streetui 1.3.0 → 1.5.0

package/dist/testing.cjs

@@ -312,7 +312,6 @@ var BrowserDOMAdapter = class {
     return Array.from(node.childNodes);
   }
 };
-var browserDOMAdapter = new BrowserDOMAdapter();
 
 // ../dom/src/server-node.ts
 var ServerStyle = class {
@@ -353,13 +352,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",
@@ -382,11 +398,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 = [];
@@ -397,20 +468,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("");
 }
@@ -611,7 +686,6 @@ var ServerDOMAdapter = class {
     return serializeServerNode(asServer(node));
   }
 };
-var serverDOMAdapter = new ServerDOMAdapter();
 
 // ../renderer/src/render-context.ts
 function createRenderContext(dom, graph, container, hydrationDiagnostics) {
@@ -1998,7 +2072,7 @@ function formatInspection(inspection) {
 }
 
 // src/version.ts
-var VERSION = "1.3.0";
+var VERSION = "1.5.0";
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   VERSION,