@jxsuite/runtime 0.18.0 → 0.20.0

package/dist/runtime.js

@@ -1,4 +1,4 @@
-// ../../node_modules/@vue/shared/dist/shared.esm-bundler.js
+// ../../node_modules/.bun/@vue+shared@3.5.35/node_modules/@vue/shared/dist/shared.esm-bundler.js
 function makeMap(str) {
   const map = /* @__PURE__ */ Object.create(null);
   for (const key of str.split(","))
@@ -46,7 +46,7 @@ var hasChanged = (value, oldValue) => !Object.is(value, oldValue);
 var specialBooleanAttrs = `itemscope,allowfullscreen,formnovalidate,ismap,nomodule,novalidate,readonly`;
 var isBooleanAttr = /* @__PURE__ */ makeMap(specialBooleanAttrs + `,async,autofocus,autoplay,controls,default,defer,disabled,hidden,inert,loop,open,required,reversed,scoped,seamless,checked,muted,multiple,selected`);
 
-// ../../node_modules/@vue/reactivity/dist/reactivity.esm-bundler.js
+// ../../node_modules/.bun/@vue+reactivity@3.5.35/node_modules/@vue/reactivity/dist/reactivity.esm-bundler.js
 function warn(msg, ...args) {
   console.warn(`[Vue warn] ${msg}`, ...args);
 }
@@ -1091,9 +1091,6 @@ function targetTypeMap(rawType) {
       return 0;
   }
 }
-function getTargetType(value) {
-  return value["__v_skip"] || !Object.isExtensible(value) ? 0 : targetTypeMap(toRawType(value));
-}
 function reactive(target) {
   if (/* @__PURE__ */ isReadonly(target)) {
     return target;
@@ -1113,14 +1110,17 @@ function createReactiveObject(target, isReadonly2, baseHandlers, collectionHandl
   if (target["__v_raw"] && !(isReadonly2 && target["__v_isReactive"])) {
     return target;
   }
-  const targetType = getTargetType(target);
-  if (targetType === 0) {
+  if (target["__v_skip"] || !Object.isExtensible(target)) {
     return target;
   }
   const existingProxy = proxyMap.get(target);
   if (existingProxy) {
     return existingProxy;
   }
+  const targetType = targetTypeMap(toRawType(target));
+  if (targetType === 0) {
+    return target;
+  }
   const proxy = new Proxy(target, targetType === 2 ? collectionHandlers : baseHandlers);
   proxyMap.set(target, proxy);
   return proxy;
@@ -1408,15 +1408,15 @@ async function resolveFunction(def2, state, key, base) {
     if (_moduleCache.has(src)) {
       mod = _moduleCache.get(src);
     } else {
-      try {
-        mod = await import(src);
-      } catch {
-        if (base) {
-          const resolvedSrc = new URL(src, base).href;
+      if (base) {
+        const resolvedSrc = new URL(src, base).href;
+        try {
           mod = await import(resolvedSrc);
-        } else {
-          throw new Error(`Jx: failed to import '$src' "${src}" for "${key}"`);
+        } catch {
+          mod = await import(src);
         }
+      } else {
+        mod = await import(src);
       }
       _moduleCache.set(src, mod);
     }
@@ -1425,7 +1425,16 @@ async function resolveFunction(def2, state, key, base) {
       throw new Error(`Jx: export "${exportName}" not found or not a function in "${src}"`);
     }
   }
-  if (def2.body && /\breturn\b/.test(def2.body)) {
+  const hasParams = (def2.parameters ?? def2.arguments ?? []).length > 0;
+  let isComputed = false;
+  if (!hasParams) {
+    if (def2.body) {
+      isComputed = /\breturn\b/.test(def2.body);
+    } else if (fn) {
+      isComputed = fn.length <= 1 && /\breturn\b/.test(fn.toString());
+    }
+  }
+  if (isComputed) {
     return computed(() => fn(state));
   }
   return fn;
@@ -1448,6 +1457,8 @@ var RESERVED_KEYS = new Set([
   "$ref",
   "$props",
   "$elements",
+  "$title",
+  "$description",
   "$switch",
   "$prototype",
   "$src",
@@ -1547,23 +1558,24 @@ function applyProperties(el, def2, state) {
   }
 }
 function bindProperty(el, key, val, state) {
+  const target = el;
   if (isRefObj(val)) {
     if (key === "id") {
-      el[key] = resolveRef(val.$ref, state);
+      target[key] = resolveRef(val.$ref, state);
       return;
     }
     effect(() => {
-      el[key] = resolveRef(val.$ref, state);
+      target[key] = resolveRef(val.$ref, state);
     });
     return;
   }
   if (isTemplateString(val)) {
     effect(() => {
-      el[key] = evaluateTemplate(val, state);
+      target[key] = evaluateTemplate(val, state);
     });
     return;
   }
-  el[key] = val;
+  target[key] = val;
 }
 function applyStyle(el, styleDef, mediaQueries = {}, state = {}) {
   const nested = {};
@@ -1573,6 +1585,8 @@ function applyStyle(el, styleDef, mediaQueries = {}, state = {}) {
       media[prop] = val;
     else if (isNestedSelector(prop))
       nested[prop] = val;
+    else if (val !== null && typeof val === "object" && !Array.isArray(val))
+      nested[prop] = val;
     else if (prop.startsWith("--")) {
       if (isTemplateString(val))
         effect(() => {
@@ -1594,25 +1608,46 @@ function applyStyle(el, styleDef, mediaQueries = {}, state = {}) {
   const uid = `jx-${Math.random().toString(36).slice(2, 7)}`;
   el.dataset.jx = uid;
   let css = "";
-  for (const [sel, rules] of Object.entries(nested)) {
-    const resolved = sel.startsWith("&") ? sel.replace("&", `[data-jx="${uid}"]`) : sel.startsWith("[") ? `[data-jx="${uid}"]${sel}` : `[data-jx="${uid}"] ${sel}`;
-    css += `${resolved} { ${toCSSText(rules)} }
+  function emitNested(scope, rules) {
+    const props = toCSSText(rules);
+    if (props)
+      css += `${scope} { ${props} }
 `;
+    for (const [sel, sub] of Object.entries(rules)) {
+      if (sub === null || typeof sub !== "object" || Array.isArray(sub))
+        continue;
+      if (sel.startsWith("@"))
+        continue;
+      const resolved = sel.startsWith("&") ? sel.replace("&", scope) : sel.startsWith("[") ? `${scope}${sel}` : sel.startsWith(":") || sel.startsWith(".") ? `${scope}${sel}` : `${scope} ${sel}`;
+      emitNested(resolved, sub);
+    }
+  }
+  for (const [sel, rules] of Object.entries(nested)) {
+    const resolved = sel.startsWith("&") ? sel.replace("&", `[data-jx="${uid}"]`) : sel.startsWith("[") ? `[data-jx="${uid}"]${sel}` : sel.startsWith(":") || sel.startsWith(".") ? `[data-jx="${uid}"]${sel}` : `[data-jx="${uid}"] ${sel}`;
+    emitNested(resolved, rules);
   }
   for (const [key, rules] of Object.entries(media)) {
+    let emitMediaNested = function(parentSel, obj) {
+      for (const [sel, sub] of Object.entries(obj)) {
+        if (sub === null || typeof sub !== "object" || Array.isArray(sub))
+          continue;
+        if (sel.startsWith("@"))
+          continue;
+        const resolved = sel.startsWith("&") ? sel.replace("&", parentSel) : sel.startsWith("[") ? `${parentSel}${sel}` : sel.startsWith(":") || sel.startsWith(".") ? `${parentSel}${sel}` : `${parentSel} ${sel}`;
+        const props = toCSSText(sub);
+        if (props)
+          css += `@media ${query} { ${resolved} { ${props} } }
+`;
+        emitMediaNested(resolved, sub);
+      }
+    };
     if (key === "@--")
       continue;
     const query = key.startsWith("@--") ? mediaQueries[key.slice(1)] ?? key.slice(1) : key.slice(1);
     const scope = `[data-jx="${uid}"]`;
     css += `@media ${query} { ${scope} { ${toCSSText(rules)} } }
 `;
-    for (const [sel, nestedRules] of Object.entries(rules)) {
-      if (!isNestedSelector(sel))
-        continue;
-      const resolved = sel.startsWith("&") ? sel.replace("&", scope) : sel.startsWith("[") ? `${scope}${sel}` : `${scope} ${sel}`;
-      css += `@media ${query} { ${resolved} { ${toCSSText(nestedRules)} } }
-`;
-    }
+    emitMediaNested(scope, rules);
   }
   const tag = document.createElement("style");
   tag.textContent = css;
@@ -1726,7 +1761,8 @@ async function resolvePrototype(def2, state, key, base) {
           const controller = new AbortController;
           onEffectCleanup(() => {
             controller.abort();
-            clearTimeout(debounceTimer);
+            if (debounceTimer !== null)
+              clearTimeout(debounceTimer);
           });
           const doFetch = () => fetch(url, {
             signal: controller.signal,
@@ -1828,7 +1864,7 @@ async function resolvePrototype(def2, state, key, base) {
       } = def2;
       const req = indexedDB.open(database, version);
       req.onupgradeneeded = (e) => {
-        const db = e.target?.result;
+        const db = e.target.result;
         if (!db.objectStoreNames.contains(store)) {
           const os = db.createObjectStore(store, { keyPath, autoIncrement });
           for (const i of indexes)
@@ -1836,7 +1872,7 @@ async function resolvePrototype(def2, state, key, base) {
         }
       };
       req.onsuccess = (e) => {
-        const db = e.target?.result;
+        const db = e.target.result;
         idbState.value = {
           database,
           store,
@@ -2032,7 +2068,8 @@ function classFromSchema(classDef) {
     }
   }
   Object.defineProperty(DynClass, "name", { value: classDef.title, configurable: true });
-  return DynClass;
+  const dynCtor = DynClass;
+  return dynCtor;
 }
 async function resolveViaDevProxy(def2, state, key, base) {
   const config = {};
@@ -2212,7 +2249,7 @@ function camelToKebab(s) {
   return s.replace(/[A-Z]/g, (c) => `-${c.toLowerCase()}`);
 }
 function toCSSText(rules) {
-  return Object.entries(rules).filter(([k]) => !isNestedSelector(k)).map(([p, v]) => `${camelToKebab(p)}: ${v}`).join("; ");
+  return Object.entries(rules).filter(([k, v]) => !isNestedSelector(k) && (v === null || typeof v !== "object")).map(([p, v]) => `${camelToKebab(p)}: ${v}`).join("; ");
 }
 var _elementDefs = new Map;
 async function registerElements(elements, base) {
@@ -2365,7 +2402,7 @@ async function defineElement(source, base) {
 function renderCustomElementWithProps(def2, state, options, path) {
   const el = document.createElement(def2.tagName);
   if (options?.onNodeCreated)
-    options.onNodeCreated(el, path, def2);
+    options.onNodeCreated(el, path ?? [], def2);
   for (const [key, val] of Object.entries(def2.$props ?? {})) {
     if (isRefObj(val)) {
       const resolved = resolveRef(val.$ref, state);
@@ -2436,5 +2473,5 @@ export {
   Jx
 };
 
-//# debugId=B787C22CCE11BBDE64756E2164756E21
+//# debugId=E0E588A2ACC641E264756E2164756E21
 //# sourceMappingURL=runtime.js.map