@miaskiewicz/turbo-dom 0.7.1 → 0.8.0

package/src/runtime/html-serialize.mjs

@@ -17,33 +17,37 @@ function escapeAttr(s) {
   return s.replace(/&/g, '&amp;').replace(/ /g, '&nbsp;').replace(/"/g, '&quot;').replace(/</g, '&lt;').replace(/>/g, '&gt;');
 }
 
+// An element: its tag (HTML / SVG / MathML elements serialize their local name, other
+// namespaces the qualified name; a createElementNS prefix is kept on all of them — Chrome
+// 156: <h:br>, <svg:g>), attributes and children. Only HTML elements can be void or
+// <template>, keyed on the local name.
+function serializeElement(node, out) {
+  const ns = node.__ns, html = ns === '', local = node.localName;
+  const tag = node.__prefix !== undefined ? `${node.__prefix}:${local}`
+    : html || ns === 'svg' || ns === 'math' ? local : node.tagName;
+  out.push('<' + tag);
+  // __attrs is lazy: buffer-backed elements leave it undefined (store __attrIdx).
+  // Build from the SoA on first touch, matching every other __attrs read site.
+  const attrs = node.__attrs ?? (node.__attrs = node.__buildAttrs());
+  for (const a of attrs) {
+    const name = a.prefix ? `${a.prefix}:${a.name}` : a.name;
+    out.push(` ${name}="${escapeAttr(a.value)}"`);
+  }
+  out.push('>');
+  if (html && VOID.has(local)) return;
+  if (html && local === 'template' && node.content) {
+    serializeChildren(node.content, out);
+  } else {
+    serializeChildren(node, out);
+  }
+  out.push(`</${tag}>`);
+}
+
 function serializeNode(node, out) {
   switch (node.nodeType) {
-    case 1: { // element
-      // HTML / SVG / MathML elements serialize their local name, other namespaces the
-      // qualified name; a createElementNS prefix is kept on all of them (Chrome 156:
-      // <h:br>, <svg:g>). Only HTML elements can be void or <template>, keyed on the local name.
-      const ns = node.__ns, html = ns === '', local = node.localName;
-      const tag = node.__prefix !== undefined ? `${node.__prefix}:${local}`
-        : html || ns === 'svg' || ns === 'math' ? local : node.tagName;
-      out.push('<' + tag);
-      // __attrs is lazy: buffer-backed elements leave it undefined (store __attrIdx).
-      // Build from the SoA on first touch, matching every other __attrs read site.
-      const attrs = node.__attrs ?? (node.__attrs = node.__buildAttrs());
-      for (const a of attrs) {
-        const name = a.prefix ? `${a.prefix}:${a.name}` : a.name;
-        out.push(` ${name}="${escapeAttr(a.value)}"`);
-      }
-      out.push('>');
-      if (html && VOID.has(local)) break;
-      if (html && local === 'template' && node.content) {
-        serializeChildren(node.content, out);
-      } else {
-        serializeChildren(node, out);
-      }
-      out.push(`</${tag}>`);
+    case 1: // element
+      serializeElement(node, out);
       break;
-    }
     case 3: { // text
       // raw text keys on the parent's prefix-free local name (Chrome 156: <h:script> escapes)
       const parent = node.parentNode, parentTag = parent && parent.__prefix === undefined && parent.localName;