Files
breakpilot-lehrer/studio-v2/lib/NativeLanguageContext.tsx
Benjamin Admin 0018076ed5
Some checks failed
CI / go-lint (push) Has been skipped
CI / python-lint (push) Has been skipped
CI / nodejs-lint (push) Has been skipped
CI / test-go-school (push) Successful in 41s
CI / test-go-edu-search (push) Successful in 30s
CI / test-python-klausur (push) Failing after 2m29s
CI / test-python-agent-core (push) Successful in 19s
CI / test-nodejs-website (push) Successful in 26s
Unify language system: one setting for all modules
- Merge two separate language systems (bp_language + bp_native_language) into one
- NativeLanguageContext now reads from LanguageContext (same localStorage key)
- Extend i18n.ts to 26 languages with flags (UI falls back to EN/DE)
- Replace LanguageSwitcher with LanguageDropdown (flags) in learn + parent layouts
- Migration: old bp_native_language value auto-migrates to bp_language
- Onboarding page writes to bp_language (unified key)

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-04-29 16:54:27 +02:00

66 lines
2.0 KiB
TypeScript

'use client'
import React, { createContext, useContext, useCallback } from 'react'
import { exerciseT, type ExerciseKey } from './exerciseTranslations'
import { useLanguage } from './LanguageContext'
/**
* NativeLanguageContext — unified with LanguageContext.
*
* Reads/writes the SAME language as the central LanguageContext (bp_language).
* No separate localStorage key — one language setting for the entire app.
*/
interface NativeLanguageState {
nativeLang: string
setNativeLang: (lang: string) => void
isThirdLanguage: boolean
t: (key: ExerciseKey) => string
wordInNative: (translations?: Record<string, any>) => string
}
const NativeLanguageContext = createContext<NativeLanguageState>({
nativeLang: 'de',
setNativeLang: () => {},
isThirdLanguage: false,
t: (key) => key,
wordInNative: () => '',
})
export function NativeLanguageProvider({ children }: { children: React.ReactNode }) {
const { language, setLanguage } = useLanguage()
// Sync: nativeLang = the central language setting
const nativeLang = language
const setNativeLang = useCallback((lang: string) => {
setLanguage(lang)
}, [setLanguage])
const isThirdLanguage = nativeLang !== 'de' && nativeLang !== 'en'
const t = useCallback((key: ExerciseKey): string => {
const entry = exerciseT[key]
if (!entry) return key
const e = entry as Record<string, string>
return e[nativeLang] || e['en'] || e['de'] || key
}, [nativeLang])
const wordInNative = useCallback((translations?: Record<string, any>): string => {
if (!translations || !isThirdLanguage) return ''
const entry = translations[nativeLang]
if (!entry) return ''
return typeof entry === 'string' ? entry : entry.text || ''
}, [nativeLang, isThirdLanguage])
return (
<NativeLanguageContext.Provider value={{ nativeLang, setNativeLang, isThirdLanguage, t, wordInNative }}>
{children}
</NativeLanguageContext.Provider>
)
}
export function useNativeLanguage() {
return useContext(NativeLanguageContext)
}