feat(windows): add New Architecture support

package.json

@@ -14,6 +14,7 @@
     "release:publish": "./.github/scripts/setup-ci-git-user.sh && changeset publish"
   },
   "devDependencies": {
+    "@babel/plugin-transform-runtime": "^7.24.7",
     "@changesets/cli": "^2.27.7",
     "concurrently": "^8.2.2",
     "eslint": "^8.54.0",

packages/default-storage/example/.gitignore

@@ -36,6 +36,7 @@ local.properties
 /windows/AppPackages
 /windows/ExperimentalFeatures.props
 /windows/NuGet.Config
+/windows/ReactApp.Package
 
 # node.js
 #

packages/default-storage/example/babel.config.js

@@ -1,3 +1,4 @@
 module.exports = {
   presets: ["module:@react-native/babel-preset"],
+  plugins: ["@babel/plugin-transform-runtime"]
 };

packages/default-storage/example/examples/Functional.tsx

@@ -8,6 +8,7 @@ import {
   ScrollView,
   StyleSheet,
   Text,
+  TurboModuleRegistry,
   View,
 } from "react-native";
 import type { TestStep, TestValue } from "./tests";
@@ -130,7 +131,7 @@ function Functional(): JSX.Element {
       })
       .then(async () => {
         const AsyncStorageTestSupport =
-          NativeModules["AsyncStorageTestSupport"];
+          TurboModuleRegistry.get("AsyncStorageTestSupport");
 
         for (const [currentName, test] of Object.entries(tests)) {
           const name = currentName + " with delegate";

packages/default-storage/example/examples/MergeItem.tsx

@@ -14,6 +14,7 @@ import {
   StyleSheet,
   Text,
   TextInput,
+  TurboModuleRegistry,
   View,
 } from "react-native";
 
@@ -175,22 +176,20 @@ function Merge(): JSX.Element {
           testID="setDelegate_button"
           title="Set native delegate"
           disabled={
-            !NativeModules["AsyncStorageTestSupport"] ||
-            !NativeModules["AsyncStorageTestSupport"].test_setDelegate
+            !TurboModuleRegistry.get('AsyncStorageTestSupport')?.test_setDelegate
           }
           onPress={() =>
-            NativeModules["AsyncStorageTestSupport"].test_setDelegate(() => {})
+            TurboModuleRegistry.get('AsyncStorageTestSupport')?.test_setDelegate(() => {})
           }
         />
         <Button
           testID="unsetDelegate_button"
           title="Unset native delegate"
           disabled={
-            !NativeModules["AsyncStorageTestSupport"] ||
-            !NativeModules["AsyncStorageTestSupport"].test_unsetDelegate
+            TurboModuleRegistry.get('AsyncStorageTestSupport')?.test_unsetDelegate
           }
           onPress={() =>
-            NativeModules["AsyncStorageTestSupport"].test_unsetDelegate(
+            TurboModuleRegistry.get('AsyncStorageTestSupport')?.test_unsetDelegate(
               () => {}
             )
           }

packages/default-storage/metro.config.js

@@ -17,4 +17,4 @@ module.exports = makeMetroConfig({
       },
     }),
   },
-});
+});

packages/default-storage/package.json

@@ -46,6 +46,7 @@
     "start:macos": "react-native run-macos --project-path example/macos --scheme AsyncStorageExample",
     "start:web": "expo start --web",
     "start:windows": "install-windows-test-app -p example/windows && react-native run-windows --root example --logging --no-packager --no-telemetry",
+    "start:windows:fabric": "install-windows-test-app -p example/windows --use-fabric && react-native run-windows --root example --logging --no-packager --no-telemetry",
     "build:e2e:android": "scripts/android_e2e.sh 'build'",
     "build:e2e:ios": "scripts/ios_e2e.sh 'build'",
     "build:e2e:macos": "scripts/macos_e2e.sh 'build'",
@@ -63,16 +64,19 @@
     "hoistingLimits": "workspaces"
   },
   "dependencies": {
+    "@babel/runtime": "^7.25.0",
     "merge-options": "^3.0.4"
   },
   "peerDependencies": {
     "react-native": "^0.0.0-0 || >=0.65 <1.0"
   },
   "devDependencies": {
     "@babel/core": "^7.20.0",
+    "@babel/plugin-transform-runtime": "^7.24.7",
     "@babel/preset-env": "^7.20.0",
     "@react-native/babel-preset": "^0.75.0",
     "@react-native/metro-config": "^0.75.0",
+    "@rnx-kit/jest-preset": "^0.1.16",
     "@rnx-kit/metro-config": "^2.0.0",
     "@types/lodash": "^4.14.184",
     "@types/mocha": "^10.0.1",
@@ -122,6 +126,11 @@
     "jsSrcsDir": "./src",
     "android": {
       "javaPackageName": "com.reactnativecommunity.asyncstorage"
+    },
+    "windows": {
+      "namespace": "RNCAsyncStorage",
+      "outputDirectory": "windows/code/codegen",
+      "separateDataTypes": true
     }
   }
 }

packages/default-storage/src/shouldFallbackToLegacyNativeModule.ts

@@ -1,8 +1,8 @@
-import { NativeModules } from "react-native";
+import { NativeModules, TurboModuleRegistry } from "react-native";
 
 export function shouldFallbackToLegacyNativeModule(): boolean {
   const expoConstants =
-    NativeModules["NativeUnimoduleProxy"]?.modulesConstants?.ExponentConstants;
+  TurboModuleRegistry.get('NativeUnimoduleProxy')?.getConstants()?.modulesConstants?.ExponentConstants;
 
   if (expoConstants) {
     /**