npm - create-appraisejs - Versions diffs - 0.2.0 → 0.3.0-alpha.1 - Mend

create-appraisejs 0.2.0 → 0.3.0-alpha.1

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 (1418) hide show

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

@@ -1,212 +0,0 @@
-import type { Metadata, Viewport } 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'
-import Logo from '@/components/logo'
-import Link from 'next/link'
-import NavMenuCardDeck from '@/components/navigation/nav-menu-card-deck'
-import NavCommand from '@/components/navigation/nav-command'
-import NavLink from '@/components/navigation/nav-link'
-import {
-  Blocks,
-  Bot,
-  BrickWall,
-  Code,
-  Component,
-  FileCheck,
-  FileSliders,
-  Group,
-  LayoutDashboard,
-  LayoutTemplate,
-  ListChecks,
-  Puzzle,
-  Server,
-  Settings2,
-  Tag,
-  TestTubeDiagonal,
-  TestTubes,
-} from 'lucide-react'
-const inter = Inter({
-  variable: '--font-inter',
-  subsets: ['latin'],
-})
-const interTight = Inter_Tight({
-  variable: '--font-inter-tight',
-  subsets: ['latin'],
-})
-const appTitle = 'AppraiseJS'
-const appDescription =
-  'AppraiseJS helps teams organize automated tests, execute suites, and review results from one dashboard.'
-export const viewport: Viewport = {
-  colorScheme: 'light dark',
-  themeColor: [
-    { media: '(prefers-color-scheme: light)', color: '#ffffff' },
-    { media: '(prefers-color-scheme: dark)', color: '#09090b' },
-  ],
-}
-export const metadata: Metadata = {
-  title: {
-    default: appTitle,
-    template: `%s | ${appTitle}`,
-  },
-  description: appDescription,
-  applicationName: appTitle,
-  keywords: ['AppraiseJS', 'test automation', 'QA', 'dashboard', 'test execution'],
-  openGraph: {
-    title: appTitle,
-    description: appDescription,
-    siteName: appTitle,
-    type: 'website',
-  },
-  twitter: {
-    card: 'summary',
-    title: appTitle,
-    description: appDescription,
-  },
-  appleWebApp: {
-    capable: true,
-    title: appTitle,
-    statusBarStyle: 'default',
-  },
-  icons: {
-    icon: [
-      { url: '/favicon.svg', type: 'image/svg+xml' },
-      { url: '/favicon.ico', sizes: 'any' },
-    ],
-    shortcut: ['/favicon.svg'],
-    other: [{ rel: 'mask-icon', url: '/favicon.svg', color: '#5cb85c' }],
-  },
-}
-export default function RootLayout({
-  children,
-}: Readonly<{
-  children: React.ReactNode
-}>) {
-  return (
-    <html lang="en" suppressHydrationWarning>
-      <body className={`${inter.variable} ${interTight.variable} min-h-screen antialiased`}>
-        <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',
-                    },
-                  ]}
-                />
-                <NavLink href="/settings" icon={<Settings2 className="h-5 w-5 text-primary" />}>
-                  Settings
-                </NavLink>
-                <NavCommand className="ml-auto" />
-              </div>
-            </nav>
-            {children}
-            <Toaster />
-          </div>
-        </ThemeProvider>
-      </body>
-    </html>
-  )
-}

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

@@ -1,65 +0,0 @@
-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'
-export const dynamic = 'force-dynamic'
-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>Check metrics, entity states, execution health, and more</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 DELETED Viewed

@@ -1,23 +0,0 @@
-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 DELETED Viewed

@@ -1,29 +0,0 @@
-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 DELETED Viewed

@@ -1,21 +0,0 @@
-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'

package/templates/default/src/components/chart/pie-chart.tsx DELETED Viewed

@@ -1,73 +0,0 @@
-'use client'
-import React from 'react'
-import { Label } from 'recharts'
-import { ChartConfig, ChartLegend, ChartLegendContent, ChartTooltipContent } from '../ui/chart'
-import { ChartTooltip } from '../ui/chart'
-import { ChartContainer } from '../ui/chart'
-import { Pie, PieChart } from 'recharts'
-import { CardContent, CardHeader, CardTitle } from '../ui/card'
-import { Card, CardDescription } from '../ui/card'
-import { cn } from '@/lib/utils'
-const PieChartGraph = ({
-  chartConfig,
-  chartData,
-  chartLabelValue,
-  chartLabelText,
-  chartTitle,
-  chartDescription,
-  chartValueKey,
-  chartNameKey,
-  className,
-}: {
-  chartConfig: ChartConfig
-  chartData: Record<string, unknown>[]
-  chartLabelValue: string
-  chartLabelText: string
-  chartTitle: string
-  chartDescription: string
-  chartValueKey: string
-  chartNameKey: string
-  className?: React.ComponentProps<'div'>['className']
-}) => {
-  return (
-    <Card className={cn('flex flex-col', className)}>
-      <CardHeader className="items-center pb-0">
-        <CardTitle>{chartTitle}</CardTitle>
-        <CardDescription>{chartDescription}</CardDescription>
-      </CardHeader>
-      <CardContent>
-        <ChartContainer config={chartConfig} className="mx-auto aspect-square max-h-[250px]">
-          <PieChart>
-            <ChartTooltip cursor={false} content={<ChartTooltipContent hideLabel />} />
-            <Pie data={chartData} dataKey={chartValueKey} nameKey={chartNameKey} innerRadius={60} strokeWidth={5}>
-              <Label
-                content={({ viewBox }) => {
-                  if (viewBox && 'cx' in viewBox && 'cy' in viewBox) {
-                    return (
-                      <text x={viewBox.cx} y={viewBox.cy} textAnchor="middle" dominantBaseline="middle">
-                        <tspan x={viewBox.cx} y={viewBox.cy} className="fill-foreground text-3xl font-bold">
-                          {chartLabelValue}
-                        </tspan>
-                        <tspan x={viewBox.cx} y={(viewBox.cy || 0) + 24} className="fill-muted-foreground">
-                          {chartLabelText}
-                        </tspan>
-                      </text>
-                    )
-                  }
-                }}
-              />
-            </Pie>
-            <ChartLegend
-              content={<ChartLegendContent nameKey={chartNameKey} />}
-              className="-translate-y-2 flex-wrap gap-2 [&>*]:basis-1/4 [&>*]:justify-center"
-            />
-          </PieChart>
-        </ChartContainer>
-      </CardContent>
-    </Card>
-  )
-}
-export default PieChartGraph