octane 0.7.1 → 0.8.0

package/dist/cjs/constants.cjs

@@ -26,33 +26,33 @@ __export(constants_exports, {
   EXTERNAL_HYDRATION_PROMISE: () => EXTERNAL_HYDRATION_PROMISE,
   FOR_BLOCK_OPEN_EMPTY: () => FOR_BLOCK_OPEN_EMPTY,
   FOR_BLOCK_OPEN_ITEMS: () => FOR_BLOCK_OPEN_ITEMS,
-  HYDRATE_ID_ATTR: () => import_hydration_markers2.HYDRATE_ID_ATTR,
-  HYDRATE_ID_COUNT_ATTR: () => import_hydration_markers2.HYDRATE_ID_COUNT_ATTR,
-  HYDRATE_INDEPENDENT_ATTR: () => import_hydration_markers2.HYDRATE_INDEPENDENT_ATTR,
-  HYDRATE_INPUT_ATTR: () => import_hydration_markers2.HYDRATE_INPUT_ATTR,
-  HYDRATE_SEED_ATTR: () => import_hydration_markers2.HYDRATE_SEED_ATTR,
+  HYDRATE_ID_ATTR: () => import_hydration_markers3.HYDRATE_ID_ATTR,
+  HYDRATE_ID_COUNT_ATTR: () => import_hydration_markers3.HYDRATE_ID_COUNT_ATTR,
+  HYDRATE_INDEPENDENT_ATTR: () => import_hydration_markers3.HYDRATE_INDEPENDENT_ATTR,
+  HYDRATE_INPUT_ATTR: () => import_hydration_markers3.HYDRATE_INPUT_ATTR,
+  HYDRATE_SEED_ATTR: () => import_hydration_markers3.HYDRATE_SEED_ATTR,
   HYDRATE_STATIC_END: () => HYDRATE_STATIC_END,
   HYDRATE_STATIC_ID_COUNT_PREFIX: () => HYDRATE_STATIC_ID_COUNT_PREFIX,
   HYDRATE_STREAM_TOKEN_ATTR: () => import_stream_protocol2.HYDRATE_STREAM_TOKEN_ATTR,
-  HYDRATE_WHEN_ATTR: () => import_hydration_markers2.HYDRATE_WHEN_ATTR,
+  HYDRATE_WHEN_ATTR: () => import_hydration_markers3.HYDRATE_WHEN_ATTR,
   HYDRATION_END: () => import_hydration_markers.HYDRATION_END,
   HYDRATION_FOR_EMPTY: () => import_hydration_markers.HYDRATION_FOR_EMPTY,
   HYDRATION_FOR_ITEMS: () => import_hydration_markers.HYDRATION_FOR_ITEMS,
   HYDRATION_RANGE_BOUNDARY: () => HYDRATION_RANGE_BOUNDARY,
   HYDRATION_START: () => import_hydration_markers.HYDRATION_START,
   HYDRATION_TEXT_SEP: () => HYDRATION_TEXT_SEP,
-  INDEPENDENT_HYDRATE_MANIFEST_ATTR: () => import_hydration_markers2.INDEPENDENT_HYDRATE_MANIFEST_ATTR,
+  INDEPENDENT_HYDRATE_MANIFEST_ATTR: () => import_hydration_markers3.INDEPENDENT_HYDRATE_MANIFEST_ATTR,
   MUST_USE_PROPERTY_PROPS: () => MUST_USE_PROPERTY_PROPS,
   POSITIVE_NUMERIC_ATTR_PROPS: () => POSITIVE_NUMERIC_ATTR_PROPS,
   REJECTION_SENTINEL_KEY: () => REJECTION_SENTINEL_KEY,
-  SIGNAL_CONTROL_ATTR: () => import_hydration_markers2.SIGNAL_CONTROL_ATTR,
+  SIGNAL_CONTROL_ATTR: () => import_hydration_markers3.SIGNAL_CONTROL_ATTR,
   STREAM_BOUNDARY_ATTR: () => import_stream_protocol3.STREAM_BOUNDARY_ATTR,
   STREAM_RESOURCE_ATTR: () => STREAM_RESOURCE_ATTR,
   STREAM_SCRIPT_ATTR: () => import_stream_protocol4.STREAM_SCRIPT_ATTR,
   STREAM_SEED_ATTR: () => STREAM_SEED_ATTR,
-  STREAM_SEED_COMMENT: () => STREAM_SEED_COMMENT,
+  STREAM_SEED_COMMENT: () => import_hydration_markers4.STREAM_SEED_COMMENT,
   STREAM_SEGMENT_ATTR: () => STREAM_SEGMENT_ATTR,
-  SUSPENSE_RESOLVED_COMMENT: () => SUSPENSE_RESOLVED_COMMENT,
+  SUSPENSE_RESOLVED_COMMENT: () => import_hydration_markers2.SUSPENSE_RESOLVED_COMMENT,
   SUSPENSE_RESOLVED_NATIVE_ATTR: () => SUSPENSE_RESOLVED_NATIVE_ATTR,
   SUSPENSE_RESOLVED_SEED_ATTR: () => SUSPENSE_RESOLVED_SEED_ATTR,
   SUSPENSE_SCRIPT_ATTR: () => import_stream_protocol.SUSPENSE_SCRIPT_ATTR,
@@ -69,10 +69,12 @@ __export(constants_exports, {
 module.exports = __toCommonJS(constants_exports);
 var import_hydration_markers = require("./hydration-markers.cjs");
 var import_stream_protocol = require("./stream-protocol.cjs");
-var import_stream_protocol2 = require("./stream-protocol.cjs");
 var import_hydration_markers2 = require("./hydration-markers.cjs");
+var import_stream_protocol2 = require("./stream-protocol.cjs");
+var import_hydration_markers3 = require("./hydration-markers.cjs");
 var import_stream_protocol3 = require("./stream-protocol.cjs");
 var import_stream_protocol4 = require("./stream-protocol.cjs");
+var import_hydration_markers4 = require("./hydration-markers.cjs");
 var import_dom_tables = require("./dom-tables.cjs");
 const BLOCK_OPEN = `<!--${import_hydration_markers.HYDRATION_START}-->`;
 const BLOCK_CLOSE = `<!--${import_hydration_markers.HYDRATION_END}-->`;
@@ -81,7 +83,6 @@ const FOR_BLOCK_OPEN_ITEMS = `<!--${import_hydration_markers.HYDRATION_FOR_ITEMS
 const EMPTY_COMMENT = "<!---->";
 const HYDRATION_TEXT_SEP = " ";
 const TEXT_SEPARATOR = `<!--${HYDRATION_TEXT_SEP}-->`;
-const SUSPENSE_RESOLVED_COMMENT = "oct-suspense:";
 const SUSPENSE_RESOLVED_SEED_ATTR = "data-octane-suspense-seeds";
 const SUSPENSE_RESOLVED_NATIVE_ATTR = "data-octane-suspense-signals";
 const UNDEFINED_SENTINEL_KEY = "__octane_new_undefined__";
@@ -98,7 +99,6 @@ const HYDRATE_STATIC_END = "/octane-static-hydrate";
 const STREAM_SEGMENT_ATTR = "data-oct-s";
 const STREAM_SEED_ATTR = "data-oct-seed";
 const STREAM_RESOURCE_ATTR = "data-oct-fr";
-const STREAM_SEED_COMMENT = "oct-seed:";
 const VOID_ELEMENTS = import_dom_tables.VOID_ELEMENTS;
 const BOOLEAN_ATTR_PROPS = import_dom_tables.BOOLEAN_ATTR_PROPS;
 const MUST_USE_PROPERTY_PROPS = import_dom_tables.MUST_USE_PROPERTY_PROPS;

package/dist/cjs/dom-binding-protocol.cjs

@@ -19,6 +19,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var dom_binding_protocol_exports = {};
 __export(dom_binding_protocol_exports, {
   BINDING_OPEN_PREFIX: () => BINDING_OPEN_PREFIX,
+  BINDING_OPEN_TAIL_SOURCE: () => BINDING_OPEN_TAIL_SOURCE,
   bindingRootMarker: () => bindingRootMarker,
   decodeBindingKey: () => decodeBindingKey,
   encodeBindingKey: () => encodeBindingKey,
@@ -96,6 +97,10 @@ function parseBindingMarker(data) {
     return { id, site, kind: "slot" };
   if (kind === "o")
     return { id, site, kind: "opaque" };
+  if (kind === "y")
+    return { id, site, kind: "try", arm: -1 };
+  if (kind.length === 2 && kind[0] === "y" && kind[1] >= "0" && kind[1] <= "2")
+    return { id, site, kind: "try", arm: kind.charCodeAt(1) - 48 };
   if (kind.startsWith("k;")) {
     const key = kind.slice(2);
     try {
@@ -112,6 +117,7 @@ function parseBindingMarker(data) {
   }
   return null;
 }
+const BINDING_OPEN_TAIL_SOURCE = "f[01];b;[^;]+;[^;]+|b;[^;]+;(root|[^;]+;([tvso\\d]|-1|[1-9]\\d+|y[012]?|k;[sn]:[^]+))";
 function isBindingOpenComment(data) {
   const list = data.startsWith(BINDING_FOR_EMPTY_PREFIX) || data.startsWith(BINDING_FOR_ITEMS_PREFIX);
   if (!list && !data.startsWith(BINDING_OPEN_PREFIX))
@@ -128,6 +134,8 @@ function isBindingOpenComment(data) {
   if (siteEnd <= idEnd + 1 || siteEnd === data.length - 1)
     return false;
   const tail = siteEnd + 1;
+  if (data[tail] === "y")
+    return /^y[012]?$/.test(data.slice(tail));
   if (data.length === tail + 1) {
     const code = data.charCodeAt(tail);
     return code === 116 || code === 118 || code === 115 || code === 111 || code >= 48 && code <= 57;
@@ -151,6 +159,7 @@ function isForBindingOpenComment(data) {
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   BINDING_OPEN_PREFIX,
+  BINDING_OPEN_TAIL_SOURCE,
   bindingRootMarker,
   decodeBindingKey,
   encodeBindingKey,

package/dist/cjs/dom-binding-styles.cjs

@@ -20,7 +20,8 @@ var dom_binding_styles_exports = {};
 __export(dom_binding_styles_exports, {
   __createBindingStyles: () => __createBindingStyles,
   __normalizeBindingStyle: () => __normalizeBindingStyle,
-  __prepareBindingSources: () => __prepareBindingSources
+  __prepareBindingSources: () => __prepareBindingSources,
+  __retiredBindingSource: () => __retiredBindingSource
 });
 module.exports = __toCommonJS(dom_binding_styles_exports);
 var import_style_values = require("./style-values.cjs");
@@ -84,6 +85,12 @@ function __prepareBindingSources(reads, subscriptions, notify, active, run) {
     }
   };
 }
+function __retiredBindingSource(subscriptions) {
+  for (const source of subscriptions.keys())
+    if (source.inspect?.().retired)
+      return true;
+  return false;
+}
 function __normalizeBindingStyle(value) {
   if (value == null || value === false || value === "")
     return null;
@@ -208,6 +215,7 @@ function __createBindingStyles() {
       };
       return {
         get,
+        retired: () => __retiredBindingSource(subscriptions),
         preview(value) {
           const reads = /* @__PURE__ */ new Map();
           const previousObserver = (0, import_read_protocol.setNativeReadObserver)((source, version) => {
@@ -302,5 +310,6 @@ function __createBindingStyles() {
 0 && (module.exports = {
   __createBindingStyles,
   __normalizeBindingStyle,
-  __prepareBindingSources
+  __prepareBindingSources,
+  __retiredBindingSource
 });

package/dist/cjs/dom-bindings.cjs

@@ -20,6 +20,7 @@ var dom_bindings_exports = {};
 __export(dom_bindings_exports, {
   __adoptBindings: () => __adoptBindings,
   __adoptScalarBindings: () => __adoptScalarBindings,
+  __bindingURL: () => __bindingURL,
   __claimBinding: () => __claimBinding,
   __createBindingStyleRestoration: () => __createBindingStyleRestoration,
   __mountBindings: () => __mountBindings,
@@ -221,6 +222,7 @@ function writeFixedScalar(node, binding, value) {
   } else if (node.getAttribute(name) !== value) {
     node.setAttribute(name, value);
   }
+  return value;
 }
 function normalize(binding, value) {
   const type = typeof value;
@@ -265,6 +267,7 @@ function write(node, binding, value) {
         node.removeAttribute(name);
     } else if (node.getAttribute(name) !== value)
       node.setAttribute(name, value);
+    return value;
   } else if (binding[1] === "styleProperty") {
     const style = node.style;
     if (value === null) {
@@ -278,8 +281,13 @@ function write(node, binding, value) {
         style.setProperty(name, text, priority);
     }
   } else
-    writeFixedScalar(node, binding, value);
+    return writeFixedScalar(node, binding, value);
 }
+const __bindingURL = [
+  (binding) => binding[1] === "url" || isFixedScalarChannel(binding),
+  normalize,
+  write
+];
 function __createBindingStyleRestoration(node, binding) {
   if (binding[1] === "styleAttribute") {
     let baseline2;
@@ -466,6 +474,7 @@ function __adoptBindings(root, descriptor, source, options) {
       const binding = bindings[i];
       if (binding[1] === "classToken")
         previous[i] = next[i];
+      let written = void 0;
       if (binding[1] === "styleObject") {
         const projection = projections?.get(i);
         if (projection)
@@ -481,12 +490,12 @@ function __adoptBindings(root, descriptor, source, options) {
           styles.set(i, style = __createBindingStyleRestoration(nodes[binding[0]], binding));
         style.write(next[i]);
       } else
-        write(nodes[binding[0]], binding, next[i]);
+        written = write(nodes[binding[0]], binding, next[i]);
       if (!disposed) {
         previous[i] = next[i];
-        if (binding[1] === "attr" || binding[1] === "boolean" || binding[1] === "aria" || binding[1] === "class" || binding[1] === "styleProperty" || binding[1] === "text") {
+        if (binding[1] === "attr" || binding[1] === "boolean" || binding[1] === "aria" || binding[1] === "class" || binding[1] === "url" || binding[1] === "styleProperty" || binding[1] === "text") {
           const [node, name] = owned[i];
-          let published2 = next[i];
+          let published2 = written;
           if (binding[1] === "styleProperty") {
             const style = node.style;
             const value = style.getPropertyValue(binding[2]);
@@ -862,7 +871,8 @@ function __adoptBindings(root, descriptor, source, options) {
   }
 }
 function __adoptScalarBindings(root, descriptor, source, options) {
-  if (descriptor.addressed || descriptor.handoff || descriptor.connectProjection || !descriptor.bindings.every(isFixedScalarChannel))
+  const [accepts = isFixedScalarChannel, normalizeChannel = normalizeFixedScalar, writeChannel = writeFixedScalar] = descriptor.url ?? [];
+  if (descriptor.addressed || descriptor.handoff || descriptor.connectProjection || !descriptor.bindings.every(accepts))
     throw new TypeError(__octaneDev ? "This DOM binding view requires the general adopter." : __octaneNoArgError(330));
   if (!source || typeof source.getSnapshot !== "function" || typeof source.subscribe !== "function")
     throw new TypeError(__octaneDev ? "DOM bindings require synchronous getSnapshot() and subscribe() methods." : __octaneNoArgError(325));
@@ -918,14 +928,14 @@ function __adoptScalarBindings(root, descriptor, source, options) {
       if (next[i] === previous[i])
         continue;
       const binding = bindings[i];
-      writeFixedScalar(nodes[binding[0]], binding, next[i]);
+      const published = writeChannel(nodes[binding[0]], binding, next[i]);
       if (!disposed) {
         previous[i] = next[i];
         const node = owned[i][0];
         let claims2 = import_dom_binding_claims.domBindingClaims.get(node);
         if (claims2 === void 0)
           import_dom_binding_claims.domBindingClaims.set(node, claims2 = /* @__PURE__ */ new Map());
-        claims2.set(owned[i][1], next[i]);
+        claims2.set(owned[i][1], published);
       }
     }
   };
@@ -1001,19 +1011,19 @@ function __adoptScalarBindings(root, descriptor, source, options) {
               }
             }
           }
-          next = resolved.map((value, index) => normalizeFixedScalar(bindings[index], value));
+          next = resolved.map((value, index) => normalizeChannel(bindings[index], value));
         } else {
           indices = [...signalUpdates];
           signalUpdates.clear();
           next = [];
           for (const index of indices)
-            next[index] = normalizeFixedScalar(bindings[index], signalConnections.get(index).get());
+            next[index] = normalizeChannel(bindings[index], signalConnections.get(index).get());
         }
         while (!preview && signalUpdates?.size && !dirty && !disposed) {
           const pending = [...signalUpdates];
           signalUpdates.clear();
           for (const index of pending) {
-            next[index] = normalizeFixedScalar(bindings[index], signalConnections.get(index).get());
+            next[index] = normalizeChannel(bindings[index], signalConnections.get(index).get());
             if (indices && !indices.includes(index))
               indices.push(index);
           }
@@ -1109,6 +1119,7 @@ function __adoptScalarBindings(root, descriptor, source, options) {
 0 && (module.exports = {
   __adoptBindings,
   __adoptScalarBindings,
+  __bindingURL,
   __claimBinding,
   __createBindingStyleRestoration,
   __mountBindings,

package/dist/cjs/dom-tables.cjs

@@ -24,6 +24,7 @@ __export(dom_tables_exports, {
   MATHML_ONLY_TAGS: () => MATHML_ONLY_TAGS,
   MUST_USE_PROPERTY_PROPS: () => MUST_USE_PROPERTY_PROPS,
   POSITIVE_NUMERIC_ATTR_PROPS: () => POSITIVE_NUMERIC_ATTR_PROPS,
+  READ_ONLY_VALUE_INPUT_TYPES: () => READ_ONLY_VALUE_INPUT_TYPES,
   SVG_ONLY_TAGS: () => SVG_ONLY_TAGS,
   VOID_ELEMENTS: () => VOID_ELEMENTS,
   cssStyleValue: () => import_style_values.cssStyleValue,
@@ -49,6 +50,15 @@ const VOID_ELEMENTS = /* @__PURE__ */ new Set([
   "track",
   "wbr"
 ]);
+const READ_ONLY_VALUE_INPUT_TYPES = /* @__PURE__ */ new Set([
+  "button",
+  "checkbox",
+  "image",
+  "hidden",
+  "radio",
+  "reset",
+  "submit"
+]);
 const BOOLEAN_ATTR_PROPS = /* @__PURE__ */ new Set([
   "allowfullscreen",
   "async",
@@ -408,6 +418,7 @@ function isEnumeratedBooleanAttr(name) {
   MATHML_ONLY_TAGS,
   MUST_USE_PROPERTY_PROPS,
   POSITIVE_NUMERIC_ATTR_PROPS,
+  READ_ONLY_VALUE_INPUT_TYPES,
   SVG_ONLY_TAGS,
   VOID_ELEMENTS,
   cssStyleValue,

package/dist/cjs/error-codes.client.generated.cjs

@@ -1079,6 +1079,11 @@ function formatClientError(code, ...args) {
           "`<textarea>` children must be text: strings, numbers, or arrays of them. One child was %s. A textarea's content is its default value, so it cannot contain elements; render them outside the textarea or pass a string.",
           args
         );
+      case 337:
+        return (0, import_error_message.formatDevErrorMessage)(
+          "Structural hydration leases do not support @try regions.",
+          args
+        );
       default:
         return (0, import_error_message.formatUnknownDevErrorMessage)(code);
     }

package/dist/cjs/hydration/event-capture.cjs

@@ -24,6 +24,8 @@ __export(event_capture_exports, {
   captureHydrationControlCandidate: () => import_control_capture2.captureHydrationControlCandidate,
   captureNativeHydrationIntent: () => captureNativeHydrationIntent,
   consumeHydrationControl: () => import_control_capture2.consumeHydrationControl,
+  heldHydrationReplays: () => heldHydrationReplays,
+  holdHydrationReplays: () => holdHydrationReplays,
   hydrationEventPathWithin: () => hydrationEventPathWithin,
   hydrationMarkerInteractionStatus: () => hydrationMarkerInteractionStatus,
   initializeHydrationEventCapture: () => initializeHydrationEventCapture,
@@ -102,6 +104,18 @@ const HYDRATE_DELEGATED_DYNAMIC_MARKERS = /* @__PURE__ */ new WeakSet();
 const HYDRATE_HANDLED_INTENT_EVENTS = /* @__PURE__ */ new WeakSet();
 const HYDRATE_INTENT_DOCUMENTS = /* @__PURE__ */ new WeakSet();
 let independentHydrationDocuments;
+let hydrationReplayHolds;
+let lifecycleHydrationMarkers;
+function selectsHydrationLifecycleEvent(markers) {
+  for (let i = 0; i < markers.length; i++) {
+    for (let j = 0; j < import_interaction_config.HYDRATE_LIFECYCLE_INTERACTION_EVENTS.length; j++) {
+      if (markerStatus(markers[i], import_interaction_config.HYDRATE_LIFECYCLE_INTERACTION_EVENTS[j]) === "handles") {
+        return true;
+      }
+    }
+  }
+  return false;
+}
 function hydrationEventPathWithin(root, target) {
   if (!isHydrationNode(target))
     return null;
@@ -204,6 +218,9 @@ function handleEarlyHydrationIntent(event, capturedSelection) {
   }
   if (candidate === null)
     return;
+  const lifecycle = (0, import_interaction_config.isHydrationLifecycleEvent)(event.type);
+  if (lifecycle && !lifecycleHydrationMarkers?.has(candidate))
+    return;
   for (let i = 0; i < markers.length; i++) {
     const current = markers[i];
     if (current !== candidate && candidate.contains(current) && current.getAttribute(import_hydration_markers2.HYDRATE_WHEN_ATTR) === "dynamic" && !HYDRATE_BOUNDARIES.has(current)) {
@@ -213,6 +230,12 @@ function handleEarlyHydrationIntent(event, capturedSelection) {
   const path = hydrationEventPathWithin(candidate, event.target);
   if (path === null)
     return;
+  if (!lifecycle && !lifecycleHydrationMarkers?.has(candidate) && selectsHydrationLifecycleEvent(markers)) {
+    (lifecycleHydrationMarkers ??= /* @__PURE__ */ new WeakSet()).add(candidate);
+    for (let i = 0; i < import_interaction_config.HYDRATE_LIFECYCLE_INTERACTION_EVENTS.length; i++) {
+      target.ownerDocument.addEventListener(import_interaction_config.HYDRATE_LIFECYCLE_INTERACTION_EVENTS[i], handleEarlyHydrationIntent, true);
+    }
+  }
   const sequence = independent !== null && capturedSelection === void 0 ? advanceIndependentIntentSequence(target.ownerDocument) : 0;
   const selection = candidate === independent ? capturedSelection === void 0 ? captureHydrationSelectionIntent(event, target, candidate, sequence) : capturedSelection : void 0;
   const intent = selection ? { event, path, selection } : { event, path };
@@ -357,6 +380,18 @@ function unregisterHydrationIntentBoundary(marker, boundary) {
   if (HYDRATE_BOUNDARIES.get(marker) === boundary)
     HYDRATE_BOUNDARIES.delete(marker);
 }
+function holdHydrationReplays(marker, hold) {
+  (hydrationReplayHolds ??= /* @__PURE__ */ new WeakMap()).set(marker, hold);
+}
+function heldHydrationReplays(marker) {
+  const hold = hydrationReplayHolds?.get(marker);
+  if (hold === void 0)
+    return null;
+  const queue = hold();
+  if (queue === null)
+    hydrationReplayHolds.delete(marker);
+  return queue;
+}
 function takePendingHydrationIntents(marker) {
   const intents = HYDRATE_PENDING_INTENTS.get(marker);
   HYDRATE_PENDING_INTENTS.delete(marker);
@@ -388,6 +423,8 @@ function markDelegatedDynamicHydrationIntent(marker) {
   captureHydrationControlCandidate,
   captureNativeHydrationIntent,
   consumeHydrationControl,
+  heldHydrationReplays,
+  holdHydrationReplays,
   hydrationEventPathWithin,
   hydrationMarkerInteractionStatus,
   initializeHydrationEventCapture,

package/dist/cjs/hydration/interaction-config.cjs

@@ -22,9 +22,11 @@ __export(interaction_config_exports, {
   EARLY_HYDRATION_INTENTS_LIMIT: () => EARLY_HYDRATION_INTENTS_LIMIT,
   HYDRATE_DEFAULT_INTERACTION_EVENTS: () => HYDRATE_DEFAULT_INTERACTION_EVENTS,
   HYDRATE_INTERACTION_EVENTS_ATTR: () => HYDRATE_INTERACTION_EVENTS_ATTR,
+  HYDRATE_LIFECYCLE_INTERACTION_EVENTS: () => HYDRATE_LIFECYCLE_INTERACTION_EVENTS,
   HYDRATE_NATIVE_DEFAULT_INTERACTION_EVENTS: () => HYDRATE_NATIVE_DEFAULT_INTERACTION_EVENTS,
   HYDRATE_SELECTION_ATTR: () => HYDRATE_SELECTION_ATTR,
-  HYDRATE_SUPPORTED_INTERACTION_EVENTS: () => HYDRATE_SUPPORTED_INTERACTION_EVENTS
+  HYDRATE_SUPPORTED_INTERACTION_EVENTS: () => HYDRATE_SUPPORTED_INTERACTION_EVENTS,
+  isHydrationLifecycleEvent: () => isHydrationLifecycleEvent
 });
 module.exports = __toCommonJS(interaction_config_exports);
 const HYDRATE_INTERACTION_EVENTS_ATTR = "data-octane-hydrate-interaction-events";
@@ -55,6 +57,10 @@ const HYDRATE_SUPPORTED_INTERACTION_EVENTS = [
   "touchend",
   "touchstart"
 ];
+const HYDRATE_LIFECYCLE_INTERACTION_EVENTS = ["pointercancel", "pointermove"];
+function isHydrationLifecycleEvent(type) {
+  return HYDRATE_LIFECYCLE_INTERACTION_EVENTS.includes(type);
+}
 const HYDRATE_NATIVE_DEFAULT_INTERACTION_EVENTS = [
   "beforeinput",
   "compositionend",
@@ -63,6 +69,8 @@ const HYDRATE_NATIVE_DEFAULT_INTERACTION_EVENTS = [
   "input",
   "mousedown",
   "pointerdown",
+  "pointermove",
+  "pointerup",
   "touchend",
   "touchstart"
 ];
@@ -85,7 +93,9 @@ const HYDRATE_DEFAULT_INTERACTION_EVENTS = [
   EARLY_HYDRATION_INTENTS_LIMIT,
   HYDRATE_DEFAULT_INTERACTION_EVENTS,
   HYDRATE_INTERACTION_EVENTS_ATTR,
+  HYDRATE_LIFECYCLE_INTERACTION_EVENTS,
   HYDRATE_NATIVE_DEFAULT_INTERACTION_EVENTS,
   HYDRATE_SELECTION_ATTR,
-  HYDRATE_SUPPORTED_INTERACTION_EVENTS
+  HYDRATE_SUPPORTED_INTERACTION_EVENTS,
+  isHydrationLifecycleEvent
 });

package/dist/cjs/hydration/replay-event.cjs

@@ -0,0 +1,94 @@
+"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 replay_event_exports = {};
+__export(replay_event_exports, {
+  cloneHydrationReplayEvent: () => cloneHydrationReplayEvent
+});
+module.exports = __toCommonJS(replay_event_exports);
+function cloneHydrationReplayEvent(event, target) {
+  const clone = constructHydrationReplayEvent(event, target);
+  Object.defineProperty(clone, "timeStamp", { value: event.timeStamp, configurable: true });
+  return clone;
+}
+function constructHydrationReplayEvent(event, target) {
+  const realm = target.ownerDocument.defaultView ?? globalThis;
+  if (realm.PointerEvent !== void 0 && event instanceof realm.PointerEvent) {
+    return new realm.PointerEvent(event.type, event);
+  }
+  if (realm.KeyboardEvent !== void 0 && event instanceof realm.KeyboardEvent) {
+    return new realm.KeyboardEvent(event.type, event);
+  }
+  if (realm.MouseEvent !== void 0 && event instanceof realm.MouseEvent) {
+    return new realm.MouseEvent(event.type, event);
+  }
+  if (realm.FocusEvent !== void 0 && event instanceof realm.FocusEvent) {
+    return new realm.FocusEvent(event.type, event);
+  }
+  if (realm.InputEvent !== void 0 && event instanceof realm.InputEvent) {
+    return new realm.InputEvent(event.type, event);
+  }
+  if (realm.CompositionEvent !== void 0 && event instanceof realm.CompositionEvent) {
+    return new realm.CompositionEvent(event.type, event);
+  }
+  if (realm.TouchEvent !== void 0 && event instanceof realm.TouchEvent) {
+    return cloneHydrationTouchEvent(event, realm.TouchEvent);
+  }
+  const brand = Object.prototype.toString.call(event);
+  if (realm.PointerEvent !== void 0 && brand === "[object PointerEvent]") {
+    return new realm.PointerEvent(event.type, event);
+  }
+  if (realm.KeyboardEvent !== void 0 && brand === "[object KeyboardEvent]") {
+    return new realm.KeyboardEvent(event.type, event);
+  }
+  if (realm.MouseEvent !== void 0 && brand === "[object MouseEvent]") {
+    return new realm.MouseEvent(event.type, event);
+  }
+  if (realm.FocusEvent !== void 0 && brand === "[object FocusEvent]") {
+    return new realm.FocusEvent(event.type, event);
+  }
+  if (realm.InputEvent !== void 0 && brand === "[object InputEvent]") {
+    return new realm.InputEvent(event.type, event);
+  }
+  if (realm.CompositionEvent !== void 0 && brand === "[object CompositionEvent]") {
+    return new realm.CompositionEvent(event.type, event);
+  }
+  if (realm.TouchEvent !== void 0 && brand === "[object TouchEvent]") {
+    return cloneHydrationTouchEvent(event, realm.TouchEvent);
+  }
+  return new realm.Event(event.type, event);
+}
+function cloneHydrationTouchEvent(event, TouchEventImpl) {
+  return new TouchEventImpl(event.type, {
+    bubbles: event.bubbles,
+    cancelable: event.cancelable,
+    composed: event.composed,
+    detail: event.detail,
+    ctrlKey: event.ctrlKey,
+    shiftKey: event.shiftKey,
+    altKey: event.altKey,
+    metaKey: event.metaKey,
+    touches: Array.from(event.touches),
+    targetTouches: Array.from(event.targetTouches),
+    changedTouches: Array.from(event.changedTouches)
+  });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  cloneHydrationReplayEvent
+});

package/dist/cjs/hydration-markers.cjs

@@ -36,7 +36,11 @@ __export(hydration_markers_exports, {
   HYDRATION_FOR_PREFIX: () => HYDRATION_FOR_PREFIX,
   HYDRATION_START: () => HYDRATION_START,
   INDEPENDENT_HYDRATE_MANIFEST_ATTR: () => INDEPENDENT_HYDRATE_MANIFEST_ATTR,
+  NATIVE_SIGNAL_FRESH_COMMENT: () => NATIVE_SIGNAL_FRESH_COMMENT,
   SIGNAL_CONTROL_ATTR: () => SIGNAL_CONTROL_ATTR,
+  STREAM_SEED_COMMENT: () => STREAM_SEED_COMMENT,
+  SUSPENSE_RESOLVED_COMMENT: () => SUSPENSE_RESOLVED_COMMENT,
+  TRY_CATCH_COMMENT: () => TRY_CATCH_COMMENT,
   formatUseId: () => formatUseId
 });
 module.exports = __toCommonJS(hydration_markers_exports);
@@ -59,6 +63,10 @@ const HYDRATION_FOR_PREFIX = "[f";
 const HYDRATION_FOR_EMPTY = "[f0";
 const HYDRATION_FOR_ITEMS = "[f1";
 const HYDRATION_FOR_ARM_INDEX = HYDRATION_FOR_PREFIX.length;
+const TRY_CATCH_COMMENT = "oct-catch:";
+const SUSPENSE_RESOLVED_COMMENT = "oct-suspense:";
+const STREAM_SEED_COMMENT = "oct-seed:";
+const NATIVE_SIGNAL_FRESH_COMMENT = "oct-native-fresh:";
 function formatUseId(prefix, ordinal) {
   return ":" + prefix + "in-" + ordinal.toString(36) + ":";
 }
@@ -82,6 +90,10 @@ function formatUseId(prefix, ordinal) {
   HYDRATION_FOR_PREFIX,
   HYDRATION_START,
   INDEPENDENT_HYDRATE_MANIFEST_ATTR,
+  NATIVE_SIGNAL_FRESH_COMMENT,
   SIGNAL_CONTROL_ATTR,
+  STREAM_SEED_COMMENT,
+  SUSPENSE_RESOLVED_COMMENT,
+  TRY_CATCH_COMMENT,
   formatUseId
 });