{"body":"1. Fixed all reported Flow errors\n2. Added a few missing package declarations\n3. Deleted ReactDebugHooks fork in favor of react-debug-tools","patch":"diff --git a\/packages\/react-debug-tools\/src\/ReactDebugHooks.js b\/packages\/react-debug-tools\/src\/ReactDebugHooks.js\nindex c4a65ac5ba..994745b8a7 100644\n--- a\/packages\/react-debug-tools\/src\/ReactDebugHooks.js\n+++ b\/packages\/react-debug-tools\/src\/ReactDebugHooks.js\n@@ -253,14 +253,14 @@ const Dispatcher: DispatcherType = {\n \n \/\/ Inspect\n \n-type HooksNode = {\n+export type HooksNode = {\n id: number | null,\n isStateEditable: boolean,\n name: string,\n value: mixed,\n subHooks: Array,\n };\n-type HooksTree = Array;\n+export type HooksTree = Array;\n \n \/\/ Don't assume\n \/\/\ndiff --git a\/packages\/react-devtools-core\/src\/standalone.js b\/packages\/react-devtools-core\/src\/standalone.js\nindex 23d5424fec..67d1dae775 100644\n--- a\/packages\/react-devtools-core\/src\/standalone.js\n+++ b\/packages\/react-devtools-core\/src\/standalone.js\n@@ -300,7 +300,9 @@ function startServer(port?: number = 8097) {\n close: function() {\n connected = null;\n onDisconnected();\n- clearTimeout(startServerTimeoutID);\n+ if (startServerTimeoutID !== null) {\n+ clearTimeout(startServerTimeoutID);\n+ }\n server.close();\n httpServer.close();\n },\ndiff --git a\/packages\/react-devtools-extensions\/flow.js b\/packages\/react-devtools-extensions\/flow.js\nindex dc0c575900..9ffd206563 100644\n--- a\/packages\/react-devtools-extensions\/flow.js\n+++ b\/packages\/react-devtools-extensions\/flow.js\n@@ -1,6 +1,6 @@\n \/\/ @flow\n \n-declare module 'events' {\n+declare module 'node-events' {\n declare class EventEmitter {\n addListener>(\n event: Event,\ndiff --git a\/packages\/react-devtools-shared\/package.json b\/packages\/react-devtools-shared\/package.json\nindex 2ba9cf6012..7515050e95 100644\n--- a\/packages\/react-devtools-shared\/package.json\n+++ b\/packages\/react-devtools-shared\/package.json\n@@ -8,6 +8,7 @@\n \"clipboard-js\": \"^0.3.6\",\n \"lodash.throttle\": \"^4.1.1\",\n \"memoize-one\": \"^3.1.1\",\n+ \"node-events\": \"npm:events@^3.0.0\",\n \"react-virtualized-auto-sizer\": \"^1.0.2\"\n }\n }\ndiff --git a\/packages\/react-devtools-shared\/src\/__tests__\/storeOwners-test.js b\/packages\/react-devtools-shared\/src\/__tests__\/storeOwners-test.js\nindex 9ed0e53fdc..51788f9462 100644\n--- a\/packages\/react-devtools-shared\/src\/__tests__\/storeOwners-test.js\n+++ b\/packages\/react-devtools-shared\/src\/__tests__\/storeOwners-test.js\n@@ -1,6 +1,6 @@\n \/\/ @flow\n \n-const { printOwnersList } = require('.\/storeSerializer');\n+const { printOwnersList } = require('..\/devtools\/utils');\n \n describe('Store owners list', () => {\n let React;\ndiff --git a\/packages\/react-devtools-shared\/src\/__tests__\/storeSerializer.js b\/packages\/react-devtools-shared\/src\/__tests__\/storeSerializer.js\nindex 1dde4bc7a0..e59d5b057a 100644\n--- a\/packages\/react-devtools-shared\/src\/__tests__\/storeSerializer.js\n+++ b\/packages\/react-devtools-shared\/src\/__tests__\/storeSerializer.js\n@@ -1,3 +1,5 @@\n+import { printStore } from 'react-devtools-shared\/src\/devtools\/utils'\n+\n \/\/ test() is part of Jest's serializer API\n export function test(maybeStore) {\n \/\/ It's important to lazy-require the Store rather than imported at the head of the module.\n@@ -11,74 +13,6 @@ export function print(store, serialize, indent) {\n return printStore(store);\n }\n \n-export function printElement(element, includeWeight = false) {\n- let prefix = ' ';\n- if (element.children.length > 0) {\n- prefix = element.isCollapsed ? '▸' : '▾';\n- }\n-\n- let key = '';\n- if (element.key !== null) {\n- key = ` key=\"${element.key}\"`;\n- }\n-\n- let hocs = '';\n- if (element.hocDisplayNames !== null) {\n- hocs = ` [${element.hocDisplayNames.join('][')}]`;\n- }\n-\n- let suffix = '';\n- if (includeWeight) {\n- suffix = ` (${element.isCollapsed ? 1 : element.weight})`;\n- }\n-\n- return `${' '.repeat(element.depth + 1)}${prefix} <${element.displayName ||\n- 'null'}${key}>${hocs}${suffix}`;\n-}\n-\n-export function printOwnersList(elements, includeWeight = false) {\n- return elements\n- .map(element => printElement(element, includeWeight))\n- .join('\\n');\n-}\n-\n \/\/ Used for Jest snapshot testing.\n \/\/ May also be useful for visually debugging the tree, so it lives on the Store.\n-export function printStore(store, includeWeight = false) {\n- const snapshotLines = [];\n-\n- let rootWeight = 0;\n-\n- store.roots.forEach(rootID => {\n- const { weight } = store.getElementByID(rootID);\n-\n- snapshotLines.push('[root]' + (includeWeight ? ` (${weight})` : ''));\n-\n- for (let i = rootWeight; i < rootWeight + weight; i++) {\n- const element = store.getElementAtIndex(i);\n-\n- if (element == null) {\n- throw Error(`Could not find element at index ${i}`);\n- }\n-\n- snapshotLines.push(printElement(element, includeWeight));\n- }\n-\n- rootWeight += weight;\n- });\n-\n- \/\/ Make sure the pretty-printed test align with the Store's reported number of total rows.\n- if (rootWeight !== store.numElements) {\n- throw Error(\n- `Inconsistent Store state. Individual root weights (${rootWeight}) do not match total weight (${\n- store.numElements\n- })`\n- );\n- }\n-\n- \/\/ If roots have been unmounted, verify that they've been removed from maps.\n- \/\/ This helps ensure the Store doesn't leak memory.\n- store.assertExpectedRootMapSizes();\n-\n- return snapshotLines.join('\\n');\n-}\n+export { printStore };\ndiff --git a\/packages\/react-devtools-shared\/src\/backend\/NativeStyleEditor\/setupNativeStyleEditor.js b\/packages\/react-devtools-shared\/src\/backend\/NativeStyleEditor\/setupNativeStyleEditor.js\nindex 81b7f9d71c..7568b6cc45 100644\n--- a\/packages\/react-devtools-shared\/src\/backend\/NativeStyleEditor\/setupNativeStyleEditor.js\n+++ b\/packages\/react-devtools-shared\/src\/backend\/NativeStyleEditor\/setupNativeStyleEditor.js\n@@ -7,7 +7,7 @@ import type { BackendBridge } from 'react-devtools-shared\/src\/bridge';\n import type { RendererID } from '..\/types';\n import type { StyleAndLayout } from '.\/types';\n \n-export type ResolveNativeStyle = (stylesheetID: number) => ?Object;\n+export type ResolveNativeStyle = (stylesheetID: any) => ?Object;\n \n export default function setupNativeStyleEditor(\n bridge: BackendBridge,\n@@ -136,9 +136,8 @@ function measureStyle(\n );\n return;\n }\n- const margin = resolveBoxStyle('margin', resolvedStyle) || EMPTY_BOX_STYLE;\n- const padding =\n- resolveBoxStyle('padding', resolvedStyle) || EMPTY_BOX_STYLE;\n+ const margin = resolvedStyle != null && resolveBoxStyle('margin', resolvedStyle) || EMPTY_BOX_STYLE;\n+ const padding = resolvedStyle != null && resolveBoxStyle('padding', resolvedStyle) || EMPTY_BOX_STYLE;\n bridge.send(\n 'NativeStyleEditor_styleAndLayout',\n ({\ndiff --git a\/packages\/react-devtools-shared\/src\/backend\/ReactDebugHooks.js b\/packages\/react-devtools-shared\/src\/backend\/ReactDebugHooks.js\ndeleted file mode 100644\nindex 6baaa25300..0000000000\n--- a\/packages\/react-devtools-shared\/src\/backend\/ReactDebugHooks.js\n+++ \/dev\/null\n@@ -1,636 +0,0 @@\n-\/\/ @flow\n-\n-\/\/ This file was forked from the React GitHub repo:\n-\/\/ https:\/\/github.com\/facebook\/react\/blob\/master\/packages\/react-debug-tools\/src\/ReactDebugHooks.js\n-\/\/ It has been modified slightly though to account for \"shared\" imports and different lint configs.\n-\/\/ I've also removed some of the Flow types that don't exist in DevTools.\n-\/\/ TODO Remove this fork and use the NPM version of this package once it's released.\n-\n-import ErrorStackParser from 'error-stack-parser';\n-\n-import type {\n- ReactContext,\n- ReactEventResponder,\n- ReactEventResponderListener,\n-} from '.\/types';\n-\n-type Fiber = any;\n-type Hook = any;\n-\n-\/\/ HACK: These values are copied from attachRendererFiber\n-\/\/ In the future, the react-debug-hooks package will be published to NPM,\n-\/\/ and be locked to a specific range of react versions\n-\/\/ For now we are just hard-coding the current\/latest versions.\n-const ContextProvider = 10;\n-const ForwardRef = 11;\n-const FunctionComponent = 0;\n-const SimpleMemoComponent = 15;\n-\n-\/\/ Used to track hooks called during a render\n-\n-type HookLogEntry = {\n- primitive: string,\n- stackError: Error,\n- value: mixed,\n-};\n-\n-let hookLog: Array = [];\n-\n-\/\/ Primitives\n-\n-type BasicStateAction = (S => S) | S;\n-\n-type Dispatch = A => void;\n-\n-let primitiveStackCache: null | Map> = null;\n-\n-function getPrimitiveStackCache(): Map> {\n- \/\/ This initializes a cache of all primitive hooks so that the top\n- \/\/ most stack frames added by calling the primitive hook can be removed.\n- if (primitiveStackCache === null) {\n- const cache = new Map();\n- let readHookLog;\n- try {\n- \/\/ Use all hooks here to add them to the hook log.\n- Dispatcher.useContext(({ _currentValue: null }: any));\n- Dispatcher.useState(null);\n- Dispatcher.useReducer((s, a) => s, null);\n- Dispatcher.useRef(null);\n- Dispatcher.useLayoutEffect(() => {});\n- Dispatcher.useEffect(() => {});\n- Dispatcher.useImperativeHandle(undefined, () => null);\n- Dispatcher.useDebugValue(null);\n- Dispatcher.useCallback(() => {});\n- Dispatcher.useMemo(() => null);\n- } finally {\n- readHookLog = hookLog;\n- hookLog = [];\n- }\n- for (let i = 0; i < readHookLog.length; i++) {\n- const hook = readHookLog[i];\n- cache.set(hook.primitive, ErrorStackParser.parse(hook.stackError));\n- }\n- primitiveStackCache = cache;\n- }\n- return primitiveStackCache;\n-}\n-\n-let currentHook: null | Hook = null;\n-function nextHook(): null | Hook {\n- const hook = currentHook;\n- if (hook !== null) {\n- currentHook = hook.next;\n- }\n- return hook;\n-}\n-\n-function readContext(\n- context: ReactContext,\n- observedBits: void | number | boolean\n-): T {\n- \/\/ For now we don't expose readContext usage in the hooks debugging info.\n- return context._currentValue;\n-}\n-\n-function useContext(\n- context: ReactContext,\n- observedBits: void | number | boolean\n-): T {\n- hookLog.push({\n- primitive: 'Context',\n- stackError: new Error(),\n- value: context._currentValue,\n- });\n- return context._currentValue;\n-}\n-\n-function useState(\n- initialState: (() => S) | S\n-): [S, Dispatch>] {\n- const hook = nextHook();\n- const state: S =\n- hook !== null\n- ? hook.memoizedState\n- : typeof initialState === 'function'\n- ? (initialState: any)()\n- : initialState;\n- hookLog.push({ primitive: 'State', stackError: new Error(), value: state });\n- return [state, (action: BasicStateAction~~) => {}];\n-}\n-\n-function useReducer(\n- reducer: (S, A) => S,\n- initialArg: I,\n- init?: I => S\n-): [S, Dispatch~~] {\n- const hook = nextHook();\n- let state;\n- if (hook !== null) {\n- state = hook.memoizedState;\n- } else {\n- state = init !== undefined ? init(initialArg) : ((initialArg: any): S);\n- }\n- hookLog.push({\n- primitive: 'Reducer',\n- stackError: new Error(),\n- value: state,\n- });\n- return [state, (action: A) => {}];\n-}\n-\n-function useRef(initialValue: T): { current: T } {\n- const hook = nextHook();\n- const ref = hook !== null ? hook.memoizedState : { current: initialValue };\n- hookLog.push({\n- primitive: 'Ref',\n- stackError: new Error(),\n- value: ref.current,\n- });\n- return ref;\n-}\n-\n-function useLayoutEffect(\n- create: () => (() => void) | void,\n- inputs: Array | void | null\n-): void {\n- nextHook();\n- hookLog.push({\n- primitive: 'LayoutEffect',\n- stackError: new Error(),\n- value: create,\n- });\n-}\n-\n-function useEffect(\n- create: () => (() => void) | void,\n- inputs: Array | void | null\n-): void {\n- nextHook();\n- hookLog.push({ primitive: 'Effect', stackError: new Error(), value: create });\n-}\n-\n-function useImperativeHandle(\n- ref: { current: T | null } | ((inst: T | null) => mixed) | null | void,\n- create: () => T,\n- inputs: Array | void | null\n-): void {\n- nextHook();\n- \/\/ We don't actually store the instance anywhere if there is no ref callback\n- \/\/ and if there is a ref callback it might not store it but if it does we\n- \/\/ have no way of knowing where. So let's only enable introspection of the\n- \/\/ ref itself if it is using the object form.\n- let instance = undefined;\n- if (ref !== null && typeof ref === 'object') {\n- instance = ref.current;\n- }\n- hookLog.push({\n- primitive: 'ImperativeHandle',\n- stackError: new Error(),\n- value: instance,\n- });\n-}\n-\n-function useDebugValue(value: any, formatterFn: ?(value: any) => any) {\n- hookLog.push({\n- primitive: 'DebugValue',\n- stackError: new Error(),\n- value: typeof formatterFn === 'function' ? formatterFn(value) : value,\n- });\n-}\n-\n-function useCallback(callback: T, inputs: Array | void | null): T {\n- const hook = nextHook();\n- hookLog.push({\n- primitive: 'Callback',\n- stackError: new Error(),\n- value: hook !== null ? hook.memoizedState[0] : callback,\n- });\n- return callback;\n-}\n-\n-function useMemo(\n- nextCreate: () => T,\n- inputs: Array | void | null\n-): T {\n- const hook = nextHook();\n- const value = hook !== null ? hook.memoizedState[0] : nextCreate();\n- hookLog.push({ primitive: 'Memo', stackError: new Error(), value });\n- return value;\n-}\n-\n-function useResponder(\n- responder: ReactEventResponder,\n- listenerProps: Object\n-): ReactEventResponderListener {\n- \/\/ Don't put the actual event responder object in, just its displayName\n- const value = {\n- responder: responder.displayName || 'EventResponder',\n- props: listenerProps,\n- };\n- hookLog.push({ primitive: 'Responder', stackError: new Error(), value });\n- return {\n- responder,\n- props: listenerProps,\n- };\n-}\n-\n-const Dispatcher = {\n- readContext,\n- useCallback,\n- useContext,\n- useEffect,\n- useImperativeHandle,\n- useDebugValue,\n- useLayoutEffect,\n- useMemo,\n- useReducer,\n- useRef,\n- useState,\n- useResponder,\n-};\n-\n-\/\/ Inspect\n-\n-type ReactCurrentDispatcher = {\n- current: null | typeof Dispatcher,\n-};\n-\n-type HooksNode = {\n- id: number | null,\n- isStateEditable: boolean,\n- name: string,\n- value: mixed,\n- subHooks: Array,\n-};\n-type HooksTree = Array;\n-\n-\/\/ Don't assume\n-\/\/\n-\/\/ We can't assume that stack frames are nth steps away from anything.\n-\/\/ E.g. we can't assume that the root call shares all frames with the stack\n-\/\/ of a hook call. A simple way to demonstrate this is wrapping `new Error()`\n-\/\/ in a wrapper constructor like a polyfill. That'll add an extra frame.\n-\/\/ Similar things can happen with the call to the dispatcher. The top frame\n-\/\/ may not be the primitive. Likewise the primitive can have fewer stack frames\n-\/\/ such as when a call to useState got inlined to use dispatcher.useState.\n-\/\/\n-\/\/ We also can't assume that the last frame of the root call is the same\n-\/\/ frame as the last frame of the hook call because long stack traces can be\n-\/\/ truncated to a stack trace limit.\n-\n-let mostLikelyAncestorIndex = 0;\n-\n-function findSharedIndex(hookStack, rootStack, rootIndex) {\n- const source = rootStack[rootIndex].source;\n- hookSearch: for (let i = 0; i < hookStack.length; i++) {\n- if (hookStack[i].source === source) {\n- \/\/ This looks like a match. Validate that the rest of both stack match up.\n- for (\n- let a = rootIndex + 1, b = i + 1;\n- a < rootStack.length && b < hookStack.length;\n- a++, b++\n- ) {\n- if (hookStack[b].source !== rootStack[a].source) {\n- \/\/ If not, give up and try a different match.\n- continue hookSearch;\n- }\n- }\n- return i;\n- }\n- }\n- return -1;\n-}\n-\n-function findCommonAncestorIndex(rootStack, hookStack) {\n- let rootIndex = findSharedIndex(\n- hookStack,\n- rootStack,\n- mostLikelyAncestorIndex\n- );\n- if (rootIndex !== -1) {\n- return rootIndex;\n- }\n- \/\/ If the most likely one wasn't a hit, try any other frame to see if it is shared.\n- \/\/ If that takes more than 5 frames, something probably went wrong.\n- for (let i = 0; i < rootStack.length && i < 5; i++) {\n- rootIndex = findSharedIndex(hookStack, rootStack, i);\n- if (rootIndex !== -1) {\n- mostLikelyAncestorIndex = i;\n- return rootIndex;\n- }\n- }\n- return -1;\n-}\n-\n-function isReactWrapper(functionName, primitiveName) {\n- if (!functionName) {\n- return false;\n- }\n- const expectedPrimitiveName = 'use' + primitiveName;\n- if (functionName.length < expectedPrimitiveName.length) {\n- return false;\n- }\n- return (\n- functionName.lastIndexOf(expectedPrimitiveName) ===\n- functionName.length - expectedPrimitiveName.length\n- );\n-}\n-\n-function findPrimitiveIndex(hookStack, hook) {\n- const stackCache = getPrimitiveStackCache();\n- const primitiveStack = stackCache.get(hook.primitive);\n- if (primitiveStack === undefined) {\n- return -1;\n- }\n- for (let i = 0; i < primitiveStack.length && i < hookStack.length; i++) {\n- if (primitiveStack[i].source !== hookStack[i].source) {\n- \/\/ If the next two frames are functions called `useX` then we assume that they're part of the\n- \/\/ wrappers that the React packager or other packages adds around the dispatcher.\n- if (\n- i < hookStack.length - 1 &&\n- isReactWrapper(hookStack[i].functionName, hook.primitive)\n- ) {\n- i++;\n- }\n- if (\n- i < hookStack.length - 1 &&\n- isReactWrapper(hookStack[i].functionName, hook.primitive)\n- ) {\n- i++;\n- }\n- return i;\n- }\n- }\n- return -1;\n-}\n-\n-function parseTrimmedStack(rootStack, hook) {\n- \/\/ Get the stack trace between the primitive hook function and\n- \/\/ the root function call. I.e. the stack frames of custom hooks.\n- const hookStack = ErrorStackParser.parse(hook.stackError);\n- const rootIndex = findCommonAncestorIndex(rootStack, hookStack);\n- const primitiveIndex = findPrimitiveIndex(hookStack, hook);\n- if (\n- rootIndex === -1 ||\n- primitiveIndex === -1 ||\n- rootIndex - primitiveIndex < 2\n- ) {\n- \/\/ Something went wrong. Give up.\n- return null;\n- }\n- return hookStack.slice(primitiveIndex, rootIndex - 1);\n-}\n-\n-function parseCustomHookName(functionName: void | string): string {\n- if (!functionName) {\n- return '';\n- }\n- let startIndex = functionName.lastIndexOf('.');\n- if (startIndex === -1) {\n- startIndex = 0;\n- }\n- if (functionName.substr(startIndex, 3) === 'use') {\n- startIndex += 3;\n- }\n- return functionName.substr(startIndex);\n-}\n-\n-function buildTree(rootStack, readHookLog): HooksTree {\n- const rootChildren = [];\n- let prevStack = null;\n- let levelChildren = rootChildren;\n- let nativeHookID = 0;\n- const stackOfChildren = [];\n- for (let i = 0; i < readHookLog.length; i++) {\n- const hook = readHookLog[i];\n- const stack = parseTrimmedStack(rootStack, hook);\n- if (stack !== null) {\n- \/\/ Note: The indices 0 <= n < length-1 will contain the names.\n- \/\/ The indices 1 <= n < length will contain the source locations.\n- \/\/ That's why we get the name from n - 1 and don't check the source\n- \/\/ of index 0.\n- let commonSteps = 0;\n- if (prevStack !== null) {\n- \/\/ Compare the current level's stack to the new stack.\n- while (commonSteps < stack.length && commonSteps < prevStack.length) {\n- const stackSource = stack[stack.length - commonSteps - 1].source;\n- const prevSource =\n- prevStack[prevStack.length - commonSteps - 1].source;\n- if (stackSource !== prevSource) {\n- break;\n- }\n- commonSteps++;\n- }\n- \/\/ Pop back the stack as many steps as were not common.\n- for (let j = prevStack.length - 1; j > commonSteps; j--) {\n- levelChildren = stackOfChildren.pop();\n- }\n- }\n- \/\/ The remaining part of the new stack are custom hooks. Push them\n- \/\/ to the tree.\n- for (let j = stack.length - commonSteps - 1; j >= 1; j--) {\n- const children = [];\n- levelChildren.push({\n- id: null,\n- isStateEditable: false,\n- name: parseCustomHookName(stack[j - 1].functionName),\n- value: undefined,\n- subHooks: children,\n- });\n- stackOfChildren.push(levelChildren);\n- levelChildren = children;\n- }\n- prevStack = stack;\n- }\n- const { primitive } = hook;\n-\n- \/\/ For now, the \"id\" of stateful hooks is just the stateful hook index.\n- \/\/ Custom hooks have no ids, nor do non-stateful native hooks (e.g. Context, DebugValue).\n- const id =\n- primitive === 'Context' || primitive === 'DebugValue'\n- ? null\n- : nativeHookID++;\n-\n- \/\/ For the time being, only State and Reducer hooks support runtime overrides.\n- const isStateEditable = primitive === 'Reducer' || primitive === 'State';\n-\n- levelChildren.push({\n- id,\n- isStateEditable,\n- name: primitive,\n- value: hook.value,\n- subHooks: [],\n- });\n- }\n-\n- \/\/ Associate custom hook values (useDebugValue() hook entries) with the correct hooks.\n- processDebugValues(rootChildren, null);\n-\n- return rootChildren;\n-}\n-\n-\/\/ Custom hooks support user-configurable labels (via the special useDebugValue() hook).\n-\/\/ That hook adds user-provided values to the hooks tree,\n-\/\/ but these values aren't intended to appear alongside of the other hooks.\n-\/\/ Instead they should be attributed to their parent custom hook.\n-\/\/ This method walks the tree and assigns debug values to their custom hook owners.\n-function processDebugValues(\n- hooksTree: HooksTree,\n- parentHooksNode: HooksNode | null\n-): void {\n- const debugValueHooksNodes: Array = [];\n-\n- for (let i = 0; i < hooksTree.length; i++) {\n- const hooksNode = hooksTree[i];\n- if (hooksNode.name === 'DebugValue' && hooksNode.subHooks.length === 0) {\n- hooksTree.splice(i, 1);\n- i--;\n- debugValueHooksNodes.push(hooksNode);\n- } else {\n- processDebugValues(hooksNode.subHooks, hooksNode);\n- }\n- }\n-\n- \/\/ Bubble debug value labels to their custom hook owner.\n- \/\/ If there is no parent hook, just ignore them for now.\n- \/\/ (We may warn about this in the future.)\n- if (parentHooksNode !== null) {\n- if (debugValueHooksNodes.length === 1) {\n- parentHooksNode.value = debugValueHooksNodes[0].value;\n- } else if (debugValueHooksNodes.length > 1) {\n- parentHooksNode.value = debugValueHooksNodes.map(({ value }) => value);\n- }\n- }\n-}\n-\n-export function inspectHooks(\n- renderFunction: Props => React$Node,\n- props: Props,\n- currentDispatcher: ReactCurrentDispatcher\n-): HooksTree {\n- \/\/ DevTools will pass the current renderer's injected dispatcher.\n- \/\/ Other apps might compile debug hooks as part of their app though.\n- \/\/if (currentDispatcher == null) {\n- \/\/currentDispatcher = ReactSharedInternals.ReactCurrentDispatcher;\n- \/\/}\n-\n- const previousDispatcher = currentDispatcher.current;\n- let readHookLog;\n- currentDispatcher.current = Dispatcher;\n- let ancestorStackError;\n- try {\n- ancestorStackError = new Error();\n- renderFunction(props);\n- } finally {\n- readHookLog = hookLog;\n- hookLog = [];\n- currentDispatcher.current = previousDispatcher;\n- }\n- const rootStack = ErrorStackParser.parse(ancestorStackError);\n- return buildTree(rootStack, readHookLog);\n-}\n-\n-function setupContexts(contextMap: Map, fiber: Fiber) {\n- let current = fiber;\n- while (current) {\n- if (current.tag === ContextProvider) {\n- const providerType: any = current.type;\n- const context: any = providerType._context;\n- if (!contextMap.has(context)) {\n- \/\/ Store the current value that we're going to restore later.\n- contextMap.set(context, context._currentValue);\n- \/\/ Set the inner most provider value on the context.\n- context._currentValue = current.memoizedProps.value;\n- }\n- }\n- current = current.return;\n- }\n-}\n-\n-function restoreContexts(contextMap: Map) {\n- contextMap.forEach((value, context) => (context._currentValue = value));\n-}\n-\n-function inspectHooksOfForwardRef(\n- renderFunction: (Props, Ref) => React$Node,\n- props: Props,\n- ref: Ref,\n- currentDispatcher: ReactCurrentDispatcher\n-): HooksTree {\n- const previousDispatcher = currentDispatcher.current;\n- let readHookLog;\n- currentDispatcher.current = Dispatcher;\n- let ancestorStackError;\n- try {\n- ancestorStackError = new Error();\n- renderFunction(props, ref);\n- } finally {\n- readHookLog = hookLog;\n- hookLog = [];\n- currentDispatcher.current = previousDispatcher;\n- }\n- const rootStack = ErrorStackParser.parse(ancestorStackError);\n- return buildTree(rootStack, readHookLog);\n-}\n-\n-function resolveDefaultProps(Component, baseProps) {\n- if (Component && Component.defaultProps) {\n- \/\/ Resolve default props. Taken from ReactElement\n- const props = Object.assign({}, baseProps);\n- const defaultProps = Component.defaultProps;\n- for (const propName in defaultProps) {\n- if (props[propName] === undefined) {\n- props[propName] = defaultProps[propName];\n- }\n- }\n- return props;\n- }\n- return baseProps;\n-}\n-\n-export function inspectHooksOfFiber(\n- fiber: Fiber,\n- currentDispatcher: ReactCurrentDispatcher\n-) {\n- \/\/ DevTools will pass the current renderer's injected dispatcher.\n- \/\/ Other apps might compile debug hooks as part of their app though.\n- \/\/if (currentDispatcher == null) {\n- \/\/currentDispatcher = ReactSharedInternals.ReactCurrentDispatcher;\n- \/\/}\n-\n- if (\n- fiber.tag !== FunctionComponent &&\n- fiber.tag !== SimpleMemoComponent &&\n- fiber.tag !== ForwardRef\n- ) {\n- throw new Error(\n- 'Unknown Fiber. Needs to be a function component to inspect hooks.'\n- );\n- }\n- \/\/ Warm up the cache so that it doesn't consume the currentHook.\n- getPrimitiveStackCache();\n- const type = fiber.type;\n- let props = fiber.memoizedProps;\n- if (type !== fiber.elementType) {\n- props = resolveDefaultProps(type, props);\n- }\n- \/\/ Set up the current hook so that we can step through and read the\n- \/\/ current state from them.\n- currentHook = (fiber.memoizedState: Hook);\n- const contextMap = new Map();\n- try {\n- setupContexts(contextMap, fiber);\n- if (fiber.tag === ForwardRef) {\n- return inspectHooksOfForwardRef(\n- type.render,\n- props,\n- fiber.ref,\n- currentDispatcher\n- );\n- }\n- return inspectHooks(type, props, currentDispatcher);\n- } finally {\n- currentHook = null;\n- restoreContexts(contextMap);\n- }\n-}\ndiff --git a\/packages\/react-devtools-shared\/src\/backend\/agent.js b\/packages\/react-devtools-shared\/src\/backend\/agent.js\nindex 362518b8c7..eb72e0bfd3 100644\n--- a\/packages\/react-devtools-shared\/src\/backend\/agent.js\n+++ b\/packages\/react-devtools-shared\/src\/backend\/agent.js\n@@ -1,6 +1,6 @@\n \/\/ @flow\n \n-import EventEmitter from 'events';\n+import EventEmitter from 'node-events';\n import throttle from 'lodash.throttle';\n import {\n SESSION_STORAGE_LAST_SELECTION_KEY,\ndiff --git a\/packages\/react-devtools-shared\/src\/backend\/legacy\/renderer.js b\/packages\/react-devtools-shared\/src\/backend\/legacy\/renderer.js\nindex 18d3513b12..4fff97a5fb 100644\n--- a\/packages\/react-devtools-shared\/src\/backend\/legacy\/renderer.js\n+++ b\/packages\/react-devtools-shared\/src\/backend\/legacy\/renderer.js\n@@ -407,17 +407,18 @@ export function attach(\n parentID: number,\n rootID: number\n ) {\n- const internalInstance = idToInternalInstanceMap.get(id);\n-\n if (__DEBUG__) {\n console.group('crawlAndRecordInitialMounts() id:', id);\n }\n \n- internalInstanceToRootIDMap.set(internalInstance, rootID);\n- recordMount(internalInstance, id, parentID);\n- getChildren(internalInstance).forEach(child =>\n- crawlAndRecordInitialMounts(getID(child), id, rootID)\n- );\n+ const internalInstance = idToInternalInstanceMap.get(id);\n+ if (internalInstance != null) {\n+ internalInstanceToRootIDMap.set(internalInstance, rootID);\n+ recordMount(internalInstance, id, parentID);\n+ getChildren(internalInstance).forEach(child =>\n+ crawlAndRecordInitialMounts(getID(child), id, rootID)\n+ );\n+ }\n \n if (__DEBUG__) {\n console.groupEnd();\n@@ -686,7 +687,12 @@ export function attach(\n \n function inspectElementRaw(id: number): InspectedElement | null {\n const internalInstance = idToInternalInstanceMap.get(id);\n- const displayName = getData(internalInstance).displayName;\n+\n+ if (internalInstance == null) {\n+ return null;\n+ }\n+\n+ const { displayName } = getData(internalInstance);\n const type = getElementType(internalInstance);\n \n let context = null;\n@@ -695,33 +701,31 @@ export function attach(\n let state = null;\n let source = null;\n \n- if (internalInstance != null) {\n- const element = internalInstance._currentElement;\n- if (element !== null) {\n- props = element.props;\n- source = element._source != null ? element._source : null;\n-\n- let owner = element._owner;\n- if (owner) {\n- owners = [];\n- while (owner != null) {\n- owners.push({\n- displayName: getData(owner).displayName || 'Unknown',\n- id: getID(owner),\n- type: getElementType(owner),\n- });\n- if (owner._currentElement) {\n- owner = owner._currentElement._owner;\n- }\n+ const element = internalInstance._currentElement;\n+ if (element !== null) {\n+ props = element.props;\n+ source = element._source != null ? element._source : null;\n+\n+ let owner = element._owner;\n+ if (owner) {\n+ owners = [];\n+ while (owner != null) {\n+ owners.push({\n+ displayName: getData(owner).displayName || 'Unknown',\n+ id: getID(owner),\n+ type: getElementType(owner),\n+ });\n+ if (owner._currentElement) {\n+ owner = owner._currentElement._owner;\n }\n }\n }\n+ }\n \n- const publicInstance = internalInstance._instance;\n- if (publicInstance != null) {\n- context = publicInstance.context || null;\n- state = publicInstance.state || null;\n- }\n+ const publicInstance = internalInstance._instance;\n+ if (publicInstance != null) {\n+ context = publicInstance.context || null;\n+ state = publicInstance.state || null;\n }\n \n return {\ndiff --git a\/packages\/react-devtools-shared\/src\/backend\/renderer.js b\/packages\/react-devtools-shared\/src\/backend\/renderer.js\nindex 44f00a9f02..2effb33445 100644\n--- a\/packages\/react-devtools-shared\/src\/backend\/renderer.js\n+++ b\/packages\/react-devtools-shared\/src\/backend\/renderer.js\n@@ -36,7 +36,7 @@ import {\n TREE_OPERATION_REORDER_CHILDREN,\n TREE_OPERATION_UPDATE_TREE_BASE_DURATION,\n } from '..\/constants';\n-import { inspectHooksOfFiber } from '.\/ReactDebugHooks';\n+import { inspectHooksOfFiber } from 'react-debug-tools';\n import {\n patch as patchConsole,\n registerRenderer as registerRendererWithConsole,\n@@ -285,6 +285,7 @@ export function getInternalReactConstants(\n const symbolOrNumber =\n typeof type === 'object' && type !== null ? type.$$typeof : type;\n \n+ \/\/ $FlowFixMe Flow doesn't know about typeof \"symbol\"\n return typeof symbolOrNumber === 'symbol'\n ? symbolOrNumber.toString()\n : symbolOrNumber;\n@@ -2746,7 +2747,9 @@ export function attach(\n }\n }\n const fiber = idToFiberMap.get(id);\n- scheduleUpdate(fiber);\n+ if (fiber != null) {\n+ scheduleUpdate(fiber);\n+ }\n }\n \n \/\/ Remember if we're trying to restore the selection after reload.\ndiff --git a\/packages\/react-devtools-shared\/src\/backend\/types.js b\/packages\/react-devtools-shared\/src\/backend\/types.js\nindex 498d1ef8fc..2a08164dec 100644\n--- a\/packages\/react-devtools-shared\/src\/backend\/types.js\n+++ b\/packages\/react-devtools-shared\/src\/backend\/types.js\n@@ -343,15 +343,6 @@ export type DevToolsHook = {\n ) => void,\n };\n \n-export type HooksNode = {\n- id: number,\n- isStateEditable: boolean,\n- name: string,\n- value: mixed,\n- subHooks: Array,\n-};\n-export type HooksTree = Array;\n-\n export type ReactEventResponder = {\n $$typeof: Symbol | number,\n displayName: string,\ndiff --git a\/packages\/react-devtools-shared\/src\/backend\/views\/Highlighter\/index.js b\/packages\/react-devtools-shared\/src\/backend\/views\/Highlighter\/index.js\nindex ca91a95858..b8a561fcde 100644\n--- a\/packages\/react-devtools-shared\/src\/backend\/views\/Highlighter\/index.js\n+++ b\/packages\/react-devtools-shared\/src\/backend\/views\/Highlighter\/index.js\n@@ -106,6 +106,7 @@ export default function setupHighlighter(\n if (scrollIntoView && typeof node.scrollIntoView === 'function') {\n \/\/ If the node isn't visible show it before highlighting it.\n \/\/ We may want to reconsider this; it might be a little disruptive.\n+ \/\/ $FlowFixMe Flow only knows about 'start' | 'end'\n node.scrollIntoView({ block: 'nearest', inline: 'nearest' });\n }\n \ndiff --git a\/packages\/react-devtools-shared\/src\/bridge.js b\/packages\/react-devtools-shared\/src\/bridge.js\nindex a4ac0ecea7..c0396cb1fb 100644\n--- a\/packages\/react-devtools-shared\/src\/bridge.js\n+++ b\/packages\/react-devtools-shared\/src\/bridge.js\n@@ -1,6 +1,6 @@\n \/\/ @flow\n \n-import EventEmitter from 'events';\n+import EventEmitter from 'node-events';\n \n import type { ComponentFilter, Wall } from '.\/types';\n import type {\ndiff --git a\/packages\/react-devtools-shared\/src\/devtools\/ProfilerStore.js b\/packages\/react-devtools-shared\/src\/devtools\/ProfilerStore.js\nindex 98a78470bd..e60233d8a1 100644\n--- a\/packages\/react-devtools-shared\/src\/devtools\/ProfilerStore.js\n+++ b\/packages\/react-devtools-shared\/src\/devtools\/ProfilerStore.js\n@@ -1,6 +1,6 @@\n \/\/ @flow\n \n-import EventEmitter from 'events';\n+import EventEmitter from 'node-events';\n import { prepareProfilingDataFrontendFromBackendAndStore } from '.\/views\/Profiler\/utils';\n import ProfilingCache from '.\/ProfilingCache';\n import Store from '.\/store';\ndiff --git a\/packages\/react-devtools-shared\/src\/devtools\/store.js b\/packages\/react-devtools-shared\/src\/devtools\/store.js\nindex 9492a4dc7c..6dc4fd2334 100644\n--- a\/packages\/react-devtools-shared\/src\/devtools\/store.js\n+++ b\/packages\/react-devtools-shared\/src\/devtools\/store.js\n@@ -1,6 +1,6 @@\n \/\/ @flow\n \n-import EventEmitter from 'events';\n+import EventEmitter from 'node-events';\n import { inspect } from 'util';\n import {\n TREE_OPERATION_ADD,\n@@ -18,7 +18,7 @@ import {\n } from '..\/utils';\n import { localStorageGetItem, localStorageSetItem } from '..\/storage';\n import { __DEBUG__ } from '..\/constants';\n-import { printStore } from '..\/__tests__\/storeSerializer';\n+import { printStore } from '.\/utils';\n import ProfilerStore from '.\/ProfilerStore';\n \n import type { Element } from '.\/views\/Components\/types';\ndiff --git a\/packages\/react-devtools-shared\/src\/devtools\/utils.js b\/packages\/react-devtools-shared\/src\/devtools\/utils.js\nnew file mode 100644\nindex 0000000000..2f70961ef7\n--- \/dev\/null\n+++ b\/packages\/react-devtools-shared\/src\/devtools\/utils.js\n@@ -0,0 +1,74 @@\n+\/\/ @flow\n+\n+import type { Element } from '.\/views\/Components\/types';\n+import type Store from '.\/store';\n+\n+export function printElement(element: Element, includeWeight: boolean = false) {\n+ let prefix = ' ';\n+ if (element.children.length > 0) {\n+ prefix = element.isCollapsed ? '▸' : '▾';\n+ }\n+\n+ let key = '';\n+ if (element.key !== null) {\n+ key = ` key=\"${element.key}\"`;\n+ }\n+\n+ let hocs = '';\n+ if (element.hocDisplayNames !== null) {\n+ hocs = ` [${element.hocDisplayNames.join('][')}]`;\n+ }\n+\n+ let suffix = '';\n+ if (includeWeight) {\n+ suffix = ` (${element.isCollapsed ? 1 : element.weight})`;\n+ }\n+\n+ return `${' '.repeat(element.depth + 1)}${prefix} <${element.displayName ||\n+ 'null'}${key}>${hocs}${suffix}`;\n+}\n+\n+export function printOwnersList(elements: Array, includeWeight: boolean = false) {\n+ return elements\n+ .map(element => printElement(element, includeWeight))\n+ .join('\\n');\n+}\n+\n+export function printStore(store: Store, includeWeight: boolean = false) {\n+ const snapshotLines = [];\n+\n+ let rootWeight = 0;\n+\n+ store.roots.forEach(rootID => {\n+ const { weight } = ((store.getElementByID(rootID): any): Element);\n+\n+ snapshotLines.push('[root]' + (includeWeight ? ` (${weight})` : ''));\n+\n+ for (let i = rootWeight; i < rootWeight + weight; i++) {\n+ const element = store.getElementAtIndex(i);\n+\n+ if (element == null) {\n+ throw Error(`Could not find element at index ${i}`);\n+ }\n+\n+ snapshotLines.push(printElement(element, includeWeight));\n+ }\n+\n+ rootWeight += weight;\n+ });\n+\n+ \/\/ Make sure the pretty-printed test align with the Store's reported number of total rows.\n+ if (rootWeight !== store.numElements) {\n+ throw Error(\n+ `Inconsistent Store state. Individual root weights (${rootWeight}) do not match total weight (${\n+ store.numElements\n+ })`\n+ );\n+ }\n+\n+ \/\/ If roots have been unmounted, verify that they've been removed from maps.\n+ \/\/ This helps ensure the Store doesn't leak memory.\n+ store.assertExpectedRootMapSizes();\n+\n+ return snapshotLines.join('\\n');\n+}\n\\ No newline at end of file\ndiff --git a\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/HooksTree.js b\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/HooksTree.js\nindex 84c9a1929e..c35d0a743e 100644\n--- a\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/HooksTree.js\n+++ b\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/HooksTree.js\n@@ -14,7 +14,7 @@ import styles from '.\/HooksTree.css';\n import { meta } from '..\/..\/..\/hydration';\n \n import type { InspectPath } from '.\/SelectedElement';\n-import type { HooksNode, HooksTree } from 'react-devtools-shared\/src\/backend\/types';\n+import type { HooksNode, HooksTree } from 'react-debug-tools\/src\/ReactDebugHooks';\n \n type HooksTreeViewProps = {|\n canEditHooks: boolean,\ndiff --git a\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/InspectedElementContext.js b\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/InspectedElementContext.js\nindex df92a6ffd5..951a34b34f 100644\n--- a\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/InspectedElementContext.js\n+++ b\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/InspectedElementContext.js\n@@ -285,7 +285,7 @@ function InspectedElementContextController({ children }: Props) {\n }\n \n function hydrateHelper(\n- dehydratedData: DehydratedData | null,\n+ dehydratedData: any | null,\n path?: Array\n ): Object | null {\n if (dehydratedData !== null) {\ndiff --git a\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/types.js b\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/types.js\nindex a641e8d40d..57cc310416 100644\n--- a\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/types.js\n+++ b\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/types.js\n@@ -1,5 +1,6 @@\n \/\/ @flow\n \n+import type { Dehydrated } from 'react-devtools-shared\/src\/hydration';\n import type { ElementType } from 'react-devtools-shared\/src\/types';\n \n \/\/ Each element on the frontend corresponds to a Fiber on the backend.\n@@ -83,5 +84,5 @@ export type InspectedElement = {|\n \n export type DehydratedData = {|\n cleaned: Array>,\n- data: Object,\n+ data: string | Dehydrated | Array | { [key: string]: string | Dehydrated },\n |};\ndiff --git a\/packages\/react-devtools-shared\/src\/devtools\/views\/utils.js b\/packages\/react-devtools-shared\/src\/devtools\/views\/utils.js\nindex 734ac5effb..db41f09ca9 100644\n--- a\/packages\/react-devtools-shared\/src\/devtools\/views\/utils.js\n+++ b\/packages\/react-devtools-shared\/src\/devtools\/views\/utils.js\n@@ -3,7 +3,7 @@\n import escapeStringRegExp from 'escape-string-regexp';\n import { meta } from '..\/..\/hydration';\n \n-import type { HooksTree } from 'react-devtools-shared\/src\/backend\/types';\n+import type { HooksTree } from 'react-debug-tools\/src\/ReactDebugHooks';\n \n export function createRegExp(string: string): RegExp {\n \/\/ Allow \/regex\/ syntax with optional last \/\ndiff --git a\/packages\/react-devtools-shared\/src\/hydration.js b\/packages\/react-devtools-shared\/src\/hydration.js\nindex ac94f73d1c..4fd5bcfd32 100644\n--- a\/packages\/react-devtools-shared\/src\/hydration.js\n+++ b\/packages\/react-devtools-shared\/src\/hydration.js\n@@ -27,7 +27,7 @@ export const meta = {\n type: Symbol('type'),\n };\n \n-type Dehydrated = {|\n+export type Dehydrated = {|\n inspectable: boolean,\n name: string | null,\n readonly?: boolean,\n@@ -176,7 +176,7 @@ export function dehydrate(\n path: Array,\n isPathWhitelisted: (path: Array) => boolean,\n level?: number = 0\n-): string | Dehydrated | { [key: string]: string | Dehydrated } {\n+): string | Dehydrated | Array | { [key: string]: string | Dehydrated } {\n const type = getDataType(data);\n \n switch (type) {\ndiff --git a\/yarn.lock b\/yarn.lock\nindex d6fc6a832c..5dcaac0211 100644\n--- a\/yarn.lock\n+++ b\/yarn.lock\n@@ -4643,6 +4643,11 @@ node-cleanup@^2.1.2:\n version \"2.1.2\"\n resolved \"https:\/\/registry.yarnpkg.com\/node-cleanup\/-\/node-cleanup-2.1.2.tgz#7ac19abd297e09a7f72a71545d951b517e4dde2c\"\n \n+\"node-events@npm:events@^3.0.0\":\n+ version \"3.0.0\"\n+ resolved \"https:\/\/registry.yarnpkg.com\/events\/-\/events-3.0.0.tgz#9a0a0dfaf62893d92b875b8f2698ca4114973e88\"\n+ integrity sha512-Dc381HFWJzEOhQ+d8pkNon++bk9h6cdAoAj4iE6Q4y6xgTzySWXlKn05\/TVNpjnfRqi\/X0EpJEJohPjNI3zpVA==\n+\n node-fetch@^1.0.1, node-fetch@^1.7.3:\n version \"1.7.3\"\n resolved \"https:\/\/registry.yarnpkg.com\/node-fetch\/-\/node-fetch-1.7.3.tgz#980f6f72d85211a5347c6b2bc18c5b84c3eb47ef\"\n","parents":["08743b1a8e012c1a36ba99391c6332e462b808b2"],"commit":{"authoredAt":"2019-08-13T17:53:28-07:00","authorEmail":"bvaughn@fb.com","authorName":"Brian Vaughn","subject":"Misc Flow and import fixes","revision":"edc46d7be7ce8fff2b5c21a00eb6741efbb9ef42","shortRevision":"edc46d7be7"},"files":[{"path":"packages\/react-debug-tools\/src\/ReactDebugHooks.js","status":"M"},{"path":"packages\/react-devtools-core\/src\/standalone.js","status":"M"},{"path":"packages\/react-devtools-extensions\/flow.js","status":"M"},{"path":"packages\/react-devtools-shared\/package.json","status":"M"},{"path":"packages\/react-devtools-shared\/src\/__tests__\/storeOwners-test.js","status":"M"},{"path":"packages\/react-devtools-shared\/src\/__tests__\/storeSerializer.js","status":"M"},{"path":"packages\/react-devtools-shared\/src\/backend\/NativeStyleEditor\/setupNativeStyleEditor.js","status":"M"},{"path":"packages\/react-devtools-shared\/src\/backend\/ReactDebugHooks.js","status":"D"},{"path":"packages\/react-devtools-shared\/src\/backend\/agent.js","status":"M"},{"path":"packages\/react-devtools-shared\/src\/backend\/legacy\/renderer.js","status":"M"},{"path":"packages\/react-devtools-shared\/src\/backend\/renderer.js","status":"M"},{"path":"packages\/react-devtools-shared\/src\/backend\/types.js","status":"M"},{"path":"packages\/react-devtools-shared\/src\/backend\/views\/Highlighter\/index.js","status":"M"},{"path":"packages\/react-devtools-shared\/src\/bridge.js","status":"M"},{"path":"packages\/react-devtools-shared\/src\/devtools\/ProfilerStore.js","status":"M"},{"path":"packages\/react-devtools-shared\/src\/devtools\/store.js","status":"M"},{"path":"packages\/react-devtools-shared\/src\/devtools\/utils.js","status":"A"},{"path":"packages\/react-devtools-shared\/src\/devtools\/views\/Components\/HooksTree.js","status":"M"},{"path":"packages\/react-devtools-shared\/src\/devtools\/views\/Components\/InspectedElementContext.js","status":"M"},{"path":"packages\/react-devtools-shared\/src\/devtools\/views\/Components\/types.js","status":"M"},{"path":"packages\/react-devtools-shared\/src\/devtools\/views\/utils.js","status":"M"},{"path":"packages\/react-devtools-shared\/src\/hydration.js","status":"M"},{"path":"yarn.lock","status":"M"}]}

dillon1000/react

Files changed