Adding translation for ressource titles

docker-compose.yml

@@ -32,6 +32,19 @@ services:
       - "traefik.http.routers.gui.rule=PathPrefix(`/`)"
       - "traefik.http.services.gui.loadbalancer.server.port=5173"
 
+  i18n:
+    build:
+      context: ./i18n
+    restart: always
+    volumes:
+      - ./i18n/app/src:/app/src
+      - ./gui/rpk-gui/public:/app/public
+    labels:
+      - "traefik.enable=true"
+      - "traefik.http.routers.i18n.entrypoints=web"
+      - "traefik.http.routers.i18n.rule=PathPrefix(`/locales/add`)"
+      - "traefik.http.services.i18n.loadbalancer.server.port=8100"
+
   proxy:
     image: traefik:latest
     restart: always

gui/rpk-gui/package.json

@@ -31,11 +31,15 @@
     "@tiptap/extension-underline": "^2.11.7",
     "@tiptap/react": "^2.11.7",
     "@tiptap/starter-kit": "^2.11.7",
+    "i18next": "^25.0.1",
+    "i18next-browser-languagedetector": "^8.0.5",
+    "i18next-http-backend": "^3.0.2",
     "lodash": "^4.17.21",
     "mui-tiptap": "^1.18.1",
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
     "react-hook-form": "^7.30.0",
+    "react-i18next": "^15.5.1",
     "react-router": "^7.0.2"
   },
   "devDependencies": {

gui/rpk-gui/public/locales/DE/common.json

@@ -0,0 +1,164 @@
+{
+  "pages": {
+    "login": {
+      "title": "Melden Sie sich bei Ihrem Konto an",
+      "signin": "Einloggen",
+      "signup": "Anmelden",
+      "divider": "oder",
+      "fields": {
+        "email": "Email",
+        "password": "Passwort"
+      },
+      "oauth": {
+        "google": "Einloggen mit Google",
+        "discord": "Einloggen mit Discord"
+      },
+      "errors": {
+        "validEmail": "Ungültige E-Mail-Adresse",
+        "requiredEmail": "E-Mail ist erforderlich",
+        "requiredPassword": "Passwort wird benötigt"
+      },
+      "buttons": {
+        "submit": "Anmeldung",
+        "forgotPassword": "Passwort vergessen?",
+        "noAccount": "Sie haben kein Konto?",
+        "rememberMe": "Erinnere dich an mich"
+      }
+    },
+    "forgotPassword": {
+      "title": "Haben Sie Ihr Passwort vergessen?",
+      "fields": {
+        "email": "Email"
+      },
+      "errors": {
+        "validEmail": "Ungültige E-Mail-Adresse",
+        "requiredEmail": "E-Mail ist erforderlich"
+      },
+      "buttons": {
+        "submit": "Anweisungen zum Zurücksetzen senden"
+      }
+    },
+    "register": {
+      "title": "Registrieren Sie sich für Ihr Konto",
+      "fields": {
+        "email": "Email",
+        "password": "Passwort"
+      },
+      "errors": {
+        "validEmail": "Ungültige E-Mail-Adresse",
+        "requiredEmail": "E-Mail ist erforderlich",
+        "requiredPassword": "Passwort wird benötigt"
+      },
+      "buttons": {
+        "submit": "Registrieren",
+        "haveAccount": "Ein Konto haben?"
+      }
+    },
+    "updatePassword": {
+      "title": "Kennwort aktualisieren",
+      "fields": {
+        "password": "Neues Passwort",
+        "confirmPassword": "Bestätige neues Passwort"
+      },
+      "errors": {
+        "confirmPasswordNotMatch": "Passwörter stimmen nicht überein",
+        "requiredPassword": "Passwort wird benötigt",
+        "requiredConfirmPassword": "Das Feld „Passwort bestätigen“ ist erforderlich"
+      },
+      "buttons": {
+        "submit": "Aktualisieren"
+      }
+    },
+    "error": {
+      "info": "Sie haben vergessen, {{action}} component zu {{resource}} hinzufügen.",
+      "404": "Leider existiert diese Seite nicht.",
+      "resource404": "Haben Sie die {{resource}} resource erstellt?",
+      "backHome": "Zurück"
+    }
+  },
+  "actions": {
+    "list": "Aufführen",
+    "create": "Erstellen",
+    "edit": "Bearbeiten",
+    "show": "Zeigen"
+  },
+  "buttons": {
+    "create": "Erstellen",
+    "save": "Speichern",
+    "logout": "Abmelden",
+    "delete": "Löschen",
+    "edit": "Bearbeiten",
+    "cancel": "Abbrechen",
+    "confirm": "Sicher?",
+    "filter": "Filter",
+    "clear": "Löschen",
+    "refresh": "Erneuern",
+    "show": "Zeigen",
+    "undo": "Undo",
+    "import": "Importieren",
+    "clone": "Klon",
+    "notAccessTitle": "Sie haben keine zugriffsberechtigung"
+  },
+  "warnWhenUnsavedChanges": "Nicht gespeicherte Änderungen werden nicht übernommen.",
+  "notifications": {
+    "success": "Erfolg",
+    "error": "Fehler (status code: {{statusCode}})",
+    "undoable": "Sie haben {{seconds}} Sekunden Zeit für Undo.",
+    "createSuccess": "{{resource}} erfolgreich erstellt.",
+    "createError": "Fehler beim Erstellen {{resource}} (status code: {{statusCode}})",
+    "deleteSuccess": "{{resource}} erfolgreich gelöscht.",
+    "deleteError": "Fehler beim Löschen {{resource}} (status code: {{statusCode}})",
+    "editSuccess": "{{resource}} erfolgreich bearbeitet.",
+    "editError": "Fehler beim Bearbeiten {{resource}} (status code: {{statusCode}})",
+    "importProgress": "{{processed}}/{{total}} importiert"
+  },
+  "loading": "Wird geladen",
+  "tags": {
+    "clone": "Klon"
+  },
+  "dashboard": {
+    "title": "Dashboard"
+  },
+  "posts": {
+    "posts": "Einträge",
+    "fields": {
+      "id": "Id",
+      "title": "Titel",
+      "category": "Kategorie",
+      "status": {
+        "title": "Status",
+        "published": "Veröffentlicht",
+        "draft": "Draft",
+        "rejected": "Abgelehnt"
+      },
+      "content": "Inhalh",
+      "createdAt": "Erstellt am"
+    },
+    "titles": {
+      "create": "Erstellen",
+      "edit": "Bearbeiten",
+      "list": "Einträge",
+      "show": "Eintrag zeigen"
+    }
+  },
+  "table": {
+    "actions": "Aktionen"
+  },
+  "documentTitle": {
+    "default": "refine",
+    "suffix": " | Refine",
+    "post": {
+      "list": "Beiträge | Refine",
+      "show": "#{{id}} Beitrag anzeigen | Refine",
+      "edit": "#{{id}} Beitrag bearbeiten | Refine",
+      "create": "Neuen Beitrag erstellen | Refine",
+      "clone": "#{{id}} Beitrag klonen | Refine"
+    }
+  },
+  "autoSave": {
+    "success": "gespeichert",
+    "error": "fehler beim automatischen speichern",
+    "loading": "speichern...",
+    "idle": "warten auf anderungen"
+  }
+}

gui/rpk-gui/public/locales/EN/common.json

@@ -0,0 +1,273 @@
+{
+  "pages": {
+    "home": {
+      "title": "Home"
+    },
+    "login": {
+      "title": "Sign in to your account",
+      "signin": "Sign in",
+      "signup": "Sign up",
+      "divider": "or",
+      "fields": {
+        "email": "Email",
+        "password": "Password"
+      },
+      "oauth": {
+        "google": "Sign in with Google",
+        "discord": "Sign in with Discord"
+      },
+      "errors": {
+        "validEmail": "Invalid email address",
+        "requiredEmail": "Email is required",
+        "requiredPassword": "Password is required"
+      },
+      "buttons": {
+        "submit": "Login",
+        "forgotPassword": "Forgot password?",
+        "noAccount": "Don’t have an account?",
+        "rememberMe": "Remember me"
+      }
+    },
+    "forgotPassword": {
+      "title": "Forgot your password?",
+      "fields": {
+        "email": "Email"
+      },
+      "errors": {
+        "validEmail": "Invalid email address",
+        "requiredEmail": "Email is required"
+      },
+      "buttons": {
+        "submit": "Send reset instructions"
+      }
+    },
+    "register": {
+      "title": "Sign up for your account",
+      "fields": {
+        "email": "Email",
+        "password": "Password"
+      },
+      "errors": {
+        "validEmail": "Invalid email address",
+        "requiredEmail": "Email is required",
+        "requiredPassword": "Password is required"
+      },
+      "buttons": {
+        "submit": "Register",
+        "haveAccount": "Have an account?"
+      }
+    },
+    "updatePassword": {
+      "title": "Update password",
+      "fields": {
+        "password": "New Password",
+        "confirmPassword": "Confirm new password"
+      },
+      "errors": {
+        "confirmPasswordNotMatch": "Passwords do not match",
+        "requiredPassword": "Password required",
+        "requiredConfirmPassword": "Confirm password is required"
+      },
+      "buttons": {
+        "submit": "Update"
+      }
+    },
+    "error": {
+      "404": "Sorry, the page you visited does not exist.",
+      "info": "You may have forgotten to add the {{action}} component to {{resource}} resource.",
+      "resource404": "Are you sure you have created the {{resource}} resource.",
+      "backHome": "Back Home"
+    }
+  },
+  "actions": {
+    "list": "List",
+    "create": "Create",
+    "edit": "Edit",
+    "show": "Show"
+  },
+  "buttons": {
+    "create": "Create",
+    "save": "Save",
+    "logout": "Logout",
+    "delete": "Delete",
+    "edit": "Edit",
+    "cancel": "Cancel",
+    "confirm": "Are you sure?",
+    "filter": "Filter",
+    "clear": "Clear",
+    "refresh": "Refresh",
+    "show": "Show",
+    "undo": "Undo",
+    "import": "Import",
+    "clone": "Clone",
+    "notAccessTitle": "You don't have permission to access"
+  },
+  "warnWhenUnsavedChanges": "Are you sure you want to leave? You have unsaved changes.",
+  "notifications": {
+    "success": "Successful",
+    "error": "Error (status code: {{statusCode}})",
+    "undoable": "You have {{seconds}} seconds to undo",
+    "createSuccess": "Successfully created {{resource}}",
+    "createError": "There was an error creating {{resource}} (status code: {{statusCode}})",
+    "deleteSuccess": "Successfully deleted {{resource}}",
+    "deleteError": "Error when deleting {{resource}} (status code: {{statusCode}})",
+    "editSuccess": "Successfully edited {{resource}}",
+    "editError": "Error when editing {{resource}} (status code: {{statusCode}})",
+    "importProgress": "Importing: {{processed}}/{{total}}"
+  },
+  "loading": "Loading",
+  "tags": {
+    "clone": "Clone"
+  },
+  "dashboard": {
+    "title": "Dashboard"
+  },
+  "posts": {
+    "posts": "Posts",
+    "fields": {
+      "id": "Id",
+      "title": "Title",
+      "category": "Category",
+      "status": {
+        "title": "Status",
+        "published": "Published",
+        "draft": "Draft",
+        "rejected": "Rejected"
+      },
+      "content": "Content",
+      "createdAt": "Created At"
+    },
+    "titles": {
+      "create": "Create Post",
+      "edit": "Edit Post",
+      "list": "Posts",
+      "show": "Show Post"
+    }
+  },
+  "table": {
+    "actions": "Actions"
+  },
+  "documentTitle": {
+    "default": "refine",
+    "suffix": " | Refine",
+    "post": {
+      "list": "Posts | Refine",
+      "show": "#{{id}} Show Post | Refine",
+      "edit": "#{{id}} Edit Post | Refine",
+      "create": "Create new Post | Refine",
+      "clone": "#{{id}} Clone Post | Refine"
+    }
+  },
+  "autoSave": {
+    "success": "saved",
+    "error": "auto save failure",
+    "loading": "saving...",
+    "idle": "waiting for changes"
+  },
+  "undefined": {
+    "undefined": "No translation",
+    "titles": {
+      "list": "No translation"
+    }
+  },
+  "schemas": {
+    "individual": {
+      "type": "Individual",
+      "lastname": "Lastname",
+      "surnames": "Surname",
+      "day_of_birth": "Date of birth",
+      "firstname": "Firstname",
+      "place_of_birth": "Place of birth",
+      "middlename": "Middlename",
+      "resource_title": "Individual"
+    },
+    "corporation": {
+      "type": "Corporation",
+      "activity": "Activity",
+      "title": "Title",
+      "employees": "Employees",
+      "resource_title": "Corporation"
+    },
+    "employee": {
+      "position": "Position",
+      "entity_id": "Identity",
+      "resource_title": "Employee"
+    },
+    "institution": {
+      "type": "Institution",
+      "title": "Title",
+      "activity": "Activity",
+      "employees": "Employees",
+      "resource_title": "Institution"
+    },
+    "entity": {
+      "entity_data": "Informations",
+      "address": "Address",
+      "resource_title": "Entity"
+    },
+    "provision_template": {
+      "name": "Name",
+      "title": "Title",
+      "body": "Body",
+      "resource_title": "Provision Template"
+    },
+    "contract_template": {
+      "name": "Name",
+      "title": "Title",
+      "provisions": "Provisions",
+      "parties": "Parties",
+      "variables": "Variables",
+      "resource_title": "Contract Template"
+    },
+    "party_template": {
+      "entity_id": "Party Template",
+      "representative_id": "Representative",
+      "part": "Part",
+      "resource_title": "Party"
+    },
+    "provision_template_reference": {
+      "provision_template_id": "Provision Template",
+      "resource_title": "Provision Template"
+    },
+    "dictionary_entry": {
+      "key": "Variable",
+      "value": "Value",
+      "resource_title": "Variables"
+    },
+    "contract_draft": {
+      "name": "Name",
+      "title": "Title",
+      "parties": "Parties",
+      "provisions": "Provisions",
+      "variables": "Variables",
+      "resource_title": "Contract Draft"
+    },
+    "draft_party": {
+      "entity_id": "Client",
+      "part": "Part",
+      "representative_id": "Representative",
+      "resource_title": "Party"
+    },
+    "contract_provision_template_reference": {
+      "provision_template_id": "Provision Template",
+      "type": "Provision Template",
+      "resource_title": "Provision Template"
+    },
+    "provision_genuine": {
+      "title": "Title",
+      "body": "Body",
+      "type": "Genuine Provision",
+      "resource_title": "Genuine Provision"
+    },
+    "draft_provision": {
+      "provision": "Provision",
+      "resource_title": "Provision"
+    },
+    "contract": {
+      "date": "Date",
+      "location": "Location",
+      "resource_title": "Contract",
+      "draft_id": "Draft"
+    }
+  }
+}

gui/rpk-gui/public/locales/FR/common.json

@@ -0,0 +1,273 @@
+{
+  "pages": {
+    "home": {
+      "title": "Page d'accueil"
+    },
+    "login": {
+      "title": "Authentification",
+      "signin": "S'authentifier",
+      "signup": "Créer un compte",
+      "divider": "ou",
+      "fields": {
+        "email": "Email",
+        "password": "Mot de passe"
+      },
+      "oauth": {
+        "google": "S'authentifier avec Google",
+        "discord": "S'authentifier avec Discord"
+      },
+      "errors": {
+        "validEmail": "Email invalide",
+        "requiredEmail": "l'Email est obligatoire",
+        "requiredPassword": "Le mot de passe est obligatoire"
+      },
+      "buttons": {
+        "submit": "S'authentifier",
+        "forgotPassword": "Mot de passe oublié?",
+        "noAccount": "Vous n'avec pas de compte?",
+        "rememberMe": "Se souvenir de moi"
+      }
+    },
+    "forgotPassword": {
+      "title": "Mot de passe oublié?",
+      "fields": {
+        "email": "Email"
+      },
+      "errors": {
+        "validEmail": "mail invalide",
+        "requiredEmail": "l'Email est obligatoire"
+      },
+      "buttons": {
+        "submit": "Envoyer les instructions de récupération"
+      }
+    },
+    "register": {
+      "title": "Création de compte",
+      "fields": {
+        "email": "Email",
+        "password": "Mot de passe"
+      },
+      "errors": {
+        "validEmail": "Email invalide",
+        "requiredEmail": "l'Email est obligatoire",
+        "requiredPassword": "Le mot de passe est obligatoire"
+      },
+      "buttons": {
+        "submit": "Créer un compte",
+        "haveAccount": "Vous avez déjà un compte?"
+      }
+    },
+    "updatePassword": {
+      "title": "Mise à jour du mot de passe",
+      "fields": {
+        "password": "Nouveau mot de passe",
+        "confirmPassword": "Confirmation"
+      },
+      "errors": {
+        "confirmPasswordNotMatch": "Les mots de passe ne correspondent pas",
+        "requiredPassword": "Le mot de passe est obligatoire",
+        "requiredConfirmPassword": "Vous devez confirmer votre mot de passe"
+      },
+      "buttons": {
+        "submit": "Mettre à jour"
+      }
+    },
+    "error": {
+      "404": "Cette page n'existe pas.",
+      "info": "Il manque l'action {{action}} component à la ressource {{resource}} .",
+      "resource404": "Cette page n'existe pas.",
+      "backHome": "Retour à l'accueil"
+    }
+  },
+  "actions": {
+    "list": "Liste",
+    "create": "Création",
+    "edit": "Édtion",
+    "show": "Voir"
+  },
+  "buttons": {
+    "create": "Créer",
+    "save": "Sauvegarder",
+    "logout": "Déconnexion",
+    "delete": "Supprimer",
+    "edit": "Modifier",
+    "cancel": "Annuler",
+    "confirm": "Êtes vous sur?",
+    "filter": "Filtrer",
+    "clear": "Effacer",
+    "refresh": "Rafraîchir",
+    "show": "Voir",
+    "undo": "Annuler",
+    "import": "Importer",
+    "clone": "Cloner",
+    "notAccessTitle": "Vous n'avez pas la permission d'accéder à cette ressource"
+  },
+  "warnWhenUnsavedChanges": "Êtes vous sur de vouloir quitter la page? Vous avez des modification non sauvegardées.",
+  "notifications": {
+    "success": "Succès",
+    "error": "Erreur (Code de statut: {{statusCode}})",
+    "undoable": "Vous avez {{seconds}} secondes à annuler",
+    "createSuccess": "Création de {{resource}} réussie",
+    "createError": "Erreur pendant la création de {{resource}} (Code de statut: {{statusCode}})",
+    "deleteSuccess": "Suppression de {{resource}} réussie",
+    "deleteError": "Erreur pendant la suppression de {{resource}} (Code de statut: {{statusCode}})",
+    "editSuccess": "Modification de {{resource}} réussie",
+    "editError": "Erreur pendant la modification de {{resource}} (Code de statut: {{statusCode}})",
+    "importProgress": "Importation de: {{processed}}/{{total}}"
+  },
+  "loading": "Chargement",
+  "tags": {
+    "clone": "Clone"
+  },
+  "dashboard": {
+    "title": "Tableau de bord"
+  },
+  "posts": {
+    "posts": "Posts",
+    "fields": {
+      "id": "Id",
+      "title": "Title",
+      "category": "Category",
+      "status": {
+        "title": "Status",
+        "published": "Published",
+        "draft": "Draft",
+        "rejected": "Rejected"
+      },
+      "content": "Content",
+      "createdAt": "Created At"
+    },
+    "titles": {
+      "create": "Create Post",
+      "edit": "Edit Post",
+      "list": "Posts",
+      "show": "Show Post"
+    }
+  },
+  "table": {
+    "actions": "Actions"
+  },
+  "documentTitle": {
+    "default": "refine",
+    "suffix": " | Refine",
+    "post": {
+      "list": "Posts | Refine",
+      "show": "#{{id}} Show Post | Refine",
+      "edit": "#{{id}} Edit Post | Refine",
+      "create": "Create new Post | Refine",
+      "clone": "#{{id}} Clone Post | Refine"
+    }
+  },
+  "autoSave": {
+    "success": "Sauvegardé",
+    "error": "Sauvegarde automatique ratée",
+    "loading": "Sauvegarde...",
+    "idle": "En attente de modification"
+  },
+  "undefined": {
+    "undefined": "No translation",
+    "titles": {
+      "list": "No translation"
+    }
+  },
+  "schemas": {
+    "individual": {
+      "type": "Particulier",
+      "middlename": "Autres prénoms",
+      "lastname": "Nom",
+      "firstname": "Prénom",
+      "day_of_birth": "Date de naissance",
+      "surnames": "Surnoms",
+      "place_of_birth": "Lieu de naissance",
+      "resource_title": "Particulier"
+    },
+    "corporation": {
+      "type": "Entreprise",
+      "title": "Titre",
+      "activity": "Activité",
+      "employees": "Employés",
+      "resource_title": "Entreprise"
+    },
+    "employee": {
+      "entity_id": "Identité",
+      "position": "Poste",
+      "resource_title": "Employé"
+    },
+    "institution": {
+      "type": "Institution",
+      "title": "Titre",
+      "employees": "Employés",
+      "activity": "Activité",
+      "resource_title": "Institution"
+    },
+    "entity": {
+      "entity_data": "Informations",
+      "address": "Adresse",
+      "resource_title": "Entité"
+    },
+    "provision_template": {
+      "name": "Nom",
+      "body": "Corps",
+      "title": "Titre",
+      "resource_title": "Template de Clause"
+    },
+    "contract_template": {
+      "name": "Nom",
+      "title": "Titre",
+      "parties": "Parties",
+      "provisions": "Clauses",
+      "variables": "Variables",
+      "resource_title": "Template de Contrat"
+    },
+    "party_template": {
+      "entity_id": "Entité",
+      "part": "Rôle",
+      "representative_id": "Représentant",
+      "resource_title": "Partie"
+    },
+    "provision_template_reference": {
+      "provision_template_id": "Template de clause",
+      "resource_title": "Template de clause"
+    },
+    "dictionary_entry": {
+      "key": "Variable",
+      "value": "Valeur",
+      "resource_title": "Variables"
+    },
+    "contract_draft": {
+      "name": "Nom",
+      "parties": "Parties",
+      "title": "Titre",
+      "provisions": "Clauses",
+      "variables": "Variables",
+      "resource_title": "Brouillon de Contrat"
+    },
+    "draft_party": {
+      "part": "Rôle",
+      "representative_id": "Représentant",
+      "entity_id": "Entité",
+      "resource_title": "Partie"
+    },
+    "contract_provision_template_reference": {
+      "type": "Template",
+      "provision_template_id": "Template de clause",
+      "resource_title": "Template de clause"
+    },
+    "provision_genuine": {
+      "type": "Personalisée",
+      "title": "Titre",
+      "body": "Corps",
+      "resource_title": "Clause personnalisée"
+    },
+    "draft_provision": {
+      "provision": "Clause",
+      "resource_title": "Clause"
+    },
+    "contract": {
+      "draft_id": "Brouillon",
+      "resource_title": "Contrat",
+      "location": "Lieu",
+      "date": "Date"
+    }
+  }
+}

gui/rpk-gui/src/App.tsx

@@ -1,4 +1,5 @@
-import { Authenticated, Refine } from "@refinedev/core";
+import { Authenticated, I18nProvider, Refine } from "@refinedev/core";
+import { useTranslation } from "react-i18next";
 
 import { RefineSnackbarProvider, useNotificationProvider } from "@refinedev/mui";
 
@@ -12,8 +13,8 @@ import routerBindings, {
   UnsavedChangesNotifier,
 } from "@refinedev/react-router";
 import { BrowserRouter, Outlet, Route, Routes } from "react-router";
-import { authProvider } from "./providers/auth-provider";
-import { dataProvider } from "./providers/data-provider";
+import authProvider from "./providers/auth-provider";
+import dataProvider from "./providers/data-provider";
 import { ColorModeContextProvider } from "./contexts/color-mode";
 import { Login } from "./components/auth/Login";
 import { Register } from "./components/auth/Register";
@@ -26,6 +27,14 @@ import { FirmRoutes } from "./pages/firm";
 import rpcTheme from "./theme";
 
 function App() {
+  const { t, i18n } = useTranslation();
+
+  const i18nProvider: I18nProvider = {
+    translate: (key: string, options?: any) => t(key, options) as string,
+    changeLocale: (lang: string) => i18n.changeLanguage(lang),
+    getLocale: () => i18n.language,
+  };
+
   return (
     <BrowserRouter>
       <ThemeProvider theme={rpcTheme}>
@@ -36,6 +45,7 @@ function App() {
             <Refine
               authProvider={authProvider}
               dataProvider={dataProvider}
+              i18nProvider={i18nProvider}
               notificationProvider={useNotificationProvider}
               routerProvider={routerBindings}
               options={{
@@ -67,7 +77,7 @@ function App() {
               <Routes>
                 <Route
                   element={(
-                    <Authenticated key="authenticated-routes" redirectOnFail="/auth/login" fallback={<CatchAllNavigate  to="/auth/login"/>}>
+                    <Authenticated key="authenticated-routes" redirectOnFail="/login" fallback={<CatchAllNavigate  to="/login"/>}>
                       <Outlet />
                     </Authenticated>
                   )}
@@ -75,13 +85,13 @@ function App() {
                   <Route path="hub/*" element={<HubRoutes />} />
                   <Route path="firm/*" element={<FirmRoutes />} />
                 </Route>
-                <Route path="auth/*" element={<Outlet />}>
+                <Route path="*" element={<Outlet />}>
                   <Route path="login" element={<Login />} />
                   <Route path="register" element={<Register />} />
                   <Route path="forgot-password" element={<ForgotPassword />} />
                   <Route path="update-password" element={<UpdatePassword />} />
                 </Route>
-                <Route index element={<><Header /><h1>HOME</h1></>} />
+                <Route index element={<><Header /><h1>{t("pages.home.title")}</h1></>} />
               </Routes>
               <UnsavedChangesNotifier />
               <DocumentTitleHandler />

gui/rpk-gui/src/components/auth/Login.tsx

@@ -1,15 +1,11 @@
+import { useSearchParams, Navigate } from "react-router";
+import { useTranslation } from "@refinedev/core";
 import { AuthPage } from "@refinedev/mui";
-
 import GoogleIcon from "@mui/icons-material/Google";
 import DiscordIcon from "../../components/DiscordIcon";
-import {useSearchParams, Navigate, Link} from "react-router";
-import MuiLink from "@mui/material/Link";
-import * as React from "react";
-import Typography from "@mui/material/Typography";
-import Box from "@mui/material/Box";
-import Stack from "@mui/material/Stack";
 
 export const Login = () => {
+  const { translate } = useTranslation();
   const [searchParams] = useSearchParams();
   if (searchParams.get("oauth") == "success") {
     const redirect_to = localStorage.getItem("redirect_after_login")
@@ -24,67 +20,15 @@ export const Login = () => {
       rememberMe={false}
       providers={[{
           name: "google",
-          label: "Sign in with Google",
+          label: translate("pages.login.oauth.google"),
           icon: (<GoogleIcon style={{ fontSize: 24, }} />),
         },
         {
           name: "discord",
-          label: "Sign in with Discord",
+          label: translate("pages.login.oauth.discord"),
           icon: (<DiscordIcon style={{ fontSize: 24, }} />),
         },
       ]}
-      forgotPasswordLink={
-        <Stack
-          sx={{
-            direction: "row",
-            display: "flex",
-            justifyContent: "flex-end",
-            alignItems: "center",
-          }}
-        >
-          <MuiLink
-            variant="body2"
-            color="primary"
-            fontSize="12px"
-            component={Link}
-            underline="none"
-            to="/auth/forgot-password"
-          >
-            Forgot password?
-          </MuiLink>
-        </Stack>
-      }
-      registerLink={
-        <Box
-          sx={{
-            mt: "24px",
-            display: "flex",
-            justifyContent: "center",
-            alignItems: "center",
-          }}
-        >
-          <Typography
-            textAlign="center"
-            variant="body2"
-            component="span"
-            fontSize="12px"
-          >
-            Don’t have an account?
-          </Typography>
-          <MuiLink
-            ml="4px"
-            fontSize="12px"
-            variant="body2"
-            color="primary"
-            component={Link}
-            underline="none"
-            to="/auth/register"
-            fontWeight="bold"
-          >
-            Sign up
-          </MuiLink>
-        </Box>
-      }
     />
   );
 };

gui/rpk-gui/src/components/auth/Logout.tsx

@@ -1,8 +1,10 @@
 import { Button } from "@mui/material";
 import { useLogout } from "@refinedev/core";
+import { useTranslation } from "@refinedev/core";
 
 export const Logout = () => {
+  const { translate } = useTranslation();
   const { mutate: logout } = useLogout();
 
-  return <Button onClick={() => logout()} >Logout</Button>;
+  return <Button onClick={() => logout()} >{ translate("buttons.logout") }</Button>;
 };

gui/rpk-gui/src/components/header/I18nPicker.tsx

@@ -0,0 +1,41 @@
+import Autocomplete from "@mui/material/Autocomplete";
+import TextField from "@mui/material/TextField";
+import Box from "@mui/material/Box";
+import React from "react";
+import { useTranslation } from "react-i18next";
+import { useTranslation as useRefineTranslation } from "@refinedev/core";
+
+const I18nPicker = () => {
+  const { i18n } = useTranslation();
+  const { getLocale, changeLocale } = useRefineTranslation();
+  const currentLocale = getLocale();
+
+  return (
+    <Autocomplete
+      value={currentLocale}
+      options={i18n.languages}
+      disableClearable={true}
+      renderInput={(params) => {
+        return <TextField {...params} label={ "Language" } variant="outlined" />
+      }}
+      renderOption={(props, option) => {
+        const { key, ...optionProps } = props;
+        return (
+          <Box
+            key={key}
+            component="li"
+            sx={{ '& > img': { mr: 2, flexShrink: 0 } }}
+            {...optionProps}
+          >
+            { option }
+          </Box>
+        );
+      }}
+      onChange={(event, value) => {
+        changeLocale(value);
+      }}
+    />
+  )
+}
+
+export default I18nPicker;

gui/rpk-gui/src/components/header/index.tsx

@@ -18,6 +18,7 @@ import { FirmContext } from "../../contexts/FirmContext";
 import { Logout } from "../auth/Logout";
 import { IUser } from "../../interfaces";
 import MuiLink from "@mui/material/Link";
+import I18nPicker from "./I18nPicker";
 
 export const Header: React.FC<RefineThemedLayoutV2HeaderProps> = ({
   sticky = true,
@@ -130,9 +131,9 @@ export const Header: React.FC<RefineThemedLayoutV2HeaderProps> = ({
               </Stack>
             )}
             {!user && (
-              <Link to="/auth/login"><Button>Login</Button></Link>
+              <Link to="/login"><Button>Login</Button></Link>
             )}
-
+            <I18nPicker />
           </Stack>
         </Stack>
       </Toolbar>

gui/rpk-gui/src/i18n.tsx

@@ -0,0 +1,21 @@
+import i18n from "i18next";
+import { initReactI18next } from "react-i18next";
+import Backend from "i18next-http-backend";
+import detector from "i18next-browser-languagedetector";
+
+i18n
+  .use(Backend)
+  .use(detector)
+  .use(initReactI18next)
+  .init({
+    supportedLngs: ["EN", "FR"],
+    backend: {
+      loadPath: "/locales/{{lng}}/{{ns}}.json", // "http/locales/{{lng}}/{{ns}}.json"
+    },
+    //saveMissing: true,
+    ns: ["common"],
+    defaultNS: "common",
+    fallbackLng: ["EN", "FR"],
+  });
+
+export default i18n;

gui/rpk-gui/src/index.tsx

@@ -2,12 +2,15 @@ import React from "react";
 import { createRoot } from "react-dom/client";
 
 import App from "./App";
+import "./i18n";
 
 const container = document.getElementById("root") as HTMLElement;
 const root = createRoot(container);
 
 root.render(
   <React.StrictMode>
+    <React.Suspense fallback="loading">
       <App />
+    </React.Suspense>
   </React.StrictMode>
 );

gui/rpk-gui/src/lib/crud/providers/jsonschema-provider.tsx

@@ -1,5 +1,5 @@
-import { JSONSchema7Definition } from "json-schema";
 import { RJSFSchema } from '@rjsf/utils';
+import i18n from '../../../i18n'
 
 const API_URL = "/api/v1";
 
@@ -19,9 +19,14 @@ const getJsonschema = async (): Promise<RJSFSchema> => {
   return rawSchema;
 }
 
+function convertCamelToSnake(str: string): string {
+ return str.replace(/([a-zA-Z])(?=[A-Z])/g,'$1_').toLowerCase()
+}
+
 function buildResource(rawSchemas: RJSFSchema, resourceName: string) {
   let resource;
 
+  const shortResourceName = convertCamelToSnake(resourceName.replace(/(-Input|Create|Update)$/g, ""));
   resource = structuredClone(rawSchemas.components.schemas[resourceName]);
   resource.components = { schemas: {} };
   for (let prop_name in resource.properties) {
@@ -45,6 +50,13 @@ function buildResource(rawSchemas: RJSFSchema, resourceName: string) {
     } else if (is_array(prop) && is_reference(prop.items)) {
       resolveReference(rawSchemas, resource, prop.items);
     }
+
+    if (prop.hasOwnProperty("title")) {
+      prop.title = i18n.t(`schemas.${shortResourceName}.${convertCamelToSnake(prop_name)}`, prop.title);
+    }
+  }
+  if (resource.hasOwnProperty("title")) {
+    resource.title = i18n.t(`schemas.${shortResourceName}.resource_title`, resource.title);
   }
 
   return resource;
@@ -161,7 +173,6 @@ function path_exists(rawSchemas: RJSFSchema, resource: RJSFSchema, path: string)
     return has_descendant(rawSchemas, resource, path);
   }
 
-
   return has_descendant(rawSchemas, resource, path.substring(0, pointFirstPosition))
     && path_exists(
       rawSchemas,

gui/rpk-gui/src/providers/auth-provider.tsx

@@ -9,7 +9,7 @@ const DISCORD_SCOPES = { "scopes": "identify email" }
 
 const DEFAULT_LOGIN_REDIRECT = "/hub"
 
-export const authProvider: AuthProvider = {
+const authProvider: AuthProvider = {
   login: async ({ providerName, email, password }) => {
     const to_param = findGetParameter("to");
     const redirect = to_param === null ? DEFAULT_LOGIN_REDIRECT : to_param
@@ -72,7 +72,7 @@ export const authProvider: AuthProvider = {
     if (get_user() == null) {
       return {
         authenticated: false,
-        redirectTo: "/auth/login",
+        redirectTo: "/login",
         logout: true
       }
     }
@@ -154,7 +154,7 @@ export const authProvider: AuthProvider = {
     if (error?.status === 401) {
       forget_user();
       return {
-        redirectTo: "/auth/login",
+        redirectTo: "/login",
         logout: true,
         error: { message: "Authentication required" },
       } as OnErrorResponse;
@@ -199,3 +199,5 @@ function findGetParameter(parameterName: string) {
         });
     return result;
 }
+
+export default authProvider;

gui/rpk-gui/src/providers/data-provider.tsx

@@ -2,7 +2,7 @@ import type { DataProvider, HttpError } from "@refinedev/core";
 
 const API_URL = "/api/v1";
 
-export const dataProvider: DataProvider = {
+const dataProvider: DataProvider = {
   getOne: async ({ resource, id, meta }) => {
     if (id === "") {
       return { data: undefined };
@@ -149,3 +149,5 @@ export const dataProvider: DataProvider = {
   // updateMany: () => { /* ... */ },
   // custom: () => { /* ... */ },
 };
+
+export default dataProvider;

i18n/Dockerfile

@@ -0,0 +1,11 @@
+FROM node:lts-alpine
+
+WORKDIR /app
+COPY app/package*.json ./
+RUN npm install
+
+COPY app/tsconfig*.json ./
+COPY app/src ./src
+EXPOSE 8100
+
+CMD [ "npm", "--watch", "start" ]

i18n/app/.gitignore

@@ -0,0 +1,26 @@
+# Logs
+
+logs
+_.log
+npm-debug.log_
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+\*.local
+
+# Editor directories and files
+
+.vscode/_
+!.vscode/extensions.json
+.idea
+.DS_Store
+_.suo
+_.ntvs_
+_.njsproj
+_.sln
+\*.sw?

i18n/app/package.json

@@ -0,0 +1,25 @@
+{
+  "name": "i18n Helper",
+  "version": "0.1.0",
+  "description": "",
+  "main": "index.js",
+  "scripts": {
+    "start": "ts-node src/index.ts",
+    "build": "tsc",
+    "serve": "node dist/index.js"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "type": "commonjs",
+  "devDependencies": {
+    "@types/express": "^5.0.1",
+    "@types/node": "^22.15.3",
+    "express": "^5.1.0",
+    "ts-node": "^10.9.2",
+    "typescript": "^5.8.3"
+  },
+  "dependencies": {
+    "body-parser": "^2.2.0"
+  }
+}

i18n/app/src/index.ts

@@ -0,0 +1,49 @@
+import express, { Request, Response } from 'express';
+import bodyParser from "body-parser";
+
+import { writeFileSync, readFileSync, existsSync, mkdirSync } from 'fs';
+
+
+
+const app = express();
+app.use(bodyParser.json());
+const port = process.env.PORT || 8100;
+
+app.post('/locales/add/:lng/:ns', (req: Request, res: Response) => {
+  const keyPath = Object.keys(req.body)[0];
+
+  const basePath = "public/locales";
+  const lgPath = `${basePath}/${req.params.lng}`;
+  if (!existsSync(lgPath)) {
+    mkdirSync(lgPath);
+  }
+  const filePath = `${lgPath}/common.json`;
+
+  let missingTrans;
+  try {
+    missingTrans = JSON.parse(readFileSync(filePath, 'utf8'));
+  } catch(err) {
+    missingTrans = JSON.parse("{}");
+  }
+
+  let current = missingTrans
+  const splitPath = keyPath.split(".");
+  for (let i=0; i < splitPath.length; i++) {
+    const key = splitPath[i];
+    if (! current.hasOwnProperty(key)) {
+      if (i + 1 == splitPath.length) {
+        current[key] = "No translation";
+      } else {
+        current[key] = JSON.parse("{}");
+      }
+    }
+    current = current[key];
+  }
+  writeFileSync(filePath, JSON.stringify(missingTrans, null, 2))
+
+  res.send("OK");
+});
+
+app.listen(port, () => {
+  console.log(`Server running at http://localhost:${port}`);
+});

i18n/app/tsconfig.json

@@ -0,0 +1,13 @@
+{
+  "compilerOptions": {
+    "target": "es6",
+    "module": "commonjs",
+    "outDir": "./dist",
+    "strict": true,
+    "esModuleInterop": true,
+    "skipLibCheck": true,
+    "forceConsistentCasingInFileNames": true
+  },
+  "include": ["src/**/*.ts"],
+  "exclude": ["node_modules"]
+}