cradova 3.3.11 → 3.3.13

package/dist/index.js

@@ -62,18 +62,18 @@ function loop(datalist, component) {
   }
   return Array.isArray(datalist) ? datalist.map(component) : undefined;
 }
-function useState(initialValue, Comp2) {
+function useState(newState, Comp2) {
   Comp2._state_index += 1;
   const idx = Comp2._state_index;
   if (!Comp2._state_track[idx]) {
-    Comp2._roll_state(initialValue, idx);
+    Comp2._state[idx] = newState;
     Comp2._state_track[idx] = true;
   }
-  function setState(newState) {
-    Comp2._roll_state(newState, idx);
+  function setState(newState2) {
+    Comp2._state[idx] = newState2;
     Comp2.recall();
   }
-  return [Comp2._roll_state(null, idx, true), setState];
+  return [Comp2._state[idx], setState];
 }
 function useEffect(effect, Comp2) {
   Comp2._effect(effect);
@@ -250,7 +250,9 @@ class Comp {
   constructor(component) {
     this.component = component.bind(this);
     CradovaEvent.addBeforeMountActive(() => {
-      this.published = false;
+      this._state_index = 0;
+      this._state_track = {};
+      this._state = [];
     });
   }
   preRender() {
@@ -274,21 +276,9 @@ class Comp {
       return this.preRendered;
     }
   }
-  instance() {
-    return this.reference.current("html");
-  }
   _setExtra(Extra) {
     this.Signal = Extra;
   }
-  _roll_state(data, idx, get = false) {
-    if (!get) {
-      if (idx !== 0) {
-        this._state[idx - 1] = undefined;
-      }
-      this._state[idx] = data;
-    }
-    return this._state[idx];
-  }
   _effect(fn) {
     if (!this.rendered) {
       this.effects.push(fn.bind(this));
@@ -333,6 +323,11 @@ class Comp {
       this.published = true;
       this.reference._appendDomForce("html", html);
       CradovaEvent.dispatchEvent("afterMount");
+      (async () => {
+        if (!document.contains(html)) {
+          this.rendered = false;
+        }
+      })();
     } else {
       console.error(" \u2718  Cradova err :  Invalid html, got  - " + html);
     }
@@ -544,6 +539,7 @@ class Page {
     this._html = template;
     this._name = name || "Document";
     this._template.setAttribute("id", "page");
+    console.log("boohoo 1");
   }
   set errorHandler(errorHandler) {
     this._errorHandler = errorHandler;
@@ -736,7 +732,8 @@ class RouterBoxClass {
 var RouterBox = new RouterBoxClass;
 
 class Router {
-  static BrowserRoutes(obj) {
+  BrowserRoutes(obj) {
+    console.log("boohoo 3");
     for (const path in obj) {
       let page = obj[path];
       if (typeof page === "object" && typeof page.then === "function" || typeof page === "function") {
@@ -811,6 +808,7 @@ class Router {
     }
   }
   static _mount() {
+    console.log("boohoo 2");
     let doc = document.querySelector("[data-wrapper=app]");
     if (!doc) {
       doc = document.createElement("div");

package/dist/primitives/classes.d.ts

@@ -5,8 +5,24 @@ import { type CradovaPageType, type promisedPage } from "./types";
 declare class cradovaEvent {
     private afterMount;
     private beforeMountActive;
+    /**
+     *  add an event to an exhaustible list of events
+     * the events runs only once and removed.
+     * these event are call and removed once when when a comp is rendered to the dom
+     * @param callback
+     */
     addAfterMount(callback: () => void): Promise<void>;
+    /**
+     *  add an event to a list of events
+     * the events runs many times.
+     * these event are called before a comp is rendered to the dom
+     * @param callback
+     */
     addBeforeMountActive(callback: () => void): Promise<void>;
+    /**
+     * Dispatch any event
+     * @param eventName
+     */
     dispatchEvent(eventName: "beforeMountActive" | "afterMount"): void;
 }
 export declare const CradovaEvent: cradovaEvent;
@@ -40,9 +56,7 @@ export declare class Comp<Prop extends Record<string, any> = any> {
      * @returns () => HTMLElement
      */
     render(): any;
-    instance(): HTMLElement;
     _setExtra(Extra: createSignal<any>): void;
-    _roll_state<S>(data: any, idx: number, get?: boolean): S;
     _effect(fn: () => Promise<void> | void): void;
     private effector;
     /**
@@ -208,7 +222,7 @@ export declare class Page {
     /**
      * this should be a cradova page component
      */
-    _html: ((this: Page) => HTMLElement);
+    _html: (this: Page) => HTMLElement;
     private _template;
     private _callBack;
     private _deCallBack;
@@ -240,7 +254,7 @@ export declare class Router {
      *
      * accepts an object containing pat and page
      */
-    static BrowserRoutes(obj: Record<string, Page | promisedPage>): void;
+    BrowserRoutes(obj: Record<string, Page | promisedPage>): void;
     /**
       Go back in Navigation history
       */

package/dist/primitives/functions.d.ts

@@ -33,7 +33,7 @@ export declare const frag: (children: VJS_params_TYPE<HTMLElement>) => DocumentF
  * @param Comp
  * @returns [state, setState]
  */
-export declare function useState<S = unknown>(initialValue: S, Comp: Comp): [S, (newState: S) => void];
+export declare function useState<S = unknown>(newState: S, Comp: Comp): [S, (newState: S) => void];
 /**
  * Cradova
  * ---

package/package.json

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