streetui 2.5.0 → 2.6.0

package/dist/testing.cjs

@@ -1021,6 +1021,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",
@@ -1739,6 +1744,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");
@@ -2120,6 +2142,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);
@@ -2271,6 +2314,8 @@ function expectedTag(ctx, graphNode) {
       return "img";
     case "link":
       return "a";
+    case "code":
+      return "pre";
     case "button":
       return "button";
     default:
@@ -3386,6 +3431,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 = {}) {
@@ -4122,7 +4177,7 @@ function trigger(el, type, init = {}) {
 }
 
 // src/version.ts
-var VERSION = "2.5.0";
+var VERSION = "2.6.0";
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   VERSION,