npm - create-appraisejs - Versions diffs - 0.1.7 → 0.1.8-alpha - Mend

create-appraisejs 0.1.7 → 0.1.8-alpha

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (316) hide show

package/templates/default/src/app/layout.tsx CHANGED Viewed

@@ -1,171 +1,171 @@
-import type { Metadata } from 'next'
-import { Inter, Inter_Tight } from 'next/font/google'
-import './globals.css'
-import { ThemeProvider } from '@/components/theme/theme-provider'
-import { ModeToggle } from '@/components/theme/mode-toggle'
-import { Toaster } from '@/components/ui/toaster'
-const inter = Inter({
-  variable: '--font-inter',
-  subsets: ['latin'],
-})
-const interTight = Inter_Tight({
-  variable: '--font-inter-tight',
-  subsets: ['latin'],
-})
-export const metadata: Metadata = {
-  title: 'Appraise | Dashboard',
-  description: 'Welcome to the dashboard. Here you can see your test suites and run them.',
-}
-import Logo from '@/components/logo'
-import NavLink from '@/components/navigation/nav-link'
-import {
-  Blocks,
-  Bot,
-  BrickWall,
-  Code,
-  Component,
-  FileCheck,
-  FileSliders,
-  Group,
-  LayoutDashboard,
-  LayoutTemplate,
-  ListChecks,
-  Puzzle,
-  Server,
-  Tag,
-  TestTubeDiagonal,
-  TestTubes,
-} from 'lucide-react'
-import Link from 'next/link'
-import NavMenuCardDeck from '@/components/navigation/nav-menu-card-deck'
-import { DevtoolsProviders } from '@/components/devtools/providers'
-import NavCommand from '@/components/navigation/nav-command'
-export default function RootLayout({
-  children,
-}: Readonly<{
-  children: React.ReactNode
-}>) {
-  return (
-    <html lang="en" suppressHydrationWarning>
-      <body className={`${inter.variable} ${interTight.variable} min-h-screen antialiased`}>
-        <DevtoolsProviders>
-          <ThemeProvider attribute="class" defaultTheme="system" enableSystem disableTransitionOnChange>
-            <ModeToggle />
-            <div className="mx-auto lg:max-w-screen-xl 2xl:max-w-screen-2xl">
-              <nav className="mb-6 py-2">
-                <div className="flex items-center gap-1">
-                  <div className="-ml-2">
-                    <Link href="/">
-                      <Logo />
-                    </Link>
-                  </div>
-                  <NavLink href="/" icon={<LayoutDashboard className="h-5 w-5 text-primary" />}>
-                    Dashboard
-                  </NavLink>
-                  <NavMenuCardDeck
-                    containerButtonText="Automate"
-                    containerButtonIcon={<Bot className="h-5 w-5 text-primary" />}
-                    dropdownItems={[
-                      {
-                        text: 'Test Suites',
-                        icon: <TestTubes className="h-6 w-6 text-primary" />,
-                        href: '/test-suites',
-                        description: 'Group tests into logical units',
-                      },
-                      {
-                        text: 'Test Cases',
-                        icon: <TestTubeDiagonal className="h-6 w-6 text-primary" />,
-                        href: '/test-cases',
-                        description: 'Define test scenarios',
-                      },
-                      {
-                        text: 'Test Runs',
-                        icon: <ListChecks className="h-6 w-6 text-primary" />,
-                        href: '/test-runs',
-                        description: 'Execute test scenarios',
-                      },
-                      {
-                        text: 'Reports',
-                        icon: <FileCheck className="h-6 w-6 text-primary" />,
-                        href: '/reports',
-                        description: 'Analyze test results',
-                      },
-                    ]}
-                  />
-                  <NavMenuCardDeck
-                    containerButtonText="Template"
-                    containerButtonIcon={<BrickWall className="h-5 w-5 text-primary" />}
-                    dropdownItems={[
-                      {
-                        text: 'Template Steps',
-                        icon: <LayoutTemplate className="h-6 w-6 text-primary" />,
-                        href: '/template-steps',
-                        description: 'Define reusable test steps',
-                      },
-                      {
-                        text: 'Template Step Groups',
-                        icon: <Component className="h-6 w-6 text-primary" />,
-                        href: '/template-step-groups',
-                        description: 'Organize template steps into logical groups',
-                      },
-                      {
-                        text: 'Template Test Cases',
-                        icon: <Blocks className="h-6 w-6 text-primary" />,
-                        href: '/template-test-cases',
-                        description: 'Define reusable test scenario templates',
-                      },
-                    ]}
-                  />
-                  <NavMenuCardDeck
-                    containerButtonText="Configuration"
-                    containerButtonIcon={<FileSliders className="h-5 w-5 text-primary" />}
-                    dropdownItems={[
-                      {
-                        text: 'Locators',
-                        icon: <Code className="h-6 w-6 text-primary" />,
-                        href: '/locators',
-                        description: 'Define reusable locators',
-                      },
-                      {
-                        text: 'Locator Groups',
-                        icon: <Group className="h-6 w-6 text-primary" />,
-                        href: '/locator-groups',
-                        description: 'Organize locators into logical groups',
-                      },
-                      {
-                        text: 'Modules',
-                        icon: <Puzzle className="h-6 w-6 text-primary" />,
-                        href: '/modules',
-                        description: 'Organize tests into logical units',
-                      },
-                      {
-                        text: 'Environments',
-                        icon: <Server className="h-6 w-6 text-primary" />,
-                        href: '/environments',
-                        description: 'Define test environment configurations',
-                      },
-                      {
-                        text: 'Tags',
-                        icon: <Tag className="h-6 w-6 text-primary" />,
-                        href: '/tags',
-                        description: 'Define tags for test scenarios and suites',
-                      },
-                    ]}
-                  />
-                  <NavCommand className="ml-auto" />
-                </div>
-              </nav>
-              {children}
-              <Toaster />
-            </div>
-          </ThemeProvider>
-        </DevtoolsProviders>
-      </body>
-    </html>
-  )
-}
+import type { Metadata } from 'next'
+import { Inter, Inter_Tight } from 'next/font/google'
+import './globals.css'
+import { ThemeProvider } from '@/components/theme/theme-provider'
+import { ModeToggle } from '@/components/theme/mode-toggle'
+import { Toaster } from '@/components/ui/toaster'
+const inter = Inter({
+  variable: '--font-inter',
+  subsets: ['latin'],
+})
+const interTight = Inter_Tight({
+  variable: '--font-inter-tight',
+  subsets: ['latin'],
+})
+export const metadata: Metadata = {
+  title: 'Appraise | Dashboard',
+  description: 'Welcome to the dashboard. Here you can see your test suites and run them.',
+}
+import Logo from '@/components/logo'
+import NavLink from '@/components/navigation/nav-link'
+import {
+  Blocks,
+  Bot,
+  BrickWall,
+  Code,
+  Component,
+  FileCheck,
+  FileSliders,
+  Group,
+  LayoutDashboard,
+  LayoutTemplate,
+  ListChecks,
+  Puzzle,
+  Server,
+  Tag,
+  TestTubeDiagonal,
+  TestTubes,
+} from 'lucide-react'
+import Link from 'next/link'
+import NavMenuCardDeck from '@/components/navigation/nav-menu-card-deck'
+import { DevtoolsProviders } from '@/components/devtools/providers'
+import NavCommand from '@/components/navigation/nav-command'
+export default function RootLayout({
+  children,
+}: Readonly<{
+  children: React.ReactNode
+}>) {
+  return (
+    <html lang="en" suppressHydrationWarning>
+      <body className={`${inter.variable} ${interTight.variable} min-h-screen antialiased`}>
+        <DevtoolsProviders>
+          <ThemeProvider attribute="class" defaultTheme="system" enableSystem disableTransitionOnChange>
+            <ModeToggle />
+            <div className="mx-auto lg:max-w-screen-xl 2xl:max-w-screen-2xl">
+              <nav className="mb-6 py-2">
+                <div className="flex items-center gap-1">
+                  <div className="-ml-2">
+                    <Link href="/">
+                      <Logo />
+                    </Link>
+                  </div>
+                  <NavLink href="/" icon={<LayoutDashboard className="h-5 w-5 text-primary" />}>
+                    Dashboard
+                  </NavLink>
+                  <NavMenuCardDeck
+                    containerButtonText="Automate"
+                    containerButtonIcon={<Bot className="h-5 w-5 text-primary" />}
+                    dropdownItems={[
+                      {
+                        text: 'Test Suites',
+                        icon: <TestTubes className="h-6 w-6 text-primary" />,
+                        href: '/test-suites',
+                        description: 'Group tests into logical units',
+                      },
+                      {
+                        text: 'Test Cases',
+                        icon: <TestTubeDiagonal className="h-6 w-6 text-primary" />,
+                        href: '/test-cases',
+                        description: 'Define test scenarios',
+                      },
+                      {
+                        text: 'Test Runs',
+                        icon: <ListChecks className="h-6 w-6 text-primary" />,
+                        href: '/test-runs',
+                        description: 'Execute test scenarios',
+                      },
+                      {
+                        text: 'Reports',
+                        icon: <FileCheck className="h-6 w-6 text-primary" />,
+                        href: '/reports',
+                        description: 'Analyze test results',
+                      },
+                    ]}
+                  />
+                  <NavMenuCardDeck
+                    containerButtonText="Template"
+                    containerButtonIcon={<BrickWall className="h-5 w-5 text-primary" />}
+                    dropdownItems={[
+                      {
+                        text: 'Template Steps',
+                        icon: <LayoutTemplate className="h-6 w-6 text-primary" />,
+                        href: '/template-steps',
+                        description: 'Define reusable test steps',
+                      },
+                      {
+                        text: 'Template Step Groups',
+                        icon: <Component className="h-6 w-6 text-primary" />,
+                        href: '/template-step-groups',
+                        description: 'Organize template steps into logical groups',
+                      },
+                      {
+                        text: 'Template Test Cases',
+                        icon: <Blocks className="h-6 w-6 text-primary" />,
+                        href: '/template-test-cases',
+                        description: 'Define reusable test scenario templates',
+                      },
+                    ]}
+                  />
+                  <NavMenuCardDeck
+                    containerButtonText="Configuration"
+                    containerButtonIcon={<FileSliders className="h-5 w-5 text-primary" />}
+                    dropdownItems={[
+                      {
+                        text: 'Locators',
+                        icon: <Code className="h-6 w-6 text-primary" />,
+                        href: '/locators',
+                        description: 'Define reusable locators',
+                      },
+                      {
+                        text: 'Locator Groups',
+                        icon: <Group className="h-6 w-6 text-primary" />,
+                        href: '/locator-groups',
+                        description: 'Organize locators into logical groups',
+                      },
+                      {
+                        text: 'Modules',
+                        icon: <Puzzle className="h-6 w-6 text-primary" />,
+                        href: '/modules',
+                        description: 'Organize tests into logical units',
+                      },
+                      {
+                        text: 'Environments',
+                        icon: <Server className="h-6 w-6 text-primary" />,
+                        href: '/environments',
+                        description: 'Define test environment configurations',
+                      },
+                      {
+                        text: 'Tags',
+                        icon: <Tag className="h-6 w-6 text-primary" />,
+                        href: '/tags',
+                        description: 'Define tags for test scenarios and suites',
+                      },
+                    ]}
+                  />
+                  <NavCommand className="ml-auto" />
+                </div>
+              </nav>
+              {children}
+              <Toaster />
+            </div>
+          </ThemeProvider>
+        </DevtoolsProviders>
+      </body>
+    </html>
+  )
+}

package/templates/default/src/app/page.tsx CHANGED Viewed

@@ -1,64 +1,64 @@
-import PageHeader from '@/components/typography/page-header'
-import HeaderSubtitle from '@/components/typography/page-header-subtitle'
-import AppDrawer from './(dashboard-components)/app-drawer'
-import {
-  EntityMetrics,
-  getDashboardMetricsAction,
-  getEntityMetricsAction,
-  getTestSuiteExecutionDataAction,
-  TestSuiteExecutionData,
-} from '@/actions/dashboard/dashboard-actions'
-import { DashboardMetrics } from '@prisma/client'
-import QuickActionsDrawer from './(dashboard-components)/quick-actions-drawer'
-import DataCard from './(dashboard-components)/data-card'
-import OngoingTestRunsCard from './(dashboard-components)/ongoing-test-runs-card'
-import { DataCardGrid } from './(dashboard-components)/data-card-grid'
-import { ExecutionHealthPanel } from './(dashboard-components)/execution-health-panel'
-const Dashboard = async () => {
-  const metricsResponse = await getDashboardMetricsAction()
-  const metrics = metricsResponse.status === 200 ? (metricsResponse.data as DashboardMetrics | null) : null
-  const entityMetricsResponse = await getEntityMetricsAction()
-  const entityMetrics = entityMetricsResponse.status === 200 ? (entityMetricsResponse.data as unknown as EntityMetrics) : null
-  if (!entityMetrics) {
-    return <div>Error loading entity metrics</div>
-  }
-  const { testCasesCount, testSuitesCount, templateStepsCount, runningTestRunsCount } = entityMetrics
-  // Fetch test suite execution data
-  const testSuiteExecutionResponse = await getTestSuiteExecutionDataAction()
-  const testSuiteExecutionData =
-    testSuiteExecutionResponse.status === 200
-      ? (testSuiteExecutionResponse.data as TestSuiteExecutionData)
-      : []
-  return (
-    <div>
-      <div className="mb-8">
-        <PageHeader>Dashboard</PageHeader>
-        <HeaderSubtitle>Welcome to the dashboard. Here you can see your test suites and run them.</HeaderSubtitle>
-      </div>
-      <div className="flex gap-7" id="dashboard-content">
-        <div className="flex flex-col gap-7">
-          <div className="flex gap-7">
-            <AppDrawer metrics={metrics} title="Attention Needed" description="Issues that require immediate action" />
-            <DataCardGrid>
-              <DataCard title="Test Cases" value={testCasesCount} link="/test-cases" />
-              <DataCard title="Test Suites" value={testSuitesCount} link="/test-suites" />
-              <DataCard title="Template Steps" value={templateStepsCount} link="/template-steps" />
-              <OngoingTestRunsCard initialCount={runningTestRunsCount} link="/test-runs" />
-            </DataCardGrid>
-          </div>
-          <QuickActionsDrawer />
-        </div>
-        <div className="flex-1">
-          <ExecutionHealthPanel featureData={testSuiteExecutionData} />
-        </div>
-      </div>
-    </div>
-  )
-}
-export default Dashboard
+import PageHeader from '@/components/typography/page-header'
+import HeaderSubtitle from '@/components/typography/page-header-subtitle'
+import AppDrawer from './(dashboard-components)/app-drawer'
+import {
+  EntityMetrics,
+  getDashboardMetricsAction,
+  getEntityMetricsAction,
+  getTestSuiteExecutionDataAction,
+  TestSuiteExecutionData,
+} from '@/actions/dashboard/dashboard-actions'
+import { DashboardMetrics } from '@prisma/client'
+import QuickActionsDrawer from './(dashboard-components)/quick-actions-drawer'
+import DataCard from './(dashboard-components)/data-card'
+import OngoingTestRunsCard from './(dashboard-components)/ongoing-test-runs-card'
+import { DataCardGrid } from './(dashboard-components)/data-card-grid'
+import { ExecutionHealthPanel } from './(dashboard-components)/execution-health-panel'
+const Dashboard = async () => {
+  const metricsResponse = await getDashboardMetricsAction()
+  const metrics = metricsResponse.status === 200 ? (metricsResponse.data as DashboardMetrics | null) : null
+  const entityMetricsResponse = await getEntityMetricsAction()
+  const entityMetrics = entityMetricsResponse.status === 200 ? (entityMetricsResponse.data as unknown as EntityMetrics) : null
+  if (!entityMetrics) {
+    return <div>Error loading entity metrics</div>
+  }
+  const { testCasesCount, testSuitesCount, templateStepsCount, runningTestRunsCount } = entityMetrics
+  // Fetch test suite execution data
+  const testSuiteExecutionResponse = await getTestSuiteExecutionDataAction()
+  const testSuiteExecutionData =
+    testSuiteExecutionResponse.status === 200
+      ? (testSuiteExecutionResponse.data as TestSuiteExecutionData)
+      : []
+  return (
+    <div>
+      <div className="mb-8">
+        <PageHeader>Dashboard</PageHeader>
+        <HeaderSubtitle>Welcome to the dashboard. Here you can see your test suites and run them.</HeaderSubtitle>
+      </div>
+      <div className="flex gap-7" id="dashboard-content">
+        <div className="flex flex-col gap-7">
+          <div className="flex gap-7">
+            <AppDrawer metrics={metrics} title="Attention Needed" description="Issues that require immediate action" />
+            <DataCardGrid>
+              <DataCard title="Test Cases" value={testCasesCount} link="/test-cases" />
+              <DataCard title="Test Suites" value={testSuitesCount} link="/test-suites" />
+              <DataCard title="Template Steps" value={templateStepsCount} link="/template-steps" />
+              <OngoingTestRunsCard initialCount={runningTestRunsCount} link="/test-runs" />
+            </DataCardGrid>
+          </div>
+          <QuickActionsDrawer />
+        </div>
+        <div className="flex-1">
+          <ExecutionHealthPanel featureData={testSuiteExecutionData} />
+        </div>
+      </div>
+    </div>
+  )
+}
+export default Dashboard

package/templates/default/src/assets/icons/empty-tube.tsx CHANGED Viewed

@@ -1,23 +1,23 @@
-import { cn } from '@/lib/utils'
-const EmptyTube = ({ className }: { className?: string }) => {
-  return (
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      width="24"
-      height="24"
-      viewBox="0 0 24 24"
-      fill="none"
-      stroke="currentColor"
-      strokeWidth="2"
-      strokeLinecap="round"
-      strokeLinejoin="round"
-      className={cn('lucide lucide-test-tube-icon lucide-test-tube', className)}
-    >
-      <path d="M14.5 2v17.5c0 1.4-1.1 2.5-2.5 2.5c-1.4 0-2.5-1.1-2.5-2.5V2" />
-      <path d="M8.5 2h7" />
-    </svg>
-  )
-}
-export default EmptyTube
+import { cn } from '@/lib/utils'
+const EmptyTube = ({ className }: { className?: string }) => {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="24"
+      height="24"
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      strokeWidth="2"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      className={cn('lucide lucide-test-tube-icon lucide-test-tube', className)}
+    >
+      <path d="M14.5 2v17.5c0 1.4-1.1 2.5-2.5 2.5c-1.4 0-2.5-1.1-2.5-2.5V2" />
+      <path d="M8.5 2h7" />
+    </svg>
+  )
+}
+export default EmptyTube

package/templates/default/src/assets/icons/tube-plus.tsx CHANGED Viewed

@@ -1,29 +1,29 @@
-import { cn } from '@/lib/utils'
-export const TubePlus = ({ className }: { className?: string }) => {
-  return (
-    <>
-      <svg
-        xmlns="http://www.w3.org/2000/svg"
-        width="24"
-        height="24"
-        viewBox="0 0 24 24"
-        fill="none"
-        stroke="currentColor"
-        strokeWidth="2"
-        strokeLinecap="round"
-        strokeLinejoin="round"
-        className={cn('lucide', className)}
-      >
-        {/* Empty tube icon */}
-        <path d="M14.5 2v17.5c0 1.4-1.1 2.5-2.5 2.5c-1.4 0-2.5-1.1-2.5-2.5V2" />
-        <path d="M8.5 2h7" />
-        {/* Half-filled level indicator */}
-        <line x1="10.5" y1="15.5" x2="13.5" y2="15.5" />
-        {/* Plus icon - positioned at bottom right */}
-        <line x1="17.5" y1="19.5" x2="21.5" y2="19.5" strokeWidth="1.5" />
-        <line x1="19.5" y1="17.5" x2="19.5" y2="21.5" strokeWidth="1.5" />
-      </svg>
-    </>
-  )
-}
+import { cn } from '@/lib/utils'
+export const TubePlus = ({ className }: { className?: string }) => {
+  return (
+    <>
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width="24"
+        height="24"
+        viewBox="0 0 24 24"
+        fill="none"
+        stroke="currentColor"
+        strokeWidth="2"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        className={cn('lucide', className)}
+      >
+        {/* Empty tube icon */}
+        <path d="M14.5 2v17.5c0 1.4-1.1 2.5-2.5 2.5c-1.4 0-2.5-1.1-2.5-2.5V2" />
+        <path d="M8.5 2h7" />
+        {/* Half-filled level indicator */}
+        <line x1="10.5" y1="15.5" x2="13.5" y2="15.5" />
+        {/* Plus icon - positioned at bottom right */}
+        <line x1="17.5" y1="19.5" x2="21.5" y2="19.5" strokeWidth="1.5" />
+        <line x1="19.5" y1="17.5" x2="19.5" y2="21.5" strokeWidth="1.5" />
+      </svg>
+    </>
+  )
+}

package/templates/default/src/components/base-node.tsx CHANGED Viewed

@@ -1,21 +1,21 @@
-import { forwardRef, HTMLAttributes } from 'react'
-import { cn } from '@/lib/utils'
-export const BaseNode = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement> & { selected?: boolean }>(
-  ({ className, selected, ...props }, ref) => (
-    <div
-      ref={ref}
-      className={cn(
-        'relative rounded-md border bg-card p-5 text-card-foreground',
-        className,
-        selected ? 'border-muted-foreground shadow-lg' : '',
-        'hover:ring-1',
-      )}
-      tabIndex={0}
-      {...props}
-    />
-  ),
-)
-BaseNode.displayName = 'BaseNode'
+import { forwardRef, HTMLAttributes } from 'react'
+import { cn } from '@/lib/utils'
+export const BaseNode = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement> & { selected?: boolean }>(
+  ({ className, selected, ...props }, ref) => (
+    <div
+      ref={ref}
+      className={cn(
+        'relative rounded-md border bg-card p-5 text-card-foreground',
+        className,
+        selected ? 'border-muted-foreground shadow-lg' : '',
+        'hover:ring-1',
+      )}
+      tabIndex={0}
+      {...props}
+    />
+  ),
+)
+BaseNode.displayName = 'BaseNode'