valyrian.js 6.0.13 → 6.0.14

package/lib/hooks/index.ts

@@ -1,7 +1,6 @@
 import { Component, Valyrian, ValyrianComponent, VnodeWithDom } from "Valyrian";
 
 type LocalValyrian =
-  | Valyrian
   | Valyrian
   | {
       current: Valyrian["current"];
@@ -9,6 +8,7 @@ type LocalValyrian =
       onCleanup: Valyrian["onCleanup"];
       onMount: Valyrian["onMount"];
       onUpdate: Valyrian["onUpdate"];
+      update: Valyrian["update"];
     };
 
 let localValyrian: LocalValyrian = {
@@ -17,10 +17,11 @@ let localValyrian: LocalValyrian = {
     vnode: null,
     oldVnode: null
   },
-  onUnmount: () => {},
-  onCleanup: () => {},
-  onMount: () => {},
-  onUpdate: () => {}
+  onUnmount() {},
+  onCleanup() {},
+  onMount() {},
+  onUpdate() {},
+  update() {}
 };
 
 interface CurrentOnPatch {
@@ -126,6 +127,12 @@ export const createHook = function createHook({ onCreate, onUpdate, onCleanup, o
   };
 } as unknown as CreateHook;
 
+let updateTimeout: any;
+function delayedUpdate() {
+  clearTimeout(updateTimeout);
+  updateTimeout = setTimeout(localValyrian.update);
+}
+
 // Use state hook
 export const useState = createHook({
   onCreate: (value) => {
@@ -133,7 +140,15 @@ export const useState = createHook({
     stateObj.value = value;
     stateObj.toJSON = stateObj.toString = stateObj.valueOf = () => (typeof stateObj.value === "function" ? stateObj.value() : stateObj.value);
 
-    return [stateObj, (value: any) => (stateObj.value = value)];
+    return [
+      stateObj,
+      (value: any) => {
+        if (stateObj.value !== value) {
+          stateObj.value = value;
+          delayedUpdate();
+        }
+      }
+    ];
   }
 });
 
@@ -235,8 +250,6 @@ export const useMemo = createHook({
   }
 });
 
-function plugin(v: Valyrian) {
+export function plugin(v: Valyrian) {
   localValyrian = v;
 }
-
-export default plugin;

package/lib/index.ts

@@ -116,7 +116,7 @@ function domToVnode(dom: any): VnodeWithDom {
   return vnode as VnodeWithDom;
 }
 
-const v: Valyrian = (tagOrComponent, props, ...children) => {
+export const v: Valyrian = (tagOrComponent, props, ...children) => {
   if (typeof tagOrComponent === "string") {
     return new Vnode(tagOrComponent, props || {}, children);
   }
@@ -644,5 +644,3 @@ v.reservedProps = reservedProps;
 v.current = current;
 
 v.setAttribute = setAttribute;
-
-export default v;

package/lib/node/index.ts

@@ -27,4 +27,4 @@ function render(...args: any[]) {
   return result;
 }
 
-export { domToHtml, domToHyperscript, htmlToDom, htmlToHyperscript, inline, sw, icons, render, plugin as default };
+export { domToHtml, domToHyperscript, htmlToDom, htmlToHyperscript, inline, sw, icons, render, plugin };

package/lib/node/utils/icons.ts

@@ -48,28 +48,21 @@ export async function icons(source: string, configuration?: IconsOptions) {
 
   const { favicons } = await import("favicons");
 
-  return new Promise((resolve, reject) => {
-    favicons(source, options, (err: Error & { status: any }, response: any) => {
-      if (err) {
-        process.stdout.write(err.status + "\n"); // HTTP error code (e.g. `200`) or `null`
-        process.stdout.write(err.name + "\n"); // Error name e.g. "API Error"
-        process.stdout.write(err.message + "\n"); // Error description e.g. "An unknown error has occurred"
+  try {
+    let response = await favicons(source, options);
 
-        return reject(err);
+    if (options.iconsPath) {
+      for (let i in response.images) {
+        fs.writeFileSync(options.iconsPath + response.images[i].name, response.images[i].contents);
       }
 
-      if (options.iconsPath) {
-        for (let i in response.images) {
-          fs.writeFileSync(options.iconsPath + response.images[i].name, response.images[i].contents);
-        }
-
-        for (let i in response.files) {
-          fs.writeFileSync(options.iconsPath + response.files[i].name, response.files[i].contents);
-        }
+      for (let i in response.files) {
+        fs.writeFileSync(options.iconsPath + response.files[i].name, response.files[i].contents);
       }
+    }
 
-      if (options.linksViewPath) {
-        let html = `
+    if (options.linksViewPath) {
+      let html = `
   function Links(){
     return ${htmlToHyperscript(response.html.join(""))};
   }
@@ -78,11 +71,13 @@ export async function icons(source: string, configuration?: IconsOptions) {
   module.exports = Links;
         `;
 
-        fs.writeFileSync(`${options.linksViewPath}/links.js`, html);
-      }
-      resolve(void 0);
-    });
-  });
+      fs.writeFileSync(`${options.linksViewPath}/links.js`, html);
+    }
+  } catch (err) {
+    process.stdout.write((err as any).status + "\n"); // HTTP error code (e.g. `200`) or `null`
+    process.stdout.write((err as any).name + "\n"); // Error name e.g. "API Error"
+    process.stdout.write((err as any).message + "\n"); // Error description e.g. "An unknown error has occurred"
+  }
 }
 
 icons.options = {

package/lib/request/index.ts

@@ -269,10 +269,8 @@ function Requester(baseUrl = "", options: RequestOptions = { allowedMethods: ["g
 }
 
 export const request = Requester();
-const plugin = (v: Valyrian): RequestInterface => {
+export const plugin = (v: Valyrian): RequestInterface => {
   localValyrian = v;
   v.request = request;
   return request;
 };
-
-export default plugin;

package/lib/router/index.ts

@@ -280,7 +280,7 @@ declare module "Valyrian" {
   }
 }
 
-function plugin(v: Valyrian) {
+export function plugin(v: Valyrian) {
   localValyrian = v;
   localValyrian.mountRouter = (elementContainer, routerOrComponent) => {
     if (routerOrComponent instanceof Router) {
@@ -304,5 +304,3 @@ function plugin(v: Valyrian) {
   };
   return Router;
 }
-
-export default plugin;

package/lib/signal/index.ts

@@ -1,3 +1,5 @@
+import { Valyrian } from "Valyrian";
+
 /* eslint-disable no-use-before-define */
 interface Cleanup {
   (): void;
@@ -67,6 +69,16 @@ function createSubscription(signal: Signal, subscriptions: Subscriptions, handle
   return subscriptions.get(handler);
 }
 
+let localValyrian: Valyrian = {
+  update: () => {}
+} as unknown as Valyrian;
+
+let updateTimeout: any;
+function delayedUpdate() {
+  clearTimeout(updateTimeout);
+  updateTimeout = setTimeout(localValyrian.update);
+}
+
 // eslint-disable-next-line sonarjs/cognitive-complexity
 export function Signal(value: any): Signal {
   let subscriptions = new Map();
@@ -124,6 +136,7 @@ export function Signal(value: any): Signal {
               let cleanup = handler(val);
               makeUnsubscribe(subscriptions, computed, handler, cleanup);
             }
+            delayedUpdate();
           }
           return true;
         }

package/lib/store/index.ts

@@ -57,6 +57,12 @@ function deepFreeze(obj: any) {
   return obj;
 }
 
+let updateTimeout: any;
+function delayedUpdate() {
+  clearTimeout(updateTimeout);
+  updateTimeout = setTimeout(localValyrian.update);
+}
+
 export const Store = function Store(this: StoreInstance, { state = {}, getters = {}, actions = {}, mutations = {} }: StoreOptions = {}) {
   let frozen = true;
 
@@ -97,7 +103,7 @@ export const Store = function Store(this: StoreInstance, { state = {}, getters =
     frozen = false;
     mutations[mutation](this.state, ...args);
     frozen = true;
-    localValyrian.update();
+    delayedUpdate();
   };
 
   this.dispatch = (action, ...args) => {
@@ -106,7 +112,7 @@ export const Store = function Store(this: StoreInstance, { state = {}, getters =
   };
 } as unknown as StoreInstance;
 
-function plugin(v: Valyrian, optionsOrStore?: StoreOptions | StoreInstance) {
+export function plugin(v: Valyrian, optionsOrStore?: StoreOptions | StoreInstance) {
   localValyrian = v;
   if (optionsOrStore) {
     v.store = optionsOrStore instanceof Store ? optionsOrStore : new Store(optionsOrStore);
@@ -117,5 +123,3 @@ function plugin(v: Valyrian, optionsOrStore?: StoreOptions | StoreInstance) {
   }
   return Store;
 }
-
-export default plugin;

package/lib/sw/index.ts

@@ -20,10 +20,8 @@ export async function registerSw(file = "./sw.js", options: RegistrationOptions
   return navigator.serviceWorker;
 }
 
-const plugin = (v: Valyrian) => {
+export const plugin = (v: Valyrian) => {
   localValyrian = v;
   v.registerSw = registerSw;
   return registerSw;
 };
-
-export default plugin;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "valyrian.js",
-  "version": "6.0.13",
+  "version": "6.0.14",
   "description": "Lightweight steel to forge PWAs. (Minimal Frontend Framework with server side rendering and other capabilities)",
   "repository": "git@github.com:Masquerade-Circus/valyrian.js.git",
   "author": "Masquerade <christian@masquerade-circus.net>",
@@ -69,40 +69,40 @@
   },
   "dependencies": {
     "clean-css": "^5.2.4",
-    "esbuild": "^0.14.49",
-    "favicons": "^7.0.0-beta.4",
+    "esbuild": "^0.15.7",
+    "favicons": "^7.0.0",
     "form-data": "^4.0.0",
     "purgecss": "4.1.3",
-    "terser": "^5.14.2",
+    "terser": "^5.15.0",
     "ts-node": "^10.9.1",
     "tsc-prog": "^2.2.1",
     "tslib": "^2.4.0",
-    "typescript": "^4.7.4"
+    "typescript": "^4.8.3"
   },
   "devDependencies": {
-    "@release-it/conventional-changelog": "^5.0.0",
+    "@release-it/conventional-changelog": "^5.1.0",
     "@types/clean-css": "^4.2.5",
-    "@types/node": "^18.6.3",
+    "@types/node": "^18.7.16",
     "@types/node-fetch": "^2.6.2",
-    "@types/sharp": "^0.30.4",
+    "@types/sharp": "^0.30.5",
     "@types/source-map": "^0.5.7",
-    "@typescript-eslint/eslint-plugin": "^5.32.0",
-    "@typescript-eslint/parser": "^5.32.0",
+    "@typescript-eslint/eslint-plugin": "^5.36.2",
+    "@typescript-eslint/parser": "^5.36.2",
     "buffalo-test": "^2.0.0",
     "compression": "^1.7.4",
     "cross-env": "^7.0.3",
     "cz-conventional-changelog": "^3.3.0",
-    "dayjs": "^1.11.4",
-    "eslint": "^8.21.0",
-    "eslint-plugin-sonarjs": "^0.14.0",
-    "expect": "^28.1.3",
-    "fastify": "^4.3.0",
+    "dayjs": "^1.11.5",
+    "eslint": "^8.23.1",
+    "eslint-plugin-sonarjs": "^0.15.0",
+    "expect": "^29.0.3",
+    "fastify": "^4.5.3",
     "gzip-size": "^7.0.0",
     "mocha": "^10.0.0",
     "nodemon": "^2.0.19",
     "nyc": "^15.1.0",
     "pirates": "^4.0.5",
-    "release-it": "^15.1.3",
+    "release-it": "^15.4.1",
     "remark-cli": "^11.0.0",
     "remark-toc": "^8.0.1"
   },