react-native-grab 1.0.0 → 1.1.1

package/dist/cjs/react-native/grab-overlay.js

@@ -5,37 +5,50 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const react_native_1 = require("react-native");
 const containers_1 = require("./containers");
-const measure_1 = require("./measure");
-const dev_menu_1 = require("./dev-menu");
-const description_1 = require("./description");
 const copy_1 = require("./copy");
-const full_screen_overlay_1 = require("./full-screen-overlay");
+const context_menu_1 = require("./context-menu");
+const grab_colors_1 = require("./grab-colors");
 const grab_controller_1 = require("./grab-controller");
+const description_1 = require("./description");
+const get_rendered_by_1 = require("./get-rendered-by");
+const measure_1 = require("./measure");
+const open_1 = require("./open");
 const COPY_BADGE_DURATION_MS = 1600;
-const CALLSTACK_PRIMARY = "#8232FF";
-const HIGHLIGHT_FILL = "rgba(130, 50, 255, 0.2)";
-const BADGE_BACKGROUND = "rgba(130, 50, 255, 0.92)";
-const ReactNativeGrabOverlay = () => {
+const ReactNativeGrabOverlay = ({ ownerId, onPanHandlersChange, }) => {
+    const isResolvedSelectionOwner = (0, containers_1.useIsResolvedGrabSelectionOwner)(ownerId);
     const copyBadgeTimeoutRef = (0, react_1.useRef)(null);
+    const [bounds, setBounds] = (0, react_1.useState)({ width: 0, height: 0 });
     const [state, setState] = (0, react_1.useState)({
         isSessionEnabled: false,
         grabbedElement: null,
         isCopyBadgeVisible: false,
+        selectedElement: null,
     });
     const startSession = (0, react_1.useCallback)(() => {
         setState((prev) => ({
             ...prev,
             grabbedElement: null,
             isSessionEnabled: true,
+            selectedElement: null,
         }));
     }, []);
     const stopSession = (0, react_1.useCallback)(() => {
         setState((prev) => ({
             ...prev,
-            grabbedElement: null,
             isSessionEnabled: false,
+            grabbedElement: null,
         }));
     }, []);
+    const closeSelectedElementMenu = (0, react_1.useCallback)(() => {
+        (0, grab_controller_1.hideGrabSelectionMenu)(ownerId);
+        setState((prev) => {
+            return {
+                ...prev,
+                selectedElement: null,
+                grabbedElement: null,
+            };
+        });
+    }, [ownerId]);
     (0, react_1.useEffect)(() => {
         return () => {
             if (copyBadgeTimeoutRef.current) {
@@ -60,30 +73,38 @@ const ReactNativeGrabOverlay = () => {
         }, COPY_BADGE_DURATION_MS);
     }, []);
     (0, react_1.useEffect)(() => {
-        (0, grab_controller_1.setEnableGrabbingHandler)(startSession);
-        return () => {
-            (0, grab_controller_1.setEnableGrabbingHandler)(null);
-        };
-    }, [startSession]);
-    (0, dev_menu_1.useDevMenu)(startSession);
-    const getElementAtPoint = (nativePageX, nativePageY) => {
-        const appRootShadowNode = (0, containers_1.getAppRootShadowNode)();
-        const focusedScreenShadowNode = (0, containers_1.getFocusedScreenShadowNode)();
-        const appRootBoundingClientRect = (0, measure_1.measureInWindow)(appRootShadowNode);
-        const focusedScreenBoundingClientRect = (0, measure_1.measureInWindow)(focusedScreenShadowNode);
-        let focusedScreenOffsetY = focusedScreenBoundingClientRect[1];
-        let focusedScreenHeight = focusedScreenBoundingClientRect[3];
-        let appRootHeight = appRootBoundingClientRect[3];
-        const offset = appRootHeight - focusedScreenHeight - focusedScreenOffsetY;
-        const pageX = nativePageX;
-        const pageY = nativePageY - (appRootHeight - focusedScreenHeight);
-        const internalNode = (0, measure_1.findNodeAtPoint)(focusedScreenShadowNode, pageX, pageY);
+        if (isResolvedSelectionOwner) {
+            return;
+        }
+        (0, grab_controller_1.clearGrabOwnerPresentation)(ownerId);
+        setState((prev) => {
+            if (!prev.isSessionEnabled && !prev.grabbedElement && !prev.selectedElement) {
+                return prev;
+            }
+            return {
+                ...prev,
+                isSessionEnabled: false,
+                grabbedElement: null,
+                selectedElement: null,
+            };
+        });
+    }, [isResolvedSelectionOwner, ownerId]);
+    const getElementAtPoint = (pageX, pageY) => {
+        const owner = (0, containers_1.getGrabSelectionOwner)(ownerId);
+        if (!owner) {
+            return null;
+        }
+        const internalNode = (0, measure_1.findNodeAtPoint)(owner.shadowNode, pageX, pageY);
         const shadowNode = internalNode?.stateNode?.node;
         if (!shadowNode) {
             return null;
         }
+        const ownerRect = (0, measure_1.measureInWindow)(owner.shadowNode);
         const rect = nativeFabricUIManager.getBoundingClientRect(shadowNode, true);
-        return { fiberNode: internalNode, rect: [rect[0], rect[1] + offset, rect[2], rect[3]] };
+        return {
+            fiberNode: internalNode,
+            rect: [rect[0] - ownerRect[0], rect[1] - ownerRect[1], rect[2], rect[3]],
+        };
     };
     const handleTouch = (nativeEvent) => {
         const result = getElementAtPoint(nativeEvent.pageX, nativeEvent.pageY);
@@ -93,11 +114,40 @@ const ReactNativeGrabOverlay = () => {
         }
         updateGrabbedElement(result);
     };
-    const handleGrabbing = async (result) => {
-        const description = await (0, description_1.getDescription)(result.fiberNode);
-        console.log("[react-native-grab] Description:", description);
-        await (0, copy_1.copyViaMetro)(description);
-    };
+    const handleGrabbing = (0, react_1.useCallback)(async (result) => {
+        const [description, renderedBy] = await Promise.all([
+            (0, description_1.getDescription)(result.fiberNode),
+            (0, get_rendered_by_1.getRenderedBy)(result.fiberNode),
+        ]);
+        const firstFrame = renderedBy.find((frame) => Boolean(frame.file)) ?? null;
+        const elementName = (0, description_1.getGrabSelectionTitle)(result.fiberNode, renderedBy);
+        setState((prev) => ({
+            ...prev,
+            grabbedElement: result,
+            selectedElement: {
+                description,
+                elementName,
+                frame: firstFrame,
+                result,
+            },
+        }));
+        (0, grab_controller_1.showGrabSelectionMenu)(ownerId);
+    }, [ownerId]);
+    (0, react_1.useEffect)(() => {
+        (0, grab_controller_1.registerLocalGrabSelectionController)(ownerId, {
+            closeSelectionMenu: () => {
+                closeSelectedElementMenu();
+            },
+            startSelection: startSession,
+            stopSelection: () => {
+                closeSelectedElementMenu();
+                stopSession();
+            },
+        });
+        return () => {
+            (0, grab_controller_1.unregisterLocalGrabSelectionController)(ownerId);
+        };
+    }, [closeSelectedElementMenu, ownerId, startSession, stopSession]);
     const panResponder = (0, react_1.useRef)(react_native_1.PanResponder.create({
         onStartShouldSetPanResponderCapture: () => true,
         onMoveShouldSetPanResponderCapture: () => true,
@@ -111,32 +161,105 @@ const ReactNativeGrabOverlay = () => {
                         return;
                     }
                     await handleGrabbing(result);
-                    showCopiedBadge();
                 }
                 catch {
-                    console.error("[react-native-grab] Copying failed. Ensure your Metro config is wrapped with withReactNativeGrab(...) and Metro has been restarted.");
+                    console.error("[react-native-grab] Grabbing failed.");
                 }
                 finally {
+                    (0, grab_controller_1.setGrabSelectionSessionOwner)(null);
                     stopSession();
                 }
             })();
         },
     })).current;
-    return ((0, jsx_runtime_1.jsx)(full_screen_overlay_1.FullScreenOverlay, { children: (0, jsx_runtime_1.jsxs)(react_native_1.View, { pointerEvents: "box-none", style: styles.overlayRoot, children: [state.isSessionEnabled && ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: [react_native_1.StyleSheet.absoluteFill], ...panResponder.panHandlers })), state.isSessionEnabled && ((0, jsx_runtime_1.jsx)(react_native_1.View, { pointerEvents: "none", style: styles.topBadge, children: (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: styles.topBadgeText, children: "Touch and move around to grab" }) })), state.isCopyBadgeVisible && ((0, jsx_runtime_1.jsx)(react_native_1.View, { pointerEvents: "none", style: styles.topBadge, children: (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: styles.topBadgeText, children: "Element copied" }) })), !!state.grabbedElement && ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: [
-                        {
-                            position: "absolute",
-                            left: state.grabbedElement.rect[0],
-                            top: state.grabbedElement.rect[1],
-                            width: state.grabbedElement.rect[2],
-                            height: state.grabbedElement.rect[3],
-                            pointerEvents: "none",
-                        },
-                        {
-                            backgroundColor: HIGHLIGHT_FILL,
-                            borderWidth: 1,
-                            borderColor: CALLSTACK_PRIMARY,
-                        },
-                    ] }))] }) }));
+    (0, react_1.useEffect)(() => {
+        onPanHandlersChange?.(state.isSessionEnabled ? panResponder.panHandlers : null);
+        return () => {
+            onPanHandlersChange?.(null);
+        };
+    }, [onPanHandlersChange, panResponder.panHandlers, state.isSessionEnabled]);
+    const handleCopySelectedElement = (0, react_1.useCallback)(async () => {
+        const selectedElement = state.selectedElement;
+        if (!selectedElement) {
+            return;
+        }
+        closeSelectedElementMenu();
+        try {
+            await (0, copy_1.copyViaMetro)(selectedElement.description);
+            showCopiedBadge();
+        }
+        catch {
+            console.error("[react-native-grab] Copying failed. Ensure your Metro config is wrapped with withReactNativeGrab(...) and Metro has been restarted.");
+        }
+    }, [closeSelectedElementMenu, showCopiedBadge, state.selectedElement]);
+    const handleOpenSelectedElement = (0, react_1.useCallback)(async () => {
+        const frame = state.selectedElement?.frame;
+        if (!frame?.file || frame.line == null) {
+            return;
+        }
+        closeSelectedElementMenu();
+        try {
+            await (0, open_1.openStackFrameInEditor)({
+                file: frame.file,
+                lineNumber: frame.line,
+            });
+        }
+        catch {
+            console.error("[react-native-grab] Opening editor failed.");
+        }
+    }, [closeSelectedElementMenu, state.selectedElement]);
+    const selectedElementMenuAnchor = (0, react_1.useMemo)(() => {
+        if (!state.selectedElement) {
+            return null;
+        }
+        const rect = state.selectedElement.result.rect;
+        return {
+            x: rect[0] + rect[2] / 2,
+            y: rect[1] + rect[3],
+        };
+    }, [state.selectedElement]);
+    const highlightedElement = state.grabbedElement ?? state.selectedElement?.result ?? null;
+    if (!state.isSessionEnabled &&
+        !state.isCopyBadgeVisible &&
+        !state.grabbedElement &&
+        !state.selectedElement) {
+        return null;
+    }
+    return ((0, jsx_runtime_1.jsxs)(react_native_1.View, { pointerEvents: "box-none", style: styles.overlayRoot, onLayout: (event) => {
+            const { width, height } = event.nativeEvent.layout;
+            setBounds((prev) => {
+                if (prev.width === width && prev.height === height) {
+                    return prev;
+                }
+                return { width, height };
+            });
+        }, children: [state.isSessionEnabled && ((0, jsx_runtime_1.jsx)(react_native_1.View, { pointerEvents: "none", style: styles.topBadge, children: (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: styles.topBadgeText, children: "Touch and move around to grab" }) })), state.isCopyBadgeVisible && ((0, jsx_runtime_1.jsx)(react_native_1.View, { pointerEvents: "none", style: styles.topBadge, children: (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: styles.topBadgeText, children: "Element copied" }) })), !!highlightedElement && ((0, jsx_runtime_1.jsx)(react_native_1.View, { pointerEvents: "none", style: [
+                    styles.highlight,
+                    {
+                        left: highlightedElement.rect[0],
+                        top: highlightedElement.rect[1],
+                        width: highlightedElement.rect[2],
+                        height: highlightedElement.rect[3],
+                    },
+                ] })), (0, jsx_runtime_1.jsxs)(context_menu_1.ContextMenu, { anchor: selectedElementMenuAnchor, bounds: bounds, cutout: state.selectedElement
+                    ? {
+                        x: state.selectedElement.result.rect[0],
+                        y: state.selectedElement.result.rect[1],
+                        width: state.selectedElement.result.rect[2],
+                        height: state.selectedElement.result.rect[3],
+                    }
+                    : null, horizontalAlignment: "center", offset: { x: 0, y: 8 }, onClose: closeSelectedElementMenu, visible: state.selectedElement !== null, children: [(0, jsx_runtime_1.jsx)(react_native_1.View, { style: styles.selectionMenuHeader, children: (0, jsx_runtime_1.jsx)(react_native_1.Text, { adjustsFontSizeToFit: true, minimumFontScale: 0.65, numberOfLines: 1, style: styles.selectionMenuTitle, children: state.selectedElement?.elementName }) }), (0, jsx_runtime_1.jsxs)(react_native_1.View, { style: styles.selectionMenuActions, children: [(0, jsx_runtime_1.jsx)(react_native_1.Pressable, { accessibilityRole: "button", onPress: () => void handleCopySelectedElement(), style: ({ pressed }) => [
+                                    styles.selectionMenuActionButton,
+                                    pressed && styles.selectionMenuActionButtonPressed,
+                                ], children: (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: styles.selectionMenuActionText, children: "Copy" }) }), (0, jsx_runtime_1.jsx)(react_native_1.View, { style: styles.selectionMenuActionDivider }), (0, jsx_runtime_1.jsx)(react_native_1.Pressable, { accessibilityRole: "button", disabled: !state.selectedElement?.frame?.file, onPress: () => void handleOpenSelectedElement(), style: ({ pressed }) => [
+                                    styles.selectionMenuActionButton,
+                                    pressed &&
+                                        state.selectedElement?.frame?.file &&
+                                        styles.selectionMenuActionButtonPressed,
+                                ], children: (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [
+                                        styles.selectionMenuActionText,
+                                        !state.selectedElement?.frame?.file && styles.selectionMenuActionTextDisabled,
+                                    ], children: "Open" }) })] })] })] }));
 };
 exports.ReactNativeGrabOverlay = ReactNativeGrabOverlay;
 const styles = react_native_1.StyleSheet.create({
@@ -151,12 +274,54 @@ const styles = react_native_1.StyleSheet.create({
         borderRadius: 999,
         paddingHorizontal: 14,
         paddingVertical: 8,
-        backgroundColor: BADGE_BACKGROUND,
+        backgroundColor: grab_colors_1.GRAB_BADGE_BACKGROUND,
     },
     topBadgeText: {
         color: "#FFFFFF",
         fontSize: 13,
         fontWeight: "600",
     },
+    highlight: {
+        position: "absolute",
+        backgroundColor: grab_colors_1.GRAB_HIGHLIGHT_FILL,
+        borderWidth: 1,
+        borderColor: grab_colors_1.GRAB_PRIMARY,
+    },
+    selectionMenuHeader: {
+        alignSelf: "stretch",
+        paddingHorizontal: 14,
+        paddingVertical: 12,
+    },
+    selectionMenuTitle: {
+        width: "100%",
+        color: "#111111",
+        fontSize: 14,
+        fontWeight: "600",
+    },
+    selectionMenuActions: {
+        flexDirection: "row",
+    },
+    selectionMenuActionButton: {
+        flex: 1,
+    },
+    selectionMenuActionButtonPressed: {
+        backgroundColor: "rgba(17, 17, 17, 0.06)",
+    },
+    selectionMenuActionDivider: {
+        width: react_native_1.StyleSheet.hairlineWidth,
+        backgroundColor: "rgba(17, 17, 17, 0.12)",
+    },
+    selectionMenuActionText: {
+        flex: 1,
+        paddingHorizontal: 14,
+        paddingVertical: 12,
+        color: "#111111",
+        fontSize: 14,
+        fontWeight: "500",
+        textAlign: "center",
+    },
+    selectionMenuActionTextDisabled: {
+        opacity: 0.4,
+    },
 });
 //# sourceMappingURL=grab-overlay.js.map

package/dist/cjs/react-native/grab-overlay.js.map

@@ -1 +1 @@
-{"version":3,"file":"grab-overlay.js","sourceRoot":"","sources":["../../../src/react-native/grab-overlay.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"grab-overlay.js","sourceRoot":"","sources":["../../../src/react-native/grab-overlay.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/react-native/grab-root-controls.js

@@ -0,0 +1,89 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ReactNativeGrabRootControls = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const react_native_1 = require("react-native");
+const dev_menu_1 = require("./dev-menu");
+const full_screen_overlay_1 = require("./full-screen-overlay");
+const grab_controller_1 = require("./grab-controller");
+const grab_control_bar_1 = require("./grab-control-bar");
+const BAR_HEIGHT = 36;
+const BAR_WIDTH = 108;
+const INITIAL_BAR_POSITION = {
+    x: (react_native_1.Dimensions.get("window").width - BAR_WIDTH) / 2,
+    y: 72,
+};
+const clamp = (value, min, max) => {
+    return Math.min(Math.max(value, min), max);
+};
+const ReactNativeGrabRootControls = () => {
+    const state = (0, grab_controller_1.useGrabControllerState)();
+    const controlBarPosition = (0, react_1.useRef)(new react_native_1.Animated.ValueXY(INITIAL_BAR_POSITION)).current;
+    const shouldResetControlBarPositionRef = (0, react_1.useRef)(false);
+    const isControlBarVisible = state.isMenuVisible && state.selectionSessionOwnerId === null && state.selectedOwnerId === null;
+    const toggleMenuVisibility = (0, react_1.useCallback)(() => {
+        shouldResetControlBarPositionRef.current = state.isMenuVisible;
+        (0, grab_controller_1.toggleGrabMenu)();
+    }, [state.isMenuVisible]);
+    const resetControlBarPosition = (0, react_1.useCallback)(() => {
+        if (!shouldResetControlBarPositionRef.current) {
+            return;
+        }
+        shouldResetControlBarPositionRef.current = false;
+        controlBarPosition.setValue(INITIAL_BAR_POSITION);
+    }, [controlBarPosition]);
+    (0, dev_menu_1.useDevMenu)(toggleMenuVisibility);
+    const dragHandlePanResponder = (0, react_1.useRef)(react_native_1.PanResponder.create({
+        onStartShouldSetPanResponder: () => true,
+        onMoveShouldSetPanResponder: (_, gestureState) => Math.abs(gestureState.dx) > 2 || Math.abs(gestureState.dy) > 2,
+        onPanResponderGrant: () => {
+            controlBarPosition.stopAnimation((value) => {
+                controlBarPosition.setOffset(value);
+                controlBarPosition.setValue({ x: 0, y: 0 });
+            });
+        },
+        onPanResponderMove: react_native_1.Animated.event([null, { dx: controlBarPosition.x, dy: controlBarPosition.y }], { useNativeDriver: false }),
+        onPanResponderRelease: () => {
+            controlBarPosition.flattenOffset();
+            controlBarPosition.stopAnimation((value) => {
+                const { width, height } = react_native_1.Dimensions.get("window");
+                controlBarPosition.setValue({
+                    x: clamp(value.x, 0, Math.max(0, width - BAR_WIDTH)),
+                    y: clamp(value.y, 0, Math.max(0, height - BAR_HEIGHT)),
+                });
+            });
+        },
+        onPanResponderTerminate: () => {
+            controlBarPosition.flattenOffset();
+            controlBarPosition.stopAnimation((value) => {
+                const { width, height } = react_native_1.Dimensions.get("window");
+                controlBarPosition.setValue({
+                    x: clamp(value.x, 0, Math.max(0, width - BAR_WIDTH)),
+                    y: clamp(value.y, 0, Math.max(0, height - BAR_HEIGHT)),
+                });
+            });
+        },
+    })).current;
+    const containerStyle = (0, react_1.useMemo)(() => [
+        styles.controlBar,
+        {
+            transform: controlBarPosition.getTranslateTransform(),
+        },
+    ], [controlBarPosition]);
+    return ((0, jsx_runtime_1.jsx)(full_screen_overlay_1.FullScreenOverlay, { children: (0, jsx_runtime_1.jsx)(react_native_1.View, { pointerEvents: "box-none", style: styles.overlayRoot, children: (0, jsx_runtime_1.jsx)(grab_control_bar_1.GrabControlBar, { containerStyle: containerStyle, dragHandlePanHandlers: dragHandlePanResponder.panHandlers, isSessionEnabled: state.selectionSessionOwnerId !== null, isVisible: isControlBarVisible, onHidden: resetControlBarPosition, onPressHide: toggleMenuVisibility, onPressSelect: grab_controller_1.enableGrabbing }) }) }));
+};
+exports.ReactNativeGrabRootControls = ReactNativeGrabRootControls;
+const styles = react_native_1.StyleSheet.create({
+    overlayRoot: {
+        ...react_native_1.StyleSheet.absoluteFillObject,
+        zIndex: 9999,
+    },
+    controlBar: {
+        position: "absolute",
+        top: 0,
+        left: 0,
+        zIndex: 2,
+    },
+});
+//# sourceMappingURL=grab-root-controls.js.map

package/dist/cjs/react-native/grab-root-controls.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grab-root-controls.js","sourceRoot":"","sources":["../../../src/react-native/grab-root-controls.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/react-native/grab-root.js

@@ -6,15 +6,21 @@ const react_1 = require("react");
 const react_native_1 = require("react-native");
 const containers_1 = require("./containers");
 const grab_overlay_1 = require("./grab-overlay");
+const grab_root_controls_1 = require("./grab-root-controls");
 const ReactNativeGrabRoot = ({ children, style, ...props }) => {
     const rootRef = (0, react_1.useRef)(null);
+    const ownerIdRef = (0, react_1.useRef)((0, containers_1.createGrabSelectionOwnerId)("root"));
+    const [panHandlers, setPanHandlers] = (0, react_1.useState)(null);
     (0, react_1.useEffect)(() => {
         if (!rootRef.current) {
             return;
         }
-        (0, containers_1.setAppRootRef)(rootRef.current);
+        (0, containers_1.registerGrabSelectionOwner)(ownerIdRef.current, "root", rootRef.current);
+        return () => {
+            (0, containers_1.unregisterGrabSelectionOwner)(ownerIdRef.current);
+        };
     }, []);
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_native_1.View, { ...props, ref: rootRef, style: [{ flex: 1 }, style], children: children }), (0, jsx_runtime_1.jsx)(grab_overlay_1.ReactNativeGrabOverlay, {})] }));
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(react_native_1.View, { ...props, ...(panHandlers ?? {}), collapsable: false, ref: rootRef, style: [{ flex: 1 }, style], children: [children, (0, jsx_runtime_1.jsx)(grab_overlay_1.ReactNativeGrabOverlay, { ownerId: ownerIdRef.current, onPanHandlersChange: setPanHandlers })] }), (0, jsx_runtime_1.jsx)(grab_root_controls_1.ReactNativeGrabRootControls, {})] }));
 };
 exports.ReactNativeGrabRoot = ReactNativeGrabRoot;
 //# sourceMappingURL=grab-root.js.map

package/dist/cjs/react-native/grab-root.js.map

@@ -1 +1 @@
-{"version":3,"file":"grab-root.js","sourceRoot":"","sources":["../../../src/react-native/grab-root.tsx"],"names":[],"mappings":";;;;AAAA,iCAA0C;AAC1C,+CAA+C;AAC/C,6CAA6C;AAC7C,iDAAwD;AAIjD,MAAM,mBAAmB,GAAG,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,KAAK,EAA4B,EAAE,EAAE;IAC7F,MAAM,OAAO,GAAG,IAAA,cAAM,EAAc,IAAI,CAAC,CAAC;IAE1C,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,CAAC;YACrB,OAAO;QACT,CAAC;QAED,IAAA,0BAAa,EAAC,OAAO,CAAC,OAAO,CAAC,CAAC;IACjC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,6DACE,uBAAC,mBAAI,OAAK,KAAK,EAAE,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,KAAK,CAAC,YACvD,QAAQ,GACJ,EAEP,uBAAC,qCAAsB,KAAG,IACzB,CACJ,CAAC;AACJ,CAAC,CAAC;AApBW,QAAA,mBAAmB,uBAoB9B"}
+{"version":3,"file":"grab-root.js","sourceRoot":"","sources":["../../../src/react-native/grab-root.tsx"],"names":[],"mappings":";;;;AAAA,iCAAoD;AACpD,+CAA8E;AAC9E,6CAIsB;AACtB,iDAAwD;AACxD,6DAAmE;AAI5D,MAAM,mBAAmB,GAAG,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,KAAK,EAA4B,EAAE,EAAE;IAC7F,MAAM,OAAO,GAAG,IAAA,cAAM,EAAc,IAAI,CAAC,CAAC;IAC1C,MAAM,UAAU,GAAG,IAAA,cAAM,EAAC,IAAA,uCAA0B,EAAC,MAAM,CAAC,CAAC,CAAC;IAC9D,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,EAAkC,IAAI,CAAC,CAAC;IAEtF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,CAAC;YACrB,OAAO;QACT,CAAC;QAED,IAAA,uCAA0B,EAAC,UAAU,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC;QACxE,OAAO,GAAG,EAAE;YACV,IAAA,yCAA4B,EAAC,UAAU,CAAC,OAAO,CAAC,CAAC;QACnD,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,6DACE,wBAAC,mBAAI,OACC,KAAK,KACL,CAAC,WAAW,IAAI,EAAE,CAAC,EACvB,WAAW,EAAE,KAAK,EAClB,GAAG,EAAE,OAAO,EACZ,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,KAAK,CAAC,aAE1B,QAAQ,EACT,uBAAC,qCAAsB,IAAC,OAAO,EAAE,UAAU,CAAC,OAAO,EAAE,mBAAmB,EAAE,cAAc,GAAI,IACvF,EAEP,uBAAC,gDAA2B,KAAG,IAC9B,CACJ,CAAC;AACJ,CAAC,CAAC;AAhCW,QAAA,mBAAmB,uBAgC9B"}

package/dist/cjs/react-native/grab-screen.js

@@ -5,31 +5,32 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const react_native_1 = require("react-native");
 const containers_1 = require("./containers");
-const getFocusEffectImpl = () => {
-    try {
-        return require("expo-router").useFocusEffect;
-    }
-    catch {
-        // Nothing we can do about it, it's not installed in the project.
-    }
-    try {
-        return require("@react-navigation/native").useFocusEffect;
-    }
-    catch {
-        // Nothing we can do about it, it's not installed in the project.
-    }
-    throw new Error("No useFocusEffect implementation found");
-};
-const useFocusEffect = getFocusEffectImpl();
-const ReactNativeGrabScreen = ({ children, style, ...props }) => {
+const focus_effect_1 = require("./focus-effect");
+const grab_overlay_1 = require("./grab-overlay");
+const useFocusEffect = (0, focus_effect_1.getFocusEffect)();
+const ReactNativeGrabScreen = ({ children, style, id, ...props }) => {
     const screenRef = (0, react_1.useRef)(null);
+    const ownerIdRef = (0, react_1.useRef)(id ?? (0, containers_1.createGrabSelectionOwnerId)("screen"));
+    const [panHandlers, setPanHandlers] = (0, react_1.useState)(null);
+    (0, react_1.useEffect)(() => {
+        if (!screenRef.current) {
+            return;
+        }
+        (0, containers_1.registerGrabSelectionOwner)(ownerIdRef.current, "screen", screenRef.current);
+        return () => {
+            (0, containers_1.unregisterGrabSelectionOwner)(ownerIdRef.current);
+        };
+    }, []);
     useFocusEffect((0, react_1.useCallback)(() => {
         if (!screenRef.current) {
             return;
         }
-        (0, containers_1.setFocusedScreenRef)(screenRef.current);
+        (0, containers_1.setGrabSelectionOwnerFocused)(ownerIdRef.current, true);
+        return () => {
+            (0, containers_1.clearGrabSelectionOwnerFocus)(ownerIdRef.current);
+        };
     }, []));
-    return ((0, jsx_runtime_1.jsx)(react_native_1.View, { ...props, ref: screenRef, style: [{ flex: 1 }, style], children: children }));
+    return ((0, jsx_runtime_1.jsxs)(react_native_1.View, { ...props, ...(panHandlers ?? {}), collapsable: false, ref: screenRef, style: [{ flex: 1 }, style], children: [children, (0, jsx_runtime_1.jsx)(grab_overlay_1.ReactNativeGrabOverlay, { ownerId: ownerIdRef.current, onPanHandlersChange: setPanHandlers })] }));
 };
 exports.ReactNativeGrabScreen = ReactNativeGrabScreen;
 //# sourceMappingURL=grab-screen.js.map

package/dist/cjs/react-native/grab-screen.js.map

@@ -1 +1 @@
-{"version":3,"file":"grab-screen.js","sourceRoot":"","sources":["../../../src/react-native/grab-screen.tsx"],"names":[],"mappings":";;;;AAAA,iCAA4C;AAC5C,+CAAoD;AACpD,6CAAmD;AAEnD,MAAM,kBAAkB,GAAG,GAA+B,EAAE;IAC1D,IAAI,CAAC;QACH,OAAO,OAAO,CAAC,aAAa,CAAC,CAAC,cAAc,CAAC;IAC/C,CAAC;IAAC,MAAM,CAAC;QACP,iEAAiE;IACnE,CAAC;IAED,IAAI,CAAC;QACH,OAAO,OAAO,CAAC,0BAA0B,CAAC,CAAC,cAAc,CAAC;IAC5D,CAAC;IAAC,MAAM,CAAC;QACP,iEAAiE;IACnE,CAAC;IAED,MAAM,IAAI,KAAK,CAAC,wCAAwC,CAAC,CAAC;AAC5D,CAAC,CAAC;AAEF,MAAM,cAAc,GAAG,kBAAkB,EAAE,CAAC;AAIrC,MAAM,qBAAqB,GAAG,CAAC,EACpC,QAAQ,EACR,KAAK,EACL,GAAG,KAAK,EACmB,EAAE,EAAE;IAC/B,MAAM,SAAS,GAAG,IAAA,cAAM,EAAc,IAAI,CAAC,CAAC;IAE5C,cAAc,CACZ,IAAA,mBAAW,EAAC,GAAG,EAAE;QACf,IAAI,CAAC,SAAS,CAAC,OAAO,EAAE,CAAC;YACvB,OAAO;QACT,CAAC;QAED,IAAA,gCAAmB,EAAC,SAAS,CAAC,OAAO,CAAC,CAAC;IACzC,CAAC,EAAE,EAAE,CAAC,CACP,CAAC;IAEF,OAAO,CACL,uBAAC,mBAAI,OAAK,KAAK,EAAE,GAAG,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,KAAK,CAAC,YACzD,QAAQ,GACJ,CACR,CAAC;AACJ,CAAC,CAAC;AAtBW,QAAA,qBAAqB,yBAsBhC"}
+{"version":3,"file":"grab-screen.js","sourceRoot":"","sources":["../../../src/react-native/grab-screen.tsx"],"names":[],"mappings":";;;;AAAA,iCAAiE;AACjE,+CAAmF;AACnF,6CAMsB;AACtB,iDAAgD;AAChD,iDAAwD;AAExD,MAAM,cAAc,GAAG,IAAA,6BAAc,GAAE,CAAC;AAMjC,MAAM,qBAAqB,GAAG,CAAC,EACpC,QAAQ,EACR,KAAK,EACL,EAAE,EACF,GAAG,KAAK,EACmB,EAAE,EAAE;IAC/B,MAAM,SAAS,GAAG,IAAA,cAAM,EAAc,IAAI,CAAC,CAAC;IAC5C,MAAM,UAAU,GAAG,IAAA,cAAM,EAAC,EAAE,IAAI,IAAA,uCAA0B,EAAC,QAAQ,CAAC,CAAC,CAAC;IACtE,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,EAAkC,IAAI,CAAC,CAAC;IAEtF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,CAAC,SAAS,CAAC,OAAO,EAAE,CAAC;YACvB,OAAO;QACT,CAAC;QAED,IAAA,uCAA0B,EAAC,UAAU,CAAC,OAAO,EAAE,QAAQ,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC;QAC5E,OAAO,GAAG,EAAE;YACV,IAAA,yCAA4B,EAAC,UAAU,CAAC,OAAO,CAAC,CAAC;QACnD,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,cAAc,CACZ,IAAA,mBAAW,EAAC,GAAG,EAAE;QACf,IAAI,CAAC,SAAS,CAAC,OAAO,EAAE,CAAC;YACvB,OAAO;QACT,CAAC;QAED,IAAA,yCAA4B,EAAC,UAAU,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;QACvD,OAAO,GAAG,EAAE;YACV,IAAA,yCAA4B,EAAC,UAAU,CAAC,OAAO,CAAC,CAAC;QACnD,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CACP,CAAC;IAEF,OAAO,CACL,wBAAC,mBAAI,OACC,KAAK,KACL,CAAC,WAAW,IAAI,EAAE,CAAC,EACvB,WAAW,EAAE,KAAK,EAClB,GAAG,EAAE,SAAS,EACd,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,KAAK,CAAC,aAE1B,QAAQ,EACT,uBAAC,qCAAsB,IAAC,OAAO,EAAE,UAAU,CAAC,OAAO,EAAE,mBAAmB,EAAE,cAAc,GAAI,IACvF,CACR,CAAC;AACJ,CAAC,CAAC;AA9CW,QAAA,qBAAqB,yBA8ChC"}

package/dist/cjs/react-native/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.enableGrabbing = exports.ReactNativeGrabContextProvider = exports.ReactNativeGrabScreen = exports.ReactNativeGrabRoot = void 0;
+exports.setFocusEffect = exports.enableGrabbing = exports.ReactNativeGrabContextProvider = exports.ReactNativeGrabScreen = exports.ReactNativeGrabRoot = void 0;
 const noop = () => { };
 const Passthrough = ({ children }) => children;
 exports.ReactNativeGrabRoot = __DEV__
@@ -13,4 +13,7 @@ exports.ReactNativeGrabContextProvider = __DEV__ ? require("./grab-context").Rea
 exports.enableGrabbing = __DEV__
     ? require("./grab-controller").enableGrabbing
     : noop;
+exports.setFocusEffect = __DEV__
+    ? require("./focus-effect").setFocusEffect
+    : noop;
 //# sourceMappingURL=index.js.map

package/dist/cjs/react-native/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/react-native/index.ts"],"names":[],"mappings":";;;AAeA,MAAM,IAAI,GAAG,GAAG,EAAE,GAAE,CAAC,CAAC;AACtB,MAAM,WAAW,GAAG,CAAC,EAAE,QAAQ,EAA4B,EAAE,EAAE,CAAC,QAAQ,CAAC;AAE5D,QAAA,mBAAmB,GAAkD,OAAO;IACvF,CAAC,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC,mBAAmB;IAC5C,CAAC,CAAC,WAAW,CAAC;AAEH,QAAA,qBAAqB,GAAoD,OAAO;IAC3F,CAAC,CAAC,OAAO,CAAC,eAAe,CAAC,CAAC,qBAAqB;IAChD,CAAC,CAAC,WAAW,CAAC;AAEH,QAAA,8BAA8B,GACzC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,gBAAgB,CAAC,CAAC,8BAA8B,CAAC,CAAC,CAAC,WAAW,CAAC;AAEtE,QAAA,cAAc,GAAe,OAAO;IAC/C,CAAC,CAAC,OAAO,CAAC,mBAAmB,CAAC,CAAC,cAAc;IAC7C,CAAC,CAAC,IAAI,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/react-native/index.ts"],"names":[],"mappings":";;;AAYA,MAAM,IAAI,GAAG,GAAG,EAAE,GAAE,CAAC,CAAC;AACtB,MAAM,WAAW,GAAG,CAAC,EAAE,QAAQ,EAA4B,EAAE,EAAE,CAAC,QAAQ,CAAC;AAE5D,QAAA,mBAAmB,GAAkD,OAAO;IACvF,CAAC,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC,mBAAmB;IAC5C,CAAC,CAAC,WAAW,CAAC;AAEH,QAAA,qBAAqB,GAAoD,OAAO;IAC3F,CAAC,CAAC,OAAO,CAAC,eAAe,CAAC,CAAC,qBAAqB;IAChD,CAAC,CAAC,WAAW,CAAC;AAEH,QAAA,8BAA8B,GACzC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,gBAAgB,CAAC,CAAC,8BAA8B,CAAC,CAAC,CAAC,WAAW,CAAC;AAEtE,QAAA,cAAc,GAAe,OAAO;IAC/C,CAAC,CAAC,OAAO,CAAC,mBAAmB,CAAC,CAAC,cAAc;IAC7C,CAAC,CAAC,IAAI,CAAC;AAEI,QAAA,cAAc,GAA6C,OAAO;IAC7E,CAAC,CAAC,OAAO,CAAC,gBAAgB,CAAC,CAAC,cAAc;IAC1C,CAAC,CAAC,IAAI,CAAC"}

package/dist/cjs/react-native/open.js

@@ -0,0 +1,21 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.openStackFrameInEditor = void 0;
+const getDevServer_1 = __importDefault(require("react-native/Libraries/Core/Devtools/getDevServer"));
+const openStackFrameInEditor = async (payload) => {
+    const response = await fetch(`${(0, getDevServer_1.default)().url}open-stack-frame`, {
+        method: "POST",
+        headers: {
+            "Content-Type": "application/json",
+        },
+        body: JSON.stringify(payload),
+    });
+    if (!response.ok) {
+        throw new Error(`Open stack frame request failed with status ${response.status}`);
+    }
+};
+exports.openStackFrameInEditor = openStackFrameInEditor;
+//# sourceMappingURL=open.js.map

package/dist/cjs/react-native/open.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"open.js","sourceRoot":"","sources":["../../../src/react-native/open.ts"],"names":[],"mappings":";;;;;;AAAA,qGAA6E;AAOtE,MAAM,sBAAsB,GAAG,KAAK,EAAE,OAAyB,EAAiB,EAAE;IACvF,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,GAAG,IAAA,sBAAY,GAAE,CAAC,GAAG,kBAAkB,EAAE;QACpE,MAAM,EAAE,MAAM;QACd,OAAO,EAAE;YACP,cAAc,EAAE,kBAAkB;SACnC;QACD,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC;KAC9B,CAAC,CAAC;IAEH,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,CAAC;QACjB,MAAM,IAAI,KAAK,CAAC,+CAA+C,QAAQ,CAAC,MAAM,EAAE,CAAC,CAAC;IACpF,CAAC;AACH,CAAC,CAAC;AAZW,QAAA,sBAAsB,0BAYjC"}