cradova 3.3.8 → 3.3.10

package/dist/primitives/classes.d.ts

@@ -1,32 +1,25 @@
-import { type CradovaScreenType } from "./types";
+import { type CradovaPageType, type promisedPage } from "./types";
 /**
  * Cradova event
  */
 declare class cradovaEvent {
-    private listeners;
-    private active_listeners;
-    addEventListener(eventName: string, callback: () => void): Promise<void>;
-    addActiveEventListener(eventName: string, callback: () => void): Promise<void>;
-    dispatchEvent(eventName: string, eventArgs?: unknown): Promise<void>;
-    /**
-     * Active refs is a concept for delegated screens to keep their active refs alive
-     * even in the case of naviagtion
-     * @param eventName
-     * @param eventArgs
-     */
-    dispatchActiveEvent(eventName: string, eventArgs?: unknown): Promise<void>;
+    private afterMount;
+    private beforeMountActive;
+    addAfterMount(callback: () => void): Promise<void>;
+    addBeforeMountActive(callback: () => void): Promise<void>;
+    dispatchEvent(eventName: "beforeMountActive" | "afterMount"): void;
 }
 export declare const CradovaEvent: cradovaEvent;
 /**
- * Cradova Ref
+ * Cradova Comp
  * -------
  * create dynamic components
+ *
  */
-export declare class Ref<Prop extends Record<string, any> = any> {
+export declare class Comp<Prop extends Record<string, any> = any> {
     private component;
     private effects;
     private effectuate;
-    methods: Record<string, Function>;
     private rendered;
     private published;
     private preRendered;
@@ -37,41 +30,30 @@ export declare class Ref<Prop extends Record<string, any> = any> {
         [x: number]: boolean;
     };
     _state_index: number;
-    stash: Prop | undefined;
-    constructor(component: (this: Ref<Prop>, data: Prop) => HTMLElement);
-    preRender(data?: Prop, stash?: boolean): void;
-    destroyPreRendered(): void;
-    /**
-     * Cradova Ref
-     * ---
-     * construct to add custom methods to Refs
-     * @param methodName
-     * @param method
-     * @returns  void
-     */
-    define(methodName: string, method: (this: this, ...arg: any) => void): void;
+    constructor(component: (this: Comp<Prop>) => HTMLElement);
+    preRender(): void;
     /**
-     * Cradova Ref
+     * Cradova Comp
      * ---
      * returns html with cradova reference
      * @param data
      * @returns () => HTMLElement
      */
-    render(data?: Prop, stash?: boolean): any;
+    render(): any;
     instance(): HTMLElement;
     _setExtra(Extra: createSignal<any>): void;
-    _roll_state(data: any, idx: number, get?: boolean): Prop;
+    _roll_state<S>(data: any, idx: number, get?: boolean): S;
     _effect(fn: () => Promise<void> | void): void;
     private effector;
     /**
-     * Cradova Ref
+     * Cradova Comp
      * ---
-     * update ref component with new data and update the dom.
+     * update comp component with new data and update the dom.
      * @param data
      * @returns
      */
-    updateState(data?: Prop, stash?: boolean): void;
-    private Activate;
+    recall(): void;
+    private activate;
 }
 /**
  * cradova
@@ -89,14 +71,14 @@ export declare class lazy<Type> {
  * ---
  * make reference to dom elements
  */
-export declare class reference {
+export declare class __raw_ref {
     tree: Record<string, any>;
     globalTree: Record<string, HTMLElement>;
     /**
      * Bind a DOM element to a reference name.
      * @param name - The name to reference the DOM element by.
      */
-    bindAs(name: string): reference;
+    bindAs(name: string): __raw_ref;
     /**
      * Retrieve a referenced DOM element.
      * @param name - The name of the referenced DOM element.
@@ -117,18 +99,18 @@ export declare class reference {
  *  Features:
  * - create a store
  * - create actions and fire them
- * - bind a Ref and elements
+ * - bind a Comp and elements
  * - listen to updates
  * - set object keys instead of all values
  * - persist changes to localStorage
- * - update a cradova Ref automatically
+ * - update a cradova Comp automatically
  * @constructor initial: unknown, props: {useHistory, persist}
  */
 export declare class createSignal<Type extends Record<string, any>> {
     private callback;
     private persistName;
     private actions;
-    private ref;
+    private comp;
     value: Type;
     constructor(initial: Type, props?: {
         persistName?: string | undefined;
@@ -173,25 +155,25 @@ export declare class createSignal<Type extends Record<string, any>> {
      * @param key - string key of the action
      * @param data - data for the action
      */
-    fireAction(key: string, data?: Type): Type;
+    fireAction(key: string, data?: unknown): void;
     /**
      * Cradova
      * ---
-     * is used to bind signal data to elements and Refs
+     * is used to bind signal data to elements and Comps
      *
      * @param prop
      * @returns something
      */
     bind(prop: string): any;
-    private _updateState;
+    private updateState;
     /**
      *  Cradova Signal
      * ----
      *  set a auto - rendering component for this store
      *
-     * @param Ref component to bind to.
+     * @param Comp component to bind to.
      */
-    bindRef(ref: Ref, binding?: {
+    bindRef(comp: Comp, binding?: {
         event?: string;
         signalProperty: string;
         _element_property: string;
@@ -212,59 +194,43 @@ export declare class createSignal<Type extends Record<string, any>> {
     clearPersist(): void;
 }
 /**
- *  Cradova Screen
+ *  Cradova Page
  * ---
  * create instances of manageable pages
  * @param name
  * @param template
  */
-export declare class Screen {
+export declare class Page {
     /**
      * used internally
      */
     private _name;
     /**
-     * this should be a cradova screen component
+     * this should be a cradova page component
      */
-    _html: ((this: Screen, data?: unknown) => HTMLElement | DocumentFragment) | HTMLElement | DocumentFragment;
-    _packed: boolean;
+    _html: ((this: Page) => HTMLElement);
     private _template;
     private _callBack;
     private _deCallBack;
-    private _persist;
-    private _delegatedRoutesCount;
     private _dropped;
     /**
-     * error handler for the screen
+     * error handler for the page
      */
     _errorHandler: ((err: unknown) => void) | null;
-    constructor(cradova_screen_initials: CradovaScreenType);
-    _derive(): {
-        _name: string;
-        _callBack: ((cradovaScreenSet: HTMLElement) => void | Promise<void>) | undefined;
-        _deCallBack: ((cradovaScreenSet: HTMLElement) => void | Promise<void>) | undefined;
-    };
-    _apply_derivation(derivation: {
-        _name: string;
-        _callBack: ((cradovaScreenSet: HTMLElement) => void | Promise<void>) | undefined;
-        _deCallBack: ((cradovaScreenSet: HTMLElement) => void | Promise<void>) | undefined;
-    }): void;
-    get _delegatedRoutes(): number;
-    set _delegatedRoutes(count: number);
-    setErrorHandler(errorHandler: (err: unknown) => void): void;
-    _package(): Promise<void>;
+    constructor(cradova_page_initials: CradovaPageType);
+    set errorHandler(errorHandler: (err: unknown) => void);
     onActivate(cb: () => Promise<void> | void): void;
     onDeactivate(cb: () => Promise<void> | void): void;
     _deActivate(): Promise<void>;
     drop(state?: boolean): boolean | undefined;
-    _Activate(force?: boolean): Promise<void>;
+    _activate(): Promise<void>;
 }
 /** cradova router
  * ---
  * Registers a route.
  *
  * @param {string}   path     Route path.
- * @param  screen the cradova document tree for the route.
+ * @param  page the cradova document tree for the route.
  */
 export declare class Router {
     /**
@@ -272,9 +238,9 @@ export declare class Router {
      * ---
      * Registers a route.
      *
-     * accepts an object containing pat and screen
+     * accepts an object containing pat and page
      */
-    static BrowserRoutes(obj: Record<string, any>): void;
+    static BrowserRoutes(obj: Record<string, Page | promisedPage>): void;
     /**
       Go back in Navigation history
       */
@@ -295,23 +261,23 @@ export declare class Router {
      * Cradova Router
      * ------
      *
-     * Navigates to a designated screen in your app
+     * Navigates to a designated page in your app
      *
      * @param href string
      * @param data object
      * @param force boolean
      */
-    static navigate(href: string, data?: Record<string, unknown> | null, force?: boolean): void;
+    static navigate(href: string, data?: Record<string, unknown> | null): void;
     /**
      * Cradova
      * ---
-     * Loading screen for your app
+     * Loading page for your app
      *
      * lazy loaded loading use
      *
-     * @param screen
+     * @param page
      */
-    static setLoadingScreen(screen: Screen): void;
+    static setLoadingPage(page: Page): void;
     /** cradova router
      * ---
      * Listen for navigation events
@@ -319,14 +285,6 @@ export declare class Router {
      * @param callback   () => void
      */
     static onPageEvent(callback: () => void): void;
-    /** cradova router
-     * ---
-     * get a screen ready before time.
-     *
-     * @param {string}   path Route path.
-     * @param  data data for the screen.
-     */
-    static packageScreen(path: string): Promise<void>;
     /**
      * Cradova Router
      * ------

package/dist/primitives/dom-objects.d.ts

@@ -1,60 +1,54 @@
 import { type VJS_params_TYPE } from "./types";
-export declare const a: (...Children_and_Properties: VJS_params_TYPE) => HTMLAnchorElement;
-export declare const article: (...Children_and_Properties: VJS_params_TYPE) => HTMLElement;
-export declare const audio: (...Children_and_Properties: VJS_params_TYPE) => HTMLAudioElement;
-export declare const br: (...Children_and_Properties: VJS_params_TYPE) => HTMLBRElement;
-export declare const button: (...Children_and_Properties: VJS_params_TYPE) => HTMLButtonElement;
-export declare const canvas: (...Children_and_Properties: VJS_params_TYPE) => HTMLCanvasElement;
-export declare const caption: (...Children_and_Properties: VJS_params_TYPE) => HTMLTableCaptionElement;
-export declare const col: (...Children_and_Properties: VJS_params_TYPE) => HTMLTableColElement;
-export declare const colgroup: (...Children_and_Properties: VJS_params_TYPE) => HTMLOptGroupElement;
-export declare const datalist: (...Children_and_Properties: VJS_params_TYPE) => HTMLDataListElement;
-export declare const details: (...Children_and_Properties: VJS_params_TYPE) => HTMLDetailsElement;
-export declare const dialog: (...Children_and_Properties: VJS_params_TYPE) => HTMLDialogElement;
-export declare const div: (...Children_and_Properties: VJS_params_TYPE) => HTMLDivElement;
-export declare const figure: (...Children_and_Properties: VJS_params_TYPE) => HTMLElement;
-export declare const footer: (...Children_and_Properties: VJS_params_TYPE) => HTMLElement;
-export declare const form: (...Children_and_Properties: VJS_params_TYPE) => HTMLFormElement;
-export declare const h1: (...Children_and_Properties: VJS_params_TYPE) => HTMLHeadingElement;
-export declare const h2: (...Children_and_Properties: VJS_params_TYPE) => HTMLHeadingElement;
-export declare const h3: (...Children_and_Properties: VJS_params_TYPE) => HTMLHeadingElement;
-export declare const h4: (...Children_and_Properties: VJS_params_TYPE) => HTMLHeadingElement;
-export declare const h5: (...Children_and_Properties: VJS_params_TYPE) => HTMLHeadingElement;
-export declare const h6: (...Children_and_Properties: VJS_params_TYPE) => HTMLHeadingElement;
-export declare const head: (...Children_and_Properties: VJS_params_TYPE) => HTMLHeadElement;
-export declare const header: (...Children_and_Properties: VJS_params_TYPE) => HTMLHeadElement;
-export declare const hr: (...Children_and_Properties: VJS_params_TYPE) => HTMLHRElement;
-export declare const i: (...Children_and_Properties: VJS_params_TYPE) => HTMLLIElement;
-export declare const iframe: (...Children_and_Properties: VJS_params_TYPE) => HTMLIFrameElement;
-export declare const img: (...Children_and_Properties: VJS_params_TYPE) => HTMLImageElement;
-export declare const input: (...Children_and_Properties: VJS_params_TYPE) => HTMLInputElement;
-export declare const label: (...Children_and_Properties: VJS_params_TYPE) => HTMLLabelElement;
-export declare const li: (...Children_and_Properties: VJS_params_TYPE) => HTMLLIElement;
-export declare const main: (...Children_and_Properties: VJS_params_TYPE) => HTMLElement;
-export declare const nav: (...Children_and_Properties: VJS_params_TYPE) => HTMLElement;
-export declare const ol: (...Children_and_Properties: VJS_params_TYPE) => HTMLOListElement;
-export declare const optgroup: (...Children_and_Properties: VJS_params_TYPE) => HTMLOptGroupElement;
-export declare const option: (...Children_and_Properties: VJS_params_TYPE) => HTMLOptionElement;
-export declare const p: (...Children_and_Properties: VJS_params_TYPE) => HTMLParagraphElement;
-export declare const progress: (...Children_and_Properties: VJS_params_TYPE) => HTMLProgressElement;
-export declare const q: (...Children_and_Properties: VJS_params_TYPE) => HTMLQuoteElement;
-export declare const section: (...Children_and_Properties: VJS_params_TYPE) => HTMLElement;
-export declare const select: (...Children_and_Properties: VJS_params_TYPE) => HTMLSelectElement;
-export declare const source: (...Children_and_Properties: VJS_params_TYPE) => HTMLSourceElement;
-export declare const span: (...Children_and_Properties: VJS_params_TYPE) => HTMLSpanElement;
-export declare const strong: (...Children_and_Properties: VJS_params_TYPE) => HTMLElement;
-export declare const summary: (...Children_and_Properties: VJS_params_TYPE) => HTMLElement;
-export declare const table: (...Children_and_Properties: VJS_params_TYPE) => HTMLTableElement;
-export declare const tbody: (...Children_and_Properties: VJS_params_TYPE) => HTMLTableColElement;
-export declare const td: (...Children_and_Properties: VJS_params_TYPE) => HTMLTableCellElement;
-export declare const template: (...Children_and_Properties: VJS_params_TYPE) => HTMLTemplateElement;
-export declare const textarea: (...Children_and_Properties: VJS_params_TYPE) => HTMLTextAreaElement;
-export declare const th: (...Children_and_Properties: VJS_params_TYPE) => HTMLTableSectionElement;
-export declare const title: (...Children_and_Properties: VJS_params_TYPE) => HTMLTitleElement;
-export declare const tr: (...Children_and_Properties: VJS_params_TYPE) => HTMLTableRowElement;
-export declare const track: (...Children_and_Properties: VJS_params_TYPE) => HTMLTrackElement;
-export declare const u: (...Children_and_Properties: VJS_params_TYPE) => HTMLUListElement;
-export declare const ul: (...Children_and_Properties: VJS_params_TYPE) => HTMLUListElement;
-export declare const video: (...Children_and_Properties: VJS_params_TYPE) => HTMLVideoElement;
-export declare const svg: (svg: string, properties?: VJS_params_TYPE) => HTMLSpanElement;
-export declare const raw: (html: string) => DocumentFragment;
+export declare const a: (...Children_and_Properties: VJS_params_TYPE<HTMLAnchorElement>) => HTMLAnchorElement;
+export declare const audio: (...Children_and_Properties: VJS_params_TYPE<HTMLAudioElement>) => HTMLAudioElement;
+export declare const br: (...Children_and_Properties: VJS_params_TYPE<HTMLBRElement>) => HTMLBRElement;
+export declare const button: (...Children_and_Properties: VJS_params_TYPE<HTMLButtonElement>) => HTMLButtonElement;
+export declare const canvas: (...Children_and_Properties: VJS_params_TYPE<HTMLCanvasElement>) => HTMLCanvasElement;
+export declare const caption: (...Children_and_Properties: VJS_params_TYPE<HTMLTableCaptionElement>) => HTMLTableCaptionElement;
+export declare const datalist: (...Children_and_Properties: VJS_params_TYPE<HTMLDataListElement>) => HTMLDataListElement;
+export declare const details: (...Children_and_Properties: VJS_params_TYPE<HTMLDetailsElement>) => HTMLDetailsElement;
+export declare const dialog: (...Children_and_Properties: VJS_params_TYPE<HTMLDialogElement>) => HTMLDialogElement;
+export declare const div: (...Children_and_Properties: VJS_params_TYPE<HTMLDivElement>) => HTMLDivElement;
+export declare const footer: (...Children_and_Properties: VJS_params_TYPE<HTMLElement>) => HTMLElement;
+export declare const form: (...Children_and_Properties: VJS_params_TYPE<HTMLFormElement>) => HTMLFormElement;
+export declare const h1: (...Children_and_Properties: VJS_params_TYPE<HTMLHeadingElement>) => HTMLHeadingElement;
+export declare const h2: (...Children_and_Properties: VJS_params_TYPE<HTMLHeadingElement>) => HTMLHeadingElement;
+export declare const h3: (...Children_and_Properties: VJS_params_TYPE<HTMLHeadingElement>) => HTMLHeadingElement;
+export declare const h4: (...Children_and_Properties: VJS_params_TYPE<HTMLHeadingElement>) => HTMLHeadingElement;
+export declare const h5: (...Children_and_Properties: VJS_params_TYPE<HTMLHeadingElement>) => HTMLHeadingElement;
+export declare const h6: (...Children_and_Properties: VJS_params_TYPE<HTMLHeadingElement>) => HTMLHeadingElement;
+export declare const head: (...Children_and_Properties: VJS_params_TYPE<HTMLHeadElement>) => HTMLHeadElement;
+export declare const header: (...Children_and_Properties: VJS_params_TYPE<HTMLHeadElement>) => HTMLHeadElement;
+export declare const hr: (...Children_and_Properties: VJS_params_TYPE<HTMLHRElement>) => HTMLHRElement;
+export declare const i: (...Children_and_Properties: VJS_params_TYPE<HTMLLIElement>) => HTMLLIElement;
+export declare const iframe: (...Children_and_Properties: VJS_params_TYPE<HTMLIFrameElement>) => HTMLIFrameElement;
+export declare const img: (...Children_and_Properties: VJS_params_TYPE<HTMLImageElement>) => HTMLImageElement;
+export declare const input: (...Children_and_Properties: VJS_params_TYPE<HTMLInputElement>) => HTMLInputElement;
+export declare const label: (...Children_and_Properties: VJS_params_TYPE<HTMLLabelElement>) => HTMLLabelElement;
+export declare const li: (...Children_and_Properties: VJS_params_TYPE<HTMLLIElement>) => HTMLLIElement;
+export declare const main: (...Children_and_Properties: VJS_params_TYPE<HTMLElement>) => HTMLElement;
+export declare const nav: (...Children_and_Properties: VJS_params_TYPE<HTMLElement>) => HTMLElement;
+export declare const ol: (...Children_and_Properties: VJS_params_TYPE<HTMLOListElement>) => HTMLOListElement;
+export declare const optgroup: (...Children_and_Properties: VJS_params_TYPE<HTMLOptGroupElement>) => HTMLOptGroupElement;
+export declare const option: (...Children_and_Properties: VJS_params_TYPE<HTMLOptionElement>) => HTMLOptionElement;
+export declare const p: (...Children_and_Properties: VJS_params_TYPE<HTMLParagraphElement>) => HTMLParagraphElement;
+export declare const progress: (...Children_and_Properties: VJS_params_TYPE<HTMLProgressElement>) => HTMLProgressElement;
+export declare const q: (...Children_and_Properties: VJS_params_TYPE<HTMLQuoteElement>) => HTMLQuoteElement;
+export declare const section: (...Children_and_Properties: VJS_params_TYPE<HTMLElement>) => HTMLElement;
+export declare const select: (...Children_and_Properties: VJS_params_TYPE<HTMLSelectElement>) => HTMLSelectElement;
+export declare const source: (...Children_and_Properties: VJS_params_TYPE<HTMLSourceElement>) => HTMLSourceElement;
+export declare const span: (...Children_and_Properties: VJS_params_TYPE<HTMLSpanElement>) => HTMLSpanElement;
+export declare const strong: (...Children_and_Properties: VJS_params_TYPE<HTMLElement>) => HTMLElement;
+export declare const summary: (...Children_and_Properties: VJS_params_TYPE<HTMLElement>) => HTMLElement;
+export declare const table: (...Children_and_Properties: VJS_params_TYPE<HTMLTableElement>) => HTMLTableElement;
+export declare const tbody: (...Children_and_Properties: VJS_params_TYPE<HTMLTableColElement>) => HTMLTableColElement;
+export declare const td: (...Children_and_Properties: VJS_params_TYPE<HTMLTableCellElement>) => HTMLTableCellElement;
+export declare const textarea: (...Children_and_Properties: VJS_params_TYPE<HTMLTextAreaElement>) => HTMLTextAreaElement;
+export declare const th: (...Children_and_Properties: VJS_params_TYPE<HTMLTableSectionElement>) => HTMLTableSectionElement;
+export declare const title: (...Children_and_Properties: VJS_params_TYPE<HTMLTitleElement>) => HTMLTitleElement;
+export declare const tr: (...Children_and_Properties: VJS_params_TYPE<HTMLTableRowElement>) => HTMLTableRowElement;
+export declare const u: (...Children_and_Properties: VJS_params_TYPE<HTMLUListElement>) => HTMLUListElement;
+export declare const ul: (...Children_and_Properties: VJS_params_TYPE<HTMLUListElement>) => HTMLUListElement;
+export declare const video: (...Children_and_Properties: VJS_params_TYPE<HTMLVideoElement>) => HTMLVideoElement;
+export declare const svg: (svg: string, properties?: VJS_params_TYPE<HTMLSpanElement>) => HTMLSpanElement;
+export declare const raw: (html: string | TemplateStringsArray) => DocumentFragment;

package/dist/primitives/functions.d.ts

@@ -1,16 +1,16 @@
 import { type VJS_params_TYPE } from "./types";
-import { Ref } from "./classes";
-export declare const makeElement: <E extends HTMLElement>(element: E & HTMLElement, ElementChildrenAndPropertyList: VJS_params_TYPE) => E;
-export declare const cra: <E extends HTMLElement>(tag: string) => (...Children_and_Properties: VJS_params_TYPE) => E;
-export declare function Rhoda(l: VJS_params_TYPE): DocumentFragment;
+import { Comp, __raw_ref } from "./classes";
+export declare const makeElement: <E extends HTMLElement>(element: E & HTMLElement, ElementChildrenAndPropertyList: VJS_params_TYPE<E>) => E;
+export declare const cra: <E extends HTMLElement>(tag: string) => (...Children_and_Properties: VJS_params_TYPE<E>) => E;
+export declare function Rhoda(l: VJS_params_TYPE<HTMLElement>): DocumentFragment;
 /**
  *
  * @param {expression} condition
  * @param {function} elements[]
  */
-export declare function $if(condition: any, ...elements: VJS_params_TYPE): any;
+export declare function $if<E>(condition: any, ...elements: VJS_params_TYPE<E>): any;
 export declare function $ifelse(condition: any, ifTrue: any, ifFalse?: any): any;
-export declare function $case(value: any, ...elements: VJS_params_TYPE): (key: any) => VJS_params_TYPE | undefined;
+export declare function $case<E>(value: any, ...elements: VJS_params_TYPE<E>): (key: any) => VJS_params_TYPE<E> | undefined;
 export declare function $switch(key: unknown, ...cases: ((key: any) => HTMLElement[] | undefined)[]): HTMLElement[] | undefined;
 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;
@@ -24,29 +24,29 @@ export declare const SNRU: {
  * @param children
  * @returns
  */
-export declare const frag: (children: VJS_params_TYPE) => DocumentFragment;
+export declare const frag: (children: VJS_params_TYPE<HTMLElement>) => DocumentFragment;
 /**
  * Cradova
  * ---
  *  Allows functional components to manage state by providing a state value and a function to update it.
  * @param initialValue
- * @param ActiveRef
+ * @param Comp
  * @returns [state, setState]
  */
-export declare function useState<S = unknown>(initialValue: S, ActiveRef: Ref): [S, (newState: S) => void];
+export declare function useState<S = unknown>(initialValue: S, Comp: Comp): [S, (newState: S) => void];
 /**
  * Cradova
  * ---
-Allows side effects to be performed in functional components (Refs), such as fetching data or subscribing to events.
+Allows side effects to be performed in functional components (Comps), such as fetching data or subscribing to events.
  * @param effect
  * @returns
  */
-export declare function useEffect(effect: () => void, ActiveRef: Ref): void;
+export declare function useEffect(effect: () => void, Comp: Comp): void;
 /**
  * Cradova
  * ---
-Returns a mutable reference object of dom elements that persists across component renders.
+Returns a mutable reference object of dom elements.
  * @returns reference
  */
-export declare function useRef(): Record<string, HTMLElement | undefined>;
+export declare function useRef(): __raw_ref;
 export {};

package/dist/primitives/types.d.ts

@@ -1,5 +1,5 @@
 import * as CSS from "csstype";
-import { Ref, Screen, reference } from "./classes";
+import { Comp, Page, __raw_ref } from "./classes";
 type DataAttributes = {
     [key: `data-${string}`]: string;
 };
@@ -24,15 +24,15 @@ type Attributes = {
     required?: string;
     frameBorder?: string;
     placeholder?: string;
-    reference?: reference;
+    reference?: __raw_ref;
     autocomplete?: string;
     style?: CSS.Properties;
-    updateState?: (P: any) => void;
+    recall?: (P: any) => void;
     onmount?: (this: HTMLElement & Attributes) => void;
 };
-export type VJS_params_TYPE = (Ref | Ref[] | string | undefined | HTMLElement | HTMLElement[] | DocumentFragment | Attributes | (() => HTMLElement) | Partial<Attributes> | Partial<HTMLDivElement> | Partial<DataAttributes> | Partial<AriaAttributes> | CSS.Properties<string | number>)[];
+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> | Partial<DataAttributes> | Partial<AriaAttributes> | CSS.Properties<string | number>)[];
 export interface RouterRouteObject {
-    _html: ((this: Screen, data?: unknown) => HTMLElement | DocumentFragment) | HTMLElement | DocumentFragment;
+    _html: ((this: Page, data?: unknown) => HTMLElement | DocumentFragment) | HTMLElement | DocumentFragment;
     _delegatedRoutes: number | boolean;
     _Activate: (force: boolean) => Promise<void>;
     _deActivate: (params: object) => void;
@@ -40,50 +40,32 @@ export interface RouterRouteObject {
     _errorHandler: ((err: unknown) => void) | null;
     _derive(): {
         _name: string;
-        _callBack: ((cradovaScreenSet: HTMLElement) => void | Promise<void>) | undefined;
-        _deCallBack: ((cradovaScreenSet: HTMLElement) => void | Promise<void>) | undefined;
+        _callBack: ((cradovaPageSet: HTMLElement) => void | Promise<void>) | undefined;
+        _deCallBack: ((cradovaPageSet: HTMLElement) => void | Promise<void>) | undefined;
     };
     _apply_derivation(data: {
         _name: string;
-        _callBack: ((cradovaScreenSet: HTMLElement) => void | Promise<void>) | undefined;
-        _deCallBack: ((cradovaScreenSet: HTMLElement) => void | Promise<void>) | undefined;
+        _callBack: ((cradovaPageSet: HTMLElement) => void | Promise<void>) | undefined;
+        _deCallBack: ((cradovaPageSet: HTMLElement) => void | Promise<void>) | undefined;
     }): unknown;
 }
-export type CradovaScreenType = {
+export type CradovaPageType = {
     /**
-     * Cradova screen
+     * Cradova page
      * ---
      * title of the page
      * .
      */
     name?: string;
     /**
-     * Cradova screen
+     * Cradova page
      * ---
-     * The component for the screen
+     * The component for the page
      * @param data
      * @returns void
      * .
      */
-    template: (this: Screen) => Element | Ref;
-    /**
-     * Cradova screen
-     * ---
-     * Allows this screen render in parallel for unique routes
-     *
-     * limit is 1000
-     *
-     * .
-     */
-    renderInParallel?: boolean;
-    /**
-     * Cradova screen
-     * ---
-     * Should this screen be cached after first render?
-     * you can use Route.navigate(url, null, true) to force later
-     *
-     * .
-     */
-    persist?: boolean;
+    template: (this: Page) => HTMLElement;
 };
+export type promisedPage = (() => Promise<Page>);
 export {};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "cradova",
-  "version": "3.3.8",
-  "description": "Web framework for building powerful web apps",
+  "version": "3.3.10",
+  "description": "Build Powerful ⚡ Web Apps with Ease",
   "main": "dist/index.js",
   "type": "module",
   "files": [
@@ -14,8 +14,8 @@
     "url": "git+https://github.com/FridayCandour/cradova.git"
   },
   "scripts": {
-    "build": "tsup src/index.ts",
-    "pub": "tsup src/index.ts && npm publish",
+    "compile": "bun bundle.ts",
+    "pub:patch": " git add . && git commit -m 'new version' && bun bundle.ts && npm version patch && npm publish && git push && git push --tags",
     "lint": "eslint . --fix"
   },
   "keywords": [
@@ -24,8 +24,7 @@
     "parallel rendering",
     "conditionals",
     "prerendering",
-    "cradova elements",
-    "Refs",
+    "Comps",
     "createSignal",
     "VJS",
     "vjs specification",