@oxyhq/bloom 1.2.2 → 1.4.0

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,134 @@ 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.
+
+### Paint the video yourself
+
+`MediaFlightHost` mounts a `VideoView` with the handful of props Bloom knows
+about. That is not enough the moment a consumer needs something only its OWN
+element can give it — a `ref` for `startPictureInPicture()` or
+`enterFullscreen()`, expo-video's picture-in-picture callbacks,
+`onFirstFrameRender`, anything expo-video adds next. Measured in a consuming
+app: adopting the host without this left a picture-in-picture BUTTON on screen
+whose ref was attached to nothing. It rendered, it was pressable, and it did
+nothing, silently.
+
+So build the element yourself and let Bloom decide only what it must:
+
+```tsx
+<MediaFlightHost
+  id={mediaId}
+  content={{ kind: 'video', player }}
+  renderVideo={useCallback((props) => (
+    <VideoView
+      {...props}                       // player, style, contentFit
+      ref={videoViewRef}
+      allowsPictureInPicture={isWatched}
+      onFirstFrameRender={handleFirstFrame}
+    />
+  ), [isWatched, handleFirstFrame])}
+/>
+```
+
+Three things about the props Bloom passes:
+
+- **Spread `style`.** A DOM `<video>` is a replaced element: `inset: 0` with
+  `width/height: auto` paints it at its intrinsic 300×150 inside whatever box it
+  was given. Bloom's style carries the sizing.
+- **Pass `player` straight through, including `null`.** Null means unbind now,
+  and expo-video answers it by emptying the source — which pauses the element
+  without an event, which is what stops an outgoing surface from pausing the one
+  the viewer just landed on.
+- **Memoise the slot.** It is part of what a host publishes to the layer,
+  compared by identity.
+
+The flight itself never brings an element. Its claim on a shared node says only
+WHERE the node lives — a flight that published its own render would swap a
+consumer's element out for Bloom's and back again, which is two remounts in the
+middle of the one operation whose whole point is that the element is never
+rebuilt.
+
+### 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`

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

@@ -0,0 +1,58 @@
+"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',
+  renderVideo,
+  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,
+      renderVideo: renderVideo,
+      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","renderVideo","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,WAAW;EACXC,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,EAACb,EAAE,EAAEY,IAAI,CAAC,EAC/C,CAACZ,EAAE,CACL,CAAC;EAED,oBACE,IAAAF,WAAA,CAAAgB,GAAA,EAACnB,YAAA,CAAAoB,IAAI;IAACC,GAAG,EAAEN,OAAQ;IAACR,KAAK,EAAEA,KAAM;IAACM,aAAa,EAAEA,aAAc;IAAAS,QAAA,eAC7D,IAAAnB,WAAA,CAAAgB,GAAA,EAAClB,aAAA,CAAAsB,YAAY;MACXjB,OAAO,EAAEA,OAAQ;MACjBE,UAAU,EAAEA,UAAW;MACvBC,WAAW,EAAEA,WAAY;MACzBC,cAAc,EAAEA,cAAe;MAC/BC,kBAAkB,EAAEA,kBAAmB;MACvCC,WAAW,EAAEA,WAAY;MACzBE,QAAQ,EAAEA,QAAS;MACnBP,KAAK,EAAEiB,uBAAU,CAACC;IAAa,CAChC;EAAC,CACE,CAAC;AAEX;AAEArB,eAAe,CAACsB,WAAW,GAAG,iBAAiB","ignoreList":[]}

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

@@ -0,0 +1,87 @@
+"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',
+  renderVideo,
+  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,
+    renderVideo,
+    nativeControls,
+    accessibilityLabel,
+    flightId
+  }), [content, contentFit, renderVideo, 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","renderVideo","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,WAAW;EACXC,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,EAACf,EAAE,EAAEc,IAAI,CAAC;IACxBJ,OAAO,CAACI,IAAI,CAAC;EACf,CAAC,EACD,CAACd,EAAE,CACL,CAAC;EAED,MAAMgB,MAAM,GAAG,IAAAC,cAAO,EACpB,OAAO;IAAEhB,OAAO;IAAEE,UAAU;IAAEC,WAAW;IAAEC,cAAc;IAAEC,kBAAkB;IAAEE;EAAS,CAAC,CAAC,EAC1F,CAACP,OAAO,EAAEE,UAAU,EAAEC,WAAW,EAAEC,cAAc,EAAEC,kBAAkB,EAAEE,QAAQ,CACjF,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,EAACvB,EAAE,EAAEsB,EAAE,EAAEE,uBAAS,EAAER,MAAM,CAAC;EAC5D,CAAC,EAAE,CAAChB,EAAE,EAAES,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,EAACvB,EAAE,EAAEsB,EAAE,EAAEE,uBAAS,EAAEN,SAAS,CAACG,OAAO,CAAC;IACpD;IACA;IACA;IACA;IACA;IACA,IAAI,IAAAK,gBAAS,EAAC1B,EAAE,CAAC,EAAE,IAAA2B,oBAAa,EAAC3B,EAAE,CAAC;IACpC,OAAO,MAAM,IAAA4B,8BAAgB,EAAC5B,EAAE,EAAEsB,EAAE,EAAEE,uBAAS,CAAC;EAClD,CAAC,EAAE,CAACxB,EAAE,EAAES,IAAI,CAAC,CAAC;EAEd,oBAAO,IAAAX,WAAA,CAAA+B,GAAA,EAAClC,YAAA,CAAAmC,IAAI;IAACC,GAAG,EAAEnB,OAAQ;IAACV,KAAK,EAAEA,KAAM;IAACK,aAAa,EAAEA;EAAc,CAAE,CAAC;AAC3E;AAEAR,eAAe,CAACiC,WAAW,GAAG,iBAAiB","ignoreList":[]}

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

@@ -133,8 +133,10 @@ function MediaFlightSurface({
     contentFit: contentFit,
     surfaceType: surfaceType
     // One commit with no player before this node leaves the DOM — see
-    // `releaseFlight`. Without it the dying element's auto-pause mirrors
-    // through expo-video and stops the video the viewer just landed on.
+    // `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

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","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":[]}
+{"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,198 @@
+"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,
+    renderVideo,
+    nativeControls,
+    accessibilityLabel,
+    flightId
+  } = node.render;
+  return /*#__PURE__*/(0, _reactDom.createPortal)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_MediaSurface.MediaSurface, {
+    content: content,
+    contentFit: contentFit,
+    renderVideo: renderVideo,
+    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];
+
+  // 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
+  });
+  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
+}) {
+  const [node, setNode] = (0, _react.useState)(null);
+  const setBox = (0, _react.useCallback)(next => setNode(next), []);
+
+  // A POSITION-ONLY claim: it says where the node lives for the length of the
+  // leg and nothing about what is painted in it. A flight that published a
+  // render of its own would replace the hosts' — and swap a consumer's own
+  // element out and back, which is two remounts in the middle of the one
+  // operation whose whole point is that the element is never rebuilt.
+  (0, _react.useLayoutEffect)(() => {
+    const el = node;
+    if (el === null) return undefined;
+    (0, _mediaNodeWeb.claimMediaNode)(id, el, _mediaNodeWeb.FLIGHT_RANK);
+    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","renderVideo","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","FlyingSharedNode","detached","pointerEvents","setNode","useState","setBox","useCallback","next","useLayoutEffect","el","undefined","claimMediaNode","FLIGHT_RANK","releaseMediaNode","View","ref","create","position","overflow"],"sourceRoot":"../../../src","sources":["media-flight/MediaFlightLayer.web.tsx"],"mappings":";;;;;;AA4BA,IAAAA,MAAA,GAAAC,OAAA;AAOA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,sBAAA,GAAAC,uBAAA,CAAAJ,OAAA;AAEA,IAAAK,MAAA,GAAAL,OAAA;AACA,IAAAM,SAAA,GAAAN,OAAA;AACA,IAAAO,aAAA,GAAAP,OAAA;AACA,IAAAQ,aAAA,GAAAR,OAAA;AAQA,IAAAS,MAAA,GAAAT,OAAA;AAA+E,IAAAU,WAAA,GAAAV,OAAA;AAAA,SAAAI,wBAAAO,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAT,uBAAA,YAAAA,CAAAO,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAlD/E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AA0BO,SAASkB,gBAAgBA,CAAA,EAAG;EACjC,MAAMC,OAAO,GAAG,IAAAC,2BAAoB,EAACC,yBAAkB,EAAEC,iBAAU,EAAEA,iBAAU,CAAC;EAChF,MAAMC,KAAK,GAAG,IAAAH,2BAAoB,EAACI,mCAAqB,EAAEC,2BAAa,EAAEA,2BAAa,CAAC;EAEvF,IAAIN,OAAO,CAACO,MAAM,KAAK,CAAC,IAAIH,KAAK,CAACG,MAAM,KAAK,CAAC,EAAE,OAAO,IAAI;EAE3D,oBACE,IAAA5B,WAAA,CAAA6B,IAAA,EAAA7B,WAAA,CAAA8B,QAAA;IAAAC,QAAA,GACGN,KAAK,CAACO,GAAG,CAAEC,IAAI,iBACd,IAAAjC,WAAA,CAAAkC,GAAA,EAACC,eAAe;MAAeF,IAAI,EAAEA;IAAK,GAApBA,IAAI,CAACG,EAAiB,CAC7C,CAAC,EACDf,OAAO,CAACO,MAAM,KAAK,CAAC,GAAG,IAAI,gBAC1B,IAAA5B,WAAA,CAAAkC,GAAA,EAACtC,SAAA,CAAAyC,MAAM;MAAAN,QAAA,eAGL,IAAA/B,WAAA,CAAAkC,GAAA,EAACvC,MAAA,CAAA2C,WAAW;QAAAP,QAAA,EACTV,OAAO,CAACW,GAAG,CAAEO,MAAM,iBAClB,IAAAvC,WAAA,CAAAkC,GAAA,EAACM,kBAAkB;UAEjBD,MAAM,EAAEA;UACR;UACA;UACA;UAAA;UACAE,MAAM,EAAEhB,KAAK,CAACiB,IAAI,CAAET,IAAI,IAAKA,IAAI,CAACG,EAAE,KAAKG,MAAM,CAACH,EAAE;QAAE,GAL/CG,MAAM,CAACH,EAMb,CACF;MAAC,CACS;IAAC,CACR,CACT;EAAA,CACD,CAAC;AAEP;AAEAhB,gBAAgB,CAACuB,WAAW,GAAG,kBAAkB;;AAEjD;AACA,SAASR,eAAeA,CAAC;EAAEF;AAA8B,CAAC,EAAE;EAC1D,MAAM;IAAEW,OAAO;IAAEC,UAAU;IAAEC,WAAW;IAAEC,cAAc;IAAEC,kBAAkB;IAAEC;EAAS,CAAC,GAAGhB,IAAI,CAACiB,MAAM;EACtG,oBAAO,IAAAC,sBAAY,eACjB,IAAAnD,WAAA,CAAAkC,GAAA,EAACrC,aAAA,CAAAuD,YAAY;IACXR,OAAO,EAAEA,OAAQ;IACjBC,UAAU,EAAEA,UAAW;IACvBC,WAAW,EAAEA,WAAY;IACzBC,cAAc,EAAEA,cAAe;IAC/BC,kBAAkB,EAAEA,kBAAmB;IACvCC,QAAQ,EAAEA,QAAS;IACnBI,KAAK,EAAEC,uBAAU,CAACC;EAAa,CAChC,CAAC,EACFtB,IAAI,CAACuB,OACP,CAAC;AACH;;AAEA;AACA;AACA;AACA;AACA,SAAShB,kBAAkBA,CAAC;EAAED,MAAM;EAAEE;AAAiD,CAAC,EAAE;EACxF,MAAM;IAAEL,EAAE;IAAEqB,IAAI;IAAEC,EAAE;IAAEC,QAAQ;IAAEf,OAAO;IAAEgB,YAAY;IAAEf,UAAU;IAAEgB,WAAW;IAAEC;EAAU,CAAC,GAAGvB,MAAM;EAEpG,IAAAwB,gBAAS,EAAC,MAAM;IACd,IAAAC,2BAAoB,EAAC5B,EAAE,CAAC;EAC1B,CAAC,EAAE,CAACA,EAAE,CAAC,CAAC;EAER,MAAM6B,OAAO,GAAGR,IAAI,CAACS,CAAC,GAAGR,EAAE,CAACQ,CAAC;EAC7B,MAAMC,OAAO,GAAGV,IAAI,CAACW,CAAC,GAAGV,EAAE,CAACU,CAAC;;EAE7B;EACA;EACA;EACA;EACA,MAAMC,QAAQ,GAAG,IAAAC,uCAAgB,EAC/B,OAAO;IACLC,SAAS,EAAE,CACT;MAAEC,UAAU,EAAE,IAAAC,kCAAW,EAACd,QAAQ,CAACe,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAACT,OAAO,EAAE,CAAC,CAAC;IAAE,CAAC,EACjE;MAAEU,UAAU,EAAE,IAAAF,kCAAW,EAACd,QAAQ,CAACe,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAACP,OAAO,EAAE,CAAC,CAAC;IAAE,CAAC,CAClE;IACDS,KAAK,EAAE,IAAAH,kCAAW,EAACd,QAAQ,CAACe,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAACjB,IAAI,CAACmB,KAAK,EAAElB,EAAE,CAACkB,KAAK,CAAC,CAAC;IAClEC,MAAM,EAAE,IAAAJ,kCAAW,EAACd,QAAQ,CAACe,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAACjB,IAAI,CAACoB,MAAM,EAAEnB,EAAE,CAACmB,MAAM,CAAC;EACtE,CAAC,CAAC,EACF,CAAClB,QAAQ,EAAEM,OAAO,EAAEE,OAAO,EAAEV,IAAI,CAACmB,KAAK,EAAEnB,IAAI,CAACoB,MAAM,EAAEnB,EAAE,CAACkB,KAAK,EAAElB,EAAE,CAACmB,MAAM,CAC3E,CAAC;EAED,MAAMC,GAAG,GAAG,CAACC,MAAM,CAACD,GAAG,EAAE;IAAEE,IAAI,EAAEtB,EAAE,CAACQ,CAAC;IAAEe,GAAG,EAAEvB,EAAE,CAACU,CAAC;IAAEc,YAAY,EAAEtB;EAAa,CAAC,EAAES,QAAQ,CAAC;;EAEzF;EACA;EACA,IAAI5B,MAAM,EAAE,oBAAO,IAAAzC,WAAA,CAAAkC,GAAA,EAACiD,gBAAgB;IAAC/C,EAAE,EAAEA,EAAG;IAACiB,KAAK,EAAEyB;EAAI,CAAE,CAAC;EAE3D,oBACE,IAAA9E,WAAA,CAAAkC,GAAA,EAACrC,aAAA,CAAAuD,YAAY;IACXR,OAAO,EAAEA,OAAQ;IACjBC,UAAU,EAAEA,UAAW;IACvBgB,WAAW,EAAEA;IACb;IACA;IACA;IAAA;IACAuB,QAAQ,EAAEtB;IACV;IAAA;IACAuB,aAAa,EAAC,MAAM;IACpBhC,KAAK,EAAEyB;EAAI,CACZ,CAAC;AAEN;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASK,gBAAgBA,CAAC;EAAE/C,EAAE;EAAEiB;AAAgD,CAAC,EAAE;EACjF,MAAM,CAACpB,IAAI,EAAEqD,OAAO,CAAC,GAAG,IAAAC,eAAQ,EAAc,IAAI,CAAC;EACnD,MAAMC,MAAM,GAAG,IAAAC,kBAAW,EAAEC,IAAiB,IAAKJ,OAAO,CAACI,IAAI,CAAC,EAAE,EAAE,CAAC;;EAEpE;EACA;EACA;EACA;EACA;EACA,IAAAC,sBAAe,EAAC,MAAM;IACpB,MAAMC,EAAE,GAAG3D,IAAqC;IAChD,IAAI2D,EAAE,KAAK,IAAI,EAAE,OAAOC,SAAS;IACjC,IAAAC,4BAAc,EAAC1D,EAAE,EAAEwD,EAAE,EAAEG,yBAAW,CAAC;IACnC,OAAO,MAAM,IAAAC,8BAAgB,EAAC5D,EAAE,EAAEwD,EAAE,EAAEG,yBAAW,CAAC;EACpD,CAAC,EAAE,CAAC3D,EAAE,EAAEH,IAAI,CAAC,CAAC;EAEd,oBAAO,IAAAjC,WAAA,CAAAkC,GAAA,EAACzC,sBAAA,CAAAkB,OAAQ,CAACsF,IAAI;IAACC,GAAG,EAAEV,MAAO;IAACnC,KAAK,EAAEA,KAAM;IAACgC,aAAa,EAAC;EAAM,CAAE,CAAC;AAC1E;AAEA,MAAMN,MAAM,GAAGzB,uBAAU,CAAC6C,MAAM,CAAC;EAC/BrB,GAAG,EAAE;IACHsB,QAAQ,EAAE,UAAU;IACpBC,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -64,6 +64,7 @@ const MediaSurface = exports.MediaSurface = /*#__PURE__*/(0, _react.memo)(functi
   style,
   contentFit = 'contain',
   surfaceType = 'textureView',
+  renderVideo,
   nativeControls = false,
   accessibilityLabel,
   pointerEvents,
@@ -83,10 +84,11 @@ const MediaSurface = exports.MediaSurface = /*#__PURE__*/(0, _react.memo)(functi
     if (flightId !== undefined) (0, _store.handOffFlight)(flightId);
   }, [flightId]);
   const still = content.kind === 'video' ? content.poster : content.uri;
-  // Loaded for the video arm only, and only when there is one — an image
-  // surface must never make an app resolve an optional native peer.
-  const expoVideo = content.kind === 'video' ? (0, _expoVideoModule.loadExpoVideo)() : null;
-  if (content.kind === 'video' && expoVideo === null) {
+  // Loaded for the video arm only, and only when Bloom is the one building the
+  // element — an image surface must never make an app resolve an optional
+  // native peer, and neither must a consumer that brought its own view.
+  const expoVideo = content.kind === 'video' && renderVideo === undefined ? (0, _expoVideoModule.loadExpoVideo)() : null;
+  if (content.kind === 'video' && renderVideo === undefined && expoVideo === null) {
     // Degrade to the poster rather than to nothing: a black hole where a video
     // should be reads as a broken app, a still frame reads as a video that has
     // not started. The warning is what makes the difference visible to the
@@ -118,7 +120,13 @@ 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, {
+    }), content.kind === 'video' && renderVideo !== undefined ? renderVideo({
+      player: detached ? null : content.player,
+      // The same style Bloom's own view gets, for the same reason: a
+      // replaced element that is not told its size paints at 300x150.
+      style: [_reactNative.StyleSheet.absoluteFill, styles.fillReplaced],
+      contentFit
+    }) : null, content.kind === 'video' && renderVideo === undefined && expoVideo !== null ? /*#__PURE__*/(0, _jsxRuntime.jsx)(expoVideo.VideoView, {
       player: detached ? null : content.player,
       contentFit: contentFit,
       surfaceType: mountedSurfaceType,

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","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":[]}
+{"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","renderVideo","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","player","fillReplaced","VideoView","onFirstFrameRender","displayName","MediaPoster","EmptyMediaSurface","empty","create","width","height","overflow","backgroundColor"],"sourceRoot":"../../../src","sources":["media-flight/MediaSurface.tsx"],"mappings":"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","ignoreList":[]}