@jxsuite/runtime 6.0.2 → 6.1.0

package/dist/runtime.js

@@ -3143,16 +3143,51 @@ var _templateErrorHandler = null;
 function setTemplateErrorHandler(handler) {
   _templateErrorHandler = handler;
 }
+function warnTemplateError(source, error) {
+  if (!reportedTemplates.has(source)) {
+    reportedTemplates.add(source);
+    console.warn(`jx: template ${JSON.stringify(source)} threw:`, error);
+  }
+}
+var pendingLookups = 0;
+var heldTemplateErrors = new Map;
+var lookupWaiters = [];
+function holdTemplateErrorsFor(lookup) {
+  pendingLookups += 1;
+  lookup.finally(() => {
+    pendingLookups -= 1;
+    if (pendingLookups === 0) {
+      for (const { error, source } of heldTemplateErrors.values()) {
+        warnTemplateError(source, error);
+      }
+      heldTemplateErrors.clear();
+      for (const wake of lookupWaiters.splice(0)) {
+        wake();
+      }
+    }
+  });
+}
+function lookupsSettled() {
+  if (pendingLookups === 0) {
+    return Promise.resolve();
+  }
+  return new Promise((wake) => {
+    lookupWaiters.push(wake);
+  });
+}
 function bindTemplate(source, run, fallback) {
   effect(() => {
     try {
       run();
+      heldTemplateErrors.delete(run);
     } catch (error) {
+      const thrown = error instanceof Error ? error : new Error(String(error));
       if (_templateErrorHandler) {
-        _templateErrorHandler(error instanceof Error ? error : new Error(String(error)), source);
-      } else if (!reportedTemplates.has(source)) {
-        reportedTemplates.add(source);
-        console.warn(`jx: template ${JSON.stringify(source)} threw:`, error);
+        _templateErrorHandler(thrown, source);
+      } else if (pendingLookups > 0) {
+        heldTemplateErrors.set(run, { error: thrown, source });
+      } else {
+        warnTemplateError(source, thrown);
       }
       fallback?.();
     }
@@ -3441,9 +3476,44 @@ function renderNode(def, state, options) {
         el.append(renderNode(child, localState, childOpts));
       }
     }
+  } else if (isTemplateString(kids)) {
+    renderComputedChildren(el, kids, localState, {
+      ...options,
+      _ns: childNs,
+      _path: [...path, "children"]
+    });
   }
   return el;
 }
+function renderComputedChildren(el, template, state, options) {
+  const path = options._path ?? [];
+  let live = null;
+  const retire = () => {
+    el.replaceChildren();
+    live?.stop();
+    live = null;
+  };
+  bindTemplate(template, () => {
+    const nodes = evaluateValueTemplate(template, state);
+    retire();
+    if (!Array.isArray(nodes)) {
+      return;
+    }
+    const scope = effectScope(true);
+    live = scope;
+    pauseTracking();
+    try {
+      scope.run(() => {
+        for (const [i, child] of nodes.entries()) {
+          el.append(renderNode(child, state, { ...options, _path: [...path, i] }));
+        }
+      });
+    } finally {
+      resetTracking();
+    }
+  }, retire);
+  onScopeDispose(() => live?.stop(), true);
+}
 function applyProperties(el, def, state) {
   for (const [key, val] of Object.entries(def)) {
     if (RESERVED_KEYS.has(key)) {
@@ -4114,20 +4184,22 @@ async function resolvePrototype(def, state, key, base, ctx) {
               clearTimeout(debounceTimer);
             }
           });
-          const doFetch = () => fetch(url, {
-            method: def.method ?? "GET",
-            signal: controller.signal,
-            ...def.headers && { headers: def.headers },
-            ...def.body && {
-              body: isNonNullObject(def.body) ? JSON.stringify(def.body) : def.body
-            }
-          }).then((r) => r.ok ? r.json() : Promise.reject(r.statusText)).then((d) => {
-            s.value = d;
-          }).catch((error) => {
-            if (!(error instanceof Error && error.name === "AbortError")) {
-              s.value = { error: String(error) };
-            }
-          });
+          const doFetch = () => {
+            holdTemplateErrorsFor(fetch(url, {
+              method: def.method ?? "GET",
+              signal: controller.signal,
+              ...def.headers && { headers: def.headers },
+              ...def.body && {
+                body: isNonNullObject(def.body) ? JSON.stringify(def.body) : def.body
+              }
+            }).then((r) => r.ok ? r.json() : Promise.reject(r.statusText)).then((d) => {
+              s.value = d;
+            }).catch((error) => {
+              if (!(error instanceof Error && error.name === "AbortError")) {
+                s.value = { error: String(error) };
+              }
+            }));
+          };
           if (debounceMs > 0) {
             debounceTimer = setTimeout(doFetch, debounceMs);
           } else {
@@ -4454,20 +4526,21 @@ async function resolveViaDevProxy(def, state, key, base) {
     return r.json();
   });
   const s = ref(null);
+  const resolveInto = (resolvedConfig) => {
+    holdTemplateErrorsFor(doResolve(resolvedConfig).then((value) => {
+      s.value = value;
+    }).catch((error) => console.error("Jx dev proxy:", error)));
+  };
   if (hasTemplates) {
     effect(() => {
       const resolvedConfig = {};
       for (const [k, v] of Object.entries(config)) {
         resolvedConfig[k] = isTemplateString(v) ? evaluateTemplate(v, state) : v;
       }
-      doResolve(resolvedConfig).then((value) => {
-        s.value = value;
-      }).catch((error) => console.error("Jx dev proxy:", error));
+      resolveInto(resolvedConfig);
     });
   } else {
-    doResolve(config).then((value) => {
-      s.value = value;
-    }).catch((error) => console.error("Jx dev proxy:", error));
+    resolveInto(config);
   }
   return s;
 }
@@ -4476,7 +4549,7 @@ function latestServerCall(s, invoke, label) {
   return (args) => {
     seq += 1;
     const n = seq;
-    new Promise((settle) => {
+    holdTemplateErrorsFor(new Promise((settle) => {
       settle(invoke(args));
     }).then((result) => {
       if (n === seq) {
@@ -4486,7 +4559,7 @@ function latestServerCall(s, invoke, label) {
       if (n === seq) {
         console.error(label, error);
       }
-    });
+    }));
   };
 }
 async function resolveServerFunction(def, state, key, base) {
@@ -5223,6 +5296,7 @@ export {
   isNestedSelectorKey,
   isSignal,
   isSingleExpression,
+  lookupsSettled,
   mount,
   observeScope,
   preloadDocument,
@@ -5261,5 +5335,5 @@ export {
   transposeCanvasUnits
 };
 
-//# debugId=938A15203F1CC52664756E2164756E21
+//# debugId=A334DCA3F0B40F7E64756E2164756E21
 //# sourceMappingURL=runtime.js.map