octane 0.4.2 → 0.4.3

package/dist/cjs/context-identity.cjs

@@ -18,6 +18,7 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var context_identity_exports = {};
 __export(context_identity_exports, {
+  defineRemovedContextMembers: () => defineRemovedContextMembers,
   isContext: () => isContext,
   registerContext: () => registerContext
 });
@@ -36,8 +37,36 @@ function isContext(value) {
   const identities = globalThis[CONTEXT_IDENTITIES];
   return identities != null && identities.has(value) === true;
 }
+function defineRemovedContextMembers(context) {
+  let consumerWarned = false;
+  Object.defineProperties(context, {
+    Consumer: {
+      configurable: true,
+      get() {
+        if (!consumerWarned) {
+          consumerWarned = true;
+          console.error(
+            "Octane has no Context.Consumer. Read the context directly with use(Context) or useContext(Context) in the child component \u2014 Octane hooks are call-site keyed, so the read is legal behind any condition the render-prop form was working around."
+          );
+        }
+        return void 0;
+      }
+    },
+    Provider: {
+      configurable: true,
+      get() {
+        const error = new Error(
+          "[OCTANE_CONTEXT_PROVIDER] Context.Provider was removed. Render the context itself as the provider: <Context value={...}>...</Context>."
+        );
+        error.code = "OCTANE_CONTEXT_PROVIDER";
+        throw error;
+      }
+    }
+  });
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  defineRemovedContextMembers,
   isContext,
   registerContext
 });

package/dist/cjs/dom-stage.cjs

@@ -508,19 +508,19 @@ class DOMStage {
   }
   setFormProperty(node, key, value) {
     if (node.localName === "input" && (key === "checked" || key === "defaultChecked") && this.state(node).type === "radio") {
-      const projected2 = this.projection(node, true);
-      const target2 = projected2.node;
-      Reflect.set(target2, key, value);
-      for (const [copy, original] of projected2.originals) {
+      const projected = this.projection(node, true);
+      const target = projected.node;
+      Reflect.set(target, key, value);
+      for (const [copy, original] of projected.originals) {
         if (copy.nodeType !== 1 || copy.localName !== "input") continue;
         const input = copy;
-        if (input !== target2 && (input.type !== "radio" || input.name !== target2.name || input.form !== target2.form))
+        if (input !== target && (input.type !== "radio" || input.name !== target.name || input.form !== target.form))
           continue;
         this.states.set(original, this.inertDocument(original).importNode(input, false));
         this.values.get(original)?.delete("checked");
       }
       this.projections.clear();
-      this.projections.set(projected2.root, projected2);
+      this.projections.set(projected.root, projected);
       this.enqueue(() => {
         Reflect.set(node, key, value, node);
       });
@@ -542,20 +542,26 @@ class DOMStage {
     } else if (node.localName !== "select" || key !== "value" && key !== "selectedIndex")
       return false;
     if (select === null) return false;
-    const projected = this.projection(select);
-    let target = projected.node;
-    if (node !== select)
-      for (const [copy, original] of projected.originals) {
-        if (original === node) {
-          target = copy;
-          break;
+    if (node !== select && this.get(select, "multiple")) {
+      const state = this.state(node);
+      state.selected = value;
+      this.value(node, "selected", state.selected);
+    } else {
+      const projected = this.projection(select);
+      let target = projected.node;
+      if (node !== select)
+        for (const [copy, original] of projected.originals) {
+          if (original === node) {
+            target = copy;
+            break;
+          }
         }
+      Reflect.set(target, key, value);
+      for (const option of Array.from(projected.node.options)) {
+        const original = projected.originals.get(option);
+        this.state(original).selected = option.selected;
+        this.value(original, "selected", option.selected);
       }
-    Reflect.set(target, key, value);
-    for (const option of Array.from(projected.node.options)) {
-      const original = projected.originals.get(option);
-      this.state(original).selected = option.selected;
-      this.value(original, "selected", option.selected);
     }
     this.enqueue(() => {
       Reflect.set(node, key, value, node);

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

@@ -173,6 +173,11 @@ function formatServerError(code, ...args) {
         return (0, import_error_message.formatDevErrorMessage)("Unsupported Octane server signal binding ABI.", args);
       case 73:
         return (0, import_error_message.formatDevErrorMessage)("Octane DOM bindings require unique list keys.", args);
+      case 80:
+        return (0, import_error_message.formatDevErrorMessage)(
+          "Independent Hydrate cannot activate a `%s` strategy because its lexical parent never runs on the client. Use load(), idle(), visible(), media(), interaction(), or never(), or remove `independent`.",
+          args
+        );
       default:
         return (0, import_error_message.formatUnknownDevErrorMessage)(code);
     }

package/dist/cjs/hydration-markers.cjs

@@ -18,12 +18,16 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var hydration_markers_exports = {};
 __export(hydration_markers_exports, {
+  HYDRATE_IDLE_TIMEOUT_ATTR: () => HYDRATE_IDLE_TIMEOUT_ATTR,
   HYDRATE_ID_ATTR: () => HYDRATE_ID_ATTR,
   HYDRATE_ID_COUNT_ATTR: () => HYDRATE_ID_COUNT_ATTR,
   HYDRATE_INDEPENDENT_ATTR: () => HYDRATE_INDEPENDENT_ATTR,
   HYDRATE_INPUT_ATTR: () => HYDRATE_INPUT_ATTR,
   HYDRATE_MARKER_SELECTOR: () => HYDRATE_MARKER_SELECTOR,
+  HYDRATE_MEDIA_ATTR: () => HYDRATE_MEDIA_ATTR,
   HYDRATE_SEED_ATTR: () => HYDRATE_SEED_ATTR,
+  HYDRATE_VISIBLE_MARGIN_ATTR: () => HYDRATE_VISIBLE_MARGIN_ATTR,
+  HYDRATE_VISIBLE_THRESHOLD_ATTR: () => HYDRATE_VISIBLE_THRESHOLD_ATTR,
   HYDRATE_WHEN_ATTR: () => HYDRATE_WHEN_ATTR,
   HYDRATION_END: () => HYDRATION_END,
   HYDRATION_FOR_ARM_INDEX: () => HYDRATION_FOR_ARM_INDEX,
@@ -42,6 +46,10 @@ const HYDRATE_INPUT_ATTR = "data-octane-input";
 const SIGNAL_CONTROL_ATTR = "data-octane-signal-control";
 const HYDRATE_ID_ATTR = "data-octane-hydrate-id";
 const HYDRATE_WHEN_ATTR = "data-octane-hydrate-when";
+const HYDRATE_IDLE_TIMEOUT_ATTR = "data-octane-hydrate-timeout";
+const HYDRATE_VISIBLE_MARGIN_ATTR = "data-octane-hydrate-root-margin";
+const HYDRATE_VISIBLE_THRESHOLD_ATTR = "data-octane-hydrate-threshold";
+const HYDRATE_MEDIA_ATTR = "data-octane-hydrate-media";
 const HYDRATE_ID_COUNT_ATTR = "data-octane-hydrate-id-count";
 const HYDRATE_SEED_ATTR = "data-octane-hydrate-seed";
 const HYDRATE_MARKER_SELECTOR = "[data-octane-hydrate-id]";
@@ -56,12 +64,16 @@ function formatUseId(prefix, ordinal) {
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  HYDRATE_IDLE_TIMEOUT_ATTR,
   HYDRATE_ID_ATTR,
   HYDRATE_ID_COUNT_ATTR,
   HYDRATE_INDEPENDENT_ATTR,
   HYDRATE_INPUT_ATTR,
   HYDRATE_MARKER_SELECTOR,
+  HYDRATE_MEDIA_ATTR,
   HYDRATE_SEED_ATTR,
+  HYDRATE_VISIBLE_MARGIN_ATTR,
+  HYDRATE_VISIBLE_THRESHOLD_ATTR,
   HYDRATE_WHEN_ATTR,
   HYDRATION_END,
   HYDRATION_FOR_ARM_INDEX,

package/dist/cjs/index.cjs

@@ -42,6 +42,7 @@ __export(index_exports, {
   __useLinkedStateWithGetter: () => import_runtime.__useLinkedStateWithGetter,
   __useReducerWithGetter: () => import_runtime.__useReducerWithGetter,
   __useStateWithGetter: () => import_runtime.__useStateWithGetter,
+  __voidRootProps: () => import_runtime.__voidRootProps,
   __vtSeen: () => import_runtime.__vtSeen,
   act: () => import_runtime.act,
   activityBlock: () => import_runtime.activityBlock,
@@ -284,6 +285,7 @@ var import_method_dep = require("./method-dep.cjs");
   __useLinkedStateWithGetter,
   __useReducerWithGetter,
   __useStateWithGetter,
+  __voidRootProps,
   __vtSeen,
   act,
   activityBlock,