@tuturuuu/ui 0.1.0 → 0.3.1

package/src/hooks/use-task-actions.ts

@@ -94,6 +94,24 @@ export function useTaskActions({
     return resolveWorkspaceIdForTask(task);
   }, [resolveWorkspaceIdForTask, task]);
 
+  const getEffectiveTaskIds = useCallback(
+    (taskRecord?: Task) => {
+      if (!taskRecord) return [];
+
+      if (
+        isMultiSelectMode &&
+        selectedTasks &&
+        selectedTasks.size > 1 &&
+        selectedTasks.has(taskRecord.id)
+      ) {
+        return Array.from(selectedTasks);
+      }
+
+      return [taskRecord.id];
+    },
+    [isMultiSelectMode, selectedTasks]
+  );
+
   const getExternalMoveOptions = useCallback((targetList: TaskList) => {
     const options: {
       sourceStatus?: TaskBoardStatus;
@@ -389,13 +407,8 @@ export function useTaskActions({
 
     setIsLoading(true);
 
-    // Check if we're in multi-select mode and have multiple tasks selected
-    const shouldBulkMove =
-      isMultiSelectMode &&
-      selectedTasks &&
-      selectedTasks.size > 1 &&
-      selectedTasks.has(task.id);
-    const tasksToMove = shouldBulkMove ? Array.from(selectedTasks) : [task.id];
+    const tasksToMove = getEffectiveTaskIds(task);
+    const shouldBulkMove = tasksToMove.length > 1;
 
     // Store previous state for rollback
     const previousTasks = queryClient.getQueryData<Task[]>(['tasks', boardId]);
@@ -515,8 +528,7 @@ export function useTaskActions({
     task?.id,
     setIsLoading,
     setMenuOpen,
-    isMultiSelectMode,
-    selectedTasks,
+    getEffectiveTaskIds,
     queryClient,
     boardId,
     task,
@@ -531,13 +543,8 @@ export function useTaskActions({
 
     setIsLoading(true);
 
-    // Check if we're in multi-select mode and have multiple tasks selected
-    const shouldBulkMove =
-      isMultiSelectMode &&
-      selectedTasks &&
-      selectedTasks.size > 1 &&
-      selectedTasks.has(task.id);
-    const tasksToMove = shouldBulkMove ? Array.from(selectedTasks) : [task.id];
+    const tasksToMove = getEffectiveTaskIds(task);
+    const shouldBulkMove = tasksToMove.length > 1;
 
     // Store previous state for rollback
     const previousTasks = queryClient.getQueryData<Task[]>(['tasks', boardId]);
@@ -649,8 +656,7 @@ export function useTaskActions({
     task?.id,
     setIsLoading,
     setMenuOpen,
-    isMultiSelectMode,
-    selectedTasks,
+    getEffectiveTaskIds,
     queryClient,
     boardId,
     task,
@@ -664,15 +670,7 @@ export function useTaskActions({
     if (!task) return;
     setIsLoading(true);
 
-    // Check if we're in multi-select mode and have multiple tasks selected
-    const shouldBulkDelete =
-      isMultiSelectMode &&
-      selectedTasks &&
-      selectedTasks.size > 1 &&
-      selectedTasks.has(task.id);
-    const tasksToDelete = shouldBulkDelete
-      ? Array.from(selectedTasks)
-      : [task.id];
+    const tasksToDelete = getEffectiveTaskIds(task);
 
     const now = new Date().toISOString();
 
@@ -777,8 +775,7 @@ export function useTaskActions({
     task?.id,
     setIsLoading,
     setDeleteDialogOpen,
-    isMultiSelectMode,
-    selectedTasks,
+    getEffectiveTaskIds,
     queryClient,
     boardId,
     task,
@@ -923,15 +920,8 @@ export function useTaskActions({
 
       setIsLoading(true);
 
-      // Check if we're in multi-select mode and have multiple tasks selected
-      const shouldBulkMove =
-        isMultiSelectMode &&
-        selectedTasks &&
-        selectedTasks.size > 1 &&
-        selectedTasks.has(task.id);
-      const tasksToMove = shouldBulkMove
-        ? Array.from(selectedTasks)
-        : [task.id];
+      const tasksToMove = getEffectiveTaskIds(task);
+      const shouldBulkMove = tasksToMove.length > 1;
 
       // Store previous state for rollback
       const previousTasks = queryClient.getQueryData<Task[]>([
@@ -1127,8 +1117,7 @@ export function useTaskActions({
       availableLists,
       setIsLoading,
       setMenuOpen,
-      isMultiSelectMode,
-      selectedTasks,
+      getEffectiveTaskIds,
       queryClient,
       boardId,
       task,
@@ -1150,15 +1139,7 @@ export function useTaskActions({
         newDate = target.toISOString();
       }
 
-      // Check if we're in multi-select mode and have multiple tasks selected
-      const shouldBulkUpdate =
-        isMultiSelectMode &&
-        selectedTasks &&
-        selectedTasks.size > 1 &&
-        selectedTasks.has(task.id);
-      const tasksToUpdate = shouldBulkUpdate
-        ? Array.from(selectedTasks)
-        : [task.id];
+      const tasksToUpdate = getEffectiveTaskIds(task);
 
       setIsLoading(true);
 
@@ -1260,8 +1241,7 @@ export function useTaskActions({
       task?.id,
       setIsLoading,
       getWorkspaceId,
-      isMultiSelectMode,
-      selectedTasks,
+      getEffectiveTaskIds,
       queryClient,
       boardId,
       task,
@@ -1274,26 +1254,7 @@ export function useTaskActions({
       if (!task) return;
       if (newPriority === task.priority && !isMultiSelectMode) return;
 
-      // Check if we're in multi-select mode and have multiple tasks selected
-      const shouldBulkUpdate =
-        isMultiSelectMode &&
-        selectedTasks &&
-        selectedTasks.size > 1 &&
-        selectedTasks.has(task.id);
-      const tasksToUpdate = shouldBulkUpdate
-        ? Array.from(selectedTasks)
-        : [task.id];
-
-      console.log('🎯 handlePriorityChange called:', {
-        taskId: task.id,
-        newPriority,
-        isMultiSelectMode,
-        selectedTasksSize: selectedTasks?.size,
-        selectedTasksArray: Array.from(selectedTasks || []),
-        shouldBulkUpdate,
-        tasksToUpdate,
-        tasksToUpdateCount: tasksToUpdate.length,
-      });
+      const tasksToUpdate = getEffectiveTaskIds(task);
 
       setIsLoading(true);
 
@@ -1318,12 +1279,6 @@ export function useTaskActions({
         const succeededTaskIds: string[] = [];
         const workspaceId = await getWorkspaceId();
 
-        console.log('🔄 Executing sequential API updates:', {
-          tasksToUpdate,
-          count: tasksToUpdate.length,
-          priority: newPriority,
-        });
-
         for (const taskId of tasksToUpdate) {
           try {
             await updateWorkspaceTask(workspaceId, taskId, {
@@ -1338,11 +1293,6 @@ export function useTaskActions({
           }
         }
 
-        console.log('✅ Sequential update result:', {
-          successCount: succeededTaskIds.length,
-          totalTasks: tasksToUpdate.length,
-        });
-
         if (succeededTaskIds.length === 0) {
           throw new Error('Failed to update any tasks');
         }
@@ -1392,7 +1342,7 @@ export function useTaskActions({
 
         // Don't auto-clear selection - let user manually clear with "Clear" button
       } catch (error) {
-        console.error('❌ Failed to update priority:', error);
+        console.error('Failed to update priority:', error);
         // Rollback on error
         if (previousTasks) {
           queryClient.setQueryData(['tasks', boardId], previousTasks);
@@ -1409,12 +1359,12 @@ export function useTaskActions({
       task?.priority,
       setIsLoading,
       getWorkspaceId,
-      isMultiSelectMode,
-      selectedTasks,
+      getEffectiveTaskIds,
       queryClient,
       boardId,
       task,
       broadcast,
+      isMultiSelectMode,
     ]
   );
 
@@ -1423,20 +1373,11 @@ export function useTaskActions({
       if (!task) return;
       if (points === task.estimation_points && !isMultiSelectMode) return;
 
-      // Check if we're in multi-select mode and have multiple tasks selected
-      const shouldBulkUpdate =
-        isMultiSelectMode &&
-        selectedTasks &&
-        selectedTasks.size > 1 &&
-        selectedTasks.has(task.id);
-
       // Get current tasks from cache to filter out ones that already have the target value
       const currentTasks = queryClient.getQueryData<Task[]>(['tasks', boardId]);
 
       // Filter tasks that actually need updating (don't already have the target estimation)
-      const candidateTasks = shouldBulkUpdate
-        ? Array.from(selectedTasks)
-        : [task.id];
+      const candidateTasks = getEffectiveTaskIds(task);
 
       const tasksToUpdate = currentTasks
         ? candidateTasks.filter((taskId) => {
@@ -1556,7 +1497,7 @@ export function useTaskActions({
       setEstimationSaving,
       getWorkspaceId,
       isMultiSelectMode,
-      selectedTasks,
+      getEffectiveTaskIds,
       queryClient,
       boardId,
       task,
@@ -1587,12 +1528,7 @@ export function useTaskActions({
       setIsLoading(true);
       setCustomDateDialogOpen?.(false); // Close dialog immediately when date is selected
 
-      // Check if we're in multi-select mode with multiple tasks selected
-      const shouldBulkUpdate =
-        isMultiSelectMode &&
-        selectedTasks &&
-        selectedTasks.size > 1 &&
-        selectedTasks.has(task.id);
+      const shouldBulkUpdate = getEffectiveTaskIds(task).length > 1;
 
       if (shouldBulkUpdate && bulkUpdateCustomDueDate) {
         // Use the centralized bulk update function from useBulkOperations
@@ -1655,8 +1591,7 @@ export function useTaskActions({
       getWorkspaceId,
       setIsLoading,
       setCustomDateDialogOpen,
-      isMultiSelectMode,
-      selectedTasks,
+      getEffectiveTaskIds,
       bulkUpdateCustomDueDate,
       task,
       queryClient,
@@ -1676,16 +1611,8 @@ export function useTaskActions({
           task)
         : task;
 
-      // Check if we're in multi-select mode with multiple tasks selected
-      const shouldBulkUpdate =
-        isMultiSelectMode &&
-        selectedTasks &&
-        selectedTasks.size > 1 &&
-        selectedTasks.has(currentTask.id);
-
-      const tasksToUpdate = shouldBulkUpdate
-        ? Array.from(selectedTasks)
-        : [currentTask.id];
+      const tasksToUpdate = getEffectiveTaskIds(currentTask);
+      const shouldBulkUpdate = tasksToUpdate.length > 1;
 
       setIsLoading(true);
 
@@ -1703,7 +1630,7 @@ export function useTaskActions({
 
       if (shouldBulkUpdate && previousTasks) {
         const selectedTasksData = previousTasks.filter((t) =>
-          selectedTasks?.has(t.id)
+          tasksToUpdate.includes(t.id)
         );
         // Only mark as active (to remove) if ALL selected tasks have the assignee
         active = selectedTasksData.every((t) =>
@@ -1891,8 +1818,7 @@ export function useTaskActions({
       boardId,
       queryClient,
       setIsLoading,
-      isMultiSelectMode,
-      selectedTasks,
+      getEffectiveTaskIds,
       broadcast,
       getWorkspaceId,
     ]

package/src/hooks/use-user-config.ts

@@ -89,7 +89,7 @@ export function useUserBooleanConfig(
   );
   const updateConfig = useUpdateUserConfig();
 
-  const value = rawValue === 'true';
+  const value = rawValue === undefined ? defaultValue : rawValue === 'true';
 
   const setValue = (newValue: boolean) => {
     updateConfig.mutate({ configId, value: newValue ? 'true' : 'false' });

package/src/hooks/use-workspace-config.ts

@@ -28,7 +28,10 @@ export const useWorkspaceConfig = <T>(
   });
 };
 
-export const useWorkspaceConfigs = (wsId: string, configIds: string[]) => {
+export const useWorkspaceConfigs = (
+  wsId: string,
+  configIds: readonly string[]
+) => {
   return useQuery({
     queryKey: ['workspace-configs', wsId, configIds],
     queryFn: async () => {
@@ -43,7 +46,8 @@ export const useWorkspaceConfigs = (wsId: string, configIds: string[]) => {
       return data ?? {};
     },
     enabled: !!wsId && configIds.length > 0,
-    staleTime: 30_000,
+    staleTime: 5 * 60_000,
     placeholderData: (previousData) => previousData,
+    refetchOnWindowFocus: false,
   });
 };

package/src/hooks/use-workspace-presence.ts

@@ -1,6 +1,6 @@
 'use client';
 
-import { getCurrentUserProfile } from '@tuturuuu/internal-api';
+import { getCurrentUserProfile } from '@tuturuuu/internal-api/users';
 import { createClient } from '@tuturuuu/supabase/next/client';
 import type { RealtimePresenceState } from '@tuturuuu/supabase/next/realtime';
 import type { User } from '@tuturuuu/types/primitives/User';

package/src/components/ui/tu-do/boards/boardId/kanban/bulk/bulk-actions-bar.tsx

@@ -1,94 +0,0 @@
-'use client';
-
-import { ArrowRightLeft, Check, MoreHorizontal } from '@tuturuuu/icons';
-import { Badge } from '@tuturuuu/ui/badge';
-import { Button } from '@tuturuuu/ui/button';
-import { DropdownMenu, DropdownMenuTrigger } from '@tuturuuu/ui/dropdown-menu';
-import { useTranslations } from 'next-intl';
-import { BulkActionsMenu } from './bulk-actions-menu';
-
-interface BulkActionsBarProps {
-  selectedCount: number;
-  isMultiSelectMode: boolean;
-  bulkWorking: boolean;
-  modKey: string;
-  onClearSelection: () => void;
-  onOpenBoardSelector: () => void;
-  menuProps: React.ComponentProps<typeof BulkActionsMenu>;
-}
-
-export function BulkActionsBar({
-  selectedCount,
-  isMultiSelectMode,
-  bulkWorking,
-  modKey,
-  onClearSelection,
-  onOpenBoardSelector,
-  menuProps,
-}: BulkActionsBarProps) {
-  const t = useTranslations();
-  const tc = useTranslations('common');
-
-  if (!isMultiSelectMode) return null;
-
-  return (
-    <div className="flex flex-wrap items-center justify-between gap-3 border-b bg-linear-to-r from-primary/5 via-primary/3 to-transparent px-4 py-3 shadow-sm">
-      <div className="flex flex-wrap items-center gap-3 text-xs md:text-sm">
-        <div className="flex items-center gap-2 rounded-full bg-primary/10 px-3 py-1 ring-1 ring-primary/20">
-          <Check className="h-3.5 w-3.5 text-primary" />
-          <span className="font-semibold text-primary">
-            {selectedCount}{' '}
-            {selectedCount === 1 ? tc('task') : tc('tasks_plural')}
-          </span>
-        </div>
-        <span className="hidden text-muted-foreground text-xs sm:inline">
-          {tc('selection_instruction', { modKey })}
-        </span>
-        {bulkWorking && (
-          <Badge
-            variant="outline"
-            className="animate-pulse border-dynamic-blue/40 text-[10px]"
-          >
-            {t('common.working')}
-          </Badge>
-        )}
-      </div>
-      <div className="flex flex-wrap items-center gap-2">
-        <DropdownMenu>
-          <DropdownMenuTrigger asChild>
-            <Button
-              variant="outline"
-              size="sm"
-              className="h-6 px-2 text-xs"
-              disabled={bulkWorking}
-            >
-              <MoreHorizontal className="mr-1 h-3 w-3" />{' '}
-              {t('common.bulk_actions')}
-            </Button>
-          </DropdownMenuTrigger>
-          <BulkActionsMenu {...menuProps} />
-        </DropdownMenu>
-
-        <Button
-          variant="outline"
-          size="sm"
-          onClick={onOpenBoardSelector}
-          className="h-6 px-2 text-xs"
-          disabled={selectedCount === 0 || bulkWorking}
-        >
-          <ArrowRightLeft className="mr-1 h-3 w-3" />
-          {t('common.move')}
-        </Button>
-        <Button
-          variant="ghost"
-          size="sm"
-          onClick={onClearSelection}
-          className="h-6 px-2 text-xs"
-          disabled={bulkWorking}
-        >
-          {t('common.clear')}
-        </Button>
-      </div>
-    </div>
-  );
-}