🔧 (multi-projects) Adapt project to use root project dependencies

Author: tpucci

example/babel.config.js

@@ -1,11 +1,3 @@
 module.exports = {
-  presets: ["module:metro-react-native-babel-preset"],
-  plugins: [
-    [
-      "module-resolver",
-      {
-        root: ["./src"]
-      }
-    ]
-  ]
+  presets: ['module:metro-react-native-babel-preset', '@babel/preset-typescript'],
 };

example/jest.config.js

@@ -1,4 +1,5 @@
 module.exports = {
-  preset: "react-native",
-  moduleFileExtensions: ["ts", "tsx", "js", "jsx", "json", "node"]
+  preset: 'react-native',
+  moduleFileExtensions: ['ts', 'tsx', 'js', 'jsx', 'json', 'node'],
+  moduleDirectories: ['node_modules', '<rootDir>/../node_modules'],
 };

example/metro.config.js

@@ -5,13 +5,30 @@
  * @format
  */
 
+const path = require('path');
+
 module.exports = {
+  projectRoot: path.resolve(__dirname),
+  watchFolders: [path.resolve(__dirname, '../src'), path.resolve(__dirname, '../node_modules')],
+  resolver: {
+    extraNodeModules: {
+      'react-gondola': path.resolve(__dirname, '../src'),
+      // Important, those are all the dependencies
+      // asked by the "../src" but which
+      // are not present in the ROOT/node_modules
+      // See https://github.com/facebook/metro/issues/7#issuecomment-464668678.
+      mobx: path.resolve(__dirname, '../node_modules/mobx'),
+      'mobx-react': path.resolve(__dirname, '../node_modules/mobx-react'),
+      react: path.resolve(__dirname, '../node_modules/react'),
+      'react-native': path.resolve(__dirname, '../node_modules/react-native'),
+    },
+  },
   transformer: {
     getTransformOptions: async () => ({
       transform: {
         experimentalImportSupport: false,
-        inlineRequires: false
-      }
-    })
-  }
+        inlineRequires: false,
+      },
+    }),
+  },
 };

example/package.json

@@ -3,23 +3,17 @@
   "version": "0.0.1",
   "private": true,
   "scripts": {
-    "start": "node node_modules/react-native/local-cli/cli.js start",
+    "start": "node ../node_modules/react-native/local-cli/cli.js start",
     "test:lint": "cd .. && yarn tslint example/src/**/*.ts{,x} && cd example",
     "test:unit": "jest",
     "test:unit:ci": "jest --runInBand",
     "test:type": "tsc --noEmit",
     "test": "yarn test:lint && yarn test:unit && yarn test:type",
     "test:ci": "yarn test:lint && yarn test:unit:ci && yarn test:type"
   },
-  "dependencies": {
-    "mobx": "^5.9.4",
-    "mobx-react": "^5.4.3",
-    "react": "16.8.3",
-    "react-native": "0.59.5",
-    "react-gondola": "file:../src"
-  },
   "devDependencies": {
     "@babel/core": "^7.4.3",
+    "@babel/preset-typescript": "^7.3.3",
     "@babel/runtime": "^7.4.3",
     "@types/jest": "^24.0.11",
     "@types/react-native": "^0.57.45",

example/tsconfig.json

@@ -28,7 +28,11 @@
     "isolatedModules": true,
     "moduleResolution": "node",
     "paths": {
-      "react-gondola": ["../../src"]
+      "react-gondola": ["../../src"],
+      "mobx": ["../node_modules/mobx"],
+      "mobx-react": ["../node_modules/mobx-react"],
+      "react": ["../node_modules/react"],
+      "react-native": ["../node_modules/react-native"]
     }
   },
   "include": ["./src"],