octane 0.2.14 → 0.2.16

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

@@ -0,0 +1,28 @@
+"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 dom_binding_claims_exports = {};
+__export(dom_binding_claims_exports, {
+  domBindingClaims: () => domBindingClaims
+});
+module.exports = __toCommonJS(dom_binding_claims_exports);
+const domBindingClaims = /* @__PURE__ */ new WeakMap();
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  domBindingClaims
+});

package/dist/cjs/dom-bindings.cjs

@@ -31,6 +31,7 @@ __export(dom_bindings_exports, {
 });
 module.exports = __toCommonJS(dom_bindings_exports);
 var import_class_names = require("./class-names.cjs");
+var import_dom_binding_claims = require("./dom-binding-claims.cjs");
 var import_sanitize_url = require("./sanitize-url.cjs");
 var import_stream_protocol = require("./stream-protocol.cjs");
 var import_native_read_seeds = require("./signals/native-read-seeds.cjs");
@@ -91,6 +92,11 @@ function __releaseBinding(node, name) {
   const channels = claims.get(node);
   channels.delete(name);
   if (channels.size === 0) claims.delete(node);
+  const published = import_dom_binding_claims.domBindingClaims.get(node);
+  if (published) {
+    published.delete(name);
+    if (published.size === 0) import_dom_binding_claims.domBindingClaims.delete(node);
+  }
 }
 function resolveNodes(root, descriptor) {
   if (root?.nodeType !== 1 || root.getAttribute("data-octane-bindings") !== descriptor.id || descriptor.nodes.length === 0) {
@@ -100,9 +106,9 @@ function resolveNodes(root, descriptor) {
   const nodes = [];
   const childIndices = [];
   for (let i = 0; i < descriptor.nodes.length; i++) {
-    const [parent, tag, namespace, children] = descriptor.nodes[i];
+    const [parent, tag, namespace, children, , text] = descriptor.nodes[i];
     const node = i === 0 ? parent === -1 ? root : void 0 : parent >= 0 && parent < i && descriptor.nodes[parent][3] !== null ? nodes[parent]?.children[childIndices[parent]++] : void 0;
-    if (node === void 0 || descriptor.nodes[i][4] === true || node.localName !== tag || node.namespaceURI !== namespaces[namespace] || children !== null && (node.childNodes.length !== children || node.children.length !== children)) {
+    if (node === void 0 || descriptor.nodes[i][4] === true || node.localName !== tag || node.namespaceURI !== namespaces[namespace] || (text ? node.childNodes.length > 1 || node.firstChild !== null && node.firstChild.nodeType !== 3 : children !== null && (node.childNodes.length !== children || node.children.length !== children))) {
       throw new Error("DOM bindings cannot adopt a mismatched static element topology.");
     }
     nodes.push(node);
@@ -143,9 +149,9 @@ function resolveAddressedNodes(root, descriptor) {
   }
   const childCounts = new Array(descriptor.nodes.length).fill(0);
   for (let i = 0; i < descriptor.nodes.length; i++) {
-    const [parent, tag, namespace, children, openChildren] = descriptor.nodes[i];
+    const [parent, tag, namespace, children, openChildren, text] = descriptor.nodes[i];
     const node = nodes[i];
-    if (node === void 0 || node.localName !== tag || node.namespaceURI !== namespaces[namespace] || (i === 0 ? parent !== -1 || node !== root : parent < 0 || parent >= i || descriptor.nodes[parent][3] === null || node.parentElement !== nodes[parent] || descriptor.nodes[parent][4] !== true && nodes[parent].children[childCounts[parent]] !== node) || openChildren && children === null || children !== null && !openChildren && (node.childNodes.length !== children || node.children.length !== children)) {
+    if (node === void 0 || node.localName !== tag || node.namespaceURI !== namespaces[namespace] || (i === 0 ? parent !== -1 || node !== root : parent < 0 || parent >= i || descriptor.nodes[parent][3] === null || node.parentElement !== nodes[parent] || descriptor.nodes[parent][4] !== true && nodes[parent].children[childCounts[parent]] !== node) || openChildren && children === null || (text ? node.childNodes.length > 1 || node.firstChild !== null && node.firstChild.nodeType !== 3 : children !== null && !openChildren && (node.childNodes.length !== children || node.children.length !== children))) {
       throw new Error("DOM bindings cannot adopt a mismatched addressed element topology.");
     }
     if (parent !== -1) childCounts[parent]++;
@@ -160,6 +166,11 @@ function resolveAddressedNodes(root, descriptor) {
 function normalize(binding, value) {
   const type = typeof value;
   switch (binding[1]) {
+    case "text":
+      if (value == null || value === false) return "";
+      if (type !== "string" && type !== "number" && type !== "bigint" && type !== "boolean")
+        throw new TypeError("DOM binding text must be a synchronous scalar.");
+      return String(value);
     case "styleObject":
       return value;
     case "class":
@@ -187,7 +198,11 @@ function normalize(binding, value) {
 }
 function write(node, binding, value) {
   const name = binding[2];
-  if (binding[1] === "classToken") {
+  if (binding[1] === "text") {
+    const text = node.firstChild;
+    if (text === null) node.appendChild(node.ownerDocument.createTextNode(value));
+    else if (text.nodeValue !== value) text.nodeValue = value;
+  } else if (binding[1] === "classToken") {
     node.classList.toggle(name, value !== null);
   } else if (binding[1] === "url") {
     if (value === "" && !(name === "href" && node.localName === "a")) value = null;
@@ -400,7 +415,21 @@ 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]);
-      if (!disposed) previous[i] = 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") {
+          const [node, name] = owned[i];
+          let published2 = next[i];
+          if (binding[1] === "styleProperty") {
+            const style = node.style;
+            const value = style.getPropertyValue(binding[2]);
+            published2 = value === "" ? null : value + (style.getPropertyPriority(binding[2]) ? " !important" : "");
+          }
+          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(name, published2);
+        }
+      }
     }
   };
   const drain = (preview = false) => {

package/dist/cjs/method-dep.cjs

@@ -22,10 +22,24 @@ __export(method_dep_exports, {
 });
 module.exports = __toCommonJS(method_dep_exports);
 var import_has_own = require("./has-own.cjs");
-function __methodDep(receiver, name) {
+const guardedNullReceiver = /* @__PURE__ */ Symbol();
+const guardedUndefinedReceiver = /* @__PURE__ */ Symbol();
+function __methodDep(receiver, name, guarded = false) {
+  if (guarded && receiver == null) {
+    return receiver === null ? guardedNullReceiver : guardedUndefinedReceiver;
+  }
   if ((typeof receiver !== "object" || receiver === null) && typeof receiver !== "function") {
     return receiver;
   }
+  if (guarded) {
+    try {
+      const descriptor = Object.getOwnPropertyDescriptor(receiver, name);
+      if (descriptor) return "value" in descriptor ? descriptor.value : receiver;
+      return name in receiver ? receiver : void 0;
+    } catch {
+      return receiver;
+    }
+  }
   if (import_has_own.hasOwnProp.call(receiver, name)) return receiver[name];
   return name in receiver ? receiver : void 0;
 }

package/dist/cjs/runtime.cjs

@@ -315,6 +315,7 @@ __export(runtime_exports, {
 });
 module.exports = __toCommonJS(runtime_exports);
 var import_hook_slot_cache = require("./hook-slot-cache.cjs");
+var import_dom_binding_claims = require("./dom-binding-claims.cjs");
 var import_dom_stage = require("./dom-stage.cjs");
 var import_dom_binding_styles = require("./dom-binding-styles.cjs");
 var import_dom_binding_handoff = require("./dom-binding-handoff.cjs");
@@ -839,6 +840,7 @@ function scheduleNativeRead(target) {
 }
 function ensureNativeReadDriver() {
   if (NATIVE_READ_DRIVER !== null) return NATIVE_READ_DRIVER;
+  (0, import_transition_candidate.installNativeSignalActionExtension)();
   NATIVE_READ_DRIVER = (0, import_native_read_client.createNativeReadDriver)({
     capture: () => WIP_CAPTURE,
     cleanup: registerHookCleanup,
@@ -1456,7 +1458,7 @@ function nativeCandidateForAction(batch) {
       candidate = void 0;
     }
   }
-  return candidate ?? (batch.native = new import_transition_candidate.SignalCandidateFrame());
+  return candidate ?? (batch.native = (0, import_transition_state.createSignalActionFrame)?.());
 }
 function ensureNativeActionResolver() {
   if (nativeActionResolverInstalled) return;
@@ -11583,7 +11585,7 @@ class HydrationCapability {
     const first = getFirstChild(el);
     if (first !== null && first.nodeType === 3) {
       const server = (STAGED_DOM?.view(first) ?? first).nodeValue;
-      if (server !== text && !isTextParserNormalizedMatch(server, text) && !isHydrationSuppressed(el)) {
+      if (server !== text && import_dom_binding_claims.domBindingClaims.get(el)?.get("#text") !== server && !isTextParserNormalizedMatch(server, text) && !isHydrationSuppressed(el)) {
         this.recordTextMismatch(first, loc || el.__oct_loc, server);
         (STAGED_DOM?.view(first) ?? first).nodeValue = text;
       }
@@ -11668,6 +11670,7 @@ class HydrationCapability {
       name.indexOf(":") >= 0 ? name.slice(name.indexOf(":") + 1) : name
     ) : (STAGED_DOM?.view(el) ?? el).getAttribute(name);
     if (server === next) return false;
+    if (import_dom_binding_claims.domBindingClaims.get(el)?.get(name) === server) return false;
     if (next !== null && isAttributeParserNormalizedMatch(server, next)) return false;
     const mode = hydrationMismatchMode(el);
     if (mode === 0) return true;
@@ -11678,10 +11681,11 @@ class HydrationCapability {
   }
   allowClass(el, next, absentIsEmpty = false) {
     const mode = hydrationMismatchMode(el);
-    if (mode === 0) return true;
     const rawServer = (STAGED_DOM?.view(el) ?? el).getAttribute("class");
     const server = absentIsEmpty && rawServer === null ? "" : rawServer;
     if (server === next) return true;
+    if (import_dom_binding_claims.domBindingClaims.get(el)?.get("class") === rawServer) return false;
+    if (mode === 0) return true;
     if (mode === 1) return false;
     if (process.env.NODE_ENV !== "production")
       warnHydrationValueMismatch(el.__oct_loc, "attribute `class`", server, next);
@@ -11723,6 +11727,18 @@ class HydrationCapability {
           applyStyleProperty(el, expectedStyle, entries[i], entry);
       }
     }
+    const claims = import_dom_binding_claims.domBindingClaims.get(el);
+    if (claims !== void 0) {
+      for (const [channel, published] of claims) {
+        if (!channel.startsWith("style:")) continue;
+        const property = channel.slice(6);
+        const value2 = style.getPropertyValue(property);
+        const priority = style.getPropertyPriority(property);
+        if ((value2 === "" ? null : value2 + (priority ? " !important" : "")) !== published) continue;
+        if (value2 === "") expectedStyle.removeProperty(property);
+        else expectedStyle.setProperty(property, value2, priority);
+      }
+    }
     const expected = expectedStyle.cssText;
     const expectsStyleAttribute = expected !== "";
     if (before === expected && hadStyleAttribute === expectsStyleAttribute) return true;
@@ -12442,7 +12458,8 @@ function presentationWrite(writer, kind, ...args) {
     const keys = kind === "nativeProjectionBinding" ? args[4].map((field) => field === "className" ? "class" : field) : kind === "setStyleProperties" ? args[1].filter((_, index) => index % 2 === 0).map((key2) => "style:" + key2) : [
       kind === "nativeStyleBinding" || kind === "setStyle" ? "style" : kind === "setStyleProperty" ? "style:" + args[1] : kind.includes("Class") ? "class" : kind === "bindSignalAttribute" ? args[3] : args[changed2 ? 3 : 1]
     ];
-    if (element2 !== frame.lease.root || keys.some((key2) => !channels.has(key2)) || kind === "bindSignalValue" || kind === "setEventHandler" || kind === "bindSignalText" || kind === "setText" || kind === "markDangerouslySetInnerHTMLChildren")
+    if (element2 !== frame.lease.root || // Preserve authored names for diagnostics; receipts use native field names.
+    keys.some((key2) => !channels.has(import_constants.ATTRIBUTE_ALIASES.get(key2) ?? key2)) || kind === "bindSignalValue" || kind === "setEventHandler" || kind === "bindSignalText" || kind === "setText" || kind === "markDangerouslySetInnerHTMLChildren")
       presentationMiss(false);
   }
   if (kind === "queueNativeChangeDiagnostic") {
@@ -12753,8 +12770,9 @@ function writeDirectSignalBinding(binding, value) {
     }
   } else if (binding.kind === "value") {
     const element = binding.target;
-    if (element.localName === "select") setSelectValue(element, value);
-    else setValue(element, value);
+    const tag = element.localName;
+    if (tag === "select") setSelectValue(element, value);
+    else setValue(element, value, tag === "textarea" && isWritableSignal(binding.handle));
   } else {
     setChecked(binding.target, value);
   }
@@ -14499,7 +14517,7 @@ function resolveHostPropSources(el, sources, props, readStyle) {
   if (readStyle !== void 0 && "style" in resolved) resolved.style = readStyle(resolved.style);
   return resolved;
 }
-function setHostPropSources(el, sources, prev, scope, hasNestedChildren = false, readStyle, deferControl = false) {
+function setHostPropSources(el, sources, prev, scope, hasNestedChildren = false, readStyle, deferControl = false, writableTextareaValue = false) {
   const props = /* @__PURE__ */ new Map();
   const resolved = resolveHostPropSources(el, sources, props, readStyle);
   const tag = el.localName;
@@ -14514,7 +14532,8 @@ function setHostPropSources(el, sources, prev, scope, hasNestedChildren = false,
       props.get("defaultValue")?.value,
       props.get("checked")?.value,
       props.get("defaultChecked")?.value,
-      props.get("multiple")?.value
+      props.get("multiple")?.value,
+      writableTextareaValue
     );
   return resolved;
 }
@@ -14535,12 +14554,14 @@ function resolveSignalStyle(value, handles, read) {
   }
   return copy ?? value;
 }
-function resolveSignalHostPropSources(sources, readStyle, read = readSignalBinding) {
+function resolveSignalHostPropSources(sources, readStyle, read = readSignalBinding, textarea = false) {
   const handles = /* @__PURE__ */ new Set();
   let rows;
+  let writableTextareaValue = false;
   for (let i = 0; i < sources.length; i++) {
     const source = sources[i];
     if (!source[0]) {
+      if (textarea && source[1] === "value") writableTextareaValue = isWritableSignal(source[2]);
       const value = source[1] === "children" || source[1] === "style" && readStyle !== void 0 ? source[2] : source[1] === "style" ? resolveSignalStyle(source[2], handles, read) : isSignalHandle(source[2]) ? (handles.add(source[2]), read(source[2])) : source[2];
       if (value !== source[2]) {
         rows ??= sources.slice();
@@ -14553,6 +14574,7 @@ function resolveSignalHostPropSources(sources, readStyle, read = readSignalBindi
     let copy;
     for (const name of Object.keys(spread)) {
       const current = spread[name];
+      if (textarea && name === "value") writableTextareaValue = isWritableSignal(current);
       const value = name === "children" || name === "style" && readStyle !== void 0 ? current : name === "style" ? resolveSignalStyle(current, handles, read) : isSignalHandle(current) ? (handles.add(current), read(current)) : current;
       if (value !== current) {
         copy ??= { ...spread };
@@ -14564,7 +14586,7 @@ function resolveSignalHostPropSources(sources, readStyle, read = readSignalBindi
       rows[i] = [true, copy];
     }
   }
-  return { sources: rows ?? sources, handles };
+  return textarea ? { sources: rows ?? sources, handles, writableTextareaValue } : { sources: rows ?? sources, handles };
 }
 function winningSignalHostControl(sources, name) {
   let winner;
@@ -14584,14 +14606,21 @@ function updateSignalHostPropSources(binding) {
   if (binding.disposed || binding.pendingControl || binding.scope.block.disposed) return;
   try {
     runWithBlockSignalOwner(binding.scope, () => {
-      const next = resolveSignalHostPropSources(binding.sources, binding.readStyle);
+      const next = resolveSignalHostPropSources(
+        binding.sources,
+        binding.readStyle,
+        void 0,
+        binding.element.localName === "textarea"
+      );
       binding.resolved = setHostPropSources(
         binding.element,
         next.sources,
         binding.resolved,
         binding.scope,
         binding.hasNestedChildren,
-        binding.readStyle
+        binding.readStyle,
+        false,
+        next.writableTextareaValue
       );
       if (process.env.NODE_ENV !== "production" && STAGED_DOM === null)
         drainDevFormDiagnostics(binding.element);
@@ -14858,7 +14887,12 @@ function bindSignalHostPropSources(scope, previous, element, sources, site, hasN
     validateDirectSignalControl(element, site);
     binding.pendingControl ||= activeHydration() !== null && controlSnapshot.editRevision > 0;
   }
-  const next = resolveSignalHostPropSources(sources, readStyle);
+  const next = resolveSignalHostPropSources(
+    sources,
+    readStyle,
+    void 0,
+    element.localName === "textarea"
+  );
   binding.resolved = setHostPropSources(
     element,
     next.sources,
@@ -14866,7 +14900,8 @@ function bindSignalHostPropSources(scope, previous, element, sources, site, hasN
     scope,
     hasNestedChildren,
     readStyle,
-    binding.pendingControl
+    binding.pendingControl,
+    next.writableTextareaValue
   );
   if (STAGED_COMMIT_CAPTURE !== null) {
     DEFERRED_LAYOUT_DRIVER.stageAction(() => {
@@ -16503,7 +16538,7 @@ function setNativeChangeDiagnosticMetadata(el, value) {
   if (state !== void 0) state.staticNativeChange = false;
   if (value === "runtime") queueDevFormDiagnostic(el, CURRENT_SCOPE ?? void 0, true);
 }
-function setValue(el, value) {
+function setValue(el, value, writableTextareaEcho = false) {
   if (CURRENT_SCOPE?.block.idState.renderOwner?.controlLeases?.has(el)) presentationMiss(false);
   const input = el;
   const ctrl = armControlled(el);
@@ -16535,6 +16570,13 @@ function setValue(el, value) {
   const prev = ctrl.v;
   ctrl.v = value;
   if (process.env.NODE_ENV !== "production") queueDevFormDiagnostic(el, CURRENT_SCOPE ?? void 0);
+  if (writableTextareaEcho) {
+    if ((STAGED_DOM?.view(input) ?? input).value === s) return;
+    if (!(ctrl.composing && Object.is(prev, value))) (STAGED_DOM?.view(input) ?? input).value = s;
+    if ((STAGED_DOM?.view(input) ?? input).defaultValue !== s)
+      (STAGED_DOM?.view(input) ?? input).defaultValue = s;
+    return;
+  }
   if (!(ctrl.composing && Object.is(prev, value)) && valueNeedsWrite(input, value))
     (STAGED_DOM?.view(input) ?? input).value = s;
   if ((STAGED_DOM?.view(input) ?? input).defaultValue !== s)
@@ -16839,7 +16881,7 @@ function setFormControlSources(el, sources) {
   }
   applyFormControlValues(el, tag, value, defaultValue, checked, defaultChecked, multiple);
 }
-function applyFormControlValues(el, tag, value, defaultValue, checked, defaultChecked, multiple) {
+function applyFormControlValues(el, tag, value, defaultValue, checked, defaultChecked, multiple, writableTextareaValue = false) {
   const ctrl = armControlled(el);
   const first = !ctrl.formSeen;
   const previousMultiple = ctrl.formMultiple;
@@ -16869,7 +16911,7 @@ function applyFormControlValues(el, tag, value, defaultValue, checked, defaultCh
   }
   if (tag === "textarea") {
     const textarea = el;
-    setValue(textarea, value);
+    setValue(textarea, value, writableTextareaValue);
     if (value == null) {
       if (defaultValue != null) setDefaultValue(textarea, defaultValue, first);
       else if (!first && (STAGED_DOM?.view(textarea) ?? textarea).defaultValue !== "")
@@ -19196,19 +19238,25 @@ function flattenDeoptChildrenKeyed(outVals, outKeys, v, prefix) {
     for (let i = 0; i < v.length; i++) {
       const item = v[i];
       if (Array.isArray(item)) {
-        flattenDeoptChildrenKeyed(outVals, outKeys, item, prefix + i + ":");
+        flattenDeoptChildrenKeyed(outVals, outKeys, item, prefix + ":" + i);
       } else if (item == null || item === false || item === true || item === "") {
       } else {
         outVals.push(item);
-        const k = keyForItem(item, i);
-        outKeys.push(prefix === "" ? k : prefix + String(k));
+        const k2 = keyForItem(item, i);
+        if (prefix === "") {
+          outKeys.push(typeof k2 === "string" && k2[0] === ":" ? ":" + k2 : k2);
+        } else {
+          const explicit = item?.$$kind === ELEMENT_TAG && item.key != null;
+          outKeys.push(prefix + ":" + (explicit ? "k" : "i") + String(k2));
+        }
       }
     }
     return;
   }
   outVals.push(v);
+  const k = v?.$$kind === ELEMENT_TAG && v.key != null ? v.key : 0;
   outKeys.push(
-    prefix === "" ? v?.$$kind === ELEMENT_TAG && v.key != null ? v.key : 0 : prefix + "0"
+    prefix === "" ? typeof k === "string" && k[0] === ":" ? ":" + k : k : prefix + ":i0"
   );
 }
 function reconcileDeoptNode(prev, value, ownerBlock, ns) {

package/dist/cjs/signals/graph.cjs

@@ -53,6 +53,7 @@ __export(graph_exports, {
 });
 module.exports = __toCommonJS(graph_exports);
 var import_transition_state = require("./transition-state.cjs");
+var import_transition_action = require("./transition-action.cjs");
 var import_system = require("alien-signals/system");
 var import_errors = require("./errors.cjs");
 var import_read_protocol = require("./read-protocol.cjs");
@@ -759,6 +760,7 @@ function retireGraph(owner, nodes) {
   createNativeSource,
   attachObserver
 });
+(0, import_transition_state.registerSignalActionFrameFactory)(() => new import_transition_action.SignalActionFrame());
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   CandidateUnsupportedError,