check in

.env.example

@@ -0,0 +1,20 @@
+# You must first activate a Billing Account here: https://platform.openai.com/account/billing/overview
+# Then get your OpenAI API Key here: https://platform.openai.com/account/api-keys
+OPENAI_API_KEY=XXXXXXXX
+
+# Generate a random secret: https://generate-secret.vercel.app/32 or `openssl rand -base64 32`
+AUTH_SECRET=XXXXXXXX
+# Create a GitHub OAuth app here: https://github.com/settings/applications/new
+# For info on authorization callback URL visit here: https://authjs.dev/reference/core/providers_github#callback-url
+AUTH_GITHUB_ID=XXXXXXXX
+AUTH_GITHUB_SECRET=XXXXXXXX
+# Support OAuth login on preview deployments, see: https://authjs.dev/guides/basics/deployment#securing-a-preview-deployment
+# Set the following only when deployed. In this example, we can reuse the same OAuth app, but if you are storing users, we recommend using a different OAuth app for development/production so that you don't mix your test and production user base.
+# AUTH_REDIRECT_PROXY_URL=https://YOURAPP.vercel.app/api/auth
+
+# Instructions to create kv database here: https://vercel.com/docs/storage/vercel-kv/quickstart and
+KV_URL=XXXXXXXX
+KV_REST_API_URL=XXXXXXXX
+KV_REST_API_TOKEN=XXXXXXXX
+KV_REST_API_READ_ONLY_TOKEN=XXXXXXXX
+

.eslintrc.json

@@ -0,0 +1,26 @@
+{
+  "$schema": "https://json.schemastore.org/eslintrc",
+  "root": true,
+  "extends": [
+    "next/core-web-vitals",
+    "prettier",
+    "plugin:tailwindcss/recommended"
+  ],
+  "plugins": ["tailwindcss"],
+  "rules": {
+    "tailwindcss/no-custom-classname": "off",
+    "tailwindcss/classnames-order": "off"
+  },
+  "settings": {
+    "tailwindcss": {
+      "callees": ["cn", "cva"],
+      "config": "tailwind.config.js"
+    }
+  },
+  "overrides": [
+    {
+      "files": ["*.ts", "*.tsx"],
+      "parser": "@typescript-eslint/parser"
+    }
+  ]
+}

.gitignore

@@ -0,0 +1,38 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+node_modules
+.pnp
+.pnp.js
+
+# testing
+coverage
+
+# next.js
+.next/
+out/
+build
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+.pnpm-debug.log*
+
+# local env files
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+# turbo
+.turbo
+
+.env
+.vercel
+.vscode
+.env*.local

app/(chat)/chat/[id]/page.tsx

@@ -0,0 +1,47 @@
+import { type Metadata } from 'next'
+import { notFound, redirect } from 'next/navigation'
+
+import { auth } from '@/auth'
+import { getChat } from '@/app/actions'
+import { Chat } from '@/components/chat'
+
+export interface ChatPageProps {
+  params: {
+    id: string
+  }
+}
+
+export async function generateMetadata({
+  params
+}: ChatPageProps): Promise<Metadata> {
+  const session = await auth()
+
+  if (!session?.user) {
+    return {}
+  }
+
+  const chat = await getChat(params.id, session.user.id)
+  return {
+    title: chat?.title.toString().slice(0, 50) ?? 'Chat'
+  }
+}
+
+export default async function ChatPage({ params }: ChatPageProps) {
+  const session = await auth()
+
+  if (!session?.user) {
+    redirect(`/sign-in?next=/chat/${params.id}`)
+  }
+
+  const chat = await getChat(params.id, session.user.id)
+
+  if (!chat) {
+    notFound()
+  }
+
+  if (chat?.userId !== session?.user?.id) {
+    notFound()
+  }
+
+  return <Chat id={chat.id} initialMessages={chat.messages} />
+}

app/(chat)/layout.tsx

@@ -0,0 +1,16 @@
+import { SidebarDesktop } from '@/components/sidebar-desktop'
+
+interface ChatLayoutProps {
+  children: React.ReactNode
+}
+
+export default async function ChatLayout({ children }: ChatLayoutProps) {
+  return (
+    <div className="relative flex h-[calc(100vh_-_theme(spacing.16))] overflow-hidden">
+      <SidebarDesktop />
+      <div className="group w-full overflow-auto pl-0 animate-in duration-300 ease-in-out peer-[[data-state=open]]:lg:pl-[250px] peer-[[data-state=open]]:xl:pl-[300px]">
+        {children}
+      </div>
+    </div>
+  )
+}

app/(chat)/page.tsx

@@ -0,0 +1,8 @@
+import { nanoid } from '@/lib/utils'
+import { Chat } from '@/components/chat'
+
+export default function IndexPage() {
+  const id = nanoid()
+
+  return <Chat id={id} />
+}

app/api/auth/[...nextauth]/route.ts

@@ -0,0 +1,2 @@
+export { GET, POST } from '@/auth'
+export const runtime = 'edge'

app/globals.css

@@ -0,0 +1,78 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+@layer base {
+  :root {
+    --background: 0 0% 100%;
+    --foreground: 240 10% 3.9%;
+
+    --muted: 240 4.8% 95.9%;
+    --muted-foreground: 240 3.8% 46.1%;
+
+    --popover: 0 0% 100%;
+    --popover-foreground: 240 10% 3.9%;
+
+    --card: 0 0% 100%;
+    --card-foreground: 240 10% 3.9%;
+
+    --border: 240 5.9% 90%;
+    --input: 240 5.9% 90%;
+
+    --primary: 240 5.9% 10%;
+    --primary-foreground: 0 0% 98%;
+
+    --secondary: 240 4.8% 95.9%;
+    --secondary-foreground: 240 5.9% 10%;
+
+    --accent: 240 4.8% 95.9%;
+    --accent-foreground: ;
+
+    --destructive: 0 84.2% 60.2%;
+    --destructive-foreground: 0 0% 98%;
+
+    --ring: 240 5% 64.9%;
+
+    --radius: 0.5rem;
+  }
+
+  .dark {
+    --background: 240 10% 3.9%;
+    --foreground: 0 0% 98%;
+
+    --muted: 240 3.7% 15.9%;
+    --muted-foreground: 240 5% 64.9%;
+
+    --popover: 240 10% 3.9%;
+    --popover-foreground: 0 0% 98%;
+
+    --card: 240 10% 3.9%;
+    --card-foreground: 0 0% 98%;
+
+    --border: 240 3.7% 15.9%;
+    --input: 240 3.7% 15.9%;
+
+    --primary: 0 0% 98%;
+    --primary-foreground: 240 5.9% 10%;
+
+    --secondary: 240 3.7% 15.9%;
+    --secondary-foreground: 0 0% 98%;
+
+    --accent: 240 3.7% 15.9%;
+    --accent-foreground: ;
+
+    --destructive: 0 62.8% 30.6%;
+    --destructive-foreground: 0 85.7% 97.3%;
+
+    --ring: 240 3.7% 15.9%;
+  }
+}
+
+@layer base {
+  * {
+    @apply border-border;
+  }
+  body {
+    @apply bg-background text-foreground;
+  }
+}

app/share/[id]/page.tsx

@@ -0,0 +1,48 @@
+// import { type Metadata } from 'next'
+// import { notFound } from 'next/navigation'
+
+// import { formatDate } from '@/lib/utils'
+// import { getSharedChat } from '@/app/actions'
+// import { ChatList } from '@/components/chat-list'
+
+// interface SharePageProps {
+//   params: {
+//     id: string
+//   }
+// }
+
+// export async function generateMetadata({
+//   params
+// }: SharePageProps): Promise<Metadata> {
+//   const chat = await getSharedChat(params.id)
+
+//   return {
+//     title: chat?.title.slice(0, 50) ?? 'Chat'
+//   }
+// }
+
+// export default async function SharePage({ params }: SharePageProps) {
+//   const chat = await getSharedChat(params.id)
+
+//   if (!chat || !chat?.sharePath) {
+//     notFound()
+//   }
+
+//   return (
+//     <>
+//       <div className="flex-1 space-y-6">
+//         <div className="px-4 py-6 border-b bg-background md:px-6 md:py-8">
+//           <div className="max-w-2xl mx-auto md:px-6">
+//             <div className="space-y-1 md:-mx-8">
+//               <h1 className="text-2xl font-bold">{chat.title}</h1>
+//               <div className="text-sm text-muted-foreground">
+//                 {formatDate(chat.createdAt)} · {chat.messages.length} messages
+//               </div>
+//             </div>
+//           </div>
+//         </div>
+//         <ChatList messages={chat.messages} />
+//       </div>
+//     </>
+//   )
+// }

app/sign-in/page.tsx

@@ -0,0 +1,17 @@
+import { auth } from '@/auth'
+import { LoginButton } from '@/components/login-button'
+import { redirect } from 'next/navigation'
+
+export default async function SignInPage() {
+  const session = await auth()
+  // redirect to home if user is already logged in
+  if (session?.user) {
+    redirect('/')
+  }
+
+  return (
+    <div className="flex h-[calc(100vh-theme(spacing.16))] items-center justify-center py-10">
+      <LoginButton />
+    </div>
+  )
+}