.github/workflows/build.yml

@@ -25,35 +25,9 @@ jobs:
           username: ${{ secrets.DOCKER_USERNAME }}
           password: ${{ secrets.DOCKER_PASSWORD }}
 
-      - name: Build and Push Docker image
+      - name: Build and Push Docker image -- finn-board
         uses: docker/build-push-action@675965c0e16f1a0f94ecafff969d8c966f92c17b
         with:
           context: .
           push: true
           tags: git.joshuacoles.me/joshuacoles/revision-ui:latest
-
-  build-arm:
-    runs-on: macos-latest
-    container:
-      image: catthehacker/ubuntu:act-latest
-
-    steps:
-      - name: Checkout code
-        uses: actions/checkout@v2
-
-      - name: Set up Docker Buildx
-        uses: docker/setup-buildx-action@v1
-
-      - name: Login to Docker
-        uses: docker/login-action@v1
-        with:
-          registry: git.joshuacoles.me
-          username: ${{ secrets.DOCKER_USERNAME }}
-          password: ${{ secrets.DOCKER_PASSWORD }}
-
-      - name: Build and Push Docker image
-        uses: docker/build-push-action@675965c0e16f1a0f94ecafff969d8c966f92c17b
-        with:
-          context: .
-          push: true
-          tags: git.joshuacoles.me/joshuacoles/revision-ui:arm

.gitignore

@@ -40,6 +40,3 @@ next-env.d.ts
 
 # Private env files
 .env
-
-# Caddyfile for local development when testing weird deploys
-/Caddyfile

src/components/cards/calendarOverviewCard.tsx

@@ -5,7 +5,7 @@ import {Tooltip} from 'react-tooltip';
 import {Data} from "@/data/fetchData";
 import HeatMap from "@/components/HeatMap";
 
-function useCalendarData(data: Data) {
+function useCalendarData(data: Data, initialDate: Date, endDate: Date) {
     const timeEntries = data.timeEntries;
 
     // Group by day, sum up seconds
@@ -17,6 +17,17 @@ function useCalendarData(data: Data) {
         return R.sum((entries ?? []).map((entry) => entry.duration))
     }, grouped);
 
+    // Fill in missing days, hacky
+    dFns.eachDayOfInterval({
+        start: initialDate,
+        end: endDate,
+    }).forEach((date) => {
+        const key = dFns.formatISO(date);
+        if (summed[key] == undefined) {
+            summed[key] = 0;
+        }
+    })
+
     return Object.entries(summed)
         .map(([key, value]) => ({
             date: dFns.parseISO(key),
@@ -39,7 +50,7 @@ export function CalendarOverviewCard({
 }) {
     const initialDate = dFns.parseISO(startTime);
     const endDate = dFns.parseISO(endTime);
-    const calendarData = useCalendarData(data);
+    const calendarData = useCalendarData(data, initialDate, endDate);
 
     return <Card className="col-span-1">
         <Tooltip id="calendar-tooltip"/>

src/data/db.d.ts

@@ -1,8 +1,8 @@
-import type {ColumnType} from "kysely";
+import type {ColumnType, JSONColumnType} from "kysely";
 
 export type Generated<T> = T extends ColumnType<infer S, infer I, infer U>
-    ? ColumnType<S, I | undefined, U>
-    : ColumnType<T, T | undefined, T>;
+  ? ColumnType<S, I | undefined, U>
+  : ColumnType<T, T | undefined, T>;
 
 export type Int8 = ColumnType<string, bigint | number | string, bigint | number | string>;
 
@@ -11,7 +11,7 @@ export type Json = ColumnType<JsonValue, string, string>;
 export type JsonArray = JsonValue[];
 
 export type JsonObject = {
-    [K in string]?: JsonValue;
+  [K in string]?: JsonValue;
 };
 
 export type JsonPrimitive = boolean | number | string | null;
@@ -21,49 +21,50 @@ export type JsonValue = JsonArray | JsonObject | JsonPrimitive;
 export type Timestamp = ColumnType<Date, Date | string, Date | string>;
 
 export interface Client {
-    archived: boolean;
-    at: Timestamp;
-    id: number;
-    name: string;
-    server_deleted_at: Timestamp | null;
-    workspace_id: number;
+  archived: boolean;
+  at: Timestamp;
+  id: number;
+  name: string;
+  server_deleted_at: Timestamp | null;
+  workspace_id: number;
 }
 
 export interface Project {
-    active: boolean;
-    client_id: number | null;
-    color: string;
-    id: Generated<number>;
-    name: string;
-    raw_json: Json;
-    server_created_at: Timestamp;
-    server_deleted_at: Timestamp | null;
-    server_updated_at: Timestamp;
-    toggl_id: Int8;
-    workspace_id: Int8;
+  active: boolean;
+  client_id: number | null;
+  id: Generated<number>;
+  name: string;
+  raw_json: JSONColumnType<{
+      color: string;
+      id: number;
+      name: string;
+  }>;
+  toggl_id: Int8;
+  workspace_id: Int8;
 }
 
 export interface TimeEntry {
-    description: string;
-    id: Generated<number>;
-    project_id: Int8 | null;
-    raw_json: Json;
-    server_deleted_at: Timestamp | null;
-    server_updated_at: Timestamp;
-    start: Timestamp;
-    stop: Timestamp;
-    tags: Generated<Json>;
-    toggl_id: Int8;
+  description: string;
+  id: Generated<number>;
+  project_id: Int8 | null;
+  raw_json: JSONColumnType<{
+      start: string;
+      end: string;
+      seconds: number;
+  }>;
+  start: Timestamp;
+  stop: Timestamp;
+  toggl_id: Int8;
 }
 
 export interface TogglPortalSeaqlMigrations {
-    applied_at: Int8;
-    version: string;
+  applied_at: Int8;
+  version: string;
 }
 
 export interface DB {
-    client: Client;
-    project: Project;
-    time_entry: TimeEntry;
-    toggl_portal_seaql_migrations: TogglPortalSeaqlMigrations;
+  client: Client;
+  project: Project;
+  time_entry: TimeEntry;
+  toggl_portal_seaql_migrations: TogglPortalSeaqlMigrations;
 }

src/data/fetchData.ts

@@ -52,12 +52,12 @@ export async function getData(config: OverviewConfig): Promise<Data> {
     let projectIds = config.subjects.map((subject) => subject.projectId.toString());
 
     const projects = await db.selectFrom('project')
-        .select(['toggl_id', 'name', 'color'])
-        .where('toggl_id', 'in', projectIds)
-        .execute()
+        .select('raw_json')
+        .where('project.toggl_id', 'in', projectIds)
+        .execute();
 
     const timeEntries = await db.selectFrom('time_entry')
-        .select(['project_id', 'start', 'stop'])
+        .select(['project_id', 'raw_json'])
         .where('project_id', 'in', projectIds)
         .where('start', '>', dFns.parseISO(config.timePeriod.start))
         .where('start', '<', dFns.parseISO(config.timePeriod.end))
@@ -65,16 +65,16 @@ export async function getData(config: OverviewConfig): Promise<Data> {
 
     return {
         projects: projects.map((project) => ({
-            projectId: parseInt(project.toggl_id),
-            name: project.name,
-            color: project.color,
+            projectId: project.raw_json.id,
+            name: project.raw_json.name,
+            color: project.raw_json.color,
         })),
 
         timeEntries: timeEntries.map((timeEntry) => ({
             projectId: parseInt(timeEntry.project_id!),
-            start: dFns.formatISO(timeEntry.start),
-            end: dFns.formatISO(timeEntry.stop),
-            duration: dFns.differenceInSeconds(timeEntry.stop, timeEntry.start)
+            start: timeEntry.raw_json.start,
+            end: timeEntry.raw_json.end,
+            duration: timeEntry.raw_json.seconds,
         })),
     }
 }