@marko/runtime-tags 0.1.24 → 0.2.0

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);
@@ -132,14 +134,15 @@ function forTo(to, from, step, cb) {
 }
 
 // src/dom/schedule.ts
-var task;
+var runTask;
 var port2 = /* @__PURE__ */ (() => {
   const { port1, port2: port22 } = new MessageChannel();
   port1.onmessage = () => {
     isScheduled = false;
     if (true) {
-      task.run(run);
-      task = void 0;
+      const run2 = runTask;
+      runTask = void 0;
+      run2();
     } else {
       run();
     }
@@ -150,11 +153,12 @@ var isScheduled;
 function schedule() {
   if (!isScheduled) {
     if (true) {
-      task = console.createTask?.("queue") || {
-        run(fn) {
-          fn();
-        }
-      };
+      if (console.createTask) {
+        const task = console.createTask("queue");
+        runTask = () => task.run(run);
+      } else {
+        runTask = run;
+      }
     }
     isScheduled = true;
     queueMicrotask(flushAndWaitFrame);
@@ -162,7 +166,7 @@ function schedule() {
 }
 function flushAndWaitFrame() {
   if (true) {
-    task.run(run);
+    runTask();
   } else {
     run();
   }
@@ -604,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

@@ -45,14 +45,15 @@ function forTo(to, from, step, cb) {
 }
 
 // src/dom/schedule.ts
-var task;
+var runTask;
 var port2 = /* @__PURE__ */ (() => {
   const { port1, port2: port22 } = new MessageChannel();
   port1.onmessage = () => {
     isScheduled = false;
     if (true) {
-      task.run(run);
-      task = void 0;
+      const run2 = runTask;
+      runTask = void 0;
+      run2();
     } else {
       run();
     }
@@ -63,11 +64,12 @@ var isScheduled;
 function schedule() {
   if (!isScheduled) {
     if (true) {
-      task = console.createTask?.("queue") || {
-        run(fn) {
-          fn();
-        }
-      };
+      if (console.createTask) {
+        const task = console.createTask("queue");
+        runTask = () => task.run(run);
+      } else {
+        runTask = run;
+      }
     }
     isScheduled = true;
     queueMicrotask(flushAndWaitFrame);
@@ -75,7 +77,7 @@ function schedule() {
 }
 function flushAndWaitFrame() {
   if (true) {
-    task.run(run);
+    runTask();
   } else {
     run();
   }
@@ -517,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) {
@@ -2061,8 +2067,10 @@ export {
   resetAbortSignal,
   run,
   setTagVar,
+  setTagVarChange,
   state,
   styleAttr,
   tagVarSignal,
+  tagVarSignalChange,
   value
 };

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/package.json

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