fix(Windows): Support autolinking (#222)

Author: tido64

windows/ReactTestApp/AutolinkedNativeModules.g.cpp

@@ -0,0 +1,14 @@
+// AutolinkedNativeModules.g.cpp contents generated by "react-native autolink-windows"
+// clang-format off
+#include "pch.h"
+#include "AutolinkedNativeModules.g.h"
+
+namespace winrt::Microsoft::ReactNative
+{
+
+void RegisterAutolinkedNativeModulePackages(winrt::Windows::Foundation::Collections::IVector<winrt::Microsoft::ReactNative::IReactPackageProvider> const& packageProviders)
+{ 
+    UNREFERENCED_PARAMETER(packageProviders);
+}
+
+}

windows/ReactTestApp/AutolinkedNativeModules.g.h

@@ -0,0 +1,17 @@
+//
+// Copyright (c) Microsoft Corporation
+//
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
+//
+
+#pragma once
+
+#include <winrt/Microsoft.ReactNative.h>
+#include <winrt/Windows.Foundation.Collections.h>
+
+namespace winrt::Microsoft::ReactNative
+{
+    void RegisterAutolinkedNativeModulePackages(
+        Windows::Foundation::Collections::IVector<IReactPackageProvider> const &);
+}

windows/ReactTestApp/AutolinkedNativeModules.g.targets

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<Project xmlns="http://schemas.microsoft.com/developer/msbuild/2003">
+  <!-- AutolinkedNativeModules.g.targets contents generated by "react-native autolink-windows" -->
+  <ItemGroup>
+  </ItemGroup>
+</Project>

windows/ReactTestApp/ReactInstance.cpp

@@ -13,6 +13,7 @@
 
 #include <winrt/Windows.Web.Http.Headers.h>
 
+#include "AutolinkedNativeModules.g.h"
 #include "ReactPackageProvider.h"
 
 using ReactTestApp::ReactInstance;
@@ -24,6 +25,8 @@ using winrt::Windows::Web::Http::HttpClient;
 ReactInstance::ReactInstance()
 {
     reactNativeHost_.PackageProviders().Append(winrt::make<ReactPackageProvider>());
+    winrt::Microsoft::ReactNative::RegisterAutolinkedNativeModulePackages(
+        reactNativeHost_.PackageProviders());
 }
 
 void ReactInstance::LoadJSBundleFrom(JSBundleSource source)

windows/ReactTestApp/ReactTestApp.vcxproj

@@ -141,6 +141,7 @@
         <ClInclude Include="$(ReactTestAppDir)\App.h">
             <DependentUpon>$(ReactTestAppDir)\App.xaml</DependentUpon>
         </ClInclude>
+        <ClInclude Include="$(ReactTestAppDir)\AutolinkedNativeModules.g.h" />
         <ClInclude Include="$(ReactTestAppDir)\MainPage.h">
             <DependentUpon>$(ReactTestAppDir)\MainPage.xaml</DependentUpon>
         </ClInclude>
@@ -194,11 +195,12 @@
         <ClCompile Include="$(ReactTestAppDir)\App.cpp">
             <DependentUpon>$(ReactTestAppDir)\App.xaml</DependentUpon>
         </ClCompile>
+        <ClCompile Include="$(ProjectDir)\AutolinkedNativeModules.g.cpp" />
         <ClCompile Include="$(ReactTestAppDir)\MainPage.cpp">
             <DependentUpon>$(ReactTestAppDir)\MainPage.xaml</DependentUpon>
         </ClCompile>
-        <ClCompile Include="$(GeneratedFilesDir)module.g.cpp" />
         <ClCompile Include="$(ReactTestAppDir)\Manifest.cpp" />
+        <ClCompile Include="$(GeneratedFilesDir)module.g.cpp" />
         <ClCompile Include="$(ReactTestAppDir)\ReactInstance.cpp" />
         <ClCompile Include="$(ReactTestAppDir)\ReactPackageProvider.cpp" />
     </ItemGroup>

windows/ReactTestApp/ReactTestApp.vcxproj.filters

@@ -13,15 +13,21 @@
     <ItemGroup>
         <ClCompile Include="$(ReactTestAppDir)\pch.cpp" />
         <ClCompile Include="$(ReactTestAppDir)\App.cpp" />
+        <ClCompile Include="$(ProjectDir)\AutolinkedNativeModules.g.cpp" />
         <ClCompile Include="$(ReactTestAppDir)\MainPage.cpp" />
         <ClCompile Include="$(ReactTestAppDir)\Manifest.cpp" />
         <ClCompile Include="$(ReactTestAppDir)\ReactInstance.cpp" />
+        <ClCompile Include="$(ReactTestAppDir)\ReactPackageProvider.cpp" />
         <ClCompile Include="$(GeneratedFilesDir)module.g.cpp" />
     </ItemGroup>
     <ItemGroup>
         <ClInclude Include="$(ReactTestAppDir)\pch.h" />
+        <ClInclude Include="$(ReactTestAppDir)\App.h" />
+        <ClInclude Include="$(ReactTestAppDir)\AutolinkedNativeModules.g.h" />
+        <ClInclude Include="$(ReactTestAppDir)\MainPage.h" />
         <ClInclude Include="$(ReactTestAppDir)\Manifest.h" />
         <ClInclude Include="$(ReactTestAppDir)\ReactInstance.h" />
+        <ClInclude Include="$(ReactTestAppDir)\ReactPackageProvider.h" />
     </ItemGroup>
     <ItemGroup>
         <Text Include="$(ProjectRootDir)\app.json">

windows/test-app.js

@@ -163,10 +163,10 @@ function copyAndReplace(srcPath, destPath, replacements = {}) {
 
   if (binaryExtensions.includes(path.extname(srcPath))) {
     // Binary file
-    fs.copyFile(srcPath, destPath, throwOnError);
+    return fs.copyFile(srcPath, destPath, throwOnError);
   } else {
     // Text file
-    fs.writeFile(
+    return fs.writeFile(
       destPath,
       replaceContent(
         fs.readFileSync(srcPath, { encoding: "utf8" }),
@@ -214,9 +214,10 @@ function getBundleResources(manifestFilePath, projectFilesDestPath) {
 /**
  * Generates Visual Studio solution.
  * @param {string} destPath Destination path.
+ * @param {boolean} [noAutolink] Skip autolinking.
  * @returns {string | undefined} An error message; `undefined` otherwise.
  */
-function generateSolution(destPath) {
+function generateSolution(destPath, noAutolink) {
   if (!destPath) {
     throw "Missing or invalid destination path";
   }
@@ -264,14 +265,16 @@ function generateSolution(destPath) {
     "\\$\\(BundleFileContentPaths\\)": bundleFileContent,
   };
 
-  [
+  const copyTasks = [
+    "AutolinkedNativeModules.g.cpp",
+    "AutolinkedNativeModules.g.targets",
     "Package.appxmanifest",
     "packages.config",
     "PropertySheet.props",
     "ReactTestApp_TemporaryKey.pfx",
     "ReactTestApp.vcxproj.filters",
     "ReactTestApp.vcxproj",
-  ].forEach((file) =>
+  ].map((file) =>
     copyAndReplace(
       path.join(__dirname, projDir, file),
       path.join(projectFilesDestPath, file),
@@ -314,7 +317,11 @@ function generateSolution(destPath) {
     );
   } else {
     const mustache = require("mustache");
-    fs.writeFile(
+    const reactTestAppProjectPath = path.join(
+      projectFilesDestPath,
+      "ReactTestApp.vcxproj"
+    );
+    const solutionTask = fs.writeFile(
       path.join(destPath, `${appName}.sln`),
       mustache
         .render(
@@ -323,10 +330,7 @@ function generateSolution(destPath) {
         )
         .replace(
           "ReactTestApp\\ReactTestApp.vcxproj",
-          path.relative(
-            destPath,
-            path.join(projectFilesDestPath, "ReactTestApp.vcxproj")
-          )
+          path.relative(destPath, reactTestAppProjectPath)
         )
         .replace(
           /EndProject\r?\nGlobal/,
@@ -340,25 +344,50 @@ function generateSolution(destPath) {
         if (e) throw e;
       }
     );
+    if (!noAutolink) {
+      Promise.all([...copyTasks, solutionTask]).then(() => {
+        const { spawn } = require("child_process");
+        spawn(path.join(path.dirname(process.argv0), "npx.cmd"), [
+          "react-native",
+          "autolink-windows",
+          "--proj",
+          reactTestAppProjectPath,
+        ]);
+      });
+    }
   }
 
   return undefined;
 }
 
 if (require.main === module) {
-  const { argv } = require("yargs")
-    .usage("Usage: $0 --projectDirectory=directory")
-    .option("projectDirectory", {
-      alias: "p",
-      type: "string",
-      description: "Directory where solution will be created",
-      default: "windows",
-    });
-  const error = generateSolution(path.resolve(argv.projectDirectory));
-  if (error) {
-    console.error(error);
-    process.exit(1);
-  }
+  require("yargs").usage(
+    "$0 [options]",
+    "Generate a Visual Studio solution for React Test App",
+    {
+      projectDirectory: {
+        alias: "p",
+        type: "string",
+        description: "Directory where solution will be created",
+        default: "windows",
+      },
+      noAutolink: {
+        type: "boolean",
+        description: "Skip autolinking",
+        default: false,
+      },
+    },
+    ({ projectDirectory, noAutolink }) => {
+      const error = generateSolution(
+        path.resolve(projectDirectory),
+        noAutolink
+      );
+      if (error) {
+        console.error(error);
+        process.exit(1);
+      }
+    }
+  ).argv;
 } else {
   exports["copyAndReplace"] = copyAndReplace;
   exports["findNearest"] = findNearest;