[TypeScript] Phase 1

.editorconfig

@@ -5,3 +5,4 @@ indent_size = 2
 insert_final_newline = true
 trim_trailing_whitespace = true
 end_of_line = lf
+quote_type = single

.eslintignore

@@ -8,13 +8,12 @@ screenshots/
 **/.cache/
 **/coverage/
 **/node_modules/
-**/webpack/
 **/bin/
 **/__fixtures__/
+**/fixtures
 **/__snapshots__/
-**/flow-typed/
 **/dist/
 **/.cache/
 **/svgr/
 **/storybook-static/
-*.md
+*.md

.eslintrc.js

@@ -0,0 +1,93 @@
+module.exports = /** @type { import('eslint').Linter.Config } */ {
+  parser: '@typescript-eslint/parser',
+  parserOptions: {
+    project: [
+      './tsconfig.eslint.json',
+      './packages/*/tsconfig.json',
+      './plugins/*/tsconfig.json',
+    ],
+    tsconfigRootDir: __dirname,
+    ecmaFeatures: {
+      jsx: true,
+    },
+  },
+  extends: [
+    'plugin:@typescript-eslint/eslint-recommended',
+    'plugin:@typescript-eslint/recommended',
+    'semistandard',
+    'plugin:react-hooks/recommended',
+  ],
+  plugins: [
+    '@typescript-eslint',
+    'react',
+    'jest',
+    'html',
+    'json',
+    'filenames',
+    'react-hooks',
+  ],
+  globals: {
+    __DEV__: true,
+    fail: true,
+    NodeJS: true,
+    HTMLDivElement: true,
+    HTMLElement: true,
+    HTMLInputElement: true,
+    HTMLSelectElement: true,
+  },
+  env: {
+    browser: true,
+    commonjs: true,
+    es6: true,
+    'jest/globals': true,
+    node: true,
+  },
+  overrides: [
+    {
+      files: ['*.js'],
+      rules: {
+        '@typescript-eslint/no-var-requires': 'off',
+      },
+    },
+  ],
+  rules: {
+    'comma-dangle': ['error', 'always-multiline'],
+    indent: 'off',
+    'no-var': 'error',
+    'no-async-promise-executor': 'off',
+    'no-case-declarations': 'off',
+    'no-prototype-builtins': 'off',
+    'no-duplicate-imports': 'off',
+    'react/jsx-uses-react': 'error',
+    'react/jsx-uses-vars': 'error',
+    'space-in-parens': 'off',
+    'react-hooks/rules-of-hooks': 'error',
+    'react-hooks/exhaustive-deps': 'error',
+    camelcase: ['error', { allow: ['__export_format', '__export_date', '__export_source'] }],
+    'space-before-function-paren': [
+      'error',
+      {
+        anonymous: 'never',
+        named: 'never',
+        asyncArrow: 'always',
+      },
+    ],
+    'filenames/match-exported': [
+      'error',
+      'kebab',
+    ],
+    '@typescript-eslint/explicit-module-boundary-types': 'off',
+    'no-unused-vars': 'off',
+    '@typescript-eslint/no-unused-vars': ['error', { ignoreRestSiblings: true }],
+    '@typescript-eslint/ban-types': 'off',
+    '@typescript-eslint/no-empty-function': 'off',
+    '@typescript-eslint/no-namespace': ['error', { allowDeclarations: true }],
+    'spaced-comment': ['error', 'always', {
+      exceptions: ['/', '*', '-', '* '], // for ASCII art :)
+      markers: [
+        '/', // for TypeScript directives, doxygen, vsdoc, etc. (which use `///`)
+        '?', // for Quokka
+      ],
+    }],
+  },
+};

.github/workflows/test.yml

@@ -28,6 +28,10 @@ jobs:
           node-version: ${{ steps.nvm.outputs.NVMRC }}
       - name: Bootstrap packages
         run: npm run bootstrap
+      - name: Lint
+        run: npm run lint
+      - name: Typecheck # TODO(TSCONVERSION) remove when flow goes away since bootstrap does the TypeScript build which in turn will error if there are type errors
+        run: npm run typecheck
       - name: Run tests
         run: npm test
       - name: Build for smoke tests

.gitignore

@@ -29,3 +29,5 @@ graphql.config.json
 .graphqlconfig
 schema.graphql
 packages/insomnia-smoke-test/screenshots
+*.tsbuildinfo
+dist

jest.config.js

@@ -0,0 +1,22 @@
+'use strict';
+
+// @ts-check
+module.exports = /** @type { import('@jest/types').Config.InitialOptions } */ {
+  globals: {
+    'ts-jest': {
+      isolatedModules: true,
+    },
+  },
+  moduleFileExtensions: ['ts', 'tsx', 'js', 'jsx', 'json', 'node'],
+  testEnvironment: 'node',
+  transform: {
+    '^.+\\.tsx?$': 'ts-jest',
+  },
+  testMatch: [
+    '**/*.test.ts',
+  ],
+  verbose: false,
+  resetMocks: true,
+  resetModules: true,
+  collectCoverage: false,
+};