refactoring: TypeScript migration, security fixes,

client/src/i18n/TranslationContext.jsx

@@ -1,36 +0,0 @@
-import React, { createContext, useContext, useMemo } from 'react'
-import { useSettingsStore } from '../store/settingsStore'
-import de from './translations/de'
-import en from './translations/en'
-
-const translations = { de, en }
-const TranslationContext = createContext({ t: (k) => k, language: 'de', locale: 'de-DE' })
-
-export function TranslationProvider({ children }) {
-  const language = useSettingsStore(s => s.settings.language) || 'de'
-
-  const value = useMemo(() => {
-    const strings = translations[language] || translations.de
-    const fallback = translations.de
-
-    function t(key, params) {
-      let val = strings[key] ?? fallback[key] ?? key
-      // Arrays/Objects direkt zurückgeben (z.B. Vorschläge-Liste)
-      if (typeof val !== 'string') return val
-      if (params) {
-        Object.entries(params).forEach(([k, v]) => {
-          val = val.replace(new RegExp(`\\{${k}\\}`, 'g'), v)
-        })
-      }
-      return val
-    }
-
-    return { t, language, locale: language === 'en' ? 'en-US' : 'de-DE' }
-  }, [language])
-
-  return <TranslationContext.Provider value={value}>{children}</TranslationContext.Provider>
-}
-
-export function useTranslation() {
-  return useContext(TranslationContext)
-}

client/src/i18n/TranslationContext.tsx

@@ -0,0 +1,47 @@
+import React, { createContext, useContext, useMemo, ReactNode } from 'react'
+import { useSettingsStore } from '../store/settingsStore'
+import de from './translations/de'
+import en from './translations/en'
+
+type TranslationStrings = Record<string, string>
+
+const translations: Record<string, TranslationStrings> = { de, en }
+
+interface TranslationContextValue {
+  t: (key: string, params?: Record<string, string | number>) => string
+  language: string
+  locale: string
+}
+
+const TranslationContext = createContext<TranslationContextValue>({ t: (k: string) => k, language: 'de', locale: 'de-DE' })
+
+interface TranslationProviderProps {
+  children: ReactNode
+}
+
+export function TranslationProvider({ children }: TranslationProviderProps) {
+  const language = useSettingsStore((s) => s.settings.language) || 'de'
+
+  const value = useMemo((): TranslationContextValue => {
+    const strings = translations[language] || translations.de
+    const fallback = translations.de
+
+    function t(key: string, params?: Record<string, string | number>): string {
+      let val: string = strings[key] ?? fallback[key] ?? key
+      if (params) {
+        Object.entries(params).forEach(([k, v]) => {
+          val = val.replace(new RegExp(`\\{${k}\\}`, 'g'), String(v))
+        })
+      }
+      return val
+    }
+
+    return { t, language, locale: language === 'en' ? 'en-US' : 'de-DE' }
+  }, [language])
+
+  return <TranslationContext.Provider value={value}>{children}</TranslationContext.Provider>
+}
+
+export function useTranslation(): TranslationContextValue {
+  return useContext(TranslationContext)
+}

client/src/i18n/translations/de.ts

@@ -1,4 +1,4 @@
-const de = {
+const de: Record<string, string> = {
   // Allgemein
   'common.save': 'Speichern',
   'common.cancel': 'Abbrechen',
@@ -138,12 +138,14 @@ const de = {
   'settings.oidcLinked': 'Verknüpft mit',
   'settings.changePassword': 'Passwort ändern',
   'settings.currentPassword': 'Aktuelles Passwort',
+  'settings.currentPasswordRequired': 'Aktuelles Passwort wird benötigt',
   'settings.newPassword': 'Neues Passwort',
   'settings.confirmPassword': 'Neues Passwort bestätigen',
   'settings.updatePassword': 'Passwort aktualisieren',
   'settings.passwordRequired': 'Bitte aktuelles und neues Passwort eingeben',
   'settings.passwordTooShort': 'Passwort muss mindestens 8 Zeichen lang sein',
   'settings.passwordMismatch': 'Passwörter stimmen nicht überein',
+  'settings.passwordWeak': 'Passwort muss Groß-, Kleinbuchstaben und eine Zahl enthalten',
   'settings.passwordChanged': 'Passwort erfolgreich geändert',
   'settings.deleteAccount': 'Löschen',
   'settings.deleteAccountTitle': 'Account wirklich löschen?',

client/src/i18n/translations/en.ts

@@ -1,4 +1,4 @@
-const en = {
+const en: Record<string, string> = {
   // Common
   'common.save': 'Save',
   'common.cancel': 'Cancel',
@@ -138,12 +138,14 @@ const en = {
   'settings.oidcLinked': 'Linked with',
   'settings.changePassword': 'Change Password',
   'settings.currentPassword': 'Current password',
+  'settings.currentPasswordRequired': 'Current password is required',
   'settings.newPassword': 'New password',
   'settings.confirmPassword': 'Confirm new password',
   'settings.updatePassword': 'Update password',
   'settings.passwordRequired': 'Please enter current and new password',
   'settings.passwordTooShort': 'Password must be at least 8 characters',
   'settings.passwordMismatch': 'Passwords do not match',
+  'settings.passwordWeak': 'Password must contain uppercase, lowercase, and a number',
   'settings.passwordChanged': 'Password changed successfully',
   'settings.deleteAccount': 'Delete account',
   'settings.deleteAccountTitle': 'Delete your account?',