sepehr
f0b41572bc
Tests Playwright validés ✅:
- Création de notes: OK
- Modification titre: OK
- Modification contenu: OK
- Markdown éditable avec preview: OK
Fonctionnalités:
- date-fns: dates relatives sur cards
- react-markdown + remark-gfm
- Markdown avec toggle edit/preview
- Recherche améliorée (titre/contenu/labels/checkItems)
- Reminder recurrence/location (schema)
- NextAuth.js + User/Account/Session
- userId dans Note (optionnel)
- 4 migrations créées
Ready for production + auth integration
81 lines
2.6 KiB
TypeScript
81 lines
2.6 KiB
TypeScript
export interface CheckItem {
|
|
id: string;
|
|
text: string;
|
|
checked: boolean;
|
|
}
|
|
|
|
export interface Note {
|
|
id: string;
|
|
title: string | null;
|
|
content: string;
|
|
color: string;
|
|
isPinned: boolean;
|
|
isArchived: boolean;
|
|
type: 'text' | 'checklist';
|
|
checkItems: CheckItem[] | null;
|
|
labels: string[] | null;
|
|
images: string[] | null;
|
|
reminder: Date | null;
|
|
reminderRecurrence: string | null;
|
|
reminderLocation: string | null;
|
|
isMarkdown: boolean;
|
|
order: number;
|
|
createdAt: Date;
|
|
updatedAt: Date;
|
|
}
|
|
|
|
export const NOTE_COLORS = {
|
|
default: {
|
|
bg: 'bg-white dark:bg-zinc-900',
|
|
hover: 'hover:bg-gray-50 dark:hover:bg-zinc-800',
|
|
card: 'bg-white dark:bg-zinc-900 border-gray-200 dark:border-zinc-700'
|
|
},
|
|
red: {
|
|
bg: 'bg-red-50 dark:bg-red-950/30',
|
|
hover: 'hover:bg-red-100 dark:hover:bg-red-950/50',
|
|
card: 'bg-red-50 dark:bg-red-950/30 border-red-100 dark:border-red-900/50'
|
|
},
|
|
orange: {
|
|
bg: 'bg-orange-50 dark:bg-orange-950/30',
|
|
hover: 'hover:bg-orange-100 dark:hover:bg-orange-950/50',
|
|
card: 'bg-orange-50 dark:bg-orange-950/30 border-orange-100 dark:border-orange-900/50'
|
|
},
|
|
yellow: {
|
|
bg: 'bg-yellow-50 dark:bg-yellow-950/30',
|
|
hover: 'hover:bg-yellow-100 dark:hover:bg-yellow-950/50',
|
|
card: 'bg-yellow-50 dark:bg-yellow-950/30 border-yellow-100 dark:border-yellow-900/50'
|
|
},
|
|
green: {
|
|
bg: 'bg-green-50 dark:bg-green-950/30',
|
|
hover: 'hover:bg-green-100 dark:hover:bg-green-950/50',
|
|
card: 'bg-green-50 dark:bg-green-950/30 border-green-100 dark:border-green-900/50'
|
|
},
|
|
teal: {
|
|
bg: 'bg-teal-50 dark:bg-teal-950/30',
|
|
hover: 'hover:bg-teal-100 dark:hover:bg-teal-950/50',
|
|
card: 'bg-teal-50 dark:bg-teal-950/30 border-teal-100 dark:border-teal-900/50'
|
|
},
|
|
blue: {
|
|
bg: 'bg-blue-50 dark:bg-blue-950/30',
|
|
hover: 'hover:bg-blue-100 dark:hover:bg-blue-950/50',
|
|
card: 'bg-blue-50 dark:bg-blue-950/30 border-blue-100 dark:border-blue-900/50'
|
|
},
|
|
purple: {
|
|
bg: 'bg-purple-50 dark:bg-purple-950/30',
|
|
hover: 'hover:bg-purple-100 dark:hover:bg-purple-950/50',
|
|
card: 'bg-purple-50 dark:bg-purple-950/30 border-purple-100 dark:border-purple-900/50'
|
|
},
|
|
pink: {
|
|
bg: 'bg-pink-50 dark:bg-pink-950/30',
|
|
hover: 'hover:bg-pink-100 dark:hover:bg-pink-950/50',
|
|
card: 'bg-pink-50 dark:bg-pink-950/30 border-pink-100 dark:border-pink-900/50'
|
|
},
|
|
gray: {
|
|
bg: 'bg-gray-100 dark:bg-gray-800/50',
|
|
hover: 'hover:bg-gray-200 dark:hover:bg-gray-700/50',
|
|
card: 'bg-gray-100 dark:bg-gray-800/50 border-gray-200 dark:border-gray-700'
|
|
},
|
|
} as const;
|
|
|
|
export type NoteColor = keyof typeof NOTE_COLORS;
|