@office-iss/react-native-win32 0.79.0-preview.2 → 0.80.0-preview.1

package/Libraries/Performance/Systrace.js

@@ -10,7 +10,7 @@
 
 import typeof * as SystraceModule from './Systrace';
 
-const TRACE_TAG_REACT_APPS = 1 << 17; // eslint-disable-line no-bitwise
+const TRACE_TAG_REACT = 1 << 13; // eslint-disable-line no-bitwise
 
 let _asyncCookie = 0;
 
@@ -32,7 +32,7 @@ type EventArgs = ?{[string]: string};
  */
 export function isEnabled(): boolean {
   return global.nativeTraceIsTracing
-    ? global.nativeTraceIsTracing(TRACE_TAG_REACT_APPS)
+    ? global.nativeTraceIsTracing(TRACE_TAG_REACT)
     : Boolean(global.__RCTProfileIsProfiling);
 }
 
@@ -52,7 +52,7 @@ export function beginEvent(eventName: EventName, args?: EventArgs): void {
   if (isEnabled()) {
     const eventNameString =
       typeof eventName === 'function' ? eventName() : eventName;
-    global.nativeTraceBeginSection(TRACE_TAG_REACT_APPS, eventNameString, args);
+    global.nativeTraceBeginSection(TRACE_TAG_REACT, eventNameString, args);
   }
 }
 
@@ -61,7 +61,7 @@ export function beginEvent(eventName: EventName, args?: EventArgs): void {
  */
 export function endEvent(args?: EventArgs): void {
   if (isEnabled()) {
-    global.nativeTraceEndSection(TRACE_TAG_REACT_APPS, args);
+    global.nativeTraceEndSection(TRACE_TAG_REACT, args);
   }
 }
 
@@ -80,7 +80,7 @@ export function beginAsyncEvent(
     const eventNameString =
       typeof eventName === 'function' ? eventName() : eventName;
     global.nativeTraceBeginAsyncSection(
-      TRACE_TAG_REACT_APPS,
+      TRACE_TAG_REACT,
       eventNameString,
       cookie,
       args,
@@ -102,7 +102,7 @@ export function endAsyncEvent(
     const eventNameString =
       typeof eventName === 'function' ? eventName() : eventName;
     global.nativeTraceEndAsyncSection(
-      TRACE_TAG_REACT_APPS,
+      TRACE_TAG_REACT,
       eventNameString,
       cookie,
       args,
@@ -118,7 +118,7 @@ export function counterEvent(eventName: EventName, value: number): void {
     const eventNameString =
       typeof eventName === 'function' ? eventName() : eventName;
     global.nativeTraceCounter &&
-      global.nativeTraceCounter(TRACE_TAG_REACT_APPS, eventNameString, value);
+      global.nativeTraceCounter(TRACE_TAG_REACT, eventNameString, value);
   }
 }
 

package/Libraries/Pressability/Pressability.js

@@ -829,7 +829,7 @@ export default class Pressability {
   };
 
   _isTouchWithinResponderRegion(
-    touch: $PropertyType<GestureResponderEvent, 'nativeEvent'>,
+    touch: GestureResponderEvent['nativeEvent'],
     responderRegion: $ReadOnly<{
       bottom: number,
       left: number,

package/Libraries/Pressability/Pressability.win32.js

@@ -934,7 +934,7 @@ export default class Pressability {
   };
 
   _isTouchWithinResponderRegion(
-    touch: $PropertyType<GestureResponderEvent, 'nativeEvent'>,
+    touch: GestureResponderEvent['nativeEvent'],
     responderRegion: $ReadOnly<{
       bottom: number,
       left: number,

package/Libraries/ReactNative/AppContainer-dev.js

@@ -27,8 +27,8 @@ import * as React from 'react';
 
 const {useEffect, useState, useCallback} = React;
 
-const reactDevToolsHook: ReactDevToolsGlobalHook =
-  window.__REACT_DEVTOOLS_GLOBAL_HOOK__;
+const reactDevToolsHook: ReactDevToolsGlobalHook = (window: $FlowFixMe)
+  .__REACT_DEVTOOLS_GLOBAL_HOOK__;
 
 // Required for React DevTools to view / edit React Native styles in Flipper.
 // Flipper doesn't inject these values when initializing DevTools.
@@ -53,7 +53,8 @@ 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('../../src/private/inspector/Inspector').default;
+  const Inspector =
+    require('../../src/private/devsupport/devmenu/elementinspector/Inspector').default;
 
   return (
     <Inspector
@@ -74,7 +75,7 @@ const ReactDevToolsOverlayDeferred = ({
   reactDevToolsAgent,
 }: ReactDevToolsOverlayDeferredProps) => {
   const ReactDevToolsOverlay =
-    require('../../src/private/inspector/ReactDevToolsOverlay').default;
+    require('../../src/private/devsupport/devmenu/elementinspector/ReactDevToolsOverlay').default;
 
   return (
     <ReactDevToolsOverlay

package/Libraries/ReactNative/AppRegistry.flow.js

@@ -0,0 +1,49 @@
+/**
+ * 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.
+ *
+ * @flow
+ * @format
+ */
+
+import type {ViewStyleProp} from '../StyleSheet/StyleSheet';
+import type {RootTag} from '../Types/RootTagTypes';
+import type {IPerformanceLogger} from '../Utilities/createPerformanceLogger';
+import type {DisplayModeType} from './DisplayMode';
+
+type Task = (taskData: any) => Promise<void>;
+export type TaskProvider = () => Task;
+
+export type ComponentProvider = () => React.ComponentType<any>;
+export type ComponentProviderInstrumentationHook = (
+  component_: ComponentProvider,
+  scopedPerformanceLogger: IPerformanceLogger,
+) => React.ComponentType<any>;
+export type AppConfig = {
+  appKey: string,
+  component?: ComponentProvider,
+  run?: Runnable,
+  section?: boolean,
+  ...
+};
+export type AppParameters = {
+  initialProps: $ReadOnly<{[string]: mixed, ...}>,
+  rootTag: RootTag,
+  fabric?: boolean,
+};
+export type Runnable = (
+  appParameters: AppParameters,
+  displayMode: DisplayModeType,
+) => void;
+export type Runnables = {[appKey: string]: Runnable};
+export type Registry = {
+  sections: $ReadOnlyArray<string>,
+  runnables: Runnables,
+  ...
+};
+export type WrapperComponentProvider = (
+  appParameters: Object,
+) => React.ComponentType<any>;
+export type RootViewStyleProvider = (appParameters: Object) => ViewStyleProp;

package/Libraries/ReactNative/AppRegistry.js

@@ -8,333 +8,13 @@
  * @format
  */
 
-import type {ViewStyleProp} from '../StyleSheet/StyleSheet';
-import type {RootTag} from '../Types/RootTagTypes';
-import type {IPerformanceLogger} from '../Utilities/createPerformanceLogger';
-import type {DisplayModeType} from './DisplayMode';
-
-import BugReporting from '../BugReporting/BugReporting';
 import registerCallableModule from '../Core/registerCallableModule';
-import createPerformanceLogger from '../Utilities/createPerformanceLogger';
-import infoLog from '../Utilities/infoLog';
-import SceneTracker from '../Utilities/SceneTracker';
-import {coerceDisplayMode} from './DisplayMode';
-import HeadlessJsTaskError from './HeadlessJsTaskError';
-import NativeHeadlessJsTaskSupport from './NativeHeadlessJsTaskSupport';
-import renderApplication from './renderApplication';
-import {unmountComponentAtNodeAndRemoveContainer} from './RendererProxy';
-import invariant from 'invariant';
-
-type Task = (taskData: any) => Promise<void>;
-export type TaskProvider = () => Task;
-type TaskCanceller = () => void;
-type TaskCancelProvider = () => TaskCanceller;
-
-export type ComponentProvider = () => React.ComponentType<any>;
-export type ComponentProviderInstrumentationHook = (
-  component_: ComponentProvider,
-  scopedPerformanceLogger: IPerformanceLogger,
-) => React.ComponentType<any>;
-export type AppConfig = {
-  appKey: string,
-  component?: ComponentProvider,
-  run?: Runnable,
-  section?: boolean,
-  ...
-};
-type AppParameters = {
-  initialProps: $ReadOnly<{[string]: mixed, ...}>,
-  rootTag: RootTag,
-  fabric?: boolean,
-};
-export type Runnable = (
-  appParameters: AppParameters,
-  displayMode: DisplayModeType,
-) => void;
-export type Runnables = {[appKey: string]: Runnable};
-export type Registry = {
-  sections: $ReadOnlyArray<string>,
-  runnables: Runnables,
-  ...
-};
-export type WrapperComponentProvider = (
-  appParameters: Object,
-) => React.ComponentType<any>;
-export type RootViewStyleProvider = (appParameters: Object) => ViewStyleProp;
-
-const runnables: Runnables = {};
-let runCount = 1;
-const sections: Runnables = {};
-const taskProviders: Map<string, TaskProvider> = new Map();
-const taskCancelProviders: Map<string, TaskCancelProvider> = new Map();
-let componentProviderInstrumentationHook: ComponentProviderInstrumentationHook =
-  (component: ComponentProvider) => component();
-
-let wrapperComponentProvider: ?WrapperComponentProvider;
-let rootViewStyleProvider: ?RootViewStyleProvider;
-
 /**
  * `AppRegistry` is the JavaScript entry point to running all React Native apps.
  *
  * See https://reactnative.dev/docs/appregistry
  */
-const AppRegistry = {
-  setWrapperComponentProvider(provider: WrapperComponentProvider) {
-    wrapperComponentProvider = provider;
-  },
-
-  setRootViewStyleProvider(provider: RootViewStyleProvider) {
-    rootViewStyleProvider = provider;
-  },
-
-  registerConfig(config: Array<AppConfig>): void {
-    config.forEach(appConfig => {
-      if (appConfig.run) {
-        AppRegistry.registerRunnable(appConfig.appKey, appConfig.run);
-      } else {
-        invariant(
-          appConfig.component != null,
-          'AppRegistry.registerConfig(...): Every config is expected to set ' +
-            'either `run` or `component`, but `%s` has neither.',
-          appConfig.appKey,
-        );
-        AppRegistry.registerComponent(
-          appConfig.appKey,
-          appConfig.component,
-          appConfig.section,
-        );
-      }
-    });
-  },
-
-  /**
-   * Registers an app's root component.
-   *
-   * See https://reactnative.dev/docs/appregistry#registercomponent
-   */
-  registerComponent(
-    appKey: string,
-    componentProvider: ComponentProvider,
-    section?: boolean,
-  ): string {
-    const scopedPerformanceLogger = createPerformanceLogger();
-    runnables[appKey] = (appParameters, displayMode) => {
-      renderApplication(
-        componentProviderInstrumentationHook(
-          componentProvider,
-          scopedPerformanceLogger,
-        ),
-        appParameters.initialProps,
-        appParameters.rootTag,
-        wrapperComponentProvider && wrapperComponentProvider(appParameters),
-        rootViewStyleProvider && rootViewStyleProvider(appParameters),
-        appParameters.fabric,
-        scopedPerformanceLogger,
-        appKey === 'LogBox', // is logbox
-        appKey,
-        displayMode,
-      );
-    };
-    if (section) {
-      sections[appKey] = runnables[appKey];
-    }
-    return appKey;
-  },
-
-  registerRunnable(appKey: string, run: Runnable): string {
-    runnables[appKey] = run;
-    return appKey;
-  },
-
-  registerSection(appKey: string, component: ComponentProvider): void {
-    AppRegistry.registerComponent(appKey, component, true);
-  },
-
-  getAppKeys(): $ReadOnlyArray<string> {
-    return Object.keys(runnables);
-  },
-
-  getSectionKeys(): $ReadOnlyArray<string> {
-    return Object.keys(sections);
-  },
-
-  getSections(): Runnables {
-    return {
-      ...sections,
-    };
-  },
-
-  getRunnable(appKey: string): ?Runnable {
-    return runnables[appKey];
-  },
-
-  getRegistry(): Registry {
-    return {
-      sections: AppRegistry.getSectionKeys(),
-      runnables: {...runnables},
-    };
-  },
-
-  setComponentProviderInstrumentationHook(
-    hook: ComponentProviderInstrumentationHook,
-  ) {
-    componentProviderInstrumentationHook = hook;
-  },
-
-  /**
-   * Loads the JavaScript bundle and runs the app.
-   *
-   * See https://reactnative.dev/docs/appregistry#runapplication
-   */
-  runApplication(
-    appKey: string,
-    appParameters: AppParameters,
-    displayMode?: number,
-  ): void {
-    if (appKey !== 'LogBox') {
-      const logParams = __DEV__ ? ` with ${JSON.stringify(appParameters)}` : '';
-      const msg = `Running "${appKey}"${logParams}`;
-      infoLog(msg);
-      BugReporting.addSource(
-        'AppRegistry.runApplication' + runCount++,
-        () => msg,
-      );
-    }
-    invariant(
-      runnables[appKey],
-      `"${appKey}" has not been registered. This can happen if:\n` +
-        '* Metro (the local dev server) is run from the wrong folder. ' +
-        'Check if Metro is running, stop it and restart it in the current project.\n' +
-        "* A module failed to load due to an error and `AppRegistry.registerComponent` wasn't called.",
-    );
-
-    SceneTracker.setActiveScene({name: appKey});
-    runnables[appKey](appParameters, coerceDisplayMode(displayMode));
-  },
-
-  /**
-   * Update initial props for a surface that's already rendered
-   */
-  setSurfaceProps(
-    appKey: string,
-    appParameters: Object,
-    displayMode?: number,
-  ): void {
-    if (appKey !== 'LogBox') {
-      const msg =
-        'Updating props for Surface "' +
-        appKey +
-        '" with ' +
-        JSON.stringify(appParameters);
-      infoLog(msg);
-      BugReporting.addSource(
-        'AppRegistry.setSurfaceProps' + runCount++,
-        () => msg,
-      );
-    }
-    invariant(
-      runnables[appKey],
-      `"${appKey}" has not been registered. This can happen if:\n` +
-        '* Metro (the local dev server) is run from the wrong folder. ' +
-        'Check if Metro is running, stop it and restart it in the current project.\n' +
-        "* A module failed to load due to an error and `AppRegistry.registerComponent` wasn't called.",
-    );
-
-    runnables[appKey](appParameters, coerceDisplayMode(displayMode));
-  },
-
-  /**
-   * Stops an application when a view should be destroyed.
-   *
-   * See https://reactnative.dev/docs/appregistry#unmountapplicationcomponentatroottag
-   */
-  unmountApplicationComponentAtRootTag(rootTag: RootTag): void {
-    unmountComponentAtNodeAndRemoveContainer(rootTag);
-  },
-
-  /**
-   * Register a headless task. A headless task is a bit of code that runs without a UI.
-   *
-   * See https://reactnative.dev/docs/appregistry#registerheadlesstask
-   */
-  registerHeadlessTask(taskKey: string, taskProvider: TaskProvider): void {
-    // $FlowFixMe[object-this-reference]
-    this.registerCancellableHeadlessTask(taskKey, taskProvider, () => () => {
-      /* Cancel is no-op */
-    });
-  },
-
-  /**
-   * Register a cancellable headless task. A headless task is a bit of code that runs without a UI.
-   *
-   * See https://reactnative.dev/docs/appregistry#registercancellableheadlesstask
-   */
-  registerCancellableHeadlessTask(
-    taskKey: string,
-    taskProvider: TaskProvider,
-    taskCancelProvider: TaskCancelProvider,
-  ): void {
-    if (taskProviders.has(taskKey)) {
-      console.warn(
-        `registerHeadlessTask or registerCancellableHeadlessTask called multiple times for same key '${taskKey}'`,
-      );
-    }
-    taskProviders.set(taskKey, taskProvider);
-    taskCancelProviders.set(taskKey, taskCancelProvider);
-  },
-
-  /**
-   * Only called from native code. Starts a headless task.
-   *
-   * See https://reactnative.dev/docs/appregistry#startheadlesstask
-   */
-  startHeadlessTask(taskId: number, taskKey: string, data: any): void {
-    const taskProvider = taskProviders.get(taskKey);
-    if (!taskProvider) {
-      console.warn(`No task registered for key ${taskKey}`);
-      if (NativeHeadlessJsTaskSupport) {
-        NativeHeadlessJsTaskSupport.notifyTaskFinished(taskId);
-      }
-      return;
-    }
-    taskProvider()(data)
-      .then(() => {
-        if (NativeHeadlessJsTaskSupport) {
-          NativeHeadlessJsTaskSupport.notifyTaskFinished(taskId);
-        }
-      })
-      .catch(reason => {
-        console.error(reason);
-
-        if (
-          NativeHeadlessJsTaskSupport &&
-          reason instanceof HeadlessJsTaskError
-        ) {
-          // $FlowFixMe[unused-promise]
-          NativeHeadlessJsTaskSupport.notifyTaskRetry(taskId).then(
-            retryPosted => {
-              if (!retryPosted) {
-                NativeHeadlessJsTaskSupport.notifyTaskFinished(taskId);
-              }
-            },
-          );
-        }
-      });
-  },
-
-  /**
-   * Only called from native code. Cancels a headless task.
-   *
-   * See https://reactnative.dev/docs/appregistry#cancelheadlesstask
-   */
-  cancelHeadlessTask(taskId: number, taskKey: string): void {
-    const taskCancelProvider = taskCancelProviders.get(taskKey);
-    if (!taskCancelProvider) {
-      throw new Error(`No task canceller registered for key '${taskKey}'`);
-    }
-    taskCancelProvider()();
-  },
-};
+import * as AppRegistry from './AppRegistryImpl';
 
 // Register LogBox as a default surface
 AppRegistry.registerComponent('LogBox', () => {
@@ -357,4 +37,4 @@ global.RN$SurfaceRegistry = {
 
 registerCallableModule('AppRegistry', AppRegistry);
 
-export default AppRegistry;
+export {AppRegistry};

package/Libraries/ReactNative/AppRegistry.js.flow

@@ -0,0 +1,23 @@
+/**
+ * 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.
+ *
+ * @flow
+ * @format
+ */
+
+export type {
+  TaskProvider,
+  ComponentProvider,
+  ComponentProviderInstrumentationHook,
+  AppConfig,
+  Runnable,
+  Runnables,
+  Registry,
+  WrapperComponentProvider,
+  RootViewStyleProvider,
+} from './AppRegistry.flow';
+
+export * as AppRegistry from './AppRegistryImpl';