react-native-grab 0.0.4 → 0.0.5

package/dist/cjs/react-native/get-rendered-by.js

@@ -0,0 +1,169 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getRenderedBy = void 0;
+const symbolicateStackTrace_1 = __importDefault(require("react-native/Libraries/Core/Devtools/symbolicateStackTrace"));
+const firstUserFrameFromError = (error) => {
+    let callSites = null;
+    const prev = Error.prepareStackTrace;
+    Error.prepareStackTrace = (_, sites) => {
+        callSites = sites;
+        return '';
+    };
+    void error.stack;
+    Error.prepareStackTrace = prev;
+    if (callSites && callSites.length > 0) {
+        const sites = callSites;
+        let start = 0;
+        for (let i = 0; i < Math.min(sites.length, 3); i++) {
+            const fn = sites[i].getFunctionName() ?? '';
+            if (fn.includes('react-stack-top-frame') ||
+                fn.includes('react_stack_bottom_frame') ||
+                fn === '') {
+                start = i + 1;
+            }
+            else {
+                break;
+            }
+        }
+        for (let i = start; i < sites.length; i++) {
+            const fn = sites[i].getFunctionName() ?? '';
+            if (fn.includes('react_stack_bottom_frame') ||
+                fn.includes('react-stack-bottom-frame')) {
+                break;
+            }
+            const file = sites[i].getFileName();
+            if (!file)
+                continue;
+            return {
+                file,
+                line: sites[i].getLineNumber(),
+                column: sites[i].getColumnNumber(),
+            };
+        }
+        return null;
+    }
+    const prevStr = Error.prepareStackTrace;
+    Error.prepareStackTrace = undefined;
+    let stack = error.stack ?? '';
+    Error.prepareStackTrace = prevStr;
+    if (stack.startsWith('Error: react-stack-top-frame\n')) {
+        stack = stack.slice('Error: react-stack-top-frame\n'.length);
+    }
+    for (let i = 0; i < 2; i++) {
+        const nl = stack.indexOf('\n');
+        if (nl !== -1)
+            stack = stack.slice(nl + 1);
+    }
+    const sentinelIdx = stack.search(/react[_-]stack[_-]bottom[_-]frame/);
+    if (sentinelIdx !== -1) {
+        const cut = stack.lastIndexOf('\n', sentinelIdx);
+        if (cut !== -1)
+            stack = stack.slice(0, cut);
+    }
+    const firstLine = stack.split('\n').find(l => l.trim());
+    if (!firstLine)
+        return null;
+    const v8 = firstLine.match(/at\s+(?:.+?\s+\()?(.+):(\d+):(\d+)\)?$/);
+    if (v8) {
+        return { file: v8[1], line: parseInt(v8[2], 10), column: parseInt(v8[3], 10) };
+    }
+    const gecko = firstLine.match(/@(.+):(\d+):(\d+)$/);
+    if (gecko) {
+        return { file: gecko[1], line: parseInt(gecko[2], 10), column: parseInt(gecko[3], 10) };
+    }
+    return null;
+};
+const getNameFromFiber = (fiber) => {
+    const type = fiber?.type;
+    if (!type)
+        return '(unknown)';
+    if (typeof type === 'function') {
+        return type.displayName || type.name || '(anonymous)';
+    }
+    if (typeof type === 'string') {
+        return type;
+    }
+    if (type.render) {
+        return (type.displayName ||
+            type.render.displayName ||
+            type.render.name ||
+            'ForwardRef');
+    }
+    if (type.type) {
+        const inner = type.type;
+        return (type.displayName ||
+            (typeof inner === 'function'
+                ? inner.displayName || inner.name
+                : null) ||
+            'Memo');
+    }
+    return '(unknown)';
+};
+const getRenderedByFrames = (fiber) => {
+    const result = [];
+    let current = fiber;
+    while (current) {
+        const owner = current._debugOwner;
+        const debugStack = current._debugStack;
+        if (!owner)
+            break;
+        const name = getNameFromFiber(owner);
+        if (!debugStack) {
+            result.push({ name, file: null, line: null, column: null, collapse: false });
+            current = owner;
+            continue;
+        }
+        const loc = typeof debugStack === 'string'
+            ? (() => {
+                const m = debugStack.match(/at\s+(?:.+?\s+\()?(.+):(\d+):(\d+)\)?/);
+                return m
+                    ? { file: m[1], line: parseInt(m[2], 10), column: parseInt(m[3], 10) }
+                    : null;
+            })()
+            : firstUserFrameFromError(debugStack);
+        result.push({
+            name,
+            file: loc?.file ?? null,
+            line: loc?.line ?? null,
+            column: loc?.column ?? null,
+            collapse: false,
+        });
+        current = owner;
+    }
+    return result;
+};
+const toMetroStackFrame = (frame) => {
+    return {
+        methodName: frame.name,
+        file: frame.file ?? undefined,
+        lineNumber: frame.line ?? undefined,
+        column: frame.column ?? undefined,
+        collapse: frame.collapse,
+    };
+};
+const getRenderedBy = async (fiber) => {
+    const frames = getRenderedByFrames(fiber);
+    if (frames.length === 0)
+        return frames;
+    try {
+        const metroFrames = frames.map(toMetroStackFrame);
+        const { stack: symbolicated } = await (0, symbolicateStackTrace_1.default)(metroFrames);
+        return symbolicated
+            .filter(sf => sf.collapse !== true)
+            .map((sf, i) => ({
+            name: frames[i]?.name ?? sf.methodName,
+            file: sf.file ?? null,
+            line: sf.lineNumber ?? null,
+            column: sf.column ?? null,
+            collapse: sf.collapse === true,
+        }));
+    }
+    catch {
+        return frames;
+    }
+};
+exports.getRenderedBy = getRenderedBy;
+//# sourceMappingURL=get-rendered-by.js.map

package/dist/cjs/react-native/get-rendered-by.js.map

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

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

@@ -0,0 +1,150 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ReactNativeGrabOverlay = void 0;
+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 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 copyBadgeTimeoutRef = (0, react_1.useRef)(null);
+    const [state, setState] = (0, react_1.useState)({
+        isEnabled: false,
+        grabbedElement: null,
+        isCopyBadgeVisible: false,
+    });
+    const startSession = (0, react_1.useCallback)(() => {
+        setState(() => ({
+            grabbedElement: null,
+            isEnabled: true,
+            isCopyBadgeVisible: false,
+        }));
+    }, []);
+    const stopSession = (0, react_1.useCallback)(() => {
+        setState((prev) => ({
+            ...prev,
+            grabbedElement: null,
+            isEnabled: false,
+        }));
+    }, []);
+    (0, react_1.useEffect)(() => {
+        return () => {
+            if (copyBadgeTimeoutRef.current) {
+                clearTimeout(copyBadgeTimeoutRef.current);
+            }
+        };
+    }, []);
+    const updateGrabbedElement = (0, react_1.useCallback)((grabbedElement) => {
+        setState((prev) => ({
+            ...prev,
+            grabbedElement,
+        }));
+    }, []);
+    const showCopiedBadge = (0, react_1.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);
+    }, []);
+    (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);
+        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 (0, description_1.getDescription)(result.fiberNode);
+        await (0, copy_1.copyViaMetro)(description);
+    };
+    const panResponder = (0, react_1.useRef)(react_native_1.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 ((0, jsx_runtime_1.jsxs)(full_screen_overlay_1.FullScreenOverlay, { children: [state.isEnabled && (0, jsx_runtime_1.jsx)(react_native_1.View, { style: [react_native_1.StyleSheet.absoluteFill], ...panResponder.panHandlers }), state.isEnabled && ((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,
+                    },
+                ] }))] }));
+};
+exports.ReactNativeGrabOverlay = ReactNativeGrabOverlay;
+const styles = react_native_1.StyleSheet.create({
+    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/cjs/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/cjs/react-native/grab-root.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ReactNativeGrabRoot = void 0;
+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 grab_overlay_1 = require("./grab-overlay");
+const ReactNativeGrabRoot = ({ children, style, ...props }) => {
+    const rootRef = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(() => {
+        if (!rootRef.current) {
+            return;
+        }
+        (0, containers_1.setAppRootRef)(rootRef.current);
+    }, []);
+    (0, react_1.useEffect)(() => { }, []);
+    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, {})] }));
+};
+exports.ReactNativeGrabRoot = ReactNativeGrabRoot;
+//# sourceMappingURL=grab-root.js.map

package/dist/cjs/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,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,IAAA,iBAAS,EAAC,GAAG,EAAE,GAAE,CAAC,EAAE,EAAE,CAAC,CAAC;IAExB,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;AAtBW,QAAA,mBAAmB,uBAsB9B"}

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

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ReactNativeGrabRoot = void 0;
+// React Native Grab doesn't support web yet!
+const ReactNativeGrabRoot = () => {
+    return null;
+};
+exports.ReactNativeGrabRoot = ReactNativeGrabRoot;
+//# sourceMappingURL=grab-root.web.js.map

package/dist/cjs/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;AACtC,MAAM,mBAAmB,GAAG,GAAG,EAAE;IACtC,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AAFW,QAAA,mBAAmB,uBAE9B"}

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

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ReactNativeGrabScreen = void 0;
+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 screenRef = (0, react_1.useRef)(null);
+    useFocusEffect((0, react_1.useCallback)(() => {
+        if (!screenRef.current) {
+            return;
+        }
+        (0, containers_1.setFocusedScreenRef)(screenRef.current);
+    }, []));
+    return ((0, jsx_runtime_1.jsx)(react_native_1.View, { ...props, ref: screenRef, style: [{ flex: 1 }, style], children: children }));
+};
+exports.ReactNativeGrabScreen = ReactNativeGrabScreen;
+//# sourceMappingURL=grab-screen.js.map

package/dist/cjs/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,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"}

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

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ReactNativeGrabScreen = void 0;
+// React Native Grab doesn't support web yet!
+const ReactNativeGrabScreen = () => {
+    return null;
+};
+exports.ReactNativeGrabScreen = ReactNativeGrabScreen;
+//# sourceMappingURL=grab-screen.web.js.map

package/dist/cjs/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;AACtC,MAAM,qBAAqB,GAAG,GAAG,EAAE;IACxC,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AAFW,QAAA,qBAAqB,yBAEhC"}