octane 0.1.35 → 0.1.37

package/dist/aria-diagnostics.d.ts

@@ -0,0 +1,9 @@
+/** Development-only ARIA naming diagnostics shared by the DOM and SSR runtimes. */
+/** Return whether an authored property belongs to the ARIA naming surface. */
+export declare function isAriaAttributeName(name: string): boolean;
+/** Unknown lowercase aria-* names aggregate by host; casing errors do not. */
+export declare function isUnknownAriaAttribute(name: string): boolean;
+/** Build Octane's actionable development diagnostic without changing serialization. */
+export declare function ariaAttributeWarning(name: string, tag: string): string | null;
+/** Group separately unknown lowercase names into React's singular/plural form. */
+export declare function unknownAriaAttributeWarning(names: readonly string[], tag: string): string;

package/dist/aria-diagnostics.js

@@ -0,0 +1,92 @@
+const VALID_ARIA_ATTRIBUTES = /* @__PURE__ */ new Set([
+  "aria-activedescendant",
+  "aria-atomic",
+  "aria-autocomplete",
+  "aria-braillelabel",
+  "aria-brailleroledescription",
+  "aria-busy",
+  "aria-checked",
+  "aria-colcount",
+  "aria-colindex",
+  "aria-colindextext",
+  "aria-colspan",
+  "aria-controls",
+  "aria-current",
+  "aria-describedby",
+  "aria-description",
+  "aria-details",
+  "aria-disabled",
+  "aria-dropeffect",
+  "aria-errormessage",
+  "aria-expanded",
+  "aria-flowto",
+  "aria-grabbed",
+  "aria-haspopup",
+  "aria-hidden",
+  "aria-invalid",
+  "aria-keyshortcuts",
+  "aria-label",
+  "aria-labelledby",
+  "aria-level",
+  "aria-live",
+  "aria-modal",
+  "aria-multiline",
+  "aria-multiselectable",
+  "aria-orientation",
+  "aria-owns",
+  "aria-placeholder",
+  "aria-posinset",
+  "aria-pressed",
+  "aria-readonly",
+  "aria-relevant",
+  "aria-required",
+  "aria-roledescription",
+  "aria-rowcount",
+  "aria-rowindex",
+  "aria-rowindextext",
+  "aria-rowspan",
+  "aria-selected",
+  "aria-setsize",
+  "aria-sort",
+  "aria-valuemax",
+  "aria-valuemin",
+  "aria-valuenow",
+  "aria-valuetext"
+]);
+function isAriaAttributeName(name) {
+  if (name === "aria") return true;
+  if (name.length < 5 || name.slice(0, 4) !== "aria") return false;
+  const next = name.charCodeAt(4);
+  return next === 45 || next >= 65 && next <= 90;
+}
+function isUnknownAriaAttribute(name) {
+  return name.startsWith("aria-") && !VALID_ARIA_ATTRIBUTES.has(name.toLowerCase());
+}
+function ariaAttributeWarning(name, tag) {
+  if (name === "aria") {
+    return "The `aria` attribute is reserved for future use. Pass individual `aria-*` attributes instead.";
+  }
+  if (name.length < 5 || name.slice(0, 4) !== "aria") return null;
+  if (name.charCodeAt(4) === 45) {
+    const lowercase = name.toLowerCase();
+    if (VALID_ARIA_ATTRIBUTES.has(lowercase)) {
+      return name === lowercase ? null : `Unknown ARIA attribute \`${name}\`. Did you mean \`${lowercase}\`?`;
+    }
+    return `Invalid aria prop \`${name}\` on <${tag}> tag. ARIA attributes must use valid, lowercase aria-* names.`;
+  }
+  const next = name.charCodeAt(4);
+  if (next < 65 || next > 90) return null;
+  const correctName = "aria-" + name.slice(4).toLowerCase();
+  return VALID_ARIA_ATTRIBUTES.has(correctName) ? `Invalid ARIA attribute \`${name}\`. Did you mean \`${correctName}\`?` : `Invalid ARIA attribute \`${name}\`. ARIA attributes follow the pattern aria-* and must be lowercase.`;
+}
+function unknownAriaAttributeWarning(names, tag) {
+  const noun = names.length === 1 ? "prop" : "props";
+  const quoted = names.map((name) => `\`${name}\``).join(", ");
+  return `Invalid aria ${noun} ${quoted} on <${tag}> tag. ARIA attributes must use valid, lowercase aria-* names.`;
+}
+export {
+  ariaAttributeWarning,
+  isAriaAttributeName,
+  isUnknownAriaAttribute,
+  unknownAriaAttributeWarning
+};

package/dist/cjs/aria-diagnostics.cjs

@@ -0,0 +1,119 @@
+"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 aria_diagnostics_exports = {};
+__export(aria_diagnostics_exports, {
+  ariaAttributeWarning: () => ariaAttributeWarning,
+  isAriaAttributeName: () => isAriaAttributeName,
+  isUnknownAriaAttribute: () => isUnknownAriaAttribute,
+  unknownAriaAttributeWarning: () => unknownAriaAttributeWarning
+});
+module.exports = __toCommonJS(aria_diagnostics_exports);
+const VALID_ARIA_ATTRIBUTES = /* @__PURE__ */ new Set([
+  "aria-activedescendant",
+  "aria-atomic",
+  "aria-autocomplete",
+  "aria-braillelabel",
+  "aria-brailleroledescription",
+  "aria-busy",
+  "aria-checked",
+  "aria-colcount",
+  "aria-colindex",
+  "aria-colindextext",
+  "aria-colspan",
+  "aria-controls",
+  "aria-current",
+  "aria-describedby",
+  "aria-description",
+  "aria-details",
+  "aria-disabled",
+  "aria-dropeffect",
+  "aria-errormessage",
+  "aria-expanded",
+  "aria-flowto",
+  "aria-grabbed",
+  "aria-haspopup",
+  "aria-hidden",
+  "aria-invalid",
+  "aria-keyshortcuts",
+  "aria-label",
+  "aria-labelledby",
+  "aria-level",
+  "aria-live",
+  "aria-modal",
+  "aria-multiline",
+  "aria-multiselectable",
+  "aria-orientation",
+  "aria-owns",
+  "aria-placeholder",
+  "aria-posinset",
+  "aria-pressed",
+  "aria-readonly",
+  "aria-relevant",
+  "aria-required",
+  "aria-roledescription",
+  "aria-rowcount",
+  "aria-rowindex",
+  "aria-rowindextext",
+  "aria-rowspan",
+  "aria-selected",
+  "aria-setsize",
+  "aria-sort",
+  "aria-valuemax",
+  "aria-valuemin",
+  "aria-valuenow",
+  "aria-valuetext"
+]);
+function isAriaAttributeName(name) {
+  if (name === "aria") return true;
+  if (name.length < 5 || name.slice(0, 4) !== "aria") return false;
+  const next = name.charCodeAt(4);
+  return next === 45 || next >= 65 && next <= 90;
+}
+function isUnknownAriaAttribute(name) {
+  return name.startsWith("aria-") && !VALID_ARIA_ATTRIBUTES.has(name.toLowerCase());
+}
+function ariaAttributeWarning(name, tag) {
+  if (name === "aria") {
+    return "The `aria` attribute is reserved for future use. Pass individual `aria-*` attributes instead.";
+  }
+  if (name.length < 5 || name.slice(0, 4) !== "aria") return null;
+  if (name.charCodeAt(4) === 45) {
+    const lowercase = name.toLowerCase();
+    if (VALID_ARIA_ATTRIBUTES.has(lowercase)) {
+      return name === lowercase ? null : `Unknown ARIA attribute \`${name}\`. Did you mean \`${lowercase}\`?`;
+    }
+    return `Invalid aria prop \`${name}\` on <${tag}> tag. ARIA attributes must use valid, lowercase aria-* names.`;
+  }
+  const next = name.charCodeAt(4);
+  if (next < 65 || next > 90) return null;
+  const correctName = "aria-" + name.slice(4).toLowerCase();
+  return VALID_ARIA_ATTRIBUTES.has(correctName) ? `Invalid ARIA attribute \`${name}\`. Did you mean \`${correctName}\`?` : `Invalid ARIA attribute \`${name}\`. ARIA attributes follow the pattern aria-* and must be lowercase.`;
+}
+function unknownAriaAttributeWarning(names, tag) {
+  const noun = names.length === 1 ? "prop" : "props";
+  const quoted = names.map((name) => `\`${name}\``).join(", ");
+  return `Invalid aria ${noun} ${quoted} on <${tag}> tag. ARIA attributes must use valid, lowercase aria-* names.`;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ariaAttributeWarning,
+  isAriaAttributeName,
+  isUnknownAriaAttribute,
+  unknownAriaAttributeWarning
+});

package/dist/cjs/constants.cjs

@@ -43,6 +43,7 @@ __export(constants_exports, {
   POSITIVE_NUMERIC_ATTR_PROPS: () => POSITIVE_NUMERIC_ATTR_PROPS,
   REJECTION_SENTINEL_KEY: () => REJECTION_SENTINEL_KEY,
   STREAM_BOUNDARY_ATTR: () => import_stream_protocol2.STREAM_BOUNDARY_ATTR,
+  STREAM_RESOURCE_ATTR: () => STREAM_RESOURCE_ATTR,
   STREAM_SCRIPT_ATTR: () => STREAM_SCRIPT_ATTR,
   STREAM_SEED_ATTR: () => STREAM_SEED_ATTR,
   STREAM_SEED_COMMENT: () => STREAM_SEED_COMMENT,
@@ -90,6 +91,7 @@ const HYDRATE_SEED_ATTR = "data-octane-hydrate-seed";
 const STREAM_SEGMENT_ATTR = "data-oct-s";
 const STREAM_SEED_ATTR = "data-oct-seed";
 const STREAM_SCRIPT_ATTR = "data-octane-stream";
+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;
@@ -128,6 +130,7 @@ const cssStyleValue = import_dom_tables.cssStyleValue;
   POSITIVE_NUMERIC_ATTR_PROPS,
   REJECTION_SENTINEL_KEY,
   STREAM_BOUNDARY_ATTR,
+  STREAM_RESOURCE_ATTR,
   STREAM_SCRIPT_ATTR,
   STREAM_SEED_ATTR,
   STREAM_SEED_COMMENT,

package/dist/cjs/css.cjs

@@ -18,6 +18,8 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var css_exports = {};
 __export(css_exports, {
+  devWarnStyleCoercion: () => devWarnStyleCoercion,
+  devWarnStyleProperty: () => devWarnStyleProperty,
   normalizeClass: () => normalizeClass,
   styleName: () => styleName
 });
@@ -53,8 +55,62 @@ function styleName(name) {
   styleNameCache.set(name, result);
   return result;
 }
+let warnedStyleNames = null;
+let warnedStyleValues = null;
+let warnedStyleNaN = 0;
+let warnedStyleInfinity = 0;
+function devWarnStyleProperty(name, value, server) {
+  const type = typeof value;
+  if (name.charCodeAt(0) === 45 && name.charCodeAt(1) === 45) return;
+  let prefixLength = 0;
+  if (name.startsWith("webkit")) prefixLength = 6;
+  else if (name.startsWith("moz")) prefixLength = 3;
+  else if (name.charCodeAt(0) === 111) prefixLength = 1;
+  const following = name.charCodeAt(prefixLength);
+  if (prefixLength !== 0 && following >= 65 && following <= 90) {
+    const key = (server ? "s:" : "c:") + name;
+    const warned = warnedStyleNames ??= /* @__PURE__ */ new Set();
+    if (!warned.has(key)) {
+      warned.add(key);
+      console.error(
+        `Unsupported vendor-prefixed style property ${name}. Did you mean ${name.charAt(0).toUpperCase()}${name.slice(1)}?`
+      );
+    }
+  } else if (type === "string") {
+    const text = value;
+    if (text.trimEnd().endsWith(";")) {
+      const key = (server ? "s:" : "c:") + text;
+      const warned = warnedStyleValues ??= /* @__PURE__ */ new Set();
+      if (!warned.has(key)) {
+        warned.add(key);
+        console.error(
+          `Style property values shouldn't contain a semicolon. Try "${name}: ${text.slice(0, text.lastIndexOf(";"))}" instead.`
+        );
+      }
+    }
+  }
+  if (type !== "number") return;
+  const surface = server ? 2 : 1;
+  if (Number.isNaN(value)) {
+    if ((warnedStyleNaN & surface) !== 0) return;
+    warnedStyleNaN |= surface;
+    console.error(`\`NaN\` is an invalid value for the \`${name}\` css style property.`);
+  } else if (!Number.isFinite(value)) {
+    if ((warnedStyleInfinity & surface) !== 0) return;
+    warnedStyleInfinity |= surface;
+    console.error(`\`Infinity\` is an invalid value for the \`${name}\` css style property.`);
+  }
+}
+function devWarnStyleCoercion(name, value) {
+  const valueType = typeof value === "symbol" ? "Symbol" : value.constructor?.name || "Object";
+  console.error(
+    `The provided \`${name}\` CSS property is an unsupported type ${valueType}. This value must be coerced to a string before using it here.`
+  );
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  devWarnStyleCoercion,
+  devWarnStyleProperty,
   normalizeClass,
   styleName
 });

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

@@ -164,6 +164,36 @@ 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
+        );
       default:
         return (0, import_error_message.formatUnknownDevErrorMessage)(code);
     }

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

@@ -135,6 +135,11 @@ function formatServerError(code, ...args) {
           "octane SSR: %s consecutive streaming passes completed no boundary \u2014 a use(thenable) never resolved. If promises are re-created on every render pass (e.g. created in an ancestor render and passed down through props), create them at their use() site or hoist them out of render.",
           args
         );
+      case 57:
+        return (0, import_error_message.formatDevErrorMessage)(
+          "prerenderToNodeStream requires a Node.js runtime with process.getBuiltinModule; use prerender() in non-Node environments.",
+          args
+        );
       default:
         return (0, import_error_message.formatUnknownDevErrorMessage)(code);
     }

package/dist/cjs/index.cjs

@@ -85,6 +85,7 @@ __export(index_exports, {
   createScopedValue: () => import_runtime.createScopedValue,
   delegateCaptureEvents: () => import_runtime.delegateCaptureEvents,
   delegateEvents: () => import_runtime.delegateEvents,
+  descriptorChildren: () => import_runtime.descriptorChildren,
   devEventListener: () => import_runtime.devEventListener,
   drainFrag: () => import_runtime.drainFrag,
   drainPassiveEffects: () => import_runtime.drainPassiveEffects,
@@ -133,7 +134,9 @@ __export(index_exports, {
   preconnect: () => import_runtime.preconnect,
   prefetchDNS: () => import_runtime.prefetchDNS,
   preinit: () => import_runtime.preinit,
+  preinitModule: () => import_runtime.preinitModule,
   preload: () => import_runtime.preload,
+  preloadModule: () => import_runtime.preloadModule,
   provideContext: () => import_runtime.provideContext,
   puMiss: () => import_runtime.puMiss,
   puPub: () => import_runtime.puPub,
@@ -143,10 +146,14 @@ __export(index_exports, {
   puTake3: () => import_runtime.puTake3,
   puTake4: () => import_runtime.puTake4,
   queueNativeChangeDiagnostic: () => import_runtime.queueNativeChangeDiagnostic,
+  queueOwnRefDetach: () => import_runtime.queueOwnRefDetach,
   queueRefAttach: () => import_runtime.queueRefAttach,
   queueRefDetach: () => import_runtime.queueRefDetach,
   renderBlock: () => import_runtime.renderBlock,
+  replaceRef: () => import_runtime.replaceRef,
   requestFormReset: () => import_runtime.requestFormReset,
+  resetFloatResourceState: () => import_runtime.resetFloatResourceState,
+  scriptResource: () => import_runtime.scriptResource,
   seedOrCreate: () => import_runtime.seedOrCreate,
   setAriaAttribute: () => import_runtime.setAriaAttribute,
   setAttribute: () => import_runtime.setAttribute,
@@ -178,11 +185,14 @@ __export(index_exports, {
   sibling: () => import_runtime.sibling,
   snapshotSpread: () => import_runtime.snapshotSpread,
   startTransition: () => import_runtime.startTransition,
+  styleResource: () => import_runtime.styleResource,
+  stylesheetResource: () => import_runtime.stylesheetResource,
   switchBlock: () => import_runtime.switchBlock,
   template: () => import_runtime.template,
   textHole: () => import_runtime.textHole,
   textSlot: () => import_runtime.textSlot,
   tryBlock: () => import_runtime.tryBlock,
+  unstable_Activity: () => import_runtime.Activity,
   unstable_ViewTransition: () => import_runtime.ViewTransition,
   unstable_addTransitionType: () => import_runtime.addTransitionType,
   use: () => import_runtime.use,
@@ -288,6 +298,7 @@ var import_method_dep = require("./method-dep.cjs");
   createScopedValue,
   delegateCaptureEvents,
   delegateEvents,
+  descriptorChildren,
   devEventListener,
   drainFrag,
   drainPassiveEffects,
@@ -336,7 +347,9 @@ var import_method_dep = require("./method-dep.cjs");
   preconnect,
   prefetchDNS,
   preinit,
+  preinitModule,
   preload,
+  preloadModule,
   provideContext,
   puMiss,
   puPub,
@@ -346,10 +359,14 @@ var import_method_dep = require("./method-dep.cjs");
   puTake3,
   puTake4,
   queueNativeChangeDiagnostic,
+  queueOwnRefDetach,
   queueRefAttach,
   queueRefDetach,
   renderBlock,
+  replaceRef,
   requestFormReset,
+  resetFloatResourceState,
+  scriptResource,
   seedOrCreate,
   setAriaAttribute,
   setAttribute,
@@ -381,11 +398,14 @@ var import_method_dep = require("./method-dep.cjs");
   sibling,
   snapshotSpread,
   startTransition,
+  styleResource,
+  stylesheetResource,
   switchBlock,
   template,
   textHole,
   textSlot,
   tryBlock,
+  unstable_Activity,
   unstable_ViewTransition,
   unstable_addTransitionType,
   use,