feat(windows): add New Architecture support (#1147)

Author: Yajur-Grover

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,13 +3,14 @@ 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 { AsyncStorageTestSupport } from "./types";
 import type { TestStep, TestValue } from "./tests";
 import tests from "./tests";
 
@@ -130,7 +131,9 @@ function Functional(): JSX.Element {
       })
       .then(async () => {
         const AsyncStorageTestSupport =
-          NativeModules["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,12 +10,13 @@ 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";
+import type { AsyncStorageTestSupport } from "./types";
 
 type Personalia = {
   age: string;
@@ -102,6 +103,9 @@ function Merge(): JSX.Element {
 
   const { trait1, trait2 } = traits;
 
+  const AsyncStorageTestSupport =
+    TurboModuleRegistry.get<AsyncStorageTestSupport>("AsyncStorageTestSupport");
+
   return (
     <View>
       <View>
@@ -174,26 +178,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/example/examples/types.ts

@@ -0,0 +1,8 @@
+import type { TurboModule } from "react-native";
+
+type AsyncStorageDelegate = (value?: boolean) => void;
+
+export type AsyncStorageTestSupport = TurboModule & {
+  test_setDelegate: (delegate: AsyncStorageDelegate) => void;
+  test_unsetDelegate: (delegate: AsyncStorageDelegate) => void;
+};

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
     }
   }
 }