octane 0.1.34 → 0.1.36

package/README.md

@@ -30,6 +30,19 @@ taking ownership of the existing markup. See the
 For the full story, see the
 [main README](https://github.com/octanejs/octane#readme).
 
+## Browser compatibility
+
+Configure your application's build target for the browser engines you support.
+The Rsbuild integration's `modules` target includes Chromium 87 and Samsung
+Internet 14; Samsung Internet can also be selected directly with targets such as
+`samsung24`. Samsung Internet versions do not match their Chromium engine
+versions, and Android System WebView is updated independently from the browser.
+
+Build targets transpile JavaScript syntax; they do not polyfill application Web
+APIs. Features such as native `inert` may require a polyfill on older supported
+browsers. Validate text entry with the keyboards, languages, and browser or
+WebView versions your application supports.
+
 Octane is alpha software. It is ready to try, but not yet ready for production.
 
 ## License

package/dist/cjs/component-flags.cjs

@@ -23,6 +23,7 @@ __export(component_flags_exports, {
   markComponentFlags: () => markComponentFlags
 });
 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;
 function markComponentFlags(component, flags, name) {
@@ -31,7 +32,7 @@ function markComponentFlags(component, flags, name) {
   return component;
 }
 function hasComponentFlags(component, flags) {
-  return typeof component === "function" && Object.hasOwn(component, OCTANE_COMPONENT_FLAGS) && (component[OCTANE_COMPONENT_FLAGS] & flags) === flags;
+  return typeof component === "function" && import_has_own.hasOwnProp.call(component, OCTANE_COMPONENT_FLAGS) && (component[OCTANE_COMPONENT_FLAGS] & flags) === flags;
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

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/has-own.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 has_own_exports = {};
+__export(has_own_exports, {
+  hasOwnProp: () => hasOwnProp
+});
+module.exports = __toCommonJS(has_own_exports);
+const hasOwnProp = Object.prototype.hasOwnProperty;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  hasOwnProp
+});

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

@@ -23,6 +23,7 @@ __export(event_capture_exports, {
   initializeHydrationEventCapture: () => initializeHydrationEventCapture,
   markDelegatedDynamicHydrationIntent: () => markDelegatedDynamicHydrationIntent,
   registerHydrationIntentBoundary: () => registerHydrationIntentBoundary,
+  shouldPreventHydrationInteractionDefault: () => shouldPreventHydrationInteractionDefault,
   takeDelegatedDynamicHydrationIntent: () => takeDelegatedDynamicHydrationIntent,
   takePendingHydrationIntents: () => takePendingHydrationIntents,
   unregisterHydrationIntentBoundary: () => unregisterHydrationIntentBoundary,
@@ -41,10 +42,15 @@ function isHydrationElement(target) {
 }
 const HYDRATE_SUPPORTED_INTERACTION_EVENTS = [
   "auxclick",
+  "beforeinput",
   "click",
+  "compositionend",
+  "compositionstart",
+  "compositionupdate",
   "contextmenu",
   "dblclick",
   "focusin",
+  "input",
   "keydown",
   "keyup",
   "mousedown",
@@ -54,8 +60,26 @@ const HYDRATE_SUPPORTED_INTERACTION_EVENTS = [
   "pointerdown",
   "pointerenter",
   "pointerover",
-  "pointerup"
+  "pointerup",
+  "touchend",
+  "touchstart"
 ];
+function shouldPreventHydrationInteractionDefault(event) {
+  switch (event.type) {
+    case "beforeinput":
+    case "compositionend":
+    case "compositionstart":
+    case "compositionupdate":
+    case "input":
+    case "mousedown":
+    case "pointerdown":
+    case "touchend":
+    case "touchstart":
+      return false;
+    default:
+      return event.cancelable;
+  }
+}
 const HYDRATE_BOUNDARIES = /* @__PURE__ */ new WeakMap();
 const HYDRATE_PENDING_INTENTS = /* @__PURE__ */ new WeakMap();
 const HYDRATE_DELEGATED_DYNAMIC_MARKERS = /* @__PURE__ */ new WeakSet();
@@ -130,7 +154,7 @@ function handleEarlyHydrationIntent(event) {
   const intent = { event, path };
   HYDRATE_HANDLED_INTENT_EVENTS.add(event);
   if (event.bubbles) {
-    event.preventDefault();
+    if (shouldPreventHydrationInteractionDefault(event)) event.preventDefault();
     event.stopPropagation();
     event.stopImmediatePropagation();
   }
@@ -181,6 +205,7 @@ function markDelegatedDynamicHydrationIntent(marker) {
   initializeHydrationEventCapture,
   markDelegatedDynamicHydrationIntent,
   registerHydrationIntentBoundary,
+  shouldPreventHydrationInteractionDefault,
   takeDelegatedDynamicHydrationIntent,
   takePendingHydrationIntents,
   unregisterHydrationIntentBoundary,

package/dist/cjs/hydration/interaction-config.cjs

@@ -27,6 +27,13 @@ const HYDRATE_DEFAULT_INTERACTION_EVENTS = [
   "pointerenter",
   "focusin",
   "pointerdown",
+  "touchstart",
+  "touchend",
+  "beforeinput",
+  "input",
+  "compositionstart",
+  "compositionupdate",
+  "compositionend",
   "click"
 ];
 // Annotate the CommonJS export names for ESM import in node:

package/dist/cjs/index.cjs

@@ -70,6 +70,7 @@ __export(index_exports, {
   cloneElement: () => import_runtime.cloneElement,
   compilerCacheArray: () => import_runtime.compilerCacheArray,
   compilerCacheContext: () => import_runtime.compilerCacheContext,
+  compilerCacheImmutableArrayFilter: () => import_runtime.compilerCacheImmutableArrayFilter,
   compilerCacheMappedArray: () => import_runtime.compilerCacheMappedArray,
   compilerOwnsContextProvider: () => import_runtime.compilerOwnsContextProvider,
   componentSlot: () => import_runtime.componentSlot,
@@ -84,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,
@@ -132,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,
@@ -142,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,
@@ -170,17 +178,21 @@ __export(index_exports, {
   setSpread: () => import_runtime.setSpread,
   setStringData: () => import_runtime.setStringData,
   setStyle: () => import_runtime.setStyle,
+  setStyleProperty: () => import_runtime.setStyleProperty,
   setText: () => import_runtime.setText,
   setTransitionFallbackTimeout: () => import_runtime.setTransitionFallbackTimeout,
   setValue: () => import_runtime.setValue,
   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,
@@ -271,6 +283,7 @@ var import_method_dep = require("./method-dep.cjs");
   cloneElement,
   compilerCacheArray,
   compilerCacheContext,
+  compilerCacheImmutableArrayFilter,
   compilerCacheMappedArray,
   compilerOwnsContextProvider,
   componentSlot,
@@ -285,6 +298,7 @@ var import_method_dep = require("./method-dep.cjs");
   createScopedValue,
   delegateCaptureEvents,
   delegateEvents,
+  descriptorChildren,
   devEventListener,
   drainFrag,
   drainPassiveEffects,
@@ -333,7 +347,9 @@ var import_method_dep = require("./method-dep.cjs");
   preconnect,
   prefetchDNS,
   preinit,
+  preinitModule,
   preload,
+  preloadModule,
   provideContext,
   puMiss,
   puPub,
@@ -343,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,
@@ -371,17 +391,21 @@ var import_method_dep = require("./method-dep.cjs");
   setSpread,
   setStringData,
   setStyle,
+  setStyleProperty,
   setText,
   setTransitionFallbackTimeout,
   setValue,
   sibling,
   snapshotSpread,
   startTransition,
+  styleResource,
+  stylesheetResource,
   switchBlock,
   template,
   textHole,
   textSlot,
   tryBlock,
+  unstable_Activity,
   unstable_ViewTransition,
   unstable_addTransitionType,
   use,

package/dist/cjs/method-dep.cjs

@@ -21,12 +21,12 @@ __export(method_dep_exports, {
   __methodDep: () => __methodDep
 });
 module.exports = __toCommonJS(method_dep_exports);
-const hasOwnProp = Object.prototype.hasOwnProperty;
+var import_has_own = require("./has-own.cjs");
 function __methodDep(receiver, name) {
   if ((typeof receiver !== "object" || receiver === null) && typeof receiver !== "function") {
     return receiver;
   }
-  if (hasOwnProp.call(receiver, name)) return receiver[name];
+  if (import_has_own.hasOwnProp.call(receiver, name)) return receiver[name];
   return name in receiver ? receiver : void 0;
 }
 // Annotate the CommonJS export names for ESM import in node: