@marko/runtime-tags 0.1.25 → 0.2.1

package/dist/common/types.d.ts

@@ -32,6 +32,7 @@ export declare enum AccessorChar {
     LifecycleAbortController = "-",
     DynamicPlaceholderLastChild = "-",
     TagVariable = "/",
+    TagVariableChange = "@",
     ConditionalScope = "!",
     ConditionalRenderer = "(",
     LoopScopeArray = "!",

package/dist/debug/dom.js

@@ -78,9 +78,11 @@ __export(dom_exports, {
   resetAbortSignal: () => resetAbortSignal,
   run: () => run,
   setTagVar: () => setTagVar,
+  setTagVarChange: () => setTagVarChange,
   state: () => state,
   styleAttr: () => styleAttr,
   tagVarSignal: () => tagVarSignal,
+  tagVarSignalChange: () => tagVarSignalChange,
   value: () => value
 });
 module.exports = __toCommonJS(dom_exports);
@@ -606,6 +608,10 @@ function setTagVar(scope, childAccessor, tagVarSignal2) {
   scope[childAccessor]["/" /* TagVariable */] = (valueOrOp) => tagVarSignal2(scope, valueOrOp);
 }
 var tagVarSignal = (scope, valueOrOp) => scope["/" /* TagVariable */]?.(valueOrOp);
+function setTagVarChange(scope, changeHandler) {
+  scope["@" /* TagVariableChange */] = changeHandler;
+}
+var tagVarSignalChange = (scope, value2) => scope["@" /* TagVariableChange */]?.(value2);
 var renderBodyClosures = (renderBody, childScope, op) => {
   const signals = renderBody?.___closureSignals;
   if (signals) {

package/dist/debug/dom.mjs

@@ -519,6 +519,10 @@ function setTagVar(scope, childAccessor, tagVarSignal2) {
   scope[childAccessor]["/" /* TagVariable */] = (valueOrOp) => tagVarSignal2(scope, valueOrOp);
 }
 var tagVarSignal = (scope, valueOrOp) => scope["/" /* TagVariable */]?.(valueOrOp);
+function setTagVarChange(scope, changeHandler) {
+  scope["@" /* TagVariableChange */] = changeHandler;
+}
+var tagVarSignalChange = (scope, value2) => scope["@" /* TagVariableChange */]?.(value2);
 var renderBodyClosures = (renderBody, childScope, op) => {
   const signals = renderBody?.___closureSignals;
   if (signals) {
@@ -2063,8 +2067,10 @@ export {
   resetAbortSignal,
   run,
   setTagVar,
+  setTagVarChange,
   state,
   styleAttr,
   tagVarSignal,
+  tagVarSignalChange,
   value
 };

package/dist/debug/html.js

@@ -1954,8 +1954,15 @@ function prepareChunk(chunk) {
 }
 function flushChunk(head) {
   const { html, scripts } = head;
+  const { $global: $global2 } = head.boundary.state;
+  const { __flush__ } = $global2;
+  const result = scripts ? html + "<script" + (head.boundary.state.$global.cspNonce ? " nonce=" + escapeAttrValue(head.boundary.state.$global.cspNonce + "") : "") + ">" + scripts + "</script>" : html;
   head.html = head.scripts = "";
-  return html + (scripts ? "<script" + (head.boundary.state.$global.cspNonce ? " nonce=" + escapeAttrValue(head.boundary.state.$global.cspNonce + "") : "") + ">" + scripts + "</script>" : "");
+  if (__flush__) {
+    $global2.__flush__ = void 0;
+    return __flush__($global2, result);
+  }
+  return result;
 }
 function concatEffects(a, b) {
   return a ? b ? a + "," + b : a : b;

package/dist/debug/html.mjs

@@ -1882,8 +1882,15 @@ function prepareChunk(chunk) {
 }
 function flushChunk(head) {
   const { html, scripts } = head;
+  const { $global: $global2 } = head.boundary.state;
+  const { __flush__ } = $global2;
+  const result = scripts ? html + "<script" + (head.boundary.state.$global.cspNonce ? " nonce=" + escapeAttrValue(head.boundary.state.$global.cspNonce + "") : "") + ">" + scripts + "</script>" : html;
   head.html = head.scripts = "";
-  return html + (scripts ? "<script" + (head.boundary.state.$global.cspNonce ? " nonce=" + escapeAttrValue(head.boundary.state.$global.cspNonce + "") : "") + ">" + scripts + "</script>" : "");
+  if (__flush__) {
+    $global2.__flush__ = void 0;
+    return __flush__($global2, result);
+  }
+  return result;
 }
 function concatEffects(a, b) {
   return a ? b ? a + "," + b : a : b;

package/dist/dom/signals.d.ts

@@ -29,6 +29,8 @@ export declare function childClosures(closureSignals: IntersectionSignal[], chil
 export declare function dynamicSubscribers(valueAccessor: Accessor): (scope: Scope, op: SignalOp) => void;
 export declare function setTagVar(scope: Scope, childAccessor: Accessor, tagVarSignal: ValueSignal): void;
 export declare const tagVarSignal: (scope: Scope, valueOrOp: unknown | SignalOp) => any;
+export declare function setTagVarChange(scope: Scope, changeHandler: (value: unknown) => void): void;
+export declare const tagVarSignalChange: (scope: Scope, value: unknown) => any;
 export declare const renderBodyClosures: (renderBody: Renderer | string | undefined, childScope: Scope, op: SignalOp) => void;
 export declare const inMany: (scopes: Scope[], op: SignalOp, signal: IntersectionSignal) => void;
 export declare function nextTagId({ $global }: Scope): string;

package/dist/dom.d.ts

@@ -11,5 +11,5 @@ export { run } from "./dom/queue";
 export { createRenderer, createRendererWithOwner, dynamicTagAttrs, } from "./dom/renderer";
 export { init, nodeRef, register, registerBoundSignal, registerSubscriber, } from "./dom/resume";
 export { createScope } from "./dom/scope";
-export { childClosures, closure, dynamicClosure, dynamicSubscribers, effect, inChild, intersection, intersections, nextTagId, setTagVar, state, tagVarSignal, value, } from "./dom/signals";
+export { childClosures, closure, dynamicClosure, dynamicSubscribers, effect, inChild, intersection, intersections, nextTagId, setTagVar, setTagVarChange, state, tagVarSignal, tagVarSignalChange, value, } from "./dom/signals";
 export { createTemplate } from "./dom/template";

package/dist/dom.js

@@ -75,9 +75,11 @@ __export(dom_exports, {
   resetAbortSignal: () => resetAbortSignal,
   run: () => run,
   setTagVar: () => setTagVar,
+  setTagVarChange: () => setTagVarChange,
   state: () => state,
   styleAttr: () => styleAttr,
   tagVarSignal: () => tagVarSignal,
+  tagVarSignalChange: () => tagVarSignalChange,
   value: () => value
 });
 module.exports = __toCommonJS(dom_exports);
@@ -381,7 +383,11 @@ function dynamicSubscribers(valueAccessor) {
 function setTagVar(scope, childAccessor, tagVarSignal2) {
   scope[childAccessor]["/" /* TagVariable */] = (valueOrOp) => tagVarSignal2(scope, valueOrOp);
 }
-var tagVarSignal = (scope, valueOrOp) => scope["/" /* TagVariable */]?.(valueOrOp), renderBodyClosures = (renderBody, childScope, op) => {
+var tagVarSignal = (scope, valueOrOp) => scope["/" /* TagVariable */]?.(valueOrOp);
+function setTagVarChange(scope, changeHandler) {
+  scope["@" /* TagVariableChange */] = changeHandler;
+}
+var tagVarSignalChange = (scope, value2) => scope["@" /* TagVariableChange */]?.(value2), renderBodyClosures = (renderBody, childScope, op) => {
   let signals = renderBody?.c;
   if (signals)
     for (let signal of signals)

package/dist/dom.mjs

@@ -297,7 +297,11 @@ function dynamicSubscribers(valueAccessor) {
 function setTagVar(scope, childAccessor, tagVarSignal2) {
   scope[childAccessor]["/" /* TagVariable */] = (valueOrOp) => tagVarSignal2(scope, valueOrOp);
 }
-var tagVarSignal = (scope, valueOrOp) => scope["/" /* TagVariable */]?.(valueOrOp), renderBodyClosures = (renderBody, childScope, op) => {
+var tagVarSignal = (scope, valueOrOp) => scope["/" /* TagVariable */]?.(valueOrOp);
+function setTagVarChange(scope, changeHandler) {
+  scope["@" /* TagVariableChange */] = changeHandler;
+}
+var tagVarSignalChange = (scope, value2) => scope["@" /* TagVariableChange */]?.(value2), renderBodyClosures = (renderBody, childScope, op) => {
   let signals = renderBody?.c;
   if (signals)
     for (let signal of signals)
@@ -1328,8 +1332,10 @@ export {
   resetAbortSignal,
   run,
   setTagVar,
+  setTagVarChange,
   state,
   styleAttr,
   tagVarSignal,
+  tagVarSignalChange,
   value
 };

package/dist/html/writer.d.ts

@@ -1,4 +1,4 @@
-import type { Accessor } from "../common/types";
+import type { $Global, Accessor } from "../common/types";
 import { Serializer } from "./serializer";
 export type PartialScope = Record<Accessor, unknown>;
 type ScopeInternals = PartialScope & {
@@ -36,7 +36,7 @@ export declare function markResumeCleanup(scopeId: number): string;
 export declare function writeScope(scopeId: number, partialScope: PartialScope): ScopeInternals;
 export declare function writeExistingScope(scope: ScopeInternals): ScopeInternals;
 export declare function ensureScopeWithId(scopeId: number): PartialScope;
-export declare function $global(): Record<string, unknown> & {
+export declare function $global(): $Global & {
     renderId: string;
     runtimeId: string;
 };
@@ -44,7 +44,7 @@ export declare function fork<T>(promise: Promise<T> | T, renderBody: (value: T)
 export declare function tryPlaceholder(renderBody: () => void, renderPlaceholder: () => void): void;
 export declare function tryCatch(renderBody: () => void, renderCatch: (err: unknown) => void): void;
 export declare class State {
-    $global: Record<string, unknown> & {
+    $global: $Global & {
         renderId: string;
         runtimeId: string;
     };
@@ -62,7 +62,7 @@ export declare class State {
     writeScopes: null | (Record<number, PartialScope> & {
         $?: unknown;
     });
-    constructor($global: Record<string, unknown> & {
+    constructor($global: $Global & {
         renderId: string;
         runtimeId: string;
     });

package/dist/html.js

@@ -1273,8 +1273,8 @@ function prepareChunk(chunk) {
   return hasWalk && (scripts = concatScripts(scripts, runtimePrefix + ".w()")), head.html = html, head.scripts = scripts, head;
 }
 function flushChunk(head) {
-  let { html, scripts } = head;
-  return head.html = head.scripts = "", html + (scripts ? "<script" + (head.boundary.state.$global.cspNonce ? " nonce=" + escapeAttrValue(head.boundary.state.$global.cspNonce + "") : "") + ">" + scripts + "</script>" : "");
+  let { html, scripts } = head, { $global: $global2 } = head.boundary.state, { __flush__ } = $global2, result = scripts ? html + "<script" + (head.boundary.state.$global.cspNonce ? " nonce=" + escapeAttrValue(head.boundary.state.$global.cspNonce + "") : "") + ">" + scripts + "</script>" : html;
+  return head.html = head.scripts = "", __flush__ ? ($global2.__flush__ = void 0, __flush__($global2, result)) : result;
 }
 function concatEffects(a, b) {
   return a ? b ? a + "," + b : a : b;

package/dist/html.mjs

@@ -1204,8 +1204,8 @@ function prepareChunk(chunk) {
   return hasWalk && (scripts = concatScripts(scripts, runtimePrefix + ".w()")), head.html = html, head.scripts = scripts, head;
 }
 function flushChunk(head) {
-  let { html, scripts } = head;
-  return head.html = head.scripts = "", html + (scripts ? "<script" + (head.boundary.state.$global.cspNonce ? " nonce=" + escapeAttrValue(head.boundary.state.$global.cspNonce + "") : "") + ">" + scripts + "</script>" : "");
+  let { html, scripts } = head, { $global: $global2 } = head.boundary.state, { __flush__ } = $global2, result = scripts ? html + "<script" + (head.boundary.state.$global.cspNonce ? " nonce=" + escapeAttrValue(head.boundary.state.$global.cspNonce + "") : "") + ">" + scripts + "</script>" : html;
+  return head.html = head.scripts = "", __flush__ ? ($global2.__flush__ = void 0, __flush__($global2, result)) : result;
 }
 function concatEffects(a, b) {
   return a ? b ? a + "," + b : a : b;

package/package.json

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