cradova 3.12.4 → 3.13.0

package/dist/index.js

@@ -174,7 +174,7 @@ function useState(initialValue) {
     }
     if (!Object.is(currentState, nextState)) {
       self._state[idx] = nextState;
-      funcManager.recall(self);
+      compManager.recall(self);
     }
   };
   return [self._state[idx], setState];
@@ -199,7 +199,7 @@ function useEffect(effect, deps) {
     tracker[idx].deps = deps;
   }
   if (needsRun) {
-    funcManager.scheduleEffect(self, idx, effect);
+    compManager.scheduleEffect(self, idx, effect);
   }
 }
 function useMemo(factory, deps) {
@@ -252,7 +252,7 @@ function useReducer(reducer, initialArg, initializer) {
     }
     if (!Object.is(currentState, nextState)) {
       currentTracker.state = nextState;
-      funcManager.recall(self);
+      compManager.recall(self);
     }
   };
   return [tracker[idx].state, dispatch];
@@ -279,7 +279,7 @@ function resetComponent(comp) {
     comp._effect_index = -1;
     comp._memo_index = -1;
     comp._reducer_index = -1;
-    funcManager.cleanupEffects(comp);
+    compManager.cleanupEffects(comp);
     return comp;
   }
   return comp;
@@ -293,7 +293,7 @@ var toComp = (comp, args) => {
   comp._memo_tracker = [];
   comp._reducer_tracker = [];
   comp._args = args;
-  return funcManager.render(comp);
+  return compManager.render(comp);
 };
 var toCompNoRender = (comp) => {
   if (typeof comp._state_index !== "number") {
@@ -305,10 +305,10 @@ var toCompNoRender = (comp) => {
   comp._effect_index = -1;
   comp._memo_index = -1;
   comp._reducer_index = -1;
-  funcManager.cleanupEffects(comp);
+  compManager.cleanupEffects(comp);
   return comp;
 };
-var funcManager = {
+var compManager = {
   render(component) {
     const html = component(component, ...component._args || []);
     if (html instanceof HTMLElement) {
@@ -411,21 +411,6 @@ var funcManager = {
     this._effectsToRun.delete(component);
   }
 };
-var List = (signal, item, options) => {
-  const list = div({
-    className: options?.className,
-    id: options?.id,
-    style: options?.style
-  }, {
-    onmount() {
-      const vl = new VirtualList(this, signal, item);
-      return () => {
-        vl.destroy();
-      };
-    }
-  });
-  return list;
-};
 function invoke(fn, ...args) {
   return toComp(fn, args);
 }
@@ -534,9 +519,6 @@ class SilentStore {
     for (const key in this.$store.$_internal_data) {
       if (this.$store.$_internal_data.hasOwnProperty(key)) {
         Object.defineProperty(this, key, {
-          get() {
-            return this.$store.$_internal_data[key];
-          },
           set(value) {
             this.$store.$_internal_data[key] = value;
           },
@@ -548,7 +530,7 @@ class SilentStore {
   }
 }
 
-class List2 {
+class List {
   _data;
   _dirtyIndices;
   notifier;
@@ -638,7 +620,7 @@ class Signal {
       this.silentStore = new SilentStore(this.store);
     } else {
       this.isList = true;
-      this.store = new List2(initial, (eventType) => {
+      this.store = new List(initial, (eventType) => {
         this.publish(eventType);
       });
     }
@@ -654,7 +636,7 @@ class Signal {
           this.silentStore = new SilentStore(this.store);
         } else if (Array.isArray(restored)) {
           this.isList = true;
-          this.store = new List2(restored, (eventType) => {
+          this.store = new List(restored, (eventType) => {
             this.publish(eventType);
           });
         }
@@ -664,14 +646,14 @@ class Signal {
   publish(eventName) {
     this.subscribers[eventName]?.forEach((c) => {
       if (c.published) {
-        funcManager.recall(c);
+        compManager.recall(c);
       } else {
         c();
       }
     });
     this.subscribers["__ALL__"]?.forEach((c) => {
       if (c.published) {
-        funcManager.recall(c);
+        compManager.recall(c);
       } else {
         c();
       }
@@ -698,7 +680,7 @@ class Signal {
     }
     for (const c of s.values()) {
       if (c.published) {
-        funcManager.recall(c);
+        compManager.recall(c);
       } else {
         c();
       }
@@ -811,9 +793,8 @@ class Page {
   _name;
   _html;
   _template;
-  _snapshot;
-  _snapshot_html;
   _unload_CB;
+  _activate_CB;
   constructor(pageParams) {
     const { template, name } = pageParams;
     if (typeof template !== "function") {
@@ -821,56 +802,23 @@ class Page {
     }
     this._html = template;
     this._name = name || document.title;
-    this._snapshot = pageParams.snapshotIsolation || false;
-  }
-  async _takeSnapShot() {
-    if (RouterBox.doc.dataset["snapshot"] === "true")
-      return;
-    try {
-      const response = await fetch(location.href);
-      if (!response.ok)
-        throw new Error("Failed to fetch the page");
-      const html = await response.text();
-      const parser = new DOMParser;
-      const doc = parser.parseFromString(html, "text/html");
-      doc.title = this._name;
-      const wrapper = doc.querySelector('[data-wrapper="app"]');
-      if (wrapper) {
-        wrapper.setAttribute("data-snapshot", "true");
-        wrapper.innerHTML = this._snapshot_html;
-      } else {
-        console.error("Wrapper or template is not found");
-        return;
-      }
-      const snapshot = doc.documentElement.outerHTML;
-      await fetch(location.origin, {
-        body: snapshot,
-        method: "POST",
-        headers: {
-          "Content-Type": "text/html",
-          "cradova-snapshot": location.href.slice(location.origin.length)
-        }
-      });
-    } catch (error) {
-      console.error("Snapshot error:", error);
-    }
-    this._snapshot_html = undefined;
   }
   set onDeactivate(cb) {
     this._unload_CB = cb;
   }
+  set onActivate(cb) {
+    this._activate_CB = cb;
+  }
   async _load() {
     if (this._name)
       document.title = this._name;
     window.CradovaEvent.dispatchEvent("after_page_is_killed");
     this._template = div({ id: "page" }, this._html);
     RouterBox.doc.innerHTML = "";
-    if (this._snapshot)
-      this._snapshot_html = this._template.outerHTML;
     RouterBox.doc.appendChild(this._template);
+    if (this._activate_CB)
+      await this._activate_CB.apply(this);
     window.CradovaEvent.dispatchEvent("after_comp_is_mounted");
-    if (this._snapshot)
-      this._takeSnapShot();
   }
 }
 
@@ -922,7 +870,7 @@ class RouterBoxClass {
           this.pageData.params = params;
         }
         await route._load();
-        this.lastNavigatedRouteController && this.lastNavigatedRouteController._unload_CB?.();
+        this.lastNavigatedRouteController && (this.lastNavigatedRouteController._template = undefined) && this.lastNavigatedRouteController._unload_CB?.apply(this.lastNavigatedRouteController);
         this.lastNavigatedRoute = url;
         this.lastNavigatedRouteController = route;
       } catch (error) {
@@ -1101,75 +1049,6 @@ class RefInstance {
     return [this, name];
   }
 }
-
-class VirtualList {
-  dataStore;
-  renderItem;
-  renderScheduled;
-  container;
-  idxs = [];
-  constructor(container, dataStore, renderItemFunction) {
-    this.dataStore = dataStore;
-    this.renderItem = renderItemFunction;
-    this.renderScheduled = false;
-    this.container = container;
-    this.scheduleRender();
-    this.idxs.push(dataStore.subscribers["dataChanged"]?.length || 0);
-    this.dataStore.notify("dataChanged", () => {
-      this.scheduleRender();
-    });
-    this.idxs.push(dataStore.subscribers["itemUpdated"]?.length || 0);
-    this.dataStore.notify("itemUpdated", () => {
-      this.scheduleRender();
-    });
-  }
-  scheduleRender() {
-    if (this.renderScheduled)
-      return;
-    this.renderScheduled = true;
-    requestAnimationFrame(this.render.bind(this));
-  }
-  render() {
-    const loop2 = Math.max(this.dataStore.store.length, this.container.children.length);
-    const needsFullRender = this.dataStore.store._isDirty();
-    for (let i2 = 0;i2 < loop2; i2++) {
-      if (needsFullRender || this.dataStore.store._isDirty(i2)) {
-        const dataItem = this.dataStore.store.get(i2);
-        const newDOM = this.renderItem(dataItem, i2);
-        const oldDOM = this.container.children[i2];
-        if (newDOM instanceof HTMLElement) {
-          if (oldDOM) {
-            if (dataItem === undefined) {
-              oldDOM.remove();
-              continue;
-            }
-            this.container.replaceChild(newDOM, oldDOM);
-          } else {
-            this.container.appendChild(newDOM);
-          }
-        } else {
-          if (oldDOM) {
-            oldDOM.remove();
-          }
-        }
-      }
-    }
-    if (needsFullRender) {
-      this.dataStore.store._clearAllDirty();
-    }
-    this.renderScheduled = false;
-  }
-  destroy() {
-    this.renderItem = null;
-    this.container.innerHTML = "";
-    this.container = null;
-    this.renderScheduled = false;
-    this.dataStore.subscribers["dataChanged"].splice(this.idxs[0], 1);
-    this.dataStore.subscribers["itemUpdated"].splice(this.idxs[1], 1);
-    this.idxs.length = 0;
-    this.dataStore = null;
-  }
-}
 export {
   video,
   useExternalEffect,
@@ -1207,23 +1086,20 @@ export {
   h3,
   h2,
   h1,
-  funcManager,
   fragment,
   form,
   footer,
   div,
-  cradovaEvent,
   cra,
+  compManager,
   canvas,
   button,
   audio,
   a,
-  VirtualList,
   Signal,
   Router,
   RefInstance,
   Page,
-  List,
   $switch,
   $case
 };

package/dist/primitives/classes.d.ts

@@ -65,9 +65,10 @@ export declare class Signal<Type = any> {
  * @param template
  */
 export declare class Page {
+    _activate_CB?: (this: Page) => Promise<void> | void;
     constructor(pageParams: CradovaPageType);
-    private _takeSnapShot;
-    set onDeactivate(cb: () => Promise<void> | void);
+    set onDeactivate(cb: (this: Page) => Promise<void> | void);
+    set onActivate(cb: (this: Page) => Promise<void> | void);
 }
 /** cradova router
  * ---
@@ -151,8 +152,4 @@ export declare class RefInstance<T = unknown> {
      */
     bind(name: string): [RefInstance<T>, string];
 }
-export declare class VirtualList {
-    idxs: number[];
-    constructor(container: HTMLElement, dataStore: Signal<any[]>, renderItemFunction: (item: any, index: number) => HTMLElement);
-}
 export {};

package/dist/primitives/functions.d.ts

@@ -1,6 +1,4 @@
-import * as CSS from "csstype";
 import type { Comp, VJS_params_TYPE } from "./types.js";
-import { Signal } from "./classes.js";
 export declare const cra: <E extends HTMLElement>(tag: string) => (...Children_and_Properties: VJS_params_TYPE<E>) => E;
 type Case<K> = (key: K) => HTMLElement | undefined;
 export declare const $case: (value: any, element: any) => Case<any>;
@@ -16,7 +14,7 @@ export declare const fragment: (children: VJS_params_TYPE<HTMLElement>) => Docum
 export declare const isArrowFunc: (fn: Function) => boolean;
 export declare const toComp: (comp: Comp, args?: any[]) => HTMLElement | undefined;
 export declare const toCompNoRender: (comp: Comp) => Comp;
-export declare const funcManager: {
+export declare const compManager: {
     render(component: Comp): HTMLElement | undefined;
     recall(component: Comp): void;
     activate(component: Comp): void;
@@ -29,11 +27,6 @@ export declare const funcManager: {
     cleanupEffects(component: Comp): void;
     unmount(component: Comp): void;
 };
-export declare const List: <T>(signal: Signal<T[]>, item: (item: T) => HTMLElement, options?: {
-    className?: string;
-    id?: string;
-    style?: Partial<CSS.Properties>;
-}) => HTMLDivElement;
 /**
  * Invokes a function with the provided arguments.
  * @param fn - The function to invoke.

package/dist/primitives/types.d.ts

@@ -28,17 +28,7 @@ export type CradovaPageType = {
      * @returns void
      * .
      */
-    template: (this: any) => HTMLElement;
-    /**
-     * Cradova page
-     * ---
-     * a snapshot is the initial render of a page.
-     * snapshot isolation allows for good SEO guarantee with the flexibility of client based rendering
-     * the origin server should accept post requesting to save a snapshot of this page for future use.
-     * the origin server should respond with the snapshot for future request to the page url
-     * the origin server should implement suitable mechanisms to invalidate it's caches
-     */
-    snapshotIsolation?: boolean;
+    template: () => HTMLElement | ((ctx: Comp) => HTMLElement) | Comp;
 };
 export type browserPageType<importType = Page> = importType | Promise<importType> | (() => Promise<importType>);
 export interface Comp extends Function {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cradova",
-  "version": "3.12.4",
+  "version": "3.13.0",
   "description": "Build Powerful ⚡ Web Apps with Ease",
   "main": "dist/index.js",
   "type": "module",