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>
This commit is contained in:
@@ -16,7 +16,9 @@ export interface Label {
|
||||
interface LabelContextType {
|
||||
labels: Label[]
|
||||
loading: boolean
|
||||
addLabel: (name: string, color?: LabelColorName) => Promise<void>
|
||||
notebookId?: string | null
|
||||
setNotebookId: (notebookId: string | null) => void
|
||||
addLabel: (name: string, color?: LabelColorName, notebookId?: string | null) => Promise<void>
|
||||
updateLabel: (id: string, updates: Partial<Pick<Label, 'name' | 'color'>>) => Promise<void>
|
||||
deleteLabel: (id: string) => Promise<void>
|
||||
getLabelColor: (name: string) => LabelColorName
|
||||
@@ -28,11 +30,18 @@ const LabelContext = createContext<LabelContextType | undefined>(undefined)
|
||||
export function LabelProvider({ children }: { children: ReactNode }) {
|
||||
const [labels, setLabels] = useState<Label[]>([])
|
||||
const [loading, setLoading] = useState(true)
|
||||
const [notebookId, setNotebookId] = useState<string | null>(null)
|
||||
|
||||
const fetchLabels = async () => {
|
||||
try {
|
||||
setLoading(true)
|
||||
const response = await fetch('/api/labels', {
|
||||
// Build URL with notebookId filter
|
||||
const url = new URL('/api/labels', window.location.origin)
|
||||
if (notebookId) {
|
||||
url.searchParams.set('notebookId', notebookId)
|
||||
}
|
||||
|
||||
const response = await fetch(url.toString(), {
|
||||
cache: 'no-store',
|
||||
credentials: 'include'
|
||||
})
|
||||
@@ -47,18 +56,20 @@ export function LabelProvider({ children }: { children: ReactNode }) {
|
||||
}
|
||||
}
|
||||
|
||||
// Re-fetch labels when notebookId changes
|
||||
useEffect(() => {
|
||||
fetchLabels()
|
||||
}, [])
|
||||
}, [notebookId])
|
||||
|
||||
const addLabel = async (name: string, color?: LabelColorName) => {
|
||||
const addLabel = async (name: string, color?: LabelColorName, labelNotebookId?: string | null) => {
|
||||
try {
|
||||
const labelColor = color || getHashColor(name);
|
||||
const finalNotebookId = labelNotebookId || notebookId
|
||||
|
||||
const response = await fetch('/api/labels', {
|
||||
method: 'POST',
|
||||
headers: { 'Content-Type': 'application/json' },
|
||||
body: JSON.stringify({ name, color: labelColor }),
|
||||
body: JSON.stringify({ name, color: labelColor, notebookId: finalNotebookId }),
|
||||
})
|
||||
const data = await response.json()
|
||||
if (data.success && data.data) {
|
||||
@@ -115,6 +126,8 @@ export function LabelProvider({ children }: { children: ReactNode }) {
|
||||
const value: LabelContextType = {
|
||||
labels,
|
||||
loading,
|
||||
notebookId,
|
||||
setNotebookId,
|
||||
addLabel,
|
||||
updateLabel,
|
||||
deleteLabel,
|
||||
|
||||
@@ -13,7 +13,6 @@ export function NoteRefreshProvider({ children }: { children: React.ReactNode })
|
||||
const [refreshKey, setRefreshKey] = useState(0)
|
||||
|
||||
const triggerRefresh = useCallback(() => {
|
||||
console.log('[NOTE_REFRESH] Triggering refresh, key:', refreshKey, '->', refreshKey + 1)
|
||||
setRefreshKey(prev => prev + 1)
|
||||
}, [refreshKey])
|
||||
|
||||
|
||||
64
keep-notes/context/notebook-drag-context.tsx
Normal file
64
keep-notes/context/notebook-drag-context.tsx
Normal file
@@ -0,0 +1,64 @@
|
||||
'use client'
|
||||
|
||||
import { createContext, useContext, useState, useCallback, ReactNode } from 'react'
|
||||
|
||||
interface NotebookDragContextValue {
|
||||
draggedNoteId: string | null
|
||||
dragOverNotebookId: string | null
|
||||
startDrag: (noteId: string) => void
|
||||
endDrag: () => void
|
||||
dragOver: (notebookId: string | null) => void
|
||||
isDragging: boolean
|
||||
isDragOver: boolean
|
||||
}
|
||||
|
||||
const NotebookDragContext = createContext<NotebookDragContextValue | null>(null)
|
||||
|
||||
export function useNotebookDrag() {
|
||||
const context = useContext(NotebookDragContext)
|
||||
if (!context) {
|
||||
throw new Error('useNotebookDrag must be used within NotebookDragProvider')
|
||||
}
|
||||
return context
|
||||
}
|
||||
|
||||
interface NotebookDragProviderProps {
|
||||
children: ReactNode
|
||||
}
|
||||
|
||||
export function NotebookDragProvider({ children }: NotebookDragProviderProps) {
|
||||
const [draggedNoteId, setDraggedNoteId] = useState<string | null>(null)
|
||||
const [dragOverNotebookId, setDragOverNotebookId] = useState<string | null>(null)
|
||||
|
||||
const startDrag = useCallback((noteId: string) => {
|
||||
setDraggedNoteId(noteId)
|
||||
}, [])
|
||||
|
||||
const endDrag = useCallback(() => {
|
||||
setDraggedNoteId(null)
|
||||
setDragOverNotebookId(null)
|
||||
}, [])
|
||||
|
||||
const dragOver = useCallback((notebookId: string | null) => {
|
||||
setDragOverNotebookId(notebookId)
|
||||
}, [])
|
||||
|
||||
const isDragging = draggedNoteId !== null
|
||||
const isDragOver = dragOverNotebookId !== null
|
||||
|
||||
return (
|
||||
<NotebookDragContext.Provider
|
||||
value={{
|
||||
draggedNoteId,
|
||||
dragOverNotebookId,
|
||||
startDrag,
|
||||
endDrag,
|
||||
dragOver,
|
||||
isDragging,
|
||||
isDragOver,
|
||||
}}
|
||||
>
|
||||
{children}
|
||||
</NotebookDragContext.Provider>
|
||||
)
|
||||
}
|
||||
276
keep-notes/context/notebooks-context.tsx
Normal file
276
keep-notes/context/notebooks-context.tsx
Normal file
@@ -0,0 +1,276 @@
|
||||
'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>
|
||||
)
|
||||
}
|
||||
Reference in New Issue
Block a user