cradova 3.3.58 → 3.4.0

package/dist/index.js

@@ -28,7 +28,7 @@ class Comp {
   published = false;
   preRendered = null;
   reference = null;
-  Signal;
+  subData = null;
   _state = [];
   _state_index = 0;
   test;
@@ -60,12 +60,6 @@ class Comp {
       return this.preRendered;
     }
   }
-  _setExtra(Extra) {
-    if (this.Signal) {
-      Extra.value = this.Signal.value;
-    }
-    this.Signal = Extra;
-  }
   _effect(fn) {
     if (!this.rendered) {
       this.effects.push(fn.bind(this));
@@ -124,145 +118,55 @@ class Comp {
   }
 }
 
-class lazy {
-  content;
-  _cb;
-  constructor(cb) {
-    this._cb = cb;
-  }
-  async load() {
-    let content = await this._cb();
-    if (typeof content === "function") {
-      content = await content();
-    } else {
-      content = await content;
-    }
-    const def = content;
-    if (def.default) {
-      this.content = def?.default;
-    }
-  }
-}
-
 class Signal {
-  callback;
-  persistName = "";
-  actions = {};
-  comp = [];
-  value;
+  pn;
+  subs;
+  pipe;
   constructor(initial, props) {
-    this.value = initial;
+    this.pipe = initial;
+    this.subs = {};
     if (props && props.persistName) {
-      this.persistName = props.persistName;
+      this.pn = props.persistName;
       const key = localStorage.getItem(props.persistName);
       if (key && key !== "undefined") {
-        this.value = JSON.parse(key);
+        this.pipe = JSON.parse(key);
       }
       if (typeof initial === "object") {
         for (const key2 in initial) {
-          if (!Object.prototype.hasOwnProperty.call(this.value, key2)) {
-            this.value[key2] = initial[key2];
+          if (!Object.prototype.hasOwnProperty.call(this.pipe, key2)) {
+            this.pipe[key2] = initial[key2];
           }
         }
       }
     }
   }
-  set(value, shouldCompRender) {
-    if (typeof value === "function") {
-      this.value = value(this.value);
-    } else {
-      this.value = value;
-    }
-    if (this.comp.length && shouldCompRender !== false) {
-      this.updateState();
-    }
-    if (this.callback) {
-      this.callback(this.value);
+  publish(eventName, data) {
+    this.pipe[eventName] = data;
+    const subs = this.subs[eventName] || [];
+    for (let i = 0;i < subs.length; i++) {
+      const comp = subs[i];
+      comp.subData = data;
+      comp.recall();
     }
-    if (this.persistName) {
-      localStorage.setItem(this.persistName, JSON.stringify(this.value));
+    if (this.pn) {
+      localStorage.setItem(this.pn, JSON.stringify(this.pipe));
     }
   }
-  setKey(key, value, shouldCompRender) {
-    if (typeof this.value === "object") {
-      this.value[key] = value;
-      if (this.comp.length && shouldCompRender !== false) {
-        this.updateState();
-      }
-      if (this.callback) {
-        this.callback(this.value);
-      }
-      if (this.persistName) {
-        localStorage.setItem(this.persistName, JSON.stringify(this.value));
+  subscribe(eventName, comp) {
+    if (comp instanceof Comp) {
+      if (this.subs[eventName].find((cmp) => cmp.id === comp.id)) {
+        return;
       }
-    } else {
-      throw new Error(`\u2718  Cradova err : can't set key ${String(key)} store.value is not an object`);
-    }
-  }
-  createAction(name, action) {
-    if (typeof name === "string" && typeof action === "function") {
-      this.actions[name] = action.bind(this);
-    } else {
-      throw new Error(`\u2718  Cradova err : can't create action ${name}, check values`);
-    }
-  }
-  createActions(Actions) {
-    for (const [name, action] of Object.entries(Actions)) {
-      if (typeof name === "string" && typeof action === "function") {
-        this.actions[name] = action;
+      if (!this.subs[eventName]) {
+        this.subs[eventName] = [comp];
       } else {
-        throw new Error(`\u2718  Cradova err : can't create action ${name} check values`);
+        this.subs[eventName].push(comp);
       }
     }
   }
-  fireAction(key) {
-    if (typeof this.actions[key] === "function") {
-      this.updateState(key);
-      return this.actions[key].call(this);
-    } else {
-      throw Error("\u2718  Cradova err : action " + key + "  does not exist!");
-    }
-  }
-  bind(prop) {
-    if (typeof this.value === "object" && typeof this.value[prop] !== "undefined") {
-      return [this, prop];
-    } else {
-      throw new Error("\u2718  Cradova err : can't bind an unavailable property!  " + prop);
-    }
-  }
-  updateState(name) {
-    for (let i = 0;i < this.comp.length; i++) {
-      const ent = this.comp[i];
-      if (ent._event && ent._event === name) {
-        continue;
-      }
-      if (ent._element_property && ent._signalProperty) {
-        ent.comp[ent._element_property] = this.value[ent._signalProperty];
-        continue;
-      }
-      ent.comp.recall();
-    }
-  }
-  bindComp(comp, binding) {
-    if (comp instanceof Comp) {
-      if (this.comp.find((cmp) => cmp.comp?.id === comp.id))
-        return;
-      comp.render = comp.render.bind(comp);
-      comp._setExtra(this);
-    }
-    this.comp.push({
-      comp,
-      _signalProperty: binding?.signalProperty,
-      _element_property: binding?._element_property,
-      _event: binding?.event
-    });
-  }
-  listen(callback) {
-    this.callback = callback;
-  }
   clearPersist() {
-    if (this.persistName) {
-      localStorage.removeItem(this.persistName);
+    if (this.pn) {
+      localStorage.removeItem(this.pn);
     }
   }
 }
@@ -634,8 +538,12 @@ class __raw_ref {
   bindAs(name) {
     return [this, name];
   }
-  current(name) {
-    return this.tree[name];
+  elem(name) {
+    const elem = this.tree[name];
+    if (document.contains(elem)) {
+      return elem;
+    }
+    this.tree[name] = undefined;
   }
   swap(name1, name2) {
     [this.tree[name1], this.tree[name2]] = [this.tree[name2], this.tree[name1]];
@@ -702,13 +610,6 @@ var makeElement = (element, ElementChildrenAndPropertyList) => {
           value[0]._append(value[1], element);
           continue;
         }
-        if (value[0] instanceof Signal) {
-          value[0].bindComp(element, {
-            _element_property: prop,
-            signalProperty: value[1]
-          });
-          continue;
-        }
       }
       if (prop === "onmount") {
         CradovaEvent.afterMount.push(() => {
@@ -853,7 +754,6 @@ export {
   main,
   loop,
   li,
-  lazy,
   label,
   input,
   img,

package/dist/primitives/classes.d.ts

@@ -43,7 +43,7 @@ export declare class Comp<Prop extends Record<string, any> = any> {
     private published;
     private preRendered;
     private reference;
-    Signal: Signal<Prop> | undefined;
+    subData: Prop | null;
     _state: Prop[];
     _state_index: number;
     test?: string;
@@ -57,7 +57,6 @@ export declare class Comp<Prop extends Record<string, any> = any> {
      * @returns () => HTMLElement
      */
     render(): any;
-    _setExtra(Extra: Signal<any>): void;
     _effect(fn: () => Promise<void> | void): void;
     private effector;
     /**
@@ -70,73 +69,24 @@ export declare class Comp<Prop extends Record<string, any> = any> {
     recall(): void;
     private activate;
 }
-/**
- * cradova
- * ---
- * lazy load a file
- */
-export declare class lazy<Type> {
-    content: Type | undefined;
-    private _cb;
-    constructor(cb: () => Promise<unknown>);
-    load(): Promise<void>;
-}
 /**
  *  Cradova Signal
  * ----
  *  Create stateful data store.
  *  Features:
  * - create a store
- * - create actions and fire them
- * - bind a Comp and elements
- * - listen to updates
+ * - subscribe components to events
  * - set object keys instead of all values
  * - persist changes to localStorage
- * - update a cradova Comp automatically
  * @constructor initial: unknown, props: {useHistory, persist}
  */
 export declare class Signal<Type extends Record<string, any>> {
-    private callback;
-    private persistName;
-    private actions;
-    private comp;
-    value: Type;
+    private pn?;
+    private subs?;
+    pipe: Type;
     constructor(initial: Type, props?: {
         persistName?: string | undefined;
     });
-    /**
-     *  Cradova Signal
-     * ----
-     *  set signal value
-     * @param value - signal value
-     * @returns void
-     */
-    set(value: Type | ((value: Type) => Type), shouldCompRender?: boolean): void;
-    /**
-     *  Cradova Signal
-     * ----
-     *  set a key value if it's an object
-     * @param key - key of the key
-     * @param value - value of the key
-     * @returns void
-     */
-    setKey<k extends keyof Type>(key: k, value: unknown, shouldCompRender?: boolean): void;
-    /**
-     *  Cradova Signal
-     * ----
-     *  set a key to signal an action
-     * @param name - name of the action
-     * @param action function to execute
-     */
-    createAction(name: string, action: (data?: unknown) => void): void;
-    /**
-     *  Cradova Signal
-     * ----
-     *  creates man y actions at a time
-     * @param name - name of the action
-     * @param action function to execute
-     */
-    createActions(Actions: Record<string, (data?: unknown) => void>): void;
     /**
      *  Cradova Signal
      * ----
@@ -144,36 +94,15 @@ export declare class Signal<Type extends Record<string, any>> {
      * @param key - string key of the action
      * @param data - data for the action
      */
-    fireAction(key: string): void;
-    /**
-     * Cradova
-     * ---
-     * is used to bind signal data to elements and Comps
-     *
-     * @param prop
-     * @returns something
-     */
-    bind(prop: string): any;
-    private updateState;
+    publish<T extends keyof Type>(eventName: T, data: Type[T]): void;
     /**
      *  Cradova Signal
      * ----
-     *  set a auto - rendering component for this store
+     *  subscribe to an event
      *
      * @param Comp component to bind to.
      */
-    bindComp(comp: Comp, binding?: {
-        event?: string;
-        signalProperty?: string;
-        _element_property?: string;
-    }): void;
-    /**
-     *  Cradova Signal
-     * ----
-     *  set a update listener on value changes
-     * @param callback
-     */
-    listen(callback: (a: Type) => void): void;
+    subscribe<T extends keyof Type>(eventName: T, comp: Comp): void;
     /**
      *  Cradova Signal
      * ----

package/dist/primitives/functions.d.ts

@@ -16,7 +16,7 @@ declare class __raw_ref {
      * Retrieve a referenced DOM element.
      * @param name - The name of the referenced DOM element.
      */
-    current<ElementType extends HTMLElement = HTMLElement>(name: string): ElementType | undefined;
+    elem<ElementType extends HTMLElement = HTMLElement>(name: string): ElementType | undefined;
     /**
      * Swap referenced DOM element.
      */
@@ -35,9 +35,9 @@ export declare function Rhoda(l: VJS_params_TYPE<HTMLElement>): DocumentFragment
  * @param {expression} condition
  * @param {function} elements[]
  */
-export declare function $if<E>(condition: any, ...elements: VJS_params_TYPE<E>): any;
+export declare function $if<E extends HTMLElement>(condition: any, ...elements: VJS_params_TYPE<E>): any;
 export declare function $ifelse(condition: any, ifTrue: any, ifFalse?: any): any;
-export declare function $case<E = HTMLElement>(value: any, ...elements: VJS_params_TYPE<E>): (key: any) => VJS_params_TYPE<E> | undefined;
+export declare function $case<E extends HTMLElement = HTMLElement>(value: any, ...elements: VJS_params_TYPE<E>): (key: any) => VJS_params_TYPE<E> | undefined;
 export declare function $switch(key: unknown, ...cases: ((key: any) => any)[]): any;
 type LoopData<Type> = Type[];
 export declare function loop<Type>(datalist: LoopData<Type>, component: (value: Type, index?: number, array?: LoopData<Type>) => HTMLElement | DocumentFragment | undefined): HTMLElement[] | undefined;

package/dist/primitives/types.d.ts

@@ -30,9 +30,7 @@ type Attributes = {
     recall?: (P: any) => void;
     onmount?: (this: HTMLElement & Attributes) => void;
 };
-export type VJS_params_TYPE<E = HTMLElement> = (Comp | Comp[] | string | undefined | HTMLElement | HTMLElement[] | DocumentFragment | DocumentFragment[] | Attributes | (() => HTMLElement) | Partial<Attributes> | Partial<E> | Record<string, (this: E) => void> | {
-    [K in keyof HTMLElementEventMap]?: (this: E, e: HTMLElementEventMap[K]) => void;
-} | Partial<DataAttributes> | Partial<AriaAttributes> | CSS.Properties<string | number>)[];
+export type VJS_params_TYPE<E extends HTMLElement> = (Comp | Comp[] | string | undefined | HTMLElement | HTMLElement[] | DocumentFragment | DocumentFragment[] | Attributes | (() => HTMLElement) | Partial<Attributes> | Partial<E> | Record<string, (this: E) => void> | Partial<DataAttributes> | Partial<AriaAttributes> | CSS.Properties<string | number>)[];
 export interface RouterRouteObject {
     _html: ((this: Page, data?: unknown) => HTMLElement | DocumentFragment) | HTMLElement | DocumentFragment;
     _delegatedRoutes: number | boolean;

package/package.json

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