octane 0.9.1 → 0.10.2

package/README.md

@@ -17,6 +17,15 @@ wrapper is narrower: the wrapper must be locally declared in a fully compiled
 parameter to a supported hook. This package ships both the runtime and compiler,
 with the compiler exposed at `octane/compiler`.
 
+To use the compiler in Node, including through the Vite, Rspack, or Rsbuild
+integrations, install its optional parser peer in your project:
+
+```bash
+pnpm add @tsrx/oxc@0.16.0
+```
+
+Applications that use only the Octane runtime do not need this peer.
+
 [Signals](https://octanejs.dev/docs/signals) are stable. Import `createScope` and
 `query` from `octane/signals`, or `useSignal$` from `octane/signals/client`, for
 scoped state, derived values, async resources, and native component reads.

package/dist/cjs/component-flags.cjs

@@ -18,6 +18,8 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var component_flags_exports = {};
 __export(component_flags_exports, {
+  COMPONENT_FLAGS_AUTHOR_BOUNDARY: () => COMPONENT_FLAGS_AUTHOR_BOUNDARY,
+  COMPONENT_FLAG_AUTHOR_CHILDREN: () => COMPONENT_FLAG_AUTHOR_CHILDREN,
   COMPONENT_FLAG_BOUNDARY: () => COMPONENT_FLAG_BOUNDARY,
   hasComponentFlags: () => hasComponentFlags,
   markComponentFlags: () => markComponentFlags
@@ -26,6 +28,8 @@ module.exports = __toCommonJS(component_flags_exports);
 var import_has_own = require("./has-own.cjs");
 const OCTANE_COMPONENT_FLAGS = /* @__PURE__ */ Symbol.for("octane.flags.component");
 const COMPONENT_FLAG_BOUNDARY = 1 << 0;
+const COMPONENT_FLAG_AUTHOR_CHILDREN = 1 << 1;
+const COMPONENT_FLAGS_AUTHOR_BOUNDARY = 1 << 0 | 1 << 1;
 function markComponentFlags(component, flags, name, kind) {
   Object.defineProperty(component, OCTANE_COMPONENT_FLAGS, { value: flags });
   Object.defineProperty(component, "name", { value: name, configurable: true });
@@ -43,6 +47,8 @@ function hasComponentFlags(component, flags) {
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  COMPONENT_FLAGS_AUTHOR_BOUNDARY,
+  COMPONENT_FLAG_AUTHOR_CHILDREN,
   COMPONENT_FLAG_BOUNDARY,
   hasComponentFlags,
   markComponentFlags

package/dist/cjs/dom-bindings.cjs

@@ -798,18 +798,20 @@ function __adoptBindings(root, descriptor, source, options) {
     const ancestry = [];
     for (let node = host; node !== null; node = node.parentNode)
       ancestry.push([node, node.parentNode]);
-    const sibling = (node, previous2) => {
-      let next = previous2 ? node.previousSibling : node.nextSibling;
+    const skip = (next, previous2) => {
       while (next?.nodeType === 1 && next.localName === "script" && (next.hasAttribute(import_native_read_seeds.NATIVE_SIGNAL_SEED_ATTR) || next.hasAttribute(import_stream_protocol.SUSPENSE_SCRIPT_ATTR) || next.hasAttribute(import_stream_protocol.STREAM_SCRIPT_ATTR)))
         next = previous2 ? next.previousSibling : next.nextSibling;
       return next;
     };
+    const sibling = (node, previous2) => skip(previous2 ? node.previousSibling : node.nextSibling, previous2);
+    const site = host.parentNode;
     const previousSibling = sibling(host, true);
     const nextSibling = sibling(host, false);
     let handoff;
     handle[import_control_handoff.BINDING_HANDOFF] = () => {
       if (handoff !== void 0)
         return handoff;
+      const adjacent = (recorded, previous2) => sibling(host, previous2) === recorded;
       return handoff = {
         id: descriptor.id,
         root: host,
@@ -820,7 +822,10 @@ function __adoptBindings(root, descriptor, source, options) {
           (publicationRetries ??= /* @__PURE__ */ new Set()).add(callback);
           return () => publicationRetries.delete(callback);
         },
-        valid: () => host.parentNode !== null && host.ownerDocument === document && ancestry.every(([node, parent]) => node.parentNode === parent) && sibling(host, true) === previousSibling && sibling(host, false) === nextSibling && host.getAttribute("data-octane-bindings") === descriptor.id,
+        valid: () => host.parentNode !== null && host.ownerDocument === document && ancestry.every(([node, parent]) => node.parentNode === parent) && adjacent(previousSibling, true) && adjacent(nextSibling, false) && host.getAttribute("data-octane-bindings") === descriptor.id,
+        // The authored node before the host still marks its site after the
+        // host leaves, including when an external clone now stands there.
+        displaced: (parent, node) => parent === site && node !== host && (node === null || node.parentNode === parent) && (node === null ? skip(parent.lastChild, true) : sibling(node, true)) === previousSibling,
         active: () => !disposed,
         retire: (publish) => dispose(void 0, publish, true)
       };

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

@@ -163,48 +163,8 @@ function formatClientError(code, ...args) {
         );
       case 50:
         return (0, import_error_message.formatDevErrorMessage)("Unclosed server-rendered Fragment descriptor.", args);
-      case 51:
-        return (0, import_error_message.formatDevErrorMessage)(
-          "Hydration mismatch: the server-rendered node did not match the client render; the mismatched subtree was rebuilt on the client.",
-          args
-        );
-      case 52:
-        return (0, import_error_message.formatDevErrorMessage)(
-          "Hydration mismatch: root adoption was abandoned after a server/client shape divergence; the root was rebuilt on the client.",
-          args
-        );
-      case 53:
-        return (0, import_error_message.formatDevErrorMessage)(
-          "Hydration mismatch: the server rendered more root content than the client; the stale remainder was discarded.",
-          args
-        );
-      case 54:
-        return (0, import_error_message.formatDevErrorMessage)(
-          "Hydration mismatch: the client rendered text where the server rendered none; the client text was built fresh.",
-          args
-        );
-      case 55:
-        return (0, import_error_message.formatDevErrorMessage)(
-          "Hydration mismatch: the server rendered a different child shape where the client renders a component; the stale range was discarded and the component was built on the client.",
-          args
-        );
-      case 56:
-        return (0, import_error_message.formatDevErrorMessage)(
-          "Hydration mismatch: the server rendered more list items than the client; the extra server items were discarded.",
-          args
-        );
       case 58:
         return (0, import_error_message.formatDevErrorMessage)("Unsupported native-read compiler/runtime version.", args);
-      case 61:
-        return (0, import_error_message.formatDevErrorMessage)(
-          "Hydration mismatch: the server-rendered text differed from the client; the text was updated to the client value.",
-          args
-        );
-      case 62:
-        return (0, import_error_message.formatDevErrorMessage)(
-          "Hydration mismatch: the server rendered extra children in a text element; the stale children were discarded.",
-          args
-        );
       case 63:
         return (0, import_error_message.formatDevErrorMessage)(
           "Target container is not a DOM element. Pass an Element, Document, or DocumentFragment. If document.body is null after document hydration, update the existing document root or render a document shell containing <body>.",
@@ -1084,6 +1044,36 @@ function formatClientError(code, ...args) {
           "Structural hydration leases do not support @try regions.",
           args
         );
+      case 338:
+        return (0, import_error_message.formatDevErrorMessage)(
+          "Hydration mismatch: a server-rendered range had no closing marker, so the client rendered the boundary or root that contains it instead. Something changed the server HTML after rendering, for example an HTML minifier or proxy that strips comments.",
+          args
+        );
+      case 339:
+        return (0, import_error_message.formatDevErrorMessage)(
+          "Hydration failed because the server rendered HTML didn't match the client. As a result this tree will be regenerated on the client.",
+          args
+        );
+      case 340:
+        return (0, import_error_message.formatDevErrorMessage)(
+          "There was an error while hydrating, so the nearest Suspense boundary, Hydrate island, or the root rendered on the client instead.",
+          args
+        );
+      case 341:
+        return (0, import_error_message.formatDevErrorMessage)(
+          "The server could not finish this Suspense boundary, because it suspended during a synchronous render such as renderToString, which cannot wait for data. Switched to client rendering.",
+          args
+        );
+      case 342:
+        return (0, import_error_message.formatDevErrorMessage)(
+          "A descriptor carried a function form action, but no element factory installed form actions. This is a bug in the Octane compiler.",
+          args
+        );
+      case 343:
+        return (0, import_error_message.formatDevErrorMessage)(
+          "A keyed list rollback record restored a different shape than it recorded. This is a bug in Octane.",
+          args
+        );
       default:
         return (0, import_error_message.formatUnknownDevErrorMessage)(code);
     }

package/dist/cjs/hydration-flag.cjs

@@ -0,0 +1,42 @@
+"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 hydration_flag_exports = {};
+__export(hydration_flag_exports, {
+  hydrating: () => hydrating,
+  hydrationStarted: () => hydrationStarted,
+  setHydrating: () => setHydrating,
+  startHydration: () => startHydration
+});
+module.exports = __toCommonJS(hydration_flag_exports);
+let hydrating = false;
+let hydrationStarted = false;
+function setHydrating(value) {
+  hydrating = value;
+  if (value) hydrationStarted = true;
+}
+function startHydration() {
+  hydrationStarted = true;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  hydrating,
+  hydrationStarted,
+  setHydrating,
+  startHydration
+});

package/dist/cjs/hydration-markers.cjs

@@ -18,6 +18,7 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var hydration_markers_exports = {};
 __export(hydration_markers_exports, {
+  CLIENT_RENDER_ARM_COMMENT: () => CLIENT_RENDER_ARM_COMMENT,
   HYDRATE_ID_ATTR: () => HYDRATE_ID_ATTR,
   HYDRATE_ID_COUNT_ATTR: () => HYDRATE_ID_COUNT_ATTR,
   HYDRATE_INDEPENDENT_ATTR: () => HYDRATE_INDEPENDENT_ATTR,
@@ -59,11 +60,13 @@ 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:";
+const CLIENT_RENDER_ARM_COMMENT = "oct-client:";
 function formatUseId(prefix, ordinal) {
   return ":" + prefix + "in-" + ordinal.toString(36) + ":";
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  CLIENT_RENDER_ARM_COMMENT,
   HYDRATE_ID_ATTR,
   HYDRATE_ID_COUNT_ATTR,
   HYDRATE_INDEPENDENT_ATTR,

package/dist/cjs/method-dep.cjs

@@ -24,7 +24,7 @@ module.exports = __toCommonJS(method_dep_exports);
 var import_has_own = require("./has-own.cjs");
 const guardedNullReceiver = /* @__PURE__ */ Symbol();
 const guardedUndefinedReceiver = /* @__PURE__ */ Symbol();
-function __methodDep(receiver, name, guarded = false) {
+function __methodDep(receiver, name, guarded = false, read = false) {
   if (guarded && receiver == null) {
     return receiver === null ? guardedNullReceiver : guardedUndefinedReceiver;
   }
@@ -34,15 +34,30 @@ function __methodDep(receiver, name, guarded = false) {
   if (guarded) {
     try {
       const descriptor = Object.getOwnPropertyDescriptor(receiver, name);
-      if (descriptor) return "value" in descriptor ? descriptor.value : receiver;
+      if (descriptor) {
+        if (!("value" in descriptor)) return receiver;
+        return read ? descriptor.value : ownMethodDep(receiver, descriptor.value);
+      }
       return name in receiver ? receiver : void 0;
     } catch {
       return receiver;
     }
   }
-  if (import_has_own.hasOwnProp.call(receiver, name)) return receiver[name];
+  if (import_has_own.hasOwnProp.call(receiver, name)) {
+    return ownMethodDep(receiver, receiver[name]);
+  }
   return name in receiver ? receiver : void 0;
 }
+const ARROW_HEAD = /^(?:async\s*)?(?:\(|[\w$]+\s*=>)/;
+function ownMethodDep(receiver, method) {
+  if (typeof method !== "function") return method;
+  try {
+    const source = Function.prototype.toString.call(method);
+    return ARROW_HEAD.test(source) && (source[0] === "(" || method.name !== "async") ? method : receiver;
+  } catch {
+    return receiver;
+  }
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   __methodDep