cradova 3.4.2 → 3.5.1

package/dist/primitives/classes.d.ts

@@ -1,9 +1,9 @@
-import { type browserPageType, type CradovaPageType } from "./types";
+import { type browserPageType, type CradovaPageType } from "./types.js";
 /**
  * Cradova event
  */
 declare class cradovaEvent {
-    static refid: number;
+    static compId: number;
     /**
      * the events runs only once and removed.
      * these event are call and removed once when when a comp is rendered to the dom
@@ -46,7 +46,6 @@ export declare class Comp<Prop extends Record<string, any> = any> {
     subData: Prop | null;
     _state: Prop[];
     _state_index: number;
-    test?: string;
     constructor(component: (this: Comp<Prop>) => HTMLElement);
     preRender(): void;
     /**
@@ -56,7 +55,7 @@ export declare class Comp<Prop extends Record<string, any> = any> {
      * @param data
      * @returns () => HTMLElement
      */
-    render(): any;
+    render(): HTMLElement;
     _effect(fn: () => Promise<void> | void): void;
     private effector;
     /**
@@ -126,13 +125,13 @@ export declare class Page {
      */
     _html: (this: Page) => HTMLElement;
     private _template;
-    private _callBack;
-    private _deCallBack;
     private _dropped;
-    constructor(cradova_page_initials: CradovaPageType);
-    onActivate(cb: () => Promise<void> | void): void;
-    onDeactivate(cb: () => Promise<void> | void): void;
-    _deActivate(): Promise<void>;
+    private _snapshot;
+    private _snapshot_html?;
+    _deCB?: () => Promise<void> | void;
+    constructor(pageParams: CradovaPageType);
+    private _takeSnapShot;
+    set onDeactivate(cb: () => Promise<void> | void);
     drop(state?: boolean): boolean | undefined;
     _activate(): Promise<void>;
 }
@@ -152,22 +151,14 @@ export declare class Router {
      * accepts an object containing pat and page
      */
     static BrowserRoutes(obj: Record<string, browserPageType<Page | unknown>>): void;
-    /**
-      Go back in Navigation history
-      */
-    static back(): void;
-    /**
-      Go forward in Navigation history
-      */
-    static forward(): void;
     /**
       Pause navigation
       */
-    static pauseNaviagtion(): void;
+    static pauseNavigation(): void;
     /**
      resume navigation
     */
-    static resumeNaviagtion(): void;
+    static resumeNavigation(): void;
     /**
      * Cradova Router
      * ------
@@ -189,13 +180,6 @@ export declare class Router {
      * @param page
      */
     static setLoadingPage(page: Page): void;
-    /** cradova router
-     * ---
-     * Listen for navigation events
-     *
-     * @param callback   () => void
-     */
-    static onPageEvent(callback: () => void): void;
     /**
      * Cradova Router
      * ------

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

@@ -1,13 +1,8 @@
-import { type VJS_params_TYPE } from "./types";
+import { type VJS_params_TYPE } from "./types.js";
 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;
@@ -17,9 +12,7 @@ export declare const h3: (...Children_and_Properties: VJS_params_TYPE<HTMLHeadin
 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;
@@ -32,22 +25,11 @@ export declare const ol: (...Children_and_Properties: VJS_params_TYPE<HTMLOListE
 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;

package/dist/primitives/functions.d.ts

@@ -1,5 +1,5 @@
-import { type VJS_params_TYPE } from "./types";
-import { Comp } from "./classes";
+import { type VJS_params_TYPE } from "./types.js";
+import { Comp } from "./classes.js";
 /**
  * Cradova
  * ---

package/dist/primitives/types.d.ts

@@ -1,5 +1,5 @@
 import * as CSS from "csstype";
-import { Comp, Page } from "./classes";
+import { Comp, Page } from "./classes.js";
 type DataAttributes = {
     [key: `data-${string}`]: string;
 };
@@ -24,13 +24,13 @@ type Attributes = {
     required?: string;
     frameBorder?: string;
     placeholder?: string;
-    reference?: [any, string];
+    ref?: [any, string];
     autocomplete?: string;
     style?: CSS.Properties;
     recall?: (P: any) => void;
     onmount?: (this: HTMLElement & Attributes) => void;
 };
-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 type VJS_params_TYPE<E extends HTMLElement> = (Comp | Comp[] | string | undefined | HTMLElement | HTMLElement[] | DocumentFragment | DocumentFragment[] | Attributes | Partial<Attributes> | (() => HTMLElement) | 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;
@@ -66,6 +66,16 @@ export type CradovaPageType = {
      * .
      */
     template: (this: Page) => 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;
 };
 export type browserPageType<importType = Page> = importType | Promise<importType> | (() => Promise<importType>);
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cradova",
-  "version": "3.4.2",
+  "version": "3.5.1",
   "description": "Build Powerful ⚡ Web Apps with Ease",
   "main": "dist/index.js",
   "type": "module",
@@ -11,21 +11,18 @@
   ],
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/FridayCandour/cradova.git"
+    "url": "git+https://github.com/Uieddbook/cradova.git"
   },
   "scripts": {
     "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": [
     "PWA",
     "webapp",
-    "parallel rendering",
-    "conditionals",
-    "prerendering",
+    "SPA",
     "Comps",
-    "createSignal",
+    "Signal",
     "VJS",
     "vjs specification",
     "cradova"
@@ -48,25 +45,13 @@
     {
       "name": "friday candour",
       "url": "https://www.t.me/procal"
-    },
-    {
-      "name": "Thomas",
-      "url": "https://github.com/trgwii"
     }
   ],
   "license": "Apache-2.0",
   "bugs": {
-    "url": "https://github.com/FridayCandour/cradova/issues"
-  },
-  "homepage": "https://github.com/FridayCandour/cradova",
-  "devDependencies": {
-    "@typescript-eslint/eslint-plugin": "^5.47.0",
-    "@typescript-eslint/parser": "^5.47.0",
-    "eslint": "^8.30.0",
-    "eslint-config-prettier": "^8.5.0",
-    "eslint-plugin-prettier": "^4.2.1",
-    "prettier": "^2.8.1"
+    "url": "https://github.com/Uiedbook/cradova/issues"
   },
+  "homepage": "https://github.com/Uiedbook/cradova",
   "dependencies": {
     "csstype": "^3.1.2"
   }