react-native-windows 0.79.5 → 0.80.0-preview.10

package/src/private/specs_DEPRECATED/modules/NativeAnimatedModule.js

@@ -13,7 +13,7 @@ import type {TurboModule} from '../../../../Libraries/TurboModule/RCTExport';
 import shouldUseTurboAnimatedModule from '../../../../Libraries/Animated/shouldUseTurboAnimatedModule';
 import * as TurboModuleRegistry from '../../../../Libraries/TurboModule/TurboModuleRegistry';
 
-type EndResult = {finished: boolean, value?: number, ...};
+type EndResult = {finished: boolean, value?: number, offset?: number, ...};
 type EndCallback = (result: EndResult) => void;
 type SaveValueCallback = (value: number) => void;
 

package/src/private/specs_DEPRECATED/modules/NativeAnimatedTurboModule.js

@@ -13,7 +13,7 @@ import type {TurboModule} from '../../../../Libraries/TurboModule/RCTExport';
 import shouldUseTurboAnimatedModule from '../../../../Libraries/Animated/shouldUseTurboAnimatedModule';
 import * as TurboModuleRegistry from '../../../../Libraries/TurboModule/TurboModuleRegistry';
 
-type EndResult = {finished: boolean, value?: number, ...};
+type EndResult = {finished: boolean, value?: number, offset?: number, ...};
 type EndCallback = (result: EndResult) => void;
 type SaveValueCallback = (value: number) => void;
 

package/src/private/specs_DEPRECATED/modules/NativeSampleTurboModule.js

@@ -59,6 +59,9 @@ export interface Spec extends TurboModule {
   +voidFuncAssert?: () => void;
   +getObjectAssert?: (arg: Object) => Object;
   +promiseAssert?: () => Promise<void>;
+
+  // Android-only
+  +getImageUrl?: () => Promise<string | null>;
 }
 
 export default (TurboModuleRegistry.getEnforcing<Spec>(

package/src/private/styles/composeStyles.js

@@ -4,19 +4,26 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @flow strict
  * @format
  */
 
+import type {
+  ImageStyle,
+  TextStyle,
+  ViewStyle,
+} from '../../../Libraries/StyleSheet/StyleSheet';
+import type {StyleProp} from '../../../Libraries/StyleSheet/StyleSheetTypes';
+
 /**
  * Combines two styles such that `style2` will override any styles in `style1`.
  * If either style is null or undefined, the other one is returned without
  * allocating an array, saving allocations and enabling memoization.
  */
-export default function composeStyles<T1, T2>(
-  style1: ?T1,
-  style2: ?T2,
-): ?(T1 | T2 | $ReadOnlyArray<T1 | T2>) {
+export default function composeStyles<
+  T: ViewStyle | ImageStyle | TextStyle,
+  U: T,
+  V: T,
+>(style1: ?StyleProp<U>, style2: ?StyleProp<V>): ?StyleProp<T> {
   if (style1 == null) {
     return style2;
   }

package/src/private/types/HostComponent.js

@@ -11,6 +11,6 @@
 import type {HostInstance} from './HostInstance';
 
 export type HostComponent<Config: {...}> = component(
-  ref: React.RefSetter<HostInstance>,
+  ref?: React.RefSetter<HostInstance>,
   ...Config
 );

package/src/private/types/HostInstance.js

@@ -32,19 +32,85 @@ export type MeasureLayoutOnSuccessCallback = (
 ) => void;
 
 /**
- * Current usages should migrate to this definition
+ * NativeMethods provides methods to access the underlying native component directly.
+ * This can be useful in cases when you want to focus a view or measure its on-screen dimensions,
+ * for example.
+ * The methods described here are available on most of the default components provided by React Native.
+ * Note, however, that they are not available on composite components that aren't directly backed by a
+ * native view. This will generally include most components that you define in your own app.
+ * For more information, see [Direct Manipulation](https://reactnative.dev/docs/the-new-architecture/direct-manipulation-new-architecture).
+ * @see https://github.com/facebook/react-native/blob/master/Libraries/Renderer/shims/ReactNativeTypes.js#L87
  */
 export interface LegacyHostInstanceMethods {
+  /**
+   * Removes focus from an input or view. This is the opposite of `focus()`.
+   */
   blur(): void;
+  /**
+   * Requests focus for the given input or view. The exact behavior triggered
+   * will depend on the platform and type of view.
+   */
   focus(): void;
+  /**
+   * Determines the location on screen, width, and height of the given view and
+   * returns the values via an async callback. If successful, the callback will
+   * be called with the following arguments:
+   *
+   *  - x
+   *  - y
+   *  - width
+   *  - height
+   *  - pageX
+   *  - pageY
+   *
+   * Note that these measurements are not available until after the rendering
+   * has been completed in native. If you need the measurements as soon as
+   * possible, consider using the [`onLayout`
+   * prop](docs/view.html#onlayout) instead.
+   */
   measure(callback: MeasureOnSuccessCallback): void;
+  /**
+   * Determines the location of the given view in the window and returns the
+   * values via an async callback. If the React root view is embedded in
+   * another native view, this will give you the absolute coordinates. If
+   * successful, the callback will be called with the following
+   * arguments:
+   *
+   *  - x
+   *  - y
+   *  - width
+   *  - height
+   *
+   * Note that these measurements are not available until after the rendering
+   * has been completed in native.
+   */
   measureInWindow(callback: MeasureInWindowOnSuccessCallback): void;
+  /**
+   * Like [`measure()`](#measure), but measures the view relative an ancestor,
+   * specified as `relativeToNativeComponentRef`. This means that the returned x, y
+   * are relative to the origin x, y of the ancestor view.
+   * _Can also be called with a relativeNativeNodeHandle but is deprecated._
+   */
   measureLayout(
     relativeToNativeNode: number | HostInstance,
     onSuccess: MeasureLayoutOnSuccessCallback,
     onFail?: () => void,
   ): void;
+  /**
+   * This function sends props straight to native. They will not participate in
+   * future diff process - this means that if you do not include them in the
+   * next render, they will remain active (see [Direct
+   * Manipulation](https://reactnative.dev/docs/the-new-architecture/direct-manipulation-new-architecture)).
+   */
   setNativeProps(nativeProps: {...}): void;
 }
 
 export type HostInstance = LegacyHostInstanceMethods;
+
+/** @deprecated Use HostInstance instead */
+export type NativeMethods = LegacyHostInstanceMethods;
+
+/**
+ * @deprecated Use HostInstance instead.
+ */
+export type NativeMethodsMixin = LegacyHostInstanceMethods;

package/src/private/webapis/dom/nodes/ReactNativeElement.js

@@ -17,10 +17,10 @@ import type {
 } from '../../../../../Libraries/Renderer/shims/ReactNativeTypes';
 import type {
   HostInstance,
-  LegacyHostInstanceMethods,
   MeasureInWindowOnSuccessCallback,
   MeasureLayoutOnSuccessCallback,
   MeasureOnSuccessCallback,
+  NativeMethods,
 } from '../../../types/HostInstance';
 import type {InstanceHandle} from './internals/NodeInternals';
 import type ReactNativeDocument from './ReactNativeDocument';
@@ -60,10 +60,7 @@ const noop = () => {};
 // was slower than this method because the engine has to create an object than
 // we then discard to create a new one.
 
-class ReactNativeElement
-  extends ReadOnlyElement
-  implements LegacyHostInstanceMethods
-{
+class ReactNativeElement extends ReadOnlyElement implements NativeMethods {
   // These need to be accessible from `ReactFabricPublicInstanceUtils`.
   __nativeTag: number;
   __internalInstanceHandle: InstanceHandle;

package/src/private/webapis/dom/nodes/ReadOnlyNode.js

@@ -188,25 +188,12 @@ export default class ReadOnlyNode {
   }
 
   getRootNode(): ReadOnlyNode {
-    if (ReactNativeFeatureFlags.enableDOMDocumentAPI()) {
-      if (this.isConnected) {
-        // If this is the document node, then the root node is itself.
-        return this.ownerDocument ?? this;
-      }
-
-      return this;
-    } else {
-      // eslint-disable-next-line consistent-this
-      let lastKnownParent: ReadOnlyNode = this;
-      let nextPossibleParent: ?ReadOnlyNode = this.parentNode;
-
-      while (nextPossibleParent != null) {
-        lastKnownParent = nextPossibleParent;
-        nextPossibleParent = nextPossibleParent.parentNode;
-      }
-
-      return lastKnownParent;
+    if (this.isConnected) {
+      // If this is the document node, then the root node is itself.
+      return this.ownerDocument ?? this;
     }
+
+    return this;
   }
 
   hasChildNodes(): boolean {

package/src/private/webapis/dom/nodes/internals/NodeInternals.js

@@ -129,6 +129,12 @@ export function getNativeElementReference(
   // $FlowExpectedError[incompatible-cast] We know ReadOnlyElement instances provide InternalInstanceHandle
   const instanceHandle = getInstanceHandle(node) as InternalInstanceHandle;
 
+  if (isReactNativeDocumentElementInstanceHandle(instanceHandle)) {
+    return getNativeElementReferenceFromReactNativeDocumentElementInstanceHandle(
+      instanceHandle,
+    );
+  }
+
   // $FlowExpectedError[incompatible-return]
   return getRendererProxy().getNodeFromInternalInstanceHandle(instanceHandle);
 }

package/src/private/webapis/performance/Performance.js

@@ -226,9 +226,7 @@ export default class Performance {
    * Returns a double, measured in milliseconds.
    * https://developer.mozilla.org/en-US/docs/Web/API/Performance/now
    */
-  now(): DOMHighResTimeStamp {
-    return getCurrentTimeStamp();
-  }
+  now: () => DOMHighResTimeStamp = getCurrentTimeStamp;
 
   /**
    * An extension that allows to get back to JS all currently logged marks/measures

package/src/private/webapis/performance/PerformanceEntry.js

@@ -11,7 +11,12 @@
 // flowlint unsafe-getters-setters:off
 
 export type DOMHighResTimeStamp = number;
-export type PerformanceEntryType = 'mark' | 'measure' | 'event' | 'longtask';
+export type PerformanceEntryType =
+  | 'mark'
+  | 'measure'
+  | 'event'
+  | 'longtask'
+  | 'resource';
 
 export type PerformanceEntryJSON = {
   name: string,

package/src/private/webapis/performance/internals/RawPerformanceEntry.js

@@ -24,6 +24,7 @@ export const RawPerformanceEntryTypeValues = {
   MEASURE: 2,
   EVENT: 3,
   LONGTASK: 4,
+  RESOURCE: 5,
 };
 
 export function rawToPerformanceEntry(
@@ -95,6 +96,8 @@ export function performanceEntryTypeToRaw(
       return RawPerformanceEntryTypeValues.EVENT;
     case 'longtask':
       return RawPerformanceEntryTypeValues.LONGTASK;
+    case 'resource':
+      return RawPerformanceEntryTypeValues.RESOURCE;
     default:
       // Verify exhaustive check with Flow
       (type: empty);

package/src/private/webapis/performance/specs/NativePerformance.js

@@ -24,10 +24,19 @@ export type RawPerformanceEntry = {
   startTime: number,
   duration: number,
 
-  // For "event" entries only:
+  // For PerformanceEventTiming only
   processingStart?: number,
   processingEnd?: number,
   interactionId?: number,
+
+  // For PerformanceResourceTiming only
+  fetchStart?: number,
+  requestStart?: number,
+  connectStart?: number,
+  connectEnd?: number,
+  responseStart?: number,
+  responseEnd?: number,
+  responseStatus?: number,
 };
 
 export type OpaqueNativeObserverHandle = mixed;

package/src/types/globals.d.ts

@@ -57,6 +57,48 @@ declare global {
 
   const HermesInternal: null | {};
 
+  /** [MDN Reference](https://developer.mozilla.org/docs/Web/API/DOMRectReadOnly) */
+  interface DOMRectReadOnly {
+    /** [MDN Reference](https://developer.mozilla.org/docs/Web/API/DOMRectReadOnly/bottom) */
+    readonly bottom: number;
+    /** [MDN Reference](https://developer.mozilla.org/docs/Web/API/DOMRectReadOnly/height) */
+    readonly height: number;
+    /** [MDN Reference](https://developer.mozilla.org/docs/Web/API/DOMRectReadOnly/left) */
+    readonly left: number;
+    /** [MDN Reference](https://developer.mozilla.org/docs/Web/API/DOMRectReadOnly/right) */
+    readonly right: number;
+    /** [MDN Reference](https://developer.mozilla.org/docs/Web/API/DOMRectReadOnly/top) */
+    readonly top: number;
+    /** [MDN Reference](https://developer.mozilla.org/docs/Web/API/DOMRectReadOnly/width) */
+    readonly width: number;
+    /** [MDN Reference](https://developer.mozilla.org/docs/Web/API/DOMRectReadOnly/x) */
+    readonly x: number;
+    /** [MDN Reference](https://developer.mozilla.org/docs/Web/API/DOMRectReadOnly/y) */
+    readonly y: number;
+    toJSON(): any;
+  }
+
+  interface DOMRect extends DOMRectReadOnly {
+    height: number;
+    width: number;
+    x: number;
+    y: number;
+  }
+
+  interface DOMRectInit {
+    height?: number | undefined;
+    width?: number | undefined;
+    x?: number | undefined;
+    y?: number | undefined;
+  }
+
+  var DOMRect: {
+    prototype: DOMRect;
+    new (x?: number, y?: number, width?: number, height?: number): DOMRect;
+    /** [MDN Reference](https://developer.mozilla.org/docs/Web/API/DOMRect/fromRect_static) */
+    fromRect(other?: DOMRectInit): DOMRect;
+  };
+
   // #region Timer Functions
 
   function clearInterval(handle: number): void;

package/stubs/double-conversion/double-conversion.h

@@ -25,9 +25,11 @@ class StringBuilder {
     return m_ss.str().length();
   }
 
-  void Finalize() {
+  char *Finalize() {
     std::string str = m_ss.str();
     memcpy(m_buffer, str.c_str(), str.length());
+    m_buffer[str.length()] = '\0'; // IMPORTANT: Add null terminator
+    return m_buffer; // Returns char* that will convert to std::string
   }
 
   char *m_buffer;

package/templates/cpp-app/template.config.js

@@ -144,8 +144,9 @@ async function postInstall(config = {}, options = {}) {
 module.exports = {
   name: 'React Native Windows Application (New Arch, WinAppSDK, C++)',
   description:
-    "[Preview] A RNW app using RN's New Architecture, built in C++ and targeting WinAppSDK.",
+    "A RNW app using RN's New Architecture, built in C++ and targeting WinAppSDK.",
   preInstall,
   getFileMappings,
   postInstall,
+  isDefault: true,
 };

package/templates/cpp-app/windows/MyApp/MyApp.vcxproj

@@ -75,6 +75,10 @@
       <SDLCheck>true</SDLCheck>
       <AdditionalOptions>%(AdditionalOptions) /bigobj</AdditionalOptions>
       <DisableSpecificWarnings>4453;28204</DisableSpecificWarnings>
+      <AdditionalIncludeDirectories>
+        $(MSBuildThisFileDirectory);
+        %(AdditionalIncludeDirectories)
+      </AdditionalIncludeDirectories>
     </ClCompile>
     <Link>
       <AdditionalDependencies>shell32.lib;user32.lib;windowsapp.lib;%(AdditionalDependenices)</AdditionalDependencies>

package/templates/cpp-lib/example/metro.config.js

@@ -33,7 +33,7 @@ const config = {
   // We need to make sure that only one version is loaded for peerDependencies
   // So we block them at the root, and alias them to the versions in example's node_modules
   resolver: {
-    blacklistRE: exclusionList(
+    blocklistRE: exclusionList(
       modules.map(
         (m) =>
           new RegExp(`^${escape(path.join(root, 'node_modules', m))}\\/.*$`)

package/templates/cpp-lib/windows/MyLib/MyLib.vcxproj

@@ -80,6 +80,10 @@
       <PreprocessorDefinitions>_WINRT_DLL;%(PreprocessorDefinitions)</PreprocessorDefinitions>
       <AdditionalUsingDirectories>$(WindowsSDK_WindowsMetadata);$(AdditionalUsingDirectories)</AdditionalUsingDirectories>
       <LanguageStandard>stdcpp20</LanguageStandard>
+      <AdditionalIncludeDirectories>
+        $(MSBuildThisFileDirectory);
+        %(AdditionalIncludeDirectories)
+      </AdditionalIncludeDirectories>
     </ClCompile>
     <Link>
       <AdditionalDependencies>shell32.lib;user32.lib;windowsapp.lib;%(AdditionalDependenices)</AdditionalDependencies>

package/templates/old/generateWrapper.js

@@ -13,7 +13,7 @@ function makeGenerateWindowsWrapper(language = 'cpp', isDefault = false) {
   const name = `React Native Windows Application (Old Arch, UWP, ${
     language === 'cs' ? 'C#' : 'C++'
   })`;
-  const description = `A RNW app using RN's Old Architecture, built in ${
+  const description = `[Legacy] A RNW app using RN's Old Architecture, built in ${
     language === 'cs' ? 'C#' : 'C++'
   } and targeting UWP.`;
 

package/templates/old/uwp-cpp-app/template.config.js

@@ -12,4 +12,4 @@
 
 const {makeGenerateWindowsWrapper} = require('../generateWrapper');
 
-module.exports = makeGenerateWindowsWrapper('cpp', true); // TODO: Remove this as the default
+module.exports = makeGenerateWindowsWrapper('cpp');

package/types/index.d.ts

@@ -68,8 +68,7 @@
 /// <reference path="modules/BatchedBridge.d.ts" />
 /// <reference path="modules/Codegen.d.ts" />
 /// <reference path="modules/Devtools.d.ts" />
-/// <reference types="../src/types/globals.d.ts" />
-/// <reference path="modules/LaunchScreen.d.ts" />
+/// <reference path="../src/types/globals.d.ts" />
 
 export * from '../Libraries/ActionSheetIOS/ActionSheetIOS';
 export * from '../Libraries/Alert/Alert';
@@ -139,10 +138,11 @@ export * from '../Libraries/StyleSheet/processColor';
 export * from '../Libraries/Text/Text';
 export * from '../Libraries/TurboModule/RCTExport';
 export * as TurboModuleRegistry from '../Libraries/TurboModule/TurboModuleRegistry';
+export * as CodegenTypes from '../Libraries/Types/CodegenTypesNamespace';
 export * from '../Libraries/Types/CoreEventTypes';
 export * from '../Libraries/Utilities/Appearance';
 export * from '../Libraries/Utilities/BackHandler';
-export * from '../src/private/devmenu/DevMenu';
+export * from '../src/private/devsupport/devmenu/DevMenu';
 export * from '../Libraries/Utilities/DevSettings';
 export * from '../Libraries/Utilities/Dimensions';
 export * from '../Libraries/Utilities/PixelRatio';
@@ -159,5 +159,8 @@ export * from './public/Insets';
 export * from './public/ReactNativeRenderer';
 export * from './public/ReactNativeTypes';
 
+export {default as codegenNativeCommands} from '../Libraries/Utilities/codegenNativeCommands';
+export {default as codegenNativeComponent} from '../Libraries/Utilities/codegenNativeComponent';
+
 // Export platform specific types
 export * from '../Libraries/platform-types';

package/types/public/ReactNativeTypes.d.ts

@@ -39,7 +39,7 @@ export type MeasureLayoutOnSuccessCallback = (
  * The methods described here are available on most of the default components provided by React Native.
  * Note, however, that they are not available on composite components that aren't directly backed by a
  * native view. This will generally include most components that you define in your own app.
- * For more information, see [Direct Manipulation](https://reactnative.dev/docs/direct-manipulation).
+ * For more information, see [Direct Manipulation](https://reactnative.dev/docs/the-new-architecture/direct-manipulation-new-architecture).
  * @see https://github.com/facebook/react-native/blob/master/Libraries/Renderer/shims/ReactNativeTypes.js#L87
  */
 export interface NativeMethods {
@@ -95,7 +95,7 @@ export interface NativeMethods {
    * This function sends props straight to native. They will not participate in
    * future diff process - this means that if you do not include them in the
    * next render, they will remain active (see [Direct
-   * Manipulation](https://reactnative.dev/docs/direct-manipulation)).
+   * Manipulation](https://reactnative.dev/docs/the-new-architecture/direct-manipulation-new-architecture)).
    */
   setNativeProps(nativeProps: object): void;
 

package/Libraries/BatchedBridge/__mocks__/MessageQueueTestConfig.js

@@ -1,38 +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.
- *
- * @flow strict-local
- * @format
- */
-
-// These don't actually exist anywhere in the code.
-
-'use strict';
-
-import type {ModuleConfig} from '../NativeModules';
-
-const remoteModulesConfig: $ReadOnlyArray<ModuleConfig> = [
-  [
-    'RemoteModule1',
-    null,
-    ['remoteMethod', 'promiseMethod', 'promiseReturningMethod', 'syncMethod'],
-    [2 /* promiseReturningMethod */],
-    [3 /* syncMethod */],
-  ],
-  [
-    'RemoteModule2',
-    null,
-    ['remoteMethod', 'promiseMethod', 'promiseReturningMethod', 'syncMethod'],
-    [2 /* promiseReturningMethod */],
-    [3 /* syncMethod */],
-  ],
-];
-
-const MessageQueueTestConfig = {
-  remoteModuleConfig: remoteModulesConfig,
-};
-
-module.exports = MessageQueueTestConfig;

package/Libraries/BatchedBridge/__mocks__/MessageQueueTestModule.js

@@ -1,22 +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
- */
-
-'use strict';
-
-/**
- * Dummy module that only exists for the sake of proving that the message queue
- * correctly dispatches to commonJS modules. The `testHook` is overridden by test
- * cases.
- */
-const MessageQueueTestModule = {
-  testHook1: function () {},
-  testHook2: function () {},
-};
-
-module.exports = MessageQueueTestModule;