add ecs button

app/api/auth/[...nextauth]/options.tsx

@@ -0,0 +1,23 @@
+import type { AuthOptions } from "next-auth"
+import GoogleProvider from "next-auth/providers/google";
+import GithubProvider from "next-auth/providers/github"
+import { TypeORMAdapter } from "@auth/typeorm-adapter"
+import { Adapter } from "next-auth/adapters";
+import dataSourceOptions from "@/app/api/db/options";
+
+const authOptions: AuthOptions = {
+ adapter: TypeORMAdapter(dataSourceOptions) as Adapter,
+ providers: [
+ GithubProvider({
+ clientId: process.env.GITHUB_ID as string,
+ clientSecret: process.env.GITHUB_SECRET as string,
+ }),
+ GoogleProvider({
+ clientId: process.env.GOOGLE_CLIENT_ID as string,
+ clientSecret: process.env.GOOGLE_CLIENT_SECRET as string,
+ }),
+ ],
+}
+
+
+export default authOptions;

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

@@ -1,40 +1,6 @@
 
 import NextAuth from "next-auth"
-import type { AuthOptions } from "next-auth"
-import GoogleProvider from "next-auth/providers/google";
-import GithubProvider from "next-auth/providers/github"
-import { TypeORMAdapter } from "@auth/typeorm-adapter"
-import { DataSourceOptions } from "typeorm"
-import { Adapter } from "next-auth/adapters";
-
-const env = process.env.NODE_ENV;
-const connection: DataSourceOptions = {
- type: "postgres",
- host: (process.env.POSTGRES_HOST || "localhost") as string,
- port: Number(process.env.POSTGRES_PORT || 5432),
- username: process.env.POSTGRES_USER as string,
- password: process.env.POSTGRES_PASSWORD as string,
- database: (process.env.POSTGRES_DATABASE || "falkordb") as string,
- synchronize: (env == "development" ? true : false),
- ssl: (env == "development" ? undefined : {
- rejectUnauthorized: false,
- requestCert: true,
- }),
-}
-
-const authOptions: AuthOptions = {
- adapter: TypeORMAdapter(connection) as Adapter,
- providers: [
- GithubProvider({
- clientId: process.env.GITHUB_ID as string,
- clientSecret: process.env.GITHUB_SECRET as string,
- }),
- GoogleProvider({
- clientId: process.env.GOOGLE_CLIENT_ID as string,
- clientSecret: process.env.GOOGLE_CLIENT_SECRET as string,
- }),
- ],
-}
+import authOptions from "./options"
 
 const handler = NextAuth(authOptions)
 

app/api/db/options.tsx

@@ -0,0 +1,18 @@
+import { DataSourceOptions } from "typeorm"
+
+const env = process.env.NODE_ENV;
+const dataSourceOptions: DataSourceOptions = {
+ type: "postgres",
+ host: (process.env.POSTGRES_HOST || "localhost") as string,
+ port: Number(process.env.POSTGRES_PORT || 5432),
+ username: process.env.POSTGRES_USER as string,
+ password: process.env.POSTGRES_PASSWORD as string,
+ database: (process.env.POSTGRES_DATABASE || "falkordb") as string,
+ synchronize: (env == "development" ? true : false),
+ ssl: (env == "development" ? undefined : {
+ rejectUnauthorized: false,
+ requestCert: true,
+ }),
+}
+
+export default dataSourceOptions;

app/api/db/route.tsx

@@ -1,10 +1,18 @@
-import { NextResponse } from 'next/server'
 import { ECSClient, RunTaskCommand, StartTaskCommand } from "@aws-sdk/client-ecs";
+import authOptions from '@/app/api/auth/[...nextauth]/options';
+import { getServerSession } from "next-auth/next"
+import { NextResponse } from "next/server"
 
 const SUBNETS = process.env.SUBNETS?.split(":");
 const SECURITY_GROUPS = process.env.SECURITY_GROUPS?.split(":");
 
-export async function POST(request: Request) {
+export async function POST() {
+
+ const session = await getServerSession(authOptions)
+
+ if (!session) {
+ return NextResponse.json({ message: "You must be logged in." }, { status: 401 })
+ }
 
  // Create ECS service client object.
  const client = new ECSClient({ region:process.env.REGION });
@@ -31,16 +39,13 @@ export async function POST(request: Request) {
  }
  };
 
- const run = async () => {
- try {
- const data = await client.send(new RunTaskCommand(params));
- console.log("Success, task started!", data);
- } catch (err) {
- console.log("Error", err);
- }
+ try {
+ const data = await client.send(new RunTaskCommand(params));
+ console.debug("Success, task started!", data);
+ } catch (err) {
+ console.log("Error", err);
+ return NextResponse.json({ message: "Failed to start Task" }, { status: 500 })
  }
 
- run();
-
- return NextResponse.json({ message: "Task Started" })
+ return NextResponse.json({ message: "Task Started" }) 
 }

app/components/navigation/navbar/Button.tsx

@@ -7,7 +7,7 @@ export default function Button() {
 
  if (status === "unauthenticated") {
  return (
- <button onClick={() => signIn(undefined, { callbackUrl: '/dashboard' })} className="h-12 rounded-lg font-bold px-5">Sign in</button>
+ <button onClick={() => signIn(undefined, { callbackUrl: '/sandbox' })} className="h-12 rounded-lg font-bold px-5">Sign in</button>
  );
  }
  return <button onClick={() => signOut({ callbackUrl: '/' })} className="h-12 rounded-lg font-bold px-5">Log Out</button>

app/dashboard/page.tsx

@@ -10,7 +10,7 @@ export default function Page() {
  }
 
  if (status === "unauthenticated") {
- signIn(undefined, { callbackUrl: '/dashboard' })
+ signIn(undefined, { callbackUrl: '/sandbox' })
  }
 
  return (

app/page.tsx

@@ -5,7 +5,7 @@ export default function Page() {
  <main className="flex flex-col items-center justify-center flex-1 px-20 text-center">
  <h1 className="text-6xl font-bold">
  Welcome to{' '}
- <a className="text-blue-600" href="/dashboard">
+ <a className="text-blue-600" href="/sandbox">
  FalkorDB Cloud
  </a>
  </h1>

app/sandbox/page.tsx

@@ -0,0 +1,38 @@
+'use client';
+
+import { useSession, getSession, signIn } from "next-auth/react"
+import { redirect } from 'next/navigation';
+
+export default function Page() {
+ const { data: session, status } = useSession()
+
+ if (status === "loading") {
+ return <p className="text-blue-600 text-3xl">Loading...</p>
+ }
+
+ if (status === "unauthenticated") {
+ signIn(undefined, { callbackUrl: '/sandbox' })
+ }
+
+ function createSandbox(){
+ fetch('/api/db', {
+ method: 'POST',
+ headers: {
+ 'Content-Type': 'application/json'
+ },
+ body: JSON.stringify({session: session})
+ })
+ .then(response => {
+ console.log(response.json())
+ redirect('/dashboard')
+ })
+ }
+
+ return (
+ <div className="flex flex-col items-center justify-center min-h-screen py-2">
+ <main className="flex flex-col items-center justify-center flex-1 px-20 text-center">
+ <button className="rounded-full bg-blue-600 text-6xl font-bold p-5" onClick={createSandbox}>Create Sandbox</button>
+ </main>
+ </div>
+ )
+}