@office-iss/react-native-win32 0.0.0-canary.283 → 0.0.0-canary.285

package/Libraries/Inspector/Inspector.win32.js

@@ -1,212 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @format
- * @flow
- */
-
-'use strict';
-
-import type {InspectedViewRef} from '../ReactNative/AppContainer-dev';
-import type {
-  InspectorData,
-  TouchedViewDataAtPoint,
-} from '../Renderer/shims/ReactNativeTypes';
-import type {ViewStyleProp} from '../StyleSheet/StyleSheet';
-import type {ReactDevToolsAgent} from '../Types/ReactDevToolsTypes';
-
-import SafeAreaView from '../../src/private/components/SafeAreaView_INTERNAL_DO_NOT_USE';
-
-const PressabilityDebug = require('../Pressability/PressabilityDebug');
-const ReactNative = require('../Renderer/shims/ReactNative').default;
-const {findNodeHandle} = require('../ReactNative/RendererProxy');
-const StyleSheet = require('../StyleSheet/StyleSheet');
-const Platform = require('../Utilities/Platform');
-const View = require('../Components/View/View');
-const getInspectorDataForViewAtPoint = require('./getInspectorDataForViewAtPoint');
-const InspectorOverlay = require('./InspectorOverlay');
-const InspectorPanel = require('./InspectorPanel');
-const React = require('react');
-
-const {useState} = React;
-
-type PanelPosition = 'top' | 'bottom';
-type SelectedTab =
-  | 'elements-inspector'
-  | 'network-profiling'
-  | 'performance-profiling';
-
-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,
-};
-
-const UIManager = require('../ReactNative/UIManager'); // [Win32]
-
-function Inspector({
-  inspectedViewRef,
-  onRequestRerenderApp,
-  reactDevToolsAgent,
-}: Props): React.Node {
-  const [selectedTab, setSelectedTab] =
-    useState<?SelectedTab>('elements-inspector');
-
-  const [panelPosition, setPanelPosition] = useState<PanelPosition>('bottom');
-  const [inspectedElement, setInspectedElement] =
-    useState<?InspectedElement>(null);
-  const [selectionIndex, setSelectionIndex] = useState<?number>(null);
-  const [elementsHierarchy, setElementsHierarchy] =
-    useState<?ElementsHierarchy>(null);
-
-  const setSelection = (i: number) => {
-    const hierarchyItem = elementsHierarchy?.[i];
-    if (hierarchyItem == null) {
-      return;
-    }
-
-    // We pass in findNodeHandle as the method is injected
-    const {measure, props} = hierarchyItem.getInspectorData(findNodeHandle);
-
-    measure((x, y, width, height, left, top) => {
-      // $FlowFixMe[incompatible-call] `props` from InspectorData are defined as <string, string> dictionary, which is incompatible with ViewStyleProp
-      setInspectedElement({
-        frame: {left, top, width, height},
-        style: props.style,
-      });
-
-      setSelectionIndex(i);
-    });
-  };
-
-  const onTouchPoint = (locationX: number, locationY: number) => {
-    const setTouchedViewData = (viewData: TouchedViewDataAtPoint) => {
-      const {
-        hierarchy,
-        props,
-        selectedIndex,
-        frame,
-        pointerY,
-        touchedViewTag,
-        closestInstance,
-      } = viewData;
-
-      // Sync the touched view with React DevTools.
-      // Note: This is Paper only. To support Fabric,
-      // DevTools needs to be updated to not rely on view tags.
-      if (reactDevToolsAgent) {
-        reactDevToolsAgent.selectNode(findNodeHandle(touchedViewTag));
-        if (closestInstance != null) {
-          reactDevToolsAgent.selectNode(closestInstance);
-        }
-      }
-
-      // [Win32 Avoid Dimensions call
-      const node = ReactNative.findNodeHandle(inspectedViewRef);
-      // $FlowFixMe[incompatible-call]
-      UIManager.measure(node, (x, y, width, height, left, top) => {
-        setPanelPosition(pointerY > height / 2 ? 'top' : 'bottom');
-        setSelectionIndex(selectedIndex);
-        setElementsHierarchy(hierarchy);
-        // $FlowFixMe[incompatible-call] `props` from InspectorData are defined as <string, string> dictionary, which is incompatible with ViewStyleProp
-        setInspectedElement({
-          frame,
-          style: props.style,
-        });
-      });
-    };
-
-    // ]Win32
-    getInspectorDataForViewAtPoint(
-      inspectedViewRef.current,
-      locationX,
-      locationY,
-      viewData => {
-        setTouchedViewData(viewData);
-        return false;
-      },
-    );
-  };
-
-  const setInspecting = (enabled: boolean) => {
-    setSelectedTab(enabled ? 'elements-inspector' : null);
-    setInspectedElement(null);
-  };
-
-  const setPerfing = (enabled: boolean) => {
-    setSelectedTab(enabled ? 'performance-profiling' : null);
-    setInspectedElement(null);
-  };
-
-  const setNetworking = (enabled: boolean) => {
-    setSelectedTab(enabled ? 'network-profiling' : null);
-    setInspectedElement(null);
-  };
-
-  const setTouchTargeting = (val: boolean) => {
-    PressabilityDebug.setEnabled(val);
-    onRequestRerenderApp();
-  };
-
-  const panelContainerStyle =
-    panelPosition === 'bottom'
-      ? {bottom: 0}
-      : Platform.select({ios: {top: 0}, default: {top: 0}});
-
-  return (
-    <View style={styles.container} pointerEvents="box-none">
-      {selectedTab === 'elements-inspector' && (
-        <InspectorOverlay
-          inspected={inspectedElement}
-          onTouchPoint={onTouchPoint}
-        />
-      )}
-
-      <SafeAreaView style={[styles.panelContainer, panelContainerStyle]}>
-        <InspectorPanel
-          devtoolsIsOpen={!!reactDevToolsAgent}
-          inspecting={selectedTab === 'elements-inspector'}
-          perfing={selectedTab === 'performance-profiling'}
-          setPerfing={setPerfing}
-          setInspecting={setInspecting}
-          inspected={inspectedElement}
-          hierarchy={elementsHierarchy}
-          selection={selectionIndex}
-          setSelection={setSelection}
-          touchTargeting={PressabilityDebug.isEnabled()}
-          setTouchTargeting={setTouchTargeting}
-          networking={selectedTab === 'network-profiling'}
-          setNetworking={setNetworking}
-        />
-      </SafeAreaView>
-    </View>
-  );
-}
-
-const styles = StyleSheet.create({
-  container: {
-    position: 'absolute',
-    backgroundColor: 'transparent',
-    top: 0,
-    left: 0,
-    right: 0,
-    bottom: 0,
-  },
-  panelContainer: {
-    position: 'absolute',
-    left: 0,
-    right: 0,
-  },
-});
-
-module.exports = Inspector;

package/Libraries/Inspector/InspectorOverlay.win32.js

@@ -1,68 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @format
- * @flow
- */
-
-'use strict';
-
-import type {PressEvent} from '../Types/CoreEventTypes';
-import type {InspectedElement} from './Inspector';
-
-// import Dimensions from '../Utilities/Dimensions'; [Win32]
-
-const View = require('../Components/View/View');
-const StyleSheet = require('../StyleSheet/StyleSheet');
-const ElementBox = require('./ElementBox');
-const React = require('react');
-
-type Props = $ReadOnly<{|
-  inspected?: ?InspectedElement,
-  onTouchPoint: (locationX: number, locationY: number) => void,
-|}>;
-
-function InspectorOverlay({inspected, onTouchPoint}: Props): React.Node {
-  const findViewForTouchEvent = (e: PressEvent) => {
-    const {locationX, locationY} = e.nativeEvent.touches[0];
-
-    onTouchPoint(locationX, locationY);
-  };
-
-  const handleStartShouldSetResponder = (e: PressEvent): boolean => {
-    findViewForTouchEvent(e);
-    return true;
-  };
-
-  let content = null;
-  if (inspected) {
-    content = <ElementBox frame={inspected.frame} style={inspected.style} />;
-  }
-
-  // [Win32, height replaced with 100% to avoid Dimensions call]
-  return (
-    <View
-      onStartShouldSetResponder={handleStartShouldSetResponder}
-      onResponderMove={findViewForTouchEvent}
-      nativeID="inspectorOverlay" /* TODO: T68258846. */
-      style={[styles.inspector, {height: '100%'}]}>
-      {content}
-    </View>
-  );
-}
-
-const styles = StyleSheet.create({
-  inspector: {
-    backgroundColor: 'transparent',
-    position: 'absolute',
-    left: 0,
-    top: 0,
-    right: 0,
-    bottom: 0,
-  },
-});
-
-module.exports = InspectorOverlay;

package/Libraries/JSInspector/InspectorAgent.js

@@ -1,27 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @format
- * @flow strict
- */
-
-'use strict';
-
-export type EventSender = (name: string, params: mixed) => void;
-
-class InspectorAgent {
-  _eventSender: EventSender;
-
-  constructor(eventSender: EventSender) {
-    this._eventSender = eventSender;
-  }
-
-  sendEvent(name: string, params: mixed) {
-    this._eventSender(name, params);
-  }
-}
-
-module.exports = InspectorAgent;

package/Libraries/JSInspector/JSInspector.js

@@ -1,33 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @format
- * @flow strict
- */
-
-'use strict';
-
-import type {EventSender} from './InspectorAgent';
-
-interface Agent {
-  constructor(eventSender: EventSender): void;
-}
-
-// Flow doesn't support static declarations in interface
-type AgentClass = Class<Agent> & {DOMAIN: string, ...};
-
-const JSInspector = {
-  registerAgent(type: AgentClass) {
-    if (global.__registerInspectorAgent) {
-      global.__registerInspectorAgent(type);
-    }
-  },
-  getTimestamp(): number {
-    return global.__inspectorTimestamp();
-  },
-};
-
-module.exports = JSInspector;

package/Libraries/JSInspector/NetworkAgent.js

@@ -1,295 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @format
- * @flow strict-local
- */
-
-'use strict';
-
-import type EventSender from './InspectorAgent';
-
-const XMLHttpRequest = require('../Network/XMLHttpRequest');
-const InspectorAgent = require('./InspectorAgent');
-const JSInspector = require('./JSInspector');
-
-type RequestId = string;
-
-type LoaderId = string;
-type FrameId = string;
-type Timestamp = number;
-
-type Headers = {[string]: string};
-
-// We don't currently care about this
-type ResourceTiming = null;
-
-type ResourceType =
-  | 'Document'
-  | 'Stylesheet'
-  | 'Image'
-  | 'Media'
-  | 'Font'
-  | 'Script'
-  | 'TextTrack'
-  | 'XHR'
-  | 'Fetch'
-  | 'EventSource'
-  | 'WebSocket'
-  | 'Manifest'
-  | 'Other';
-
-type SecurityState =
-  | 'unknown'
-  | 'neutral'
-  | 'insecure'
-  | 'warning'
-  | 'secure'
-  | 'info';
-type BlockedReason =
-  | 'csp'
-  | 'mixed-content'
-  | 'origin'
-  | 'inspector'
-  | 'subresource-filter'
-  | 'other';
-
-type StackTrace = null;
-
-type Initiator = {
-  type: 'script' | 'other',
-  stackTrace?: StackTrace,
-  url?: string,
-  lineNumber?: number,
-  ...
-};
-
-type ResourcePriority = 'VeryLow' | 'Low' | 'Medium' | 'High' | 'VeryHigh';
-
-type Request = {
-  url: string,
-  method: string,
-  headers: Headers,
-  postData?: string,
-  mixedContentType?: 'blockable' | 'optionally-blockable' | 'none',
-  initialPriority: ResourcePriority,
-  ...
-};
-
-type Response = {
-  url: string,
-  status: number,
-  statusText: string,
-  headers: Headers,
-  headersText?: string,
-  mimeType: string,
-  requestHeaders?: Headers,
-  requestHeadersText?: string,
-  connectionReused: boolean,
-  connectionId: number,
-  fromDiskCache?: boolean,
-  encodedDataLength: number,
-  timing?: ResourceTiming,
-  securityState: SecurityState,
-  ...
-};
-
-type RequestWillBeSentEvent = {
-  requestId: RequestId,
-  frameId: FrameId,
-  loaderId: LoaderId,
-  documentURL: string,
-  request: Request,
-  timestamp: Timestamp,
-  initiator: Initiator,
-  redirectResponse?: Response,
-  // This is supposed to be optional but the inspector crashes without it,
-  // see https://bugs.chromium.org/p/chromium/issues/detail?id=653138
-  type: ResourceType,
-  ...
-};
-
-type ResponseReceivedEvent = {
-  requestId: RequestId,
-  frameId: FrameId,
-  loaderId: LoaderId,
-  timestamp: Timestamp,
-  type: ResourceType,
-  response: Response,
-  ...
-};
-
-type DataReceived = {
-  requestId: RequestId,
-  timestamp: Timestamp,
-  dataLength: number,
-  encodedDataLength: number,
-  ...
-};
-
-type LoadingFinishedEvent = {
-  requestId: RequestId,
-  timestamp: Timestamp,
-  encodedDataLength: number,
-  ...
-};
-
-type LoadingFailedEvent = {
-  requestId: RequestId,
-  timestamp: Timestamp,
-  type: ResourceType,
-  errorText: string,
-  canceled?: boolean,
-  blockedReason?: BlockedReason,
-  ...
-};
-
-class Interceptor {
-  _agent: NetworkAgent;
-  _requests: Map<string, string>;
-
-  constructor(agent: NetworkAgent) {
-    this._agent = agent;
-    this._requests = new Map();
-  }
-
-  getData(requestId: string): ?string {
-    return this._requests.get(requestId);
-  }
-
-  requestSent(id: number, url: string, method: string, headers: Headers) {
-    const requestId = String(id);
-    this._requests.set(requestId, '');
-
-    const request: Request = {
-      url,
-      method,
-      headers,
-      initialPriority: 'Medium',
-    };
-    const event: RequestWillBeSentEvent = {
-      requestId,
-      documentURL: '',
-      frameId: '1',
-      loaderId: '1',
-      request,
-      timestamp: JSInspector.getTimestamp(),
-      initiator: {
-        // TODO(blom): Get stack trace
-        // If type is 'script' the inspector will try to execute
-        // `stack.callFrames[0]`
-        type: 'other',
-      },
-      type: 'Other',
-    };
-    this._agent.sendEvent('requestWillBeSent', event);
-  }
-
-  responseReceived(id: number, url: string, status: number, headers: Headers) {
-    const requestId = String(id);
-    const response: Response = {
-      url,
-      status,
-      statusText: String(status),
-      headers,
-      // TODO(blom) refined headers, can we get this?
-      requestHeaders: {},
-      mimeType: this._getMimeType(headers),
-      connectionReused: false,
-      connectionId: -1,
-      encodedDataLength: 0,
-      securityState: 'unknown',
-    };
-
-    const event: ResponseReceivedEvent = {
-      requestId,
-      frameId: '1',
-      loaderId: '1',
-      timestamp: JSInspector.getTimestamp(),
-      type: 'Other',
-      response,
-    };
-    this._agent.sendEvent('responseReceived', event);
-  }
-
-  dataReceived(id: number, data: string) {
-    const requestId = String(id);
-    const existingData = this._requests.get(requestId) || '';
-    this._requests.set(requestId, existingData.concat(data));
-    const event: DataReceived = {
-      requestId,
-      timestamp: JSInspector.getTimestamp(),
-      dataLength: data.length,
-      encodedDataLength: data.length,
-    };
-    this._agent.sendEvent('dataReceived', event);
-  }
-
-  loadingFinished(id: number, encodedDataLength: number) {
-    const event: LoadingFinishedEvent = {
-      requestId: String(id),
-      timestamp: JSInspector.getTimestamp(),
-      encodedDataLength,
-    };
-    this._agent.sendEvent('loadingFinished', event);
-  }
-
-  loadingFailed(id: number, error: string) {
-    const event: LoadingFailedEvent = {
-      requestId: String(id),
-      timestamp: JSInspector.getTimestamp(),
-      type: 'Other',
-      errorText: error,
-    };
-    this._agent.sendEvent('loadingFailed', event);
-  }
-
-  _getMimeType(headers: Headers): string {
-    const contentType = headers['Content-Type'] || '';
-    return contentType.split(';')[0];
-  }
-}
-
-type EnableArgs = {
-  maxResourceBufferSize?: number,
-  maxTotalBufferSize?: number,
-  ...
-};
-
-class NetworkAgent extends InspectorAgent {
-  static DOMAIN: string = 'Network';
-
-  _sendEvent: EventSender;
-  _interceptor: ?Interceptor;
-
-  enable({maxResourceBufferSize, maxTotalBufferSize}: EnableArgs) {
-    this._interceptor = new Interceptor(this);
-    XMLHttpRequest.setInterceptor(this._interceptor);
-  }
-
-  disable() {
-    XMLHttpRequest.setInterceptor(null);
-    this._interceptor = null;
-  }
-
-  getResponseBody({requestId}: {requestId: RequestId, ...}): {
-    body: ?string,
-    base64Encoded: boolean,
-    ...
-  } {
-    return {body: this.interceptor().getData(requestId), base64Encoded: false};
-  }
-
-  interceptor(): Interceptor {
-    if (this._interceptor) {
-      return this._interceptor;
-    } else {
-      throw Error('_interceptor can not be null');
-    }
-  }
-}
-
-module.exports = NetworkAgent;

package/Libraries/Utilities/DebugEnvironment.js

@@ -1,16 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @format
- * @flow strict
- */
-
-export let isAsyncDebugging: boolean = false;
-
-if (__DEV__) {
-  // These native interfaces don't exist in asynchronous debugging environments.
-  isAsyncDebugging = !global.nativeCallSyncHook && !global.RN$Bridgeless;
-}

package/Libraries/YellowBox/YellowBoxDeprecated.d.ts

@@ -1,19 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @format
- */
-
-import type * as React from 'react';
-
-/**
- * YellowBox has been replaced with LogBox.
- * @see LogBox
- * @deprecated
- */
-export const YellowBox: React.ComponentClass<any, any> & {
-  ignoreWarnings: (warnings: string[]) => void;
-};