create-appraise 0.1.0

package/templates/default/src/actions/test-suite/test-suite-actions.ts

@@ -0,0 +1,253 @@
+// action.ts
+'use server'
+
+import prisma from '@/config/db-config'
+import { testSuiteSchema } from '@/constants/form-opts/test-suite-form-opts'
+import { ActionResponse } from '@/types/form/actionHandler'
+import { Prisma } from '@prisma/client'
+import { revalidatePath } from 'next/cache'
+import { z, ZodError } from 'zod'
+import { generateFeatureFile, deleteFeatureFile } from '@/lib/feature-file-generator'
+
+const generateSafeFileName = (testSuiteName: string): string => {
+  return testSuiteName
+    .toLowerCase()
+    .replace(/[^a-z0-9]+/g, '-')
+    .replace(/^-+|-+$/g, '')
+    .replace(/-+/g, '-')
+}
+
+/**
+ * Get all test suites
+ * @returns ActionResponse
+ */
+export async function getAllTestSuitesAction(): Promise<ActionResponse> {
+  try {
+    const testSuites = await prisma.testSuite.findMany({
+      include: {
+        module: true,
+        testCases: true,
+        tags: true,
+      },
+    })
+    return {
+      status: 200,
+      data: testSuites,
+    }
+  } catch (e) {
+    return {
+      status: 500,
+      error: `Server error occurred: ${e}`,
+    }
+  }
+}
+
+/**
+ * Create a new test suite
+ * @param _prev - Previous state
+ * @param value - Test suite data
+ * @returns ActionResponse
+ */
+export async function createTestSuiteAction(
+  _prev: unknown,
+  value: z.infer<typeof testSuiteSchema>,
+): Promise<ActionResponse> {
+  try {
+    testSuiteSchema.parse(value)
+
+    // Create the test suite
+    const newTestSuite = await prisma.testSuite.create({
+      data: {
+        name: value.name,
+        description: value.description,
+        module: {
+          connect: {
+            id: value.moduleId,
+          },
+        },
+        testCases: {
+          connect: value.testCases?.map(id => ({ id })),
+        },
+        tags: {
+          connect: value.tagIds?.map(id => ({ id })) || [],
+        },
+      },
+      include: {
+        module: true,
+      },
+    })
+
+    const sanitizedTestSuiteName = generateSafeFileName(newTestSuite.name)
+    // Generate feature file for the new test suite
+    try {
+      await generateFeatureFile(newTestSuite.id, sanitizedTestSuiteName, newTestSuite.description || undefined)
+    } catch (featureFileError) {
+      console.error('Error generating feature file:', featureFileError)
+      // Don't fail the test suite creation if feature file generation fails
+    }
+
+    revalidatePath('/test-suites')
+    return {
+      status: 200,
+      message: 'Test suite created successfully',
+    }
+  } catch (e) {
+    if (e instanceof ZodError) {
+      return {
+        status: 400,
+        error: e.message,
+      }
+    }
+    if (e instanceof Prisma.PrismaClientKnownRequestError) {
+      return {
+        status: 500,
+        error: e.message,
+      }
+    }
+    return {
+      status: 500,
+      error: 'Server error occurred',
+    }
+  }
+}
+
+/**
+ * Delete a test suite
+ * @param id - Test suite id
+ * @returns ActionResponse
+ */
+export async function deleteTestSuiteAction(id: string[]): Promise<ActionResponse> {
+  try {
+    // Delete corresponding feature files before deleting test suites
+    for (const testSuiteId of id) {
+      try {
+        await deleteFeatureFile(testSuiteId)
+      } catch (featureFileError) {
+        console.error(`Error deleting feature file for test suite ${testSuiteId}:`, featureFileError)
+        // Don't fail the test suite deletion if feature file deletion fails
+      }
+    }
+
+    await prisma.testSuite.deleteMany({
+      where: { id: { in: id } },
+    })
+    revalidatePath('/test-suites')
+    return {
+      status: 200,
+      message: 'Test suite(s) deleted successfully',
+    }
+  } catch (e) {
+    return {
+      status: 500,
+      error: `Server error occurred: ${e}`,
+    }
+  }
+}
+
+/**
+ * Get a test suite by id
+ * @param id - Test suite id
+ * @returns ActionResponse
+ */
+export async function getTestSuiteByIdAction(id: string): Promise<ActionResponse> {
+  try {
+    const testSuite = await prisma.testSuite.findUnique({
+      where: { id },
+      include: { testCases: true, tags: true },
+    })
+    return {
+      status: 200,
+      data: testSuite,
+    }
+  } catch (e) {
+    console.error(e)
+    throw e
+  }
+}
+
+/**
+ * Update a test suite
+ * @param _prev - Previous state
+ * @param value - Test suite data
+ * @param id - Test suite id
+ * @returns ActionResponse
+ */
+export async function updateTestSuiteAction(
+  _prev: unknown,
+  value: z.infer<typeof testSuiteSchema>,
+  id?: string,
+): Promise<ActionResponse> {
+  try {
+    testSuiteSchema.parse(value)
+
+    // Get the current test suite to check if name or module changed
+    const currentTestSuite = await prisma.testSuite.findUnique({
+      where: { id },
+      include: {
+        module: true,
+      },
+    })
+
+    if (!currentTestSuite) {
+      return {
+        status: 404,
+        error: 'Test suite not found',
+      }
+    }
+
+    // Check if name or module changed - if so, delete old feature file
+    const nameChanged = currentTestSuite.name !== value.name
+    const moduleChanged = currentTestSuite.moduleId !== value.moduleId
+
+    if (nameChanged || moduleChanged) {
+      try {
+        await deleteFeatureFile(currentTestSuite.id)
+      } catch (featureFileError) {
+        console.error('Error deleting old feature file:', featureFileError)
+        // Don't fail the update if old file deletion fails
+      }
+    }
+
+    // Update the test suite
+    const updatedTestSuite = await prisma.testSuite.update({
+      where: { id },
+      data: {
+        name: value.name,
+        description: value.description,
+        testCases: {
+          set: value.testCases?.map(id => ({ id })),
+        },
+        tags: {
+          set: value.tagIds?.map(id => ({ id })) || [],
+        },
+        module: {
+          connect: {
+            id: value.moduleId,
+          },
+        },
+      },
+      include: {
+        module: true,
+      },
+    })
+
+    // Generate new feature file with updated information
+    try {
+      await generateFeatureFile(updatedTestSuite.id, updatedTestSuite.name, updatedTestSuite.description || undefined)
+    } catch (featureFileError) {
+      console.error('Error generating updated feature file:', featureFileError)
+      // Don't fail the test suite update if feature file generation fails
+    }
+
+    revalidatePath('/test-suites')
+    return {
+      status: 200,
+      message: 'Test suite updated successfully',
+    }
+  } catch (e) {
+    return {
+      status: 500,
+      error: `Server error occurred: ${e}`,
+    }
+  }
+}

package/templates/default/src/actions/user/user-actions.ts

@@ -0,0 +1,13 @@
+// User actions removed since authentication system was removed
+// This file is kept for potential future use but all user-related functionality is disabled
+
+import { ActionResponse } from '@/types/form/actionHandler'
+
+export async function getAllUsersAction(): Promise<ActionResponse> {
+  // Since User model was removed, return empty array
+  return {
+    status: 200,
+    data: [],
+    message: 'No users available - authentication system removed',
+  }
+}

package/templates/default/src/app/(base)/environments/create/page.tsx

@@ -0,0 +1,28 @@
+import { createEnvironmentAction } from '@/actions/environments/environment-actions'
+import EnvironmentForm from '../environment-form'
+import PageHeader from '@/components/typography/page-header'
+import HeaderSubtitle from '@/components/typography/page-header-subtitle'
+import { Metadata } from 'next'
+
+export const metadata: Metadata = {
+  title: 'Appraise | Create Environment',
+  description: 'Create a new environment configuration for your test runs',
+}
+
+const CreateEnvironment = async () => {
+  return (
+    <>
+      <div className="mb-8">
+        <PageHeader>Create Environment</PageHeader>
+        <HeaderSubtitle>Create a new environment configuration for your test runs.</HeaderSubtitle>
+      </div>
+      <EnvironmentForm
+        successTitle="Environment created"
+        successMessage="Environment created successfully"
+        onSubmitAction={createEnvironmentAction}
+      />
+    </>
+  )
+}
+
+export default CreateEnvironment

package/templates/default/src/app/(base)/environments/environment-form.tsx

@@ -0,0 +1,219 @@
+'use client'
+
+import { Button } from '@/components/ui/button'
+import { Input } from '@/components/ui/input'
+import { Label } from '@/components/ui/label'
+import { formOpts, type Environment } from '@/constants/form-opts/environment-form-opts'
+import { toast } from '@/hooks/use-toast'
+import { ActionResponse } from '@/types/form/actionHandler'
+import { useForm } from '@tanstack/react-form'
+import { useRouter } from 'next/navigation'
+import React, { useState } from 'react'
+import { z } from 'zod'
+import { Eye, EyeOff } from 'lucide-react'
+
+const EnvironmentForm = ({
+  defaultValues,
+  successTitle,
+  successMessage,
+  id,
+  onSubmitAction,
+}: {
+  defaultValues?: Environment
+  successTitle: string
+  successMessage: string
+  id?: string
+  onSubmitAction: (
+    _prev: unknown,
+    value: Environment,
+    id?: string,
+  ) => Promise<ActionResponse>
+}) => {
+  const router = useRouter()
+  const [showPassword, setShowPassword] = useState(false)
+  const form = useForm({
+    defaultValues: defaultValues ?? formOpts?.defaultValues,
+    validators: formOpts?.validators,
+    onSubmit: async ({ value }) => {
+      const res = await onSubmitAction(undefined, value, id)
+      if (res.status === 200) {
+        toast({
+          title: successTitle,
+          description: successMessage,
+        })
+        router.push('/environments')
+      }
+      if (res.status === 400) {
+        toast({
+          title: 'Error',
+          description: res.error,
+          variant: 'destructive',
+        })
+      }
+      if (res.status === 500) {
+        toast({
+          title: 'Error',
+          description: res.error,
+          variant: 'destructive',
+        })
+      }
+    },
+  })
+  return (
+    <form
+      onSubmit={e => {
+        e.preventDefault()
+        e.stopPropagation()
+        form.handleSubmit()
+      }}
+    >
+      <form.Field
+        name="name"
+        validators={{
+          onChange: z.string().min(1, { message: 'Name is required' }),
+        }}
+      >
+        {field => {
+          return (
+            <div className="mb-4 flex flex-col gap-2 lg:w-1/3">
+              <Label htmlFor={field.name}>Name</Label>
+              <Input id={field.name} value={field.state.value} onChange={e => field.handleChange(e.target.value)} />
+              {field.state.meta.isTouched &&
+                field.state.meta.errors.map((error, index) => (
+                  <p key={index} className="text-xs text-pink-500">
+                    {typeof error === 'string' ? error : error?.message || String(error)}
+                  </p>
+                ))}
+            </div>
+          )
+        }}
+      </form.Field>
+      <form.Field
+        name="baseUrl"
+        validators={{
+          onChange: z.string().url({ message: 'Base URL must be a valid URL' }),
+        }}
+      >
+        {field => {
+          return (
+            <div className="mb-4 flex flex-col gap-2 lg:w-1/3">
+              <Label htmlFor={field.name}>Base URL</Label>
+              <Input
+                id={field.name}
+                value={field.state.value}
+                onChange={e => field.handleChange(e.target.value)}
+                placeholder="https://example.com"
+              />
+              {field.state.meta.isTouched &&
+                field.state.meta.errors.map((error, index) => (
+                  <p key={index} className="text-xs text-pink-500">
+                    {typeof error === 'string' ? error : error?.message || String(error)}
+                  </p>
+                ))}
+            </div>
+          )
+        }}
+      </form.Field>
+      <form.Field
+        name="apiBaseUrl"
+        validators={{
+          onChange: z.string().url({ message: 'API Base URL must be a valid URL' }).optional().or(z.literal('')),
+        }}
+      >
+        {field => {
+          return (
+            <div className="mb-4 flex flex-col gap-2 lg:w-1/3">
+              <Label htmlFor={field.name}>API Base URL (Optional)</Label>
+              <Input
+                id={field.name}
+                value={field.state.value}
+                onChange={e => field.handleChange(e.target.value)}
+                placeholder="https://api.example.com"
+              />
+              {field.state.meta.isTouched &&
+                field.state.meta.errors.map((error, index) => (
+                  <p key={index} className="text-xs text-pink-500">
+                    {typeof error === 'string' ? error : error?.message || String(error)}
+                  </p>
+                ))}
+            </div>
+          )
+        }}
+      </form.Field>
+      <form.Field
+        name="username"
+        validators={{
+          onChange: z.string().optional().or(z.literal('')),
+        }}
+      >
+        {field => {
+          return (
+            <div className="mb-4 flex flex-col gap-2 lg:w-1/3">
+              <Label htmlFor={field.name}>Username (Optional)</Label>
+              <Input
+                id={field.name}
+                value={field.state.value}
+                onChange={e => field.handleChange(e.target.value)}
+                placeholder="Enter username"
+              />
+              {field.state.meta.isTouched &&
+                field.state.meta.errors.map((error, index) => (
+                  <p key={index} className="text-xs text-pink-500">
+                    {typeof error === 'string' ? error : error?.message || String(error)}
+                  </p>
+                ))}
+            </div>
+          )
+        }}
+      </form.Field>
+      <form.Field
+        name="password"
+        validators={{
+          onChange: z.string().optional().or(z.literal('')),
+        }}
+      >
+        {field => {
+          return (
+            <div className="mb-4 flex flex-col gap-2 lg:w-1/3">
+              <Label htmlFor={field.name}>Password (Optional)</Label>
+              <div className="relative">
+                <Input
+                  id={field.name}
+                  type={showPassword ? 'text' : 'password'}
+                  value={field.state.value}
+                  onChange={e => field.handleChange(e.target.value)}
+                  placeholder="Enter password"
+                  className="pr-10"
+                />
+                <Button
+                  type="button"
+                  variant="ghost"
+                  size="sm"
+                  className="absolute right-0 top-0 h-full px-3 py-2 hover:bg-transparent"
+                  onClick={() => setShowPassword(!showPassword)}
+                >
+                  {showPassword ? <EyeOff className="h-4 w-4" /> : <Eye className="h-4 w-4" />}
+                </Button>
+              </div>
+              {field.state.meta.isTouched &&
+                field.state.meta.errors.map((error, index) => (
+                  <p key={index} className="text-xs text-pink-500">
+                    {typeof error === 'string' ? error : error?.message || String(error)}
+                  </p>
+                ))}
+            </div>
+          )
+        }}
+      </form.Field>
+      <form.Subscribe selector={formState => [formState.canSubmit, formState.isSubmitting]}>
+        {([canSubmit, isSubmitting]) => (
+          <Button type="submit" disabled={!canSubmit}>
+            {isSubmitting ? '...' : 'Save'}
+          </Button>
+        )}
+      </form.Subscribe>
+    </form>
+  )
+}
+
+export default EnvironmentForm

package/templates/default/src/app/(base)/environments/environment-table-columns.tsx

@@ -0,0 +1,96 @@
+'use client'
+
+import { DataTableColumnHeader } from '@/components/ui/data-table-column-header'
+import { ColumnDef } from '@tanstack/react-table'
+
+import { Checkbox } from '@/components/ui/checkbox'
+import TableActions from '@/components/table/table-actions'
+import { Environment } from '@prisma/client'
+import { deleteEnvironmentAction } from '@/actions/environments/environment-actions'
+import { formatDateTime } from '@/lib/utils'
+
+export const environmentTableCols: ColumnDef<Environment>[] = [
+  {
+    id: 'select',
+    header: ({ table }) => (
+      <Checkbox
+        checked={table.getIsAllPageRowsSelected() || (table.getIsSomePageRowsSelected() && 'indeterminate')}
+        onCheckedChange={value => table.toggleAllPageRowsSelected(!!value)}
+        aria-label="Select all"
+        className="mr-2"
+      />
+    ),
+    cell: ({ row }) => (
+      <Checkbox
+        checked={row.getIsSelected()}
+        onCheckedChange={value => row.toggleSelected(!!value)}
+        aria-label="Select row"
+        className="mr-2"
+      />
+    ),
+    enableSorting: false,
+    enableHiding: false,
+  },
+  {
+    accessorKey: 'name',
+    header: ({ column }) => <DataTableColumnHeader column={column} title="Name" />,
+  },
+  {
+    accessorKey: 'baseUrl',
+    header: ({ column }) => <DataTableColumnHeader column={column} title="Base URL" />,
+    cell: ({ row }) => {
+      const baseUrl = row.original.baseUrl
+      return (
+        <div className="max-w-[200px] truncate font-mono text-sm" title={baseUrl}>
+          {baseUrl}
+        </div>
+      )
+    },
+  },
+  {
+    accessorKey: 'apiBaseUrl',
+    header: ({ column }) => <DataTableColumnHeader column={column} title="API Base URL" />,
+    cell: ({ row }) => {
+      const apiBaseUrl = row.original.apiBaseUrl
+      return (
+        <div className="max-w-[200px] truncate font-mono text-sm" title={apiBaseUrl || ''}>
+          {apiBaseUrl || '-'}
+        </div>
+      )
+    },
+  },
+  {
+    accessorKey: 'username',
+    header: ({ column }) => <DataTableColumnHeader column={column} title="Username" />,
+    cell: ({ row }) => {
+      const username = row.original.username
+      return <div className="max-w-[150px] truncate">{username || '-'}</div>
+    },
+  },
+  {
+    accessorKey: 'createdAt',
+    header: ({ column }) => <DataTableColumnHeader column={column} title="Created At" />,
+    cell: ({ row }) => {
+      return formatDateTime(row.original.createdAt)
+    },
+  },
+  {
+    accessorKey: 'updatedAt',
+    header: ({ column }) => <DataTableColumnHeader column={column} title="Updated At" />,
+    cell: ({ row }) => {
+      return formatDateTime(row.original.updatedAt)
+    },
+  },
+  {
+    id: 'actions',
+    cell: ({ row }) => {
+      const environmentData = row.original
+      return (
+        <TableActions
+          modifyLink={`/environments/modify/${environmentData.id}`}
+          deleteHandler={() => deleteEnvironmentAction([environmentData.id])}
+        />
+      )
+    },
+  },
+]

package/templates/default/src/app/(base)/environments/environment-table.tsx

@@ -0,0 +1,24 @@
+import { DataTable } from '@/components/ui/data-table'
+import { Environment } from '@prisma/client'
+import { getAllEnvironmentsAction, deleteEnvironmentAction } from '@/actions/environments/environment-actions'
+import { environmentTableCols } from './environment-table-columns'
+
+const EnvironmentTable = async () => {
+  const { data: environments } = await getAllEnvironmentsAction()
+
+  return (
+    <>
+      <DataTable
+        columns={environmentTableCols}
+        data={environments as Environment[]}
+        filterColumn="name"
+        filterPlaceholder="Filter by name..."
+        createLink="/environments/create"
+        modifyLink="/environments/modify"
+        deleteAction={deleteEnvironmentAction}
+      />
+    </>
+  )
+}
+
+export default EnvironmentTable

package/templates/default/src/app/(base)/environments/modify/[id]/page.tsx

@@ -0,0 +1,46 @@
+import { getEnvironmentByIdAction, updateEnvironmentAction } from '@/actions/environments/environment-actions'
+import { Environment } from '@prisma/client'
+import EnvironmentForm from '../../environment-form'
+import PageHeader from '@/components/typography/page-header'
+import HeaderSubtitle from '@/components/typography/page-header-subtitle'
+import { Metadata } from 'next'
+
+export const metadata: Metadata = {
+  title: 'Appraise | Modify Environment',
+  description: 'Update the environment configuration',
+}
+
+const ModifyEnvironment = async ({ params }: { params: Promise<{ id: string }> }) => {
+  const { id } = await params
+  const { data: environmentToBeEditedData, error: environmentToBeEditedError } = await getEnvironmentByIdAction(id)
+
+  if (environmentToBeEditedError) {
+    return <div>Error: {environmentToBeEditedError}</div>
+  }
+
+  const environmentData = environmentToBeEditedData as Environment
+
+  return (
+    <>
+      <div className="mb-8">
+        <PageHeader>Modify Environment</PageHeader>
+        <HeaderSubtitle>Update the environment configuration.</HeaderSubtitle>
+      </div>
+      <EnvironmentForm
+        id={id}
+        defaultValues={{
+          name: environmentData.name,
+          baseUrl: environmentData.baseUrl,
+          apiBaseUrl: environmentData.apiBaseUrl || '',
+          username: environmentData.username || '',
+          password: environmentData.password || '',
+        }}
+        successTitle="Environment updated"
+        successMessage="Environment updated successfully"
+        onSubmitAction={updateEnvironmentAction}
+      />
+    </>
+  )
+}
+
+export default ModifyEnvironment