react-native-grab 0.0.4 → 0.0.6

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

@@ -0,0 +1,176 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useRef, useState } from "react";
+import { PanResponder, Pressable, StyleSheet, Text, View } from "react-native";
+import { getAppRootShadowNode, getFocusedScreenShadowNode } from "./containers";
+import { findNodeAtPoint, measureInWindow } from "./measure";
+import { useDevMenu } from "./dev-menu";
+import { getDescription } from "./description";
+import { copyViaMetro } from "./copy";
+import { FullScreenOverlay } from "./full-screen-overlay";
+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)";
+export const ReactNativeGrabOverlay = () => {
+    const copyBadgeTimeoutRef = useRef(null);
+    const [state, setState] = useState({
+        isButtonEnabled: false,
+        isSessionEnabled: false,
+        grabbedElement: null,
+        isCopyBadgeVisible: false,
+    });
+    const startSession = useCallback(() => {
+        setState((prev) => ({
+            ...prev,
+            grabbedElement: null,
+            isSessionEnabled: true,
+        }));
+    }, []);
+    const stopSession = useCallback(() => {
+        setState((prev) => ({
+            ...prev,
+            grabbedElement: null,
+            isSessionEnabled: false,
+        }));
+    }, []);
+    const toggleButtonEnabled = useCallback(() => {
+        setState((prev) => ({
+            ...prev,
+            isButtonEnabled: !prev.isButtonEnabled,
+            isSessionEnabled: !prev.isButtonEnabled ? prev.isSessionEnabled : false,
+            grabbedElement: !prev.isButtonEnabled ? prev.grabbedElement : null,
+        }));
+    }, []);
+    useEffect(() => {
+        return () => {
+            if (copyBadgeTimeoutRef.current) {
+                clearTimeout(copyBadgeTimeoutRef.current);
+            }
+        };
+    }, []);
+    const updateGrabbedElement = useCallback((grabbedElement) => {
+        setState((prev) => ({
+            ...prev,
+            grabbedElement,
+        }));
+    }, []);
+    const showCopiedBadge = useCallback(() => {
+        if (copyBadgeTimeoutRef.current) {
+            clearTimeout(copyBadgeTimeoutRef.current);
+        }
+        setState((prev) => ({ ...prev, isCopyBadgeVisible: true }));
+        copyBadgeTimeoutRef.current = setTimeout(() => {
+            setState((prev) => ({ ...prev, isCopyBadgeVisible: false }));
+            copyBadgeTimeoutRef.current = null;
+        }, COPY_BADGE_DURATION_MS);
+    }, []);
+    useDevMenu(toggleButtonEnabled);
+    const getElementAtPoint = (nativePageX, nativePageY) => {
+        const appRootShadowNode = getAppRootShadowNode();
+        const focusedScreenShadowNode = getFocusedScreenShadowNode();
+        const appRootBoundingClientRect = measureInWindow(appRootShadowNode);
+        const focusedScreenBoundingClientRect = 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 = findNodeAtPoint(focusedScreenShadowNode, pageX, pageY);
+        const shadowNode = internalNode?.stateNode?.node;
+        if (!shadowNode) {
+            return null;
+        }
+        const rect = nativeFabricUIManager.getBoundingClientRect(shadowNode, true);
+        return { fiberNode: internalNode, rect: [rect[0], rect[1] + offset, rect[2], rect[3]] };
+    };
+    const handleTouch = (nativeEvent) => {
+        const result = getElementAtPoint(nativeEvent.pageX, nativeEvent.pageY);
+        if (!result) {
+            updateGrabbedElement(null);
+            return null;
+        }
+        updateGrabbedElement(result);
+    };
+    const handleGrabbing = async (result) => {
+        const description = await getDescription(result.fiberNode);
+        await copyViaMetro(description);
+    };
+    const panResponder = useRef(PanResponder.create({
+        onStartShouldSetPanResponderCapture: () => true,
+        onMoveShouldSetPanResponderCapture: () => true,
+        onPanResponderGrant: (evt) => handleTouch(evt.nativeEvent),
+        onPanResponderMove: (evt) => handleTouch(evt.nativeEvent),
+        onPanResponderRelease: (evt) => {
+            void (async () => {
+                try {
+                    const result = getElementAtPoint(evt.nativeEvent.pageX, evt.nativeEvent.pageY);
+                    if (!result) {
+                        return;
+                    }
+                    await handleGrabbing(result);
+                    showCopiedBadge();
+                }
+                catch {
+                    // No-op: only show the copy badge when copy succeeds.
+                }
+                finally {
+                    stopSession();
+                }
+            })();
+        },
+    })).current;
+    return (_jsx(FullScreenOverlay, { children: _jsxs(View, { pointerEvents: "box-none", style: styles.overlayRoot, children: [state.isButtonEnabled && !state.isSessionEnabled && (_jsx(Pressable, { onPress: startSession, style: styles.floatingButton, children: _jsx(Text, { style: styles.floatingButtonText, children: "Grab" }) })), state.isSessionEnabled && (_jsx(View, { style: [StyleSheet.absoluteFill], ...panResponder.panHandlers })), state.isSessionEnabled && (_jsx(View, { pointerEvents: "none", style: styles.topBadge, children: _jsx(Text, { style: styles.topBadgeText, children: "Touch and move around to grab" }) })), state.isCopyBadgeVisible && (_jsx(View, { pointerEvents: "none", style: styles.topBadge, children: _jsx(Text, { style: styles.topBadgeText, children: "Element copied" }) })), !!state.grabbedElement && (_jsx(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,
+                        },
+                    ] }))] }) }));
+};
+const styles = StyleSheet.create({
+    overlayRoot: {
+        ...StyleSheet.absoluteFillObject,
+        zIndex: 2147483647,
+        elevation: 2147483647,
+    },
+    floatingButton: {
+        position: "absolute",
+        right: 18,
+        bottom: 28,
+        borderRadius: 999,
+        paddingHorizontal: 16,
+        paddingVertical: 10,
+        backgroundColor: BADGE_BACKGROUND,
+        zIndex: 2147483647,
+        elevation: 2147483647,
+    },
+    floatingButtonText: {
+        color: "#FFFFFF",
+        fontSize: 14,
+        fontWeight: "700",
+    },
+    topBadge: {
+        position: "absolute",
+        top: 52,
+        alignSelf: "center",
+        borderRadius: 999,
+        paddingHorizontal: 14,
+        paddingVertical: 8,
+        backgroundColor: BADGE_BACKGROUND,
+    },
+    topBadgeText: {
+        color: "#FFFFFF",
+        fontSize: 13,
+        fontWeight: "600",
+    },
+});
+//# sourceMappingURL=grab-overlay.js.map

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

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

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

@@ -0,0 +1,17 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef } from "react";
+import { View } from "react-native";
+import { setAppRootRef } from "./containers";
+import { ReactNativeGrabOverlay } from "./grab-overlay";
+export const ReactNativeGrabRoot = ({ children, style, ...props }) => {
+    const rootRef = useRef(null);
+    useEffect(() => {
+        if (!rootRef.current) {
+            return;
+        }
+        setAppRootRef(rootRef.current);
+    }, []);
+    useEffect(() => { }, []);
+    return (_jsxs(_Fragment, { children: [_jsx(View, { ...props, ref: rootRef, style: [{ flex: 1 }, style], children: children }), _jsx(ReactNativeGrabOverlay, {})] }));
+};
+//# sourceMappingURL=grab-root.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"grab-root.js","sourceRoot":"","sources":["../../../src/react-native/grab-root.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAa,MAAM,cAAc,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,sBAAsB,EAAE,MAAM,gBAAgB,CAAC;AAIxD,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,KAAK,EAA4B,EAAE,EAAE;IAC7F,MAAM,OAAO,GAAG,MAAM,CAAc,IAAI,CAAC,CAAC;IAE1C,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,CAAC;YACrB,OAAO;QACT,CAAC;QAED,aAAa,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;IACjC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CAAC,GAAG,EAAE,GAAE,CAAC,EAAE,EAAE,CAAC,CAAC;IAExB,OAAO,CACL,8BACE,KAAC,IAAI,OAAK,KAAK,EAAE,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,KAAK,CAAC,YACvD,QAAQ,GACJ,EAEP,KAAC,sBAAsB,KAAG,IACzB,CACJ,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/react-native/grab-root.web.js

@@ -0,0 +1,5 @@
+// React Native Grab doesn't support web yet!
+export const ReactNativeGrabRoot = () => {
+    return null;
+};
+//# sourceMappingURL=grab-root.web.js.map

package/dist/esm/react-native/grab-root.web.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grab-root.web.js","sourceRoot":"","sources":["../../../src/react-native/grab-root.web.tsx"],"names":[],"mappings":"AAAA,6CAA6C;AAC7C,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,EAAE;IACtC,OAAO,IAAI,CAAC;AACd,CAAC,CAAC"}

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

@@ -0,0 +1,31 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useCallback, useRef } from "react";
+import { View } from "react-native";
+import { setFocusedScreenRef } from "./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();
+export const ReactNativeGrabScreen = ({ children, style, ...props }) => {
+    const screenRef = useRef(null);
+    useFocusEffect(useCallback(() => {
+        if (!screenRef.current) {
+            return;
+        }
+        setFocusedScreenRef(screenRef.current);
+    }, []));
+    return (_jsx(View, { ...props, ref: screenRef, style: [{ flex: 1 }, style], children: children }));
+};
+//# sourceMappingURL=grab-screen.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"grab-screen.js","sourceRoot":"","sources":["../../../src/react-native/grab-screen.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,IAAI,EAAkB,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;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;AAI5C,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,EACpC,QAAQ,EACR,KAAK,EACL,GAAG,KAAK,EACmB,EAAE,EAAE;IAC/B,MAAM,SAAS,GAAG,MAAM,CAAc,IAAI,CAAC,CAAC;IAE5C,cAAc,CACZ,WAAW,CAAC,GAAG,EAAE;QACf,IAAI,CAAC,SAAS,CAAC,OAAO,EAAE,CAAC;YACvB,OAAO;QACT,CAAC;QAED,mBAAmB,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;IACzC,CAAC,EAAE,EAAE,CAAC,CACP,CAAC;IAEF,OAAO,CACL,KAAC,IAAI,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"}

package/dist/esm/react-native/grab-screen.web.js

@@ -0,0 +1,5 @@
+// React Native Grab doesn't support web yet!
+export const ReactNativeGrabScreen = () => {
+    return null;
+};
+//# sourceMappingURL=grab-screen.web.js.map

package/dist/esm/react-native/grab-screen.web.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grab-screen.web.js","sourceRoot":"","sources":["../../../src/react-native/grab-screen.web.tsx"],"names":[],"mappings":"AAAA,6CAA6C;AAC7C,MAAM,CAAC,MAAM,qBAAqB,GAAG,GAAG,EAAE;IACxC,OAAO,IAAI,CAAC;AACd,CAAC,CAAC"}