// Created by Samuel Lord (NodeMixaholic/Sparksammy) // Now Maintained by Sneed Group // Licensed under Samuel Public License with <3 class JSPlusPlus { General = class { //Eval alternative //Example: exec("alert('Hello, world!')") exec(jsCode) { let js = jsCode.toString(); Function(js)() } readInternetText(url) { var request = new XMLHttpRequest(); // Create a new XMLHttpRequest object request.open('GET', url, false); // Open the request with synchronous mode request.send(null); // Send the request with no additional data if (request.status === 200) { // Check if the request was successful return request.responseText; // Return the response text } else { return 'Error: ' + request.status; // Return an error message if the request failed } } require(jsURI) { try { let req = JSPlusPlus.JSPlusPlus.readInternetText(jsURI); JSPlusPlus.General.exec(req); } catch { console.log(`Error! (Using Node.JS?) If on NodeJS or equivalent try: 'let ${jsURI} = require("${jsURI}")'`) } } } HTMLFrontend = class { // Get element by ID getElementById(elementID) { return document.getElementById(elementID) } //Convert markdown to HTML and back markdownToHTML(markdown) { // Replace headers (h1, h2, h3) with corresponding HTML tags markdown = markdown.replace(/^# (.*$)/gim, '

$1

'); markdown = markdown.replace(/^## (.*$)/gim, '

$1

'); markdown = markdown.replace(/^### (.*$)/gim, '

$1

'); // Replace bold and italic text with corresponding HTML tags markdown = markdown.replace(/\*\*(.*)\*\*/gim, '$1'); markdown = markdown.replace(/\*(.*)\*/gim, '$1'); // Replace unordered list items with HTML list tags markdown = markdown.replace(/\* (.*?)(\n|$)/gim, '

'); // Replace inline code with HTML

 tag
            markdown = markdown.replace(/`(.*?)`/gim, '$1');
        
            // Replace blockquotes with HTML  tag
            markdown = markdown.replace(/^\s*> (.*)$/gim, '$1');
        
            // Replace horizontal rules with HTML  tag
            markdown = markdown.replace(/^\s*[-*_]{3,}\s*$/gim, '');
        
            // Replace line breaks with HTML 
 tag
            markdown = markdown.replace(/\n$/gim, '
');
        
            // Replace images with HTML  tag
            markdown = markdown.replace(/!\[(.*?)\]\((.*?)\)/gim, '');
        
            // Replace links with HTML  tag
            markdown = markdown.replace(/\[(.*?)\]\((.*?)\)/gim, '$1');
        
            markdown = markdown.replaceAll("", "")
        
            markdown = markdown.replaceAll("", "")
            
            return markdown;
        }
        
        htmlToMarkdown(html) {
            // Replace headers (h1, h2, h3) with corresponding Markdown tags
            html = html.replace(/(.*?)<\/h1>/gim, '# $1');
            html = html.replace(/
(.*?)<\/h2>/gim, '## $1');
            html = html.replace(/
(.*?)<\/h3>/gim, '### $1');
        
            // Replace bold and italic text with corresponding Markdown tags
            html = html.replace(/(.*?)<\/b>/gim, '**$1**');
            html = html.replace(/(.*?)<\/i>/gim, '*$1*');
        
            // Replace unordered list items with Markdown list tags
            html = html.replace(/(.*?)<\/ul>/gim, function(match, p1) {
                let listItems = p1.trim().split('');
                listItems.pop();
                listItems = listItems.map(item => '* ' + item.trim().replace(//gim, '')).join('\n');
                return listItems;
            });
        
            // Replace ordered list items with Markdown list tags
            html = html.replace(/
(.*?)<\/li>/gim, '* $1\n');
        
            // Replace inline code with Markdown backticks
            html = html.replace(/(.*?)<\/code>/gim, '`$1`');
        
            // Replace blockquotes with Markdown blockquote tag
            html = html.replace(/(.*?)<\/blockquote>/gim, '> $1');
        
            // Replace horizontal rules with Markdown horizontal rules
            html = html.replace(//gim, '---');
        
            // Replace line breaks with Markdown line breaks
            html = html.replace(/
/gim, '\n');
        
            // Replace images with Markdown image syntax
            html = html.replace(//gim, '![$1]($2)');
        
            // Replace links with Markdown link syntax
            html = html.replace(/(.*?)<\/a>/gim, '[$2]($1)');
        
            html = html.replaceAll("", "")
        
            html = html.replaceAll("", "")
            
            return html;
        }
        
        // Generalized element creation
        createElement(tagName, elementID, attributes = {}) {
          const element = document.createElement(tagName);
          element.id = elementID;
          for (const [name, value] of Object.entries(attributes)) {
            element.setAttribute(name, value);
          }
          document.body.appendChild(element);
          return element;
        }
        
        createDiv(elementID) {
          createElement("div", elementID);
        }
        
        createParagraph(elementID, text) {
          let elem = createElement("p", elementID);
          elem.innerText = `${text}`
          return elem
        }
        
        initHead(pageTitle = "") {
            // Create head element
            let head = document.createElement("head");
        
            // Create title element
            let titleElement = document.createElement("title");
            titleElement.textContent = pageTitle;
        
            // Create link element for app icon
            let appIcon = document.createElement("link");
            appIcon.rel = "apple-touch-icon";
            appIcon.sizes = "180x180";
            appIcon.href = "icon.png";
        
            // Create link element for favicon
            let favicon = document.createElement("link");
            favicon.rel = "icon";
            favicon.type = "image/png";
            favicon.href = "icon.png";
        
            // Append title, app icon, and favicon to the head element
            head.appendChild(titleElement);
            head.appendChild(appIcon);
            head.appendChild(favicon);
        
            // Append head element to the document
            document.documentElement.insertBefore(head, document.documentElement.firstChild);
        }
        
        
        initBody(bodyID = "body") {
          // Create a new body element with the desired id
          const newBody = document.createElement("body");
          newBody.id = bodyID;
        
          // Get a reference to the existing body element (if any)
          const oldBody = document.body;
        
          // Replace the existing body (if present) with the new one
          if (oldBody) {
              document.documentElement.replaceChild(newBody, oldBody);
          } else {
              // Simply append the new body if none exists
              document.documentElement.appendChild(newBody);
          }
        }
        
        createButton(elementID, text, attributes = {}) {
          let elem = createElement("button", elementID);
          elem.innerText = `${text}`
          for (const [name, value] of Object.entries(attributes)) {
            elem.setAttribute(name, value);
          }
          return elem;
        }
        
        // Insert element with ID to element with ID
        insertElementIntoId(elementIdOuter, elementIdSelf, tagName) {
          const element = document.createElement(tagName);
          element.id = elementIdSelf;
          for (const [name, value] of Object.entries(attributes)) {
            element.setAttribute(name, value);
          }
          getElementById(elementIdOuter).appendChild(element);
          return element;
        }
        
        // Insert HTML to element with ID
        insertHTMLIntoId(elementIdOuter, html) {
          getElementById(elementIdOuter).innerHTML = `${String(html)}`;
          return element;
        }
        
        changeAttributes(element, attributes = {}) {
          for (const [name, value] of Object.entries(attributes)) {
            element.setAttribute(name, value);
          }
        }
        
        createImage(elementID, src) {
          return createElement("img", elementID, { src: src });
        }
        
        // Get URL parameters
        getURLParameters() {
          return new URLSearchParams(window.location.search);
        }
        
        // Read file contents
        readFileContents(file) {
          file = file.toString();
          const fileToRead = new File([""], file);
          const reader = new FileReader();
          return new Promise((resolve, reject) => {
            reader.onload = () => resolve(reader.result);
            reader.onerror = () => reject(reader.error);
            reader.readAsText(fileToRead, "UTF-8");
          });
        }
        
        // Read data file as data URL
        readDataFile(file) {
          file = file.toString();
          const fileToRead = new File([""], file);
          const reader = new FileReader();
          return new Promise((resolve, reject) => {
            reader.onload = () => resolve(reader.result);
            reader.onerror = () => reject(reader.error);
            reader.readAsDataURL(fileToRead);
          });
        }
        
        writeToBody(html) {
          document.body.innerHTML += html.toString();
        }
        
        overwriteBody(html) {
          document.body.innerHTML = html.toString();
        }
        
        randomPOS(elementID) {
          const top = Math.floor(Math.random() * 90);
          const left = Math.floor(Math.random() * 90);
          document.getElementById(elementID).style.top = `${top}%`;
          document.getElementById(elementID).style.left = `${left}%`;
        }
        
        pos(elementID, x, y) {
          document.getElementById(elementID).style.top = `${y}%`;
          document.getElementById(elementID).style.left = `${x}%`;
        }
        
        // Select a random value in an array (handles non-arrays)
        randomSelectArray(array) {
          if (Array.isArray(array)) {
            const randomIndex = Math.floor(Math.random() * array.length);
            return array[randomIndex];
          } else {
            console.log(`Error: ${array} is not an Array!`);
            return null; // Or throw an error
          }
        }
        
        sleep(ms) {
          return new Promise(resolve => setTimeout(resolve, ms));
        }
        
        async asyncSleep(ms) {
          await new Promise(r => setTimeout(r, ms));
        }
        
        // Check if a variable is a function
        isFunction(item) {
          return typeof item === 'function';
        }
        
        applyCSS(elementID, prop, value) {
          document.getElementById(elementID).style[prop] = value;
        }
        
        writeTimeAndDate(elementID, hourFormat) {
          const element = document.getElementById(elementID);
          const date = new Date();
          const locale = hourFormat === 24 ? "en-GB" : "en-US";
          element.innerText = date.toLocaleString(locale);
        }
        
        writeText(elementID, str) {
          document.getElementById(elementID).innerText = String(str);
        }
        
        writeHTML(elementID, str) {
          document.getElementById(elementID).innerHTML = String(str);
        }
        
        clearPage() {
          document.body.innerHTML = "";
        }
        
        createList(listID, items) {
          const list = document.createElement("ul");
          list.id = listID;
          document.body.appendChild(list);
          items.forEach(item => (list.innerHTML += `${item}`));
        }
        
        addToList(listID, jsArray) {
            let listParent = document.getElementById(listID);
            jsArray.forEach(item => {
                listParent.innerHTML += `${item}`;
            });
        }
        
        // Gets the value of an attribute
        // Example: getAttribute(document.getElementById("link"), "href");
        getAttribute(element, attribute) {
          let result = element.getAttribute(attribute);
          return result;
        }
        
        // Show/Hide Elements
        // Example: hideShow(element)
        hideShow(element) {
          if (element.style.display == 'none') {
            element.style.display = '';
          } else{
            element.style.display = 'none';
          }
        }
        
        // Example: fadeOut(element, 1000)
        fadeOut(element, ms) {
          let elem = getElementById(element);
          ms = parseInt(ms);
          for (i = 0; i < (ms + 1); i++) {
            elem.style.opacity -= (i / 100);
            sleep(1);
          }
        }
        
        // Example: fadeIn(element, 1000);
        fadeIn(element, ms) {
          elem = getElementById(element);
          elem.style.opacity = 0;
          ms = parseInt(ms);
          for (i = 0; i < (ms + 1); i++) {
            elem.style.opacity += (i / 100);
            sleep(1);
          }
        }
        
        spin(elementID, duration) {
          const element = document.getElementById(elementID);
          if (!element) {
            console.error(`Element with ID '${elementID}' not found.`);
            return;
          }
        
          let start;
          const animate = (timestamp) => {
            if (!start) start = timestamp;
            const elapsed = timestamp - start;
            const rotation = (elapsed / duration) * 360;
            element.style.transform = `rotate(${rotation}deg)`;
        
            if (elapsed < duration) {
              requestAnimationFrame(animate);
            } else {
              start = null;
              element.style.transform = 'none'; // Reset transform after animation completes
            }
          };
        
          requestAnimationFrame(animate);
        }
        
        // Example: getFileSize(path/to/file)
        getFileSize(file) {
          file = file.toString();
          file = new File([""], file);
          return file.getFileSize;
        }
        
        lastModified(file) {
          file = file.toString();
          file = new File([""], file);
          return file.lastModified;
        }
        
        // Example: playAudio("https://interactive-examples.mdn.mozilla.net/media/cc0-audio/t-rex-roar.mp3", 0.4); 
        playAudio(audio, speed) {
          let ma = new Audio(audio);
          ma.playbackRate = speed;
          ma.play();
        }
        
        // Example: redir(url);
        redir(url) {
          window.location.href = url.toString();
        }
        
        // to import Google Fonts via name
        importGoogleFont(fontName) {
            // Create a new link element
            const link = document.createElement('link');
            
            // Set the rel attribute to 'stylesheet'
            link.rel = 'stylesheet';
            
            // Set the href attribute to the Google Fonts URL with the specified font name
            link.href = `https://fonts.googleapis.com/css?family=${fontName.replace(' ', '+')}`;
            
            // Append the link element to the head of the document
            document.head.appendChild(link);
        }
        
        
        initGun(relays = []) {
            JSPlusPlus.General.require("https://cdn.jsdelivr.net/npm/gun/gun.js")
            return Gun(relays)
        }
        
        
    }
}

$1

$1

$1

(.*?)<\/h1>/gim, '# $1'); html = html.replace(/

(.*?)<\/h2>/gim, '## $1'); html = html.replace(/