@marko/runtime-tags 0.2.3 → 0.2.5

package/dist/debug/dom.js

@@ -83,6 +83,7 @@ __export(dom_exports, {
   styleAttr: () => styleAttr,
   tagVarSignal: () => tagVarSignal,
   tagVarSignalChange: () => tagVarSignalChange,
+  textContent: () => textContent,
   value: () => value
 });
 module.exports = __toCommonJS(dom_exports);
@@ -373,6 +374,7 @@ var Render = class {
             delete this.___renders[this.___renderId];
           } else {
             registeredValues[resumes[i++]](
+              scopeLookup[resumeData],
               scopeLookup[resumeData]
             );
           }
@@ -695,7 +697,7 @@ function runEffects(effects = pendingEffects) {
   for (let i = 0; i < effects.length; i += 2 /* Total */) {
     const scope = effects[i];
     const fn = effects[i + 1];
-    fn(scope);
+    fn(scope, scope);
   }
 }
 function runSignals(signals) {
@@ -1298,7 +1300,11 @@ function parseHTML(html2) {
 }
 function parseHTMLOrSingleNode(html2) {
   const content = parseHTML(html2);
-  return content.firstChild === content.lastChild ? content.firstChild || fallback : content;
+  if (!content.firstChild) return fallback;
+  return content.firstChild === content.lastChild && // If the firstChild is a comment it's possible its
+  // a single replaced node, in which case the walker can't replace
+  // the node itself.
+  content.firstChild.nodeType !== 8 ? content.firstChild : content;
 }
 
 // src/dom/dom.ts
@@ -1326,6 +1332,12 @@ function data(node, value2) {
     node.data = normalizedValue;
   }
 }
+function textContent(node, value2) {
+  const normalizedValue = normalizeString(value2);
+  if (node.textContent !== normalizedValue) {
+    node.textContent = normalizedValue;
+  }
+}
 function attrs(scope, nodeAccessor, nextAttrs) {
   const el = scope[nodeAccessor];
   for (const { name } of el.attributes) {

package/dist/debug/dom.mjs

@@ -284,6 +284,7 @@ var Render = class {
             delete this.___renders[this.___renderId];
           } else {
             registeredValues[resumes[i++]](
+              scopeLookup[resumeData],
               scopeLookup[resumeData]
             );
           }
@@ -606,7 +607,7 @@ function runEffects(effects = pendingEffects) {
   for (let i = 0; i < effects.length; i += 2 /* Total */) {
     const scope = effects[i];
     const fn = effects[i + 1];
-    fn(scope);
+    fn(scope, scope);
   }
 }
 function runSignals(signals) {
@@ -1209,7 +1210,11 @@ function parseHTML(html2) {
 }
 function parseHTMLOrSingleNode(html2) {
   const content = parseHTML(html2);
-  return content.firstChild === content.lastChild ? content.firstChild || fallback : content;
+  if (!content.firstChild) return fallback;
+  return content.firstChild === content.lastChild && // If the firstChild is a comment it's possible its
+  // a single replaced node, in which case the walker can't replace
+  // the node itself.
+  content.firstChild.nodeType !== 8 ? content.firstChild : content;
 }
 
 // src/dom/dom.ts
@@ -1237,6 +1242,12 @@ function data(node, value2) {
     node.data = normalizedValue;
   }
 }
+function textContent(node, value2) {
+  const normalizedValue = normalizeString(value2);
+  if (node.textContent !== normalizedValue) {
+    node.textContent = normalizedValue;
+  }
+}
 function attrs(scope, nodeAccessor, nextAttrs) {
   const el = scope[nodeAccessor];
   for (const { name } of el.attributes) {
@@ -2073,5 +2084,6 @@ export {
   styleAttr,
   tagVarSignal,
   tagVarSignalChange,
+  textContent,
   value
 };

package/dist/debug/html.js

@@ -1649,6 +1649,9 @@ var State2 = class {
   constructor($global2) {
     this.$global = $global2;
     this.$global = $global2;
+    if ($global2.cspNonce) {
+      this.nonceAttr = " " + escapeAttrValue($global2.cspNonce + "");
+    }
   }
   tagIndex = 0;
   scopeIndex = 0;
@@ -1659,6 +1662,7 @@ var State2 = class {
   hasReorderRuntime = false;
   hasWrittenResume = false;
   trailerHTML = "";
+  nonceAttr = "";
   serializer = new Serializer();
   writeReorders = null;
   scopes = /* @__PURE__ */ new Map();
@@ -1832,8 +1836,7 @@ function prepareChunk(chunk) {
   const head = chunk.consume();
   const { boundary, effects } = head;
   const { state } = boundary;
-  const { $global: $global2, runtimePrefix, serializer } = state;
-  const nonceAttr = $global2.cspNonce ? " nonce=" + escapeAttrValue($global2.cspNonce + "") : "";
+  const { $global: $global2, runtimePrefix, serializer, nonceAttr } = state;
   let { html, scripts } = head;
   let hasWalk = false;
   head.effects = "";
@@ -1944,7 +1947,7 @@ function flushChunk(head, last) {
   let result = html;
   head.html = head.scripts = "";
   if (scripts) {
-    result += ($global2.cspNonce ? "<script nonce=" + escapeAttrValue($global2.cspNonce + "") + ">" : "<script>") + scripts + "</script>";
+    result += "<script" + state.nonceAttr + ">" + scripts + "</script>";
   }
   if (__flush__) {
     $global2.__flush__ = void 0;

package/dist/debug/html.mjs

@@ -1573,6 +1573,9 @@ var State2 = class {
   constructor($global2) {
     this.$global = $global2;
     this.$global = $global2;
+    if ($global2.cspNonce) {
+      this.nonceAttr = " " + escapeAttrValue($global2.cspNonce + "");
+    }
   }
   tagIndex = 0;
   scopeIndex = 0;
@@ -1583,6 +1586,7 @@ var State2 = class {
   hasReorderRuntime = false;
   hasWrittenResume = false;
   trailerHTML = "";
+  nonceAttr = "";
   serializer = new Serializer();
   writeReorders = null;
   scopes = /* @__PURE__ */ new Map();
@@ -1756,8 +1760,7 @@ function prepareChunk(chunk) {
   const head = chunk.consume();
   const { boundary, effects } = head;
   const { state } = boundary;
-  const { $global: $global2, runtimePrefix, serializer } = state;
-  const nonceAttr = $global2.cspNonce ? " nonce=" + escapeAttrValue($global2.cspNonce + "") : "";
+  const { $global: $global2, runtimePrefix, serializer, nonceAttr } = state;
   let { html, scripts } = head;
   let hasWalk = false;
   head.effects = "";
@@ -1868,7 +1871,7 @@ function flushChunk(head, last) {
   let result = html;
   head.html = head.scripts = "";
   if (scripts) {
-    result += ($global2.cspNonce ? "<script nonce=" + escapeAttrValue($global2.cspNonce + "") + ">" : "<script>") + scripts + "</script>";
+    result += "<script" + state.nonceAttr + ">" + scripts + "</script>";
   }
   if (__flush__) {
     $global2.__flush__ = void 0;

package/dist/dom/dom.d.ts

@@ -5,6 +5,7 @@ export declare function setAttribute(element: Element, name: string, value: stri
 export declare function classAttr(element: Element, value: unknown): void;
 export declare function styleAttr(element: Element, value: unknown): void;
 export declare function data(node: Text | Comment, value: unknown): void;
+export declare function textContent(node: ParentNode, value: unknown): void;
 export declare function attrs(scope: Scope, nodeAccessor: Accessor, nextAttrs: Record<string, unknown>): void;
 export declare function partialAttrs(scope: Scope, nodeAccessor: Accessor, nextAttrs: Record<string, unknown>, skip: Record<string, 1>): void;
 export declare function attrsEvents(scope: Scope, nodeAccessor: Accessor): void;

package/dist/dom/parse-html.d.ts

@@ -1,5 +1,5 @@
 export declare function parseHTML(html: string): DocumentFragment;
-export declare function parseHTMLOrSingleNode(html: string): Node & {
+export declare function parseHTMLOrSingleNode(html: string): Text | (Node & {
     firstChild?: ChildNode;
     lastChild?: ChildNode;
-};
+});

package/dist/dom/template.d.ts

@@ -1,2 +1,3 @@
 import type { Scope, Template } from "../common/types";
+import { createRenderer } from "./renderer";
 export declare const createTemplate: (templateId: string, template: string, walks?: string | undefined, setup?: ((scope: Scope) => void) | undefined, getClosureSignals?: (() => import("./signals").IntersectionSignal[]) | undefined, getArgs?: (() => import("./signals").ValueSignal) | undefined) => Template;

package/dist/dom.d.ts

@@ -5,7 +5,7 @@ export { getAbortSignal, resetAbortSignal } from "./dom/abort-signal";
 export { compat } from "./dom/compat";
 export { conditional, conditionalOnlyChild, inConditionalScope, inLoopScope, loopIn, loopOf, loopTo, } from "./dom/control-flow";
 export { controllable_detailsOrDialog_open, controllable_detailsOrDialog_open_effect, controllable_input_checked, controllable_input_checked_effect, controllable_input_checkedValue, controllable_input_checkedValue_effect, controllable_input_value, controllable_input_value_effect, controllable_select_value, controllable_select_value_effect, controllable_textarea_value, controllable_textarea_value_effect, } from "./dom/controllable";
-export { attr, attrs, attrsEvents, classAttr, data, html, lifecycle, partialAttrs, props, styleAttr, } from "./dom/dom";
+export { attr, attrs, attrsEvents, classAttr, data, html, lifecycle, partialAttrs, props, styleAttr, textContent, } from "./dom/dom";
 export { on } from "./dom/event";
 export { run } from "./dom/queue";
 export { createRenderer, createRendererWithOwner, dynamicTagAttrs, } from "./dom/renderer";

package/dist/dom.js

@@ -80,6 +80,7 @@ __export(dom_exports, {
   styleAttr: () => styleAttr,
   tagVarSignal: () => tagVarSignal,
   tagVarSignalChange: () => tagVarSignalChange,
+  textContent: () => textContent,
   value: () => value
 });
 module.exports = __toCommonJS(dom_exports);
@@ -254,6 +255,7 @@ var registeredValues = {}, Render = class {
                 cleanupOwnerId && (scope.d = scopes[cleanupOwnerId], onDestroy(scope));
               }
           } else i === len || typeof resumes[i] != "string" ? delete this.z[this.o] : registeredValues[resumes[i++]](
+            scopeLookup[resumeData],
             scopeLookup[resumeData]
           );
         }
@@ -444,7 +446,7 @@ function prepareEffects(fn) {
 function runEffects(effects = pendingEffects) {
   for (let i = 0; i < effects.length; i += 2 /* Total */) {
     let scope = effects[i], fn = effects[i + 1];
-    fn(scope);
+    fn(scope, scope);
   }
 }
 function runSignals(signals) {
@@ -814,7 +816,10 @@ function parseHTML(html2) {
 }
 function parseHTMLOrSingleNode(html2) {
   let content = parseHTML(html2);
-  return content.firstChild === content.lastChild ? content.firstChild || fallback : content;
+  return content.firstChild ? content.firstChild === content.lastChild && // If the firstChild is a comment it's possible its
+  // a single replaced node, in which case the walker can't replace
+  // the node itself.
+  content.firstChild.nodeType !== 8 ? content.firstChild : content : fallback;
 }
 
 // src/dom/dom.ts
@@ -834,6 +839,10 @@ function data(node, value2) {
   let normalizedValue = normalizeString(value2);
   node.data !== normalizedValue && (node.data = normalizedValue);
 }
+function textContent(node, value2) {
+  let normalizedValue = normalizeString(value2);
+  node.textContent !== normalizedValue && (node.textContent = normalizedValue);
+}
 function attrs(scope, nodeAccessor, nextAttrs) {
   let el = scope[nodeAccessor];
   for (let { name } of el.attributes)

package/dist/dom.mjs

@@ -168,6 +168,7 @@ var registeredValues = {}, Render = class {
                 cleanupOwnerId && (scope.d = scopes[cleanupOwnerId], onDestroy(scope));
               }
           } else i === len || typeof resumes[i] != "string" ? delete this.z[this.o] : registeredValues[resumes[i++]](
+            scopeLookup[resumeData],
             scopeLookup[resumeData]
           );
         }
@@ -358,7 +359,7 @@ function prepareEffects(fn) {
 function runEffects(effects = pendingEffects) {
   for (let i = 0; i < effects.length; i += 2 /* Total */) {
     let scope = effects[i], fn = effects[i + 1];
-    fn(scope);
+    fn(scope, scope);
   }
 }
 function runSignals(signals) {
@@ -728,7 +729,10 @@ function parseHTML(html2) {
 }
 function parseHTMLOrSingleNode(html2) {
   let content = parseHTML(html2);
-  return content.firstChild === content.lastChild ? content.firstChild || fallback : content;
+  return content.firstChild ? content.firstChild === content.lastChild && // If the firstChild is a comment it's possible its
+  // a single replaced node, in which case the walker can't replace
+  // the node itself.
+  content.firstChild.nodeType !== 8 ? content.firstChild : content : fallback;
 }
 
 // src/dom/dom.ts
@@ -748,6 +752,10 @@ function data(node, value2) {
   let normalizedValue = normalizeString(value2);
   node.data !== normalizedValue && (node.data = normalizedValue);
 }
+function textContent(node, value2) {
+  let normalizedValue = normalizeString(value2);
+  node.textContent !== normalizedValue && (node.textContent = normalizedValue);
+}
 function attrs(scope, nodeAccessor, nextAttrs) {
   let el = scope[nodeAccessor];
   for (let { name } of el.attributes)
@@ -1337,5 +1345,6 @@ export {
   styleAttr,
   tagVarSignal,
   tagVarSignalChange,
+  textContent,
   value
 };

package/dist/html/writer.d.ts

@@ -57,6 +57,7 @@ export declare class State {
     hasReorderRuntime: boolean;
     hasWrittenResume: boolean;
     trailerHTML: string;
+    nonceAttr: string;
     serializer: Serializer;
     writeReorders: Chunk[] | null;
     scopes: Map<number, PartialScope>;

package/dist/html.js

@@ -1095,7 +1095,7 @@ function tryCatch(renderBody, renderCatch) {
 var State2 = class {
   constructor($global2) {
     this.$global = $global2;
-    this.$global = $global2;
+    this.$global = $global2, $global2.cspNonce && (this.nonceAttr = " " + escapeAttrValue($global2.cspNonce + ""));
   }
   tagIndex = 0;
   scopeIndex = 0;
@@ -1106,6 +1106,7 @@ var State2 = class {
   hasReorderRuntime = !1;
   hasWrittenResume = !1;
   trailerHTML = "";
+  nonceAttr = "";
   serializer = new Serializer();
   writeReorders = null;
   scopes = /* @__PURE__ */ new Map();
@@ -1220,7 +1221,7 @@ var State2 = class {
   }
 };
 function prepareChunk(chunk) {
-  let head = chunk.consume(), { boundary, effects } = head, { state } = boundary, { $global: $global2, runtimePrefix, serializer } = state, nonceAttr = $global2.cspNonce ? " nonce=" + escapeAttrValue($global2.cspNonce + "") : "", { html, scripts } = head, hasWalk = !1;
+  let head = chunk.consume(), { boundary, effects } = head, { state } = boundary, { $global: $global2, runtimePrefix, serializer, nonceAttr } = state, { html, scripts } = head, hasWalk = !1;
   head.effects = "", state.needsMainRuntime && !state.hasMainRuntime && (state.hasMainRuntime = !0, scripts = concatScripts(
     scripts,
     WALKER_RUNTIME_CODE + '("' + $global2.runtimeId + '")("' + $global2.renderId + '")'
@@ -1261,7 +1262,7 @@ function prepareChunk(chunk) {
 }
 function flushChunk(head, last) {
   let { boundary } = head, { state } = boundary, { html, scripts } = head, { $global: $global2 } = state, { __flush__ } = $global2, result = html;
-  return head.html = head.scripts = "", scripts && (result += ($global2.cspNonce ? "<script nonce=" + escapeAttrValue($global2.cspNonce + "") + ">" : "<script>") + scripts + "</script>"), __flush__ && ($global2.__flush__ = void 0, result = __flush__($global2, result)), last && state.trailerHTML && (result += state.trailerHTML), result;
+  return head.html = head.scripts = "", scripts && (result += "<script" + state.nonceAttr + ">" + scripts + "</script>"), __flush__ && ($global2.__flush__ = void 0, result = __flush__($global2, result)), last && state.trailerHTML && (result += state.trailerHTML), result;
 }
 function writeTrailers(html) {
   $chunk.boundary.state.trailerHTML += html;

package/dist/html.mjs

@@ -1022,7 +1022,7 @@ function tryCatch(renderBody, renderCatch) {
 var State2 = class {
   constructor($global2) {
     this.$global = $global2;
-    this.$global = $global2;
+    this.$global = $global2, $global2.cspNonce && (this.nonceAttr = " " + escapeAttrValue($global2.cspNonce + ""));
   }
   tagIndex = 0;
   scopeIndex = 0;
@@ -1033,6 +1033,7 @@ var State2 = class {
   hasReorderRuntime = !1;
   hasWrittenResume = !1;
   trailerHTML = "";
+  nonceAttr = "";
   serializer = new Serializer();
   writeReorders = null;
   scopes = /* @__PURE__ */ new Map();
@@ -1147,7 +1148,7 @@ var State2 = class {
   }
 };
 function prepareChunk(chunk) {
-  let head = chunk.consume(), { boundary, effects } = head, { state } = boundary, { $global: $global2, runtimePrefix, serializer } = state, nonceAttr = $global2.cspNonce ? " nonce=" + escapeAttrValue($global2.cspNonce + "") : "", { html, scripts } = head, hasWalk = !1;
+  let head = chunk.consume(), { boundary, effects } = head, { state } = boundary, { $global: $global2, runtimePrefix, serializer, nonceAttr } = state, { html, scripts } = head, hasWalk = !1;
   head.effects = "", state.needsMainRuntime && !state.hasMainRuntime && (state.hasMainRuntime = !0, scripts = concatScripts(
     scripts,
     WALKER_RUNTIME_CODE + '("' + $global2.runtimeId + '")("' + $global2.renderId + '")'
@@ -1188,7 +1189,7 @@ function prepareChunk(chunk) {
 }
 function flushChunk(head, last) {
   let { boundary } = head, { state } = boundary, { html, scripts } = head, { $global: $global2 } = state, { __flush__ } = $global2, result = html;
-  return head.html = head.scripts = "", scripts && (result += ($global2.cspNonce ? "<script nonce=" + escapeAttrValue($global2.cspNonce + "") + ">" : "<script>") + scripts + "</script>"), __flush__ && ($global2.__flush__ = void 0, result = __flush__($global2, result)), last && state.trailerHTML && (result += state.trailerHTML), result;
+  return head.html = head.scripts = "", scripts && (result += "<script" + state.nonceAttr + ">" + scripts + "</script>"), __flush__ && ($global2.__flush__ = void 0, result = __flush__($global2, result)), last && state.trailerHTML && (result += state.trailerHTML), result;
 }
 function writeTrailers(html) {
   $chunk.boundary.state.trailerHTML += html;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@marko/runtime-tags",
-  "version": "0.2.3",
+  "version": "0.2.5",
   "description": "Optimized runtime for Marko templates.",
   "keywords": [
     "api",