cradova 3.3.10 → 3.3.12

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);
@@ -124,7 +124,7 @@ var makeElement = (element, ElementChildrenAndPropertyList) => {
         if (!href.includes("://")) {
           element.addEventListener("click", (e) => {
             e.preventDefault();
-            Router.navigate(element.pathname);
+            Router.navigate(element.href);
             if (href.includes("#")) {
               const l = href.split("#").at(-1);
               document.getElementById("#" + l)?.scrollIntoView();
@@ -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);
     }
@@ -621,7 +616,7 @@ class RouterBoxClass {
     return;
   }
   async router(_e, _force) {
-    let url = window.location.pathname, route, params;
+    let url = window.location.href, route, params;
     if (this.paused) {
       window.location.hash = "paused";
       return;
@@ -682,17 +677,16 @@ class RouterBoxClass {
     if (this.routes[url]) {
       return [this.routes[url], { path: url }];
     }
-    if (this.routes[url + "/"]) {
-      return [this.routes[url + "/"], { path: url }];
-    }
-    if (url.includes("/?")) {
-      const sraw = [...new URLSearchParams(url).entries()];
-      const search = {};
-      for (const idx in sraw) {
-        search[sraw[idx][0].includes("?") ? sraw[idx][0].split("?")[1] : sraw[idx][0]] = sraw[idx][1];
+    if (url.includes("?")) {
+      let search;
+      const params = {};
+      [url, search] = url.split("?");
+      new URLSearchParams(search).forEach((val, key) => {
+        params[key] = val;
+      });
+      if (this.routes[url]) {
+        return [this.routes[url], { data: params, path: url }];
       }
-      const path = url.slice(0, url.indexOf("/?") + 2);
-      return [this.routes[path], { path, search }];
     }
     for (const path in this.routes) {
       if (path.includes(":")) {
@@ -774,7 +768,7 @@ class Router {
     if (href.includes(".")) {
       window.location.href = href;
     } else {
-      if (href === window.location.pathname) {
+      if (href === window.location.href) {
         return;
       }
       [route, params] = RouterBox.checker(href);

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;

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.10",
+  "version": "3.3.12",
   "description": "Build Powerful ⚡ Web Apps with Ease",
   "main": "dist/index.js",
   "type": "module",