@oxyhq/bloom 1.2.2 → 1.4.0

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

@@ -0,0 +1,82 @@
+"use strict";
+
+/**
+ * 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.
+ */
+import { useCallback, useLayoutEffect, useMemo, useRef, useState } from 'react';
+import { View } from 'react-native';
+import { HOST_RANK, claimMediaNode, releaseMediaNode } from "./media-node.web.js";
+import { handOffFlight, hasFlight, registerAnchor } from "./store.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export 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] = useState(null);
+  const setHost = useCallback(next => {
+    registerAnchor(id, next);
+    setNode(next);
+  }, [id]);
+  const render = useMemo(() => ({
+    content,
+    contentFit,
+    renderVideo,
+    nativeControls,
+    accessibilityLabel,
+    flightId
+  }), [content, contentFit, renderVideo, nativeControls, accessibilityLabel, flightId]);
+  const renderRef = 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.
+  useLayoutEffect(() => {
+    renderRef.current = render;
+    const el = node;
+    if (el !== null) claimMediaNode(id, el, 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.
+  useLayoutEffect(() => {
+    const el = node;
+    if (el === null) return undefined;
+    claimMediaNode(id, el, 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 (hasFlight(id)) handOffFlight(id);
+    return () => releaseMediaNode(id, el, HOST_RANK);
+  }, [id, node]);
+  return /*#__PURE__*/_jsx(View, {
+    ref: setHost,
+    style: style,
+    pointerEvents: pointerEvents
+  });
+}
+MediaFlightHost.displayName = 'MediaFlightHost';
+//# sourceMappingURL=MediaFlightHost.web.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useLayoutEffect","useMemo","useRef","useState","View","HOST_RANK","claimMediaNode","releaseMediaNode","handOffFlight","hasFlight","registerAnchor","jsx","_jsx","MediaFlightHost","id","content","style","contentFit","renderVideo","nativeControls","accessibilityLabel","pointerEvents","flightId","node","setNode","setHost","next","render","renderRef","current","el","undefined","ref","displayName"],"sourceRoot":"../../../src","sources":["media-flight/MediaFlightHost.web.tsx"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASA,WAAW,EAAEC,eAAe,EAAEC,OAAO,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AAC/E,SAASC,IAAI,QAAQ,cAAc;AAEnC,SACEC,SAAS,EACTC,cAAc,EACdC,gBAAgB,QAEX,qBAAkB;AACzB,SAASC,aAAa,EAAEC,SAAS,EAAEC,cAAc,QAAQ,YAAS;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGnE,OAAO,SAASC,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,GAAGrB,QAAQ,CAAc,IAAI,CAAC;EAEnD,MAAMsB,OAAO,GAAG1B,WAAW,CACxB2B,IAAiB,IAAK;IACrBhB,cAAc,CAACI,EAAE,EAAEY,IAAI,CAAC;IACxBF,OAAO,CAACE,IAAI,CAAC;EACf,CAAC,EACD,CAACZ,EAAE,CACL,CAAC;EAED,MAAMa,MAAM,GAAG1B,OAAO,CACpB,OAAO;IAAEc,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,MAAMM,SAAS,GAAG1B,MAAM,CAACyB,MAAM,CAAC;;EAEhC;EACA;EACA;EACA;EACA3B,eAAe,CAAC,MAAM;IACpB4B,SAAS,CAACC,OAAO,GAAGF,MAAM;IAC1B,MAAMG,EAAE,GAAGP,IAAqC;IAChD,IAAIO,EAAE,KAAK,IAAI,EAAExB,cAAc,CAACQ,EAAE,EAAEgB,EAAE,EAAEzB,SAAS,EAAEsB,MAAM,CAAC;EAC5D,CAAC,EAAE,CAACb,EAAE,EAAES,IAAI,EAAEI,MAAM,CAAC,CAAC;;EAEtB;EACA;EACA3B,eAAe,CAAC,MAAM;IACpB,MAAM8B,EAAE,GAAGP,IAAqC;IAChD,IAAIO,EAAE,KAAK,IAAI,EAAE,OAAOC,SAAS;IACjCzB,cAAc,CAACQ,EAAE,EAAEgB,EAAE,EAAEzB,SAAS,EAAEuB,SAAS,CAACC,OAAO,CAAC;IACpD;IACA;IACA;IACA;IACA;IACA,IAAIpB,SAAS,CAACK,EAAE,CAAC,EAAEN,aAAa,CAACM,EAAE,CAAC;IACpC,OAAO,MAAMP,gBAAgB,CAACO,EAAE,EAAEgB,EAAE,EAAEzB,SAAS,CAAC;EAClD,CAAC,EAAE,CAACS,EAAE,EAAES,IAAI,CAAC,CAAC;EAEd,oBAAOX,IAAA,CAACR,IAAI;IAAC4B,GAAG,EAAEP,OAAQ;IAACT,KAAK,EAAEA,KAAM;IAACK,aAAa,EAAEA;EAAc,CAAE,CAAC;AAC3E;AAEAR,eAAe,CAACoB,WAAW,GAAG,iBAAiB","ignoreList":[]}

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

@@ -128,8 +128,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/module/media-flight/MediaFlightLayer.js.map

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

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

@@ -0,0 +1,192 @@
+"use strict";
+
+/**
+ * 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.
+ */
+import { useCallback, useEffect, useLayoutEffect, useState, useSyncExternalStore } from 'react';
+import { StyleSheet } from 'react-native';
+import { createPortal } from 'react-dom';
+import Animated, { interpolate, useAnimatedStyle } from 'react-native-reanimated';
+import { OverlayRoot } from "../overlay/index.js";
+import { Portal } from "../portal/index.web.js";
+import { MediaSurface } from "./MediaSurface.js";
+import { FLIGHT_RANK, claimMediaNode, getMediaNodes, releaseMediaNode, subscribeToMediaNodes } from "./media-node.web.js";
+import { getFlights, notifySurfaceMounted, subscribeToFlights } from "./store.js";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+export function MediaFlightLayer() {
+  const flights = useSyncExternalStore(subscribeToFlights, getFlights, getFlights);
+  const nodes = useSyncExternalStore(subscribeToMediaNodes, getMediaNodes, getMediaNodes);
+  if (flights.length === 0 && nodes.length === 0) return null;
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [nodes.map(node => /*#__PURE__*/_jsx(SharedMediaNode, {
+      node: node
+    }, node.id)), flights.length === 0 ? null : /*#__PURE__*/_jsx(Portal, {
+      children: /*#__PURE__*/_jsx(OverlayRoot, {
+        children: flights.map(flight => /*#__PURE__*/_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__*/createPortal(/*#__PURE__*/_jsx(MediaSurface, {
+    content: content,
+    contentFit: contentFit,
+    renderVideo: renderVideo,
+    nativeControls: nativeControls,
+    accessibilityLabel: accessibilityLabel,
+    flightId: flightId,
+    style: 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;
+  useEffect(() => {
+    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 = useAnimatedStyle(() => ({
+    transform: [{
+      translateX: interpolate(progress.value, [0, 1], [originX, 0])
+    }, {
+      translateY: interpolate(progress.value, [0, 1], [originY, 0])
+    }],
+    width: interpolate(progress.value, [0, 1], [from.width, to.width]),
+    height: 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__*/_jsx(FlyingSharedNode, {
+    id: id,
+    style: box
+  });
+  return /*#__PURE__*/_jsx(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] = useState(null);
+  const setBox = 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.
+  useLayoutEffect(() => {
+    const el = node;
+    if (el === null) return undefined;
+    claimMediaNode(id, el, FLIGHT_RANK);
+    return () => releaseMediaNode(id, el, FLIGHT_RANK);
+  }, [id, node]);
+  return /*#__PURE__*/_jsx(Animated.View, {
+    ref: setBox,
+    style: style,
+    pointerEvents: "none"
+  });
+}
+const styles = StyleSheet.create({
+  box: {
+    position: 'absolute',
+    overflow: 'hidden'
+  }
+});
+//# sourceMappingURL=MediaFlightLayer.web.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useEffect","useLayoutEffect","useState","useSyncExternalStore","StyleSheet","createPortal","Animated","interpolate","useAnimatedStyle","OverlayRoot","Portal","MediaSurface","FLIGHT_RANK","claimMediaNode","getMediaNodes","releaseMediaNode","subscribeToMediaNodes","getFlights","notifySurfaceMounted","subscribeToFlights","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","MediaFlightLayer","flights","nodes","length","children","map","node","SharedMediaNode","id","flight","MediaFlightSurface","shared","some","displayName","content","contentFit","renderVideo","nativeControls","accessibilityLabel","flightId","render","style","absoluteFill","wrapper","from","to","progress","cornerRadius","surfaceType","unbinding","originX","x","originY","y","boxStyle","transform","translateX","value","translateY","width","height","box","styles","left","top","borderRadius","FlyingSharedNode","detached","pointerEvents","setNode","setBox","next","el","undefined","View","ref","create","position","overflow"],"sourceRoot":"../../../src","sources":["media-flight/MediaFlightLayer.web.tsx"],"mappings":";;AAAA;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;AACA,SACEA,WAAW,EACXC,SAAS,EACTC,eAAe,EACfC,QAAQ,EACRC,oBAAoB,QACf,OAAO;AACd,SAASC,UAAU,QAAmB,cAAc;AACpD,SAASC,YAAY,QAAQ,WAAW;AACxC,OAAOC,QAAQ,IAAIC,WAAW,EAAEC,gBAAgB,QAAQ,yBAAyB;AAEjF,SAASC,WAAW,QAAQ,qBAAY;AACxC,SAASC,MAAM,QAAQ,wBAAqB;AAC5C,SAASC,YAAY,QAAgC,mBAAgB;AACrE,SACEC,WAAW,EACXC,cAAc,EACdC,aAAa,EACbC,gBAAgB,EAChBC,qBAAqB,QAEhB,qBAAkB;AACzB,SAASC,UAAU,EAAEC,oBAAoB,EAAEC,kBAAkB,QAAQ,YAAS;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA,EAAAC,IAAA,IAAAC,KAAA;AAG/E,OAAO,SAASC,gBAAgBA,CAAA,EAAG;EACjC,MAAMC,OAAO,GAAGxB,oBAAoB,CAACgB,kBAAkB,EAAEF,UAAU,EAAEA,UAAU,CAAC;EAChF,MAAMW,KAAK,GAAGzB,oBAAoB,CAACa,qBAAqB,EAAEF,aAAa,EAAEA,aAAa,CAAC;EAEvF,IAAIa,OAAO,CAACE,MAAM,KAAK,CAAC,IAAID,KAAK,CAACC,MAAM,KAAK,CAAC,EAAE,OAAO,IAAI;EAE3D,oBACEJ,KAAA,CAAAF,SAAA;IAAAO,QAAA,GACGF,KAAK,CAACG,GAAG,CAAEC,IAAI,iBACdX,IAAA,CAACY,eAAe;MAAeD,IAAI,EAAEA;IAAK,GAApBA,IAAI,CAACE,EAAiB,CAC7C,CAAC,EACDP,OAAO,CAACE,MAAM,KAAK,CAAC,GAAG,IAAI,gBAC1BR,IAAA,CAACX,MAAM;MAAAoB,QAAA,eAGLT,IAAA,CAACZ,WAAW;QAAAqB,QAAA,EACTH,OAAO,CAACI,GAAG,CAAEI,MAAM,iBAClBd,IAAA,CAACe,kBAAkB;UAEjBD,MAAM,EAAEA;UACR;UACA;UACA;UAAA;UACAE,MAAM,EAAET,KAAK,CAACU,IAAI,CAAEN,IAAI,IAAKA,IAAI,CAACE,EAAE,KAAKC,MAAM,CAACD,EAAE;QAAE,GAL/CC,MAAM,CAACD,EAMb,CACF;MAAC,CACS;IAAC,CACR,CACT;EAAA,CACD,CAAC;AAEP;AAEAR,gBAAgB,CAACa,WAAW,GAAG,kBAAkB;;AAEjD;AACA,SAASN,eAAeA,CAAC;EAAED;AAA8B,CAAC,EAAE;EAC1D,MAAM;IAAEQ,OAAO;IAAEC,UAAU;IAAEC,WAAW;IAAEC,cAAc;IAAEC,kBAAkB;IAAEC;EAAS,CAAC,GAAGb,IAAI,CAACc,MAAM;EACtG,oBAAOzC,YAAY,cACjBgB,IAAA,CAACV,YAAY;IACX6B,OAAO,EAAEA,OAAQ;IACjBC,UAAU,EAAEA,UAAW;IACvBC,WAAW,EAAEA,WAAY;IACzBC,cAAc,EAAEA,cAAe;IAC/BC,kBAAkB,EAAEA,kBAAmB;IACvCC,QAAQ,EAAEA,QAAS;IACnBE,KAAK,EAAE3C,UAAU,CAAC4C;EAAa,CAChC,CAAC,EACFhB,IAAI,CAACiB,OACP,CAAC;AACH;;AAEA;AACA;AACA;AACA;AACA,SAASb,kBAAkBA,CAAC;EAAED,MAAM;EAAEE;AAAiD,CAAC,EAAE;EACxF,MAAM;IAAEH,EAAE;IAAEgB,IAAI;IAAEC,EAAE;IAAEC,QAAQ;IAAEZ,OAAO;IAAEa,YAAY;IAAEZ,UAAU;IAAEa,WAAW;IAAEC;EAAU,CAAC,GAAGpB,MAAM;EAEpGnC,SAAS,CAAC,MAAM;IACdkB,oBAAoB,CAACgB,EAAE,CAAC;EAC1B,CAAC,EAAE,CAACA,EAAE,CAAC,CAAC;EAER,MAAMsB,OAAO,GAAGN,IAAI,CAACO,CAAC,GAAGN,EAAE,CAACM,CAAC;EAC7B,MAAMC,OAAO,GAAGR,IAAI,CAACS,CAAC,GAAGR,EAAE,CAACQ,CAAC;;EAE7B;EACA;EACA;EACA;EACA,MAAMC,QAAQ,GAAGpD,gBAAgB,CAC/B,OAAO;IACLqD,SAAS,EAAE,CACT;MAAEC,UAAU,EAAEvD,WAAW,CAAC6C,QAAQ,CAACW,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAACP,OAAO,EAAE,CAAC,CAAC;IAAE,CAAC,EACjE;MAAEQ,UAAU,EAAEzD,WAAW,CAAC6C,QAAQ,CAACW,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAACL,OAAO,EAAE,CAAC,CAAC;IAAE,CAAC,CAClE;IACDO,KAAK,EAAE1D,WAAW,CAAC6C,QAAQ,CAACW,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAACb,IAAI,CAACe,KAAK,EAAEd,EAAE,CAACc,KAAK,CAAC,CAAC;IAClEC,MAAM,EAAE3D,WAAW,CAAC6C,QAAQ,CAACW,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAACb,IAAI,CAACgB,MAAM,EAAEf,EAAE,CAACe,MAAM,CAAC;EACtE,CAAC,CAAC,EACF,CAACd,QAAQ,EAAEI,OAAO,EAAEE,OAAO,EAAER,IAAI,CAACe,KAAK,EAAEf,IAAI,CAACgB,MAAM,EAAEf,EAAE,CAACc,KAAK,EAAEd,EAAE,CAACe,MAAM,CAC3E,CAAC;EAED,MAAMC,GAAG,GAAG,CAACC,MAAM,CAACD,GAAG,EAAE;IAAEE,IAAI,EAAElB,EAAE,CAACM,CAAC;IAAEa,GAAG,EAAEnB,EAAE,CAACQ,CAAC;IAAEY,YAAY,EAAElB;EAAa,CAAC,EAAEO,QAAQ,CAAC;;EAEzF;EACA;EACA,IAAIvB,MAAM,EAAE,oBAAOhB,IAAA,CAACmD,gBAAgB;IAACtC,EAAE,EAAEA,EAAG;IAACa,KAAK,EAAEoB;EAAI,CAAE,CAAC;EAE3D,oBACE9C,IAAA,CAACV,YAAY;IACX6B,OAAO,EAAEA,OAAQ;IACjBC,UAAU,EAAEA,UAAW;IACvBa,WAAW,EAAEA;IACb;IACA;IACA;IAAA;IACAmB,QAAQ,EAAElB;IACV;IAAA;IACAmB,aAAa,EAAC,MAAM;IACpB3B,KAAK,EAAEoB;EAAI,CACZ,CAAC;AAEN;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASK,gBAAgBA,CAAC;EAAEtC,EAAE;EAAEa;AAAgD,CAAC,EAAE;EACjF,MAAM,CAACf,IAAI,EAAE2C,OAAO,CAAC,GAAGzE,QAAQ,CAAc,IAAI,CAAC;EACnD,MAAM0E,MAAM,GAAG7E,WAAW,CAAE8E,IAAiB,IAAKF,OAAO,CAACE,IAAI,CAAC,EAAE,EAAE,CAAC;;EAEpE;EACA;EACA;EACA;EACA;EACA5E,eAAe,CAAC,MAAM;IACpB,MAAM6E,EAAE,GAAG9C,IAAqC;IAChD,IAAI8C,EAAE,KAAK,IAAI,EAAE,OAAOC,SAAS;IACjClE,cAAc,CAACqB,EAAE,EAAE4C,EAAE,EAAElE,WAAW,CAAC;IACnC,OAAO,MAAMG,gBAAgB,CAACmB,EAAE,EAAE4C,EAAE,EAAElE,WAAW,CAAC;EACpD,CAAC,EAAE,CAACsB,EAAE,EAAEF,IAAI,CAAC,CAAC;EAEd,oBAAOX,IAAA,CAACf,QAAQ,CAAC0E,IAAI;IAACC,GAAG,EAAEL,MAAO;IAAC7B,KAAK,EAAEA,KAAM;IAAC2B,aAAa,EAAC;EAAM,CAAE,CAAC;AAC1E;AAEA,MAAMN,MAAM,GAAGhE,UAAU,CAAC8E,MAAM,CAAC;EAC/Bf,GAAG,EAAE;IACHgB,QAAQ,EAAE,UAAU;IACpBC,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -56,6 +56,7 @@ export const MediaSurface = /*#__PURE__*/memo(function MediaSurface({
   style,
   contentFit = 'contain',
   surfaceType = 'textureView',
+  renderVideo,
   nativeControls = false,
   accessibilityLabel,
   pointerEvents,
@@ -75,10 +76,11 @@ export const MediaSurface = /*#__PURE__*/memo(function MediaSurface({
     if (flightId !== undefined) 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' ? 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 ? 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
@@ -110,7 +112,13 @@ export const MediaSurface = /*#__PURE__*/memo(function MediaSurface({
       ,
       onLoad: content.kind === 'video' ? undefined : reportLive,
       ...webDraggableProps
-    }), content.kind === 'video' && expoVideo !== null ? /*#__PURE__*/_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: [StyleSheet.absoluteFill, styles.fillReplaced],
+      contentFit
+    }) : null, content.kind === 'video' && renderVideo === undefined && expoVideo !== null ? /*#__PURE__*/_jsx(expoVideo.VideoView, {
       player: detached ? null : content.player,
       contentFit: contentFit,
       surfaceType: mountedSurfaceType,

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

@@ -1 +1 @@
-{"version":3,"names":["memo","useCallback","useState","Platform","StyleSheet","View","Image","Animated","handOffFlight","loadExpoVideo","warnExpoVideoUnavailable","jsx","_jsx","jsxs","_jsxs","webDraggableProps","OS","draggable","MediaSurface","content","style","contentFit","surfaceType","nativeControls","accessibilityLabel","pointerEvents","flightId","detached","mountedSurfaceType","reportLive","undefined","still","kind","poster","uri","expoVideo","styles","box","children","source","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":["memo","useCallback","useState","Platform","StyleSheet","View","Image","Animated","handOffFlight","loadExpoVideo","warnExpoVideoUnavailable","jsx","_jsx","jsxs","_jsxs","webDraggableProps","OS","draggable","MediaSurface","content","style","contentFit","surfaceType","renderVideo","nativeControls","accessibilityLabel","pointerEvents","flightId","detached","mountedSurfaceType","reportLive","undefined","still","kind","poster","uri","expoVideo","styles","box","children","source","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":[]}

package/lib/module/media-flight/index.js

@@ -1,6 +1,7 @@
 "use strict";
 
-export { MediaFlightLayer } from "./MediaFlightLayer.js";
+export { MediaFlightLayer } from './MediaFlightLayer';
+export { MediaFlightHost } from './MediaFlightHost';
 export { MediaSurface, MediaPoster, EmptyMediaSurface } from "./MediaSurface.js";
 export { useMediaFlight } from "./use-media-flight.js";
 export { DEFAULT_FLIGHT_CORNER_RADIUS, flightProgress, handOffFlight, hasFlight, releaseFlight, resetMediaFlight } from "./store.js";

package/lib/module/media-flight/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["MediaFlightLayer","MediaSurface","MediaPoster","EmptyMediaSurface","useMediaFlight","DEFAULT_FLIGHT_CORNER_RADIUS","flightProgress","handOffFlight","hasFlight","releaseFlight","resetMediaFlight","SURFACE_MOUNT_TIMEOUT_MS","loadExpoVideo","warnExpoVideoUnavailable","provideExpoVideo","resetExpoVideoModule"],"sourceRoot":"../../../src","sources":["media-flight/index.ts"],"mappings":";;AAAA,SAASA,gBAAgB,QAAQ,uBAAoB;AACrD,SAASC,YAAY,EAAEC,WAAW,EAAEC,iBAAiB,QAAQ,mBAAgB;AAC7E,SAASC,cAAc,QAAQ,uBAAoB;AACnD,SACEC,4BAA4B,EAC5BC,cAAc,EACdC,aAAa,EACbC,SAAS,EACTC,aAAa,EACbC,gBAAgB,QACX,YAAS;AAChB,SAASC,wBAAwB,QAAQ,gBAAa;AACtD,SACEC,aAAa,EACbC,wBAAwB,EACxBC,gBAAgB,EAChBC,oBAAoB,QAMf,wBAAqB","ignoreList":[]}
+{"version":3,"names":["MediaFlightLayer","MediaFlightHost","MediaSurface","MediaPoster","EmptyMediaSurface","useMediaFlight","DEFAULT_FLIGHT_CORNER_RADIUS","flightProgress","handOffFlight","hasFlight","releaseFlight","resetMediaFlight","SURFACE_MOUNT_TIMEOUT_MS","loadExpoVideo","warnExpoVideoUnavailable","provideExpoVideo","resetExpoVideoModule"],"sourceRoot":"../../../src","sources":["media-flight/index.ts"],"mappings":";;AAAA,SAASA,gBAAgB,QAAQ,oBAAoB;AACrD,SAASC,eAAe,QAAQ,mBAAmB;AACnD,SAASC,YAAY,EAAEC,WAAW,EAAEC,iBAAiB,QAAQ,mBAAgB;AAC7E,SAASC,cAAc,QAAQ,uBAAoB;AACnD,SACEC,4BAA4B,EAC5BC,cAAc,EACdC,aAAa,EACbC,SAAS,EACTC,aAAa,EACbC,gBAAgB,QACX,YAAS;AAChB,SAASC,wBAAwB,QAAQ,gBAAa;AACtD,SACEC,aAAa,EACbC,wBAAwB,EACxBC,gBAAgB,EAChBC,oBAAoB,QAMf,wBAAqB","ignoreList":[]}

package/lib/module/media-flight/index.web.js

@@ -0,0 +1,19 @@
+"use strict";
+
+/**
+ * The web barrel, which exists to NAME the `.web` siblings.
+ *
+ * Export conditions do not apply to relative specifiers, so a bundler that is
+ * not Metro reaches `MediaFlightLayer.web.tsx` and `MediaFlightHost.web.tsx`
+ * only because this file spells them out. Those two are the whole web fork of
+ * this family: the layer that paints each shared media node once, and the host
+ * that claims it. Everything else below is the same module on both platforms.
+ */
+export { MediaFlightLayer } from "./MediaFlightLayer.web.js";
+export { MediaFlightHost } from "./MediaFlightHost.web.js";
+export { MediaSurface, MediaPoster, EmptyMediaSurface } from "./MediaSurface.js";
+export { useMediaFlight } from "./use-media-flight.js";
+export { DEFAULT_FLIGHT_CORNER_RADIUS, flightProgress, handOffFlight, hasFlight, releaseFlight, resetMediaFlight } from "./store.js";
+export { SURFACE_MOUNT_TIMEOUT_MS } from "./constants.js";
+export { loadExpoVideo, warnExpoVideoUnavailable, provideExpoVideo, resetExpoVideoModule } from "./expo-video-module.js";
+//# sourceMappingURL=index.web.js.map

package/lib/module/media-flight/index.web.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["MediaFlightLayer","MediaFlightHost","MediaSurface","MediaPoster","EmptyMediaSurface","useMediaFlight","DEFAULT_FLIGHT_CORNER_RADIUS","flightProgress","handOffFlight","hasFlight","releaseFlight","resetMediaFlight","SURFACE_MOUNT_TIMEOUT_MS","loadExpoVideo","warnExpoVideoUnavailable","provideExpoVideo","resetExpoVideoModule"],"sourceRoot":"../../../src","sources":["media-flight/index.web.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASA,gBAAgB,QAAQ,2BAAwB;AACzD,SAASC,eAAe,QAAQ,0BAAuB;AACvD,SAASC,YAAY,EAAEC,WAAW,EAAEC,iBAAiB,QAAQ,mBAAgB;AAC7E,SAASC,cAAc,QAAQ,uBAAoB;AACnD,SACEC,4BAA4B,EAC5BC,cAAc,EACdC,aAAa,EACbC,SAAS,EACTC,aAAa,EACbC,gBAAgB,QACX,YAAS;AAChB,SAASC,wBAAwB,QAAQ,gBAAa;AACtD,SACEC,aAAa,EACbC,wBAAwB,EACxBC,gBAAgB,EAChBC,oBAAoB,QAMf,wBAAqB","ignoreList":[]}