@jxsuite/runtime 0.19.0 → 0.21.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;
@@ -1299,6 +1299,10 @@ var _serverFnConfig = { skip: false };
 function setSkipServerFunctions(v) {
   _serverFnConfig.skip = v;
 }
+var _contentConfig = { skip: false };
+function setSkipContentResolution(v) {
+  _contentConfig.skip = v;
+}
 async function buildScope(doc, parentScope = {}, base = location.href) {
   const raw = {};
   for (const [key, val] of Object.entries(parentScope)) {
@@ -1382,8 +1386,9 @@ function hasSchemaKeywords(obj) {
   return false;
 }
 function evaluateTemplate(str, state) {
-  const fn = new Function("state", "$map", `return \`${str}\``);
-  return fn(state, state?.$map);
+  const $map = state?.$map;
+  const fn = new Function("state", "$map", "item", "index", `return \`${str}\``);
+  return fn(state, $map, $map?.item, $map?.index);
 }
 var _moduleCache = new Map;
 async function resolveFunction(def2, state, key, base) {
@@ -1558,23 +1563,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 = {};
@@ -1760,7 +1766,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,
@@ -1862,7 +1869,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)
@@ -1870,7 +1877,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,
@@ -1898,6 +1905,39 @@ async function resolvePrototype(def2, state, key, base) {
       return new Blob(def2.parts ?? [], { type: def2.type ?? "text/plain" });
     case "ReadableStream":
       return null;
+    case "ContentCollection":
+    case "ContentEntry": {
+      if (_contentConfig.skip) {
+        return ref(def2.$prototype === "ContentCollection" ? [{ id: "", data: {} }] : null);
+      }
+      const s = ref(def2.$prototype === "ContentCollection" ? [] : null);
+      effect(() => {
+        let id = def2.id;
+        if (id && typeof id === "object" && id.$ref?.startsWith("#/$params/")) {
+          const paramName = id.$ref.replace("#/$params/", "");
+          id = state?.$params?.[paramName];
+        } else if (typeof id === "string" && id.includes("${")) {
+          id = evaluateTemplate(id, state);
+        }
+        if (def2.$prototype === "ContentEntry" && !id)
+          return;
+        fetch("/__studio/content", {
+          method: "POST",
+          headers: { "Content-Type": "application/json" },
+          body: JSON.stringify({
+            $prototype: def2.$prototype,
+            contentType: def2.contentType,
+            id,
+            filter: def2.filter,
+            sort: def2.sort,
+            limit: def2.limit
+          })
+        }).then((r) => r.ok ? r.json() : null).then((d) => {
+          s.value = d;
+        }).catch(() => {});
+      });
+      return s;
+    }
     default:
       console.warn(`Jx: unknown $prototype "${def2.$prototype}" for "${key}". Did you mean to add '$src'?`);
       return ref(null);
@@ -2066,7 +2106,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 = {};
@@ -2399,7 +2440,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);
@@ -2456,6 +2497,7 @@ function distributeSlots(host, slottedChildren) {
 export {
   toCSSText,
   setSkipServerFunctions,
+  setSkipContentResolution,
   resolveRef,
   resolvePrototype,
   resolve,
@@ -2470,5 +2512,5 @@ export {
   Jx
 };
 
-//# debugId=985CCEA0A16C595964756E2164756E21
+//# debugId=E96CE71CCED47BE764756E2164756E21
 //# sourceMappingURL=runtime.js.map