valyrian.js 7.2.11 → 7.2.12

package/lib/node/index.ts

@@ -11,8 +11,8 @@ global.FormData = FormData as any;
 global.document = document as any;
 
 function render(...args: any[]) {
-  let Component = () => args;
-  let result = mount("div", Component);
+  const Component = () => args;
+  const result = mount("div", Component);
   unmount();
   return result;
 }

package/lib/node/utils/icons.ts

@@ -33,7 +33,7 @@ interface IconsOptions {
 }
 
 export async function icons(source: string, configuration?: IconsOptions) {
-  let options = {
+  const options = {
     ...icons.options,
     ...(configuration || {})
   };
@@ -49,20 +49,20 @@ export async function icons(source: string, configuration?: IconsOptions) {
   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(""))};
   }

package/lib/node/utils/inline.ts

@@ -12,13 +12,13 @@ export async function inline(
   options: Record<string, any> = {}
 ) {
   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;
+        const declarationDir = options.declarationDir;
+        const emitDeclaration = !!declarationDir;
 
-        let tscProgOptions = {
+        const tscProgOptions = {
           basePath: process.cwd(), // always required, used for relative paths
           configFilePath: "tsconfig.json", // config to inherit from (optional)
           files: [file],
@@ -53,7 +53,7 @@ export async function inline(
         tsc.build(tscProgOptions);
       }
 
-      let esbuildOptions = {
+      const esbuildOptions = {
         entryPoints: [file],
         bundle: "bundle" in options ? options.bundle : true,
         sourcemap: "external",
@@ -72,14 +72,14 @@ export async function inline(
         ...(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()
           },
@@ -97,16 +97,16 @@ export async function inline(
           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: {
@@ -133,18 +133,18 @@ inline.uncss = async function (
   css: string,
   options: Record<string, any> = {}
 ) {
-  let html = await Promise.all(renderedHtml);
+  const html = await Promise.all(renderedHtml);
 
-  let contents = html.map((item) => {
+  const contents = html.map((item) => {
     return {
       raw: item,
       extension: "html"
     };
   });
 
-  let purgecss = new PurgeCSS();
+  const purgecss = new PurgeCSS();
 
-  let output = await purgecss.purge({
+  const output = await purgecss.purge({
     fontFace: true,
     keyframes: true,
     variables: true,
@@ -154,7 +154,7 @@ inline.uncss = async function (
     css: [{ raw: css }]
   });
 
-  let cleanCss = await new CleanCSS({
+  const cleanCss = await new CleanCSS({
     sourceMap: false,
     level: {
       1: {

package/lib/node/utils/sw.ts

@@ -2,9 +2,9 @@ import fs from "fs";
 import path from "path";
 
 export function sw(file: string, options = {}) {
-  let swfiletemplate = path.resolve(__dirname, "./node.sw.tpl");
-  let swTpl = fs.readFileSync(swfiletemplate, "utf8");
-  let opt = Object.assign(
+  const swfiletemplate = path.resolve(__dirname, "./node.sw.tpl");
+  const swTpl = fs.readFileSync(swfiletemplate, "utf8");
+  const opt = Object.assign(
     {
       version: "v1::",
       name: "Valyrian.js",

package/lib/node/utils/tree-adapter.ts

@@ -69,7 +69,7 @@ export class Node implements Node {
       node.parentNode && node.parentNode.removeChild(node as 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);
@@ -87,19 +87,24 @@ export class Node implements Node {
   }
   removeChild<T extends Node>(child: T): T {
     if (child && child.parentNode === this) {
-      let idx = (this.childNodes as unknown as Node[]).indexOf(child);
+      const idx = (this.childNodes as unknown as Node[]).indexOf(child);
       (this.childNodes as unknown as Node[]).splice(idx, 1);
       child.parentNode = null;
     }
     return child;
   }
+
+  remove(): Node {
+    return this.parentNode ? this.parentNode.removeChild(this) : this;
+  }
+
   cloneNode(deep?: boolean | undefined): Node {
     if (this.nodeType === 3) {
       return new Text(this.nodeValue);
     }
 
     if (this.nodeType === 1) {
-      let node = new Element();
+      const node = new Element();
       node.nodeType = this.nodeType;
       this.nodeName = this.nodeName;
       if (this.attributes) {
@@ -115,14 +120,14 @@ export class Node implements Node {
       return node;
     }
 
-    let node = new Node();
+    const node = new Node();
     node.nodeType = this.nodeType;
     node.nodeName = this.nodeName;
     return node;
   }
 
   setAttribute(name: string, value: any) {
-    let attr = {
+    const attr = {
       nodeName: name,
       nodeValue: value
     };
@@ -266,8 +271,8 @@ export class Text extends Node {
 
 function updateElementStyles(element: Element, state: Record<string, any>) {
   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]};`;
     }
@@ -324,11 +329,23 @@ export class Element extends Node {
     throw new Error("Cannot set style");
   }
 
+  get className(): string {
+    return this.getAttribute("class") || "";
+  }
+
+  set className(value: string | boolean) {
+    if (value == null || value === false) {
+      this.removeAttribute("class");
+    } else {
+      this.setAttribute("class", String(value));
+    }
+  }
+
   classList = {
     toggle: (item: any, force: any) => {
       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);
         }
@@ -337,16 +354,28 @@ export class Element extends Node {
           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(): string {
+    return this.getAttribute("id") || "";
+  }
+
+  set id(value: string | boolean) {
+    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)] : [];
@@ -374,7 +403,7 @@ export class Element 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]);
@@ -409,13 +438,13 @@ export class Document extends Element {
   }
 
   createElement(type: string) {
-    let element = new Element();
+    const element = new Element();
     element.nodeName = type.toUpperCase();
     return element;
   }
 
   createElementNS(ns: string, type: string) {
-    let element = this.createElement(type);
+    const element = this.createElement(type);
     element.baseURI = ns;
     return element;
   }
@@ -425,7 +454,7 @@ export class Document extends Element {
   }
 }
 
-let selfClosingTags = [
+const selfClosingTags = [
   "area",
   "base",
   "br",
@@ -449,7 +478,7 @@ export function domToHtml(dom: Element): string {
   }
 
   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 + '"';
@@ -459,7 +488,7 @@ export function domToHtml(dom: Element): string {
       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] as Element);
+          const child = domToHtml(dom.childNodes[i] as Element);
           if (child) {
             str += child;
           }
@@ -492,9 +521,9 @@ export function domToHyperscript(childNodes: ChildNodes, depth = 1) {
         let str = `\n${spaces}v("${item.nodeName}", `;
 
         if (item.attributes) {
-          let attrs: Record<string, any> = {};
+          const attrs: Record<string, any> = {};
           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);
@@ -534,21 +563,21 @@ interface ObjectIndexItemWithContent extends ObjectIndexItem {
 interface ObjectIndexList extends Array<ObjectIndexItem> {}
 
 function findTexts(item: ObjectIndexItemWithContent, html: string) {
-  let newChildren: ObjectIndexItemWithContent[] = [];
+  const newChildren: ObjectIndexItemWithContent[] = [];
 
   // If the item has children
   if (item.children.length) {
     // Search for texts in the children.
     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 is the first child and the child startsAt is greater than the item contentStartsAt then
       // the content between the item contentStartsAt and the child startsAt is a text child of the item.
       if (i === 0 && child.startsAt > item.contentStartsAt) {
-        let childContent = html.substring(item.contentStartsAt, child.startsAt);
+        const childContent = html.substring(item.contentStartsAt, child.startsAt);
 
-        let childText: ObjectIndexItemWithContent = {
+        const childText: ObjectIndexItemWithContent = {
           tagName: "#text",
           startsAt: item.contentStartsAt,
           endsAt: item.contentStartsAt + childContent.length,
@@ -568,9 +597,9 @@ function findTexts(item: ObjectIndexItemWithContent, html: string) {
       // If there is a next child and the child endsAt is less than the next child startsAt then
       // the content between the child endsAt and the next child startsAt is a text child of the item.
       if (nextChild && child.endsAt < nextChild.startsAt) {
-        let childContent = html.substring(child.endsAt, nextChild.startsAt);
+        const childContent = html.substring(child.endsAt, nextChild.startsAt);
 
-        let childText: ObjectIndexItemWithContent = {
+        const childText: ObjectIndexItemWithContent = {
           tagName: "#text",
           startsAt: child.endsAt,
           endsAt: child.endsAt + childContent.length,
@@ -587,9 +616,9 @@ function findTexts(item: ObjectIndexItemWithContent, html: string) {
       // If there are no next child and the child endsAt is less than the item contentEndsAt then
       // the content between the child endsAt and the item contentEndsAt is a text child of the item.
       if (!nextChild && child.endsAt < item.contentEndsAt) {
-        let childContent = html.substring(child.endsAt, item.contentEndsAt);
+        const childContent = html.substring(child.endsAt, item.contentEndsAt);
 
-        let childText: ObjectIndexItemWithContent = {
+        const childText: ObjectIndexItemWithContent = {
           tagName: "#text",
           startsAt: child.endsAt,
           endsAt: child.endsAt + childContent.length,
@@ -611,10 +640,10 @@ function findTexts(item: ObjectIndexItemWithContent, html: string) {
   // If the item has no children then set the contents between the item contentStartsAt and the item contentEndsAt
   // as a text child of the item.
   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: ObjectIndexItemWithContent = {
+      const childText: ObjectIndexItemWithContent = {
         tagName: "#text",
         startsAt: item.contentStartsAt,
         endsAt: item.contentEndsAt,
@@ -642,12 +671,12 @@ function convertToDom<T extends Node>(item: ObjectIndexItemWithContent): T {
       ? document.createDocumentFragment()
       : document.createElement(item.tagName)) as unknown as T;
 
-    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);
     }
   }
@@ -658,23 +687,23 @@ function convertToDom<T extends Node>(item: ObjectIndexItemWithContent): T {
 // eslint-disable-next-line sonarjs/cognitive-complexity
 function getObjectIndexTree(html: string): DocumentFragment {
   let item;
-  let regex = RegExp("<([^>|^!]+)>", "g");
-  let items: ObjectIndexList = [];
+  const regex = RegExp("<([^>|^!]+)>", "g");
+  const items: ObjectIndexList = [];
 
   // Make the initial list of items.
   while ((item = regex.exec(html))) {
     // If is a closing tag
     if (item[0].startsWith("</")) {
-      let lastOpenedItem = [...items].reverse().find((item) => item.endsAt === null);
+      const lastOpenedItem = [...items].reverse().find((item) => item.endsAt === null);
       if (lastOpenedItem) {
         lastOpenedItem.endsAt = item.index + item[0].length;
         lastOpenedItem.contentEndsAt = item.index;
 
         // Find the last opened item again, this will be the parent of the current item.
-        let parent = [...items].reverse().find((item) => item.endsAt === null);
+        const parent = [...items].reverse().find((item) => item.endsAt === null);
         if (parent) {
           // Find the index of the current item in the items array.
-          let index = items.indexOf(lastOpenedItem);
+          const index = items.indexOf(lastOpenedItem);
           // Remove the last opened item from the items array.
           items.splice(index, 1);
 
@@ -687,7 +716,7 @@ function getObjectIndexTree(html: string): DocumentFragment {
     }
 
     // If is an opening tag
-    let element: ObjectIndexItem = {
+    const element: ObjectIndexItem = {
       tagName: item[1].split(" ")[0],
       startsAt: item.index,
       endsAt: null,
@@ -700,10 +729,10 @@ function getObjectIndexTree(html: string): DocumentFragment {
 
     // Find the attributes of the tag.
     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) {
@@ -712,9 +741,9 @@ function getObjectIndexTree(html: string): DocumentFragment {
       }
     }
 
-    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) {
@@ -723,9 +752,9 @@ function getObjectIndexTree(html: string): DocumentFragment {
       }
     }
 
-    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;
       }
@@ -737,7 +766,7 @@ function getObjectIndexTree(html: string): DocumentFragment {
       element.contentStartsAt = element.contentEndsAt = element.endsAt;
 
       // Find the last opened item, this will be the parent of the current item.
-      let parent = [...items].reverse().find((item) => item.endsAt === null);
+      const parent = [...items].reverse().find((item) => item.endsAt === null);
       if (parent) {
         // Add the last opened item as a child of the parent.
         parent.children.push(element);
@@ -748,7 +777,7 @@ function getObjectIndexTree(html: string): DocumentFragment {
     items.push(element);
   }
 
-  let fragmentItem: ObjectIndexItemWithContent = {
+  const fragmentItem: ObjectIndexItemWithContent = {
     tagName: "#document-fragment",
     startsAt: 0,
     endsAt: html.length,
@@ -777,16 +806,16 @@ export function htmlToDom(html: string): Element | Text | DocumentFragment {
   // search for the first opening tag.
   const openingTag = html.match(/<[^>]+>/g);
 
-  let document = new Document();
+  const document = new Document();
 
   // If the opening tag is not found, return a document fragment node with the html string as text content.
   if (!openingTag) {
-    let documentFragment = document.createDocumentFragment();
+    const documentFragment = document.createDocumentFragment();
     documentFragment.appendChild(document.createTextNode(html));
     return documentFragment;
   }
 
-  let fragment = getObjectIndexTree(html);
+  const fragment = getObjectIndexTree(html);
 
   if (fragment.childNodes.length > 1) {
     return fragment;
@@ -796,8 +825,8 @@ export function htmlToDom(html: string): Element | Text | DocumentFragment {
 }
 
 export function htmlToHyperscript(html: string) {
-  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}\n]`;
 }
 

package/lib/proxy-signal/index.ts

@@ -65,8 +65,8 @@ function makeUnsubscribe(
 function createSubscription(signal: ProxySignal, subscriptions: Subscriptions, handler: Subscription) {
   if (subscriptions.has(handler) === false) {
     // eslint-disable-next-line no-use-before-define
-    let computed = ProxySignal(() => handler(signal.value));
-    let cleanup = computed(); // Execute to register itself
+    const computed = ProxySignal(() => handler(signal.value));
+    const cleanup = computed(); // Execute to register itself
     makeUnsubscribe(subscriptions, computed, handler, cleanup);
     subscriptions.set(handler, computed);
   }
@@ -82,12 +82,12 @@ function delayedUpdate() {
 
 // eslint-disable-next-line sonarjs/cognitive-complexity
 export function ProxySignal(value: any): ProxySignal {
-  let subscriptions = new Map();
-  let getters: Getters = {};
+  const subscriptions = new Map();
+  const getters: Getters = {};
 
   let forceUpdate = false;
 
-  let signal: ProxySignal = new Proxy(
+  const signal: ProxySignal = new Proxy(
     // eslint-disable-next-line no-unused-vars
     function (valOrPath?: any | Subscription, handler?: (valueAtPathPosition: any) => any) {
       // Works as a getter
@@ -102,7 +102,7 @@ export function ProxySignal(value: any): ProxySignal {
 
       // Works as a setter with a path
       if (typeof valOrPath === "string" && typeof handler !== "undefined") {
-        let parsed = valOrPath.split(".");
+        const parsed = valOrPath.split(".");
         let result = signal.value;
         let next;
         while (parsed.length) {
@@ -128,13 +128,13 @@ export function ProxySignal(value: any): ProxySignal {
     {
       set(state, prop, val) {
         if (prop === "value" || prop === "unsubscribe" || prop === "cleanup") {
-          let old = state[prop];
+          const old = state[prop];
           state[prop] = val;
           if (prop === "value" && (forceUpdate || val !== old)) {
             forceUpdate = false;
-            for (let [handler, computed] of subscriptions) {
+            for (const [handler, computed] of subscriptions) {
               computed.cleanup();
-              let cleanup = handler(val);
+              const cleanup = handler(val);
               makeUnsubscribe(subscriptions, computed, handler, cleanup);
             }
             delayedUpdate();
@@ -164,7 +164,7 @@ export function ProxySignal(value: any): ProxySignal {
     cleanup: {
       value() {
         // eslint-disable-next-line no-unused-vars
-        for (let [handler, computed] of subscriptions) {
+        for (const [handler, computed] of subscriptions) {
           computed.unsubscribe();
         }
       },