@office-iss/react-native-win32 0.0.0-canary.30 → 0.0.0-canary.301

package/Libraries/Utilities/codegenNativeComponent.js

@@ -1,61 +1,71 @@
 /**
- * Copyright (c) Facebook, Inc. and its affiliates.
+ * 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 strict-local
  * @format
- * @flow
  */
 
 // TODO: move this file to shims/ReactNative (requires React update and sync)
 
-'use strict';
+import type {HostComponent} from '../../src/private/types/HostComponent';
 
 import requireNativeComponent from '../../Libraries/ReactNative/requireNativeComponent';
-import type {HostComponent} from '../../Libraries/Renderer/shims/ReactNativeTypes';
 import UIManager from '../ReactNative/UIManager';
 
 // TODO: import from CodegenSchema once workspaces are enabled
-type Options = $ReadOnly<{|
+type NativeComponentOptions = $ReadOnly<{
   interfaceOnly?: boolean,
   paperComponentName?: string,
   paperComponentNameDeprecated?: string,
-  excludedPlatform?: 'iOS' | 'android',
-|}>;
+  excludedPlatforms?: $ReadOnlyArray<'iOS' | 'android'>,
+}>;
 
-export type NativeComponentType<T> = HostComponent<T>;
+export type NativeComponentType<T: {...}> = HostComponent<T>;
 
-function codegenNativeComponent<Props>(
+// If this function runs then that means the view configs were not
+// generated at build time using `GenerateViewConfigJs.js`. Thus
+// we need to `requireNativeComponent` to get the view configs from view managers.
+// `requireNativeComponent` is not available in Bridgeless mode.
+// e.g. This function runs at runtime if `codegenNativeComponent` was not called
+// from a file suffixed with NativeComponent.js.
+function codegenNativeComponent<Props: {...}>(
   componentName: string,
-  options?: Options,
+  options?: NativeComponentOptions,
 ): NativeComponentType<Props> {
+  if (global.RN$Bridgeless === true && __DEV__) {
+    console.warn(
+      `Codegen didn't run for ${componentName}. This will be an error in the future. Make sure you are using @react-native/babel-preset when building your JavaScript code.`,
+    );
+  }
+
   let componentNameInUse =
-    options && options.paperComponentName
+    options && options.paperComponentName != null
       ? options.paperComponentName
       : componentName;
 
   if (options != null && options.paperComponentNameDeprecated != null) {
-    if (UIManager.getViewManagerConfig(componentName)) {
+    if (UIManager.hasViewManagerConfig(componentName)) {
       componentNameInUse = componentName;
     } else if (
       options.paperComponentNameDeprecated != null &&
-      UIManager.getViewManagerConfig(options.paperComponentNameDeprecated)
+      UIManager.hasViewManagerConfig(options.paperComponentNameDeprecated)
     ) {
+      // $FlowFixMe[incompatible-type]
       componentNameInUse = options.paperComponentNameDeprecated;
     } else {
       throw new Error(
-        `Failed to find native component for either ${componentName} or ${options.paperComponentNameDeprecated ||
-          '(unknown)'}`,
+        `Failed to find native component for either ${componentName} or ${
+          options.paperComponentNameDeprecated ?? '(unknown)'
+        }`,
       );
     }
   }
 
-  // If this function is run at runtime then that means the view configs were not
-  // generated with the view config babel plugin, so we need to require the native component.
-  //
-  // This will be useful during migration, but eventually this will error.
   return (requireNativeComponent<Props>(
+    // $FlowFixMe[incompatible-call]
     componentNameInUse,
   ): HostComponent<Props>);
 }

package/Libraries/Utilities/createPerformanceLogger.js

@@ -1,275 +1,329 @@
 /**
- * Copyright (c) Facebook, Inc. and its affiliates.
+ * 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
+ * @flow strict
  * @format
  */
 
-'use strict';
-
-const Systrace = require('../Performance/Systrace');
-
-const infoLog = require('./infoLog');
-const performanceNow =
-  global.nativeQPLTimestamp ||
-  global.nativePerformanceNow ||
-  require('fbjs/lib/performanceNow');
-
-type Timespan = {
-  description?: string,
-  totalTime?: number,
-  startTime?: number,
-  endTime?: number,
-  ...
-};
-
-export type IPerformanceLogger = {
-  addTimespan(string, number, string | void): void,
-  startTimespan(string, string | void): void,
-  stopTimespan(string, options?: {update?: boolean}): void,
-  clear(): void,
-  clearCompleted(): void,
-  clearExceptTimespans(Array<string>): void,
-  currentTimestamp(): number,
-  getTimespans(): {[key: string]: Timespan, ...},
-  hasTimespan(string): boolean,
-  logTimespans(): void,
-  addTimespans(Array<number>, Array<string>): void,
-  setExtra(string, any): void,
-  getExtras(): {[key: string]: any, ...},
-  removeExtra(string): ?any,
-  logExtras(): void,
-  markPoint(string, number | void): void,
-  getPoints(): {[key: string]: number, ...},
-  logPoints(): void,
-  logEverything(): void,
-  ...
-};
-
-const _cookies: {[key: string]: number, ...} = {};
+import type {
+  Extras,
+  ExtraValue,
+  IPerformanceLogger,
+  Timespan,
+} from './IPerformanceLogger';
 
 const PRINT_TO_CONSOLE: false = false; // Type as false to prevent accidentally committing `true`;
 
-/**
- * This function creates performance loggers that can be used to collect and log
- * various performance data such as timespans, points and extras.
- * The loggers need to have minimal overhead since they're used in production.
- */
-function createPerformanceLogger(): IPerformanceLogger {
-  const result: IPerformanceLogger & {
-    _timespans: {[key: string]: Timespan, ...},
-    _extras: {[key: string]: any, ...},
-    _points: {[key: string]: number, ...},
-    ...
-  } = {
-    _timespans: {},
-    _extras: {},
-    _points: {},
-
-    addTimespan(key: string, lengthInMs: number, description?: string) {
-      if (this._timespans[key]) {
-        if (PRINT_TO_CONSOLE && __DEV__) {
-          infoLog(
-            'PerformanceLogger: Attempting to add a timespan that already exists ',
-            key,
-          );
-        }
-        return;
-      }
-
-      this._timespans[key] = {
-        description: description,
-        totalTime: lengthInMs,
-      };
-    },
-
-    startTimespan(key: string, description?: string) {
-      if (this._timespans[key]) {
-        if (PRINT_TO_CONSOLE && __DEV__) {
-          infoLog(
-            'PerformanceLogger: Attempting to start a timespan that already exists ',
-            key,
-          );
-        }
-        return;
+export const getCurrentTimestamp: () => number =
+  global.nativeQPLTimestamp ?? (() => global.performance.now());
+
+class PerformanceLogger implements IPerformanceLogger {
+  _timespans: {[key: string]: ?Timespan} = {};
+  _extras: {[key: string]: ?ExtraValue} = {};
+  _points: {[key: string]: ?number} = {};
+  _pointExtras: {[key: string]: ?Extras, ...} = {};
+  _closed: boolean = false;
+
+  addTimespan(
+    key: string,
+    startTime: number,
+    endTime: number,
+    startExtras?: Extras,
+    endExtras?: Extras,
+  ) {
+    if (this._closed) {
+      /* $FlowFixMe[constant-condition] Error discovered during Constant
+       * Condition roll out. See https://fburl.com/workplace/1v97vimq. */
+      if (PRINT_TO_CONSOLE && __DEV__) {
+        console.log(
+          'PerformanceLogger: addTimespan - has closed ignoring: ',
+          key,
+        );
       }
-
-      this._timespans[key] = {
-        description: description,
-        startTime: performanceNow(),
-      };
-      _cookies[key] = Systrace.beginAsyncEvent(key);
-      if (PRINT_TO_CONSOLE) {
-        infoLog('PerformanceLogger.js', 'start: ' + key);
+      return;
+    }
+    if (this._timespans[key]) {
+      /* $FlowFixMe[constant-condition] Error discovered during Constant
+       * Condition roll out. See https://fburl.com/workplace/1v97vimq. */
+      if (PRINT_TO_CONSOLE && __DEV__) {
+        console.log(
+          'PerformanceLogger: Attempting to add a timespan that already exists ',
+          key,
+        );
       }
-    },
-
-    stopTimespan(key: string, options?: {update?: boolean}) {
-      const timespan = this._timespans[key];
-      if (!timespan || !timespan.startTime) {
-        if (PRINT_TO_CONSOLE && __DEV__) {
-          infoLog(
-            'PerformanceLogger: Attempting to end a timespan that has not started ',
-            key,
-          );
-        }
-        return;
+      return;
+    }
+
+    this._timespans[key] = {
+      startTime,
+      endTime,
+      totalTime: endTime - (startTime || 0),
+      startExtras,
+      endExtras,
+    };
+  }
+
+  append(performanceLogger: IPerformanceLogger) {
+    this._timespans = {
+      ...performanceLogger.getTimespans(),
+      ...this._timespans,
+    };
+    this._extras = {...performanceLogger.getExtras(), ...this._extras};
+    this._points = {...performanceLogger.getPoints(), ...this._points};
+    this._pointExtras = {
+      ...performanceLogger.getPointExtras(),
+      ...this._pointExtras,
+    };
+  }
+
+  clear() {
+    this._timespans = {};
+    this._extras = {};
+    this._points = {};
+    /* $FlowFixMe[constant-condition] Error discovered during Constant
+     * Condition roll out. See https://fburl.com/workplace/1v97vimq. */
+    if (PRINT_TO_CONSOLE) {
+      console.log('PerformanceLogger.js', 'clear');
+    }
+  }
+
+  clearCompleted() {
+    for (const key in this._timespans) {
+      if (this._timespans[key]?.totalTime != null) {
+        delete this._timespans[key];
       }
-      if (timespan.endTime && !options?.update) {
-        if (PRINT_TO_CONSOLE && __DEV__) {
-          infoLog(
-            'PerformanceLogger: Attempting to end a timespan that has already ended ',
-            key,
-          );
+    }
+    this._extras = {};
+    this._points = {};
+    /* $FlowFixMe[constant-condition] Error discovered during Constant
+     * Condition roll out. See https://fburl.com/workplace/1v97vimq. */
+    if (PRINT_TO_CONSOLE) {
+      console.log('PerformanceLogger.js', 'clearCompleted');
+    }
+  }
+
+  close() {
+    this._closed = true;
+  }
+
+  currentTimestamp(): number {
+    return getCurrentTimestamp();
+  }
+
+  getExtras(): {[key: string]: ?ExtraValue} {
+    return this._extras;
+  }
+
+  getPoints(): {[key: string]: ?number} {
+    return this._points;
+  }
+
+  getPointExtras(): {[key: string]: ?Extras} {
+    return this._pointExtras;
+  }
+
+  getTimespans(): {[key: string]: ?Timespan} {
+    return this._timespans;
+  }
+
+  hasTimespan(key: string): boolean {
+    return !!this._timespans[key];
+  }
+
+  isClosed(): boolean {
+    return this._closed;
+  }
+
+  logEverything() {
+    /* $FlowFixMe[constant-condition] Error discovered during Constant
+     * Condition roll out. See https://fburl.com/workplace/1v97vimq. */
+    if (PRINT_TO_CONSOLE) {
+      // log timespans
+      for (const key in this._timespans) {
+        if (this._timespans[key]?.totalTime != null) {
+          console.log(key + ': ' + this._timespans[key].totalTime + 'ms');
         }
-        return;
       }
 
-      timespan.endTime = performanceNow();
-      timespan.totalTime = timespan.endTime - (timespan.startTime || 0);
-      if (PRINT_TO_CONSOLE) {
-        infoLog('PerformanceLogger.js', 'end: ' + key);
-      }
+      // log extras
+      console.log(this._extras);
 
-      if (_cookies[key] != null) {
-        Systrace.endAsyncEvent(key, _cookies[key]);
-        delete _cookies[key];
+      // log points
+      for (const key in this._points) {
+        if (this._points[key] != null) {
+          console.log(key + ': ' + this._points[key] + 'ms');
+        }
       }
-    },
-
-    clear() {
-      this._timespans = {};
-      this._extras = {};
-      this._points = {};
-      if (PRINT_TO_CONSOLE) {
-        infoLog('PerformanceLogger.js', 'clear');
+    }
+  }
+
+  markPoint(
+    key: string,
+    timestamp?: number = getCurrentTimestamp(),
+    extras?: Extras,
+  ) {
+    if (this._closed) {
+      /* $FlowFixMe[constant-condition] Error discovered during Constant
+       * Condition roll out. See https://fburl.com/workplace/1v97vimq. */
+      if (PRINT_TO_CONSOLE && __DEV__) {
+        console.log(
+          'PerformanceLogger: markPoint - has closed ignoring: ',
+          key,
+        );
       }
-    },
-
-    clearCompleted() {
-      for (const key in this._timespans) {
-        if (this._timespans[key].totalTime) {
-          delete this._timespans[key];
-        }
+      return;
+    }
+    if (this._points[key] != null) {
+      /* $FlowFixMe[constant-condition] Error discovered during Constant
+       * Condition roll out. See https://fburl.com/workplace/1v97vimq. */
+      if (PRINT_TO_CONSOLE && __DEV__) {
+        console.log(
+          'PerformanceLogger: Attempting to mark a point that has been already logged ',
+          key,
+        );
       }
-      this._extras = {};
-      this._points = {};
-      if (PRINT_TO_CONSOLE) {
-        infoLog('PerformanceLogger.js', 'clearCompleted');
+      return;
+    }
+    this._points[key] = timestamp;
+    if (extras) {
+      this._pointExtras[key] = extras;
+    }
+  }
+
+  removeExtra(key: string): ?ExtraValue {
+    const value = this._extras[key];
+    delete this._extras[key];
+    return value;
+  }
+
+  setExtra(key: string, value: ExtraValue) {
+    if (this._closed) {
+      /* $FlowFixMe[constant-condition] Error discovered during Constant
+       * Condition roll out. See https://fburl.com/workplace/1v97vimq. */
+      if (PRINT_TO_CONSOLE && __DEV__) {
+        console.log('PerformanceLogger: setExtra - has closed ignoring: ', key);
       }
-    },
-
-    clearExceptTimespans(keys: Array<string>) {
-      this._timespans = Object.keys(this._timespans).reduce(function(
-        previous,
-        key,
-      ) {
-        if (keys.indexOf(key) !== -1) {
-          previous[key] = this._timespans[key];
-        }
-        return previous;
-      },
-      {});
-      this._extras = {};
-      this._points = {};
-      if (PRINT_TO_CONSOLE) {
-        infoLog('PerformanceLogger.js', 'clearExceptTimespans', keys);
+      return;
+    }
+
+    if (this._extras.hasOwnProperty(key)) {
+      /* $FlowFixMe[constant-condition] Error discovered during Constant
+       * Condition roll out. See https://fburl.com/workplace/1v97vimq. */
+      if (PRINT_TO_CONSOLE && __DEV__) {
+        console.log(
+          'PerformanceLogger: Attempting to set an extra that already exists ',
+          {key, currentValue: this._extras[key], attemptedValue: value},
+        );
       }
-    },
-
-    currentTimestamp() {
-      return performanceNow();
-    },
-
-    getTimespans() {
-      return this._timespans;
-    },
-
-    hasTimespan(key: string) {
-      return !!this._timespans[key];
-    },
-
-    logTimespans() {
-      if (PRINT_TO_CONSOLE) {
-        for (const key in this._timespans) {
-          if (this._timespans[key].totalTime) {
-            infoLog(key + ': ' + this._timespans[key].totalTime + 'ms');
-          }
-        }
+      return;
+    }
+    this._extras[key] = value;
+  }
+
+  startTimespan(
+    key: string,
+    timestamp?: number = getCurrentTimestamp(),
+    extras?: Extras,
+  ) {
+    if (this._closed) {
+      /* $FlowFixMe[constant-condition] Error discovered during Constant
+       * Condition roll out. See https://fburl.com/workplace/1v97vimq. */
+      if (PRINT_TO_CONSOLE && __DEV__) {
+        console.log(
+          'PerformanceLogger: startTimespan - has closed ignoring: ',
+          key,
+        );
       }
-    },
-
-    addTimespans(newTimespans: Array<number>, labels: Array<string>) {
-      for (let ii = 0, l = newTimespans.length; ii < l; ii += 2) {
-        const label = labels[ii / 2];
-        this.addTimespan(label, newTimespans[ii + 1] - newTimespans[ii], label);
+      return;
+    }
+
+    if (this._timespans[key]) {
+      /* $FlowFixMe[constant-condition] Error discovered during Constant
+       * Condition roll out. See https://fburl.com/workplace/1v97vimq. */
+      if (PRINT_TO_CONSOLE && __DEV__) {
+        console.log(
+          'PerformanceLogger: Attempting to start a timespan that already exists ',
+          key,
+        );
       }
-    },
-
-    setExtra(key: string, value: any) {
-      if (this._extras[key]) {
-        if (PRINT_TO_CONSOLE && __DEV__) {
-          infoLog(
-            'PerformanceLogger: Attempting to set an extra that already exists ',
-            {key, currentValue: this._extras[key], attemptedValue: value},
-          );
-        }
-        return;
+      return;
+    }
+
+    this._timespans[key] = {
+      startTime: timestamp,
+      startExtras: extras,
+    };
+    /* $FlowFixMe[constant-condition] Error discovered during Constant
+     * Condition roll out. See https://fburl.com/workplace/1v97vimq. */
+    if (PRINT_TO_CONSOLE) {
+      console.log('PerformanceLogger.js', 'start: ' + key);
+    }
+  }
+
+  stopTimespan(
+    key: string,
+    timestamp?: number = getCurrentTimestamp(),
+    extras?: Extras,
+  ) {
+    if (this._closed) {
+      /* $FlowFixMe[constant-condition] Error discovered during Constant
+       * Condition roll out. See https://fburl.com/workplace/1v97vimq. */
+      if (PRINT_TO_CONSOLE && __DEV__) {
+        console.log(
+          'PerformanceLogger: stopTimespan - has closed ignoring: ',
+          key,
+        );
       }
-      this._extras[key] = value;
-    },
-
-    getExtras() {
-      return this._extras;
-    },
-
-    removeExtra(key: string): ?any {
-      const value = this._extras[key];
-      delete this._extras[key];
-      return value;
-    },
-
-    logExtras() {
-      if (PRINT_TO_CONSOLE) {
-        infoLog(this._extras);
+      return;
+    }
+
+    const timespan = this._timespans[key];
+    if (!timespan || timespan.startTime == null) {
+      /* $FlowFixMe[constant-condition] Error discovered during Constant
+       * Condition roll out. See https://fburl.com/workplace/1v97vimq. */
+      if (PRINT_TO_CONSOLE && __DEV__) {
+        console.log(
+          'PerformanceLogger: Attempting to end a timespan that has not started ',
+          key,
+        );
       }
-    },
-
-    markPoint(key: string, timestamp?: number) {
-      if (this._points[key]) {
-        if (PRINT_TO_CONSOLE && __DEV__) {
-          infoLog(
-            'PerformanceLogger: Attempting to mark a point that has been already logged ',
-            key,
-          );
-        }
-        return;
+      return;
+    }
+    if (timespan.endTime != null) {
+      /* $FlowFixMe[constant-condition] Error discovered during Constant
+       * Condition roll out. See https://fburl.com/workplace/1v97vimq. */
+      if (PRINT_TO_CONSOLE && __DEV__) {
+        console.log(
+          'PerformanceLogger: Attempting to end a timespan that has already ended ',
+          key,
+        );
       }
-      this._points[key] = timestamp ?? performanceNow();
-    },
+      return;
+    }
+
+    timespan.endExtras = extras;
+    timespan.endTime = timestamp;
+    timespan.totalTime = timespan.endTime - (timespan.startTime || 0);
+    /* $FlowFixMe[constant-condition] Error discovered during Constant
+     * Condition roll out. See https://fburl.com/workplace/1v97vimq. */
+    if (PRINT_TO_CONSOLE) {
+      console.log('PerformanceLogger.js', 'end: ' + key);
+    }
+  }
+}
 
-    getPoints() {
-      return this._points;
-    },
+// Re-exporting for backwards compatibility with all the clients that
+// may still import it from this module.
+export type {Extras, ExtraValue, IPerformanceLogger, Timespan};
 
-    logPoints() {
-      if (PRINT_TO_CONSOLE) {
-        for (const key in this._points) {
-          infoLog(key + ': ' + this._points[key] + 'ms');
-        }
-      }
-    },
-
-    logEverything() {
-      this.logTimespans();
-      this.logExtras();
-      this.logPoints();
-    },
-  };
-  return result;
+/**
+ * This function creates performance loggers that can be used to collect and log
+ * various performance data such as timespans, points and extras.
+ * The loggers need to have minimal overhead since they're used in production.
+ */
+export default function createPerformanceLogger(): IPerformanceLogger {
+  return new PerformanceLogger();
 }
-
-module.exports = createPerformanceLogger;