octane 0.14.3 → 0.15.0

package/dist/cjs/index.cjs

@@ -88,6 +88,7 @@ __export(index_exports, {
   compilerOwnsContextProvider: () => import_runtime.compilerOwnsContextProvider,
   componentSlot: () => import_runtime.componentSlot,
   componentSlotFromConfig: () => import_runtime.componentSlotFromConfig,
+  componentSlotFunction: () => import_runtime.componentSlotFunction,
   componentSlotLite: () => import_runtime.componentSlotLite,
   componentSlotVoid: () => import_runtime.componentSlotVoid,
   createCompiledContext: () => import_runtime.createCompiledContext,
@@ -345,6 +346,7 @@ var import_method_dep = require("./method-dep.cjs");
   compilerOwnsContextProvider,
   componentSlot,
   componentSlotFromConfig,
+  componentSlotFunction,
   componentSlotLite,
   componentSlotVoid,
   createCompiledContext,

package/dist/cjs/internal/universal-children.cjs

@@ -0,0 +1,30 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var universal_children_exports = {};
+__export(universal_children_exports, {
+  createUniversalChildren: () => import_universal_children.createUniversalChildren,
+  descriptorChildren: () => import_universal_children.descriptorChildren
+});
+module.exports = __toCommonJS(universal_children_exports);
+var import_universal_children = require("../universal-children.cjs");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  createUniversalChildren,
+  descriptorChildren
+});

package/dist/cjs/runtime/block.cjs

@@ -351,7 +351,7 @@ function renderReturnedValue(block, out, reset) {
           (0, import_profile_probes.withProfileComponentOverride)(
             d.type,
             null,
-            () => (0, import_component_slots.componentSlot)(
+            () => (0, import_component_slots.componentSlotFunction)(
               block,
               0,
               domParent,
@@ -366,7 +366,7 @@ function renderReturnedValue(block, out, reset) {
             )
           );
         } else {
-          (0, import_component_slots.componentSlot)(
+          (0, import_component_slots.componentSlotFunction)(
             block,
             0,
             domParent,

package/dist/cjs/runtime/component-slots.cjs

@@ -31,6 +31,7 @@ __export(component_slots_exports, {
   compilerCacheContext: () => compilerCacheContext,
   compilerOpaqueTag: () => compilerOpaqueTag,
   componentSlot: () => componentSlot,
+  componentSlotFunction: () => componentSlotFunction,
   componentSlotImpl: () => componentSlotImpl,
   componentSlotVoid: () => componentSlotVoid,
   ctxDirectChanged: () => ctxDirectChanged,
@@ -387,6 +388,7 @@ function componentSlot(parentScope, slotKey, domParent, comp, props, invocationS
   if (!activity && typeof comp !== "function" && typeof comp !== "string") {
     throw (0, import_elements.invalidElementTypeError)(comp);
   }
+  if (typeof comp === "string" && !import_deopt.DESCRIPTOR_HOST_PROPS) (0, import_deopt.enableHostDescriptors)();
   const body = activity ? dispatch.body : typeof comp === "string" ? import_deopt.hostStringTagBody : comp;
   if (activity) {
     singleRoot = false;
@@ -422,6 +424,25 @@ function componentSlot(parentScope, slotKey, domParent, comp, props, invocationS
     typeof comp === "string" ? import_signal_owners.RENDERER_INVOCATION_SITE : invocationSite
   );
 }
+function componentSlotFunction(parentScope, slotKey, domParent, comp, props, invocationSite, anchor, singleRoot, inherit, key, hasKey) {
+  if (typeof comp !== "function") throw (0, import_elements.invalidElementTypeError)(comp);
+  componentSlotImpl(
+    import_block.renderReturnedValue,
+    parentScope,
+    slotKey,
+    domParent,
+    comp,
+    comp,
+    props,
+    props,
+    anchor,
+    key,
+    singleRoot,
+    inherit,
+    hasKey,
+    invocationSite
+  );
+}
 function componentSlotVoid(parentScope, slotKey, domParent, comp, props, invocationSite, anchor, singleRoot, inherit, key, hasKey) {
   if (typeof comp !== "function") throw (0, import_elements.invalidElementTypeError)(comp);
   componentSlotImpl(
@@ -1342,7 +1363,6 @@ function hmr(fn) {
           meta.liveBlocks.delete(b);
           continue;
         }
-        b.body = wrapper;
         if (typeof __OCTANE_PROFILE_ENABLED__ !== "undefined" && __OCTANE_PROFILE_ENABLED__)
           (0, import_profiling.__profileSchedule)(b, "hmr");
         (0, import_block.resetHmrBlock)(b);
@@ -1385,6 +1405,7 @@ function hmr(fn) {
   compilerCacheContext,
   compilerOpaqueTag,
   componentSlot,
+  componentSlotFunction,
   componentSlotImpl,
   componentSlotVoid,
   ctxDirectChanged,

package/dist/cjs/runtime/deopt.cjs

@@ -20,11 +20,13 @@ var deopt_exports = {};
 __export(deopt_exports, {
   DEOPT_DESC: () => DEOPT_DESC,
   DEOPT_REFS_STAMPED: () => DEOPT_REFS_STAMPED,
+  DESCRIPTOR_HOST_PROPS: () => DESCRIPTOR_HOST_PROPS,
   POSITIONAL_CHILDREN: () => POSITIONAL_CHILDREN,
   adoptsPureHost: () => adoptsPureHost,
   deoptItemBody: () => deoptItemBody,
   descNeedsBlocks: () => descNeedsBlocks,
   enableDescriptorFragmentRefs: () => enableDescriptorFragmentRefs,
+  enableHostDescriptors: () => enableHostDescriptors,
   getDeoptDesc: () => getDeoptDesc,
   hostComponent: () => hostComponent,
   hostElementBody: () => hostElementBody,
@@ -77,6 +79,10 @@ var import_templates = require("./templates.cjs");
 var import_events = require("./events.cjs");
 var import_forms = require("./forms.cjs");
 const __octaneDev = process.env.NODE_ENV !== "production";
+let DESCRIPTOR_HOST_PROPS = null;
+function enableHostDescriptors() {
+  DESCRIPTOR_HOST_PROPS = import_host_props.setHostProps;
+}
 const DEOPT_KEY_WARNED_BLOCKS = /* @__PURE__ */ new WeakSet();
 let DEOPT_KEY_WARNED_WITHOUT_BLOCK = false;
 function warnMissingListKey(owner) {
@@ -553,7 +559,13 @@ function reconcileDeoptNode(prev, value, ownerBlock, ns) {
         pending = pendingDeoptOrder(el);
         desc = changedDeoptRecord(el, value, pending);
       } else {
-        (0, import_host_props.setHostProps)(el, value.props, getDeoptDesc(el)?.props ?? null, ownerBlock, import_host_props.DESCRIPTOR_HOST);
+        DESCRIPTOR_HOST_PROPS(
+          el,
+          value.props,
+          getDeoptDesc(el)?.props ?? null,
+          ownerBlock,
+          import_host_props.DESCRIPTOR_HOST
+        );
         if (import_hydration_flag.hydrating && import_hydration.CURSOR !== null && import_render.ROOT_RENDER_TRANSACTION !== null) {
           defer = true;
           desc = deoptRecord(el, value);
@@ -565,7 +577,7 @@ function reconcileDeoptNode(prev, value, ownerBlock, ns) {
       if (hydration !== null)
         return hydration.suspend(() => reconcileDeoptNode(null, value, ownerBlock, ns));
       el = elNs !== void 0 ? document.createElementNS(elNs, value.type) : document.createElement(value.type);
-      (0, import_host_props.setHostProps)(el, value.props, void 0, ownerBlock, import_host_props.DESCRIPTOR_HOST);
+      DESCRIPTOR_HOST_PROPS(el, value.props, void 0, ownerBlock, import_host_props.DESCRIPTOR_HOST);
     }
     if (desc === null) setDeoptDesc(el, value);
     const nodes = hasHostPropContent(value) ? null : reconcileDeoptChildren(
@@ -789,7 +801,7 @@ function applyDeoptOrder(order) {
 }
 function commitDeoptHost(el, record, owner) {
   const committed = el[DEOPT_DESC];
-  (0, import_host_props.setHostProps)(el, record.props, committed?.props ?? null, owner, import_host_props.DESCRIPTOR_HOST);
+  DESCRIPTOR_HOST_PROPS(el, record.props, committed?.props ?? null, owner, import_host_props.DESCRIPTOR_HOST);
   stampDeoptDesc(el, record);
 }
 function placeDeoptChildren(el, result, skip, adopt) {
@@ -998,7 +1010,7 @@ function mappedDeoptItemBody(item, scope) {
         }
       }
       try {
-        (0, import_component_slots.componentSlot)(
+        (0, import_component_slots.componentSlotFunction)(
           scope,
           0,
           parent,
@@ -1102,7 +1114,7 @@ function hostElementBody(d, block) {
   if (el === null && hydration !== null && hydration.node !== null && hydration.node.nodeType === 1 && (0, import_host_props.isHostElementOfType)(hydration.node, d.type) && (elNs === void 0 || hydration.node.namespaceURI === elNs)) {
     el = hydration.node;
     block.deoptNode = el;
-    (0, import_host_props.setHostProps)(el, d.props, void 0, block, import_host_props.DESCRIPTOR_HOST);
+    DESCRIPTOR_HOST_PROPS(el, d.props, void 0, block, import_host_props.DESCRIPTOR_HOST);
     setDeoptDesc(el, d);
     const savedCursor = (0, import_templates.getNextSibling)(hydration.node);
     if (!hasHostPropContent(d)) {
@@ -1148,11 +1160,11 @@ function hostElementBody(d, block) {
       const frag = (0, import_commit.queueFrontier)(block, parent, block.endMarker);
       frag.appendChild(el);
     } else parent.insertBefore(el, block.endMarker);
-    (0, import_host_props.setHostProps)(el, d.props, void 0, block, import_host_props.DESCRIPTOR_HOST);
+    DESCRIPTOR_HOST_PROPS(el, d.props, void 0, block, import_host_props.DESCRIPTOR_HOST);
   } else if ((0, import_commit.usesFrontier)(block, el)) {
     desc = changedDeoptRecord(el, d, pendingDeoptOrder(el));
   } else {
-    (0, import_host_props.setHostProps)(el, d.props, getDeoptDesc(el)?.props ?? null, block, import_host_props.DESCRIPTOR_HOST);
+    DESCRIPTOR_HOST_PROPS(el, d.props, getDeoptDesc(el)?.props ?? null, block, import_host_props.DESCRIPTOR_HOST);
   }
   if (desc === null) setDeoptDesc(el, d);
   if (!hasHostPropContent(d)) deoptHostChildren(block, el, d, elNs);
@@ -1169,7 +1181,7 @@ function hostStringTagBody(d, block) {
     if (hydration !== null && hydration.node !== null && hydration.node.nodeType === 1 && (0, import_host_props.isHostElementOfType)(hydration.node, tag) && (elNs === void 0 || hydration.node.namespaceURI === elNs)) {
       el = hydration.node;
       block.deoptNode = el;
-      (0, import_host_props.setHostProps)(el, d.props, void 0, block, import_host_props.DESCRIPTOR_HOST);
+      DESCRIPTOR_HOST_PROPS(el, d.props, void 0, block, import_host_props.DESCRIPTOR_HOST);
       setDeoptDesc(el, d);
       const savedCursor = (0, import_templates.getNextSibling)(hydration.node);
       if (!hasHostPropContent(d)) {
@@ -1190,11 +1202,11 @@ function hostStringTagBody(d, block) {
     block.deoptNode = el;
     const parent = block.parentNode;
     parent.insertBefore(el, block.endMarker);
-    (0, import_host_props.setHostProps)(el, d.props, void 0, block, import_host_props.DESCRIPTOR_HOST);
+    DESCRIPTOR_HOST_PROPS(el, d.props, void 0, block, import_host_props.DESCRIPTOR_HOST);
   } else if ((0, import_commit.usesFrontier)(block, el)) {
     desc = changedDeoptRecord(el, d, pendingDeoptOrder(el));
   } else {
-    (0, import_host_props.setHostProps)(el, d.props, getDeoptDesc(el)?.props ?? null, block, import_host_props.DESCRIPTOR_HOST);
+    DESCRIPTOR_HOST_PROPS(el, d.props, getDeoptDesc(el)?.props ?? null, block, import_host_props.DESCRIPTOR_HOST);
   }
   if (desc === null) setDeoptDesc(el, d);
   if (!hasHostPropContent(d)) renderHostTagChildren(d, block, el);
@@ -1576,11 +1588,13 @@ function renderPreparedChildList(state, parentBlock, domParent, preparedList, hy
 0 && (module.exports = {
   DEOPT_DESC,
   DEOPT_REFS_STAMPED,
+  DESCRIPTOR_HOST_PROPS,
   POSITIONAL_CHILDREN,
   adoptsPureHost,
   deoptItemBody,
   descNeedsBlocks,
   enableDescriptorFragmentRefs,
+  enableHostDescriptors,
   getDeoptDesc,
   hostComponent,
   hostElementBody,

package/dist/cjs/runtime/elements.cjs

@@ -172,6 +172,7 @@ function copyScopedElementConfig(type, config, resolve) {
   return props;
 }
 function scopedElementRecord(type, props, key, ref, resolve, invocationSite) {
+  if (typeof type === "string" && !import_deopt.DESCRIPTOR_HOST_PROPS) (0, import_deopt.enableHostDescriptors)();
   const descriptor = { $$kind: import_runtime_tags.ELEMENT_TAG, type, props, key, ref };
   if (invocationSite !== void 0) descriptor.__octaneInvocationSite = invocationSite;
   Object.defineProperty(descriptor, SCOPED_CHILDREN_RESOLVER, { value: resolve });
@@ -288,6 +289,7 @@ function createElement(type, props, ...children) {
 function enableDescriptorCapabilities() {
   (0, import_host_props.enableDescriptorFormActions)();
   (0, import_deopt.enableDescriptorFragmentRefs)();
+  (0, import_deopt.enableHostDescriptors)();
 }
 function createHostElement(type, props, ...children) {
   return createElementFromConfig(void 0, type, props, children);
@@ -322,7 +324,9 @@ function renderFragmentConfig(props) {
   return props.children;
 }
 function createElementFromConfig(invocationSite, type, props, children = import_events.EMPTY_ARGS) {
-  if (typeof type === "function" && (0, import_renderer_bridge.isRendererContext)(type)) {
+  if (typeof type === "string") {
+    if (!import_deopt.DESCRIPTOR_HOST_PROPS) (0, import_deopt.enableHostDescriptors)();
+  } else if (typeof type === "function" && (0, import_renderer_bridge.isRendererContext)(type)) {
     (0, import_renderer_bridge.registerClientRendererBridge)(import_context.renderClientContextProvider, import_engine.flushSync);
   }
   const src = props ?? null;

package/dist/cjs/runtime/hooks.cjs

@@ -104,7 +104,8 @@ function ensureHooks(scope) {
 }
 function registerHookCleanup(scope, cleanup) {
   if (__octaneDev) {
-    if (scope.block.body?.[import_component_slots.HMR] !== void 0) {
+    const body = scope.block.body;
+    if (body?.[import_component_slots.HMR] !== void 0 || body?.type?.[import_component_slots.HMR] !== void 0) {
       cleanup[import_component_slots.HMR] = true;
     }
   }

package/dist/cjs/runtime/host-props.cjs

@@ -1156,6 +1156,32 @@ let SKIP_SPREAD_KEY = null;
 function skipSpreadKey(el, k, flags) {
   return (flags & SKIP_RAW_HTML) !== 0 && k === "dangerouslySetInnerHTML" || (flags & SKIP_FORM_CONTROLS) !== 0 && isAggregatedFormControlProp(el, k);
 }
+const SPREAD_CLASS_VALUES = /* @__PURE__ */ new WeakMap();
+function previousSpreadClass(value) {
+  if (value == null || value === false) return null;
+  if (typeof value === "string" || typeof value === "number" || typeof value === "boolean")
+    return (0, import_css.normalizeClass)(value);
+  if (typeof value === "object" && value !== null || typeof value === "function")
+    return SPREAD_CLASS_VALUES.get(value);
+  return void 0;
+}
+function setHostPropClassAttr(el, value, prevValue) {
+  const prevCls = previousSpreadClass(prevValue);
+  const cls = value == null || value === false ? null : (0, import_css.normalizeClass)(value);
+  if (typeof value === "object" && value !== null || typeof value === "function")
+    SPREAD_CLASS_VALUES.set(value, cls);
+  if (import_hydration_flag.hydrating && import_hydration.CURSOR !== null) {
+    import_hydration.CURSOR.adopts(el);
+    if (__octaneDev) (0, import_dev_values.unpatchedClass)(import_hydration.CURSOR, el, cls, false);
+    return;
+  }
+  if (import_render.TRANSITION_JOURNAL !== null) (0, import_commit.journalBag)();
+  if (import_render.ROOT_RENDER_TRANSACTION === null || (0, import_signal_bindings.pendingWrites)(import_render.CURRENT_BLOCK) === null) {
+    if (prevCls !== void 0 && prevCls === cls && el.getAttribute("class") === cls) return;
+  }
+  if (cls === null) el.removeAttribute("class");
+  else el.setAttribute("class", cls);
+}
 function setHostProps(el, value, prev, mountScope, flags) {
   const descriptor = (flags & DESCRIPTOR_HOST) !== 0;
   let needsCheckedInitialization = descriptor && prev === void 0 && el.localName === "input";
@@ -1213,7 +1239,8 @@ function setHostProps(el, value, prev, mountScope, flags) {
       continue;
     if (k === "class" || k === "className") {
       if (v === pv && !initialHydration) continue;
-      setClassAttr(el, v);
+      if (descriptor) setClassAttr(el, v);
+      else setHostPropClassAttr(el, v, pv);
       continue;
     }
     if (k === "style") {

package/dist/cjs/runtime.cjs

@@ -112,6 +112,7 @@ __export(runtime_exports, {
   compilerOwnsContextProvider: () => import_context.compilerOwnsContextProvider,
   componentSlot: () => import_component_slots.componentSlot,
   componentSlotFromConfig: () => import_elements.componentSlotFromConfig,
+  componentSlotFunction: () => import_component_slots.componentSlotFunction,
   componentSlotLite: () => import_render.componentSlotLite,
   componentSlotVoid: () => import_component_slots.componentSlotVoid,
   createCompiledContext: () => import_context.createCompiledContext,
@@ -547,6 +548,7 @@ var import_css2 = require("./css.cjs");
   compilerOwnsContextProvider,
   componentSlot,
   componentSlotFromConfig,
+  componentSlotFunction,
   componentSlotLite,
   componentSlotVoid,
   createCompiledContext,

package/dist/cjs/universal-children.cjs

@@ -0,0 +1,183 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var universal_children_exports = {};
+__export(universal_children_exports, {
+  createUniversalChildren: () => createUniversalChildren,
+  descriptorChildren: () => descriptorChildren
+});
+module.exports = __toCommonJS(universal_children_exports);
+const UNIVERSAL_VALUE = /* @__PURE__ */ Symbol.for("octane.universal.value");
+const UNIVERSAL_LIST = /* @__PURE__ */ Symbol.for("octane.universal.list");
+const UNIVERSAL_CHILDREN = /* @__PURE__ */ Symbol.for("octane.universal.children");
+const UNIVERSAL_KEYED = /* @__PURE__ */ Symbol.for("octane.universal.keyed");
+const UNIVERSAL_COMPONENT_VALUE = /* @__PURE__ */ Symbol.for("octane.universal.component-value");
+function renderableKey(value) {
+  if (value?.$$kind === UNIVERSAL_VALUE) {
+    return value.key;
+  }
+  if (value?.$$kind === UNIVERSAL_KEYED) {
+    return value.key;
+  }
+  if (value?.$$kind === UNIVERSAL_COMPONENT_VALUE) {
+    const component = value;
+    return component.hasKey ? component.key : null;
+  }
+  return null;
+}
+function normalizeUniversalKey(value) {
+  if (value == null) return null;
+  if (typeof value === "string" || typeof value === "number" || typeof value === "symbol" || typeof value === "bigint") {
+    return value;
+  }
+  throw new TypeError(`Universal keys must be strings, numbers, symbols, or bigints.`);
+}
+const CHILD_KEY_SYMBOL_IDS = /* @__PURE__ */ new Map();
+function encodeChildKeySegment(segment) {
+  if (typeof segment === "string") return JSON.stringify(segment);
+  if (typeof segment === "bigint") return `${segment}n`;
+  if (typeof segment === "symbol") {
+    let id = CHILD_KEY_SYMBOL_IDS.get(segment);
+    if (id === void 0) CHILD_KEY_SYMBOL_IDS.set(segment, id = CHILD_KEY_SYMBOL_IDS.size);
+    return `@${id}`;
+  }
+  return String(segment);
+}
+function encodeChildKey(path) {
+  return path.map(encodeChildKeySegment).join(",");
+}
+function createUniversalChildren(runtime) {
+  const { universalKey, universalPlan, universalValue, normalizeProps, checkRenderer } = runtime;
+  const NORMALIZED_CHILD_KEYS = /* @__PURE__ */ new WeakMap();
+  function universalChildEntries(children) {
+    const out = [];
+    const collectionKey = (child) => {
+      const key = renderableKey(child);
+      if (key !== null) return key;
+      if (child?.$$kind !== UNIVERSAL_VALUE) return null;
+      const { plan, values } = child;
+      let node = plan.root;
+      if (node.kind === "slot") return collectionKey(values[node.slot]);
+      if (node.kind !== "host" && node.kind !== "component") return null;
+      if (node.kind === "component" && node.keySlot !== void 0)
+        return normalizeUniversalKey(values[node.keySlot]);
+      return normalizeUniversalKey(
+        node.propsSlot === void 0 ? node.kind === "host" ? node.props?.["key"] : null : normalizeProps(values[node.propsSlot]).key
+      );
+    };
+    const visit = (child, path) => {
+      if (child == null || typeof child === "boolean") return;
+      if (typeof child === "object") {
+        const normalizedKey = NORMALIZED_CHILD_KEYS.get(child);
+        if (normalizedKey !== void 0) {
+          out.push({ child, key: normalizedKey });
+          return;
+        }
+      }
+      if (Array.isArray(child)) {
+        child.forEach((item, index) => {
+          const key2 = collectionKey(item);
+          visit(item, [...path, key2 === null ? "index" : "key", key2 ?? index]);
+        });
+        return;
+      }
+      if (child?.$$kind === UNIVERSAL_CHILDREN) {
+        const children2 = child;
+        checkRenderer(children2.renderer);
+        visit(children2.render(), path);
+        return;
+      }
+      if (child?.$$kind === UNIVERSAL_LIST) {
+        const list = child;
+        visit(list.values.length === 0 ? list.empty : list.values, path);
+        return;
+      }
+      if (child?.$$kind === UNIVERSAL_VALUE) {
+        const value = child;
+        checkRenderer(value.plan.renderer);
+        if (value.key !== null) {
+          out.push({ child, key: encodeChildKey([...path, "key", value.key]) });
+          return;
+        }
+        const visitNode = (node, nodePath) => {
+          if (node.kind === "range") {
+            node.children.forEach((item, index) => visitNode(item, [...nodePath, index]));
+          } else if (node.kind === "slot") {
+            visit(value.values[node.slot], nodePath);
+          } else if (node.kind === "text") {
+            visit(
+              node.slot === void 0 ? node.value : value.values[node.slot],
+              nodePath
+            );
+          } else {
+            const key2 = node.kind === "component" ? node.keySlot === void 0 ? node.propsSlot === void 0 ? null : normalizeProps(value.values[node.propsSlot]).key : value.values[node.keySlot] : node.kind === "host" ? node.propsSlot === void 0 ? node.props?.["key"] ?? null : normalizeProps(value.values[node.propsSlot]).key : null;
+            const item = universalValue(universalPlan(value.plan.renderer, node), value.values);
+            out.push({
+              child: item,
+              key: encodeChildKey(
+                key2 == null ? nodePath : [...node === value.plan.root ? path : nodePath.slice(0, -1), "key", key2]
+              )
+            });
+          }
+        };
+        visitNode(value.plan.root, path);
+        return;
+      }
+      const key = renderableKey(child);
+      out.push({ child, key: encodeChildKey(key === null ? path : [...path, "key", key]) });
+    };
+    visit(children, []);
+    return out;
+  }
+  function normalizedChild(key, child) {
+    const value = universalKey(key, child);
+    if (typeof value === "object" && value !== null) NORMALIZED_CHILD_KEYS.set(value, key);
+    return value;
+  }
+  return {
+    toArray(children) {
+      return universalChildEntries(children).map(
+        ({ child, key }) => typeof child === "object" && child !== null ? normalizedChild(key, child) : child
+      );
+    },
+    map(children, fn) {
+      if (children == null) return children;
+      const out = [];
+      universalChildEntries(children).forEach(({ child, key }, index) => {
+        const mapped = fn(child, index);
+        if (mapped == null || typeof mapped === "boolean") return;
+        if (Array.isArray(mapped)) {
+          for (const entry of universalChildEntries(mapped)) {
+            out.push(normalizedChild(encodeChildKey([key, entry.key]), entry.child));
+          }
+        } else {
+          out.push(normalizedChild(key, mapped));
+        }
+      });
+      return out;
+    }
+  };
+}
+function descriptorChildren(component) {
+  return component;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  createUniversalChildren,
+  descriptorChildren
+});

package/dist/cjs/version.cjs

@@ -21,7 +21,7 @@ __export(version_exports, {
   version: () => version
 });
 module.exports = __toCommonJS(version_exports);
-const version = "0.14.3";
+const version = "0.15.0";
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   version

package/dist/compiler/compile-universal.js

@@ -242,6 +242,8 @@ const THREE_BUILTIN_CONSTRUCTORS = new Set([
 
 const UNIVERSAL_RUNTIME_IMPORTS = new Set([
 	'Activity',
+	'Children',
+	'descriptorChildren',
 	'createContext',
 	'createPortal',
 	'lazy',