Keep/keep-notes/context/notebooks-context.tsx
sepehr 7fb486c9a4 feat: Complete internationalization and code cleanup
## Translation Files
- Add 11 new language files (es, de, pt, ru, zh, ja, ko, ar, hi, nl, pl)
- Add 100+ missing translation keys across all 15 languages
- New sections: notebook, pagination, ai.batchOrganization, ai.autoLabels
- Update nav section with workspace, quickAccess, myLibrary keys

## Component Updates
- Update 15+ components to use translation keys instead of hardcoded text
- Components: notebook dialogs, sidebar, header, note-input, ghost-tags, etc.
- Replace 80+ hardcoded English/French strings with t() calls
- Ensure consistent UI across all supported languages

## Code Quality
- Remove 77+ console.log statements from codebase
- Clean up API routes, components, hooks, and services
- Keep only essential error handling (no debugging logs)

## UI/UX Improvements
- Update Keep logo to yellow post-it style (from-yellow-400 to-amber-500)
- Change selection colors to #FEF3C6 (notebooks) and #EFB162 (nav items)
- Make "+" button permanently visible in notebooks section
- Fix grammar and syntax errors in multiple components

## Bug Fixes
- Fix JSON syntax errors in it.json, nl.json, pl.json, zh.json
- Fix syntax errors in notebook-suggestion-toast.tsx
- Fix syntax errors in use-auto-tagging.ts
- Fix syntax errors in paragraph-refactor.service.ts
- Fix duplicate "fusion" section in nl.json

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>

Ou une version plus courte si vous préférez :

feat(i18n): Add 15 languages, remove logs, update UI components

- Create 11 new translation files (es, de, pt, ru, zh, ja, ko, ar, hi, nl, pl)
- Add 100+ translation keys: notebook, pagination, AI features
- Update 15+ components to use translations (80+ strings)
- Remove 77+ console.log statements from codebase
- Fix JSON syntax errors in 4 translation files
- Fix component syntax errors (toast, hooks, services)
- Update logo to yellow post-it style
- Change selection colors (#FEF3C6, #EFB162)

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
2026-01-11 22:26:13 +01:00

277 lines
7.6 KiB
TypeScript

'use client'
import { createContext, useContext, useState, useEffect, useMemo, useCallback } from 'react'
import type { Notebook, Label, Note } from '@/lib/types'
// ===== INPUT TYPES =====
export interface CreateNotebookInput {
name: string
icon?: string
color?: string
}
export interface UpdateNotebookInput {
name?: string
icon?: string
color?: string
}
export interface CreateLabelInput {
name: string
color?: string
notebookId: string
}
export interface UpdateLabelInput {
name?: string
color?: string
}
// ===== CONTEXT VALUE =====
export interface NotebooksContextValue {
// État global
notebooks: Notebook[]
currentNotebook: Notebook | null // null = "Notes générales"
currentLabels: Label[] // Labels du notebook actuel
isLoading: boolean
error: string | null
// Actions: Notebooks
createNotebookOptimistic: (data: CreateNotebookInput) => Promise<Notebook>
updateNotebook: (notebookId: string, data: UpdateNotebookInput) => Promise<void>
deleteNotebook: (notebookId: string) => Promise<void>
updateNotebookOrderOptimistic: (notebookIds: string[]) => Promise<void>
setCurrentNotebook: (notebook: Notebook | null) => void
// Actions: Labels
createLabel: (data: CreateLabelInput) => Promise<Label>
updateLabel: (labelId: string, data: UpdateLabelInput) => Promise<void>
deleteLabel: (labelId: string) => Promise<void>
// Actions: Notes
moveNoteToNotebookOptimistic: (noteId: string, notebookId: string | null) => Promise<void>
// Actions: AI (stubs pour l'instant)
suggestNotebookForNote: (noteContent: string) => Promise<Notebook | null>
suggestLabelsForNote: (noteContent: string, notebookId: string) => Promise<string[]>
}
export const NotebooksContext = createContext<NotebooksContextValue | null>(null)
export function useNotebooks() {
const context = useContext(NotebooksContext)
if (!context) {
throw new Error('useNotebooks must be used within NotebooksProvider')
}
return context
}
interface NotebooksProviderProps {
children: React.ReactNode
initialNotebooks?: Notebook[]
}
export function NotebooksProvider({ children, initialNotebooks = [] }: NotebooksProviderProps) {
// ===== BASE STATE =====
const [notebooks, setNotebooks] = useState<Notebook[]>(initialNotebooks)
const [currentNotebook, setCurrentNotebook] = useState<Notebook | null>(null)
const [isLoading, setIsLoading] = useState(true)
const [error, setError] = useState<string | null>(null)
// ===== DERIVED STATE =====
const currentLabels = useMemo(() => {
if (!currentNotebook) return []
return notebooks.find(nb => nb.id === currentNotebook.id)?.labels ?? []
}, [currentNotebook, notebooks])
// ===== DATA LOADING =====
const loadNotebooks = useCallback(async () => {
setIsLoading(true)
setError(null)
try {
const response = await fetch('/api/notebooks')
if (!response.ok) throw new Error('Failed to load notebooks')
const data = await response.json()
setNotebooks(data.notebooks || [])
} catch (err) {
console.error('Failed to load notebooks:', err)
setError(err instanceof Error ? err.message : 'Unknown error')
} finally {
setIsLoading(false)
}
}, [])
useEffect(() => {
loadNotebooks()
}, [loadNotebooks])
// ===== ACTIONS: NOTEBOOKS =====
const createNotebookOptimistic = useCallback(async (data: CreateNotebookInput) => {
// Server action sera implémenté plus tard
const response = await fetch('/api/notebooks', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify(data),
})
if (!response.ok) {
throw new Error('Failed to create notebook')
}
const result = await response.json()
return result
}, [])
const updateNotebook = useCallback(async (notebookId: string, data: UpdateNotebookInput) => {
const response = await fetch(`/api/notebooks/${notebookId}`, {
method: 'PATCH',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify(data),
})
if (!response.ok) {
throw new Error('Failed to update notebook')
}
// Recharger les notebooks après mise à jour
window.location.reload()
}, [])
const deleteNotebook = useCallback(async (notebookId: string) => {
const response = await fetch(`/api/notebooks/${notebookId}`, {
method: 'DELETE',
})
if (!response.ok) {
throw new Error('Failed to delete notebook')
}
// Recharger les notebooks après suppression
window.location.reload()
}, [])
const updateNotebookOrderOptimistic = useCallback(async (notebookIds: string[]) => {
const response = await fetch('/api/notebooks/reorder', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({ notebookIds }),
})
if (!response.ok) {
throw new Error('Failed to update notebook order')
}
// Recharger les notebooks après mise à jour
window.location.reload()
}, [])
// ===== ACTIONS: LABELS =====
const createLabel = useCallback(async (data: CreateLabelInput) => {
const response = await fetch('/api/labels', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify(data),
})
if (!response.ok) {
throw new Error('Failed to create label')
}
const result = await response.json()
return result
}, [])
const updateLabel = useCallback(async (labelId: string, data: UpdateLabelInput) => {
const response = await fetch(`/api/labels/${labelId}`, {
method: 'PATCH',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify(data),
})
if (!response.ok) {
throw new Error('Failed to update label')
}
}, [])
const deleteLabel = useCallback(async (labelId: string) => {
const response = await fetch(`/api/labels/${labelId}`, {
method: 'DELETE',
})
if (!response.ok) {
throw new Error('Failed to delete label')
}
}, [])
// ===== ACTIONS: NOTES =====
const moveNoteToNotebookOptimistic = useCallback(async (noteId: string, notebookId: string | null) => {
const response = await fetch(`/api/notes/${noteId}/move`, {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({ notebookId }),
})
if (!response.ok) {
throw new Error('Failed to move note')
}
// Reload notebooks to update note counts
await loadNotebooks()
}, [loadNotebooks])
// ===== ACTIONS: AI (STUBS) =====
const suggestNotebookForNote = useCallback(async (_noteContent: string) => {
// Stub pour l'instant - retourne null
return null
}, [])
const suggestLabelsForNote = useCallback(async (_noteContent: string, _notebookId: string) => {
// Stub pour l'instant - retourne tableau vide
return []
}, [])
// ===== CONTEXT VALUE =====
const value: NotebooksContextValue = useMemo(() => ({
notebooks,
currentNotebook,
currentLabels,
isLoading,
error,
createNotebookOptimistic,
updateNotebook,
deleteNotebook,
updateNotebookOrderOptimistic,
setCurrentNotebook,
createLabel,
updateLabel,
deleteLabel,
moveNoteToNotebookOptimistic,
suggestNotebookForNote,
suggestLabelsForNote,
}), [
notebooks,
currentNotebook,
currentLabels,
isLoading,
error,
createNotebookOptimistic,
updateNotebook,
deleteNotebook,
updateNotebookOrderOptimistic,
createLabel,
updateLabel,
deleteLabel,
moveNoteToNotebookOptimistic,
suggestNotebookForNote,
suggestLabelsForNote,
])
return (
<NotebooksContext.Provider value={value}>
{children}
</NotebooksContext.Provider>
)
}