Add typescript support to issue-tracker

issue-tracker/.babel-plugin-macrosrc.yml

@@ -0,0 +1 @@
+relay: ~

issue-tracker/.eslintrc

@@ -1,9 +1,26 @@
 {
+  "env": {
+    "browser": true,
+    "es6": true
+  },
   "extends": "react-app",
-  "plugins": [
-    "prettier"
-  ],
+  "globals": {
+    "Atomics": "readonly",
+    "SharedArrayBuffer": "readonly"
+  },
+  "parser": "@typescript-eslint/parser",
+  "parserOptions": {
+    "ecmaFeatures": {
+      "jsx": true
+    },
+    "ecmaVersion": 2018,
+    "sourceType": "module"
+  },
+  "plugins": ["react", "@typescript-eslint/eslint-plugin"],
   "rules": {
-    "prettier/prettier": "error"
+    "indent": ["error", 2],
+    "linebreak-style": ["error", "unix"],
+    "quotes": ["error", "single"],
+    "semi": ["error", "always"]
   }
-}
+}

issue-tracker/.gitignore

@@ -21,3 +21,4 @@
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
+.vscode

issue-tracker/.prettierrc

@@ -1,4 +1,4 @@
 {
   "singleQuote": true,
   "trailingComma": "all"
-}
+}

issue-tracker/README.md

@@ -27,7 +27,7 @@ This app is meant for experimentation; we recommend cloning and running locally,
         # yarn users:
         yarn
 
-3. Get your GitHub authentication token in order to let the app query GitHub's public GraphQL API:
+4. Get your GitHub authentication token in order to let the app query GitHub's public GraphQL API:
   a. Open https://github.com/settings/tokens.
   b. Ensure that at least the `repo` scope is selected.
   c. Generate the token

issue-tracker/package.json

@@ -2,29 +2,55 @@
   "name": "issue-tracker",
   "version": "0.1.0",
   "private": true,
+  "scripts": {
+    "start": "yarn run relay; concurrently --kill-others --names \"react-scripts,relay\" \"react-scripts start\" \"yarn run relay --watch\"",
+    "build": "yarn run relay && react-scripts build",
+    "test": "react-scripts test",
+    "eject": "react-scripts eject",
+    "lint": "eslint --fix --ext .js,.ts,.tsx",
+    "update-schema": "yarn get-graphql-schema -h \"Authorization=bearer $REACT_APP_GITHUB_AUTH_TOKEN\" https://api.github.com/graphql > schema/schema.graphql",
+    "relay": "yarn run relay-compiler --schema schema/schema.graphql --src ./src/ $@ --language typescript"
+  },
   "dependencies": {
     "history": "^4.10.1",
-    "husky": "^3.0.9",
-    "lint-staged": "^9.4.2",
-    "react": "^0.0.0-experimental-f6b8d31a7",
-    "react-dom": "^0.0.0-experimental-f6b8d31a7",
+    "react": "0.0.0-experimental-38dd17ab9",
+    "react-dom": "0.0.0-experimental-38dd17ab9",
     "react-markdown": "^4.2.2",
     "react-relay": "0.0.0-experimental-a1a40b68",
     "react-router": "^5.1.2",
     "react-router-config": "^5.1.1",
-    "react-scripts": "3.2.0",
-    "relay-runtime": "^7.0.0"
+    "relay-runtime": "7.0.0"
   },
-  "scripts": {
-    "start": "yarn run relay; concurrently --kill-others --names \"react-scripts,relay\" \"react-scripts start\" \"yarn run relay --watch\"",
-    "build": "yarn run relay && react-scripts build",
-    "test": "react-scripts test",
-    "eject": "react-scripts eject",
-    "update-schema": "get-graphql-schema -h \"Authorization=bearer $REACT_APP_GITHUB_AUTH_TOKEN\" https://api.github.com/graphql > schema/schema.graphql",
-    "relay": "yarn run relay-compiler --schema schema/schema.graphql --src ./src/ $@"
-  },
-  "eslintConfig": {
-    "extends": "react-app"
+  "devDependencies": {
+    "@babel/plugin-proposal-optional-chaining": "^7.6.0",
+    "@types/history": "^4.7.3",
+    "@types/jest": "24.0.21",
+    "@types/node": "12.12.5",
+    "@types/react": "16.9.11",
+    "@types/react-dom": "16.9.3",
+    "@types/react-relay": "^7.0.0",
+    "@types/react-router-config": "^5.0.1",
+    "@types/relay-runtime": "^6.0.9",
+    "@typescript-eslint/eslint-plugin": "^2.6.1",
+    "@typescript-eslint/parser": "^2.6.1",
+    "babel-plugin-relay": "7.0.0",
+    "concurrently": "^5.0.0",
+    "eslint": "^6.6.0",
+    "eslint-config-react-app": "^5.0.2",
+    "eslint-plugin-flowtype": "^4.3.0",
+    "eslint-plugin-import": "^2.18.2",
+    "eslint-plugin-jsx-a11y": "^6.2.3",
+    "eslint-plugin-react": "^7.16.0",
+    "eslint-plugin-react-hooks": "^2.2.0",
+    "get-graphql-schema": "^2.1.2",
+    "graphql": "^14.5.8",
+    "husky": "^3.0.9",
+    "lint-staged": "^9.4.2",
+    "prettier": "^1.19.1",
+    "react-scripts": "3.2.0",
+    "relay-compiler": "7.0.0",
+    "relay-compiler-language-typescript": "^10.1.0",
+    "typescript": "^3.7.2"
   },
   "browserslist": {
     "production": [
@@ -38,24 +64,16 @@
       "last 1 safari version"
     ]
   },
-  "devDependencies": {
-    "babel-plugin-relay": "^7.0.0",
-    "concurrently": "^5.0.0",
-    "eslint-plugin-prettier": "^3.1.1",
-    "get-graphql-schema": "^2.1.2",
-    "graphql": "^14.5.8",
-    "prettier": "^1.18.2",
-    "relay-compiler": "^7.0.0"
-  },
   "husky": {
     "hooks": {
       "pre-commit": "lint-staged"
     }
   },
   "lint-staged": {
-    "src/**/*.{js,jsx,json,css,md}": [
-      "prettier --write",
+    "src/**/*.{js,ts,jsx,tsx}": [
+      "yarn prettier --write",
+      "yarn lint",
       "git add"
     ]
   }
-}
+}