@tuturuuu/ui 0.17.0 → 0.18.0

package/src/components/ui/tu-do/notes/notes-content.tsx

@@ -1,178 +0,0 @@
-'use client';
-
-import { useMutation, useQueryClient } from '@tanstack/react-query';
-import type { JSONContent } from '@tiptap/react';
-import { Plus } from '@tuturuuu/icons';
-import { Button } from '@tuturuuu/ui/button';
-import { toast } from '@tuturuuu/ui/sonner';
-import { useTranslations } from 'next-intl';
-import { useState } from 'react';
-import { NoteEditDialog } from './note-edit-dialog';
-import NoteList from './note-list';
-
-// Helper to convert plain text to TipTap JSONContent
-const textToJSONContent = (text: string): JSONContent => ({
-  type: 'doc',
-  content: [
-    {
-      type: 'paragraph',
-      content: [
-        {
-          type: 'text',
-          text,
-        },
-      ],
-    },
-  ],
-});
-
-interface NotesContentProps {
-  wsId: string;
-}
-
-export default function NotesContent({ wsId }: NotesContentProps) {
-  const t = useTranslations('dashboard.bucket_dump');
-  const queryClient = useQueryClient();
-
-  const [isCreatingNote, setIsCreatingNote] = useState(false);
-  const [isEditDialogOpen, setIsEditDialogOpen] = useState(false);
-  const [editTitle, setEditTitle] = useState('');
-  const [editContent, setEditContent] = useState<JSONContent | null>(null);
-  const [createdNoteId, setCreatedNoteId] = useState<string | null>(null);
-
-  // Create note mutation with null title
-  const createNoteMutation = useMutation({
-    mutationFn: async () => {
-      const emptyContent = textToJSONContent('');
-      const response = await fetch(`/api/v1/workspaces/${wsId}/notes`, {
-        method: 'POST',
-        headers: { 'Content-Type': 'application/json' },
-        body: JSON.stringify({
-          title: null, // Create with null title as per requirements
-          content: emptyContent,
-        }),
-      });
-      if (!response.ok) throw new Error(t('errors.create_note'));
-      return response.json();
-    },
-    onSuccess: (data) => {
-      toast.success(t('success.note_created'));
-      queryClient.invalidateQueries({ queryKey: ['workspace', wsId, 'notes'] });
-
-      // Open the edit dialog with the newly created note
-      setCreatedNoteId(data.id);
-      setEditTitle('');
-      setEditContent(textToJSONContent(''));
-      setIsEditDialogOpen(true);
-      setIsCreatingNote(false);
-    },
-    onError: () => {
-      toast.error(t('errors.create_note'));
-      setIsCreatingNote(false);
-    },
-  });
-
-  // Update note mutation for auto-save in dialog
-  const updateNoteMutation = useMutation({
-    mutationFn: async ({
-      noteId,
-      title,
-      content,
-    }: {
-      noteId: string;
-      title?: string;
-      content?: JSONContent;
-    }) => {
-      const response = await fetch(
-        `/api/v1/workspaces/${wsId}/notes/${noteId}`,
-        {
-          method: 'PUT',
-          headers: {
-            'Content-Type': 'application/json',
-          },
-          body: JSON.stringify({ title, content }),
-        }
-      );
-
-      if (!response.ok) {
-        throw new Error(t('errors.update_note'));
-      }
-
-      return response.json();
-    },
-    onError: (error: Error) => {
-      toast.error(error.message || t('errors.update_note'));
-    },
-  });
-
-  const handleCreateNewNote = async () => {
-    setIsCreatingNote(true);
-    createNoteMutation.mutate();
-  };
-
-  const handleTitleChange = (newTitle: string) => {
-    setEditTitle(newTitle);
-    if (createdNoteId && newTitle) {
-      updateNoteMutation.mutate({
-        noteId: createdNoteId,
-        title: newTitle,
-      });
-    }
-  };
-
-  const handleContentChange = (newContent: JSONContent | null) => {
-    setEditContent(newContent);
-    if (createdNoteId && newContent) {
-      updateNoteMutation.mutate({
-        noteId: createdNoteId,
-        content: newContent,
-      });
-    }
-  };
-
-  return (
-    <div className="flex h-full flex-col">
-      {/* Header with New Note button */}
-      <div className="flex items-center justify-between border-b px-6 py-4">
-        <div>
-          <h1 className="font-bold text-2xl">{t('notes_heading')}</h1>
-          <p className="text-muted-foreground text-sm">{t('description')}</p>
-        </div>
-        <Button
-          onClick={handleCreateNewNote}
-          disabled={isCreatingNote}
-          size="sm"
-        >
-          <Plus className="mr-2 h-4 w-4" />
-          {t('create_note_button')}
-        </Button>
-      </div>
-
-      {/* Notes List */}
-      <div className="flex-1 overflow-y-auto px-6 py-4">
-        <NoteList wsId={wsId} />
-      </div>
-
-      {/* Edit Dialog for newly created note */}
-      <NoteEditDialog
-        isOpen={isEditDialogOpen}
-        onOpenChange={(open) => {
-          if (!open) {
-            setIsEditDialogOpen(false);
-            setCreatedNoteId(null);
-            setEditTitle('');
-            setEditContent(null);
-            // Refresh the notes list when dialog closes
-            queryClient.invalidateQueries({
-              queryKey: ['workspace', wsId, 'notes'],
-            });
-          }
-        }}
-        title={editTitle}
-        onTitleChange={handleTitleChange}
-        content={editContent}
-        onContentChange={handleContentChange}
-      />
-    </div>
-  );
-}

package/src/components/ui/tu-do/notes/notes-page.tsx

@@ -1,27 +0,0 @@
-import NotesContent from '@tuturuuu/ui/tu-do/notes/notes-content';
-import { getCurrentUser } from '@tuturuuu/utils/user-helper';
-import { getWorkspace } from '@tuturuuu/utils/workspace-helper';
-import { notFound, redirect } from 'next/navigation';
-
-interface Props {
-  params: Promise<{
-    wsId: string;
-  }>;
-}
-
-/**
- * Shared Notes Page component.
- * Handles workspace resolution and user authentication.
- * Used by both apps/web and apps/tasks.
- */
-export default async function NotesPage({ params }: Props) {
-  const { wsId: id } = await params;
-
-  const user = await getCurrentUser();
-  if (!user) redirect('/login');
-
-  const workspace = await getWorkspace(id);
-  if (!workspace) notFound();
-
-  return <NotesContent wsId={workspace.id} />;
-}

package/src/components/ui/tu-do/progress/task-progress-import-panel.tsx

@@ -1,60 +0,0 @@
-import type { UseMutationResult } from '@tanstack/react-query';
-import { BarChart3, Upload } from '@tuturuuu/icons';
-import { Button } from '@tuturuuu/ui/button';
-import { Card, CardContent, CardHeader, CardTitle } from '@tuturuuu/ui/card';
-import { Textarea } from '@tuturuuu/ui/textarea';
-import type { useTranslations } from 'next-intl';
-
-type Translate = ReturnType<typeof useTranslations>;
-
-export function ImportPanel({
-  importMutation,
-  importPreviewCount,
-  importText,
-  setImportText,
-  t,
-}: {
-  importMutation: UseMutationResult<any, unknown, boolean>;
-  importPreviewCount: number;
-  importText: string;
-  setImportText: (value: string) => void;
-  t: Translate;
-}) {
-  return (
-    <Card>
-      <CardHeader>
-        <CardTitle>{t('import.title')}</CardTitle>
-      </CardHeader>
-      <CardContent className="space-y-4">
-        <Textarea
-          className="min-h-56 font-mono text-sm"
-          onChange={(event) => setImportText(event.target.value)}
-          placeholder={t('import.placeholder')}
-          value={importText}
-        />
-        <div className="flex flex-wrap items-center justify-between gap-3">
-          <div className="text-muted-foreground text-sm">
-            {t('import.preview_count', { count: importPreviewCount })}
-          </div>
-          <div className="flex gap-2">
-            <Button
-              disabled={!importText.trim() || importMutation.isPending}
-              onClick={() => importMutation.mutate(false)}
-              variant="outline"
-            >
-              <BarChart3 className="mr-2 h-4 w-4" />
-              {t('actions.preview')}
-            </Button>
-            <Button
-              disabled={!importText.trim() || importMutation.isPending}
-              onClick={() => importMutation.mutate(true)}
-            >
-              <Upload className="mr-2 h-4 w-4" />
-              {t('actions.commit_import')}
-            </Button>
-          </div>
-        </div>
-      </CardContent>
-    </Card>
-  );
-}

package/src/components/ui/tu-do/progress/task-progress-leaderboards-panel.tsx

@@ -1,156 +0,0 @@
-import type { UseMutationResult } from '@tanstack/react-query';
-import { Trophy } from '@tuturuuu/icons';
-import type { TaskProgressMetric } from '@tuturuuu/internal-api';
-import { Badge } from '@tuturuuu/ui/badge';
-import { Button } from '@tuturuuu/ui/button';
-import { Card, CardContent, CardHeader, CardTitle } from '@tuturuuu/ui/card';
-import { Input } from '@tuturuuu/ui/input';
-import type { useTranslations } from 'next-intl';
-
-type Translate = ReturnType<typeof useTranslations>;
-const today = () => new Date().toISOString().slice(0, 10);
-
-function MetricSelect({
-  metrics,
-  selectedMetric,
-}: {
-  metrics: TaskProgressMetric[];
-  selectedMetric: TaskProgressMetric | null;
-}) {
-  return (
-    <select
-      className="h-11 w-full rounded-xl border bg-background px-3 text-sm shadow-sm outline-none focus:border-dynamic-blue focus:ring-2 focus:ring-dynamic-blue/15"
-      defaultValue={selectedMetric?.id}
-      name="metric_id"
-      required
-    >
-      {metrics.map((metric) => (
-        <option key={metric.id} value={metric.id}>
-          {metric.name}
-        </option>
-      ))}
-    </select>
-  );
-}
-
-export function LeaderboardsPanel(props: {
-  createLeaderboardMutation: UseMutationResult<any, unknown, FormData>;
-  createTeamMutation: UseMutationResult<
-    any,
-    unknown,
-    { formData: FormData; leaderboardId: string }
-  >;
-  leaderboards: any[];
-  metrics: TaskProgressMetric[];
-  selectedMetric: TaskProgressMetric | null;
-  t: Translate;
-}) {
-  const {
-    createLeaderboardMutation,
-    createTeamMutation,
-    leaderboards,
-    metrics,
-    selectedMetric,
-    t,
-  } = props;
-
-  return (
-    <div className="grid gap-4 xl:grid-cols-[minmax(20rem,0.75fr)_minmax(0,1.25fr)]">
-      <Card className="h-fit xl:sticky xl:top-6">
-        <CardHeader>
-          <CardTitle>{t('leaderboards.create_leaderboard')}</CardTitle>
-        </CardHeader>
-        <CardContent>
-          <form
-            className="grid gap-3"
-            onSubmit={(event) => {
-              event.preventDefault();
-              createLeaderboardMutation.mutate(
-                new FormData(event.currentTarget)
-              );
-              event.currentTarget.reset();
-            }}
-          >
-            <Input
-              name="name"
-              placeholder={t('fields.leaderboard_name')}
-              required
-            />
-            <MetricSelect metrics={metrics} selectedMetric={selectedMetric} />
-            <Input defaultValue={today()} name="period_start" type="date" />
-            <Input name="period_end" type="date" />
-            <Button
-              disabled={!selectedMetric || createLeaderboardMutation.isPending}
-            >
-              <Trophy className="mr-2 h-4 w-4" />
-              {t('actions.add_leaderboard')}
-            </Button>
-          </form>
-        </CardContent>
-      </Card>
-      <div className="grid gap-3">
-        {leaderboards.length === 0 ? (
-          <Card>
-            <CardContent className="py-8 text-sm">
-              {t('empty.leaderboards')}
-            </CardContent>
-          </Card>
-        ) : (
-          leaderboards.map((leaderboard) => (
-            <Card key={leaderboard.id}>
-              <CardContent className="space-y-4 py-4">
-                <div className="flex items-start justify-between gap-3">
-                  <div>
-                    <div className="font-semibold">{leaderboard.name}</div>
-                    <div className="text-muted-foreground text-sm">
-                      {leaderboard.metric?.name} · {leaderboard.join_code}
-                    </div>
-                  </div>
-                  <Badge>{leaderboard.rankings?.length ?? 0}</Badge>
-                </div>
-                <div className="space-y-2">
-                  {(leaderboard.rankings ?? [])
-                    .slice(0, 5)
-                    .map((member: any) => (
-                      <div
-                        className="flex items-center justify-between rounded-md border p-2"
-                        key={member.id}
-                      >
-                        <span>
-                          #{member.rank} {member.display_name || member.user_id}
-                        </span>
-                        <strong>
-                          {Number(member.value ?? 0).toLocaleString()}
-                        </strong>
-                      </div>
-                    ))}
-                </div>
-                <form
-                  className="grid gap-2 border-t pt-3 sm:grid-cols-[1fr_7rem_auto]"
-                  onSubmit={(event) => {
-                    event.preventDefault();
-                    createTeamMutation.mutate({
-                      formData: new FormData(event.currentTarget),
-                      leaderboardId: leaderboard.id,
-                    });
-                    event.currentTarget.reset();
-                  }}
-                >
-                  <Input
-                    name="name"
-                    placeholder={t('fields.team_name')}
-                    required
-                  />
-                  <Input name="color" placeholder={t('fields.color')} />
-                  <Button size="sm" variant="outline">
-                    {t('actions.add_team')}
-                  </Button>
-                </form>
-              </CardContent>
-            </Card>
-          ))
-        )}
-      </div>
-    </div>
-  );
-}