feat(windows): add New Architecture support

package.json

@@ -40,7 +40,8 @@
     "@react-native/js-polyfills": "^0.75.0",
     "@react-native/normalize-colors": "^0.75.0",
     "@react-native/virtualized-lists": "^0.75.0",
-    "find-babel-config/json5": "^2.1.1"
+    "find-babel-config/json5": "^2.1.1",
+    "react-native-windows": "^0.75.5"
   },
   "workspaces": [
     "packages/api",

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/examples/Functional.tsx

@@ -3,11 +3,11 @@ import AsyncStorage from "@react-native-async-storage/async-storage";
 import React, { useEffect, useState } from "react";
 import isEqual from "lodash/isEqual";
 import {
-  NativeModules,
   Platform,
   ScrollView,
   StyleSheet,
   Text,
+  TurboModuleRegistry,
   View,
 } from "react-native";
 import type { TestStep, TestValue } from "./tests";
@@ -129,8 +129,15 @@ function Functional(): JSX.Element {
         }
       })
       .then(async () => {
-        const AsyncStorageTestSupport =
-          NativeModules["AsyncStorageTestSupport"];
+        type AsyncStorageDelegate = (value: boolean) => void;
+
+        type AsyncStorageTestSupport = {
+          test_setDelegate: (delegate: AsyncStorageDelegate) => void;
+          test_unsetDelegate: (delegate: AsyncStorageDelegate) => void;
+          getConstants(): object;
+        };
+
+        const AsyncStorageTestSupport = TurboModuleRegistry.get<AsyncStorageTestSupport>("AsyncStorageTestSupport") 
 
         for (const [currentName, test] of Object.entries(tests)) {
           const name = currentName + " with delegate";

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

@@ -10,10 +10,10 @@ import AsyncStorage from "@react-native-async-storage/async-storage";
 import React, { useCallback, useState } from "react";
 import {
   Button,
-  NativeModules,
   StyleSheet,
   Text,
   TextInput,
+  TurboModuleRegistry,
   View,
 } from "react-native";
 
@@ -102,6 +102,16 @@ function Merge(): JSX.Element {
 
   const { trait1, trait2 } = traits;
 
+  type AsyncStorageDelegate = () => void;
+
+  type AsyncStorageTestSupport = {
+    test_setDelegate: (delegate: AsyncStorageDelegate) => void;
+    test_unsetDelegate: (delegate: AsyncStorageDelegate) => void;
+    getConstants(): object;
+  };
+
+  const AsyncStorageTestSupport = TurboModuleRegistry.get<AsyncStorageTestSupport>("AsyncStorageTestSupport")
+
   return (
     <View>
       <View>
@@ -174,26 +184,14 @@ function Merge(): JSX.Element {
         <Button
           testID="setDelegate_button"
           title="Set native delegate"
-          disabled={
-            !NativeModules["AsyncStorageTestSupport"] ||
-            !NativeModules["AsyncStorageTestSupport"].test_setDelegate
-          }
-          onPress={() =>
-            NativeModules["AsyncStorageTestSupport"].test_setDelegate(() => {})
-          }
+          disabled={!AsyncStorageTestSupport?.test_setDelegate}
+          onPress={() => AsyncStorageTestSupport?.test_setDelegate(() => {})}
         />
         <Button
           testID="unsetDelegate_button"
           title="Unset native delegate"
-          disabled={
-            !NativeModules["AsyncStorageTestSupport"] ||
-            !NativeModules["AsyncStorageTestSupport"].test_unsetDelegate
-          }
-          onPress={() =>
-            NativeModules["AsyncStorageTestSupport"].test_unsetDelegate(
-              () => {}
-            )
-          }
+          disabled={!AsyncStorageTestSupport?.test_unsetDelegate}
+          onPress={() => AsyncStorageTestSupport?.test_unsetDelegate(() => {})}
         />
       </View>
 

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'",
@@ -73,6 +74,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 +124,11 @@
     "jsSrcsDir": "./src",
     "android": {
       "javaPackageName": "com.reactnativecommunity.asyncstorage"
+    },
+    "windows": {
+      "namespace": "RNCAsyncStorage",
+      "outputDirectory": "windows/code/codegen",
+      "separateDataTypes": true
     }
   }
 }