react-native-windows 0.72.13 → 0.73.0-preview.1

package/fmt/packages.lock.json

@@ -0,0 +1,13 @@
+{
+  "version": 1,
+  "dependencies": {
+    "native,Version=v0.0": {},
+    "native,Version=v0.0/win10-arm": {},
+    "native,Version=v0.0/win10-arm-aot": {},
+    "native,Version=v0.0/win10-arm64-aot": {},
+    "native,Version=v0.0/win10-x64": {},
+    "native,Version=v0.0/win10-x64-aot": {},
+    "native,Version=v0.0/win10-x86": {},
+    "native,Version=v0.0/win10-x86-aot": {}
+  }
+}

package/index.windows.js

@@ -464,15 +464,15 @@ module.exports = {
     );
   },
   get EventPhase(): any {
-    return require('./Libraries/Components/Keyboard/KeyboardExtProps')
+    return require('./Libraries/Components/View/ViewPropTypes')
       .HandledEventPhase;
   },
   get HandledEventPhase(): any {
-    return require('./Libraries/Components/Keyboard/KeyboardExtProps')
+    return require('./Libraries/Components/View/ViewPropTypes')
       .HandledEventPhase;
   },
   get ViewWindows(): any {
-    return require('./Libraries/Components/View/ViewWindows').ViewWindows;
+    return require('./Libraries/Components/View/View');
   },
   get AppTheme(): AppTheme {
     return require('./Libraries/AppTheme/AppTheme');

package/{Libraries/Components/ProgressBarAndroid/ProgressBarAndroid.ios.js → jest/ReactNativeInternalFeatureFlagsMock.js}

@@ -5,8 +5,9 @@
  * LICENSE file in the root directory of this source tree.
  *
  * @format
+ * @flow strict
  */
 
 'use strict';
 
-module.exports = require('../UnimplementedViews/UnimplementedView');
+module.exports = {};

package/jest/__tests__/setup-test.js

@@ -0,0 +1,18 @@
+/**
+ * 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
+ * @format
+ * @oncall react_native
+ */
+
+import NativeExceptionsManager from '../../Libraries/Core/NativeExceptionsManager';
+
+test('NativeExceptionsManager is a mock', () => {
+  expect(jest.isMockFunction(NativeExceptionsManager.reportException)).toBe(
+    true,
+  );
+});

package/jest/mockModal.js

@@ -17,11 +17,13 @@ import typeof Modal from '../Libraries/Modal/Modal';
 
 function mockModal(BaseComponent: $FlowFixMe) {
   class ModalMock extends BaseComponent {
-    render(): React.Element<Modal> {
+    render(): React.Element<Modal> | null {
+      if (this.props.visible === false) {
+        return null;
+      }
+
       return (
-        <BaseComponent {...this.props}>
-          {this.props.visible !== true ? null : this.props.children}
-        </BaseComponent>
+        <BaseComponent {...this.props}>{this.props.children}</BaseComponent>
       );
     }
   }

package/jest/setup.js

@@ -15,36 +15,50 @@ const mockComponent = jest.requireActual('./mockComponent');
 jest.requireActual('@react-native/js-polyfills/Object.es8');
 jest.requireActual('@react-native/js-polyfills/error-guard');
 
-global.__DEV__ = true;
-
-global.performance = {
-  now: jest.fn(Date.now),
-};
-
-global.regeneratorRuntime = jest.requireActual('regenerator-runtime/runtime');
-global.window = global;
-
-global.requestAnimationFrame = function (callback) {
-  return setTimeout(() => callback(jest.now()), 0);
-};
-global.cancelAnimationFrame = function (id) {
-  clearTimeout(id);
-};
-
-// there's a __mock__ for it.
-jest.setMock(
-  '../Libraries/vendor/core/ErrorUtils',
-  require('../Libraries/vendor/core/ErrorUtils'),
-);
+Object.defineProperties(global, {
+  __DEV__: {
+    configurable: true,
+    enumerable: true,
+    value: true,
+    writable: true,
+  },
+  cancelAnimationFrame: {
+    configurable: true,
+    enumerable: true,
+    value: id => clearTimeout(id),
+    writable: true,
+  },
+  performance: {
+    configurable: true,
+    enumerable: true,
+    value: {
+      now: jest.fn(Date.now),
+    },
+    writable: true,
+  },
+  regeneratorRuntime: {
+    configurable: true,
+    enumerable: true,
+    value: jest.requireActual('regenerator-runtime/runtime'),
+    writable: true,
+  },
+  requestAnimationFrame: {
+    configurable: true,
+    enumerable: true,
+    value: callback => setTimeout(() => callback(jest.now()), 0),
+    writable: true,
+  },
+  window: {
+    configurable: true,
+    enumerable: true,
+    value: global,
+    writable: true,
+  },
+});
 
 jest
   .mock('../Libraries/Core/InitializeCore', () => {})
-  .mock('../Libraries/Core/NativeExceptionsManager', () => ({
-    __esModule: true,
-    default: {
-      reportException: jest.fn(),
-    },
-  }))
+  .mock('../Libraries/Core/NativeExceptionsManager')
   .mock('../Libraries/ReactNative/UIManager', () => ({
     AndroidViewPager: {
       Commands: {
@@ -95,9 +109,17 @@ jest
       Constants: {},
     },
   }))
-  .mock('../Libraries/Image/Image', () =>
-    mockComponent('../Libraries/Image/Image'),
-  )
+  .mock('../Libraries/Image/Image', () => {
+    const Image = mockComponent('../Libraries/Image/Image');
+    Image.getSize = jest.fn();
+    Image.getSizeWithHeaders = jest.fn();
+    Image.prefetch = jest.fn();
+    Image.prefetchWithMetadata = jest.fn();
+    Image.queryCache = jest.fn();
+    Image.resolveAssetSource = jest.fn();
+
+    return Image;
+  })
   .mock('../Libraries/Text/Text', () =>
     mockComponent('../Libraries/Text/Text', MockNativeMethods),
   )
@@ -176,6 +198,8 @@ jest
     addEventListener: jest.fn(() => ({
       remove: jest.fn(),
     })),
+    removeEventListener: jest.fn(),
+    currentState: jest.fn(),
   }))
   .mock('../Libraries/Linking/Linking', () => ({
     openURL: jest.fn(),
@@ -374,4 +398,11 @@ jest
       __esModule: true,
       default: Component,
     };
+  })
+  // In tests, we can use the default version instead of the one using
+  // dependency injection.
+  .mock('../Libraries/ReactNative/RendererProxy', () => {
+    return jest.requireActual(
+      '../Libraries/ReactNative/RendererImplementation',
+    );
   });

package/just-task.js

@@ -18,6 +18,7 @@ const {
 // Use the shared base configuration
 require('@rnw-scripts/just-task');
 require('@rnw-scripts/just-task/react-native-tasks');
+require('@rnw-scripts/just-task/flow-tasks');
 
 const {execSync} = require('child_process');
 const fs = require('fs');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-windows",
-  "version": "0.72.13",
+  "version": "0.73.0-preview.1",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -13,7 +13,7 @@
   "scripts": {
     "build": "rnw-scripts build",
     "clean": "rnw-scripts clean",
-    "flow-check": "flow check",
+    "flow-check": "rnw-scripts flow-check",
     "lint:fix": "rnw-scripts lint:fix",
     "lint": "rnw-scripts lint",
     "start": "react-native start",
@@ -22,79 +22,80 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.0.0",
-    "@jest/create-cache-key-function": "^29.2.1",
-    "@react-native-community/cli": "11.3.7",
-    "@react-native-community/cli-platform-android": "11.3.7",
-    "@react-native-community/cli-platform-ios": "11.3.7",
-    "@react-native-windows/cli": "0.72.3",
+    "@jest/create-cache-key-function": "^29.6.3",
+    "@react-native-community/cli": "12.0.0-alpha.17",
+    "@react-native-community/cli-platform-android": "12.0.0-alpha.17",
+    "@react-native-community/cli-platform-ios": "12.0.0-alpha.17",
+    "@react-native-windows/cli": "0.73.0-preview.1",
     "@react-native/assets": "1.0.0",
-    "@react-native/assets-registry": "^0.72.0",
-    "@react-native/codegen": "^0.72.7",
-    "@react-native/gradle-plugin": "^0.72.11",
-    "@react-native/js-polyfills": "^0.72.1",
-    "@react-native/normalize-colors": "^0.72.0",
-    "@react-native/virtualized-lists": "^0.72.8",
+    "@react-native/assets-registry": "^0.73.1",
+    "@react-native/codegen": "^0.73.1",
+    "@react-native/community-cli-plugin": "^0.73.6",
+    "@react-native/gradle-plugin": "^0.73.1",
+    "@react-native/js-polyfills": "^0.73.1",
+    "@react-native/normalize-colors": "^0.73.2",
+    "@react-native/virtualized-lists": "^0.73.1",
     "abort-controller": "^3.0.0",
     "anser": "^1.4.9",
-    "base64-js": "^1.1.2",
-    "deprecated-react-native-prop-types": "4.1.0",
+    "ansi-regex": "^5.0.0",
+    "base64-js": "^1.5.1",
+    "deprecated-react-native-prop-types": "4.2.1",
     "event-target-shim": "^5.0.1",
-    "flow-enums-runtime": "^0.0.5",
+    "flow-enums-runtime": "^0.0.6",
     "invariant": "^2.2.4",
-    "jest-environment-node": "^29.2.1",
+    "jest-environment-node": "^29.6.3",
     "jsc-android": "^250231.0.0",
     "memoize-one": "^5.0.0",
-    "metro-runtime": "0.76.8",
-    "metro-source-map": "0.76.8",
+    "metro-runtime": "0.79.1",
+    "metro-source-map": "0.79.1",
     "mkdirp": "^0.5.1",
     "nullthrows": "^1.1.1",
     "pretty-format": "^26.5.2",
     "promise": "^8.3.0",
-    "react-devtools-core": "^4.27.2",
-    "react-refresh": "^0.4.0",
+    "react-devtools-core": "^4.27.7",
+    "react-refresh": "^0.14.0",
     "react-shallow-renderer": "^16.15.0",
     "regenerator-runtime": "^0.13.2",
     "scheduler": "0.24.0-canary-efb381bbf-20230505",
     "source-map-support": "^0.5.19",
     "stacktrace-parser": "^0.1.10",
-    "use-sync-external-store": "^1.0.0",
     "whatwg-fetch": "^3.0.0",
     "ws": "^6.2.2",
     "yargs": "^17.6.2"
   },
   "devDependencies": {
-    "@react-native-windows/codegen": "0.72.2",
+    "@react-native-windows/codegen": "0.73.0-preview.1",
+    "@react-native/metro-config": "^0.73.0",
     "@rnw-scripts/babel-react-native-config": "0.0.0",
-    "@rnw-scripts/eslint-config": "1.1.15",
-    "@rnw-scripts/jest-out-of-tree-snapshot-resolver": "^1.1.1",
-    "@rnw-scripts/just-task": "2.3.6",
+    "@rnw-scripts/eslint-config": "1.2.3",
+    "@rnw-scripts/jest-out-of-tree-snapshot-resolver": "^1.1.6",
+    "@rnw-scripts/just-task": "2.3.17",
     "@rnw-scripts/metro-dev-config": "0.0.0",
     "@rnx-kit/jest-preset": "^0.1.0",
-    "@types/node": "^16.0.0",
+    "@types/node": "^18.0.0",
     "@types/react": "^18.0.18",
     "eslint": "^8.19.0",
     "eslint-plugin-prettier": "^4.2.1",
-    "flow-bin": "^0.202.0",
+    "flow-bin": "^0.215.0",
     "jscodeshift": "^0.14.0",
     "just-scripts": "^1.3.3",
-    "metro-config": "0.76.4",
     "prettier": "^2.4.1",
     "react": "18.2.0",
-    "react-native": "0.72.5",
-    "react-native-platform-override": "^1.9.4",
+    "react-native": "0.73.0-rc.1",
+    "react-native-platform-override": "^1.9.16",
     "react-refresh": "^0.4.0",
     "typescript": "^4.9.5"
   },
   "peerDependencies": {
     "react": "18.2.0",
-    "react-native": "^0.72.3"
+    "react-native": "0.73.0-rc.1"
   },
   "beachball": {
-    "defaultNpmTag": "latest",
+    "defaultNpmTag": "preview",
     "disallowedChangeTypes": [
       "major",
       "minor",
-      "prerelease"
+      "patch"
     ],
     "gitTags": true
   },
@@ -122,29 +123,23 @@
     "/Shared",
     "/stubs",
     "/template",
+    "/templates",
     "/types",
     "/.flowconfig",
     "/Directory.Build.props",
     "/Directory.Build.targets",
     "/index.js",
-    "/index.windows.d.ts",
-    "/index.windows.d.ts.map",
     "/index.windows.js",
-    "/index.windows.js.map",
     "/interface.js",
     "/just-task.js",
     "/LICENSE",
     "/metro-react-native-platform.js",
     "/metro.config.js",
     "/react-native.config.js",
-    "/typings-index.d.ts",
-    "/typings-index.d.ts.map",
-    "/typings-index.js",
-    "/typings-index.js.map",
     "/rn-get-polyfills.js"
   ],
   "promoteRelease": true,
   "engines": {
-    "node": ">= 16"
+    "node": ">= 18"
   }
 }

package/template/cs-app/proj/MyApp.csproj

@@ -95,7 +95,6 @@
   </PropertyGroup>
   <PropertyGroup>
     <RestoreProjectStyle>PackageReference</RestoreProjectStyle>
-    <RestorePackagesWithLockFile>true</RestorePackagesWithLockFile>
   </PropertyGroup>
   <ItemGroup>
     <Compile Include="App.xaml.cs">

package/template/cs-lib/proj/MyLib.csproj

@@ -98,7 +98,6 @@
   </PropertyGroup>
   <PropertyGroup>
     <RestoreProjectStyle>PackageReference</RestoreProjectStyle>
-    <RestorePackagesWithLockFile>true</RestorePackagesWithLockFile>
   </PropertyGroup>
   <ItemGroup>
     <Compile Include="Properties\AssemblyInfo.cs" />

package/templates/.clang-format

@@ -0,0 +1,4 @@
+# This file prevents clang-format from formating the template files
+
+DisableFormat: true
+SortIncludes: false

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

@@ -0,0 +1,51 @@
+/**
+ * Metro configuration for React Native
+ * https://github.com/facebook/react-native
+ *
+ * @format
+ */
+const fs = require('fs');
+const path = require('path');
+const exclusionList = require('metro-config/src/defaults/exclusionList');
+
+const rnwPath = fs.realpathSync(
+  path.resolve(require.resolve('react-native-windows/package.json'), '..'),
+);
+
+//{{#devMode}} [devMode
+const rnwRootNodeModules = path.resolve(rnwPath, '..', 'node_modules');
+const rnwPackages = path.resolve(rnwPath, '..', 'packages');
+// devMode]{{/devMode}}
+
+module.exports = {
+  //{{#devMode}} [devMode
+  watchFolders: [rnwPath, rnwRootNodeModules, rnwPackages],
+  // devMode]{{/devMode}}
+  resolver: {
+    blockList: exclusionList([
+      // This stops "react-native run-windows" from causing the metro server to crash if its already running
+      new RegExp(
+        `${path.resolve(__dirname, 'windows').replace(/[/\\]/g, '/')}.*`,
+      ),
+      // This prevents "react-native run-windows" from hitting: EBUSY: resource busy or locked, open msbuild.ProjectImports.zip or other files produced by msbuild
+      new RegExp(`${rnwPath}/build/.*`),
+      new RegExp(`${rnwPath}/target/.*`),
+      /.*\.ProjectImports\.zip/,
+    ]),
+    //{{#devMode}} [devMode
+    extraNodeModules: {
+      'react-native-windows': rnwPath,
+    },
+    // devMode]{{/devMode}}
+  },
+  transformer: {
+    getTransformOptions: async () => ({
+      transform: {
+        experimentalImportSupport: false,
+        inlineRequires: true,
+      },
+    }),
+    // This fixes the 'missing-asset-registry-path` error (see https://github.com/microsoft/react-native-windows/issues/11437)
+    assetRegistryPath: 'react-native/Libraries/Image/AssetRegistry',
+  },
+};

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

@@ -0,0 +1,119 @@
+/**
+ * Copyright (c) Microsoft Corporation.
+ * Licensed under the MIT License.
+ *
+ * @ts check
+ * @format
+ */
+
+const chalk = require('chalk');
+const existsSync = require('fs').existsSync;
+const path = require('path');
+const username = require('username');
+const uuid = require('uuid');
+const util = require('util');
+
+const glob = util.promisify(require('glob'));
+
+async function preInstall(config = {}, options = {}) {}
+
+async function getFileMappings(config = {}, options = {}) {
+  const rnwPath = path.dirname(
+    require.resolve('react-native-windows', [config.root]),
+  );
+  const rnwVersion = require(path.join(rnwPath, 'package.json')).version;
+
+  const devMode = existsSync(path.join(rnwPath, 'src'));
+
+  const projectName =
+    config?.project?.windows?.project?.projectName ?? options?.name ?? 'MyApp';
+  const namespace = options?.namespace ?? projectName;
+  const namespaceCpp = namespace.replace(/\./g, '::');
+  const projectGuid =
+    config?.project?.windows?.project?.projectGuid
+      ?.replace('{', '')
+      .replace('}', '') ?? uuid.v4();
+  const packageGuid = uuid.v4();
+  const currentUser = username.sync(); // Gets the current username depending on the platform.
+
+  const cppNugetPackages = [];
+
+  const replacements = {
+    useMustache: true,
+    regExpPatternsToRemove: [],
+
+    name: projectName,
+    namespace: namespace,
+    namespaceCpp: namespaceCpp,
+
+    rnwVersion: rnwVersion,
+
+    mainComponentName: projectName, // TODO: replace with app.json name
+
+    // Visual Studio is very picky about the casing of the guids for projects, project references and the solution
+    // https://www.bing.com/search?q=visual+studio+project+guid+casing&cvid=311a5ad7f9fc41089507b24600d23ee7&FORM=ANAB01&PC=U531
+    // we therefore have to precariously use the right casing in the right place or risk building in VS breaking.
+    projectGuidLower: `{${projectGuid.toLowerCase()}}`,
+    projectGuidUpper: `{${projectGuid.toUpperCase()}}`,
+
+    // packaging and signing variables:
+    packageGuidLower: `{${packageGuid.toLowerCase()}}`,
+    packageGuidUpper: `{${packageGuid.toUpperCase()}}`,
+    currentUser: currentUser,
+
+    devMode,
+
+    cppNugetPackages,
+  };
+
+  let fileMappings = [];
+
+  const templateFiles = await glob('**/*', {
+    cwd: __dirname,
+    ignore: 'template.config.js',
+    nodir: true,
+  });
+
+  for (const file of templateFiles) {
+    const fileMapping = {
+      from: path.resolve(__dirname, path.normalize(file)),
+      to: path.normalize(file),
+      replacements,
+    };
+
+    // Perform simple file renames
+    const fileName = path.basename(fileMapping.to);
+    switch (fileName) {
+      case '_gitignore':
+        fileMapping.to = path.join(path.dirname(fileMapping.to), '.gitignore');
+        break;
+      case 'NuGet_Config':
+        fileMapping.to = path.join(
+          path.dirname(fileMapping.to),
+          'NuGet.config',
+        );
+        break;
+    }
+
+    // Rename files with MyApp in the name
+    fileMapping.to = fileMapping.to.replace(/MyApp/g, projectName);
+
+    fileMappings.push(fileMapping);
+  }
+
+  return fileMappings;
+}
+
+function postInstall(config = {}, options = {}) {
+  console.log(chalk.white.bold('To run your new windows app:'));
+  console.log(chalk.white('   npx react-native run-windows'));
+}
+
+module.exports = {
+  name: 'React Native Windows Application (New Arch, C++, Win32, Hermes)',
+  description:
+    "[Experimental] A RNW app targeting RN's new architecture, with the Hermes JS engine.",
+  preInstall,
+  getFileMappings,
+  postInstall,
+};

package/templates/cpp-app/windows/ExperimentalFeatures.props

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<Project xmlns="http://schemas.microsoft.com/developer/msbuild/2003">
+
+  <PropertyGroup Label="Microsoft.ReactNative Experimental Features">
+    <UseHermes>true</UseHermes>
+    <UseFabric>true</UseFabric>
+    <UseWinUI3>false</UseWinUI3>
+
+    <ReactExperimentalFeaturesSet>true</ReactExperimentalFeaturesSet>
+  </PropertyGroup>
+
+</Project>