T1/Phase 1: scaffold Vite SPA + Hono API + Bun worker

- apps/web: Vite + React 19 + TanStack Router/Query + shadcn/ui - apps/api: Hono + Bun on :3001 with /api/health, /api/auth/*, /mcp stubs - apps/worker: Bun worker stub, DB connection, graceful SIGTERM - apps/web-legacy/: old Next.js code moved aside (preserved for T2-T8 reference) - Dockerfiles: api (Bun), worker (Bun), spa (multi-stage Caddy) - Caddyfile: serves dist + reverse-proxies /api/* + /mcp to api - docker-compose.yml: 4-service target (api, spa, db, worker) - packages/db/src/client.ts: shared Drizzle client for api + worker - db/client.ts: root-level alias for convenience Parent: t_e1cbd87d -> t_24c9c3fd (T0)
2026-08-01 01:15:31 +00:00
parent 9203aee758
commit fca56ab77e
312 changed files with 3489 additions and 196 deletions
@@ -0,0 +1,145 @@
+'use client';
+
+import { useCallback, useMemo } from 'react';
+import { Calendar, dateFnsLocalizer, Views } from 'react-big-calendar';
+import withDragAndDrop from 'react-big-calendar/lib/addons/dragAndDrop';
+import 'react-big-calendar/lib/css/react-big-calendar.css';
+import 'react-big-calendar/lib/addons/dragAndDrop/styles.css';
+import { format, parse, startOfWeek, getDay } from 'date-fns';
+import { enUS } from 'date-fns/locale/en-US';
+import { useRouter } from 'next/navigation';
+
+const locales = {
+  'en-US': enUS,
+};
+
+const localizer = dateFnsLocalizer({
+  format,
+  parse,
+  startOfWeek,
+  getDay,
+  locales,
+});
+
+const DragAndDropCalendar = withDragAndDrop(Calendar as any) as any;
+
+interface CalendarEvent {
+  id: string;
+  title: string;
+  start: Date;
+  end: Date;
+  type: 'task' | 'habit' | 'project' | 'milestone';
+  entityType: string;
+  entityId: string;
+  color: string;
+  domainId: string;
+  href: string;
+  priority?: string;
+  difficulty?: string;
+  status?: string;
+}
+
+interface BigCalendarWrapperProps {
+  events: CalendarEvent[];
+  onEventDrop?: (event: CalendarEvent, newStart: Date) => void;
+  defaultView?: string;
+  date?: Date;
+  onNavigate?: (date: Date) => void;
+  onViewChange?: (view: string) => void;
+}
+
+function eventStyleGetter(event: CalendarEvent) {
+  const style: React.CSSProperties = {
+    backgroundColor: event.color,
+    borderRadius: '4px',
+    opacity: 0.85,
+    color: '#fff',
+    border: '0px',
+    fontSize: '12px',
+    display: 'block',
+  };
+
+  if (event.status === 'completed' || event.status === 'done') {
+    style.opacity = 0.5;
+    style.textDecoration = 'line-through';
+  }
+
+  return { style };
+}
+
+export function BigCalendarWrapper({
+  events,
+  onEventDrop,
+  defaultView = 'month',
+  date,
+  onNavigate,
+  onViewChange,
+}: BigCalendarWrapperProps) {
+  const router = useRouter();
+
+  const handleSelectEvent = useCallback(
+    (event: CalendarEvent) => {
+      router.push(event.href);
+    },
+    [router]
+  );
+
+  const handleEventDrop = useCallback(
+    ({ event, start }: { event: CalendarEvent; start: Date }) => {
+      if (onEventDrop) {
+        onEventDrop(event, start);
+      }
+    },
+    [onEventDrop]
+  );
+
+  const handleNavigate = useCallback(
+    (newDate: Date) => {
+      if (onNavigate) onNavigate(newDate);
+    },
+    [onNavigate]
+  );
+
+  const handleViewChange = useCallback(
+    (newView: string) => {
+      if (onViewChange) onViewChange(newView);
+    },
+    [onViewChange]
+  );
+
+  const minTime = useMemo(() => {
+    const d = new Date();
+    d.setHours(0, 0, 0, 0);
+    return d;
+  }, []);
+
+  const maxTime = useMemo(() => {
+    const d = new Date();
+    d.setHours(23, 59, 59, 999);
+    return d;
+  }, []);
+
+  return (
+    <DragAndDropCalendar
+      localizer={localizer}
+      events={events}
+      startAccessor="start"
+      endAccessor="end"
+      style={{ height: 600 }}
+      eventPropGetter={eventStyleGetter}
+      onSelectEvent={handleSelectEvent}
+      views={['month', 'week', 'day']}
+      view={defaultView}
+      date={date}
+      onNavigate={handleNavigate}
+      onView={handleViewChange}
+      popup
+      onEventDrop={handleEventDrop}
+      resizable
+      step={60}
+      timeslots={1}
+      min={minTime}
+      max={maxTime}
+    />
+  );
+}