create-arete-workspace 0.2.0

package/packages/gatsaeng-os/src/components/ui/tooltip.tsx

@@ -0,0 +1,57 @@
+"use client"
+
+import * as React from "react"
+import { Tooltip as TooltipPrimitive } from "radix-ui"
+
+import { cn } from "@/lib/utils"
+
+function TooltipProvider({
+  delayDuration = 0,
+  ...props
+}: React.ComponentProps<typeof TooltipPrimitive.Provider>) {
+  return (
+    <TooltipPrimitive.Provider
+      data-slot="tooltip-provider"
+      delayDuration={delayDuration}
+      {...props}
+    />
+  )
+}
+
+function Tooltip({
+  ...props
+}: React.ComponentProps<typeof TooltipPrimitive.Root>) {
+  return <TooltipPrimitive.Root data-slot="tooltip" {...props} />
+}
+
+function TooltipTrigger({
+  ...props
+}: React.ComponentProps<typeof TooltipPrimitive.Trigger>) {
+  return <TooltipPrimitive.Trigger data-slot="tooltip-trigger" {...props} />
+}
+
+function TooltipContent({
+  className,
+  sideOffset = 0,
+  children,
+  ...props
+}: React.ComponentProps<typeof TooltipPrimitive.Content>) {
+  return (
+    <TooltipPrimitive.Portal>
+      <TooltipPrimitive.Content
+        data-slot="tooltip-content"
+        sideOffset={sideOffset}
+        className={cn(
+          "z-50 w-fit origin-(--radix-tooltip-content-transform-origin) animate-in rounded-md bg-foreground px-3 py-1.5 text-xs text-balance text-background fade-in-0 zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95",
+          className
+        )}
+        {...props}
+      >
+        {children}
+        <TooltipPrimitive.Arrow className="z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px] bg-foreground fill-foreground" />
+      </TooltipPrimitive.Content>
+    </TooltipPrimitive.Portal>
+  )
+}
+
+export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider }

package/packages/gatsaeng-os/src/hooks/useAreas.ts

@@ -0,0 +1,53 @@
+'use client'
+
+import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query'
+import { apiFetch } from '@/lib/apiFetch'
+import type { Area } from '@/types'
+
+export function useAreas() {
+  return useQuery({
+    queryKey: ['areas'],
+    queryFn: () => apiFetch<Area[]>('/api/areas'),
+  })
+}
+
+export function useCreateArea() {
+  const queryClient = useQueryClient()
+  return useMutation({
+    mutationFn: (data: Partial<Area>) =>
+      apiFetch<Area>('/api/areas', {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify(data),
+      }),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ['areas'] })
+    },
+  })
+}
+
+export function useUpdateArea() {
+  const queryClient = useQueryClient()
+  return useMutation({
+    mutationFn: ({ id, ...data }: Partial<Area> & { id: string }) =>
+      apiFetch<Area>(`/api/areas/${id}`, {
+        method: 'PUT',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify(data),
+      }),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ['areas'] })
+    },
+  })
+}
+
+export function useDeleteArea() {
+  const queryClient = useQueryClient()
+  return useMutation({
+    mutationFn: (id: string) =>
+      apiFetch(`/api/areas/${id}`, { method: 'DELETE' }),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ['areas'] })
+    },
+  })
+}

package/packages/gatsaeng-os/src/hooks/useBooks.ts

@@ -0,0 +1,62 @@
+'use client'
+
+import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query'
+import { apiFetch } from '@/lib/apiFetch'
+import type { Book } from '@/types'
+
+export function useBook(id: string) {
+  return useQuery({
+    queryKey: ['book', id],
+    queryFn: () => apiFetch<Book & { _content?: string }>(`/api/books/${id}`),
+    enabled: !!id,
+  })
+}
+
+export function useBooks() {
+  return useQuery({
+    queryKey: ['books'],
+    queryFn: () => apiFetch<Book[]>('/api/books'),
+  })
+}
+
+export function useCreateBook() {
+  const queryClient = useQueryClient()
+  return useMutation({
+    mutationFn: (data: Partial<Book>) =>
+      apiFetch<Book>('/api/books', {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify(data),
+      }),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ['books'] })
+    },
+  })
+}
+
+export function useUpdateBook() {
+  const queryClient = useQueryClient()
+  return useMutation({
+    mutationFn: ({ id, ...data }: Partial<Book> & { id: string; content?: string }) =>
+      apiFetch<Book>(`/api/books/${id}`, {
+        method: 'PUT',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify(data),
+      }),
+    onSuccess: (_, variables) => {
+      queryClient.invalidateQueries({ queryKey: ['books'] })
+      if (variables.id) queryClient.invalidateQueries({ queryKey: ['book', variables.id] })
+    },
+  })
+}
+
+export function useDeleteBook() {
+  const queryClient = useQueryClient()
+  return useMutation({
+    mutationFn: (id: string) =>
+      apiFetch(`/api/books/${id}`, { method: 'DELETE' }),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ['books'] })
+    },
+  })
+}

package/packages/gatsaeng-os/src/hooks/useCalendar.ts

@@ -0,0 +1,59 @@
+'use client'
+
+import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query'
+import { apiFetch } from '@/lib/apiFetch'
+import type { CalendarEvent } from '@/types'
+
+export function useCalendarEvents(weekStart?: string, weekEnd?: string) {
+  return useQuery({
+    queryKey: ['calendar', weekStart, weekEnd],
+    queryFn: () => {
+      const params = new URLSearchParams()
+      if (weekStart) params.set('week_start', weekStart)
+      if (weekEnd) params.set('week_end', weekEnd)
+      return apiFetch<CalendarEvent[]>(`/api/calendar?${params}`)
+    },
+    enabled: !!weekStart && !!weekEnd,
+  })
+}
+
+export function useCreateCalendarEvent() {
+  const queryClient = useQueryClient()
+  return useMutation({
+    mutationFn: (data: Partial<CalendarEvent>) =>
+      apiFetch<CalendarEvent>('/api/calendar', {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify(data),
+      }),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ['calendar'] })
+    },
+  })
+}
+
+export function useUpdateCalendarEvent() {
+  const queryClient = useQueryClient()
+  return useMutation({
+    mutationFn: ({ id, ...data }: Partial<CalendarEvent> & { id: string }) =>
+      apiFetch<CalendarEvent>(`/api/calendar/${id}`, {
+        method: 'PUT',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify(data),
+      }),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ['calendar'] })
+    },
+  })
+}
+
+export function useDeleteCalendarEvent() {
+  const queryClient = useQueryClient()
+  return useMutation({
+    mutationFn: (id: string) =>
+      apiFetch(`/api/calendar/${id}`, { method: 'DELETE' }),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ['calendar'] })
+    },
+  })
+}

package/packages/gatsaeng-os/src/hooks/useDaily.ts

@@ -0,0 +1,15 @@
+'use client'
+
+import { useQuery } from '@tanstack/react-query'
+import { apiFetch } from '@/lib/apiFetch'
+import { getToday } from '@/lib/date'
+import type { DailyManifest } from '@/types'
+
+export function useDaily(date?: string) {
+  const today = date ?? getToday()
+
+  return useQuery({
+    queryKey: ['daily', today],
+    queryFn: () => apiFetch<DailyManifest>(`/api/daily?date=${today}`),
+  })
+}

package/packages/gatsaeng-os/src/hooks/useGlobalTasks.ts

@@ -0,0 +1,45 @@
+import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query'
+import { apiFetch } from '@/lib/apiFetch'
+import type { Task } from '@/types'
+
+export function useGlobalTasks(view?: string, sort?: string) {
+  return useQuery({
+    queryKey: ['tasks', 'global', view, sort],
+    queryFn: () => {
+      const params = new URLSearchParams()
+      if (view) params.set('view', view)
+      if (sort) params.set('sort', sort)
+      return apiFetch<Task[]>(`/api/tasks?${params}`)
+    },
+  })
+}
+
+export function useQuickCreateTask() {
+  const queryClient = useQueryClient()
+  return useMutation({
+    mutationFn: (data: { title: string; project_id?: string; due_date?: string; priority?: string }) =>
+      apiFetch<Task>('/api/tasks', {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({ ...data, status: 'todo' }),
+      }),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ['tasks'] })
+    },
+  })
+}
+
+export function useToggleTaskDone() {
+  const queryClient = useQueryClient()
+  return useMutation({
+    mutationFn: ({ id, currentStatus }: { id: string; currentStatus: string }) =>
+      apiFetch<Task>(`/api/tasks/${id}`, {
+        method: 'PUT',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({ status: currentStatus === 'done' ? 'todo' : 'done' }),
+      }),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ['tasks'] })
+    },
+  })
+}

package/packages/gatsaeng-os/src/hooks/useGoals.ts

@@ -0,0 +1,53 @@
+'use client'
+
+import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query'
+import { apiFetch } from '@/lib/apiFetch'
+import type { Goal } from '@/types'
+
+export function useGoals() {
+  return useQuery({
+    queryKey: ['goals'],
+    queryFn: () => apiFetch<Goal[]>('/api/goals'),
+  })
+}
+
+export function useCreateGoal() {
+  const queryClient = useQueryClient()
+  return useMutation({
+    mutationFn: (data: Partial<Goal>) =>
+      apiFetch<Goal>('/api/goals', {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify(data),
+      }),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ['goals'] })
+    },
+  })
+}
+
+export function useUpdateGoal() {
+  const queryClient = useQueryClient()
+  return useMutation({
+    mutationFn: ({ id, ...data }: Partial<Goal> & { id: string }) =>
+      apiFetch<Goal>(`/api/goals/${id}`, {
+        method: 'PUT',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify(data),
+      }),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ['goals'] })
+    },
+  })
+}
+
+export function useDeleteGoal() {
+  const queryClient = useQueryClient()
+  return useMutation({
+    mutationFn: (id: string) =>
+      apiFetch(`/api/goals/${id}`, { method: 'DELETE' }),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ['goals'] })
+    },
+  })
+}

package/packages/gatsaeng-os/src/hooks/useMilestones.ts

@@ -0,0 +1,75 @@
+'use client'
+
+import { useMemo } from 'react'
+import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query'
+import { apiFetch } from '@/lib/apiFetch'
+import type { Milestone, MilestoneWithDDay } from '@/types'
+
+export function useMilestones(goalId?: string) {
+  return useQuery({
+    queryKey: ['milestones', goalId],
+    queryFn: () => {
+      const url = goalId ? `/api/milestones?goal_id=${goalId}` : '/api/milestones'
+      return apiFetch<Milestone[]>(url)
+    },
+  })
+}
+
+export function useMilestonesWithDDay(goalId?: string) {
+  const query = useMilestones(goalId)
+
+  const withDDay = useMemo(() =>
+    (query.data ?? [])
+      .map(m => ({
+        ...m,
+        d_day: Math.ceil(
+          (new Date(m.due_date).getTime() - Date.now()) / (1000 * 60 * 60 * 24)
+        ),
+      }))
+      .sort((a, b) => a.d_day - b.d_day),
+    [query.data]
+  )
+
+  return { ...query, data: withDDay }
+}
+
+export function useCreateMilestone() {
+  const queryClient = useQueryClient()
+  return useMutation({
+    mutationFn: (data: Partial<Milestone>) =>
+      apiFetch<Milestone>('/api/milestones', {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify(data),
+      }),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ['milestones'] })
+    },
+  })
+}
+
+export function useUpdateMilestone() {
+  const queryClient = useQueryClient()
+  return useMutation({
+    mutationFn: ({ id, ...data }: Partial<Milestone> & { id: string }) =>
+      apiFetch<Milestone>(`/api/milestones/${id}`, {
+        method: 'PUT',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify(data),
+      }),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ['milestones'] })
+    },
+  })
+}
+
+export function useDeleteMilestone() {
+  const queryClient = useQueryClient()
+  return useMutation({
+    mutationFn: (id: string) =>
+      apiFetch(`/api/milestones/${id}`, { method: 'DELETE' }),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ['milestones'] })
+    },
+  })
+}

package/packages/gatsaeng-os/src/hooks/useNotes.ts

@@ -0,0 +1,65 @@
+import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query'
+import { apiFetch } from '@/lib/apiFetch'
+import type { Note, NoteType } from '@/types'
+
+export function useNote(id: string) {
+  return useQuery({
+    queryKey: ['note', id],
+    queryFn: () => apiFetch<Note & { _content?: string }>(`/api/notes/${id}`),
+    enabled: !!id,
+  })
+}
+
+export function useNotes(type?: NoteType, areaId?: string) {
+  return useQuery({
+    queryKey: ['notes', type, areaId],
+    queryFn: () => {
+      const params = new URLSearchParams()
+      if (type) params.set('type', type)
+      if (areaId) params.set('area_id', areaId)
+      return apiFetch<(Note & { _content?: string })[]>(`/api/notes?${params}`)
+    },
+  })
+}
+
+export function useCreateNote() {
+  const queryClient = useQueryClient()
+  return useMutation({
+    mutationFn: (data: Partial<Note> & { content?: string }) =>
+      apiFetch<Note>('/api/notes', {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify(data),
+      }),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ['notes'] })
+    },
+  })
+}
+
+export function useUpdateNote() {
+  const queryClient = useQueryClient()
+  return useMutation({
+    mutationFn: ({ id, ...data }: Partial<Note> & { id: string; content?: string }) =>
+      apiFetch<Note>(`/api/notes/${id}`, {
+        method: 'PUT',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify(data),
+      }),
+    onSuccess: (_, variables) => {
+      queryClient.invalidateQueries({ queryKey: ['notes'] })
+      if (variables.id) queryClient.invalidateQueries({ queryKey: ['note', variables.id] })
+    },
+  })
+}
+
+export function useDeleteNote() {
+  const queryClient = useQueryClient()
+  return useMutation({
+    mutationFn: (id: string) =>
+      apiFetch(`/api/notes/${id}`, { method: 'DELETE' }),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ['notes'] })
+    },
+  })
+}

package/packages/gatsaeng-os/src/hooks/useProjects.ts

@@ -0,0 +1,102 @@
+'use client'
+
+import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query'
+import { apiFetch } from '@/lib/apiFetch'
+import type { Project, Task } from '@/types'
+
+export function useProjects() {
+  return useQuery({
+    queryKey: ['projects'],
+    queryFn: () => apiFetch<Project[]>('/api/projects'),
+  })
+}
+
+export function useTask(id: string) {
+  return useQuery({
+    queryKey: ['task', id],
+    queryFn: () => apiFetch<Task & { _content?: string }>(`/api/tasks/${id}`),
+    enabled: !!id,
+  })
+}
+
+export function useTasks(projectId?: string) {
+  return useQuery({
+    queryKey: ['tasks', projectId],
+    queryFn: () => {
+      const url = projectId ? `/api/tasks?project_id=${projectId}` : '/api/tasks'
+      return apiFetch<Task[]>(url)
+    },
+  })
+}
+
+export function useCreateTask() {
+  const queryClient = useQueryClient()
+  return useMutation({
+    mutationFn: (data: Partial<Task>) =>
+      apiFetch<Task>('/api/tasks', {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify(data),
+      }),
+    onSuccess: (_, variables) => {
+      queryClient.invalidateQueries({ queryKey: ['tasks', variables.project_id] })
+    },
+  })
+}
+
+export function useUpdateTask() {
+  const queryClient = useQueryClient()
+  return useMutation({
+    mutationFn: ({ id, ...data }: Partial<Task> & { id: string; content?: string }) =>
+      apiFetch<Task>(`/api/tasks/${id}`, {
+        method: 'PUT',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify(data),
+      }),
+    onSuccess: (_, variables) => {
+      queryClient.invalidateQueries({ queryKey: ['tasks'] })
+      queryClient.invalidateQueries({ queryKey: ['task', variables.id] })
+    },
+  })
+}
+
+export function useDeleteTask() {
+  const queryClient = useQueryClient()
+  return useMutation({
+    mutationFn: (id: string) =>
+      apiFetch(`/api/tasks/${id}`, { method: 'DELETE' }),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ['tasks'] })
+    },
+  })
+}
+
+export function useCreateProject() {
+  const queryClient = useQueryClient()
+  return useMutation({
+    mutationFn: (data: Partial<Project>) =>
+      apiFetch<Project>('/api/projects', {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify(data),
+      }),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ['projects'] })
+    },
+  })
+}
+
+export function useUpdateProject() {
+  const queryClient = useQueryClient()
+  return useMutation({
+    mutationFn: ({ id, ...data }: Partial<Project> & { id: string }) =>
+      apiFetch<Project>(`/api/projects/${id}`, {
+        method: 'PUT',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify(data),
+      }),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ['projects'] })
+    },
+  })
+}

package/packages/gatsaeng-os/src/hooks/useRoutines.ts

@@ -0,0 +1,76 @@
+'use client'
+
+import { useMemo } from 'react'
+import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query'
+import { apiFetch } from '@/lib/apiFetch'
+import { getToday } from '@/lib/date'
+import { buildHabitChain } from '@/lib/neuroscience/habitStack'
+import type { Routine, RoutineLog, RoutineWithStatus } from '@/types'
+
+export function useRoutines() {
+  const today = getToday()
+
+  const routinesQuery = useQuery({
+    queryKey: ['routines'],
+    queryFn: () => apiFetch<Routine[]>('/api/routines'),
+  })
+
+  const logsQuery = useQuery({
+    queryKey: ['routine-logs', today],
+    queryFn: () => apiFetch<RoutineLog>(`/api/logs/routine?date=${today}`),
+  })
+
+  const routinesWithStatus = useMemo<RoutineWithStatus[]>(() =>
+    (routinesQuery.data ?? [])
+      .filter(r => r.is_active)
+      .map(r => ({
+        ...r,
+        completed_today: logsQuery.data?.completions?.some(c => c.routine_id === r.id) ?? false,
+      })),
+    [routinesQuery.data, logsQuery.data]
+  )
+
+  const chains = useMemo(() => buildHabitChain(routinesWithStatus), [routinesWithStatus])
+
+  return {
+    chains,
+    routines: routinesWithStatus,
+    isLoading: routinesQuery.isLoading || logsQuery.isLoading,
+  }
+}
+
+export function useToggleRoutine() {
+  const queryClient = useQueryClient()
+  const today = getToday()
+
+  return useMutation({
+    mutationFn: ({ routineId, completed }: { routineId: string; completed: boolean }) =>
+      apiFetch('/api/logs/routine', {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({ routine_id: routineId, undo: completed, date: today }),
+      }),
+    onMutate: async ({ routineId, completed }) => {
+      await queryClient.cancelQueries({ queryKey: ['routine-logs', today] })
+      const prev = queryClient.getQueryData<RoutineLog>(['routine-logs', today])
+
+      queryClient.setQueryData<RoutineLog>(['routine-logs', today], (old) => {
+        if (!old) return { date: today, completions: completed ? [] : [{ routine_id: routineId, completed_at: new Date().toISOString() }] }
+        return {
+          ...old,
+          completions: completed
+            ? old.completions.filter(c => c.routine_id !== routineId)
+            : [...old.completions, { routine_id: routineId, completed_at: new Date().toISOString() }],
+        }
+      })
+
+      return { prev }
+    },
+    onError: (_, __, ctx) => {
+      if (ctx?.prev) queryClient.setQueryData(['routine-logs', today], ctx.prev)
+    },
+    onSettled: () => {
+      queryClient.invalidateQueries({ queryKey: ['routine-logs', today] })
+    },
+  })
+}