@oxyhq/bloom 1.2.1 → 1.3.0

package/docs/getting-started.mdx

@@ -64,6 +64,35 @@ export function Hello() {
 }
 ```
 
+## If you build with Vite (or any ESM web bundler)
+
+Bloom reaches its **optional** peers through a `require()` that Metro marks
+optional. An ESM web bundle has no `require` at all — measured: `typeof require`
+is `undefined` in a Vite bundle — so those loads cannot run and every optional
+peer degrades **even when the package is installed**. Metro is unaffected, which
+is why this only appears off Metro.
+
+**Check in one line**, in your app's console:
+
+```js
+typeof require   // "undefined" -> the optional peers below are inert for you
+```
+
+Today one of them can be handed over explicitly:
+
+```ts
+import * as ExpoVideo from 'expo-video';
+import { provideExpoVideo } from '@oxyhq/bloom/media-flight';
+
+provideExpoVideo(ExpoVideo);   // otherwise video silently shows only its poster
+```
+
+The others have no equivalent yet, so on an ESM bundle you currently lose
+scoped NativeWind presets (`BloomColorScope`), adaptive colours, haptics and the
+connection toasts. Most of them say so in the dev console — the warning ends
+`Reason: this bundle has no CommonJS require` — with the exception noted in
+`theme/adaptive-colors.ts`, which degrades silently.
+
 ## Recommended layout
 
 If your app supports both light and dark themes:

package/docs/media-flight.mdx

@@ -130,6 +130,15 @@ reports that itself (expo-video's `onFirstFrameRender`, expo-image's `onLoad`).
 Called mid-flight, a hand-off is remembered rather than obeyed — the surface
 finishes travelling first, or it would vanish between the two rects.
 
+On web the release then renders one commit with `player={null}` before the node
+leaves the DOM. What that buys is **not** the unbind beside it: expo-video
+answers a null player with `removeAttribute('src'); load()`, and the media
+element load algorithm pauses WITHOUT firing `pause`, so the outgoing element
+goes quiet and its removal mirrors nothing. Unbinding alone would not help —
+`unmountVideoView` never clears the `onpause` it installed. Measured in real
+Chrome with controls, and against real builds: without that commit the
+destination ends stopped, with it playing and in position.
+
 **The success criterion is continuity, not speed.** With a shared player the
 frame is already on screen before the tap; the flight does not make the video
 appear sooner, it makes it never disappear. Measure "was there ever no frame?"
@@ -198,10 +207,88 @@ Concretely:
 | `flyBack(id)`                   | flies it to its anchor and releases it on landing              |
 | `progress`                      | `SharedValue<number>`, 0 → 1 for the most recent leg           |
 
+And one component, `<MediaFlightHost id content style … />` — where the media
+lives when it is not flying. See below.
+
 The most recently registered node for an id **is** the anchor, which is what
 makes a destination mounting over an origin take over as the fly-back target
 without either of them coordinating.
 
+## `MediaFlightHost`: one element for the whole flight, on web
+
+Everything above is what a flight does with a **picture**. A video needs one
+more thing, and it is not a matter of ordering: on web the pause and the
+restart are properties of TWO elements sharing one player.
+
+Measured against expo-video's real `VideoPlayerWeb` (57.0.2), across every
+element topology a consumer can produce on one player:
+
+| topology                                   | position | playback |
+| ------------------------------------------ | -------- | -------- |
+| origin dies BEFORE the destination mounts   | `ct=0`   | playing  |
+| origin dies AFTER the destination mounts    | `ct=4.28`| paused   |
+| one element, re-parented                    | `ct=4.28`| playing  |
+
+The first two rows contain no Bloom surface at all — a feed row and a fullscreen
+player sharing a player produce them on their own. Two elements give you the
+position or the playback, never both, because `mountVideoView` seeds a new
+element from the first one already mounted and `_addListeners` gives every
+element an `onpause` that pauses all the others — handlers `unmountVideoView`
+never removes. An element on its way out still governs the player.
+
+So on web, Bloom paints the media **once**, into a wrapper it created outside
+React, and moves that wrapper between the boxes that want it:
+
+```tsx
+// The feed row
+<MediaFlightHost id={mediaId} content={{ kind: 'video', player }} contentFit="cover"
+  style={{ width: 320, height: 180, borderRadius: 12, overflow: 'hidden' }} />
+
+// The fullscreen route, later, with the same id and the same player
+<MediaFlightHost id={mediaId} content={{ kind: 'video', player }} contentFit="contain"
+  style={StyleSheet.absoluteFill} />
+```
+
+A host **declares a box**; it does not own the media. It also registers itself
+as the flight's anchor, so `flyTo`/`flyBack` measure the box the media actually
+paints in rather than a box the consumer measured separately.
+
+On **native** `MediaFlightHost` renders its own `MediaSurface` inline, exactly
+as consumers did before it existed. One API, two implementations, and nothing
+about the call site says which one you got.
+
+### Why it works, in three parts
+
+- **React never sees the move.** The media is rendered with `createPortal` into
+  a container whose identity never changes, and a portal's container is not part
+  of React's tree. `createPortal` to a container that *changes* unmounts and
+  remounts — the thing being avoided — so the container is created once, outside
+  React, and only its position in the document changes.
+- **The browser never sees a removal.** HTML's removal steps for a media element
+  await a stable state and then abort if the element is back in a document, so a
+  synchronous `appendChild` from one parent to another does not pause playback.
+  (This is why re-parenting a `<video>` works and re-parenting an `<iframe>`
+  does not: an iframe reloads.)
+- **A node with no host waits IN the document.** It parks in a 1×1 transparent
+  holder, because a detached `<video>` is auto-paused. It is disposed when
+  nothing can want it back — no claim and no flight live for that id — which is
+  a fact the registry reads rather than a timeout it guesses.
+
+### The flight outranks every host
+
+A destination that mounts mid-flight claims its id, and the layer keeps the node
+anyway until the leg ends — otherwise the media would jump to its landing place
+while still travelling. That claim IS the hand-off: with one element there is no
+first frame to wait for, because the element the destination just claimed has
+been playing since the origin. `flightId` and `handOff` remain for native and
+for a destination that paints its own surface.
+
+### What it does not change
+
+`flyTo` with an id that has no host still paints its own `MediaSurface`, which
+is what every image flight does. Nothing about the gallery, the anchors or the
+animation changes.
+
 ## It never takes a click
 
 Every node the layer renders is `pointerEvents="none"`, inside an `OverlayRoot`
@@ -260,6 +347,27 @@ the root barrel, because Metro does not tree-shake). `expo-video` is
 flies video without it gets the poster plus a single dev warning naming the
 package.
 
+<Callout variant="warning" title="On Vite (or any ESM web bundler) you must hand expo-video over">
+Bloom loads optional peers through a `require()` that Metro marks optional.
+**An ESM web bundle has no `require` at all** — measured: `typeof require` is
+`undefined` in a Vite bundle — so the load cannot run and video degrades to its
+poster **even when `expo-video` is installed**. Metro has a real `require` and
+is unaffected, which is why this only shows up off Metro.
+
+One line at startup fixes it:
+
+```ts
+import * as ExpoVideo from 'expo-video';
+import { provideExpoVideo } from '@oxyhq/bloom/media-flight';
+
+provideExpoVideo(ExpoVideo);
+```
+
+How to tell whether it applies to you: run `typeof require` in your app's
+console. If it answers `"undefined"`, you need this. The dev console also says
+so directly — the warning ends `Reason: this bundle has no CommonJS require`.
+</Callout>
+
 ## What a jest run can and cannot see
 
 The registry: that a flight is created, that a second `flyTo` retargets rather

package/lib/commonjs/media-flight/MediaFlightHost.js

@@ -0,0 +1,56 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MediaFlightHost = MediaFlightHost;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _MediaSurface = require("./MediaSurface.js");
+var _store = require("./store.js");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * A place a media surface lives — NATIVE.
+ *
+ * Here a host is exactly what it looks like: a box that renders its own
+ * `MediaSurface`. Native has no equivalent of the web problem this component
+ * exists for (a DOM `<video>` that must survive its React owner), and expo-video
+ * on native hands a player between views without the pause mirroring that makes
+ * two web elements mutually destructive. So this is the plain implementation,
+ * and `MediaFlightHost.web.tsx` is the one that re-parents.
+ *
+ * ONE API, two implementations. A consumer writes the same JSX on both
+ * platforms and never learns which one it got.
+ */
+
+function MediaFlightHost({
+  id,
+  content,
+  style,
+  contentFit = 'cover',
+  nativeControls = false,
+  accessibilityLabel,
+  surfaceType,
+  pointerEvents,
+  flightId
+}) {
+  // A callback ref rather than an effect: the anchor must be measurable the
+  // moment the box is on screen, and a tap can come one frame later.
+  const setNode = (0, _react.useCallback)(node => (0, _store.registerAnchor)(id, node), [id]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    ref: setNode,
+    style: style,
+    pointerEvents: pointerEvents,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_MediaSurface.MediaSurface, {
+      content: content,
+      contentFit: contentFit,
+      nativeControls: nativeControls,
+      accessibilityLabel: accessibilityLabel,
+      surfaceType: surfaceType,
+      flightId: flightId,
+      style: _reactNative.StyleSheet.absoluteFill
+    })
+  });
+}
+MediaFlightHost.displayName = 'MediaFlightHost';
+//# sourceMappingURL=MediaFlightHost.js.map

package/lib/commonjs/media-flight/MediaFlightHost.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_MediaSurface","_store","_jsxRuntime","MediaFlightHost","id","content","style","contentFit","nativeControls","accessibilityLabel","surfaceType","pointerEvents","flightId","setNode","useCallback","node","registerAnchor","jsx","View","ref","children","MediaSurface","StyleSheet","absoluteFill","displayName"],"sourceRoot":"../../../src","sources":["media-flight/MediaFlightHost.tsx"],"mappings":";;;;;;AAaA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAAyC,IAAAI,WAAA,GAAAJ,OAAA;AAjBzC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAQO,SAASK,eAAeA,CAAC;EAC9BC,EAAE;EACFC,OAAO;EACPC,KAAK;EACLC,UAAU,GAAG,OAAO;EACpBC,cAAc,GAAG,KAAK;EACtBC,kBAAkB;EAClBC,WAAW;EACXC,aAAa;EACbC;AACoB,CAAC,EAAE;EACvB;EACA;EACA,MAAMC,OAAO,GAAG,IAAAC,kBAAW,EACxBC,IAAiB,IAAK,IAAAC,qBAAc,EAACZ,EAAE,EAAEW,IAAI,CAAC,EAC/C,CAACX,EAAE,CACL,CAAC;EAED,oBACE,IAAAF,WAAA,CAAAe,GAAA,EAAClB,YAAA,CAAAmB,IAAI;IAACC,GAAG,EAAEN,OAAQ;IAACP,KAAK,EAAEA,KAAM;IAACK,aAAa,EAAEA,aAAc;IAAAS,QAAA,eAC7D,IAAAlB,WAAA,CAAAe,GAAA,EAACjB,aAAA,CAAAqB,YAAY;MACXhB,OAAO,EAAEA,OAAQ;MACjBE,UAAU,EAAEA,UAAW;MACvBC,cAAc,EAAEA,cAAe;MAC/BC,kBAAkB,EAAEA,kBAAmB;MACvCC,WAAW,EAAEA,WAAY;MACzBE,QAAQ,EAAEA,QAAS;MACnBN,KAAK,EAAEgB,uBAAU,CAACC;IAAa,CAChC;EAAC,CACE,CAAC;AAEX;AAEApB,eAAe,CAACqB,WAAW,GAAG,iBAAiB","ignoreList":[]}

package/lib/commonjs/media-flight/MediaFlightHost.web.js

@@ -0,0 +1,85 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MediaFlightHost = MediaFlightHost;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _mediaNodeWeb = require("./media-node.web.js");
+var _store = require("./store.js");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * A place a media surface lives — WEB, where it does NOT render the media.
+ *
+ * This host renders an empty box and CLAIMS the shared node for its id. The
+ * media itself is one DOM node the layer paints once and moves between hosts
+ * with `appendChild`, so a video keeps its element, its decoder and its
+ * position when the origin route unmounts mid-flight. See `media-node.web.ts`
+ * for why one element is the only topology that keeps both the position and the
+ * playback.
+ *
+ * The consumer writes the same JSX as on native and never learns the
+ * difference — including that here, `flightId` is not needed: a flight ends
+ * when a destination host claims the node, and the node it claims has been
+ * showing the media all along.
+ */
+
+function MediaFlightHost({
+  id,
+  content,
+  style,
+  contentFit = 'cover',
+  nativeControls = false,
+  accessibilityLabel,
+  pointerEvents,
+  flightId
+}) {
+  // State rather than a ref, because the claim runs in a layout effect and an
+  // effect cannot depend on a ref's mutation. One extra render at mount.
+  const [node, setNode] = (0, _react.useState)(null);
+  const setHost = (0, _react.useCallback)(next => {
+    (0, _store.registerAnchor)(id, next);
+    setNode(next);
+  }, [id]);
+  const render = (0, _react.useMemo)(() => ({
+    content,
+    contentFit,
+    nativeControls,
+    accessibilityLabel,
+    flightId
+  }), [content, contentFit, nativeControls, accessibilityLabel, flightId]);
+  const renderRef = (0, _react.useRef)(render);
+
+  // Declared FIRST so it runs first on mount: it seeds the ref the claim below
+  // reads, and afterwards it is what pushes prop changes into a live claim —
+  // in place, without releasing, because a release would move the node and a
+  // move away and back is a removal, which is what pauses a video.
+  (0, _react.useLayoutEffect)(() => {
+    renderRef.current = render;
+    const el = node;
+    if (el !== null) (0, _mediaNodeWeb.claimMediaNode)(id, el, _mediaNodeWeb.HOST_RANK, render);
+  }, [id, node, render]);
+
+  // Owns the claim's LIFETIME, and only that: its cleanup must run when the
+  // host really goes away, never on a prop change.
+  (0, _react.useLayoutEffect)(() => {
+    const el = node;
+    if (el === null) return undefined;
+    (0, _mediaNodeWeb.claimMediaNode)(id, el, _mediaNodeWeb.HOST_RANK, renderRef.current);
+    // A new host appearing mid-flight IS the hand-off. On native the
+    // destination has to decode a first frame before it can say this; here the
+    // node it just claimed is the one that has been playing since the origin,
+    // so mounting is the whole signal. An origin host does not reach this with
+    // a flight live — it claimed before the flight began.
+    if ((0, _store.hasFlight)(id)) (0, _store.handOffFlight)(id);
+    return () => (0, _mediaNodeWeb.releaseMediaNode)(id, el, _mediaNodeWeb.HOST_RANK);
+  }, [id, node]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    ref: setHost,
+    style: style,
+    pointerEvents: pointerEvents
+  });
+}
+MediaFlightHost.displayName = 'MediaFlightHost';
+//# sourceMappingURL=MediaFlightHost.web.js.map

package/lib/commonjs/media-flight/MediaFlightHost.web.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_mediaNodeWeb","_store","_jsxRuntime","MediaFlightHost","id","content","style","contentFit","nativeControls","accessibilityLabel","pointerEvents","flightId","node","setNode","useState","setHost","useCallback","next","registerAnchor","render","useMemo","renderRef","useRef","useLayoutEffect","current","el","claimMediaNode","HOST_RANK","undefined","hasFlight","handOffFlight","releaseMediaNode","jsx","View","ref","displayName"],"sourceRoot":"../../../src","sources":["media-flight/MediaFlightHost.web.tsx"],"mappings":";;;;;;AAeA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,aAAA,GAAAF,OAAA;AAMA,IAAAG,MAAA,GAAAH,OAAA;AAAmE,IAAAI,WAAA,GAAAJ,OAAA;AAxBnE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAaO,SAASK,eAAeA,CAAC;EAC9BC,EAAE;EACFC,OAAO;EACPC,KAAK;EACLC,UAAU,GAAG,OAAO;EACpBC,cAAc,GAAG,KAAK;EACtBC,kBAAkB;EAClBC,aAAa;EACbC;AACoB,CAAC,EAAE;EACvB;EACA;EACA,MAAM,CAACC,IAAI,EAAEC,OAAO,CAAC,GAAG,IAAAC,eAAQ,EAAc,IAAI,CAAC;EAEnD,MAAMC,OAAO,GAAG,IAAAC,kBAAW,EACxBC,IAAiB,IAAK;IACrB,IAAAC,qBAAc,EAACd,EAAE,EAAEa,IAAI,CAAC;IACxBJ,OAAO,CAACI,IAAI,CAAC;EACf,CAAC,EACD,CAACb,EAAE,CACL,CAAC;EAED,MAAMe,MAAM,GAAG,IAAAC,cAAO,EACpB,OAAO;IAAEf,OAAO;IAAEE,UAAU;IAAEC,cAAc;IAAEC,kBAAkB;IAAEE;EAAS,CAAC,CAAC,EAC7E,CAACN,OAAO,EAAEE,UAAU,EAAEC,cAAc,EAAEC,kBAAkB,EAAEE,QAAQ,CACpE,CAAC;EACD,MAAMU,SAAS,GAAG,IAAAC,aAAM,EAACH,MAAM,CAAC;;EAEhC;EACA;EACA;EACA;EACA,IAAAI,sBAAe,EAAC,MAAM;IACpBF,SAAS,CAACG,OAAO,GAAGL,MAAM;IAC1B,MAAMM,EAAE,GAAGb,IAAqC;IAChD,IAAIa,EAAE,KAAK,IAAI,EAAE,IAAAC,4BAAc,EAACtB,EAAE,EAAEqB,EAAE,EAAEE,uBAAS,EAAER,MAAM,CAAC;EAC5D,CAAC,EAAE,CAACf,EAAE,EAAEQ,IAAI,EAAEO,MAAM,CAAC,CAAC;;EAEtB;EACA;EACA,IAAAI,sBAAe,EAAC,MAAM;IACpB,MAAME,EAAE,GAAGb,IAAqC;IAChD,IAAIa,EAAE,KAAK,IAAI,EAAE,OAAOG,SAAS;IACjC,IAAAF,4BAAc,EAACtB,EAAE,EAAEqB,EAAE,EAAEE,uBAAS,EAAEN,SAAS,CAACG,OAAO,CAAC;IACpD;IACA;IACA;IACA;IACA;IACA,IAAI,IAAAK,gBAAS,EAACzB,EAAE,CAAC,EAAE,IAAA0B,oBAAa,EAAC1B,EAAE,CAAC;IACpC,OAAO,MAAM,IAAA2B,8BAAgB,EAAC3B,EAAE,EAAEqB,EAAE,EAAEE,uBAAS,CAAC;EAClD,CAAC,EAAE,CAACvB,EAAE,EAAEQ,IAAI,CAAC,CAAC;EAEd,oBAAO,IAAAV,WAAA,CAAA8B,GAAA,EAACjC,YAAA,CAAAkC,IAAI;IAACC,GAAG,EAAEnB,OAAQ;IAACT,KAAK,EAAEA,KAAM;IAACI,aAAa,EAAEA;EAAc,CAAE,CAAC;AAC3E;AAEAP,eAAe,CAACgC,WAAW,GAAG,iBAAiB","ignoreList":[]}

package/lib/commonjs/media-flight/MediaFlightLayer.js

@@ -94,7 +94,8 @@ function MediaFlightSurface({
     content,
     cornerRadius,
     contentFit,
-    surfaceType
+    surfaceType,
+    unbinding
   } = flight;
 
   // The COMMIT signal `flyTo`'s promise waits on, and the reason it is an effect
@@ -131,6 +132,13 @@ function MediaFlightSurface({
     content: content,
     contentFit: contentFit,
     surfaceType: surfaceType
+    // One commit with no player before this node leaves the DOM — see
+    // `releaseFlight`, and note there that what it buys is expo-video
+    // emptying the source, not the unbind. Without it the dying element's
+    // auto-pause mirrors through expo-video and stops the video the viewer
+    // just landed on.
+    ,
+    detached: unbinding
     // A flying surface is a picture, never a control: it must not intercept
     // the press that is already travelling to whatever is underneath it.
     ,

package/lib/commonjs/media-flight/MediaFlightLayer.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_reactNative","_reactNativeReanimated","_index","_portal","_MediaSurface","_store","_jsxRuntime","MediaFlightLayer","flights","useSyncExternalStore","subscribeToFlights","getFlights","length","jsx","Portal","children","OverlayRoot","map","flight","MediaFlightSurface","id","displayName","from","to","progress","content","cornerRadius","contentFit","surfaceType","useEffect","notifySurfaceMounted","originX","x","originY","y","boxStyle","useAnimatedStyle","transform","translateX","interpolate","value","translateY","width","height","MediaSurface","pointerEvents","style","styles","box","left","top","borderRadius","StyleSheet","create","position","overflow"],"sourceRoot":"../../../src","sources":["media-flight/MediaFlightLayer.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","require","_reactNative","_reactNativeReanimated","_index","_portal","_MediaSurface","_store","_jsxRuntime","MediaFlightLayer","flights","useSyncExternalStore","subscribeToFlights","getFlights","length","jsx","Portal","children","OverlayRoot","map","flight","MediaFlightSurface","id","displayName","from","to","progress","content","cornerRadius","contentFit","surfaceType","unbinding","useEffect","notifySurfaceMounted","originX","x","originY","y","boxStyle","useAnimatedStyle","transform","translateX","interpolate","value","translateY","width","height","MediaSurface","detached","pointerEvents","style","styles","box","left","top","borderRadius","StyleSheet","create","position","overflow"],"sourceRoot":"../../../src","sources":["media-flight/MediaFlightLayer.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/media-flight/MediaFlightLayer.web.js

@@ -0,0 +1,212 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MediaFlightLayer = MediaFlightLayer;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _reactDom = require("react-dom");
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+var _index = require("../overlay/index.js");
+var _indexWeb = require("../portal/index.web.js");
+var _MediaSurface = require("./MediaSurface.js");
+var _mediaNodeWeb = require("./media-node.web.js");
+var _store = require("./store.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/**
+ * The layer that survives navigation — WEB, where it also OWNS the media.
+ *
+ * Everything in `MediaFlightLayer.tsx` still holds: mounted once at the app
+ * root, painting through `Portal` so a flying surface belongs to neither route.
+ * What this fork adds is the other half of the web story.
+ *
+ * ## It paints each shared node exactly once, forever
+ *
+ * `createPortal(<MediaSurface …/>, wrapper)` for every id a host has claimed.
+ * The wrapper is a plain `<div>` created OUTSIDE React by `media-node.web.ts`,
+ * so React reconciles the media against a container whose identity never
+ * changes while the registry moves that container between hosts with
+ * `appendChild`. React never sees the move; the browser never sees a removal;
+ * the video never loses its element, its decoder or its position.
+ *
+ * That is why the layer, and not the host, renders the media on web: the media
+ * has to be rendered by a tree that outlives every host, and the app root is
+ * the only such tree.
+ *
+ * ## A flying surface with a shared node paints nothing itself
+ *
+ * It becomes a positioned, animated BOX that claims the node — one more host,
+ * outranking the others for the length of the leg. A flight for an id with no
+ * shared node (an image gallery, any consumer that has not adopted a host)
+ * falls back to painting its own `MediaSurface`, which is what every flight did
+ * before hosts existed.
+ */
+
+function MediaFlightLayer() {
+  const flights = (0, _react.useSyncExternalStore)(_store.subscribeToFlights, _store.getFlights, _store.getFlights);
+  const nodes = (0, _react.useSyncExternalStore)(_mediaNodeWeb.subscribeToMediaNodes, _mediaNodeWeb.getMediaNodes, _mediaNodeWeb.getMediaNodes);
+  if (flights.length === 0 && nodes.length === 0) return null;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [nodes.map(node => /*#__PURE__*/(0, _jsxRuntime.jsx)(SharedMediaNode, {
+      node: node
+    }, node.id)), flights.length === 0 ? null : /*#__PURE__*/(0, _jsxRuntime.jsx)(_indexWeb.Portal, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.OverlayRoot, {
+        children: flights.map(flight => /*#__PURE__*/(0, _jsxRuntime.jsx)(MediaFlightSurface, {
+          flight: flight
+          // Read from the SNAPSHOT, never from the registry: a lookup
+          // during render is external mutable state in a memoized
+          // position, which the React Compiler is allowed to freeze.
+          ,
+          shared: nodes.some(node => node.id === flight.id)
+        }, flight.id))
+      })
+    })]
+  });
+}
+MediaFlightLayer.displayName = 'MediaFlightLayer';
+
+/** One media element, painted into the wrapper its id owns, and never again. */
+function SharedMediaNode({
+  node
+}) {
+  const {
+    content,
+    contentFit,
+    nativeControls,
+    accessibilityLabel,
+    flightId
+  } = node.render;
+  return /*#__PURE__*/(0, _reactDom.createPortal)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_MediaSurface.MediaSurface, {
+    content: content,
+    contentFit: contentFit,
+    nativeControls: nativeControls,
+    accessibilityLabel: accessibilityLabel,
+    flightId: flightId,
+    style: _reactNative.StyleSheet.absoluteFill
+  }), node.wrapper);
+}
+
+/**
+ * One flying surface. See `MediaFlightLayer.tsx` for why the size is animated
+ * rather than scaled.
+ */
+function MediaFlightSurface({
+  flight,
+  shared
+}) {
+  const {
+    id,
+    from,
+    to,
+    progress,
+    content,
+    cornerRadius,
+    contentFit,
+    surfaceType,
+    unbinding
+  } = flight;
+  (0, _react.useEffect)(() => {
+    (0, _store.notifySurfaceMounted)(id);
+  }, [id]);
+  const originX = from.x - to.x;
+  const originY = from.y - to.y;
+
+  // CRITICAL — every shared value a mapper READS must be listed in its deps.
+  // On web WITHOUT the react-native-worklets babel plugin, reanimated drives a
+  // mapper off its deps array rather than off the reads it detects: with none,
+  // it runs ONCE and freezes at the opening frame. See `MediaFlightLayer.tsx`.
+  const boxStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
+    transform: [{
+      translateX: (0, _reactNativeReanimated.interpolate)(progress.value, [0, 1], [originX, 0])
+    }, {
+      translateY: (0, _reactNativeReanimated.interpolate)(progress.value, [0, 1], [originY, 0])
+    }],
+    width: (0, _reactNativeReanimated.interpolate)(progress.value, [0, 1], [from.width, to.width]),
+    height: (0, _reactNativeReanimated.interpolate)(progress.value, [0, 1], [from.height, to.height])
+  }), [progress, originX, originY, from.width, from.height, to.width, to.height]);
+  const box = [styles.box, {
+    left: to.x,
+    top: to.y,
+    borderRadius: cornerRadius
+  }, boxStyle];
+  const render = (0, _react.useMemo)(() => ({
+    content,
+    contentFit,
+    nativeControls: false,
+    accessibilityLabel: undefined,
+    // A flying surface never hands off to itself.
+    flightId: undefined
+  }), [content, contentFit]);
+
+  // The shared node is already painting this media. The flight is then a BOX
+  // that borrows it for the length of the leg, never a second copy.
+  if (shared) return /*#__PURE__*/(0, _jsxRuntime.jsx)(FlyingSharedNode, {
+    id: id,
+    style: box,
+    render: render
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_MediaSurface.MediaSurface, {
+    content: content,
+    contentFit: contentFit,
+    surfaceType: surfaceType
+    // One commit with no player before this node leaves the DOM — see
+    // `releaseFlight`. Only the no-shared-node path can need it: a shared
+    // node is never removed, which is the point of the whole mechanism.
+    ,
+    detached: unbinding
+    // A flying surface is a picture, never a control.
+    ,
+    pointerEvents: "none",
+    style: box
+  });
+}
+
+/**
+ * The flight's own claim on a shared node.
+ *
+ * `pointerEvents` stays `none` on the BOX: a flying surface must not take the
+ * press travelling to whatever is underneath it. The wrapper inside sets
+ * `pointer-events: auto` for the media's sake, which is what a host needs and
+ * is inert here — a descendant asking for `auto` does not override a `none`
+ * ancestor.
+ */
+function FlyingSharedNode({
+  id,
+  style,
+  render
+}) {
+  const [node, setNode] = (0, _react.useState)(null);
+  const setBox = (0, _react.useCallback)(next => setNode(next), []);
+  const renderRef = (0, _react.useRef)(render);
+
+  // Declared first so it runs first on mount, and afterwards is what pushes
+  // prop changes into a live claim IN PLACE — releasing and re-claiming would
+  // move the node away and back, and a move away is a removal.
+  (0, _react.useLayoutEffect)(() => {
+    renderRef.current = render;
+    const el = node;
+    if (el !== null) (0, _mediaNodeWeb.claimMediaNode)(id, el, _mediaNodeWeb.FLIGHT_RANK, render);
+  }, [id, node, render]);
+
+  // Owns the claim's LIFETIME, and only that.
+  (0, _react.useLayoutEffect)(() => {
+    const el = node;
+    if (el === null) return undefined;
+    (0, _mediaNodeWeb.claimMediaNode)(id, el, _mediaNodeWeb.FLIGHT_RANK, renderRef.current);
+    return () => (0, _mediaNodeWeb.releaseMediaNode)(id, el, _mediaNodeWeb.FLIGHT_RANK);
+  }, [id, node]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+    ref: setBox,
+    style: style,
+    pointerEvents: "none"
+  });
+}
+const styles = _reactNative.StyleSheet.create({
+  box: {
+    position: 'absolute',
+    overflow: 'hidden'
+  }
+});
+//# sourceMappingURL=MediaFlightLayer.web.js.map

package/lib/commonjs/media-flight/MediaFlightLayer.web.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_reactDom","_reactNativeReanimated","_interopRequireWildcard","_index","_indexWeb","_MediaSurface","_mediaNodeWeb","_store","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","MediaFlightLayer","flights","useSyncExternalStore","subscribeToFlights","getFlights","nodes","subscribeToMediaNodes","getMediaNodes","length","jsxs","Fragment","children","map","node","jsx","SharedMediaNode","id","Portal","OverlayRoot","flight","MediaFlightSurface","shared","some","displayName","content","contentFit","nativeControls","accessibilityLabel","flightId","render","createPortal","MediaSurface","style","StyleSheet","absoluteFill","wrapper","from","to","progress","cornerRadius","surfaceType","unbinding","useEffect","notifySurfaceMounted","originX","x","originY","y","boxStyle","useAnimatedStyle","transform","translateX","interpolate","value","translateY","width","height","box","styles","left","top","borderRadius","useMemo","undefined","FlyingSharedNode","detached","pointerEvents","setNode","useState","setBox","useCallback","next","renderRef","useRef","useLayoutEffect","current","el","claimMediaNode","FLIGHT_RANK","releaseMediaNode","View","ref","create","position","overflow"],"sourceRoot":"../../../src","sources":["media-flight/MediaFlightLayer.web.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/media-flight/MediaSurface.js

@@ -67,7 +67,8 @@ const MediaSurface = exports.MediaSurface = /*#__PURE__*/(0, _react.memo)(functi
   nativeControls = false,
   accessibilityLabel,
   pointerEvents,
-  flightId
+  flightId,
+  detached = false
 }) {
   // Captured once — see `surfaceType` above. A consumer changing it later gets
   // the value the view was mounted with, which is the only value expo-video
@@ -118,7 +119,7 @@ const MediaSurface = exports.MediaSurface = /*#__PURE__*/(0, _react.memo)(functi
       onLoad: content.kind === 'video' ? undefined : reportLive,
       ...webDraggableProps
     }), content.kind === 'video' && expoVideo !== null ? /*#__PURE__*/(0, _jsxRuntime.jsx)(expoVideo.VideoView, {
-      player: content.player,
+      player: detached ? null : content.player,
       contentFit: contentFit,
       surfaceType: mountedSurfaceType,
       nativeControls: nativeControls

package/lib/commonjs/media-flight/MediaSurface.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_reactNative","_expoImage","_reactNativeReanimated","_interopRequireDefault","_store","_expoVideoModule","_jsxRuntime","e","__esModule","default","webDraggableProps","Platform","OS","draggable","MediaSurface","exports","memo","content","style","contentFit","surfaceType","nativeControls","accessibilityLabel","pointerEvents","flightId","mountedSurfaceType","useState","reportLive","useCallback","undefined","handOffFlight","still","kind","poster","uri","expoVideo","loadExpoVideo","warnExpoVideoUnavailable","jsxs","View","styles","box","children","jsx","Image","source","StyleSheet","absoluteFill","transition","onLoad","VideoView","player","fillReplaced","onFirstFrameRender","displayName","MediaPoster","EmptyMediaSurface","empty","create","width","height","overflow","backgroundColor"],"sourceRoot":"../../../src","sources":["media-flight/MediaSurface.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","require","_reactNative","_expoImage","_reactNativeReanimated","_interopRequireDefault","_store","_expoVideoModule","_jsxRuntime","e","__esModule","default","webDraggableProps","Platform","OS","draggable","MediaSurface","exports","memo","content","style","contentFit","surfaceType","nativeControls","accessibilityLabel","pointerEvents","flightId","detached","mountedSurfaceType","useState","reportLive","useCallback","undefined","handOffFlight","still","kind","poster","uri","expoVideo","loadExpoVideo","warnExpoVideoUnavailable","jsxs","View","styles","box","children","jsx","Image","source","StyleSheet","absoluteFill","transition","onLoad","VideoView","player","fillReplaced","onFirstFrameRender","displayName","MediaPoster","EmptyMediaSurface","empty","create","width","height","overflow","backgroundColor"],"sourceRoot":"../../../src","sources":["media-flight/MediaSurface.tsx"],"mappings":"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","ignoreList":[]}