streetui 2.4.0 → 2.6.0

package/dist/testing.d.cts

@@ -1,6 +1,6 @@
-import { S as StreetApp, H as HydrationDiagnostic, a as ComponentDefinition, b as ContainerBuilder } from './hydration-diagnostics-85_qrDqr.cjs';
-export { V as VERSION } from './hydration-diagnostics-85_qrDqr.cjs';
-import { R as RenderHandle } from './renderer-interface-BdUq693-.cjs';
+import { S as StreetApp, H as HydrationDiagnostic, a as ComponentDefinition, b as ContainerBuilder } from './hydration-diagnostics-D1GlzulR.cjs';
+export { V as VERSION } from './hydration-diagnostics-D1GlzulR.cjs';
+import { R as RenderHandle } from './renderer-interface-BzLwBsyj.cjs';
 export * from 'streetui/diagnostics';
 
 /**

package/dist/testing.d.ts

@@ -1,6 +1,6 @@
-import { S as StreetApp, H as HydrationDiagnostic, a as ComponentDefinition, b as ContainerBuilder } from './hydration-diagnostics-85_qrDqr.js';
-export { V as VERSION } from './hydration-diagnostics-85_qrDqr.js';
-import { R as RenderHandle } from './renderer-interface-BQ28oHnP.js';
+import { S as StreetApp, H as HydrationDiagnostic, a as ComponentDefinition, b as ContainerBuilder } from './hydration-diagnostics-D1GlzulR.js';
+export { V as VERSION } from './hydration-diagnostics-D1GlzulR.js';
+import { R as RenderHandle } from './renderer-interface-CmVlxE95.js';
 export * from 'streetui/diagnostics';
 
 /**

package/dist/testing.js

@@ -971,6 +971,11 @@ var TAG_MAP = {
   "list-item": "li",
   image: "img",
   link: "a",
+  // A `code()` node renders as a semantic `<pre>` outer element; the mount/
+  // hydrate branches add a single inner `<code>` holding the escaped source
+  // (mirrors how `text` renders `<span>` + an inner text node). One graph
+  // node → one outer element preserves positional hydration.
+  code: "pre",
   component: "div",
   slot: "div",
   fragment: "div",
@@ -1689,6 +1694,23 @@ function mountNode(ctx, graphNode, parentDom) {
     dom.appendChild(parentDom, el2);
     return instance2;
   }
+  if (graphNode.type === "code") {
+    const source = String(graphNode.getProp("text") ?? "");
+    const pre = dom.createElement("pre");
+    const codeEl = dom.createElement("code");
+    const textNode = dom.createTextNode(source);
+    dom.appendChild(codeEl, textNode);
+    dom.appendChild(pre, codeEl);
+    applyNodeProps(ctx, graphNode, pre);
+    const instance2 = new NodeInstance(graphNode, pre);
+    ctx.instances.set(graphNode.id, instance2);
+    wireEvents(dom, graph, graphNode, pre, instance2);
+    if (graphNode.stateRefs.length !== 0) {
+      wireSignalBindings(ctx, graphNode, instance2, textUpdate(dom, pre, textNode));
+    }
+    dom.appendChild(parentDom, pre);
+    return instance2;
+  }
   if (graphNode.type === "link") {
     const el2 = dom.createElement("a");
     const href = graphNode.getProp("href");
@@ -2070,6 +2092,27 @@ function hydrateNode(ctx, graphNode, domNode, path) {
       }
       return instance;
     }
+    case "code": {
+      let codeEl = dom.firstChild(domNode);
+      if (codeEl === null || dom.isTextNode(codeEl)) {
+        const createdCode = dom.createElement("code");
+        dom.appendChild(domNode, createdCode);
+        codeEl = createdCode;
+      }
+      let textNode = dom.firstChild(codeEl);
+      if (textNode === null || !dom.isTextNode(textNode)) {
+        const created = dom.createTextNode(String(graphNode.getProp("text") ?? ""));
+        dom.appendChild(codeEl, created);
+        textNode = created;
+      }
+      const instance = new NodeInstance(graphNode, domNode);
+      ctx.instances.set(graphNode.id, instance);
+      wireEvents(dom, graph, graphNode, domNode, instance);
+      if (graphNode.stateRefs.length !== 0) {
+        wireSignalBindings(ctx, graphNode, instance, textUpdate(dom, domNode, textNode));
+      }
+      return instance;
+    }
     case "image":
     case "link": {
       const instance = new NodeInstance(graphNode, domNode);
@@ -2221,6 +2264,8 @@ function expectedTag(ctx, graphNode) {
       return "img";
     case "link":
       return "a";
+    case "code":
+      return "pre";
     case "button":
       return "button";
     default:
@@ -3336,6 +3381,16 @@ var ContentBuilderBase = class {
       node.addEvent({ type: "click", handlerKey });
     }
   }
+  code(source, options = {}) {
+    const props = {};
+    if (options.language !== void 0) props["data-language"] = options.language;
+    if (options.class !== void 0) props["class"] = options.class;
+    if (options.id !== void 0) props["id"] = options.id;
+    applyA11yProps(props, options);
+    const node = this._graph.createNode("code", { parent: this._node, props });
+    const resolved = bindValue(this._graph, node, "text", source);
+    node.setProp("text", resolved);
+  }
 };
 var ContainerBuilderBase = class extends ContentBuilderBase {
   section(key, builder, options = {}) {
@@ -4072,7 +4127,7 @@ function trigger(el, type, init = {}) {
 }
 
 // src/version.ts
-var VERSION = "2.4.0";
+var VERSION = "2.6.0";
 export {
   VERSION,
   analyzeGraph,