[MOB-9131] Symlink the SDK in the sample app (#675)

* Symlink the SDK in the sample app

* Fix `test_sample` CI job

* Add `@babel/runtime` to Metro's exclusion list

* Get Metro excluded packages from `peerDependencies`

Instead of hard coding `react` and `react-native` in Metro's exclusion list of modules I added them to `package.json` as `peerDependencies` and then dynamically imported them in `metro.config.js` in order to decouple `metro.config.js` from changes to `package.json`.

Author: a7medev

.circleci/config.yml

@@ -48,7 +48,7 @@ jobs:
     steps:
       - checkout:
           path: ~/project
-
+      - run: yarn
       - run: cd InstabugSample && yarn install
 
       - run:

InstabugSample/metro.config.js

@@ -5,7 +5,17 @@
  * @format
  */
 
+const path = require('path');
+const escape = require('escape-string-regexp');
+const exclusionList = require('metro-config/src/defaults/exclusionList');
+const pkg = require('../package.json');
+
+const root = path.resolve(__dirname, '..');
+const peerDependencies = Object.keys(pkg.peerDependencies);
+const modules = [...peerDependencies, '@babel/runtime'];
+
 module.exports = {
+  watchFolders: [root],
   transformer: {
     getTransformOptions: async () => ({
       transform: {
@@ -14,5 +24,13 @@ module.exports = {
       },
     }),
   },
-  maxWorkers: 2,
+  resolver: {
+    blacklistRE: exclusionList(
+      modules.map(m => new RegExp(`^${escape(path.join(root, 'node_modules', m))}\\/.*$`)),
+    ),
+    extraNodeModules: modules.reduce((acc, name) => {
+      acc[name] = path.join(__dirname, 'node_modules', name);
+      return acc;
+    }, {}),
+  },
 };

InstabugSample/package.json

@@ -12,7 +12,7 @@
   "dependencies": {
     "@react-navigation/bottom-tabs": "^6.0.9",
     "@react-navigation/native": "^6.0.6",
-    "instabug-reactnative": "../",
+    "instabug-reactnative": "link:../",
     "react": "17.0.2",
     "react-native": "0.66.0",
     "react-native-safe-area-context": "^3.3.2",

InstabugSample/yarn.lock

@@ -3557,8 +3557,9 @@ ini@^1.3.4:
   resolved "https://registry.yarnpkg.com/ini/-/ini-1.3.8.tgz#a29da425b48806f34767a4efce397269af28432c"
   integrity sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==
 
-instabug-reactnative@../:
-  version "10.13.0"
+"instabug-reactnative@link:..":
+  version "0.0.0"
+  uid ""
 
 internal-slot@^1.0.3:
   version "1.0.3"

package.json

@@ -44,6 +44,10 @@
     "esprima": "^4.0.1",
     "typescript": "^4.0.3"
   },
+  "peerDependencies": {
+    "react": "*",
+    "react-native": "*"
+  },
   "jest": {
     "preset": "react-native",
     "modulePathIgnorePatterns": [