Add addon-examples package

Author: kraenhansen

apps/test-app/App.tsx

@@ -1,12 +1,25 @@
 import React from "react";
-import { StyleSheet, Text, View } from "react-native";
+import { StyleSheet, Text, View, Button } from "react-native";
 
-import { requireNodeAddon } from "react-native-node-api-modules";
+// import { requireNodeAddon } from "react-native-node-api-modules";
+import nodeAddonExamples from "react-native-node-addon-examples";
 
 function App(): React.JSX.Element {
   return (
     <View style={styles.container}>
       <Text style={styles.title}>React Native Node-API Modules</Text>
+      {Object.entries(nodeAddonExamples).map(([suiteName, examples]) => (
+        <View key={suiteName} style={styles.suite}>
+          <Text>{suiteName}</Text>
+          {Object.entries(examples).map(([exampleName, requireExample]) => (
+            <Button
+              key={exampleName}
+              title={exampleName}
+              onPress={requireExample}
+            />
+          ))}
+        </View>
+      ))}
     </View>
   );
 }
@@ -17,6 +30,12 @@ const styles = StyleSheet.create({
     justifyContent: "center",
     alignItems: "center",
   },
+  suite: {
+    borderWidth: 1,
+    width: "96%",
+    margin: 10,
+    padding: 10,
+  },
   title: {
     fontSize: 20,
   },

apps/test-app/ios/Podfile.lock

@@ -2031,4 +2031,4 @@ SPEC CHECKSUMS:
 
 PODFILE CHECKSUM: d05cf05eb3b848d847fa52b59bd348ebd57d3cb5
 
-COCOAPODS: 1.16.2
+COCOAPODS: 1.15.2

apps/test-app/metro.config.js

@@ -1,4 +1,5 @@
 const { makeMetroConfig } = require("@rnx-kit/metro-config");
+const { resolveRequest } = require("react-native-node-api-modules/metro-resolver");
 
 module.exports = makeMetroConfig({
   transformer: {
@@ -9,4 +10,7 @@ module.exports = makeMetroConfig({
       },
     }),
   },
+  resolver: {
+    resolveRequest,
+  }
 });

apps/test-app/package.json

@@ -23,6 +23,7 @@
     "react": "19.0.0",
     "react-native": "0.79.1",
     "react-native-test-app": "^4.3.3",
-    "react-native-node-api-modules": "*"
+    "react-native-node-api-modules": "*",
+    "react-native-node-addon-examples": "*"
   }
 }

packages/node-addon-examples/.gitignore

@@ -0,0 +1 @@
+examples/

packages/node-addon-examples/index.js

@@ -0,0 +1,6 @@
+module.exports = {
+  "1-getting-started": {
+    // "1_hello_world": () => require("./examples/1-getting-started/1_hello_world/napi/hello.js")
+    "2_function_arguments": () => require("./examples/1-getting-started/2_function_arguments/napi/addon.js")
+  }
+};

packages/node-addon-examples/package.json

@@ -0,0 +1,15 @@
+{
+  "name": "react-native-node-addon-examples",
+  "private": true,
+  "scripts": {
+    "e2e": "rm -rf tests && npm run copy-examples && npm run gyp-to-cmake && npm run build",
+    "copy-examples": "tsx scripts/copy-examples.mts",
+    "gyp-to-cmake": "gyp-to-cmake ./examples",
+    "build": "tsx scripts/build-examples.mts"
+  },
+  "devDependencies": {
+    "node-addon-examples": "github:nodejs/node-addon-examples#4213d4c9d07996ae68629c67926251e117f8e52a",
+    "gyp-to-cmake": "*",
+    "react-native-node-api-cmake": "*"
+  }
+}

packages/node-addon-examples/scripts/build-examples.mts

@@ -0,0 +1,13 @@
+import { execSync } from "node:child_process";
+
+import { findCMakeProjects } from "./cmake-projects.mjs";
+
+const projectDirectories = findCMakeProjects();
+
+for (const projectDirectory of projectDirectories) {
+  console.log(`Running "react-native-node-api-cmake" in ${projectDirectory}`);
+  execSync("react-native-node-api-cmake --triplet arm64-apple-ios-sim", {
+    cwd: projectDirectory,
+    stdio: "inherit",
+  });
+}

packages/node-addon-examples/scripts/cmake-projects.mts

@@ -0,0 +1,20 @@
+import { readdirSync, statSync } from "node:fs";
+import { join } from "node:path";
+
+export const EXAMPLES_DIR = new URL("../examples", import.meta.url).pathname;
+
+export function findCMakeProjects(dir = EXAMPLES_DIR): string[] {
+  let results: string[] = [];
+  const files = readdirSync(dir);
+
+  for (const file of files) {
+    const fullPath = join(dir, file);
+    if (statSync(fullPath).isDirectory()) {
+      results = results.concat(findCMakeProjects(fullPath));
+    } else if (file === "CMakeLists.txt") {
+      results.push(dir);
+    }
+  }
+
+  return results;
+}

packages/node-addon-examples/scripts/copy-examples.mts

@@ -0,0 +1,31 @@
+import { createRequire } from "node:module";
+import { cpSync, rmSync } from "node:fs";
+import path from "node:path";
+
+import { EXAMPLES_DIR } from "./cmake-projects.mjs";
+
+const ALLOW_LIST = [
+  // "1-getting-started/1_hello_world/napi/",
+  "1-getting-started/2_function_arguments/napi/",
+  // "1-getting-started/3_callbacks/napi/",
+  // "1-getting-started/4_object_factory/napi/"
+];
+
+console.log("Copying files to", EXAMPLES_DIR);
+// Clean up the destination directory before copying
+rmSync(EXAMPLES_DIR, { recursive: true, force: true });
+
+const require = createRequire(import.meta.url);
+
+const EXAMPLES_PACKAGE_PATH = require.resolve(
+  "node-addon-examples/package.json"
+);
+const SRC_DIR = path.join(path.dirname(EXAMPLES_PACKAGE_PATH), "src");
+console.log("Copying files from", SRC_DIR);
+
+for (const src of ALLOW_LIST) {
+  const srcPath = path.join(SRC_DIR, src);
+  const destPath = path.join(EXAMPLES_DIR, src);
+  console.log("Copying from", srcPath, "to", destPath);
+  cpSync(srcPath, destPath, { recursive: true });
+}