init

docs/docs/CONTRIBUTING.md

@@ -92,8 +92,9 @@ No PR will be accepted without adequate test coverage.
 | `lib` | The project itself composed of: |
 | `lib/android` | android sources and unit tests |
 | `lib/ios` | iOS sources and unit tests |
-| `lib/src` | javascript sources and unit tests |
-| `lib/src/index.js` | the entry point for `import Navigation from 'react-native-navigation'` |
+| `lib/src` | TypeScript sources and unit tests |
+| `lib/dist` | compiled javascript sources and unit tests |
+| `lib/dist/index.js` | the entry point for `import Navigation from 'react-native-navigation'` |
 | `e2e` | [detox](https://github.com/wix/detox) iOS e2e tests (in the future, once detox supports it, we will have android e2e here as well) |
 | `AndroidE2E` | Android e2e tests using native uiautomator (until detox for android is ready) |
 | `playground` | The end-user project all e2e tests run against. Contains its own `src`, `android` and `ios`. Does not have its own package.json, depends on the local `<root>/lib` in order not to go through npm. |
@@ -105,13 +106,13 @@ No PR will be accepted without adequate test coverage.
 | Command | Description |
 | ------- | ----------- |
 | `npm install` | installs dependencies |
+| `npm run build` | compiles TypeScript sources `./lib/src` into javascript `./lib/dist` |
 | `npm run clean` | cleans all build directories, stops packager, fixes flakiness by removing watchman cache, etc. |
 | `npm run start` | starts the react-native packager for local debugging |
 | `npm run xcode` | for convenience, opens xcode in this project |
 | `npm run install-android`  |  builds playground debug/release version and installs on running android devices/emulators. <br> **Options:** `-- --release` |
 | `npm run uninstall-android` | uninstalls playground from running android devices/simulators |
 | `npm run test-js` | runs javascript tests and coverage report |
-| `npm run test-watch` | runs javascript tests in watch mode (can also use the provided wallaby config) |
 | `npm run test-unit-ios` | runs ios unit tests in debug/release <br> **Options:** `-- --release` |
 | `npm run test-unit-android` | runs android unit tests in debug/release <br> **Options:** `-- --release` |
 | `npm run test-e2e-ios` | runs the ios e2e suite (with detox) in debug/release <br> **Options:** `-- --release`|

package.json

@@ -23,23 +23,25 @@
     "type": "git",
     "url": "https://github.com/wix/react-native-navigation.git"
   },
-  "main": "lib/src/index.js",
+  "main": "lib/dist/index.js",
   "scripts": {
-    "build": ":",
+    "build": "rm -rf ./lib/dist && tsc",
     "xcode": "open playground/ios/playground.xcodeproj",
     "install-android": "node ./scripts/install-android.js",
     "uninstall-android": "cd playground/android && ./gradlew uninstallAll",
     "clean": "node ./scripts/clean.js",
+    "prestart": "npm run build",
     "start": "node ./scripts/start.js",
+    "pretest-js": "npm run build",
     "test-js": "node ./scripts/test-js.js",
     "test-unit-android": "node ./scripts/test.unit.android.js",
     "test-unit-ios": "node ./scripts/test.unit.ios.js",
+    "pretest-e2e-android": "npm run build",
     "test-e2e-android": "node ./scripts/test.e2e.android.js",
+    "pretest-e2e-ios": "npm run build",
     "test-e2e-ios": "node ./scripts/test.e2e.ios.js",
     "test-all": "node ./scripts/test.all.js",
-    "test-watch": "jest --coverage --watch",
-    "release": "node ./scripts/release.js",
-    "gen-doc": "node ./scripts/generate-js-doc.js"
+    "release": "node ./scripts/release.js"
   },
   "peerDependencies": {
     "react": "*",
@@ -66,7 +68,12 @@
     "remx": "2.x.x",
     "semver": "5.x.x",
     "shell-utils": "1.x.x",
-    "xo": "0.18.x"
+    "xo": "0.18.x",
+    "typescript": "2.x.x",
+    "@types/react": "16.0.0",
+    "@types/react-native": "0.49.x",
+    "@types/jest": "22.x.x",
+    "@types/prop-types": "15.x.x"
   },
   "babel": {
     "env": {
@@ -81,15 +88,15 @@
     "preset": "react-native",
     "roots": [
       "<rootDir>/node_modules/",
-      "<rootDir>/lib/src/",
+      "<rootDir>/lib/dist/",
       "<rootDir>/integration/"
     ],
     "collectCoverageFrom": [
-      "lib/src/**/*.js",
+      "lib/dist/**/*.js",
       "integration/**/*.js",
-      "!lib/src/index.js",
-      "!lib/src/Navigation.js",
-      "!lib/src/adapters/**/*"
+      "!lib/dist/index.js",
+      "!lib/dist/Navigation.js",
+      "!lib/dist/adapters/**/*"
     ],
     "resetMocks": true,
     "resetModules": true,

scripts/test-js.js

@@ -4,7 +4,7 @@ const _ = require('lodash');
 const fix = _.includes(process.argv, '--fix') ? '--fix' : '';
 
 const dirs = [
-  'lib/src',
+  'lib/dist',
   'integration',
   'e2e',
   'scripts',

tsconfig.json

@@ -0,0 +1,23 @@
+{
+  "compilerOptions": {
+    "outDir": "./lib/dist",
+    "allowJs": true,
+    "target": "esnext",
+    "moduleResolution": "node",
+    "module": "commonjs",
+    "jsx": "preserve",
+    "noEmitOnError": true,
+    "noImplicitReturns": true,
+    "noFallthroughCasesInSwitch": true,
+    "alwaysStrict": true,
+    "strictNullChecks": true,
+    "types": [
+      "react",
+      "react-native",
+      "jest"
+    ]
+  },
+  "include": [
+    "./lib/src/**/*"
+  ]
+}

wallaby.js

@@ -12,13 +12,16 @@ module.exports = function (wallaby) {
     files: [
       'package.json',
       'lib/src/**/*.js',
+      'lib/src/**/*.ts',
       '!lib/src/**/*.test.js',
+      '!lib/src/**/*.test.ts',
       'integration/**/*.js',
       '!integration/**/*.test.js'
     ],
 
     tests: [
       'lib/src/**/*.test.js',
+      'lib/src/**/*.test.ts',
       'integration/**/*.test.js'
     ],