@marko/runtime-tags 0.1.15 → 0.1.17

package/dist/common/attr-tag.d.ts

@@ -0,0 +1,8 @@
+type Attrs = Record<PropertyKey, unknown>;
+type AttrTag = Attrs & {
+    [rest]: Attrs[];
+};
+declare const rest: unique symbol;
+export declare function attrTag(attrs: Attrs): AttrTag;
+export declare function attrTags(first: undefined | AttrTag, attrs: Attrs): AttrTag;
+export {};

package/dist/common/for.d.ts

@@ -0,0 +1,5 @@
+type Falsy = undefined | null | false | 0 | "";
+export declare function forIn<V extends {}>(obj: Falsy | V, cb: <K extends keyof V>(key: K, value: V[K]) => void): void;
+export declare function forOf<T, V extends Iterable<T>>(list: Falsy | V, cb: (item: T, index: number) => void): void;
+export declare function forTo(to: number, from: number | Falsy, step: number | Falsy, cb: (index: number) => void): void;
+export {};

package/dist/debug/dom.js

@@ -21,6 +21,8 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var dom_exports = {};
 __export(dom_exports, {
   attr: () => attr,
+  attrTag: () => attrTag,
+  attrTags: () => attrTags,
   attrs: () => attrs,
   attrsEvents: () => attrsEvents,
   changeHandler: () => changeHandler,
@@ -38,6 +40,9 @@ __export(dom_exports, {
   dynamicClosure: () => dynamicClosure,
   dynamicSubscribers: () => dynamicSubscribers,
   dynamicTagAttrs: () => dynamicTagAttrs,
+  forIn: () => forIn,
+  forOf: () => forOf,
+  forTo: () => forTo,
   getAbortSignal: () => getAbortSignal,
   html: () => html,
   inChild: () => inChild,
@@ -54,6 +59,7 @@ __export(dom_exports, {
   nextTagId: () => nextTagId,
   nodeRef: () => nodeRef,
   on: () => on,
+  partialAttrs: () => partialAttrs,
   prepare: () => prepare,
   props: () => props,
   queueControllableSource: () => queueControllableSource,
@@ -72,6 +78,52 @@ __export(dom_exports, {
 });
 module.exports = __toCommonJS(dom_exports);
 
+// src/common/attr-tag.ts
+var empty = [];
+var rest = true ? Symbol("Attribute Tag") : Symbol();
+function attrTag(attrs2) {
+  attrs2[Symbol.iterator] = attrTagIterator;
+  attrs2[rest] = empty;
+  return attrs2;
+}
+function attrTags(first, attrs2) {
+  if (first) {
+    if (first[rest] === empty) {
+      first[rest] = [attrs2];
+    } else {
+      first[rest].push(attrs2);
+    }
+    return first;
+  }
+  return attrTag(attrs2);
+}
+function* attrTagIterator() {
+  yield this;
+  yield* this[rest];
+}
+
+// src/common/for.ts
+function forIn(obj, cb) {
+  for (const key in obj) {
+    cb(key, obj[key]);
+  }
+}
+function forOf(list, cb) {
+  if (list) {
+    let i = 0;
+    for (const item of list) {
+      cb(item, i++);
+    }
+  }
+}
+function forTo(to, from, step, cb) {
+  const start = from || 0;
+  const delta = step || 1;
+  for (let steps = (to - start) / delta, i = 0; i <= steps; i++) {
+    cb(start + i * delta);
+  }
+}
+
 // src/dom/scope.ts
 var debugID = 0;
 function createScope($global) {
@@ -459,12 +511,29 @@ function data(node, value2) {
 }
 function attrs(scope, elementAccessor, nextAttrs) {
   const element = scope[elementAccessor];
-  let events;
   for (const { name } of element.attributes) {
     if (!(nextAttrs && name in nextAttrs)) {
       element.removeAttribute(name);
     }
   }
+  attrsInternal(scope, elementAccessor, nextAttrs);
+}
+function partialAttrs(scope, elementAccessor, nextAttrs, skip) {
+  const element = scope[elementAccessor];
+  const partial = {};
+  for (const { name } of element.attributes) {
+    if (!skip[name] && !(nextAttrs && name in nextAttrs)) {
+      element.removeAttribute(name);
+    }
+  }
+  for (const key in nextAttrs) {
+    if (!skip[key]) partial[key] = nextAttrs[key];
+  }
+  attrsInternal(scope, elementAccessor, partial);
+}
+function attrsInternal(scope, elementAccessor, nextAttrs) {
+  let events;
+  const element = scope[elementAccessor];
   for (const name in nextAttrs) {
     const value2 = nextAttrs[name];
     switch (name) {
@@ -1049,33 +1118,34 @@ var emptyMarkerArray = [
 var emptyMap = /* @__PURE__ */ new Map();
 var emptyArray = [];
 function loopOf(nodeAccessor, renderer) {
-  return loop(nodeAccessor, renderer, (value2, cb) => {
-    const [all, by = bySecondArg] = value2;
-    let i = 0;
-    for (const item of all) {
-      cb(by(item, i), [item, i, all]);
-      i++;
+  return loop(
+    nodeAccessor,
+    renderer,
+    ([all, by = bySecondArg], cb) => {
+      if (typeof by === "string") {
+        forOf(
+          all,
+          (item, i) => cb(item[by], [item, i])
+        );
+      } else {
+        forOf(all, (item, i) => cb(by(item, i), [item, i]));
+      }
     }
-  });
+  );
 }
 function loopIn(nodeAccessor, renderer) {
-  return loop(nodeAccessor, renderer, (value2, cb) => {
-    const [all, by = byFirstArg] = value2;
-    for (const key in all) {
-      const v = all[key];
-      cb(by(key, v), [key, v, all]);
-    }
-  });
+  return loop(
+    nodeAccessor,
+    renderer,
+    ([obj, by = byFirstArg], cb) => forIn(obj, (key, value2) => cb(by(key, value2), [key, value2]))
+  );
 }
 function loopTo(nodeAccessor, renderer) {
-  return loop(nodeAccessor, renderer, (value2, cb) => {
-    const [to, from = 0, step = 1, by = byFirstArg] = value2;
-    const steps = (to - from) / step;
-    for (let i = 0; i <= steps; i++) {
-      const v = from + i * step;
-      cb(by(v), [v]);
-    }
-  });
+  return loop(
+    nodeAccessor,
+    renderer,
+    ([to, from, step, by = byFirstArg], cb) => forTo(to, from, step, (v) => cb(by(v), [v]))
+  );
 }
 function loop(nodeAccessor, renderer, forEach) {
   const loopScopeAccessor = nodeAccessor + "!" /* LoopScopeArray */;

package/dist/debug/dom.mjs

@@ -1,3 +1,49 @@
+// src/common/attr-tag.ts
+var empty = [];
+var rest = true ? Symbol("Attribute Tag") : Symbol();
+function attrTag(attrs2) {
+  attrs2[Symbol.iterator] = attrTagIterator;
+  attrs2[rest] = empty;
+  return attrs2;
+}
+function attrTags(first, attrs2) {
+  if (first) {
+    if (first[rest] === empty) {
+      first[rest] = [attrs2];
+    } else {
+      first[rest].push(attrs2);
+    }
+    return first;
+  }
+  return attrTag(attrs2);
+}
+function* attrTagIterator() {
+  yield this;
+  yield* this[rest];
+}
+
+// src/common/for.ts
+function forIn(obj, cb) {
+  for (const key in obj) {
+    cb(key, obj[key]);
+  }
+}
+function forOf(list, cb) {
+  if (list) {
+    let i = 0;
+    for (const item of list) {
+      cb(item, i++);
+    }
+  }
+}
+function forTo(to, from, step, cb) {
+  const start = from || 0;
+  const delta = step || 1;
+  for (let steps = (to - start) / delta, i = 0; i <= steps; i++) {
+    cb(start + i * delta);
+  }
+}
+
 // src/dom/scope.ts
 var debugID = 0;
 function createScope($global) {
@@ -385,12 +431,29 @@ function data(node, value2) {
 }
 function attrs(scope, elementAccessor, nextAttrs) {
   const element = scope[elementAccessor];
-  let events;
   for (const { name } of element.attributes) {
     if (!(nextAttrs && name in nextAttrs)) {
       element.removeAttribute(name);
     }
   }
+  attrsInternal(scope, elementAccessor, nextAttrs);
+}
+function partialAttrs(scope, elementAccessor, nextAttrs, skip) {
+  const element = scope[elementAccessor];
+  const partial = {};
+  for (const { name } of element.attributes) {
+    if (!skip[name] && !(nextAttrs && name in nextAttrs)) {
+      element.removeAttribute(name);
+    }
+  }
+  for (const key in nextAttrs) {
+    if (!skip[key]) partial[key] = nextAttrs[key];
+  }
+  attrsInternal(scope, elementAccessor, partial);
+}
+function attrsInternal(scope, elementAccessor, nextAttrs) {
+  let events;
+  const element = scope[elementAccessor];
   for (const name in nextAttrs) {
     const value2 = nextAttrs[name];
     switch (name) {
@@ -975,33 +1038,34 @@ var emptyMarkerArray = [
 var emptyMap = /* @__PURE__ */ new Map();
 var emptyArray = [];
 function loopOf(nodeAccessor, renderer) {
-  return loop(nodeAccessor, renderer, (value2, cb) => {
-    const [all, by = bySecondArg] = value2;
-    let i = 0;
-    for (const item of all) {
-      cb(by(item, i), [item, i, all]);
-      i++;
+  return loop(
+    nodeAccessor,
+    renderer,
+    ([all, by = bySecondArg], cb) => {
+      if (typeof by === "string") {
+        forOf(
+          all,
+          (item, i) => cb(item[by], [item, i])
+        );
+      } else {
+        forOf(all, (item, i) => cb(by(item, i), [item, i]));
+      }
     }
-  });
+  );
 }
 function loopIn(nodeAccessor, renderer) {
-  return loop(nodeAccessor, renderer, (value2, cb) => {
-    const [all, by = byFirstArg] = value2;
-    for (const key in all) {
-      const v = all[key];
-      cb(by(key, v), [key, v, all]);
-    }
-  });
+  return loop(
+    nodeAccessor,
+    renderer,
+    ([obj, by = byFirstArg], cb) => forIn(obj, (key, value2) => cb(by(key, value2), [key, value2]))
+  );
 }
 function loopTo(nodeAccessor, renderer) {
-  return loop(nodeAccessor, renderer, (value2, cb) => {
-    const [to, from = 0, step = 1, by = byFirstArg] = value2;
-    const steps = (to - from) / step;
-    for (let i = 0; i <= steps; i++) {
-      const v = from + i * step;
-      cb(by(v), [v]);
-    }
-  });
+  return loop(
+    nodeAccessor,
+    renderer,
+    ([to, from, step, by = byFirstArg], cb) => forTo(to, from, step, (v) => cb(by(v), [v]))
+  );
 }
 function loop(nodeAccessor, renderer, forEach) {
   const loopScopeAccessor = nodeAccessor + "!" /* LoopScopeArray */;
@@ -1572,6 +1636,8 @@ function mount(input = {}, reference, position) {
 }
 export {
   attr,
+  attrTag,
+  attrTags,
   attrs,
   attrsEvents,
   changeHandler,
@@ -1589,6 +1655,9 @@ export {
   dynamicClosure,
   dynamicSubscribers,
   dynamicTagAttrs,
+  forIn,
+  forOf,
+  forTo,
   getAbortSignal,
   html,
   inChild,
@@ -1605,6 +1674,7 @@ export {
   nextTagId,
   nodeRef,
   on,
+  partialAttrs,
   prepare,
   props,
   queueControllableSource,

package/dist/debug/html.js

@@ -21,6 +21,8 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var html_exports = {};
 __export(html_exports, {
   attr: () => attr,
+  attrTag: () => attrTag,
+  attrTags: () => attrTags,
   attrs: () => attrs,
   classAttr: () => classAttr,
   compat: () => compat,
@@ -32,6 +34,9 @@ __export(html_exports, {
   escapeScript: () => escapeScript,
   escapeStyle: () => escapeStyle,
   escapeXML: () => escapeXML,
+  forIn: () => forIn,
+  forOf: () => forOf,
+  forTo: () => forTo,
   fork: () => fork,
   getScopeById: () => getScopeById,
   getStreamData: () => getStreamData,
@@ -44,6 +49,7 @@ __export(html_exports, {
   nextTagId: () => nextTagId,
   nodeRef: () => nodeRef,
   normalizeDynamicRenderer: () => normalizeDynamicRenderer,
+  partialAttrs: () => partialAttrs,
   peekNextScope: () => peekNextScope,
   register: () => register2,
   styleAttr: () => styleAttr,
@@ -57,6 +63,52 @@ __export(html_exports, {
 });
 module.exports = __toCommonJS(html_exports);
 
+// src/common/attr-tag.ts
+var empty = [];
+var rest = true ? Symbol("Attribute Tag") : Symbol();
+function attrTag(attrs2) {
+  attrs2[Symbol.iterator] = attrTagIterator;
+  attrs2[rest] = empty;
+  return attrs2;
+}
+function attrTags(first, attrs2) {
+  if (first) {
+    if (first[rest] === empty) {
+      first[rest] = [attrs2];
+    } else {
+      first[rest].push(attrs2);
+    }
+    return first;
+  }
+  return attrTag(attrs2);
+}
+function* attrTagIterator() {
+  yield this;
+  yield* this[rest];
+}
+
+// src/common/for.ts
+function forIn(obj, cb) {
+  for (const key in obj) {
+    cb(key, obj[key]);
+  }
+}
+function forOf(list, cb) {
+  if (list) {
+    let i = 0;
+    for (const item of list) {
+      cb(item, i++);
+    }
+  }
+}
+function forTo(to, from, step, cb) {
+  const start = from || 0;
+  const delta = step || 1;
+  for (let steps = (to - start) / delta, i = 0; i <= steps; i++) {
+    cb(start + i * delta);
+  }
+}
+
 // src/common/helpers.ts
 function classValue(value) {
   return toDelimitedString(value, " ", stringifyClassObject);
@@ -1950,6 +2002,13 @@ function attrs(data, elementAccessor, scopeId) {
   }
   return result;
 }
+function partialAttrs(data, skip, elementAccessor, scopeId) {
+  const partial = {};
+  for (const key in data) {
+    if (!skip[key]) partial[key] = data[key];
+  }
+  return attrs(partial, elementAccessor, scopeId);
+}
 function stringAttr(name, val) {
   return val && ` ${name}=${escapeAttrValue(val)}`;
 }
@@ -2043,7 +2102,7 @@ function dynamicTagArgs(scope, tag, args) {
   }
   return renderer(...args);
 }
-var getDynamicRenderer = (tag) => tag.renderBody || tag;
+var getDynamicRenderer = normalizeDynamicRenderer;
 var createRenderer = (fn) => fn;
 function patchDynamicTag(newGetDynamicRenderer, newCreateRenderer) {
   getDynamicRenderer = newGetDynamicRenderer;
@@ -2239,10 +2298,12 @@ var ServerRenderResult = class {
       },
       (err) => {
         const socket = "socket" in stream && stream.socket;
-        if (typeof socket.destroySoon === "function") {
+        if (socket && typeof socket.destroySoon === "function") {
           socket.destroySoon();
         }
-        stream.emit?.("error", err);
+        if (!stream.emit?.("error", err)) {
+          throw err;
+        }
       },
       () => {
         stream.end();
@@ -2340,6 +2401,8 @@ var ServerRenderResult = class {
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   attr,
+  attrTag,
+  attrTags,
   attrs,
   classAttr,
   compat,
@@ -2351,6 +2414,9 @@ var ServerRenderResult = class {
   escapeScript,
   escapeStyle,
   escapeXML,
+  forIn,
+  forOf,
+  forTo,
   fork,
   getScopeById,
   getStreamData,
@@ -2363,6 +2429,7 @@ var ServerRenderResult = class {
   nextTagId,
   nodeRef,
   normalizeDynamicRenderer,
+  partialAttrs,
   peekNextScope,
   register,
   styleAttr,

package/dist/debug/html.mjs

@@ -1,3 +1,49 @@
+// src/common/attr-tag.ts
+var empty = [];
+var rest = true ? Symbol("Attribute Tag") : Symbol();
+function attrTag(attrs2) {
+  attrs2[Symbol.iterator] = attrTagIterator;
+  attrs2[rest] = empty;
+  return attrs2;
+}
+function attrTags(first, attrs2) {
+  if (first) {
+    if (first[rest] === empty) {
+      first[rest] = [attrs2];
+    } else {
+      first[rest].push(attrs2);
+    }
+    return first;
+  }
+  return attrTag(attrs2);
+}
+function* attrTagIterator() {
+  yield this;
+  yield* this[rest];
+}
+
+// src/common/for.ts
+function forIn(obj, cb) {
+  for (const key in obj) {
+    cb(key, obj[key]);
+  }
+}
+function forOf(list, cb) {
+  if (list) {
+    let i = 0;
+    for (const item of list) {
+      cb(item, i++);
+    }
+  }
+}
+function forTo(to, from, step, cb) {
+  const start = from || 0;
+  const delta = step || 1;
+  for (let steps = (to - start) / delta, i = 0; i <= steps; i++) {
+    cb(start + i * delta);
+  }
+}
+
 // src/common/helpers.ts
 function classValue(value) {
   return toDelimitedString(value, " ", stringifyClassObject);
@@ -1891,6 +1937,13 @@ function attrs(data, elementAccessor, scopeId) {
   }
   return result;
 }
+function partialAttrs(data, skip, elementAccessor, scopeId) {
+  const partial = {};
+  for (const key in data) {
+    if (!skip[key]) partial[key] = data[key];
+  }
+  return attrs(partial, elementAccessor, scopeId);
+}
 function stringAttr(name, val) {
   return val && ` ${name}=${escapeAttrValue(val)}`;
 }
@@ -1984,7 +2037,7 @@ function dynamicTagArgs(scope, tag, args) {
   }
   return renderer(...args);
 }
-var getDynamicRenderer = (tag) => tag.renderBody || tag;
+var getDynamicRenderer = normalizeDynamicRenderer;
 var createRenderer = (fn) => fn;
 function patchDynamicTag(newGetDynamicRenderer, newCreateRenderer) {
   getDynamicRenderer = newGetDynamicRenderer;
@@ -2180,10 +2233,12 @@ var ServerRenderResult = class {
       },
       (err) => {
         const socket = "socket" in stream && stream.socket;
-        if (typeof socket.destroySoon === "function") {
+        if (socket && typeof socket.destroySoon === "function") {
           socket.destroySoon();
         }
-        stream.emit?.("error", err);
+        if (!stream.emit?.("error", err)) {
+          throw err;
+        }
       },
       () => {
         stream.end();
@@ -2280,6 +2335,8 @@ var ServerRenderResult = class {
 };
 export {
   attr,
+  attrTag,
+  attrTags,
   attrs,
   classAttr,
   compat,
@@ -2291,6 +2348,9 @@ export {
   escapeScript,
   escapeStyle,
   escapeXML,
+  forIn,
+  forOf,
+  forTo,
   fork,
   getScopeById,
   getStreamData,
@@ -2303,6 +2363,7 @@ export {
   nextTagId,
   nodeRef,
   normalizeDynamicRenderer,
+  partialAttrs,
   peekNextScope,
   register2 as register,
   styleAttr,

package/dist/dom/control-flow.d.ts

@@ -8,7 +8,7 @@ export declare function setConditionalRenderer<ChildScope extends Scope>(scope:
 export declare let conditionalOnlyChild: (nodeAccessor: Accessor, fn?: (scope: Scope) => void, getIntersection?: () => IntersectionSignal) => ValueSignal<Renderer | string | undefined>;
 export declare function setConditionalRendererOnlyChild(scope: Scope, nodeAccessor: Accessor, newRenderer: Renderer | string | undefined): void;
 export declare const emptyMarkerArray: Scope[];
-export declare function loopOf(nodeAccessor: Accessor, renderer: Renderer): (scope: Scope, valueOrOp: [unknown, (...args: unknown[]) => unknown] | SignalOp) => void;
-export declare function loopIn(nodeAccessor: Accessor, renderer: Renderer): (scope: Scope, valueOrOp: [unknown, (...args: unknown[]) => unknown] | SignalOp) => void;
-export declare function loopTo(nodeAccessor: Accessor, renderer: Renderer): (scope: Scope, valueOrOp: [unknown, (...args: unknown[]) => unknown] | SignalOp) => void;
+export declare function loopOf(nodeAccessor: Accessor, renderer: Renderer): (scope: Scope, valueOrOp: SignalOp | [all: unknown[], by?: ((item: unknown, index: number) => unknown) | undefined]) => void;
+export declare function loopIn(nodeAccessor: Accessor, renderer: Renderer): (scope: Scope, valueOrOp: SignalOp | [obj: {}, by?: ((key: string, v: unknown) => unknown) | undefined]) => void;
+export declare function loopTo(nodeAccessor: Accessor, renderer: Renderer): (scope: Scope, valueOrOp: SignalOp | [to: number, from: number, step: number, by?: ((v: number) => unknown) | undefined]) => void;
 export declare function inLoopScope(signal: IntersectionSignal, loopNodeAccessor: Accessor): (scope: Scope, op: SignalOp) => void;

package/dist/dom/dom.d.ts

@@ -5,6 +5,7 @@ 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 attrs(scope: Scope, elementAccessor: Accessor, nextAttrs: Record<string, unknown>): void;
+export declare function partialAttrs(scope: Scope, elementAccessor: Accessor, nextAttrs: Record<string, unknown>, skip: Record<string, 1>): void;
 export declare function attrsEvents(scope: Scope, elementAccessor: Accessor): void;
 export declare function html(scope: Scope, value: unknown, index: Accessor): void;
 export declare function props(scope: Scope, nodeIndex: number, index: number): void;

package/dist/dom.d.ts

@@ -1,8 +1,10 @@
+export { attrTag, attrTags } from "./common/attr-tag";
+export { forIn, forOf, forTo } from "./common/for";
 export type { Scope } from "./common/types";
 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 { attr, attrs, attrsEvents, classAttr, data, html, lifecycle, props, styleAttr, } from "./dom/dom";
+export { attr, attrs, attrsEvents, classAttr, data, html, lifecycle, partialAttrs, props, styleAttr, } from "./dom/dom";
 export { on } from "./dom/event";
 export { prepare, queueControllableSource, queueEffect, queueSource, run, runEffects, } from "./dom/queue";
 export { createRenderer, createRendererWithOwner, dynamicTagAttrs, } from "./dom/renderer";

package/dist/dom.js

@@ -18,6 +18,8 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0
 var dom_exports = {};
 __export(dom_exports, {
   attr: () => attr,
+  attrTag: () => attrTag,
+  attrTags: () => attrTags,
   attrs: () => attrs,
   attrsEvents: () => attrsEvents,
   changeHandler: () => changeHandler,
@@ -35,6 +37,9 @@ __export(dom_exports, {
   dynamicClosure: () => dynamicClosure,
   dynamicSubscribers: () => dynamicSubscribers,
   dynamicTagAttrs: () => dynamicTagAttrs,
+  forIn: () => forIn,
+  forOf: () => forOf,
+  forTo: () => forTo,
   getAbortSignal: () => getAbortSignal,
   html: () => html,
   inChild: () => inChild,
@@ -51,6 +56,7 @@ __export(dom_exports, {
   nextTagId: () => nextTagId,
   nodeRef: () => nodeRef,
   on: () => on,
+  partialAttrs: () => partialAttrs,
   prepare: () => prepare,
   props: () => props,
   queueControllableSource: () => queueControllableSource,
@@ -69,6 +75,36 @@ __export(dom_exports, {
 });
 module.exports = __toCommonJS(dom_exports);
 
+// src/common/attr-tag.ts
+var empty = [], rest = Symbol();
+function attrTag(attrs2) {
+  return attrs2[Symbol.iterator] = attrTagIterator, attrs2[rest] = empty, attrs2;
+}
+function attrTags(first, attrs2) {
+  return first ? (first[rest] === empty ? first[rest] = [attrs2] : first[rest].push(attrs2), first) : attrTag(attrs2);
+}
+function* attrTagIterator() {
+  yield this, yield* this[rest];
+}
+
+// src/common/for.ts
+function forIn(obj, cb) {
+  for (let key in obj)
+    cb(key, obj[key]);
+}
+function forOf(list, cb) {
+  if (list) {
+    let i = 0;
+    for (let item of list)
+      cb(item, i++);
+  }
+}
+function forTo(to, from, step, cb) {
+  let start = from || 0, delta = step || 1;
+  for (let steps = (to - start) / delta, i = 0; i <= steps; i++)
+    cb(start + i * delta);
+}
+
 // src/dom/scope.ts
 function createScope($global) {
   return {
@@ -301,9 +337,21 @@ function data(node, value2) {
   node.data !== normalizedValue && (node.data = normalizedValue);
 }
 function attrs(scope, elementAccessor, nextAttrs) {
-  let element = scope[elementAccessor], events;
+  let element = scope[elementAccessor];
   for (let { name } of element.attributes)
     nextAttrs && name in nextAttrs || element.removeAttribute(name);
+  attrsInternal(scope, elementAccessor, nextAttrs);
+}
+function partialAttrs(scope, elementAccessor, nextAttrs, skip) {
+  let element = scope[elementAccessor], partial = {};
+  for (let { name } of element.attributes)
+    !skip[name] && !(nextAttrs && name in nextAttrs) && element.removeAttribute(name);
+  for (let key in nextAttrs)
+    skip[key] || (partial[key] = nextAttrs[key]);
+  attrsInternal(scope, elementAccessor, partial);
+}
+function attrsInternal(scope, elementAccessor, nextAttrs) {
+  let events, element = scope[elementAccessor];
   for (let name in nextAttrs) {
     let value2 = nextAttrs[name];
     switch (name) {
@@ -668,29 +716,30 @@ var emptyMarkerMap = /* @__PURE__ */ new Map([[Symbol(), getEmptyScope(void 0)]]
   /* @__PURE__ */ getEmptyScope(void 0)
 ], emptyMap = /* @__PURE__ */ new Map(), emptyArray = [];
 function loopOf(nodeAccessor, renderer) {
-  return loop(nodeAccessor, renderer, (value2, cb) => {
-    let [all, by = bySecondArg] = value2, i = 0;
-    for (let item of all)
-      cb(by(item, i), [item, i, all]), i++;
-  });
+  return loop(
+    nodeAccessor,
+    renderer,
+    ([all, by = bySecondArg], cb) => {
+      typeof by == "string" ? forOf(
+        all,
+        (item, i) => cb(item[by], [item, i])
+      ) : forOf(all, (item, i) => cb(by(item, i), [item, i]));
+    }
+  );
 }
 function loopIn(nodeAccessor, renderer) {
-  return loop(nodeAccessor, renderer, (value2, cb) => {
-    let [all, by = byFirstArg] = value2;
-    for (let key in all) {
-      let v = all[key];
-      cb(by(key, v), [key, v, all]);
-    }
-  });
+  return loop(
+    nodeAccessor,
+    renderer,
+    ([obj, by = byFirstArg], cb) => forIn(obj, (key, value2) => cb(by(key, value2), [key, value2]))
+  );
 }
 function loopTo(nodeAccessor, renderer) {
-  return loop(nodeAccessor, renderer, (value2, cb) => {
-    let [to, from = 0, step = 1, by = byFirstArg] = value2, steps = (to - from) / step;
-    for (let i = 0; i <= steps; i++) {
-      let v = from + i * step;
-      cb(by(v), [v]);
-    }
-  });
+  return loop(
+    nodeAccessor,
+    renderer,
+    ([to, from, step, by = byFirstArg], cb) => forTo(to, from, step, (v) => cb(by(v), [v]))
+  );
 }
 function loop(nodeAccessor, renderer, forEach) {
   let loopScopeAccessor = nodeAccessor + "!" /* LoopScopeArray */, closureSignals = renderer.c, params = renderer.e;

package/dist/dom.mjs

@@ -1,3 +1,33 @@
+// src/common/attr-tag.ts
+var empty = [], rest = Symbol();
+function attrTag(attrs2) {
+  return attrs2[Symbol.iterator] = attrTagIterator, attrs2[rest] = empty, attrs2;
+}
+function attrTags(first, attrs2) {
+  return first ? (first[rest] === empty ? first[rest] = [attrs2] : first[rest].push(attrs2), first) : attrTag(attrs2);
+}
+function* attrTagIterator() {
+  yield this, yield* this[rest];
+}
+
+// src/common/for.ts
+function forIn(obj, cb) {
+  for (let key in obj)
+    cb(key, obj[key]);
+}
+function forOf(list, cb) {
+  if (list) {
+    let i = 0;
+    for (let item of list)
+      cb(item, i++);
+  }
+}
+function forTo(to, from, step, cb) {
+  let start = from || 0, delta = step || 1;
+  for (let steps = (to - start) / delta, i = 0; i <= steps; i++)
+    cb(start + i * delta);
+}
+
 // src/dom/scope.ts
 function createScope($global) {
   return {
@@ -230,9 +260,21 @@ function data(node, value2) {
   node.data !== normalizedValue && (node.data = normalizedValue);
 }
 function attrs(scope, elementAccessor, nextAttrs) {
-  let element = scope[elementAccessor], events;
+  let element = scope[elementAccessor];
   for (let { name } of element.attributes)
     nextAttrs && name in nextAttrs || element.removeAttribute(name);
+  attrsInternal(scope, elementAccessor, nextAttrs);
+}
+function partialAttrs(scope, elementAccessor, nextAttrs, skip) {
+  let element = scope[elementAccessor], partial = {};
+  for (let { name } of element.attributes)
+    !skip[name] && !(nextAttrs && name in nextAttrs) && element.removeAttribute(name);
+  for (let key in nextAttrs)
+    skip[key] || (partial[key] = nextAttrs[key]);
+  attrsInternal(scope, elementAccessor, partial);
+}
+function attrsInternal(scope, elementAccessor, nextAttrs) {
+  let events, element = scope[elementAccessor];
   for (let name in nextAttrs) {
     let value2 = nextAttrs[name];
     switch (name) {
@@ -597,29 +639,30 @@ var emptyMarkerMap = /* @__PURE__ */ new Map([[Symbol(), getEmptyScope(void 0)]]
   /* @__PURE__ */ getEmptyScope(void 0)
 ], emptyMap = /* @__PURE__ */ new Map(), emptyArray = [];
 function loopOf(nodeAccessor, renderer) {
-  return loop(nodeAccessor, renderer, (value2, cb) => {
-    let [all, by = bySecondArg] = value2, i = 0;
-    for (let item of all)
-      cb(by(item, i), [item, i, all]), i++;
-  });
+  return loop(
+    nodeAccessor,
+    renderer,
+    ([all, by = bySecondArg], cb) => {
+      typeof by == "string" ? forOf(
+        all,
+        (item, i) => cb(item[by], [item, i])
+      ) : forOf(all, (item, i) => cb(by(item, i), [item, i]));
+    }
+  );
 }
 function loopIn(nodeAccessor, renderer) {
-  return loop(nodeAccessor, renderer, (value2, cb) => {
-    let [all, by = byFirstArg] = value2;
-    for (let key in all) {
-      let v = all[key];
-      cb(by(key, v), [key, v, all]);
-    }
-  });
+  return loop(
+    nodeAccessor,
+    renderer,
+    ([obj, by = byFirstArg], cb) => forIn(obj, (key, value2) => cb(by(key, value2), [key, value2]))
+  );
 }
 function loopTo(nodeAccessor, renderer) {
-  return loop(nodeAccessor, renderer, (value2, cb) => {
-    let [to, from = 0, step = 1, by = byFirstArg] = value2, steps = (to - from) / step;
-    for (let i = 0; i <= steps; i++) {
-      let v = from + i * step;
-      cb(by(v), [v]);
-    }
-  });
+  return loop(
+    nodeAccessor,
+    renderer,
+    ([to, from, step, by = byFirstArg], cb) => forTo(to, from, step, (v) => cb(by(v), [v]))
+  );
 }
 function loop(nodeAccessor, renderer, forEach) {
   let loopScopeAccessor = nodeAccessor + "!" /* LoopScopeArray */, closureSignals = renderer.c, params = renderer.e;
@@ -976,6 +1019,8 @@ function mount(input = {}, reference, position) {
 }
 export {
   attr,
+  attrTag,
+  attrTags,
   attrs,
   attrsEvents,
   changeHandler,
@@ -993,6 +1038,9 @@ export {
   dynamicClosure,
   dynamicSubscribers,
   dynamicTagAttrs,
+  forIn,
+  forOf,
+  forTo,
   getAbortSignal,
   html,
   inChild,
@@ -1009,6 +1057,7 @@ export {
   nextTagId,
   nodeRef,
   on,
+  partialAttrs,
   prepare,
   props,
   queueControllableSource,

package/dist/html/attrs.d.ts

@@ -3,4 +3,5 @@ export declare function classAttr(val: unknown): string;
 export declare function styleAttr(val: unknown): string;
 export declare function attr(name: string, val: unknown): string;
 export declare function attrs(data: Record<string, unknown>, elementAccessor?: Accessor, scopeId?: number): string;
+export declare function partialAttrs(data: Record<string, unknown>, skip: Record<string, 1>, elementAccessor?: Accessor, scopeId?: number): string;
 export declare function escapeAttrValue(str: string): string;

package/dist/html/dynamic-tag.d.ts

@@ -6,7 +6,7 @@ interface RenderBodyObject {
 }
 export declare function dynamicTagInput(scope: PartialScope, tag: unknown | string | ServerRenderer | RenderBodyObject, input: Record<string, unknown>, renderBody?: () => void, tagVar?: unknown): unknown;
 export declare function dynamicTagArgs(scope: PartialScope, tag: unknown | string | ServerRenderer | RenderBodyObject, args: unknown[]): unknown;
-declare let getDynamicRenderer: (tag: unknown | string | ServerRenderer | RenderBodyObject) => ServerRenderer;
+declare let getDynamicRenderer: (value: any) => string | ServerRenderer | undefined;
 export declare let createRenderer: (fn: ServerRenderer) => ServerRenderer;
 export declare function patchDynamicTag(newGetDynamicRenderer: typeof getDynamicRenderer, newCreateRenderer: typeof createRenderer): void;
 export {};

package/dist/html.d.ts

@@ -1,5 +1,7 @@
+export { attrTag, attrTags } from "./common/attr-tag";
+export { forIn, forOf, forTo } from "./common/for";
 export { normalizeDynamicRenderer } from "./common/helpers";
-export { attr, attrs, classAttr, styleAttr } from "./html/attrs";
+export { attr, attrs, classAttr, partialAttrs, styleAttr } from "./html/attrs";
 export { compat } from "./html/compat";
 export { escapeScript, escapeStyle, escapeXML, toString } from "./html/content";
 export { createRenderer, dynamicTagArgs, dynamicTagInput, } from "./html/dynamic-tag";

package/dist/html.js

@@ -18,6 +18,8 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0
 var html_exports = {};
 __export(html_exports, {
   attr: () => attr,
+  attrTag: () => attrTag,
+  attrTags: () => attrTags,
   attrs: () => attrs,
   classAttr: () => classAttr,
   compat: () => compat,
@@ -29,6 +31,9 @@ __export(html_exports, {
   escapeScript: () => escapeScript,
   escapeStyle: () => escapeStyle,
   escapeXML: () => escapeXML,
+  forIn: () => forIn,
+  forOf: () => forOf,
+  forTo: () => forTo,
   fork: () => fork,
   getScopeById: () => getScopeById,
   getStreamData: () => getStreamData,
@@ -41,6 +46,7 @@ __export(html_exports, {
   nextTagId: () => nextTagId,
   nodeRef: () => nodeRef,
   normalizeDynamicRenderer: () => normalizeDynamicRenderer,
+  partialAttrs: () => partialAttrs,
   peekNextScope: () => peekNextScope,
   register: () => register2,
   styleAttr: () => styleAttr,
@@ -54,6 +60,36 @@ __export(html_exports, {
 });
 module.exports = __toCommonJS(html_exports);
 
+// src/common/attr-tag.ts
+var empty = [], rest = Symbol();
+function attrTag(attrs2) {
+  return attrs2[Symbol.iterator] = attrTagIterator, attrs2[rest] = empty, attrs2;
+}
+function attrTags(first, attrs2) {
+  return first ? (first[rest] === empty ? first[rest] = [attrs2] : first[rest].push(attrs2), first) : attrTag(attrs2);
+}
+function* attrTagIterator() {
+  yield this, yield* this[rest];
+}
+
+// src/common/for.ts
+function forIn(obj, cb) {
+  for (let key in obj)
+    cb(key, obj[key]);
+}
+function forOf(list, cb) {
+  if (list) {
+    let i = 0;
+    for (let item of list)
+      cb(item, i++);
+  }
+}
+function forTo(to, from, step, cb) {
+  let start = from || 0, delta = step || 1;
+  for (let steps = (to - start) / delta, i = 0; i <= steps; i++)
+    cb(start + i * delta);
+}
+
 // src/common/helpers.ts
 function classValue(value) {
   return toDelimitedString(value, " ", stringifyClassObject);
@@ -1265,6 +1301,12 @@ function attrs(data, elementAccessor, scopeId) {
   }
   return events && elementAccessor && (ensureScopeWithId(scopeId)[elementAccessor + "~" /* EventAttributes */] = events), result;
 }
+function partialAttrs(data, skip, elementAccessor, scopeId) {
+  let partial = {};
+  for (let key in data)
+    skip[key] || (partial[key] = data[key]);
+  return attrs(partial, elementAccessor, scopeId);
+}
 function stringAttr(name, val) {
   return val && ` ${name}=${escapeAttrValue(val)}`;
 }
@@ -1317,7 +1359,7 @@ function dynamicTagArgs(scope, tag, args) {
   }
   return getDynamicRenderer(tag)(...args);
 }
-var getDynamicRenderer = (tag) => tag.renderBody || tag, createRenderer = (fn) => fn;
+var getDynamicRenderer = normalizeDynamicRenderer, createRenderer = (fn) => fn;
 function patchDynamicTag(newGetDynamicRenderer, newCreateRenderer) {
   getDynamicRenderer = newGetDynamicRenderer, createRenderer = newCreateRenderer;
 }
@@ -1449,7 +1491,8 @@ var ServerRenderResult = class {
       },
       (err) => {
         let socket = "socket" in stream && stream.socket;
-        typeof socket.destroySoon == "function" && socket.destroySoon(), stream.emit?.("error", err);
+        if (socket && typeof socket.destroySoon == "function" && socket.destroySoon(), !stream.emit?.("error", err))
+          throw err;
       },
       () => {
         stream.end();
@@ -1524,6 +1567,8 @@ var ServerRenderResult = class {
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   attr,
+  attrTag,
+  attrTags,
   attrs,
   classAttr,
   compat,
@@ -1535,6 +1580,9 @@ var ServerRenderResult = class {
   escapeScript,
   escapeStyle,
   escapeXML,
+  forIn,
+  forOf,
+  forTo,
   fork,
   getScopeById,
   getStreamData,
@@ -1547,6 +1595,7 @@ var ServerRenderResult = class {
   nextTagId,
   nodeRef,
   normalizeDynamicRenderer,
+  partialAttrs,
   peekNextScope,
   register,
   styleAttr,

package/dist/html.mjs

@@ -1,3 +1,33 @@
+// src/common/attr-tag.ts
+var empty = [], rest = Symbol();
+function attrTag(attrs2) {
+  return attrs2[Symbol.iterator] = attrTagIterator, attrs2[rest] = empty, attrs2;
+}
+function attrTags(first, attrs2) {
+  return first ? (first[rest] === empty ? first[rest] = [attrs2] : first[rest].push(attrs2), first) : attrTag(attrs2);
+}
+function* attrTagIterator() {
+  yield this, yield* this[rest];
+}
+
+// src/common/for.ts
+function forIn(obj, cb) {
+  for (let key in obj)
+    cb(key, obj[key]);
+}
+function forOf(list, cb) {
+  if (list) {
+    let i = 0;
+    for (let item of list)
+      cb(item, i++);
+  }
+}
+function forTo(to, from, step, cb) {
+  let start = from || 0, delta = step || 1;
+  for (let steps = (to - start) / delta, i = 0; i <= steps; i++)
+    cb(start + i * delta);
+}
+
 // src/common/helpers.ts
 function classValue(value) {
   return toDelimitedString(value, " ", stringifyClassObject);
@@ -1209,6 +1239,12 @@ function attrs(data, elementAccessor, scopeId) {
   }
   return events && elementAccessor && (ensureScopeWithId(scopeId)[elementAccessor + "~" /* EventAttributes */] = events), result;
 }
+function partialAttrs(data, skip, elementAccessor, scopeId) {
+  let partial = {};
+  for (let key in data)
+    skip[key] || (partial[key] = data[key]);
+  return attrs(partial, elementAccessor, scopeId);
+}
 function stringAttr(name, val) {
   return val && ` ${name}=${escapeAttrValue(val)}`;
 }
@@ -1261,7 +1297,7 @@ function dynamicTagArgs(scope, tag, args) {
   }
   return getDynamicRenderer(tag)(...args);
 }
-var getDynamicRenderer = (tag) => tag.renderBody || tag, createRenderer = (fn) => fn;
+var getDynamicRenderer = normalizeDynamicRenderer, createRenderer = (fn) => fn;
 function patchDynamicTag(newGetDynamicRenderer, newCreateRenderer) {
   getDynamicRenderer = newGetDynamicRenderer, createRenderer = newCreateRenderer;
 }
@@ -1393,7 +1429,8 @@ var ServerRenderResult = class {
       },
       (err) => {
         let socket = "socket" in stream && stream.socket;
-        typeof socket.destroySoon == "function" && socket.destroySoon(), stream.emit?.("error", err);
+        if (socket && typeof socket.destroySoon == "function" && socket.destroySoon(), !stream.emit?.("error", err))
+          throw err;
       },
       () => {
         stream.end();
@@ -1467,6 +1504,8 @@ var ServerRenderResult = class {
 };
 export {
   attr,
+  attrTag,
+  attrTags,
   attrs,
   classAttr,
   compat,
@@ -1478,6 +1517,9 @@ export {
   escapeScript,
   escapeStyle,
   escapeXML,
+  forIn,
+  forOf,
+  forTo,
   fork,
   getScopeById,
   getStreamData,
@@ -1490,6 +1532,7 @@ export {
   nextTagId,
   nodeRef,
   normalizeDynamicRenderer,
+  partialAttrs,
   peekNextScope,
   register2 as register,
   styleAttr,

package/package.json

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