Mission Control Phase 2: Transform Tasks page to overview
- Replaced kanban with task overview/summary view - Added task stats cards (total, in progress, high priority, overdue) - Added recent activity sections (updated, completed, high priority) - Added quick action links to gantt-board - Created lib/data/tasks.ts with data fetching functions - Removed file-based storage (taskDb.ts, api/tasks/route.ts) - Connected to gantt-board Supabase for real data
This commit is contained in:
parent
c1c01bd21e
commit
762c59500e
@ -1,115 +0,0 @@
|
||||
import { NextResponse } from "next/server";
|
||||
import { getData, saveData, type DataStore, type Task } from "@/lib/server/taskDb";
|
||||
import { getAuthenticatedUser } from "@/lib/server/auth";
|
||||
|
||||
export const runtime = "nodejs";
|
||||
|
||||
// GET - fetch all tasks, projects, and sprints
|
||||
export async function GET() {
|
||||
try {
|
||||
const user = await getAuthenticatedUser();
|
||||
if (!user) {
|
||||
return NextResponse.json({ error: "Unauthorized" }, { status: 401 });
|
||||
}
|
||||
const data = getData();
|
||||
return NextResponse.json(data);
|
||||
} catch (error) {
|
||||
console.error(">>> API GET: database error:", error);
|
||||
return NextResponse.json({ error: "Failed to fetch data" }, { status: 500 });
|
||||
}
|
||||
}
|
||||
|
||||
// POST - create or update tasks, projects, or sprints
|
||||
export async function POST(request: Request) {
|
||||
try {
|
||||
const user = await getAuthenticatedUser();
|
||||
if (!user) {
|
||||
return NextResponse.json({ error: "Unauthorized" }, { status: 401 });
|
||||
}
|
||||
|
||||
const body = await request.json();
|
||||
const { task, tasks, projects, sprints } = body as {
|
||||
task?: Task;
|
||||
tasks?: Task[];
|
||||
projects?: DataStore["projects"];
|
||||
sprints?: DataStore["sprints"];
|
||||
};
|
||||
|
||||
const data = getData();
|
||||
|
||||
if (projects) data.projects = projects;
|
||||
if (sprints) data.sprints = sprints;
|
||||
|
||||
if (task) {
|
||||
const existingIndex = data.tasks.findIndex((t) => t.id === task.id);
|
||||
if (existingIndex >= 0) {
|
||||
const existingTask = data.tasks[existingIndex];
|
||||
data.tasks[existingIndex] = {
|
||||
...existingTask,
|
||||
...task,
|
||||
updatedAt: new Date().toISOString(),
|
||||
updatedById: user.id,
|
||||
updatedByName: user.name,
|
||||
updatedByAvatarUrl: user.avatarUrl,
|
||||
};
|
||||
} else {
|
||||
data.tasks.push({
|
||||
...task,
|
||||
id: task.id || Date.now().toString(),
|
||||
createdAt: new Date().toISOString(),
|
||||
updatedAt: new Date().toISOString(),
|
||||
createdById: task.createdById || user.id,
|
||||
createdByName: task.createdByName || user.name,
|
||||
createdByAvatarUrl: task.createdByAvatarUrl || user.avatarUrl,
|
||||
updatedById: user.id,
|
||||
updatedByName: user.name,
|
||||
updatedByAvatarUrl: user.avatarUrl,
|
||||
assigneeId: task.assigneeId || user.id,
|
||||
assigneeName: task.assigneeName || user.name,
|
||||
assigneeEmail: task.assigneeEmail || user.email,
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
if (tasks && Array.isArray(tasks)) {
|
||||
data.tasks = tasks.map((entry) => ({
|
||||
...entry,
|
||||
createdById: entry.createdById || user.id,
|
||||
createdByName: entry.createdByName || user.name,
|
||||
createdByAvatarUrl: entry.createdByAvatarUrl || (entry.createdById === user.id ? user.avatarUrl : undefined),
|
||||
updatedById: entry.updatedById || user.id,
|
||||
updatedByName: entry.updatedByName || user.name,
|
||||
updatedByAvatarUrl: entry.updatedByAvatarUrl || (entry.updatedById === user.id ? user.avatarUrl : undefined),
|
||||
assigneeId: entry.assigneeId || undefined,
|
||||
assigneeName: entry.assigneeName || undefined,
|
||||
assigneeEmail: entry.assigneeEmail || undefined,
|
||||
assigneeAvatarUrl: undefined,
|
||||
}));
|
||||
}
|
||||
|
||||
const saved = saveData(data);
|
||||
return NextResponse.json({ success: true, data: saved });
|
||||
} catch (error) {
|
||||
console.error(">>> API POST: database error:", error);
|
||||
return NextResponse.json({ error: "Failed to save" }, { status: 500 });
|
||||
}
|
||||
}
|
||||
|
||||
// DELETE - remove a task
|
||||
export async function DELETE(request: Request) {
|
||||
try {
|
||||
const user = await getAuthenticatedUser();
|
||||
if (!user) {
|
||||
return NextResponse.json({ error: "Unauthorized" }, { status: 401 });
|
||||
}
|
||||
|
||||
const { id } = (await request.json()) as { id: string };
|
||||
const data = getData();
|
||||
data.tasks = data.tasks.filter((t) => t.id !== id);
|
||||
saveData(data);
|
||||
return NextResponse.json({ success: true });
|
||||
} catch (error) {
|
||||
console.error(">>> API DELETE: database error:", error);
|
||||
return NextResponse.json({ error: "Failed to delete" }, { status: 500 });
|
||||
}
|
||||
}
|
||||
120
app/page.tsx
120
app/page.tsx
@ -1,54 +1,61 @@
|
||||
import { DashboardLayout } from "@/components/layout/sidebar";
|
||||
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
|
||||
import { Activity, Calendar, CheckCircle2, Target, TrendingUp, Clock } from "lucide-react";
|
||||
import { fetchDashboardStats } from "@/lib/data/stats";
|
||||
|
||||
const kpiData = [
|
||||
{
|
||||
title: "Active Tasks",
|
||||
value: "12",
|
||||
change: "+3 today",
|
||||
icon: CheckCircle2,
|
||||
trend: "up",
|
||||
},
|
||||
{
|
||||
title: "Goals Progress",
|
||||
value: "64%",
|
||||
change: "+8% this week",
|
||||
icon: Target,
|
||||
trend: "up",
|
||||
},
|
||||
{
|
||||
title: "Apps Built",
|
||||
value: "6",
|
||||
change: "2 in App Store",
|
||||
icon: TrendingUp,
|
||||
trend: "up",
|
||||
},
|
||||
{
|
||||
title: "Year Progress",
|
||||
value: "14%",
|
||||
change: "Day 51 of 365",
|
||||
icon: Clock,
|
||||
trend: "neutral",
|
||||
},
|
||||
];
|
||||
|
||||
const recentActivity = [
|
||||
{ action: "Organized Downloads", time: "2 hours ago", type: "file" },
|
||||
{ action: "Completed morning briefing", time: "5 hours ago", type: "system" },
|
||||
{ action: "Created 5 new skills", time: "1 day ago", type: "tool" },
|
||||
{ action: "Updated USER.md", time: "2 days ago", type: "doc" },
|
||||
];
|
||||
|
||||
const upcomingEvents = [
|
||||
{ title: "Yearly Anniversary", date: "Feb 23", type: "personal" },
|
||||
{ title: "Grabbing Anderson's dogs", date: "Feb 26, 5:30 PM", type: "task" },
|
||||
{ title: "Contract Renewal Check", date: "Mar 2026", type: "work" },
|
||||
];
|
||||
// Force dynamic rendering to fetch fresh data from Supabase on each request
|
||||
export const dynamic = "force-dynamic";
|
||||
|
||||
const MISSION_STATEMENT = "Build an iOS empire that generates the cashflow to retire on our own terms, travel the world with Heidi, honor every family milestone in style, and prove that 53 is just the launchpad to life's greatest chapter.";
|
||||
|
||||
export default function DashboardPage() {
|
||||
export default async function DashboardPage() {
|
||||
// Fetch real stats from Supabase
|
||||
const stats = await fetchDashboardStats();
|
||||
|
||||
const kpiData = [
|
||||
{
|
||||
title: "Active Tasks",
|
||||
value: String(stats.activeTasksCount),
|
||||
change: `of ${stats.totalTasksCount} total tasks`,
|
||||
icon: CheckCircle2,
|
||||
trend: "up" as const,
|
||||
},
|
||||
{
|
||||
title: "Goals Progress",
|
||||
value: `${stats.goalsProgress}%`,
|
||||
change: "based on completed tasks",
|
||||
icon: Target,
|
||||
trend: "up" as const,
|
||||
},
|
||||
{
|
||||
title: "Apps Built",
|
||||
value: String(stats.appsBuilt),
|
||||
change: `${stats.projectsCount} total projects`,
|
||||
icon: TrendingUp,
|
||||
trend: "up" as const,
|
||||
},
|
||||
{
|
||||
title: "Year Progress",
|
||||
value: `${stats.yearProgress}%`,
|
||||
change: `Day ${stats.yearDay} of ${stats.yearTotalDays}`,
|
||||
icon: Clock,
|
||||
trend: "neutral" as const,
|
||||
},
|
||||
];
|
||||
|
||||
const recentActivity = [
|
||||
{ action: "Dashboard now uses live Supabase data", time: "Just now", type: "system" },
|
||||
{ action: "Connected to gantt-board database", time: "Recently", type: "system" },
|
||||
{ action: `${stats.activeTasksCount} active tasks tracked`, time: "Live", type: "task" },
|
||||
{ action: `${stats.projectsCount} projects monitored`, time: "Live", type: "project" },
|
||||
];
|
||||
|
||||
const upcomingEvents = [
|
||||
{ title: "Yearly Anniversary", date: "Feb 23", type: "personal" },
|
||||
{ title: "Grabbing Anderson's dogs", date: "Feb 26, 5:30 PM", type: "task" },
|
||||
{ title: "Contract Renewal Check", date: "Mar 2026", type: "work" },
|
||||
];
|
||||
|
||||
return (
|
||||
<DashboardLayout>
|
||||
<div className="space-y-8">
|
||||
@ -161,29 +168,38 @@ export default function DashboardPage() {
|
||||
<div className="space-y-4">
|
||||
<div>
|
||||
<div className="flex justify-between text-sm mb-2">
|
||||
<span>Retirement Goal</span>
|
||||
<span className="text-muted-foreground">50% complete</span>
|
||||
<span>Goals Progress (Completed Tasks)</span>
|
||||
<span className="text-muted-foreground">{stats.goalsProgress}% complete</span>
|
||||
</div>
|
||||
<div className="h-2 bg-secondary rounded-full overflow-hidden">
|
||||
<div className="h-full w-1/2 bg-gradient-to-r from-blue-500 to-purple-500 rounded-full" />
|
||||
<div
|
||||
className="h-full bg-gradient-to-r from-blue-500 to-purple-500 rounded-full transition-all duration-500"
|
||||
style={{ width: `${stats.goalsProgress}%` }}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div className="flex justify-between text-sm mb-2">
|
||||
<span>iOS Apps Portfolio</span>
|
||||
<span className="text-muted-foreground">6 apps built</span>
|
||||
<span className="text-muted-foreground">{stats.appsBuilt} apps built</span>
|
||||
</div>
|
||||
<div className="h-2 bg-secondary rounded-full overflow-hidden">
|
||||
<div className="h-full w-3/4 bg-gradient-to-r from-green-500 to-emerald-500 rounded-full" />
|
||||
<div
|
||||
className="h-full bg-gradient-to-r from-green-500 to-emerald-500 rounded-full transition-all duration-500"
|
||||
style={{ width: `${Math.min(stats.appsBuilt * 10, 100)}%` }}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div className="flex justify-between text-sm mb-2">
|
||||
<span>Side Hustle Revenue</span>
|
||||
<span className="text-muted-foreground">Just getting started</span>
|
||||
<span>Year Progress</span>
|
||||
<span className="text-muted-foreground">Day {stats.yearDay} of {stats.yearTotalDays}</span>
|
||||
</div>
|
||||
<div className="h-2 bg-secondary rounded-full overflow-hidden">
|
||||
<div className="h-full w-[5%] bg-gradient-to-r from-orange-500 to-red-500 rounded-full" />
|
||||
<div
|
||||
className="h-full bg-gradient-to-r from-orange-500 to-red-500 rounded-full transition-all duration-500"
|
||||
style={{ width: `${stats.yearProgress}%` }}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -2,196 +2,468 @@ import { DashboardLayout } from "@/components/layout/sidebar";
|
||||
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
|
||||
import { Badge } from "@/components/ui/badge";
|
||||
import { Button } from "@/components/ui/button";
|
||||
import { Plus, Calendar, CheckCircle2, Circle, Clock } from "lucide-react";
|
||||
import { Separator } from "@/components/ui/separator";
|
||||
import {
|
||||
CheckCircle2,
|
||||
Circle,
|
||||
Clock,
|
||||
AlertCircle,
|
||||
TrendingUp,
|
||||
ExternalLink,
|
||||
ArrowRight,
|
||||
Calendar,
|
||||
AlertTriangle,
|
||||
User,
|
||||
Layers,
|
||||
} from "lucide-react";
|
||||
import Link from "next/link";
|
||||
import {
|
||||
fetchRecentlyUpdatedTasks,
|
||||
fetchRecentlyCompletedTasks,
|
||||
fetchHighPriorityOpenTasks,
|
||||
getTaskStatusCounts,
|
||||
countHighPriorityTasks,
|
||||
countOverdueTasks,
|
||||
Task,
|
||||
} from "@/lib/data/tasks";
|
||||
|
||||
const columns = [
|
||||
{
|
||||
id: "todo",
|
||||
title: "To Do",
|
||||
tasks: [
|
||||
{
|
||||
id: 1,
|
||||
title: "Submit LLC paperwork",
|
||||
description: "For remaining iOS apps",
|
||||
priority: "high",
|
||||
due: "ASAP",
|
||||
tags: ["business", "legal"],
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "Fix App Clips testing",
|
||||
description: "Debug the in-progress app",
|
||||
priority: "high",
|
||||
due: "This week",
|
||||
tags: ["ios", "development"],
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: "Plan fishing trip details",
|
||||
description: "36hr offshore with Jeromy",
|
||||
priority: "medium",
|
||||
due: "Soon",
|
||||
tags: ["family", "fun"],
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "inprogress",
|
||||
title: "In Progress",
|
||||
tasks: [
|
||||
{
|
||||
id: 4,
|
||||
title: "Mission Control Dashboard",
|
||||
description: "Building the central hub",
|
||||
priority: "high",
|
||||
due: "Today",
|
||||
tags: ["project", "development"],
|
||||
},
|
||||
{
|
||||
id: 5,
|
||||
title: "Toyota contract work",
|
||||
description: "iOS Lead Architect duties",
|
||||
priority: "high",
|
||||
due: "Daily",
|
||||
tags: ["work", "contract"],
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "done",
|
||||
title: "Done",
|
||||
tasks: [
|
||||
{
|
||||
id: 6,
|
||||
title: "Created 6 iOS apps",
|
||||
description: "2 live, 2 pending, 1 in review, 1 in progress",
|
||||
priority: "high",
|
||||
due: "Completed",
|
||||
tags: ["ios", "milestone"],
|
||||
},
|
||||
{
|
||||
id: 7,
|
||||
title: "Daily skills automation",
|
||||
description: "File system, calendar, email, reminders",
|
||||
priority: "medium",
|
||||
due: "Completed",
|
||||
tags: ["automation", "system"],
|
||||
},
|
||||
{
|
||||
id: 8,
|
||||
title: "Morning briefing setup",
|
||||
description: "Scheduled for 7:15 AM daily",
|
||||
priority: "medium",
|
||||
due: "Completed",
|
||||
tags: ["automation", "routine"],
|
||||
},
|
||||
],
|
||||
},
|
||||
];
|
||||
// Force dynamic rendering to fetch fresh data from Supabase on each request
|
||||
export const dynamic = "force-dynamic";
|
||||
|
||||
const priorityColors: Record<string, string> = {
|
||||
high: "bg-red-500/10 text-red-500 border-red-500/20",
|
||||
medium: "bg-yellow-500/10 text-yellow-500 border-yellow-500/20",
|
||||
low: "bg-blue-500/10 text-blue-500 border-blue-500/20",
|
||||
};
|
||||
// Helper functions
|
||||
function formatRelativeTime(dateString: string): string {
|
||||
const date = new Date(dateString);
|
||||
const now = new Date();
|
||||
const diffMs = now.getTime() - date.getTime();
|
||||
const diffMins = Math.floor(diffMs / (1000 * 60));
|
||||
const diffHours = Math.floor(diffMs / (1000 * 60 * 60));
|
||||
const diffDays = Math.floor(diffMs / (1000 * 60 * 60 * 24));
|
||||
|
||||
if (diffMins < 60) return `${diffMins}m ago`;
|
||||
if (diffHours < 24) return `${diffHours}h ago`;
|
||||
if (diffDays < 7) return `${diffDays}d ago`;
|
||||
return date.toLocaleDateString("en-US", { month: "short", day: "numeric" });
|
||||
}
|
||||
|
||||
function getPriorityColor(priority: string): string {
|
||||
switch (priority) {
|
||||
case "urgent":
|
||||
return "bg-red-500/15 text-red-400 border-red-500/30";
|
||||
case "high":
|
||||
return "bg-orange-500/15 text-orange-400 border-orange-500/30";
|
||||
case "medium":
|
||||
return "bg-yellow-500/15 text-yellow-400 border-yellow-500/30";
|
||||
default:
|
||||
return "bg-blue-500/15 text-blue-400 border-blue-500/30";
|
||||
}
|
||||
}
|
||||
|
||||
function getStatusIcon(status: string) {
|
||||
switch (status) {
|
||||
case "done":
|
||||
return <CheckCircle2 className="w-4 h-4 text-green-500" />;
|
||||
case "in-progress":
|
||||
return <Clock className="w-4 h-4 text-blue-500" />;
|
||||
case "review":
|
||||
case "validate":
|
||||
return <Circle className="w-4 h-4 text-purple-500" />;
|
||||
default:
|
||||
return <Circle className="w-4 h-4 text-muted-foreground" />;
|
||||
}
|
||||
}
|
||||
|
||||
function getStatusLabel(status: string): string {
|
||||
switch (status) {
|
||||
case "open":
|
||||
case "todo":
|
||||
return "Open";
|
||||
case "in-progress":
|
||||
return "In Progress";
|
||||
case "review":
|
||||
case "validate":
|
||||
return "Review";
|
||||
case "done":
|
||||
return "Done";
|
||||
case "blocked":
|
||||
return "Blocked";
|
||||
case "archived":
|
||||
return "Archived";
|
||||
case "canceled":
|
||||
return "Canceled";
|
||||
default:
|
||||
return status;
|
||||
}
|
||||
}
|
||||
|
||||
// Task list item component
|
||||
function TaskListItem({ task }: { task: Task }) {
|
||||
return (
|
||||
<div className="flex items-start gap-3 py-3 border-b border-border last:border-0">
|
||||
<div className="mt-0.5">{getStatusIcon(task.status)}</div>
|
||||
<div className="flex-1 min-w-0">
|
||||
<p className="text-sm font-medium truncate">{task.title}</p>
|
||||
<div className="flex items-center gap-2 mt-1">
|
||||
<span className="text-xs text-muted-foreground">
|
||||
{formatRelativeTime(task.updatedAt)}
|
||||
</span>
|
||||
{task.assigneeName && (
|
||||
<span className="text-xs text-muted-foreground flex items-center gap-1">
|
||||
<User className="w-3 h-3" />
|
||||
{task.assigneeName}
|
||||
</span>
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
<Badge variant="outline" className={`text-xs ${getPriorityColor(task.priority)}`}>
|
||||
{task.priority}
|
||||
</Badge>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
// Stat card component
|
||||
function StatCard({
|
||||
title,
|
||||
value,
|
||||
subtitle,
|
||||
icon: Icon,
|
||||
colorClass,
|
||||
}: {
|
||||
title: string;
|
||||
value: string | number;
|
||||
subtitle?: string;
|
||||
icon: React.ElementType;
|
||||
colorClass: string;
|
||||
}) {
|
||||
return (
|
||||
<Card>
|
||||
<CardContent className="p-6">
|
||||
<div className="flex items-start justify-between">
|
||||
<div>
|
||||
<p className="text-sm font-medium text-muted-foreground">{title}</p>
|
||||
<p className="text-3xl font-bold mt-2">{value}</p>
|
||||
{subtitle && <p className="text-xs text-muted-foreground mt-1">{subtitle}</p>}
|
||||
</div>
|
||||
<div className={`p-3 rounded-lg ${colorClass}`}>
|
||||
<Icon className="w-5 h-5" />
|
||||
</div>
|
||||
</div>
|
||||
</CardContent>
|
||||
</Card>
|
||||
);
|
||||
}
|
||||
|
||||
// Status breakdown card
|
||||
function StatusBreakdownCard({ counts }: { counts: { open: number; inProgress: number; review: number; done: number; total: number } }) {
|
||||
return (
|
||||
<Card>
|
||||
<CardHeader>
|
||||
<CardTitle className="flex items-center gap-2 text-base">
|
||||
<Layers className="w-4 h-4" />
|
||||
Tasks by Status
|
||||
</CardTitle>
|
||||
</CardHeader>
|
||||
<CardContent className="space-y-4">
|
||||
<div className="space-y-3">
|
||||
<div className="flex items-center justify-between">
|
||||
<div className="flex items-center gap-2">
|
||||
<Circle className="w-4 h-4 text-muted-foreground" />
|
||||
<span className="text-sm">Open</span>
|
||||
</div>
|
||||
<span className="text-sm font-medium">{counts.open}</span>
|
||||
</div>
|
||||
<div className="h-1.5 bg-secondary rounded-full overflow-hidden">
|
||||
<div
|
||||
className="h-full bg-muted-foreground rounded-full"
|
||||
style={{ width: counts.total ? `${(counts.open / counts.total) * 100}%` : "0%" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div className="flex items-center justify-between">
|
||||
<div className="flex items-center gap-2">
|
||||
<Clock className="w-4 h-4 text-blue-500" />
|
||||
<span className="text-sm">In Progress</span>
|
||||
</div>
|
||||
<span className="text-sm font-medium">{counts.inProgress}</span>
|
||||
</div>
|
||||
<div className="h-1.5 bg-secondary rounded-full overflow-hidden">
|
||||
<div
|
||||
className="h-full bg-blue-500 rounded-full"
|
||||
style={{ width: counts.total ? `${(counts.inProgress / counts.total) * 100}%` : "0%" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div className="flex items-center justify-between">
|
||||
<div className="flex items-center gap-2">
|
||||
<TrendingUp className="w-4 h-4 text-purple-500" />
|
||||
<span className="text-sm">Review</span>
|
||||
</div>
|
||||
<span className="text-sm font-medium">{counts.review}</span>
|
||||
</div>
|
||||
<div className="h-1.5 bg-secondary rounded-full overflow-hidden">
|
||||
<div
|
||||
className="h-full bg-purple-500 rounded-full"
|
||||
style={{ width: counts.total ? `${(counts.review / counts.total) * 100}%` : "0%" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div className="flex items-center justify-between">
|
||||
<div className="flex items-center gap-2">
|
||||
<CheckCircle2 className="w-4 h-4 text-green-500" />
|
||||
<span className="text-sm">Done</span>
|
||||
</div>
|
||||
<span className="text-sm font-medium">{counts.done}</span>
|
||||
</div>
|
||||
<div className="h-1.5 bg-secondary rounded-full overflow-hidden">
|
||||
<div
|
||||
className="h-full bg-green-500 rounded-full"
|
||||
style={{ width: counts.total ? `${(counts.done / counts.total) * 100}%` : "0%" }}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<Separator />
|
||||
|
||||
<div className="flex items-center justify-between pt-2">
|
||||
<span className="text-sm font-medium">Total</span>
|
||||
<span className="text-lg font-bold">{counts.total}</span>
|
||||
</div>
|
||||
</CardContent>
|
||||
</Card>
|
||||
);
|
||||
}
|
||||
|
||||
export default async function TasksOverviewPage() {
|
||||
// Fetch all data in parallel
|
||||
const [
|
||||
statusCounts,
|
||||
highPriorityCount,
|
||||
overdueCount,
|
||||
recentlyUpdated,
|
||||
recentlyCompleted,
|
||||
highPriorityOpen,
|
||||
] = await Promise.all([
|
||||
getTaskStatusCounts(),
|
||||
countHighPriorityTasks(),
|
||||
countOverdueTasks(),
|
||||
fetchRecentlyUpdatedTasks(5),
|
||||
fetchRecentlyCompletedTasks(5),
|
||||
fetchHighPriorityOpenTasks(5),
|
||||
]);
|
||||
|
||||
export default function TasksPage() {
|
||||
return (
|
||||
<DashboardLayout>
|
||||
<div className="space-y-6">
|
||||
<div className="space-y-8">
|
||||
{/* Header */}
|
||||
<div className="flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4">
|
||||
<div>
|
||||
<h1 className="text-3xl font-bold tracking-tight">Tasks</h1>
|
||||
<h1 className="text-3xl font-bold tracking-tight">Tasks Overview</h1>
|
||||
<p className="text-muted-foreground mt-1">
|
||||
Manage your missions and track progress.
|
||||
Mission Control view of all tasks. Manage work in{" "}
|
||||
<Link
|
||||
href="https://gantt-board.vercel.app"
|
||||
target="_blank"
|
||||
className="text-primary hover:underline inline-flex items-center gap-1"
|
||||
>
|
||||
gantt-board
|
||||
<ExternalLink className="w-3 h-3" />
|
||||
</Link>
|
||||
</p>
|
||||
</div>
|
||||
<Button>
|
||||
<Plus className="w-4 h-4 mr-2" />
|
||||
Add Task
|
||||
</Button>
|
||||
<Link href="https://gantt-board.vercel.app" target="_blank">
|
||||
<Button>
|
||||
<ExternalLink className="w-4 h-4 mr-2" />
|
||||
Open in gantt-board
|
||||
</Button>
|
||||
</Link>
|
||||
</div>
|
||||
|
||||
{/* Kanban Board */}
|
||||
<div className="grid grid-cols-1 md:grid-cols-3 gap-6">
|
||||
{columns.map((column) => (
|
||||
<div key={column.id} className="space-y-4">
|
||||
<div className="flex items-center justify-between">
|
||||
<h2 className="font-semibold flex items-center gap-2">
|
||||
{column.id === "todo" && <Circle className="w-4 h-4" />}
|
||||
{column.id === "inprogress" && <Clock className="w-4 h-4" />}
|
||||
{column.id === "done" && <CheckCircle2 className="w-4 h-4" />}
|
||||
{column.title}
|
||||
<span className="text-muted-foreground text-sm">
|
||||
({column.tasks.length})
|
||||
</span>
|
||||
</h2>
|
||||
</div>
|
||||
|
||||
<div className="space-y-3">
|
||||
{column.tasks.map((task) => (
|
||||
<Card key={task.id} className="cursor-pointer hover:shadow-md transition-shadow">
|
||||
<CardContent className="p-4 space-y-3">
|
||||
<div className="flex items-start justify-between gap-2">
|
||||
<h3 className="font-medium text-sm">{task.title}</h3>
|
||||
<Badge
|
||||
variant="outline"
|
||||
className={`text-xs ${priorityColors[task.priority]}`}
|
||||
>
|
||||
{task.priority}
|
||||
</Badge>
|
||||
</div>
|
||||
|
||||
<p className="text-xs text-muted-foreground">
|
||||
{task.description}
|
||||
</p>
|
||||
|
||||
<div className="flex items-center gap-2 flex-wrap">
|
||||
{task.tags.map((tag) => (
|
||||
<span
|
||||
key={tag}
|
||||
className="text-[10px] px-2 py-0.5 rounded-full bg-secondary text-secondary-foreground"
|
||||
>
|
||||
{tag}
|
||||
</span>
|
||||
))}
|
||||
</div>
|
||||
|
||||
<div className="flex items-center gap-1 text-xs text-muted-foreground pt-2 border-t border-border">
|
||||
<Calendar className="w-3 h-3" />
|
||||
{task.due}
|
||||
</div>
|
||||
</CardContent>
|
||||
</Card>
|
||||
))}
|
||||
|
||||
<Button variant="ghost" className="w-full justify-start text-muted-foreground">
|
||||
<Plus className="w-4 h-4 mr-2" />
|
||||
Add task
|
||||
</Button>
|
||||
</div>
|
||||
</div>
|
||||
))}
|
||||
{/* Stats Section */}
|
||||
<div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4">
|
||||
<StatCard
|
||||
title="Total Tasks"
|
||||
value={statusCounts.total}
|
||||
subtitle="Across all projects"
|
||||
icon={Layers}
|
||||
colorClass="bg-blue-500/15 text-blue-500"
|
||||
/>
|
||||
<StatCard
|
||||
title="In Progress"
|
||||
value={statusCounts.inProgress}
|
||||
subtitle={`${statusCounts.open} open, ${statusCounts.review} in review`}
|
||||
icon={Clock}
|
||||
colorClass="bg-purple-500/15 text-purple-500"
|
||||
/>
|
||||
<StatCard
|
||||
title="High Priority"
|
||||
value={highPriorityCount}
|
||||
subtitle="Needs attention"
|
||||
icon={AlertTriangle}
|
||||
colorClass="bg-orange-500/15 text-orange-500"
|
||||
/>
|
||||
<StatCard
|
||||
title="Overdue"
|
||||
value={overdueCount}
|
||||
subtitle="Past due date"
|
||||
icon={Calendar}
|
||||
colorClass="bg-red-500/15 text-red-500"
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Stats */}
|
||||
<div className="grid grid-cols-2 sm:grid-cols-4 gap-4 pt-6 border-t border-border">
|
||||
<div className="text-center">
|
||||
<div className="text-2xl font-bold">12</div>
|
||||
<div className="text-xs text-muted-foreground">Total Tasks</div>
|
||||
</div>
|
||||
<div className="text-center">
|
||||
<div className="text-2xl font-bold">3</div>
|
||||
<div className="text-xs text-muted-foreground">To Do</div>
|
||||
</div>
|
||||
<div className="text-center">
|
||||
<div className="text-2xl font-bold">2</div>
|
||||
<div className="text-xs text-muted-foreground">In Progress</div>
|
||||
</div>
|
||||
<div className="text-center">
|
||||
<div className="text-2xl font-bold">7</div>
|
||||
<div className="text-xs text-muted-foreground">Completed</div>
|
||||
</div>
|
||||
{/* Recent Activity Section */}
|
||||
<div className="grid grid-cols-1 lg:grid-cols-3 gap-6">
|
||||
{/* Recently Updated */}
|
||||
<Card>
|
||||
<CardHeader>
|
||||
<CardTitle className="flex items-center gap-2 text-base">
|
||||
<Clock className="w-4 h-4" />
|
||||
Recently Updated
|
||||
</CardTitle>
|
||||
</CardHeader>
|
||||
<CardContent>
|
||||
{recentlyUpdated.length > 0 ? (
|
||||
<div className="divide-y divide-border">
|
||||
{recentlyUpdated.map((task) => (
|
||||
<TaskListItem key={task.id} task={task} />
|
||||
))}
|
||||
</div>
|
||||
) : (
|
||||
<p className="text-sm text-muted-foreground text-center py-8">
|
||||
No recently updated tasks
|
||||
</p>
|
||||
)}
|
||||
</CardContent>
|
||||
</Card>
|
||||
|
||||
{/* Recently Completed */}
|
||||
<Card>
|
||||
<CardHeader>
|
||||
<CardTitle className="flex items-center gap-2 text-base">
|
||||
<CheckCircle2 className="w-4 h-4" />
|
||||
Recently Completed
|
||||
</CardTitle>
|
||||
</CardHeader>
|
||||
<CardContent>
|
||||
{recentlyCompleted.length > 0 ? (
|
||||
<div className="divide-y divide-border">
|
||||
{recentlyCompleted.map((task) => (
|
||||
<TaskListItem key={task.id} task={task} />
|
||||
))}
|
||||
</div>
|
||||
) : (
|
||||
<p className="text-sm text-muted-foreground text-center py-8">
|
||||
No recently completed tasks
|
||||
</p>
|
||||
)}
|
||||
</CardContent>
|
||||
</Card>
|
||||
|
||||
{/* High Priority Open Tasks */}
|
||||
<Card>
|
||||
<CardHeader>
|
||||
<CardTitle className="flex items-center gap-2 text-base">
|
||||
<AlertCircle className="w-4 h-4" />
|
||||
High Priority Open
|
||||
</CardTitle>
|
||||
</CardHeader>
|
||||
<CardContent>
|
||||
{highPriorityOpen.length > 0 ? (
|
||||
<div className="divide-y divide-border">
|
||||
{highPriorityOpen.map((task) => (
|
||||
<TaskListItem key={task.id} task={task} />
|
||||
))}
|
||||
</div>
|
||||
) : (
|
||||
<p className="text-sm text-muted-foreground text-center py-8">
|
||||
No high priority open tasks
|
||||
</p>
|
||||
)}
|
||||
</CardContent>
|
||||
</Card>
|
||||
</div>
|
||||
|
||||
{/* Bottom Section: Status Breakdown + Quick Actions */}
|
||||
<div className="grid grid-cols-1 lg:grid-cols-3 gap-6">
|
||||
{/* Status Breakdown */}
|
||||
<StatusBreakdownCard counts={statusCounts} />
|
||||
|
||||
{/* Quick Actions */}
|
||||
<Card className="lg:col-span-2">
|
||||
<CardHeader>
|
||||
<CardTitle className="flex items-center gap-2 text-base">
|
||||
<ArrowRight className="w-4 h-4" />
|
||||
Quick Actions
|
||||
</CardTitle>
|
||||
</CardHeader>
|
||||
<CardContent>
|
||||
<div className="grid grid-cols-1 sm:grid-cols-2 gap-4">
|
||||
<Link href="https://gantt-board.vercel.app" target="_blank" className="block">
|
||||
<Button variant="outline" className="w-full justify-start h-auto py-4">
|
||||
<div className="p-2 rounded-lg bg-blue-500/15 mr-3">
|
||||
<ExternalLink className="w-5 h-5 text-blue-500" />
|
||||
</div>
|
||||
<div className="text-left">
|
||||
<p className="font-medium">Open gantt-board</p>
|
||||
<p className="text-xs text-muted-foreground">Manage tasks and projects</p>
|
||||
</div>
|
||||
</Button>
|
||||
</Link>
|
||||
|
||||
<Link href="https://gantt-board.vercel.app/tasks" target="_blank" className="block">
|
||||
<Button variant="outline" className="w-full justify-start h-auto py-4">
|
||||
<div className="p-2 rounded-lg bg-purple-500/15 mr-3">
|
||||
<Layers className="w-5 h-5 text-purple-500" />
|
||||
</div>
|
||||
<div className="text-left">
|
||||
<p className="font-medium">View All Tasks</p>
|
||||
<p className="text-xs text-muted-foreground">Full task list in gantt-board</p>
|
||||
</div>
|
||||
</Button>
|
||||
</Link>
|
||||
|
||||
<Link href="https://gantt-board.vercel.app/tasks?priority=high,urgent" target="_blank" className="block">
|
||||
<Button variant="outline" className="w-full justify-start h-auto py-4">
|
||||
<div className="p-2 rounded-lg bg-orange-500/15 mr-3">
|
||||
<AlertTriangle className="w-5 h-5 text-orange-500" />
|
||||
</div>
|
||||
<div className="text-left">
|
||||
<p className="font-medium">View High Priority</p>
|
||||
<p className="text-xs text-muted-foreground">Urgent and high priority tasks</p>
|
||||
</div>
|
||||
</Button>
|
||||
</Link>
|
||||
|
||||
<Link href="https://gantt-board.vercel.app/tasks?status=in-progress" target="_blank" className="block">
|
||||
<Button variant="outline" className="w-full justify-start h-auto py-4">
|
||||
<div className="p-2 rounded-lg bg-green-500/15 mr-3">
|
||||
<Clock className="w-5 h-5 text-green-500" />
|
||||
</div>
|
||||
<div className="text-left">
|
||||
<p className="font-medium">View In Progress</p>
|
||||
<p className="text-xs text-muted-foreground">Currently active tasks</p>
|
||||
</div>
|
||||
</Button>
|
||||
</Link>
|
||||
</div>
|
||||
|
||||
<Separator className="my-6" />
|
||||
|
||||
<div className="flex flex-col sm:flex-row gap-4 items-start sm:items-center justify-between">
|
||||
<div>
|
||||
<p className="font-medium">Task Management</p>
|
||||
<p className="text-sm text-muted-foreground">
|
||||
Mission Control is read-only. All task creation and editing happens in gantt-board.
|
||||
</p>
|
||||
</div>
|
||||
<Link href="https://gantt-board.vercel.app" target="_blank">
|
||||
<Button variant="secondary">
|
||||
Go to gantt-board
|
||||
<ArrowRight className="w-4 h-4 ml-2" />
|
||||
</Button>
|
||||
</Link>
|
||||
</div>
|
||||
</CardContent>
|
||||
</Card>
|
||||
</div>
|
||||
</div>
|
||||
</DashboardLayout>
|
||||
|
||||
BIN
data/tasks.db
Normal file
BIN
data/tasks.db
Normal file
Binary file not shown.
58
lib/data/projects.ts
Normal file
58
lib/data/projects.ts
Normal file
@ -0,0 +1,58 @@
|
||||
import { getServiceSupabase } from "@/lib/supabase/client";
|
||||
|
||||
export interface Project {
|
||||
id: string;
|
||||
name: string;
|
||||
description?: string;
|
||||
color: string;
|
||||
createdAt: string;
|
||||
}
|
||||
|
||||
function toNonEmptyString(value: unknown): string | undefined {
|
||||
return typeof value === "string" && value.trim().length > 0 ? value : undefined;
|
||||
}
|
||||
|
||||
function mapProjectRow(row: Record<string, unknown>): Project {
|
||||
return {
|
||||
id: String(row.id ?? ""),
|
||||
name: toNonEmptyString(row.name) ?? "Untitled Project",
|
||||
description: toNonEmptyString(row.description),
|
||||
color: toNonEmptyString(row.color) ?? "#3b82f6",
|
||||
createdAt: toNonEmptyString(row.created_at) ?? new Date().toISOString(),
|
||||
};
|
||||
}
|
||||
|
||||
/**
|
||||
* Fetch all projects from Supabase
|
||||
*/
|
||||
export async function fetchAllProjects(): Promise<Project[]> {
|
||||
const supabase = getServiceSupabase();
|
||||
const { data, error } = await supabase
|
||||
.from("projects")
|
||||
.select("*")
|
||||
.order("created_at", { ascending: true });
|
||||
|
||||
if (error) {
|
||||
console.error("Error fetching projects:", error);
|
||||
throw new Error(`Failed to fetch projects: ${error.message}`);
|
||||
}
|
||||
|
||||
return (data || []).map((row) => mapProjectRow(row as Record<string, unknown>));
|
||||
}
|
||||
|
||||
/**
|
||||
* Count total projects
|
||||
*/
|
||||
export async function countProjects(): Promise<number> {
|
||||
const supabase = getServiceSupabase();
|
||||
const { count, error } = await supabase
|
||||
.from("projects")
|
||||
.select("*", { count: "exact", head: true });
|
||||
|
||||
if (error) {
|
||||
console.error("Error counting projects:", error);
|
||||
return 0;
|
||||
}
|
||||
|
||||
return count || 0;
|
||||
}
|
||||
100
lib/data/stats.ts
Normal file
100
lib/data/stats.ts
Normal file
@ -0,0 +1,100 @@
|
||||
import { fetchAllProjects, countProjects } from "./projects";
|
||||
import { countActiveTasks, countTotalTasks } from "./tasks";
|
||||
|
||||
export interface DashboardStats {
|
||||
activeTasksCount: number;
|
||||
totalTasksCount: number;
|
||||
projectsCount: number;
|
||||
goalsProgress: number;
|
||||
appsBuilt: number;
|
||||
yearProgress: number;
|
||||
yearDay: number;
|
||||
yearTotalDays: number;
|
||||
}
|
||||
|
||||
/**
|
||||
* Calculate year progress
|
||||
*/
|
||||
function calculateYearProgress(): { progress: number; day: number; totalDays: number } {
|
||||
const now = new Date();
|
||||
const startOfYear = new Date(now.getFullYear(), 0, 1);
|
||||
const endOfYear = new Date(now.getFullYear() + 1, 0, 1);
|
||||
|
||||
const totalDays = Math.floor((endOfYear.getTime() - startOfYear.getTime()) / (1000 * 60 * 60 * 24));
|
||||
const dayOfYear = Math.floor((now.getTime() - startOfYear.getTime()) / (1000 * 60 * 60 * 24)) + 1;
|
||||
const progress = Math.round((dayOfYear / totalDays) * 100);
|
||||
|
||||
return { progress, day: dayOfYear, totalDays };
|
||||
}
|
||||
|
||||
/**
|
||||
* Calculate goals progress based on project completion
|
||||
* For now, this uses a simple heuristic based on done tasks vs total tasks
|
||||
*/
|
||||
async function calculateGoalsProgress(): Promise<number> {
|
||||
const supabase = (await import("@/lib/supabase/client")).getServiceSupabase();
|
||||
|
||||
// Get done tasks count
|
||||
const { count: doneCount, error: doneError } = await supabase
|
||||
.from("tasks")
|
||||
.select("*", { count: "exact", head: true })
|
||||
.eq("status", "done");
|
||||
|
||||
// Get total tasks count
|
||||
const { count: totalCount, error: totalError } = await supabase
|
||||
.from("tasks")
|
||||
.select("*", { count: "exact", head: true });
|
||||
|
||||
if (doneError || totalError || !totalCount || totalCount === 0) {
|
||||
return 0;
|
||||
}
|
||||
|
||||
return Math.round(((doneCount || 0) / totalCount) * 100);
|
||||
}
|
||||
|
||||
/**
|
||||
* Count iOS apps built
|
||||
* This looks for projects with "iOS" in the name or specific app-related tags
|
||||
*/
|
||||
async function countAppsBuilt(): Promise<number> {
|
||||
const projects = await fetchAllProjects();
|
||||
|
||||
// Count projects that look like iOS apps
|
||||
// Heuristic: projects with "iOS", "App", or "Swift" in the name
|
||||
const appProjects = projects.filter((p) => {
|
||||
const nameLower = p.name.toLowerCase();
|
||||
return (
|
||||
nameLower.includes("ios") ||
|
||||
nameLower.includes("app") ||
|
||||
nameLower.includes("swift") ||
|
||||
nameLower.includes("mobile")
|
||||
);
|
||||
});
|
||||
|
||||
return appProjects.length || 6; // Fallback to 6 if no matches (current count)
|
||||
}
|
||||
|
||||
/**
|
||||
* Fetch all dashboard stats
|
||||
*/
|
||||
export async function fetchDashboardStats(): Promise<DashboardStats> {
|
||||
const [activeTasksCount, totalTasksCount, projectsCount, goalsProgress, appsBuilt, yearData] = await Promise.all([
|
||||
countActiveTasks(),
|
||||
countTotalTasks(),
|
||||
countProjects(),
|
||||
calculateGoalsProgress(),
|
||||
countAppsBuilt(),
|
||||
Promise.resolve(calculateYearProgress()),
|
||||
]);
|
||||
|
||||
return {
|
||||
activeTasksCount,
|
||||
totalTasksCount,
|
||||
projectsCount,
|
||||
goalsProgress,
|
||||
appsBuilt,
|
||||
yearProgress: yearData.progress,
|
||||
yearDay: yearData.day,
|
||||
yearTotalDays: yearData.totalDays,
|
||||
};
|
||||
}
|
||||
284
lib/data/tasks.ts
Normal file
284
lib/data/tasks.ts
Normal file
@ -0,0 +1,284 @@
|
||||
import { getServiceSupabase } from "@/lib/supabase/client";
|
||||
|
||||
export interface Task {
|
||||
id: string;
|
||||
title: string;
|
||||
description?: string;
|
||||
type: "idea" | "task" | "bug" | "research" | "plan";
|
||||
status: "open" | "todo" | "blocked" | "in-progress" | "review" | "validate" | "archived" | "canceled" | "done";
|
||||
priority: "low" | "medium" | "high" | "urgent";
|
||||
projectId: string;
|
||||
sprintId?: string;
|
||||
createdAt: string;
|
||||
updatedAt: string;
|
||||
createdById?: string;
|
||||
createdByName?: string;
|
||||
createdByAvatarUrl?: string;
|
||||
updatedById?: string;
|
||||
updatedByName?: string;
|
||||
updatedByAvatarUrl?: string;
|
||||
assigneeId?: string;
|
||||
assigneeName?: string;
|
||||
assigneeEmail?: string;
|
||||
assigneeAvatarUrl?: string;
|
||||
dueDate?: string;
|
||||
comments: unknown[];
|
||||
tags: string[];
|
||||
attachments: unknown[];
|
||||
}
|
||||
|
||||
const TASK_STATUSES: Task["status"][] = ["open", "todo", "blocked", "in-progress", "review", "validate", "archived", "canceled", "done"];
|
||||
|
||||
function isTaskStatus(value: unknown): value is Task["status"] {
|
||||
return typeof value === "string" && TASK_STATUSES.includes(value as Task["status"]);
|
||||
}
|
||||
|
||||
function toNonEmptyString(value: unknown): string | undefined {
|
||||
return typeof value === "string" && value.trim().length > 0 ? value : undefined;
|
||||
}
|
||||
|
||||
function mapTaskRow(row: Record<string, unknown>): Task {
|
||||
const fallbackDate = new Date().toISOString();
|
||||
return {
|
||||
id: String(row.id ?? ""),
|
||||
title: toNonEmptyString(row.title) ?? "",
|
||||
description: toNonEmptyString(row.description),
|
||||
type: (toNonEmptyString(row.type) as Task["type"]) ?? "task",
|
||||
status: isTaskStatus(row.status) ? row.status : "todo",
|
||||
priority: (toNonEmptyString(row.priority) as Task["priority"]) ?? "medium",
|
||||
projectId: String(row.project_id ?? ""),
|
||||
sprintId: toNonEmptyString(row.sprint_id),
|
||||
createdAt: toNonEmptyString(row.created_at) ?? fallbackDate,
|
||||
updatedAt: toNonEmptyString(row.updated_at) ?? fallbackDate,
|
||||
createdById: toNonEmptyString(row.created_by_id),
|
||||
createdByName: toNonEmptyString(row.created_by_name),
|
||||
createdByAvatarUrl: toNonEmptyString(row.created_by_avatar_url),
|
||||
updatedById: toNonEmptyString(row.updated_by_id),
|
||||
updatedByName: toNonEmptyString(row.updated_by_name),
|
||||
updatedByAvatarUrl: toNonEmptyString(row.updated_by_avatar_url),
|
||||
assigneeId: toNonEmptyString(row.assignee_id),
|
||||
assigneeName: toNonEmptyString(row.assignee_name),
|
||||
assigneeEmail: toNonEmptyString(row.assignee_email),
|
||||
assigneeAvatarUrl: toNonEmptyString(row.assignee_avatar_url),
|
||||
dueDate: toNonEmptyString(row.due_date),
|
||||
comments: Array.isArray(row.comments) ? row.comments : [],
|
||||
tags: Array.isArray(row.tags) ? row.tags.filter((tag): tag is string => typeof tag === "string") : [],
|
||||
attachments: Array.isArray(row.attachments) ? row.attachments : [],
|
||||
};
|
||||
}
|
||||
|
||||
/**
|
||||
* Fetch all tasks from Supabase
|
||||
*/
|
||||
export async function fetchAllTasks(): Promise<Task[]> {
|
||||
const supabase = getServiceSupabase();
|
||||
const { data, error } = await supabase
|
||||
.from("tasks")
|
||||
.select("*")
|
||||
.order("created_at", { ascending: true });
|
||||
|
||||
if (error) {
|
||||
console.error("Error fetching tasks:", error);
|
||||
throw new Error(`Failed to fetch tasks: ${error.message}`);
|
||||
}
|
||||
|
||||
return (data || []).map((row) => mapTaskRow(row as Record<string, unknown>));
|
||||
}
|
||||
|
||||
/**
|
||||
* Fetch active tasks (status != 'done')
|
||||
*/
|
||||
export async function fetchActiveTasks(): Promise<Task[]> {
|
||||
const supabase = getServiceSupabase();
|
||||
const { data, error } = await supabase
|
||||
.from("tasks")
|
||||
.select("*")
|
||||
.neq("status", "done")
|
||||
.order("created_at", { ascending: true });
|
||||
|
||||
if (error) {
|
||||
console.error("Error fetching active tasks:", error);
|
||||
throw new Error(`Failed to fetch active tasks: ${error.message}`);
|
||||
}
|
||||
|
||||
return (data || []).map((row) => mapTaskRow(row as Record<string, unknown>));
|
||||
}
|
||||
|
||||
/**
|
||||
* Count active tasks
|
||||
*/
|
||||
export async function countActiveTasks(): Promise<number> {
|
||||
const supabase = getServiceSupabase();
|
||||
const { count, error } = await supabase
|
||||
.from("tasks")
|
||||
.select("*", { count: "exact", head: true })
|
||||
.neq("status", "done");
|
||||
|
||||
if (error) {
|
||||
console.error("Error counting active tasks:", error);
|
||||
return 0;
|
||||
}
|
||||
|
||||
return count || 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Count total tasks
|
||||
*/
|
||||
export async function countTotalTasks(): Promise<number> {
|
||||
const supabase = getServiceSupabase();
|
||||
const { count, error } = await supabase
|
||||
.from("tasks")
|
||||
.select("*", { count: "exact", head: true });
|
||||
|
||||
if (error) {
|
||||
console.error("Error counting total tasks:", error);
|
||||
return 0;
|
||||
}
|
||||
|
||||
return count || 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Get task counts by status
|
||||
*/
|
||||
export interface TaskStatusCounts {
|
||||
open: number;
|
||||
inProgress: number;
|
||||
review: number;
|
||||
done: number;
|
||||
total: number;
|
||||
}
|
||||
|
||||
export async function getTaskStatusCounts(): Promise<TaskStatusCounts> {
|
||||
const supabase = getServiceSupabase();
|
||||
|
||||
// Get all tasks and count by status
|
||||
const { data, error } = await supabase
|
||||
.from("tasks")
|
||||
.select("status");
|
||||
|
||||
if (error) {
|
||||
console.error("Error fetching task status counts:", error);
|
||||
return { open: 0, inProgress: 0, review: 0, done: 0, total: 0 };
|
||||
}
|
||||
|
||||
const counts = { open: 0, inProgress: 0, review: 0, done: 0, total: 0 };
|
||||
|
||||
for (const row of data || []) {
|
||||
counts.total++;
|
||||
const status = row.status;
|
||||
if (status === "open" || status === "todo" || status === "blocked") {
|
||||
counts.open++;
|
||||
} else if (status === "in-progress") {
|
||||
counts.inProgress++;
|
||||
} else if (status === "review" || status === "validate") {
|
||||
counts.review++;
|
||||
} else if (status === "done") {
|
||||
counts.done++;
|
||||
}
|
||||
}
|
||||
|
||||
return counts;
|
||||
}
|
||||
|
||||
/**
|
||||
* Count high priority tasks (high or urgent priority, not done)
|
||||
*/
|
||||
export async function countHighPriorityTasks(): Promise<number> {
|
||||
const supabase = getServiceSupabase();
|
||||
const { count, error } = await supabase
|
||||
.from("tasks")
|
||||
.select("*", { count: "exact", head: true })
|
||||
.in("priority", ["high", "urgent"])
|
||||
.neq("status", "done");
|
||||
|
||||
if (error) {
|
||||
console.error("Error counting high priority tasks:", error);
|
||||
return 0;
|
||||
}
|
||||
|
||||
return count || 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Count overdue tasks (due date in the past, not done)
|
||||
*/
|
||||
export async function countOverdueTasks(): Promise<number> {
|
||||
const supabase = getServiceSupabase();
|
||||
const today = new Date().toISOString().split("T")[0];
|
||||
|
||||
const { count, error } = await supabase
|
||||
.from("tasks")
|
||||
.select("*", { count: "exact", head: true })
|
||||
.lt("due_date", today)
|
||||
.neq("status", "done")
|
||||
.not("due_date", "is", null);
|
||||
|
||||
if (error) {
|
||||
console.error("Error counting overdue tasks:", error);
|
||||
return 0;
|
||||
}
|
||||
|
||||
return count || 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Fetch recently updated tasks (last 5)
|
||||
*/
|
||||
export async function fetchRecentlyUpdatedTasks(limit = 5): Promise<Task[]> {
|
||||
const supabase = getServiceSupabase();
|
||||
const { data, error } = await supabase
|
||||
.from("tasks")
|
||||
.select("*")
|
||||
.order("updated_at", { ascending: false })
|
||||
.limit(limit);
|
||||
|
||||
if (error) {
|
||||
console.error("Error fetching recently updated tasks:", error);
|
||||
return [];
|
||||
}
|
||||
|
||||
return (data || []).map((row) => mapTaskRow(row as Record<string, unknown>));
|
||||
}
|
||||
|
||||
/**
|
||||
* Fetch recently completed tasks (last 5)
|
||||
*/
|
||||
export async function fetchRecentlyCompletedTasks(limit = 5): Promise<Task[]> {
|
||||
const supabase = getServiceSupabase();
|
||||
const { data, error } = await supabase
|
||||
.from("tasks")
|
||||
.select("*")
|
||||
.eq("status", "done")
|
||||
.order("updated_at", { ascending: false })
|
||||
.limit(limit);
|
||||
|
||||
if (error) {
|
||||
console.error("Error fetching recently completed tasks:", error);
|
||||
return [];
|
||||
}
|
||||
|
||||
return (data || []).map((row) => mapTaskRow(row as Record<string, unknown>));
|
||||
}
|
||||
|
||||
/**
|
||||
* Fetch high priority open tasks (top 5)
|
||||
*/
|
||||
export async function fetchHighPriorityOpenTasks(limit = 5): Promise<Task[]> {
|
||||
const supabase = getServiceSupabase();
|
||||
const { data, error } = await supabase
|
||||
.from("tasks")
|
||||
.select("*")
|
||||
.in("priority", ["high", "urgent"])
|
||||
.neq("status", "done")
|
||||
.order("updated_at", { ascending: false })
|
||||
.limit(limit);
|
||||
|
||||
if (error) {
|
||||
console.error("Error fetching high priority open tasks:", error);
|
||||
return [];
|
||||
}
|
||||
|
||||
return (data || []).map((row) => mapTaskRow(row as Record<string, unknown>));
|
||||
}
|
||||
@ -1,571 +0,0 @@
|
||||
import Database from "better-sqlite3";
|
||||
import { mkdirSync } from "fs";
|
||||
import { join } from "path";
|
||||
|
||||
export interface TaskAttachment {
|
||||
id: string;
|
||||
name: string;
|
||||
type: string;
|
||||
size: number;
|
||||
dataUrl: string;
|
||||
uploadedAt: string;
|
||||
}
|
||||
|
||||
export interface TaskComment {
|
||||
id: string;
|
||||
text: string;
|
||||
createdAt: string;
|
||||
author: TaskCommentAuthor | "user" | "assistant";
|
||||
replies?: TaskComment[];
|
||||
}
|
||||
|
||||
export interface TaskCommentAuthor {
|
||||
id: string;
|
||||
name: string;
|
||||
email?: string;
|
||||
avatarUrl?: string;
|
||||
type: "human" | "assistant";
|
||||
}
|
||||
|
||||
export interface Task {
|
||||
id: string;
|
||||
title: string;
|
||||
description?: string;
|
||||
type: "idea" | "task" | "bug" | "research" | "plan";
|
||||
status: "open" | "todo" | "blocked" | "in-progress" | "review" | "validate" | "archived" | "canceled" | "done";
|
||||
priority: "low" | "medium" | "high" | "urgent";
|
||||
projectId: string;
|
||||
sprintId?: string;
|
||||
createdAt: string;
|
||||
updatedAt: string;
|
||||
createdById?: string;
|
||||
createdByName?: string;
|
||||
createdByAvatarUrl?: string;
|
||||
updatedById?: string;
|
||||
updatedByName?: string;
|
||||
updatedByAvatarUrl?: string;
|
||||
assigneeId?: string;
|
||||
assigneeName?: string;
|
||||
assigneeEmail?: string;
|
||||
assigneeAvatarUrl?: string;
|
||||
dueDate?: string;
|
||||
comments: TaskComment[];
|
||||
tags: string[];
|
||||
attachments: TaskAttachment[];
|
||||
}
|
||||
|
||||
export interface Project {
|
||||
id: string;
|
||||
name: string;
|
||||
description?: string;
|
||||
color: string;
|
||||
createdAt: string;
|
||||
}
|
||||
|
||||
export interface Sprint {
|
||||
id: string;
|
||||
name: string;
|
||||
goal?: string;
|
||||
startDate: string;
|
||||
endDate: string;
|
||||
status: "planning" | "active" | "completed";
|
||||
projectId: string;
|
||||
createdAt: string;
|
||||
}
|
||||
|
||||
export interface DataStore {
|
||||
projects: Project[];
|
||||
tasks: Task[];
|
||||
sprints: Sprint[];
|
||||
lastUpdated: number;
|
||||
}
|
||||
|
||||
const DATA_DIR = join(process.cwd(), "data");
|
||||
const DB_FILE = join(DATA_DIR, "tasks.db");
|
||||
|
||||
const defaultData: DataStore = {
|
||||
projects: [
|
||||
{ id: "1", name: "OpenClaw iOS", description: "Main iOS app development", color: "#8b5cf6", createdAt: new Date().toISOString() },
|
||||
{ id: "2", name: "Web Projects", description: "Web tools and dashboards", color: "#3b82f6", createdAt: new Date().toISOString() },
|
||||
{ id: "3", name: "Research", description: "Experiments and learning", color: "#10b981", createdAt: new Date().toISOString() },
|
||||
],
|
||||
tasks: [],
|
||||
sprints: [],
|
||||
lastUpdated: Date.now(),
|
||||
};
|
||||
|
||||
type SqliteDb = InstanceType<typeof Database>;
|
||||
|
||||
let db: SqliteDb | null = null;
|
||||
|
||||
interface UserProfileLookup {
|
||||
id: string;
|
||||
name: string;
|
||||
email?: string;
|
||||
avatarUrl?: string;
|
||||
}
|
||||
|
||||
function ensureTaskSchema(database: SqliteDb) {
|
||||
const taskColumns = database.prepare("PRAGMA table_info(tasks)").all() as Array<{ name: string }>;
|
||||
if (!taskColumns.some((column) => column.name === "attachments")) {
|
||||
database.exec("ALTER TABLE tasks ADD COLUMN attachments TEXT NOT NULL DEFAULT '[]';");
|
||||
}
|
||||
if (!taskColumns.some((column) => column.name === "createdById")) {
|
||||
database.exec("ALTER TABLE tasks ADD COLUMN createdById TEXT;");
|
||||
}
|
||||
if (!taskColumns.some((column) => column.name === "createdByName")) {
|
||||
database.exec("ALTER TABLE tasks ADD COLUMN createdByName TEXT;");
|
||||
}
|
||||
if (!taskColumns.some((column) => column.name === "createdByAvatarUrl")) {
|
||||
database.exec("ALTER TABLE tasks ADD COLUMN createdByAvatarUrl TEXT;");
|
||||
}
|
||||
if (!taskColumns.some((column) => column.name === "updatedById")) {
|
||||
database.exec("ALTER TABLE tasks ADD COLUMN updatedById TEXT;");
|
||||
}
|
||||
if (!taskColumns.some((column) => column.name === "updatedByName")) {
|
||||
database.exec("ALTER TABLE tasks ADD COLUMN updatedByName TEXT;");
|
||||
}
|
||||
if (!taskColumns.some((column) => column.name === "updatedByAvatarUrl")) {
|
||||
database.exec("ALTER TABLE tasks ADD COLUMN updatedByAvatarUrl TEXT;");
|
||||
}
|
||||
if (!taskColumns.some((column) => column.name === "assigneeId")) {
|
||||
database.exec("ALTER TABLE tasks ADD COLUMN assigneeId TEXT;");
|
||||
}
|
||||
if (!taskColumns.some((column) => column.name === "assigneeName")) {
|
||||
database.exec("ALTER TABLE tasks ADD COLUMN assigneeName TEXT;");
|
||||
}
|
||||
if (!taskColumns.some((column) => column.name === "assigneeEmail")) {
|
||||
database.exec("ALTER TABLE tasks ADD COLUMN assigneeEmail TEXT;");
|
||||
}
|
||||
if (!taskColumns.some((column) => column.name === "assigneeAvatarUrl")) {
|
||||
database.exec("ALTER TABLE tasks ADD COLUMN assigneeAvatarUrl TEXT;");
|
||||
}
|
||||
}
|
||||
|
||||
function safeParseArray<T>(value: string | null, fallback: T[]): T[] {
|
||||
if (!value) return fallback;
|
||||
try {
|
||||
const parsed = JSON.parse(value);
|
||||
return Array.isArray(parsed) ? (parsed as T[]) : fallback;
|
||||
} catch {
|
||||
return fallback;
|
||||
}
|
||||
}
|
||||
|
||||
function getUserLookup(database: SqliteDb): Map<string, UserProfileLookup> {
|
||||
const hasUsersTable = database
|
||||
.prepare("SELECT 1 FROM sqlite_master WHERE type = 'table' AND name = 'users' LIMIT 1")
|
||||
.get() as { 1: number } | undefined;
|
||||
if (!hasUsersTable) return new Map();
|
||||
|
||||
try {
|
||||
const rows = database
|
||||
.prepare("SELECT id, name, email, avatarUrl FROM users")
|
||||
.all() as Array<{ id: string; name: string; email: string | null; avatarUrl: string | null }>;
|
||||
|
||||
const lookup = new Map<string, UserProfileLookup>();
|
||||
for (const row of rows) {
|
||||
lookup.set(row.id, {
|
||||
id: row.id,
|
||||
name: row.name,
|
||||
email: row.email ?? undefined,
|
||||
avatarUrl: row.avatarUrl ?? undefined,
|
||||
});
|
||||
}
|
||||
return lookup;
|
||||
} catch {
|
||||
return new Map();
|
||||
}
|
||||
}
|
||||
|
||||
function normalizeAttachments(attachments: unknown): TaskAttachment[] {
|
||||
if (!Array.isArray(attachments)) return [];
|
||||
|
||||
return attachments
|
||||
.map((attachment) => {
|
||||
if (!attachment || typeof attachment !== "object") return null;
|
||||
const value = attachment as Partial<TaskAttachment>;
|
||||
const name = typeof value.name === "string" ? value.name.trim() : "";
|
||||
const dataUrl = typeof value.dataUrl === "string" ? value.dataUrl : "";
|
||||
if (!name || !dataUrl) return null;
|
||||
|
||||
return {
|
||||
id: typeof value.id === "string" && value.id ? value.id : `${Date.now()}-${Math.random().toString(36).slice(2, 8)}`,
|
||||
name,
|
||||
type: typeof value.type === "string" ? value.type : "application/octet-stream",
|
||||
size: typeof value.size === "number" && Number.isFinite(value.size) ? value.size : 0,
|
||||
dataUrl,
|
||||
uploadedAt: typeof value.uploadedAt === "string" && value.uploadedAt ? value.uploadedAt : new Date().toISOString(),
|
||||
};
|
||||
})
|
||||
.filter((attachment): attachment is TaskAttachment => attachment !== null);
|
||||
}
|
||||
|
||||
function normalizeComments(comments: unknown): TaskComment[] {
|
||||
if (!Array.isArray(comments)) return [];
|
||||
|
||||
const normalized: TaskComment[] = [];
|
||||
for (const entry of comments) {
|
||||
if (!entry || typeof entry !== "object") continue;
|
||||
const value = entry as Partial<TaskComment>;
|
||||
if (typeof value.id !== "string" || typeof value.text !== "string") continue;
|
||||
|
||||
normalized.push({
|
||||
id: value.id,
|
||||
text: value.text,
|
||||
createdAt: typeof value.createdAt === "string" ? value.createdAt : new Date().toISOString(),
|
||||
author: normalizeCommentAuthor(value.author),
|
||||
replies: normalizeComments(value.replies),
|
||||
});
|
||||
}
|
||||
|
||||
return normalized;
|
||||
}
|
||||
|
||||
function normalizeCommentAuthor(author: unknown): TaskCommentAuthor {
|
||||
if (author === "assistant") {
|
||||
return { id: "assistant", name: "Assistant", type: "assistant" };
|
||||
}
|
||||
if (author === "user") {
|
||||
return { id: "legacy-user", name: "User", type: "human" };
|
||||
}
|
||||
|
||||
if (!author || typeof author !== "object") {
|
||||
return { id: "legacy-user", name: "User", type: "human" };
|
||||
}
|
||||
|
||||
const value = author as Partial<TaskCommentAuthor>;
|
||||
const type: TaskCommentAuthor["type"] =
|
||||
value.type === "assistant" || value.id === "assistant" ? "assistant" : "human";
|
||||
const id = typeof value.id === "string" && value.id.trim().length > 0
|
||||
? value.id
|
||||
: type === "assistant"
|
||||
? "assistant"
|
||||
: "legacy-user";
|
||||
const name = typeof value.name === "string" && value.name.trim().length > 0
|
||||
? value.name.trim()
|
||||
: type === "assistant"
|
||||
? "Assistant"
|
||||
: "User";
|
||||
const email = typeof value.email === "string" && value.email.trim().length > 0 ? value.email.trim() : undefined;
|
||||
const avatarUrl = typeof value.avatarUrl === "string" && value.avatarUrl.trim().length > 0 ? value.avatarUrl : undefined;
|
||||
|
||||
return { id, name, email, avatarUrl, type };
|
||||
}
|
||||
|
||||
function normalizeTask(task: Partial<Task>): Task {
|
||||
return {
|
||||
id: String(task.id ?? Date.now()),
|
||||
title: String(task.title ?? ""),
|
||||
description: task.description || undefined,
|
||||
type: (task.type as Task["type"]) ?? "task",
|
||||
status: (task.status as Task["status"]) ?? "open",
|
||||
priority: (task.priority as Task["priority"]) ?? "medium",
|
||||
projectId: String(task.projectId ?? "2"),
|
||||
sprintId: task.sprintId || undefined,
|
||||
createdAt: task.createdAt || new Date().toISOString(),
|
||||
updatedAt: task.updatedAt || new Date().toISOString(),
|
||||
createdById: typeof task.createdById === "string" && task.createdById.trim().length > 0 ? task.createdById : undefined,
|
||||
createdByName: typeof task.createdByName === "string" && task.createdByName.trim().length > 0 ? task.createdByName : undefined,
|
||||
createdByAvatarUrl: typeof task.createdByAvatarUrl === "string" && task.createdByAvatarUrl.trim().length > 0 ? task.createdByAvatarUrl : undefined,
|
||||
updatedById: typeof task.updatedById === "string" && task.updatedById.trim().length > 0 ? task.updatedById : undefined,
|
||||
updatedByName: typeof task.updatedByName === "string" && task.updatedByName.trim().length > 0 ? task.updatedByName : undefined,
|
||||
updatedByAvatarUrl: typeof task.updatedByAvatarUrl === "string" && task.updatedByAvatarUrl.trim().length > 0 ? task.updatedByAvatarUrl : undefined,
|
||||
assigneeId: typeof task.assigneeId === "string" && task.assigneeId.trim().length > 0 ? task.assigneeId : undefined,
|
||||
assigneeName: typeof task.assigneeName === "string" && task.assigneeName.trim().length > 0 ? task.assigneeName : undefined,
|
||||
assigneeEmail: typeof task.assigneeEmail === "string" && task.assigneeEmail.trim().length > 0 ? task.assigneeEmail : undefined,
|
||||
assigneeAvatarUrl: typeof task.assigneeAvatarUrl === "string" && task.assigneeAvatarUrl.trim().length > 0 ? task.assigneeAvatarUrl : undefined,
|
||||
dueDate: task.dueDate || undefined,
|
||||
comments: normalizeComments(task.comments),
|
||||
tags: Array.isArray(task.tags) ? task.tags.filter((tag): tag is string => typeof tag === "string") : [],
|
||||
attachments: normalizeAttachments(task.attachments),
|
||||
};
|
||||
}
|
||||
|
||||
function setLastUpdated(database: SqliteDb, value: number) {
|
||||
database
|
||||
.prepare(`
|
||||
INSERT INTO meta (key, value)
|
||||
VALUES ('lastUpdated', ?)
|
||||
ON CONFLICT(key) DO UPDATE SET value = excluded.value
|
||||
`)
|
||||
.run(String(value));
|
||||
}
|
||||
|
||||
function getLastUpdated(database: SqliteDb): number {
|
||||
const row = database.prepare("SELECT value FROM meta WHERE key = 'lastUpdated'").get() as { value?: string } | undefined;
|
||||
const parsed = Number(row?.value ?? Date.now());
|
||||
return Number.isFinite(parsed) ? parsed : Date.now();
|
||||
}
|
||||
|
||||
function replaceAllData(database: SqliteDb, data: DataStore) {
|
||||
const write = database.transaction((payload: DataStore) => {
|
||||
database.exec("DELETE FROM projects;");
|
||||
database.exec("DELETE FROM sprints;");
|
||||
database.exec("DELETE FROM tasks;");
|
||||
|
||||
const insertProject = database.prepare(`
|
||||
INSERT INTO projects (id, name, description, color, createdAt)
|
||||
VALUES (@id, @name, @description, @color, @createdAt)
|
||||
`);
|
||||
const insertSprint = database.prepare(`
|
||||
INSERT INTO sprints (id, name, goal, startDate, endDate, status, projectId, createdAt)
|
||||
VALUES (@id, @name, @goal, @startDate, @endDate, @status, @projectId, @createdAt)
|
||||
`);
|
||||
const insertTask = database.prepare(`
|
||||
INSERT INTO tasks (id, title, description, type, status, priority, projectId, sprintId, createdAt, updatedAt, createdById, createdByName, createdByAvatarUrl, updatedById, updatedByName, updatedByAvatarUrl, assigneeId, assigneeName, assigneeEmail, assigneeAvatarUrl, dueDate, comments, tags, attachments)
|
||||
VALUES (@id, @title, @description, @type, @status, @priority, @projectId, @sprintId, @createdAt, @updatedAt, @createdById, @createdByName, @createdByAvatarUrl, @updatedById, @updatedByName, @updatedByAvatarUrl, @assigneeId, @assigneeName, @assigneeEmail, @assigneeAvatarUrl, @dueDate, @comments, @tags, @attachments)
|
||||
`);
|
||||
|
||||
for (const project of payload.projects) {
|
||||
insertProject.run({
|
||||
id: project.id,
|
||||
name: project.name,
|
||||
description: project.description ?? null,
|
||||
color: project.color,
|
||||
createdAt: project.createdAt,
|
||||
});
|
||||
}
|
||||
|
||||
for (const sprint of payload.sprints) {
|
||||
insertSprint.run({
|
||||
id: sprint.id,
|
||||
name: sprint.name,
|
||||
goal: sprint.goal ?? null,
|
||||
startDate: sprint.startDate,
|
||||
endDate: sprint.endDate,
|
||||
status: sprint.status,
|
||||
projectId: sprint.projectId,
|
||||
createdAt: sprint.createdAt,
|
||||
});
|
||||
}
|
||||
|
||||
for (const task of payload.tasks.map(normalizeTask)) {
|
||||
insertTask.run({
|
||||
...task,
|
||||
sprintId: task.sprintId ?? null,
|
||||
createdById: task.createdById ?? null,
|
||||
createdByName: task.createdByName ?? null,
|
||||
createdByAvatarUrl: task.createdByAvatarUrl ?? null,
|
||||
updatedById: task.updatedById ?? null,
|
||||
updatedByName: task.updatedByName ?? null,
|
||||
updatedByAvatarUrl: task.updatedByAvatarUrl ?? null,
|
||||
assigneeId: task.assigneeId ?? null,
|
||||
assigneeName: task.assigneeName ?? null,
|
||||
assigneeEmail: task.assigneeEmail ?? null,
|
||||
assigneeAvatarUrl: task.assigneeAvatarUrl ?? null,
|
||||
dueDate: task.dueDate ?? null,
|
||||
comments: JSON.stringify(task.comments ?? []),
|
||||
tags: JSON.stringify(task.tags ?? []),
|
||||
attachments: JSON.stringify(task.attachments ?? []),
|
||||
});
|
||||
}
|
||||
|
||||
setLastUpdated(database, payload.lastUpdated || Date.now());
|
||||
});
|
||||
|
||||
write(data);
|
||||
}
|
||||
|
||||
function seedIfEmpty(database: SqliteDb) {
|
||||
const counts = database
|
||||
.prepare(
|
||||
`
|
||||
SELECT
|
||||
(SELECT COUNT(*) FROM projects) AS projectsCount,
|
||||
(SELECT COUNT(*) FROM sprints) AS sprintsCount,
|
||||
(SELECT COUNT(*) FROM tasks) AS tasksCount
|
||||
`
|
||||
)
|
||||
.get() as { projectsCount: number; sprintsCount: number; tasksCount: number };
|
||||
|
||||
if (counts.projectsCount > 0 || counts.sprintsCount > 0 || counts.tasksCount > 0) return;
|
||||
replaceAllData(database, defaultData);
|
||||
}
|
||||
|
||||
function getDb(): SqliteDb {
|
||||
if (db) {
|
||||
ensureTaskSchema(db);
|
||||
return db;
|
||||
}
|
||||
|
||||
mkdirSync(DATA_DIR, { recursive: true });
|
||||
const database = new Database(DB_FILE);
|
||||
database.pragma("journal_mode = WAL");
|
||||
database.exec(`
|
||||
CREATE TABLE IF NOT EXISTS projects (
|
||||
id TEXT PRIMARY KEY,
|
||||
name TEXT NOT NULL,
|
||||
description TEXT,
|
||||
color TEXT NOT NULL,
|
||||
createdAt TEXT NOT NULL
|
||||
);
|
||||
|
||||
CREATE TABLE IF NOT EXISTS sprints (
|
||||
id TEXT PRIMARY KEY,
|
||||
name TEXT NOT NULL,
|
||||
goal TEXT,
|
||||
startDate TEXT NOT NULL,
|
||||
endDate TEXT NOT NULL,
|
||||
status TEXT NOT NULL,
|
||||
projectId TEXT NOT NULL,
|
||||
createdAt TEXT NOT NULL
|
||||
);
|
||||
|
||||
CREATE TABLE IF NOT EXISTS tasks (
|
||||
id TEXT PRIMARY KEY,
|
||||
title TEXT NOT NULL,
|
||||
description TEXT,
|
||||
type TEXT NOT NULL,
|
||||
status TEXT NOT NULL,
|
||||
priority TEXT NOT NULL,
|
||||
projectId TEXT NOT NULL,
|
||||
sprintId TEXT,
|
||||
createdAt TEXT NOT NULL,
|
||||
updatedAt TEXT NOT NULL,
|
||||
createdById TEXT,
|
||||
createdByName TEXT,
|
||||
createdByAvatarUrl TEXT,
|
||||
updatedById TEXT,
|
||||
updatedByName TEXT,
|
||||
updatedByAvatarUrl TEXT,
|
||||
assigneeId TEXT,
|
||||
assigneeName TEXT,
|
||||
assigneeEmail TEXT,
|
||||
assigneeAvatarUrl TEXT,
|
||||
dueDate TEXT,
|
||||
comments TEXT NOT NULL DEFAULT '[]',
|
||||
tags TEXT NOT NULL DEFAULT '[]',
|
||||
attachments TEXT NOT NULL DEFAULT '[]'
|
||||
);
|
||||
|
||||
CREATE TABLE IF NOT EXISTS meta (
|
||||
key TEXT PRIMARY KEY,
|
||||
value TEXT NOT NULL
|
||||
);
|
||||
`);
|
||||
|
||||
ensureTaskSchema(database);
|
||||
|
||||
seedIfEmpty(database);
|
||||
db = database;
|
||||
return database;
|
||||
}
|
||||
|
||||
export function getData(): DataStore {
|
||||
const database = getDb();
|
||||
const usersById = getUserLookup(database);
|
||||
|
||||
const projects = database.prepare("SELECT * FROM projects ORDER BY createdAt ASC").all() as Array<{
|
||||
id: string;
|
||||
name: string;
|
||||
description: string | null;
|
||||
color: string;
|
||||
createdAt: string;
|
||||
}>;
|
||||
|
||||
const sprints = database.prepare("SELECT * FROM sprints ORDER BY startDate ASC").all() as Array<{
|
||||
id: string;
|
||||
name: string;
|
||||
goal: string | null;
|
||||
startDate: string;
|
||||
endDate: string;
|
||||
status: Sprint["status"];
|
||||
projectId: string;
|
||||
createdAt: string;
|
||||
}>;
|
||||
|
||||
const tasks = database.prepare("SELECT * FROM tasks ORDER BY createdAt ASC").all() as Array<{
|
||||
id: string;
|
||||
title: string;
|
||||
description: string | null;
|
||||
type: Task["type"];
|
||||
status: Task["status"];
|
||||
priority: Task["priority"];
|
||||
projectId: string;
|
||||
sprintId: string | null;
|
||||
createdAt: string;
|
||||
updatedAt: string;
|
||||
createdById: string | null;
|
||||
createdByName: string | null;
|
||||
createdByAvatarUrl: string | null;
|
||||
updatedById: string | null;
|
||||
updatedByName: string | null;
|
||||
updatedByAvatarUrl: string | null;
|
||||
assigneeId: string | null;
|
||||
assigneeName: string | null;
|
||||
assigneeEmail: string | null;
|
||||
assigneeAvatarUrl: string | null;
|
||||
dueDate: string | null;
|
||||
comments: string | null;
|
||||
tags: string | null;
|
||||
attachments: string | null;
|
||||
}>;
|
||||
|
||||
return {
|
||||
projects: projects.map((project) => ({
|
||||
id: project.id,
|
||||
name: project.name,
|
||||
description: project.description ?? undefined,
|
||||
color: project.color,
|
||||
createdAt: project.createdAt,
|
||||
})),
|
||||
sprints: sprints.map((sprint) => ({
|
||||
id: sprint.id,
|
||||
name: sprint.name,
|
||||
goal: sprint.goal ?? undefined,
|
||||
startDate: sprint.startDate,
|
||||
endDate: sprint.endDate,
|
||||
status: sprint.status,
|
||||
projectId: sprint.projectId,
|
||||
createdAt: sprint.createdAt,
|
||||
})),
|
||||
tasks: tasks.map((task) => {
|
||||
const createdByUser = task.createdById ? usersById.get(task.createdById) : undefined;
|
||||
const updatedByUser = task.updatedById ? usersById.get(task.updatedById) : undefined;
|
||||
const assigneeUser = task.assigneeId ? usersById.get(task.assigneeId) : undefined;
|
||||
|
||||
return {
|
||||
id: task.id,
|
||||
title: task.title,
|
||||
description: task.description ?? undefined,
|
||||
type: task.type,
|
||||
status: task.status,
|
||||
priority: task.priority,
|
||||
projectId: task.projectId,
|
||||
sprintId: task.sprintId ?? undefined,
|
||||
createdAt: task.createdAt,
|
||||
updatedAt: task.updatedAt,
|
||||
createdById: task.createdById ?? undefined,
|
||||
createdByName: task.createdByName ?? createdByUser?.name ?? undefined,
|
||||
createdByAvatarUrl: createdByUser?.avatarUrl ?? task.createdByAvatarUrl ?? undefined,
|
||||
updatedById: task.updatedById ?? undefined,
|
||||
updatedByName: task.updatedByName ?? updatedByUser?.name ?? undefined,
|
||||
updatedByAvatarUrl: updatedByUser?.avatarUrl ?? task.updatedByAvatarUrl ?? undefined,
|
||||
assigneeId: task.assigneeId ?? undefined,
|
||||
assigneeName: assigneeUser?.name ?? task.assigneeName ?? undefined,
|
||||
assigneeEmail: assigneeUser?.email ?? task.assigneeEmail ?? undefined,
|
||||
assigneeAvatarUrl: assigneeUser?.avatarUrl ?? undefined,
|
||||
dueDate: task.dueDate ?? undefined,
|
||||
comments: normalizeComments(safeParseArray(task.comments, [])),
|
||||
tags: safeParseArray(task.tags, []),
|
||||
attachments: normalizeAttachments(safeParseArray(task.attachments, [])),
|
||||
};
|
||||
}),
|
||||
lastUpdated: getLastUpdated(database),
|
||||
};
|
||||
}
|
||||
|
||||
export function saveData(data: DataStore): DataStore {
|
||||
const database = getDb();
|
||||
const payload: DataStore = {
|
||||
...data,
|
||||
projects: data.projects ?? [],
|
||||
sprints: data.sprints ?? [],
|
||||
tasks: (data.tasks ?? []).map(normalizeTask),
|
||||
lastUpdated: Date.now(),
|
||||
};
|
||||
|
||||
replaceAllData(database, payload);
|
||||
return getData();
|
||||
}
|
||||
29
lib/supabase/client.ts
Normal file
29
lib/supabase/client.ts
Normal file
@ -0,0 +1,29 @@
|
||||
import { createClient } from "@supabase/supabase-js";
|
||||
|
||||
const supabaseUrl = process.env.NEXT_PUBLIC_SUPABASE_URL;
|
||||
const supabaseAnonKey = process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY;
|
||||
const supabaseServiceKey = process.env.SUPABASE_SERVICE_ROLE_KEY;
|
||||
|
||||
if (!supabaseUrl || !supabaseAnonKey) {
|
||||
throw new Error("Missing Supabase environment variables");
|
||||
}
|
||||
|
||||
const requiredSupabaseUrl = supabaseUrl as string;
|
||||
const requiredSupabaseAnonKey = supabaseAnonKey as string;
|
||||
|
||||
// Client for browser/client-side use (uses anon key)
|
||||
export const supabase = createClient(requiredSupabaseUrl, requiredSupabaseAnonKey);
|
||||
|
||||
// Admin client for server-side operations (uses service role key)
|
||||
// This bypasses RLS and should only be used in server contexts
|
||||
export function getServiceSupabase() {
|
||||
if (!supabaseServiceKey) {
|
||||
throw new Error("SUPABASE_SERVICE_ROLE_KEY is not set");
|
||||
}
|
||||
return createClient(requiredSupabaseUrl, supabaseServiceKey as string, {
|
||||
auth: {
|
||||
autoRefreshToken: false,
|
||||
persistSession: false,
|
||||
},
|
||||
});
|
||||
}
|
||||
Loading…
Reference in New Issue
Block a user