- Update adds new utilities

Edexaal · Edexaal · commit e58676502be0 · 2025-08-19T14:09:23.000-05:00
- Change namespace from an object to a class
- Adds a file to test libraries
diff --git a/_lib/utility.js b/_lib/utility.js
@@ -1,20 +1,43 @@
 // ==UserScript==
-// @name        Edexal Utility Library
+// @name        Edexal's Utility Library
 // @namespace   1330126-edexal
 // @license     Unlicense
-// @version     1.1
+// @version     2.0
 // @author      Edexal
 // @description Utility library for common reusable tasks
 // ==/UserScript==
-const edexal = {
-  //Apply custom styles in a style tag
-  applyCSS(css) {
+class Edexal {
+  static addCSS(css) {
     let styleEl = document.querySelector("style");
     if (styleEl === null) {
       styleEl = document.createElement('style');
     }
     styleEl.appendChild(document.createTextNode(css));
     document.head.appendChild(styleEl);
   }
-  //Test
-}
+
+  static newEl(elObj) {
+    if (!Object.hasOwn(elObj, 'element')) return;
+    const el = document.createElement(elObj.element);
+    const {element, ...otherObjs} = elObj;
+    for (const [key, val] of Object.entries(otherObjs)) {
+      switch (key) {
+        case 'class':
+          el.classList.add(...val);
+          break;
+        case 'text':
+          const txt = document.createTextNode(val);
+          el.append(txt);
+          break;
+        default:
+          el.setAttribute(key, val);
+          break;
+      }
+    }
+    return el;
+  }
+
+  static onEv(el, eventType, callback, options) {
+    el.addEventListener(eventType, callback, options);
+  }
+}
diff --git a/index.html b/index.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <meta name="description" content="This is a test document page">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <script src="_lib/utility.js" defer></script>
+    <script src="_lib/game-request-templates.js" defer></script>
+    <title>Test Document</title>
+</head>
+<body>
+<h1>Hello World!</h1>
+</body>
+</html>
