@marko/runtime-tags 0.1.22 → 0.1.23

package/dist/common/helpers.d.ts

@@ -1,5 +1,7 @@
 export declare function classValue(value: unknown): string;
 export declare function styleValue(value: unknown): string;
+export declare function isEventHandler(name: string): name is `on${string}`;
+export declare function getEventHandlerName(name: `on${string}`): string;
 export declare function isVoid(value: unknown): value is false | null | undefined;
 export declare function alphaEncode(num: number): string;
 export declare function normalizeDynamicRenderer<Renderer>(value: any): Renderer | string | undefined;

package/dist/debug/dom.js

@@ -769,6 +769,12 @@ function toDelimitedString(val, delimiter, stringify) {
   }
   return "";
 }
+function isEventHandler(name) {
+  return /^on[A-Z-]/.test(name);
+}
+function getEventHandlerName(name) {
+  return name[2] === "-" ? name.slice(3) : name.slice(2).toLowerCase();
+}
 function normalizeDynamicRenderer(value2) {
   if (value2) return value2.renderBody || value2.default || value2;
 }
@@ -1287,7 +1293,6 @@ function parseHTMLOrSingleNode(html2) {
 }
 
 // src/dom/dom.ts
-var eventHandlerReg = /^on[A-Z-]/;
 function attr(element, name, value2) {
   setAttribute(element, name, normalizeAttrValue(value2));
 }
@@ -1416,12 +1421,13 @@ function attrsInternal(scope, nodeAccessor, nextAttrs) {
         break;
       case "renderBody":
         break;
-      default:
-        if (eventHandlerReg.test(name)) {
-          (events ||= scope[nodeAccessor + "~" /* EventAttributes */] = {})[name[2] === "-" ? name.slice(3) : name.slice(2).toLowerCase()] = value2;
+      default: {
+        if (isEventHandler(name)) {
+          (events ||= scope[nodeAccessor + "~" /* EventAttributes */] = {})[getEventHandlerName(name)] = value2;
         } else if (!skip?.test(name)) {
           attr(el, name, value2);
         }
+      }
     }
   }
 }

package/dist/debug/dom.mjs

@@ -682,6 +682,12 @@ function toDelimitedString(val, delimiter, stringify) {
   }
   return "";
 }
+function isEventHandler(name) {
+  return /^on[A-Z-]/.test(name);
+}
+function getEventHandlerName(name) {
+  return name[2] === "-" ? name.slice(3) : name.slice(2).toLowerCase();
+}
 function normalizeDynamicRenderer(value2) {
   if (value2) return value2.renderBody || value2.default || value2;
 }
@@ -1200,7 +1206,6 @@ function parseHTMLOrSingleNode(html2) {
 }
 
 // src/dom/dom.ts
-var eventHandlerReg = /^on[A-Z-]/;
 function attr(element, name, value2) {
   setAttribute(element, name, normalizeAttrValue(value2));
 }
@@ -1329,12 +1334,13 @@ function attrsInternal(scope, nodeAccessor, nextAttrs) {
         break;
       case "renderBody":
         break;
-      default:
-        if (eventHandlerReg.test(name)) {
-          (events ||= scope[nodeAccessor + "~" /* EventAttributes */] = {})[name[2] === "-" ? name.slice(3) : name.slice(2).toLowerCase()] = value2;
+      default: {
+        if (isEventHandler(name)) {
+          (events ||= scope[nodeAccessor + "~" /* EventAttributes */] = {})[getEventHandlerName(name)] = value2;
         } else if (!skip?.test(name)) {
           attr(el, name, value2);
         }
+      }
     }
   }
 }

package/dist/debug/html.js

@@ -20,6 +20,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/html.ts
 var html_exports = {};
 __export(html_exports, {
+  $global: () => $global,
   attr: () => attr,
   attrTag: () => attrTag,
   attrTags: () => attrTags,
@@ -45,7 +46,6 @@ __export(html_exports, {
   forTo: () => forTo,
   fork: () => fork,
   getScopeById: () => getScopeById,
-  getStreamData: () => getStreamData,
   markResumeCleanup: () => markResumeCleanup,
   markResumeControlEnd: () => markResumeControlEnd,
   markResumeControlSingleNodeEnd: () => markResumeControlSingleNodeEnd,
@@ -161,6 +161,12 @@ function toDelimitedString(val, delimiter, stringify) {
   }
   return "";
 }
+function isEventHandler(name) {
+  return /^on[A-Z-]/.test(name);
+}
+function getEventHandlerName(name) {
+  return name[2] === "-" ? name.slice(3) : name.slice(2).toLowerCase();
+}
 function isVoid(value) {
   return value == null || value === false;
 }
@@ -1472,8 +1478,8 @@ function register2(val, id, scopeId) {
 }
 function nextTagId() {
   const state = $chunk.boundary.state;
-  const { $global } = state;
-  return "s" + $global.runtimeId + $global.renderId + (state.tagIndex++).toString(36);
+  const { $global: $global2 } = state;
+  return "s" + $global2.runtimeId + $global2.renderId + (state.tagIndex++).toString(36);
 }
 function nextScopeId() {
   return $chunk.boundary.state.scopeIndex++;
@@ -1557,8 +1563,8 @@ function ensureScopeWithId(scopeId) {
   }
   return scope;
 }
-function getStreamData() {
-  return $chunk.boundary.state;
+function $global() {
+  return $chunk.boundary.state.$global;
 }
 function fork(promise, renderBody) {
   if (!isPromise(promise)) {
@@ -1658,9 +1664,9 @@ function tryCatch(renderBody, renderCatch) {
   };
 }
 var State2 = class {
-  constructor($global) {
-    this.$global = $global;
-    this.$global = $global;
+  constructor($global2) {
+    this.$global = $global2;
+    this.$global = $global2;
   }
   tagIndex = 0;
   scopeIndex = 0;
@@ -1675,12 +1681,12 @@ var State2 = class {
   scopes = /* @__PURE__ */ new Map();
   writeScopes = null;
   get runtimePrefix() {
-    const { $global } = this;
-    return $global.runtimeId + "." + $global.renderId;
+    const { $global: $global2 } = this;
+    return $global2.runtimeId + "." + $global2.renderId;
   }
   get commentPrefix() {
-    const { $global } = this;
-    return $global.runtimeId + $global.renderId;
+    const { $global: $global2 } = this;
+    return $global2.runtimeId + $global2.renderId;
   }
   reorder(chunk) {
     if (this.writeReorders) {
@@ -1843,8 +1849,8 @@ function prepareChunk(chunk) {
   const head = chunk.consume();
   const { boundary, effects } = head;
   const { state } = boundary;
-  const { $global, runtimePrefix, serializer } = state;
-  const nonceAttr = $global.cspNonce ? " nonce=" + escapeAttrValue($global.cspNonce + "") : "";
+  const { $global: $global2, runtimePrefix, serializer } = state;
+  const nonceAttr = $global2.cspNonce ? " nonce=" + escapeAttrValue($global2.cspNonce + "") : "";
   let { html, scripts } = head;
   let hasWalk = false;
   head.effects = "";
@@ -1852,7 +1858,7 @@ function prepareChunk(chunk) {
     state.hasMainRuntime = true;
     scripts = concatScripts(
       scripts,
-      WALKER_RUNTIME_CODE + '("' + $global.runtimeId + '")("' + $global.renderId + '")'
+      WALKER_RUNTIME_CODE + '("' + $global2.runtimeId + '")("' + $global2.renderId + '")'
     );
   }
   let resumes = "";
@@ -1980,14 +1986,14 @@ function flushTickQueue() {
 function isPromise(value) {
   return value != null && typeof value.then === "function";
 }
-function getFilteredGlobals($global) {
-  if (!$global) return void 0;
-  const serializedGlobals = $global.serializedGlobals;
+function getFilteredGlobals($global2) {
+  if (!$global2) return void 0;
+  const serializedGlobals = $global2.serializedGlobals;
   if (!serializedGlobals) return void 0;
   let filtered;
   if (Array.isArray(serializedGlobals)) {
     for (const key of serializedGlobals) {
-      const value = $global[key];
+      const value = $global2[key];
       if (value !== void 0) {
         if (filtered) {
           filtered[key] = value;
@@ -1999,7 +2005,7 @@ function getFilteredGlobals($global) {
   } else {
     for (const key in serializedGlobals) {
       if (serializedGlobals[key]) {
-        const value = $global[key];
+        const value = $global2[key];
         if (value !== void 0) {
           if (filtered) {
             filtered[key] = value;
@@ -2088,7 +2094,6 @@ function attr(name, val) {
 function attrs(data, nodeAccessor, scopeId, tagName) {
   let result = "";
   let skip = /[\s/>"'=]/;
-  let scope;
   let events;
   switch (tagName) {
     case "input":
@@ -2158,9 +2163,8 @@ function attrs(data, nodeAccessor, scopeId, tagName) {
         break;
       default:
         if (!isVoid(val)) {
-          if (/^on[A-Z-]/.test(name)) {
-            events ||= (scope ??= ensureScopeWithId(scopeId))[nodeAccessor + "~" /* EventAttributes */] ||= {};
-            events[name[2] === "-" ? name.slice(3) : name.slice(2).toLowerCase()] = val;
+          if (isEventHandler(name)) {
+            (events ||= ensureScopeWithId(scopeId)[nodeAccessor + "~" /* EventAttributes */] = {})[getEventHandlerName(name)] = val;
           } else if (!skip.test(name)) {
             result += nonVoidAttr(name, val);
           }
@@ -2339,12 +2343,12 @@ var compat = {
     return compatRegistered;
   },
   render(renderer, willRerender, classAPIOut, component, input) {
-    const $global = classAPIOut.global;
-    let state = $global[K_TAGS_API_STATE] ||= getChunk()?.boundary.state;
+    const $global2 = classAPIOut.global;
+    let state = $global2[K_TAGS_API_STATE] ||= getChunk()?.boundary.state;
     if (!state) {
-      $global.runtimeId ||= DEFAULT_RUNTIME_ID;
-      $global.renderId ||= $global.componentIdPrefix || DEFAULT_RENDER_ID;
-      $global[K_TAGS_API_STATE] = state = new State2($global);
+      $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);
     let head = new Chunk(
@@ -2401,22 +2405,22 @@ var createTemplate = (templateId, renderer) => {
   return register2(renderer, templateId);
 };
 function render(input = {}) {
-  let { $global } = input;
-  if ($global) {
-    ({ $global, ...input } = input);
-    $global = {
+  let { $global: $global2 } = input;
+  if ($global2) {
+    ({ $global: $global2, ...input } = input);
+    $global2 = {
       runtimeId: DEFAULT_RUNTIME_ID,
       renderId: DEFAULT_RENDER_ID,
-      ...$global
+      ...$global2
     };
   } else {
-    $global = {
+    $global2 = {
       runtimeId: DEFAULT_RUNTIME_ID,
       renderId: DEFAULT_RENDER_ID
     };
   }
   const head = new Chunk(
-    new Boundary(new State2($global), $global.signal),
+    new Boundary(new State2($global2), $global2.signal),
     null,
     null
   );
@@ -2582,6 +2586,7 @@ var ServerRenderResult = class {
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  $global,
   attr,
   attrTag,
   attrTags,
@@ -2607,7 +2612,6 @@ var ServerRenderResult = class {
   forTo,
   fork,
   getScopeById,
-  getStreamData,
   markResumeCleanup,
   markResumeControlEnd,
   markResumeControlSingleNodeEnd,

package/dist/debug/html.mjs

@@ -89,6 +89,12 @@ function toDelimitedString(val, delimiter, stringify) {
   }
   return "";
 }
+function isEventHandler(name) {
+  return /^on[A-Z-]/.test(name);
+}
+function getEventHandlerName(name) {
+  return name[2] === "-" ? name.slice(3) : name.slice(2).toLowerCase();
+}
 function isVoid(value) {
   return value == null || value === false;
 }
@@ -1400,8 +1406,8 @@ function register2(val, id, scopeId) {
 }
 function nextTagId() {
   const state = $chunk.boundary.state;
-  const { $global } = state;
-  return "s" + $global.runtimeId + $global.renderId + (state.tagIndex++).toString(36);
+  const { $global: $global2 } = state;
+  return "s" + $global2.runtimeId + $global2.renderId + (state.tagIndex++).toString(36);
 }
 function nextScopeId() {
   return $chunk.boundary.state.scopeIndex++;
@@ -1485,8 +1491,8 @@ function ensureScopeWithId(scopeId) {
   }
   return scope;
 }
-function getStreamData() {
-  return $chunk.boundary.state;
+function $global() {
+  return $chunk.boundary.state.$global;
 }
 function fork(promise, renderBody) {
   if (!isPromise(promise)) {
@@ -1586,9 +1592,9 @@ function tryCatch(renderBody, renderCatch) {
   };
 }
 var State2 = class {
-  constructor($global) {
-    this.$global = $global;
-    this.$global = $global;
+  constructor($global2) {
+    this.$global = $global2;
+    this.$global = $global2;
   }
   tagIndex = 0;
   scopeIndex = 0;
@@ -1603,12 +1609,12 @@ var State2 = class {
   scopes = /* @__PURE__ */ new Map();
   writeScopes = null;
   get runtimePrefix() {
-    const { $global } = this;
-    return $global.runtimeId + "." + $global.renderId;
+    const { $global: $global2 } = this;
+    return $global2.runtimeId + "." + $global2.renderId;
   }
   get commentPrefix() {
-    const { $global } = this;
-    return $global.runtimeId + $global.renderId;
+    const { $global: $global2 } = this;
+    return $global2.runtimeId + $global2.renderId;
   }
   reorder(chunk) {
     if (this.writeReorders) {
@@ -1771,8 +1777,8 @@ function prepareChunk(chunk) {
   const head = chunk.consume();
   const { boundary, effects } = head;
   const { state } = boundary;
-  const { $global, runtimePrefix, serializer } = state;
-  const nonceAttr = $global.cspNonce ? " nonce=" + escapeAttrValue($global.cspNonce + "") : "";
+  const { $global: $global2, runtimePrefix, serializer } = state;
+  const nonceAttr = $global2.cspNonce ? " nonce=" + escapeAttrValue($global2.cspNonce + "") : "";
   let { html, scripts } = head;
   let hasWalk = false;
   head.effects = "";
@@ -1780,7 +1786,7 @@ function prepareChunk(chunk) {
     state.hasMainRuntime = true;
     scripts = concatScripts(
       scripts,
-      WALKER_RUNTIME_CODE + '("' + $global.runtimeId + '")("' + $global.renderId + '")'
+      WALKER_RUNTIME_CODE + '("' + $global2.runtimeId + '")("' + $global2.renderId + '")'
     );
   }
   let resumes = "";
@@ -1908,14 +1914,14 @@ function flushTickQueue() {
 function isPromise(value) {
   return value != null && typeof value.then === "function";
 }
-function getFilteredGlobals($global) {
-  if (!$global) return void 0;
-  const serializedGlobals = $global.serializedGlobals;
+function getFilteredGlobals($global2) {
+  if (!$global2) return void 0;
+  const serializedGlobals = $global2.serializedGlobals;
   if (!serializedGlobals) return void 0;
   let filtered;
   if (Array.isArray(serializedGlobals)) {
     for (const key of serializedGlobals) {
-      const value = $global[key];
+      const value = $global2[key];
       if (value !== void 0) {
         if (filtered) {
           filtered[key] = value;
@@ -1927,7 +1933,7 @@ function getFilteredGlobals($global) {
   } else {
     for (const key in serializedGlobals) {
       if (serializedGlobals[key]) {
-        const value = $global[key];
+        const value = $global2[key];
         if (value !== void 0) {
           if (filtered) {
             filtered[key] = value;
@@ -2016,7 +2022,6 @@ function attr(name, val) {
 function attrs(data, nodeAccessor, scopeId, tagName) {
   let result = "";
   let skip = /[\s/>"'=]/;
-  let scope;
   let events;
   switch (tagName) {
     case "input":
@@ -2086,9 +2091,8 @@ function attrs(data, nodeAccessor, scopeId, tagName) {
         break;
       default:
         if (!isVoid(val)) {
-          if (/^on[A-Z-]/.test(name)) {
-            events ||= (scope ??= ensureScopeWithId(scopeId))[nodeAccessor + "~" /* EventAttributes */] ||= {};
-            events[name[2] === "-" ? name.slice(3) : name.slice(2).toLowerCase()] = val;
+          if (isEventHandler(name)) {
+            (events ||= ensureScopeWithId(scopeId)[nodeAccessor + "~" /* EventAttributes */] = {})[getEventHandlerName(name)] = val;
           } else if (!skip.test(name)) {
             result += nonVoidAttr(name, val);
           }
@@ -2267,12 +2271,12 @@ var compat = {
     return compatRegistered;
   },
   render(renderer, willRerender, classAPIOut, component, input) {
-    const $global = classAPIOut.global;
-    let state = $global[K_TAGS_API_STATE] ||= getChunk()?.boundary.state;
+    const $global2 = classAPIOut.global;
+    let state = $global2[K_TAGS_API_STATE] ||= getChunk()?.boundary.state;
     if (!state) {
-      $global.runtimeId ||= DEFAULT_RUNTIME_ID;
-      $global.renderId ||= $global.componentIdPrefix || DEFAULT_RENDER_ID;
-      $global[K_TAGS_API_STATE] = state = new State2($global);
+      $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);
     let head = new Chunk(
@@ -2329,22 +2333,22 @@ var createTemplate = (templateId, renderer) => {
   return register2(renderer, templateId);
 };
 function render(input = {}) {
-  let { $global } = input;
-  if ($global) {
-    ({ $global, ...input } = input);
-    $global = {
+  let { $global: $global2 } = input;
+  if ($global2) {
+    ({ $global: $global2, ...input } = input);
+    $global2 = {
       runtimeId: DEFAULT_RUNTIME_ID,
       renderId: DEFAULT_RENDER_ID,
-      ...$global
+      ...$global2
     };
   } else {
-    $global = {
+    $global2 = {
       runtimeId: DEFAULT_RUNTIME_ID,
       renderId: DEFAULT_RENDER_ID
     };
   }
   const head = new Chunk(
-    new Boundary(new State2($global), $global.signal),
+    new Boundary(new State2($global2), $global2.signal),
     null,
     null
   );
@@ -2509,6 +2513,7 @@ var ServerRenderResult = class {
   }
 };
 export {
+  $global,
   attr,
   attrTag,
   attrTags,
@@ -2534,7 +2539,6 @@ export {
   forTo,
   fork,
   getScopeById,
-  getStreamData,
   markResumeCleanup,
   markResumeControlEnd,
   markResumeControlSingleNodeEnd,

package/dist/dom.js

@@ -500,6 +500,12 @@ function toDelimitedString(val, delimiter, stringify) {
   }
   return "";
 }
+function isEventHandler(name) {
+  return /^on[A-Z-]/.test(name);
+}
+function getEventHandlerName(name) {
+  return name[2] === "-" ? name.slice(3) : name.slice(2).toLowerCase();
+}
 function normalizeDynamicRenderer(value2) {
   if (value2) return value2.renderBody || value2.default || value2;
 }
@@ -806,7 +812,6 @@ function parseHTMLOrSingleNode(html2) {
 }
 
 // src/dom/dom.ts
-var eventHandlerReg = /^on[A-Z-]/;
 function attr(element, name, value2) {
   setAttribute(element, name, normalizeAttrValue(value2));
 }
@@ -908,7 +913,7 @@ function attrsInternal(scope, nodeAccessor, nextAttrs) {
       case "renderBody":
         break;
       default:
-        eventHandlerReg.test(name) ? (events ||= scope[nodeAccessor + "~" /* EventAttributes */] = {})[name[2] === "-" ? name.slice(3) : name.slice(2).toLowerCase()] = value2 : skip?.test(name) || attr(el, name, value2);
+        isEventHandler(name) ? (events ||= scope[nodeAccessor + "~" /* EventAttributes */] = {})[getEventHandlerName(name)] = value2 : skip?.test(name) || attr(el, name, value2);
     }
   }
 }

package/dist/dom.mjs

@@ -416,6 +416,12 @@ function toDelimitedString(val, delimiter, stringify) {
   }
   return "";
 }
+function isEventHandler(name) {
+  return /^on[A-Z-]/.test(name);
+}
+function getEventHandlerName(name) {
+  return name[2] === "-" ? name.slice(3) : name.slice(2).toLowerCase();
+}
 function normalizeDynamicRenderer(value2) {
   if (value2) return value2.renderBody || value2.default || value2;
 }
@@ -722,7 +728,6 @@ function parseHTMLOrSingleNode(html2) {
 }
 
 // src/dom/dom.ts
-var eventHandlerReg = /^on[A-Z-]/;
 function attr(element, name, value2) {
   setAttribute(element, name, normalizeAttrValue(value2));
 }
@@ -824,7 +829,7 @@ function attrsInternal(scope, nodeAccessor, nextAttrs) {
       case "renderBody":
         break;
       default:
-        eventHandlerReg.test(name) ? (events ||= scope[nodeAccessor + "~" /* EventAttributes */] = {})[name[2] === "-" ? name.slice(3) : name.slice(2).toLowerCase()] = value2 : skip?.test(name) || attr(el, name, value2);
+        isEventHandler(name) ? (events ||= scope[nodeAccessor + "~" /* EventAttributes */] = {})[getEventHandlerName(name)] = value2 : skip?.test(name) || attr(el, name, value2);
     }
   }
 }

package/dist/html/writer.d.ts

@@ -36,7 +36,10 @@ 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 getStreamData(): State;
+export declare function $global(): Record<string, unknown> & {
+    renderId: string;
+    runtimeId: string;
+};
 export declare function fork<T>(promise: Promise<T> | T, renderBody: (value: T) => void): void;
 export declare function tryPlaceholder(renderBody: () => void, renderPlaceholder: () => void): void;
 export declare function tryCatch(renderBody: () => void, renderCatch: (err: unknown) => void): void;

package/dist/html.d.ts

@@ -6,4 +6,4 @@ export { compat } from "./html/compat";
 export { escapeScript, escapeStyle, escapeXML, toString } from "./html/content";
 export { createRenderer, dynamicTagArgs, dynamicTagInput, } from "./html/dynamic-tag";
 export { createTemplate } from "./html/template";
-export { ensureScopeWithId, fork, getScopeById, getStreamData, markResumeCleanup, markResumeControlEnd, markResumeControlSingleNodeEnd, markResumeNode, markResumeScopeStart, nextScopeId, nextTagId, nodeRef, peekNextScope, register, tryCatch, tryPlaceholder, write, writeEffect, writeExistingScope, writeScope, } from "./html/writer";
+export { $global, ensureScopeWithId, fork, getScopeById, markResumeCleanup, markResumeControlEnd, markResumeControlSingleNodeEnd, markResumeNode, markResumeScopeStart, nextScopeId, nextTagId, nodeRef, peekNextScope, register, tryCatch, tryPlaceholder, write, writeEffect, writeExistingScope, writeScope, } from "./html/writer";

package/dist/html.js

@@ -17,6 +17,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0
 // src/html.ts
 var html_exports = {};
 __export(html_exports, {
+  $global: () => $global,
   attr: () => attr,
   attrTag: () => attrTag,
   attrTags: () => attrTags,
@@ -42,7 +43,6 @@ __export(html_exports, {
   forTo: () => forTo,
   fork: () => fork,
   getScopeById: () => getScopeById,
-  getStreamData: () => getStreamData,
   markResumeCleanup: () => markResumeCleanup,
   markResumeControlEnd: () => markResumeControlEnd,
   markResumeControlSingleNodeEnd: () => markResumeControlSingleNodeEnd,
@@ -133,6 +133,12 @@ function toDelimitedString(val, delimiter, stringify) {
   }
   return "";
 }
+function isEventHandler(name) {
+  return /^on[A-Z-]/.test(name);
+}
+function getEventHandlerName(name) {
+  return name[2] === "-" ? name.slice(3) : name.slice(2).toLowerCase();
+}
 function isVoid(value) {
   return value == null || value === !1;
 }
@@ -991,8 +997,8 @@ function register2(val, id, scopeId) {
   return scopeId === void 0 ? register(id, val) : register(id, val, ensureScopeWithId(scopeId));
 }
 function nextTagId() {
-  let state = $chunk.boundary.state, { $global } = state;
-  return "s" + $global.runtimeId + $global.renderId + (state.tagIndex++).toString(36);
+  let state = $chunk.boundary.state, { $global: $global2 } = state;
+  return "s" + $global2.runtimeId + $global2.renderId + (state.tagIndex++).toString(36);
 }
 function nextScopeId() {
   return $chunk.boundary.state.scopeIndex++;
@@ -1048,8 +1054,8 @@ function ensureScopeWithId(scopeId) {
   let { state } = $chunk.boundary, scope = state.scopes.get(scopeId);
   return scope || (scope = { [K_SCOPE_ID]: scopeId }, state.scopes.set(scopeId, scope)), scope;
 }
-function getStreamData() {
-  return $chunk.boundary.state;
+function $global() {
+  return $chunk.boundary.state.$global;
 }
 function fork(promise, renderBody) {
   if (!isPromise(promise)) {
@@ -1101,9 +1107,9 @@ function tryCatch(renderBody, renderCatch) {
   };
 }
 var State2 = class {
-  constructor($global) {
-    this.$global = $global;
-    this.$global = $global;
+  constructor($global2) {
+    this.$global = $global2;
+    this.$global = $global2;
   }
   tagIndex = 0;
   scopeIndex = 0;
@@ -1118,12 +1124,12 @@ var State2 = class {
   scopes = /* @__PURE__ */ new Map();
   writeScopes = null;
   get runtimePrefix() {
-    let { $global } = this;
-    return $global.runtimeId + "." + $global.renderId;
+    let { $global: $global2 } = this;
+    return $global2.runtimeId + "." + $global2.renderId;
   }
   get commentPrefix() {
-    let { $global } = this;
-    return $global.runtimeId + $global.renderId;
+    let { $global: $global2 } = this;
+    return $global2.runtimeId + $global2.renderId;
   }
   reorder(chunk) {
     this.writeReorders ? this.writeReorders.push(chunk) : (this.needsMainRuntime = !0, this.writeReorders = [chunk]);
@@ -1227,10 +1233,10 @@ var State2 = class {
   }
 };
 function prepareChunk(chunk) {
-  let head = chunk.consume(), { boundary, effects } = head, { state } = boundary, { $global, runtimePrefix, serializer } = state, nonceAttr = $global.cspNonce ? " nonce=" + escapeAttrValue($global.cspNonce + "") : "", { html, scripts } = head, hasWalk = !1;
+  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;
   head.effects = "", state.needsMainRuntime && !state.hasMainRuntime && (state.hasMainRuntime = !0, scripts = concatScripts(
     scripts,
-    WALKER_RUNTIME_CODE + '("' + $global.runtimeId + '")("' + $global.renderId + '")'
+    WALKER_RUNTIME_CODE + '("' + $global2.runtimeId + '")("' + $global2.renderId + '")'
   ));
   let resumes = "";
   if ((state.writeScopes || serializer.flushed) && (resumes = state.serializer.stringify(state.writeScopes || {}, boundary), state.writeScopes = null), effects && (hasWalk = !0, resumes = resumes ? resumes + "," + effects : effects), boundary.done && (resumes || state.hasWrittenResume) && (resumes = resumes ? resumes + ",0" : "0"), resumes && (state.hasWrittenResume ? scripts = concatScripts(
@@ -1292,20 +1298,20 @@ function flushTickQueue() {
 function isPromise(value) {
   return value != null && typeof value.then == "function";
 }
-function getFilteredGlobals($global) {
-  if (!$global) return;
-  let serializedGlobals = $global.serializedGlobals;
+function getFilteredGlobals($global2) {
+  if (!$global2) return;
+  let serializedGlobals = $global2.serializedGlobals;
   if (!serializedGlobals) return;
   let filtered;
   if (Array.isArray(serializedGlobals))
     for (let key of serializedGlobals) {
-      let value = $global[key];
+      let value = $global2[key];
       value !== void 0 && (filtered ? filtered[key] = value : filtered = { [key]: value });
     }
   else
     for (let key in serializedGlobals)
       if (serializedGlobals[key]) {
-        let value = $global[key];
+        let value = $global2[key];
         value !== void 0 && (filtered ? filtered[key] = value : filtered = { [key]: value });
       }
   return filtered;
@@ -1370,7 +1376,7 @@ function attr(name, val) {
   return isVoid(val) ? "" : nonVoidAttr(name, val);
 }
 function attrs(data, nodeAccessor, scopeId, tagName) {
-  let result = "", skip = /[\s/>"'=]/, scope, events;
+  let result = "", skip = /[\s/>"'=]/, events;
   switch (tagName) {
     case "input":
       if (data.checkedChange)
@@ -1429,7 +1435,7 @@ function attrs(data, nodeAccessor, scopeId, tagName) {
       case "renderBody":
         break;
       default:
-        isVoid(val) || (/^on[A-Z-]/.test(name) ? (events ||= (scope ??= ensureScopeWithId(scopeId))[nodeAccessor + "~" /* EventAttributes */] ||= {}, events[name[2] === "-" ? name.slice(3) : name.slice(2).toLowerCase()] = val) : skip.test(name) || (result += nonVoidAttr(name, val)));
+        isVoid(val) || (isEventHandler(name) ? (events ||= ensureScopeWithId(scopeId)[nodeAccessor + "~" /* EventAttributes */] = {})[getEventHandlerName(name)] = val : skip.test(name) || (result += nonVoidAttr(name, val)));
         break;
     }
   }
@@ -1541,8 +1547,8 @@ var K_TAGS_API_STATE = Symbol(), COMPAT_REGISTRY = /* @__PURE__ */ new WeakMap()
     return compatRegistered;
   },
   render(renderer, willRerender, classAPIOut, component, input) {
-    let $global = classAPIOut.global, state = $global[K_TAGS_API_STATE] ||= getChunk()?.boundary.state;
-    state || ($global.runtimeId ||= DEFAULT_RUNTIME_ID, $global.renderId ||= $global.componentIdPrefix || DEFAULT_RENDER_ID, $global[K_TAGS_API_STATE] = state = new State2($global));
+    let $global2 = classAPIOut.global, state = $global2[K_TAGS_API_STATE] ||= getChunk()?.boundary.state;
+    state || ($global2.runtimeId ||= DEFAULT_RUNTIME_ID, $global2.renderId ||= $global2.componentIdPrefix || DEFAULT_RENDER_ID, $global2[K_TAGS_API_STATE] = state = new State2($global2));
     let boundary = new Boundary(state), head = new Chunk(
       boundary,
       null,
@@ -1576,17 +1582,17 @@ var K_TAGS_API_STATE = Symbol(), COMPAT_REGISTRY = /* @__PURE__ */ new WeakMap()
 // src/html/template.ts
 var createTemplate = (templateId, renderer) => (renderer.render = render, renderer._ = renderer, register2(renderer, templateId));
 function render(input = {}) {
-  let { $global } = input;
-  $global ? ({ $global, ...input } = input, $global = {
+  let { $global: $global2 } = input;
+  $global2 ? ({ $global: $global2, ...input } = input, $global2 = {
     runtimeId: DEFAULT_RUNTIME_ID,
     renderId: DEFAULT_RENDER_ID,
-    ...$global
-  }) : $global = {
+    ...$global2
+  }) : $global2 = {
     runtimeId: DEFAULT_RUNTIME_ID,
     renderId: DEFAULT_RENDER_ID
   };
   let head = new Chunk(
-    new Boundary(new State2($global), $global.signal),
+    new Boundary(new State2($global2), $global2.signal),
     null,
     null
   );
@@ -1705,6 +1711,7 @@ var ServerRenderResult = class {
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  $global,
   attr,
   attrTag,
   attrTags,
@@ -1730,7 +1737,6 @@ var ServerRenderResult = class {
   forTo,
   fork,
   getScopeById,
-  getStreamData,
   markResumeCleanup,
   markResumeControlEnd,
   markResumeControlSingleNodeEnd,

package/dist/html.mjs

@@ -64,6 +64,12 @@ function toDelimitedString(val, delimiter, stringify) {
   }
   return "";
 }
+function isEventHandler(name) {
+  return /^on[A-Z-]/.test(name);
+}
+function getEventHandlerName(name) {
+  return name[2] === "-" ? name.slice(3) : name.slice(2).toLowerCase();
+}
 function isVoid(value) {
   return value == null || value === !1;
 }
@@ -922,8 +928,8 @@ function register2(val, id, scopeId) {
   return scopeId === void 0 ? register(id, val) : register(id, val, ensureScopeWithId(scopeId));
 }
 function nextTagId() {
-  let state = $chunk.boundary.state, { $global } = state;
-  return "s" + $global.runtimeId + $global.renderId + (state.tagIndex++).toString(36);
+  let state = $chunk.boundary.state, { $global: $global2 } = state;
+  return "s" + $global2.runtimeId + $global2.renderId + (state.tagIndex++).toString(36);
 }
 function nextScopeId() {
   return $chunk.boundary.state.scopeIndex++;
@@ -979,8 +985,8 @@ function ensureScopeWithId(scopeId) {
   let { state } = $chunk.boundary, scope = state.scopes.get(scopeId);
   return scope || (scope = { [K_SCOPE_ID]: scopeId }, state.scopes.set(scopeId, scope)), scope;
 }
-function getStreamData() {
-  return $chunk.boundary.state;
+function $global() {
+  return $chunk.boundary.state.$global;
 }
 function fork(promise, renderBody) {
   if (!isPromise(promise)) {
@@ -1032,9 +1038,9 @@ function tryCatch(renderBody, renderCatch) {
   };
 }
 var State2 = class {
-  constructor($global) {
-    this.$global = $global;
-    this.$global = $global;
+  constructor($global2) {
+    this.$global = $global2;
+    this.$global = $global2;
   }
   tagIndex = 0;
   scopeIndex = 0;
@@ -1049,12 +1055,12 @@ var State2 = class {
   scopes = /* @__PURE__ */ new Map();
   writeScopes = null;
   get runtimePrefix() {
-    let { $global } = this;
-    return $global.runtimeId + "." + $global.renderId;
+    let { $global: $global2 } = this;
+    return $global2.runtimeId + "." + $global2.renderId;
   }
   get commentPrefix() {
-    let { $global } = this;
-    return $global.runtimeId + $global.renderId;
+    let { $global: $global2 } = this;
+    return $global2.runtimeId + $global2.renderId;
   }
   reorder(chunk) {
     this.writeReorders ? this.writeReorders.push(chunk) : (this.needsMainRuntime = !0, this.writeReorders = [chunk]);
@@ -1158,10 +1164,10 @@ var State2 = class {
   }
 };
 function prepareChunk(chunk) {
-  let head = chunk.consume(), { boundary, effects } = head, { state } = boundary, { $global, runtimePrefix, serializer } = state, nonceAttr = $global.cspNonce ? " nonce=" + escapeAttrValue($global.cspNonce + "") : "", { html, scripts } = head, hasWalk = !1;
+  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;
   head.effects = "", state.needsMainRuntime && !state.hasMainRuntime && (state.hasMainRuntime = !0, scripts = concatScripts(
     scripts,
-    WALKER_RUNTIME_CODE + '("' + $global.runtimeId + '")("' + $global.renderId + '")'
+    WALKER_RUNTIME_CODE + '("' + $global2.runtimeId + '")("' + $global2.renderId + '")'
   ));
   let resumes = "";
   if ((state.writeScopes || serializer.flushed) && (resumes = state.serializer.stringify(state.writeScopes || {}, boundary), state.writeScopes = null), effects && (hasWalk = !0, resumes = resumes ? resumes + "," + effects : effects), boundary.done && (resumes || state.hasWrittenResume) && (resumes = resumes ? resumes + ",0" : "0"), resumes && (state.hasWrittenResume ? scripts = concatScripts(
@@ -1223,20 +1229,20 @@ function flushTickQueue() {
 function isPromise(value) {
   return value != null && typeof value.then == "function";
 }
-function getFilteredGlobals($global) {
-  if (!$global) return;
-  let serializedGlobals = $global.serializedGlobals;
+function getFilteredGlobals($global2) {
+  if (!$global2) return;
+  let serializedGlobals = $global2.serializedGlobals;
   if (!serializedGlobals) return;
   let filtered;
   if (Array.isArray(serializedGlobals))
     for (let key of serializedGlobals) {
-      let value = $global[key];
+      let value = $global2[key];
       value !== void 0 && (filtered ? filtered[key] = value : filtered = { [key]: value });
     }
   else
     for (let key in serializedGlobals)
       if (serializedGlobals[key]) {
-        let value = $global[key];
+        let value = $global2[key];
         value !== void 0 && (filtered ? filtered[key] = value : filtered = { [key]: value });
       }
   return filtered;
@@ -1301,7 +1307,7 @@ function attr(name, val) {
   return isVoid(val) ? "" : nonVoidAttr(name, val);
 }
 function attrs(data, nodeAccessor, scopeId, tagName) {
-  let result = "", skip = /[\s/>"'=]/, scope, events;
+  let result = "", skip = /[\s/>"'=]/, events;
   switch (tagName) {
     case "input":
       if (data.checkedChange)
@@ -1360,7 +1366,7 @@ function attrs(data, nodeAccessor, scopeId, tagName) {
       case "renderBody":
         break;
       default:
-        isVoid(val) || (/^on[A-Z-]/.test(name) ? (events ||= (scope ??= ensureScopeWithId(scopeId))[nodeAccessor + "~" /* EventAttributes */] ||= {}, events[name[2] === "-" ? name.slice(3) : name.slice(2).toLowerCase()] = val) : skip.test(name) || (result += nonVoidAttr(name, val)));
+        isVoid(val) || (isEventHandler(name) ? (events ||= ensureScopeWithId(scopeId)[nodeAccessor + "~" /* EventAttributes */] = {})[getEventHandlerName(name)] = val : skip.test(name) || (result += nonVoidAttr(name, val)));
         break;
     }
   }
@@ -1472,8 +1478,8 @@ var K_TAGS_API_STATE = Symbol(), COMPAT_REGISTRY = /* @__PURE__ */ new WeakMap()
     return compatRegistered;
   },
   render(renderer, willRerender, classAPIOut, component, input) {
-    let $global = classAPIOut.global, state = $global[K_TAGS_API_STATE] ||= getChunk()?.boundary.state;
-    state || ($global.runtimeId ||= DEFAULT_RUNTIME_ID, $global.renderId ||= $global.componentIdPrefix || DEFAULT_RENDER_ID, $global[K_TAGS_API_STATE] = state = new State2($global));
+    let $global2 = classAPIOut.global, state = $global2[K_TAGS_API_STATE] ||= getChunk()?.boundary.state;
+    state || ($global2.runtimeId ||= DEFAULT_RUNTIME_ID, $global2.renderId ||= $global2.componentIdPrefix || DEFAULT_RENDER_ID, $global2[K_TAGS_API_STATE] = state = new State2($global2));
     let boundary = new Boundary(state), head = new Chunk(
       boundary,
       null,
@@ -1507,17 +1513,17 @@ var K_TAGS_API_STATE = Symbol(), COMPAT_REGISTRY = /* @__PURE__ */ new WeakMap()
 // src/html/template.ts
 var createTemplate = (templateId, renderer) => (renderer.render = render, renderer._ = renderer, register2(renderer, templateId));
 function render(input = {}) {
-  let { $global } = input;
-  $global ? ({ $global, ...input } = input, $global = {
+  let { $global: $global2 } = input;
+  $global2 ? ({ $global: $global2, ...input } = input, $global2 = {
     runtimeId: DEFAULT_RUNTIME_ID,
     renderId: DEFAULT_RENDER_ID,
-    ...$global
-  }) : $global = {
+    ...$global2
+  }) : $global2 = {
     runtimeId: DEFAULT_RUNTIME_ID,
     renderId: DEFAULT_RENDER_ID
   };
   let head = new Chunk(
-    new Boundary(new State2($global), $global.signal),
+    new Boundary(new State2($global2), $global2.signal),
     null,
     null
   );
@@ -1635,6 +1641,7 @@ var ServerRenderResult = class {
   }
 };
 export {
+  $global,
   attr,
   attrTag,
   attrTags,
@@ -1660,7 +1667,6 @@ export {
   forTo,
   fork,
   getScopeById,
-  getStreamData,
   markResumeCleanup,
   markResumeControlEnd,
   markResumeControlSingleNodeEnd,

package/package.json

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