Typecheck & lint the i18next-parser config

frontend/.eslintrc.cjs

@@ -21,7 +21,6 @@ module.exports = {
     "**/coverage/**",
     "!.storybook",
     "*/gql/*.ts",
-    "i18next-parser.config.js",
   ],
   overrides: [
     // General rules for JS/TS files

frontend/i18next-parser.config.ts

@@ -0,0 +1,36 @@
+// Copyright 2023 The Matrix.org Foundation C.I.C.
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+//     http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
+import type { UserConfig } from "i18next-parser";
+
+const config: UserConfig = {
+  keySeparator: ".",
+  pluralSeparator: ":",
+  defaultNamespace: "frontend",
+  lexers: {
+    ts: [
+      {
+        lexer: "JavascriptLexer",
+        functions: ["t", "translatedError"],
+        namespaceFunctions: ["useTranslation", "withTranslation"],
+      },
+    ],
+  },
+  locales: ["en"],
+  output: "public/locales/$LOCALE.json",
+  input: ["src/**/*.{ts,tsx}"],
+  sort: true,
+};
+
+export default config;

frontend/src/i18n.ts

@@ -14,7 +14,7 @@
 
 import * as i18n from "i18next";
 import LanguageDetector from "i18next-browser-languagedetector";
-import I18NextHttpBackend from "i18next-http-backend";
+import I18NextHttpBackend, { HttpBackendOptions } from "i18next-http-backend";
 import { initReactI18next } from "react-i18next";
 
 i18n
@@ -30,7 +30,7 @@ i18n
     },
     backend: {
       loadPath: "/locales/{{lng}}.json",
-    },
+    } satisfies HttpBackendOptions,
   });
 
 import.meta.hot?.on("locales-update", () => {

frontend/tsconfig.node.json

@@ -16,6 +16,7 @@
     "postcss.config.cjs",
     "tailwind.config.cjs",
     "tailwind.templates.config.cjs",
-    "codegen.ts"
+    "codegen.ts",
+    "i18next-parser.config.ts"
   ]
 }