@tuturuuu/ui 0.17.0 → 0.19.0

package/src/components/ui/tu-do/my-tasks/use-task-context-actions.ts

@@ -1,474 +0,0 @@
-'use client';
-
-import { useQueryClient } from '@tanstack/react-query';
-import {
-  addWorkspaceTaskLabel,
-  deleteWorkspaceTask,
-  listWorkspaceTaskLists,
-  removeWorkspaceTaskLabel,
-  updateWorkspaceTask,
-  upsertCurrentUserTaskPersonalPlacement,
-} from '@tuturuuu/internal-api';
-import type { TaskWithRelations } from '@tuturuuu/types';
-import type { TaskPriority } from '@tuturuuu/types/primitives/Priority';
-import { getActiveTaskUserBroadcast } from '@tuturuuu/ui/hooks/useTaskUserRealtime';
-import { toast } from '@tuturuuu/ui/sonner';
-import { useTranslations } from 'next-intl';
-import { useCallback, useState } from 'react';
-import { getTaskApiUrl } from '../../../../lib/tasks-app-url';
-import { dispatchTaskSoundCue } from '../shared/task-sound-effects';
-import {
-  MY_COMPLETED_TASKS_QUERY_KEY,
-  MY_TASKS_QUERY_KEY,
-  type MyTasksData,
-} from './use-my-tasks-query';
-
-interface UseTaskContextActionsOptions {
-  task: TaskWithRelations;
-  userId: string;
-  onTaskUpdate: () => void;
-  onClose: () => void;
-}
-
-export function useTaskContextActions({
-  task,
-  userId,
-  onTaskUpdate,
-  onClose,
-}: UseTaskContextActionsOptions) {
-  const t = useTranslations('ws-tasks');
-  const queryClient = useQueryClient();
-  const [isLoading, setIsLoading] = useState(false);
-  const taskWorkspaceId = task.list?.board?.ws_id ?? null;
-  const taskBoardId = task.list?.board?.id ?? null;
-  const taskListId = task.list_id ?? task.list?.id ?? null;
-
-  const invalidateQueries = useCallback(() => {
-    queryClient.invalidateQueries({ queryKey: [MY_TASKS_QUERY_KEY] });
-    queryClient.invalidateQueries({
-      queryKey: [MY_COMPLETED_TASKS_QUERY_KEY],
-    });
-  }, [queryClient]);
-
-  const updateTaskInCache = useCallback(
-    (updates: Partial<TaskWithRelations>) => {
-      queryClient.setQueriesData<MyTasksData>(
-        { queryKey: [MY_TASKS_QUERY_KEY] },
-        (old) => {
-          if (!old) return old;
-          const mapper = (t: TaskWithRelations) =>
-            t.id === task.id ? { ...t, ...updates } : t;
-          return {
-            ...old,
-            overdue: old.overdue.map(mapper),
-            today: old.today.map(mapper),
-            upcoming: old.upcoming.map(mapper),
-          };
-        }
-      );
-    },
-    [queryClient, task.id]
-  );
-
-  const broadcastTaskUpsert = useCallback(
-    (updates: Record<string, unknown>) => {
-      const broadcast = getActiveTaskUserBroadcast();
-      if (!broadcast) return;
-
-      const nextListId =
-        typeof updates.list_id === 'string' ? updates.list_id : taskListId;
-      broadcast('task:upsert', {
-        actor_user_id: userId,
-        actorUserId: userId,
-        boardId: taskBoardId,
-        listId: nextListId,
-        task: {
-          id: task.id,
-          name: task.name,
-          description: task.description ?? null,
-          priority: task.priority ?? null,
-          start_date: task.start_date ?? null,
-          end_date: task.end_date ?? null,
-          list_id: nextListId,
-          created_at: task.created_at ?? null,
-          list: task.list,
-          overrides: task.overrides,
-          ...updates,
-        },
-      });
-    },
-    [task, taskBoardId, taskListId, userId]
-  );
-
-  const broadcastTaskDelete = useCallback(() => {
-    const broadcast = getActiveTaskUserBroadcast();
-    if (!broadcast) return;
-
-    broadcast('task:delete', {
-      actor_user_id: userId,
-      actorUserId: userId,
-      boardId: taskBoardId,
-      listId: taskListId,
-      taskId: task.id,
-    });
-  }, [task.id, taskBoardId, taskListId, userId]);
-
-  const broadcastTaskRelationsChanged = useCallback(() => {
-    const broadcast = getActiveTaskUserBroadcast();
-    if (!broadcast) return;
-
-    broadcast('task:relations-changed', {
-      actor_user_id: userId,
-      actorUserId: userId,
-      boardId: taskBoardId,
-      listId: taskListId,
-      taskId: task.id,
-      taskIds: [task.id],
-    });
-  }, [task.id, taskBoardId, taskListId, userId]);
-
-  const handlePriorityChange = useCallback(
-    async (priority: TaskPriority | null) => {
-      setIsLoading(true);
-      updateTaskInCache({ priority });
-      try {
-        if (!taskWorkspaceId) throw new Error('Task workspace not found');
-        await updateWorkspaceTask(taskWorkspaceId, task.id, { priority });
-        broadcastTaskUpsert({ priority });
-        invalidateQueries();
-        dispatchTaskSoundCue('update');
-      } catch {
-        toast.error(t('failed_to_update'));
-        invalidateQueries();
-      } finally {
-        setIsLoading(false);
-      }
-    },
-    [
-      task.id,
-      taskWorkspaceId,
-      updateTaskInCache,
-      invalidateQueries,
-      broadcastTaskUpsert,
-      t,
-    ]
-  );
-
-  const handleDueDateChange = useCallback(
-    async (days: number | null) => {
-      setIsLoading(true);
-      const newDate =
-        days !== null
-          ? new Date(Date.now() + days * 86400000).toISOString()
-          : null;
-      updateTaskInCache({ end_date: newDate });
-      try {
-        if (!taskWorkspaceId) throw new Error('Task workspace not found');
-        await updateWorkspaceTask(taskWorkspaceId, task.id, {
-          end_date: newDate,
-        });
-        broadcastTaskUpsert({ end_date: newDate });
-        invalidateQueries();
-        dispatchTaskSoundCue('update');
-      } catch {
-        toast.error(t('failed_to_update'));
-        invalidateQueries();
-      } finally {
-        setIsLoading(false);
-      }
-    },
-    [
-      task.id,
-      taskWorkspaceId,
-      updateTaskInCache,
-      invalidateQueries,
-      broadcastTaskUpsert,
-      t,
-    ]
-  );
-
-  const handleToggleLabel = useCallback(
-    async (labelId: string) => {
-      setIsLoading(true);
-      const hasLabel = task.labels?.some((l) => l.label?.id === labelId);
-      try {
-        if (!taskWorkspaceId) throw new Error('Task workspace not found');
-        if (hasLabel) {
-          await removeWorkspaceTaskLabel(taskWorkspaceId, task.id, labelId);
-        } else {
-          await addWorkspaceTaskLabel(taskWorkspaceId, task.id, labelId);
-        }
-        broadcastTaskRelationsChanged();
-        invalidateQueries();
-        dispatchTaskSoundCue('update');
-      } catch {
-        toast.error(t('failed_to_update'));
-        invalidateQueries();
-      } finally {
-        setIsLoading(false);
-      }
-    },
-    [
-      task.id,
-      task.labels,
-      taskWorkspaceId,
-      invalidateQueries,
-      broadcastTaskRelationsChanged,
-      t,
-    ]
-  );
-
-  const handleComplete = useCallback(async () => {
-    if (!taskBoardId || !taskWorkspaceId) return;
-    setIsLoading(true);
-    try {
-      const personalPlacement = task.overrides as
-        | (NonNullable<typeof task.overrides> & {
-            personal_board_id?: string | null;
-            personal_list_id?: string | null;
-          })
-        | null;
-      const personalBoardId = personalPlacement?.personal_board_id ?? null;
-
-      if (personalBoardId) {
-        await upsertCurrentUserTaskPersonalPlacement(task.id, {
-          personal_board_id: personalBoardId,
-          personal_list_id: personalPlacement?.personal_list_id ?? null,
-          terminal_status: 'done',
-        });
-        broadcastTaskUpsert({});
-      } else {
-        const { lists } = await listWorkspaceTaskLists(
-          taskWorkspaceId,
-          taskBoardId
-        );
-
-        const doneList = lists?.find((l) => l.status === 'done');
-        if (!doneList) {
-          toast.error('No done list found');
-          return;
-        }
-
-        await updateWorkspaceTask(taskWorkspaceId, task.id, {
-          list_id: doneList.id,
-        });
-        broadcastTaskUpsert({
-          list_id: doneList.id,
-        });
-      }
-
-      // Clear redundant personal overrides when task is actually done
-      if (
-        task.overrides?.completed_at ||
-        task.overrides?.personally_unassigned
-      ) {
-        await fetch(
-          getTaskApiUrl(`/api/v1/users/me/tasks/${task.id}/overrides`),
-          {
-            method: 'PUT',
-            credentials: 'include',
-            headers: { 'Content-Type': 'application/json' },
-            body: JSON.stringify({
-              completed_at: null,
-              personally_unassigned: false,
-            }),
-          }
-        ).catch(() => {
-          // Non-critical cleanup
-        });
-      }
-
-      onTaskUpdate();
-      onClose();
-      dispatchTaskSoundCue('complete');
-    } catch {
-      toast.error(t('failed_to_update'));
-    } finally {
-      setIsLoading(false);
-    }
-  }, [
-    task.id,
-    taskBoardId,
-    taskWorkspaceId,
-    task.overrides,
-    broadcastTaskUpsert,
-    onTaskUpdate,
-    onClose,
-    t,
-  ]);
-
-  const handleDoneWithMyPart = useCallback(async () => {
-    setIsLoading(true);
-    try {
-      const response = await fetch(
-        getTaskApiUrl(`/api/v1/users/me/tasks/${task.id}/overrides`),
-        {
-          method: 'PUT',
-          credentials: 'include',
-          headers: { 'Content-Type': 'application/json' },
-          body: JSON.stringify({ personally_unassigned: true }),
-        }
-      );
-      if (!response.ok) throw new Error('Failed');
-      broadcastTaskDelete();
-      onTaskUpdate();
-      onClose();
-      dispatchTaskSoundCue('complete');
-    } catch {
-      toast.error(t('failed_to_update'));
-    } finally {
-      setIsLoading(false);
-    }
-  }, [task.id, broadcastTaskDelete, onTaskUpdate, onClose, t]);
-
-  const handleUndoDoneWithMyPart = useCallback(async () => {
-    setIsLoading(true);
-    try {
-      const response = await fetch(
-        getTaskApiUrl(`/api/v1/users/me/tasks/${task.id}/overrides`),
-        {
-          method: 'PUT',
-          credentials: 'include',
-          headers: { 'Content-Type': 'application/json' },
-          body: JSON.stringify({
-            personally_unassigned: false,
-            completed_at: null,
-          }),
-        }
-      );
-      if (!response.ok) throw new Error('Failed');
-      broadcastTaskUpsert({
-        overrides: {
-          ...task.overrides,
-          personally_unassigned: false,
-          completed_at: null,
-        },
-      });
-      onTaskUpdate();
-      onClose();
-      dispatchTaskSoundCue('update');
-    } catch {
-      toast.error(t('failed_to_update'));
-    } finally {
-      setIsLoading(false);
-    }
-  }, [task.id, task.overrides, broadcastTaskUpsert, onTaskUpdate, onClose, t]);
-
-  const handleUndoComplete = useCallback(async () => {
-    if (!taskBoardId || !taskWorkspaceId) return;
-    setIsLoading(true);
-    try {
-      const { lists } = await listWorkspaceTaskLists(
-        taskWorkspaceId,
-        taskBoardId
-      );
-
-      const activeList =
-        lists?.find((l) => l.status === 'active') ??
-        lists?.find((l) => l.status === 'not_started');
-      if (!activeList) {
-        toast.error('No active list found');
-        return;
-      }
-
-      await updateWorkspaceTask(taskWorkspaceId, task.id, {
-        list_id: activeList.id,
-      });
-      broadcastTaskUpsert({ list_id: activeList.id });
-
-      onTaskUpdate();
-      onClose();
-      dispatchTaskSoundCue('move');
-    } catch {
-      toast.error(t('failed_to_update'));
-    } finally {
-      setIsLoading(false);
-    }
-  }, [
-    task.id,
-    taskBoardId,
-    taskWorkspaceId,
-    broadcastTaskUpsert,
-    onTaskUpdate,
-    onClose,
-    t,
-  ]);
-
-  const handleUnassignMe = useCallback(async () => {
-    setIsLoading(true);
-    // Optimistic: remove task from My Tasks cache
-    queryClient.setQueriesData<MyTasksData>(
-      { queryKey: [MY_TASKS_QUERY_KEY] },
-      (old) => {
-        if (!old) return old;
-        const filterOut = (t: TaskWithRelations) => t.id !== task.id;
-        return {
-          ...old,
-          overdue: old.overdue.filter(filterOut),
-          today: old.today.filter(filterOut),
-          upcoming: old.upcoming.filter(filterOut),
-          totalActiveTasks: old.totalActiveTasks - 1,
-        };
-      }
-    );
-    try {
-      if (!taskWorkspaceId) throw new Error('Task workspace not found');
-      await updateWorkspaceTask(taskWorkspaceId, task.id, {
-        assignee_ids: (task.assignees ?? [])
-          .map((assignee) => assignee.user?.id)
-          .filter((assigneeId): assigneeId is string =>
-            Boolean(assigneeId && assigneeId !== userId)
-          ),
-      });
-      broadcastTaskDelete();
-      onTaskUpdate();
-      onClose();
-      dispatchTaskSoundCue('update');
-    } catch {
-      toast.error(t('failed_to_update'));
-      invalidateQueries();
-    } finally {
-      setIsLoading(false);
-    }
-  }, [
-    task.id,
-    taskWorkspaceId,
-    userId,
-    queryClient,
-    onTaskUpdate,
-    onClose,
-    invalidateQueries,
-    t,
-    task.assignees,
-    broadcastTaskDelete,
-  ]);
-
-  const handleDelete = useCallback(async () => {
-    setIsLoading(true);
-    try {
-      if (!taskWorkspaceId) throw new Error('Task workspace not found');
-      await deleteWorkspaceTask(taskWorkspaceId, task.id);
-      broadcastTaskDelete();
-      onTaskUpdate();
-      onClose();
-      dispatchTaskSoundCue('delete');
-    } catch {
-      toast.error(t('failed_to_update'));
-    } finally {
-      setIsLoading(false);
-    }
-  }, [task.id, taskWorkspaceId, broadcastTaskDelete, onTaskUpdate, onClose, t]);
-
-  return {
-    isLoading,
-    handlePriorityChange,
-    handleDueDateChange,
-    handleToggleLabel,
-    handleComplete,
-    handleUndoComplete,
-    handleDoneWithMyPart,
-    handleUndoDoneWithMyPart,
-    handleUnassignMe,
-    handleDelete,
-  };
-}

package/src/components/ui/tu-do/notes/note-edit-dialog.tsx

@@ -1,118 +0,0 @@
-'use client';
-
-import type { JSONContent } from '@tiptap/react';
-import { NotebookPen, X } from '@tuturuuu/icons';
-import { Button } from '@tuturuuu/ui/button';
-import {
-  Dialog,
-  DialogContent,
-  DialogDescription,
-  DialogTitle,
-} from '@tuturuuu/ui/dialog';
-import { Input } from '@tuturuuu/ui/input';
-import { RichTextEditor } from '@tuturuuu/ui/text-editor/editor';
-import { useTranslations } from 'next-intl';
-import { useCallback, useRef } from 'react';
-
-interface NoteEditDialogProps {
-  isOpen: boolean;
-  onOpenChange: (open: boolean) => void;
-  title: string;
-  onTitleChange: (title: string) => void;
-  content: JSONContent | null;
-  onContentChange: (content: JSONContent | null) => void;
-}
-
-export function NoteEditDialog({
-  isOpen,
-  onOpenChange,
-  title,
-  onTitleChange,
-  content,
-  onContentChange,
-}: NoteEditDialogProps) {
-  const t = useTranslations('dashboard.bucket_dump');
-  const titleInputRef = useRef<HTMLInputElement>(null);
-  const editorRef = useRef<HTMLDivElement>(null);
-
-  const handleClose = useCallback(() => {
-    onOpenChange(false);
-  }, [onOpenChange]);
-
-  return (
-    <Dialog open={isOpen} onOpenChange={onOpenChange} modal={true}>
-      <DialogContent showCloseButton={false} presentation="fullscreen">
-        {/* Main content area - Note title and description */}
-        <div className="flex min-w-0 flex-1 flex-col bg-background transition-all duration-300">
-          {/* Enhanced Header with gradient */}
-          <div className="flex items-center justify-between border-b px-4 py-2 md:px-8">
-            <div className="flex items-center gap-2">
-              <div className="flex h-7 w-7 items-center justify-center rounded-lg bg-dynamic-orange/10 ring-1 ring-dynamic-orange/20">
-                <NotebookPen className="h-4 w-4 text-dynamic-orange" />
-              </div>
-              <div className="flex min-w-0 flex-col gap-0.5">
-                <DialogTitle className="truncate font-semibold text-base text-foreground md:text-lg">
-                  {t('edit_dialog.title')}
-                </DialogTitle>
-                <DialogDescription className="sr-only">
-                  {t('edit_dialog.description')}
-                </DialogDescription>
-              </div>
-            </div>
-            <div className="flex items-center gap-1 md:gap-2">
-              <Button
-                variant="ghost"
-                size="icon"
-                className="h-7 w-7 text-muted-foreground hover:text-foreground"
-                onClick={handleClose}
-                title={t('edit_dialog.close')}
-              >
-                <X className="h-4 w-4" />
-              </Button>
-            </div>
-          </div>
-
-          {/* Main editing area with improved spacing */}
-          <div className="relative flex min-h-0 flex-1 flex-col overflow-y-auto">
-            <div className="flex flex-col">
-              {/* Note Title - Large and prominent with underline effect */}
-              <div className="group">
-                <Input
-                  ref={titleInputRef}
-                  value={title}
-                  onChange={(e) => onTitleChange(e.target.value)}
-                  onKeyDown={(e) => {
-                    // Enter key moves to description
-                    if (e.key === 'Enter') {
-                      e.preventDefault();
-                      const editorElement = editorRef.current?.querySelector(
-                        '.ProseMirror'
-                      ) as HTMLElement;
-                      if (editorElement) {
-                        editorElement.focus();
-                      }
-                    }
-                  }}
-                  placeholder={t('edit_dialog.note_title_placeholder')}
-                  className="h-auto border-0 bg-transparent p-4 pb-0 font-bold text-2xl text-foreground leading-tight tracking-tight shadow-none transition-colors placeholder:text-muted-foreground/30 focus-visible:outline-0 focus-visible:ring-0 md:px-8 md:pt-4 md:pb-2 md:text-2xl"
-                  autoFocus
-                />
-              </div>
-
-              {/* Note Description - Full editor experience with subtle border */}
-              <div ref={editorRef} className="relative">
-                <RichTextEditor
-                  content={content}
-                  onChange={onContentChange}
-                  writePlaceholder={t('edit_dialog.content_placeholder')}
-                  titlePlaceholder=""
-                  className="min-h-[calc(100vh-16rem)] border-0 bg-transparent px-4 focus-visible:outline-0 focus-visible:ring-0 md:px-8"
-                />
-              </div>
-            </div>
-          </div>
-        </div>
-      </DialogContent>
-    </Dialog>
-  );
-}