octane 0.2.11 → 0.2.13

package/dist/cjs/dom-tables.cjs

@@ -26,12 +26,13 @@ __export(dom_tables_exports, {
   POSITIVE_NUMERIC_ATTR_PROPS: () => POSITIVE_NUMERIC_ATTR_PROPS,
   SVG_ONLY_TAGS: () => SVG_ONLY_TAGS,
   VOID_ELEMENTS: () => VOID_ELEMENTS,
-  cssStyleValue: () => cssStyleValue,
-  hyphenateStyleName: () => hyphenateStyleName,
+  cssStyleValue: () => import_style_values.cssStyleValue,
+  hyphenateStyleName: () => import_style_values.hyphenateStyleName,
   isEnumeratedBooleanAttr: () => isEnumeratedBooleanAttr,
-  isUnitlessStyleProp: () => isUnitlessStyleProp
+  isUnitlessStyleProp: () => import_style_values.isUnitlessStyleProp
 });
 module.exports = __toCommonJS(dom_tables_exports);
+var import_style_values = require("./style-values.cjs");
 const VOID_ELEMENTS = /* @__PURE__ */ new Set([
   "area",
   "base",
@@ -399,97 +400,6 @@ function isEnumeratedBooleanAttr(name) {
   }
   return false;
 }
-const UNITLESS_STYLE_PROPS = /* @__PURE__ */ new Set();
-for (const base of [
-  "animationIterationCount",
-  "aspectRatio",
-  "borderImageOutset",
-  "borderImageSlice",
-  "borderImageWidth",
-  "boxFlex",
-  "boxFlexGroup",
-  "boxOrdinalGroup",
-  "columnCount",
-  "columns",
-  "flex",
-  "flexGrow",
-  "flexPositive",
-  "flexShrink",
-  "flexNegative",
-  "flexOrder",
-  "gridArea",
-  "gridRow",
-  "gridRowEnd",
-  "gridRowSpan",
-  "gridRowStart",
-  "gridColumn",
-  "gridColumnEnd",
-  "gridColumnSpan",
-  "gridColumnStart",
-  "fontWeight",
-  "lineClamp",
-  "lineHeight",
-  "opacity",
-  "order",
-  "orphans",
-  "scale",
-  "tabSize",
-  "widows",
-  "zIndex",
-  "zoom",
-  "fillOpacity",
-  "floodOpacity",
-  "stopOpacity",
-  "strokeDasharray",
-  "strokeDashoffset",
-  "strokeMiterlimit",
-  "strokeOpacity",
-  "strokeWidth"
-]) {
-  const c = base.toLowerCase();
-  UNITLESS_STYLE_PROPS.add(c);
-  UNITLESS_STYLE_PROPS.add("webkit" + c);
-  UNITLESS_STYLE_PROPS.add("ms" + c);
-  UNITLESS_STYLE_PROPS.add("moz" + c);
-  UNITLESS_STYLE_PROPS.add("o" + c);
-}
-const unitlessStylePropCache = /* @__PURE__ */ new Map();
-function isUnitlessStyleProp(name) {
-  const cached = unitlessStylePropCache.get(name);
-  if (cached !== void 0) return cached;
-  const result = UNITLESS_STYLE_PROPS.has(name.replaceAll("-", "").toLowerCase());
-  unitlessStylePropCache.set(name, result);
-  return result;
-}
-function cssStyleValue(name, value) {
-  if (typeof value === "number" && value !== 0 && name.charCodeAt(0) !== 45 && !isUnitlessStyleProp(name)) {
-    return value + "px";
-  }
-  return typeof value === "string" ? value.trim() : "" + value;
-}
-function hyphenateStyleName(name) {
-  if (name === "cssFloat") return "float";
-  if (name.charCodeAt(0) === 45) return name;
-  let hasUpper = false;
-  for (let i = 0; i < name.length; i++) {
-    const c = name.charCodeAt(i);
-    if (c >= 65 && c <= 90) {
-      hasUpper = true;
-      break;
-    }
-  }
-  if (!hasUpper) return name;
-  let out = "";
-  for (let i = 0; i < name.length; i++) {
-    const c = name.charCodeAt(i);
-    if (c >= 65 && c <= 90) out += "-" + String.fromCharCode(c + 32);
-    else out += name[i];
-  }
-  if (out.charCodeAt(0) === 109 && out.charCodeAt(1) === 115 && out.charCodeAt(2) === 45) {
-    out = "-" + out;
-  }
-  return out;
-}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ATTRIBUTE_ALIASES,

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

@@ -211,6 +211,39 @@ function formatClientError(code, ...args) {
         );
       case 64:
         return (0, import_error_message.formatDevErrorMessage)("Multiple errors were thrown during act.", args);
+      case 66:
+        return (0, import_error_message.formatDevErrorMessage)(
+          "An independent Hydrate boundary cannot change ownership after mount.",
+          args
+        );
+      case 67:
+        return (0, import_error_message.formatDevErrorMessage)('Signal control identity mismatch for "%s".', args);
+      case 72:
+        return (0, import_error_message.formatDevErrorMessage)(
+          "Octane DOM binding text range does not match its template.",
+          args
+        );
+      case 74:
+        return (0, import_error_message.formatDevErrorMessage)("Unsupported Octane signal binding ABI.", args);
+      case 75:
+        return (0, import_error_message.formatDevErrorMessage)(
+          "Hydration binding leases require a supported fixed native view without structural regions or unsupported writers.",
+          args
+        );
+      case 76:
+        return (0, import_error_message.formatDevErrorMessage)(
+          "DOM binding hydration leases are supported only by hydrateRoot().",
+          args
+        );
+      case 77:
+        return (0, import_error_message.formatDevErrorMessage)(
+          "Hydration binding leases require active fixed native views owned by this container.",
+          args
+        );
+      case 78:
+        return (0, import_error_message.formatDevErrorMessage)("A hydration binding lease can be claimed only once.", args);
+      case 79:
+        return (0, import_error_message.formatDevErrorMessage)("Unsupported native signal transition.", args);
       default:
         return (0, import_error_message.formatUnknownDevErrorMessage)(code);
     }

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

@@ -149,6 +149,30 @@ function formatServerError(code, ...args) {
           "A component suspended without a Suspense boundary during synchronous server rendering. Use prerender() or a streaming renderer to await it.",
           args
         );
+      case 65:
+        return (0, import_error_message.formatDevErrorMessage)(
+          "Internal SSR invariant violated: ASYNC_SCOPE is not an extension of the active frame's async scope. Please file an Octane issue.",
+          args
+        );
+      case 68:
+        return (0, import_error_message.formatDevErrorMessage)(
+          "A signal control cannot join values from different document owners.",
+          args
+        );
+      case 69:
+        return (0, import_error_message.formatDevErrorMessage)(
+          "Independent Hydrate requires a build manifest in RenderOptions.",
+          args
+        );
+      case 70:
+        return (0, import_error_message.formatDevErrorMessage)(
+          "Independent Hydrate activation chunk is missing from the build manifest.",
+          args
+        );
+      case 71:
+        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);
       default:
         return (0, import_error_message.formatUnknownDevErrorMessage)(code);
     }

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

@@ -0,0 +1,244 @@
+"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 control_capture_exports = {};
+__export(control_capture_exports, {
+  applyHydrationControlCandidate: () => applyHydrationControlCandidate,
+  captureHydrationControlCandidate: () => captureHydrationControlCandidate,
+  consumeHydrationControl: () => consumeHydrationControl,
+  initializeHydrationControlCapture: () => initializeHydrationControlCapture,
+  isEarlyHydrationIntentCurrent: () => isEarlyHydrationIntentCurrent,
+  snapshotHydrationControl: () => snapshotHydrationControl
+});
+module.exports = __toCommonJS(control_capture_exports);
+var import_hydration_markers = require("../hydration-markers.cjs");
+var import_interaction_config = require("./interaction-config.cjs");
+var import_early_values = require("../signals/early-values.cjs");
+const HYDRATE_MARKER_SELECTOR = "[data-octane-hydrate-id]";
+const HYDRATE_CONTROL_DOCUMENTS = /* @__PURE__ */ new WeakSet();
+function isEarlyHydrationIntentCurrent([event, target, boundary, id, when, events], ownerDocument) {
+  return event.target === target && target.isConnected && boundary.isConnected && target.ownerDocument === ownerDocument && boundary.ownerDocument === ownerDocument && target.closest(`[${import_hydration_markers.HYDRATE_INDEPENDENT_ATTR}]`) === boundary && boundary.getAttribute("data-octane-hydrate-id") === id && boundary.getAttribute("data-octane-hydrate-when") === when && boundary.getAttribute(import_interaction_config.HYDRATE_INTERACTION_EVENTS_ATTR) === events;
+}
+function isHydrationElement(target) {
+  return target !== null && target.nodeType === 1;
+}
+const HYDRATE_CONTROL_RECORDS = /* @__PURE__ */ new WeakMap();
+function hydrationControl(target) {
+  if (!isHydrationElement(target)) return null;
+  const tag = target.localName;
+  return tag === "input" || tag === "textarea" || tag === "select" || target.isContentEditable ? target : null;
+}
+function hydrationControlRecord(control) {
+  let record = HYDRATE_CONTROL_RECORDS.get(control);
+  if (record === void 0) {
+    const revision = (0, import_early_values.readEarlyHydrationControlRevision)(control);
+    record = { editRevision: revision, selectionRevision: 0, revision, composing: false };
+    HYDRATE_CONTROL_RECORDS.set(control, record);
+  }
+  return record;
+}
+function recordHydrationControlEvent(event) {
+  const control = hydrationControl(event.target);
+  if (control === null) return;
+  const record = hydrationControlRecord(control);
+  switch (event.type) {
+    case "input":
+      record.editRevision++;
+      record.revision++;
+      (0, import_early_values.publishHydrationControlSignalValues)(control, record.revision);
+      break;
+    case "compositionstart":
+      record.composing = true;
+      record.revision++;
+      break;
+    case "compositionupdate":
+      record.revision++;
+      break;
+    case "compositionend":
+      record.composing = false;
+      record.revision++;
+      break;
+    case "focusin":
+    case "focusout":
+      record.revision++;
+  }
+}
+function recordHydrationSelection(event) {
+  const ownerDocument = event.currentTarget;
+  const control = hydrationControl(ownerDocument.activeElement);
+  if (control === null) return;
+  const record = hydrationControlRecord(control);
+  record.selectionRevision++;
+  record.revision++;
+}
+function snapshotHydrationControl(control) {
+  if (hydrationControl(control) === null) return null;
+  const record = HYDRATE_CONTROL_RECORDS.get(control);
+  const earlyRevision = record === void 0 ? (0, import_early_values.readEarlyHydrationControlRevision)(control) : 0;
+  const input = control;
+  let value;
+  let checked;
+  let selectedValues;
+  let selectionStart = null;
+  let selectionEnd = null;
+  let selectionDirection = null;
+  if (control.localName === "select") {
+    const select = input;
+    value = select.value;
+    if (select.multiple)
+      selectedValues = Array.from(select.selectedOptions, (option) => option.value);
+  } else if (control.isContentEditable) {
+    value = control.textContent ?? "";
+  } else {
+    value = input.value;
+    if (control.localName === "input") checked = input.checked;
+    try {
+      selectionStart = input.selectionStart;
+      selectionEnd = input.selectionEnd;
+      selectionDirection = input.selectionDirection;
+    } catch {
+    }
+  }
+  return {
+    editRevision: record?.editRevision ?? earlyRevision,
+    selectionRevision: record?.selectionRevision ?? 0,
+    revision: record?.revision ?? earlyRevision,
+    value,
+    ...checked === void 0 ? {} : { checked },
+    ...selectedValues === void 0 ? {} : { selectedValues },
+    selectionStart,
+    selectionEnd,
+    selectionDirection,
+    focused: control.ownerDocument.activeElement === control,
+    composing: record?.composing ?? false
+  };
+}
+function captureHydrationControlCandidate(control) {
+  const snapshot = snapshotHydrationControl(control);
+  if (snapshot === null) return null;
+  initializeHydrationControlCapture(control.ownerDocument);
+  return {
+    control,
+    bindingId: control.getAttribute(import_hydration_markers.HYDRATE_INPUT_ATTR),
+    boundaryId: control.closest(HYDRATE_MARKER_SELECTOR)?.getAttribute("data-octane-hydrate-id") ?? null,
+    snapshot
+  };
+}
+function sameHydrationControlValue(left, right) {
+  if (left.value !== right.value || left.checked !== right.checked) return false;
+  const a = left.selectedValues;
+  const b = right.selectedValues;
+  if (a === void 0 || b === void 0) return a === b;
+  if (a.length !== b.length) return false;
+  for (let index = 0; index < a.length; index++) if (a[index] !== b[index]) return false;
+  return true;
+}
+function applyHydrationControlCandidate(candidate, value) {
+  const control = candidate.control;
+  if (!control.isConnected || control.getAttribute(import_hydration_markers.HYDRATE_INPUT_ATTR) !== candidate.bindingId || (control.closest(HYDRATE_MARKER_SELECTOR)?.getAttribute("data-octane-hydrate-id") ?? null) !== candidate.boundaryId) {
+    return false;
+  }
+  const current = snapshotHydrationControl(control);
+  if (current === null || current.revision !== candidate.snapshot.revision || current.editRevision !== candidate.snapshot.editRevision || current.composing || !sameHydrationControlValue(current, candidate.snapshot)) {
+    return false;
+  }
+  if (control.localName === "select") {
+    const select = control;
+    if (select.multiple && value.selectedValues !== void 0) {
+      const selected = new Set(value.selectedValues);
+      for (const option of select.options) option.selected = selected.has(option.value);
+    } else if (value.value !== void 0) {
+      select.value = value.value;
+    } else {
+      return false;
+    }
+  } else if (control.isContentEditable) {
+    if (value.value === void 0) return false;
+    control.textContent = value.value;
+  } else {
+    const input = control;
+    if (value.value !== void 0) input.value = value.value;
+    else if (control.localName !== "input" || value.checked === void 0) return false;
+    if (control.localName === "input" && value.checked !== void 0) {
+      input.checked = value.checked;
+    }
+  }
+  if (current.focused && current.selectionStart !== null && current.selectionEnd !== null && control.localName !== "select" && !control.isContentEditable) {
+    try {
+      control.setSelectionRange(
+        current.selectionStart,
+        current.selectionEnd,
+        current.selectionDirection ?? void 0
+      );
+    } catch {
+    }
+  }
+  const record = hydrationControlRecord(control);
+  record.editRevision++;
+  record.revision++;
+  (0, import_early_values.publishHydrationControlSignalValues)(control, record.revision);
+  return true;
+}
+function consumeHydrationControl(control, revision) {
+  initializeHydrationControlCapture(control.ownerDocument);
+  const record = hydrationControlRecord(control);
+  if (record.revision !== revision) return false;
+  record.editRevision = 0;
+  record.selectionRevision = 0;
+  (0, import_early_values.clearEarlyHydrationControlRevision)(control);
+  return true;
+}
+function initializeHydrationControlCapture(ownerDocument) {
+  const targetDocument = ownerDocument ?? (typeof document === "undefined" ? void 0 : document);
+  if (targetDocument === void 0 || HYDRATE_CONTROL_DOCUMENTS.has(targetDocument)) return;
+  HYDRATE_CONTROL_DOCUMENTS.add(targetDocument);
+  const mailbox = targetDocument[import_interaction_config.EARLY_HYDRATION_INTENTS_KEY];
+  const target = typeof mailbox?.stop === "function" ? targetDocument.defaultView ?? targetDocument : targetDocument;
+  const record = target === targetDocument ? recordHydrationControlEvent : (event) => {
+    if (event.target?.ownerDocument === targetDocument)
+      recordHydrationControlEvent(event);
+  };
+  for (const event of [
+    "input",
+    "compositionstart",
+    "compositionupdate",
+    "compositionend",
+    "focusin",
+    "focusout"
+  ]) {
+    target.addEventListener(event, record, true);
+  }
+  targetDocument.addEventListener("selectionchange", recordHydrationSelection, true);
+  (0, import_early_values.claimEarlyHydrationControlCapture)(targetDocument);
+  for (const intent of mailbox?.q ?? []) {
+    const [event] = intent;
+    const control = hydrationControl(event.target);
+    if (control === null || !isEarlyHydrationIntentCurrent(intent, targetDocument)) continue;
+    if (event.type === "input" && (0, import_early_values.readEarlyHydrationControlRevision)(control) > 0) continue;
+    recordHydrationControlEvent(event);
+  }
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  applyHydrationControlCandidate,
+  captureHydrationControlCandidate,
+  consumeHydrationControl,
+  initializeHydrationControlCapture,
+  isEarlyHydrationIntentCurrent,
+  snapshotHydrationControl
+});