feat: Better support for monorepos with node resolver (#30 by @morganick)

When you're working with monorepos, the scripts you are looking for may be hoisted into a parent directory. These updates take advantage of Node's resolver to locate the package and base our lookup for the scripts from that location.

Author: morganick

.github/workflows/ci.yml

@@ -24,7 +24,7 @@ jobs:
             ${{ runner.os }}-gradle-
       - uses: actions/setup-node@v2
         with:
-          node-version: 18.x
+          node-version: 20.x
       - run: yarn install --frozen-lockfile
       - run: yarn test test/install-colo-loco.test.js test/colo-loco-android.test.js
   test-ios:
@@ -34,6 +34,6 @@ jobs:
       - uses: actions/checkout@v2
       - uses: actions/setup-node@v2
         with:
-          node-version: 18.x
+          node-version: 20.x
       - run: yarn install --frozen-lockfile
       - run: yarn test test/colo-loco-ios.test.js

.github/workflows/publish.yml

@@ -13,8 +13,6 @@ jobs:
       - name: Checkout
         uses: actions/checkout@v2
       - run: yarn install --frozen-lockfile
-      - name: Debugging NPM_TOKEN
-        run: echo -n "${{ secrets.NPM_TOKEN }}" | tail -c 4
       - name: Semantic Release
         run: "yarn ci:publish"
         env:

README.md

@@ -61,7 +61,7 @@ _NOTE: If this doesn't work or you have a non-standard project structure, try th
 For iOS, add this to your Podfile (`ios/Podfile`) (don't forget to change `MyApp` to your actual app name):
 
 ```ruby
-require_relative '../node_modules/react-native-colo-loco/scripts/ios.rb'
+require File.join(File.dirname(`node --print "require.resolve('react-native-colo-loco/package.json')"`), "scripts/ios.rb")
 link_colocated_native_files(app_name: 'MyApp', app_path: "../app")
 ```
 
@@ -153,7 +153,7 @@ Open up your `./android/settings.gradle` file and add this near the top (replace
 ```groovy
 rootProject.name = 'MyApp'
 
-apply from: '../node_modules/react-native-colo-loco/scripts/android.groovy'
+apply from: new File(["node", "--print", "require.resolve('react-native-colo-loco/package.json')"].execute(null, rootDir).text.trim(), "../scripts/android.groovy")
 linkColocatedNativeFiles([
   appName: rootProject.name,
   appPath: "../app",

package.json

@@ -21,8 +21,8 @@
   "devDependencies": {
     "@semantic-release/git": "^10.0.1",
     "fs-extra": "^11.1.1",
-    "jest": "^27.3.1",
-    "semantic-release": "^18.0.0"
+    "jest": "^29.7.0",
+    "semantic-release": "^22.0.7"
   },
   "scripts": {
     "test": "jest",

scripts/android.groovy

@@ -1,7 +1,7 @@
 // TL;DR: This file is included and executed from `./android/settings.gradle`
 // like this:
 //
-// apply from: '../node_modules/react-native-colo-loco/scripts/android.groovy'
+// apply from: new File(["node", "--print", "require.resolve('react-native-colo-loco/package.json')"].execute(null, rootDir).text.trim(), "../scripts/android.groovy")
 // linkColocatedNativeFiles([ appName: rootProject.name, appPath: "../app", appPackageName: "com.myapp", androidPath: "./android/app/src/main/java/com/myapp" ])
 
 import java.util.regex.Pattern

scripts/install-colo-loco

@@ -116,7 +116,7 @@ function setupIOS(appName, sourceFolder, _packageName) {
     const coloLocoPodfileContents = `
 # React Native Colo Loco autolinks native files colocated next to your JS files
 # More info here: https://github.com/jamonholmgren/react-native-colo-loco
-require_relative '../node_modules/react-native-colo-loco/scripts/ios.rb'
+require File.join(File.dirname(\`node --print "require.resolve('react-native-colo-loco/package.json')"\`), "scripts/ios.rb")
 link_colocated_native_files(
   app_name: '${appName}',
   app_path: "../${sourceFolder}",
@@ -146,7 +146,7 @@ function setupAndroid(appName, sourceFolder, packageName) {
     const coloLocoSettingsGradleContents = `
 // React Native Colo Loco autolinks native files colocated next to your JS files
 // More info here: https://github.com/jamonholmgren/react-native-colo-loco
-apply from: '../node_modules/react-native-colo-loco/scripts/android.groovy'
+apply from: new File(["node", "--print", "require.resolve('react-native-colo-loco/package.json')"].execute(null, rootDir).text.trim(), "../scripts/android.groovy")
 linkColocatedNativeFiles([
   appName: "${appName}",
   appPath: "../${sourceFolder}",

test/helpers.js

@@ -47,7 +47,7 @@ function runColoLoco({ appPath, input = [] } = {}, args = []) {
 
 async function createTempApp({ initGit = false, setupAndroid = false, setupIOS = false, setupColoLoco = false } = {}) {
   // create temp folder
-  const tempDir = path.join(os.tmpdir(), `colo-loco-test-${Math.random()}`)
+  const tempDir = path.join(os.tmpdir(), `colo-loco-test-${Date.now()}-${Math.floor(Math.random() * 10000)}`)
   await fs.mkdir(tempDir)
 
   // copy TestApp to temp folder
@@ -74,6 +74,11 @@ async function createTempApp({ initGit = false, setupAndroid = false, setupIOS =
         path.join(tempDir, "node_modules/react-native-colo-loco/scripts"),
         { recursive: true }
       )
+      // copy package.json too
+      await fs.copy(
+        path.join(__dirname, "../package.json"),
+        path.join(tempDir, "node_modules/react-native-colo-loco/package.json")
+      )
     }
   }
 

test/install-colo-loco.test.js

@@ -34,13 +34,15 @@ describe("Checking for install-colo-loco. 🤪", () => {
     // iOS set up is correct
     // Podfile
     const podfile = await fs.readFile(`${appPath}/ios/Podfile`, "utf8")
-    expect(podfile).toContain("react-native-colo-loco/scripts/ios.rb")
+    expect(podfile).toContain("react-native-colo-loco/package.json")
+    expect(podfile).toContain("scripts/ios.rb")
     expect(podfile).toContain("link_colocated_native_files")
 
     // Android set up is correct
     // settings.gradle
     const settingsGradle = await fs.readFile(`${appPath}/android/settings.gradle`, "utf8")
-    expect(settingsGradle).toContain("react-native-colo-loco/scripts/android.groovy")
+    expect(settingsGradle).toContain("react-native-colo-loco/package.json")
+    expect(settingsGradle).toContain("scripts/android.groovy")
     expect(settingsGradle).toContain("linkColocatedNativeFiles")
     expect(settingsGradle).toContain(PACKAGE_NAME)