@jxsuite/runtime 0.23.2 → 0.25.0

package/dist/runtime.js

@@ -1258,7 +1258,7 @@ function computed(getterOrOptions, debugOptions, isSSR = false) {
   return cRef;
 }
 
-// src/expression.js
+// src/expression.ts
 var MUTATING_OPS = new Set([
   "=",
   "+=",
@@ -1477,21 +1477,30 @@ function evaluateExpression(node, state, event, iterCtx) {
     }
     if (operator === "map") {
       return arr.map((item, index) => {
-        return evaluateExpression(value, state, event, { ...iterCtx, item, index });
+        return evaluateExpression(value, state, event, {
+          ...iterCtx,
+          item,
+          index
+        });
       });
     }
     if (operator === "filter") {
       return arr.filter((item, index) => {
-        return evaluateExpression(value, state, event, { ...iterCtx, item, index });
+        return evaluateExpression(value, state, event, {
+          ...iterCtx,
+          item,
+          index
+        });
       });
     }
   }
+  return;
 }
 function getPath(obj, path) {
   return path.split(/[./]/).reduce((o, k) => o?.[k], obj);
 }
 
-// src/runtime.js
+// src/runtime.ts
 async function Jx(source, target = document.body, options) {
   const base = typeof source === "string" ? new URL(source, location.href).href : location.href;
   const doc = await resolve(source);
@@ -1510,13 +1519,19 @@ async function Jx(source, target = document.body, options) {
     state.onMount(state);
   return state;
 }
+var _resolveCache = new Map;
 async function resolve(source) {
   if (typeof source !== "string")
     return source;
-  const res = await fetch(source);
-  if (!res.ok)
-    throw new Error(`Jx: failed to fetch ${source} (${res.status})`);
-  return res.json();
+  if (_resolveCache.has(source))
+    return _resolveCache.get(source);
+  const p = fetch(source).then((res) => {
+    if (!res.ok)
+      throw new Error(`Jx: failed to fetch ${source} (${res.status})`);
+    return res.json();
+  });
+  _resolveCache.set(source, p);
+  return p;
 }
 var SCHEMA_KEYWORDS = new Set([
   "type",
@@ -1570,17 +1585,18 @@ async function buildScope(doc, parentScope = {}, base = location.href) {
       continue;
     }
     if (typeof def2 === "object") {
-      if (def2.$prototype)
+      const d = def2;
+      if (d.$prototype)
         continue;
-      if ("$expression" in def2)
+      if ("$expression" in d)
         continue;
-      if (def2.timing === "server" && def2.$src && def2.$export)
+      if (d.timing === "server" && d.$src && d.$export)
         continue;
-      if ("default" in def2) {
-        raw[key] = def2.default;
+      if ("default" in d) {
+        raw[key] = d.default;
         continue;
       }
-      if (hasSchemaKeywords(def2))
+      if (hasSchemaKeywords(d))
         continue;
       raw[key] = def2;
     }
@@ -1818,12 +1834,13 @@ function applyProperties(el, def2, state) {
 function bindProperty(el, key, val, state) {
   const target = el;
   if (isRefObj(val)) {
+    const refVal = val;
     if (key === "id") {
-      target[key] = resolveRef(val.$ref, state);
+      target[key] = resolveRef(refVal.$ref, state);
       return;
     }
     effect(() => {
-      target[key] = resolveRef(val.$ref, state);
+      target[key] = resolveRef(refVal.$ref, state);
     });
     return;
   }
@@ -2249,6 +2266,10 @@ async function importAndInstantiate(def2, src, exportName, base) {
 async function resolveClassJson(def2, state, key, base) {
   const src = def2.$src;
   let classDef;
+  const isBareSpecifier = !src.startsWith(".") && !src.startsWith("/") && !src.startsWith("http") && !src.startsWith("file:");
+  if (isBareSpecifier) {
+    return resolveViaDevProxy(def2, state, key, base);
+  }
   try {
     const url = base ? new URL(src, base).href : src;
     const res = await fetch(url);
@@ -2581,9 +2602,13 @@ function injectHead(entries, _base) {
     document.head.appendChild(el);
   }
 }
+var _definedSources = new Set;
 async function defineElement(source, base) {
   if (typeof source === "string") {
     base = new URL(source, base ?? location.href).href;
+    if (_definedSources.has(base))
+      return;
+    _definedSources.add(base);
     source = await resolve(source);
   }
   base = base ?? location.href;
@@ -2601,6 +2626,8 @@ async function defineElement(source, base) {
   const def2 = source_;
   const observedAttrs = def2.observedAttributes ?? [];
   const ElementClass = class extends HTMLElement {
+    _jxInitialized = false;
+    _state = null;
     static get observedAttributes() {
       return observedAttrs;
     }
@@ -2653,29 +2680,26 @@ async function defineElement(source, base) {
       }
     }
     disconnectedCallback() {
-      const self2 = this;
-      if (typeof self2._state?.onUnmount === "function") {
-        self2._state.onUnmount(self2._state);
+      if (typeof this._state?.onUnmount === "function") {
+        this._state.onUnmount(this._state);
       }
     }
     adoptedCallback() {
-      const self2 = this;
-      if (typeof self2._state?.onAdopted === "function") {
-        self2._state.onAdopted(self2._state);
+      if (typeof this._state?.onAdopted === "function") {
+        this._state.onAdopted(this._state);
       }
     }
     attributeChangedCallback(name, oldVal, newVal) {
-      const self2 = this;
-      if (!self2._state || oldVal === newVal)
+      if (!this._state || oldVal === newVal)
         return;
       const camelKey = name.replace(/-([a-z])/g, (_, c) => c.toUpperCase());
-      const current = self2._state[camelKey];
+      const current = this._state[camelKey];
       if (typeof current === "number")
-        self2._state[camelKey] = Number(newVal);
+        this._state[camelKey] = Number(newVal);
       else if (typeof current === "boolean")
-        self2._state[camelKey] = newVal !== null && newVal !== "false";
+        this._state[camelKey] = newVal !== null && newVal !== "false";
       else
-        self2._state[camelKey] = newVal;
+        this._state[camelKey] = newVal;
     }
   };
   customElements.define(tagName, ElementClass);
@@ -2686,10 +2710,11 @@ function renderCustomElementWithProps(def2, state, options, path) {
     options.onNodeCreated(el, path ?? [], def2);
   for (const [key, val] of Object.entries(def2.$props ?? {})) {
     if (isRefObj(val)) {
-      const resolved = resolveRef(val.$ref, state);
+      const refVal = val;
+      const resolved = resolveRef(refVal.$ref, state);
       el[key] = resolved;
       effect(() => {
-        el[key] = resolveRef(val.$ref, state);
+        el[key] = resolveRef(refVal.$ref, state);
       });
     } else if (isTemplateString(val)) {
       effect(() => {
@@ -2755,5 +2780,5 @@ export {
   Jx
 };
 
-//# debugId=37F989EF6650619C64756E2164756E21
+//# debugId=980C6F32C0CBE36F64756E2164756E21
 //# sourceMappingURL=runtime.js.map