valyrian.js 7.2.11 → 8.0.0

package/dist/node/index.mjs

@@ -45,6 +45,13 @@ var Node = class _Node {
   set parentNode(node) {
     this.parent_node = node;
   }
+  #dataset = {};
+  get dataset() {
+    return this.#dataset;
+  }
+  set dataset(value) {
+    this.#dataset = value;
+  }
   constructor() {
   }
   appendChild(node) {
@@ -60,7 +67,7 @@ var Node = class _Node {
       node.parentNode && node.parentNode.removeChild(node);
       node.parentNode = this;
       if (child) {
-        let idx = this.childNodes.indexOf(child);
+        const idx = this.childNodes.indexOf(child);
         this.childNodes.splice(idx, 0, node);
       } else {
         this.childNodes.push(node);
@@ -77,18 +84,21 @@ var Node = class _Node {
   }
   removeChild(child) {
     if (child && child.parentNode === this) {
-      let idx = this.childNodes.indexOf(child);
+      const idx = this.childNodes.indexOf(child);
       this.childNodes.splice(idx, 1);
       child.parentNode = null;
     }
     return child;
   }
+  remove() {
+    return this.parentNode ? this.parentNode.removeChild(this) : this;
+  }
   cloneNode(deep) {
     if (this.nodeType === 3) {
       return new Text(this.nodeValue);
     }
     if (this.nodeType === 1) {
-      let node2 = new Element();
+      const node2 = new Element();
       node2.nodeType = this.nodeType;
       this.nodeName = this.nodeName;
       if (this.attributes) {
@@ -96,6 +106,9 @@ var Node = class _Node {
           node2.setAttribute(this.attributes[i].nodeName, this.attributes[i].nodeValue);
         }
       }
+      for (const key in this.dataset) {
+        node2.dataset[key] = this.dataset[key];
+      }
       if (deep) {
         for (let i = 0, l = this.childNodes.length; i < l; i++) {
           node2.appendChild(this.childNodes[i].cloneNode(deep));
@@ -103,13 +116,13 @@ var Node = class _Node {
       }
       return node2;
     }
-    let node = new _Node();
+    const node = new _Node();
     node.nodeType = this.nodeType;
     node.nodeName = this.nodeName;
     return node;
   }
   setAttribute(name, value) {
-    let attr = {
+    const attr = {
       nodeName: name,
       nodeValue: value
     };
@@ -231,8 +244,8 @@ var Text = class extends Node {
 };
 function updateElementStyles(element, state) {
   let str = "";
-  for (let key in state) {
-    let value = state[key];
+  for (const key in state) {
+    const value = state[key];
     if (typeof value !== "undefined" && value !== null && String(value).length > 0) {
       str += `${key}: ${state[key]};`;
     }
@@ -280,26 +293,46 @@ var Element = class extends Node {
     }
     throw new Error("Cannot set style");
   }
+  get className() {
+    return this.getAttribute("class") || "";
+  }
+  set className(value) {
+    if (value == null || value === false) {
+      this.removeAttribute("class");
+    } else {
+      this.setAttribute("class", String(value));
+    }
+  }
   classList = {
     toggle: (item, force) => {
       if (item) {
-        let classes = (this.getAttribute("class") || "").split(" ");
-        let itemIndex = classes.indexOf(item);
+        const classes = (this.className || "").split(" ");
+        const itemIndex = classes.indexOf(item);
         if (force && itemIndex === -1) {
           classes.push(item);
         }
         if (!force && itemIndex !== -1) {
           classes.splice(itemIndex, 1);
         }
-        let final = classes.join(" ").trim();
+        const final = classes.join(" ").trim();
         if (final.length) {
-          this.setAttribute("class", classes.join(" ").trim());
+          this.className = classes.join(" ").trim();
         } else {
-          this.removeAttribute("class");
+          this.className = false;
         }
       }
     }
   };
+  get id() {
+    return this.getAttribute("id") || "";
+  }
+  set id(value) {
+    if (value == null || value === false) {
+      this.removeAttribute("id");
+    } else {
+      this.setAttribute("id", String(value));
+    }
+  }
   set textContent(text) {
     this.nodeValue = String(text);
     this.childNodes = this.nodeValue ? [new Text(this.nodeValue)] : [];
@@ -322,7 +355,7 @@ var Element = class extends Node {
   }
   set innerHTML(html) {
     this.textContent = "";
-    let result = htmlToDom(html);
+    const result = htmlToDom(html);
     if (result instanceof DocumentFragment) {
       for (let i = 0, l = result.childNodes.length; i < l; i++) {
         this.appendChild(result.childNodes[i]);
@@ -347,17 +380,19 @@ var Document = class extends Element {
     super();
     this.nodeType = 9;
     this.nodeName = "#document";
+    this.body = this.createElement("body");
   }
+  body;
   createDocumentFragment() {
     return new DocumentFragment();
   }
   createElement(type) {
-    let element = new Element();
+    const element = new Element();
     element.nodeName = type.toUpperCase();
     return element;
   }
   createElementNS(ns, type) {
-    let element = this.createElement(type);
+    const element = this.createElement(type);
     element.baseURI = ns;
     return element;
   }
@@ -387,7 +422,7 @@ function domToHtml(dom) {
     return dom.textContent;
   }
   if (dom.nodeType === 1) {
-    let name = dom.nodeName.toLowerCase();
+    const name = dom.nodeName.toLowerCase();
     let str = "<" + name;
     for (let i = 0, l = dom.attributes.length; i < l; i++) {
       str += " " + dom.attributes[i].nodeName + '="' + dom.attributes[i].nodeValue + '"';
@@ -396,7 +431,7 @@ function domToHtml(dom) {
       str += ">";
       if (dom.childNodes && dom.childNodes.length > 0) {
         for (let i = 0, l = dom.childNodes.length; i < l; i++) {
-          let child = domToHtml(dom.childNodes[i]);
+          const child = domToHtml(dom.childNodes[i]);
           if (child) {
             str += child;
           }
@@ -426,9 +461,9 @@ ${spaces}"${item.nodeValue}"`;
       let str = `
 ${spaces}v("${item.nodeName}", `;
       if (item.attributes) {
-        let attrs = {};
+        const attrs = {};
         for (let i = 0, l = item.attributes.length; i < l; i++) {
-          let attr = item.attributes[i];
+          const attr = item.attributes[i];
           attrs[attr.nodeName] = attr.nodeValue;
         }
         str += JSON.stringify(attrs);
@@ -446,14 +481,14 @@ ${spaces}`;
   }).join(",");
 }
 function findTexts(item, html) {
-  let newChildren = [];
+  const newChildren = [];
   if (item.children.length) {
     for (let i = 0; i < item.children.length; i++) {
-      let child = item.children[i];
-      let nextChild = item.children[i + 1];
+      const child = item.children[i];
+      const nextChild = item.children[i + 1];
       if (i === 0 && child.startsAt > item.contentStartsAt) {
-        let childContent = html.substring(item.contentStartsAt, child.startsAt);
-        let childText = {
+        const childContent = html.substring(item.contentStartsAt, child.startsAt);
+        const childText = {
           tagName: "#text",
           startsAt: item.contentStartsAt,
           endsAt: item.contentStartsAt + childContent.length,
@@ -467,8 +502,8 @@ function findTexts(item, html) {
       }
       newChildren.push(child);
       if (nextChild && child.endsAt < nextChild.startsAt) {
-        let childContent = html.substring(child.endsAt, nextChild.startsAt);
-        let childText = {
+        const childContent = html.substring(child.endsAt, nextChild.startsAt);
+        const childText = {
           tagName: "#text",
           startsAt: child.endsAt,
           endsAt: child.endsAt + childContent.length,
@@ -481,8 +516,8 @@ function findTexts(item, html) {
         newChildren.push(childText);
       }
       if (!nextChild && child.endsAt < item.contentEndsAt) {
-        let childContent = html.substring(child.endsAt, item.contentEndsAt);
-        let childText = {
+        const childContent = html.substring(child.endsAt, item.contentEndsAt);
+        const childText = {
           tagName: "#text",
           startsAt: child.endsAt,
           endsAt: child.endsAt + childContent.length,
@@ -498,9 +533,9 @@ function findTexts(item, html) {
     }
   }
   if (!item.children.length) {
-    let childContent = html.substring(item.contentStartsAt, item.contentEndsAt);
+    const childContent = html.substring(item.contentStartsAt, item.contentEndsAt);
     if (childContent.length) {
-      let childText = {
+      const childText = {
         tagName: "#text",
         startsAt: item.contentStartsAt,
         endsAt: item.contentEndsAt,
@@ -521,11 +556,11 @@ function convertToDom(item) {
     node = document.createTextNode(item.nodeValue);
   } else {
     node = item.tagName === "#document-fragment" ? document.createDocumentFragment() : document.createElement(item.tagName);
-    for (let key in item.attributes) {
+    for (const key in item.attributes) {
       node.setAttribute(key, item.attributes[key]);
     }
     for (let i = 0; i < item.children.length; i++) {
-      let child = convertToDom(item.children[i]);
+      const child = convertToDom(item.children[i]);
       node.appendChild(child);
     }
   }
@@ -533,24 +568,24 @@ function convertToDom(item) {
 }
 function getObjectIndexTree(html) {
   let item;
-  let regex = RegExp("<([^>|^!]+)>", "g");
-  let items = [];
+  const regex = RegExp("<([^>|^!]+)>", "g");
+  const items = [];
   while (item = regex.exec(html)) {
     if (item[0].startsWith("</")) {
-      let lastOpenedItem = [...items].reverse().find((item2) => item2.endsAt === null);
+      const lastOpenedItem = [...items].reverse().find((item2) => item2.endsAt === null);
       if (lastOpenedItem) {
         lastOpenedItem.endsAt = item.index + item[0].length;
         lastOpenedItem.contentEndsAt = item.index;
-        let parent = [...items].reverse().find((item2) => item2.endsAt === null);
+        const parent = [...items].reverse().find((item2) => item2.endsAt === null);
         if (parent) {
-          let index = items.indexOf(lastOpenedItem);
+          const index = items.indexOf(lastOpenedItem);
           items.splice(index, 1);
           parent.children.push(lastOpenedItem);
         }
       }
       continue;
     }
-    let element = {
+    const element = {
       tagName: item[1].split(" ")[0],
       startsAt: item.index,
       endsAt: null,
@@ -561,9 +596,9 @@ function getObjectIndexTree(html) {
       nodeValue: null
     };
     let string = (item[1] || "").substring(element.tagName.length + 1).replace(/\/$/g, "");
-    let attributesWithValues = string.match(/\S+="[^"]+"/g);
+    const attributesWithValues = string.match(/\S+="[^"]+"/g);
     if (attributesWithValues) {
-      for (let attribute of attributesWithValues) {
+      for (const attribute of attributesWithValues) {
         const [name, ...value] = attribute.trim().split("=");
         string = string.replace(attribute, "");
         if (value) {
@@ -571,9 +606,9 @@ function getObjectIndexTree(html) {
         }
       }
     }
-    let attributesWithBooleanValues = string.match(/\s\S+=[^"]+/g);
+    const attributesWithBooleanValues = string.match(/\s\S+=[^"]+/g);
     if (attributesWithBooleanValues) {
-      for (let attribute of attributesWithBooleanValues) {
+      for (const attribute of attributesWithBooleanValues) {
         const [name, ...value] = attribute.trim().split("=");
         string = string.replace(attribute, "");
         if (value) {
@@ -581,9 +616,9 @@ function getObjectIndexTree(html) {
         }
       }
     }
-    let attributesWithEmptyValues = string.match(/\s?\S+/g);
+    const attributesWithEmptyValues = string.match(/\s?\S+/g);
     if (attributesWithEmptyValues) {
-      for (let attribute of attributesWithEmptyValues) {
+      for (const attribute of attributesWithEmptyValues) {
         const name = attribute.trim();
         element.attributes[name] = true;
       }
@@ -591,7 +626,7 @@ function getObjectIndexTree(html) {
     if (item[0].endsWith("/>")) {
       element.endsAt = element.startsAt + item[0].length;
       element.contentStartsAt = element.contentEndsAt = element.endsAt;
-      let parent = [...items].reverse().find((item2) => item2.endsAt === null);
+      const parent = [...items].reverse().find((item2) => item2.endsAt === null);
       if (parent) {
         parent.children.push(element);
         continue;
@@ -599,7 +634,7 @@ function getObjectIndexTree(html) {
     }
     items.push(element);
   }
-  let fragmentItem = {
+  const fragmentItem = {
     tagName: "#document-fragment",
     startsAt: 0,
     endsAt: html.length,
@@ -614,21 +649,21 @@ function getObjectIndexTree(html) {
 }
 function htmlToDom(html) {
   const openingTag = html.match(/<[^>]+>/g);
-  let document2 = new Document();
+  const document2 = new Document();
   if (!openingTag) {
-    let documentFragment = document2.createDocumentFragment();
+    const documentFragment = document2.createDocumentFragment();
     documentFragment.appendChild(document2.createTextNode(html));
     return documentFragment;
   }
-  let fragment = getObjectIndexTree(html);
+  const fragment = getObjectIndexTree(html);
   if (fragment.childNodes.length > 1) {
     return fragment;
   }
   return fragment.childNodes[0];
 }
 function htmlToHyperscript(html) {
-  let domTree = htmlToDom(html);
-  let hyperscript = domToHyperscript(domTree instanceof DocumentFragment ? domTree.childNodes : [domTree]);
+  const domTree = htmlToDom(html);
+  const hyperscript = domToHyperscript(domTree instanceof DocumentFragment ? domTree.childNodes : [domTree]);
   return `[${hyperscript}
 ]`;
 }
@@ -641,7 +676,7 @@ import FormData from "form-data";
 // lib/node/utils/icons.ts
 import fs from "fs";
 async function icons(source, configuration) {
-  let options = {
+  const options = {
     ...icons.options,
     ...configuration || {}
   };
@@ -653,17 +688,17 @@ async function icons(source, configuration) {
   }
   const { favicons } = await import("favicons");
   try {
-    let response = await favicons(source, options);
+    const response = await favicons(source, options);
     if (options.iconsPath) {
-      for (let i in response.images) {
+      for (const i in response.images) {
         fs.writeFileSync(options.iconsPath + response.images[i].name, response.images[i].contents);
       }
-      for (let i in response.files) {
+      for (const i in response.files) {
         fs.writeFileSync(options.iconsPath + response.files[i].name, response.files[i].contents);
       }
     }
     if (options.linksViewPath) {
-      let html = `
+      const html = `
   function Links(){
     return ${htmlToHyperscript(response.html.join(""))};
   }
@@ -718,12 +753,12 @@ import esbuild from "esbuild";
 import fs2 from "fs";
 async function inline(file, options = {}) {
   if (typeof file === "string") {
-    let ext = file.split(".").pop();
+    const ext = file.split(".").pop();
     if (ext && /(js|cjs|jsx|mjs|ts|tsx)/.test(ext)) {
       if (/(ts|tsx)/.test(ext) && !options.noValidate) {
-        let declarationDir = options.declarationDir;
-        let emitDeclaration = !!declarationDir;
-        let tscProgOptions = {
+        const declarationDir = options.declarationDir;
+        const emitDeclaration = !!declarationDir;
+        const tscProgOptions = {
           basePath: process.cwd(),
           // always required, used for relative paths
           configFilePath: "tsconfig.json",
@@ -756,7 +791,7 @@ async function inline(file, options = {}) {
         console.log("tsc", tscProgOptions);
         tsc.build(tscProgOptions);
       }
-      let esbuildOptions = {
+      const esbuildOptions = {
         entryPoints: [file],
         bundle: "bundle" in options ? options.bundle : true,
         sourcemap: "external",
@@ -774,13 +809,13 @@ async function inline(file, options = {}) {
         },
         ...options.esbuild || {}
       };
-      let result = await esbuild.build(esbuildOptions);
+      const result = await esbuild.build(esbuildOptions);
       if (result.outputFiles?.length !== 2) {
         throw new Error(result.errors.join("\n"));
       }
       if (options.compact) {
         const terser = await import("terser");
-        let result2 = await terser.minify(result.outputFiles[1].text, {
+        const result2 = await terser.minify(result.outputFiles[1].text, {
           sourceMap: {
             content: result.outputFiles[0].text.toString()
           },
@@ -796,16 +831,16 @@ async function inline(file, options = {}) {
         if (!result2.code || !result2.map) {
           throw new Error("Unknown error");
         }
-        let mapBase64 = Buffer.from(result2.map.toString()).toString("base64");
-        let suffix = `//# sourceMappingURL=data:application/json;charset=utf-8;base64,${mapBase64}`;
+        const mapBase64 = Buffer.from(result2.map.toString()).toString("base64");
+        const suffix = `//# sourceMappingURL=data:application/json;charset=utf-8;base64,${mapBase64}`;
         return { raw: result2.code, map: suffix, file };
       } else {
-        let mapBase64 = Buffer.from(result.outputFiles[0].text.toString()).toString("base64");
-        let suffix = `//# sourceMappingURL=data:application/json;charset=utf-8;base64,${mapBase64}`;
+        const mapBase64 = Buffer.from(result.outputFiles[0].text.toString()).toString("base64");
+        const suffix = `//# sourceMappingURL=data:application/json;charset=utf-8;base64,${mapBase64}`;
         return { raw: result.outputFiles[1].text, map: suffix, file };
       }
     } else if (ext && /(css|scss|styl)/.test(ext)) {
-      let result = await new CleanCSS({
+      const result = await new CleanCSS({
         sourceMap: true,
         level: {
           1: {
@@ -827,15 +862,15 @@ async function inline(file, options = {}) {
   }
 }
 inline.uncss = async function(renderedHtml, css, options = {}) {
-  let html = await Promise.all(renderedHtml);
-  let contents = html.map((item) => {
+  const html = await Promise.all(renderedHtml);
+  const contents = html.map((item) => {
     return {
       raw: item,
       extension: "html"
     };
   });
-  let purgecss = new PurgeCSS();
-  let output = await purgecss.purge({
+  const purgecss = new PurgeCSS();
+  const output = await purgecss.purge({
     fontFace: true,
     keyframes: true,
     variables: true,
@@ -844,7 +879,7 @@ inline.uncss = async function(renderedHtml, css, options = {}) {
     content: contents,
     css: [{ raw: css }]
   });
-  let cleanCss = await new CleanCSS({
+  const cleanCss = await new CleanCSS({
     sourceMap: false,
     level: {
       1: {
@@ -864,17 +899,15 @@ inline.uncss = async function(renderedHtml, css, options = {}) {
 import fs3 from "fs";
 import path from "path";
 function sw(file, options = {}) {
-  let swfiletemplate = path.resolve(__dirname, "./node.sw.tpl");
-  let swTpl = fs3.readFileSync(swfiletemplate, "utf8");
-  let opt = Object.assign(
-    {
-      version: "v1::",
-      name: "Valyrian.js",
-      urls: ["/"],
-      debug: false
-    },
-    options
-  );
+  const swfiletemplate = path.resolve(__dirname, "./node.sw.js");
+  const swTpl = fs3.readFileSync(swfiletemplate, "utf8");
+  const opt = {
+    version: "v1::",
+    name: "Valyrian.js",
+    urls: ["/"],
+    debug: false,
+    ...options
+  };
   let contents = swTpl.replace("v1::", "v" + opt.version + "::").replace("Valyrian.js", opt.name).replace("['/']", '["' + opt.urls.join('","') + '"]');
   if (!opt.debug) {
     contents = contents.replace("console.log", "() => {}");
@@ -882,12 +915,116 @@ function sw(file, options = {}) {
   fs3.writeFileSync(file, contents, "utf8");
 }
 
+// lib/node/utils/session-storage.ts
+import fs4 from "fs";
+import path2 from "path";
+var SessionStorage = class {
+  storage;
+  limit;
+  persist;
+  filePath;
+  directory = ".session-storage";
+  constructor({ persist = false, filePath = "./sessionData.json" } = {}) {
+    this.storage = {};
+    this.limit = 5 * 1024 * 1024;
+    this.persist = persist;
+    this.filePath = path2.resolve(this.directory, filePath);
+    if (!fs4.existsSync(this.directory)) {
+      fs4.mkdirSync(this.directory, { recursive: true });
+    }
+    if (this.persist) {
+      this.loadFromFile();
+    }
+  }
+  // Calculate total size in bytes of stored data
+  getStorageSize() {
+    return new TextEncoder().encode(JSON.stringify(this.storage)).length;
+  }
+  // Check if storage limit is exceeded
+  checkSizeLimit() {
+    const size = this.getStorageSize();
+    if (size > this.limit) {
+      throw new DOMException("Storage limit exceeded", "QuotaExceededError");
+    }
+  }
+  // Store value under the specified key
+  setItem(key, value) {
+    if (key === null || key === void 0) {
+      throw new TypeError("Failed to execute 'setItem' on 'Storage': 1 argument required, but only 0 present.");
+    }
+    if (value === null) {
+      value = "null";
+    } else if (value === void 0) {
+      value = "undefined";
+    }
+    this.storage[key] = String(value);
+    this.checkSizeLimit();
+    if (this.persist) {
+      this.saveToFile();
+    }
+  }
+  // Retrieve value stored under the specified key
+  getItem(key) {
+    if (key === null || key === void 0) {
+      throw new TypeError("Failed to execute 'getItem' on 'Storage': 1 argument required, but only 0 present.");
+    }
+    return this.storage[key] || null;
+  }
+  // Remove the value under the specified key
+  removeItem(key) {
+    if (key === null || key === void 0) {
+      throw new TypeError("Failed to execute 'removeItem' on 'Storage': 1 argument required, but only 0 present.");
+    }
+    delete this.storage[key];
+    if (this.persist) {
+      this.saveToFile();
+    }
+  }
+  // Clear all stored values
+  clear() {
+    this.storage = {};
+    if (this.persist) {
+      this.saveToFile();
+    }
+  }
+  // Return the number of stored items
+  get length() {
+    return Object.keys(this.storage).length;
+  }
+  // Return the key at the specified index
+  key(index) {
+    const keys = Object.keys(this.storage);
+    return keys[index] || null;
+  }
+  // Save data to a file (only if persistence is enabled)
+  saveToFile() {
+    try {
+      fs4.writeFileSync(this.filePath, JSON.stringify(this.storage), "utf-8");
+    } catch (error) {
+      throw new Error(`Error saving data to file: ${error.message}`);
+    }
+  }
+  // Load data from a file (only if persistence is enabled)
+  loadFromFile() {
+    try {
+      if (fs4.existsSync(this.filePath)) {
+        const data = fs4.readFileSync(this.filePath, "utf-8");
+        this.storage = JSON.parse(data || "{}");
+      }
+    } catch (error) {
+      throw new Error(`Error loading data from file: ${error.message}`);
+    }
+  }
+};
+
 // lib/node/index.ts
 global.FormData = FormData;
 global.document = document;
+global.sessionStorage = new SessionStorage();
+global.localStorage = new SessionStorage();
 function render(...args) {
-  let Component = () => args;
-  let result = mount("div", Component);
+  const Component = () => args;
+  const result = mount("div", Component);
   unmount();
   return result;
 }