Update frontend.js

This commit is contained in:
Sam Sneed 2024-05-28 18:26:22 +00:00 committed by GitHub
parent 5a67b8097a
commit c7aa9f17c9
No known key found for this signature in database
GPG key ID: B5690EEEBB952194

View file

@ -1,16 +1,35 @@
// Created by Samuel Lord (NodeMixaholic/Sparksammy)
// Now Maintained by Maxwell (GOrwell1984)
// 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)()
}
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
function getElementById(elementID) {
// Get element by ID
getElementById(elementID) {
return document.getElementById(elementID)
}
}
//Convert markdown to HTML and back
function markdownToHTML(markdown) {
//Convert markdown to HTML and back
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
function createElement(tagName, elementID, attributes = {}) {
// Generalized element creation
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
function insertElementIntoId(elementIdOuter, elementIdSelf, tagName) {
// 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)) {
@ -180,31 +199,31 @@ function insertElementIntoId(elementIdOuter, elementIdSelf, tagName) {
}
getElementById(elementIdOuter).appendChild(element);
return element;
}
}
// Insert HTML to element with ID
function insertHTMLIntoId(elementIdOuter, html) {
// Insert HTML to element with ID
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
function getURLParameters() {
// Get URL parameters
getURLParameters() {
return new URLSearchParams(window.location.search);
}
}
// Read file contents
function readFileContents(file) {
// Read file contents
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
function readDataFile(file) {
// Read data file as data URL
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)
function randomSelectArray(array) {
// 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];
@ -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
function isFunction(item) {
// Check if a variable is a function
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
// Example: getAttribute(document.getElementById("link"), "href");
function getAttribute(element, attribute) {
// 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)
function hideShow(element) {
// 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)
function fadeOut(element, ms) {
// 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);
function fadeIn(element, ms) {
// Example: fadeIn(element, 1000);
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);
}
}
//Eval alternative
//Example: exec("alert('Hello, world!')")
function exec(jsCode) {
let js = jsCode.toString();
Function(js)()
}
function readInternetText(url) {
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
}
}
}
function requir3(jsURL) {
let req = readInternetText(jsURL);
exec(req);
}
// Example: getFileSize(path/to/file)
function getFileSize(file) {
// Example: getFileSize(path/to/file)
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);
function playAudio(audio, speed) {
// 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);
function redir(url) {
// Example: redir(url);
redir(url) {
window.location.href = url.toString();
}
}
// Function to import Google Fonts via name
function importGoogleFont(fontName) {
// to import Google Fonts via name
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.
function initGun(relays = []) {
initGun(relays = []) {
JSPlusPlus.General.require("https://cdn.jsdelivr.net/npm/gun/gun.js")
return Gun(relays)
}
}
}
}