Update frontend.js

frontend.js

@@ -1,16 +1,35 @@
-// Created by Samuel Lord (NodeMixaholic/Sparksammy)
+class JSPlusPlus {
-// Now Maintained by Maxwell (GOrwell1984)
+    General = class {
-// Licensed under Samuel Public License with <3
+        //Eval alternative
+        //Example: exec("alert('Hello, world!')")
+        exec(jsCode) {
+            let js = jsCode.toString();
+            Function(js)()
+        }
+        require(jsURI) {
+            try {
+                let req = JSPlusPlus.Frontend.readInternetText(jsURI);
+                JSPlusPlus.General.exec(req);
+            } catch {
+                console.log(`Error! (Using Node.JS?)
                 
-// Functions for commonly used elements
+                If on NodeJS or equivalent try:
+                'let ${jsURI} = require("${jsURI}")'`)
+            }
+        }
+    }
+    Frontend = class {
+        // Created by Samuel Lord (NodeMixaholic/Sparksammy)
+        // Now Maintained by Maxwell (GOrwell1984)
+        // Licensed under Samuel Public License with <3
         
-// Get element by ID
+        // Get element by ID
-function getElementById(elementID) {
+        getElementById(elementID) {
           return document.getElementById(elementID)
-}
+        }
         
-//Convert markdown to HTML and back
+        //Convert markdown to HTML and back
-function markdownToHTML(markdown) {
+        markdownToHTML(markdown) {
             // Replace headers (h1, h2, h3) with corresponding HTML tags
             markdown = markdown.replace(/^# (.*$)/gim, '<h1>$1</h1>');
             markdown = markdown.replace(/^## (.*$)/gim, '<h2>$1</h2>');
@@ -46,9 +65,9 @@ function markdownToHTML(markdown) {
             markdown = markdown.replaceAll("</ul></ol>", "")
             
             return markdown;
-}
+        }
         
-function htmlToMarkdown(html) {
+        htmlToMarkdown(html) {
             // Replace headers (h1, h2, h3) with corresponding Markdown tags
             html = html.replace(/<h1>(.*?)<\/h1>/gim, '# $1');
             html = html.replace(/<h2>(.*?)<\/h2>/gim, '## $1');
@@ -92,10 +111,10 @@ function htmlToMarkdown(html) {
             html = html.replaceAll("</ul></ol>", "")
             
             return html;
-}
+        }
         
-// Generalized element creation
+        // Generalized element creation
-function createElement(tagName, elementID, attributes = {}) {
+        createElement(tagName, elementID, attributes = {}) {
           const element = document.createElement(tagName);
           element.id = elementID;
           for (const [name, value] of Object.entries(attributes)) {
@@ -103,19 +122,19 @@ function createElement(tagName, elementID, attributes = {}) {
           }
           document.body.appendChild(element);
           return element;
-}
+        }
         
-function createDiv(elementID) {
+        createDiv(elementID) {
           createElement("div", elementID);
-}
+        }
         
-function createParagraph(elementID, text) {
+        createParagraph(elementID, text) {
           let elem = createElement("p", elementID);
           elem.innerText = `${text}`
           return elem
-}
+        }
         
-function initHead(pageTitle = "") {
+        initHead(pageTitle = "") {
             // Create head element
             let head = document.createElement("head");
         
@@ -142,10 +161,10 @@ function initHead(pageTitle = "") {
         
             // Append head element to the document
             document.documentElement.insertBefore(head, document.documentElement.firstChild);
-}
+        }
         
         
-function initBody(bodyID = "body") {
+        initBody(bodyID = "body") {
           // Create a new body element with the desired id
           const newBody = document.createElement("body");
           newBody.id = bodyID;
@@ -160,19 +179,19 @@ function initBody(bodyID = "body") {
               // Simply append the new body if none exists
               document.documentElement.appendChild(newBody);
           }
-}
+        }
         
-function createButton(elementID, text, attributes = {}) {
+        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
+        // Insert element with ID to element with ID
-function insertElementIntoId(elementIdOuter, elementIdSelf, tagName) {
+        insertElementIntoId(elementIdOuter, elementIdSelf, tagName) {
           const element = document.createElement(tagName);
           element.id = elementIdSelf;
           for (const [name, value] of Object.entries(attributes)) {
@@ -180,31 +199,31 @@ function insertElementIntoId(elementIdOuter, elementIdSelf, tagName) {
           }
           getElementById(elementIdOuter).appendChild(element);
           return element;
-}
+        }
         
-// Insert HTML to element with ID
+        // Insert HTML to element with ID
-function insertHTMLIntoId(elementIdOuter, html) {
+        insertHTMLIntoId(elementIdOuter, html) {
           getElementById(elementIdOuter).innerHTML = `${String(html)}`;
           return element;
-}
+        }
         
-function changeAttributes(element, attributes = {}) {
+        changeAttributes(element, attributes = {}) {
           for (const [name, value] of Object.entries(attributes)) {
             element.setAttribute(name, value);
           }
-}
+        }
         
-function createImage(elementID, src) {
+        createImage(elementID, src) {
           return createElement("img", elementID, { src: src });
-}
+        }
         
-// Get URL parameters
+        // Get URL parameters
-function getURLParameters() {
+        getURLParameters() {
           return new URLSearchParams(window.location.search);
-}
+        }
         
-// Read file contents
+        // Read file contents
-function readFileContents(file) {
+        readFileContents(file) {
           file = file.toString();
           const fileToRead = new File([""], file);
           const reader = new FileReader();
@@ -213,10 +232,10 @@ function readFileContents(file) {
             reader.onerror = () => reject(reader.error);
             reader.readAsText(fileToRead, "UTF-8");
           });
-}
+        }
         
-// Read data file as data URL
+        // Read data file as data URL
-function readDataFile(file) {
+        readDataFile(file) {
           file = file.toString();
           const fileToRead = new File([""], file);
           const reader = new FileReader();
@@ -225,30 +244,30 @@ function readDataFile(file) {
             reader.onerror = () => reject(reader.error);
             reader.readAsDataURL(fileToRead);
           });
-}
+        }
         
-function writeToBody(html) {
+        writeToBody(html) {
           document.body.innerHTML += html.toString();
-}
+        }
         
-function overwriteBody(html) {
+        overwriteBody(html) {
           document.body.innerHTML = html.toString();
-}
+        }
         
-function randomPOS(elementID) {
+        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}%`;
-}
+        }
         
-function pos(elementID, x, y) {
+        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)
+        // Select a random value in an array (handles non-arrays)
-function randomSelectArray(array) {
+        randomSelectArray(array) {
           if (Array.isArray(array)) {
             const randomIndex = Math.floor(Math.random() * array.length);
             return array[randomIndex];
@@ -256,87 +275,87 @@ function randomSelectArray(array) {
             console.log(`Error: ${array} is not an Array!`);
             return null; // Or throw an error
           }
-}
+        }
         
-function sleep(ms) {
+        sleep(ms) {
           return new Promise(resolve => setTimeout(resolve, ms));
-}
+        }
         
-async function asyncSleep(ms) {
+        async asyncSleep(ms) {
           await new Promise(r => setTimeout(r, ms));
-}
+        }
         
-// Check if a variable is a function
+        // Check if a variable is a function
-function isFunction(item) {
+        isFunction(item) {
           return typeof item === 'function';
-}
+        }
         
-function applyCSS(elementID, prop, value) {
+        applyCSS(elementID, prop, value) {
           document.getElementById(elementID).style[prop] = value;
-}
+        }
         
-function writeTimeAndDate(elementID, hourFormat) {
+        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);
-}
+        }
         
-function writeText(elementID, str) {
+        writeText(elementID, str) {
           document.getElementById(elementID).innerText = String(str);
-}
+        }
         
-function writeHTML(elementID, str) {
+        writeHTML(elementID, str) {
           document.getElementById(elementID).innerHTML = String(str);
-}
+        }
         
-function clearPage() {
+        clearPage() {
           document.body.innerHTML = "";
-}
+        }
         
-function createList(listID, items) {
+        createList(listID, items) {
           const list = document.createElement("ul");
           list.id = listID;
           document.body.appendChild(list);
           items.forEach(item => (list.innerHTML += `<li>${item}</li>`));
-}
+        }
         
-function addToList(listID, jsArray) {
+        addToList(listID, jsArray) {
             let listParent = document.getElementById(listID);
             jsArray.forEach(item => {
                 listParent.innerHTML += `<li>${item}</li>`;
             });
-}
+        }
         
-// Gets the value of an attribute
+        // Gets the value of an attribute
-// Example: getAttribute(document.getElementById("link"), "href");
+        // Example: getAttribute(document.getElementById("link"), "href");
-function getAttribute(element, attribute) {
+        getAttribute(element, attribute) {
           let result = element.getAttribute(attribute);
           return result;
-}
+        }
         
-// Show/Hide Elements
+        // Show/Hide Elements
-// Example: hideShow(element)
+        // Example: hideShow(element)
-function hideShow(element) {
+        hideShow(element) {
           if (element.style.display == 'none') {
             element.style.display = '';
           } else{
             element.style.display = 'none';
           }
-}
+        }
         
-// Example: fadeOut(element, 1000)
+        // Example: fadeOut(element, 1000)
-function fadeOut(element, ms) {
+        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);
+        // Example: fadeIn(element, 1000);
-function fadeIn(element, ms) {
+        fadeIn(element, ms) {
           elem = getElementById(element);
           elem.style.opacity = 0;
           ms = parseInt(ms);
@@ -344,9 +363,9 @@ function fadeIn(element, ms) {
             elem.style.opacity += (i / 100);
             sleep(1);
           }
-}
+        }
         
-function spin(elementID, duration) {
+        spin(elementID, duration) {
           const element = document.getElementById(elementID);
           if (!element) {
             console.error(`Element with ID '${elementID}' not found.`);
@@ -369,20 +388,9 @@ function spin(elementID, duration) {
           };
         
           requestAnimationFrame(animate);
-}
+        }
         
-
+        readInternetText(url) {
-//Eval alternative
-//Example: exec("alert('Hello, world!')")
-function exec(jsCode) {
-  let js = jsCode.toString();
-  Function(js)()
-}
-
-
-
-
-function 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
@@ -392,42 +400,35 @@ function readInternetText(url) {
             } else {
                 return 'Error: ' + request.status; // Return an error message if the request failed
             }
-}
+        }
         
-
+        // Example: getFileSize(path/to/file)
-
+        getFileSize(file) {
-function requir3(jsURL) {
-  let req = readInternetText(jsURL);
-  exec(req);
-}
-
-// Example: getFileSize(path/to/file)
-function getFileSize(file) {
           file = file.toString();
           file = new File([""], file);
           return file.getFileSize;
-}
+        }
         
-function lastModified(file) {
+        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); 
+        // Example: playAudio("https://interactive-examples.mdn.mozilla.net/media/cc0-audio/t-rex-roar.mp3", 0.4); 
-function playAudio(audio, speed) {
+        playAudio(audio, speed) {
           let ma = new Audio(audio);
           ma.playbackRate = speed;
           ma.play();
-}
+        }
         
-// Example: redir(url);
+        // Example: redir(url);
-function redir(url) {
+        redir(url) {
           window.location.href = url.toString();
-}
+        }
         
-// Function to import Google Fonts via name
+        // to import Google Fonts via name
-function importGoogleFont(fontName) {
+        importGoogleFont(fontName) {
             // Create a new link element
             const link = document.createElement('link');
             
@@ -439,12 +440,14 @@ function importGoogleFont(fontName) {
             
             // Append the link element to the head of the document
             document.head.appendChild(link);
-}
+        }
         
         
-requir3("https://cdn.jsdelivr.net/npm/gun/gun.js") //Add Gun.JS support.
+        initGun(relays = []) {
-
+            JSPlusPlus.General.require("https://cdn.jsdelivr.net/npm/gun/gun.js")
-function initGun(relays = []) {
             return Gun(relays)
-}
+        }
         
+        
+    }
+}