octane 0.1.34 → 0.1.35

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/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,
@@ -170,6 +171,7 @@ __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,
@@ -271,6 +273,7 @@ var import_method_dep = require("./method-dep.cjs");
   cloneElement,
   compilerCacheArray,
   compilerCacheContext,
+  compilerCacheImmutableArrayFilter,
   compilerCacheMappedArray,
   compilerOwnsContextProvider,
   componentSlot,
@@ -371,6 +374,7 @@ var import_method_dep = require("./method-dep.cjs");
   setSpread,
   setStringData,
   setStyle,
+  setStyleProperty,
   setText,
   setTransitionFallbackTimeout,
   setValue,

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: