marko 6.0.0-next.3.85 → 6.0.0

package/dist/debug/html.mjs

@@ -1616,9 +1616,9 @@ function withContext(key, value, cb) {
     ctx[key] = prev;
   }
 }
-function setTagVar(parentScopeId, scopeOffsetAccessor, childScope, registryId) {
+function setTagVar(parentScopeId, scopeOffsetAccessor, childScopeId, registryId) {
   ensureScopeWithId(parentScopeId)[scopeOffsetAccessor] = nextScopeId();
-  childScope["#TagVariable" /* TagVariable */] = register2(
+  ensureScopeWithId(childScopeId)["#TagVariable" /* TagVariable */] = register2(
     {},
     registryId,
     parentScopeId
@@ -1638,19 +1638,26 @@ function nextScopeId() {
 function peekNextScopeId() {
   return $chunk.boundary.state.scopeId;
 }
-function peekNextScope() {
-  return ensureScopeWithId(peekNextScopeId());
-}
 function getScopeById(scopeId) {
   if (scopeId !== void 0) {
     return $chunk.boundary.state.scopes.get(scopeId);
   }
 }
-function markResumeNode(scopeId, accessor) {
+function serializeIf(condition, key) {
+  return condition && (condition === 1 || condition[key]) ? 1 : void 0;
+}
+function serializeGuard(condition, key) {
+  return condition && (condition === 1 || condition[key]) ? 1 : 0;
+}
+function markResumeNode(scopeId, accessor, shouldResume) {
+  if (shouldResume === 0) return "";
   const { state } = $chunk.boundary;
   state.needsMainRuntime = true;
   return state.mark("*" /* Node */, scopeId + " " + accessor);
 }
+function commentSeparator(shouldResume) {
+  return shouldResume === 0 ? "" : "<!>";
+}
 function nodeRef(scopeId, id) {
   const getter = () => {
     if (true) {
@@ -1678,7 +1685,10 @@ var branchIdKey = Symbol();
 function withBranchId(branchId, cb) {
   return withContext(branchIdKey, branchId, cb);
 }
-function resumeForOf(list, cb, by, scopeId, accessor) {
+function resumeForOf(list, cb, by, scopeId, accessor, serializeBranch) {
+  if (serializeBranch === 0) {
+    return forOf(list, cb);
+  }
   const loopScopes = /* @__PURE__ */ new Map();
   forOf(list, (item, index) => {
     const branchId = peekNextScopeId();
@@ -1705,7 +1715,10 @@ function resumeForOf(list, cb, by, scopeId, accessor) {
     )
   );
 }
-function resumeSingleNodeForOf(list, cb, by, scopeId, accessor, onlyChildInParent) {
+function resumeSingleNodeForOf(list, cb, by, scopeId, accessor, serializeBranch, onlyChildInParent) {
+  if (serializeBranch === 0) {
+    return forOf(list, cb);
+  }
   const loopScopes = /* @__PURE__ */ new Map();
   let branchIds = "";
   forOf(list, (item, index) => {
@@ -1737,7 +1750,10 @@ function forOfBy(by, item, index) {
   }
   return index;
 }
-function resumeForIn(obj, cb, by, scopeId, accessor) {
+function resumeForIn(obj, cb, by, scopeId, accessor, serializeBranch) {
+  if (serializeBranch === 0) {
+    return forIn(obj, cb);
+  }
   const loopScopes = /* @__PURE__ */ new Map();
   let sep = "";
   forIn(obj, (key, value) => {
@@ -1763,7 +1779,10 @@ function resumeForIn(obj, cb, by, scopeId, accessor) {
     )
   );
 }
-function resumeSingleNodeForIn(obj, cb, by, scopeId, accessor, onlyChild) {
+function resumeSingleNodeForIn(obj, cb, by, scopeId, accessor, serializeBranch, onlyChild) {
+  if (serializeBranch === 0) {
+    return forIn(obj, cb);
+  }
   const loopScopes = /* @__PURE__ */ new Map();
   let branchIds = "";
   forIn(obj, (key, value) => {
@@ -1792,7 +1811,10 @@ function forInBy(by, name, value) {
   }
   return name;
 }
-function resumeForTo(to, from, step, cb, by, scopeId, accessor) {
+function resumeForTo(to, from, step, cb, by, scopeId, accessor, serializeBranch) {
+  if (serializeBranch === 0) {
+    return forTo(to, from, step, cb);
+  }
   const loopScopes = /* @__PURE__ */ new Map();
   let sep = "";
   forTo(to, from, step, (index) => {
@@ -1818,7 +1840,10 @@ function resumeForTo(to, from, step, cb, by, scopeId, accessor) {
     )
   );
 }
-function resumeSingleNodeForTo(to, from, step, cb, by, scopeId, accessor, onlyChild) {
+function resumeSingleNodeForTo(to, from, step, cb, by, scopeId, accessor, serializeBranch, onlyChild) {
+  if (serializeBranch === 0) {
+    return forTo(to, from, step, cb);
+  }
   const loopScopes = /* @__PURE__ */ new Map();
   let branchIds = "";
   forTo(to, from, step, (index) => {
@@ -1847,9 +1872,12 @@ function forToBy(by, index) {
   }
   return index;
 }
-function resumeConditional(cb, scopeId, accessor, dynamic) {
+function resumeConditional(cb, scopeId, accessor, serializeBranch, serializeMarker) {
+  if (serializeBranch === 0) {
+    return cb();
+  }
   const branchId = peekNextScopeId();
-  if (dynamic) {
+  if (serializeMarker) {
     $chunk.writeHTML(
       $chunk.boundary.state.mark("[" /* BranchStart */, branchId + "")
     );
@@ -1857,13 +1885,13 @@ function resumeConditional(cb, scopeId, accessor, dynamic) {
   const branchIndex = withBranchId(branchId, cb);
   if (branchIndex !== void 0) {
     writeScope(scopeId, {
-      ["ConditionalRenderer:" /* ConditionalRenderer */ + accessor]: dynamic ? branchIndex : void 0,
+      ["ConditionalRenderer:" /* ConditionalRenderer */ + accessor]: serializeMarker ? branchIndex : void 0,
       ["ConditionalScope:" /* ConditionalScope */ + accessor]: writeScope(branchId, {})
     });
   } else {
     nextScopeId();
   }
-  if (dynamic) {
+  if (serializeMarker) {
     $chunk.writeHTML(
       $chunk.boundary.state.mark(
         "]" /* BranchEnd */,
@@ -1872,19 +1900,22 @@ function resumeConditional(cb, scopeId, accessor, dynamic) {
     );
   }
 }
-function resumeSingleNodeConditional(cb, scopeId, accessor, dynamic, onlyChild) {
+function resumeSingleNodeConditional(cb, scopeId, accessor, serializeBranch, serializeMarker, onlyChild) {
+  if (serializeBranch === 0) {
+    return cb();
+  }
   const branchId = peekNextScopeId();
   const branchIndex = withBranchId(branchId, cb);
   const rendered = branchIndex !== void 0;
   if (rendered) {
     writeScope(scopeId, {
-      ["ConditionalRenderer:" /* ConditionalRenderer */ + accessor]: dynamic ? branchIndex : void 0,
+      ["ConditionalRenderer:" /* ConditionalRenderer */ + accessor]: serializeMarker ? branchIndex : void 0,
       ["ConditionalScope:" /* ConditionalScope */ + accessor]: writeScope(branchId, {})
     });
   } else {
     nextScopeId();
   }
-  if (dynamic) {
+  if (serializeMarker) {
     $chunk.writeHTML(
       $chunk.boundary.state.mark(
         onlyChild ? "=" /* BranchSingleNodeOnlyChildInParent */ : "|" /* BranchSingleNode */,
@@ -1921,8 +1952,8 @@ if (true) {
     return scope;
   })(writeScope);
 }
-function writeExistingScope(scope) {
-  return writeScope(scope[K_SCOPE_ID], scope);
+function writeExistingScope(scopeId) {
+  return writeScope(scopeId, ensureScopeWithId(scopeId));
 }
 function ensureScopeWithId(scopeId) {
   const { state } = $chunk.boundary;
@@ -2756,230 +2787,6 @@ var RENDER_BODY_ID = prefix + (true ? "renderBody" : "b");
 var DEFAULT_RUNTIME_ID = "M";
 var DEFAULT_RENDER_ID = "_";
 
-// src/html/dynamic-tag.ts
-var voidElementsReg = /^(?:area|b(?:ase|r)|col|embed|hr|i(?:mg|nput)|link|meta|param|source|track|wbr)$/;
-var dynamicTag = (scopeId, accessor, tag, inputOrArgs, content, inputIsArgs, resume) => {
-  const renderer = normalizeDynamicRenderer(tag);
-  if (true) {
-    if (renderer && typeof renderer !== "function" && typeof renderer !== "string") {
-      throw new Error(`Invalid renderer passed for dynamic tag: ${renderer}`);
-    }
-  }
-  const state = getState();
-  const branchId = peekNextScopeId();
-  let result;
-  if (typeof renderer === "string") {
-    const input = (inputIsArgs ? inputOrArgs[0] : inputOrArgs) || {};
-    nextScopeId();
-    write(`<${renderer}${attrs(input, accessor, scopeId, renderer)}>`);
-    if (!voidElementsReg.test(renderer)) {
-      withBranchId(branchId, () => {
-        if (renderer === "textarea") {
-          if (content) {
-            throw new Error(
-              "A dynamic tag rendering a `<textarea>` cannot have `content` and must use the `value` attribute instead."
-            );
-          }
-          write(
-            controllable_textarea_value(
-              scopeId,
-              accessor,
-              input.value,
-              input.valueChange
-            )
-          );
-        } else if (content) {
-          if (renderer === "select" && ("value" in input || "valueChange" in input)) {
-            controllable_select_value(
-              scopeId,
-              accessor,
-              input.value,
-              input.valueChange,
-              content
-            );
-          } else {
-            content();
-          }
-        }
-      });
-      write(`</${renderer}>`);
-    } else if (content) {
-      throw new Error(`Body content is not supported for a "${renderer}" tag.`);
-    }
-    if (resume) {
-      write(
-        state.mark(
-          "|" /* BranchSingleNode */,
-          scopeId + " " + accessor + " " + branchId
-        )
-      );
-    }
-  } else {
-    if (resume) {
-      write(state.mark("[" /* BranchStart */, branchId + ""));
-    }
-    result = withBranchId(branchId, () => {
-      if (renderer) {
-        return inputIsArgs ? renderer(...inputOrArgs) : renderer(
-          content ? { ...inputOrArgs, content } : inputOrArgs
-        );
-      } else if (content) {
-        return content();
-      }
-    });
-    if (resume) {
-      write(state.mark("]" /* BranchEnd */, scopeId + " " + accessor));
-    }
-  }
-  const rendered = peekNextScopeId() !== branchId;
-  if (rendered) {
-    if (resume) {
-      writeScope(scopeId, {
-        ["ConditionalScope:" /* ConditionalScope */ + accessor]: writeScope(branchId, {}),
-        ["ConditionalRenderer:" /* ConditionalRenderer */ + accessor]: renderer?.___id || renderer
-      });
-    }
-  } else {
-    nextScopeId();
-  }
-  return result;
-};
-function createContent(id, fn) {
-  fn.___id = id;
-  return fn;
-}
-function registerContent(id, fn, scopeId) {
-  return register2(createContent(id, fn), id, scopeId);
-}
-function patchDynamicTag(patch) {
-  dynamicTag = /* @__PURE__ */ ((originalDynamicTag) => (scopeId, accessor, tag, input, content, inputIsArgs, resume) => {
-    const patched = patch(scopeId, accessor, tag);
-    patched.___id = tag;
-    return originalDynamicTag(
-      scopeId,
-      accessor,
-      patched,
-      input,
-      content,
-      inputIsArgs,
-      resume
-    );
-  })(dynamicTag);
-}
-
-// src/html/compat.ts
-var K_TAGS_API_STATE = Symbol();
-var COMPAT_REGISTRY = /* @__PURE__ */ new WeakMap();
-var compat = {
-  fork,
-  write,
-  writeScript,
-  nextScopeId,
-  isTagsAPI(fn) {
-    return !!fn.___id;
-  },
-  patchDynamicTag,
-  writeSetScopeForComponent(m5c) {
-    const scopeId = nextScopeId();
-    writeScope(scopeId, { m5c });
-    writeEffect(scopeId, SET_SCOPE_REGISTER_ID);
-  },
-  toJSON() {
-    let compatRegistered = COMPAT_REGISTRY.get(this);
-    if (!compatRegistered) {
-      const registered = getRegistered(this);
-      if (registered) {
-        const scopeId = getScopeId(registered.scope);
-        if (scopeId !== void 0) {
-          writeScope(scopeId, {});
-        }
-        COMPAT_REGISTRY.set(
-          this,
-          compatRegistered = [registered.id, scopeId]
-        );
-      }
-    }
-    return compatRegistered;
-  },
-  render(renderer, willRerender, classAPIOut, component, input) {
-    const $global2 = classAPIOut.global;
-    let state = $global2[K_TAGS_API_STATE] ||= getChunk()?.boundary.state;
-    if (!state) {
-      $global2.runtimeId ||= DEFAULT_RUNTIME_ID;
-      $global2.renderId ||= $global2.componentIdPrefix || DEFAULT_RENDER_ID;
-      $global2[K_TAGS_API_STATE] = state = new State2($global2);
-    }
-    const boundary = new Boundary(state);
-    const head = new Chunk(
-      boundary,
-      null,
-      null
-    );
-    let normalizedInput = input;
-    if ("renderBody" in input) {
-      normalizedInput = {};
-      for (const key in input) {
-        normalizedInput[key === "renderBody" ? "content" : key] = input[key];
-      }
-    }
-    head.render(() => {
-      if (willRerender) {
-        const scopeId = peekNextScopeId();
-        writeScope(scopeId, { m5c: component.id });
-        writeEffect(scopeId, SET_SCOPE_REGISTER_ID);
-      }
-      renderer(normalizedInput);
-    });
-    const asyncOut = classAPIOut.beginAsync();
-    queueMicrotask(
-      boundary.onNext = () => {
-        if (boundary.signal.aborted) {
-          asyncOut.error(boundary.signal.reason);
-        } else if (boundary.done) {
-          const { scripts, html } = head.consume().flushScript();
-          asyncOut.script(scripts);
-          asyncOut.write(html);
-          asyncOut.end();
-        }
-      }
-    );
-  },
-  registerRenderer(renderer, id) {
-    return register(
-      RENDERER_REGISTER_ID,
-      renderer,
-      register(id, () => {
-      })
-    );
-  },
-  registerRenderBody(fn) {
-    register(RENDER_BODY_ID, fn);
-  }
-};
-
-// src/html/for.ts
-function forOfBy2(by, item, index) {
-  if (by) {
-    if (typeof by === "string") {
-      return item[by];
-    }
-    return by(item, index);
-  }
-  return index;
-}
-function forInBy2(by, name, value) {
-  if (by) {
-    return by(name, value);
-  }
-  return name;
-}
-function forToBy2(by, index) {
-  if (by) {
-    return by(index);
-  }
-  return index;
-}
-
 // src/html/template.ts
 var createTemplate = (templateId, renderer) => {
   renderer.render = render;
@@ -2993,6 +2800,9 @@ var createTemplate = (templateId, renderer) => {
   }
   return registerContent(templateId, renderer);
 };
+function isTemplate(renderer) {
+  return !!renderer._;
+}
 function render(input = {}) {
   let { $global: $global2 } = input;
   if ($global2) {
@@ -3199,6 +3009,247 @@ var ServerRendered = class {
 };
 function NOOP2() {
 }
+
+// src/html/dynamic-tag.ts
+var voidElementsReg = /^(?:area|b(?:ase|r)|col|embed|hr|i(?:mg|nput)|link|meta|param|source|track|wbr)$/;
+var dynamicTag = (scopeId, accessor, tag, inputOrArgs, content, inputIsArgs, shouldResume) => {
+  const renderer = normalizeDynamicRenderer(tag);
+  if (true) {
+    if (renderer && typeof renderer !== "function" && typeof renderer !== "string") {
+      throw new Error(`Invalid renderer passed for dynamic tag: ${renderer}`);
+    }
+  }
+  const state = getState();
+  const branchId = peekNextScopeId();
+  let result;
+  if (typeof renderer === "string") {
+    const input = (inputIsArgs ? inputOrArgs[0] : inputOrArgs) || {};
+    nextScopeId();
+    write(`<${renderer}${attrs(input, accessor, scopeId, renderer)}>`);
+    if (!voidElementsReg.test(renderer)) {
+      const renderNativeTag = () => {
+        if (renderer === "textarea") {
+          if (content) {
+            throw new Error(
+              "A dynamic tag rendering a `<textarea>` cannot have `content` and must use the `value` attribute instead."
+            );
+          }
+          write(
+            controllable_textarea_value(
+              scopeId,
+              accessor,
+              input.value,
+              input.valueChange
+            )
+          );
+        } else if (content) {
+          if (renderer === "select" && ("value" in input || "valueChange" in input)) {
+            controllable_select_value(
+              scopeId,
+              accessor,
+              input.value,
+              input.valueChange,
+              content
+            );
+          } else {
+            content();
+          }
+        }
+      };
+      if (shouldResume) {
+        withBranchId(branchId, renderNativeTag);
+      } else {
+        renderNativeTag();
+      }
+      write(`</${renderer}>`);
+    } else if (content) {
+      throw new Error(`Body content is not supported for a "${renderer}" tag.`);
+    }
+    if (shouldResume) {
+      write(
+        state.mark(
+          "|" /* BranchSingleNode */,
+          scopeId + " " + accessor + " " + branchId
+        )
+      );
+    }
+  } else {
+    if (shouldResume) {
+      write(state.mark("[" /* BranchStart */, branchId + ""));
+    }
+    const render2 = () => {
+      if (renderer) {
+        if (isTemplate(renderer)) {
+          const input = inputIsArgs ? inputOrArgs[0] : inputOrArgs;
+          return renderer(
+            content ? { ...input, content } : input,
+            shouldResume
+          );
+        }
+        return inputIsArgs ? renderer(...inputOrArgs) : renderer(
+          content ? { ...inputOrArgs, content } : inputOrArgs
+        );
+      } else if (content) {
+        return content();
+      }
+    };
+    result = shouldResume ? withBranchId(branchId, render2) : render2();
+    if (shouldResume) {
+      write(state.mark("]" /* BranchEnd */, scopeId + " " + accessor));
+    }
+  }
+  const rendered = peekNextScopeId() !== branchId;
+  if (rendered) {
+    if (shouldResume) {
+      writeScope(scopeId, {
+        ["ConditionalScope:" /* ConditionalScope */ + accessor]: writeScope(branchId, {}),
+        ["ConditionalRenderer:" /* ConditionalRenderer */ + accessor]: renderer?.___id || renderer
+      });
+    }
+  } else {
+    nextScopeId();
+  }
+  return result;
+};
+function createContent(id, fn) {
+  fn.___id = id;
+  return fn;
+}
+function registerContent(id, fn, scopeId) {
+  return register2(createContent(id, fn), id, scopeId);
+}
+function patchDynamicTag(patch) {
+  dynamicTag = /* @__PURE__ */ ((originalDynamicTag) => (scopeId, accessor, tag, input, content, inputIsArgs, resume) => {
+    const patched = patch(scopeId, accessor, tag);
+    patched.___id = tag;
+    return originalDynamicTag(
+      scopeId,
+      accessor,
+      patched,
+      input,
+      content,
+      inputIsArgs,
+      resume
+    );
+  })(dynamicTag);
+}
+
+// src/html/compat.ts
+var K_TAGS_API_STATE = Symbol();
+var COMPAT_REGISTRY = /* @__PURE__ */ new WeakMap();
+var compat = {
+  fork,
+  write,
+  writeScript,
+  nextScopeId,
+  isTagsAPI(fn) {
+    return !!fn.___id;
+  },
+  patchDynamicTag,
+  writeSetScopeForComponent(m5c) {
+    const scopeId = nextScopeId();
+    writeScope(scopeId, { m5c });
+    writeEffect(scopeId, SET_SCOPE_REGISTER_ID);
+  },
+  toJSON() {
+    let compatRegistered = COMPAT_REGISTRY.get(this);
+    if (!compatRegistered) {
+      const registered = getRegistered(this);
+      if (registered) {
+        const scopeId = getScopeId(registered.scope);
+        if (scopeId !== void 0) {
+          writeScope(scopeId, {});
+        }
+        COMPAT_REGISTRY.set(
+          this,
+          compatRegistered = [registered.id, scopeId]
+        );
+      }
+    }
+    return compatRegistered;
+  },
+  render(renderer, willRerender, classAPIOut, component, input) {
+    const $global2 = classAPIOut.global;
+    let state = $global2[K_TAGS_API_STATE] ||= getChunk()?.boundary.state;
+    if (!state) {
+      $global2.runtimeId ||= DEFAULT_RUNTIME_ID;
+      $global2.renderId ||= $global2.componentIdPrefix || DEFAULT_RENDER_ID;
+      $global2[K_TAGS_API_STATE] = state = new State2($global2);
+    }
+    const boundary = new Boundary(state);
+    const head = new Chunk(
+      boundary,
+      null,
+      null
+    );
+    let normalizedInput = input;
+    if ("renderBody" in input) {
+      normalizedInput = {};
+      for (const key in input) {
+        normalizedInput[key === "renderBody" ? "content" : key] = input[key];
+      }
+    }
+    head.render(() => {
+      if (willRerender) {
+        const scopeId = peekNextScopeId();
+        writeScope(scopeId, { m5c: component.id });
+        writeEffect(scopeId, SET_SCOPE_REGISTER_ID);
+      }
+      if (isTemplate(renderer) && willRerender) {
+        renderer(normalizedInput, 1);
+      } else {
+        renderer(normalizedInput);
+      }
+    });
+    const asyncOut = classAPIOut.beginAsync();
+    queueMicrotask(
+      boundary.onNext = () => {
+        if (boundary.signal.aborted) {
+          asyncOut.error(boundary.signal.reason);
+        } else if (boundary.done) {
+          const { scripts, html } = head.consume().flushScript();
+          asyncOut.script(scripts);
+          asyncOut.write(html);
+          asyncOut.end();
+        }
+      }
+    );
+  },
+  registerRenderer(renderer, id) {
+    return register(
+      RENDERER_REGISTER_ID,
+      renderer,
+      register(id, () => {
+      })
+    );
+  },
+  registerRenderBody(fn) {
+    register(RENDER_BODY_ID, fn);
+  }
+};
+
+// src/html/for.ts
+function forOfBy2(by, item, index) {
+  if (by) {
+    if (typeof by === "string") {
+      return item[by];
+    }
+    return by(item, index);
+  }
+  return index;
+}
+function forInBy2(by, name, value) {
+  if (by) {
+    return by(name, value);
+  }
+  return name;
+}
+function forToBy2(by, index) {
+  if (by) {
+    return by(index);
+  }
+  return index;
+}
 export {
   $global,
   attr,
@@ -3206,6 +3257,7 @@ export {
   attrTags,
   attrs,
   classAttr,
+  commentSeparator,
   compat,
   controllable_detailsOrDialog_open,
   controllable_input_checked,
@@ -3235,7 +3287,7 @@ export {
   nodeRef,
   optionValueAttr,
   partialAttrs,
-  peekNextScope,
+  peekNextScopeId,
   register2 as register,
   registerContent,
   resumeClosestBranch,
@@ -3247,6 +3299,8 @@ export {
   resumeSingleNodeForIn,
   resumeSingleNodeForOf,
   resumeSingleNodeForTo,
+  serializeGuard,
+  serializeIf,
   setTagVar,
   styleAttr,
   toString,