Add BMAD framework, authentication, and new features

keep-notes/lib/prisma.ts

@@ -1,7 +1,13 @@
 import { PrismaClient } from '@prisma/client'
 
 const prismaClientSingleton = () => {
-  return new PrismaClient()
+  return new PrismaClient({
+    datasources: {
+      db: {
+        url: process.env.DATABASE_URL || "file:D:/dev_new_pc/Keep/keep-notes/prisma/dev.db",
+      },
+    },
+  })
 }
 
 declare const globalThis: {

keep-notes/lib/types.ts

@@ -13,6 +13,14 @@ export interface Label {
   updatedAt: Date;
 }
 
+export interface LinkMetadata {
+  url: string;
+  title?: string;
+  description?: string;
+  imageUrl?: string;
+  siteName?: string;
+}
+
 export interface Note {
   id: string;
   title: string | null;
@@ -24,6 +32,7 @@ export interface Note {
   checkItems: CheckItem[] | null;
   labels: string[] | null;
   images: string[] | null;
+  links: LinkMetadata[] | null;
   reminder: Date | null;
   reminderRecurrence: string | null;
   reminderLocation: string | null;
@@ -39,16 +48,61 @@ export interface LabelWithColor {
 }
 
 export const LABEL_COLORS = {
-  gray: { bg: 'bg-gray-100 dark:bg-gray-800', text: 'text-gray-700 dark:text-gray-300', border: 'border-gray-300 dark:border-gray-600' },
-  red: { bg: 'bg-red-100 dark:bg-red-900/30', text: 'text-red-700 dark:text-red-300', border: 'border-red-300 dark:border-red-600' },
-  orange: { bg: 'bg-orange-100 dark:bg-orange-900/30', text: 'text-orange-700 dark:text-orange-300', border: 'border-orange-300 dark:border-orange-600' },
-  yellow: { bg: 'bg-yellow-100 dark:bg-yellow-900/30', text: 'text-yellow-700 dark:text-yellow-300', border: 'border-yellow-300 dark:border-yellow-600' },
-  green: { bg: 'bg-green-100 dark:bg-green-900/30', text: 'text-green-700 dark:text-green-300', border: 'border-green-300 dark:border-green-600' },
-  teal: { bg: 'bg-teal-100 dark:bg-teal-900/30', text: 'text-teal-700 dark:text-teal-300', border: 'border-teal-300 dark:border-teal-600' },
-  blue: { bg: 'bg-blue-100 dark:bg-blue-900/30', text: 'text-blue-700 dark:text-blue-300', border: 'border-blue-300 dark:border-blue-600' },
-  purple: { bg: 'bg-purple-100 dark:bg-purple-900/30', text: 'text-purple-700 dark:text-purple-300', border: 'border-purple-300 dark:border-purple-600' },
-  pink: { bg: 'bg-pink-100 dark:bg-pink-900/30', text: 'text-pink-700 dark:text-pink-300', border: 'border-pink-300 dark:border-pink-600' },
-}
+  gray: { 
+    bg: 'bg-zinc-100 dark:bg-zinc-800', 
+    text: 'text-zinc-700 dark:text-zinc-300', 
+    border: 'border-zinc-200 dark:border-zinc-700',
+    icon: 'text-zinc-500 dark:text-zinc-400'
+  },
+  red: { 
+    bg: 'bg-rose-100 dark:bg-rose-900/40', 
+    text: 'text-rose-700 dark:text-rose-300', 
+    border: 'border-rose-200 dark:border-rose-800',
+    icon: 'text-rose-500 dark:text-rose-400'
+  },
+  orange: { 
+    bg: 'bg-orange-100 dark:bg-orange-900/40', 
+    text: 'text-orange-700 dark:text-orange-300', 
+    border: 'border-orange-200 dark:border-orange-800',
+    icon: 'text-orange-500 dark:text-orange-400'
+  },
+  yellow: { 
+    bg: 'bg-amber-100 dark:bg-amber-900/40', 
+    text: 'text-amber-700 dark:text-amber-300', 
+    border: 'border-amber-200 dark:border-amber-800',
+    icon: 'text-amber-500 dark:text-amber-400'
+  },
+  green: { 
+    bg: 'bg-emerald-100 dark:bg-emerald-900/40', 
+    text: 'text-emerald-700 dark:text-emerald-300', 
+    border: 'border-emerald-200 dark:border-emerald-800',
+    icon: 'text-emerald-500 dark:text-emerald-400'
+  },
+  teal: { 
+    bg: 'bg-teal-100 dark:bg-teal-900/40', 
+    text: 'text-teal-700 dark:text-teal-300', 
+    border: 'border-teal-200 dark:border-teal-800',
+    icon: 'text-teal-500 dark:text-teal-400'
+  },
+  blue: { 
+    bg: 'bg-sky-100 dark:bg-sky-900/40', 
+    text: 'text-sky-700 dark:text-sky-300', 
+    border: 'border-sky-200 dark:border-sky-800',
+    icon: 'text-sky-500 dark:text-sky-400'
+  },
+  purple: { 
+    bg: 'bg-violet-100 dark:bg-violet-900/40', 
+    text: 'text-violet-700 dark:text-violet-300', 
+    border: 'border-violet-200 dark:border-violet-800',
+    icon: 'text-violet-500 dark:text-violet-400'
+  },
+  pink: { 
+    bg: 'bg-fuchsia-100 dark:bg-fuchsia-900/40', 
+    text: 'text-fuchsia-700 dark:text-fuchsia-300', 
+    border: 'border-fuchsia-200 dark:border-fuchsia-800',
+    icon: 'text-fuchsia-500 dark:text-fuchsia-400'
+  },
+} as const;
 
 export type LabelColorName = keyof typeof LABEL_COLORS