How to Integrate Toggl with V0

1// app/api/toggl/summary/route.ts
2import { NextRequest, NextResponse } from 'next/server';
3
4const TOGGL_API_BASE = 'https://api.track.toggl.com/api/v9';
5
6function getTogglHeaders(apiToken: string) {
7  const credentials = Buffer.from(`${apiToken}:api_token`).toString('base64');
8  return {
9    Authorization: `Basic ${credentials}`,
10    'Content-Type': 'application/json',
11  };
12}
13
14function formatDuration(seconds: number): string {
15  // Toggl returns negative seconds for running timers
16  const totalSeconds = seconds < 0 ? 0 : seconds;
17  const hours = Math.floor(totalSeconds / 3600);
18  const minutes = Math.floor((totalSeconds % 3600) / 60);
19  return hours > 0 ? `${hours}h ${minutes}m` : `${minutes}m`;
20}
21
22export async function GET(request: NextRequest) {
23  const apiToken = process.env.TOGGL_API_TOKEN;
24  const workspaceId = process.env.TOGGL_WORKSPACE_ID;
25
26  if (!apiToken || !workspaceId) {
27    return NextResponse.json(
28      { error: 'Toggl is not configured' },
29      { status: 500 }
30    );
31  }
32
33  const { searchParams } = new URL(request.url);
34  // Default to current week
35  const now = new Date();
36  const startOfWeek = new Date(now);
37  startOfWeek.setDate(now.getDate() - now.getDay());
38  startOfWeek.setHours(0, 0, 0, 0);
39
40  const startDate =
41    searchParams.get('start') ?? startOfWeek.toISOString();
42  const endDate =
43    searchParams.get('end') ?? new Date().toISOString();
44
45  const headers = getTogglHeaders(apiToken);
46
47  try {
48    // Fetch time entries and projects in parallel
49    const [entriesRes, projectsRes] = await Promise.all([
50      fetch(
51        `${TOGGL_API_BASE}/workspaces/${workspaceId}/time_entries?start_date=${startDate}&end_date=${endDate}`,
52        { headers }
53      ),
54      fetch(
55        `${TOGGL_API_BASE}/workspaces/${workspaceId}/projects?active=true`,
56        { headers }
57      ),
58    ]);
59
60    if (!entriesRes.ok || !projectsRes.ok) {
61      return NextResponse.json(
62        { error: 'Failed to fetch Toggl data' },
63        { status: 500 }
64      );
65    }
66
67    const [entries, projects] = await Promise.all([
68      entriesRes.json() as Promise<unknown[]>,
69      projectsRes.json() as Promise<unknown[]>,
70    ]);
71
72    // Build project lookup map
73    const projectMap = new Map(
74      (projects as Array<{ id: number; name: string; color: string; billable: boolean }>).map(
75        (p) => [p.id, p]
76      )
77    );
78
79    // Aggregate hours by project
80    const projectTotals: Record<string, number> = {};
81    let totalSeconds = 0;
82    let billableSeconds = 0;
83
84    const normalizedEntries = (entries as Array<{
85      id: number;
86      description: string;
87      duration: number;
88      start: string;
89      project_id: number | null;
90    }>).map((entry) => {
91      const duration = entry.duration < 0 ? 0 : entry.duration;
92      const project = entry.project_id ? projectMap.get(entry.project_id) : null;
93      totalSeconds += duration;
94      if (project?.billable) billableSeconds += duration;
95      const projectName = project?.name ?? 'No Project';
96      projectTotals[projectName] = (projectTotals[projectName] ?? 0) + duration;
97      return {
98        id: entry.id,
99        description: entry.description ?? '',
100        duration: formatDuration(duration),
101        durationSeconds: duration,
102        project: projectName,
103        projectColor: project?.color ?? '#999',
104        date: entry.start,
105      };
106    });
107
108    const projectBreakdown = Object.entries(projectTotals)
109      .map(([name, secs]) => ({
110        name,
111        hours: parseFloat((secs / 3600).toFixed(1)),
112        formatted: formatDuration(secs),
113      }))
114      .sort((a, b) => b.hours - a.hours);
115
116    return NextResponse.json({
117      summary: {
118        totalHours: formatDuration(totalSeconds),
119        billableHours: formatDuration(billableSeconds),
120        billabilityRate:
121          totalSeconds > 0
122            ? Math.round((billableSeconds / totalSeconds) * 100)
123            : 0,
124      },
125      projectBreakdown,
126      recentEntries: normalizedEntries.slice(0, 20),
127    });
128  } catch (error) {
129    const message = error instanceof Error ? error.message : 'Unknown error';
130    console.error('Toggl summary failed:', message);
131    return NextResponse.json(
132      { error: 'Failed to load time summary', details: message },
133      { status: 500 }
134    );
135  }
136}