@react-navigation/devtools 6.0.3 → 6.0.6

package/lib/commonjs/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useFlipper = exports.useReduxDevToolsExtension = void 0;
+exports.useReduxDevToolsExtension = exports.useFlipper = void 0;
 
 const noop = () => {};
 

package/lib/commonjs/useDevToolsBase.js

@@ -47,12 +47,15 @@ function useDevToolsBase(ref, callback) {
           stack: frames
         })
       }).then(res => res.json());
-      return result.stack.filter(it => !it.collapse).map(({
-        methodName,
-        file,
-        lineNumber,
-        column
-      }) => `${methodName}@${file}:${lineNumber}:${column}`).join('\n');
+      return result.stack.filter(it => !it.collapse).map(_ref => {
+        let {
+          methodName,
+          file,
+          lineNumber,
+          column
+        } = _ref;
+        return `${methodName}@${file}:${lineNumber}:${column}`;
+      }).join('\n');
     } catch (err) {
       return stack;
     }

package/lib/commonjs/useDevToolsBase.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useDevToolsBase.tsx"],"names":["useDevToolsBase","ref","callback","lastStateRef","React","useRef","lastActionRef","callbackRef","lastResetRef","undefined","useEffect","current","symbolicate","stack","frames","slice","filter","frame","file","urlMatch","match","result","fetch","method","body","JSON","stringify","then","res","json","it","collapse","map","methodName","lineNumber","column","join","err","pendingPromiseRef","Promise","resolve","send","useCallback","data","catch","timer","unsubscribeAction","unsubscribeState","initialize","setInterval","clearTimeout","state","getRootState","type","navigation","addListener","e","action","noop","lastState","lastChange","resetRoot"],"mappings":"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","sourcesContent":["import type {\n  NavigationAction,\n  NavigationContainerRef,\n  NavigationState,\n} from '@react-navigation/core';\nimport deepEqual from 'deep-equal';\nimport * as React from 'react';\n\nimport parseErrorStack from './parseErrorStack';\n\ntype StackFrame = {\n  lineNumber: number | null;\n  column: number | null;\n  file: string | null;\n  methodName: string;\n};\n\ntype StackFrameResult = StackFrame & {\n  collapse: boolean;\n};\n\ntype StackResult = {\n  stack: StackFrameResult[];\n};\n\ntype InitData = {\n  type: 'init';\n  state: NavigationState | undefined;\n};\n\ntype ActionData = {\n  type: 'action';\n  action: NavigationAction;\n  state: NavigationState | undefined;\n  stack: string | undefined;\n};\n\nexport default function useDevToolsBase(\n  ref: React.RefObject<NavigationContainerRef<any>>,\n  callback: (result: InitData | ActionData) => void\n) {\n  const lastStateRef = React.useRef<NavigationState | undefined>();\n  const lastActionRef =\n    React.useRef<\n      { action: NavigationAction; stack: string | undefined } | undefined\n    >();\n  const callbackRef = React.useRef(callback);\n  const lastResetRef = React.useRef<NavigationState | undefined>(undefined);\n\n  React.useEffect(() => {\n    callbackRef.current = callback;\n  });\n\n  const symbolicate = async (stack: string | undefined) => {\n    if (stack == null) {\n      return undefined;\n    }\n\n    const frames = parseErrorStack(stack)\n      .slice(2)\n      .filter((frame) => frame.file !== '[native code]');\n\n    const urlMatch = frames[0]?.file?.match(/^https?:\\/\\/.+(:\\d+)?\\//);\n\n    if (!urlMatch) {\n      return stack;\n    }\n\n    try {\n      const result: StackResult = await fetch(`${urlMatch[0]}symbolicate`, {\n        method: 'POST',\n        body: JSON.stringify({ stack: frames }),\n      }).then((res) => res.json());\n\n      return result.stack\n        .filter((it) => !it.collapse)\n        .map(\n          ({ methodName, file, lineNumber, column }) =>\n            `${methodName}@${file}:${lineNumber}:${column}`\n        )\n        .join('\\n');\n    } catch (err) {\n      return stack;\n    }\n  };\n\n  const pendingPromiseRef = React.useRef<Promise<void>>(Promise.resolve());\n\n  const send = React.useCallback((data: ActionData) => {\n    // We need to make sure that our callbacks executed in the same order\n    // So we add check if the last promise is settled before sending the next one\n    pendingPromiseRef.current = pendingPromiseRef.current\n      .catch(() => {\n        // Ignore any errors from the last promise\n      })\n      .then(async () => {\n        if (data.stack) {\n          let stack: string | undefined;\n\n          try {\n            stack = await symbolicate(data.stack);\n          } catch (err) {\n            // Ignore errors from symbolicate\n          }\n\n          callbackRef.current({ ...data, stack });\n        } else {\n          callbackRef.current(data);\n        }\n      });\n  }, []);\n\n  React.useEffect(() => {\n    let timer: any;\n    let unsubscribeAction: (() => void) | undefined;\n    let unsubscribeState: (() => void) | undefined;\n\n    const initialize = async () => {\n      if (!ref.current) {\n        // If the navigation object isn't ready yet, wait for it\n        await new Promise<void>((resolve) => {\n          timer = setInterval(() => {\n            if (ref.current) {\n              resolve();\n              clearTimeout(timer);\n              const state = ref.current.getRootState();\n\n              lastStateRef.current = state;\n              callbackRef.current({ type: 'init', state });\n            }\n          }, 100);\n        });\n      }\n\n      const navigation = ref.current!;\n\n      unsubscribeAction = navigation.addListener('__unsafe_action__', (e) => {\n        const action = e.data.action;\n\n        if (e.data.noop) {\n          // Even if the state didn't change, it's useful to show the action\n          send({\n            type: 'action',\n            action,\n            state: lastStateRef.current,\n            stack: e.data.stack,\n          });\n        } else {\n          lastActionRef.current = e.data;\n        }\n      });\n\n      unsubscribeState = navigation.addListener('state', (e) => {\n        // Don't show the action in dev tools if the state is what we sent to reset earlier\n        if (\n          lastResetRef.current &&\n          deepEqual(lastResetRef.current, e.data.state)\n        ) {\n          lastStateRef.current = undefined;\n          return;\n        }\n\n        const state = navigation.getRootState();\n        const lastState = lastStateRef.current;\n        const lastChange = lastActionRef.current;\n\n        lastActionRef.current = undefined;\n        lastStateRef.current = state;\n\n        // If we don't have an action and the state didn't change, then it's probably extraneous\n        if (lastChange === undefined && deepEqual(state, lastState)) {\n          return;\n        }\n\n        send({\n          type: 'action',\n          action: lastChange ? lastChange.action : { type: '@@UNKNOWN' },\n          state,\n          stack: lastChange?.stack,\n        });\n      });\n    };\n\n    initialize();\n\n    return () => {\n      unsubscribeAction?.();\n      unsubscribeState?.();\n      clearTimeout(timer);\n    };\n  }, [ref, send]);\n\n  const resetRoot = React.useCallback(\n    (state: NavigationState) => {\n      if (ref.current) {\n        lastResetRef.current = state;\n        ref.current.resetRoot(state);\n      }\n    },\n    [ref]\n  );\n\n  return { resetRoot };\n}\n"]}
+{"version":3,"sources":["useDevToolsBase.tsx"],"names":["useDevToolsBase","ref","callback","lastStateRef","React","useRef","lastActionRef","callbackRef","lastResetRef","undefined","useEffect","current","symbolicate","stack","frames","slice","filter","frame","file","urlMatch","match","result","fetch","method","body","JSON","stringify","then","res","json","it","collapse","map","methodName","lineNumber","column","join","err","pendingPromiseRef","Promise","resolve","send","useCallback","data","catch","timer","unsubscribeAction","unsubscribeState","initialize","setInterval","clearTimeout","state","getRootState","type","navigation","addListener","e","action","noop","lastState","lastChange","resetRoot"],"mappings":"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","sourcesContent":["import type {\n  NavigationAction,\n  NavigationContainerRef,\n  NavigationState,\n} from '@react-navigation/core';\nimport deepEqual from 'deep-equal';\nimport * as React from 'react';\n\nimport parseErrorStack from './parseErrorStack';\n\ntype StackFrame = {\n  lineNumber: number | null;\n  column: number | null;\n  file: string | null;\n  methodName: string;\n};\n\ntype StackFrameResult = StackFrame & {\n  collapse: boolean;\n};\n\ntype StackResult = {\n  stack: StackFrameResult[];\n};\n\ntype InitData = {\n  type: 'init';\n  state: NavigationState | undefined;\n};\n\ntype ActionData = {\n  type: 'action';\n  action: NavigationAction;\n  state: NavigationState | undefined;\n  stack: string | undefined;\n};\n\nexport default function useDevToolsBase(\n  ref: React.RefObject<NavigationContainerRef<any>>,\n  callback: (result: InitData | ActionData) => void\n) {\n  const lastStateRef = React.useRef<NavigationState | undefined>();\n  const lastActionRef = React.useRef<\n    { action: NavigationAction; stack: string | undefined } | undefined\n  >();\n  const callbackRef = React.useRef(callback);\n  const lastResetRef = React.useRef<NavigationState | undefined>(undefined);\n\n  React.useEffect(() => {\n    callbackRef.current = callback;\n  });\n\n  const symbolicate = async (stack: string | undefined) => {\n    if (stack == null) {\n      return undefined;\n    }\n\n    const frames = parseErrorStack(stack)\n      .slice(2)\n      .filter((frame) => frame.file !== '[native code]');\n\n    const urlMatch = frames[0]?.file?.match(/^https?:\\/\\/.+(:\\d+)?\\//);\n\n    if (!urlMatch) {\n      return stack;\n    }\n\n    try {\n      const result: StackResult = await fetch(`${urlMatch[0]}symbolicate`, {\n        method: 'POST',\n        body: JSON.stringify({ stack: frames }),\n      }).then((res) => res.json());\n\n      return result.stack\n        .filter((it) => !it.collapse)\n        .map(\n          ({ methodName, file, lineNumber, column }) =>\n            `${methodName}@${file}:${lineNumber}:${column}`\n        )\n        .join('\\n');\n    } catch (err) {\n      return stack;\n    }\n  };\n\n  const pendingPromiseRef = React.useRef<Promise<void>>(Promise.resolve());\n\n  const send = React.useCallback((data: ActionData) => {\n    // We need to make sure that our callbacks executed in the same order\n    // So we add check if the last promise is settled before sending the next one\n    pendingPromiseRef.current = pendingPromiseRef.current\n      .catch(() => {\n        // Ignore any errors from the last promise\n      })\n      .then(async () => {\n        if (data.stack) {\n          let stack: string | undefined;\n\n          try {\n            stack = await symbolicate(data.stack);\n          } catch (err) {\n            // Ignore errors from symbolicate\n          }\n\n          callbackRef.current({ ...data, stack });\n        } else {\n          callbackRef.current(data);\n        }\n      });\n  }, []);\n\n  React.useEffect(() => {\n    let timer: any;\n    let unsubscribeAction: (() => void) | undefined;\n    let unsubscribeState: (() => void) | undefined;\n\n    const initialize = async () => {\n      if (!ref.current) {\n        // If the navigation object isn't ready yet, wait for it\n        await new Promise<void>((resolve) => {\n          timer = setInterval(() => {\n            if (ref.current) {\n              resolve();\n              clearTimeout(timer);\n              const state = ref.current.getRootState();\n\n              lastStateRef.current = state;\n              callbackRef.current({ type: 'init', state });\n            }\n          }, 100);\n        });\n      }\n\n      const navigation = ref.current!;\n\n      unsubscribeAction = navigation.addListener('__unsafe_action__', (e) => {\n        const action = e.data.action;\n\n        if (e.data.noop) {\n          // Even if the state didn't change, it's useful to show the action\n          send({\n            type: 'action',\n            action,\n            state: lastStateRef.current,\n            stack: e.data.stack,\n          });\n        } else {\n          lastActionRef.current = e.data;\n        }\n      });\n\n      unsubscribeState = navigation.addListener('state', (e) => {\n        // Don't show the action in dev tools if the state is what we sent to reset earlier\n        if (\n          lastResetRef.current &&\n          deepEqual(lastResetRef.current, e.data.state)\n        ) {\n          lastStateRef.current = undefined;\n          return;\n        }\n\n        const state = navigation.getRootState();\n        const lastState = lastStateRef.current;\n        const lastChange = lastActionRef.current;\n\n        lastActionRef.current = undefined;\n        lastStateRef.current = state;\n\n        // If we don't have an action and the state didn't change, then it's probably extraneous\n        if (lastChange === undefined && deepEqual(state, lastState)) {\n          return;\n        }\n\n        send({\n          type: 'action',\n          action: lastChange ? lastChange.action : { type: '@@UNKNOWN' },\n          state,\n          stack: lastChange?.stack,\n        });\n      });\n    };\n\n    initialize();\n\n    return () => {\n      unsubscribeAction?.();\n      unsubscribeState?.();\n      clearTimeout(timer);\n    };\n  }, [ref, send]);\n\n  const resetRoot = React.useCallback(\n    (state: NavigationState) => {\n      if (ref.current) {\n        lastResetRef.current = state;\n        ref.current.resetRoot(state);\n      }\n    },\n    [ref]\n  );\n\n  return { resetRoot };\n}\n"]}

package/lib/commonjs/useFlipper.js

@@ -81,12 +81,14 @@ function useFlipper(ref) {
           });
         };
 
-        on('navigation.invoke', ({
-          method,
-          args = []
-        }) => {
+        on('navigation.invoke', _ref => {
           var _ref$current;
 
+          let {
+            method,
+            args = []
+          } = _ref;
+
           switch (method) {
             case 'resetRoot':
               return resetRoot(args[0]);
@@ -96,12 +98,13 @@ function useFlipper(ref) {
               return (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current[method](...args);
           }
         });
-        on('linking.invoke', ({
-          method,
-          args = []
-        }) => {
+        on('linking.invoke', _ref2 => {
           var _global$REACT_NAVIGAT, _global$REACT_NAVIGAT2, _args$;
 
+          let {
+            method,
+            args = []
+          } = _ref2;
           const linking = ref.current ? // @ts-ignore: this might not exist
           (_global$REACT_NAVIGAT = global.REACT_NAVIGATION_DEVTOOLS) === null || _global$REACT_NAVIGAT === void 0 ? void 0 : (_global$REACT_NAVIGAT2 = _global$REACT_NAVIGAT.get(ref.current)) === null || _global$REACT_NAVIGAT2 === void 0 ? void 0 : _global$REACT_NAVIGAT2.linking : null;
 

package/lib/commonjs/useFlipper.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useFlipper.tsx"],"names":["FlipperModule","require","e","useFlipper","ref","Error","addPlugin","connectionRef","React","useRef","resetRoot","result","connection","current","type","send","id","state","action","stack","useEffect","getId","onConnect","on","event","listener","receive","params","responder","success","error","method","args","linking","global","REACT_NAVIGATION_DEVTOOLS","get","trim","eval","config","onDisconnect","undefined","runInBackground"],"mappings":"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","sourcesContent":["import type { NavigationContainerRef } from '@react-navigation/core';\nimport { nanoid } from 'nanoid/non-secure';\nimport * as React from 'react';\nimport type { Flipper } from 'react-native-flipper';\n\nimport useDevToolsBase from './useDevToolsBase';\n\nlet FlipperModule: typeof import('react-native-flipper') | undefined;\n\ntry {\n  FlipperModule = require('react-native-flipper');\n} catch (e) {\n  // Do nothing\n}\n\nexport default function useFlipper(\n  ref: React.RefObject<NavigationContainerRef<any>>\n) {\n  if (FlipperModule == null) {\n    throw new Error(\n      \"Please install the 'react-native-flipper' package in your project to use Flipper integration for React Navigation.\"\n    );\n  }\n\n  const { addPlugin } = FlipperModule;\n\n  const connectionRef = React.useRef<Flipper.FlipperConnection>();\n\n  const { resetRoot } = useDevToolsBase(ref, (result) => {\n    const connection = connectionRef.current;\n\n    if (!connection) {\n      return;\n    }\n\n    switch (result.type) {\n      case 'init':\n        connection.send('init', {\n          id: nanoid(),\n          state: result.state,\n        });\n        break;\n      case 'action':\n        connection.send('action', {\n          id: nanoid(),\n          action: result.action,\n          state: result.state,\n          stack: result.stack,\n        });\n        break;\n    }\n  });\n\n  React.useEffect(() => {\n    addPlugin({\n      getId() {\n        return 'react-navigation';\n      },\n      async onConnect(connection) {\n        connectionRef.current = connection;\n\n        const on = (event: string, listener: (params: any) => Promise<any>) => {\n          connection.receive(event, (params, responder) => {\n            try {\n              const result = listener(params);\n\n              // Return null instead of undefined, otherwise flipper doesn't respond\n              responder.success(result ?? null);\n            } catch (e) {\n              responder.error(e);\n            }\n          });\n        };\n\n        on('navigation.invoke', ({ method, args = [] }) => {\n          switch (method) {\n            case 'resetRoot':\n              return resetRoot(args[0]);\n            default:\n              // @ts-expect-error: we want to call arbitrary methods here\n              return ref.current?.[method](...args);\n          }\n        });\n\n        on('linking.invoke', ({ method, args = [] }) => {\n          const linking: any = ref.current\n            ? // @ts-ignore: this might not exist\n              global.REACT_NAVIGATION_DEVTOOLS?.get(ref.current)?.linking\n            : null;\n\n          switch (method) {\n            case 'getStateFromPath':\n            case 'getPathFromState':\n            case 'getActionFromState':\n              return linking?.[method](\n                args[0],\n                args[1]?.trim()\n                  ? // eslint-disable-next-line no-eval\n                    eval(`(function() { return ${args[1]}; }())`)\n                  : linking.config\n              );\n            default:\n              return linking?.[method](...args);\n          }\n        });\n      },\n      onDisconnect() {\n        connectionRef.current = undefined;\n      },\n      runInBackground() {\n        return false;\n      },\n    });\n  }, [addPlugin, ref, resetRoot]);\n}\n"]}
+{"version":3,"sources":["useFlipper.tsx"],"names":["FlipperModule","require","e","useFlipper","ref","Error","addPlugin","connectionRef","React","useRef","resetRoot","result","connection","current","type","send","id","state","action","stack","useEffect","getId","onConnect","on","event","listener","receive","params","responder","success","error","method","args","linking","global","REACT_NAVIGATION_DEVTOOLS","get","trim","eval","config","onDisconnect","undefined","runInBackground"],"mappings":"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","sourcesContent":["import type { NavigationContainerRef } from '@react-navigation/core';\nimport { nanoid } from 'nanoid/non-secure';\nimport * as React from 'react';\nimport type { Flipper } from 'react-native-flipper';\n\nimport useDevToolsBase from './useDevToolsBase';\n\nlet FlipperModule: typeof import('react-native-flipper') | undefined;\n\ntry {\n  FlipperModule = require('react-native-flipper');\n} catch (e) {\n  // Do nothing\n}\n\nexport default function useFlipper(\n  ref: React.RefObject<NavigationContainerRef<any>>\n) {\n  if (FlipperModule == null) {\n    throw new Error(\n      \"Please install the 'react-native-flipper' package in your project to use Flipper integration for React Navigation.\"\n    );\n  }\n\n  const { addPlugin } = FlipperModule;\n\n  const connectionRef = React.useRef<Flipper.FlipperConnection>();\n\n  const { resetRoot } = useDevToolsBase(ref, (result) => {\n    const connection = connectionRef.current;\n\n    if (!connection) {\n      return;\n    }\n\n    switch (result.type) {\n      case 'init':\n        connection.send('init', {\n          id: nanoid(),\n          state: result.state,\n        });\n        break;\n      case 'action':\n        connection.send('action', {\n          id: nanoid(),\n          action: result.action,\n          state: result.state,\n          stack: result.stack,\n        });\n        break;\n    }\n  });\n\n  React.useEffect(() => {\n    addPlugin({\n      getId() {\n        return 'react-navigation';\n      },\n      async onConnect(connection) {\n        connectionRef.current = connection;\n\n        const on = (event: string, listener: (params: any) => Promise<any>) => {\n          connection.receive(event, (params, responder) => {\n            try {\n              const result = listener(params);\n\n              // Return null instead of undefined, otherwise flipper doesn't respond\n              responder.success(result ?? null);\n            } catch (e) {\n              responder.error(e);\n            }\n          });\n        };\n\n        on('navigation.invoke', ({ method, args = [] }) => {\n          switch (method) {\n            case 'resetRoot':\n              return resetRoot(args[0]);\n            default:\n              // @ts-expect-error: we want to call arbitrary methods here\n              return ref.current?.[method](...args);\n          }\n        });\n\n        on('linking.invoke', ({ method, args = [] }) => {\n          const linking: any = ref.current\n            ? // @ts-ignore: this might not exist\n              global.REACT_NAVIGATION_DEVTOOLS?.get(ref.current)?.linking\n            : null;\n\n          switch (method) {\n            case 'getStateFromPath':\n            case 'getPathFromState':\n            case 'getActionFromState':\n              return linking?.[method](\n                args[0],\n                args[1]?.trim()\n                  ? // eslint-disable-next-line no-eval\n                    eval(`(function() { return ${args[1]}; }())`)\n                  : linking.config\n              );\n            default:\n              return linking?.[method](...args);\n          }\n        });\n      },\n      onDisconnect() {\n        connectionRef.current = undefined;\n      },\n      runInBackground() {\n        return false;\n      },\n    });\n  }, [addPlugin, ref, resetRoot]);\n}\n"]}

package/lib/module/useDevToolsBase.js

@@ -31,12 +31,15 @@ export default function useDevToolsBase(ref, callback) {
           stack: frames
         })
       }).then(res => res.json());
-      return result.stack.filter(it => !it.collapse).map(({
-        methodName,
-        file,
-        lineNumber,
-        column
-      }) => `${methodName}@${file}:${lineNumber}:${column}`).join('\n');
+      return result.stack.filter(it => !it.collapse).map(_ref => {
+        let {
+          methodName,
+          file,
+          lineNumber,
+          column
+        } = _ref;
+        return `${methodName}@${file}:${lineNumber}:${column}`;
+      }).join('\n');
     } catch (err) {
       return stack;
     }

package/lib/module/useDevToolsBase.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useDevToolsBase.tsx"],"names":["deepEqual","React","parseErrorStack","useDevToolsBase","ref","callback","lastStateRef","useRef","lastActionRef","callbackRef","lastResetRef","undefined","useEffect","current","symbolicate","stack","frames","slice","filter","frame","file","urlMatch","match","result","fetch","method","body","JSON","stringify","then","res","json","it","collapse","map","methodName","lineNumber","column","join","err","pendingPromiseRef","Promise","resolve","send","useCallback","data","catch","timer","unsubscribeAction","unsubscribeState","initialize","setInterval","clearTimeout","state","getRootState","type","navigation","addListener","e","action","noop","lastState","lastChange","resetRoot"],"mappings":"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","sourcesContent":["import type {\n  NavigationAction,\n  NavigationContainerRef,\n  NavigationState,\n} from '@react-navigation/core';\nimport deepEqual from 'deep-equal';\nimport * as React from 'react';\n\nimport parseErrorStack from './parseErrorStack';\n\ntype StackFrame = {\n  lineNumber: number | null;\n  column: number | null;\n  file: string | null;\n  methodName: string;\n};\n\ntype StackFrameResult = StackFrame & {\n  collapse: boolean;\n};\n\ntype StackResult = {\n  stack: StackFrameResult[];\n};\n\ntype InitData = {\n  type: 'init';\n  state: NavigationState | undefined;\n};\n\ntype ActionData = {\n  type: 'action';\n  action: NavigationAction;\n  state: NavigationState | undefined;\n  stack: string | undefined;\n};\n\nexport default function useDevToolsBase(\n  ref: React.RefObject<NavigationContainerRef<any>>,\n  callback: (result: InitData | ActionData) => void\n) {\n  const lastStateRef = React.useRef<NavigationState | undefined>();\n  const lastActionRef =\n    React.useRef<\n      { action: NavigationAction; stack: string | undefined } | undefined\n    >();\n  const callbackRef = React.useRef(callback);\n  const lastResetRef = React.useRef<NavigationState | undefined>(undefined);\n\n  React.useEffect(() => {\n    callbackRef.current = callback;\n  });\n\n  const symbolicate = async (stack: string | undefined) => {\n    if (stack == null) {\n      return undefined;\n    }\n\n    const frames = parseErrorStack(stack)\n      .slice(2)\n      .filter((frame) => frame.file !== '[native code]');\n\n    const urlMatch = frames[0]?.file?.match(/^https?:\\/\\/.+(:\\d+)?\\//);\n\n    if (!urlMatch) {\n      return stack;\n    }\n\n    try {\n      const result: StackResult = await fetch(`${urlMatch[0]}symbolicate`, {\n        method: 'POST',\n        body: JSON.stringify({ stack: frames }),\n      }).then((res) => res.json());\n\n      return result.stack\n        .filter((it) => !it.collapse)\n        .map(\n          ({ methodName, file, lineNumber, column }) =>\n            `${methodName}@${file}:${lineNumber}:${column}`\n        )\n        .join('\\n');\n    } catch (err) {\n      return stack;\n    }\n  };\n\n  const pendingPromiseRef = React.useRef<Promise<void>>(Promise.resolve());\n\n  const send = React.useCallback((data: ActionData) => {\n    // We need to make sure that our callbacks executed in the same order\n    // So we add check if the last promise is settled before sending the next one\n    pendingPromiseRef.current = pendingPromiseRef.current\n      .catch(() => {\n        // Ignore any errors from the last promise\n      })\n      .then(async () => {\n        if (data.stack) {\n          let stack: string | undefined;\n\n          try {\n            stack = await symbolicate(data.stack);\n          } catch (err) {\n            // Ignore errors from symbolicate\n          }\n\n          callbackRef.current({ ...data, stack });\n        } else {\n          callbackRef.current(data);\n        }\n      });\n  }, []);\n\n  React.useEffect(() => {\n    let timer: any;\n    let unsubscribeAction: (() => void) | undefined;\n    let unsubscribeState: (() => void) | undefined;\n\n    const initialize = async () => {\n      if (!ref.current) {\n        // If the navigation object isn't ready yet, wait for it\n        await new Promise<void>((resolve) => {\n          timer = setInterval(() => {\n            if (ref.current) {\n              resolve();\n              clearTimeout(timer);\n              const state = ref.current.getRootState();\n\n              lastStateRef.current = state;\n              callbackRef.current({ type: 'init', state });\n            }\n          }, 100);\n        });\n      }\n\n      const navigation = ref.current!;\n\n      unsubscribeAction = navigation.addListener('__unsafe_action__', (e) => {\n        const action = e.data.action;\n\n        if (e.data.noop) {\n          // Even if the state didn't change, it's useful to show the action\n          send({\n            type: 'action',\n            action,\n            state: lastStateRef.current,\n            stack: e.data.stack,\n          });\n        } else {\n          lastActionRef.current = e.data;\n        }\n      });\n\n      unsubscribeState = navigation.addListener('state', (e) => {\n        // Don't show the action in dev tools if the state is what we sent to reset earlier\n        if (\n          lastResetRef.current &&\n          deepEqual(lastResetRef.current, e.data.state)\n        ) {\n          lastStateRef.current = undefined;\n          return;\n        }\n\n        const state = navigation.getRootState();\n        const lastState = lastStateRef.current;\n        const lastChange = lastActionRef.current;\n\n        lastActionRef.current = undefined;\n        lastStateRef.current = state;\n\n        // If we don't have an action and the state didn't change, then it's probably extraneous\n        if (lastChange === undefined && deepEqual(state, lastState)) {\n          return;\n        }\n\n        send({\n          type: 'action',\n          action: lastChange ? lastChange.action : { type: '@@UNKNOWN' },\n          state,\n          stack: lastChange?.stack,\n        });\n      });\n    };\n\n    initialize();\n\n    return () => {\n      unsubscribeAction?.();\n      unsubscribeState?.();\n      clearTimeout(timer);\n    };\n  }, [ref, send]);\n\n  const resetRoot = React.useCallback(\n    (state: NavigationState) => {\n      if (ref.current) {\n        lastResetRef.current = state;\n        ref.current.resetRoot(state);\n      }\n    },\n    [ref]\n  );\n\n  return { resetRoot };\n}\n"]}
+{"version":3,"sources":["useDevToolsBase.tsx"],"names":["deepEqual","React","parseErrorStack","useDevToolsBase","ref","callback","lastStateRef","useRef","lastActionRef","callbackRef","lastResetRef","undefined","useEffect","current","symbolicate","stack","frames","slice","filter","frame","file","urlMatch","match","result","fetch","method","body","JSON","stringify","then","res","json","it","collapse","map","methodName","lineNumber","column","join","err","pendingPromiseRef","Promise","resolve","send","useCallback","data","catch","timer","unsubscribeAction","unsubscribeState","initialize","setInterval","clearTimeout","state","getRootState","type","navigation","addListener","e","action","noop","lastState","lastChange","resetRoot"],"mappings":"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","sourcesContent":["import type {\n  NavigationAction,\n  NavigationContainerRef,\n  NavigationState,\n} from '@react-navigation/core';\nimport deepEqual from 'deep-equal';\nimport * as React from 'react';\n\nimport parseErrorStack from './parseErrorStack';\n\ntype StackFrame = {\n  lineNumber: number | null;\n  column: number | null;\n  file: string | null;\n  methodName: string;\n};\n\ntype StackFrameResult = StackFrame & {\n  collapse: boolean;\n};\n\ntype StackResult = {\n  stack: StackFrameResult[];\n};\n\ntype InitData = {\n  type: 'init';\n  state: NavigationState | undefined;\n};\n\ntype ActionData = {\n  type: 'action';\n  action: NavigationAction;\n  state: NavigationState | undefined;\n  stack: string | undefined;\n};\n\nexport default function useDevToolsBase(\n  ref: React.RefObject<NavigationContainerRef<any>>,\n  callback: (result: InitData | ActionData) => void\n) {\n  const lastStateRef = React.useRef<NavigationState | undefined>();\n  const lastActionRef = React.useRef<\n    { action: NavigationAction; stack: string | undefined } | undefined\n  >();\n  const callbackRef = React.useRef(callback);\n  const lastResetRef = React.useRef<NavigationState | undefined>(undefined);\n\n  React.useEffect(() => {\n    callbackRef.current = callback;\n  });\n\n  const symbolicate = async (stack: string | undefined) => {\n    if (stack == null) {\n      return undefined;\n    }\n\n    const frames = parseErrorStack(stack)\n      .slice(2)\n      .filter((frame) => frame.file !== '[native code]');\n\n    const urlMatch = frames[0]?.file?.match(/^https?:\\/\\/.+(:\\d+)?\\//);\n\n    if (!urlMatch) {\n      return stack;\n    }\n\n    try {\n      const result: StackResult = await fetch(`${urlMatch[0]}symbolicate`, {\n        method: 'POST',\n        body: JSON.stringify({ stack: frames }),\n      }).then((res) => res.json());\n\n      return result.stack\n        .filter((it) => !it.collapse)\n        .map(\n          ({ methodName, file, lineNumber, column }) =>\n            `${methodName}@${file}:${lineNumber}:${column}`\n        )\n        .join('\\n');\n    } catch (err) {\n      return stack;\n    }\n  };\n\n  const pendingPromiseRef = React.useRef<Promise<void>>(Promise.resolve());\n\n  const send = React.useCallback((data: ActionData) => {\n    // We need to make sure that our callbacks executed in the same order\n    // So we add check if the last promise is settled before sending the next one\n    pendingPromiseRef.current = pendingPromiseRef.current\n      .catch(() => {\n        // Ignore any errors from the last promise\n      })\n      .then(async () => {\n        if (data.stack) {\n          let stack: string | undefined;\n\n          try {\n            stack = await symbolicate(data.stack);\n          } catch (err) {\n            // Ignore errors from symbolicate\n          }\n\n          callbackRef.current({ ...data, stack });\n        } else {\n          callbackRef.current(data);\n        }\n      });\n  }, []);\n\n  React.useEffect(() => {\n    let timer: any;\n    let unsubscribeAction: (() => void) | undefined;\n    let unsubscribeState: (() => void) | undefined;\n\n    const initialize = async () => {\n      if (!ref.current) {\n        // If the navigation object isn't ready yet, wait for it\n        await new Promise<void>((resolve) => {\n          timer = setInterval(() => {\n            if (ref.current) {\n              resolve();\n              clearTimeout(timer);\n              const state = ref.current.getRootState();\n\n              lastStateRef.current = state;\n              callbackRef.current({ type: 'init', state });\n            }\n          }, 100);\n        });\n      }\n\n      const navigation = ref.current!;\n\n      unsubscribeAction = navigation.addListener('__unsafe_action__', (e) => {\n        const action = e.data.action;\n\n        if (e.data.noop) {\n          // Even if the state didn't change, it's useful to show the action\n          send({\n            type: 'action',\n            action,\n            state: lastStateRef.current,\n            stack: e.data.stack,\n          });\n        } else {\n          lastActionRef.current = e.data;\n        }\n      });\n\n      unsubscribeState = navigation.addListener('state', (e) => {\n        // Don't show the action in dev tools if the state is what we sent to reset earlier\n        if (\n          lastResetRef.current &&\n          deepEqual(lastResetRef.current, e.data.state)\n        ) {\n          lastStateRef.current = undefined;\n          return;\n        }\n\n        const state = navigation.getRootState();\n        const lastState = lastStateRef.current;\n        const lastChange = lastActionRef.current;\n\n        lastActionRef.current = undefined;\n        lastStateRef.current = state;\n\n        // If we don't have an action and the state didn't change, then it's probably extraneous\n        if (lastChange === undefined && deepEqual(state, lastState)) {\n          return;\n        }\n\n        send({\n          type: 'action',\n          action: lastChange ? lastChange.action : { type: '@@UNKNOWN' },\n          state,\n          stack: lastChange?.stack,\n        });\n      });\n    };\n\n    initialize();\n\n    return () => {\n      unsubscribeAction?.();\n      unsubscribeState?.();\n      clearTimeout(timer);\n    };\n  }, [ref, send]);\n\n  const resetRoot = React.useCallback(\n    (state: NavigationState) => {\n      if (ref.current) {\n        lastResetRef.current = state;\n        ref.current.resetRoot(state);\n      }\n    },\n    [ref]\n  );\n\n  return { resetRoot };\n}\n"]}

package/lib/module/useFlipper.js

@@ -65,12 +65,14 @@ export default function useFlipper(ref) {
           });
         };
 
-        on('navigation.invoke', ({
-          method,
-          args = []
-        }) => {
+        on('navigation.invoke', _ref => {
           var _ref$current;
 
+          let {
+            method,
+            args = []
+          } = _ref;
+
           switch (method) {
             case 'resetRoot':
               return resetRoot(args[0]);
@@ -80,12 +82,13 @@ export default function useFlipper(ref) {
               return (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current[method](...args);
           }
         });
-        on('linking.invoke', ({
-          method,
-          args = []
-        }) => {
+        on('linking.invoke', _ref2 => {
           var _global$REACT_NAVIGAT, _global$REACT_NAVIGAT2, _args$;
 
+          let {
+            method,
+            args = []
+          } = _ref2;
           const linking = ref.current ? // @ts-ignore: this might not exist
           (_global$REACT_NAVIGAT = global.REACT_NAVIGATION_DEVTOOLS) === null || _global$REACT_NAVIGAT === void 0 ? void 0 : (_global$REACT_NAVIGAT2 = _global$REACT_NAVIGAT.get(ref.current)) === null || _global$REACT_NAVIGAT2 === void 0 ? void 0 : _global$REACT_NAVIGAT2.linking : null;
 

package/lib/module/useFlipper.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useFlipper.tsx"],"names":["nanoid","React","useDevToolsBase","FlipperModule","require","e","useFlipper","ref","Error","addPlugin","connectionRef","useRef","resetRoot","result","connection","current","type","send","id","state","action","stack","useEffect","getId","onConnect","on","event","listener","receive","params","responder","success","error","method","args","linking","global","REACT_NAVIGATION_DEVTOOLS","get","trim","eval","config","onDisconnect","undefined","runInBackground"],"mappings":"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","sourcesContent":["import type { NavigationContainerRef } from '@react-navigation/core';\nimport { nanoid } from 'nanoid/non-secure';\nimport * as React from 'react';\nimport type { Flipper } from 'react-native-flipper';\n\nimport useDevToolsBase from './useDevToolsBase';\n\nlet FlipperModule: typeof import('react-native-flipper') | undefined;\n\ntry {\n  FlipperModule = require('react-native-flipper');\n} catch (e) {\n  // Do nothing\n}\n\nexport default function useFlipper(\n  ref: React.RefObject<NavigationContainerRef<any>>\n) {\n  if (FlipperModule == null) {\n    throw new Error(\n      \"Please install the 'react-native-flipper' package in your project to use Flipper integration for React Navigation.\"\n    );\n  }\n\n  const { addPlugin } = FlipperModule;\n\n  const connectionRef = React.useRef<Flipper.FlipperConnection>();\n\n  const { resetRoot } = useDevToolsBase(ref, (result) => {\n    const connection = connectionRef.current;\n\n    if (!connection) {\n      return;\n    }\n\n    switch (result.type) {\n      case 'init':\n        connection.send('init', {\n          id: nanoid(),\n          state: result.state,\n        });\n        break;\n      case 'action':\n        connection.send('action', {\n          id: nanoid(),\n          action: result.action,\n          state: result.state,\n          stack: result.stack,\n        });\n        break;\n    }\n  });\n\n  React.useEffect(() => {\n    addPlugin({\n      getId() {\n        return 'react-navigation';\n      },\n      async onConnect(connection) {\n        connectionRef.current = connection;\n\n        const on = (event: string, listener: (params: any) => Promise<any>) => {\n          connection.receive(event, (params, responder) => {\n            try {\n              const result = listener(params);\n\n              // Return null instead of undefined, otherwise flipper doesn't respond\n              responder.success(result ?? null);\n            } catch (e) {\n              responder.error(e);\n            }\n          });\n        };\n\n        on('navigation.invoke', ({ method, args = [] }) => {\n          switch (method) {\n            case 'resetRoot':\n              return resetRoot(args[0]);\n            default:\n              // @ts-expect-error: we want to call arbitrary methods here\n              return ref.current?.[method](...args);\n          }\n        });\n\n        on('linking.invoke', ({ method, args = [] }) => {\n          const linking: any = ref.current\n            ? // @ts-ignore: this might not exist\n              global.REACT_NAVIGATION_DEVTOOLS?.get(ref.current)?.linking\n            : null;\n\n          switch (method) {\n            case 'getStateFromPath':\n            case 'getPathFromState':\n            case 'getActionFromState':\n              return linking?.[method](\n                args[0],\n                args[1]?.trim()\n                  ? // eslint-disable-next-line no-eval\n                    eval(`(function() { return ${args[1]}; }())`)\n                  : linking.config\n              );\n            default:\n              return linking?.[method](...args);\n          }\n        });\n      },\n      onDisconnect() {\n        connectionRef.current = undefined;\n      },\n      runInBackground() {\n        return false;\n      },\n    });\n  }, [addPlugin, ref, resetRoot]);\n}\n"]}
+{"version":3,"sources":["useFlipper.tsx"],"names":["nanoid","React","useDevToolsBase","FlipperModule","require","e","useFlipper","ref","Error","addPlugin","connectionRef","useRef","resetRoot","result","connection","current","type","send","id","state","action","stack","useEffect","getId","onConnect","on","event","listener","receive","params","responder","success","error","method","args","linking","global","REACT_NAVIGATION_DEVTOOLS","get","trim","eval","config","onDisconnect","undefined","runInBackground"],"mappings":"AACA,SAASA,MAAT,QAAuB,mBAAvB;AACA,OAAO,KAAKC,KAAZ,MAAuB,OAAvB;AAGA,OAAOC,eAAP,MAA4B,mBAA5B;AAEA,IAAIC,aAAJ;;AAEA,IAAI;AACFA,EAAAA,aAAa,GAAGC,OAAO,CAAC,sBAAD,CAAvB;AACD,CAFD,CAEE,OAAOC,CAAP,EAAU,CACV;AACD;;AAED,eAAe,SAASC,UAAT,CACbC,GADa,EAEb;AACA,MAAIJ,aAAa,IAAI,IAArB,EAA2B;AACzB,UAAM,IAAIK,KAAJ,CACJ,oHADI,CAAN;AAGD;;AAED,QAAM;AAAEC,IAAAA;AAAF,MAAgBN,aAAtB;AAEA,QAAMO,aAAa,GAAGT,KAAK,CAACU,MAAN,EAAtB;AAEA,QAAM;AAAEC,IAAAA;AAAF,MAAgBV,eAAe,CAACK,GAAD,EAAOM,MAAD,IAAY;AACrD,UAAMC,UAAU,GAAGJ,aAAa,CAACK,OAAjC;;AAEA,QAAI,CAACD,UAAL,EAAiB;AACf;AACD;;AAED,YAAQD,MAAM,CAACG,IAAf;AACE,WAAK,MAAL;AACEF,QAAAA,UAAU,CAACG,IAAX,CAAgB,MAAhB,EAAwB;AACtBC,UAAAA,EAAE,EAAElB,MAAM,EADY;AAEtBmB,UAAAA,KAAK,EAAEN,MAAM,CAACM;AAFQ,SAAxB;AAIA;;AACF,WAAK,QAAL;AACEL,QAAAA,UAAU,CAACG,IAAX,CAAgB,QAAhB,EAA0B;AACxBC,UAAAA,EAAE,EAAElB,MAAM,EADc;AAExBoB,UAAAA,MAAM,EAAEP,MAAM,CAACO,MAFS;AAGxBD,UAAAA,KAAK,EAAEN,MAAM,CAACM,KAHU;AAIxBE,UAAAA,KAAK,EAAER,MAAM,CAACQ;AAJU,SAA1B;AAMA;AAdJ;AAgBD,GAvBoC,CAArC;AAyBApB,EAAAA,KAAK,CAACqB,SAAN,CAAgB,MAAM;AACpBb,IAAAA,SAAS,CAAC;AACRc,MAAAA,KAAK,GAAG;AACN,eAAO,kBAAP;AACD,OAHO;;AAIR,YAAMC,SAAN,CAAgBV,UAAhB,EAA4B;AAC1BJ,QAAAA,aAAa,CAACK,OAAd,GAAwBD,UAAxB;;AAEA,cAAMW,EAAE,GAAG,CAACC,KAAD,EAAgBC,QAAhB,KAA4D;AACrEb,UAAAA,UAAU,CAACc,OAAX,CAAmBF,KAAnB,EAA0B,CAACG,MAAD,EAASC,SAAT,KAAuB;AAC/C,gBAAI;AACF,oBAAMjB,MAAM,GAAGc,QAAQ,CAACE,MAAD,CAAvB,CADE,CAGF;;AACAC,cAAAA,SAAS,CAACC,OAAV,CAAkBlB,MAAlB,aAAkBA,MAAlB,cAAkBA,MAAlB,GAA4B,IAA5B;AACD,aALD,CAKE,OAAOR,CAAP,EAAU;AACVyB,cAAAA,SAAS,CAACE,KAAV,CAAgB3B,CAAhB;AACD;AACF,WATD;AAUD,SAXD;;AAaAoB,QAAAA,EAAE,CAAC,mBAAD,EAAsB,QAA2B;AAAA;;AAAA,cAA1B;AAAEQ,YAAAA,MAAF;AAAUC,YAAAA,IAAI,GAAG;AAAjB,WAA0B;;AACjD,kBAAQD,MAAR;AACE,iBAAK,WAAL;AACE,qBAAOrB,SAAS,CAACsB,IAAI,CAAC,CAAD,CAAL,CAAhB;;AACF;AACE;AACA,qCAAO3B,GAAG,CAACQ,OAAX,iDAAO,aAAckB,MAAd,EAAsB,GAAGC,IAAzB,CAAP;AALJ;AAOD,SARC,CAAF;AAUAT,QAAAA,EAAE,CAAC,gBAAD,EAAmB,SAA2B;AAAA;;AAAA,cAA1B;AAAEQ,YAAAA,MAAF;AAAUC,YAAAA,IAAI,GAAG;AAAjB,WAA0B;AAC9C,gBAAMC,OAAY,GAAG5B,GAAG,CAACQ,OAAJ,GACjB;AADiB,mCAEjBqB,MAAM,CAACC,yBAFU,oFAEjB,sBAAkCC,GAAlC,CAAsC/B,GAAG,CAACQ,OAA1C,CAFiB,2DAEjB,uBAAoDoB,OAFnC,GAGjB,IAHJ;;AAKA,kBAAQF,MAAR;AACE,iBAAK,kBAAL;AACA,iBAAK,kBAAL;AACA,iBAAK,oBAAL;AACE,qBAAOE,OAAP,aAAOA,OAAP,uBAAOA,OAAO,CAAGF,MAAH,CAAP,CACLC,IAAI,CAAC,CAAD,CADC,EAEL,UAAAA,IAAI,CAAC,CAAD,CAAJ,0CAASK,IAAT,KACI;AACAC,cAAAA,IAAI,CAAE,wBAAuBN,IAAI,CAAC,CAAD,CAAI,QAAjC,CAFR,GAGIC,OAAO,CAACM,MALP,CAAP;;AAOF;AACE,qBAAON,OAAP,aAAOA,OAAP,uBAAOA,OAAO,CAAGF,MAAH,CAAP,CAAkB,GAAGC,IAArB,CAAP;AAZJ;AAcD,SApBC,CAAF;AAqBD,OAnDO;;AAoDRQ,MAAAA,YAAY,GAAG;AACbhC,QAAAA,aAAa,CAACK,OAAd,GAAwB4B,SAAxB;AACD,OAtDO;;AAuDRC,MAAAA,eAAe,GAAG;AAChB,eAAO,KAAP;AACD;;AAzDO,KAAD,CAAT;AA2DD,GA5DD,EA4DG,CAACnC,SAAD,EAAYF,GAAZ,EAAiBK,SAAjB,CA5DH;AA6DD","sourcesContent":["import type { NavigationContainerRef } from '@react-navigation/core';\nimport { nanoid } from 'nanoid/non-secure';\nimport * as React from 'react';\nimport type { Flipper } from 'react-native-flipper';\n\nimport useDevToolsBase from './useDevToolsBase';\n\nlet FlipperModule: typeof import('react-native-flipper') | undefined;\n\ntry {\n  FlipperModule = require('react-native-flipper');\n} catch (e) {\n  // Do nothing\n}\n\nexport default function useFlipper(\n  ref: React.RefObject<NavigationContainerRef<any>>\n) {\n  if (FlipperModule == null) {\n    throw new Error(\n      \"Please install the 'react-native-flipper' package in your project to use Flipper integration for React Navigation.\"\n    );\n  }\n\n  const { addPlugin } = FlipperModule;\n\n  const connectionRef = React.useRef<Flipper.FlipperConnection>();\n\n  const { resetRoot } = useDevToolsBase(ref, (result) => {\n    const connection = connectionRef.current;\n\n    if (!connection) {\n      return;\n    }\n\n    switch (result.type) {\n      case 'init':\n        connection.send('init', {\n          id: nanoid(),\n          state: result.state,\n        });\n        break;\n      case 'action':\n        connection.send('action', {\n          id: nanoid(),\n          action: result.action,\n          state: result.state,\n          stack: result.stack,\n        });\n        break;\n    }\n  });\n\n  React.useEffect(() => {\n    addPlugin({\n      getId() {\n        return 'react-navigation';\n      },\n      async onConnect(connection) {\n        connectionRef.current = connection;\n\n        const on = (event: string, listener: (params: any) => Promise<any>) => {\n          connection.receive(event, (params, responder) => {\n            try {\n              const result = listener(params);\n\n              // Return null instead of undefined, otherwise flipper doesn't respond\n              responder.success(result ?? null);\n            } catch (e) {\n              responder.error(e);\n            }\n          });\n        };\n\n        on('navigation.invoke', ({ method, args = [] }) => {\n          switch (method) {\n            case 'resetRoot':\n              return resetRoot(args[0]);\n            default:\n              // @ts-expect-error: we want to call arbitrary methods here\n              return ref.current?.[method](...args);\n          }\n        });\n\n        on('linking.invoke', ({ method, args = [] }) => {\n          const linking: any = ref.current\n            ? // @ts-ignore: this might not exist\n              global.REACT_NAVIGATION_DEVTOOLS?.get(ref.current)?.linking\n            : null;\n\n          switch (method) {\n            case 'getStateFromPath':\n            case 'getPathFromState':\n            case 'getActionFromState':\n              return linking?.[method](\n                args[0],\n                args[1]?.trim()\n                  ? // eslint-disable-next-line no-eval\n                    eval(`(function() { return ${args[1]}; }())`)\n                  : linking.config\n              );\n            default:\n              return linking?.[method](...args);\n          }\n        });\n      },\n      onDisconnect() {\n        connectionRef.current = undefined;\n      },\n      runInBackground() {\n        return false;\n      },\n    });\n  }, [addPlugin, ref, resetRoot]);\n}\n"]}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@react-navigation/devtools",
   "description": "Developer tools for React Navigation",
-  "version": "6.0.3",
+  "version": "6.0.6",
   "keywords": [
     "react",
     "react-native",
@@ -41,12 +41,12 @@
     "stacktrace-parser": "^0.1.10"
   },
   "devDependencies": {
-    "@react-navigation/core": "^6.0.3",
+    "@react-navigation/core": "^6.2.0",
     "@testing-library/react-native": "^7.2.0",
     "@types/deep-equal": "^1.0.1",
     "@types/react": "^17.0.9",
     "del-cli": "^3.0.1",
-    "react": "~16.13.1",
+    "react": "17.0.1",
     "react-native-builder-bob": "^0.18.1",
     "react-native-flipper": "^0.80.0",
     "typescript": "^4.3.2"
@@ -68,5 +68,5 @@
       ]
     ]
   },
-  "gitHead": "66a007b0649e443b528e6875df292563d0ed426c"
+  "gitHead": "c5ef6b5e88426e658123ea8590da583314b9001e"
 }

package/src/useDevToolsBase.tsx

@@ -40,10 +40,9 @@ export default function useDevToolsBase(
   callback: (result: InitData | ActionData) => void
 ) {
   const lastStateRef = React.useRef<NavigationState | undefined>();
-  const lastActionRef =
-    React.useRef<
-      { action: NavigationAction; stack: string | undefined } | undefined
-    >();
+  const lastActionRef = React.useRef<
+    { action: NavigationAction; stack: string | undefined } | undefined
+  >();
   const callbackRef = React.useRef(callback);
   const lastResetRef = React.useRef<NavigationState | undefined>(undefined);