Feature/supabase dev environment

.github/workflows/supabase-tests-pull-request.yml

@@ -0,0 +1,55 @@
+name: Supabase checks
+
+on:
+  push:
+    paths:
+      # Only run the workflow when changes are made to the migrations directory
+      - "apps/chat-with-pdf/supabase/migrations/**"
+    branches:
+      - "feature/**"
+  workflow_dispatch:
+
+jobs:
+  test:
+    name: Supabase tests
+    runs-on: ubuntu-latest
+
+    steps:
+      - uses: actions/checkout@v3
+
+      - uses: supabase/setup-cli@v1
+        with:
+          version: latest
+
+      - name: Init Supabase local development setup
+        run: supabase init
+
+      - name: Start Supabase local development setup
+        run: supabase start
+
+      - name: Run Supabase lint locally
+        run: supabase db lint
+
+      - name: Run Supabase tests locally
+        run: supabase test db
+  push:
+    name: Push to Supabase
+    needs: test
+    runs-on: ubuntu-latest
+    env:
+      SUPABASE_ACCESS_TOKEN: ${{ secrets.SUPABASE_ACCESS_TOKEN }}
+      SUPABASE_PROJECT_ID: ${{ github.base_ref == 'main' && secrets.SUPABASE_PROD_PROJECT_ID || secrets.SUPABASE_STAGING_PROJECT_ID }}
+      SUPABASE_DB_PASSWORD: ${{ github.base_ref == 'main' && secrets.SUPABASE_PROD_DB_PASSWORD || secrets.SUPABASE_STAGING_DB_PASSWORD }}
+      SUPABASE_AUTH_GITHUB_CLIENT_ID: ${{ secrets.SUPABASE_AUTH_GITHUB_CLIENT_ID }}
+      SUPABASE_AUTH_GITHUB_SECRET: ${{ secrets.SUPABASE_AUTH_GITHUB_SECRET }}
+
+    steps:
+      - uses: actions/checkout@v4
+      - uses: supabase/setup-cli@v1
+        with:
+          version: latest
+
+      - run: supabase link --project-ref $SUPABASE_PROJECT_ID --debug
+        working-directory: apps/chat-with-pdf
+      - run: supabase db push
+        working-directory: apps/chat-with-pdf

.github/workflows/supabase-update-db.yml

@@ -0,0 +1,32 @@
+name: Supabase update
+
+on:
+  push:
+    paths:
+      - "apps/chat-with-pdf/**"
+    branches:
+      - "develop"
+      - "main"
+  workflow_dispatch:
+
+jobs:
+  update:
+    name: Update Supabase db
+    runs-on: ubuntu-latest
+    env:
+      SUPABASE_ACCESS_TOKEN: ${{ secrets.SUPABASE_ACCESS_TOKEN }}
+      SUPABASE_PROJECT_ID: ${{ github.base_ref == 'main' && secrets.SUPABASE_PROD_PROJECT_ID || secrets.SUPABASE_STAGING_PROJECT_ID }}
+      SUPABASE_DB_PASSWORD: ${{ github.base_ref == 'main' && secrets.SUPABASE_PROD_DB_PASSWORD || secrets.SUPABASE_STAGING_DB_PASSWORD }}
+      SUPABASE_AUTH_GITHUB_CLIENT_ID: ${{ secrets.SUPABASE_AUTH_GITHUB_CLIENT_ID }}
+      SUPABASE_AUTH_GITHUB_SECRET: ${{ secrets.SUPABASE_AUTH_GITHUB_SECRET }}
+
+    steps:
+      - uses: actions/checkout@v4
+      - uses: supabase/setup-cli@v1
+        with:
+          version: latest
+
+      - run: supabase link --project-ref $SUPABASE_PROJECT_ID --debug
+        working-directory: apps/chat-with-pdf
+      - run: supabase db push
+        working-directory: apps/chat-with-pdf

.gitignore

@@ -7,10 +7,7 @@ node_modules
 
 # Local env files
 .env
-.env.local
-.env.development.local
-.env.test.local
-.env.production.local
+.env**
 
 # Testing
 coverage

apps/chat-with-pdf/app/(authentication)/auth-failed/page.tsx

@@ -0,0 +1,40 @@
+import { ArrowRightIcon } from "lucide-react";
+import Link from "next/link";
+
+export default function AuthFailed() {
+  return (
+    <div className="bg-background flex min-h-screen flex-col items-center justify-center">
+      <div className="mx-auto flex max-w-[400px] flex-col items-center space-y-6 text-center">
+        <div className="bg-destructive/10 flex h-20 w-20 items-center justify-center rounded-full">
+          <svg
+            className="text-destructive h-10 w-10"
+            xmlns="http://www.w3.org/2000/svg"
+            fill="none"
+            viewBox="0 0 24 24"
+            stroke="currentColor"
+          >
+            <path
+              strokeLinecap="round"
+              strokeLinejoin="round"
+              strokeWidth={2}
+              d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"
+            />
+          </svg>
+        </div>
+        <h1 className="text-2xl font-semibold tracking-tight">
+          Authentication Failed
+        </h1>
+        <p className="text-muted-foreground">
+          There was a problem authenticating your account. Please try signing in
+          again.
+        </p>
+        <Link
+          href="/login"
+          className="bg-primary text-primary-foreground hover:bg-primary/90 flex inline-flex h-10 items-center justify-center gap-2 rounded-md px-8 text-sm font-medium transition-colors"
+        >
+          Return to Login <ArrowRightIcon className="h-4 w-4" />
+        </Link>
+      </div>
+    </div>
+  );
+}

apps/chat-with-pdf/app/(authentication)/layout.tsx

@@ -0,0 +1,11 @@
+export default function AuthenticationLayout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  return (
+    <div className="flex h-screen w-full items-center justify-center lg:min-h-[600px] xl:min-h-[800px]">
+      <div className="flex items-center justify-center py-12">{children}</div>
+    </div>
+  );
+}

apps/chat-with-pdf/app/(authentication)/login/page.tsx

@@ -0,0 +1,10 @@
+import { LoginContainer } from "@/components/pages-containers/login/login-container";
+import { Suspense } from "react";
+
+export default function LoginPage() {
+  return (
+    <Suspense fallback={null}>
+      <LoginContainer />
+    </Suspense>
+  );
+}

apps/chat-with-pdf/app/(authentication)/signup/page.tsx

@@ -0,0 +1,10 @@
+import { SignUpContainer } from "@/components/pages-containers/signup/sign-up-container";
+import { Suspense } from "react";
+
+export default function LoginPage() {
+  return (
+    <Suspense fallback={null}>
+      <SignUpContainer />
+    </Suspense>
+  );
+}

apps/chat-with-pdf/app/(default)/chat/[documentId]/layout.tsx

@@ -0,0 +1,7 @@
+export default async function ChatLayout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  return <>{children}</>;
+}

apps/chat-with-pdf/app/chat/[documentId]/page.tsx → apps/chat-with-pdf/app/(default)/chat/[documentId]/page.tsx

@@ -1,24 +1,24 @@
-import { getCachedChatMessages } from "@/app/actions/get-chat-messages";
 import { ChatIdContainer } from "@/components/pages-containers/chat-id-container";
-import { Metadata, ResolvingMetadata } from "next";
+import { Metadata } from "next";
 import { redirect } from "next/navigation";
+import { getChat } from "supabase/queries/get-chat";
+import { getDocumentByChatId } from "@/app/actions/get-document-by-chat-id";
 
 type Props = {
   params: {
     documentId: string;
   };
 };
-
 export async function generateMetadata({ params }: Props): Promise<Metadata> {
-  const chatData = await getCachedChatMessages(params.documentId);
+  const document = await getDocumentByChatId(params.documentId);
 
   return {
-    title: `Chat - ${(chatData?.documentMetadata as Record<string, unknown>)?.title}`,
+    title: `Chat - ${document?.name || "Untitled"}`,
   };
 }
 
 export default async function Page({ params }: Props) {
-  const chatData = await getCachedChatMessages(params.documentId);
+  const chatData = await getChat(params.documentId);
 
   if (!chatData) redirect("/chat");
 

apps/chat-with-pdf/app/(default)/chat/layout.tsx

@@ -0,0 +1,13 @@
+import { Metadata } from "next";
+
+export const metadata: Metadata = {
+  title: "Chats",
+};
+
+export default async function ChatLayout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  return <>{children}</>;
+}

apps/chat-with-pdf/app/(default)/chat/page.tsx

@@ -0,0 +1,12 @@
+import { ChatsContainer } from "@/components/pages-containers/chats-container";
+import { getChats } from "supabase/queries/get-chats";
+import { getDocuments } from "supabase/queries/get-documents";
+
+export const dynamic = "force-dynamic";
+
+export default async function Page() {
+  const chats = await getChats();
+  const documents = await getDocuments();
+
+  return <ChatsContainer chats={chats} documents={documents} />;
+}

apps/chat-with-pdf/app/(default)/layout.tsx

@@ -0,0 +1,42 @@
+import { Header } from "@/components/header/header";
+import { AppSidebar } from "@/components/sidebar/app-sidebar";
+import { createClient } from "@/lib/supabase/server";
+import { SidebarProvider } from "@makify/ui";
+import { cn } from "@makify/ui/lib/utils";
+import { User } from "@supabase/supabase-js";
+import { Metadata } from "next";
+
+export const metadata: Metadata = {
+  title: "Chats",
+};
+
+export default async function DefaultLayout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  const supabase = createClient();
+  const {
+    data: { user },
+  } = await supabase.auth.getUser();
+
+  return (
+    <SidebarProvider
+      defaultOpen={false}
+      className="flex h-screen w-screen max-w-[100vw] flex-row"
+    >
+      <AppSidebar userInfo={user as User} />
+      <div
+        className={cn([
+          "flex h-screen flex-1 shrink-0 flex-col",
+          // Calculate the remaining width for the main content
+          // as the css is not able to calculate it
+          "max-w-[calc(100%-(var(--sidebar-width-icon)))]",
+        ])}
+      >
+        <Header />
+        <main className="flex flex-1 flex-row overflow-hidden">{children}</main>
+      </div>
+    </SidebarProvider>
+  );
+}

apps/chat-with-pdf/app/actions/auth.ts

@@ -0,0 +1,18 @@
+"use server";
+
+import { createClient } from "@/lib/supabase/server";
+
+export const verifyOtp = async (data: {
+  email: string;
+  otp: string;
+  type: string;
+}) => {
+  const supabase = createClient();
+
+  const res = await supabase.auth.verifyOtp({
+    email: data.email,
+    token: data.otp,
+    type: "email",
+  });
+  return JSON.stringify(res);
+};