Merge pull request #857 from yagebu/typescript

Migrate the admin frontend to Typescript

.pre-commit-config.yaml

@@ -18,9 +18,9 @@ repos:
     name: eslint
     language: node
     entry: ./lektor/admin/node_modules/eslint/bin/eslint.js --fix
-    files: \.(js|jsx)$
+    files: \.(ts|tsx)$
   - id: prettier
     name: prettier
     language: node
     entry: ./lektor/admin/node_modules/prettier/bin-prettier.js --write --list-different
-    files: \.(js|jsx|less)$
+    files: \.(ts|tsx|js|less)$

lektor/admin/.eslintrc.js

@@ -3,25 +3,24 @@ module.exports = {
     browser: true,
     es2021: true,
   },
-  extends: ["eslint:recommended", "plugin:react/recommended"],
-  parserOptions: {
-    ecmaFeatures: {
-      jsx: true,
-    },
-    ecmaVersion: 12,
-    sourceType: "module",
-  },
+  extends: [
+    "eslint:recommended",
+    "plugin:@typescript-eslint/recommended",
+    "plugin:react/recommended",
+  ],
+  parser: "@typescript-eslint/parser",
   settings: {
     react: {
       version: "detect",
     },
   },
-  plugins: ["react"],
+  plugins: ["@typescript-eslint", "react"],
   rules: {
     "no-undef": 0,
     "no-unused-vars": 0,
-    "react/no-unescaped-entities": 0,
     "react/prop-types": 0,
     "react/no-access-state-in-setstate": 1,
+    "@typescript-eslint/explicit-module-boundary-types": 0,
+    "@typescript-eslint/no-explicit-any": 0,
   },
 };

lektor/admin/babel-require.js

@@ -0,0 +1,2 @@
+// eslint-disable-next-line
+require("@babel/register")({ extensions: [".js", ".jsx", ".ts", ".tsx"] });