chore: split from supabase/supabase monorepo into own repo

Author: gregnr

.eslintrc.json

@@ -0,0 +1,3 @@
+{
+  "extends": "next/core-web-vitals"
+}

.gitignore

@@ -0,0 +1,36 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+.yarn/install-state.gz
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# local env files
+.env*.local
+
+# vercel
+.vercel
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts

README.md

@@ -0,0 +1,36 @@
+This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
+
+## Getting Started
+
+First, run the development server:
+
+```bash
+npm run dev
+# or
+yarn dev
+# or
+pnpm dev
+# or
+bun dev
+```
+
+Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
+
+You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
+
+This project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font.
+
+## Learn More
+
+To learn more about Next.js, take a look at the following resources:
+
+- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
+- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
+
+You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!
+
+## Deploy on Vercel
+
+The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
+
+Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.

app/api/chat/route.ts

@@ -0,0 +1,64 @@
+import { openai } from '@ai-sdk/openai'
+import { ToolInvocation, convertToCoreMessages, streamText } from 'ai'
+import { codeBlock } from 'common-tags'
+import { convertToCoreTools, tools } from '~/lib/tools'
+
+// Allow streaming responses up to 30 seconds
+export const maxDuration = 30
+
+type Message = {
+  role: 'user' | 'assistant'
+  content: string
+  toolInvocations?: (ToolInvocation & { result: any })[]
+}
+
+export async function POST(req: Request) {
+  const { messages }: { messages: Message[] } = await req.json()
+
+  const result = await streamText({
+    system: codeBlock`
+      You are a helpful database assistant. Under the hood you have access to an in-browser Postgres database called PGlite (https://github.com/electric-sql/pglite).
+      Some special notes about this database:
+      - foreign data wrappers are not supported
+      - the following extensions are available:
+        - plpgsql [pre-enabled]
+        - vector (https://github.com/pgvector/pgvector) [pre-enabled]
+          - use <=> for cosine distance (default to this)
+          - use <#> for negative inner product
+          - use <-> for L2 distance
+          - use <+> for L1 distance
+          - note queried vectors will be truncated/redacted due to their size - export as CSV if the full vector is required
+
+      When generating tables, do the following:
+      - For primary keys, always use "id bigint primary key generated always as identity" (not serial)
+      - Prefer 'text' over 'varchar'
+      - Keep explanations brief but helpful
+
+      When creating sample data:
+      - Make the data realistic, including joined data
+      - Check for existing records/conflicts in the table
+
+      When querying data, limit to 5 by default.
+      
+      You also know math. All math equations and expressions must be written in KaTex and must be wrapped in double dollar \`$$\`:
+        - Inline: $$\\sqrt{26}$$
+        - Multiline:
+            $$
+            \\sqrt{26}
+            $$
+
+      No images are allowed. Do not try to generate or link images, including base64 data URLs.
+
+      Err on the side of caution. Ask the user to confirm before any mutating operations.
+      
+      If you're just querying schema, data, or showing charts, go ahead and do it without asking.
+
+      Feel free to suggest corrections for suspected typos.
+    `,
+    model: openai('gpt-4o-2024-05-13'),
+    messages: convertToCoreMessages(messages),
+    tools: convertToCoreTools(tools),
+  })
+
+  return result.toAIStreamResponse()
+}

app/d/[id]/page.tsx

@@ -0,0 +1,24 @@
+'use client'
+
+import { useRouter } from 'next/navigation'
+import { useEffect } from 'react'
+import Workspace from '~/components/workspace'
+import { getDb } from '~/lib/db'
+
+export default function Page({ params }: { params: { id: string } }) {
+  const databaseId = params.id
+  const router = useRouter()
+
+  useEffect(() => {
+    async function run() {
+      try {
+        await getDb(databaseId)
+      } catch (err) {
+        router.push('/')
+      }
+    }
+    run()
+  }, [databaseId, router])
+
+  return <Workspace databaseId={databaseId} />
+}