feat: rename keep-notes to memento-note, migrate to PostgreSQL, fix MCP bugs
- Rename directory keep-notes -> memento-note with all code references - Prisma: SQLite -> PostgreSQL (both app and MCP server schemas) - Sync MCP schema with main app (add missing fields, relations, indexes) - Delete 17 SQLite migrations (clean slate for PostgreSQL) - Remove SQLite dependencies (@libsql/client, better-sqlite3, etc.) - Fix MCP server: hardcoded Windows DB paths -> DATABASE_URL env var - Fix MCP server: .dockerignore excluded index-sse.js (SSE mode broken) - MCP Dockerfile: node:20 -> node:22 - Docker Compose: add postgres service, remove SQLite volume - Generate favicon.ico, icon-192.png, icon-512.png, apple-icon.png - Update layout.tsx icons and manifest.json for PNG icons - Update all .env files for PostgreSQL - Rewrite README.md with updated sections - Remove mcp-server/node_modules and prisma/client-generated from git tracking Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
90
memento-note/lib/i18n/LanguageProvider.tsx
Normal file
90
memento-note/lib/i18n/LanguageProvider.tsx
Normal file
@@ -0,0 +1,90 @@
|
||||
'use client'
|
||||
|
||||
import { createContext, useContext, useEffect, useState } from 'react'
|
||||
import type { ReactNode } from 'react'
|
||||
import { SupportedLanguage, loadTranslations, getTranslationValue, Translations } from './load-translations'
|
||||
|
||||
type LanguageContextType = {
|
||||
language: SupportedLanguage
|
||||
setLanguage: (lang: SupportedLanguage) => void
|
||||
t: (key: string, params?: Record<string, string | number>) => string
|
||||
translations: Translations
|
||||
}
|
||||
|
||||
const LanguageContext = createContext<LanguageContextType | undefined>(undefined)
|
||||
|
||||
export function LanguageProvider({ children, initialLanguage = 'en' }: {
|
||||
children: ReactNode
|
||||
initialLanguage?: SupportedLanguage
|
||||
}) {
|
||||
const [language, setLanguageState] = useState<SupportedLanguage>(initialLanguage)
|
||||
const [translations, setTranslations] = useState<Translations | null>(null)
|
||||
|
||||
// Load translations when language changes
|
||||
useEffect(() => {
|
||||
const loadLang = async () => {
|
||||
const loaded = await loadTranslations(language)
|
||||
setTranslations(loaded)
|
||||
}
|
||||
loadLang()
|
||||
}, [language])
|
||||
|
||||
// Load saved language from localStorage on mount
|
||||
useEffect(() => {
|
||||
const saved = localStorage.getItem('user-language') as SupportedLanguage
|
||||
if (saved) {
|
||||
setLanguageState(saved)
|
||||
document.documentElement.lang = saved
|
||||
} else {
|
||||
// Auto-detect from browser language
|
||||
const browserLang = navigator.language.split('-')[0] as SupportedLanguage
|
||||
const supportedLangs: SupportedLanguage[] = ['en', 'fr', 'es', 'de', 'fa', 'it', 'pt', 'ru', 'zh', 'ja', 'ko', 'ar', 'hi', 'nl', 'pl']
|
||||
|
||||
if (supportedLangs.includes(browserLang)) {
|
||||
setLanguageState(browserLang)
|
||||
localStorage.setItem('user-language', browserLang)
|
||||
document.documentElement.lang = browserLang
|
||||
}
|
||||
}
|
||||
}, [])
|
||||
|
||||
const setLanguage = (lang: SupportedLanguage) => {
|
||||
setLanguageState(lang)
|
||||
localStorage.setItem('user-language', lang)
|
||||
// Update HTML lang attribute for font styling
|
||||
document.documentElement.lang = lang
|
||||
}
|
||||
|
||||
const t = (key: string, params?: Record<string, string | number>) => {
|
||||
if (!translations) return key
|
||||
|
||||
let value: any = getTranslationValue(translations, key)
|
||||
|
||||
// Replace parameters like {count}, {percentage}, etc.
|
||||
if (params) {
|
||||
Object.entries(params).forEach(([param, paramValue]) => {
|
||||
value = value.replace(`{${param}}`, String(paramValue))
|
||||
})
|
||||
}
|
||||
|
||||
return value
|
||||
}
|
||||
|
||||
if (!translations) {
|
||||
return null // Show loading state if needed
|
||||
}
|
||||
|
||||
return (
|
||||
<LanguageContext.Provider value={{ language, setLanguage, t, translations }}>
|
||||
{children}
|
||||
</LanguageContext.Provider>
|
||||
)
|
||||
}
|
||||
|
||||
export function useLanguage() {
|
||||
const context = useContext(LanguageContext)
|
||||
if (context === undefined) {
|
||||
throw new Error('useLanguage must be used within a LanguageProvider')
|
||||
}
|
||||
return context
|
||||
}
|
||||
Reference in New Issue
Block a user