streetui 1.3.0 → 1.5.0

package/dist/index.d.cts

@@ -1,9 +1,9 @@
-import { a as Signal, b as Subscriber, U as Unsubscribe, R as ReadonlySignal, A as ApplicationId, D as DiagnosticCollector, c as ApplicationGraph, G as GraphNode, C as CompiledApplication, d as SemanticNodeType, P as PageDSL, e as ContainerDSL, f as SignalKind } from './compile-CTA4MLX6.cjs';
-export { g as A11yOptions, h as AppBuilder, i as AppDSL, j as AppOptions, k as ApplicationGraphOptions, B as BaseNode, l as Bindable, m as BindableText, n as BoundInputOptions, o as ButtonOptions, p as CompileOptions, q as ContainerBuilder, r as ContainerBuilderImpl, s as ContainerOptions, t as ContentDSL, u as ControlledInputOptions, v as DerivedSignal, w as Diagnostic, x as DiagnosticError, y as DiagnosticLocation, z as DiagnosticSeverity, E as ErrorBoundaryOptions, F as ErrorFallbackBuilder, H as ErrorSource, I as EventDescriptor, J as FormBuilder, K as FormBuilderImpl, L as FormDSL, M as FormOptions, N as GraphNodeData, O as HandlerFn, Q as HeadingOptions, T as ImageOptions, W as InputOptions, X as InputOptionsBase, Y as LinkOptions, Z as ListBuilder, _ as ListBuilderImpl, $ as ListDSL, a0 as ListOptions, a1 as ListPlanEntry, a2 as NodeId, a3 as NodeMetadata, a4 as PageBuilder, a5 as PageBuilderImpl, a6 as PropValue, a7 as Props, a8 as ReactiveConsumer, a9 as ReactiveSource, aa as SectionBuilder, ab as SectionBuilderImpl, ac as SectionDSL, ad as SectionOptions, ae as SerializedGraph, af as SerializedNode, ag as StateRef, S as StreetApp, ah as StreetUI, ai as TextOptions, aj as TextValue, V as VERSION, ak as batch, al as compile, am as compileGraph, an as createNodeId, ao as derived, ap as effect, aq as formatDiagnostic, ar as generateApplicationId, as as generateNodeId, at as isBatching, au as nextId, av as nodeIdPrefix, aw as observerCount, ax as reactiveListItemKey, ay as reactiveListItemSignature, az as resetIdCounter, aA as signal, aB as signalKind, aC as streetui } from './compile-CTA4MLX6.cjs';
-import { R as RenderHandle, S as StreetRenderer, a as HydrationDiagnosticSink } from './hydration-diagnostics-Cu2ZRxL1.cjs';
-export { H as HydrationDiagnostic, b as HydrationMismatchType, c as consoleHydrationDiagnosticSink, d as createHydrationDiagnosticCollector, f as formatHydrationDiagnostic } from './hydration-diagnostics-Cu2ZRxL1.cjs';
-import { D as DOMAdapter } from './server-BeFSjxkL.cjs';
-export { R as RenderToStringOptions, S as STATE_MARKER_ATTR, a as ServerDOMAdapter, r as readState, b as renderToString, s as serializeState, c as serverDOMAdapter } from './server-BeFSjxkL.cjs';
+import { a as Signal, b as Subscriber, U as Unsubscribe, R as ReadonlySignal, A as ApplicationId, D as DiagnosticCollector, c as ApplicationGraph, G as GraphNode, C as CompiledApplication, d as SemanticNodeType, P as PageDSL, e as ContainerDSL, f as SignalKind } from './compile-DGHUC0T6.cjs';
+export { g as A11yOptions, h as AppBuilder, i as AppDSL, j as AppOptions, k as ApplicationGraphOptions, B as BaseNode, l as Bindable, m as BindableText, n as BoundInputOptions, o as ButtonOptions, p as CompileOptions, q as ContainerBuilder, r as ContainerBuilderImpl, s as ContainerOptions, t as ContentDSL, u as ControlledInputOptions, v as DerivedSignal, w as Diagnostic, x as DiagnosticError, y as DiagnosticLocation, z as DiagnosticSeverity, E as ErrorBoundaryOptions, F as ErrorFallbackBuilder, H as ErrorSource, I as EventDescriptor, J as FormBuilder, K as FormBuilderImpl, L as FormDSL, M as FormOptions, N as GraphNodeData, O as HandlerFn, Q as HeadingOptions, T as ImageOptions, W as InputOptions, X as InputOptionsBase, Y as LinkOptions, Z as ListBuilder, _ as ListBuilderImpl, $ as ListDSL, a0 as ListOptions, a1 as ListPlanEntry, a2 as NodeId, a3 as NodeMetadata, a4 as PageBuilder, a5 as PageBuilderImpl, a6 as PropValue, a7 as Props, a8 as ReactiveConsumer, a9 as ReactiveSource, aa as SectionBuilder, ab as SectionBuilderImpl, ac as SectionDSL, ad as SectionOptions, ae as SerializedGraph, af as SerializedNode, ag as StateRef, S as StreetApp, ah as StreetUI, ai as TextOptions, aj as TextValue, V as VERSION, ak as batch, al as compile, am as compileGraph, an as createNodeId, ao as derived, ap as effect, aq as formatDiagnostic, ar as generateApplicationId, as as generateNodeId, at as isBatching, au as nextId, av as nodeIdPrefix, aw as observerCount, ax as reactiveListItemKey, ay as reactiveListItemSignature, az as resetIdCounter, aA as signal, aB as signalKind, aC as streetui } from './compile-DGHUC0T6.cjs';
+import { R as RenderHandle, S as StreetRenderer, a as HydrationDiagnosticSink } from './hydration-diagnostics-D9odszLZ.cjs';
+export { H as HydrationDiagnostic, b as HydrationMismatchType, c as consoleHydrationDiagnosticSink, d as createHydrationDiagnosticCollector, f as formatHydrationDiagnostic } from './hydration-diagnostics-D9odszLZ.cjs';
+import { D as DOMAdapter } from './server-CNgoINXH.cjs';
+export { R as RenderToStringOptions, S as STATE_MARKER_ATTR, a as ServerDOMAdapter, r as readState, b as renderToString, s as serializeState, c as serverDOMAdapter } from './server-CNgoINXH.cjs';
 
 /**
  * A simple reactive store built on top of signals.
@@ -614,11 +614,14 @@ declare class ServerElement implements ServerNode {
     parent: ServerParent | null;
     readonly tagName: string;
     readonly attributes: Map<string, string>;
-    /** JS properties set via `setProperty` (e.g. input `value`, `checked`). */
-    readonly properties: Map<string, unknown>;
     readonly children: ServerNode[];
-    readonly style: ServerStyle;
+    _properties: Map<string, unknown> | null;
+    _style: ServerStyle | null;
     constructor(tagName: string);
+    /** JS properties set via `setProperty` (e.g. input `value`, `checked`). Allocated on first access. */
+    get properties(): Map<string, unknown>;
+    /** Inline-style holder mirroring `element.style`. Allocated on first access. */
+    get style(): ServerStyle;
 }
 /** Escape text node content. */
 declare function escapeHtmlText(value: string): string;

package/dist/index.d.ts

@@ -1,9 +1,9 @@
-import { a as Signal, b as Subscriber, U as Unsubscribe, R as ReadonlySignal, A as ApplicationId, D as DiagnosticCollector, c as ApplicationGraph, G as GraphNode, C as CompiledApplication, d as SemanticNodeType, P as PageDSL, e as ContainerDSL, f as SignalKind } from './compile-CTA4MLX6.js';
-export { g as A11yOptions, h as AppBuilder, i as AppDSL, j as AppOptions, k as ApplicationGraphOptions, B as BaseNode, l as Bindable, m as BindableText, n as BoundInputOptions, o as ButtonOptions, p as CompileOptions, q as ContainerBuilder, r as ContainerBuilderImpl, s as ContainerOptions, t as ContentDSL, u as ControlledInputOptions, v as DerivedSignal, w as Diagnostic, x as DiagnosticError, y as DiagnosticLocation, z as DiagnosticSeverity, E as ErrorBoundaryOptions, F as ErrorFallbackBuilder, H as ErrorSource, I as EventDescriptor, J as FormBuilder, K as FormBuilderImpl, L as FormDSL, M as FormOptions, N as GraphNodeData, O as HandlerFn, Q as HeadingOptions, T as ImageOptions, W as InputOptions, X as InputOptionsBase, Y as LinkOptions, Z as ListBuilder, _ as ListBuilderImpl, $ as ListDSL, a0 as ListOptions, a1 as ListPlanEntry, a2 as NodeId, a3 as NodeMetadata, a4 as PageBuilder, a5 as PageBuilderImpl, a6 as PropValue, a7 as Props, a8 as ReactiveConsumer, a9 as ReactiveSource, aa as SectionBuilder, ab as SectionBuilderImpl, ac as SectionDSL, ad as SectionOptions, ae as SerializedGraph, af as SerializedNode, ag as StateRef, S as StreetApp, ah as StreetUI, ai as TextOptions, aj as TextValue, V as VERSION, ak as batch, al as compile, am as compileGraph, an as createNodeId, ao as derived, ap as effect, aq as formatDiagnostic, ar as generateApplicationId, as as generateNodeId, at as isBatching, au as nextId, av as nodeIdPrefix, aw as observerCount, ax as reactiveListItemKey, ay as reactiveListItemSignature, az as resetIdCounter, aA as signal, aB as signalKind, aC as streetui } from './compile-CTA4MLX6.js';
-import { R as RenderHandle, S as StreetRenderer, a as HydrationDiagnosticSink } from './hydration-diagnostics-DqkNk4EU.js';
-export { H as HydrationDiagnostic, b as HydrationMismatchType, c as consoleHydrationDiagnosticSink, d as createHydrationDiagnosticCollector, f as formatHydrationDiagnostic } from './hydration-diagnostics-DqkNk4EU.js';
-import { D as DOMAdapter } from './server-CtHBgrxf.js';
-export { R as RenderToStringOptions, S as STATE_MARKER_ATTR, a as ServerDOMAdapter, r as readState, b as renderToString, s as serializeState, c as serverDOMAdapter } from './server-CtHBgrxf.js';
+import { a as Signal, b as Subscriber, U as Unsubscribe, R as ReadonlySignal, A as ApplicationId, D as DiagnosticCollector, c as ApplicationGraph, G as GraphNode, C as CompiledApplication, d as SemanticNodeType, P as PageDSL, e as ContainerDSL, f as SignalKind } from './compile-DGHUC0T6.js';
+export { g as A11yOptions, h as AppBuilder, i as AppDSL, j as AppOptions, k as ApplicationGraphOptions, B as BaseNode, l as Bindable, m as BindableText, n as BoundInputOptions, o as ButtonOptions, p as CompileOptions, q as ContainerBuilder, r as ContainerBuilderImpl, s as ContainerOptions, t as ContentDSL, u as ControlledInputOptions, v as DerivedSignal, w as Diagnostic, x as DiagnosticError, y as DiagnosticLocation, z as DiagnosticSeverity, E as ErrorBoundaryOptions, F as ErrorFallbackBuilder, H as ErrorSource, I as EventDescriptor, J as FormBuilder, K as FormBuilderImpl, L as FormDSL, M as FormOptions, N as GraphNodeData, O as HandlerFn, Q as HeadingOptions, T as ImageOptions, W as InputOptions, X as InputOptionsBase, Y as LinkOptions, Z as ListBuilder, _ as ListBuilderImpl, $ as ListDSL, a0 as ListOptions, a1 as ListPlanEntry, a2 as NodeId, a3 as NodeMetadata, a4 as PageBuilder, a5 as PageBuilderImpl, a6 as PropValue, a7 as Props, a8 as ReactiveConsumer, a9 as ReactiveSource, aa as SectionBuilder, ab as SectionBuilderImpl, ac as SectionDSL, ad as SectionOptions, ae as SerializedGraph, af as SerializedNode, ag as StateRef, S as StreetApp, ah as StreetUI, ai as TextOptions, aj as TextValue, V as VERSION, ak as batch, al as compile, am as compileGraph, an as createNodeId, ao as derived, ap as effect, aq as formatDiagnostic, ar as generateApplicationId, as as generateNodeId, at as isBatching, au as nextId, av as nodeIdPrefix, aw as observerCount, ax as reactiveListItemKey, ay as reactiveListItemSignature, az as resetIdCounter, aA as signal, aB as signalKind, aC as streetui } from './compile-DGHUC0T6.js';
+import { R as RenderHandle, S as StreetRenderer, a as HydrationDiagnosticSink } from './hydration-diagnostics-Cv0Bi9Aj.js';
+export { H as HydrationDiagnostic, b as HydrationMismatchType, c as consoleHydrationDiagnosticSink, d as createHydrationDiagnosticCollector, f as formatHydrationDiagnostic } from './hydration-diagnostics-Cv0Bi9Aj.js';
+import { D as DOMAdapter } from './server-CHT2bFkR.js';
+export { R as RenderToStringOptions, S as STATE_MARKER_ATTR, a as ServerDOMAdapter, r as readState, b as renderToString, s as serializeState, c as serverDOMAdapter } from './server-CHT2bFkR.js';
 
 /**
  * A simple reactive store built on top of signals.
@@ -614,11 +614,14 @@ declare class ServerElement implements ServerNode {
     parent: ServerParent | null;
     readonly tagName: string;
     readonly attributes: Map<string, string>;
-    /** JS properties set via `setProperty` (e.g. input `value`, `checked`). */
-    readonly properties: Map<string, unknown>;
     readonly children: ServerNode[];
-    readonly style: ServerStyle;
+    _properties: Map<string, unknown> | null;
+    _style: ServerStyle | null;
     constructor(tagName: string);
+    /** JS properties set via `setProperty` (e.g. input `value`, `checked`). Allocated on first access. */
+    get properties(): Map<string, unknown>;
+    /** Inline-style holder mirroring `element.style`. Allocated on first access. */
+    get style(): ServerStyle;
 }
 /** Escape text node content. */
 declare function escapeHtmlText(value: string): string;

package/dist/index.js

@@ -1,5 +1,5 @@
 // src/version.ts
-var VERSION = "1.3.0";
+var VERSION = "1.5.0";
 
 // ../state/src/signal.ts
 var _activeConsumer = null;
@@ -1841,7 +1841,7 @@ var BrowserDOMAdapter = class {
     return Array.from(node.childNodes);
   }
 };
-var browserDOMAdapter = new BrowserDOMAdapter();
+var browserDOMAdapter = /* @__PURE__ */ new BrowserDOMAdapter();
 
 // ../dom/src/server-node.ts
 var ServerStyle = class {
@@ -1882,13 +1882,30 @@ var ServerElement = class {
   parent = null;
   tagName;
   attributes = /* @__PURE__ */ new Map();
-  /** JS properties set via `setProperty` (e.g. input `value`, `checked`). */
-  properties = /* @__PURE__ */ new Map();
   children = [];
-  style = new ServerStyle();
+  // Lazily-allocated stores. On the 10k-row SSR corpus ~0% of elements carry JS
+  // properties or inline styles (measured, §5: 1 of 80,029 elements uses
+  // `properties`, 0 use `style`), so eagerly allocating a `properties` Map plus
+  // a `ServerStyle` (which itself holds a Map) per element wasted ~240k
+  // allocations per /users render — all in the dominant mount phase. These are
+  // created on first WRITE via the `properties`/`style` getters; the serializer
+  // reads the raw `_properties`/`_style` fields so a READ never forces an
+  // allocation. Output is byte-identical: an unset store previously serialized
+  // to nothing (empty `properties.has(...)` / `style.isEmpty`), and a null store
+  // is skipped the same way.
+  _properties = null;
+  _style = null;
   constructor(tagName) {
     this.tagName = tagName.toLowerCase();
   }
+  /** JS properties set via `setProperty` (e.g. input `value`, `checked`). Allocated on first access. */
+  get properties() {
+    return this._properties ??= /* @__PURE__ */ new Map();
+  }
+  /** Inline-style holder mirroring `element.style`. Allocated on first access. */
+  get style() {
+    return this._style ??= new ServerStyle();
+  }
 };
 var VOID_ELEMENTS = /* @__PURE__ */ new Set([
   "area",
@@ -1911,11 +1928,66 @@ var SERIALIZED_PROPERTIES = {
   checked: "boolean",
   selected: "boolean"
 };
+var SERIALIZED_PROPERTY_ENTRIES = Object.entries(SERIALIZED_PROPERTIES);
+var TEXT_SPECIAL = /[&<>]/;
+var ATTR_SPECIAL = /[&<>"]/;
 function escapeHtmlText(value) {
-  return value.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+  if (!TEXT_SPECIAL.test(value)) return value;
+  let out = "";
+  let last = 0;
+  for (let i = 0; i < value.length; i++) {
+    let esc;
+    switch (value.charCodeAt(i)) {
+      case 38:
+        esc = "&amp;";
+        break;
+      // &
+      case 60:
+        esc = "&lt;";
+        break;
+      // <
+      case 62:
+        esc = "&gt;";
+        break;
+      // >
+      default:
+        continue;
+    }
+    out += value.slice(last, i) + esc;
+    last = i + 1;
+  }
+  return out + value.slice(last);
 }
 function escapeHtmlAttr(value) {
-  return value.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
+  if (!ATTR_SPECIAL.test(value)) return value;
+  let out = "";
+  let last = 0;
+  for (let i = 0; i < value.length; i++) {
+    let esc;
+    switch (value.charCodeAt(i)) {
+      case 38:
+        esc = "&amp;";
+        break;
+      // &
+      case 60:
+        esc = "&lt;";
+        break;
+      // <
+      case 62:
+        esc = "&gt;";
+        break;
+      // >
+      case 34:
+        esc = "&quot;";
+        break;
+      // "
+      default:
+        continue;
+    }
+    out += value.slice(last, i) + esc;
+    last = i + 1;
+  }
+  return out + value.slice(last);
 }
 function serializeAttributes(el) {
   const parts = [];
@@ -1926,20 +1998,24 @@ function serializeAttributes(el) {
       parts.push(` ${name}="${escapeHtmlAttr(value)}"`);
     }
   }
-  for (const [name, kind] of Object.entries(SERIALIZED_PROPERTIES)) {
-    if (!el.properties.has(name)) continue;
-    if (el.attributes.has(name)) continue;
-    const raw = el.properties.get(name);
-    if (kind === "boolean") {
-      if (raw === true) parts.push(` ${name}`);
-    } else {
-      if (raw !== void 0 && raw !== null) {
-        parts.push(` ${name}="${escapeHtmlAttr(String(raw))}"`);
+  const props = el._properties;
+  if (props !== null) {
+    for (const [name, kind] of SERIALIZED_PROPERTY_ENTRIES) {
+      if (!props.has(name)) continue;
+      if (el.attributes.has(name)) continue;
+      const raw = props.get(name);
+      if (kind === "boolean") {
+        if (raw === true) parts.push(` ${name}`);
+      } else {
+        if (raw !== void 0 && raw !== null) {
+          parts.push(` ${name}="${escapeHtmlAttr(String(raw))}"`);
+        }
       }
     }
   }
-  if (!el.style.isEmpty && !el.attributes.has("style")) {
-    parts.push(` style="${escapeHtmlAttr(el.style.toCss())}"`);
+  const style = el._style;
+  if (style !== null && !style.isEmpty && !el.attributes.has("style")) {
+    parts.push(` style="${escapeHtmlAttr(style.toCss())}"`);
   }
   return parts.join("");
 }
@@ -2140,7 +2216,7 @@ var ServerDOMAdapter = class {
     return serializeServerNode(asServer(node));
   }
 };
-var serverDOMAdapter = new ServerDOMAdapter();
+var serverDOMAdapter = /* @__PURE__ */ new ServerDOMAdapter();
 
 // ../dom/src/focus.ts
 var FOCUSABLE_SELECTOR = 'a[href],button:not([disabled]),input:not([disabled]),select:not([disabled]),textarea:not([disabled]),[tabindex]:not([tabindex="-1"])';