@tuturuuu/ui 0.16.0 → 0.18.0

package/src/hooks/__tests__/useCursorTracking.test.tsx

@@ -1,212 +0,0 @@
-/**
- * @vitest-environment jsdom
- */
-
-import { act, renderHook, waitFor } from '@testing-library/react';
-import { createClient } from '@tuturuuu/supabase/next/client';
-import type { RefObject } from 'react';
-import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
-import { PRIVATE_TASK_REALTIME_CHANNEL_CONFIG } from '../useBoardRealtime.types';
-import { useCursorTracking } from '../useCursorTracking';
-
-type BroadcastListener = (message: {
-  payload: Record<string, unknown>;
-}) => void;
-
-type MockSupabaseClient = {
-  channel: ReturnType<typeof vi.fn>;
-  removeChannel: ReturnType<typeof vi.fn>;
-};
-
-type MockCreateClientFn = {
-  (): MockSupabaseClient;
-  mockReturnValue: (value: MockSupabaseClient) => void;
-};
-
-vi.mock('@tuturuuu/supabase/next/client', () => ({
-  createClient: vi.fn(),
-}));
-
-vi.mock('@tuturuuu/utils/constants', () => ({
-  DEV_MODE: false,
-}));
-
-function createContainerRef(): RefObject<HTMLDivElement | null> {
-  const element = document.createElement('div');
-  element.getBoundingClientRect = () =>
-    ({
-      bottom: 100,
-      height: 100,
-      left: 0,
-      right: 100,
-      top: 0,
-      width: 100,
-      x: 0,
-      y: 0,
-    }) as DOMRect;
-  document.body.append(element);
-  return { current: element };
-}
-
-describe('useCursorTracking', () => {
-  let broadcastListeners: Map<string, BroadcastListener>;
-  let mockChannel: {
-    on: ReturnType<typeof vi.fn>;
-    send: ReturnType<typeof vi.fn>;
-    subscribe: ReturnType<typeof vi.fn>;
-  };
-  let mockRemoveChannel: ReturnType<typeof vi.fn>;
-  let requestAnimationFrameMock: ReturnType<typeof vi.fn>;
-  let animationFrameCallbacks: FrameRequestCallback[];
-
-  beforeEach(() => {
-    broadcastListeners = new Map();
-    animationFrameCallbacks = [];
-
-    requestAnimationFrameMock = vi.fn((callback: FrameRequestCallback) => {
-      animationFrameCallbacks.push(callback);
-      return animationFrameCallbacks.length;
-    });
-    vi.stubGlobal('requestAnimationFrame', requestAnimationFrameMock);
-    vi.stubGlobal('cancelAnimationFrame', vi.fn());
-
-    mockChannel = {
-      on: vi.fn(
-        (
-          type: string,
-          config: { event?: string },
-          callback: BroadcastListener
-        ) => {
-          if (type === 'broadcast' && config.event) {
-            broadcastListeners.set(config.event, callback);
-          }
-          return mockChannel;
-        }
-      ),
-      send: vi.fn(),
-      subscribe: vi.fn(() => mockChannel),
-    };
-    mockRemoveChannel = vi.fn();
-
-    const mockCreateClient = createClient as unknown as MockCreateClientFn;
-    mockCreateClient.mockReturnValue({
-      channel: vi.fn(() => mockChannel),
-      removeChannel: mockRemoveChannel,
-    });
-  });
-
-  afterEach(() => {
-    document.body.replaceChildren();
-    vi.unstubAllGlobals();
-  });
-
-  it('subscribes to cursor channels with private realtime authorization', () => {
-    const containerRef = createContainerRef();
-
-    renderHook(() =>
-      useCursorTracking('board-realtime-board-1', containerRef, {
-        display_name: 'Current User',
-        id: 'user-current',
-      })
-    );
-
-    const supabaseInstance = (createClient as unknown as MockCreateClientFn)();
-    expect(supabaseInstance.channel).toHaveBeenCalledWith(
-      'board-realtime-board-1',
-      PRIVATE_TASK_REALTIME_CHANNEL_CONFIG
-    );
-  });
-
-  it('broadcasts cursor payloads without private profile fields', async () => {
-    const containerRef = createContainerRef();
-
-    renderHook(() =>
-      useCursorTracking(
-        'board-realtime-board-1',
-        containerRef,
-        {
-          avatar_url: 'https://example.com/avatar.png',
-          display_name: 'Current User',
-          email: 'current@example.com',
-          id: 'user-current',
-        },
-        { cursorScope: { boardId: 'board-1', type: 'board' } }
-      )
-    );
-
-    act(() => {
-      containerRef.current?.dispatchEvent(
-        new MouseEvent('mousemove', { clientX: 80, clientY: 40 })
-      );
-      animationFrameCallbacks.shift()?.(0);
-    });
-
-    await waitFor(() => expect(mockChannel.send).toHaveBeenCalled());
-    expect(mockChannel.send).toHaveBeenCalledWith({
-      event: 'cursor-move',
-      payload: {
-        metadata: { cursorScope: { boardId: 'board-1', type: 'board' } },
-        user: {
-          avatar_url: 'https://example.com/avatar.png',
-          display_name: 'Current User',
-          id: 'user-current',
-        },
-        x: expect.any(Number),
-        y: expect.any(Number),
-      },
-      type: 'broadcast',
-    });
-  });
-
-  it('accepts only well-formed cursor payloads and strips private fields', () => {
-    const containerRef = createContainerRef();
-    const { result } = renderHook(() =>
-      useCursorTracking('board-realtime-board-1', containerRef, {
-        display_name: 'Current User',
-        id: 'user-current',
-      })
-    );
-
-    const listener = broadcastListeners.get('cursor-move');
-    expect(listener).toBeDefined();
-
-    act(() => {
-      listener?.({
-        payload: {
-          user: { email: 'bad@example.com' },
-          x: 12,
-          y: 18,
-        },
-      });
-    });
-    expect(result.current.cursors.size).toBe(0);
-
-    act(() => {
-      listener?.({
-        payload: {
-          metadata: { cursorScope: { boardId: 'board-1', type: 'board' } },
-          user: {
-            avatar_url: 'https://example.com/other.png',
-            display_name: 'Other User',
-            email: 'other@example.com',
-            id: 'user-other',
-          },
-          x: 12,
-          y: 18,
-        },
-      });
-    });
-
-    expect(result.current.cursors.get('user-other')).toEqual({
-      lastUpdatedAt: expect.any(Number),
-      metadata: { cursorScope: { boardId: 'board-1', type: 'board' } },
-      user: {
-        avatar_url: 'https://example.com/other.png',
-        display_name: 'Other User',
-        id: 'user-other',
-      },
-      x: 12,
-      y: 18,
-    });
-  });
-});

package/src/hooks/task-actions-personal-external.ts

@@ -1,313 +0,0 @@
-import type { QueryClient } from '@tanstack/react-query';
-import {
-  listWorkspaceTaskLists,
-  updateWorkspaceTask,
-  upsertCurrentUserTaskPersonalPlacement,
-} from '@tuturuuu/internal-api/tasks';
-import type { Task } from '@tuturuuu/types/primitives/Task';
-import type { TaskBoardStatus } from '@tuturuuu/types/primitives/TaskBoard';
-import type { TaskList } from '@tuturuuu/types/primitives/TaskList';
-import {
-  isTaskBoardCompletedStatus,
-  isTaskBoardTerminalStatus,
-} from '@tuturuuu/utils/task-list-status';
-import { isPersonalExternalOverlayTask } from '../lib/task-personal-external';
-
-export function isPersonalExternalTask(task?: Task) {
-  return isPersonalExternalOverlayTask(task);
-}
-
-function findFirstListByStatus(lists: TaskList[], status: TaskBoardStatus) {
-  return lists.find((list) => list.status === status && !list.deleted) ?? null;
-}
-
-function getSourceStatusCandidates(status: TaskBoardStatus) {
-  if (isTaskBoardTerminalStatus(status)) {
-    return [status];
-  }
-
-  return Array.from(
-    new Set<TaskBoardStatus>([status, 'active', 'not_started'])
-  );
-}
-
-function findFirstMatchingSourceList(
-  lists: TaskList[],
-  status: TaskBoardStatus
-) {
-  const candidates = getSourceStatusCandidates(status);
-
-  for (const candidate of candidates) {
-    const matchingList = findFirstListByStatus(lists, candidate);
-
-    if (matchingList) {
-      return matchingList;
-    }
-  }
-
-  return null;
-}
-
-function mergeTaskIntoCache(current: Task[] | undefined, nextTask: Task) {
-  const existing = current ?? [];
-  let found = false;
-  const merged = existing.map((item) => {
-    if (item.id !== nextTask.id) return item;
-    found = true;
-    return { ...item, ...nextTask } as Task;
-  });
-
-  return found ? merged : [...merged, nextTask];
-}
-
-function getPersonalPlacementOrder({
-  boardId,
-  queryClient,
-  taskId,
-  targetListId,
-  position,
-}: {
-  boardId: string;
-  queryClient: QueryClient;
-  taskId: string;
-  targetListId: string;
-  position: 'top' | 'end';
-}) {
-  const currentTasks =
-    queryClient.getQueryData<Task[]>(['tasks', boardId]) ?? [];
-  const targetListTasks = currentTasks
-    .filter((item) => item.id !== taskId && item.list_id === targetListId)
-    .sort((a, b) => {
-      const sortA = a.sort_key ?? Number.MAX_SAFE_INTEGER;
-      const sortB = b.sort_key ?? Number.MAX_SAFE_INTEGER;
-      if (sortA !== sortB) return sortA - sortB;
-      if (!a.created_at || !b.created_at) return 0;
-      return (
-        new Date(a.created_at).getTime() - new Date(b.created_at).getTime()
-      );
-    });
-
-  if (position === 'top') {
-    return {
-      previous_task_id: null,
-      next_task_id: targetListTasks[0]?.id ?? null,
-    };
-  }
-
-  return {
-    previous_task_id: targetListTasks[targetListTasks.length - 1]?.id ?? null,
-    next_task_id: null,
-  };
-}
-
-function upsertLocallyMutatedTask({
-  boardId,
-  markLocallyMutatedTask,
-  queryClient,
-  task,
-}: {
-  boardId: string;
-  markLocallyMutatedTask: (task: Task) => Task;
-  queryClient: QueryClient;
-  task: Task;
-}) {
-  const locallyMutatedTask = markLocallyMutatedTask(task);
-
-  queryClient.setQueryData<Task[]>(['tasks', boardId], (current) =>
-    mergeTaskIntoCache(current, locallyMutatedTask)
-  );
-
-  if (queryClient.getQueryData<Task[]>(['tasks-full', boardId])) {
-    queryClient.setQueryData<Task[]>(['tasks-full', boardId], (current) =>
-      mergeTaskIntoCache(current, locallyMutatedTask)
-    );
-  }
-}
-
-export async function moveExternalTaskToPersonalList({
-  boardId,
-  markLocallyMutatedTask,
-  queryClient,
-  task,
-  targetList,
-  sourceStatus,
-  placementPosition = 'end',
-}: {
-  boardId: string;
-  markLocallyMutatedTask: (task: Task) => Task;
-  queryClient: QueryClient;
-  task: Task;
-  targetList: TaskList;
-  sourceStatus?: TaskBoardStatus;
-  placementPosition?: 'top' | 'end';
-}) {
-  const personalBoardId = task.personal_board_id ?? boardId;
-  const sourceWorkspaceId = task.source_workspace_id;
-  const sourceBoardId = task.source_board_id;
-  const previousTasks = queryClient.getQueryData<Task[]>(['tasks', boardId]);
-  const previousFullTasks = queryClient.getQueryData<Task[]>([
-    'tasks-full',
-    boardId,
-  ]);
-  const now = new Date().toISOString();
-  let sourceTargetList: TaskList | null = null;
-  const desiredSourceStatus = sourceStatus ?? targetList.status;
-  const terminalStatus =
-    targetList.status === 'done' || targetList.status === 'closed'
-      ? targetList.status
-      : undefined;
-  const hasKnownSourceStatusChange = Boolean(
-    task.source_list_status && task.source_list_status !== desiredSourceStatus
-  );
-  const shouldInspectSourceList = Boolean(
-    !terminalStatus &&
-      (sourceStatus ||
-        hasKnownSourceStatusChange ||
-        (!task.source_list_status &&
-          task.source_list_id &&
-          sourceWorkspaceId &&
-          sourceBoardId))
-  );
-
-  try {
-    if (shouldInspectSourceList) {
-      if (!sourceWorkspaceId || !sourceBoardId) {
-        throw new Error('Source board is required');
-      }
-
-      const { lists: sourceLists } = await listWorkspaceTaskLists(
-        sourceWorkspaceId,
-        sourceBoardId
-      );
-      const currentSourceList =
-        sourceLists.find(
-          (list) => list.id === task.source_list_id && !list.deleted
-        ) ?? null;
-      const currentSourceStatus =
-        task.source_list_status ?? currentSourceList?.status ?? null;
-      const shouldMoveSourceTask =
-        Boolean(sourceStatus) ||
-        Boolean(
-          currentSourceStatus && currentSourceStatus !== desiredSourceStatus
-        );
-
-      if (shouldMoveSourceTask) {
-        sourceTargetList = findFirstMatchingSourceList(
-          sourceLists,
-          desiredSourceStatus
-        );
-
-        if (!sourceTargetList) {
-          throw new Error(
-            `Source board has no ${getSourceStatusCandidates(desiredSourceStatus).join(' or ')} list`
-          );
-        }
-      }
-    }
-
-    const isCompletedTarget = isTaskBoardCompletedStatus(targetList.status);
-    const isClosedTarget = isTaskBoardTerminalStatus(targetList.status);
-    const optimisticTask = {
-      ...task,
-      list_id: targetList.id,
-      personal_board_id: personalBoardId,
-      personal_list_id: targetList.id,
-      personal_placed_at: now,
-      is_personal_external: true,
-      is_personal_external_default: false,
-      completed_at: isCompletedTarget ? (task.completed_at ?? now) : null,
-      closed_at: isClosedTarget ? (task.closed_at ?? now) : null,
-    } as Task;
-
-    upsertLocallyMutatedTask({
-      boardId,
-      markLocallyMutatedTask,
-      queryClient,
-      task: optimisticTask,
-    });
-
-    const order = getPersonalPlacementOrder({
-      boardId,
-      queryClient,
-      taskId: task.id,
-      targetListId: targetList.id,
-      position: placementPosition,
-    });
-    const placementResponse = await upsertCurrentUserTaskPersonalPlacement(
-      task.id,
-      {
-        personal_board_id: personalBoardId,
-        personal_list_id: targetList.id,
-        previous_task_id: order.previous_task_id,
-        next_task_id: order.next_task_id,
-        terminal_status: terminalStatus,
-      }
-    );
-
-    let sourceTask: Task | undefined;
-
-    if (sourceWorkspaceId && sourceTargetList) {
-      const sourceResponse = await updateWorkspaceTask(
-        sourceWorkspaceId,
-        task.id,
-        {
-          list_id: sourceTargetList.id,
-        }
-      );
-      sourceTask = sourceResponse.task;
-    }
-
-    const placedTask = placementResponse.task as Task;
-    upsertLocallyMutatedTask({
-      boardId,
-      markLocallyMutatedTask,
-      queryClient,
-      task: {
-        ...optimisticTask,
-        ...placedTask,
-        list_id: targetList.id,
-        personal_board_id: personalBoardId,
-        personal_list_id: targetList.id,
-        personal_sort_key:
-          placedTask.personal_sort_key ?? optimisticTask.personal_sort_key,
-        sort_key: placedTask.sort_key ?? optimisticTask.sort_key,
-        completed_at: isCompletedTarget
-          ? (sourceTask?.completed_at ??
-            placedTask.completed_at ??
-            optimisticTask.completed_at)
-          : null,
-        closed_at: isClosedTarget
-          ? (sourceTask?.closed_at ??
-            placedTask.closed_at ??
-            optimisticTask.closed_at)
-          : null,
-        source_list_id:
-          sourceTargetList?.id ??
-          placedTask.source_list_id ??
-          task.source_list_id,
-        source_list_name:
-          sourceTargetList?.name ??
-          placedTask.source_list_name ??
-          task.source_list_name,
-        source_list_status:
-          sourceTargetList?.status ??
-          placedTask.source_list_status ??
-          task.source_list_status,
-      } as Task,
-    });
-
-    return {
-      placementTask: placedTask,
-      sourceTask,
-      sourceTargetList,
-    };
-  } catch (error) {
-    if (previousTasks) {
-      queryClient.setQueryData(['tasks', boardId], previousTasks);
-    }
-    if (previousFullTasks) {
-      queryClient.setQueryData(['tasks-full', boardId], previousFullTasks);
-    }
-    throw error;
-  }
-}