rushilwiz/beta
1
0
Fork 0
mirror of https://github.com/SkalaraAI/beta.git synced 2025-04-03 20:20:17 -04:00
Code Issues Actions Packages Projects Releases Wiki Activity

i'm done

Browse Source
This commit is contained in:
Christopher Arraya 2023-11-05 07:34:37 -05:00
parent 53c3cd3d6e
commit bcf3f113ad
51 changed files with 3510 additions and 735 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

46
app/chat/[taskID]/route.ts Normal file
View File

@ -0,0 +1,46 @@
import { createRouteHandlerClient } from "@supabase/auth-helpers-nextjs";
import { cookies } from "next/headers";
import { NextResponse, NextRequest } from "next/server";
import { Database } from "@/types/supabase";
import { prisma } from "@/lib/prisma";
async function getSession(supabase: any) {
const {
data: { session },
} = await supabase.auth.getSession();
return session;
}
export async function GET(
req: NextRequest,
{ params: { taskID } }: { params: { taskID: string } }
) {
const supabase = createRouteHandlerClient<Database>({ cookies });
const session = await getSession(supabase);
if (!session) return NextResponse.redirect("/auth");
try {
const messages = await prisma.message.findMany({
where: {
task_id: BigInt(taskID),
},
orderBy: {
created_at: "asc",
},
});
console.log(messages);
const res = messages.map((message) => ({
...message,
id: String(message.id),
task_id: String(message.task_id),
}));
return NextResponse.json({ messages: res }, { status: 200 });
} catch (err) {
console.error(err);
return NextResponse.json({ error: err }, { status: 500 });
}
}

48
app/chat/add/route.ts Normal file
View File

@ -0,0 +1,48 @@
import { createRouteHandlerClient } from "@supabase/auth-helpers-nextjs";
import { cookies } from "next/headers";
import { NextResponse, NextRequest } from "next/server";
import { Database } from "@/types/supabase";
import { prisma } from "@/lib/prisma";
async function getSession(supabase: any) {
const {
data: { session },
} = await supabase.auth.getSession();
return session;
}
export async function POST(req: NextRequest) {
const supabase = createRouteHandlerClient<Database>({ cookies });
const session = await getSession(supabase);
if (!session) return NextResponse.redirect("/auth");
try {
const formData = await req.json();
const role = String(formData.role);
const message = String(formData.content);
const task_id = String(formData.task_id);
console.log("TASK_ID IN CHATADD ===> ", task_id);
console.log(role, message);
const res = await prisma.message.create({
data: {
content: message,
role: role,
task_id: BigInt(task_id),
},
});
const res_data = {
...res,
id: String(res.id),
task_id: String(res.task_id),
};
return NextResponse.json({ message: res_data }, { status: 200 });
} catch (err) {
console.error(err);
return NextResponse.json({ error: err }, { status: 500 });
}
}

54
app/chat/route.ts Normal file
View File

@ -0,0 +1,54 @@
// app/api/chat/route.ts
import OpenAI from "openai";
import { OpenAIStream, StreamingTextResponse } from "ai";
// Optional, but recommended: run on the edge runtime.
// See https://vercel.com/docs/concepts/functions/edge-functions
export const runtime = "edge";
const openai = new OpenAI({
apiKey: process.env.OPENAI_API_KEY!,
});
export async function POST(req: Request) {
// Extract the `messages` from the body of the request
const { messages, ...body } = await req.json();
// console.log("BODY===>", body);
const prompt = `You are a chatbot that helps users with questions specific to project tasks.
- Project Details:
- Name: ${body.projectInfo.name}
- Description: ${body.projectInfo.description}
- Tech Stack: ${body.projectInfo.stack.join(", ")}
- Feature Context:
- Name: ${body.featureInfo.name}
- Description: ${body.featureInfo.description}
- Task Context:
- Name: ${body.taskInfo.task_name}
- Description: ${body.taskInfo.task_description}
OPERATION GUIDELINES:
1. Provide information and answer questions specifically related to the project, feature, or task context provided.
2. Do not give generic answers; tailor responses based on the given context.`;
messages.unshift({ role: "system", content: prompt });
console.log("MESSAGES ===>", messages);
// Request the OpenAI API for the response based on the prompt
const response = await openai.chat.completions.create({
model: "gpt-3.5-turbo-16k",
stream: true,
messages: messages,
});
// Convert the response into a friendly text-stream
const stream = OpenAIStream(response);
// Respond with the stream
return new StreamingTextResponse(stream);
}

60
app/w/[workspaceID]/p/[projectID]/features/add/route.ts Normal file
View File

@ -0,0 +1,60 @@
import { createRouteHandlerClient } from "@supabase/auth-helpers-nextjs";
import { cookies } from "next/headers";
import { NextResponse, NextRequest } from "next/server";
import { Database } from "@/types/supabase";
import { prisma } from "@/lib/prisma";
async function getSession(supabase: any) {
const {
data: { session },
} = await supabase.auth.getSession();
return session;
}
export async function POST(
req: NextRequest,
{
params: { workspaceID, projectID },
}: { params: { workspaceID: string; projectID: string } }
) {
const supabase = createRouteHandlerClient<Database>({ cookies });
const session = await getSession(supabase);
if (!session) return NextResponse.redirect("/auth");
try {
const formData = await req.json();
const features = Array(formData)[0];
console.log("FORM DATA ===>", formData);
let res_data: any[] = [];
for (const feature of features) {
const name = String(feature.name);
const description = String(feature.description);
const feature_data = await prisma.feature.create({
data: {
name,
description,
project_id: BigInt(projectID),
},
});
const feature_data_res = {
...feature_data,
id: String(feature_data.id),
project_id: String(feature_data.project_id),
};
console.log("feature_data ===>", feature_data);
console.log("created feature:", feature_data_res);
res_data.push(feature_data_res);
}
console.log(`GET DATA TO PASSBACK ${res_data}`);
return NextResponse.json({ features: res_data }, { status: 200 });
} catch (err) {
console.log(err);
return NextResponse.json({ error: err }, { status: 500 });
}
}

83
app/w/[workspaceID]/p/[projectID]/features/gen/route.ts Normal file
View File

@ -0,0 +1,83 @@
import { generateFeatures } from "@/lib/prompts";
import { v4 as uuidv4 } from "uuid";
import { NextRequest, NextResponse } from "next/server";
import { createRouteHandlerClient } from "@supabase/auth-helpers-nextjs";
import { cookies } from "next/headers";
import { Database } from "@/types/supabase";
import { prisma } from "@/lib/prisma";
import { OpenAIEmbeddings } from "langchain/embeddings/openai";
import { completion } from "zod-gpt";
import * as z from "zod";
import { OpenAIChatApi } from "llm-api";
const MIN_FEATURES_PER_PROJECT = 6;
const MAX_FEATURES_PER_PROJECT = 12;
const OPENAI_MODEL = "gpt-3.5-turbo-16k";
const openai = new OpenAIChatApi(
{
apiKey: process.env.OPENAI_API_KEY!,
},
{
model: OPENAI_MODEL,
}
);
async function getSession(supabase: any) {
const {
data: { session },
} = await supabase.auth.getSession();
return session;
}
export async function POST(req: NextRequest) {
const supabase = createRouteHandlerClient<Database>({ cookies });
const session = await getSession(supabase);
if (!session) return NextResponse.redirect("/auth");
try {
const formData = await req.json();
const project_name = String(formData.project_name);
const project_description = String(formData.project_description);
const project_stack = formData.tech_stack;
// console.log("SERVER FORM DATA ===>", project_stack);
const feature_gen_prompt = generateFeatures(
project_name,
project_description,
project_stack
);
const res = await completion(openai, feature_gen_prompt, {
schema: z.object({
features: z
.array(
z.object({
name: z.string().describe("The name of the feature"),
description: z
.string()
.describe("The description of the feature"),
})
)
.min(MIN_FEATURES_PER_PROJECT)
.max(MAX_FEATURES_PER_PROJECT),
}),
});
const featuresWithUUID = res.data.features.map((feature) => ({
...feature,
uid: uuidv4(), // Add a UUID to each feature object
}));
console.log("SERVER RES ===>", featuresWithUUID);
return NextResponse.json({ features: featuresWithUUID }, { status: 200 });
} catch (err) {
console.log(err);
return NextResponse.json({ error: err }, { status: 500 });
}
}

18
app/w/[workspaceID]/p/[projectID]/feature/route.ts → app/w/[workspaceID]/p/[projectID]/features/route.ts
View File

@ -23,25 +23,21 @@ export async function POST(
if (!session) return NextResponse.redirect("/auth");
const formData = await req.json();
const name = String(formData.name);
const description = String(formData.description);
const feature = await prisma.feature.create({
data: {
name,
description,
const features = await prisma.feature.findMany({
where: {
project_id: BigInt(projectID),
},
});
const res = {
console.log("SERVER FEATURES ===> ", features);
const res = features.map((feature) => ({
...feature,
id: String(feature.id),
project_id: String(feature.project_id),
};
}));
return NextResponse.json({ project: res }, { status: 200 });
return NextResponse.json({ features: res }, { status: 200 });
} catch (err) {
console.log(err);
return NextResponse.json({ error: err }, { status: 500 });

7
app/w/[workspaceID]/p/[projectID]/not-found.tsx Normal file
View File

@ -0,0 +1,7 @@
export default function NotFound() {
return (
<div className="flex h-screen">
<h1 className="m-auto">Not Found</h1>
</div>
);
}

90
app/w/[workspaceID]/p/[projectID]/page.tsx
View File

@ -1,17 +1,101 @@
import { FeatureList } from "@/components/feature-list";
import { TaskList } from "@/components/task-list";
export default function Project({
import { createServerComponentClient } from "@supabase/auth-helpers-nextjs";
import { Database } from "@/types/supabase";
import { cookies } from "next/headers";
import { redirect } from "next/navigation";
import Link from "next/link";
import { prisma } from "@/lib/prisma";
import { CreateFeature } from "@/components/create-feature";
import { NextResponse } from "next/server";
async function getSession(supabase: any) {
const {
data: { session },
} = await supabase.auth.getSession();
return session;
}
async function getProject(projectID: string) {
const supabase = createServerComponentClient<Database>({ cookies });
const session = await getSession(supabase);
if (!session) redirect("/auth");
try {
const project = await prisma.project.findUnique({
where: {
id: BigInt(projectID),
},
});
if (!project) return undefined;
const res = {
...project,
id: String(project.id),
workspace_id: String(project.workspace_id),
};
return res;
} catch (err) {
console.error(err);
return;
}
}
export default async function Project({
params: { projectID, workspaceID },
}: {
params: { projectID: string; workspaceID: string };
}) {
const project = await getProject(projectID);
const supabase = createServerComponentClient<Database>({ cookies });
const session = await getSession(supabase);
if (!project)
return (
<div className="flex h-screen">
<h1 className="m-auto">Project not found.</h1>
</div>
);
if (
!(await prisma.profile_project.findFirst({
where: {
profile_id: session.user.id,
project_id: BigInt(projectID),
},
}))
) {
return (
<div className="flex h-screen">
<h1 className="m-auto">You are not a member of this project.</h1>
</div>
);
}
return (
<div>
<h1>Project: {projectID}</h1>
<h2>Workspace: {workspaceID}</h2>
<h2>Project Name: {project?.name}</h2>
<h2>Project Description: {project?.description}</h2>
<h2>Tech Stack: {project?.stack.join(", ")}</h2>
<FeatureList workspaceID={workspaceID} projectID={projectID} />
<TaskList workspaceID={workspaceID} projectID={projectID} />
<FeatureList
workspaceID={workspaceID}
projectID={projectID}
project_name={project ? project.name : ""}
project_description={project?.description ? project.description : ""}
tech_stack={project ? project.stack : []}
/>
<TaskList
workspaceID={workspaceID}
projectID={projectID}
project_name={project ? project.name : ""}
project_description={project?.description ? project.description : ""}
tech_stack={project ? project.stack : []}
/>
</div>
);
}

85
app/w/[workspaceID]/p/[projectID]/task/route.ts
View File

@ -1,85 +0,0 @@
import { createRouteHandlerClient } from "@supabase/auth-helpers-nextjs";
import { cookies } from "next/headers";
import { NextResponse, NextRequest } from "next/server";
import { Database } from "@/types/supabase";
import { prisma } from "@/lib/prisma";
import { OpenAIEmbeddings } from "langchain/embeddings/openai";
import { SupabaseVectorStore } from "langchain/vectorstores/supabase";
async function getSession(supabase: any) {
const {
data: { session },
} = await supabase.auth.getSession();
return session;
}
export async function POST(
req: NextRequest,
{
params: { workspaceID, projectID },
}: { params: { workspaceID: string; projectID: string } }
) {
try {
const supabase = createRouteHandlerClient<Database>({ cookies });
const session = await getSession(supabase);
if (!session) return NextResponse.redirect("/auth");
const formData = await req.json();
const name = String(formData.name);
const description = String(formData.description);
const featureID =
formData.featureID != undefined ? String(formData.featureID) : null;
const task = await prisma.task.create({
data: {
name,
description,
project_id: BigInt(projectID),
feature_id: featureID != null ? BigInt(featureID) : null,
},
});
await prisma.profile_task.create({
data: { profile_id: session.user.id, task_id: task.id },
});
const embeddings = new OpenAIEmbeddings({
openAIApiKey: process.env.OPENAI_API_KEY!,
batchSize: 512,
});
const task_prompt = `Task Name: ${task.name}\nTask Description: ${task.description}\nTask Feature: ${task.feature_id}\nTask Project: ${task.project_id}`;
const embedding = await embeddings.embedQuery(task_prompt);
const { data, error } = await supabase.from("documents").insert({
content: task_prompt,
metadata: {
workspace_id: workspaceID,
project_id: projectID,
feature_id: featureID,
},
embedding: JSON.stringify(embedding),
});
if (error) {
console.log(error);
return NextResponse.json({ error: error }, { status: 500 });
}
console.log(data);
const res = {
...task,
id: String(task.id),
project_id: String(task.project_id),
feature_id: task.feature_id ? String(task.feature_id) : null,
};
return NextResponse.json({ project: res }, { status: 200 });
} catch (err) {
console.log(err);
return NextResponse.json({ error: err }, { status: 500 });
}
}

69
app/w/[workspaceID]/p/[projectID]/tasks/add/route.ts Normal file
View File

@ -0,0 +1,69 @@
import { createRouteHandlerClient } from "@supabase/auth-helpers-nextjs";
import { cookies } from "next/headers";
import { NextResponse, NextRequest } from "next/server";
import { Database } from "@/types/supabase";
import { prisma } from "@/lib/prisma";
import { OpenAIEmbeddings } from "langchain/embeddings/openai";
import { SupabaseVectorStore } from "langchain/vectorstores/supabase";
async function getSession(supabase: any) {
const {
data: { session },
} = await supabase.auth.getSession();
return session;
}
export async function POST(
req: NextRequest,
{
params: { workspaceID, projectID },
}: { params: { workspaceID: string; projectID: string } }
) {
const supabase = createRouteHandlerClient<Database>({ cookies });
const session = await getSession(supabase);
if (!session) return NextResponse.redirect("/auth");
try {
const formData = await req.json();
const tasks: any[] = Array(formData);
console.log("TASKS FORM DATA ===>", formData);
let res_data: any[] = [];
for (const task of formData) {
console.log("CURRENT TASK ===>", task);
const name = String(task.name);
const description = String(task.description);
const featureID =
task.feature_id != undefined ? String(task.feature_id) : null;
const task_data = await prisma.task.create({
data: {
name,
description,
project_id: BigInt(projectID),
feature_id: featureID != null ? BigInt(featureID) : null,
},
});
await prisma.profile_task.create({
data: { profile_id: session.user.id, task_id: task_data.id },
});
const task_data_res = {
...task_data,
id: String(task_data.id),
project_id: String(task_data.project_id),
feature_id: String(task_data.feature_id),
};
res_data.push(task_data_res);
}
console.log(res_data);
return NextResponse.json({ feature: res_data }, { status: 200 });
} catch (err) {
console.error(err);
return NextResponse.json({ error: err }, { status: 500 });
}
}

91
app/w/[workspaceID]/p/[projectID]/tasks/gen/route.ts Normal file
View File

@ -0,0 +1,91 @@
import { NextRequest, NextResponse } from "next/server";
import { v4 as uuidv4 } from "uuid";
import { createRouteHandlerClient } from "@supabase/auth-helpers-nextjs";
import { cookies } from "next/headers";
import { Database } from "@/types/supabase";
import { prisma } from "@/lib/prisma";
import { completion } from "zod-gpt";
import * as z from "zod";
import { OpenAIChatApi } from "llm-api";
import { generateTasks } from "@/lib/prompts";
const MIN_TASKS_PER_FEATURE = 6;
const MAX_TASKS_PER_FEATURE = 12;
const OPENAI_MODEL = "gpt-3.5-turbo-16k";
const openai = new OpenAIChatApi(
{
apiKey: process.env.OPENAI_API_KEY!,
},
{
model: OPENAI_MODEL,
}
);
async function getSession(supabase: any) {
const {
data: { session },
} = await supabase.auth.getSession();
return session;
}
export async function POST(req: NextRequest) {
const supabase = createRouteHandlerClient<Database>({ cookies });
const session = await getSession(supabase);
if (!session) return NextResponse.redirect("/auth");
try {
const formData = await req.json();
const project_name = String(formData.project_name);
const project_description = String(formData.project_description);
const project_stack = formData.tech_stack;
const related_features = formData.related_features;
const feature = formData.feature;
console.log("GEN TASKS DATA ===>", formData);
const task_gen_prompt = generateTasks(
project_name,
project_description,
project_stack,
related_features,
feature
);
const res = await completion(openai, task_gen_prompt, {
schema: z.object({
tasks: z
.array(
z.object({
name: z.string().describe("The task name"),
description: z.string().describe("The task description"),
priority: z
.enum(["low", "medium", "high"])
.describe("The task priority"),
order: z
.number()
.describe("The order in which the task should be implemented"),
})
)
.min(MIN_TASKS_PER_FEATURE)
.max(MAX_TASKS_PER_FEATURE),
}),
});
const tasksWithUUID = res.data.tasks.map((task) => ({
...task,
uid: uuidv4(),
feature_id: feature.id,
}));
console.log("TASKS RAW RES ===>", tasksWithUUID);
return NextResponse.json({ tasks: tasksWithUUID }, { status: 200 });
} catch (err) {
console.error(err);
return NextResponse.json({ error: err }, { status: 500 });
}
}

70
app/w/[workspaceID]/p/gen/route.ts Normal file
View File

@ -0,0 +1,70 @@
import { createRouteHandlerClient } from "@supabase/auth-helpers-nextjs";
import { cookies } from "next/headers";
import { NextResponse, NextRequest } from "next/server";
import { Database } from "@/types/supabase";
import { prisma } from "@/lib/prisma";
import { completion } from "zod-gpt";
import * as z from "zod";
import { OpenAIChatApi } from "llm-api";
import { generateProjectQuestions } from "@/lib/prompts";
const OPENAI_MODEL = "gpt-3.5-turbo-16k";
const MIN_QUESTIONS = 1;
const MAX_QUESTIONS = 3;
const openai = new OpenAIChatApi(
{
apiKey: process.env.OPENAI_API_KEY!,
},
{
model: OPENAI_MODEL,
}
);
async function getSession(supabase: any) {
const {
data: { session },
} = await supabase.auth.getSession();
return session;
}
export async function POST(
req: NextRequest,
{ params: { workspaceID } }: { params: { workspaceID: string } }
) {
try {
const supabase = createRouteHandlerClient<Database>({ cookies });
const session = await getSession(supabase);
if (!session) return NextResponse.redirect("/auth");
const formData = await req.json();
const name = String(formData.name);
const description = String(formData.description);
const stack = formData.stack;
const questionPrompt = generateProjectQuestions(name, description, stack);
console.log("questionPrompt ", questionPrompt);
const res = await completion(openai, questionPrompt, {
schema: z.object({
questions: z
.array(
z.string().describe("A question to ask the user about the project")
)
.min(MIN_QUESTIONS)
.max(MAX_QUESTIONS),
}),
});
console.log("questions ", res.data.questions);
return NextResponse.json(
{ questions: res.data.questions },
{ status: 200 }
);
} catch (err) {
console.log(err);
return NextResponse.json({ error: err }, { status: 500 });
}
}

12
app/w/[workspaceID]/p/route.ts
View File

@ -22,9 +22,19 @@ export async function POST(
if (!session) return NextResponse.redirect("/auth");
const formData = await req.json();
const questions = formData.questions;
const questionsText = formData.questionsText;
const extraContext: string = `Also we asked the following questions about the project: ${questions
.map(
(q: any, i: number) =>
`Question: ${questionsText[i]} Answer: ${q.question}`
)
.join("\n")}`;
const name = String(formData.name);
const description = String(formData.description);
const stack = formData.stack;
const description = String(formData.description) + extraContext;
const project = await prisma.project.create({
data: {

64
app/w/[workspaceID]/page.tsx
View File

@ -1,10 +1,74 @@
import { Sidebar } from "@/components/sidebar";
import { createServerComponentClient } from "@supabase/auth-helpers-nextjs";
import { Database } from "@/types/supabase";
import { cookies } from "next/headers";
import { redirect } from "next/navigation";
import { prisma } from "@/lib/prisma";
async function getSession(supabase: any) {
const {
data: { session },
} = await supabase.auth.getSession();
return session;
}
async function getWorkspace(workspaceID: string) {
const supabase = createServerComponentClient<Database>({ cookies });
const session = await getSession(supabase);
if (!session) redirect("/auth");
try {
const workspace = await prisma.workspace.findUnique({
where: {
id: BigInt(workspaceID),
},
});
if (!workspace) return undefined;
const res = {
...workspace,
id: String(workspace.id),
};
return res;
} catch (err) {
console.error(err);
return;
}
}
export default async function Workspace({
params: { workspaceID },
}: {
params: { workspaceID: string };
}) {
const workspace = await getWorkspace(workspaceID);
const supabase = createServerComponentClient<Database>({ cookies });
const session = await getSession(supabase);
if (!workspace)
return (
<div className="flex h-screen">
<h1 className="m-auto">Workspace not found.</h1>
</div>
);
if (
!(await prisma.profile_workspace.findFirst({
where: {
profile_id: session.user.id,
workspace_id: BigInt(workspaceID),
},
}))
) {
return (
<div className="flex h-screen">
<h1 className="m-auto">You are not a member of this workspace.</h1>
</div>
);
}
return (
<div>
<h1>Workspace: {workspaceID}</h1>

128
components/chat.tsx
View File

@ -0,0 +1,128 @@
"use client";
import { useEffect, useState } from "react";
import { Send } from "lucide-react";
import { cn } from "@/lib/utils";
import { Button } from "@/components/ui/button";
import {
Card,
CardContent,
CardFooter,
CardHeader,
} from "@/components/ui/card";
import { ScrollArea } from "@/components/ui/scroll-area";
import { Input } from "@/components/ui/input";
import { useChat } from "ai/react";
export default function Chat({ projectInfo, featureInfo, taskInfo }: any) {
// console.log("projectInfo", projectInfo);
// console.log("featureInfo", featureInfo);
// console.log("taskInfo", taskInfo);
const { messages, input, handleInputChange, handleSubmit, setMessages } =
useChat({
body: {
projectInfo,
featureInfo,
taskInfo,
},
api: "/chat",
onResponse: async (res) => {
try {
const task_id = taskInfo.task_id;
const data = await fetch(`/chat/add`, {
method: "POST",
body: JSON.stringify({
content: input,
role: "user",
task_id: task_id,
}),
});
} catch (err) {
console.error(err);
}
},
onFinish: async (message) => {
try {
const data = await fetch(`/chat/add`, {
method: "POST",
body: JSON.stringify({
content: message.content,
role: "assistant",
task_id: taskInfo.task_id,
}),
});
} catch (err) {
console.error(err);
}
},
});
useEffect(() => {
async function getMessages() {
try {
const res = await fetch(`/chat/${taskInfo.task_id}`);
const data = await res.json();
console.log("CLIENT RAW RES ===>", data);
setMessages(data.messages);
return data;
} catch (err) {
console.error(err);
}
}
getMessages();
}, [setMessages, taskInfo.task_id]);
const inputLength = input.trim().length;
return (
<>
<Card>
<CardHeader className="flex flex-row items-center">
<h1 className="font-semibold text-xl">Chat with this task.</h1>
</CardHeader>
<CardContent>
<ScrollArea className="max-h-[20rem] overflow-y-auto">
<div className="space-y-4">
{messages.map((message, index) => (
<div
key={index}
className={cn(
"flex w-fit max-w-[75%] flex-col gap-2 rounded-lg px-3 py-2 text-sm",
message.role === "user"
? "ml-auto bg-primary text-primary-foreground"
: "bg-muted"
)}
>
{message.content}
</div>
))}
</div>
</ScrollArea>
</CardContent>
<CardFooter>
<form
onSubmit={handleSubmit}
className="flex w-full items-center space-x-2"
>
<Input
id="message"
placeholder="Type your message..."
className="flex-1"
autoComplete="off"
value={input}
onChange={handleInputChange}
/>
<Button type="submit" size="icon" disabled={inputLength === 0}>
<Send className="h-4 w-4" />
<span className="sr-only">Send</span>
</Button>
</form>
</CardFooter>
</Card>
</>
);
}

6
components/create-feature.tsx
View File

@ -14,6 +14,7 @@ import {
} from "@/components/ui/form";
import { Button } from "@/components/ui/button";
import { Input } from "@/components/ui/input";
import { useRouter } from "next/navigation";
const formSchema = z.object({
name: z.string().min(2, {
@ -41,10 +42,11 @@ export function CreateFeature({
description: "",
},
});
const router = useRouter();
async function onSubmit(values: z.infer<typeof formSchema>) {
try {
const res = await fetch(`/w/${workspaceID}/p/${projectID}/feature`, {
const res = await fetch(`/w/${workspaceID}/p/${projectID}/features/add`, {
method: "POST",
body: JSON.stringify(values),
});
@ -53,6 +55,8 @@ export function CreateFeature({
if (!res.ok) throw new Error("Something went wrong.");
router.refresh();
return res;
} catch (err) {
console.error(err);

288
components/create-project.tsx
View File

@ -1,7 +1,7 @@
"use client";
import * as z from "zod";
import { zodResolver } from "@hookform/resolvers/zod";
import { useForm } from "react-hook-form";
import { useForm, useFieldArray } from "react-hook-form";
import { useState } from "react";
import { useRouter } from "next/navigation";
@ -26,7 +26,8 @@ import { Button } from "@/components/ui/button";
import { Input } from "@/components/ui/input";
import { Badge } from "@/components/ui/badge";
import { X } from "lucide-react";
import { set } from "date-fns";
import { cn } from "@/lib/utils";
import { Textarea } from "./ui/textarea";
const formSchema = z.object({
name: z.string().min(2, {
@ -38,40 +39,77 @@ const formSchema = z.object({
stack: z.array(z.string()).min(1, {
message: "Project tech stack must have at least one item.",
}),
questions: z.array(
z.object({
question: z.string().optional(),
})
),
});
export function CreateProject({ workspaceID }: { workspaceID: string }) {
const form = useForm<z.infer<typeof formSchema>>({
resolver: zodResolver(formSchema),
mode: "all",
defaultValues: {
name: "",
description: "",
stack: [],
questions: [],
},
});
const { setValue } = form;
const { setValue, formState } = form;
const [stackInput, setStackInput] = useState("");
const [isLoading, setIsLoading] = useState(false);
const [isDialogOpen, setIsDialogOpen] = useState(false);
const [formStep, setFormStep] = useState(0);
const [questions, setQuestions] = useState([]); // TODO: [] as Question[]
const router = useRouter();
const { fields, append, remove } = useFieldArray({
name: "questions",
control: form.control,
});
async function onSubmit(values: z.infer<typeof formSchema>) {
try {
setIsLoading(true);
const res = await fetch(`/w/${workspaceID}/p`, {
method: "POST",
body: JSON.stringify(values),
body: JSON.stringify({
...values,
questionsText: questions,
}),
});
const data = await res.json();
console.log("===>", res);
if (!res.ok) throw new Error("Something went wrong.");
router.refresh();
setIsLoading(false);
router.push(`/w/${workspaceID}/p/${data.project.id}`);
setIsDialogOpen(false);
return res;
} catch (err) {
console.error(err);
}
}
async function generateQuestions() {
try {
const res = await fetch(`/w/${workspaceID}/p/gen`, {
method: "POST",
body: JSON.stringify(form.getValues()),
});
if (!res.ok) throw new Error("Something went wrong.");
const data = await res.json();
console.log("===>", data.questions);
setQuestions(data.questions);
append(data.questions);
return res;
} catch (err) {
setIsLoading(false);
console.error(err);
}
}
@ -85,93 +123,163 @@ export function CreateProject({ workspaceID }: { workspaceID: string }) {
};
return (
<Dialog>
<Dialog open={isDialogOpen} onOpenChange={setIsDialogOpen}>
<DialogTrigger asChild>
<Button variant="outline">Create Project</Button>
</DialogTrigger>
<DialogContent>
<DialogHeader>
<DialogTitle>Create a Project</DialogTitle>
<DialogDescription>
Give your project a name, description, and tech stack.
</DialogDescription>
</DialogHeader>
{formStep == 0 && (
<DialogHeader>
<DialogTitle>Create a Project</DialogTitle>
<DialogDescription>
Give your project a name, description, and tech stack.
</DialogDescription>
</DialogHeader>
)}
{formStep == 1 && (
<DialogHeader>
<DialogTitle>Extra Questions</DialogTitle>
<DialogDescription>
We&apos;ve like to know some more about the specifics of your
project, feel free to answer any of the following additional
questions.
</DialogDescription>
</DialogHeader>
)}
<Form {...form}>
<form onSubmit={form.handleSubmit(onSubmit)} className="space-y-8">
<FormField
control={form.control}
name="name"
render={({ field }) => (
<FormItem>
<FormLabel>Name</FormLabel>
<FormControl>
<Input placeholder="" {...field} />
</FormControl>
<FormDescription>This is your project name.</FormDescription>
<FormMessage />
</FormItem>
<form
onSubmit={form.handleSubmit(onSubmit)}
className={cn(formStep == 0 && "space-y-8")}
>
<div className={cn(formStep !== 0 && "sr-only")}>
<FormField
control={form.control}
name="name"
render={({ field }) => (
<FormItem>
<FormLabel>Name</FormLabel>
<FormControl>
<Input {...field} />
</FormControl>
<FormDescription>
This is your project name.
</FormDescription>
<FormMessage />
</FormItem>
)}
/>
<FormField
control={form.control}
name="description"
render={({ field }) => (
<FormItem>
<FormLabel>Description</FormLabel>
<FormControl>
<Input placeholder="" {...field} />
</FormControl>
<FormDescription>
This is your project description.
</FormDescription>
<FormMessage />
</FormItem>
)}
/>
<FormField
control={form.control}
name="stack"
render={() => (
<FormItem>
<FormLabel>Tech Stack</FormLabel>
<FormControl>
<Input
value={stackInput}
onChange={(e) => setStackInput(e.target.value)}
onKeyDown={keyHandler}
/>
</FormControl>
<FormDescription>
This is your project tech stack.
</FormDescription>
<div>
{form.getValues("stack").map((stack) => (
<Badge
key={stack}
className="mr-2 font-normal rounded-md"
variant="outline"
>
<span className="mr-1">{stack}</span>
<X
className="inline font-light text-red-500"
size={16}
onClick={() =>
setValue(
"stack",
form
.getValues("stack")
.filter((s) => s !== stack)
)
}
/>
</Badge>
))}
</div>
<FormMessage />
</FormItem>
)}
/>
<Button
type="button"
variant="outline"
onClick={() => {
setFormStep(1);
generateQuestions();
}}
>
Next
</Button>
</div>
<div className={cn(formStep !== 1 && "sr-only")}>
{questions.length == 0 && (
<p className="text-gray-400 text-center">
Generating questions...
</p>
)}
/>
<FormField
control={form.control}
name="description"
render={({ field }) => (
<FormItem>
<FormLabel>Description</FormLabel>
<FormControl>
<Input placeholder="" {...field} />
</FormControl>
<FormDescription>
This is your project description.
</FormDescription>
<FormMessage />
</FormItem>
)}
/>
<FormField
control={form.control}
name="stack"
render={() => (
<FormItem>
<FormLabel>Tech Stack</FormLabel>
<FormControl>
<Input
value={stackInput}
onChange={(e) => setStackInput(e.target.value)}
onKeyDown={keyHandler}
/>
</FormControl>
<FormDescription>
This is your project tech stack.
</FormDescription>
<div>
{form.getValues("stack").map((stack) => (
<Badge
key={stack}
className="mr-2 font-normal rounded-md"
variant="outline"
>
<span className="mr-1">{stack}</span>
<X
className="inline font-light text-red-500"
size={16}
onClick={() =>
setValue(
"stack",
form.getValues("stack").filter((s) => s !== stack)
)
}
/>
</Badge>
))}
</div>
<FormMessage />
</FormItem>
)}
/>
<Button type="submit" disabled={isLoading}>
{isLoading ? "Generating Features..." : "Submit"}
</Button>
{fields.map((field, index) => (
<FormField
control={form.control}
key={field.id}
name={`questions.${index}.question`}
render={({ field }) => (
<FormItem>
<FormLabel>Question {index + 1} </FormLabel>
<FormDescription>
<span className="text-gray-400">
{questions[index]}
</span>
</FormDescription>
<FormControl>
<Textarea {...field} />
</FormControl>
<FormMessage />
</FormItem>
)}
/>
))}
<div className="flex p-4 gap-4 pl-0">
<Button
type="button"
variant="outline"
onClick={() => {
setFormStep(0);
setQuestions([]);
remove();
}}
>
Back
</Button>
{questions.length != 0 && <Button type="submit">Submit</Button>}
</div>
</div>
</form>
</Form>
</DialogContent>

2
components/create-task.tsx
View File

@ -47,7 +47,7 @@ export function CreateTask({
async function onSubmit(values: z.infer<typeof formSchema>) {
try {
console.log("PROJECT ID ===>", projectID);
const res = await fetch(`/w/${workspaceID}/p/${projectID}/task`, {
const res = await fetch(`/w/${workspaceID}/p/${projectID}/tasks/add`, {
method: "POST",
body: JSON.stringify(values),
});

6
components/create-workspace.tsx
View File

@ -14,6 +14,7 @@ import {
} from "@/components/ui/form";
import { Button } from "@/components/ui/button";
import { Input } from "@/components/ui/input";
import { useRouter } from "next/navigation";
const formSchema = z.object({
name: z.string().min(2, {
@ -22,6 +23,8 @@ const formSchema = z.object({
});
export function CreateWorkspace() {
const router = useRouter();
const form = useForm<z.infer<typeof formSchema>>({
resolver: zodResolver(formSchema),
defaultValues: {
@ -36,10 +39,13 @@ export function CreateWorkspace() {
body: JSON.stringify(values),
});
const data = await res.json();
console.log("===>", res);
if (!res.ok) throw new Error("Something went wrong.");
router.push(`/w/${data.workspace.id}`);
return res;
} catch (err) {
console.error(err);

103
components/feature-card.tsx Normal file
View File

@ -0,0 +1,103 @@
import React, { useState } from "react";
import { PencilRuler, Trash2 } from "lucide-react";
import {
Card,
CardHeader,
CardTitle,
CardContent,
CardDescription,
} from "@/components/ui/card";
import { Feature } from "@/types";
const FeatureCard = ({
feature,
setFeatures,
features,
}: {
feature: Feature;
setFeatures: React.Dispatch<React.SetStateAction<Feature[]>>;
features: Feature[];
}) => {
const [isEditing, setIsEditing] = useState(false);
const [name, setName] = useState(feature.name);
const [description, setDescription] = useState(feature.description);
const toggleEdit = () => {
setIsEditing(!isEditing);
};
const saveChanges = () => {
setFeatures(
features.map((_feature) => {
if (_feature.uid === feature.uid) {
return { ..._feature, name: name, description: description };
}
return _feature;
})
);
toggleEdit();
};
return (
<Card
key={feature.uid}
className="w-[350px] h-[200px] flex flex-col justify-between m-auto"
>
{isEditing ? (
<CardHeader>
<input
type="text"
value={name}
onChange={(e) => {
setName(e.target.value);
}}
className="card-title-editable"
/>
<textarea
value={description}
onChange={(e) => {
setDescription(e.target.value);
}}
className="card-description-editable"
/>
</CardHeader>
) : (
<CardHeader>
<CardTitle>{feature.name}</CardTitle>
<CardDescription>{feature.description}</CardDescription>
</CardHeader>
)}
<CardContent>
<div className="flex text-muted-foreground justify-end space-x-4 cursor-pointer">
{isEditing ? (
<button
className="hover:text-green-600"
onClick={() => saveChanges()}
>
Save
</button>
) : (
<PencilRuler
onClick={toggleEdit}
className="hover:text-yellow-600"
size={20}
strokeWidth={1}
/>
)}
<Trash2
onClick={() => {
setFeatures(features.filter((f) => f.uid !== feature.uid));
}}
className="hover:text-red-500"
size={20}
strokeWidth={1}
/>
</div>
</CardContent>
</Card>
);
};
export default FeatureCard;

16
components/feature-list.tsx
View File

@ -5,6 +5,7 @@ import { redirect } from "next/navigation";
import Link from "next/link";
import { prisma } from "@/lib/prisma";
import { CreateFeature } from "@/components/create-feature";
import { GenerateProject } from "@/components/generate-project";
async function getSession(supabase: any) {
const {
@ -39,9 +40,15 @@ async function fetchFeatures(projectID: string) {
export async function FeatureList({
workspaceID,
projectID,
project_name,
project_description,
tech_stack,
}: {
workspaceID: string;
projectID: string;
project_name: string;
project_description: string;
tech_stack: string[];
}) {
const features = await fetchFeatures(projectID);
return (
@ -54,9 +61,16 @@ export async function FeatureList({
</div>
))
) : (
<p>No features</p>
<h1>No features yet.</h1>
)}
<CreateFeature workspaceID={workspaceID} projectID={projectID} />
<GenerateProject
workspaceID={workspaceID}
projectID={projectID}
project_name={project_name}
project_description={project_description}
tech_stack={tech_stack}
/>
</div>
);
}

7
components/generate-features.tsx
View File

@ -1,7 +0,0 @@
"use client";
import { Button } from "@/components/ui/button";
export default function GenerateFeatures() {
async function generateFeatures() {}
return <Button onClick={generateFeatures}>Generate Features</Button>;
}

375
components/generate-project.tsx Normal file
View File

@ -0,0 +1,375 @@
"use client";
import { v4 as uuidv4 } from "uuid";
import { Button } from "@/components/ui/button";
import {
Dialog,
DialogContent,
DialogDescription,
DialogHeader,
DialogTrigger,
DialogTitle,
DialogFooter,
} from "@/components/ui/dialog";
import {
Card,
CardContent,
CardDescription,
CardHeader,
CardTitle,
} from "@/components/ui/card";
import { Loader2, PencilRuler, Plus, Trash2 } from "lucide-react";
import Link from "next/link";
import { useEffect, useState } from "react";
import { Feature, Task } from "@/types";
import { ScrollArea } from "./ui/scroll-area";
import FeatureCard from "./feature-card";
import { useRouter } from "next/navigation";
export function GenerateProject({
workspaceID,
projectID,
project_name,
project_description,
tech_stack,
}: {
workspaceID: string;
projectID: string;
project_name: string;
project_description: string;
tech_stack: string[];
}) {
const [features, setFeatures] = useState<Feature[]>([]);
const [tasks, setTasks] = useState<Task[]>([]);
const [isDialogOpen, setDialogOpen] = useState(false);
const [loading, setLoading] = useState(false);
const [isAddingFeature, setIsAddingFeature] = useState(false);
const [addName, setAddName] = useState("");
const [addDescription, setAddDescription] = useState("");
const [page, setPage] = useState(0);
const router = useRouter();
async function generateFeatures() {
setLoading(true);
const res = await fetch(`/w/${workspaceID}/p/${projectID}/features/gen`, {
method: "POST",
headers: {
"Content-Type": "application/json",
},
body: JSON.stringify({
project_name,
project_description,
tech_stack,
}),
});
setLoading(false);
setPage(1);
const data = await res.json();
console.log("CLIENT RAW RES ===>", data.features);
setFeatures(data.features);
}
async function generateTasks(features: Feature[]) {
console.log("GENERATING TASKS ===>", features);
let _tasks: Task[] = [];
features.forEach(async (feature, i) => {
const res = await fetch(`/w/${workspaceID}/p/${projectID}/tasks/gen`, {
method: "POST",
headers: {
"Content-Type": "application/json",
},
body: JSON.stringify({
project_name,
project_description,
tech_stack,
related_features: [],
feature,
}),
});
const data = await res.json();
console.log("TASK RAW RES ===>", data.tasks);
_tasks.push(...data.tasks);
console.log("CURTASKS ===>", _tasks);
if (i === features.length - 1) {
console.log("TASKS ===>", _tasks);
setTasks(_tasks);
addTasks(_tasks);
setPage(3);
}
});
}
async function addTasks(tasks: Task[] = []) {
console.log("ADDING TASKS ===>", tasks);
const res = await fetch(`/w/${workspaceID}/p/${projectID}/tasks/add`, {
method: "POST",
headers: {
"Content-Type": "application/json",
},
body: JSON.stringify(tasks),
});
const data = await res.json();
console.log("ADDTASKS RAW RES ===>", data.tasks);
}
async function addFeatures() {
const res = await fetch(`/w/${workspaceID}/p/${projectID}/features/add`, {
method: "POST",
headers: {
"Content-Type": "application/json",
},
body: JSON.stringify(features),
});
const data = await res.json();
console.log("addFeatures RAW RES ===>", data.features);
setFeatures(data.features);
setPage(2);
return data.features;
}
useEffect(() => {
async function getFeatures() {
const res = await fetch(`/w/${workspaceID}/p/${projectID}/features`, {
method: "POST",
headers: {
"Content-Type": "application/json",
},
});
const data = await res.json();
if (data.features.length === 0) setDialogOpen(true);
console.log("CLIENT RAW RES ===>", data.features);
return data.features;
}
getFeatures().then((features) => setFeatures(features));
}, [projectID, workspaceID]);
return (
<>
<Dialog open={isDialogOpen} onOpenChange={setDialogOpen}>
{page == 0 && (
<DialogContent>
<DialogHeader>
<DialogTitle>
Welcome to <i>{project_name}</i>.
</DialogTitle>
<DialogDescription>
Now it&apos;s time to generate some features for your new
project.
</DialogDescription>
{!loading ? (
<Button
size="lg"
onClick={() => {
generateFeatures();
}}
>
Let&apos;s get started.
</Button>
) : (
<Button disabled size="lg" className="cursor-progress">
<Loader2 className="mr-2 h-4 w-4 animate-spin" />
Generating features...
</Button>
)}
<DialogFooter>
<Button
variant="ghost"
onClick={() => setDialogOpen(false)}
size="sm"
>
Skip this for now.
</Button>
</DialogFooter>
</DialogHeader>
</DialogContent>
)}
{page == 1 && (
<DialogContent className="min-w-[800px]">
<DialogHeader>
<DialogTitle>
Here&apos;s what we&apos;ve generated for you.
</DialogTitle>
<DialogDescription>
Feel free to edit, delete, or add new features.
</DialogDescription>
</DialogHeader>
<div className="flex flex-col space-y-2">
<ScrollArea className="w-full h-[600px]">
<div className="grid grid-cols-2 gap-4">
{features.map((feature) => (
<FeatureCard
key={feature.uid}
feature={feature}
features={features}
setFeatures={setFeatures}
/>
))}
{!isAddingFeature ? (
<Card
className="w-[350px] h-[200px] flex justify-center items-center border-green-400 border-dashed m-auto hover:bg-green-400 transition cursor-pointer"
onClick={() => setIsAddingFeature(true)}
>
<CardContent className="p-0 flex flex-col items-center gap-1">
<p>Create a new feature</p>
<Plus />
</CardContent>
</Card>
) : (
<Card className="w-[350px] h-min-[200px] m-auto flex justify-center items-center">
<CardContent className="p-4 gap-4 flex flex-col items-center">
<input
type="text"
className="w-full border-1 border-muted-foreground rounded-md p-2"
placeholder="Feature name"
value={addName}
onChange={(e) => {
setAddName(e.target.value);
}}
/>
<textarea
className="w-full border-1 border-muted-foreground rounded-md p-2"
placeholder="Feature description"
rows={4}
value={addDescription}
onChange={(e) => {
setAddDescription(e.target.value);
}}
/>
<div className="flex gap-2">
<Button
variant="ghost"
onClick={() => {
setIsAddingFeature(false);
setAddName("");
setAddDescription("");
}}
>
Cancel
</Button>
<Button
onClick={() => {
setFeatures([
...features,
{
name: addName,
description: addDescription,
uid: uuidv4(),
},
]);
setAddName("");
setAddDescription("");
setIsAddingFeature(false);
}}
>
Create
</Button>
</div>
</CardContent>
</Card>
)}
</div>
</ScrollArea>
</div>
<DialogFooter>
<Button
onClick={async () => {
setPage(2);
await addFeatures().then((features) => {
generateTasks(features);
});
}}
>
These look good, generate subtasks.
</Button>
<Button
variant="ghost"
onClick={() => {
setDialogOpen(false);
addFeatures();
setPage(0);
}}
size="sm"
>
Skip this for now.
</Button>
</DialogFooter>
</DialogContent>
)}
{page == 2 && (
<DialogContent>
<DialogHeader>
<DialogTitle>Generating tasks...</DialogTitle>
</DialogHeader>
</DialogContent>
)}
{page == 3 && (
<DialogContent className="min-w-[800px]">
<DialogHeader>
<DialogTitle>Here are your generated tasks.</DialogTitle>
</DialogHeader>
<div className="flex flex-col space-y-2">
<ScrollArea className="w-full h-[600px]">
<div className="grid grid-cols-2 gap-4">
{tasks.map((task) => (
<Card key={task.uid} className="w-[300px] m-auto">
<CardHeader>
<CardTitle>{task.name}</CardTitle>
</CardHeader>
<CardContent>
<p>Description: {task.description}</p>
<p>Priority: {task.priority}</p>
<p>Order: {task.order}</p>
</CardContent>
</Card>
))}
</div>
</ScrollArea>
</div>
</DialogContent>
)}
</Dialog>
<Button
onClick={() => {
setDialogOpen(true);
}}
>
Generate Features
</Button>
</>
);
}
/* <DialogContent className="min-w-[800px]">
<DialogHeader>
<DialogTitle>Features</DialogTitle>
<DialogDescription className="flex flex-col space-y-2">
<ScrollArea className="w-full h-[600px]">
<div className="grid grid-cols-2 gap-4">
{features.map((feature) => (
<Card key={feature.name} className="w-[300px]">
<CardHeader>
<CardTitle>{feature.name}</CardTitle>
</CardHeader>
<CardContent>
<p>Description: {feature.description}</p>
<p>ID: {feature.id}</p>
<p>Priority: {feature.priority}</p>
<p>Order: {feature.order}</p>
</CardContent>
</Card>
))}
</div>
</ScrollArea>
</DialogDescription>
<DialogFooter>
<Button className="w-full" onClick={generateTasks}>
Generate Tasks
</Button>
</DialogFooter>
</DialogHeader>
</DialogContent>; */

67
components/generate-task.tsx Normal file
View File

@ -0,0 +1,67 @@
// "use client";
// import {
// Dialog,
// DialogContent,
// DialogDescription,
// DialogHeader,
// DialogTitle,
// DialogTrigger,
// } from "@/components/ui/dialog";
// import {
// Form,
// FormControl,
// FormDescription,
// FormField,
// FormItem,
// FormLabel,
// FormMessage,
// } from "@/components/ui/form";
// import { Button } from "@/components/ui/button";
// import { Input } from "@/components/ui/input";
// import { Label } from "@/components/ui/label";
// import * as z from "zod";
// import { useForm } from "react-hook-form";
// import { zodResolver } from "@hookform/resolvers/zod";
// const formSchema = z.object({
// description: z.string().min(2, {
// message: "Task description must be at least 2 characters.",
// }),
// });
// export default function GenerateTasks({ stack }: { stack: string[] }) {
// const form = useForm<z.infer<typeof formSchema>>({
// resolver: zodResolver(formSchema),
// defaultValues: {
// description: "",
// },
// });
// return (
// <div>
// <h1 className="font-bold">Generate Tasks</h1>
// <Form {...form}>
// <form onSubmit={form.handleSubmit(generateTasks)} className="space-y-8">
// <FormField
// control={form.control}
// name="description"
// render={({ field }) => (
// <FormItem>
// <FormLabel>Description</FormLabel>
// <FormControl>
// <Input placeholder="" {...field} />
// </FormControl>
// <FormDescription>
// This is your task description.
// </FormDescription>
// <FormMessage />
// </FormItem>
// )}
// />
// <Button type="submit">Submit</Button>
// </form>
// </Form>
// </div>
// );
// }

120
components/generate-tasks.tsx
View File

@ -1,120 +0,0 @@
"use client";
import {
Dialog,
DialogContent,
DialogDescription,
DialogHeader,
DialogTitle,
DialogTrigger,
} from "@/components/ui/dialog";
import {
Form,
FormControl,
FormDescription,
FormField,
FormItem,
FormLabel,
FormMessage,
} from "@/components/ui/form";
import { Button } from "@/components/ui/button";
import { Input } from "@/components/ui/input";
import { Label } from "@/components/ui/label";
import * as z from "zod";
import { useForm } from "react-hook-form";
import { zodResolver } from "@hookform/resolvers/zod";
import { OpenAIChatApi } from "llm-api";
import { useRouter } from "next/navigation";
import { completion } from "zod-gpt";
const formSchema = z.object({
description: z.string().min(2, {
message: "Task description must be at least 2 characters.",
}),
});
const system_message_prompt = `Your name is SkalaraBot. You are a highly efficient and meticulous product manager for tech teams and independent developers. Your expertise in agile methodology ensures that you can transform even the most complex task descriptions into actionable items. With a keen understanding of various tech stacks, you excel at creating tasks that align perfectly with your team's skills and project objectives.
When presented with a new task description, you will:
1. Analyze the requirements to determine the scope and objectives.
2. Break down the task description into smaller, manageable pieces.
3. Define clear and concise tasks that match the tech stack provided.
4. Prioritize the tasks based on dependencies and the overall project timeline.
5. Communicate effectively with team members to assign tasks and ensure understanding.
You always maintain a clear focus on delivering value, optimizing workflow, and driving project success. Your agile mindset and product management skills empower you to navigate challenges and adapt to changes swiftly.
Remember, SkalaraBot, your goal is to streamline the development process, making it as efficient and effective as possible, while fostering a collaborative and productive environment.`;
export default function GenerateTasks({ stack }: { stack: string[] }) {
const form = useForm<z.infer<typeof formSchema>>({
resolver: zodResolver(formSchema),
defaultValues: {
description: "",
},
});
async function generateTasks(values: z.infer<typeof formSchema>) {
try {
console.log("TASK DESCRIPTION TO GEN ===>", values);
const task_gen_prompt = `Hello SkalaraBot, you are tasked with planning a new project based on the following details provided by the user:
Task Description:${values.description}
Tech Stack: ${stack.join(", ")}
Given these inputs, generate a comprehensive task breakdown with the following structure:
Dissect the task description to extract essential features and project requirements.
Utilize the tech stack information to tailor tasks to the appropriate technologies and frameworks involved.
Order the tasks sequentially, considering technical dependencies and optimal workflow progression.
Assign an initial effort estimate for each task, facilitating subsequent sprint planning and resource allocation.
Formulate any follow-up questions to resolve potential ambiguities and ensure a clear, actionable task list.
With your expertise, SkalaraBot, streamline the project setup and guide the team towards an efficient development process.`;
const openai = new OpenAIChatApi(
{ apiKey: "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" },
{ model: "gpt-3.5-turbo-16k" }
);
const res = await completion(openai, task_gen_prompt, {
schema: z.object({
tasks: z.array(
z.object({
name: z.string().describe("The name of the task."),
description: z.string().describe("The description of the task."),
order: z.number().describe("The order of the task."),
})
),
}),
});
console.log("TASKS GENERATED ===>", res.data);
} catch (err: any) {
console.error(err);
return new Error("Something went wrong.", err);
}
}
return (
<div>
<h1 className="font-bold">Generate Tasks</h1>
<Form {...form}>
<form onSubmit={form.handleSubmit(generateTasks)} className="space-y-8">
<FormField
control={form.control}
name="description"
render={({ field }) => (
<FormItem>
<FormLabel>Description</FormLabel>
<FormControl>
<Input placeholder="" {...field} />
</FormControl>
<FormDescription>
This is your task description.
</FormDescription>
<FormMessage />
</FormItem>
)}
/>
<Button type="submit">Submit</Button>
</form>
</Form>
</div>
);
}

65
components/task-list.tsx
View File

@ -4,7 +4,24 @@ import { cookies } from "next/headers";
import { redirect } from "next/navigation";
import { prisma } from "@/lib/prisma";
import { CreateTask } from "@/components/create-task";
import GenerateTasks from "./generate-tasks";
import {
Sheet,
SheetContent,
SheetDescription,
SheetHeader,
SheetTitle,
SheetTrigger,
} from "@/components/ui/sheet";
import { Checkbox } from "@/components/ui/checkbox";
import {
Tooltip,
TooltipContent,
TooltipProvider,
TooltipTrigger,
} from "@/components/ui/tooltip";
import Chat from "@/components/chat";
// import GenerateTasks from "./generate-tasks";
async function getSession(supabase: any) {
const {
@ -23,6 +40,9 @@ async function fetchTasks(projectID: string) {
where: {
project_id: BigInt(projectID),
},
include: {
feature: true,
},
});
if (!tasks) return undefined;
@ -40,25 +60,60 @@ async function fetchTasks(projectID: string) {
export async function TaskList({
workspaceID,
projectID,
project_name,
project_description,
tech_stack,
}: {
workspaceID: string;
projectID: string;
project_name: string;
project_description: string;
tech_stack: string[];
}) {
const tasks = await fetchTasks(projectID);
console.log(project_name);
return (
<div>
<h1 className="font-bold">Task List</h1>
{tasks?.length != 0 ? (
tasks?.map((task) => (
<div key={task.id}>
{task.name} - {task.description}
tasks?.map((task, i) => (
<div key={i}>
<Sheet>
<SheetTrigger>{task.name}</SheetTrigger>
<SheetContent className="w-[800px]">
<SheetHeader>
<SheetTitle>{task.name}</SheetTitle>
<SheetDescription className="flex flex-col space-y-4">
<p className="truncate">{task.description}</p>
<Chat
projectInfo={{
name: project_name,
description: project_description,
stack: tech_stack,
}}
featureInfo={
task.feature
? task.feature
: { name: "", description: "" }
}
taskInfo={{
task_name: task.name,
task_description: task.description,
task_id: task.id,
}}
/>
</SheetDescription>
</SheetHeader>
</SheetContent>
</Sheet>
</div>
))
) : (
<p>No tasks</p>
)}
<CreateTask workspaceID={workspaceID} projectID={projectID} />
<GenerateTasks stack={["Next.js", "Supabase"]} />
{/* <GenerateTasks stack={["Next.js", "Supabase"]} /> */}
</div>
);
}

96
components/task-table-legacy/data-table-column-header.tsx Normal file
View File

@ -0,0 +1,96 @@
import {
ArrowDownIcon,
ArrowUpIcon,
CaretSortIcon,
EyeNoneIcon,
} from "@radix-ui/react-icons";
import { type Column } from "@tanstack/react-table";
import { cn } from "@/lib/utils";
import { Button } from "@/components/ui/button";
import {
DropdownMenu,
DropdownMenuContent,
DropdownMenuItem,
DropdownMenuSeparator,
DropdownMenuTrigger,
} from "@/components/ui/dropdown-menu";
interface DataTableColumnHeaderProps<TData, TValue>
extends React.HTMLAttributes<HTMLDivElement> {
column: Column<TData, TValue>;
title: string;
}
export function DataTableColumnHeader<TData, TValue>({
column,
title,
className,
}: DataTableColumnHeaderProps<TData, TValue>) {
if (!column.getCanSort()) {
return <div className={cn(className)}>{title}</div>;
}
return (
<div className={cn("flex items-center space-x-2", className)}>
<DropdownMenu>
<DropdownMenuTrigger asChild>
<Button
aria-label={
column.getIsSorted() === "desc"
? `Sorted descending. Click to sort ascending.`
: column.getIsSorted() === "asc"
? `Sorted ascending. Click to sort descending.`
: `Not sorted. Click to sort ascending.`
}
variant="ghost"
size="sm"
className="-ml-3 h-8 data-[state=open]:bg-accent"
>
<span>{title}</span>
{column.getIsSorted() === "desc" ? (
<ArrowDownIcon className="ml-2 h-4 w-4" aria-hidden="true" />
) : column.getIsSorted() === "asc" ? (
<ArrowUpIcon className="ml-2 h-4 w-4" aria-hidden="true" />
) : (
<CaretSortIcon className="ml-2 h-4 w-4" aria-hidden="true" />
)}
</Button>
</DropdownMenuTrigger>
<DropdownMenuContent align="start">
<DropdownMenuItem
aria-label="Sort ascending"
onClick={() => column.toggleSorting(false)}
>
<ArrowUpIcon
className="mr-2 h-3.5 w-3.5 text-muted-foreground/70"
aria-hidden="true"
/>
Asc
</DropdownMenuItem>
<DropdownMenuItem
aria-label="Sort descending"
onClick={() => column.toggleSorting(true)}
>
<ArrowDownIcon
className="mr-2 h-3.5 w-3.5 text-muted-foreground/70"
aria-hidden="true"
/>
Desc
</DropdownMenuItem>
<DropdownMenuSeparator />
<DropdownMenuItem
aria-label="Hide column"
onClick={() => column.toggleVisibility(false)}
>
<EyeNoneIcon
className="mr-2 h-3.5 w-3.5 text-muted-foreground/70"
aria-hidden="true"
/>
Hide
</DropdownMenuItem>
</DropdownMenuContent>
</DropdownMenu>
</div>
);
}

146
components/task-table-legacy/data-table-faceted-filter.tsx Normal file
View File

@ -0,0 +1,146 @@
import * as React from "react";
import { CheckIcon, PlusCircledIcon } from "@radix-ui/react-icons";
import { type Column } from "@tanstack/react-table";
import { cn } from "@/lib/utils";
import { Badge } from "@/components/ui/badge";
import { Button } from "@/components/ui/button";
import {
Command,
CommandEmpty,
CommandGroup,
CommandInput,
CommandItem,
CommandList,
CommandSeparator,
} from "@/components/ui/command";
import {
Popover,
PopoverContent,
PopoverTrigger,
} from "@/components/ui/popover";
import { Separator } from "@/components/ui/separator";
export type FilterOption = {
label: string;
value: string;
icon?: React.ComponentType<{ className?: string }>;
};
interface DataTableFacetedFilter<TData, TValue> {
column?: Column<TData, TValue>;
title?: string;
options: FilterOption[];
}
export function DataTableFacetedFilter<TData, TValue>({
column,
title,
options,
}: DataTableFacetedFilter<TData, TValue>) {
const selectedValues = new Set(column?.getFilterValue() as string[]);
return (
<Popover>
<PopoverTrigger asChild>
<Button variant="outline" size="sm" className="h-8 border-dashed">
<PlusCircledIcon className="mr-2 h-4 w-4" />
{title}
{selectedValues?.size > 0 && (
<>
<Separator orientation="vertical" className="mx-2 h-4" />
<Badge
variant="secondary"
className="rounded-sm px-1 font-normal lg:hidden"
>
{selectedValues.size}
</Badge>
<div className="hidden space-x-1 lg:flex">
{selectedValues.size > 2 ? (
<Badge
variant="secondary"
className="rounded-sm px-1 font-normal"
>
{selectedValues.size} selected
</Badge>
) : (
options
.filter((option) => selectedValues.has(option.value))
.map((option) => (
<Badge
variant="secondary"
key={option.value}
className="rounded-sm px-1 font-normal"
>
{option.label}
</Badge>
))
)}
</div>
</>
)}
</Button>
</PopoverTrigger>
<PopoverContent className="w-[200px] p-0" align="start">
<Command>
<CommandInput placeholder={title} />
<CommandList>
<CommandEmpty>No results found.</CommandEmpty>
<CommandGroup>
{options.map((option) => {
const isSelected = selectedValues.has(option.value);
return (
<CommandItem
key={option.value}
onSelect={() => {
if (isSelected) {
selectedValues.delete(option.value);
} else {
selectedValues.add(option.value);
}
const filterValues = Array.from(selectedValues);
column?.setFilterValue(
filterValues.length ? filterValues : undefined
);
}}
>
<div
className={cn(
"mr-2 flex h-4 w-4 items-center justify-center rounded-sm border border-primary",
isSelected
? "bg-primary text-primary-foreground"
: "opacity-50 [&_svg]:invisible"
)}
>
<CheckIcon className={cn("h-4 w-4")} aria-hidden="true" />
</div>
{option.icon && (
<option.icon
className="mr-2 h-4 w-4 text-muted-foreground"
aria-hidden="true"
/>
)}
<span>{option.label}</span>
</CommandItem>
);
})}
</CommandGroup>
{selectedValues.size > 0 && (
<>
<CommandSeparator />
<CommandGroup>
<CommandItem
onSelect={() => column?.setFilterValue(undefined)}
className="justify-center text-center"
>
Clear filters
</CommandItem>
</CommandGroup>
</>
)}
</CommandList>
</Command>
</PopoverContent>
</Popover>
);
}

0
components/task-table/data-table-floating-bar.tsx → components/task-table-legacy/data-table-floating-bar.tsx
View File

77
components/task-table-legacy/data-table-loading.tsx Normal file
View File

@ -0,0 +1,77 @@
import { Skeleton } from "@/components/ui/skeleton";
import {
Table,
TableBody,
TableCell,
TableHead,
TableHeader,
TableRow,
} from "@/components/ui/table";
interface DataTableLoadingProps {
columnCount: number;
rowCount?: number;
}
export function DataTableLoading({
columnCount,
rowCount = 10,
}: DataTableLoadingProps) {
return (
<div className="w-full space-y-3 overflow-auto">
<div className="flex w-full items-center justify-between space-x-2 overflow-auto p-1">
<div className="flex flex-1 items-center space-x-2">
<Skeleton className="h-7 w-[150px] lg:w-[250px]" />
<Skeleton className="h-7 w-[70px] border-dashed" />
</div>
<Skeleton className="ml-auto hidden h-7 w-[70px] lg:flex" />
</div>
<div className="rounded-md border">
<Table>
<TableHeader>
{Array.from({ length: 1 }).map((_, i) => (
<TableRow key={i} className="hover:bg-transparent">
{Array.from({ length: columnCount }).map((_, i) => (
<TableHead key={i}>
<Skeleton className="h-6 w-full" />
</TableHead>
))}
</TableRow>
))}
</TableHeader>
<TableBody>
{Array.from({ length: rowCount }).map((_, i) => (
<TableRow key={i} className="hover:bg-transparent">
{Array.from({ length: columnCount }).map((_, i) => (
<TableCell key={i}>
<Skeleton className="h-6 w-full" />
</TableCell>
))}
</TableRow>
))}
</TableBody>
</Table>
</div>
<div className="flex w-full flex-col items-center justify-between gap-4 overflow-auto px-2 py-1 sm:flex-row sm:gap-8">
<div className="flex-1">
<Skeleton className="h-8 w-40" />
</div>
<div className="flex flex-col items-center gap-4 sm:flex-row sm:gap-6 lg:gap-8">
<div className="flex items-center space-x-2">
<Skeleton className="h-8 w-24" />
<Skeleton className="h-8 w-[70px]" />
</div>
<div className="flex w-[100px] items-center justify-center text-sm font-medium">
<Skeleton className="h-8 w-20" />
</div>
<div className="flex items-center space-x-2">
<Skeleton className="hidden h-8 w-8 lg:block" />
<Skeleton className="h-8 w-8" />
<Skeleton className="h-8 w-8" />
<Skeleton className="hidden h-8 w-8 lg:block" />
</div>
</div>
</div>
</div>
);
}

107
components/task-table-legacy/data-table-pagination.tsx Normal file
View File

@ -0,0 +1,107 @@
import {
ChevronLeftIcon,
ChevronRightIcon,
DoubleArrowLeftIcon,
DoubleArrowRightIcon,
} from "@radix-ui/react-icons";
import { type Table } from "@tanstack/react-table";
import { Button } from "@/components/ui/button";
import {
Select,
SelectContent,
SelectItem,
SelectTrigger,
SelectValue,
} from "@/components/ui/select";
import { DataTableFloatingBar } from "@/components/task-table-legacy/data-table-floating-bar";
interface DataTablePaginationProps<TData> {
table: Table<TData>;
pageSizeOptions?: number[];
}
export function DataTablePagination<TData>({
table,
pageSizeOptions = [10, 20, 30, 40, 50],
}: DataTablePaginationProps<TData>) {
return (
<div className="w-full overflow-hidden">
<DataTableFloatingBar table={table} />
<div className="flex w-full flex-col items-center justify-between gap-4 overflow-auto px-2 py-1 sm:flex-row sm:gap-8">
<div className="flex-1 whitespace-nowrap text-sm text-muted-foreground">
{table.getFilteredSelectedRowModel().rows.length} of{" "}
{table.getFilteredRowModel().rows.length} row(s) selected.
</div>
<div className="flex flex-col items-center gap-4 sm:flex-row sm:gap-6 lg:gap-8">
<div className="flex items-center space-x-2">
<p className="whitespace-nowrap text-sm font-medium">
Rows per page
</p>
<Select
value={`${table.getState().pagination.pageSize}`}
onValueChange={(value) => {
table.setPageSize(Number(value));
}}
>
<SelectTrigger className="h-8 w-[70px]">
<SelectValue
placeholder={table.getState().pagination.pageSize}
/>
</SelectTrigger>
<SelectContent side="top">
{pageSizeOptions.map((pageSize) => (
<SelectItem key={pageSize} value={`${pageSize}`}>
{pageSize}
</SelectItem>
))}
</SelectContent>
</Select>
</div>
<div className="flex w-[100px] items-center justify-center text-sm font-medium">
Page {table.getState().pagination.pageIndex + 1} of{" "}
{table.getPageCount()}
</div>
<div className="flex items-center space-x-2">
<Button
aria-label="Go to first page"
variant="outline"
className="hidden h-8 w-8 p-0 lg:flex"
onClick={() => table.setPageIndex(0)}
disabled={!table.getCanPreviousPage()}
>
<DoubleArrowLeftIcon className="h-4 w-4" aria-hidden="true" />
</Button>
<Button
aria-label="Go to previous page"
variant="outline"
className="h-8 w-8 p-0"
onClick={() => table.previousPage()}
disabled={!table.getCanPreviousPage()}
>
<ChevronLeftIcon className="h-4 w-4" aria-hidden="true" />
</Button>
<Button
aria-label="Go to next page"
variant="outline"
className="h-8 w-8 p-0"
onClick={() => table.nextPage()}
disabled={!table.getCanNextPage()}
>
<ChevronRightIcon className="h-4 w-4" aria-hidden="true" />
</Button>
<Button
aria-label="Go to last page"
variant="outline"
className="hidden h-8 w-8 p-0 lg:flex"
onClick={() => table.setPageIndex(table.getPageCount() - 1)}
disabled={!table.getCanNextPage()}
>
<DoubleArrowRightIcon className="h-4 w-4" aria-hidden="true" />
</Button>
</div>
</div>
</div>
</div>
);
}

78
components/task-table-legacy/data-table-toolbar.tsx Normal file
View File

@ -0,0 +1,78 @@
"use client";
import type {
DataTableFilterableColumn,
DataTableSearchableColumn,
} from "@/types";
import { Cross2Icon } from "@radix-ui/react-icons";
import type { Table } from "@tanstack/react-table";
import { Button } from "@/components/ui/button";
import { Input } from "@/components/ui/input";
import { DataTableFacetedFilter } from "@/components/task-table-legacy/data-table-faceted-filter";
import { DataTableViewOptions } from "@/components/task-table-legacy/data-table-view-options";
interface DataTableToolbarProps<TData> {
table: Table<TData>;
filterableColumns?: DataTableFilterableColumn<TData>[];
searchableColumns?: DataTableSearchableColumn<TData>[];
}
export function DataTableToolbar<TData>({
table,
filterableColumns = [],
searchableColumns = [],
}: DataTableToolbarProps<TData>) {
const isFiltered = table.getState().columnFilters.length > 0;
return (
<div className="flex items-center justify-between p-1">
<div className="flex flex-1 items-center space-x-2">
{searchableColumns.length > 0 &&
searchableColumns.map(
(column) =>
table.getColumn(column.id ? String(column.id) : "") && (
<Input
key={String(column.id)}
placeholder={`Filter ${column.title}...`}
value={
(table
.getColumn(String(column.id))
?.getFilterValue() as string) ?? ""
}
onChange={(event) =>
table
.getColumn(String(column.id))
?.setFilterValue(event.target.value)
}
className="h-8 w-[150px] lg:w-[250px]"
/>
)
)}
{filterableColumns.length > 0 &&
filterableColumns.map(
(column) =>
table.getColumn(column.id ? String(column.id) : "") && (
<DataTableFacetedFilter
key={String(column.id)}
column={table.getColumn(column.id ? String(column.id) : "")}
title={column.title}
options={column.options}
/>
)
)}
{isFiltered && (
<Button
variant="ghost"
onClick={() => table.resetColumnFilters()}
className="h-8 px-2 lg:px-3"
>
Reset
<Cross2Icon className="ml-2 h-4 w-4" />
</Button>
)}
</div>
<DataTableViewOptions table={table} />
</div>
);
}

61
components/task-table-legacy/data-table-view-options.tsx Normal file
View File

@ -0,0 +1,61 @@
"use client";
import { DropdownMenuTrigger } from "@/components/ui/dropdown-menu";
import { MixerHorizontalIcon } from "@radix-ui/react-icons";
import { type Table } from "@tanstack/react-table";
import { Button } from "@/components/ui/button";
import {
DropdownMenu,
DropdownMenuCheckboxItem,
DropdownMenuContent,
DropdownMenuLabel,
DropdownMenuSeparator,
} from "@/components/ui/dropdown-menu";
interface DataTableViewOptionsProps<TData> {
table: Table<TData>;
}
export function DataTableViewOptions<TData>({
table,
}: DataTableViewOptionsProps<TData>) {
return (
<DropdownMenu>
<DropdownMenuTrigger asChild>
<Button
variant="outline"
size="sm"
className="ml-auto hidden h-8 lg:flex"
>
<MixerHorizontalIcon className="mr-2 h-4 w-4" />
View
</Button>
</DropdownMenuTrigger>
<DropdownMenuContent align="end" className="w-[150px]">
<DropdownMenuLabel>Toggle columns</DropdownMenuLabel>
<DropdownMenuSeparator />
{table
.getAllColumns()
.filter(
(column) =>
typeof column.accessorFn !== "undefined" && column.getCanHide()
)
.map((column) => {
return (
<DropdownMenuCheckboxItem
key={column.id}
className="capitalize"
checked={column.getIsVisible()}
onCheckedChange={(value: any) =>
column.toggleVisibility(!!value)
}
>
{column.id}
</DropdownMenuCheckboxItem>
);
})}
</DropdownMenuContent>
</DropdownMenu>
);
}

300
components/task-table-legacy/data-table.tsx Normal file
View File

@ -0,0 +1,300 @@
import * as React from "react";
import { usePathname, useRouter, useSearchParams } from "next/navigation";
import type {
DataTableFilterableColumn,
DataTableSearchableColumn,
} from "@/types";
import {
flexRender,
getCoreRowModel,
getFacetedRowModel,
getFacetedUniqueValues,
getFilteredRowModel,
getPaginationRowModel,
getSortedRowModel,
useReactTable,
type ColumnDef,
type ColumnFiltersState,
type PaginationState,
type SortingState,
type VisibilityState,
} from "@tanstack/react-table";
import { useDebounce } from "@/hooks/use-debounce";
import {
Table,
TableBody,
TableCell,
TableHead,
TableHeader,
TableRow,
} from "@/components/ui/table";
import { DataTablePagination } from "@/components/task-table-legacy/data-table-pagination";
import { DataTableToolbar } from "@/components/task-table-legacy/data-table-toolbar";
interface DataTableProps<TData, TValue> {
columns: ColumnDef<TData, TValue>[];
data: TData[];
pageCount: number;
filterableColumns?: DataTableFilterableColumn<TData>[];
searchableColumns?: DataTableSearchableColumn<TData>[];
}
export function DataTable<TData, TValue>({
columns,
data,
pageCount,
filterableColumns = [],
searchableColumns = [],
}: DataTableProps<TData, TValue>) {
const router = useRouter();
const pathname = usePathname();
const searchParams = useSearchParams();
// Search params
const page = searchParams?.get("page") ?? "1";
const per_page = searchParams?.get("per_page") ?? "10";
const sort = searchParams?.get("sort");
const [column, order] = sort?.split(".") ?? [];
// Create query string
const createQueryString = React.useCallback(
(params: Record<string, string | number | null>) => {
const newSearchParams = new URLSearchParams(searchParams?.toString());
for (const [key, value] of Object.entries(params)) {
if (value === null) {
newSearchParams.delete(key);
} else {
newSearchParams.set(key, String(value));
}
}
return newSearchParams.toString();
},
[searchParams]
);
// Table states
const [rowSelection, setRowSelection] = React.useState({});
const [columnVisibility, setColumnVisibility] =
React.useState<VisibilityState>({});
const [columnFilters, setColumnFilters] = React.useState<ColumnFiltersState>(
[]
);
// Handle server-side pagination
const [{ pageIndex, pageSize }, setPagination] =
React.useState<PaginationState>({
pageIndex: Number(page) - 1,
pageSize: Number(per_page),
});
const pagination = React.useMemo(
() => ({
pageIndex,
pageSize,
}),
[pageIndex, pageSize]
);
React.useEffect(() => {
setPagination({
pageIndex: Number(page) - 1,
pageSize: Number(per_page),
});
}, [page, per_page]);
React.useEffect(() => {
router.push(
`${pathname}?${createQueryString({
page: pageIndex + 1,
per_page: pageSize,
})}`
);
// eslint-disable-next-line react-hooks/exhaustive-deps
}, [pageIndex, pageSize]);
// Handle server-side sorting
const [sorting, setSorting] = React.useState<SortingState>([
{
id: column ?? "",
desc: order === "desc",
},
]);
React.useEffect(() => {
router.push(
`${pathname}?${createQueryString({
page,
sort: sorting[0]?.id
? `${sorting[0]?.id}.${sorting[0]?.desc ? "desc" : "asc"}`
: null,
})}`
);
// eslint-disable-next-line react-hooks/exhaustive-deps
}, [sorting]);
// Handle server-side filtering
const debouncedSearchableColumnFilters = JSON.parse(
useDebounce(
JSON.stringify(
columnFilters.filter((filter) => {
return searchableColumns.find((column) => column.id === filter.id);
})
),
500
)
) as ColumnFiltersState;
const filterableColumnFilters = columnFilters.filter((filter) => {
return filterableColumns.find((column) => column.id === filter.id);
});
React.useEffect(() => {
for (const column of debouncedSearchableColumnFilters) {
if (typeof column.value === "string") {
router.push(
`${pathname}?${createQueryString({
page: 1,
[column.id]: typeof column.value === "string" ? column.value : null,
})}`
);
}
}
for (const key of searchParams.keys()) {
if (
searchableColumns.find((column) => column.id === key) &&
!debouncedSearchableColumnFilters.find((column) => column.id === key)
) {
router.push(
`${pathname}?${createQueryString({
page: 1,
[key]: null,
})}`
);
}
}
// eslint-disable-next-line react-hooks/exhaustive-deps
}, [JSON.stringify(debouncedSearchableColumnFilters)]);
React.useEffect(() => {
for (const column of filterableColumnFilters) {
if (typeof column.value === "object" && Array.isArray(column.value)) {
router.push(
`${pathname}?${createQueryString({
page: 1,
[column.id]: column.value.join("."),
})}`
);
}
}
for (const key of searchParams.keys()) {
if (
filterableColumns.find((column) => column.id === key) &&
!filterableColumnFilters.find((column) => column.id === key)
) {
router.push(
`${pathname}?${createQueryString({
page: 1,
[key]: null,
})}`
);
}
}
// eslint-disable-next-line react-hooks/exhaustive-deps
}, [JSON.stringify(filterableColumnFilters)]);
const table = useReactTable({
data,
columns,
pageCount: pageCount ?? -1,
state: {
pagination,
sorting,
columnVisibility,
rowSelection,
columnFilters,
},
enableRowSelection: true,
onRowSelectionChange: setRowSelection,
onPaginationChange: setPagination,
onSortingChange: setSorting,
onColumnFiltersChange: setColumnFilters,
onColumnVisibilityChange: setColumnVisibility,
getCoreRowModel: getCoreRowModel(),
getFilteredRowModel: getFilteredRowModel(),
getPaginationRowModel: getPaginationRowModel(),
getSortedRowModel: getSortedRowModel(),
getFacetedRowModel: getFacetedRowModel(),
getFacetedUniqueValues: getFacetedUniqueValues(),
manualPagination: true,
manualSorting: true,
manualFiltering: true,
});
return (
<div className="w-full space-y-4 overflow-auto">
<DataTableToolbar
table={table}
filterableColumns={filterableColumns}
searchableColumns={searchableColumns}
/>
<div className="rounded-md border">
<Table>
<TableHeader>
{table.getHeaderGroups().map((headerGroup) => (
<TableRow key={headerGroup.id}>
{headerGroup.headers.map((header) => {
return (
<TableHead key={header.id}>
{header.isPlaceholder
? null
: flexRender(
header.column.columnDef.header,
header.getContext()
)}
</TableHead>
);
})}
</TableRow>
))}
</TableHeader>
<TableBody>
{table.getRowModel().rows?.length ? (
table.getRowModel().rows.map((row) => (
<TableRow
key={row.id}
data-state={row.getIsSelected() && "selected"}
>
{row.getVisibleCells().map((cell) => (
<TableCell key={cell.id}>
{flexRender(
cell.column.columnDef.cell,
cell.getContext()
)}
</TableCell>
))}
</TableRow>
))
) : (
<TableRow>
<TableCell
colSpan={columns.length}
className="h-24 text-center"
>
No results.
</TableCell>
</TableRow>
)}
</TableBody>
</Table>
</div>
<DataTablePagination table={table} />
</div>
);
}

177
components/task-table/columns.tsx Normal file
View File

@ -0,0 +1,177 @@
"use client";
import { ColumnDef } from "@tanstack/react-table";
import { Badge } from "@/components/ui/badge";
import { Button } from "@/components/ui/button";
import {
Sheet,
SheetContent,
SheetDescription,
SheetHeader,
SheetTitle,
SheetTrigger,
} from "@/components/ui/sheet";
import { Checkbox } from "@/components/ui/checkbox";
import {
Tooltip,
TooltipContent,
TooltipProvider,
TooltipTrigger,
} from "@/components/ui/tooltip";
import {
// labels,
priorities,
statuses,
} from "@/components/task-table/data";
import { Task } from "@/components/task-table/schema";
import { DataTableColumnHeader } from "./data-table-column-header";
import { DataTableRowActions } from "./data-table-row-actions";
import Chat from "@/components/chat";
export const columns: ColumnDef<Task>[] = [
{
id: "select",
header: ({ table }) => (
<Checkbox
checked={table.getIsAllPageRowsSelected()}
onCheckedChange={(value) => table.toggleAllPageRowsSelected(!!value)}
aria-label="Select all"
className="translate-y-[2px]"
/>
),
cell: ({ row }) => (
<Checkbox
checked={row.getIsSelected()}
onCheckedChange={(value) => row.toggleSelected(!!value)}
aria-label="Select row"
className="translate-y-[2px]"
/>
),
enableSorting: false,
enableHiding: false,
},
{
accessorKey: "id",
header: ({ column }) => (
<DataTableColumnHeader column={column} title="Task ID" />
),
cell: ({ row }) => (
<div className="w-[80px]">TASK-{row.getValue("id")}</div>
),
enableSorting: false,
enableHiding: false,
},
{
accessorKey: "name",
header: ({ column }) => (
<DataTableColumnHeader column={column} title="Name" />
),
cell: ({ row }) => {
const { project, feature, ...rest } = row.original;
return (
<div className="flex space-x-2">
{row.original.feature_name && (
<Badge variant="outline">FEAT-{row.original.feature_id}</Badge>
)}
<Sheet>
<TooltipProvider>
<Tooltip>
<SheetTrigger>
<TooltipTrigger>
<span className="max-w-[500px] truncate font-medium">
{row.getValue("name")}
</span>
</TooltipTrigger>
</SheetTrigger>
<TooltipContent>
<p className="truncate">{row.original.description}</p>
</TooltipContent>
</Tooltip>
</TooltipProvider>
<SheetContent>
<SheetHeader>
<SheetTitle>{row.getValue("name")}</SheetTitle>
<SheetDescription className="flex flex-col space-y-4">
<p className="truncate">{row.original.description}</p>
<Chat
projectInfo={project}
featureInfo={feature}
taskInfo={rest}
/>
</SheetDescription>
</SheetHeader>
</SheetContent>
</Sheet>
</div>
);
},
},
{
accessorKey: "status",
header: ({ column }) => (
<DataTableColumnHeader column={column} title="Status" />
),
cell: ({ row }) => {
const status = statuses.find(
(status) => status.value === row.getValue("status")
);
if (!status) {
return null;
}
return (
<div className="flex w-[100px] items-center">
{status.icon && (
<status.icon className="mr-2 h-4 w-4 text-muted-foreground" />
)}
<span>{status.label}</span>
</div>
);
},
filterFn: (row, id, value) => {
return value.includes(row.getValue(id));
},
},
{
accessorKey: "priority",
header: ({ column }) => (
<DataTableColumnHeader column={column} title="Priority" />
),
cell: ({ row }) => {
const priority = priorities.find(
(priority) => priority.value === row.getValue("priority")
);
if (!priority) {
return (
<div className="flex items-center">
<Button variant="outline" size="sm">
Set Priority
</Button>
</div>
);
}
return (
<div className="flex items-center">
{priority.icon && (
<priority.icon className="mr-2 h-4 w-4 text-muted-foreground" />
)}
<span>{priority.label}</span>
</div>
);
},
filterFn: (row, id, value) => {
return value.includes(row.getValue(id));
},
},
{
id: "actions",
cell: ({ row }) => <DataTableRowActions row={row} />,
},
];

45
components/task-table/data-table-column-header.tsx
View File

@ -4,7 +4,7 @@ import {
CaretSortIcon,
EyeNoneIcon,
} from "@radix-ui/react-icons";
import { type Column } from "@tanstack/react-table";
import { Column } from "@tanstack/react-table";
import { cn } from "@/lib/utils";
import { Button } from "@/components/ui/button";
@ -36,57 +36,32 @@ export function DataTableColumnHeader<TData, TValue>({
<DropdownMenu>
<DropdownMenuTrigger asChild>
<Button
aria-label={
column.getIsSorted() === "desc"
? `Sorted descending. Click to sort ascending.`
: column.getIsSorted() === "asc"
? `Sorted ascending. Click to sort descending.`
: `Not sorted. Click to sort ascending.`
}
variant="ghost"
size="sm"
className="-ml-3 h-8 data-[state=open]:bg-accent"
>
<span>{title}</span>
{column.getIsSorted() === "desc" ? (
<ArrowDownIcon className="ml-2 h-4 w-4" aria-hidden="true" />
<ArrowDownIcon className="ml-2 h-4 w-4" />
) : column.getIsSorted() === "asc" ? (
<ArrowUpIcon className="ml-2 h-4 w-4" aria-hidden="true" />
<ArrowUpIcon className="ml-2 h-4 w-4" />
) : (
<CaretSortIcon className="ml-2 h-4 w-4" aria-hidden="true" />
<CaretSortIcon className="ml-2 h-4 w-4" />
)}
</Button>
</DropdownMenuTrigger>
<DropdownMenuContent align="start">
<DropdownMenuItem
aria-label="Sort ascending"
onClick={() => column.toggleSorting(false)}
>
<ArrowUpIcon
className="mr-2 h-3.5 w-3.5 text-muted-foreground/70"
aria-hidden="true"
/>
<DropdownMenuItem onClick={() => column.toggleSorting(false)}>
<ArrowUpIcon className="mr-2 h-3.5 w-3.5 text-muted-foreground/70" />
Asc
</DropdownMenuItem>
<DropdownMenuItem
aria-label="Sort descending"
onClick={() => column.toggleSorting(true)}
>
<ArrowDownIcon
className="mr-2 h-3.5 w-3.5 text-muted-foreground/70"
aria-hidden="true"
/>
<DropdownMenuItem onClick={() => column.toggleSorting(true)}>
<ArrowDownIcon className="mr-2 h-3.5 w-3.5 text-muted-foreground/70" />
Desc
</DropdownMenuItem>
<DropdownMenuSeparator />
<DropdownMenuItem
aria-label="Hide column"
onClick={() => column.toggleVisibility(false)}
>
<EyeNoneIcon
className="mr-2 h-3.5 w-3.5 text-muted-foreground/70"
aria-hidden="true"
/>
<DropdownMenuItem onClick={() => column.toggleVisibility(false)}>
<EyeNoneIcon className="mr-2 h-3.5 w-3.5 text-muted-foreground/70" />
Hide
</DropdownMenuItem>
</DropdownMenuContent>

27
components/task-table/data-table-faceted-filter.tsx
View File

@ -1,6 +1,6 @@
import * as React from "react";
import { CheckIcon, PlusCircledIcon } from "@radix-ui/react-icons";
import { type Column } from "@tanstack/react-table";
import { Column } from "@tanstack/react-table";
import { cn } from "@/lib/utils";
import { Badge } from "@/components/ui/badge";
@ -21,16 +21,14 @@ import {
} from "@/components/ui/popover";
import { Separator } from "@/components/ui/separator";
export type FilterOption = {
label: string;
value: string;
icon?: React.ComponentType<{ className?: string }>;
};
interface DataTableFacetedFilter<TData, TValue> {
column?: Column<TData, TValue>;
title?: string;
options: FilterOption[];
options: {
label: string;
value: string;
icon?: React.ComponentType<{ className?: string }>;
}[];
}
export function DataTableFacetedFilter<TData, TValue>({
@ -38,6 +36,7 @@ export function DataTableFacetedFilter<TData, TValue>({
title,
options,
}: DataTableFacetedFilter<TData, TValue>) {
const facets = column?.getFacetedUniqueValues();
const selectedValues = new Set(column?.getFilterValue() as string[]);
return (
@ -112,15 +111,17 @@ export function DataTableFacetedFilter<TData, TValue>({
: "opacity-50 [&_svg]:invisible"
)}
>
<CheckIcon className={cn("h-4 w-4")} aria-hidden="true" />
<CheckIcon className={cn("h-4 w-4")} />
</div>
{option.icon && (
<option.icon
className="mr-2 h-4 w-4 text-muted-foreground"
aria-hidden="true"
/>
<option.icon className="mr-2 h-4 w-4 text-muted-foreground" />
)}
<span>{option.label}</span>
{facets?.get(option.value) && (
<span className="ml-auto flex h-4 w-4 items-center justify-center font-mono text-xs">
{facets.get(option.value)}
</span>
)}
</CommandItem>
);
})}

144
components/task-table/data-table-pagination.tsx
View File

@ -4,7 +4,7 @@ import {
DoubleArrowLeftIcon,
DoubleArrowRightIcon,
} from "@radix-ui/react-icons";
import { type Table } from "@tanstack/react-table";
import { Table } from "@tanstack/react-table";
import { Button } from "@/components/ui/button";
import {
@ -14,92 +14,82 @@ import {
SelectTrigger,
SelectValue,
} from "@/components/ui/select";
import { DataTableFloatingBar } from "@/components/task-table/data-table-floating-bar";
interface DataTablePaginationProps<TData> {
table: Table<TData>;
pageSizeOptions?: number[];
}
export function DataTablePagination<TData>({
table,
pageSizeOptions = [10, 20, 30, 40, 50],
}: DataTablePaginationProps<TData>) {
return (
<div className="w-full overflow-hidden">
<DataTableFloatingBar table={table} />
<div className="flex w-full flex-col items-center justify-between gap-4 overflow-auto px-2 py-1 sm:flex-row sm:gap-8">
<div className="flex-1 whitespace-nowrap text-sm text-muted-foreground">
{table.getFilteredSelectedRowModel().rows.length} of{" "}
{table.getFilteredRowModel().rows.length} row(s) selected.
<div className="flex items-center justify-between px-2">
<div className="flex-1 text-sm text-muted-foreground">
{table.getFilteredSelectedRowModel().rows.length} of{" "}
{table.getFilteredRowModel().rows.length} row(s) selected.
</div>
<div className="flex items-center space-x-6 lg:space-x-8">
<div className="flex items-center space-x-2">
<p className="text-sm font-medium">Rows per page</p>
<Select
value={`${table.getState().pagination.pageSize}`}
onValueChange={(value) => {
table.setPageSize(Number(value));
}}
>
<SelectTrigger className="h-8 w-[70px]">
<SelectValue placeholder={table.getState().pagination.pageSize} />
</SelectTrigger>
<SelectContent side="top">
{[10, 20, 30, 40, 50].map((pageSize) => (
<SelectItem key={pageSize} value={`${pageSize}`}>
{pageSize}
</SelectItem>
))}
</SelectContent>
</Select>
</div>
<div className="flex flex-col items-center gap-4 sm:flex-row sm:gap-6 lg:gap-8">
<div className="flex items-center space-x-2">
<p className="whitespace-nowrap text-sm font-medium">
Rows per page
</p>
<Select
value={`${table.getState().pagination.pageSize}`}
onValueChange={(value) => {
table.setPageSize(Number(value));
}}
>
<SelectTrigger className="h-8 w-[70px]">
<SelectValue
placeholder={table.getState().pagination.pageSize}
/>
</SelectTrigger>
<SelectContent side="top">
{pageSizeOptions.map((pageSize) => (
<SelectItem key={pageSize} value={`${pageSize}`}>
{pageSize}
</SelectItem>
))}
</SelectContent>
</Select>
</div>
<div className="flex w-[100px] items-center justify-center text-sm font-medium">
Page {table.getState().pagination.pageIndex + 1} of{" "}
{table.getPageCount()}
</div>
<div className="flex items-center space-x-2">
<Button
aria-label="Go to first page"
variant="outline"
className="hidden h-8 w-8 p-0 lg:flex"
onClick={() => table.setPageIndex(0)}
disabled={!table.getCanPreviousPage()}
>
<DoubleArrowLeftIcon className="h-4 w-4" aria-hidden="true" />
</Button>
<Button
aria-label="Go to previous page"
variant="outline"
className="h-8 w-8 p-0"
onClick={() => table.previousPage()}
disabled={!table.getCanPreviousPage()}
>
<ChevronLeftIcon className="h-4 w-4" aria-hidden="true" />
</Button>
<Button
aria-label="Go to next page"
variant="outline"
className="h-8 w-8 p-0"
onClick={() => table.nextPage()}
disabled={!table.getCanNextPage()}
>
<ChevronRightIcon className="h-4 w-4" aria-hidden="true" />
</Button>
<Button
aria-label="Go to last page"
variant="outline"
className="hidden h-8 w-8 p-0 lg:flex"
onClick={() => table.setPageIndex(table.getPageCount() - 1)}
disabled={!table.getCanNextPage()}
>
<DoubleArrowRightIcon className="h-4 w-4" aria-hidden="true" />
</Button>
</div>
<div className="flex w-[100px] items-center justify-center text-sm font-medium">
Page {table.getState().pagination.pageIndex + 1} of{" "}
{table.getPageCount()}
</div>
<div className="flex items-center space-x-2">
<Button
variant="outline"
className="hidden h-8 w-8 p-0 lg:flex"
onClick={() => table.setPageIndex(0)}
disabled={!table.getCanPreviousPage()}
>
<span className="sr-only">Go to first page</span>
<DoubleArrowLeftIcon className="h-4 w-4" />
</Button>
<Button
variant="outline"
className="h-8 w-8 p-0"
onClick={() => table.previousPage()}
disabled={!table.getCanPreviousPage()}
>
<span className="sr-only">Go to previous page</span>
<ChevronLeftIcon className="h-4 w-4" />
</Button>
<Button
variant="outline"
className="h-8 w-8 p-0"
onClick={() => table.nextPage()}
disabled={!table.getCanNextPage()}
>
<span className="sr-only">Go to next page</span>
<ChevronRightIcon className="h-4 w-4" />
</Button>
<Button
variant="outline"
className="hidden h-8 w-8 p-0 lg:flex"
onClick={() => table.setPageIndex(table.getPageCount() - 1)}
disabled={!table.getCanNextPage()}
>
<span className="sr-only">Go to last page</span>
<DoubleArrowRightIcon className="h-4 w-4" />
</Button>
</div>
</div>
</div>

67
components/task-table/data-table-row-actions.tsx Normal file
View File

@ -0,0 +1,67 @@
"use client";
import { DotsHorizontalIcon } from "@radix-ui/react-icons";
import { Row } from "@tanstack/react-table";
import { Button } from "@/components/ui/button";
import {
DropdownMenu,
DropdownMenuContent,
DropdownMenuItem,
DropdownMenuRadioGroup,
DropdownMenuRadioItem,
DropdownMenuSeparator,
DropdownMenuShortcut,
DropdownMenuSub,
DropdownMenuSubContent,
DropdownMenuSubTrigger,
DropdownMenuTrigger,
} from "@/components/ui/dropdown-menu";
import { taskSchema } from "@/components/task-table/schema";
interface DataTableRowActionsProps<TData> {
row: Row<TData>;
}
export function DataTableRowActions<TData>({
row,
}: DataTableRowActionsProps<TData>) {
const task = taskSchema.parse(row.original);
return (
<DropdownMenu>
<DropdownMenuTrigger asChild>
<Button
variant="ghost"
className="flex h-8 w-8 p-0 data-[state=open]:bg-muted"
>
<DotsHorizontalIcon className="h-4 w-4" />
<span className="sr-only">Open menu</span>
</Button>
</DropdownMenuTrigger>
<DropdownMenuContent align="end" className="w-[160px]">
<DropdownMenuItem>Edit</DropdownMenuItem>
<DropdownMenuItem>Make a copy</DropdownMenuItem>
<DropdownMenuItem>Favorite</DropdownMenuItem>
{/* <DropdownMenuSub>
<DropdownMenuSubTrigger>Labels</DropdownMenuSubTrigger>
<DropdownMenuSubContent>
<DropdownMenuRadioGroup value={task.label}>
{labels.map((label) => (
<DropdownMenuRadioItem key={label.value} value={label.value}>
{label.label}
</DropdownMenuRadioItem>
))}
</DropdownMenuRadioGroup>
</DropdownMenuSubContent>
</DropdownMenuSub> */}
<DropdownMenuSeparator />
<DropdownMenuItem>
Delete
<DropdownMenuShortcut>⌘⌫</DropdownMenuShortcut>
</DropdownMenuItem>
</DropdownMenuContent>
</DropdownMenu>
);
}

73
components/task-table/data-table-toolbar.tsx
View File

@ -1,66 +1,50 @@
"use client";
import type {
DataTableFilterableColumn,
DataTableSearchableColumn,
} from "@/types";
import { Cross2Icon } from "@radix-ui/react-icons";
import type { Table } from "@tanstack/react-table";
import { Table } from "@tanstack/react-table";
// import CreateProject from "@/components/workspace/dashboard/create-project";
import { Button } from "@/components/ui/button";
import { Input } from "@/components/ui/input";
import { DataTableFacetedFilter } from "@/components/task-table/data-table-faceted-filter";
import { DataTableViewOptions } from "@/components/task-table/data-table-view-options";
import { priorities, statuses } from "@/components/task-table/data";
import { DataTableFacetedFilter } from "./data-table-faceted-filter";
interface DataTableToolbarProps<TData> {
table: Table<TData>;
filterableColumns?: DataTableFilterableColumn<TData>[];
searchableColumns?: DataTableSearchableColumn<TData>[];
}
export function DataTableToolbar<TData>({
table,
filterableColumns = [],
searchableColumns = [],
}: DataTableToolbarProps<TData>) {
const isFiltered = table.getState().columnFilters.length > 0;
return (
<div className="flex items-center justify-between p-1">
<div className="flex items-center justify-between">
<div className="flex flex-1 items-center space-x-2">
{searchableColumns.length > 0 &&
searchableColumns.map(
(column) =>
table.getColumn(column.id ? String(column.id) : "") && (
<Input
key={String(column.id)}
placeholder={`Filter ${column.title}...`}
value={
(table
.getColumn(String(column.id))
?.getFilterValue() as string) ?? ""
}
onChange={(event) =>
table
.getColumn(String(column.id))
?.setFilterValue(event.target.value)
}
className="h-8 w-[150px] lg:w-[250px]"
/>
)
)}
{filterableColumns.length > 0 &&
filterableColumns.map(
(column) =>
table.getColumn(column.id ? String(column.id) : "") && (
<DataTableFacetedFilter
key={String(column.id)}
column={table.getColumn(column.id ? String(column.id) : "")}
title={column.title}
options={column.options}
/>
)
)}
<Input
placeholder="Filter project names..."
value={(table.getColumn("name")?.getFilterValue() as string) ?? ""}
onChange={(event) =>
table.getColumn("name")?.setFilterValue(event.target.value)
}
className="h-8 w-[150px] lg:w-[250px]"
/>
{table.getColumn("status") && (
<DataTableFacetedFilter
column={table.getColumn("status")}
title="Status"
options={statuses}
/>
)}
{table.getColumn("priority") && (
<DataTableFacetedFilter
column={table.getColumn("priority")}
title="Priority"
options={priorities}
/>
)}
{isFiltered && (
<Button
variant="ghost"
@ -72,6 +56,7 @@ export function DataTableToolbar<TData>({
</Button>
)}
</div>
{/* <CreateProject text="Create Project" /> */}
<DataTableViewOptions table={table} />
</div>
);

8
components/task-table/data-table-view-options.tsx
View File

@ -1,8 +1,8 @@
"use client";
import { DropdownMenuTrigger } from "@/components/ui/dropdown-menu";
import { DropdownMenuTrigger } from "@radix-ui/react-dropdown-menu";
import { MixerHorizontalIcon } from "@radix-ui/react-icons";
import { type Table } from "@tanstack/react-table";
import { Table } from "@tanstack/react-table";
import { Button } from "@/components/ui/button";
import {
@ -47,9 +47,7 @@ export function DataTableViewOptions<TData>({
key={column.id}
className="capitalize"
checked={column.getIsVisible()}
onCheckedChange={(value: any) =>
column.toggleVisibility(!!value)
}
onCheckedChange={(value) => column.toggleVisibility(!!value)}
>
{column.id}
</DropdownMenuCheckboxItem>

194
components/task-table/data-table.tsx
View File

@ -1,10 +1,11 @@
"use client";
import * as React from "react";
import { usePathname, useRouter, useSearchParams } from "next/navigation";
import type {
DataTableFilterableColumn,
DataTableSearchableColumn,
} from "@/types";
import {
ColumnDef,
ColumnFiltersState,
SortingState,
VisibilityState,
flexRender,
getCoreRowModel,
getFacetedRowModel,
@ -13,14 +14,8 @@ import {
getPaginationRowModel,
getSortedRowModel,
useReactTable,
type ColumnDef,
type ColumnFiltersState,
type PaginationState,
type SortingState,
type VisibilityState,
} from "@tanstack/react-table";
import { useDebounce } from "@/hooks/use-debounce";
import {
Table,
TableBody,
@ -29,192 +24,31 @@ import {
TableHeader,
TableRow,
} from "@/components/ui/table";
import { DataTablePagination } from "@/components/task-table/data-table-pagination";
import { DataTableToolbar } from "@/components/task-table/data-table-toolbar";
interface DataTableProps<TData, TValue> {
columns: ColumnDef<TData, TValue>[];
data: TData[];
pageCount: number;
filterableColumns?: DataTableFilterableColumn<TData>[];
searchableColumns?: DataTableSearchableColumn<TData>[];
}
export function DataTable<TData, TValue>({
columns,
data,
pageCount,
filterableColumns = [],
searchableColumns = [],
}: DataTableProps<TData, TValue>) {
const router = useRouter();
const pathname = usePathname();
const searchParams = useSearchParams();
// Search params
const page = searchParams?.get("page") ?? "1";
const per_page = searchParams?.get("per_page") ?? "10";
const sort = searchParams?.get("sort");
const [column, order] = sort?.split(".") ?? [];
// Create query string
const createQueryString = React.useCallback(
(params: Record<string, string | number | null>) => {
const newSearchParams = new URLSearchParams(searchParams?.toString());
for (const [key, value] of Object.entries(params)) {
if (value === null) {
newSearchParams.delete(key);
} else {
newSearchParams.set(key, String(value));
}
}
return newSearchParams.toString();
},
[searchParams]
);
// Table states
const [rowSelection, setRowSelection] = React.useState({});
const [columnVisibility, setColumnVisibility] =
React.useState<VisibilityState>({});
const [columnFilters, setColumnFilters] = React.useState<ColumnFiltersState>(
[]
);
// Handle server-side pagination
const [{ pageIndex, pageSize }, setPagination] =
React.useState<PaginationState>({
pageIndex: Number(page) - 1,
pageSize: Number(per_page),
});
const pagination = React.useMemo(
() => ({
pageIndex,
pageSize,
}),
[pageIndex, pageSize]
);
React.useEffect(() => {
setPagination({
pageIndex: Number(page) - 1,
pageSize: Number(per_page),
});
}, [page, per_page]);
React.useEffect(() => {
router.push(
`${pathname}?${createQueryString({
page: pageIndex + 1,
per_page: pageSize,
})}`
);
// eslint-disable-next-line react-hooks/exhaustive-deps
}, [pageIndex, pageSize]);
// Handle server-side sorting
const [sorting, setSorting] = React.useState<SortingState>([
{
id: column ?? "",
desc: order === "desc",
},
]);
React.useEffect(() => {
router.push(
`${pathname}?${createQueryString({
page,
sort: sorting[0]?.id
? `${sorting[0]?.id}.${sorting[0]?.desc ? "desc" : "asc"}`
: null,
})}`
);
// eslint-disable-next-line react-hooks/exhaustive-deps
}, [sorting]);
// Handle server-side filtering
const debouncedSearchableColumnFilters = JSON.parse(
useDebounce(
JSON.stringify(
columnFilters.filter((filter) => {
return searchableColumns.find((column) => column.id === filter.id);
})
),
500
)
) as ColumnFiltersState;
const filterableColumnFilters = columnFilters.filter((filter) => {
return filterableColumns.find((column) => column.id === filter.id);
});
React.useEffect(() => {
for (const column of debouncedSearchableColumnFilters) {
if (typeof column.value === "string") {
router.push(
`${pathname}?${createQueryString({
page: 1,
[column.id]: typeof column.value === "string" ? column.value : null,
})}`
);
}
}
for (const key of searchParams.keys()) {
if (
searchableColumns.find((column) => column.id === key) &&
!debouncedSearchableColumnFilters.find((column) => column.id === key)
) {
router.push(
`${pathname}?${createQueryString({
page: 1,
[key]: null,
})}`
);
}
}
// eslint-disable-next-line react-hooks/exhaustive-deps
}, [JSON.stringify(debouncedSearchableColumnFilters)]);
React.useEffect(() => {
for (const column of filterableColumnFilters) {
if (typeof column.value === "object" && Array.isArray(column.value)) {
router.push(
`${pathname}?${createQueryString({
page: 1,
[column.id]: column.value.join("."),
})}`
);
}
}
for (const key of searchParams.keys()) {
if (
filterableColumns.find((column) => column.id === key) &&
!filterableColumnFilters.find((column) => column.id === key)
) {
router.push(
`${pathname}?${createQueryString({
page: 1,
[key]: null,
})}`
);
}
}
// eslint-disable-next-line react-hooks/exhaustive-deps
}, [JSON.stringify(filterableColumnFilters)]);
const [sorting, setSorting] = React.useState<SortingState>([]);
const table = useReactTable({
data,
columns,
pageCount: pageCount ?? -1,
state: {
pagination,
sorting,
columnVisibility,
rowSelection,
@ -222,7 +56,6 @@ export function DataTable<TData, TValue>({
},
enableRowSelection: true,
onRowSelectionChange: setRowSelection,
onPaginationChange: setPagination,
onSortingChange: setSorting,
onColumnFiltersChange: setColumnFilters,
onColumnVisibilityChange: setColumnVisibility,
@ -232,18 +65,11 @@ export function DataTable<TData, TValue>({
getSortedRowModel: getSortedRowModel(),
getFacetedRowModel: getFacetedRowModel(),
getFacetedUniqueValues: getFacetedUniqueValues(),
manualPagination: true,
manualSorting: true,
manualFiltering: true,
});
return (
<div className="w-full space-y-4 overflow-auto">
<DataTableToolbar
table={table}
filterableColumns={filterableColumns}
searchableColumns={searchableColumns}
/>
<div className="space-y-4">
<DataTableToolbar table={table} />
<div className="rounded-md border">
<Table>
<TableHeader>

56
components/task-table/data.tsx Normal file
View File

@ -0,0 +1,56 @@
import {
ArrowDownIcon,
ArrowRightIcon,
ArrowUpIcon,
CheckCircledIcon,
CircleIcon,
CrossCircledIcon,
QuestionMarkCircledIcon,
StopwatchIcon,
} from "@radix-ui/react-icons";
export const statuses = [
{
value: "backlog",
label: "Backlog",
icon: QuestionMarkCircledIcon,
},
{
value: "todo",
label: "Todo",
icon: CircleIcon,
},
{
value: "in_progress",
label: "In Progress",
icon: StopwatchIcon,
},
{
value: "done",
label: "Done",
icon: CheckCircledIcon,
},
{
value: "canceled",
label: "Canceled",
icon: CrossCircledIcon,
},
];
export const priorities = [
{
label: "Low",
value: "low",
icon: ArrowDownIcon,
},
{
label: "Medium",
value: "medium",
icon: ArrowRightIcon,
},
{
label: "High",
value: "high",
icon: ArrowUpIcon,
},
];

15
components/task-table/schema.tsx Normal file
View File

@ -0,0 +1,15 @@
import { z } from "zod";
export const taskSchema = z.object({
id: z.string(),
name: z.string(),
description: z.string(),
feature_name: z.string().nullable(),
feature_id: z.string().nullable(),
feature: z.any(),
project: z.any(),
status: z.enum(["backlog", "todo", "in_progress", "done"]).optional(),
priority: z.string().nullable(),
});
export type Task = z.infer<typeof taskSchema>;

54
components/ui/sheet.tsx
View File

@ -1,25 +1,25 @@
"use client"
"use client";
import * as React from "react"
import * as SheetPrimitive from "@radix-ui/react-dialog"
import { Cross2Icon } from "@radix-ui/react-icons"
import { cva, type VariantProps } from "class-variance-authority"
import * as React from "react";
import * as SheetPrimitive from "@radix-ui/react-dialog";
import { Cross2Icon } from "@radix-ui/react-icons";
import { cva, type VariantProps } from "class-variance-authority";
import { cn } from "@/lib/utils"
import { cn } from "@/lib/utils";
const Sheet = SheetPrimitive.Root
const Sheet = SheetPrimitive.Root;
const SheetTrigger = SheetPrimitive.Trigger
const SheetTrigger = SheetPrimitive.Trigger;
const SheetClose = SheetPrimitive.Close
const SheetClose = SheetPrimitive.Close;
const SheetPortal = ({
className,
...props
}: SheetPrimitive.DialogPortalProps) => (
<SheetPrimitive.Portal className={cn(className)} {...props} />
)
SheetPortal.displayName = SheetPrimitive.Portal.displayName
);
SheetPortal.displayName = SheetPrimitive.Portal.displayName;
const SheetOverlay = React.forwardRef<
React.ElementRef<typeof SheetPrimitive.Overlay>,
@ -33,8 +33,8 @@ const SheetOverlay = React.forwardRef<
{...props}
ref={ref}
/>
))
SheetOverlay.displayName = SheetPrimitive.Overlay.displayName
));
SheetOverlay.displayName = SheetPrimitive.Overlay.displayName;
const sheetVariants = cva(
"fixed z-50 gap-4 bg-background p-6 shadow-lg transition ease-in-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:duration-500",
@ -44,16 +44,16 @@ const sheetVariants = cva(
top: "inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",
bottom:
"inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",
left: "inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm",
left: "inset-y-0 left-0 h-full border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left",
right:
"inset-y-0 right-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm",
"inset-y-0 right-0 h-full border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right",
},
},
defaultVariants: {
side: "right",
},
}
)
);
interface SheetContentProps
extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>,
@ -77,8 +77,8 @@ const SheetContent = React.forwardRef<
</SheetPrimitive.Close>
</SheetPrimitive.Content>
</SheetPortal>
))
SheetContent.displayName = SheetPrimitive.Content.displayName
));
SheetContent.displayName = SheetPrimitive.Content.displayName;
const SheetHeader = ({
className,
@ -91,8 +91,8 @@ const SheetHeader = ({
)}
{...props}
/>
)
SheetHeader.displayName = "SheetHeader"
);
SheetHeader.displayName = "SheetHeader";
const SheetFooter = ({
className,
@ -105,8 +105,8 @@ const SheetFooter = ({
)}
{...props}
/>
)
SheetFooter.displayName = "SheetFooter"
);
SheetFooter.displayName = "SheetFooter";
const SheetTitle = React.forwardRef<
React.ElementRef<typeof SheetPrimitive.Title>,
@ -117,8 +117,8 @@ const SheetTitle = React.forwardRef<
className={cn("text-lg font-semibold text-foreground", className)}
{...props}
/>
))
SheetTitle.displayName = SheetPrimitive.Title.displayName
));
SheetTitle.displayName = SheetPrimitive.Title.displayName;
const SheetDescription = React.forwardRef<
React.ElementRef<typeof SheetPrimitive.Description>,
@ -129,8 +129,8 @@ const SheetDescription = React.forwardRef<
className={cn("text-sm text-muted-foreground", className)}
{...props}
/>
))
SheetDescription.displayName = SheetPrimitive.Description.displayName
));
SheetDescription.displayName = SheetPrimitive.Description.displayName;
export {
Sheet,
@ -143,4 +143,4 @@ export {
SheetFooter,
SheetTitle,
SheetDescription,
}
};

82
lib/prompts.ts Normal file
View File

@ -0,0 +1,82 @@
import { Feature } from "@/types";
export const generateProjectQuestions = (
project_name: string,
project_description: string,
project_stack: string[]
): string => {
return `You are an AI software project manager. You use agile methodology and the best software project management techniques to plan software projects for indie developers.
I am an indie developer creating a new software project. Here are the details:
"""
Project Name: ${project_name}
Project Description: ${project_description}
Tech Stack: ${project_stack.join(", ")}
"""
Generate a few questions that you would want to ask me for additional context in order to figure out what features need to be developed for this project. For example, you may want to ask me about the target audience, the business goals, the user stories, etc. You can ask me about anything that you think would help you figure out what features need to be developed for this project. You can ask me at most 3 questions.
`;
};
export const generateTasks = (
project_name: string,
project_description: string,
project_stack: string[],
related_features: string[],
feature: Feature
): string => {
return `You are an AI software project manager. You use agile methodology and the best software project management techniques to plan software projects for indie developers.
I am an indie developer creating a new software project. Here are the details:
"""
Project Name: ${project_name}
Project Description: ${project_description}
Tech Stack: ${project_stack.join(", ")}
"""
###
I have already written the tasks for the following features:
${related_features.join(", ")}
"""
Generate tasks for the following feature in the context of the project. I have already written the tasks for the configuration of the project with the specified tech stack, so don’t generate any configuration-related tasks. Only generate tasks specific to the feature. Also, look back at the user story and the features I already wrote tasks for. Try your best to not generate any tasks that I may have already written for my other features.
Feature:
"""
Name: ${feature.name}
Description: ${feature.description}
ID: ${feature.uid}
"""
Each task should have the following. You must create at least 6 tasks but no more than 12.
"""
Name
Description
Priority (low, medium, high)
Dependency-Based Order (numeric)
"""
`;
};
export const generateFeatures = (
project_name: string,
project_description: string,
project_stack: string[]
): string => {
return `You are an AI software project manager. You use agile methodology and the best software project management techniques to plan software projects for indie developers.
I am an indie developer creating a new software project. Here are the details:
"""
Project Name: ${project_name}
Project Description: ${project_description}
Tech Stack: ${project_stack.join(", ")}
"""
Instructions: Generate a list of features for the project. Each feature should have the following:
"""
Name
Description
"""
Do not generate more than 12 features.
`;
};

2
package.json
View File

@ -41,6 +41,7 @@
"@supabase/auth-helpers-nextjs": "^0.8.1",
"@supabase/supabase-js": "^2.38.1",
"@tanstack/react-table": "^8.10.6",
"ai": "^2.2.20",
"class-variance-authority": "^0.7.0",
"clsx": "^2.0.0",
"cmdk": "^0.2.0",
@ -56,6 +57,7 @@
"react-hook-form": "^7.47.0",
"tailwind-merge": "^1.14.0",
"tailwindcss-animate": "^1.0.7",
"uuid": "^9.0.1",
"zod": "^3.22.4",
"zod-gpt": "^0.7.2"
},

334
pnpm-lock.yaml
View File

@ -101,6 +101,9 @@ dependencies:
'@tanstack/react-table':
specifier: ^8.10.6
version: 8.10.7(react-dom@18.2.0)(react@18.2.0)
ai:
specifier: ^2.2.20
version: 2.2.20(react@18.2.0)(solid-js@1.8.5)(svelte@4.2.2)(vue@3.3.7)
class-variance-authority:
specifier: ^0.7.0
version: 0.7.0
@ -146,6 +149,9 @@ dependencies:
tailwindcss-animate:
specifier: ^1.0.7
version: 1.0.7(tailwindcss@3.3.3)
uuid:
specifier: ^9.0.1
version: 9.0.1
zod:
specifier: ^3.22.4
version: 3.22.4
@ -199,6 +205,14 @@ packages:
resolution: {integrity: sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==}
engines: {node: '>=10'}
/@ampproject/remapping@2.2.1:
resolution: {integrity: sha512-lFMjJTrFL3j7L9yBxwYfCq2k6qqwHyzuUl/XBnif78PWTJYyL/dfowQHWE3sp6U6ZzqWiiIZnpTMO96zhkjwtg==}
engines: {node: '>=6.0.0'}
dependencies:
'@jridgewell/gen-mapping': 0.3.3
'@jridgewell/trace-mapping': 0.3.20
dev: false
/@anthropic-ai/sdk@0.5.10(encoding@0.1.13):
resolution: {integrity: sha512-P8xrIuTUO/6wDzcjQRUROXp4WSqtngbXaE4GpEu0PhEmnq/1Q8vbF1s0o7W07EV3j8zzRoyJxAKovUJtNXH7ew==}
dependencies:
@ -230,12 +244,39 @@ packages:
- encoding
dev: false
/@babel/helper-string-parser@7.22.5:
resolution: {integrity: sha512-mM4COjgZox8U+JcXQwPijIZLElkgEpO5rsERVDJTc2qfCDfERyob6k5WegS14SX18IIjv+XD+GrqNumY5JRCDw==}
engines: {node: '>=6.9.0'}
dev: false
/@babel/helper-validator-identifier@7.22.20:
resolution: {integrity: sha512-Y4OZ+ytlatR8AI+8KZfKuL5urKp7qey08ha31L8b3BwewJAoJamTzyvxPR/5D+KkdJCGPq/+8TukHBlY10FX9A==}
engines: {node: '>=6.9.0'}
dev: false
/@babel/parser@7.23.0:
resolution: {integrity: sha512-vvPKKdMemU85V9WE/l5wZEmImpCtLqbnTvqDS2U1fJ96KrxoW7KrXhNsNCblQlg8Ck4b85yxdTyelsMUgFUXiw==}
engines: {node: '>=6.0.0'}
hasBin: true
dependencies:
'@babel/types': 7.23.0
dev: false
/@babel/runtime@7.23.2:
resolution: {integrity: sha512-mM8eg4yl5D6i3lu2QKPuPH4FArvJ8KhTofbE7jwMUv9KX5mBvwPAqnV3MlyBNqdp9RyRKP6Yck8TrfYrPvX3bg==}
engines: {node: '>=6.9.0'}
dependencies:
regenerator-runtime: 0.14.0
/@babel/types@7.23.0:
resolution: {integrity: sha512-0oIyUfKoI3mSqMvsxBdclDwxXKXAUA8v/apZbc+iSyARYou1o8ZGDxbUYyLFoW2arqS2jDGqJuZvv1d/io1axg==}
engines: {node: '>=6.9.0'}
dependencies:
'@babel/helper-string-parser': 7.22.5
'@babel/helper-validator-identifier': 7.22.20
to-fast-properties: 2.0.0
dev: false
/@eslint-community/eslint-utils@4.4.0(eslint@8.51.0):
resolution: {integrity: sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==}
engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
@ -1968,6 +2009,10 @@ packages:
engines: {node: '>=12'}
dev: false
/@types/estree@1.0.4:
resolution: {integrity: sha512-2JwWnHK9H+wUZNorf2Zr6ves96WHoWDJIftkcxPKsS7Djta6Zu519LarhRNljPXkpsZR2ZMwNCPeW7omW07BJw==}
dev: false
/@types/json5@0.0.29:
resolution: {integrity: sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ==}
dev: true
@ -2087,6 +2132,89 @@ packages:
eslint-visitor-keys: 3.4.3
dev: true
/@vue/compiler-core@3.3.7:
resolution: {integrity: sha512-pACdY6YnTNVLXsB86YD8OF9ihwpolzhhtdLVHhBL6do/ykr6kKXNYABRtNMGrsQXpEXXyAdwvWWkuTbs4MFtPQ==}
dependencies:
'@babel/parser': 7.23.0
'@vue/shared': 3.3.7
estree-walker: 2.0.2
source-map-js: 1.0.2
dev: false
/@vue/compiler-dom@3.3.7:
resolution: {integrity: sha512-0LwkyJjnUPssXv/d1vNJ0PKfBlDoQs7n81CbO6Q0zdL7H1EzqYRrTVXDqdBVqro0aJjo/FOa1qBAPVI4PGSHBw==}
dependencies:
'@vue/compiler-core': 3.3.7
'@vue/shared': 3.3.7
dev: false
/@vue/compiler-sfc@3.3.7:
resolution: {integrity: sha512-7pfldWy/J75U/ZyYIXRVqvLRw3vmfxDo2YLMwVtWVNew8Sm8d6wodM+OYFq4ll/UxfqVr0XKiVwti32PCrruAw==}
dependencies:
'@babel/parser': 7.23.0
'@vue/compiler-core': 3.3.7
'@vue/compiler-dom': 3.3.7
'@vue/compiler-ssr': 3.3.7
'@vue/reactivity-transform': 3.3.7
'@vue/shared': 3.3.7
estree-walker: 2.0.2
magic-string: 0.30.5
postcss: 8.4.31
source-map-js: 1.0.2
dev: false
/@vue/compiler-ssr@3.3.7:
resolution: {integrity: sha512-TxOfNVVeH3zgBc82kcUv+emNHo+vKnlRrkv8YvQU5+Y5LJGJwSNzcmLUoxD/dNzv0bhQ/F0s+InlgV0NrApJZg==}
dependencies:
'@vue/compiler-dom': 3.3.7
'@vue/shared': 3.3.7
dev: false
/@vue/reactivity-transform@3.3.7:
resolution: {integrity: sha512-APhRmLVbgE1VPGtoLQoWBJEaQk4V8JUsqrQihImVqKT+8U6Qi3t5ATcg4Y9wGAPb3kIhetpufyZ1RhwbZCIdDA==}
dependencies:
'@babel/parser': 7.23.0
'@vue/compiler-core': 3.3.7
'@vue/shared': 3.3.7
estree-walker: 2.0.2
magic-string: 0.30.5
dev: false
/@vue/reactivity@3.3.7:
resolution: {integrity: sha512-cZNVjWiw00708WqT0zRpyAgduG79dScKEPYJXq2xj/aMtk3SKvL3FBt2QKUlh6EHBJ1m8RhBY+ikBUzwc7/khg==}
dependencies:
'@vue/shared': 3.3.7
dev: false
/@vue/runtime-core@3.3.7:
resolution: {integrity: sha512-LHq9du3ubLZFdK/BP0Ysy3zhHqRfBn80Uc+T5Hz3maFJBGhci1MafccnL3rpd5/3wVfRHAe6c+PnlO2PAavPTQ==}
dependencies:
'@vue/reactivity': 3.3.7
'@vue/shared': 3.3.7
dev: false
/@vue/runtime-dom@3.3.7:
resolution: {integrity: sha512-PFQU1oeJxikdDmrfoNQay5nD4tcPNYixUBruZzVX/l0eyZvFKElZUjW4KctCcs52nnpMGO6UDK+jF5oV4GT5Lw==}
dependencies:
'@vue/runtime-core': 3.3.7
'@vue/shared': 3.3.7
csstype: 3.1.2
dev: false
/@vue/server-renderer@3.3.7(vue@3.3.7):
resolution: {integrity: sha512-UlpKDInd1hIZiNuVVVvLgxpfnSouxKQOSE2bOfQpBuGwxRV/JqqTCyyjXUWiwtVMyeRaZhOYYqntxElk8FhBhw==}
peerDependencies:
vue: 3.3.7
dependencies:
'@vue/compiler-ssr': 3.3.7
'@vue/shared': 3.3.7
vue: 3.3.7(typescript@5.2.2)
dev: false
/@vue/shared@3.3.7:
resolution: {integrity: sha512-N/tbkINRUDExgcPTBvxNkvHGu504k8lzlNQRITVnm6YjOjwa4r0nnbd4Jb01sNpur5hAllyRJzSK5PvB9PPwRg==}
dev: false
/abort-controller@3.0.0:
resolution: {integrity: sha512-h8lQ8tacZYnR3vNQTgibj+tODHI5/+l06Au2Pcriv/Gmet0eaj4TwWH41sO9wnHDiQsEj19q0drzdWdeAHtweg==}
engines: {node: '>=6.5'}
@ -2106,7 +2234,6 @@ packages:
resolution: {integrity: sha512-F0SAmZ8iUtS//m8DmCTA0jlh6TDKkHQyK6xc6V4KDTyZKA9dnvX9/3sRTVQrWm79glUAZbnmmNcdYwUIHWVybw==}
engines: {node: '>=0.4.0'}
hasBin: true
dev: true
/agentkeepalive@4.5.0:
resolution: {integrity: sha512-5GG/5IbQQpC9FpkRGsSvZI5QYeSCzlJHdpBQntCsuTOxhKD8lqKhrleg2Yi7yvMIf82Ycmmqln9U8V9qwEiJew==}
@ -2115,6 +2242,37 @@ packages:
humanize-ms: 1.2.1
dev: false
/ai@2.2.20(react@18.2.0)(solid-js@1.8.5)(svelte@4.2.2)(vue@3.3.7):
resolution: {integrity: sha512-BTZ8VEsIdapZM46Tt72FzYPY4Kt55ANpYubUSYJCrrdUfMDCPfT/XwqPsXZam1i7Go6YrUPha9VBdrvzQxBtXw==}
engines: {node: '>=14.6'}
peerDependencies:
react: ^18.2.0
solid-js: ^1.7.7
svelte: ^3.0.0 || ^4.0.0
vue: ^3.3.4
peerDependenciesMeta:
react:
optional: true
solid-js:
optional: true
svelte:
optional: true
vue:
optional: true
dependencies:
eventsource-parser: 1.0.0
nanoid: 3.3.6
react: 18.2.0
solid-js: 1.8.5
solid-swr-store: 0.10.7(solid-js@1.8.5)(swr-store@0.10.6)
sswr: 2.0.0(svelte@4.2.2)
svelte: 4.2.2
swr: 2.2.0(react@18.2.0)
swr-store: 0.10.6
swrv: 1.0.4(vue@3.3.7)
vue: 3.3.7(typescript@5.2.2)
dev: false
/ajv@6.12.6:
resolution: {integrity: sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==}
dependencies:
@ -2168,7 +2326,6 @@ packages:
resolution: {integrity: sha512-b0P0sZPKtyu8HkeRAfCq0IfURZK+SuwMjY1UXGBU27wpAiTwQAIlq56IbIO+ytk/JjS1fMR14ee5WBBfKi5J6A==}
dependencies:
dequal: 2.0.3
dev: true
/array-buffer-byte-length@1.0.0:
resolution: {integrity: sha512-LPuwb2P+NrQw3XhxGc36+XSvuBPopovXYTR9Ew++Du9Yb/bx5AzBfrIsBoj0EZUifjQU+sHL21sseZ3jerWO/A==}
@ -2291,7 +2448,6 @@ packages:
resolution: {integrity: sha512-jsyHu61e6N4Vbz/v18DHwWYKK0bSWLqn47eeDSKPB7m8tqMHF9YJ+mhIk2lVteyZrY8tnSj/jHOv4YiTCuCJgg==}
dependencies:
dequal: 2.0.3
dev: true
/balanced-match@1.0.2:
resolution: {integrity: sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==}
@ -2429,6 +2585,16 @@ packages:
- '@types/react'
dev: false
/code-red@1.0.4:
resolution: {integrity: sha512-7qJWqItLA8/VPVlKJlFXU+NBlo/qyfs39aJcuMT/2ere32ZqvF5OSxgdM5xOfJJ7O429gg2HM47y8v9P+9wrNw==}
dependencies:
'@jridgewell/sourcemap-codec': 1.4.15
'@types/estree': 1.0.4
acorn: 8.10.0
estree-walker: 3.0.3
periscopic: 3.1.0
dev: false
/color-convert@2.0.1:
resolution: {integrity: sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==}
engines: {node: '>=7.0.0'}
@ -2476,6 +2642,14 @@ packages:
resolution: {integrity: sha512-mCxBlsHFYh9C+HVpiEacem8FEBnMXgU9gy4zmNC+SXAZNB/1idgp/aulFJ4FgCi7GPEVbfyng092GqL2k2rmow==}
dev: false
/css-tree@2.3.1:
resolution: {integrity: sha512-6Fv1DV/TYw//QF5IzQdqsNDjx/wc8TrMBZsqjL9eW01tWb7R7k/mq+/VXfJCl7SoD5emsJop9cOByJZfs8hYIw==}
engines: {node: ^10 || ^12.20.0 || ^14.13.0 || >=15.0.0}
dependencies:
mdn-data: 2.0.30
source-map-js: 1.0.2
dev: false
/cssesc@3.0.0:
resolution: {integrity: sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==}
engines: {node: '>=4'}
@ -2570,7 +2744,6 @@ packages:
/dequal@2.0.3:
resolution: {integrity: sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==}
engines: {node: '>=6'}
dev: true
/detect-node-es@1.1.0:
resolution: {integrity: sha512-ypdmJU/TbBby2Dxibuv7ZLW3Bs1QEmM7nHjEANfohJLvE0XVujisn1qPJcZxg+qDucsr+bP6fLD1rPS3AhJ7EQ==}
@ -3023,6 +3196,16 @@ packages:
engines: {node: '>=4.0'}
dev: true
/estree-walker@2.0.2:
resolution: {integrity: sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==}
dev: false
/estree-walker@3.0.3:
resolution: {integrity: sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==}
dependencies:
'@types/estree': 1.0.4
dev: false
/esutils@2.0.3:
resolution: {integrity: sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==}
engines: {node: '>=0.10.0'}
@ -3037,6 +3220,11 @@ packages:
resolution: {integrity: sha512-8guHBZCwKnFhYdHr2ysuRWErTwhoN2X8XELRlrRwpmfeY2jjuUN4taQMsULKUVo1K4DvZl+0pgfyoysHxvmvEw==}
dev: false
/eventsource-parser@1.0.0:
resolution: {integrity: sha512-9jgfSCa3dmEme2ES3mPByGXfgZ87VbP97tng1G2nWwWx6bV2nYxm2AWCrbQjXToSe+yYlqaZNtxffR9IeQr95g==}
engines: {node: '>=14.18'}
dev: false
/expr-eval@2.0.2:
resolution: {integrity: sha512-4EMSHGOPSwAfBiibw3ndnP0AvjDWLsMvGOvWEZ2F96IGk0bIVdjQisOHxReSkE13mHcfbuCiXw+G4y0zv6N8Eg==}
dev: false
@ -3485,6 +3673,12 @@ packages:
engines: {node: '>=8'}
dev: true
/is-reference@3.0.2:
resolution: {integrity: sha512-v3rht/LgVcsdZa3O2Nqs+NMowLOxeOm7Ay9+/ARQ2F+qEoANRcqrjAZKGN0v8ymUetZGgkp26LTnGT7H0Qo9Pg==}
dependencies:
'@types/estree': 1.0.4
dev: false
/is-regex@1.1.4:
resolution: {integrity: sha512-kvRdxDsxZjhzUX07ZnLydzS1TU/TJlTUHHY4YLL87e37oUA49DfkLqgy+VjFocowy29cKvcSiu+kIv728jTTVg==}
engines: {node: '>= 0.4'}
@ -4009,6 +4203,10 @@ packages:
- supports-color
dev: false
/locate-character@3.0.0:
resolution: {integrity: sha512-SW13ws7BjaeJ6p7Q6CO2nchbYEc3X3J6WrmTTDto7yMPqVSZTUyY5Tjbid+Ab8gLnATtygYtiDIJGQRRn2ZOiA==}
dev: false
/locate-path@6.0.0:
resolution: {integrity: sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==}
engines: {node: '>=10'}
@ -4045,6 +4243,13 @@ packages:
react: 18.2.0
dev: false
/magic-string@0.30.5:
resolution: {integrity: sha512-7xlpfBaQaP/T6Vh8MO/EqXSW5En6INHEvEXQiuff7Gku0PWjU3uf6w/j9o7O+SpB5fOAkrI5HeoNgwjEO0pFsA==}
engines: {node: '>=12'}
dependencies:
'@jridgewell/sourcemap-codec': 1.4.15
dev: false
/md5@2.3.0:
resolution: {integrity: sha512-T1GITYmFaKuO91vxyoQMFETst+O71VUPEU3ze5GNzDm0OWdP8v1ziTaAEPUr/3kLsY3Sftgz242A1SetQiDL7g==}
dependencies:
@ -4053,6 +4258,10 @@ packages:
is-buffer: 1.1.6
dev: false
/mdn-data@2.0.30:
resolution: {integrity: sha512-GaqWWShW4kv/G9IEucWScBx9G1/vsFZZJUO+tD26M8J8z3Kw5RDQjaoZe03YAClgeS/SWPOcb4nkFBTEi5DUEA==}
dev: false
/merge2@1.4.1:
resolution: {integrity: sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==}
engines: {node: '>= 8'}
@ -4426,6 +4635,14 @@ packages:
engines: {node: '>=8'}
dev: true
/periscopic@3.1.0:
resolution: {integrity: sha512-vKiQ8RRtkl9P+r/+oefh25C3fhybptkHKCZSPlcXiJux2tJF55GnEj3BVn4A5gKfq9NWWXXrxkHBwVPUfH0opw==}
dependencies:
'@types/estree': 1.0.4
estree-walker: 3.0.3
is-reference: 3.0.2
dev: false
/picocolors@1.0.0:
resolution: {integrity: sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==}
@ -4766,6 +4983,11 @@ packages:
lru-cache: 6.0.0
dev: true
/seroval@0.12.3:
resolution: {integrity: sha512-5WDeMpv7rmEylsypRj1iwRVHE/QLsMLiZ+9savlNNQEVdgGia1iRMb7qyaAagY0wu/7+QTe6d2wldk/lgaLb6g==}
engines: {node: '>=10'}
dev: false
/set-cookie-parser@2.6.0:
resolution: {integrity: sha512-RVnVQxTXuerk653XfuliOxBP81Sf0+qfQE73LIYKcyMYHG94AuH0kgrQpRDuTZnSmjpysHmzxJXKNfa6PjFhyQ==}
dev: false
@ -4804,10 +5026,37 @@ packages:
engines: {node: '>=8'}
dev: true
/solid-js@1.8.5:
resolution: {integrity: sha512-xvtJvzJzWbsn35oKFhW9kNwaxG1Z/YLMsDp4tLVcYZTMPzvzQ8vEZuyDQ6nt7xDArVgZJ7TUFrJUwrui/oq53A==}
dependencies:
csstype: 3.1.2
seroval: 0.12.3
dev: false
/solid-swr-store@0.10.7(solid-js@1.8.5)(swr-store@0.10.6):
resolution: {integrity: sha512-A6d68aJmRP471aWqKKPE2tpgOiR5fH4qXQNfKIec+Vap+MGQm3tvXlT8n0I8UgJSlNAsSAUuw2VTviH2h3Vv5g==}
engines: {node: '>=10'}
peerDependencies:
solid-js: ^1.2
swr-store: ^0.10
dependencies:
solid-js: 1.8.5
swr-store: 0.10.6
dev: false
/source-map-js@1.0.2:
resolution: {integrity: sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==}
engines: {node: '>=0.10.0'}
/sswr@2.0.0(svelte@4.2.2):
resolution: {integrity: sha512-mV0kkeBHcjcb0M5NqKtKVg/uTIYNlIIniyDfSGrSfxpEdM9C365jK0z55pl9K0xAkNTJi2OAOVFQpgMPUk+V0w==}
peerDependencies:
svelte: ^4.0.0
dependencies:
svelte: 4.2.2
swrev: 4.0.0
dev: false
/streamsearch@1.1.0:
resolution: {integrity: sha512-Mcc5wHehp9aXz1ax6bZUyY5afg9u2rv5cqQI3mRrYkGC8rW2hM02jWuwjtL++LS5qinSyhj2QfLyNsuc+VsExg==}
engines: {node: '>=10.0.0'}
@ -4910,6 +5159,53 @@ packages:
resolution: {integrity: sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==}
engines: {node: '>= 0.4'}
/svelte@4.2.2:
resolution: {integrity: sha512-My2tytF2e2NnHSpn2M7/3VdXT4JdTglYVUuSuK/mXL2XtulPYbeBfl8Dm1QiaKRn0zoULRnL+EtfZHHP0k4H3A==}
engines: {node: '>=16'}
dependencies:
'@ampproject/remapping': 2.2.1
'@jridgewell/sourcemap-codec': 1.4.15
'@jridgewell/trace-mapping': 0.3.20
acorn: 8.10.0
aria-query: 5.3.0
axobject-query: 3.2.1
code-red: 1.0.4
css-tree: 2.3.1
estree-walker: 3.0.3
is-reference: 3.0.2
locate-character: 3.0.0
magic-string: 0.30.5
periscopic: 3.1.0
dev: false
/swr-store@0.10.6:
resolution: {integrity: sha512-xPjB1hARSiRaNNlUQvWSVrG5SirCjk2TmaUyzzvk69SZQan9hCJqw/5rG9iL7xElHU784GxRPISClq4488/XVw==}
engines: {node: '>=10'}
dependencies:
dequal: 2.0.3
dev: false
/swr@2.2.0(react@18.2.0):
resolution: {integrity: sha512-AjqHOv2lAhkuUdIiBu9xbuettzAzWXmCEcLONNKJRba87WAefz8Ca9d6ds/SzrPc235n1IxWYdhJ2zF3MNUaoQ==}
peerDependencies:
react: ^16.11.0 || ^17.0.0 || ^18.0.0
dependencies:
react: 18.2.0
use-sync-external-store: 1.2.0(react@18.2.0)
dev: false
/swrev@4.0.0:
resolution: {integrity: sha512-LqVcOHSB4cPGgitD1riJ1Hh4vdmITOp+BkmfmXRh4hSF/t7EnS4iD+SOTmq7w5pPm/SiPeto4ADbKS6dHUDWFA==}
dev: false
/swrv@1.0.4(vue@3.3.7):
resolution: {integrity: sha512-zjEkcP8Ywmj+xOJW3lIT65ciY/4AL4e/Or7Gj0MzU3zBJNMdJiT8geVZhINavnlHRMMCcJLHhraLTAiDOTmQ9g==}
peerDependencies:
vue: '>=3.2.26 < 4'
dependencies:
vue: 3.3.7(typescript@5.2.2)
dev: false
/tailwind-merge@1.14.0:
resolution: {integrity: sha512-3mFKyCo/MBcgyOTlrY8T7odzZFx+w+qKSMAmdFzRvqBfLlSigU6TZnlFHK0lkMwj9Bj8OYU+9yW9lmGuS0QEnQ==}
dev: false
@ -4972,6 +5268,11 @@ packages:
dependencies:
any-promise: 1.3.0
/to-fast-properties@2.0.0:
resolution: {integrity: sha512-/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog==}
engines: {node: '>=4'}
dev: false
/to-regex-range@5.0.1:
resolution: {integrity: sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==}
engines: {node: '>=8.0'}
@ -5080,7 +5381,6 @@ packages:
resolution: {integrity: sha512-mI4WrpHsbCIcwT9cF4FZvr80QUeKvsUsUvKDoR+X/7XHQH98xYD8YHZg7ANtz2GtZt/CBq2QJ0thkGJMHfqc1w==}
engines: {node: '>=14.17'}
hasBin: true
dev: true
/unbox-primitive@1.0.2:
resolution: {integrity: sha512-61pPlCD9h51VoreyJ0BReideM3MDKMKnh6+V9L08331ipq6Q8OFXZYiqP6n/tbHx4s5I9uRhcye6BrbkizkBDw==}
@ -5142,6 +5442,14 @@ packages:
tslib: 2.6.2
dev: false
/use-sync-external-store@1.2.0(react@18.2.0):
resolution: {integrity: sha512-eEgnFxGQ1Ife9bzYs6VLi8/4X6CObHMw9Qr9tPY43iKwsPw8xE8+EFsf/2cFZ5S3esXgpWgtSCtLNS41F+sKPA==}
peerDependencies:
react: ^16.8.0 || ^17.0.0 || ^18.0.0
dependencies:
react: 18.2.0
dev: false
/utf-8-validate@5.0.10:
resolution: {integrity: sha512-Z6czzLq4u8fPOyx7TU6X3dvUZVvoJmxSQ+IcrlmagKhilxlhZgxPK6C5Jqbkw1IDUmFTM+cz9QDnnLTwDz/2gQ==}
engines: {node: '>=6.14.2'}
@ -5158,6 +5466,22 @@ packages:
hasBin: true
dev: false
/vue@3.3.7(typescript@5.2.2):
resolution: {integrity: sha512-YEMDia1ZTv1TeBbnu6VybatmSteGOS3A3YgfINOfraCbf85wdKHzscD6HSS/vB4GAtI7sa1XPX7HcQaJ1l24zA==}
peerDependencies:
typescript: '*'
peerDependenciesMeta:
typescript:
optional: true
dependencies:
'@vue/compiler-dom': 3.3.7
'@vue/compiler-sfc': 3.3.7
'@vue/runtime-dom': 3.3.7
'@vue/server-renderer': 3.3.7(vue@3.3.7)
'@vue/shared': 3.3.7
typescript: 5.2.2
dev: false
/watchpack@2.4.0:
resolution: {integrity: sha512-Lcvm7MGST/4fup+ifyKi2hjyIAwcdI4HRgtvTpIUxBRhB+RFtUh8XtDOxUfctVCnhVi+QQj49i91OyvzkJl6cg==}
engines: {node: '>=10.13.0'}

32
prisma/schema.prisma
View File

@ -295,13 +295,15 @@ model documents {
}
model feature {
id BigInt @id @default(autoincrement())
created_at DateTime @default(now()) @db.Timestamptz(6)
name String @db.VarChar
description String? @db.VarChar
project_id BigInt
project project @relation(fields: [project_id], references: [id], onDelete: Cascade)
task task[]
id BigInt @id @default(autoincrement())
created_at DateTime @default(now()) @db.Timestamptz(6)
name String @db.VarChar
description String? @db.VarChar
project_id BigInt
project project @relation(fields: [project_id], references: [id], onDelete: Cascade)
feature_dependencies_feature_dependencies_dependency_idTofeature feature_dependencies[] @relation("feature_dependencies_dependency_idTofeature")
feature_dependencies_feature_dependencies_feature_idTofeature feature_dependencies[] @relation("feature_dependencies_feature_idTofeature")
task task[]
@@schema("public")
}
@ -309,11 +311,10 @@ model feature {
model message {
id BigInt @id @default(autoincrement())
created_at DateTime @default(now()) @db.Timestamptz(6)
user_id String? @db.Uuid
content String @db.VarChar
task_id BigInt
role String @db.VarChar
content String @db.VarChar
task task @relation(fields: [task_id], references: [id], onDelete: Cascade)
profile profile? @relation(fields: [user_id], references: [id], onDelete: Cascade)
@@schema("public")
}
@ -323,7 +324,6 @@ model profile {
created_at DateTime @default(now()) @db.Timestamptz(6)
name String? @db.VarChar
email String @db.VarChar
message message[]
users users @relation(fields: [id], references: [id], onDelete: Cascade)
profile_project profile_project[]
profile_task profile_task[]
@ -415,6 +415,16 @@ model team {
@@schema("public")
}
model feature_dependencies {
id BigInt @id @default(autoincrement())
feature_id BigInt
dependency_id BigInt
feature_feature_dependencies_dependency_idTofeature feature @relation("feature_dependencies_dependency_idTofeature", fields: [dependency_id], references: [id], onDelete: Cascade)
feature_feature_dependencies_feature_idTofeature feature @relation("feature_dependencies_feature_idTofeature", fields: [feature_id], references: [id], onDelete: Cascade)
@@schema("public")
}
enum aal_level {
aal1
aal2

47
types/index.d.ts vendored Normal file
View File

@ -0,0 +1,47 @@
export type Feature = {
name: string;
description: string;
uid: string;
};
export type Task = {
name: string;
description: string;
priority: string;
order: number;
uid: string;
feature_id: string;
};
export type Project = {
name: string;
description: string;
stack: string[];
features: Feature[];
tasks: Task[];
};
export type Workspace = {
name: string;
description: string;
projects: Project[];
};
export type Option = {
label: string;
value: string;
icon?: React.ComponentType<{ className?: string }>;
};
export interface DataTableFilterOption<TData> {
label: string;
value: keyof TData;
items: Option[];
}
export interface DataTableSearchableColumn<TData> {
id: keyof TData;
title: string;
}
export interface DataTableFilterableColumn<TData>
extends DataTableSearchableColumn<TData> {
options: Option[];
}

43
types/supabase.ts
View File

@ -61,27 +61,58 @@ export interface Database {
}
]
}
feature_dependencies: {
Row: {
dependency_id: number
feature_id: number
id: number
}
Insert: {
dependency_id: number
feature_id: number
id?: number
}
Update: {
dependency_id?: number
feature_id?: number
id?: number
}
Relationships: [
{
foreignKeyName: "feature_dependencies_dependency_id_fkey"
columns: ["dependency_id"]
referencedRelation: "feature"
referencedColumns: ["id"]
},
{
foreignKeyName: "feature_dependencies_feature_id_fkey"
columns: ["feature_id"]
referencedRelation: "feature"
referencedColumns: ["id"]
}
]
}
message: {
Row: {
content: string
created_at: string
id: number
role: string
task_id: number
user_id: string | null
}
Insert: {
content: string
created_at?: string
id?: number
role: string
task_id: number
user_id?: string | null
}
Update: {
content?: string
created_at?: string
id?: number
role?: string
task_id?: number
user_id?: string | null
}
Relationships: [
{
@ -89,12 +120,6 @@ export interface Database {
columns: ["task_id"]
referencedRelation: "task"
referencedColumns: ["id"]
},
{
foreignKeyName: "message_user_id_fkey"
columns: ["user_id"]
referencedRelation: "profile"
referencedColumns: ["id"]
}
]
}