Appwrite console internationalization : Typesafe-i18n

.gitignore

@@ -13,3 +13,4 @@ node_modules
 node_modules/
 dist/
 .vercel
+.github

.typesafe-i18n.json

@@ -0,0 +1,4 @@
+{
+   "adapter": "svelte",
+   "$schema": "https://unpkg.com/typesafe-i18n@5.24.3/schema/typesafe-i18n.json"
+}

package.json

@@ -4,7 +4,8 @@
         "node": ">=16"
     },
     "scripts": {
-        "dev": "vite dev",
+        "dev": "npm-run-all --parallel vite typesafe-i18n",
+        "vite": "vite dev",
         "build": "node build.js",
         "preview": "vite preview",
         "sync": "svelte-kit sync",
@@ -15,7 +16,8 @@
         "test": "vitest run",
         "test:ui": "vitest --ui",
         "test:watch": "vitest watch",
-        "e2e": "playwright test tests/e2e"
+        "e2e": "playwright test tests/e2e",
+        "typesafe-i18n": "typesafe-i18n"
     },
     "dependencies": {
         "@analytics/google-analytics": "^1.0.5",
@@ -28,9 +30,11 @@
         "dotenv": "^16.0.3",
         "echarts": "^5.4.1",
         "logrocket": "^3.0.1",
+        "npm-run-all": "^4.1.5",
         "pretty-bytes": "^6.1.0",
         "prismjs": "^1.29.0",
         "tippy.js": "^6.3.7",
+        "typesafe-i18n": "^5.24.3",
         "web-vitals": "^3.1.1"
     },
     "devDependencies": {

src/i18n/de/de.json

@@ -0,0 +1,63 @@
+{
+    "globals": {
+        "placeholders": {
+            "email": "E-Mail",
+            "password": "Passwort",
+            "enter_password": "Passwort eingeben",
+            "confirm_password": "Passwort bestätigen",
+            "your_name": "Ihr Name",
+            "your_email": "Ihre E-Mail-Adresse",
+            "your_password": "Ihr Passwort",
+            "your_code": "dein Code"
+        },
+        "update": "aktualisieren",
+        "recover": "genesen",
+        "accept": "akzeptieren",
+        "cancel": "stornieren"
+    },
+    "login": {
+        "title": "anmelden",
+        "field_inputs": {
+            "email": "E-Mail",
+            "password": "Passwort"
+        }
+    },
+    "sign_up": {
+        "title": "Anmeldung",
+        "field_inputs": {
+            "name": "Name",
+            "email": "E-Mail",
+            "password": "Passwort",
+            "code": "Code"
+        },
+        "already_registered": "Sie haben bereits ein Konto?"
+    },
+    "password_recovery": {
+        "title": "Passwort-Wiederherstellung",
+        "forgot_password": "Passwort vergessen",
+        "field_inputs": {
+            "email": "E-Mail",
+            "new_password": "Neues Kennwort",
+            "cnf_password": "Bestätige das Passwort"
+        }
+    },
+    "accept_invite": {
+        "title": "Einladung annehmen",
+        "invalid_invite": "Ungültige Einladung",
+        "invite": "einladen",
+        "sign_up": "Melden Sie sich bei Appwrite an",
+        "warning_alert": {
+            "title": "Der Einladungslink ist ungültig",
+            "sub_title": "Bitten Sie den Projektinhaber, Ihnen eine neue Einladung zu senden."
+        },
+        "success_alert": {
+            "title": "Sie wurden eingeladen, an einem Teamprojekt auf Appwrite teilzunehmen"
+        }
+    },
+    "privacy_and_policy": {
+        "main_text": "Indem Sie die Einladung annehmen, erklären Sie sich damit einverstanden",
+        "terms_and_condition": "Geschäftsbedingungen",
+        "and": "Und",
+        "privacy_policy": "Datenschutz und Richtlinien"
+    }
+}

src/i18n/de/index.ts

@@ -0,0 +1,92 @@
+// import type { Translation } from '../i18n-types';
+
+// const de: Translation = {
+//     globals: {
+//         placeholders: {
+//             email: 'E-Mail',
+//             password: 'Passwort',
+//             enter_password: 'Passwort eingeben',
+//             confirm_password: 'Passwort bestätigen',
+//             your_name: 'Ihr Name',
+//             your_email: 'Ihre E-Mail-Adresse',
+//             your_password: 'Ihr Passwort',
+//             your_code: 'dein Code'
+//         },
+//         update: 'aktualisieren',
+//         recover: 'genesen',
+//         accept: 'akzeptieren',
+//         cancel: 'stornieren'
+//     },
+//     login: {
+//         title: 'anmelden',
+//         field_inputs: {
+//             email: 'E-Mail',
+//             password: 'Passwort'
+//         }
+//     },
+//     sign_up: {
+//         title: 'Anmeldung',
+//         field_inputs: {
+//             name: 'Name',
+//             email: 'E-Mail',
+//             password: 'Passwort',
+//             code: 'Code'
+//         },
+//         already_registered: 'Sie haben bereits ein Konto?'
+//     },
+//     password_recovery: {
+//         title: 'Passwort-Wiederherstellung',
+//         forgot_password: 'Passwort vergessen',
+//         field_inputs: {
+//             email: 'E-Mail',
+//             new_password: 'Neues Kennwort',
+//             cnf_password: 'Bestätige das Passwort'
+//         }
+//     },
+//     accept_invite: {
+//         title: 'Einladung annehmen',
+//         invalid_invite: 'Ungültige Einladung',
+//         invite: 'einladen',
+//         sign_up: 'Melden Sie sich bei Appwrite an',
+//         warning_alert: {
+//             title: 'Der Einladungslink ist ungültig',
+//             sub_title: 'Bitten Sie den Projektinhaber, Ihnen eine neue Einladung zu senden.'
+//         },
+//         success_alert: {
+//             title: 'Sie wurden eingeladen, an einem Teamprojekt auf Appwrite teilzunehmen'
+//         }
+//     },
+//     privacy_and_policy: {
+//         main_text: 'Indem Sie die Einladung annehmen, erklären Sie sich damit einverstanden',
+//         terms_and_condition: 'Geschäftsbedingungen',
+//         and: 'Und',
+//         privacy_policy: 'Datenschutz und Richtlinien'
+//     },
+//     console: {
+//         onboarding: {
+//             header: 'Onboarding',
+//             title: "Let's create your first project"
+//         },
+//         basic_keywords: {
+//             project: 'Project',
+//             project_name: 'Project name',
+//             project_id: 'Project ID',
+//             create_project: 'Create Project'
+//         }
+//     },
+//     magicURL: {
+//         title: 'Missing Redirect URL',
+//         info: 'Your Magic URL login flow is missing a proper redirect URL. Please check the',
+//         magicDoc: 'Magic URL docs',
+//         subInfo: 'and send request for new session with a valid redirect URL.'
+//     }
+// };
+
+// export default de;
+
+import type { Translation } from '../i18n-types';
+import deJson from './de.json';
+
+const de: Translation = deJson;
+
+export default de;