Convert to TypeScript

Author: erikras

.babelrc.js

@@ -7,29 +7,23 @@ module.exports = {
     [
       '@babel/preset-env',
       {
-        loose,
-        ...(test ? { targets: { node: '8' } } : {})
+        targets: {
+          node: 'current'
+        }
       }
     ],
     '@babel/preset-react',
-    '@babel/preset-flow'
+    '@babel/preset-typescript'
   ],
   plugins: [
-    '@babel/plugin-transform-flow-strip-types',
-    '@babel/plugin-syntax-dynamic-import',
-    '@babel/plugin-syntax-import-meta',
-    ['@babel/plugin-proposal-class-properties', { loose }],
-    '@babel/plugin-proposal-json-strings',
-    [
-      '@babel/plugin-proposal-decorators',
-      {
-        legacy: true
-      }
-    ],
-    '@babel/plugin-proposal-function-sent',
+    '@babel/plugin-proposal-class-properties',
     '@babel/plugin-proposal-export-namespace-from',
     '@babel/plugin-proposal-numeric-separator',
     '@babel/plugin-proposal-throw-expressions',
-    test && '@babel/plugin-transform-react-jsx-source'
-  ].filter(Boolean)
+    '@babel/plugin-proposal-json-strings',
+    '@babel/plugin-syntax-dynamic-import',
+    '@babel/plugin-syntax-import-meta',
+    '@babel/plugin-proposal-function-sent',
+    ['@babel/plugin-proposal-decorators', { legacy: true }]
+  ]
 }

.eslintrc

@@ -1,6 +1,22 @@
 {
-  "extends": "react-app",
+  "extends": ["react-app"],
   "rules": {
+    "no-unused-vars": "off",
+    "@typescript-eslint/no-unused-vars": [
+      "error",
+      {
+        "varsIgnorePattern": "^_",
+        "argsIgnorePattern": "^_"
+      }
+    ],
     "jsx-a11y/href-no-hash": 0
-  }
+  },
+  "overrides": [
+    {
+      "files": ["**/*.test.ts", "**/*.test.tsx"],
+      "rules": {
+        "@typescript-eslint/no-unused-vars": "off"
+      }
+    }
+  ]
 }

.github/workflows/ci.yml

@@ -0,0 +1,51 @@
+name: CI
+
+on: [push]
+
+jobs:
+  lint:
+    name: Lint
+    runs-on: ubuntu-latest
+
+    steps:
+      - uses: actions/checkout@v2
+      - name: Use Node.js ${{ matrix.node_version }}
+        uses: actions/setup-node@v2
+        with:
+          node-version: "22"
+      - name: Prepare env
+        run: yarn install --ignore-scripts --frozen-lockfile
+      - name: Run linter
+        run: yarn start lint
+
+  prettier:
+    name: Prettier Check
+    runs-on: ubuntu-latest
+
+    steps:
+      - uses: actions/checkout@v2
+      - name: Use Node.js ${{ matrix.node_version }}
+        uses: actions/setup-node@v2
+        with:
+          node-version: "22"
+      - name: Prepare env
+        run: yarn install --ignore-scripts --frozen-lockfile
+      - name: Run prettier
+        run: yarn start prettier
+
+  test:
+    name: Unit Tests
+    runs-on: ubuntu-latest
+
+    steps:
+      - uses: actions/checkout@v2
+      - name: Use Node.js ${{ matrix.node_version }}
+        uses: actions/setup-node@v2
+        with:
+          node-version: "22"
+      - name: Prepare env
+        run: yarn install --ignore-scripts --frozen-lockfile
+      - name: Run unit tests
+        run: yarn start test
+      - name: Run code coverage
+        uses: codecov/[email protected]

.github/workflows/lock.yml

@@ -0,0 +1,24 @@
+name: "Lock Threads"
+
+on:
+  schedule:
+    - cron: "0 * * * *"
+  workflow_dispatch:
+
+permissions:
+  issues: write
+  pull-requests: write
+
+concurrency:
+  group: lock
+
+jobs:
+  action:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: dessant/lock-threads@v3
+        with:
+          issue-inactive-days: "365"
+          issue-lock-reason: "resolved"
+          pr-inactive-days: "365"
+          pr-lock-reason: "resolved"

.gitignore

@@ -2,13 +2,10 @@
 *.iml
 .nyc_output
 coverage
-flow-coverage
 node_modules
 dist
 lib
 es
 npm-debug.log
 .DS_Store
 .idea
-yarn.lock
-package-lock.json

eslint.config.js

@@ -0,0 +1,37 @@
+import parser from '@typescript-eslint/parser'
+import plugin from '@typescript-eslint/eslint-plugin'
+
+export default [
+  {
+    ignores: [
+      'dist/**',
+      'node_modules/**',
+      'coverage/**',
+      '*.config.js',
+      '*.config.cjs',
+      '*.config.mjs',
+      'package-scripts.js',
+      'package-scripts.cjs',
+      '.babelrc.js'
+    ]
+  },
+  {
+    files: ['src/**/*.{js,ts,tsx}', 'tests/**/*.{js,ts,tsx}'],
+    languageOptions: {
+      ecmaVersion: 'latest',
+      sourceType: 'module',
+      parser,
+      parserOptions: {
+        project: './tsconfig.json'
+      }
+    },
+    plugins: {
+      '@typescript-eslint': plugin
+    },
+    rules: {
+      '@typescript-eslint/no-explicit-any': 'warn',
+      '@typescript-eslint/explicit-function-return-type': 'off',
+      '@typescript-eslint/explicit-module-boundary-types': 'off'
+    }
+  }
+]