@tuturuuu/ui 0.16.0 → 0.18.0

package/src/components/ui/tu-do/templates/templateId/task-template-detail-page.tsx

@@ -1,89 +0,0 @@
-import { withForwardedInternalApiAuth } from '@tuturuuu/internal-api';
-import {
-  getWorkspaceTemplate,
-  getWorkspaceTemplateBackgroundUrl,
-  type InternalApiWorkspaceTemplate,
-} from '@tuturuuu/internal-api/templates';
-import TaskTemplateDetailPageClient from '@tuturuuu/ui/tu-do/templates/templateId/task-template-detail-page-client';
-import { getCurrentUser } from '@tuturuuu/utils/user-helper';
-import { getPermissions, getWorkspace } from '@tuturuuu/utils/workspace-helper';
-import { headers } from 'next/headers';
-import { notFound, redirect } from 'next/navigation';
-import { validate } from 'uuid';
-
-interface Props {
-  params: Promise<{
-    wsId: string;
-    templateId: string;
-  }>;
-  config?: {
-    templatesBasePath?: string;
-  };
-}
-
-/**
- * Shared Task Template Detail Page component.
- * Handles workspace resolution, permissions, and data fetching.
- * Used by both apps/web and apps/tasks.
- */
-export default async function TaskTemplateDetailPage({
-  params,
-  config = {},
-}: Props) {
-  const { templatesBasePath = 'templates' } = config;
-  const { wsId: id, templateId } = await params;
-
-  if (!validate(templateId)) {
-    notFound();
-  }
-
-  const user = await getCurrentUser();
-  if (!user) redirect('/login');
-
-  const workspace = await getWorkspace(id);
-  if (!workspace) notFound();
-
-  const wsId = workspace.id;
-
-  const permissions = await getPermissions({ wsId });
-  if (!permissions) notFound();
-  const { withoutPermission } = permissions;
-  if (withoutPermission('manage_projects')) redirect(`/${wsId}`);
-
-  const requestHeaders = await headers();
-  const internalApiOptions = withForwardedInternalApiAuth(requestHeaders);
-
-  let initialTemplate: InternalApiWorkspaceTemplate;
-  try {
-    initialTemplate = await getWorkspaceTemplate(
-      wsId,
-      templateId,
-      internalApiOptions
-    );
-  } catch {
-    notFound();
-  }
-
-  let initialBackgroundUrl: string | null = null;
-  if (initialTemplate.backgroundPath) {
-    try {
-      initialBackgroundUrl = await getWorkspaceTemplateBackgroundUrl(
-        wsId,
-        templateId,
-        internalApiOptions
-      );
-    } catch {
-      initialBackgroundUrl = null;
-    }
-  }
-
-  return (
-    <TaskTemplateDetailPageClient
-      wsId={wsId}
-      templateId={templateId}
-      templatesBasePath={templatesBasePath}
-      initialTemplate={initialTemplate}
-      initialBackgroundUrl={initialBackgroundUrl}
-    />
-  );
-}

package/src/components/ui/tu-do/templates/templateId/use-template-dialog.tsx

@@ -1,165 +0,0 @@
-'use client';
-
-import { KanbanSquare, ListTodo, Loader2, Plus, Tags } from '@tuturuuu/icons';
-import { Button } from '@tuturuuu/ui/button';
-import {
-  Dialog,
-  DialogContent,
-  DialogDescription,
-  DialogFooter,
-  DialogHeader,
-  DialogTitle,
-} from '@tuturuuu/ui/dialog';
-import { Input } from '@tuturuuu/ui/input';
-import { Label } from '@tuturuuu/ui/label';
-import { toast } from '@tuturuuu/ui/sonner';
-import { useTasksHref } from '@tuturuuu/ui/tu-do/tasks-route-context';
-import { useRouter } from 'next/navigation';
-import { useTranslations } from 'next-intl';
-import { useId, useState } from 'react';
-
-interface UseTemplateDialogProps {
-  wsId: string;
-  templateId: string;
-  templateName: string;
-  templateStats: {
-    lists: number;
-    tasks: number;
-    labels: number;
-  };
-  open: boolean;
-  onOpenChange: (open: boolean) => void;
-}
-
-export function UseTemplateDialog({
-  wsId,
-  templateId,
-  templateName,
-  templateStats,
-  open,
-  onOpenChange,
-}: UseTemplateDialogProps) {
-  const t = useTranslations('ws-board-templates');
-  const router = useRouter();
-  const tasksHref = useTasksHref();
-
-  const [isUsing, setIsUsing] = useState(false);
-  const [newBoardName, setNewBoardName] = useState(`${templateName} Copy`);
-
-  const boardNameId = useId();
-
-  const handleUseTemplate = async () => {
-    if (isUsing) return;
-
-    if (!newBoardName.trim()) {
-      toast.error(t('detail.board_name_required'));
-      return;
-    }
-
-    setIsUsing(true);
-    try {
-      const response = await fetch(
-        `/api/v1/workspaces/${wsId}/templates/${templateId}/use`,
-        {
-          method: 'POST',
-          headers: { 'Content-Type': 'application/json' },
-          body: JSON.stringify({
-            boardName: newBoardName.trim(),
-          }),
-        }
-      );
-
-      const data = await response.json();
-
-      if (!response.ok) {
-        throw new Error(data.error || 'Failed to create board from template');
-      }
-
-      toast.success(t('detail.use_success'), {
-        description: t('detail.use_success_description', {
-          lists: data.stats.listsCreated,
-          tasks: data.stats.tasksCreated,
-        }),
-      });
-
-      onOpenChange(false);
-      router.push(`/${wsId}${tasksHref(`/boards/${data.board.id}`)}`);
-    } catch (error) {
-      console.error('Error using template:', error);
-      toast.error(
-        error instanceof Error ? error.message : t('detail.use_error')
-      );
-    } finally {
-      setIsUsing(false);
-    }
-  };
-
-  return (
-    <Dialog open={open} onOpenChange={onOpenChange}>
-      <DialogContent className="sm:max-w-md">
-        <DialogHeader>
-          <DialogTitle className="flex items-center gap-2">
-            <Plus className="h-5 w-5" />
-            {t('detail.use_dialog_title')}
-          </DialogTitle>
-          <DialogDescription>
-            {t('detail.use_dialog_description', { name: templateName })}
-          </DialogDescription>
-        </DialogHeader>
-        <div className="space-y-4">
-          <div className="space-y-2">
-            <Label htmlFor={boardNameId}>{t('detail.board_name_label')}</Label>
-            <Input
-              id={boardNameId}
-              value={newBoardName}
-              onChange={(e) => setNewBoardName(e.target.value)}
-              placeholder={t('detail.board_name_placeholder')}
-              maxLength={255}
-              onKeyDown={(e) => {
-                if (e.key === 'Enter') {
-                  e.preventDefault();
-                  handleUseTemplate();
-                }
-              }}
-            />
-          </div>
-          <div className="rounded-md bg-muted p-3 text-sm">
-            <p className="mb-2 font-medium">{t('detail.will_create_label')}</p>
-            <ul className="space-y-1 text-muted-foreground text-xs">
-              <li className="flex items-center gap-2">
-                <KanbanSquare className="h-3.5 w-3.5" />
-                {templateStats.lists} {t('gallery.lists')}
-              </li>
-              <li className="flex items-center gap-2">
-                <ListTodo className="h-3.5 w-3.5" />
-                {templateStats.tasks} {t('gallery.tasks')}
-              </li>
-              {templateStats.labels > 0 && (
-                <li className="flex items-center gap-2">
-                  <Tags className="h-3.5 w-3.5" />
-                  {templateStats.labels} {t('gallery.labels')}
-                </li>
-              )}
-            </ul>
-          </div>
-        </div>
-        <DialogFooter>
-          <Button
-            variant="outline"
-            onClick={() => onOpenChange(false)}
-            disabled={isUsing}
-          >
-            {t('common.cancel')}
-          </Button>
-          <Button
-            onClick={handleUseTemplate}
-            disabled={isUsing || !newBoardName.trim()}
-          >
-            {isUsing && <Loader2 className="mr-2 h-4 w-4 animate-spin" />}
-            {t('detail.create_board')}
-          </Button>
-        </DialogFooter>
-      </DialogContent>
-    </Dialog>
-  );
-}

package/src/components/ui/tu-do/templates/types.ts

@@ -1,53 +0,0 @@
-export interface BoardTemplate {
-  id: string;
-  wsId: string;
-  createdBy: string | null;
-  sourceBoardId: string | null;
-  name: string;
-  description: string | null;
-  visibility: 'private' | 'workspace' | 'public';
-  backgroundPath?: string | null;
-  backgroundUrl?: string | null;
-  createdAt: string;
-  updatedAt: string;
-  isOwner: boolean;
-  stats: {
-    lists: number;
-    tasks: number;
-    labels: number;
-  };
-}
-
-export interface BoardTemplateWithContent extends BoardTemplate {
-  content: TemplateContent;
-}
-
-export interface TemplateTask {
-  name: string;
-  description: string | null;
-  priority: 'low' | 'normal' | 'high' | 'critical' | null;
-  completed: boolean;
-  start_date?: string | null;
-  end_date?: string | null;
-}
-
-export interface TemplateList {
-  name: string;
-  status: string;
-  color: string | null;
-  position: number | null;
-  archived: boolean;
-  tasks: TemplateTask[];
-}
-
-export interface TemplateContent {
-  lists: TemplateList[];
-  labels: Array<{ name: string; color: string }>;
-  settings: {
-    estimation_type?: string | null;
-    allow_zero_estimates?: boolean | null;
-    extended_estimation?: boolean | null;
-  };
-}
-
-export type TemplateFilter = 'private' | 'workspace' | 'public';

package/src/components/ui/tu-do/utils/__tests__/label-colors.test.ts

@@ -1,43 +0,0 @@
-import { describe, expect, it } from 'vitest';
-import {
-  getRandomLabelColor,
-  getRandomLabelColorFromPalette,
-  LABEL_COLOR_PRESETS,
-} from '../label-colors';
-
-describe('label color utilities', () => {
-  it('defines valid hex label presets', () => {
-    expect(LABEL_COLOR_PRESETS.length).toBeGreaterThan(1);
-
-    for (const color of LABEL_COLOR_PRESETS) {
-      expect(color).toMatch(/^#[0-9a-fA-F]{6}$/);
-    }
-  });
-
-  it('chooses a color from the preset palette', () => {
-    const color = getRandomLabelColor(undefined, () => 0.4);
-
-    expect(LABEL_COLOR_PRESETS).toContain(color);
-  });
-
-  it('avoids the previous color when another preset is available', () => {
-    const previousColor = LABEL_COLOR_PRESETS[0];
-    const color = getRandomLabelColor(previousColor, () => 0);
-
-    expect(color).not.toBe(previousColor);
-    expect(LABEL_COLOR_PRESETS).toContain(color);
-  });
-
-  it('compares previous colors case-insensitively', () => {
-    const previousColor = LABEL_COLOR_PRESETS[0]?.toLowerCase();
-    const color = getRandomLabelColor(previousColor, () => 0);
-
-    expect(color).not.toBe(LABEL_COLOR_PRESETS[0]);
-  });
-
-  it('falls back when a custom palette is empty', () => {
-    expect(getRandomLabelColorFromPalette([], undefined, () => 0)).toBe(
-      '#3B82F6'
-    );
-  });
-});

package/src/components/ui/tu-do/utils/__tests__/taskColorUtils.test.ts

@@ -1,267 +0,0 @@
-import type { SupportedColor } from '@tuturuuu/types/primitives/SupportedColors';
-import { describe, expect, it } from 'vitest';
-import {
-  getAssigneeInitials,
-  getCardColorClasses,
-  getListColorClasses,
-  getListTextColorClass,
-  getPriorityBorderColor,
-  getTicketBadgeColorClasses,
-} from '../taskColorUtils';
-
-describe('taskColorUtils', () => {
-  describe('getListColorClasses', () => {
-    const supportedColors: SupportedColor[] = [
-      'GRAY',
-      'RED',
-      'BLUE',
-      'GREEN',
-      'YELLOW',
-      'ORANGE',
-      'PURPLE',
-      'PINK',
-      'INDIGO',
-      'CYAN',
-    ];
-
-    it.each(supportedColors)('should return classes for %s color', (color) => {
-      const result = getListColorClasses(color);
-      expect(result).toContain('border-dynamic-');
-      expect(result).toContain('bg-dynamic-');
-    });
-
-    it('should return GRAY classes for unknown colors', () => {
-      const result = getListColorClasses('UNKNOWN' as SupportedColor);
-      expect(result).toContain('border-dynamic-gray');
-      expect(result).toContain('bg-dynamic-gray');
-    });
-  });
-
-  describe('getPriorityBorderColor', () => {
-    it('should return red border for critical priority', () => {
-      const result = getPriorityBorderColor('critical');
-      expect(result).toContain('border-dynamic-red');
-      expect(result).toContain('shadow');
-    });
-
-    it('should return orange border for high priority', () => {
-      const result = getPriorityBorderColor('high');
-      expect(result).toContain('border-dynamic-orange');
-    });
-
-    it('should return yellow border for normal priority', () => {
-      const result = getPriorityBorderColor('normal');
-      expect(result).toContain('border-dynamic-yellow');
-    });
-
-    it('should return blue border for low priority', () => {
-      const result = getPriorityBorderColor('low');
-      expect(result).toContain('border-dynamic-blue');
-    });
-
-    it('should return empty string for null priority', () => {
-      const result = getPriorityBorderColor(null);
-      expect(result).toBe('');
-    });
-
-    it('should return empty string for undefined priority', () => {
-      const result = getPriorityBorderColor(undefined);
-      expect(result).toBe('');
-    });
-  });
-
-  describe('getCardColorClasses', () => {
-    it('should use task list color when available', () => {
-      const taskList = {
-        id: '1',
-        name: 'Test',
-        color: 'RED' as SupportedColor,
-      };
-      const result = getCardColorClasses(taskList as any, 'critical');
-      expect(result).toContain('border-dynamic-red');
-    });
-
-    it('should use priority when task list has no color', () => {
-      const taskList = { id: '1', name: 'Test', color: null };
-      const result = getCardColorClasses(taskList as any, 'critical');
-      expect(result).toContain('border-dynamic-red');
-    });
-
-    it('should use priority when task list is undefined', () => {
-      const result = getCardColorClasses(undefined, 'high');
-      expect(result).toContain('border-dynamic-orange');
-    });
-
-    it('should return default gray when neither list color nor priority provided', () => {
-      const result = getCardColorClasses(undefined, undefined);
-      expect(result).toBe('border-l-dynamic-gray/30');
-    });
-
-    it('should return default gray when both are null', () => {
-      const taskList = { id: '1', name: 'Test', color: null };
-      const result = getCardColorClasses(taskList as any, null);
-      expect(result).toBe('border-l-dynamic-gray/30');
-    });
-  });
-
-  describe('getTicketBadgeColorClasses', () => {
-    it('should return GRAY badge classes by default', () => {
-      const result = getTicketBadgeColorClasses();
-      expect(result).toContain('border-dynamic-gray');
-      expect(result).toContain('bg-dynamic-gray');
-      expect(result).toContain('text-foreground');
-    });
-
-    it('should use task list color when available', () => {
-      const taskList = {
-        id: '1',
-        name: 'Test',
-        color: 'BLUE' as SupportedColor,
-      };
-      const result = getTicketBadgeColorClasses(taskList as any);
-      expect(result).toContain('border-dynamic-blue');
-      expect(result).toContain('bg-dynamic-blue');
-      expect(result).toContain('text-dynamic-blue');
-    });
-
-    it('should use priority when task list is undefined', () => {
-      const result = getTicketBadgeColorClasses(undefined, 'critical');
-      expect(result).toContain('border-dynamic-red');
-      expect(result).toContain('bg-dynamic-red');
-      expect(result).toContain('text-dynamic-red');
-    });
-
-    it('should prefer task list color over priority', () => {
-      const taskList = {
-        id: '1',
-        name: 'Test',
-        color: 'GREEN' as SupportedColor,
-      };
-      const result = getTicketBadgeColorClasses(taskList as any, 'critical');
-      expect(result).toContain('border-dynamic-green');
-      expect(result).not.toContain('border-dynamic-red');
-    });
-
-    it('should return correct classes for each priority', () => {
-      expect(getTicketBadgeColorClasses(undefined, 'critical')).toContain(
-        'text-dynamic-red'
-      );
-      expect(getTicketBadgeColorClasses(undefined, 'high')).toContain(
-        'text-dynamic-orange'
-      );
-      expect(getTicketBadgeColorClasses(undefined, 'normal')).toContain(
-        'text-dynamic-yellow'
-      );
-      expect(getTicketBadgeColorClasses(undefined, 'low')).toContain(
-        'text-dynamic-blue'
-      );
-    });
-
-    it('should return GRAY classes for unknown color', () => {
-      const taskList = {
-        id: '1',
-        name: 'Test',
-        color: 'UNKNOWN' as SupportedColor,
-      };
-      const result = getTicketBadgeColorClasses(taskList as any);
-      expect(result).toContain('border-dynamic-gray');
-    });
-  });
-
-  describe('getListTextColorClass', () => {
-    it('should return muted-foreground for null color', () => {
-      expect(getListTextColorClass(null)).toBe('text-muted-foreground');
-    });
-
-    it('should return muted-foreground for undefined color', () => {
-      expect(getListTextColorClass(undefined)).toBe('text-muted-foreground');
-    });
-
-    it('should return correct text class for each color', () => {
-      const colorMap: Record<SupportedColor, string> = {
-        GRAY: 'text-dynamic-gray',
-        RED: 'text-dynamic-red',
-        BLUE: 'text-dynamic-blue',
-        GREEN: 'text-dynamic-green',
-        YELLOW: 'text-dynamic-yellow',
-        ORANGE: 'text-dynamic-orange',
-        PURPLE: 'text-dynamic-purple',
-        PINK: 'text-dynamic-pink',
-        INDIGO: 'text-dynamic-indigo',
-        CYAN: 'text-dynamic-cyan',
-      };
-
-      for (const [color, expectedClass] of Object.entries(colorMap)) {
-        expect(getListTextColorClass(color as SupportedColor)).toBe(
-          expectedClass
-        );
-      }
-    });
-
-    it('should return muted-foreground for unknown color', () => {
-      expect(getListTextColorClass('UNKNOWN' as SupportedColor)).toBe(
-        'text-muted-foreground'
-      );
-    });
-  });
-
-  describe('getAssigneeInitials', () => {
-    describe('with name', () => {
-      it('should return first two characters for single word name', () => {
-        expect(getAssigneeInitials('John')).toBe('JO');
-      });
-
-      it('should return first letters of first and last name', () => {
-        expect(getAssigneeInitials('John Doe')).toBe('JD');
-      });
-
-      it('should handle three-part names', () => {
-        expect(getAssigneeInitials('John Michael Doe')).toBe('JD');
-      });
-
-      it('should handle extra whitespace', () => {
-        expect(getAssigneeInitials('  John   Doe  ')).toBe('JD');
-      });
-
-      it('should handle single character name', () => {
-        expect(getAssigneeInitials('J')).toBe('J');
-      });
-
-      it('should handle empty name with email fallback', () => {
-        expect(getAssigneeInitials('', 'john@example.com')).toBe('JO');
-      });
-    });
-
-    describe('with email', () => {
-      it('should return first two characters of email', () => {
-        expect(getAssigneeInitials(null, 'john@example.com')).toBe('JO');
-      });
-
-      it('should use email when name is null', () => {
-        expect(getAssigneeInitials(null, 'test@test.com')).toBe('TE');
-      });
-
-      it('should uppercase email initials', () => {
-        expect(getAssigneeInitials(null, 'ab@test.com')).toBe('AB');
-      });
-    });
-
-    describe('edge cases', () => {
-      it('should return ?? for null name and null email', () => {
-        expect(getAssigneeInitials(null, null)).toBe('??');
-      });
-
-      it('should return ?? for undefined values', () => {
-        expect(getAssigneeInitials(undefined, undefined)).toBe('??');
-      });
-
-      it('should return ?? for empty strings', () => {
-        expect(getAssigneeInitials('', '')).toBe('??');
-      });
-
-      it('should handle whitespace-only name', () => {
-        expect(getAssigneeInitials('   ', 'fallback@test.com')).toBe('FA');
-      });
-    });
-  });
-});