Merge pull request #23 from tpucci/canal

Init canal

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,7 @@
 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', 'example/node_modules'],
+  rootDir: '..',
+  testPathIgnorePatterns: ['/node_modules/', '<rootDir>/src/'],
 };

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,32 +3,21 @@
   "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:unit": "cd .. && yarn jest --config=example/jest.config.js && cd example",
+    "test:unit:ci": "cd .. && yarn jest --config=example/jest.config.js --runInBand && cd example",
     "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",
-    "@types/react-test-renderer": "^16.8.1",
-    "babel-jest": "^24.7.1",
     "babel-plugin-module-resolver": "^3.2.0",
-    "jest": "^24.7.1",
     "metro-react-native-babel-preset": "^0.53.1",
-    "react-test-renderer": "16.8.6",
     "typescript": "^3.4.3"
   }
 }

example/src/App.tsx

@@ -1,13 +1,13 @@
 import React, { Component } from 'react';
-import { View } from 'react-native';
 import { NavigationProvider } from 'react-gondola';
+import { SignIn } from './canals/SignIn';
 
 interface IProps {}
 export default class App extends Component<IProps> {
   render() {
     return (
       <NavigationProvider>
-        <View />
+        <SignIn />
       </NavigationProvider>
     );
   }

example/src/canals/SignIn/index.ts

@@ -1,3 +1,4 @@
+import { canal } from 'react-gondola';
 import { FirstName } from './FirstName';
 import { LastName } from './LastName';
 

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"],