Merge pull request #192 from ronickg/dev

Adds translation support using lingui

Author: Rigidity

.eslintrc.cjs

@@ -5,6 +5,7 @@ module.exports = {
     'eslint:recommended',
     'plugin:@typescript-eslint/recommended',
     'plugin:react-hooks/recommended',
+    'plugin:lingui/recommended',
   ],
   ignorePatterns: ['dist', '.eslintrc.cjs'],
   parser: '@typescript-eslint/parser',

lingui.config.js

@@ -0,0 +1,15 @@
+import { defineConfig } from '@lingui/cli';
+import { formatter } from '@lingui/format-po';
+
+export default defineConfig({
+  sourceLocale: 'en-US',
+  locales: ['en-US', 'de-DE'],
+  format: formatter({ printPlaceholdersInComments: false }),
+
+  catalogs: [
+    {
+      path: './src/locales/{locale}/messages',
+      include: ['src'],
+    },
+  ],
+});

package.json

@@ -10,13 +10,18 @@
     "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
     "preview": "vite preview",
     "prettier": "prettier --write .",
-    "prettier:check": "prettier --check ."
+    "prettier:check": "prettier --check .",
+    "extract": "lingui extract",
+    "compile": "lingui compile",
+    "extract:watch": "lingui extract --watch"
   },
   "dependencies": {
     "@emotion/react": "^11.13.0",
     "@emotion/styled": "^11.13.0",
     "@fontsource/roboto": "^5.0.14",
     "@hookform/resolvers": "^3.9.0",
+    "@lingui/core": "^5.1.2",
+    "@lingui/react": "^5.1.2",
     "@radix-ui/react-checkbox": "^1.1.2",
     "@radix-ui/react-dialog": "^1.1.1",
     "@radix-ui/react-dropdown-menu": "^2.1.1",
@@ -35,7 +40,6 @@
     "@tauri-apps/plugin-clipboard-manager": "2.0.0-rc.1",
     "@tauri-apps/plugin-os": "^2.0.0",
     "@tauri-apps/plugin-shell": "2.0.0",
-    "tauri-plugin-safe-area-insets": "file:./plugins/tauri-plugin-safe-area-insets",
     "@use-gesture/react": "^10.3.1",
     "@walletconnect/sign-client": "^2.17.2",
     "@walletconnect/types": "^2.17.2",
@@ -51,11 +55,16 @@
     "react-router-dom": "^6.26.0",
     "tailwind-merge": "^2.5.2",
     "tailwindcss-animate": "^1.0.7",
+    "tauri-plugin-safe-area-insets": "file:./plugins/tauri-plugin-safe-area-insets",
     "usehooks-ts": "^3.1.0",
     "zod": "^3.23.8",
     "zustand": "^4.5.5"
   },
   "devDependencies": {
+    "@lingui/cli": "^5.1.2",
+    "@lingui/format-po": "^5.1.2",
+    "@lingui/swc-plugin": "^5.0.1",
+    "@lingui/vite-plugin": "^5.1.2",
     "@tauri-apps/cli": "2.0.0-rc.10",
     "@types/node": "^22.1.0",
     "@types/react": "^18.3.3",
@@ -65,6 +74,7 @@
     "@vitejs/plugin-react-swc": "^3.7.0",
     "autoprefixer": "^10.4.20",
     "eslint": "^8.57.0",
+    "eslint-plugin-lingui": "^0.9.0",
     "eslint-plugin-react-hooks": "^4.6.2",
     "eslint-plugin-react-refresh": "^0.4.9",
     "postcss": "^8.4.47",