feat: monorepo configuration

Author: tyrauber

.github/workflows/android-actions.yml

@@ -22,14 +22,14 @@ jobs:
       - name: Setup JDK zulu 17
         uses: actions/setup-java@v4
         with:
-          distribution: 'zulu'
-          java-version: '17'
+          distribution: "zulu"
+          java-version: "17"
 
       - name: Enable Corepack
         run: corepack enable
 
       - run: yarn install --immutable --check-cache
-        working-directory: example
+        working-directory: packages/react-native-app
 
       - run: ./gradlew assemble
-        working-directory: example/android
+        working-directory: packages/react-native-app/android

.github/workflows/ios-actions.yml

@@ -14,7 +14,7 @@ jobs:
 
     defaults:
       run:
-        working-directory: ./example
+        working-directory: ./packages/react-native-app
 
     steps:
       - name: Checkout

.yarnrc.yml

@@ -1,3 +1,6 @@
 compressionLevel: mixed
 enableGlobalCache: false
 nodeLinker: node-modules
+nmMode: hardlinks-local
+enableGlobalCache: true
+nmHoistingLimits: workspaces

package.json

@@ -137,5 +137,8 @@
       "prettier/prettier": "error"
     }
   },
-  "packageManager": "[email protected]"
+  "packageManager": "[email protected]",
+  "workspaces": [
+    "packages/*"
+  ]
 }

packages/react-native-app/android/settings.gradle

@@ -4,7 +4,7 @@ extensions.configure(com.facebook.react.ReactSettingsExtension){ ex -> ex.autoli
 rootProject.name = 'RNMaplibreExample'
 
 include ':rctmln'
-project(':rctmln').projectDir = new File(rootProject.projectDir, '../../android/rctmln')
+project(':rctmln').projectDir = new File(rootProject.projectDir, '../../../android/rctmln')
 
 includeBuild('../node_modules/@react-native/gradle-plugin')
 include ':app'

packages/react-native-app/babel.config.js

@@ -15,7 +15,7 @@ module.exports = {
           debounce: './node_modules/debounce',
           react: './node_modules/react',
           'react-native': './node_modules/react-native',
-          '@maplibre/maplibre-react-native': '../javascript',
+          '@maplibre/maplibre-react-native': '../../javascript',
         },
       },
     ],

packages/react-native-app/ios/Podfile

@@ -51,7 +51,7 @@ target 'RNMaplibreExample' do
   )
 
   # default version
-  pod 'maplibre-react-native', :path => '../../', :inhibit_warnings => false
+  pod 'maplibre-react-native', :path => '../../../', :inhibit_warnings => false
 
   use_native_modules!
 

packages/react-native-app/ios/RNMaplibreExample.xcodeproj/project.pbxproj

@@ -303,6 +303,7 @@
 				"${PODS_CONFIGURATION_BUILD_DIR}/React-Core/React-Core_privacy.bundle",
 				"${PODS_CONFIGURATION_BUILD_DIR}/React-cxxreact/React-cxxreact_privacy.bundle",
 				"${PODS_CONFIGURATION_BUILD_DIR}/boost/boost_privacy.bundle",
+				"${PODS_CONFIGURATION_BUILD_DIR}/glog/glog_privacy.bundle",
 			);
 			name = "[CP] Copy Pods Resources";
 			outputPaths = (
@@ -329,6 +330,7 @@
 				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/React-Core_privacy.bundle",
 				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/React-cxxreact_privacy.bundle",
 				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/boost_privacy.bundle",
+				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/glog_privacy.bundle",
 			);
 			runOnlyForDeploymentPostprocessing = 0;
 			shellPath = /bin/sh;

packages/react-native-app/ios/RNMaplibreExample.xcworkspace/xcshareddata/IDEWorkspaceChecks.plist

@@ -1,61 +1,41 @@
 const path = require('path');
-
-// eslint-disable-next-line import/order
-const {getDefaultConfig, mergeConfig} = require('@react-native/metro-config');
-
-/*
-  See
-
-  https://medium.com/@dushyant_db/how-to-import-files-from-outside-of-root-directory-with-react-native-metro-bundler-18207a348427
-*/
-
-// exclusionList is a function that takes an array of regexes and combines
-// them with the default exclusions to return a single regex.
-const exclusionList = require('metro-config/src/defaults/exclusionList');
+const { getDefaultConfig, mergeConfig } = require('@react-native/metro-config');
 const glob = require('glob-to-regexp');
 
-const extraNodeModules = {
-  '@maplibre/maplibre-react-native': path.resolve(__dirname + '/../maps'),
-};
-
-function getBlacklist() {
-  const nodeModuleDirs = [
-    glob(`${path.resolve(__dirname, '..')}/node_modules/*`),
-    glob(`${path.resolve(__dirname, '..')}/docs/*`),
-    glob(`${path.resolve(__dirname, '..')}/e2e/*`),
-    glob(`${path.resolve(__dirname)}/node_modules/*/node_modules/fbjs/*`),
-    glob(
-      `${path.resolve(
-        __dirname,
-      )}/node_modules/*/node_modules/hoist-non-react-statics/*`,
-    ),
-    glob(
-      `${path.resolve(
-        __dirname,
-      )}/node_modules/react-native/node_modules/@babel/*`,
-    ),
-  ];
-  return exclusionList(nodeModuleDirs);
-}
+const projectRoot = __dirname;
+const workspaceRoot = path.resolve(projectRoot, '../..');
 
 /**
  * Metro configuration
   * https://reactnative.dev/docs/metro
  *
  * @type {import('metro-config').MetroConfig}
  */
+
+function withMonorepoPaths(config) {
+  // #1 - Watch all files in the monorepo
+  config.watchFolders = [workspaceRoot];
+  config.resolver.nodeModulesPaths = [
+    path.resolve(projectRoot, 'node_modules'),
+    path.resolve(workspaceRoot, 'node_modules'),
+  ];
+
+  // #3 - Force resolving nested modules to the folders below
+  config.resolver.disableHierarchicalLookup = true;
+
+  return config;
+}
+
 const config = {
-  resolver: {
-    blacklistRE: getBlacklist(),
-    extraNodeModules: new Proxy(extraNodeModules, {
-      get: (target, name) => {
-        return name in target
-          ? target[name]
-          : path.join(process.cwd(), `node_modules/${name}`);
+  projectRoot: projectRoot,
+  transformer: {
+    getTransformOptions: async () => ({
+      transform: {
+        experimentalImportSupport: false,
+        inlineRequires: true,
       },
     }),
   },
-  watchFolders: [path.resolve(__dirname, '..')],
 };
 
-module.exports = mergeConfig(getDefaultConfig(__dirname), config);
+module.exports = mergeConfig(withMonorepoPaths(getDefaultConfig(projectRoot)), config);

packages/react-native-app/ios/RNMaplibreExample.xcworkspace/xcshareddata/swiftpm/Package.resolved

@@ -1,5 +1,5 @@
 {
-  "name": "RNMaplibreExample",
+  "name": "@maplibre-react-native/react-native-app",
   "version": "1.0.0",
   "private": true,
   "scripts": {

packages/react-native-app/metro.config.js

@@ -3,7 +3,7 @@
     "compilerOptions": {
       "noEmit": true,
       "paths": {
-        "@maplibre/maplibre-react-native": ["../javascript"],
+        "@maplibre/maplibre-react-native": ["../../javascript"],
         "react": ["./node_modules/@types/react"],
         "react-native": ["./node_modules/@types/react-native"]
       },