octane 0.1.46 → 0.1.47

package/dist/behavior-root.js

@@ -131,9 +131,15 @@ function adoptionContext(adoption, event) {
   };
   return context;
 }
+function finishPendingAdoption(adoption) {
+  if (!adoption.pending) return;
+  adoption.pending = false;
+  adoption.entry.pendingAdoptionCount--;
+}
 function disposeAdoption(adoption) {
   if (adoption.disposed) return;
   adoption.disposed = true;
+  finishPendingAdoption(adoption);
   adoption.entry.adoptions.delete(adoption.element);
   adoption.controller.abort();
   for (const unlink of adoption.unlinks) unlink();
@@ -144,29 +150,47 @@ function disposeAdoption(adoption) {
 }
 function flushQueuedEvents(record) {
   if (record.status !== "active") return;
-  while (record.queuedEvents.length !== 0) {
-    const queued = record.queuedEvents[0];
-    if (!contains(record.root, queued.element)) {
-      record.queuedEvents.shift();
-      continue;
-    }
-    const range = nearestRange(record.root, queued.element);
-    if (range !== queued.range || !rangeMatches(record, range)) {
-      record.queuedEvents.shift();
-      continue;
+  const queue = record.queuedEvents;
+  record.queuedEventFlushDepth++;
+  try {
+    while (record.queuedEventHead < queue.length) {
+      const index = record.queuedEventHead;
+      const queued = queue[index];
+      if (!contains(record.root, queued.element)) {
+        record.queuedEventHead = index + 1;
+        continue;
+      }
+      const range = nearestRange(record.root, queued.element);
+      if (range !== queued.range || !rangeMatches(record, range)) {
+        record.queuedEventHead = index + 1;
+        continue;
+      }
+      if (range?.status === "pending") return;
+      let adoption = record.adoptions.get(queued.element);
+      if (adoption === void 0) {
+        adoption = adoptElement(record, queued.element, range, queued.event);
+      }
+      if (adoption === void 0 || adoption.pending) return;
+      if (record.queuedEventHead !== index || queue[index] !== queued) continue;
+      record.queuedEventHead = index + 1;
+      record.entry.handleEvent?.(
+        queued.event,
+        queued.element,
+        adoptionContext(adoption, queued.event)
+      );
     }
-    if (range?.status === "pending") return;
-    let adoption = record.adoptions.get(queued.element);
-    if (adoption === void 0) {
-      adoption = adoptElement(record, queued.element, range, queued.event);
+  } finally {
+    record.queuedEventFlushDepth--;
+    if (record.queuedEventFlushDepth === 0 && record.queuedEventHead !== 0) {
+      const consumed = record.queuedEventHead;
+      if (consumed >= queue.length) {
+        queue.length = 0;
+        record.queuedEventHead = 0;
+      } else if (consumed >= queue.length - consumed) {
+        queue.splice(0, consumed);
+        record.queuedEventHead = 0;
+      }
     }
-    if (adoption === void 0 || adoption.pending) return;
-    record.queuedEvents.shift();
-    record.entry.handleEvent?.(
-      queued.event,
-      queued.element,
-      adoptionContext(adoption, queued.event)
-    );
   }
 }
 function completeBehavior(record) {
@@ -175,9 +199,7 @@ function completeBehavior(record) {
     if (range.status === "pending") return;
     record.waitingRanges.delete(range);
   }
-  for (const adoption of record.adoptions.values()) {
-    if (adoption.pending) return;
-  }
+  if (record.pendingAdoptionCount !== 0) return;
   flushQueuedEvents(record);
   if (record.queuedEvents.length !== 0) return;
   record.readiness.resolve();
@@ -227,9 +249,10 @@ function adoptElement(record, element, range, event) {
   }
   if (typeof result === "object" && result !== null && typeof result.then === "function") {
     adoption.pending = true;
+    record.pendingAdoptionCount++;
     const settled = Promise.resolve(result).then(
       (cleanup) => {
-        adoption.pending = false;
+        finishPendingAdoption(adoption);
         if (typeof cleanup === "function") {
           if (adoption.disposed || adoption.controller.signal.aborted) cleanup();
           else adoption.cleanup = cleanup;
@@ -240,7 +263,7 @@ function adoptElement(record, element, range, event) {
         }
       },
       (error) => {
-        adoption.pending = false;
+        finishPendingAdoption(adoption);
         if (adoption.disposed || record.controller.signal.aborted) return;
         disposeAdoption(adoption);
         failBehavior(record, error);
@@ -375,6 +398,7 @@ function disposeBehavior(record) {
     record.root.behaviorsById.delete(record.entry.id);
   }
   record.queuedEvents.length = 0;
+  record.queuedEventHead = 0;
   record.waitingRanges.clear();
   let firstError;
   for (const adoption of [...record.adoptions.values()]) {
@@ -428,8 +452,11 @@ function registerBehavior(root, entry) {
     readiness,
     status: "pending",
     adoptions: /* @__PURE__ */ new Map(),
+    pendingAdoptionCount: 0,
     waitingRanges: /* @__PURE__ */ new Set(),
     queuedEvents: [],
+    queuedEventHead: 0,
+    queuedEventFlushDepth: 0,
     unlinks: [linkSignal(root.controller.signal, controller)],
     initialScanComplete: false
   };

package/dist/cjs/behavior-root.cjs

@@ -154,9 +154,15 @@ function adoptionContext(adoption, event) {
   };
   return context;
 }
+function finishPendingAdoption(adoption) {
+  if (!adoption.pending) return;
+  adoption.pending = false;
+  adoption.entry.pendingAdoptionCount--;
+}
 function disposeAdoption(adoption) {
   if (adoption.disposed) return;
   adoption.disposed = true;
+  finishPendingAdoption(adoption);
   adoption.entry.adoptions.delete(adoption.element);
   adoption.controller.abort();
   for (const unlink of adoption.unlinks) unlink();
@@ -167,29 +173,47 @@ function disposeAdoption(adoption) {
 }
 function flushQueuedEvents(record) {
   if (record.status !== "active") return;
-  while (record.queuedEvents.length !== 0) {
-    const queued = record.queuedEvents[0];
-    if (!contains(record.root, queued.element)) {
-      record.queuedEvents.shift();
-      continue;
-    }
-    const range = nearestRange(record.root, queued.element);
-    if (range !== queued.range || !rangeMatches(record, range)) {
-      record.queuedEvents.shift();
-      continue;
+  const queue = record.queuedEvents;
+  record.queuedEventFlushDepth++;
+  try {
+    while (record.queuedEventHead < queue.length) {
+      const index = record.queuedEventHead;
+      const queued = queue[index];
+      if (!contains(record.root, queued.element)) {
+        record.queuedEventHead = index + 1;
+        continue;
+      }
+      const range = nearestRange(record.root, queued.element);
+      if (range !== queued.range || !rangeMatches(record, range)) {
+        record.queuedEventHead = index + 1;
+        continue;
+      }
+      if (range?.status === "pending") return;
+      let adoption = record.adoptions.get(queued.element);
+      if (adoption === void 0) {
+        adoption = adoptElement(record, queued.element, range, queued.event);
+      }
+      if (adoption === void 0 || adoption.pending) return;
+      if (record.queuedEventHead !== index || queue[index] !== queued) continue;
+      record.queuedEventHead = index + 1;
+      record.entry.handleEvent?.(
+        queued.event,
+        queued.element,
+        adoptionContext(adoption, queued.event)
+      );
     }
-    if (range?.status === "pending") return;
-    let adoption = record.adoptions.get(queued.element);
-    if (adoption === void 0) {
-      adoption = adoptElement(record, queued.element, range, queued.event);
+  } finally {
+    record.queuedEventFlushDepth--;
+    if (record.queuedEventFlushDepth === 0 && record.queuedEventHead !== 0) {
+      const consumed = record.queuedEventHead;
+      if (consumed >= queue.length) {
+        queue.length = 0;
+        record.queuedEventHead = 0;
+      } else if (consumed >= queue.length - consumed) {
+        queue.splice(0, consumed);
+        record.queuedEventHead = 0;
+      }
     }
-    if (adoption === void 0 || adoption.pending) return;
-    record.queuedEvents.shift();
-    record.entry.handleEvent?.(
-      queued.event,
-      queued.element,
-      adoptionContext(adoption, queued.event)
-    );
   }
 }
 function completeBehavior(record) {
@@ -198,9 +222,7 @@ function completeBehavior(record) {
     if (range.status === "pending") return;
     record.waitingRanges.delete(range);
   }
-  for (const adoption of record.adoptions.values()) {
-    if (adoption.pending) return;
-  }
+  if (record.pendingAdoptionCount !== 0) return;
   flushQueuedEvents(record);
   if (record.queuedEvents.length !== 0) return;
   record.readiness.resolve();
@@ -250,9 +272,10 @@ function adoptElement(record, element, range, event) {
   }
   if (typeof result === "object" && result !== null && typeof result.then === "function") {
     adoption.pending = true;
+    record.pendingAdoptionCount++;
     const settled = Promise.resolve(result).then(
       (cleanup) => {
-        adoption.pending = false;
+        finishPendingAdoption(adoption);
         if (typeof cleanup === "function") {
           if (adoption.disposed || adoption.controller.signal.aborted) cleanup();
           else adoption.cleanup = cleanup;
@@ -263,7 +286,7 @@ function adoptElement(record, element, range, event) {
         }
       },
       (error) => {
-        adoption.pending = false;
+        finishPendingAdoption(adoption);
         if (adoption.disposed || record.controller.signal.aborted) return;
         disposeAdoption(adoption);
         failBehavior(record, error);
@@ -398,6 +421,7 @@ function disposeBehavior(record) {
     record.root.behaviorsById.delete(record.entry.id);
   }
   record.queuedEvents.length = 0;
+  record.queuedEventHead = 0;
   record.waitingRanges.clear();
   let firstError;
   for (const adoption of [...record.adoptions.values()]) {
@@ -451,8 +475,11 @@ function registerBehavior(root, entry) {
     readiness,
     status: "pending",
     adoptions: /* @__PURE__ */ new Map(),
+    pendingAdoptionCount: 0,
     waitingRanges: /* @__PURE__ */ new Set(),
     queuedEvents: [],
+    queuedEventHead: 0,
+    queuedEventFlushDepth: 0,
     unlinks: [linkSignal(root.controller.signal, controller)],
     initialScanComplete: false
   };

package/dist/cjs/runtime.cjs

@@ -8727,21 +8727,25 @@ function setHostPropSources(el, sources, prev, scope, hasNestedChildren = false)
     }
   }
   const values = /* @__PURE__ */ new Map();
+  let needsWinningOrderSort = false;
   for (const writer of props.values()) {
     if (writer.rawName === "key") continue;
     const [identity, name] = normalizedHostProp(el, writer.rawName);
     const previous = values.get(identity);
-    if (previous === void 0 || previous[3] < writer.lastOrder) {
-      values.set(identity, [
-        process.env.NODE_ENV !== "production" && (writer.rawName === "tabIndex" || writer.rawName === "htmlFor") ? writer.rawName : name,
-        writer.value,
-        writer.firstOrder,
-        writer.lastOrder
-      ]);
+    if (previous !== void 0) {
+      if (previous[3] >= writer.lastOrder) continue;
+      needsWinningOrderSort = true;
     }
+    values.set(identity, [
+      process.env.NODE_ENV !== "production" && (writer.rawName === "tabIndex" || writer.rawName === "htmlFor") ? writer.rawName : name,
+      writer.value,
+      writer.firstOrder,
+      writer.lastOrder
+    ]);
   }
   const resolved = /* @__PURE__ */ Object.create(null);
-  const ordered = [...values.values()].sort((a, b) => a[2] - b[2]);
+  const ordered = [...values.values()];
+  if (needsWinningOrderSort) ordered.sort((a, b) => a[2] - b[2]);
   for (const [name, value] of ordered) resolved[name] = value;
   const formHost = el.localName === "input" || el.localName === "textarea" || el.localName === "select";
   setSpread(el, resolved, prev, scope, true, formHost);
@@ -9593,6 +9597,9 @@ let CHECKED_RESTORE = null;
 let SELECT_SYNCS = [];
 let SELECT_DEFAULT_SYNCS = [];
 let DEV_FORM_CHECKS = process.env.NODE_ENV === "production" ? null : [];
+const DEV_FORM_CHECK_MARK = /* @__PURE__ */ Symbol("octane.devFormCheck");
+const DEV_FORM_CHECK_LINEAR_LIMIT = 8;
+let DEV_FORM_CHECK_GENERATION = 1;
 let AUTOFOCUS_QUEUE = [];
 function queueControlledCommit(queue, item) {
   queue.push(item);
@@ -9602,6 +9609,18 @@ function queueControlledCommit(queue, item) {
       if (index !== -1) queue.splice(index, 1);
     });
 }
+function queueDevFormCheck(queue, el) {
+  queue.push(el);
+  if (ROOT_RENDER_TRANSACTION !== null) {
+    const host = el;
+    const generation = DEV_FORM_CHECK_GENERATION;
+    journalUndo(() => {
+      const index = queue.lastIndexOf(el);
+      if (index !== -1) queue.splice(index, 1);
+      if (host[DEV_FORM_CHECK_MARK] === generation) delete host[DEV_FORM_CHECK_MARK];
+    });
+  }
+}
 function hasControlledSyncs() {
   return SELECT_SYNCS.length > 0 || SELECT_DEFAULT_SYNCS.length > 0 || DEV_FORM_CHECKS !== null && DEV_FORM_CHECKS.length > 0 || AUTOFOCUS_QUEUE.length > 0;
 }
@@ -9755,7 +9774,19 @@ function queueDevFormDiagnostic(el, scope, force = false) {
   const q = DEV_FORM_CHECKS;
   if (q === null || !force && !hasDevFormDiagnosticContext(el, scope)) return;
   if (!force && !hasPotentialFormDiagnostic(el)) return;
-  if (q.indexOf(el) === -1) queueControlledCommit(q, el);
+  if (q.length < DEV_FORM_CHECK_LINEAR_LIMIT) {
+    if (q.indexOf(el) !== -1) return;
+    queueDevFormCheck(q, el);
+    if (q.length < DEV_FORM_CHECK_LINEAR_LIMIT) return;
+    for (let i = 0; i < q.length; i++) {
+      q[i][DEV_FORM_CHECK_MARK] = DEV_FORM_CHECK_GENERATION;
+    }
+    return;
+  }
+  const host = el;
+  if (host[DEV_FORM_CHECK_MARK] === DEV_FORM_CHECK_GENERATION) return;
+  queueDevFormCheck(q, el);
+  host[DEV_FORM_CHECK_MARK] = DEV_FORM_CHECK_GENERATION;
 }
 function queueFormAuthoringDiagnostic(el, kind, selected) {
   if (process.env.NODE_ENV === "production") return;
@@ -10170,6 +10201,7 @@ function drainDevFormDiagnostics() {
   const q = DEV_FORM_CHECKS;
   if (q === null || q.length === 0) return;
   DEV_FORM_CHECKS = [];
+  DEV_FORM_CHECK_GENERATION++;
   for (let i = 0; i < q.length; i++) {
     const el = q[i];
     const authoring = getDevFormDiagnosticState(el);
@@ -17469,6 +17501,10 @@ function updateSurvivor(block, newItem, newIdx, itemBody, pure, lite, indexIndep
     }
   }
 }
+function consumeAdoptQueuePrefix(adopt, count) {
+  if (count < adopt.length) adopt.copyWithin(0, count);
+  adopt.length -= count;
+}
 function mountItemsLinear(parentBlock, state, items, getKey, itemBody, singleRoot, ssrMarkerless) {
   const newLen = items.length;
   if (newLen === 0) return;
@@ -17476,6 +17512,7 @@ function mountItemsLinear(parentBlock, state, items, getKey, itemBody, singleRoo
   const oldItems = state.items;
   const parentNode = state.end.parentNode;
   const adopt = state.adopt;
+  let adoptIndex = 0;
   let prev = null;
   const mounted = [];
   try {
@@ -17484,9 +17521,14 @@ function mountItemsLinear(parentBlock, state, items, getKey, itemBody, singleRoo
       const key = getKey(item, i);
       let adoptNode = null;
       let anchor = state.end;
-      if (adopt !== null && adopt.length !== 0) {
-        if (adopt[0].key === key) adoptNode = adopt.shift().node;
-        else anchor = adopt[0].node;
+      if (adopt !== null && adoptIndex < adopt.length) {
+        const candidate = adopt[adoptIndex];
+        if (candidate.key === key) {
+          adoptNode = candidate.node;
+          adoptIndex++;
+        } else {
+          anchor = candidate.node;
+        }
       }
       const block = mountItem(
         parentBlock,
@@ -17522,6 +17564,7 @@ function mountItemsLinear(parentBlock, state, items, getKey, itemBody, singleRoo
     state.size = 0;
     throw error;
   }
+  if (adoptIndex !== 0) consumeAdoptQueuePrefix(adopt, adoptIndex);
 }
 function reconcileKeyed(parentBlock, state, items, getKey, itemBody, pure, singleRoot, lite = false, indexIndependent = false, ssrMarkerless = false) {
   const oldItems = state.items;

package/dist/cjs/runtime.server.cjs

@@ -1421,6 +1421,7 @@ function ssrAttrs(sources, tag, namespace = "html", skipFormControls = false) {
     }
   }
   const resolved = /* @__PURE__ */ new Map();
+  let needsWinningOrderSort = false;
   for (const writer of props.values()) {
     const { rawName, value, firstOrder, lastOrder } = writer;
     if (rawName === "key" || rawName === "ref" || rawName === "children" || rawName === "dangerouslySetInnerHTML" || rawName === "suppressHydrationWarning" || rawName === "suppressContentEditableWarning" || rawName === "suppressNativeChangeWarning" || rawName === "__octaneNativeChangeDiagnostic")
@@ -1434,17 +1435,20 @@ function ssrAttrs(sources, tag, namespace = "html", skipFormControls = false) {
     if (!import_constants.VALID_ATTR_NAME.test(name)) continue;
     const identity = namespace === "html" ? name.toLowerCase() : name;
     const previous = resolved.get(identity);
-    if (previous === void 0 || previous[3] < lastOrder) {
-      resolved.set(identity, [
-        process.env.NODE_ENV !== "production" && (rawName === "tabIndex" || rawName === "htmlFor") ? rawName : name,
-        value,
-        firstOrder,
-        lastOrder
-      ]);
+    if (previous !== void 0) {
+      if (previous[3] >= lastOrder) continue;
+      needsWinningOrderSort = true;
     }
+    resolved.set(identity, [
+      process.env.NODE_ENV !== "production" && (rawName === "tabIndex" || rawName === "htmlFor") ? rawName : name,
+      value,
+      firstOrder,
+      lastOrder
+    ]);
   }
   let out = "";
-  const ordered = [...resolved.values()].sort((a, b) => a[2] - b[2]);
+  const ordered = [...resolved.values()];
+  if (needsWinningOrderSort) ordered.sort((a, b) => a[2] - b[2]);
   if (process.env.NODE_ENV !== "production") {
     devValidateSsrAriaProps(
       ordered.map(([name]) => name),
@@ -3931,6 +3935,9 @@ function rewindStreamBoundaryReplay(stream, checkpoint) {
     for (const [key, boundary] of ordered) stream.boundaries.set(key, boundary);
   }
 }
+function recordStreamBoundaryOwners(stream, owners) {
+  for (const owner of owners) stream.boundaryOwnerKeys.add(owner);
+}
 let STREAM_REALM_SALT = null;
 function streamRealmSalt() {
   if (STREAM_REALM_SALT !== null) return STREAM_REALM_SALT;
@@ -3944,6 +3951,7 @@ function createStreamToken() {
 }
 let STREAM = null;
 function pruneUnrepresentedStreamDescendants(stream, ownerKey, ownerHtml) {
+  if (!stream.boundaryOwnerKeys.has(ownerKey)) return;
   let removed = true;
   while (removed) {
     removed = false;
@@ -4001,6 +4009,7 @@ function ssrTry(scope, siteKey, tryFn, pendFn, catchFn, namespace = FRAME?.names
     entry = stream.boundaries.get(key);
     if (entry !== void 0) {
       recordStreamBoundaryMutation(stream, key);
+      if (ownerKeys.length !== 0) recordStreamBoundaryOwners(stream, ownerKeys);
       entry.namespace = namespace;
     }
     if (entry !== void 0 && entry.state === "pending") {
@@ -4200,6 +4209,7 @@ function ssrTry(scope, siteKey, tryFn, pendFn, catchFn, namespace = FRAME?.names
             };
             recordStreamBoundaryMutation(stream, key);
             stream.boundaries.set(key, entry);
+            if (ownerKeys.length !== 0) recordStreamBoundaryOwners(stream, ownerKeys);
             enterBoundaryIds(pendingIdOffset);
           } else {
             ID_COUNTER = entry.pendingIdOffset;
@@ -4253,6 +4263,7 @@ function ssrTry(scope, siteKey, tryFn, pendFn, catchFn, namespace = FRAME?.names
           };
           recordStreamBoundaryMutation(stream, key);
           stream.boundaries.set(key, entry);
+          if (ownerKeys.length !== 0) recordStreamBoundaryOwners(stream, ownerKeys);
           enterBoundaryIds(pendingIdOffset);
         } else if (entry.state === "pending") {
           entry.state = "errored";
@@ -4350,6 +4361,7 @@ async function runStream(component, props, options, sink) {
   const resolved = newResolvedMap();
   const stream = {
     boundaries: /* @__PURE__ */ new Map(),
+    boundaryOwnerKeys: /* @__PURE__ */ new Set(),
     nextId: 0,
     token: createStreamToken(),
     activePassBoundaryKeys: null,

package/dist/cjs/version.cjs

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

package/dist/compiler/compile-renderer-boundaries.js

@@ -520,8 +520,8 @@ function ownerReachableComponentsAst(ast, localSpecializations) {
 		tag: record,
 	});
 	const queue = [...reachable];
-	while (queue.length > 0) {
-		for (const dependency of dependencies.get(queue.shift()) ?? []) {
+	for (let queueIndex = 0; queueIndex < queue.length; queueIndex++) {
+		for (const dependency of dependencies.get(queue[queueIndex]) ?? []) {
 			if (reachable.has(dependency)) continue;
 			reachable.add(dependency);
 			queue.push(dependency);
@@ -708,8 +708,8 @@ function specializeLocalComponentsAst(region, index, state) {
 		...localCallReferences(region, localNames),
 	]);
 	const queue = [...selected];
-	while (queue.length > 0) {
-		const name = queue.shift();
+	for (let queueIndex = 0; queueIndex < queue.length; queueIndex++) {
+		const name = queue[queueIndex];
 		const component = state.localSpecializations.components.get(name);
 		if (!component) continue;
 		for (const reference of new Set([