Moved to typescript environment

Author: bySabi

.babelrc

@@ -51,3 +51,7 @@ android/keystores/debug.keystore
 
 # Build
 dist/
+
+# Test
+coverage/
+.jest/

.eslintignore

@@ -0,0 +1,9 @@
+{
+  "trailingComma": "all",
+  "semi": true,
+  "singleQuote": true,
+  "tabWidth": 2,
+  "useTabs": false,
+  "bracketSpacing": true,
+  "jsxBracketSameLine": false
+}

.eslintrc

@@ -0,0 +1,3 @@
+module.exports = {
+  presets: ['module:metro-react-native-babel-preset'],
+};

.gitignore

@@ -0,0 +1,17 @@
+const { defaults: tsjPreset } = require('ts-jest/presets');
+
+module.exports = {
+  ...tsjPreset,
+  preset: 'react-native',
+  transform: {
+    ...tsjPreset.transform,
+    '\\.js$': '<rootDir>/node_modules/react-native/jest/preprocessor.js',
+  },
+  globals: {
+    'ts-jest': {
+      babelConfig: true,
+    },
+  },
+  testPathIgnorePatterns: ['/node_modules/', '/dist/'],
+  cacheDirectory: '.jest/cache',
+};

.prettierrc

@@ -3,21 +3,19 @@
   "version": "1.0.0-alpha.2",
   "description": "React hooks for convenient react-navigation use",
   "main": "dist/Hooks.js",
+  "types": "dist/Hooks.d.ts",
   "files": [
     "dist/",
-    "src/",
-    "lib/",
     "LICENSE.md",
     "README.md"
   ],
-  "react-native": "src/Hooks.js",
   "scripts": {
     "test": "jest",
-    "lint": "eslint .",
-    "format": "eslint . --fix",
-    "build": "babel --no-babelrc --plugins=transform-es2015-modules-commonjs,transform-react-jsx,transform-class-properties,transform-object-rest-spread,transform-flow-strip-types src --copy-files --out-dir dist --ignore '**/__tests__/**'",
+    "lint": "tslint --project tsconfig.json",
+    "build": "tsc --project tsconfig-build.json",
     "prepare": "yarn build",
-    "release": "release-it"
+    "release": "release-it",
+    "precommit": "lint-staged"
   },
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -34,51 +32,38 @@
   "homepage": "https://github.com/react-navigation/react-navigation-hooks#readme",
   "dependencies": {},
   "devDependencies": {
-    "babel-cli": "^6.26.0",
-    "babel-jest": "^22.4.1",
-    "babel-plugin-transform-class-properties": "^6.13.0",
-    "babel-plugin-transform-es2015-modules-commonjs": "^6.26.2",
-    "babel-plugin-transform-flow-strip-types": "^6.22.0",
-    "babel-plugin-transform-object-rest-spread": "^6.13.0",
-    "babel-plugin-transform-react-jsx": "^6.18.0",
-    "babel-preset-react-native": "^4.0.0",
+    "@react-navigation/core": "^3.0.0",
+    "@types/jest": "^23.3.9",
+    "@types/react": "^16.7.7",
+    "@types/react-native": "^0.57.14",
+    "@types/react-test-renderer": "^16.0.3",
     "conventional-changelog-cli": "^2.0.5",
-    "eslint": "^4.12.1",
-    "eslint-config-satya164": "^1.0.1",
-    "eslint-plugin-react-native-globals": "^0.1.0",
     "husky": "^0.14.3",
-    "jest": "^22.1.3",
-    "jest-expo": "^30.0.0",
+    "jest": "^23.6.0",
+    "lint-staged": "^8.1.0",
     "prettier": "^1.8.2",
-    "react": "16.7.0-alpha.0",
-    "react-dom": "16.7.0-alpha.0",
-    "react-native": "^0.55.4",
-    "react-test-renderer": "16.7.0-alpha.0",
-    "release-it": "^7.6.1"
+    "pretty-quick": "^1.8.0",
+    "react": "^16.7.0-alpha.2",
+    "react-dom": "^16.7.0-alpha.2",
+    "react-native": "^0.57.7",
+    "react-test-renderer": "^16.7.0-alpha.2",
+    "release-it": "^7.6.1",
+    "ts-jest": "^23.10.5",
+    "tslint": "^5.11.0",
+    "tslint-config-airbnb": "^5.11.1",
+    "tslint-config-prettier": "^1.16.0",
+    "tslint-react": "^3.6.0",
+    "typescript": "^3.1.6"
   },
   "peerDependencies": {
-    "react": "^16.7.0-alpha.0",
-    "react-dom": "^16.7.0-alpha.0",
-    "@react-navigation/core": "^3.0.0-alpha.17"
+    "@react-navigation/core": "^3.0.0",
+    "react": "^16.7.0-alpha.2",
+    "react-dom": "^16.7.0-alpha.2"
   },
-  "jest": {
-    "preset": "react-native",
-    "testRegex": "/__tests__/[^/]+-test\\.js$",
-    "setupFiles": [
-      "<rootDir>/jest-setup.js"
-    ],
-    "coveragePathIgnorePatterns": [
-      "jest-setup.js"
-    ],
-    "modulePathIgnorePatterns": [
-      "<rootDir>/example/"
-    ],
-    "transformIgnorePatterns": [
-      "node_modules/(?!(jest-)?react-native|react-clone-referenced-element|@react-navigation/core)"
+  "lint-staged": {
+    "{src}/**/*.ts*": [
+      "prettier --write",
+      "git add"
     ]
-  },
-  "prettier": {
-    "trailingComma": "es5",
-    "singleQuote": true
   }
 }

babel.config.js

@@ -38,7 +38,7 @@ export function useNavigationEvents(handleEvt) {
     // identifies the nav object, then we should probably pass [navigation.state.key] here, to
     // make sure react doesn't needlessly detach and re-attach this effect. In practice this
     // seems to cause troubles
-    undefined
+    undefined,
     // [navigation.state.key]
   );
 }