@hed-hog/lms 0.0.364 → 0.0.366

package/hedhog/frontend/app/video-resolution-profiles/page.tsx.ejs

@@ -1,607 +0,0 @@
-'use client';
-
-import {
-  EmptyState,
-  Page,
-  PageHeader,
-  PaginationFooter,
-  SearchBar,
-} from '@/components/entity-list';
-import { FfmpegParamsEditor } from '@/components/ffmpeg-params-editor';
-import {
-  AlertDialog,
-  AlertDialogAction,
-  AlertDialogCancel,
-  AlertDialogContent,
-  AlertDialogDescription,
-  AlertDialogHeader,
-  AlertDialogTitle,
-} from '@/components/ui/alert-dialog';
-import { Badge } from '@/components/ui/badge';
-import { Button } from '@/components/ui/button';
-import {
-  Form,
-  FormControl,
-  FormField,
-  FormItem,
-  FormLabel,
-  FormMessage,
-} from '@/components/ui/form';
-import { Input } from '@/components/ui/input';
-import {
-  Select,
-  SelectContent,
-  SelectItem,
-  SelectTrigger,
-  SelectValue,
-} from '@/components/ui/select';
-import {
-  Sheet,
-  SheetHeader,
-  SheetTitle,
-} from '@/components/ui/sheet';
-import { ResizableSheetContent } from '@/components/ui/resizable-sheet-content';
-import { Skeleton } from '@/components/ui/skeleton';
-import {
-  Table,
-  TableBody,
-  TableCell,
-  TableHead,
-  TableHeader,
-  TableRow,
-} from '@/components/ui/table';
-import {
-  Tooltip,
-  TooltipContent,
-  TooltipTrigger,
-} from '@/components/ui/tooltip';
-import { usePersistedPageSize } from '@/hooks/use-persisted-page-size';
-import { cn } from '@/lib/utils';
-import { useApp, useQuery } from '@hed-hog/next-app-provider';
-import { zodResolver } from '@hookform/resolvers/zod';
-import {
-  Film,
-  PauseCircle,
-  Pencil,
-  PlayCircle,
-  Plus,
-  Trash2,
-} from 'lucide-react';
-import { useTranslations } from 'next-intl';
-import { useEffect, useState } from 'react';
-import { useForm } from 'react-hook-form';
-import { toast } from 'sonner';
-import * as z from 'zod';
-
-// ─── Types ────────────────────────────────────────────────────────────────────
-
-type VideoResolutionProfile = {
-  id: number;
-  name: string;
-  ffmpeg_params: string;
-  status: 'active' | 'inactive';
-};
-
-type ProfilePaginatedResult = {
-  data: VideoResolutionProfile[];
-  total: number;
-  page: number;
-  pageSize: number;
-  lastPage?: number;
-};
-
-// ─── Zod schema ───────────────────────────────────────────────────────────────
-
-const createSchema = (t: ReturnType<typeof useTranslations>) =>
-  z.object({
-    name: z
-      .string()
-      .min(1, t('form.validation.required'))
-      .max(100, t('form.validation.max100')),
-    ffmpeg_params: z.string().min(1, t('form.validation.required')),
-    status: z.enum(['active', 'inactive']),
-  });
-
-type ProfileFormValues = z.infer<ReturnType<typeof createSchema>>;
-
-// ─── ProfileFormSheet ──────────────────────────────────────────────────────────
-
-interface ProfileFormSheetProps {
-  open: boolean;
-  onOpenChange: (open: boolean) => void;
-  profileToEdit: VideoResolutionProfile | null;
-  onSaved: () => void;
-}
-
-function ProfileFormSheet({
-  open,
-  onOpenChange,
-  profileToEdit,
-  onSaved,
-}: ProfileFormSheetProps) {
-  const { request } = useApp();
-  const t = useTranslations('lms.VideoResolutionProfilesPage');
-  const [isSaving, setIsSaving] = useState(false);
-
-  const form = useForm<ProfileFormValues>({
-    resolver: zodResolver(createSchema(t)),
-    defaultValues: { name: '', ffmpeg_params: '', status: 'active' },
-  });
-
-  useEffect(() => {
-    if (open) {
-      if (profileToEdit) {
-        form.reset({
-          name: profileToEdit.name,
-          ffmpeg_params: profileToEdit.ffmpeg_params,
-          status: profileToEdit.status,
-        });
-      } else {
-        form.reset({ name: '', ffmpeg_params: '', status: 'active' });
-      }
-    }
-  }, [open, profileToEdit, form]);
-
-  const onSubmit = async (values: ProfileFormValues) => {
-    try {
-      setIsSaving(true);
-      if (profileToEdit) {
-        await request({
-          url: `/lms/video-resolution-profiles/${profileToEdit.id}`,
-          method: 'PATCH',
-          data: values,
-        });
-        toast.success(t('messages.updateSuccess'));
-      } else {
-        await request({
-          url: '/lms/video-resolution-profiles',
-          method: 'POST',
-          data: values,
-        });
-        toast.success(t('messages.createSuccess'));
-      }
-      onSaved();
-      onOpenChange(false);
-    } catch {
-      toast.error(t('messages.saveError'));
-    } finally {
-      setIsSaving(false);
-    }
-  };
-
-  return (
-    <Sheet open={open} onOpenChange={onOpenChange}>
-      <ResizableSheetContent
-        sheetId="lms-video-resolution-profiles-form-sheet"
-        defaultWidth={560}
-        minWidth={420}
-        maxWidth={920}
-        className="w-full overflow-y-auto sm:max-w-lg"
-      >
-        <SheetHeader>
-          <SheetTitle>
-            {profileToEdit ? t('sheet.editTitle') : t('sheet.createTitle')}
-          </SheetTitle>
-        </SheetHeader>
-
-        <Form {...form}>
-          <form
-            onSubmit={form.handleSubmit(onSubmit)}
-            className="flex flex-col gap-4 px-4 py-4"
-          >
-            <div className="grid grid-cols-2 gap-4">
-              <FormField
-                control={form.control}
-                name="name"
-                render={({ field }) => (
-                  <FormItem>
-                    <FormLabel>{t('form.name')}</FormLabel>
-                    <FormControl>
-                      <Input
-                        placeholder={t('form.namePlaceholder')}
-                        {...field}
-                      />
-                    </FormControl>
-                    <FormMessage />
-                  </FormItem>
-                )}
-              />
-
-              <FormField
-                control={form.control}
-                name="status"
-                render={({ field }) => (
-                  <FormItem>
-                    <FormLabel>{t('form.status')}</FormLabel>
-                    <Select onValueChange={field.onChange} value={field.value}>
-                      <FormControl>
-                        <SelectTrigger className="w-full">
-                          <SelectValue
-                            placeholder={t('form.statusPlaceholder')}
-                          />
-                        </SelectTrigger>
-                      </FormControl>
-                      <SelectContent>
-                        <SelectItem value="active">
-                          {t('status.active')}
-                        </SelectItem>
-                        <SelectItem value="inactive">
-                          {t('status.inactive')}
-                        </SelectItem>
-                      </SelectContent>
-                    </Select>
-                    <FormMessage />
-                  </FormItem>
-                )}
-              />
-            </div>
-
-            <FormField
-              control={form.control}
-              name="ffmpeg_params"
-              render={({ field }) => (
-                <FormItem>
-                  <FormLabel>{t('form.ffmpegParams')}</FormLabel>
-                  <FormControl>
-                    <FfmpegParamsEditor
-                      value={field.value}
-                      onChange={field.onChange}
-                    />
-                  </FormControl>
-                  <FormMessage />
-                </FormItem>
-              )}
-            />
-
-            <div className="flex justify-end gap-2 pt-2">
-              <Button
-                type="button"
-                variant="outline"
-                onClick={() => onOpenChange(false)}
-                disabled={isSaving}
-              >
-                {t('actions.cancel')}
-              </Button>
-              <Button type="submit" disabled={isSaving}>
-                {isSaving ? t('actions.saving') : t('actions.save')}
-              </Button>
-            </div>
-          </form>
-        </Form>
-      </ResizableSheetContent>
-    </Sheet>
-  );
-}
-
-// ─── Page ─────────────────────────────────────────────────────────────────────
-
-export default function VideoResolutionProfilesPage() {
-  const { request } = useApp();
-  const t = useTranslations('lms.VideoResolutionProfilesPage');
-
-  const [page, setPage] = useState(1);
-  const [pageSize, setPageSize] = usePersistedPageSize({
-    storageKey: 'pagination:global:pageSize',
-    defaultValue: 6,
-    allowedValues: [6, 12, 24, 48],
-  });
-  const [searchInput, setSearchInput] = useState('');
-  const [debouncedSearch, setDebouncedSearch] = useState('');
-  const [sheetOpen, setSheetOpen] = useState(false);
-  const [profileToEdit, setProfileToEdit] =
-    useState<VideoResolutionProfile | null>(null);
-  const [deleteDialogOpen, setDeleteDialogOpen] = useState(false);
-  const [profileToDelete, setProfileToDelete] =
-    useState<VideoResolutionProfile | null>(null);
-  const [isDeleting, setIsDeleting] = useState(false);
-  const [togglingProfileId, setTogglingProfileId] = useState<number | null>(
-    null
-  );
-
-  useEffect(() => {
-    const timeout = setTimeout(() => {
-      setDebouncedSearch(searchInput.trim());
-      setPage(1);
-    }, 300);
-    return () => clearTimeout(timeout);
-  }, [searchInput]);
-
-  const {
-    data: paginate = { data: [], total: 0, page: 1, pageSize, lastPage: 1 },
-    isLoading,
-    refetch: refetchList,
-  } = useQuery<ProfilePaginatedResult>({
-    queryKey: [
-      'lms-video-resolution-profiles',
-      page,
-      pageSize,
-      debouncedSearch,
-    ],
-    queryFn: async () => {
-      const params = new URLSearchParams({
-        page: String(page),
-        pageSize: String(pageSize),
-      });
-      if (debouncedSearch) params.set('search', debouncedSearch);
-      const response = await request<ProfilePaginatedResult>({
-        url: `/lms/video-resolution-profiles?${params.toString()}`,
-        method: 'GET',
-      });
-      return response.data;
-    },
-    placeholderData: (prev) =>
-      prev ?? { data: [], total: 0, page: 1, pageSize, lastPage: 1 },
-  });
-
-  const totalPages = Math.max(
-    1,
-    (paginate.lastPage ?? Math.ceil((paginate.total || 0) / pageSize)) || 1
-  );
-
-  useEffect(() => {
-    if (page > totalPages) setPage(totalPages);
-  }, [page, totalPages]);
-
-  const openCreateSheet = () => {
-    setProfileToEdit(null);
-    setSheetOpen(true);
-  };
-
-  const openEditSheet = (profile: VideoResolutionProfile) => {
-    setProfileToEdit(profile);
-    setSheetOpen(true);
-  };
-
-  const handleSaved = async () => {
-    await refetchList();
-  };
-
-  const handleDeleteConfirm = async () => {
-    if (!profileToDelete) return;
-    try {
-      setIsDeleting(true);
-      await request({
-        url: `/lms/video-resolution-profiles/${profileToDelete.id}`,
-        method: 'DELETE',
-      });
-      toast.success(t('messages.deleteSuccess'));
-      setDeleteDialogOpen(false);
-      setProfileToDelete(null);
-      await refetchList();
-    } catch {
-      toast.error(t('messages.deleteError'));
-    } finally {
-      setIsDeleting(false);
-    }
-  };
-
-  const handleQuickStatusToggle = async (profile: VideoResolutionProfile) => {
-    const nextStatus = profile.status === 'active' ? 'inactive' : 'active';
-
-    try {
-      setTogglingProfileId(profile.id);
-      await request({
-        url: `/lms/video-resolution-profiles/${profile.id}`,
-        method: 'PATCH',
-        data: { status: nextStatus },
-      });
-      toast.success(t('messages.updateSuccess'));
-      await refetchList();
-    } catch {
-      toast.error(t('messages.saveError'));
-    } finally {
-      setTogglingProfileId(null);
-    }
-  };
-
-  return (
-    <Page>
-      <PageHeader
-        breadcrumbs={[
-          { label: t('breadcrumbs.home'), href: '/' },
-          { label: t('breadcrumbs.lms'), href: '/lms' },
-          { label: t('breadcrumbs.current') },
-        ]}
-        title={t('title')}
-        description={t('description')}
-        actions={[
-          {
-            label: t('actions.create'),
-            onClick: openCreateSheet,
-            icon: <Plus className="h-4 w-4" />,
-          },
-        ]}
-      />
-
-      <SearchBar
-        searchQuery={searchInput}
-        onSearchChange={(value) => setSearchInput(value)}
-        onSearch={() => setPage(1)}
-        placeholder={t('filters.searchPlaceholder')}
-      />
-
-      {isLoading ? (
-        <div className="space-y-3 p-4">
-          {Array.from({ length: 5 }).map((_, i) => (
-            <Skeleton key={i} className="h-14 w-full" />
-          ))}
-        </div>
-      ) : paginate.data.length === 0 ? (
-        <EmptyState
-          icon={<Film className="h-12 w-12" />}
-          title={t('empty.title')}
-          description={t('empty.description')}
-          actionLabel={t('actions.create')}
-          actionIcon={<Plus className="mr-2 h-4 w-4" />}
-          onAction={openCreateSheet}
-        />
-      ) : (
-        <div className="overflow-x-auto">
-          <Table>
-            <TableHeader>
-              <TableRow>
-                <TableHead>{t('table.name')}</TableHead>
-                <TableHead>{t('table.ffmpegParams')}</TableHead>
-                <TableHead>{t('table.status')}</TableHead>
-                <TableHead className="w-10" />
-              </TableRow>
-            </TableHeader>
-            <TableBody>
-              {paginate.data.map((profile) => (
-                <TableRow
-                  key={profile.id}
-                  className="cursor-pointer"
-                  onDoubleClick={() => openEditSheet(profile)}
-                >
-                  <TableCell>
-                    <span className="font-medium text-sm">{profile.name}</span>
-                  </TableCell>
-                  <TableCell className="max-w-xs">
-                    <span className="font-mono text-xs text-muted-foreground truncate block max-w-xs">
-                      {profile.ffmpeg_params}
-                    </span>
-                  </TableCell>
-                  <TableCell>
-                    <Badge
-                      variant="outline"
-                      className={cn(
-                        'border px-2.5 py-1 text-xs font-medium',
-                        profile.status === 'active'
-                          ? 'border-green-500/20 bg-green-500/10 text-green-600'
-                          : 'border-gray-500/20 bg-gray-500/10 text-gray-600'
-                      )}
-                    >
-                      {profile.status === 'active'
-                        ? t('status.active')
-                        : t('status.inactive')}
-                    </Badge>
-                  </TableCell>
-                  <TableCell className="text-right">
-                    <div className="flex items-center justify-end gap-1">
-                      <Tooltip>
-                        <TooltipTrigger asChild>
-                          <Button
-                            variant="ghost"
-                            size="icon"
-                            className="h-8 w-8 cursor-pointer"
-                            onClick={(event) => {
-                              event.stopPropagation();
-                              openEditSheet(profile);
-                            }}
-                            aria-label={t('actions.edit')}
-                          >
-                            <Pencil className="h-4 w-4" />
-                          </Button>
-                        </TooltipTrigger>
-                        <TooltipContent>{t('actions.edit')}</TooltipContent>
-                      </Tooltip>
-
-                      <Tooltip>
-                        <TooltipTrigger asChild>
-                          <Button
-                            variant="ghost"
-                            size="icon"
-                            className={cn(
-                              'h-8 w-8 cursor-pointer',
-                              profile.status === 'active'
-                                ? 'text-amber-600 hover:text-amber-600'
-                                : 'text-emerald-600 hover:text-emerald-600'
-                            )}
-                            onClick={(event) => {
-                              event.stopPropagation();
-                              void handleQuickStatusToggle(profile);
-                            }}
-                            aria-label={
-                              profile.status === 'active'
-                                ? t('status.inactive')
-                                : t('status.active')
-                            }
-                            disabled={togglingProfileId === profile.id}
-                          >
-                            {profile.status === 'active' ? (
-                              <PauseCircle className="h-4 w-4" />
-                            ) : (
-                              <PlayCircle className="h-4 w-4" />
-                            )}
-                          </Button>
-                        </TooltipTrigger>
-                        <TooltipContent>
-                          {profile.status === 'active'
-                            ? t('status.inactive')
-                            : t('status.active')}
-                        </TooltipContent>
-                      </Tooltip>
-
-                      <Tooltip>
-                        <TooltipTrigger asChild>
-                          <Button
-                            variant="ghost"
-                            size="icon"
-                            className="h-8 w-8 cursor-pointer text-destructive hover:text-destructive"
-                            onClick={(event) => {
-                              event.stopPropagation();
-                              setProfileToDelete(profile);
-                              setDeleteDialogOpen(true);
-                            }}
-                            aria-label={t('actions.delete')}
-                          >
-                            <Trash2 className="h-4 w-4" />
-                          </Button>
-                        </TooltipTrigger>
-                        <TooltipContent>{t('actions.delete')}</TooltipContent>
-                      </Tooltip>
-                    </div>
-                  </TableCell>
-                </TableRow>
-              ))}
-            </TableBody>
-          </Table>
-        </div>
-      )}
-
-      <PaginationFooter
-        currentPage={page}
-        pageSize={pageSize}
-        totalItems={paginate.total}
-        onPageChange={setPage}
-        onPageSizeChange={(nextPageSize) => {
-          setPageSize(nextPageSize);
-          setPage(1);
-        }}
-        pageSizeOptions={[6, 12, 24]}
-      />
-
-      <ProfileFormSheet
-        open={sheetOpen}
-        onOpenChange={setSheetOpen}
-        profileToEdit={profileToEdit}
-        onSaved={handleSaved}
-      />
-
-      <AlertDialog open={deleteDialogOpen} onOpenChange={setDeleteDialogOpen}>
-        <AlertDialogContent>
-          <AlertDialogHeader>
-            <AlertDialogTitle>{t('deleteDialog.title')}</AlertDialogTitle>
-            <AlertDialogDescription>
-              {t('deleteDialog.description', {
-                name: profileToDelete?.name ?? '',
-              })}
-            </AlertDialogDescription>
-          </AlertDialogHeader>
-          <div className="flex justify-end gap-2">
-            <AlertDialogCancel disabled={isDeleting}>
-              {t('actions.cancel')}
-            </AlertDialogCancel>
-            <AlertDialogAction
-              onClick={handleDeleteConfirm}
-              disabled={isDeleting}
-              className="bg-red-600 hover:bg-red-700"
-            >
-              {isDeleting ? t('actions.deleting') : t('actions.delete')}
-            </AlertDialogAction>
-          </div>
-        </AlertDialogContent>
-      </AlertDialog>
-    </Page>
-  );
-}

package/hedhog/table/course_video_resolution_profile.yaml

@@ -1,22 +0,0 @@
-columns:
-  - type: pk
-  - name: course_id
-    type: fk
-    references:
-      table: course
-      column: id
-      onDelete: CASCADE
-  - name: video_resolution_profile_id
-    type: fk
-    references:
-      table: video_resolution_profile
-      column: id
-      onDelete: CASCADE
-  - type: created_at
-  - type: updated_at
-
-indices:
-  - columns: [course_id, video_resolution_profile_id]
-    isUnique: true
-  - columns: [course_id]
-  - columns: [video_resolution_profile_id]

package/hedhog/table/video_resolution_profile.yaml

@@ -1,18 +0,0 @@
-columns:
-  - type: pk
-  - name: name
-    type: varchar
-    length: 100
-  - name: ffmpeg_params
-    type: text
-  - name: status
-    type: enum
-    values: [active, inactive]
-    default: active
-  - type: created_at
-  - type: updated_at
-
-indices:
-  - columns: [name]
-    isUnique: true
-  - columns: [status]

package/src/video-resolution-profile/dto/create-video-resolution-profile.dto.ts

@@ -1,16 +0,0 @@
-import { IsEnum, IsNotEmpty, IsOptional, IsString, MaxLength } from 'class-validator';
-
-export class CreateVideoResolutionProfileDto {
-  @IsString()
-  @IsNotEmpty()
-  @MaxLength(100)
-  name: string;
-
-  @IsString()
-  @IsNotEmpty()
-  ffmpeg_params: string;
-
-  @IsOptional()
-  @IsEnum(['active', 'inactive'])
-  status?: 'active' | 'inactive';
-}

package/src/video-resolution-profile/dto/update-video-resolution-profile.dto.ts

@@ -1,16 +0,0 @@
-import { IsEnum, IsOptional, IsString, MaxLength } from 'class-validator';
-
-export class UpdateVideoResolutionProfileDto {
-  @IsOptional()
-  @IsString()
-  @MaxLength(100)
-  name?: string;
-
-  @IsOptional()
-  @IsString()
-  ffmpeg_params?: string;
-
-  @IsOptional()
-  @IsEnum(['active', 'inactive'])
-  status?: 'active' | 'inactive';
-}