streetui 2.5.0 → 2.6.0

package/dist/index.cjs

@@ -45,6 +45,7 @@ __export(src_exports, {
   NodeInstance: () => NodeInstance,
   PageBuilderImpl: () => PageBuilderImpl,
   ROUTER_OUTLET_ID: () => ROUTER_OUTLET_ID,
+  ROUTER_OUTLET_KEY: () => ROUTER_OUTLET_KEY,
   Runtime: () => Runtime,
   RuntimeNodeInstance: () => RuntimeNodeInstance,
   STATE_MARKER_ATTR: () => STATE_MARKER_ATTR,
@@ -211,7 +212,7 @@ __export(src_exports, {
 module.exports = __toCommonJS(src_exports);
 
 // src/version.ts
-var VERSION = "2.5.0";
+var VERSION = "2.6.0";
 
 // ../state/src/signal.ts
 var _activeConsumer = null;
@@ -1721,6 +1722,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 = {}) {
@@ -3451,6 +3462,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",
@@ -4206,6 +4222,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");
@@ -4594,6 +4627,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);
@@ -4745,6 +4799,8 @@ function expectedTag(ctx, graphNode) {
       return "img";
     case "link":
       return "a";
+    case "code":
+      return "pre";
     case "button":
       return "button";
     default:
@@ -5194,8 +5250,9 @@ function createRouter(options) {
 
 // ../router/src/mount-router.ts
 var ROUTER_OUTLET_ID = "streetui-router-outlet";
+var ROUTER_OUTLET_KEY = "router-outlet";
 function routerOutlet(scope, id = ROUTER_OUTLET_ID) {
-  scope.container("router-outlet", () => {
+  scope.container(ROUTER_OUTLET_KEY, () => {
   }, { id });
 }
 function isExternalHref(href) {
@@ -6620,6 +6677,7 @@ function defineConfig(config) {
   NodeInstance,
   PageBuilderImpl,
   ROUTER_OUTLET_ID,
+  ROUTER_OUTLET_KEY,
   Runtime,
   RuntimeNodeInstance,
   STATE_MARKER_ATTR,