@tuturuuu/ui 0.17.0 → 0.19.0

package/src/components/ui/tu-do/hooks/useDraftPersistence.ts

@@ -1,199 +0,0 @@
-import type { JSONContent } from '@tiptap/react';
-import type { TaskPriority } from '@tuturuuu/types/primitives/Priority';
-import { useEffect, useMemo, useRef, useState } from 'react';
-import { DRAFT_SAVE_DEBOUNCE } from '../utils/taskConstants';
-
-interface DraftData {
-  name: string;
-  description: JSONContent | null;
-  priority: TaskPriority | null;
-  startDate: string | null;
-  endDate: string | null;
-  selectedListId: string;
-  estimationPoints: number | null;
-  selectedLabels: any[];
-}
-
-interface UseDraftPersistenceProps {
-  boardId: string;
-  isOpen: boolean;
-  isCreateMode: boolean;
-  isSaving: boolean;
-  name: string;
-  description: JSONContent | null;
-  priority: TaskPriority | null;
-  startDate: Date | undefined;
-  endDate: Date | undefined;
-  selectedListId: string;
-  estimationPoints: number | null | undefined;
-  selectedLabels: any[];
-}
-
-/**
- * Hook to manage draft persistence for task creation
- * Only works in create mode - automatically saves/loads drafts
- */
-export function useDraftPersistence({
-  boardId,
-  isOpen,
-  isCreateMode,
-  isSaving,
-  name,
-  description,
-  priority,
-  startDate,
-  endDate,
-  selectedListId,
-  estimationPoints,
-  selectedLabels,
-}: UseDraftPersistenceProps) {
-  const [hasDraft, setHasDraft] = useState(false);
-  const draftSaveTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);
-
-  const draftStorageKey = useMemo(
-    () => `tu-do:task-draft:${boardId}`,
-    [boardId]
-  );
-
-  // Load draft when opening in create mode
-  useEffect(() => {
-    if (!isOpen || !isCreateMode) return;
-
-    try {
-      const raw =
-        typeof window !== 'undefined'
-          ? localStorage.getItem(draftStorageKey)
-          : null;
-      if (!raw) return;
-
-      const draft = JSON.parse(raw || '{}') as Partial<DraftData>;
-      if (!draft || typeof draft !== 'object') return;
-
-      // Check if draft has meaningful content
-      const hasContent =
-        (draft.name && draft.name.trim().length > 0) ||
-        draft.description != null ||
-        draft.priority ||
-        draft.startDate ||
-        draft.endDate ||
-        draft.estimationPoints != null ||
-        (Array.isArray(draft.selectedLabels) &&
-          draft.selectedLabels.length > 0);
-
-      if (hasContent) {
-        setHasDraft(true);
-      } else {
-        // Clear empty draft
-        if (typeof window !== 'undefined') {
-          localStorage.removeItem(draftStorageKey);
-        }
-      }
-    } catch {
-      // Ignore draft load errors
-    }
-  }, [isOpen, isCreateMode, draftStorageKey]);
-
-  // Clear draft when opening in edit mode
-  useEffect(() => {
-    if (isOpen && !isCreateMode) {
-      try {
-        if (typeof window !== 'undefined') {
-          localStorage.removeItem(draftStorageKey);
-        }
-        setHasDraft(false);
-      } catch {
-        // Ignore errors
-      }
-    }
-  }, [isOpen, isCreateMode, draftStorageKey]);
-
-  // Debounced auto-save draft while editing in create mode
-  useEffect(() => {
-    if (!isOpen || !isCreateMode || isSaving) return;
-
-    const hasAny =
-      (name || '').trim().length > 0 ||
-      !!description ||
-      !!priority ||
-      !!startDate ||
-      !!endDate ||
-      !!estimationPoints ||
-      (selectedLabels && selectedLabels.length > 0);
-
-    if (!hasAny) {
-      // Clear empty draft to avoid stale noise
-      try {
-        if (typeof window !== 'undefined') {
-          localStorage.removeItem(draftStorageKey);
-        }
-      } catch {
-        // Ignore errors
-      }
-      setHasDraft(false);
-      return;
-    }
-
-    if (draftSaveTimerRef.current) {
-      clearTimeout(draftSaveTimerRef.current);
-    }
-
-    draftSaveTimerRef.current = setTimeout(() => {
-      try {
-        const toSave: DraftData = {
-          name: (name || '').trim(),
-          description: description,
-          priority,
-          startDate: startDate?.toISOString() || null,
-          endDate: endDate?.toISOString() || null,
-          selectedListId,
-          estimationPoints: estimationPoints ?? null,
-          selectedLabels,
-        };
-        if (typeof window !== 'undefined') {
-          localStorage.setItem(draftStorageKey, JSON.stringify(toSave));
-        }
-        setHasDraft(true);
-      } catch {
-        // Ignore save errors
-      }
-    }, DRAFT_SAVE_DEBOUNCE);
-
-    return () => {
-      if (draftSaveTimerRef.current) {
-        clearTimeout(draftSaveTimerRef.current);
-      }
-    };
-  }, [
-    isOpen,
-    isCreateMode,
-    isSaving,
-    draftStorageKey,
-    name,
-    description,
-    priority,
-    startDate,
-    endDate,
-    selectedListId,
-    estimationPoints,
-    selectedLabels,
-  ]);
-
-  const clearDraft = () => {
-    if (draftSaveTimerRef.current) {
-      clearTimeout(draftSaveTimerRef.current);
-    }
-    try {
-      if (typeof window !== 'undefined') {
-        localStorage.removeItem(draftStorageKey);
-      }
-      setHasDraft(false);
-    } catch {
-      // Ignore errors
-    }
-  };
-
-  return {
-    hasDraft,
-    clearDraft,
-  };
-}

package/src/components/ui/tu-do/hooks/useTaskCardRelationships.ts

@@ -1,340 +0,0 @@
-'use client';
-
-import { useQuery } from '@tanstack/react-query';
-import { getWorkspaceTaskRelationships } from '@tuturuuu/internal-api/tasks';
-import type {
-  RelatedTaskInfo,
-  TaskRelationshipType,
-} from '@tuturuuu/types/primitives/TaskRelationship';
-import {
-  useCreateTaskRelationship,
-  useDeleteTaskRelationship,
-} from '@tuturuuu/utils/task-helper';
-import { useCallback, useState } from 'react';
-import { useBoardBroadcast } from '../shared/board-broadcast-context';
-
-export interface UseTaskCardRelationshipsProps {
-  taskId: string;
-  boardId: string;
-  wsId?: string;
-  enabled?: boolean;
-}
-
-export interface UseTaskCardRelationshipsReturn {
-  // Data
-  parentTask: RelatedTaskInfo | null;
-  childTasks: RelatedTaskInfo[];
-  blocking: RelatedTaskInfo[];
-  blockedBy: RelatedTaskInfo[];
-  relatedTasks: RelatedTaskInfo[];
-  isLoading: boolean;
-
-  // Actions for parent
-  setParentTask: (task: RelatedTaskInfo) => void;
-  removeParentTask: () => void;
-
-  // Actions for blocking
-  addBlockingTask: (task: RelatedTaskInfo) => void;
-  removeBlockingTask: (taskId: string) => void;
-  addBlockedByTask: (task: RelatedTaskInfo) => void;
-  removeBlockedByTask: (taskId: string) => void;
-
-  // Actions for related
-  addRelatedTask: (task: RelatedTaskInfo) => void;
-  removeRelatedTask: (taskId: string) => void;
-
-  // Saving state
-  isSaving: boolean;
-  savingTaskId: string | null;
-  hasLoadedRelationships: boolean;
-}
-
-const MAX_CONCURRENT_RELATIONSHIP_FETCHES = 3;
-let activeRelationshipFetches = 0;
-const pendingRelationshipFetchQueue: Array<() => void> = [];
-
-export async function enqueueTaskCardRelationshipRequest<T>(
-  task: () => Promise<T>
-): Promise<T> {
-  return new Promise<T>((resolve, reject) => {
-    const run = () => {
-      activeRelationshipFetches += 1;
-
-      task()
-        .then(resolve, reject)
-        .finally(() => {
-          activeRelationshipFetches = Math.max(
-            0,
-            activeRelationshipFetches - 1
-          );
-          const next = pendingRelationshipFetchQueue.shift();
-          next?.();
-        });
-    };
-
-    if (activeRelationshipFetches < MAX_CONCURRENT_RELATIONSHIP_FETCHES) {
-      run();
-      return;
-    }
-
-    pendingRelationshipFetchQueue.push(run);
-  });
-}
-
-/**
- * Hook for managing task relationships in the kanban task card context.
- * This is a lightweight version for the dropdown menu use case.
- */
-export function useTaskCardRelationships({
-  taskId,
-  wsId,
-  enabled = true,
-}: UseTaskCardRelationshipsProps): UseTaskCardRelationshipsReturn {
-  const broadcast = useBoardBroadcast();
-  const [savingTaskId, setSavingTaskId] = useState<string | null>(null);
-
-  // Fetch relationships
-  const { data: relationships, isLoading } = useQuery({
-    queryKey: ['task-relationships', taskId, wsId ?? 'unknown'],
-    queryFn: async () => {
-      if (!wsId || !taskId) {
-        return null;
-      }
-
-      return enqueueTaskCardRelationshipRequest(() =>
-        getWorkspaceTaskRelationships(wsId, taskId)
-      );
-    },
-    enabled: enabled && !!wsId && !!taskId,
-    staleTime: 30000,
-  });
-
-  // Mutations
-  const resolvedWsId = wsId ?? '';
-  const createRelationship = useCreateTaskRelationship(resolvedWsId);
-  const deleteRelationship = useDeleteTaskRelationship(resolvedWsId);
-
-  const isSaving = createRelationship.isPending || deleteRelationship.isPending;
-
-  // Extract relationship data
-  const parentTask = relationships?.parentTask ?? null;
-  const childTasks = relationships?.childTasks ?? [];
-  const blocking = relationships?.blocking ?? [];
-  const blockedBy = relationships?.blockedBy ?? [];
-  const relatedTasks = relationships?.relatedTasks ?? [];
-  const hasLoadedRelationships = relationships !== undefined;
-
-  // Parent task actions
-  const setParentTask = useCallback(
-    (task: RelatedTaskInfo) => {
-      if (!wsId) return;
-      setSavingTaskId(task.id);
-      createRelationship.mutate(
-        {
-          source_task_id: task.id,
-          target_task_id: taskId,
-          type: 'parent_child' as TaskRelationshipType,
-        },
-        {
-          onSuccess: () => {
-            broadcast?.('task:deps-changed', { taskIds: [task.id, taskId] });
-          },
-          onSettled: () => setSavingTaskId(null),
-        }
-      );
-    },
-    [taskId, createRelationship, broadcast, wsId]
-  );
-
-  const removeParentTask = useCallback(() => {
-    if (!wsId) return;
-    if (!parentTask) return;
-    setSavingTaskId(parentTask.id);
-    deleteRelationship.mutate(
-      {
-        sourceTaskId: parentTask.id,
-        targetTaskId: taskId,
-        type: 'parent_child',
-      },
-      {
-        onSuccess: () => {
-          broadcast?.('task:deps-changed', {
-            taskIds: [parentTask.id, taskId],
-          });
-        },
-        onSettled: () => setSavingTaskId(null),
-      }
-    );
-  }, [taskId, parentTask, deleteRelationship, broadcast, wsId]);
-
-  // Blocking task actions (this task blocks another)
-  const addBlockingTask = useCallback(
-    (task: RelatedTaskInfo) => {
-      if (!wsId) return;
-      setSavingTaskId(task.id);
-      createRelationship.mutate(
-        {
-          source_task_id: taskId,
-          target_task_id: task.id,
-          type: 'blocks' as TaskRelationshipType,
-        },
-        {
-          onSuccess: () => {
-            broadcast?.('task:deps-changed', { taskIds: [taskId, task.id] });
-          },
-          onSettled: () => setSavingTaskId(null),
-        }
-      );
-    },
-    [taskId, createRelationship, broadcast, wsId]
-  );
-
-  const removeBlockingTask = useCallback(
-    (targetTaskId: string) => {
-      if (!wsId) return;
-      setSavingTaskId(targetTaskId);
-      deleteRelationship.mutate(
-        {
-          sourceTaskId: taskId,
-          targetTaskId: targetTaskId,
-          type: 'blocks',
-        },
-        {
-          onSuccess: () => {
-            broadcast?.('task:deps-changed', {
-              taskIds: [taskId, targetTaskId],
-            });
-          },
-          onSettled: () => setSavingTaskId(null),
-        }
-      );
-    },
-    [taskId, deleteRelationship, broadcast, wsId]
-  );
-
-  // Blocked by task actions (another task blocks this)
-  const addBlockedByTask = useCallback(
-    (task: RelatedTaskInfo) => {
-      if (!wsId) return;
-      setSavingTaskId(task.id);
-      createRelationship.mutate(
-        {
-          source_task_id: task.id,
-          target_task_id: taskId,
-          type: 'blocks' as TaskRelationshipType,
-        },
-        {
-          onSuccess: () => {
-            broadcast?.('task:deps-changed', { taskIds: [task.id, taskId] });
-          },
-          onSettled: () => setSavingTaskId(null),
-        }
-      );
-    },
-    [taskId, createRelationship, broadcast, wsId]
-  );
-
-  const removeBlockedByTask = useCallback(
-    (sourceTaskId: string) => {
-      if (!wsId) return;
-      setSavingTaskId(sourceTaskId);
-      deleteRelationship.mutate(
-        {
-          sourceTaskId: sourceTaskId,
-          targetTaskId: taskId,
-          type: 'blocks',
-        },
-        {
-          onSuccess: () => {
-            broadcast?.('task:deps-changed', {
-              taskIds: [sourceTaskId, taskId],
-            });
-          },
-          onSettled: () => setSavingTaskId(null),
-        }
-      );
-    },
-    [taskId, deleteRelationship, broadcast, wsId]
-  );
-
-  // Related task actions
-  const addRelatedTask = useCallback(
-    (task: RelatedTaskInfo) => {
-      if (!wsId) return;
-      setSavingTaskId(task.id);
-      createRelationship.mutate(
-        {
-          source_task_id: taskId,
-          target_task_id: task.id,
-          type: 'related' as TaskRelationshipType,
-        },
-        {
-          onSuccess: () => {
-            broadcast?.('task:deps-changed', { taskIds: [taskId, task.id] });
-          },
-          onSettled: () => setSavingTaskId(null),
-        }
-      );
-    },
-    [taskId, createRelationship, broadcast, wsId]
-  );
-
-  const removeRelatedTask = useCallback(
-    (targetTaskId: string) => {
-      if (!wsId) return;
-      setSavingTaskId(targetTaskId);
-      const broadcastDeps = () => {
-        broadcast?.('task:deps-changed', { taskIds: [taskId, targetTaskId] });
-      };
-      // Try the first direction (taskId -> targetTaskId)
-      deleteRelationship.mutate(
-        {
-          sourceTaskId: taskId,
-          targetTaskId: targetTaskId,
-          type: 'related',
-        },
-        {
-          onError: () => {
-            // First direction failed, try the reverse direction (targetTaskId -> taskId)
-            deleteRelationship.mutate(
-              {
-                sourceTaskId: targetTaskId,
-                targetTaskId: taskId,
-                type: 'related',
-              },
-              {
-                onSuccess: broadcastDeps,
-                onSettled: () => setSavingTaskId(null),
-              }
-            );
-          },
-          onSuccess: () => {
-            broadcastDeps();
-            setSavingTaskId(null);
-          },
-        }
-      );
-    },
-    [taskId, deleteRelationship, broadcast, wsId]
-  );
-
-  return {
-    parentTask,
-    childTasks,
-    blocking,
-    blockedBy,
-    relatedTasks,
-    isLoading,
-    setParentTask,
-    removeParentTask,
-    addBlockingTask,
-    removeBlockingTask,
-    addBlockedByTask,
-    removeBlockedByTask,
-    addRelatedTask,
-    removeRelatedTask,
-    isSaving,
-    savingTaskId,
-    hasLoadedRelationships,
-  };
-}

package/src/components/ui/tu-do/hooks/useTaskDialog.ts

@@ -1,122 +0,0 @@
-import type { WorkspaceProductTier } from '@tuturuuu/types';
-import type { Task } from '@tuturuuu/types/primitives/Task';
-import type { TaskList } from '@tuturuuu/types/primitives/TaskList';
-import type { TaskFilters } from '@tuturuuu/ui/tu-do/boards/boardId/task-filter';
-import {
-  type PendingRelationshipType,
-  type TaskAssigneeMemberSource,
-  useTaskDialogContext,
-} from '../providers/task-dialog-provider';
-import type { SharedTaskContext } from '../shared/task-edit-dialog/hooks/use-task-data';
-
-/**
- * Hook to open and manage the centralized task dialog
- *
- * Usage:
- * ```tsx
- * const { openTask, createTask, createSubtask, createTaskWithRelationship, closeDialog, onUpdate, onClose } = useTaskDialog();
- *
- * // Open existing task for editing
- * openTask(task, boardId, availableLists);
- *
- * // Create new task
- * createTask(boardId, listId, availableLists, filters, initialTaskValues);
- *
- * // Create subtask (child of existing task)
- * createSubtask(parentTaskId, boardId, listId, availableLists);
- *
- * // Create task with any relationship type
- * createTaskWithRelationship('parent', relatedTaskId, relatedTaskName, boardId, listId, availableLists);
- *
- * // Register an update callback
- * onUpdate(() => {
- *   // Handle task update (e.g., refresh data)
- * });
- *
- * // Register a close callback
- * onClose(() => {
- *   // Handle dialog close (e.g., navigate back)
- * });
- * ```
- */
-export function useTaskDialog(): {
-  openTask: (
-    task: Task,
-    boardId: string,
-    availableLists?: TaskList[],
-    fakeTaskUrl?: boolean,
-    options?: {
-      preserveUrl?: boolean;
-      /** The task's actual workspace ID for correct URL routing */
-      taskWsId?: string;
-      /** Whether the task's workspace is personal (affects realtime features) */
-      taskWorkspacePersonal?: boolean;
-      /** Whether the board context should expose assignee controls */
-      canUseBoardAssignees?: boolean;
-      /** Where assignee candidates should be loaded from */
-      assigneeMemberSource?: TaskAssigneeMemberSource;
-    }
-  ) => void;
-  openTaskById: (
-    taskId: string,
-    options?: {
-      initialTask?: Partial<Task>;
-      boardId?: string;
-      availableLists?: TaskList[];
-      fakeTaskUrl?: boolean;
-      taskWsId?: string;
-      taskWorkspacePersonal?: boolean;
-      taskWorkspaceTier?: WorkspaceProductTier;
-      canUseBoardAssignees?: boolean;
-      assigneeMemberSource?: TaskAssigneeMemberSource;
-      initialSharedContext?: SharedTaskContext;
-    }
-  ) => Promise<boolean>;
-  createTask: (
-    boardId: string,
-    listId: string,
-    availableLists?: TaskList[],
-    filters?: TaskFilters,
-    initialTaskValues?: Partial<Task>
-  ) => void;
-  createSubtask: (
-    parentTaskId: string,
-    parentTaskName: string,
-    boardId: string,
-    listId: string,
-    availableLists?: TaskList[]
-  ) => void;
-  createTaskWithRelationship: (
-    relationshipType: PendingRelationshipType,
-    relatedTaskId: string,
-    relatedTaskName: string,
-    boardId: string,
-    listId: string,
-    availableLists?: TaskList[]
-  ) => void;
-  closeDialog: () => void;
-  onUpdate: (callback: () => void) => () => void;
-  onClose: (callback: () => void) => void;
-} {
-  const {
-    openTask,
-    openTaskById,
-    createTask,
-    createSubtask,
-    createTaskWithRelationship,
-    closeDialog,
-    onUpdate,
-    onClose,
-  } = useTaskDialogContext();
-
-  return {
-    openTask,
-    openTaskById,
-    createTask,
-    createSubtask,
-    createTaskWithRelationship,
-    closeDialog,
-    onUpdate,
-    onClose,
-  };
-}