Move Libraries/Inspector/ to src/private/ (#49022)

Summary:
Pull Request resolved: #49022

These modules support the in-app Inspector Overlay.

Breaking change that's unlikely to hit any users. Unreferenced by Expo.

Changelog:
[General][Breaking] Move `Libraries/Inspector/` modules to `src/private/`

Reviewed By: cortinico

Differential Revision: D68781896

fbshipit-source-id: 8fcd72d56684319019f64a375c2e2ef317a47c13

Author: huntie

packages/react-native/Libraries/ReactNative/AppContainer-dev.js

@@ -52,7 +52,7 @@ const InspectorDeferred = ({
 }: InspectorDeferredProps) => {
   // D39382967 adds a require cycle: InitializeCore -> AppContainer -> Inspector -> InspectorPanel -> ScrollView -> InitializeCore
   // We can't remove it yet, fallback to dynamic require for now. This is the only reason why this logic is in a separate function.
-  const Inspector = require('../Inspector/Inspector').default;
+  const Inspector = require('../../src/private/inspector/Inspector').default;
 
   return (
     <Inspector
@@ -73,7 +73,7 @@ const ReactDevToolsOverlayDeferred = ({
   reactDevToolsAgent,
 }: ReactDevToolsOverlayDeferredProps) => {
   const ReactDevToolsOverlay =
-    require('../Inspector/ReactDevToolsOverlay').default;
+    require('../../src/private/inspector/ReactDevToolsOverlay').default;
 
   return (
     <ReactDevToolsOverlay

packages/react-native/Libraries/__tests__/__snapshots__/public-api-test.js.snap

@@ -5135,228 +5135,6 @@ declare module.exports: resolveAssetSource;
 "
 `;
 
-exports[`public API should not change unintentionally Libraries/Inspector/BorderBox.js 1`] = `
-"type Props = $ReadOnly<{
-  children: React.Node,
-  box?: ?$ReadOnly<{
-    top: number,
-    right: number,
-    bottom: number,
-    left: number,
-    ...
-  }>,
-  style?: ViewStyleProp,
-}>;
-declare function BorderBox(Props): React.Node;
-declare export default typeof BorderBox;
-"
-`;
-
-exports[`public API should not change unintentionally Libraries/Inspector/BoxInspector.js 1`] = `
-"type BoxInspectorProps = $ReadOnly<{
-  style: ViewStyleProp,
-  frame: ?InspectedElementFrame,
-}>;
-declare function BoxInspector(BoxInspectorProps): React.Node;
-declare export default typeof BoxInspector;
-"
-`;
-
-exports[`public API should not change unintentionally Libraries/Inspector/ElementBox.js 1`] = `
-"type Props = $ReadOnly<{
-  frame: InspectedElementFrame,
-  style?: ?ViewStyleProp,
-}>;
-declare function ElementBox(Props): React.Node;
-declare export default typeof ElementBox;
-"
-`;
-
-exports[`public API should not change unintentionally Libraries/Inspector/ElementProperties.js 1`] = `
-"type Props = $ReadOnly<{
-  hierarchy: ?InspectorData[\\"hierarchy\\"],
-  style?: ?ViewStyleProp,
-  frame?: ?Object,
-  selection?: ?number,
-  setSelection?: (number) => mixed,
-}>;
-declare class ElementProperties extends React.Component<Props> {
-  render(): React.Node;
-}
-declare export default typeof ElementProperties;
-"
-`;
-
-exports[`public API should not change unintentionally Libraries/Inspector/Inspector.js 1`] = `
-"export type InspectedElementFrame = TouchedViewDataAtPoint[\\"frame\\"];
-export type InspectedElement = $ReadOnly<{
-  frame: InspectedElementFrame,
-  style?: ViewStyleProp,
-}>;
-export type ElementsHierarchy = InspectorData[\\"hierarchy\\"];
-type Props = {
-  inspectedViewRef: InspectedViewRef,
-  onRequestRerenderApp: () => void,
-  reactDevToolsAgent?: ReactDevToolsAgent,
-};
-declare function Inspector(Props): React.Node;
-declare export default typeof Inspector;
-"
-`;
-
-exports[`public API should not change unintentionally Libraries/Inspector/InspectorOverlay.js 1`] = `
-"type Props = $ReadOnly<{
-  inspected?: ?InspectedElement,
-  onTouchPoint: (locationX: number, locationY: number) => void,
-}>;
-declare function InspectorOverlay(Props): React.Node;
-declare export default typeof InspectorOverlay;
-"
-`;
-
-exports[`public API should not change unintentionally Libraries/Inspector/InspectorPanel.js 1`] = `
-"type Props = $ReadOnly<{
-  devtoolsIsOpen: boolean,
-  inspecting: boolean,
-  setInspecting: (val: boolean) => void,
-  perfing: boolean,
-  setPerfing: (val: boolean) => void,
-  touchTargeting: boolean,
-  setTouchTargeting: (val: boolean) => void,
-  networking: boolean,
-  setNetworking: (val: boolean) => void,
-  hierarchy?: ?ElementsHierarchy,
-  selection?: ?number,
-  setSelection: (number) => mixed,
-  inspected?: ?InspectedElement,
-}>;
-declare class InspectorPanel extends React.Component<Props> {
-  renderWaiting(): React.Node;
-  render(): React.Node;
-}
-declare export default typeof InspectorPanel;
-"
-`;
-
-exports[`public API should not change unintentionally Libraries/Inspector/NetworkOverlay.js 1`] = `
-"type NetworkRequestInfo = {
-  id: number,
-  type?: string,
-  url?: string,
-  method?: string,
-  status?: number,
-  dataSent?: any,
-  responseContentType?: string,
-  responseSize?: number,
-  requestHeaders?: Object,
-  responseHeaders?: string,
-  response?: Object | string,
-  responseURL?: string,
-  responseType?: string,
-  timeout?: number,
-  closeReason?: string,
-  messages?: string,
-  serverClose?: Object,
-  serverError?: Object,
-  ...
-};
-type Props = $ReadOnly<{}>;
-type State = {
-  detailRowId: ?number,
-  requests: Array<NetworkRequestInfo>,
-};
-declare class NetworkOverlay extends React.Component<Props, State> {
-  _requestsListView: ?React.ElementRef<Class<FlatList<NetworkRequestInfo>>>;
-  _detailScrollView: ?React.ElementRef<typeof ScrollView>;
-  _requestsListViewScrollMetrics: {
-    contentLength: number,
-    offset: number,
-    visibleLength: number,
-  };
-  _socketIdMap: { [number]: number };
-  _xhrIdMap: { [key: number]: number, ... };
-  state: State;
-  _enableXHRInterception(): void;
-  _enableWebSocketInterception(): void;
-  componentDidMount(): void;
-  componentWillUnmount(): void;
-  _renderItem: $FlowFixMe;
-  _renderItemDetail(id: number): React.Node;
-  _indicateAdditionalRequests: $FlowFixMe;
-  _captureRequestsListView: $FlowFixMe;
-  _requestsListViewOnScroll: $FlowFixMe;
-  _pressRow(rowId: number): void;
-  _scrollDetailToTop: $FlowFixMe;
-  _closeButtonClicked: $FlowFixMe;
-  _getRequestIndexByXHRID(index: number): number;
-  render(): React.Node;
-}
-declare export default typeof NetworkOverlay;
-"
-`;
-
-exports[`public API should not change unintentionally Libraries/Inspector/PerformanceOverlay.js 1`] = `
-"declare class PerformanceOverlay extends React.Component<{ ... }> {
-  render(): React.Node;
-}
-declare export default typeof PerformanceOverlay;
-"
-`;
-
-exports[`public API should not change unintentionally Libraries/Inspector/ReactDevToolsOverlay.js 1`] = `
-"type Props = {
-  inspectedViewRef: InspectedViewRef,
-  reactDevToolsAgent: ReactDevToolsAgent,
-};
-declare export default function ReactDevToolsOverlay(Props): React.Node;
-"
-`;
-
-exports[`public API should not change unintentionally Libraries/Inspector/StyleInspector.js 1`] = `
-"type Props = $ReadOnly<{
-  style?: ?____FlattenStyleProp_Internal<ViewStyleProp>,
-}>;
-declare function StyleInspector(Props): React.Node;
-declare export default typeof StyleInspector;
-"
-`;
-
-exports[`public API should not change unintentionally Libraries/Inspector/getInspectorDataForViewAtPoint.js 1`] = `
-"export type ReactRenderer = {
-  rendererConfig: {
-    getInspectorDataForViewAtPoint: (
-      inspectedView: ?HostInstance,
-      locationX: number,
-      locationY: number,
-      callback: Function
-    ) => void,
-    ...
-  },
-};
-declare function getInspectorDataForViewAtPoint(
-  inspectedView: ?HostInstance,
-  locationX: number,
-  locationY: number,
-  callback: (viewData: TouchedViewDataAtPoint) => boolean
-): void;
-declare export default typeof getInspectorDataForViewAtPoint;
-"
-`;
-
-exports[`public API should not change unintentionally Libraries/Inspector/resolveBoxStyle.js 1`] = `
-"declare function resolveBoxStyle(
-  prefix: string,
-  style: Object
-): ?$ReadOnly<{
-  bottom: number,
-  left: number,
-  right: number,
-  top: number,
-}>;
-declare export default typeof resolveBoxStyle;
-"
-`;
-
 exports[`public API should not change unintentionally Libraries/Interaction/FrameRateLogger.js 1`] = `
 "declare const FrameRateLogger: {
   setGlobalOptions: (options: { debug?: boolean, ... }) => void,

packages/react-native/Libraries/Inspector/BorderBox.js packages/react-native/src/private/inspector/BorderBox.js

@@ -10,11 +10,11 @@
 
 'use strict';
 
-import type {ViewStyleProp} from '../StyleSheet/StyleSheet';
+import type {ViewStyleProp} from '../../../Libraries/StyleSheet/StyleSheet';
 
 import React from 'react';
 
-const View = require('../Components/View/View').default;
+const View = require('../../../Libraries/Components/View/View').default;
 
 type Props = $ReadOnly<{
   children: React.Node,

packages/react-native/Libraries/Inspector/BoxInspector.js packages/react-native/src/private/inspector/BoxInspector.js

@@ -10,14 +10,17 @@
 
 'use strict';
 
-import type {TextStyleProp, ViewStyleProp} from '../StyleSheet/StyleSheet';
+import type {
+  TextStyleProp,
+  ViewStyleProp,
+} from '../../../Libraries/StyleSheet/StyleSheet';
 import type {InspectedElementFrame} from './Inspector';
 
 import React from 'react';
 
-const View = require('../Components/View/View').default;
-const StyleSheet = require('../StyleSheet/StyleSheet');
-const Text = require('../Text/Text').default;
+const View = require('../../../Libraries/Components/View/View').default;
+const StyleSheet = require('../../../Libraries/StyleSheet/StyleSheet');
+const Text = require('../../../Libraries/Text/Text').default;
 const resolveBoxStyle = require('./resolveBoxStyle').default;
 
 const blank = {

packages/react-native/Libraries/Inspector/ElementBox.js packages/react-native/src/private/inspector/ElementBox.js

@@ -10,15 +10,15 @@
 
 'use strict';
 
-import type {ViewStyleProp} from '../StyleSheet/StyleSheet';
+import type {ViewStyleProp} from '../../../Libraries/StyleSheet/StyleSheet';
 import type {InspectedElementFrame} from './Inspector';
 
 import React from 'react';
 
-const View = require('../Components/View/View').default;
-const flattenStyle = require('../StyleSheet/flattenStyle');
-const StyleSheet = require('../StyleSheet/StyleSheet');
-const Dimensions = require('../Utilities/Dimensions').default;
+const View = require('../../../Libraries/Components/View/View').default;
+const flattenStyle = require('../../../Libraries/StyleSheet/flattenStyle');
+const StyleSheet = require('../../../Libraries/StyleSheet/StyleSheet');
+const Dimensions = require('../../../Libraries/Utilities/Dimensions').default;
 const BorderBox = require('./BorderBox').default;
 const resolveBoxStyle = require('./resolveBoxStyle').default;
 

packages/react-native/Libraries/Inspector/ElementProperties.js packages/react-native/src/private/inspector/ElementProperties.js

@@ -10,20 +10,20 @@
 
 'use strict';
 
-import type {InspectorData} from '../Renderer/shims/ReactNativeTypes';
-import type {ViewStyleProp} from '../StyleSheet/StyleSheet';
+import type {InspectorData} from '../../../Libraries/Renderer/shims/ReactNativeTypes';
+import type {ViewStyleProp} from '../../../Libraries/StyleSheet/StyleSheet';
 
 import React from 'react';
 
 const TouchableHighlight =
-  require('../Components/Touchable/TouchableHighlight').default;
+  require('../../../Libraries/Components/Touchable/TouchableHighlight').default;
 const TouchableWithoutFeedback =
-  require('../Components/Touchable/TouchableWithoutFeedback').default;
-const View = require('../Components/View/View').default;
-const flattenStyle = require('../StyleSheet/flattenStyle');
-const StyleSheet = require('../StyleSheet/StyleSheet');
-const Text = require('../Text/Text').default;
-const mapWithSeparator = require('../Utilities/mapWithSeparator');
+  require('../../../Libraries/Components/Touchable/TouchableWithoutFeedback').default;
+const View = require('../../../Libraries/Components/View/View').default;
+const flattenStyle = require('../../../Libraries/StyleSheet/flattenStyle');
+const StyleSheet = require('../../../Libraries/StyleSheet/StyleSheet');
+const Text = require('../../../Libraries/Text/Text').default;
+const mapWithSeparator = require('../../../Libraries/Utilities/mapWithSeparator');
 const BoxInspector = require('./BoxInspector').default;
 const StyleInspector = require('./StyleInspector').default;
 

packages/react-native/Libraries/Inspector/Inspector.js packages/react-native/src/private/inspector/Inspector.js

@@ -10,23 +10,25 @@
 
 'use strict';
 
-import type {InspectedViewRef} from '../ReactNative/AppContainer-dev';
+import type {InspectedViewRef} from '../../../Libraries/ReactNative/AppContainer-dev';
 import type {
   InspectorData,
   TouchedViewDataAtPoint,
-} from '../Renderer/shims/ReactNativeTypes';
-import type {ViewStyleProp} from '../StyleSheet/StyleSheet';
-import type {ReactDevToolsAgent} from '../Types/ReactDevToolsTypes';
+} from '../../../Libraries/Renderer/shims/ReactNativeTypes';
+import type {ViewStyleProp} from '../../../Libraries/StyleSheet/StyleSheet';
+import type {ReactDevToolsAgent} from '../../../Libraries/Types/ReactDevToolsTypes';
 
-import SafeAreaView from '../../src/private/components/SafeAreaView_INTERNAL_DO_NOT_USE';
+import SafeAreaView from '../components/SafeAreaView_INTERNAL_DO_NOT_USE';
 import React from 'react';
 
-const View = require('../Components/View/View').default;
-const PressabilityDebug = require('../Pressability/PressabilityDebug');
-const {findNodeHandle} = require('../ReactNative/RendererProxy');
-const StyleSheet = require('../StyleSheet/StyleSheet');
-const Dimensions = require('../Utilities/Dimensions').default;
-const Platform = require('../Utilities/Platform');
+const View = require('../../../Libraries/Components/View/View').default;
+const PressabilityDebug = require('../../../Libraries/Pressability/PressabilityDebug');
+const {
+  findNodeHandle,
+} = require('../../../Libraries/ReactNative/RendererProxy');
+const StyleSheet = require('../../../Libraries/StyleSheet/StyleSheet');
+const Dimensions = require('../../../Libraries/Utilities/Dimensions').default;
+const Platform = require('../../../Libraries/Utilities/Platform');
 const getInspectorDataForViewAtPoint =
   require('./getInspectorDataForViewAtPoint').default;
 const InspectorOverlay = require('./InspectorOverlay').default;

packages/react-native/Libraries/Inspector/InspectorOverlay.js packages/react-native/src/private/inspector/InspectorOverlay.js

@@ -10,13 +10,13 @@
 
 'use strict';
 
-import type {PressEvent} from '../Types/CoreEventTypes';
+import type {PressEvent} from '../../../Libraries/Types/CoreEventTypes';
 import type {InspectedElement} from './Inspector';
 
 import React from 'react';
 
-const View = require('../Components/View/View').default;
-const StyleSheet = require('../StyleSheet/StyleSheet');
+const View = require('../../../Libraries/Components/View/View').default;
+const StyleSheet = require('../../../Libraries/StyleSheet/StyleSheet');
 const ElementBox = require('./ElementBox').default;
 
 type Props = $ReadOnly<{