create-appraisejs 0.1.7 → 0.1.8

package/templates/default/src/components/table/table-actions.tsx

@@ -1,172 +1,172 @@
-'use client'
-
-import React, { useState } from 'react'
-import {
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuLabel,
-  DropdownMenuSeparator,
-  DropdownMenuTrigger,
-} from '../ui/dropdown-menu'
-import { MoreHorizontal, Pencil, Trash, Eye, CheckCircleIcon, XCircle } from 'lucide-react'
-import { Button } from '../ui/button'
-import Link from 'next/link'
-
-import { ActionResponse } from '@/types/form/actionHandler'
-import { toast } from '@/hooks/use-toast'
-import DeletePrompt from '../user-prompt/delete-prompt'
-
-const TableActions = ({
-  modifyLink,
-  resolveConflictsHandler,
-  deleteHandler,
-  viewLink,
-  showCancelButton = false,
-  cancelHandler,
-  cancelButtonDisabled = false,
-  deleteButtonDisabled = false,
-  viewActionText = 'View',
-  editActionText = 'Edit',
-  deleteActionText = 'Delete',
-  cancelActionText = 'Cancel',
-  editActionIcon = <Pencil className="h-4 w-4" />,
-  deleteActionIcon = <Trash className="h-4 w-4" />,
-  viewActionIcon = <Eye className="h-4 w-4" />,
-  cancelActionIcon = <XCircle className="h-4 w-4" />,
-}: {
-  modifyLink?: string
-  deleteHandler: () => Promise<ActionResponse>
-  resolveConflictsHandler?: () => Promise<ActionResponse>
-  editActionText?: string
-  deleteActionText?: string
-  editActionIcon?: React.ReactNode
-  deleteActionIcon?: React.ReactNode
-  viewActionText?: string
-  viewActionIcon?: React.ReactNode
-  viewLink?: string
-  showCancelButton?: boolean
-  cancelHandler?: () => Promise<ActionResponse>
-  cancelButtonDisabled?: boolean
-  cancelActionText?: string
-  cancelActionIcon?: React.ReactNode
-  deleteButtonDisabled?: boolean
-}) => {
-  const [isCancelling, setIsCancelling] = useState(false)
-  const [isDeleteDialogOpen, setIsDeleteDialogOpen] = useState(false)
-  
-  const handleDelete = async () => {
-    const res = await deleteHandler()
-    if (res.status === 200) {
-      toast({
-        title: 'Item(s) deleted successfully',
-      })
-      setIsDeleteDialogOpen(false)
-    } else {
-      toast({
-        title: `${res.message}`,
-        description: res.error,
-        variant: 'destructive',
-      })
-    }
-  }
-  
-  return (
-    <>
-      <DeletePrompt
-        dialogTitle="Delete Item"
-        dialogDescription="Please confirm your action"
-        confirmationText="Are you sure you want to delete this item?"
-        deleteHandler={handleDelete}
-        open={isDeleteDialogOpen}
-        onOpenChange={setIsDeleteDialogOpen}
-      />
-      <DropdownMenu>
-        <DropdownMenuTrigger asChild>
-          <Button variant="ghost" className="h-8 w-8 p-0">
-            <span className="sr-only">Open menu</span>
-            <MoreHorizontal className="h-4 w-4" />
-          </Button>
-        </DropdownMenuTrigger>
-        <DropdownMenuContent align="end">
-          <DropdownMenuLabel>Actions</DropdownMenuLabel>
-          <DropdownMenuSeparator />
-          {showCancelButton && (
-            <DropdownMenuItem
-              disabled={cancelButtonDisabled || isCancelling}
-              onClick={async () => {
-                if (!cancelHandler) return
-                setIsCancelling(true)
-                try {
-                  const res = await cancelHandler()
-                  if (res.status === 200) {
-                    toast({
-                      title: 'Test run cancellation requested',
-                      description: res.message || 'The test run is being cancelled.',
-                    })
-                  } else {
-                    toast({
-                      title: 'Error cancelling test run',
-                      description: res.error || res.message,
-                      variant: 'destructive',
-                    })
-                    setIsCancelling(false)
-                  }
-                } catch (error) {
-                  toast({
-                    title: 'Error cancelling test run',
-                    description: error instanceof Error ? error.message : 'An unexpected error occurred',
-                    variant: 'destructive',
-                  })
-                  setIsCancelling(false)
-                }
-              }}
-            >
-              <span className="flex items-center gap-2">
-                {cancelActionIcon} {cancelActionText}
-              </span>
-            </DropdownMenuItem>
-          )}
-          {viewLink && (
-            <DropdownMenuItem>
-              <Link href={viewLink}>
-                <span className="flex items-center gap-2">
-                  {viewActionIcon} {viewActionText}
-                </span>
-              </Link>
-            </DropdownMenuItem>
-          )}
-          {modifyLink && (
-            <DropdownMenuItem>
-              <Link href={modifyLink}>
-                <span className="flex items-center gap-2">
-                  {editActionIcon} {editActionText}
-                </span>
-              </Link>
-            </DropdownMenuItem>
-          )}
-
-          <DropdownMenuItem
-            disabled={deleteButtonDisabled}
-            onClick={() => {
-              setIsDeleteDialogOpen(true)
-            }}
-          >
-            <span className="flex items-center gap-2">
-              {deleteActionIcon} {deleteActionText}
-            </span>
-          </DropdownMenuItem>
-          {resolveConflictsHandler && (
-            <DropdownMenuItem>
-              <span className="flex items-center gap-2" onClick={resolveConflictsHandler}>
-                <CheckCircleIcon className="h-4 w-4" /> Mark conflicts as resolved
-              </span>
-            </DropdownMenuItem>
-          )}
-        </DropdownMenuContent>
-      </DropdownMenu>
-    </>
-  )
-}
-
-export default TableActions
+'use client'
+
+import React, { useState } from 'react'
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuLabel,
+  DropdownMenuSeparator,
+  DropdownMenuTrigger,
+} from '../ui/dropdown-menu'
+import { MoreHorizontal, Pencil, Trash, Eye, CheckCircleIcon, XCircle } from 'lucide-react'
+import { Button } from '../ui/button'
+import Link from 'next/link'
+
+import { ActionResponse } from '@/types/form/actionHandler'
+import { toast } from '@/hooks/use-toast'
+import DeletePrompt from '../user-prompt/delete-prompt'
+
+const TableActions = ({
+  modifyLink,
+  resolveConflictsHandler,
+  deleteHandler,
+  viewLink,
+  showCancelButton = false,
+  cancelHandler,
+  cancelButtonDisabled = false,
+  deleteButtonDisabled = false,
+  viewActionText = 'View',
+  editActionText = 'Edit',
+  deleteActionText = 'Delete',
+  cancelActionText = 'Cancel',
+  editActionIcon = <Pencil className="h-4 w-4" />,
+  deleteActionIcon = <Trash className="h-4 w-4" />,
+  viewActionIcon = <Eye className="h-4 w-4" />,
+  cancelActionIcon = <XCircle className="h-4 w-4" />,
+}: {
+  modifyLink?: string
+  deleteHandler: () => Promise<ActionResponse>
+  resolveConflictsHandler?: () => Promise<ActionResponse>
+  editActionText?: string
+  deleteActionText?: string
+  editActionIcon?: React.ReactNode
+  deleteActionIcon?: React.ReactNode
+  viewActionText?: string
+  viewActionIcon?: React.ReactNode
+  viewLink?: string
+  showCancelButton?: boolean
+  cancelHandler?: () => Promise<ActionResponse>
+  cancelButtonDisabled?: boolean
+  cancelActionText?: string
+  cancelActionIcon?: React.ReactNode
+  deleteButtonDisabled?: boolean
+}) => {
+  const [isCancelling, setIsCancelling] = useState(false)
+  const [isDeleteDialogOpen, setIsDeleteDialogOpen] = useState(false)
+  
+  const handleDelete = async () => {
+    const res = await deleteHandler()
+    if (res.status === 200) {
+      toast({
+        title: 'Item(s) deleted successfully',
+      })
+      setIsDeleteDialogOpen(false)
+    } else {
+      toast({
+        title: `${res.message}`,
+        description: res.error,
+        variant: 'destructive',
+      })
+    }
+  }
+  
+  return (
+    <>
+      <DeletePrompt
+        dialogTitle="Delete Item"
+        dialogDescription="Please confirm your action"
+        confirmationText="Are you sure you want to delete this item?"
+        deleteHandler={handleDelete}
+        open={isDeleteDialogOpen}
+        onOpenChange={setIsDeleteDialogOpen}
+      />
+      <DropdownMenu>
+        <DropdownMenuTrigger asChild>
+          <Button variant="ghost" className="h-8 w-8 p-0">
+            <span className="sr-only">Open menu</span>
+            <MoreHorizontal className="h-4 w-4" />
+          </Button>
+        </DropdownMenuTrigger>
+        <DropdownMenuContent align="end">
+          <DropdownMenuLabel>Actions</DropdownMenuLabel>
+          <DropdownMenuSeparator />
+          {showCancelButton && (
+            <DropdownMenuItem
+              disabled={cancelButtonDisabled || isCancelling}
+              onClick={async () => {
+                if (!cancelHandler) return
+                setIsCancelling(true)
+                try {
+                  const res = await cancelHandler()
+                  if (res.status === 200) {
+                    toast({
+                      title: 'Test run cancellation requested',
+                      description: res.message || 'The test run is being cancelled.',
+                    })
+                  } else {
+                    toast({
+                      title: 'Error cancelling test run',
+                      description: res.error || res.message,
+                      variant: 'destructive',
+                    })
+                    setIsCancelling(false)
+                  }
+                } catch (error) {
+                  toast({
+                    title: 'Error cancelling test run',
+                    description: error instanceof Error ? error.message : 'An unexpected error occurred',
+                    variant: 'destructive',
+                  })
+                  setIsCancelling(false)
+                }
+              }}
+            >
+              <span className="flex items-center gap-2">
+                {cancelActionIcon} {cancelActionText}
+              </span>
+            </DropdownMenuItem>
+          )}
+          {viewLink && (
+            <DropdownMenuItem>
+              <Link href={viewLink}>
+                <span className="flex items-center gap-2">
+                  {viewActionIcon} {viewActionText}
+                </span>
+              </Link>
+            </DropdownMenuItem>
+          )}
+          {modifyLink && (
+            <DropdownMenuItem>
+              <Link href={modifyLink}>
+                <span className="flex items-center gap-2">
+                  {editActionIcon} {editActionText}
+                </span>
+              </Link>
+            </DropdownMenuItem>
+          )}
+
+          <DropdownMenuItem
+            disabled={deleteButtonDisabled}
+            onClick={() => {
+              setIsDeleteDialogOpen(true)
+            }}
+          >
+            <span className="flex items-center gap-2">
+              {deleteActionIcon} {deleteActionText}
+            </span>
+          </DropdownMenuItem>
+          {resolveConflictsHandler && (
+            <DropdownMenuItem>
+              <span className="flex items-center gap-2" onClick={resolveConflictsHandler}>
+                <CheckCircleIcon className="h-4 w-4" /> Mark conflicts as resolved
+              </span>
+            </DropdownMenuItem>
+          )}
+        </DropdownMenuContent>
+      </DropdownMenu>
+    </>
+  )
+}
+
+export default TableActions

package/templates/default/src/components/test-run/download-logs-button.tsx

@@ -1,99 +1,99 @@
-'use client'
-
-import { useState } from 'react'
-import { Button } from '@/components/ui/button'
-import { Download, LoaderCircle } from 'lucide-react'
-import { AnimatePresence, motion } from 'motion/react'
-import { toast } from '@/hooks/use-toast'
-
-interface DownloadLogsButtonProps {
-  testRunId: string
-  className?: string
-}
-
-export function DownloadLogsButton({ testRunId, className }: DownloadLogsButtonProps) {
-  const [isDownloading, setIsDownloading] = useState(false)
-
-  const handleDownload = async () => {
-    setIsDownloading(true)
-    try {
-      const response = await fetch(`/api/test-runs/${testRunId}/download`)
-      
-      if (!response.ok) {
-        const errorData = await response.json().catch(() => ({ error: 'Unknown error' }))
-        throw new Error(errorData.error || `Failed to download: ${response.statusText}`)
-      }
-
-      // Get the filename from Content-Disposition header or use a default
-      const contentDisposition = response.headers.get('Content-Disposition')
-      let filename = `test-run-${testRunId}.zip`
-      if (contentDisposition) {
-        const filenameMatch = contentDisposition.match(/filename="?(.+?)"?$/)
-        if (filenameMatch) {
-          filename = filenameMatch[1]
-        }
-      }
-
-      // Create a blob from the response
-      const blob = await response.blob()
-      
-      // Create a download link and trigger it
-      const url = window.URL.createObjectURL(blob)
-      const a = document.createElement('a')
-      a.href = url
-      a.download = filename
-      document.body.appendChild(a)
-      a.click()
-      document.body.removeChild(a)
-      window.URL.revokeObjectURL(url)
-
-      toast({
-        title: 'Download started',
-        description: 'Logs and traces are being downloaded',
-      })
-    } catch (error) {
-      console.error('[DownloadLogsButton] Error downloading logs:', error)
-      toast({
-        title: 'Download failed',
-        description: error instanceof Error ? error.message : 'Failed to download logs and traces',
-        variant: 'destructive',
-      })
-    } finally {
-      setIsDownloading(false)
-    }
-  }
-
-  return (
-    <Button
-      onClick={handleDownload}
-      disabled={isDownloading}
-      variant="outline"
-      size="sm"
-      className={className}
-    >
-      <AnimatePresence mode="wait" initial={false}>
-        <motion.div
-          key={isDownloading ? 'downloading' : 'idle'}
-          initial={{ opacity: 0, y: 4 }}
-          animate={{ opacity: 1, y: 0 }}
-          exit={{ opacity: 0, y: -4 }}
-          transition={{ duration: 0.15 }}
-          className="flex items-center gap-2"
-        >
-          {isDownloading ? (
-            <>
-              <LoaderCircle className="h-4 w-4 animate-spin" />
-              Downloading...
-            </>
-          ) : (
-            <>
-              <Download className="h-4 w-4" />
-              Download Logs & Traces
-            </>
-          )}
-        </motion.div>
-      </AnimatePresence>
-    </Button>
-  )
-}
-
+'use client'
+
+import { useState } from 'react'
+import { Button } from '@/components/ui/button'
+import { Download, LoaderCircle } from 'lucide-react'
+import { AnimatePresence, motion } from 'motion/react'
+import { toast } from '@/hooks/use-toast'
+
+interface DownloadLogsButtonProps {
+  testRunId: string
+  className?: string
+}
+
+export function DownloadLogsButton({ testRunId, className }: DownloadLogsButtonProps) {
+  const [isDownloading, setIsDownloading] = useState(false)
+
+  const handleDownload = async () => {
+    setIsDownloading(true)
+    try {
+      const response = await fetch(`/api/test-runs/${testRunId}/download`)
+      
+      if (!response.ok) {
+        const errorData = await response.json().catch(() => ({ error: 'Unknown error' }))
+        throw new Error(errorData.error || `Failed to download: ${response.statusText}`)
+      }
+
+      // Get the filename from Content-Disposition header or use a default
+      const contentDisposition = response.headers.get('Content-Disposition')
+      let filename = `test-run-${testRunId}.zip`
+      if (contentDisposition) {
+        const filenameMatch = contentDisposition.match(/filename="?(.+?)"?$/)
+        if (filenameMatch) {
+          filename = filenameMatch[1]
+        }
+      }
+
+      // Create a blob from the response
+      const blob = await response.blob()
+      
+      // Create a download link and trigger it
+      const url = window.URL.createObjectURL(blob)
+      const a = document.createElement('a')
+      a.href = url
+      a.download = filename
+      document.body.appendChild(a)
+      a.click()
+      document.body.removeChild(a)
+      window.URL.revokeObjectURL(url)
+
+      toast({
+        title: 'Download started',
+        description: 'Logs and traces are being downloaded',
+      })
+    } catch (error) {
+      console.error('[DownloadLogsButton] Error downloading logs:', error)
+      toast({
+        title: 'Download failed',
+        description: error instanceof Error ? error.message : 'Failed to download logs and traces',
+        variant: 'destructive',
+      })
+    } finally {
+      setIsDownloading(false)
+    }
+  }
+
+  return (
+    <Button
+      onClick={handleDownload}
+      disabled={isDownloading}
+      variant="outline"
+      size="sm"
+      className={className}
+    >
+      <AnimatePresence mode="wait" initial={false}>
+        <motion.div
+          key={isDownloading ? 'downloading' : 'idle'}
+          initial={{ opacity: 0, y: 4 }}
+          animate={{ opacity: 1, y: 0 }}
+          exit={{ opacity: 0, y: -4 }}
+          transition={{ duration: 0.15 }}
+          className="flex items-center gap-2"
+        >
+          {isDownloading ? (
+            <>
+              <LoaderCircle className="h-4 w-4 animate-spin" />
+              Downloading...
+            </>
+          ) : (
+            <>
+              <Download className="h-4 w-4" />
+              Download Logs & Traces
+            </>
+          )}
+        </motion.div>
+      </AnimatePresence>
+    </Button>
+  )
+}
+