chore: setup monorepo with yarn workspaces

.eslintignore

@@ -2,4 +2,5 @@ node_modules/
 coverage/
 dist/
 lib/
-types/
+web-build/
+web-report/

.eslintrc.json

@@ -0,0 +1,8 @@
+{
+  "extends": "satya164",
+  "settings": {
+    "react": { "version": "16" },
+    "import/core-modules": ["@navigation-ex/core", "@navigation-ex/routers"]
+  },
+  "env": { "browser": true }
+}

.gitignore

@@ -2,9 +2,22 @@
 .cache
 .vscode
 .idea
+.expo
 
 /coverage/
 /types/
 /lib/
 /dist/
-/node_modules/
+
+node_modules/
+web-build/
+web-report/
+
+npm-debug.*
+
+*.jks
+*.p8
+*.p12
+*.key
+*.mobileprovision
+*.orig.*

.watchmanconfig

@@ -0,0 +1 @@
+{}

babel.config.js

@@ -0,0 +1,17 @@
+/* eslint-disable import/no-commonjs */
+/* eslint-env node */
+
+module.exports = {
+  presets: [
+    [
+      '@babel/preset-env',
+      {
+        useBuiltIns: 'usage',
+        corejs: 3,
+      },
+    ],
+    '@babel/preset-react',
+    '@babel/preset-typescript',
+  ],
+  plugins: ['@babel/plugin-proposal-class-properties'],
+};

package.json

@@ -1,16 +1,20 @@
 {
-  "name": "navigation-ex",
-  "private": true,
-  "version": "0.0.0",
   "description": "Rethinking navigation",
-  "keywords": [],
-  "types": "types/index.d.ts",
-  "main": "lib/index.js",
-  "files": [
-    "lib/",
-    "types/",
-    "index.d.ts"
-  ],
+  "private": true,
+  "workspaces": {
+    "packages": [
+      "packages/*"
+    ],
+    "nohoist": [
+      "**/expo",
+      "**/expo/**",
+      "**/react-native",
+      "**/react-native/**"
+    ]
+  },
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
+  },
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -21,48 +25,25 @@
     "lint": "eslint --ext '.js,.ts,.tsx' .",
     "typescript": "tsc --noEmit",
     "test": "jest",
-    "prebuild": "del lib/ types/",
-    "babel": "babel src --out-dir lib --ignore '**/__tests__/**' --source-maps",
-    "declarations": "tsc --declaration --emitDeclarationOnly --outDir types",
-    "build": "yarn babel && yarn declarations",
-    "example": "parcel example/index.html",
-    "prepare": "yarn build",
-    "release": "release-it"
-  },
-  "publishConfig": {
-    "registry": "https://registry.npmjs.org/"
-  },
-  "dependencies": {
-    "core-js": "^3.1.3",
-    "shortid": "^2.2.14"
+    "example": "yarn --cwd packages/example"
   },
   "devDependencies": {
-    "@babel/cli": "^7.4.4",
-    "@babel/core": "^7.4.5",
-    "@babel/plugin-proposal-class-properties": "^7.5.0",
-    "@babel/preset-env": "^7.4.5",
+    "@babel/plugin-proposal-class-properties": "^7.5.5",
+    "@babel/preset-env": "^7.5.5",
     "@babel/preset-react": "^7.0.0",
     "@babel/preset-typescript": "^7.3.3",
+    "@babel/runtime": "^7.5.5",
     "@commitlint/config-conventional": "^8.0.0",
-    "@release-it/conventional-changelog": "^1.1.0",
     "@types/jest": "^24.0.13",
-    "@types/react": "^16.8.19",
-    "@types/react-dom": "^16.8.4",
-    "@types/shortid": "^0.0.29",
     "codecov": "^3.5.0",
     "commitlint": "^8.0.0",
+    "core-js": "^3.1.4",
     "del-cli": "^2.0.0",
     "eslint": "^5.16.0",
     "eslint-config-satya164": "^2.4.1",
     "husky": "^2.4.0",
     "jest": "^24.8.0",
-    "parcel": "^1.12.3",
     "prettier": "^1.18.2",
-    "react": "^16.8.6",
-    "react-dom": "^16.8.6",
-    "react-native-testing-library": "^1.9.1",
-    "react-test-renderer": "^16.8.6",
-    "release-it": "^12.3.0",
     "typescript": "^3.5.1"
   },
   "husky": {
@@ -73,14 +54,12 @@
   },
   "jest": {
     "testEnvironment": "node",
-    "modulePathIgnorePatterns": [
-      "<rootDir>/types/",
-      "<rootDir>/lib/"
-    ],
     "testRegex": "/__tests__/.*\\.(test|spec)\\.(js|tsx?)$",
     "transform": {
       "^.+\\.(js|ts|tsx)$": "babel-jest"
     },
-    "setupFiles": ["<rootDir>/jest/setup.js"]
+    "setupFiles": [
+      "<rootDir>/jest/setup.js"
+    ]
   }
 }

packages/core/package.json

@@ -0,0 +1,20 @@
+{
+  "name": "@navigation-ex/core",
+  "version": "0.0.1",
+  "main": "src/index",
+  "license": "MIT",
+  "dependencies": {
+    "shortid": "^2.2.14"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.4.5",
+    "react": "^16.8.3",
+    "react-native-testing-library": "^1.9.1",
+    "react-test-renderer": "^16.8.3",
+    "@types/react": "^16.8.19",
+    "@types/shortid": "^0.0.29"
+  },
+  "peerDependencies": {
+    "react": "^16.8.3"
+  }
+}

src/useFocusEffect.tsx → packages/core/src/useFocusEffect.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import useNavigation from './useNavigation';
 
-type EffectCallback = (() => undefined) | (() => () => void);
+type EffectCallback = (() => void) | (() => () => void);
 
 /**
  * Hook to an effect in a focused screen, similar to `React.useEffect`.
@@ -15,7 +15,7 @@ export default function useFocusEffect(callback: EffectCallback) {
 
   React.useEffect(() => {
     let isFocused = false;
-    let cleanup: (() => void) | undefined;
+    let cleanup: (() => void) | void;
 
     // We need to run the effect on intial render/dep changes if the screen is focused
     if (navigation.isFocused()) {

packages/example/.expo-shared/assets.json

@@ -0,0 +1,4 @@
+{
+  "f9155ac790fd02fadcdeca367b02581c04a353aa6d5aa84409a59f6804c87acd": true,
+  "89ed26367cdb9b771858e026f2eb95bfdb90e5ae943e716575327ec325f39c44": true
+}

packages/example/App.tsx

@@ -0,0 +1 @@
+export { default } from './src/index';

packages/example/app.json

@@ -0,0 +1,30 @@
+{
+  "expo": {
+    "name": "@navigation-ex/example",
+    "slug": "navigation-ex-example",
+    "privacy": "public",
+    "sdkVersion": "34.0.0",
+    "platforms": [
+      "ios",
+      "android",
+      "web"
+    ],
+    "version": "1.0.0",
+    "orientation": "portrait",
+    "icon": "./assets/icon.png",
+    "splash": {
+      "image": "./assets/splash.png",
+      "resizeMode": "contain",
+      "backgroundColor": "#ffffff"
+    },
+    "updates": {
+      "fallbackToCacheTimeout": 0
+    },
+    "assetBundlePatterns": [
+      "**/*"
+    ],
+    "ios": {
+      "supportsTablet": true
+    }
+  }
+}

packages/example/babel.config.js

@@ -0,0 +1,9 @@
+/* eslint-disable import/no-commonjs */
+/* eslint-env node */
+
+module.exports = function(api) {
+  api.cache(true);
+  return {
+    presets: ['babel-preset-expo'],
+  };
+};

packages/example/metro.config.js

@@ -0,0 +1,46 @@
+/* eslint-disable import/no-commonjs, import/no-extraneous-dependencies */
+/* eslint-env node */
+
+const path = require('path');
+const fs = require('fs');
+const escape = require('escape-string-regexp');
+const blacklist = require('metro-config/src/defaults/blacklist');
+
+module.exports = {
+  projectRoot: __dirname,
+  watchFolders: [path.resolve(__dirname, '..', '..')],
+
+  resolver: {
+    blacklistRE: blacklist(
+      [
+        ...fs
+          .readdirSync(path.resolve(__dirname, '..'))
+          .filter(d => d !== 'example'),
+        '..',
+      ].map(
+        it =>
+          new RegExp(
+            `^${escape(
+              path.resolve(__dirname, '..', it, 'node_modules')
+            )}\\/.*$`
+          )
+      )
+    ),
+
+    providesModuleNodeModules: [
+      '@babel/runtime',
+      'react',
+      'react-native',
+      'shortid',
+    ],
+  },
+
+  transformer: {
+    getTransformOptions: async () => ({
+      transform: {
+        experimentalImportSupport: false,
+        inlineRequires: true,
+      },
+    }),
+  },
+};