cradova 3.1.4 → 3.1.6

package/dist/index.js

@@ -105,6 +105,13 @@ function loop(datalist2, component) {
   }
   return Array.isArray(datalist2) ? datalist2.map(component) : void 0;
 }
+function SNRU(url) {
+  let key = 0;
+  for (let i2 = 0; i2 < url.length; i2++) {
+    key += url.charCodeAt(i2);
+  }
+  return key.toString();
+}
 var Ref = class {
   constructor(component) {
     this.effects = [];
@@ -113,26 +120,24 @@ var Ref = class {
     this.published = false;
     this.preRendered = null;
     this.reference = new reference();
-    // hooks management
+    //? hooks management
     this._state = [];
     this._state_track = {};
     this._state_index = 0;
     this.component = component.bind(this);
+    const Recusr = () => {
+      CradovaEvent.addEventListener("onTransition", () => {
+        this.current_id = SNRU(location.href);
+        Recusr();
+      });
+    };
+    Recusr();
   }
-  preRender(data2) {
-    let html = this.component(data2);
-    if (typeof html === "function") {
-      html = html();
-    }
-    if (isNode(html)) {
-      this.preRendered = html;
-    }
-    if (!this.preRendered) {
-      throw new Error(
-        " \u2718  Cradova err :  Invalid component type for cradova Ref got  -  " + this.preRendered
-      );
-    }
-    this.reference._appendDomForce("html", this.preRendered);
+  preRender(data2, stash) {
+    this.reference._appendDomForce(
+      this.current_id,
+      this.render(data2, stash)
+    );
   }
   destroyPreRendered() {
     this.preRendered = null;
@@ -158,7 +163,10 @@ var Ref = class {
       this.stash = data2;
     }
     if (isNode(html)) {
-      this.reference._appendDomForce("html", html);
+      this.reference._appendDomForce(
+        this.current_id,
+        html
+      );
       this.effector.apply(this);
       this.rendered = true;
       this.published = true;
@@ -204,6 +212,7 @@ var Ref = class {
    * @returns
    */
   updateState(data2, stash) {
+    this.current_id = SNRU(location.href);
     if (!this.rendered) {
       this.effectuate = () => {
         if (this.published) {
@@ -233,7 +242,10 @@ var Ref = class {
       this.reference.html.insertAdjacentElement("beforebegin", html);
       this.reference.html.remove();
       this.published = true;
-      this.reference._appendDomForce("html", html);
+      this.reference._appendDomForce(
+        this.current_id,
+        html
+      );
       CradovaEvent.dispatchEvent("onmountEvent");
     } else {
       console.error(" \u2718  Cradova err :  Invalid html content, got  - " + html);
@@ -278,12 +290,25 @@ var lazy = class {
   }
 };
 var reference = class {
+  /**
+   * Bind a DOM element to a reference name.
+   * @param name - The name to reference the DOM element by.
+   */
   bindAs(name) {
     return [this, name];
   }
+  /**
+   * Retrieve a referenced DOM element.
+   * @param name - The name of the referenced DOM element.
+   */
   dom(name) {
     return this[name];
   }
+  /**
+   * Append a DOM element to the reference, overwriting any existing reference.
+   * @param name - The name to reference the DOM element by.
+   * @param element - The DOM element to reference.
+   */
   _appendDomForce(name, Element) {
     this[name] = Element;
   }
@@ -736,6 +761,7 @@ RouterBox["routes"] = {};
 RouterBox["pageevents"] = [];
 RouterBox["paused"] = false;
 RouterBox["start_pageevents"] = async function(url) {
+  CradovaEvent.dispatchEvent("onTransition");
   setTimeout(() => {
     for (let ci = 0; ci < RouterBox["pageevents"].length; ci++) {
       RouterBox["pageevents"][ci](url);
@@ -1308,6 +1334,11 @@ var track = cra("track");
 var u = cra("u");
 var ul = cra("ul");
 var video = cra("video");
+var ___svg = (svg, properties) => {
+  const span2 = document.createElement("span");
+  span2.innerHTML = svg;
+  return makeElement(span2, [properties]);
+};
 
 // lib/parts/ajax.ts
 function Ajax(url, opts = {}) {
@@ -1390,7 +1421,8 @@ var _2 = (...element_initials) => {
   }
   return makeElement(element, element_initials);
 };
+_2.__proto__.svg = ___svg;
 var lib_default = _2;
 //! get url hash here and scroll into view
 
-export { Ajax, CradovaEvent, Ref, Rhoda, Router, Screen, a, area, article, aside, assert, assertOr, audio, b, base, blockquote, br, button, canvas, caption, code, col, colgroup, cradovaEvent, createSignal, css, data, datalist, lib_default as default, details, dialog, div, em, embed, figure, footer, form, frag, h1, h2, h3, h4, h5, h6, head, header, hr, i, iframe, img, input, isNode, label, lazy, legend, li, link, loop, main, make, makeElement, menu, nav, object, ol, optgroup, option, p, pre, progress, q, reference, section, select, source, span, strong, summary, table, tbody, td, template, textarea, th, title, tr, track, u, ul, useEffect, useRef, useState, video };
+export { Ajax, CradovaEvent, Ref, Rhoda, Router, Screen, ___svg, a, area, article, aside, assert, assertOr, audio, b, base, blockquote, br, button, canvas, caption, code, col, colgroup, createSignal, css, data, datalist, lib_default as default, details, dialog, div, em, embed, figure, footer, form, frag, h1, h2, h3, h4, h5, h6, head, header, hr, i, iframe, img, input, isNode, label, lazy, legend, li, link, loop, main, make, makeElement, menu, nav, object, ol, optgroup, option, p, pre, progress, q, reference, section, select, source, span, strong, summary, table, tbody, td, template, textarea, th, title, tr, track, u, ul, useEffect, useRef, useState, video };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cradova",
-  "version": "3.1.4",
+  "version": "3.1.6",
   "description": "Web framework for building web apps and PWAs",
   "main": "dist/index.js",
   "type": "module",
@@ -62,7 +62,6 @@
     "@types/jest": "^29.2.4",
     "@typescript-eslint/eslint-plugin": "^5.47.0",
     "@typescript-eslint/parser": "^5.47.0",
-    "csstype": "^3.1.2",
     "eslint": "^8.30.0",
     "eslint-config-prettier": "^8.5.0",
     "eslint-plugin-prettier": "^4.2.1",
@@ -71,5 +70,8 @@
     "ts-jest": "^29.0.3",
     "tsup": "^6.7.0",
     "typescript": "^4.9.4"
+  },
+  "dependencies": {
+    "csstype": "^3.1.2"
   }
 }