@tuturuuu/ui 0.16.0 → 0.18.0

package/src/components/ui/tu-do/shared/task-edit-dialog/hooks/use-task-overrides.ts

@@ -1,134 +0,0 @@
-'use client';
-
-import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
-import type { TaskUserOverride } from '@tuturuuu/types';
-import { toast } from '@tuturuuu/ui/sonner';
-import { getTaskApiUrl } from '../../../../../../lib/tasks-app-url';
-
-type OverrideInput = Partial<
-  Omit<TaskUserOverride, 'task_id' | 'user_id' | 'created_at' | 'updated_at'>
->;
-
-export function useTaskOverrides(
-  taskId: string | undefined,
-  onUpdate?: () => void
-) {
-  const queryClient = useQueryClient();
-  const queryKey = ['task-override', taskId];
-
-  const {
-    data: override,
-    isLoading,
-    error,
-  } = useQuery({
-    queryKey,
-    queryFn: async (): Promise<TaskUserOverride | null> => {
-      if (!taskId) return null;
-      const res = await fetch(
-        getTaskApiUrl(`/api/v1/users/me/tasks/${taskId}/overrides`),
-        { credentials: 'include' }
-      );
-      if (!res.ok) throw new Error('Failed to fetch override');
-      const json = await res.json();
-      return json.data ?? null;
-    },
-    enabled: !!taskId,
-    staleTime: 30_000,
-  });
-
-  const upsertMutation = useMutation({
-    mutationFn: async (input: OverrideInput): Promise<TaskUserOverride> => {
-      if (!taskId) throw new Error('No task ID');
-      const res = await fetch(
-        getTaskApiUrl(`/api/v1/users/me/tasks/${taskId}/overrides`),
-        {
-          method: 'PUT',
-          credentials: 'include',
-          headers: { 'Content-Type': 'application/json' },
-          body: JSON.stringify(input),
-        }
-      );
-      if (!res.ok) {
-        const err = await res.json().catch(() => null);
-        throw new Error(err?.error || 'Failed to save override');
-      }
-      const json = await res.json();
-      return json.data;
-    },
-    onMutate: async (input) => {
-      await queryClient.cancelQueries({ queryKey });
-      const previous = queryClient.getQueryData<TaskUserOverride | null>(
-        queryKey
-      );
-      // Optimistic update
-      queryClient.setQueryData<TaskUserOverride | null>(queryKey, (old) => ({
-        task_id: taskId ?? '',
-        user_id: '',
-        self_managed: false,
-        completed_at: null,
-        priority_override: null,
-        due_date_override: null,
-        estimation_override: null,
-        personally_unassigned: false,
-        notes: null,
-        created_at: new Date().toISOString(),
-        updated_at: new Date().toISOString(),
-        ...old,
-        ...input,
-      }));
-      return { previous };
-    },
-    onError: (_err, _input, context) => {
-      if (context?.previous !== undefined) {
-        queryClient.setQueryData(queryKey, context.previous);
-      }
-      toast.error('Failed to save personal override');
-    },
-    onSettled: () => {
-      queryClient.invalidateQueries({ queryKey });
-      onUpdate?.();
-    },
-  });
-
-  const deleteMutation = useMutation({
-    mutationFn: async () => {
-      if (!taskId) throw new Error('No task ID');
-      const res = await fetch(
-        getTaskApiUrl(`/api/v1/users/me/tasks/${taskId}/overrides`),
-        {
-          method: 'DELETE',
-          credentials: 'include',
-        }
-      );
-      if (!res.ok) throw new Error('Failed to delete override');
-    },
-    onMutate: async () => {
-      await queryClient.cancelQueries({ queryKey });
-      const previous = queryClient.getQueryData<TaskUserOverride | null>(
-        queryKey
-      );
-      queryClient.setQueryData(queryKey, null);
-      return { previous };
-    },
-    onError: (_err, _input, context) => {
-      if (context?.previous !== undefined) {
-        queryClient.setQueryData(queryKey, context.previous);
-      }
-      toast.error('Failed to remove override');
-    },
-    onSettled: () => {
-      queryClient.invalidateQueries({ queryKey });
-      onUpdate?.();
-    },
-  });
-
-  return {
-    override,
-    isLoading,
-    error,
-    upsert: upsertMutation.mutate,
-    upsertAsync: upsertMutation.mutateAsync,
-    remove: deleteMutation.mutate,
-    isSaving: upsertMutation.isPending || deleteMutation.isPending,
-  };
-}

package/src/components/ui/tu-do/shared/task-edit-dialog/hooks/use-task-realtime-sync.ts

@@ -1,270 +0,0 @@
-import { useQueryClient } from '@tanstack/react-query';
-import { getWorkspaceTask } from '@tuturuuu/internal-api/tasks';
-import type { TaskPriority } from '@tuturuuu/types/primitives/Priority';
-import type { Task } from '@tuturuuu/types/primitives/Task';
-import { useBoardRealtime } from '@tuturuuu/ui/hooks/useBoardRealtime';
-import type { MutableRefObject } from 'react';
-import { useCallback, useRef } from 'react';
-import type { BoardBroadcastFn } from '../../board-broadcast-context';
-import type { WorkspaceTaskLabel } from '../types';
-
-export interface UseTaskRealtimeSyncProps {
-  wsId: string;
-  taskWorkspaceId?: string;
-  taskId?: string;
-  boardId: string;
-  isCreateMode: boolean;
-  isOpen: boolean;
-  realtimeEnabled?: boolean;
-  isPersonalWorkspace?: boolean;
-  name: string;
-  priority: TaskPriority | null;
-  startDate: Date | undefined;
-  endDate: Date | undefined;
-  estimationPoints: number | null | undefined;
-  selectedListId?: string;
-  pendingNameRef: MutableRefObject<string | null>;
-  setName: (value: string) => void;
-  setPriority: (value: TaskPriority | null) => void;
-  setStartDate: (value: Date | undefined) => void;
-  setEndDate: (value: Date | undefined) => void;
-  setEstimationPoints: (value: number | null) => void;
-  setSelectedListId: (value: string) => void;
-  setSelectedLabels: (
-    value:
-      | WorkspaceTaskLabel[]
-      | ((prev: WorkspaceTaskLabel[]) => WorkspaceTaskLabel[])
-  ) => void;
-  setSelectedAssignees: (value: any[] | ((prev: any[]) => any[])) => void;
-  setSelectedProjects: (value: any[] | ((prev: any[]) => any[])) => void;
-  disabled?: boolean;
-}
-
-export interface UseTaskRealtimeSyncReturn {
-  broadcast: BoardBroadcastFn;
-}
-
-const hasOwn = (value: object, key: keyof Task) => Object.hasOwn(value, key);
-
-const toDate = (value: string | null | undefined) =>
-  value ? new Date(value) : undefined;
-
-const datesMatch = (
-  currentValue: Date | undefined,
-  nextValue: Date | undefined
-) => currentValue?.toISOString() === nextValue?.toISOString();
-
-/**
- * Keeps an open task dialog in sync with board broadcast events.
- * Task descriptions stay on the Yjs path when realtime is enabled.
- */
-export function useTaskRealtimeSync({
-  wsId,
-  taskWorkspaceId,
-  taskId,
-  boardId,
-  isCreateMode,
-  isOpen,
-  realtimeEnabled = true,
-  name,
-  priority,
-  startDate,
-  endDate,
-  estimationPoints,
-  selectedListId,
-  pendingNameRef,
-  setName,
-  setPriority,
-  setStartDate,
-  setEndDate,
-  setEstimationPoints,
-  setSelectedListId,
-  setSelectedLabels,
-  setSelectedAssignees,
-  setSelectedProjects,
-  disabled = false,
-}: UseTaskRealtimeSyncProps): UseTaskRealtimeSyncReturn {
-  const queryClient = useQueryClient();
-
-  const nameRef = useRef(name);
-  const priorityRef = useRef(priority);
-  const startDateRef = useRef(startDate);
-  const endDateRef = useRef(endDate);
-  const estimationPointsRef = useRef(estimationPoints);
-  const selectedListIdRef = useRef(selectedListId);
-  const taskRequestTokenRef = useRef(0);
-  const relationsRequestTokenRef = useRef(0);
-
-  nameRef.current = name;
-  priorityRef.current = priority;
-  startDateRef.current = startDate;
-  endDateRef.current = endDate;
-  estimationPointsRef.current = estimationPoints;
-  selectedListIdRef.current = selectedListId;
-
-  const realtimeActive =
-    !isCreateMode && isOpen && realtimeEnabled && !!taskId && !disabled;
-
-  const fetchLatestTask = useCallback(async () => {
-    if (!taskId) return null;
-
-    try {
-      const workspaceTaskId = taskWorkspaceId ?? wsId;
-      const workspaceTaskQueryKey = [
-        'workspaceTask',
-        workspaceTaskId,
-        taskId,
-      ] as const;
-
-      await queryClient.cancelQueries({
-        queryKey: workspaceTaskQueryKey,
-        exact: true,
-      });
-
-      const routeTask = await queryClient.fetchQuery({
-        queryKey: workspaceTaskQueryKey,
-        queryFn: () => getWorkspaceTask(workspaceTaskId, taskId),
-        staleTime: 0,
-      });
-
-      return routeTask.task;
-    } catch {
-      return null;
-    }
-  }, [queryClient, taskId, taskWorkspaceId, wsId]);
-
-  const applyLatestTaskFields = useCallback(async () => {
-    if (!realtimeActive || !taskId) return;
-
-    taskRequestTokenRef.current += 1;
-    const token = taskRequestTokenRef.current;
-    const task = await fetchLatestTask();
-
-    if (token !== taskRequestTokenRef.current || !task || task.id !== taskId) {
-      return;
-    }
-
-    if (
-      hasOwn(task, 'name') &&
-      typeof task.name === 'string' &&
-      !pendingNameRef.current &&
-      task.name !== nameRef.current
-    ) {
-      setName(task.name);
-    }
-
-    if (hasOwn(task, 'priority') && task.priority !== priorityRef.current) {
-      setPriority(task.priority ?? null);
-    }
-
-    if (hasOwn(task, 'start_date')) {
-      const nextStartDate = toDate(task.start_date);
-      if (!datesMatch(startDateRef.current, nextStartDate)) {
-        setStartDate(nextStartDate);
-      }
-    }
-
-    if (hasOwn(task, 'end_date')) {
-      const nextEndDate = toDate(task.end_date);
-      if (!datesMatch(endDateRef.current, nextEndDate)) {
-        setEndDate(nextEndDate);
-      }
-    }
-
-    if (
-      hasOwn(task, 'estimation_points') &&
-      task.estimation_points !== estimationPointsRef.current
-    ) {
-      setEstimationPoints(task.estimation_points ?? null);
-    }
-
-    if (
-      hasOwn(task, 'list_id') &&
-      typeof task.list_id === 'string' &&
-      task.list_id !== selectedListIdRef.current
-    ) {
-      setSelectedListId(task.list_id);
-    }
-  }, [
-    fetchLatestTask,
-    pendingNameRef,
-    realtimeActive,
-    setEndDate,
-    setEstimationPoints,
-    setName,
-    setPriority,
-    setSelectedListId,
-    setStartDate,
-    taskId,
-  ]);
-
-  const fetchTaskRelations = useCallback(async () => {
-    const task = await fetchLatestTask();
-
-    if (!task) return null;
-
-    const relationshipProjectIds =
-      task.project_ids ?? task.projects?.map((project) => project.id) ?? [];
-
-    const filteredProjects = (task.projects ?? []).filter((project) =>
-      relationshipProjectIds.includes(project.id)
-    );
-
-    return {
-      labels: task.labels ?? [],
-      assignees: task.assignees ?? [],
-      projects: filteredProjects,
-    };
-  }, [fetchLatestTask]);
-
-  const applyLatestRelations = useCallback(async () => {
-    if (!realtimeActive) return;
-
-    relationsRequestTokenRef.current += 1;
-    const token = relationsRequestTokenRef.current;
-    const relations = await fetchTaskRelations();
-
-    if (token !== relationsRequestTokenRef.current || !relations) return;
-
-    setSelectedLabels(relations.labels);
-    setSelectedAssignees(relations.assignees ?? []);
-    setSelectedProjects(relations.projects ?? []);
-  }, [
-    fetchTaskRelations,
-    realtimeActive,
-    setSelectedAssignees,
-    setSelectedLabels,
-    setSelectedProjects,
-  ]);
-
-  const handleTaskChange = useCallback(
-    (updatedTask: Task, eventType: 'INSERT' | 'UPDATE' | 'DELETE') => {
-      if (
-        !realtimeActive ||
-        eventType === 'DELETE' ||
-        updatedTask.id !== taskId
-      )
-        return;
-
-      void applyLatestTaskFields();
-    },
-    [applyLatestTaskFields, realtimeActive, taskId]
-  );
-
-  const handleTaskRelationsChange = useCallback(
-    (taskIds: string[]) => {
-      if (!realtimeActive || !taskId || !taskIds.includes(taskId)) return;
-
-      void applyLatestRelations();
-    },
-    [applyLatestRelations, realtimeActive, taskId]
-  );
-
-  const { broadcast } = useBoardRealtime(boardId, {
-    enabled: realtimeActive,
-    onTaskChange: handleTaskChange,
-    onTaskRelationsChange: handleTaskRelationsChange,
-  });
-
-  return { broadcast };
-}

package/src/components/ui/tu-do/shared/task-edit-dialog/hooks/use-task-relationships.test.tsx

@@ -1,212 +0,0 @@
-/**
- * @vitest-environment jsdom
- */
-
-import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
-import { act, renderHook } from '@testing-library/react';
-import type { Task } from '@tuturuuu/types/primitives/Task';
-import type { ReactNode } from 'react';
-import { beforeEach, describe, expect, it, vi } from 'vitest';
-import type { WorkspaceTaskLabel } from '../types';
-import { useTaskRelationships } from './use-task-relationships';
-
-const mocks = vi.hoisted(() => ({
-  broadcast: vi.fn(),
-  createWorkspaceLabel: vi.fn(),
-  createWorkspaceProject: vi.fn(),
-  toastError: vi.fn(),
-  toastSuccess: vi.fn(),
-  updateWorkspaceTask: vi.fn(),
-}));
-
-vi.mock('@tuturuuu/ui/sonner', () => ({
-  toast: {
-    error: mocks.toastError,
-    success: mocks.toastSuccess,
-  },
-}));
-
-vi.mock('../../board-broadcast-context', () => ({
-  useBoardBroadcast: () => mocks.broadcast,
-}));
-
-vi.mock('./task-api', () => ({
-  createWorkspaceLabel: mocks.createWorkspaceLabel,
-  createWorkspaceProject: mocks.createWorkspaceProject,
-  updateWorkspaceTask: mocks.updateWorkspaceTask,
-}));
-
-describe('useTaskRelationships', () => {
-  let queryClient: QueryClient;
-
-  const existingLabel: WorkspaceTaskLabel = {
-    id: 'label-existing',
-    name: 'Beta',
-    color: '#3b82f6',
-    created_at: '2026-01-01T00:00:00.000Z',
-  };
-
-  const newLabel: WorkspaceTaskLabel = {
-    id: 'label-new',
-    name: 'Alpha',
-    color: '#14b8a6',
-    created_at: '2026-01-02T00:00:00.000Z',
-  };
-
-  const wrapper = ({ children }: { children: ReactNode }) => (
-    <QueryClientProvider client={queryClient}>{children}</QueryClientProvider>
-  );
-
-  beforeEach(() => {
-    queryClient = new QueryClient({
-      defaultOptions: {
-        queries: { retry: false },
-        mutations: { retry: false },
-      },
-    });
-
-    vi.clearAllMocks();
-    mocks.createWorkspaceLabel.mockResolvedValue(newLabel);
-    mocks.updateWorkspaceTask.mockResolvedValue({ task: { id: 'task-1' } });
-  });
-
-  it('adds labels created in the edit dialog to workspace label caches', async () => {
-    const cachedTask = {
-      id: 'task-1',
-      labels: [],
-    } as unknown as Task;
-
-    queryClient.setQueryData(['tasks', 'board-1'], [cachedTask]);
-    queryClient.setQueryData(['workspace-labels', 'real-ws'], [existingLabel]);
-    queryClient.setQueryData(
-      ['workspace_task_labels', 'real-ws'],
-      [existingLabel]
-    );
-
-    const { result } = renderHook(
-      () =>
-        useTaskRelationships({
-          wsId: 'personal',
-          labelCacheWorkspaceId: 'real-ws',
-          taskId: 'task-1',
-          isCreateMode: false,
-          boardId: 'board-1',
-          selectedLabels: [],
-          selectedAssignees: [],
-          selectedProjects: [],
-          newLabelName: 'Alpha',
-          newLabelColor: '#14b8a6',
-          newProjectName: '',
-          setSelectedLabels: vi.fn(),
-          setSelectedAssignees: vi.fn(),
-          setSelectedProjects: vi.fn(),
-          setAvailableLabels: vi.fn(),
-          setNewLabelName: vi.fn(),
-          setNewLabelColor: vi.fn(),
-          setNewProjectName: vi.fn(),
-          setShowNewLabelDialog: vi.fn(),
-          setShowNewProjectDialog: vi.fn(),
-          onUpdate: vi.fn(),
-        }),
-      { wrapper }
-    );
-
-    await act(async () => {
-      await result.current.handleCreateLabel();
-    });
-
-    expect(mocks.createWorkspaceLabel).toHaveBeenCalledWith('personal', {
-      name: 'Alpha',
-      color: '#14b8a6',
-    });
-    expect(mocks.updateWorkspaceTask).toHaveBeenCalledWith(
-      'personal',
-      'task-1',
-      {
-        label_ids: ['label-new'],
-      }
-    );
-
-    expect(
-      queryClient.getQueryData<WorkspaceTaskLabel[]>([
-        'workspace-labels',
-        'real-ws',
-      ])
-    ).toEqual([newLabel, existingLabel]);
-    expect(
-      queryClient.getQueryData<WorkspaceTaskLabel[]>([
-        'workspace-labels',
-        'personal',
-      ])
-    ).toEqual([newLabel]);
-    expect(
-      queryClient.getQueryData<WorkspaceTaskLabel[]>([
-        'workspace_task_labels',
-        'real-ws',
-      ])
-    ).toEqual([newLabel, existingLabel]);
-  });
-
-  it('patches visible task caches when labels change without invalidating board task queries', async () => {
-    const cachedTask = {
-      id: 'task-1',
-      labels: [],
-    } as unknown as Task;
-
-    queryClient.setQueryData(['tasks', 'board-1'], [cachedTask]);
-    queryClient.setQueryData(['tasks-full', 'board-1', 'all'], [cachedTask]);
-    queryClient.setQueryData(['task', 'task-1'], cachedTask);
-    const invalidateSpy = vi.spyOn(queryClient, 'invalidateQueries');
-
-    const { result } = renderHook(
-      () =>
-        useTaskRelationships({
-          wsId: 'personal',
-          taskId: 'task-1',
-          isCreateMode: false,
-          boardId: 'board-1',
-          selectedLabels: [],
-          selectedAssignees: [],
-          selectedProjects: [],
-          newLabelName: '',
-          newLabelColor: '#14b8a6',
-          newProjectName: '',
-          setSelectedLabels: vi.fn(),
-          setSelectedAssignees: vi.fn(),
-          setSelectedProjects: vi.fn(),
-          setAvailableLabels: vi.fn(),
-          setNewLabelName: vi.fn(),
-          setNewLabelColor: vi.fn(),
-          setNewProjectName: vi.fn(),
-          setShowNewLabelDialog: vi.fn(),
-          setShowNewProjectDialog: vi.fn(),
-          onUpdate: vi.fn(),
-        }),
-      { wrapper }
-    );
-
-    await act(async () => {
-      await result.current.toggleLabel(newLabel);
-    });
-
-    expect(
-      queryClient.getQueryData<Task[]>(['tasks', 'board-1'])?.[0]?.labels
-    ).toEqual([newLabel]);
-    expect(
-      queryClient.getQueryData<Task[]>(['tasks-full', 'board-1', 'all'])?.[0]
-        ?.labels
-    ).toEqual([newLabel]);
-    expect(queryClient.getQueryData<Task>(['task', 'task-1'])?.labels).toEqual([
-      newLabel,
-    ]);
-    expect(invalidateSpy).not.toHaveBeenCalledWith({
-      queryKey: ['tasks', 'board-1'],
-    });
-    expect(invalidateSpy).not.toHaveBeenCalledWith({
-      queryKey: ['tasks-full', 'board-1'],
-    });
-    expect(mocks.broadcast).toHaveBeenCalledWith('task:relations-changed', {
-      taskId: 'task-1',
-    });
-  });
-});