ARC-036 MVP (#10)

Co-authored-by: israel.aristide <israel.aristide@plusgrade.com>

Author: IzzyDotExe

.dockerignore

@@ -0,0 +1,2 @@
+node_modules
+.next

.fleet/run.json

@@ -0,0 +1,15 @@
+{
+    "configurations": [
+
+        {
+            "name": "dev (1)",
+            "type": "npm",
+            "workingDir": "$PROJECT_DIR$",
+            "command": "run",
+            "scripts": "dev",
+            "environment": {
+                "PORT": "3030"
+            }
+        }
+    ]
+}

Dockerfile

@@ -1,6 +1,5 @@
-FROM node
+FROM node:18
 
-RUN apt-get update && apt-get install -y npm
 WORKDIR /app
 
 COPY ./package*.json .

app/api/auth/route.ts

@@ -0,0 +1,27 @@
+import { BASE_URI, USE_HTTPS } from "@/lib/definitions";
+import {NextRequest, NextResponse} from "next/server";
+
+export async function GET(request: NextRequest) {
+
+    const token = request.nextUrl.searchParams.get("token");
+    const expiry = request.nextUrl.searchParams.get("expiry")?? "100000";
+
+    if (!token) {
+        return NextResponse.json({
+            status: 500
+        })
+    }
+
+    const response = NextResponse.redirect(`http${USE_HTTPS? 's' : ''}://${BASE_URI}/login`)
+
+    response.cookies.set({
+        name: "session",
+        value: token,
+        maxAge: parseInt(expiry),
+        httpOnly: true,
+        sameSite: "strict"
+    });
+
+    return response
+
+}

app/api/revoke/route.ts

@@ -0,0 +1,18 @@
+import { BASE_URI, USE_HTTPS } from "@/lib/definitions";
+import { NextResponse } from "next/server";
+
+export async function GET() {
+
+    const response = NextResponse.redirect(`http${USE_HTTPS? 's' : ''}://${BASE_URI}/login`)
+
+    response.cookies.set({
+        name: "session",
+        value: "",
+        maxAge: 10,
+        httpOnly: true,
+        sameSite: "strict"
+    });
+
+    return response
+
+}

app/dashboard/applications/page.tsx

@@ -10,10 +10,11 @@ import {
   import {
     SidebarTrigger,
   } from "@/components/ui/sidebar"
+import { ApplicationsList } from "@/components/unity/applications/applications-list"
 
   export default function Page() {
     return (
-      <main>
+      <div className="h-full">
         <header className="flex h-16 shrink-0 items-center gap-2">
           <div className="flex items-center gap-2 px-4">
             <SidebarTrigger className="-ml-1" />
@@ -33,21 +34,10 @@ import {
             </Breadcrumb>
           </div>
         </header>
-        <div className="flex flex-1 flex-col gap-4 p-4 pt-0">
-          <div className="grid auto-rows-min gap-4 md:grid-cols-3">
-            <div className="aspect-video rounded-xl bg-muted/50" />
-            <div className="aspect-video rounded-xl bg-muted/50" />
-            <div className="aspect-video rounded-xl bg-muted/50" />
-            <div className="aspect-video rounded-xl bg-muted/50" />
-            <div className="aspect-video rounded-xl bg-muted/50" />
-            <div className="aspect-video rounded-xl bg-muted/50" />
-            <div className="aspect-video rounded-xl bg-muted/50" />
-            <div className="aspect-video rounded-xl bg-muted/50" />
-            <div className="aspect-video rounded-xl bg-muted/50" />
-          </div>
-          <div className="min-h-[100vh] flex-1 rounded-xl bg-muted/50 md:min-h-min" />
-        </div>
-      </main>
+        
+          <ApplicationsList/>
+
+      </div>
     )
   }
 

app/dashboard/layout.tsx

@@ -6,6 +6,7 @@ import {
 } from "@/components/ui/sidebar"
 import { cookies } from "next/headers";
 
+
 export default async function Layout({
   children
 }: Readonly<{

app/dashboard/page.tsx

@@ -1,3 +1,5 @@
+"use client"
+
 import {
   Breadcrumb,
   BreadcrumbItem,

app/layout.tsx

@@ -3,6 +3,10 @@ import localFont from "next/font/local";
 import "./globals.css";
 import { SITE_TITLE, SITE_DESCRIPTION_META } from "@/lib/definitions";
 
+import { cookies } from "next/headers";
+import {Auth} from "@/components/auth";
+
+
 const geistSans = localFont({
   src: "./fonts/GeistVF.woff",
   variable: "--font-geist-sans",
@@ -19,16 +23,21 @@ export const metadata: Metadata = {
   description: SITE_DESCRIPTION_META,
 };
 
-export default function RootLayout({
+export default async function RootLayout({
   children,
 }: Readonly<{
   children: React.ReactNode;
 }>) {
+
+  const cookieStore = await cookies()
+  const token = cookieStore.get('session')?.value?? "";
+
   return (
     <html lang="en">
       <body
         className={`${geistSans.variable} ${geistMono.variable} dark antialiased w-full h-full`}
       >
+        <Auth token={token} />
         {children}
       </body>
     </html>

app/login/page.tsx

@@ -1,7 +1,17 @@
+"use client"
 
 import { LoginForm } from "@/components/login-form";
+import { useRouter } from "next/navigation";
+import { useEffect } from "react";
 
 export default function Login() {
+
+  const { refresh } = useRouter();
+
+  useEffect(() => {
+    refresh();  
+  }, [refresh])
+
   return (
     <div className="flex min-h-svh w-full items-center justify-center p-6 md:p-10">
       <div className="w-full max-w-sm">