octane 0.11.0 → 0.12.0

package/dist/cjs/runtime.cjs

@@ -22255,7 +22255,8 @@ function hostComponent(scope, slot, tag, props, childrenBody, anchor) {
   let state = scope.slots[slot];
   if (state === void 0) {
     enableDescriptorFormActions();
-    const el2 = (STAGED_DOM?.view(document) ?? document).createElement(tag);
+    const elNs = inferTagNs(tag, deoptChildNamespace(block.parentNode));
+    const el2 = elNs !== void 0 ? (STAGED_DOM?.view(document) ?? document).createElementNS(elNs, tag) : (STAGED_DOM?.view(document) ?? document).createElement(tag);
     state = {
       el: el2,
       anchor: null,
@@ -22822,6 +22823,23 @@ function nextDeoptOwnedChild(scan, adoptHydrationChildren) {
   }
   return null;
 }
+function promoteSelfMarkedItem(block) {
+  const sm = block.startMarker;
+  if (sm === null || sm !== block.endMarker || sm.nodeType === 8 || (STAGED_DOM?.view(sm) ?? sm).parentNode === null)
+    return;
+  const p = (STAGED_DOM?.view(sm) ?? sm).parentNode;
+  if (ROOT_RENDER_TRANSACTION !== null) {
+    journalRootRange(p, (STAGED_DOM?.view(sm) ?? sm).previousSibling, getNextSibling(sm));
+    journalRootProperty(block, "startMarker", block.startMarker);
+    journalRootProperty(block, "endMarker", block.endMarker);
+  }
+  const s = (STAGED_DOM?.view(document) ?? document).createComment("it");
+  const e = (STAGED_DOM?.view(document) ?? document).createComment("/it");
+  (STAGED_DOM?.view(p) ?? p).insertBefore(s, sm);
+  (STAGED_DOM?.view(p) ?? p).insertBefore(e, getNextSibling(sm));
+  block.startMarker = s;
+  block.endMarker = e;
+}
 function deoptItemBody(item, scope) {
   const block = scope.block;
   const hydration = import_hydration_flag.hydrating ? activeHydration() : null;
@@ -22829,21 +22847,7 @@ function deoptItemBody(item, scope) {
   const itemType = isElementDescriptor(item) ? item.type : void 0;
   const hostItem = typeof itemType === "string";
   const needsBlocks = hostItem && existingChild?.__kind === "childSlot" && existingChild.currentComp === hostElementBody || typeof itemType === "function" || descNeedsBlocks(item);
-  const sm = block.startMarker;
-  if (sm !== null && sm === block.endMarker && sm.nodeType !== 8 && (STAGED_DOM?.view(sm) ?? sm).parentNode !== null && (needsBlocks || !hostItem)) {
-    const p = (STAGED_DOM?.view(sm) ?? sm).parentNode;
-    if (ROOT_RENDER_TRANSACTION !== null) {
-      journalRootRange(p, (STAGED_DOM?.view(sm) ?? sm).previousSibling, getNextSibling(sm));
-      journalRootProperty(block, "startMarker", block.startMarker);
-      journalRootProperty(block, "endMarker", block.endMarker);
-    }
-    const s = (STAGED_DOM?.view(document) ?? document).createComment("it");
-    const e = (STAGED_DOM?.view(document) ?? document).createComment("/it");
-    (STAGED_DOM?.view(p) ?? p).insertBefore(s, sm);
-    (STAGED_DOM?.view(p) ?? p).insertBefore(e, getNextSibling(sm));
-    block.startMarker = s;
-    block.endMarker = e;
-  }
+  if (needsBlocks || !hostItem) promoteSelfMarkedItem(block);
   if (needsBlocks) {
     const stale = block.deoptNode;
     let transfer = null;
@@ -23004,9 +23008,20 @@ function mappedDeoptItemBody(item, scope) {
     if (state === void 0 || state.__kind === "componentSlotSlot") {
       const stale = block.deoptNode;
       if (stale !== null) {
-        detachDeoptTreeRefs(stale, null);
-        if ((STAGED_DOM?.view(stale) ?? stale).parentNode === block.parentNode)
-          domNode(block.parentNode).removeChild(stale);
+        promoteSelfMarkedItem(block);
+        journalRootProperty(block, "deoptNode", stale);
+        const attached = (STAGED_DOM?.view(stale) ?? stale).parentNode === block.parentNode;
+        if (attached && ROOT_RENDER_TRANSACTION !== null) {
+          journalRootRange(
+            block.parentNode,
+            (STAGED_DOM?.view(stale) ?? stale).previousSibling,
+            getNextSibling(stale)
+          );
+          deferRootRange(block.parentNode, stale, stale, () => detachDeoptTreeRefs(stale, null));
+        } else {
+          detachDeoptTreeRefs(stale, null);
+          if (attached) domNode(block.parentNode).removeChild(stale);
+        }
         block.deoptNode = null;
       }
       componentSlot(
@@ -29143,7 +29158,8 @@ function switchBlock(parentScope, slotKey, domParent, discriminant, cases, defau
     body,
     "switch",
     env,
-    lite !== void 0 && (lite & (nextIdx < 0 ? 1 : 2 << nextIdx)) !== 0
+    // Only the first 30 cases have lite bits, and a shift count wraps at 32.
+    lite !== void 0 && nextIdx < 30 && (lite & (nextIdx < 0 ? 1 : 2 << nextIdx)) !== 0
   );
 }
 function forBlock(parentScope, slotKey, domParent, inputItems, getKey, itemBody, flags, deps, emptyBody, anchor, ownEnd, signalSite) {
@@ -29411,9 +29427,11 @@ function mountFastHostItems(parentScope, state, parentNode, items, getKey, itemB
       block.currentRenderDeferred = deferred;
       CURRENT_SCOPE = block;
       CURRENT_BLOCK = block;
+      NATIVE_READ_DRIVER?.beginRender(block);
       itemBody(item, block, deps);
       CURRENT_SCOPE = previousScope;
       CURRENT_BLOCK = previousBlock;
+      NATIVE_READ_DRIVER?.endRender(block, true, false);
       block.mounted = true;
       const end = state.end;
       const root = (STAGED_DOM?.view(end) ?? end).previousSibling;
@@ -29432,6 +29450,7 @@ function mountFastHostItems(parentScope, state, parentNode, items, getKey, itemB
     CURRENT_SCOPE = previousScope;
     CURRENT_BLOCK = previousBlock;
     if (current !== null) {
+      NATIVE_READ_DRIVER?.endRender(current, false, isSuspenseException(error));
       if (current.slots[0] !== void 0) {
         const end = state.end;
         const root = (STAGED_DOM?.view(end) ?? end).previousSibling;

package/dist/cjs/runtime.server.cjs

@@ -1138,6 +1138,7 @@ function cloneElement(element, config, ...children) {
   if (n === 1) {
     kids = children[0];
   } else if (n > 1) {
+    POSITIONAL_CHILDREN.add(children);
     kids = children;
   } else if (scopedChildren !== void 0 && !replacedChildren) {
     Object.defineProperty(

package/dist/cjs/version.cjs

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

package/dist/compiler/compile-valdi.js

@@ -433,7 +433,11 @@ function attributeEntries(node, state) {
 		}
 		const name = attribute.name?.type === 'JSXIdentifier' ? attribute.name.name : null;
 		if (name === null) throw valdiError(state, attribute, 'namespaced attributes are unsupported.');
-		if (name === 'ref' || name === 'children') {
+		if (
+			name === 'children' ||
+			(name === 'ref' &&
+				(intrinsicTag(node) === null || !state.renderer.capabilities?.includes('host-ref')))
+		) {
 			throw valdiError(state, attribute, `authored ${name} props are not supported yet.`);
 		}
 		return { name, value: attributeValue(attribute, state), origin: attribute };
@@ -598,6 +602,8 @@ function keyExpression(state, prototype, keys, explicit, origin) {
 }
 
 function mergedAttributes(entries, state, origin) {
+	const allowRef =
+		intrinsicTag(origin) !== null && state.renderer.capabilities?.includes('host-ref');
 	const keyName = allocName(state, '__octaneValdiKey');
 	const refName = allocName(state, '__octaneValdiRef');
 	const childrenName = allocName(state, '__octaneValdiChildren');
@@ -611,18 +617,20 @@ function mergedAttributes(entries, state, origin) {
 	);
 	const pattern = b.object_pattern([
 		b.prop('init', b.id('key'), b.id(keyName)),
-		b.prop('init', b.id('ref'), b.id(refName)),
+		...(allowRef ? [] : [b.prop('init', b.id('ref'), b.id(refName))]),
 		b.prop('init', b.id('children'), b.id(childrenName)),
 		b.rest(b.id(propsName)),
 	]);
 	const prelude = [
 		b.const(pattern, expression),
 		b.if(
-			b.logical(
-				'||',
-				b.binary('!==', b.id(refName), b.unary('void', b.literal(0))),
-				b.binary('!==', b.id(childrenName), b.unary('void', b.literal(0))),
-			),
+			allowRef
+				? b.binary('!==', b.id(childrenName), b.unary('void', b.literal(0)))
+				: b.logical(
+						'||',
+						b.binary('!==', b.id(refName), b.unary('void', b.literal(0))),
+						b.binary('!==', b.id(childrenName), b.unary('void', b.literal(0))),
+					),
 			b.block([
 				b.throw_error('Octane Valdi compiler: spread ref/children props are not supported yet.'),
 			]),
@@ -648,7 +656,12 @@ function prepareAttributes(entries, state, origin) {
 	const dynamic = [];
 	let key = null;
 	for (const entry of entries) {
-		if (entry.name !== 'key' && counts.get(entry.name) === 1 && isStaticAttribute(entry.value)) {
+		if (
+			entry.name !== 'key' &&
+			entry.name !== 'ref' &&
+			counts.get(entry.name) === 1 &&
+			isStaticAttribute(entry.value)
+		) {
 			statics.push(withOrigin(b.literal(entry.name), entry.origin), entry.value);
 			continue;
 		}
@@ -762,10 +775,14 @@ function emitIntrinsicContents(node, state, attrs) {
 	return statements;
 }
 
-function isEmptyChild(node) {
+function isEmptyChild(node, state) {
+	const raw = node?.raw ?? node?.value ?? '';
 	return (
 		node == null ||
-		(node.type === 'JSXText' && /^[ \t\r\n;]*$/.test(node.raw ?? node.value ?? '')) ||
+		(node.type === 'JSXText' &&
+			(state.renderer.text === 'host'
+				? /^[ \t\r\n]*$/.test(raw) && /[\r\n]/.test(raw)
+				: /^[ \t\r\n;]*$/.test(raw))) ||
 		(node.type === 'JSXExpressionContainer' && node.expression?.type === 'JSXEmptyExpression')
 	);
 }
@@ -796,7 +813,7 @@ function emitElement(node, state, keys) {
 		return statements;
 	}
 	const component = componentExpression(name, state, node);
-	const children = (node.children ?? []).filter((child) => !isEmptyChild(child));
+	const children = (node.children ?? []).filter((child) => !isEmptyChild(child, state));
 	if (children.length !== 0) {
 		throw valdiError(state, node, 'component children/render props are not supported yet.');
 	}
@@ -955,6 +972,16 @@ function emitRenderable(node, state, keys) {
 		return emitNodes(value.children ?? [], state, keys, false);
 	if (value?.type === 'JSXForExpression') return emitFor(value, state, keys);
 	if (value?.type === 'JSXIfExpression') return emitIf(value, state, keys);
+	if (state.renderer.text === 'host') {
+		return [
+			writerStatement(
+				state,
+				'appendText',
+				[assertNoTemplate(node, state, 'JSX within host text')],
+				node,
+			),
+		];
+	}
 	throw valdiError(
 		state,
 		node,
@@ -1001,9 +1028,13 @@ function rewriteComponentStatement(node, state, keys, allowReturn) {
 function emitNodes(nodes, state, keys, allowReturn) {
 	const output = [];
 	for (const node of nodes) {
-		if (isEmptyChild(node)) continue;
+		if (isEmptyChild(node, state)) continue;
 		if (node.type === 'JSXText') {
 			if (state.renderer.text === 'ignore') continue;
+			if (state.renderer.text === 'host') {
+				output.push(writerStatement(state, 'appendText', [b.literal(node.value)], node));
+				continue;
+			}
 			throw valdiError(
 				state,
 				node,
@@ -1103,9 +1134,6 @@ export function compileValdi(
 			'Octane profiling is not supported by the Valdi writer target yet.',
 		);
 	}
-	if (renderer.text === 'host') {
-		throw valdiError(state, ast, 'host text is unsupported; use text: "reject" or "ignore".');
-	}
 	const boundaries = assertRendererBoundaryAnalysis(
 		analyzeRendererBoundaries(source, {
 			ast,
@@ -1138,7 +1166,20 @@ export function compileValdi(
 	}
 	const origin = ast.body?.[0] ?? ast;
 	const guard = withOrigin(
-		b.stmt(call(state, 'assertValdiCompilerAbi', [b.literal(VALDI_COMPILER_ABI_VERSION)], origin)),
+		b.stmt(
+			call(
+				state,
+				'assertValdiCompilerAbi',
+				[
+					b.literal(
+						renderer.text === 'host' || renderer.capabilities?.includes('host-ref')
+							? 2
+							: VALDI_COMPILER_ABI_VERSION,
+					),
+				],
+				origin,
+			),
+		),
 		origin,
 	);
 	const writerPrelude =

package/dist/node/runtime.js

@@ -22137,7 +22137,8 @@ function hostComponent(scope, slot, tag, props, childrenBody, anchor) {
   let state = scope.slots[slot];
   if (state === void 0) {
     enableDescriptorFormActions();
-    const el2 = (STAGED_DOM?.view(document) ?? document).createElement(tag);
+    const elNs = inferTagNs(tag, deoptChildNamespace(block.parentNode));
+    const el2 = elNs !== void 0 ? (STAGED_DOM?.view(document) ?? document).createElementNS(elNs, tag) : (STAGED_DOM?.view(document) ?? document).createElement(tag);
     state = {
       el: el2,
       anchor: null,
@@ -22704,6 +22705,23 @@ function nextDeoptOwnedChild(scan, adoptHydrationChildren) {
   }
   return null;
 }
+function promoteSelfMarkedItem(block) {
+  const sm = block.startMarker;
+  if (sm === null || sm !== block.endMarker || sm.nodeType === 8 || (STAGED_DOM?.view(sm) ?? sm).parentNode === null)
+    return;
+  const p = (STAGED_DOM?.view(sm) ?? sm).parentNode;
+  if (ROOT_RENDER_TRANSACTION !== null) {
+    journalRootRange(p, (STAGED_DOM?.view(sm) ?? sm).previousSibling, getNextSibling(sm));
+    journalRootProperty(block, "startMarker", block.startMarker);
+    journalRootProperty(block, "endMarker", block.endMarker);
+  }
+  const s = (STAGED_DOM?.view(document) ?? document).createComment("it");
+  const e = (STAGED_DOM?.view(document) ?? document).createComment("/it");
+  (STAGED_DOM?.view(p) ?? p).insertBefore(s, sm);
+  (STAGED_DOM?.view(p) ?? p).insertBefore(e, getNextSibling(sm));
+  block.startMarker = s;
+  block.endMarker = e;
+}
 function deoptItemBody(item, scope) {
   const block = scope.block;
   const hydration = hydrating ? activeHydration() : null;
@@ -22711,21 +22729,7 @@ function deoptItemBody(item, scope) {
   const itemType = isElementDescriptor(item) ? item.type : void 0;
   const hostItem = typeof itemType === "string";
   const needsBlocks = hostItem && existingChild?.__kind === "childSlot" && existingChild.currentComp === hostElementBody || typeof itemType === "function" || descNeedsBlocks(item);
-  const sm = block.startMarker;
-  if (sm !== null && sm === block.endMarker && sm.nodeType !== 8 && (STAGED_DOM?.view(sm) ?? sm).parentNode !== null && (needsBlocks || !hostItem)) {
-    const p = (STAGED_DOM?.view(sm) ?? sm).parentNode;
-    if (ROOT_RENDER_TRANSACTION !== null) {
-      journalRootRange(p, (STAGED_DOM?.view(sm) ?? sm).previousSibling, getNextSibling(sm));
-      journalRootProperty(block, "startMarker", block.startMarker);
-      journalRootProperty(block, "endMarker", block.endMarker);
-    }
-    const s = (STAGED_DOM?.view(document) ?? document).createComment("it");
-    const e = (STAGED_DOM?.view(document) ?? document).createComment("/it");
-    (STAGED_DOM?.view(p) ?? p).insertBefore(s, sm);
-    (STAGED_DOM?.view(p) ?? p).insertBefore(e, getNextSibling(sm));
-    block.startMarker = s;
-    block.endMarker = e;
-  }
+  if (needsBlocks || !hostItem) promoteSelfMarkedItem(block);
   if (needsBlocks) {
     const stale = block.deoptNode;
     let transfer = null;
@@ -22886,9 +22890,20 @@ function mappedDeoptItemBody(item, scope) {
     if (state === void 0 || state.__kind === "componentSlotSlot") {
       const stale = block.deoptNode;
       if (stale !== null) {
-        detachDeoptTreeRefs(stale, null);
-        if ((STAGED_DOM?.view(stale) ?? stale).parentNode === block.parentNode)
-          domNode(block.parentNode).removeChild(stale);
+        promoteSelfMarkedItem(block);
+        journalRootProperty(block, "deoptNode", stale);
+        const attached = (STAGED_DOM?.view(stale) ?? stale).parentNode === block.parentNode;
+        if (attached && ROOT_RENDER_TRANSACTION !== null) {
+          journalRootRange(
+            block.parentNode,
+            (STAGED_DOM?.view(stale) ?? stale).previousSibling,
+            getNextSibling(stale)
+          );
+          deferRootRange(block.parentNode, stale, stale, () => detachDeoptTreeRefs(stale, null));
+        } else {
+          detachDeoptTreeRefs(stale, null);
+          if (attached) domNode(block.parentNode).removeChild(stale);
+        }
         block.deoptNode = null;
       }
       componentSlot(
@@ -29025,7 +29040,8 @@ function switchBlock(parentScope, slotKey, domParent, discriminant, cases, defau
     body,
     "switch",
     env,
-    lite !== void 0 && (lite & (nextIdx < 0 ? 1 : 2 << nextIdx)) !== 0
+    // Only the first 30 cases have lite bits, and a shift count wraps at 32.
+    lite !== void 0 && nextIdx < 30 && (lite & (nextIdx < 0 ? 1 : 2 << nextIdx)) !== 0
   );
 }
 function forBlock(parentScope, slotKey, domParent, inputItems, getKey, itemBody, flags, deps, emptyBody, anchor, ownEnd, signalSite) {
@@ -29293,9 +29309,11 @@ function mountFastHostItems(parentScope, state, parentNode, items, getKey, itemB
       block.currentRenderDeferred = deferred;
       CURRENT_SCOPE = block;
       CURRENT_BLOCK = block;
+      NATIVE_READ_DRIVER?.beginRender(block);
       itemBody(item, block, deps);
       CURRENT_SCOPE = previousScope;
       CURRENT_BLOCK = previousBlock;
+      NATIVE_READ_DRIVER?.endRender(block, true, false);
       block.mounted = true;
       const end = state.end;
       const root = (STAGED_DOM?.view(end) ?? end).previousSibling;
@@ -29314,6 +29332,7 @@ function mountFastHostItems(parentScope, state, parentNode, items, getKey, itemB
     CURRENT_SCOPE = previousScope;
     CURRENT_BLOCK = previousBlock;
     if (current !== null) {
+      NATIVE_READ_DRIVER?.endRender(current, false, isSuspenseException(error));
       if (current.slots[0] !== void 0) {
         const end = state.end;
         const root = (STAGED_DOM?.view(end) ?? end).previousSibling;

package/dist/node/runtime.server.js

@@ -1063,6 +1063,7 @@ function cloneElement(element, config, ...children) {
   if (n === 1) {
     kids = children[0];
   } else if (n > 1) {
+    POSITIONAL_CHILDREN.add(children);
     kids = children;
   } else if (scopedChildren !== void 0 && !replacedChildren) {
     Object.defineProperty(

package/dist/node/version.js

@@ -1,4 +1,4 @@
-const version = "0.11.0";
+const version = "0.12.0";
 export {
   version
 };

package/dist/runtime.js

@@ -22136,7 +22136,8 @@ function hostComponent(scope, slot, tag, props, childrenBody, anchor) {
   let state = scope.slots[slot];
   if (state === void 0) {
     enableDescriptorFormActions();
-    const el2 = (STAGED_DOM?.view(document) ?? document).createElement(tag);
+    const elNs = inferTagNs(tag, deoptChildNamespace(block.parentNode));
+    const el2 = elNs !== void 0 ? (STAGED_DOM?.view(document) ?? document).createElementNS(elNs, tag) : (STAGED_DOM?.view(document) ?? document).createElement(tag);
     state = {
       el: el2,
       anchor: null,
@@ -22703,6 +22704,23 @@ function nextDeoptOwnedChild(scan, adoptHydrationChildren) {
   }
   return null;
 }
+function promoteSelfMarkedItem(block) {
+  const sm = block.startMarker;
+  if (sm === null || sm !== block.endMarker || sm.nodeType === 8 || (STAGED_DOM?.view(sm) ?? sm).parentNode === null)
+    return;
+  const p = (STAGED_DOM?.view(sm) ?? sm).parentNode;
+  if (ROOT_RENDER_TRANSACTION !== null) {
+    journalRootRange(p, (STAGED_DOM?.view(sm) ?? sm).previousSibling, getNextSibling(sm));
+    journalRootProperty(block, "startMarker", block.startMarker);
+    journalRootProperty(block, "endMarker", block.endMarker);
+  }
+  const s = (STAGED_DOM?.view(document) ?? document).createComment("it");
+  const e = (STAGED_DOM?.view(document) ?? document).createComment("/it");
+  (STAGED_DOM?.view(p) ?? p).insertBefore(s, sm);
+  (STAGED_DOM?.view(p) ?? p).insertBefore(e, getNextSibling(sm));
+  block.startMarker = s;
+  block.endMarker = e;
+}
 function deoptItemBody(item, scope) {
   const block = scope.block;
   const hydration = hydrating ? activeHydration() : null;
@@ -22710,21 +22728,7 @@ function deoptItemBody(item, scope) {
   const itemType = isElementDescriptor(item) ? item.type : void 0;
   const hostItem = typeof itemType === "string";
   const needsBlocks = hostItem && existingChild?.__kind === "childSlot" && existingChild.currentComp === hostElementBody || typeof itemType === "function" || descNeedsBlocks(item);
-  const sm = block.startMarker;
-  if (sm !== null && sm === block.endMarker && sm.nodeType !== 8 && (STAGED_DOM?.view(sm) ?? sm).parentNode !== null && (needsBlocks || !hostItem)) {
-    const p = (STAGED_DOM?.view(sm) ?? sm).parentNode;
-    if (ROOT_RENDER_TRANSACTION !== null) {
-      journalRootRange(p, (STAGED_DOM?.view(sm) ?? sm).previousSibling, getNextSibling(sm));
-      journalRootProperty(block, "startMarker", block.startMarker);
-      journalRootProperty(block, "endMarker", block.endMarker);
-    }
-    const s = (STAGED_DOM?.view(document) ?? document).createComment("it");
-    const e = (STAGED_DOM?.view(document) ?? document).createComment("/it");
-    (STAGED_DOM?.view(p) ?? p).insertBefore(s, sm);
-    (STAGED_DOM?.view(p) ?? p).insertBefore(e, getNextSibling(sm));
-    block.startMarker = s;
-    block.endMarker = e;
-  }
+  if (needsBlocks || !hostItem) promoteSelfMarkedItem(block);
   if (needsBlocks) {
     const stale = block.deoptNode;
     let transfer = null;
@@ -22885,9 +22889,20 @@ function mappedDeoptItemBody(item, scope) {
     if (state === void 0 || state.__kind === "componentSlotSlot") {
       const stale = block.deoptNode;
       if (stale !== null) {
-        detachDeoptTreeRefs(stale, null);
-        if ((STAGED_DOM?.view(stale) ?? stale).parentNode === block.parentNode)
-          domNode(block.parentNode).removeChild(stale);
+        promoteSelfMarkedItem(block);
+        journalRootProperty(block, "deoptNode", stale);
+        const attached = (STAGED_DOM?.view(stale) ?? stale).parentNode === block.parentNode;
+        if (attached && ROOT_RENDER_TRANSACTION !== null) {
+          journalRootRange(
+            block.parentNode,
+            (STAGED_DOM?.view(stale) ?? stale).previousSibling,
+            getNextSibling(stale)
+          );
+          deferRootRange(block.parentNode, stale, stale, () => detachDeoptTreeRefs(stale, null));
+        } else {
+          detachDeoptTreeRefs(stale, null);
+          if (attached) domNode(block.parentNode).removeChild(stale);
+        }
         block.deoptNode = null;
       }
       componentSlot(
@@ -29024,7 +29039,8 @@ function switchBlock(parentScope, slotKey, domParent, discriminant, cases, defau
     body,
     "switch",
     env,
-    lite !== void 0 && (lite & (nextIdx < 0 ? 1 : 2 << nextIdx)) !== 0
+    // Only the first 30 cases have lite bits, and a shift count wraps at 32.
+    lite !== void 0 && nextIdx < 30 && (lite & (nextIdx < 0 ? 1 : 2 << nextIdx)) !== 0
   );
 }
 function forBlock(parentScope, slotKey, domParent, inputItems, getKey, itemBody, flags, deps, emptyBody, anchor, ownEnd, signalSite) {
@@ -29292,9 +29308,11 @@ function mountFastHostItems(parentScope, state, parentNode, items, getKey, itemB
       block.currentRenderDeferred = deferred;
       CURRENT_SCOPE = block;
       CURRENT_BLOCK = block;
+      NATIVE_READ_DRIVER?.beginRender(block);
       itemBody(item, block, deps);
       CURRENT_SCOPE = previousScope;
       CURRENT_BLOCK = previousBlock;
+      NATIVE_READ_DRIVER?.endRender(block, true, false);
       block.mounted = true;
       const end = state.end;
       const root = (STAGED_DOM?.view(end) ?? end).previousSibling;
@@ -29313,6 +29331,7 @@ function mountFastHostItems(parentScope, state, parentNode, items, getKey, itemB
     CURRENT_SCOPE = previousScope;
     CURRENT_BLOCK = previousBlock;
     if (current !== null) {
+      NATIVE_READ_DRIVER?.endRender(current, false, isSuspenseException(error));
       if (current.slots[0] !== void 0) {
         const end = state.end;
         const root = (STAGED_DOM?.view(end) ?? end).previousSibling;

package/dist/runtime.server.js

@@ -1062,6 +1062,7 @@ function cloneElement(element, config, ...children) {
   if (n === 1) {
     kids = children[0];
   } else if (n > 1) {
+    POSITIONAL_CHILDREN.add(children);
     kids = children;
   } else if (scopedChildren !== void 0 && !replacedChildren) {
     Object.defineProperty(

package/dist/version.js

@@ -1,4 +1,4 @@
-const version = "0.11.0";
+const version = "0.12.0";
 export {
   version
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "octane",
-  "version": "0.11.0",
+  "version": "0.12.0",
   "license": "MIT",
   "type": "module",
   "sideEffects": [