react-native-grab 1.0.0 → 1.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (83) hide show
  1. package/README.md +8 -0
  2. package/dist/cjs/react-native/__tests__/grab-context-description.test.js +81 -0
  3. package/dist/cjs/react-native/__tests__/grab-context-description.test.js.map +1 -1
  4. package/dist/cjs/react-native/containers.js +107 -25
  5. package/dist/cjs/react-native/containers.js.map +1 -1
  6. package/dist/cjs/react-native/context-menu.js +229 -0
  7. package/dist/cjs/react-native/context-menu.js.map +1 -0
  8. package/dist/cjs/react-native/description.js +31 -4
  9. package/dist/cjs/react-native/description.js.map +1 -1
  10. package/dist/cjs/react-native/focus-effect.js +38 -0
  11. package/dist/cjs/react-native/focus-effect.js.map +1 -0
  12. package/dist/cjs/react-native/grab-colors.js +7 -0
  13. package/dist/cjs/react-native/grab-colors.js.map +1 -0
  14. package/dist/cjs/react-native/grab-control-bar.js +105 -0
  15. package/dist/cjs/react-native/grab-control-bar.js.map +1 -0
  16. package/dist/cjs/react-native/grab-controller.js +109 -7
  17. package/dist/cjs/react-native/grab-controller.js.map +1 -1
  18. package/dist/cjs/react-native/grab-overlay.js +216 -51
  19. package/dist/cjs/react-native/grab-overlay.js.map +1 -1
  20. package/dist/cjs/react-native/grab-root-controls.js +89 -0
  21. package/dist/cjs/react-native/grab-root-controls.js.map +1 -0
  22. package/dist/cjs/react-native/grab-root.js +8 -2
  23. package/dist/cjs/react-native/grab-root.js.map +1 -1
  24. package/dist/cjs/react-native/grab-screen.js +20 -19
  25. package/dist/cjs/react-native/grab-screen.js.map +1 -1
  26. package/dist/cjs/react-native/index.js +4 -1
  27. package/dist/cjs/react-native/index.js.map +1 -1
  28. package/dist/cjs/react-native/open.js +21 -0
  29. package/dist/cjs/react-native/open.js.map +1 -0
  30. package/dist/esm/react-native/__tests__/grab-context-description.test.js +83 -2
  31. package/dist/esm/react-native/__tests__/grab-context-description.test.js.map +1 -1
  32. package/dist/esm/react-native/containers.js +95 -20
  33. package/dist/esm/react-native/containers.js.map +1 -1
  34. package/dist/esm/react-native/context-menu.js +225 -0
  35. package/dist/esm/react-native/context-menu.js.map +1 -0
  36. package/dist/esm/react-native/description.js +28 -3
  37. package/dist/esm/react-native/description.js.map +1 -1
  38. package/dist/esm/react-native/focus-effect.js +33 -0
  39. package/dist/esm/react-native/focus-effect.js.map +1 -0
  40. package/dist/esm/react-native/grab-colors.js +4 -0
  41. package/dist/esm/react-native/grab-colors.js.map +1 -0
  42. package/dist/esm/react-native/grab-control-bar.js +101 -0
  43. package/dist/esm/react-native/grab-control-bar.js.map +1 -0
  44. package/dist/esm/react-native/grab-controller.js +100 -5
  45. package/dist/esm/react-native/grab-controller.js.map +1 -1
  46. package/dist/esm/react-native/grab-overlay.js +220 -55
  47. package/dist/esm/react-native/grab-overlay.js.map +1 -1
  48. package/dist/esm/react-native/grab-root-controls.js +85 -0
  49. package/dist/esm/react-native/grab-root-controls.js.map +1 -0
  50. package/dist/esm/react-native/grab-root.js +11 -5
  51. package/dist/esm/react-native/grab-root.js.map +1 -1
  52. package/dist/esm/react-native/grab-screen.js +23 -22
  53. package/dist/esm/react-native/grab-screen.js.map +1 -1
  54. package/dist/esm/react-native/index.js +3 -0
  55. package/dist/esm/react-native/index.js.map +1 -1
  56. package/dist/esm/react-native/open.js +14 -0
  57. package/dist/esm/react-native/open.js.map +1 -0
  58. package/dist/types/react-native/containers.d.ts +23 -4
  59. package/dist/types/react-native/containers.d.ts.map +1 -1
  60. package/dist/types/react-native/context-menu.d.ts +43 -0
  61. package/dist/types/react-native/context-menu.d.ts.map +1 -0
  62. package/dist/types/react-native/description.d.ts +5 -0
  63. package/dist/types/react-native/description.d.ts.map +1 -1
  64. package/dist/types/react-native/focus-effect.d.ts +3 -0
  65. package/dist/types/react-native/focus-effect.d.ts.map +1 -0
  66. package/dist/types/react-native/grab-colors.d.ts +4 -0
  67. package/dist/types/react-native/grab-colors.d.ts.map +1 -0
  68. package/dist/types/react-native/grab-control-bar.d.ts +13 -0
  69. package/dist/types/react-native/grab-control-bar.d.ts.map +1 -0
  70. package/dist/types/react-native/grab-controller.d.ts +18 -2
  71. package/dist/types/react-native/grab-controller.d.ts.map +1 -1
  72. package/dist/types/react-native/grab-overlay.d.ts +6 -1
  73. package/dist/types/react-native/grab-overlay.d.ts.map +1 -1
  74. package/dist/types/react-native/grab-root-controls.d.ts +2 -0
  75. package/dist/types/react-native/grab-root-controls.d.ts.map +1 -0
  76. package/dist/types/react-native/grab-root.d.ts.map +1 -1
  77. package/dist/types/react-native/grab-screen.d.ts +4 -2
  78. package/dist/types/react-native/grab-screen.d.ts.map +1 -1
  79. package/dist/types/react-native/index.d.ts +1 -0
  80. package/dist/types/react-native/index.d.ts.map +1 -1
  81. package/dist/types/react-native/open.d.ts +7 -0
  82. package/dist/types/react-native/open.d.ts.map +1 -0
  83. package/package.json +1 -1
@@ -0,0 +1 @@
1
+ {"version":3,"file":"grab-colors.js","sourceRoot":"","sources":["../../../src/react-native/grab-colors.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,YAAY,GAAG,SAAS,CAAC;AACtC,MAAM,CAAC,MAAM,mBAAmB,GAAG,yBAAyB,CAAC;AAC7D,MAAM,CAAC,MAAM,qBAAqB,GAAG,0BAA0B,CAAC"}
@@ -0,0 +1,101 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { useEffect, useMemo, useRef, useState } from "react";
3
+ import { Animated, Easing, Image, Pressable, StyleSheet, View, } from "react-native";
4
+ const BAR_HEIGHT = 36;
5
+ const BAR_WIDTH = 108;
6
+ const SLOT_WIDTH = 36;
7
+ // Icons from https://lucide.dev/
8
+ const DRAG_ICON_IMAGE_URL = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAsElEQVR4AdySMQqAMAxFxUWv6eiJHL2mbr5AyfAhQ0PaQUnhhzR5pvx1Gfz9D3DwYk87ppEelnfX9Ikuxm3tmEZ6WN5dU4BPqxIKOBn8tmMa6WF5d00BN+P2dkwjPSzvrinAp1WJ6YCUFdk27NMNUlYEEPYpgLu1oYCUFfmlsE8BKSsCCPsUwN3amA4I7cZeqZpuENoNQKqmAObUhgJCu4FN1RQQ2g1AqqYA5tTGcMAHAAD//+qsAJ8AAAAGSURBVAMAklJIMadtfagAAAAASUVORK5CYII=";
9
+ const HIDE_ICON_IMAGE_URL = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAABMElEQVR4AezRy20CMRAGYJQiUkcuSQu5pNxc0kJySR1Uwf+hNQ+tx14hIS4gDzue/7UML7s7f54B0wU/bEW/eTX1mufs4OCqFXf0C97D/k4xyKN7YDi4XUIV8BX2X4qQAaNcr44ZDAeX5orgUgXsAxIQMmDEMOPj0ZvBcHBpjuDlVxWAQ0DIgBFDxkpvBsPBpVnVKACZkAEjhj8ZKr0ZDCfj/pkFUDFg9J/L21J6M1hG9dkSUKs3IFsC2s69vTdXev8DbBgzC2DAqO38M27K/s1gOBn3zyiAkAEjhm3n9q43g+HgdhOqAAJCBowYMm4mejMYDi5Nw0/PKoCAkAEjhifR0pjBcHBpFuj8qAIwCBkwcu8VDAe3h++qgI+wFYO0w4ODq1bEKmBFvHXwDJhu7gAAAP//FX4TdAAAAAZJREFUAwAkFUAxInh9owAAAABJRU5ErkJggg==";
10
+ const INSPECT_ICON_IMAGE_URL = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAABNUlEQVR4AezUYU7DMAwFYMPFKCcDTgacDPxFc5ROZazRNu3Hor46cWy/vDTpc1y53ZxgSUGfiZ9JyH3P3P6MCkwIQNIDdnbkvmUOmyZiJHhpnoiPtE+TkJupgYRdESzNE0FJTLbKXSp/VFC+i9oHwb/beXdb5JS4KyxsKXBUoc3tVeCuOILOObjxx0TGMEXQkvL1dUCadqkQlTK+jr0KuvSs8HpA+UoZsmkFVp51QzEwVsyvBRFENttH0epXkf6zHkUFKsICMt8HjOHba+8WyalVKmrMWi0LFgCUTStQoIorqs9X34XlWxEI4GzMOidQKmwTCOWrGsYN4xYJ4JTgJGyhyKtQrV5e+fQ7RgIBSNgecKIzxsnbDB0JBFih/XPstmBeHIhTGEa/uY5jgj5xZkdh+DP8FwAA//94DFv3AAAABklEQVQDANreSTEI+d7fAAAAAElFTkSuQmCC";
11
+ export const GrabControlBar = ({ dragHandlePanHandlers, isSessionEnabled, isVisible, onHidden, onPressHide, onPressSelect, containerStyle, style, }) => {
12
+ const [isRendered, setIsRendered] = useState(isVisible);
13
+ const visibilityProgress = useRef(new Animated.Value(isVisible ? 1 : 0)).current;
14
+ useEffect(() => {
15
+ if (isVisible) {
16
+ setIsRendered(true);
17
+ }
18
+ Animated.timing(visibilityProgress, {
19
+ toValue: isVisible ? 1 : 0,
20
+ duration: 180,
21
+ easing: Easing.out(Easing.cubic),
22
+ useNativeDriver: true,
23
+ }).start(({ finished }) => {
24
+ if (finished && !isVisible) {
25
+ setIsRendered(false);
26
+ onHidden?.();
27
+ }
28
+ });
29
+ }, [isVisible, onHidden, visibilityProgress]);
30
+ const containerAnimatedStyle = useMemo(() => ({
31
+ opacity: visibilityProgress,
32
+ transform: [
33
+ {
34
+ translateY: visibilityProgress.interpolate({
35
+ inputRange: [0, 1],
36
+ outputRange: [-10, 0],
37
+ }),
38
+ },
39
+ {
40
+ scale: visibilityProgress.interpolate({
41
+ inputRange: [0, 1],
42
+ outputRange: [0.92, 1],
43
+ }),
44
+ },
45
+ ],
46
+ }), [visibilityProgress]);
47
+ if (!isRendered) {
48
+ return null;
49
+ }
50
+ return (_jsx(Animated.View, { pointerEvents: isVisible ? "auto" : "none", style: containerStyle, children: _jsx(Animated.View, { style: containerAnimatedStyle, children: _jsx(Animated.View, { style: [styles.container, style], children: _jsxs(View, { style: styles.content, children: [_jsx(View, { accessibilityHint: "Drag to reposition the React Native Grab controls.", accessibilityLabel: "Move controls", accessibilityRole: "adjustable", style: styles.slot, ...dragHandlePanHandlers, children: _jsx(Image, { source: { uri: DRAG_ICON_IMAGE_URL }, style: styles.dragIcon }) }), _jsx(View, { style: styles.divider }), _jsx(Pressable, { accessibilityHint: "Starts selecting an element to copy its description.", accessibilityLabel: "Select element", accessibilityRole: "button", hitSlop: 8, onPress: onPressSelect, style: ({ pressed }) => [styles.slot, pressed && styles.pressedButton], children: _jsx(Image, { source: { uri: INSPECT_ICON_IMAGE_URL }, style: [styles.inspectIcon, isSessionEnabled && styles.inspectIconActive] }) }), _jsx(View, { style: styles.divider }), _jsx(Pressable, { accessibilityHint: "Hides the React Native Grab controls.", accessibilityLabel: "Hide controls", accessibilityRole: "button", hitSlop: 8, onPress: onPressHide, style: ({ pressed }) => [styles.slot, pressed && styles.pressedButton], children: _jsx(Image, { source: { uri: HIDE_ICON_IMAGE_URL }, style: styles.arrowIcon }) })] }) }) }) }));
51
+ };
52
+ const styles = StyleSheet.create({
53
+ container: {
54
+ height: BAR_HEIGHT,
55
+ width: BAR_WIDTH,
56
+ borderRadius: BAR_HEIGHT / 2,
57
+ shadowColor: "#000000",
58
+ shadowOffset: { width: 0, height: 6 },
59
+ shadowOpacity: 0.18,
60
+ shadowRadius: 16,
61
+ elevation: 8,
62
+ },
63
+ content: {
64
+ flex: 1,
65
+ borderRadius: BAR_HEIGHT / 2,
66
+ backgroundColor: "#FFFFFF",
67
+ flexDirection: "row",
68
+ alignItems: "center",
69
+ overflow: "hidden",
70
+ },
71
+ slot: {
72
+ width: SLOT_WIDTH,
73
+ height: BAR_HEIGHT,
74
+ alignItems: "center",
75
+ justifyContent: "center",
76
+ },
77
+ divider: {
78
+ width: StyleSheet.hairlineWidth,
79
+ height: 14,
80
+ backgroundColor: "rgba(17, 17, 17, 0.14)",
81
+ },
82
+ pressedButton: {
83
+ backgroundColor: "rgba(17, 17, 17, 0.08)",
84
+ },
85
+ dragIcon: {
86
+ width: 12,
87
+ height: 12,
88
+ },
89
+ inspectIcon: {
90
+ width: 16,
91
+ height: 16,
92
+ },
93
+ inspectIconActive: {
94
+ opacity: 0.72,
95
+ },
96
+ arrowIcon: {
97
+ width: 16,
98
+ height: 16,
99
+ },
100
+ });
101
+ //# sourceMappingURL=grab-control-bar.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"grab-control-bar.js","sourceRoot":"","sources":["../../../src/react-native/grab-control-bar.tsx"],"names":[],"mappings":"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"}
@@ -1,12 +1,107 @@
1
- let enableGrabbingHandler = null;
2
- export const setEnableGrabbingHandler = (handler) => {
3
- enableGrabbingHandler = handler;
1
+ import { useSyncExternalStore } from "react";
2
+ import { getResolvedGrabSelectionOwnerId } from "./containers";
3
+ const localControllers = new Map();
4
+ const listeners = new Set();
5
+ let state = {
6
+ isMenuVisible: false,
7
+ selectedOwnerId: null,
8
+ selectionSessionOwnerId: null,
9
+ };
10
+ const notify = () => {
11
+ for (const listener of listeners) {
12
+ listener();
13
+ }
14
+ };
15
+ const subscribe = (listener) => {
16
+ listeners.add(listener);
17
+ return () => {
18
+ listeners.delete(listener);
19
+ };
20
+ };
21
+ const setState = (updater) => {
22
+ state = typeof updater === "function" ? updater(state) : updater;
23
+ notify();
24
+ };
25
+ const stopAllSelections = () => {
26
+ for (const controller of localControllers.values()) {
27
+ controller.stopSelection();
28
+ controller.closeSelectionMenu();
29
+ }
30
+ };
31
+ export const registerLocalGrabSelectionController = (ownerId, controller) => {
32
+ localControllers.set(ownerId, controller);
33
+ };
34
+ export const unregisterLocalGrabSelectionController = (ownerId) => {
35
+ localControllers.delete(ownerId);
36
+ setState((prevState) => ({
37
+ ...prevState,
38
+ selectedOwnerId: prevState.selectedOwnerId === ownerId ? null : prevState.selectedOwnerId,
39
+ selectionSessionOwnerId: prevState.selectionSessionOwnerId === ownerId ? null : prevState.selectionSessionOwnerId,
40
+ }));
41
+ };
42
+ export const useGrabControllerState = () => {
43
+ return useSyncExternalStore(subscribe, () => state, () => state);
44
+ };
45
+ export const setGrabSelectionSessionOwner = (ownerId) => {
46
+ setState((prevState) => ({
47
+ ...prevState,
48
+ selectionSessionOwnerId: ownerId,
49
+ }));
50
+ };
51
+ export const showGrabSelectionMenu = (ownerId) => {
52
+ setState((prevState) => ({
53
+ ...prevState,
54
+ selectedOwnerId: ownerId,
55
+ selectionSessionOwnerId: prevState.selectionSessionOwnerId === ownerId ? null : prevState.selectionSessionOwnerId,
56
+ }));
57
+ };
58
+ export const hideGrabSelectionMenu = (ownerId) => {
59
+ setState((prevState) => ({
60
+ ...prevState,
61
+ selectedOwnerId: prevState.selectedOwnerId === ownerId ? null : prevState.selectedOwnerId,
62
+ }));
63
+ };
64
+ export const clearGrabOwnerPresentation = (ownerId) => {
65
+ setState((prevState) => ({
66
+ ...prevState,
67
+ selectedOwnerId: prevState.selectedOwnerId === ownerId ? null : prevState.selectedOwnerId,
68
+ selectionSessionOwnerId: prevState.selectionSessionOwnerId === ownerId ? null : prevState.selectionSessionOwnerId,
69
+ }));
4
70
  };
5
71
  export const enableGrabbing = () => {
6
- if (!enableGrabbingHandler) {
72
+ const ownerId = getResolvedGrabSelectionOwnerId();
73
+ if (!ownerId) {
7
74
  console.error("[react-native-grab] Cannot enable grabbing. Ensure ReactNativeGrabRoot is mounted.");
8
75
  return;
9
76
  }
10
- enableGrabbingHandler();
77
+ const controller = localControllers.get(ownerId);
78
+ if (!controller) {
79
+ console.error("[react-native-grab] Cannot enable grabbing. Ensure the focused ReactNativeGrabScreen is mounted.");
80
+ return;
81
+ }
82
+ stopAllSelections();
83
+ setState((prevState) => ({
84
+ ...prevState,
85
+ selectedOwnerId: null,
86
+ selectionSessionOwnerId: ownerId,
87
+ }));
88
+ controller.startSelection();
89
+ };
90
+ export const toggleGrabMenu = () => {
91
+ setState((prevState) => {
92
+ const isVisible = !prevState.isMenuVisible;
93
+ if (!isVisible) {
94
+ stopAllSelections();
95
+ return {
96
+ isMenuVisible: false,
97
+ selectedOwnerId: null,
98
+ selectionSessionOwnerId: null,
99
+ };
100
+ }
101
+ return {
102
+ ...prevState,
103
+ isMenuVisible: true,
104
+ };
105
+ });
11
106
  };
12
107
  //# sourceMappingURL=grab-controller.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"grab-controller.js","sourceRoot":"","sources":["../../../src/react-native/grab-controller.ts"],"names":[],"mappings":"AAEA,IAAI,qBAAqB,GAAiC,IAAI,CAAC;AAE/D,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAC,OAAqC,EAAE,EAAE;IAChF,qBAAqB,GAAG,OAAO,CAAC;AAClC,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,EAAE;IACjC,IAAI,CAAC,qBAAqB,EAAE,CAAC;QAC3B,OAAO,CAAC,KAAK,CACX,oFAAoF,CACrF,CAAC;QACF,OAAO;IACT,CAAC;IAED,qBAAqB,EAAE,CAAC;AAC1B,CAAC,CAAC"}
1
+ {"version":3,"file":"grab-controller.js","sourceRoot":"","sources":["../../../src/react-native/grab-controller.ts"],"names":[],"mappings":"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"}
@@ -1,38 +1,51 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { useCallback, useEffect, useRef, useState } from "react";
3
- import { PanResponder, StyleSheet, Text, View } from "react-native";
4
- import { getAppRootShadowNode, getFocusedScreenShadowNode } from "./containers";
5
- import { findNodeAtPoint, measureInWindow } from "./measure";
6
- import { useDevMenu } from "./dev-menu";
7
- import { getDescription } from "./description";
2
+ import { useCallback, useEffect, useMemo, useRef, useState } from "react";
3
+ import { PanResponder, Pressable, StyleSheet, Text, View, } from "react-native";
4
+ import { getGrabSelectionOwner, useIsResolvedGrabSelectionOwner } from "./containers";
8
5
  import { copyViaMetro } from "./copy";
9
- import { FullScreenOverlay } from "./full-screen-overlay";
10
- import { setEnableGrabbingHandler } from "./grab-controller";
6
+ import { ContextMenu } from "./context-menu";
7
+ import { GRAB_BADGE_BACKGROUND, GRAB_HIGHLIGHT_FILL, GRAB_PRIMARY } from "./grab-colors";
8
+ import { clearGrabOwnerPresentation, hideGrabSelectionMenu, registerLocalGrabSelectionController, setGrabSelectionSessionOwner, showGrabSelectionMenu, unregisterLocalGrabSelectionController, } from "./grab-controller";
9
+ import { getDescription, getGrabSelectionTitle } from "./description";
10
+ import { getRenderedBy } from "./get-rendered-by";
11
+ import { findNodeAtPoint, measureInWindow } from "./measure";
12
+ import { openStackFrameInEditor } from "./open";
11
13
  const COPY_BADGE_DURATION_MS = 1600;
12
- const CALLSTACK_PRIMARY = "#8232FF";
13
- const HIGHLIGHT_FILL = "rgba(130, 50, 255, 0.2)";
14
- const BADGE_BACKGROUND = "rgba(130, 50, 255, 0.92)";
15
- export const ReactNativeGrabOverlay = () => {
14
+ export const ReactNativeGrabOverlay = ({ ownerId, onPanHandlersChange, }) => {
15
+ const isResolvedSelectionOwner = useIsResolvedGrabSelectionOwner(ownerId);
16
16
  const copyBadgeTimeoutRef = useRef(null);
17
+ const [bounds, setBounds] = useState({ width: 0, height: 0 });
17
18
  const [state, setState] = useState({
18
19
  isSessionEnabled: false,
19
20
  grabbedElement: null,
20
21
  isCopyBadgeVisible: false,
22
+ selectedElement: null,
21
23
  });
22
24
  const startSession = useCallback(() => {
23
25
  setState((prev) => ({
24
26
  ...prev,
25
27
  grabbedElement: null,
26
28
  isSessionEnabled: true,
29
+ selectedElement: null,
27
30
  }));
28
31
  }, []);
29
32
  const stopSession = useCallback(() => {
30
33
  setState((prev) => ({
31
34
  ...prev,
32
- grabbedElement: null,
33
35
  isSessionEnabled: false,
36
+ grabbedElement: null,
34
37
  }));
35
38
  }, []);
39
+ const closeSelectedElementMenu = useCallback(() => {
40
+ hideGrabSelectionMenu(ownerId);
41
+ setState((prev) => {
42
+ return {
43
+ ...prev,
44
+ selectedElement: null,
45
+ grabbedElement: null,
46
+ };
47
+ });
48
+ }, [ownerId]);
36
49
  useEffect(() => {
37
50
  return () => {
38
51
  if (copyBadgeTimeoutRef.current) {
@@ -57,30 +70,38 @@ export const ReactNativeGrabOverlay = () => {
57
70
  }, COPY_BADGE_DURATION_MS);
58
71
  }, []);
59
72
  useEffect(() => {
60
- setEnableGrabbingHandler(startSession);
61
- return () => {
62
- setEnableGrabbingHandler(null);
63
- };
64
- }, [startSession]);
65
- useDevMenu(startSession);
66
- const getElementAtPoint = (nativePageX, nativePageY) => {
67
- const appRootShadowNode = getAppRootShadowNode();
68
- const focusedScreenShadowNode = getFocusedScreenShadowNode();
69
- const appRootBoundingClientRect = measureInWindow(appRootShadowNode);
70
- const focusedScreenBoundingClientRect = measureInWindow(focusedScreenShadowNode);
71
- let focusedScreenOffsetY = focusedScreenBoundingClientRect[1];
72
- let focusedScreenHeight = focusedScreenBoundingClientRect[3];
73
- let appRootHeight = appRootBoundingClientRect[3];
74
- const offset = appRootHeight - focusedScreenHeight - focusedScreenOffsetY;
75
- const pageX = nativePageX;
76
- const pageY = nativePageY - (appRootHeight - focusedScreenHeight);
77
- const internalNode = findNodeAtPoint(focusedScreenShadowNode, pageX, pageY);
73
+ if (isResolvedSelectionOwner) {
74
+ return;
75
+ }
76
+ clearGrabOwnerPresentation(ownerId);
77
+ setState((prev) => {
78
+ if (!prev.isSessionEnabled && !prev.grabbedElement && !prev.selectedElement) {
79
+ return prev;
80
+ }
81
+ return {
82
+ ...prev,
83
+ isSessionEnabled: false,
84
+ grabbedElement: null,
85
+ selectedElement: null,
86
+ };
87
+ });
88
+ }, [isResolvedSelectionOwner, ownerId]);
89
+ const getElementAtPoint = (pageX, pageY) => {
90
+ const owner = getGrabSelectionOwner(ownerId);
91
+ if (!owner) {
92
+ return null;
93
+ }
94
+ const internalNode = findNodeAtPoint(owner.shadowNode, pageX, pageY);
78
95
  const shadowNode = internalNode?.stateNode?.node;
79
96
  if (!shadowNode) {
80
97
  return null;
81
98
  }
99
+ const ownerRect = measureInWindow(owner.shadowNode);
82
100
  const rect = nativeFabricUIManager.getBoundingClientRect(shadowNode, true);
83
- return { fiberNode: internalNode, rect: [rect[0], rect[1] + offset, rect[2], rect[3]] };
101
+ return {
102
+ fiberNode: internalNode,
103
+ rect: [rect[0] - ownerRect[0], rect[1] - ownerRect[1], rect[2], rect[3]],
104
+ };
84
105
  };
85
106
  const handleTouch = (nativeEvent) => {
86
107
  const result = getElementAtPoint(nativeEvent.pageX, nativeEvent.pageY);
@@ -90,11 +111,40 @@ export const ReactNativeGrabOverlay = () => {
90
111
  }
91
112
  updateGrabbedElement(result);
92
113
  };
93
- const handleGrabbing = async (result) => {
94
- const description = await getDescription(result.fiberNode);
95
- console.log("[react-native-grab] Description:", description);
96
- await copyViaMetro(description);
97
- };
114
+ const handleGrabbing = useCallback(async (result) => {
115
+ const [description, renderedBy] = await Promise.all([
116
+ getDescription(result.fiberNode),
117
+ getRenderedBy(result.fiberNode),
118
+ ]);
119
+ const firstFrame = renderedBy.find((frame) => Boolean(frame.file)) ?? null;
120
+ const elementName = getGrabSelectionTitle(result.fiberNode, renderedBy);
121
+ setState((prev) => ({
122
+ ...prev,
123
+ grabbedElement: result,
124
+ selectedElement: {
125
+ description,
126
+ elementName,
127
+ frame: firstFrame,
128
+ result,
129
+ },
130
+ }));
131
+ showGrabSelectionMenu(ownerId);
132
+ }, [ownerId]);
133
+ useEffect(() => {
134
+ registerLocalGrabSelectionController(ownerId, {
135
+ closeSelectionMenu: () => {
136
+ closeSelectedElementMenu();
137
+ },
138
+ startSelection: startSession,
139
+ stopSelection: () => {
140
+ closeSelectedElementMenu();
141
+ stopSession();
142
+ },
143
+ });
144
+ return () => {
145
+ unregisterLocalGrabSelectionController(ownerId);
146
+ };
147
+ }, [closeSelectedElementMenu, ownerId, startSession, stopSession]);
98
148
  const panResponder = useRef(PanResponder.create({
99
149
  onStartShouldSetPanResponderCapture: () => true,
100
150
  onMoveShouldSetPanResponderCapture: () => true,
@@ -108,32 +158,105 @@ export const ReactNativeGrabOverlay = () => {
108
158
  return;
109
159
  }
110
160
  await handleGrabbing(result);
111
- showCopiedBadge();
112
161
  }
113
162
  catch {
114
- console.error("[react-native-grab] Copying failed. Ensure your Metro config is wrapped with withReactNativeGrab(...) and Metro has been restarted.");
163
+ console.error("[react-native-grab] Grabbing failed.");
115
164
  }
116
165
  finally {
166
+ setGrabSelectionSessionOwner(null);
117
167
  stopSession();
118
168
  }
119
169
  })();
120
170
  },
121
171
  })).current;
122
- return (_jsx(FullScreenOverlay, { children: _jsxs(View, { pointerEvents: "box-none", style: styles.overlayRoot, children: [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: [
123
- {
124
- position: "absolute",
125
- left: state.grabbedElement.rect[0],
126
- top: state.grabbedElement.rect[1],
127
- width: state.grabbedElement.rect[2],
128
- height: state.grabbedElement.rect[3],
129
- pointerEvents: "none",
130
- },
131
- {
132
- backgroundColor: HIGHLIGHT_FILL,
133
- borderWidth: 1,
134
- borderColor: CALLSTACK_PRIMARY,
135
- },
136
- ] }))] }) }));
172
+ useEffect(() => {
173
+ onPanHandlersChange?.(state.isSessionEnabled ? panResponder.panHandlers : null);
174
+ return () => {
175
+ onPanHandlersChange?.(null);
176
+ };
177
+ }, [onPanHandlersChange, panResponder.panHandlers, state.isSessionEnabled]);
178
+ const handleCopySelectedElement = useCallback(async () => {
179
+ const selectedElement = state.selectedElement;
180
+ if (!selectedElement) {
181
+ return;
182
+ }
183
+ closeSelectedElementMenu();
184
+ try {
185
+ await copyViaMetro(selectedElement.description);
186
+ showCopiedBadge();
187
+ }
188
+ catch {
189
+ console.error("[react-native-grab] Copying failed. Ensure your Metro config is wrapped with withReactNativeGrab(...) and Metro has been restarted.");
190
+ }
191
+ }, [closeSelectedElementMenu, showCopiedBadge, state.selectedElement]);
192
+ const handleOpenSelectedElement = useCallback(async () => {
193
+ const frame = state.selectedElement?.frame;
194
+ if (!frame?.file || frame.line == null) {
195
+ return;
196
+ }
197
+ closeSelectedElementMenu();
198
+ try {
199
+ await openStackFrameInEditor({
200
+ file: frame.file,
201
+ lineNumber: frame.line,
202
+ });
203
+ }
204
+ catch {
205
+ console.error("[react-native-grab] Opening editor failed.");
206
+ }
207
+ }, [closeSelectedElementMenu, state.selectedElement]);
208
+ const selectedElementMenuAnchor = useMemo(() => {
209
+ if (!state.selectedElement) {
210
+ return null;
211
+ }
212
+ const rect = state.selectedElement.result.rect;
213
+ return {
214
+ x: rect[0] + rect[2] / 2,
215
+ y: rect[1] + rect[3],
216
+ };
217
+ }, [state.selectedElement]);
218
+ const highlightedElement = state.grabbedElement ?? state.selectedElement?.result ?? null;
219
+ if (!state.isSessionEnabled &&
220
+ !state.isCopyBadgeVisible &&
221
+ !state.grabbedElement &&
222
+ !state.selectedElement) {
223
+ return null;
224
+ }
225
+ return (_jsxs(View, { pointerEvents: "box-none", style: styles.overlayRoot, onLayout: (event) => {
226
+ const { width, height } = event.nativeEvent.layout;
227
+ setBounds((prev) => {
228
+ if (prev.width === width && prev.height === height) {
229
+ return prev;
230
+ }
231
+ return { width, height };
232
+ });
233
+ }, children: [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" }) })), !!highlightedElement && (_jsx(View, { pointerEvents: "none", style: [
234
+ styles.highlight,
235
+ {
236
+ left: highlightedElement.rect[0],
237
+ top: highlightedElement.rect[1],
238
+ width: highlightedElement.rect[2],
239
+ height: highlightedElement.rect[3],
240
+ },
241
+ ] })), _jsxs(ContextMenu, { anchor: selectedElementMenuAnchor, bounds: bounds, cutout: state.selectedElement
242
+ ? {
243
+ x: state.selectedElement.result.rect[0],
244
+ y: state.selectedElement.result.rect[1],
245
+ width: state.selectedElement.result.rect[2],
246
+ height: state.selectedElement.result.rect[3],
247
+ }
248
+ : null, horizontalAlignment: "center", offset: { x: 0, y: 8 }, onClose: closeSelectedElementMenu, visible: state.selectedElement !== null, children: [_jsx(View, { style: styles.selectionMenuHeader, children: _jsx(Text, { adjustsFontSizeToFit: true, minimumFontScale: 0.65, numberOfLines: 1, style: styles.selectionMenuTitle, children: state.selectedElement?.elementName }) }), _jsxs(View, { style: styles.selectionMenuActions, children: [_jsx(Pressable, { accessibilityRole: "button", onPress: () => void handleCopySelectedElement(), style: ({ pressed }) => [
249
+ styles.selectionMenuActionButton,
250
+ pressed && styles.selectionMenuActionButtonPressed,
251
+ ], children: _jsx(Text, { style: styles.selectionMenuActionText, children: "Copy" }) }), _jsx(View, { style: styles.selectionMenuActionDivider }), _jsx(Pressable, { accessibilityRole: "button", disabled: !state.selectedElement?.frame?.file, onPress: () => void handleOpenSelectedElement(), style: ({ pressed }) => [
252
+ styles.selectionMenuActionButton,
253
+ pressed &&
254
+ state.selectedElement?.frame?.file &&
255
+ styles.selectionMenuActionButtonPressed,
256
+ ], children: _jsx(Text, { style: [
257
+ styles.selectionMenuActionText,
258
+ !state.selectedElement?.frame?.file && styles.selectionMenuActionTextDisabled,
259
+ ], children: "Open" }) })] })] })] }));
137
260
  };
138
261
  const styles = StyleSheet.create({
139
262
  overlayRoot: {
@@ -147,12 +270,54 @@ const styles = StyleSheet.create({
147
270
  borderRadius: 999,
148
271
  paddingHorizontal: 14,
149
272
  paddingVertical: 8,
150
- backgroundColor: BADGE_BACKGROUND,
273
+ backgroundColor: GRAB_BADGE_BACKGROUND,
151
274
  },
152
275
  topBadgeText: {
153
276
  color: "#FFFFFF",
154
277
  fontSize: 13,
155
278
  fontWeight: "600",
156
279
  },
280
+ highlight: {
281
+ position: "absolute",
282
+ backgroundColor: GRAB_HIGHLIGHT_FILL,
283
+ borderWidth: 1,
284
+ borderColor: GRAB_PRIMARY,
285
+ },
286
+ selectionMenuHeader: {
287
+ alignSelf: "stretch",
288
+ paddingHorizontal: 14,
289
+ paddingVertical: 12,
290
+ },
291
+ selectionMenuTitle: {
292
+ width: "100%",
293
+ color: "#111111",
294
+ fontSize: 14,
295
+ fontWeight: "600",
296
+ },
297
+ selectionMenuActions: {
298
+ flexDirection: "row",
299
+ },
300
+ selectionMenuActionButton: {
301
+ flex: 1,
302
+ },
303
+ selectionMenuActionButtonPressed: {
304
+ backgroundColor: "rgba(17, 17, 17, 0.06)",
305
+ },
306
+ selectionMenuActionDivider: {
307
+ width: StyleSheet.hairlineWidth,
308
+ backgroundColor: "rgba(17, 17, 17, 0.12)",
309
+ },
310
+ selectionMenuActionText: {
311
+ flex: 1,
312
+ paddingHorizontal: 14,
313
+ paddingVertical: 12,
314
+ color: "#111111",
315
+ fontSize: 14,
316
+ fontWeight: "500",
317
+ textAlign: "center",
318
+ },
319
+ selectionMenuActionTextDisabled: {
320
+ opacity: 0.4,
321
+ },
157
322
  });
158
323
  //# sourceMappingURL=grab-overlay.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"grab-overlay.js","sourceRoot":"","sources":["../../../src/react-native/grab-overlay.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"grab-overlay.js","sourceRoot":"","sources":["../../../src/react-native/grab-overlay.tsx"],"names":[],"mappings":"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"}