react-native-screen-transitions 3.9.0-alpha.2 → 3.9.0-beta.0

package/lib/module/shared/components/boundary/portal/components/portal.js

@@ -1,191 +1,265 @@
 "use strict";
 
 import { memo, useCallback, useLayoutEffect, useState } from "react";
-import Animated, { runOnJS, useAnimatedProps, useAnimatedReaction, useAnimatedStyle, useSharedValue } from "react-native-reanimated";
+import Animated, { runOnJS, runOnUI, useAnimatedProps, useAnimatedReaction, useSharedValue } from "react-native-reanimated";
+import { EPSILON } from "../../../../constants";
 import { useDescriptorsStore } from "../../../../providers/screen/descriptors";
 import { useScreenSlots } from "../../../../providers/screen/styles";
+import { useRegisteredScreenSlots } from "../../../../providers/screen/styles/stores/slot-references.store";
 import { AnimationStore } from "../../../../stores/animation.store";
-import { getLinkKeyFromTag } from "../../../../stores/bounds/helpers/link-pairs.helpers";
-import { getLink } from "../../../../stores/bounds/internals/links";
 import { pairs } from "../../../../stores/bounds/internals/state";
-import { createTransitionAwareComponent } from "../../../create-transition-aware-component";
-import { getHostCapturesScroll, useActiveHostKey } from "../stores/host-registry.store";
-import { mountPortalBoundaryHost, unmountPortalBoundaryHost } from "../stores/portal-boundary-host.store";
+import { logger } from "../../../../utils/logger";
+import { usePlaceholderStyles } from "../hooks/use-placeholder-styles";
+import { useActiveHostKey } from "../stores/host-registry.store";
+import { dropStalePortalBoundaryHosts, mountPortalBoundaryHost, unmountPortalBoundaryHost } from "../stores/portal-boundary-host.store";
 import { isTeleportAvailable, NativePortal } from "../teleport";
-import { resolvePortalAttachmentTargets } from "../utils/attachment";
-import { createPortalBoundaryHostName, PORTAL_HOST_NAME_RESET_VALUE } from "../utils/naming";
-import { isTeleportEnabled } from "../utils/teleport-control";
-import { jsx as _jsx } from "react/jsx-runtime";
-const TransitionAwareTeleport = NativePortal ? createTransitionAwareComponent(NativePortal) : null;
+import { createBoundaryLocalPortalHostName, createPortalBoundaryHostName, PORTAL_HOST_NAME_RESET_VALUE } from "../utils/naming";
+import { canSwitchBoundaryLocalHandoffImmediately, resolveBoundaryPortalOwnership } from "../utils/ownership";
+import { shallowEqual } from "../utils/shallow-equal";
+import { shouldAttachBoundaryPortal } from "../utils/teleport-control";
+import { resolveNextVisiblePortalHostName } from "../utils/visible-host";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const AnimatedNativePortal = NativePortal ? Animated.createAnimatedComponent(NativePortal) : null;
 export const Portal = /*#__PURE__*/memo(function Portal({
-  id = "my-id",
+  id,
   children,
-  mode = false,
-  placeholderRef
+  handoff = false,
+  escapeClipping = false,
+  placeholderRef,
+  placeholderChildren
 }) {
-  // Teleporting requires the optional `react-native-teleport` peer. Without it,
-  // a portal-enabled boundary degrades to inline rendering (the `return
-  // children` path below).
-  const isPortalEnabled = !!mode && isTeleportAvailable;
-  const portalAttachTarget = !mode || mode === true ? "current-screen" : mode.attachTo ?? "current-screen";
-  const {
-    slotsMap
-  } = useScreenSlots();
+  // Teleporting requires the optional `react-native-teleport` peer and a stable
+  // `id` to name the boundary host. Missing either degrades to inline rendering
+  // (the `return children` path below).
+  const isPortalEnabled = (handoff || escapeClipping) && isTeleportAvailable && id !== undefined;
+  if (__DEV__ && (handoff || escapeClipping) && id === undefined) {
+    logger.warnOnce("portal:missing-id", "A handoff or escapeClipping boundary was rendered without an id; rendering inline.");
+  }
+  const boundaryId = id ?? "";
+  const ownScreenSlots = useScreenSlots();
   const sourcePairKey = useDescriptorsStore(s => s.derivations.sourcePairKey);
   const currentScreenKey = useDescriptorsStore(s => s.derivations.currentScreenKey);
-  const nextScreenKey = useDescriptorsStore(s => s.derivations.nextScreenKey);
-  const [attachment, setAttachment] = useState(PORTAL_HOST_NAME_RESET_VALUE);
-  const attachedHostName = useSharedValue(PORTAL_HOST_NAME_RESET_VALUE);
-  const placeholderWidth = useSharedValue(0);
-  const placeholderHeight = useSharedValue(0);
+  const [ownership, setOwnership] = useState(null);
+  const styleOwnerScreenKey = ownership?.ownerScreenKey ?? currentScreenKey;
+  const ownerScreenSlots = useRegisteredScreenSlots(styleOwnerScreenKey);
+  const activeScreenSlots = ownerScreenSlots ?? ownScreenSlots;
   const {
-    progressScreenKey,
-    targetScreenKey
-  } = resolvePortalAttachmentTargets({
-    attachment,
-    currentScreenKey,
-    nextScreenKey,
-    portalAttachTarget,
-    sourcePairKey
-  });
-  const activeHostKey = useActiveHostKey(targetScreenKey);
-  const activeHostCapturesScroll = activeHostKey ? getHostCapturesScroll(activeHostKey) : false;
-  const progress = AnimationStore.getValue(progressScreenKey ?? "", "transitionProgress");
-  const closing = AnimationStore.getValue(progressScreenKey ?? "", "closing");
-  const updatePortalAttachment = useCallback((matchedScreenKey, pairKey) => {
-    if (matchedScreenKey && pairKey) {
-      setAttachment(current => {
-        if (current?.matchedScreenKey === matchedScreenKey && current.pairKey === pairKey) {
+    localStylesMaps: activeLocalStylesMaps,
+    nextInterpolatorReady: activeNextInterpolatorReady,
+    slotsMap: activeSlotsMap
+  } = activeScreenSlots;
+  const requestedPortalHostName = useSharedValue(null);
+  const visiblePortalHostName = useSharedValue(null);
+  const canSwitchPortalHostImmediately = useSharedValue(0);
+  const targetScreenKey = ownership ? ownership.hostScreenKey : null;
+  const settledHostScreenKey = ownership?.hostScreenKey ?? null;
+  const settledHostProgress = AnimationStore.getValue(settledHostScreenKey ?? currentScreenKey, "progressSettled");
+  const settledHostAnimating = AnimationStore.getValue(settledHostScreenKey ?? currentScreenKey, "progressAnimating");
+  const settledHostClosing = AnimationStore.getValue(settledHostScreenKey ?? currentScreenKey, "closing");
+  const settledHostVisualProgress = AnimationStore.getValue(settledHostScreenKey ?? currentScreenKey, "visualProgress");
+  const activeHostKey = useActiveHostKey(escapeClipping ? targetScreenKey : null);
+  const boundaryLocalHostName = handoff && !escapeClipping && targetScreenKey ? createBoundaryLocalPortalHostName(targetScreenKey, boundaryId) : null;
+  const updatePortalOwnership = useCallback((hostScreenKey, ownerPairKey, ownerScreenKey) => {
+    if (hostScreenKey && ownerPairKey && ownerScreenKey) {
+      setOwnership(current => {
+        if (current?.hostScreenKey === hostScreenKey && current.ownerPairKey === ownerPairKey && current.ownerScreenKey === ownerScreenKey) {
           return current;
         }
         return {
-          matchedScreenKey,
-          pairKey
+          hostScreenKey,
+          ownerPairKey,
+          ownerScreenKey,
+          status: "complete"
         };
       });
       return;
     }
-    setAttachment(current => current ? null : current);
+    setOwnership(current => current ? null : current);
   }, []);
   useLayoutEffect(() => {
-    if (!isPortalEnabled || !attachment || !activeHostKey || !targetScreenKey) {
-      attachedHostName.set(PORTAL_HOST_NAME_RESET_VALUE);
+    if (!isPortalEnabled || !ownership || !targetScreenKey) {
+      requestedPortalHostName.set(null);
+      visiblePortalHostName.set(null);
+      unmountPortalBoundaryHost(boundaryId);
       return;
     }
+    if (boundaryLocalHostName) {
+      requestedPortalHostName.set(boundaryLocalHostName);
+      unmountPortalBoundaryHost(boundaryId);
+      return;
+    }
+    if (!escapeClipping || !activeHostKey) {
+      requestedPortalHostName.set(null);
+      visiblePortalHostName.set(null);
+      unmountPortalBoundaryHost(boundaryId);
+      return;
+    }
+    const portalHostName = createPortalBoundaryHostName(activeHostKey, boundaryId, ownership.ownerPairKey);
     mountPortalBoundaryHost({
-      boundaryId: id,
-      capturesScroll: activeHostCapturesScroll,
+      boundaryId,
+      escapeClipping,
       hostKey: activeHostKey,
-      pairKey: attachment.pairKey,
-      screenKey: targetScreenKey
+      localStylesMaps: activeLocalStylesMaps,
+      pairKey: ownership.ownerPairKey,
+      portalHostName,
+      screenKey: targetScreenKey,
+      slotsMap: activeSlotsMap
     });
 
-    // The native registry parks portals whose host has not registered yet and
-    // re-parents the moment it does, so the host name can be handed over
-    // immediately — ordering belongs to the registry, not to frame counting.
-    // hostName rides animated props, so the handover needs no React commit.
-    attachedHostName.set(createPortalBoundaryHostName(activeHostKey, id));
-  }, [activeHostKey, activeHostCapturesScroll, attachedHostName, attachment, id, isPortalEnabled, targetScreenKey]);
+    // Request the new receiver immediately, but keep the currently visible
+    // receiver until the new interpolator is ready. This avoids a no-host gap
+    // during A -> B(closing) -> C(opening) spam retargets.
+    requestedPortalHostName.set(portalHostName);
+  }, [activeHostKey, boundaryId, escapeClipping, isPortalEnabled, activeLocalStylesMaps, activeSlotsMap, ownership, boundaryLocalHostName, requestedPortalHostName, targetScreenKey, visiblePortalHostName]);
   useLayoutEffect(() => {
     return () => {
-      attachedHostName.set(PORTAL_HOST_NAME_RESET_VALUE);
-      unmountPortalBoundaryHost(id);
+      requestedPortalHostName.set(null);
+      visiblePortalHostName.set(null);
+      unmountPortalBoundaryHost(boundaryId);
     };
-  }, [attachedHostName, id]);
+  }, [boundaryId, requestedPortalHostName, visiblePortalHostName]);
   useAnimatedReaction(() => {
     "worklet";
 
     if (!isPortalEnabled || !sourcePairKey) {
-      return null;
-    }
-    pairs.get();
-    // Strict per-member lookup: getResolvedLink's group fallback borrows
-    // the initial member's link for style resolution, which would make
-    // every inactive group member's portal see a "complete" link and
-    // attach. A portal may only teleport on its OWN member's link.
-    const link = getLink(sourcePairKey, id);
-    if (link?.status !== "complete") {
-      return null;
+      return {
+        hostScreenKey: null,
+        ownerPairKey: sourcePairKey,
+        ownerScreenKey: null,
+        status: "clear"
+      };
     }
+    return resolveBoundaryPortalOwnership({
+      boundaryId,
+      currentScreenKey,
+      escapeClipping,
+      handoff,
+      isSettledHostClosingComplete: !!settledHostClosing.get() && settledHostVisualProgress.get() <= EPSILON,
+      isSettledHostReady: settledHostProgress.get() === 1 && settledHostAnimating.get() === 0,
+      pairsState: pairs.get(),
+      settledHostScreenKey,
+      sourcePairKey
+    });
+  }, (signal, previousSignal) => {
+    "worklet";
 
-    // Grouped portals teleport only while their member is the group's
-    // active id — retargeting detaches the previous member (its content
-    // returns home) and attaches the new one. Exactly one grouped member
-    // is teleported at a time.
-    if (link.group) {
-      const activeId = pairs.get()[sourcePairKey]?.groups?.[link.group]?.activeId;
-      if (activeId && activeId !== getLinkKeyFromTag(id)) {
-        return null;
+    if (shallowEqual(previousSignal, signal)) {
+      return;
+    }
+    if (!handoff || escapeClipping) {
+      canSwitchPortalHostImmediately.set(0);
+    } else if (signal.status === "pending") {
+      canSwitchPortalHostImmediately.set(0);
+      return;
+    } else {
+      const hostScreenKey = signal.status === "complete" ? signal.hostScreenKey : null;
+      let previousOwnerPairKey;
+      if (previousSignal?.status === "complete") {
+        previousOwnerPairKey = previousSignal.ownerPairKey ?? undefined;
+      }
+      const canSwitchImmediately = canSwitchBoundaryLocalHandoffImmediately({
+        hostScreenKey,
+        ownerPairKey: signal.status === "complete" ? signal.ownerPairKey : undefined,
+        previousOwnerPairKey
+      });
+      canSwitchPortalHostImmediately.set(canSwitchImmediately ? 1 : 0);
+      if (canSwitchImmediately && hostScreenKey) {
+        const hostName = createBoundaryLocalPortalHostName(hostScreenKey, boundaryId);
+        requestedPortalHostName.set(hostName);
+        visiblePortalHostName.set(hostName);
       }
     }
-    return link.destination.screenKey;
-  }, (matchedScreenKey, previousMatchedScreenKey) => {
+    runOnJS(updatePortalOwnership)(signal.hostScreenKey, signal.ownerPairKey, signal.ownerScreenKey ?? undefined);
+  });
+  useAnimatedReaction(() => {
+    "worklet";
+
+    const slot = activeSlotsMap.get()[boundaryId];
+    const teleport = slot?.props?.teleport;
+    const shouldTeleport = shouldAttachBoundaryPortal({
+      enabled: isPortalEnabled,
+      teleport
+    });
+    const requestedName = requestedPortalHostName.get();
+    const visibleName = visiblePortalHostName.get();
+    const isInterpolatorReady = activeNextInterpolatorReady.get();
+    const nextVisibleName = resolveNextVisiblePortalHostName({
+      canSwitchImmediately: canSwitchPortalHostImmediately.get() === 1,
+      isInterpolatorReady: isInterpolatorReady === 1,
+      requestedName,
+      shouldTeleport,
+      visibleName
+    });
+    return {
+      isInterpolatorReady,
+      nextVisibleName,
+      requestedName,
+      shouldTeleport,
+      teleport,
+      visibleName
+    };
+  }, (state, previousState) => {
     "worklet";
 
-    if (matchedScreenKey === previousMatchedScreenKey) {
+    if (shallowEqual(previousState, state)) {
       return;
     }
-    runOnJS(updatePortalAttachment)(matchedScreenKey, sourcePairKey);
+    if (state.nextVisibleName !== state.visibleName) {
+      visiblePortalHostName.set(state.nextVisibleName);
+      return;
+    }
+
+    // Visible receiver has caught up to the request: GC the superseded hosts.
+    if (state.visibleName && state.visibleName === state.requestedName) {
+      runOnJS(dropStalePortalBoundaryHosts)({
+        boundaryId,
+        keepPortalHostName: state.visibleName
+      });
+    }
   });
   const teleportProps = useAnimatedProps(() => {
     "worklet";
 
-    // Opening waits for the destination transition to start so content is not
-    // re-parented before the host is visually ready. Closing stays attached
-    // through progress 0 so the final frame can land in the matched host.
-    const attachThreshold = closing.get() === 1 ? 0 : 0.001;
+    const slot = activeSlotsMap.get()[boundaryId];
     const {
       teleport,
       ...slotProps
-    } = slotsMap.get()[id]?.props ?? {};
-    const shouldTeleport = isTeleportEnabled(teleport);
+    } = slot?.props ?? {};
+    const shouldTeleport = shouldAttachBoundaryPortal({
+      enabled: isPortalEnabled,
+      teleport
+    });
+    const visibleName = visiblePortalHostName.get();
     return {
       // Preserve portal slot props from the interpolator while keeping
-      // hostName owned by the attachment gate below.
+      // hostName owned by the attachment gate below. Handoff
+      // waits until the receiving interpolator owns styles for the same host;
+      // after that, it stays attached until teleport is disabled or retargeted.
       ...slotProps,
-      hostName: shouldTeleport && progress.get() >= attachThreshold ? attachedHostName.get() : PORTAL_HOST_NAME_RESET_VALUE
+      hostName: shouldTeleport && visibleName ? visibleName : PORTAL_HOST_NAME_RESET_VALUE
     };
   });
-
-  // Pin the placeholder to its measured size while content lives in the host,
-  // in the same UI frame the host name flips — no commit in between. Until the
-  // first layout lands (dims 0) sizing stays natural so an instant attach
-  // cannot collapse the slot.
-  const placeholderStyle = useAnimatedStyle(() => {
-    "worklet";
-
-    const hostName = attachedHostName.get();
-    const isAttached = hostName !== null;
-    const width = placeholderWidth.get();
-    const height = placeholderHeight.get();
-    if (!isAttached || width === 0) {
-      return {
-        width: "auto",
-        height: "auto"
-      };
-    }
-    return {
-      width,
-      height
-    };
+  const {
+    handleOnLayout,
+    placeholderStyle
+  } = usePlaceholderStyles({
+    visiblePortalHostName
   });
-  if (isPortalEnabled && TransitionAwareTeleport) {
-    return /*#__PURE__*/_jsx(Animated.View, {
+  if (isPortalEnabled && AnimatedNativePortal) {
+    return /*#__PURE__*/_jsxs(Animated.View, {
       ref: placeholderRef,
-      onLayout: event => {
-        placeholderWidth.set(event.nativeEvent.layout.width);
-        placeholderHeight.set(event.nativeEvent.layout.height);
-      },
+      onLayout: ({
+        nativeEvent: {
+          layout
+        }
+      }) => runOnUI(handleOnLayout)(layout),
       style: placeholderStyle,
       collapsable: false,
-      children: /*#__PURE__*/_jsx(TransitionAwareTeleport, {
+      children: [placeholderChildren, /*#__PURE__*/_jsx(AnimatedNativePortal, {
         animatedProps: teleportProps,
-        name: id,
-        children: /*#__PURE__*/_jsx(Animated.View, {
-          style: placeholderStyle,
-          children: children
-        })
-      })
+        name: boundaryId,
+        children: children
+      })]
     });
   }
   return children;

package/lib/module/shared/components/boundary/portal/components/portal.js.map

@@ -1 +1 @@
-{"version":3,"names":["memo","useCallback","useLayoutEffect","useState","Animated","runOnJS","useAnimatedProps","useAnimatedReaction","useAnimatedStyle","useSharedValue","useDescriptorsStore","useScreenSlots","AnimationStore","getLinkKeyFromTag","getLink","pairs","createTransitionAwareComponent","getHostCapturesScroll","useActiveHostKey","mountPortalBoundaryHost","unmountPortalBoundaryHost","isTeleportAvailable","NativePortal","resolvePortalAttachmentTargets","createPortalBoundaryHostName","PORTAL_HOST_NAME_RESET_VALUE","isTeleportEnabled","jsx","_jsx","TransitionAwareTeleport","Portal","id","children","mode","placeholderRef","isPortalEnabled","portalAttachTarget","attachTo","slotsMap","sourcePairKey","s","derivations","currentScreenKey","nextScreenKey","attachment","setAttachment","attachedHostName","placeholderWidth","placeholderHeight","progressScreenKey","targetScreenKey","activeHostKey","activeHostCapturesScroll","progress","getValue","closing","updatePortalAttachment","matchedScreenKey","pairKey","current","set","boundaryId","capturesScroll","hostKey","screenKey","get","link","status","group","activeId","groups","destination","previousMatchedScreenKey","teleportProps","attachThreshold","teleport","slotProps","props","shouldTeleport","hostName","placeholderStyle","isAttached","width","height","View","ref","onLayout","event","nativeEvent","layout","style","collapsable","animatedProps","name"],"sourceRoot":"../../../../../../../src","sources":["shared/components/boundary/portal/components/portal.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["memo","useCallback","useLayoutEffect","useState","Animated","runOnJS","runOnUI","useAnimatedProps","useAnimatedReaction","useSharedValue","EPSILON","useDescriptorsStore","useScreenSlots","useRegisteredScreenSlots","AnimationStore","pairs","logger","usePlaceholderStyles","useActiveHostKey","dropStalePortalBoundaryHosts","mountPortalBoundaryHost","unmountPortalBoundaryHost","isTeleportAvailable","NativePortal","createBoundaryLocalPortalHostName","createPortalBoundaryHostName","PORTAL_HOST_NAME_RESET_VALUE","canSwitchBoundaryLocalHandoffImmediately","resolveBoundaryPortalOwnership","shallowEqual","shouldAttachBoundaryPortal","resolveNextVisiblePortalHostName","jsx","_jsx","jsxs","_jsxs","AnimatedNativePortal","createAnimatedComponent","Portal","id","children","handoff","escapeClipping","placeholderRef","placeholderChildren","isPortalEnabled","undefined","__DEV__","warnOnce","boundaryId","ownScreenSlots","sourcePairKey","s","derivations","currentScreenKey","ownership","setOwnership","styleOwnerScreenKey","ownerScreenKey","ownerScreenSlots","activeScreenSlots","localStylesMaps","activeLocalStylesMaps","nextInterpolatorReady","activeNextInterpolatorReady","slotsMap","activeSlotsMap","requestedPortalHostName","visiblePortalHostName","canSwitchPortalHostImmediately","targetScreenKey","hostScreenKey","settledHostScreenKey","settledHostProgress","getValue","settledHostAnimating","settledHostClosing","settledHostVisualProgress","activeHostKey","boundaryLocalHostName","updatePortalOwnership","ownerPairKey","current","status","set","portalHostName","hostKey","pairKey","screenKey","isSettledHostClosingComplete","get","isSettledHostReady","pairsState","signal","previousSignal","previousOwnerPairKey","canSwitchImmediately","hostName","slot","teleport","props","shouldTeleport","enabled","requestedName","visibleName","isInterpolatorReady","nextVisibleName","state","previousState","keepPortalHostName","teleportProps","slotProps","handleOnLayout","placeholderStyle","View","ref","onLayout","nativeEvent","layout","style","collapsable","animatedProps","name"],"sourceRoot":"../../../../../../../src","sources":["shared/components/boundary/portal/components/portal.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/shared/components/boundary/portal/hooks/use-host-measurement.js

@@ -1,11 +1,12 @@
 "use strict";
 
 import { useLayoutEffect, useState } from "react";
-import { measure, runOnJS, runOnUI, useAnimatedReaction, useAnimatedRef, useSharedValue } from "react-native-reanimated";
+import { cancelAnimation, measure, runOnJS, runOnUI, useAnimatedReaction, useAnimatedRef, useSharedValue, withDelay, withTiming } from "react-native-reanimated";
 import { useOriginContext } from "../../../../providers/screen/origin.provider";
 import { ScrollStore } from "../../../../stores/scroll.store";
 import { adjustedMeasuredBoundsForOverscrollDeltas, normalizeMeasuredBoundsToOrigin } from "../../utils/measured-bounds";
 import { clearPortalHostBounds, setPortalHostBounds } from "../stores/host-bounds.store";
+const HOST_MEASUREMENT_RETRY_DELAY_MS = 16;
 export const useHostMeasurement = ({
   capturesScroll,
   enabled,
@@ -19,24 +20,35 @@ export const useHostMeasurement = ({
     originRef
   } = useOriginContext();
   const hasMeasuredHost = useSharedValue(false);
+  const retryToken = useSharedValue(0);
   useAnimatedReaction(() => {
     "worklet";
 
     if (!enabled) {
       return null;
     }
-    return hasMeasuredHost.get();
-  }, hasAlreadyMeasured => {
+    return [hasMeasuredHost.get(), retryToken.get()];
+  }, state => {
     "worklet";
 
+    if (!state) {
+      cancelAnimation(retryToken);
+      return;
+    }
+    const [hasAlreadyMeasured] = state;
     if (!enabled || hasAlreadyMeasured) {
       return;
     }
     const measured = measure(hostRef);
     const measuredOrigin = measure(originRef);
     if (!measured || !measuredOrigin) {
+      cancelAnimation(retryToken);
+      retryToken.set(withDelay(HOST_MEASUREMENT_RETRY_DELAY_MS, withTiming(retryToken.get() + 1, {
+        duration: 0
+      })));
       return;
     }
+    cancelAnimation(retryToken);
     hasMeasuredHost.set(true);
 
     // A measurement taken mid rubber-band would bake the transient

package/lib/module/shared/components/boundary/portal/hooks/use-host-measurement.js.map

@@ -1 +1 @@
-{"version":3,"names":["useLayoutEffect","useState","measure","runOnJS","runOnUI","useAnimatedReaction","useAnimatedRef","useSharedValue","useOriginContext","ScrollStore","adjustedMeasuredBoundsForOverscrollDeltas","normalizeMeasuredBoundsToOrigin","clearPortalHostBounds","setPortalHostBounds","useHostMeasurement","capturesScroll","enabled","hostKey","screenKey","hostRef","scrollMetadata","getValue","canRenderHosts","setCanRenderHosts","originRef","hasMeasuredHost","get","hasAlreadyMeasured","measured","measuredOrigin","set","currentScroll","overscrollNormalized","normalizedMeasured","x","y","width","height","pageX","pageY","scroll"],"sourceRoot":"../../../../../../../src","sources":["shared/components/boundary/portal/hooks/use-host-measurement.ts"],"mappings":";;AAAA,SAASA,eAAe,EAAEC,QAAQ,QAAQ,OAAO;AAEjD,SACCC,OAAO,EACPC,OAAO,EACPC,OAAO,EACPC,mBAAmB,EACnBC,cAAc,EACdC,cAAc,QACR,yBAAyB;AAChC,SAASC,gBAAgB,QAAQ,8CAA8C;AAC/E,SAASC,WAAW,QAAQ,iCAAiC;AAC7D,SACCC,yCAAyC,EACzCC,+BAA+B,QACzB,6BAA6B;AACpC,SACCC,qBAAqB,EACrBC,mBAAmB,QACb,6BAA6B;AASpC,OAAO,MAAMC,kBAAkB,GAAGA,CAAC;EAClCC,cAAc;EACdC,OAAO;EACPC,OAAO;EACPC;AACyB,CAAC,KAAK;EAC/B,MAAMC,OAAO,GAAGb,cAAc,CAAO,CAAC;EACtC,MAAMc,cAAc,GAAGX,WAAW,CAACY,QAAQ,CAACH,SAAS,EAAE,UAAU,CAAC;EAClE,MAAM,CAACI,cAAc,EAAEC,iBAAiB,CAAC,GAAGtB,QAAQ,CAAU,KAAK,CAAC;EACpE,MAAM;IAAEuB;EAAU,CAAC,GAAGhB,gBAAgB,CAAC,CAAC;EACxC,MAAMiB,eAAe,GAAGlB,cAAc,CAAC,KAAK,CAAC;EAE7CF,mBAAmB,CAClB,MAAM;IACL,SAAS;;IACT,IAAI,CAACW,OAAO,EAAE;MACb,OAAO,IAAI;IACZ;IAEA,OAAOS,eAAe,CAACC,GAAG,CAAC,CAAC;EAC7B,CAAC,EACAC,kBAAkB,IAAK;IACvB,SAAS;;IACT,IAAI,CAACX,OAAO,IAAIW,kBAAkB,EAAE;MACnC;IACD;IAEA,MAAMC,QAAQ,GAAG1B,OAAO,CAACiB,OAAO,CAAC;IACjC,MAAMU,cAAc,GAAG3B,OAAO,CAACsB,SAAS,CAAC;IAEzC,IAAI,CAACI,QAAQ,IAAI,CAACC,cAAc,EAAE;MACjC;IACD;IAEAJ,eAAe,CAACK,GAAG,CAAC,IAAI,CAAC;;IAEzB;IACA;IACA;IACA,MAAMC,aAAa,GAAGX,cAAc,CAACM,GAAG,CAAC,CAAC;IAC1C,MAAMM,oBAAoB,GAAGjB,cAAc,GACxCL,yCAAyC,CAACkB,QAAQ,EAAEG,aAAa,CAAC,GAClEH,QAAQ;IAEX,MAAMK,kBAAkB,GAAGtB,+BAA+B,CACzDqB,oBAAoB,EACpBH,cACD,CAAC;IAEDhB,mBAAmB,CAACI,OAAO,EAAE;MAC5BiB,CAAC,EAAED,kBAAkB,CAACC,CAAC;MACvBC,CAAC,EAAEF,kBAAkB,CAACE,CAAC;MACvBC,KAAK,EAAEH,kBAAkB,CAACG,KAAK;MAC/BC,MAAM,EAAEJ,kBAAkB,CAACI,MAAM;MACjCC,KAAK,EAAEL,kBAAkB,CAACK,KAAK;MAC/BC,KAAK,EAAEN,kBAAkB,CAACM,KAAK;MAC/BC,MAAM,EAAEzB,cAAc,GAAGgB,aAAa,GAAG;IAC1C,CAAC,CAAC;IAEF5B,OAAO,CAACoB,iBAAiB,CAAC,CAAC,IAAI,CAAC;EACjC,CACD,CAAC;EAEDvB,eAAe,CAAC,MAAM;IACrB,OAAO,MAAM;MACZI,OAAO,CAACQ,qBAAqB,CAAC,CAACK,OAAO,CAAC;IACxC,CAAC;EACF,CAAC,EAAE,CAACA,OAAO,CAAC,CAAC;EAEb,OAAO;IACNK,cAAc;IACdH;EACD,CAAC;AACF,CAAC","ignoreList":[]}
+{"version":3,"names":["useLayoutEffect","useState","cancelAnimation","measure","runOnJS","runOnUI","useAnimatedReaction","useAnimatedRef","useSharedValue","withDelay","withTiming","useOriginContext","ScrollStore","adjustedMeasuredBoundsForOverscrollDeltas","normalizeMeasuredBoundsToOrigin","clearPortalHostBounds","setPortalHostBounds","HOST_MEASUREMENT_RETRY_DELAY_MS","useHostMeasurement","capturesScroll","enabled","hostKey","screenKey","hostRef","scrollMetadata","getValue","canRenderHosts","setCanRenderHosts","originRef","hasMeasuredHost","retryToken","get","state","hasAlreadyMeasured","measured","measuredOrigin","set","duration","currentScroll","overscrollNormalized","normalizedMeasured","x","y","width","height","pageX","pageY","scroll"],"sourceRoot":"../../../../../../../src","sources":["shared/components/boundary/portal/hooks/use-host-measurement.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/shared/components/boundary/portal/hooks/use-placeholder-styles.js

@@ -0,0 +1,52 @@
+"use strict";
+
+import { useCallback } from "react";
+import { useAnimatedStyle, useSharedValue } from "react-native-reanimated";
+export const usePlaceholderStyles = ({
+  visiblePortalHostName
+}) => {
+  const placeholderWidth = useSharedValue(0);
+  const placeholderHeight = useSharedValue(0);
+  // Pin the placeholder to its measured size while content lives in the host,
+  // in the same UI frame the host name flips — no commit in between. Until the
+  // first layout lands (dims 0) sizing stays natural so an instant attach
+  // cannot collapse the slot.
+  const placeholderStyle = useAnimatedStyle(() => {
+    "worklet";
+
+    const isAttached = visiblePortalHostName.get() !== null;
+    const width = placeholderWidth.get();
+    const height = placeholderHeight.get();
+    if (!isAttached || width === 0) {
+      return {
+        width: "auto",
+        height: "auto"
+      };
+    }
+    return {
+      width,
+      height
+    };
+  });
+  const handleOnLayout = useCallback(layout => {
+    "worklet";
+
+    const {
+      width,
+      height
+    } = layout;
+    if (width === 0 || height === 0) {
+      return;
+    }
+    const hasValidDimensions = placeholderHeight.get() !== 0 && placeholderWidth.get() !== 0;
+    if (!hasValidDimensions) {
+      placeholderWidth.set(width);
+      placeholderHeight.set(height);
+    }
+  }, [placeholderHeight, placeholderWidth]);
+  return {
+    placeholderStyle,
+    handleOnLayout
+  };
+};
+//# sourceMappingURL=use-placeholder-styles.js.map

package/lib/module/shared/components/boundary/portal/hooks/use-placeholder-styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useAnimatedStyle","useSharedValue","usePlaceholderStyles","visiblePortalHostName","placeholderWidth","placeholderHeight","placeholderStyle","isAttached","get","width","height","handleOnLayout","layout","hasValidDimensions","set"],"sourceRoot":"../../../../../../../src","sources":["shared/components/boundary/portal/hooks/use-placeholder-styles.ts"],"mappings":";;AAAA,SAASA,WAAW,QAAQ,OAAO;AAEnC,SAECC,gBAAgB,EAChBC,cAAc,QACR,yBAAyB;AAMhC,OAAO,MAAMC,oBAAoB,GAAGA,CAAC;EACpCC;AACoB,CAAC,KAAK;EAC1B,MAAMC,gBAAgB,GAAGH,cAAc,CAAC,CAAC,CAAC;EAC1C,MAAMI,iBAAiB,GAAGJ,cAAc,CAAC,CAAC,CAAC;EAC3C;EACA;EACA;EACA;EACA,MAAMK,gBAAgB,GAAGN,gBAAgB,CAAC,MAAM;IAC/C,SAAS;;IACT,MAAMO,UAAU,GAAGJ,qBAAqB,CAACK,GAAG,CAAC,CAAC,KAAK,IAAI;IACvD,MAAMC,KAAK,GAAGL,gBAAgB,CAACI,GAAG,CAAC,CAAC;IACpC,MAAME,MAAM,GAAGL,iBAAiB,CAACG,GAAG,CAAC,CAAC;IAEtC,IAAI,CAACD,UAAU,IAAIE,KAAK,KAAK,CAAC,EAAE;MAC/B,OAAO;QAAEA,KAAK,EAAE,MAAM;QAAEC,MAAM,EAAE;MAAO,CAAC;IACzC;IAEA,OAAO;MAAED,KAAK;MAAEC;IAAO,CAAC;EACzB,CAAC,CAAC;EAEF,MAAMC,cAAc,GAAGZ,WAAW,CAChCa,MAAuB,IAAK;IAC5B,SAAS;;IACT,MAAM;MAAEH,KAAK;MAAEC;IAAO,CAAC,GAAGE,MAAM;IAChC,IAAIH,KAAK,KAAK,CAAC,IAAIC,MAAM,KAAK,CAAC,EAAE;MAChC;IACD;IAEA,MAAMG,kBAAkB,GACvBR,iBAAiB,CAACG,GAAG,CAAC,CAAC,KAAK,CAAC,IAAIJ,gBAAgB,CAACI,GAAG,CAAC,CAAC,KAAK,CAAC;IAE9D,IAAI,CAACK,kBAAkB,EAAE;MACxBT,gBAAgB,CAACU,GAAG,CAACL,KAAK,CAAC;MAC3BJ,iBAAiB,CAACS,GAAG,CAACJ,MAAM,CAAC;IAC9B;EACD,CAAC,EACD,CAACL,iBAAiB,EAAED,gBAAgB,CACrC,CAAC;EAED,OAAO;IAAEE,gBAAgB;IAAEK;EAAe,CAAC;AAC5C,CAAC","ignoreList":[]}