create-appraisejs 0.2.0-alpha.3 → 0.2.0-alpha.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-appraisejs",
-  "version": "0.2.0-alpha.3",
+  "version": "0.2.0-alpha.5",
   "description": "Scaffold a new AppraiseJS app in your directory",
   "license": "Apache-2.0",
   "author": "Hasnat Jamil",
@@ -44,7 +44,6 @@
     "sync-templates": "tsx scripts/sync-templates.ts",
     "test": "vitest run",
     "test:e2e": "vitest run --config vitest.e2e.config.ts",
-    "publish": "npm publish",
     "publish:alpha": "npm publish --tag alpha",
     "publish:beta": "npm publish --tag beta",
     "bump:alpha": "npm version prerelease --preid alpha",

package/templates/default/.appraise-template-meta.json

@@ -1,5 +1,5 @@
 {
-  "preparedAt": "2026-03-23T20:15:15.041Z",
+  "preparedAt": "2026-03-24T11:51:04.195Z",
   "inputHash": "596a28d2c5dc408d39926068711127354f3752a92c086cd0df27e8cf85eb5990",
   "databasePath": "prisma/dev.db"
 }

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

@@ -156,10 +156,9 @@ export default function RootLayout({
                     },
                   ]}
                 />
-                {/* <NavLink href="/settings" icon={<Settings2 className="h-5 w-5 text-primary" />}>
+                <NavLink href="/settings" icon={<Settings2 className="h-5 w-5 text-primary" />}>
                   Settings
                 </NavLink>
-                */}
                 <NavCommand className="ml-auto" />
               </div>
             </nav>

package/templates/default/src/config/db-config.ts

@@ -1,9 +1,70 @@
-import { PrismaClient } from '@prisma/client'
-
-const globalForPrisma = global as unknown as {
-  prisma: PrismaClient | undefined
-}
-const prisma = globalForPrisma.prisma ?? new PrismaClient()
+import fs from 'fs'
+import { createRequire } from 'module'
+import path from 'path'
+
+function readProjectDatabaseUrl(): string | null {
+  const envPath = path.join(process.cwd(), '.env')
+  if (!fs.existsSync(envPath)) {
+    return null
+  }
+
+  const envContent = fs.readFileSync(envPath, 'utf8')
+  const match = envContent.match(/^\s*DATABASE_URL\s*=\s*(?:"([^"]*)"|'([^']*)'|([^#\r\n]+))\s*$/m)
+  const rawValue = match?.[1] ?? match?.[2] ?? match?.[3]
+  const normalizedValue = rawValue?.trim()
+
+  return normalizedValue ? normalizedValue : null
+}
+
+function normalizeDatabaseUrl(databaseUrl: string): string {
+  if (!databaseUrl.startsWith('file:')) {
+    return databaseUrl
+  }
+
+  const sqlitePathWithQuery = databaseUrl.slice('file:'.length)
+  if (!sqlitePathWithQuery || sqlitePathWithQuery === ':memory:') {
+    return databaseUrl
+  }
+
+  const queryStartIndex = sqlitePathWithQuery.indexOf('?')
+  const sqlitePath = queryStartIndex >= 0 ? sqlitePathWithQuery.slice(0, queryStartIndex) : sqlitePathWithQuery
+  const query = queryStartIndex >= 0 ? sqlitePathWithQuery.slice(queryStartIndex) : ''
+
+  if (path.isAbsolute(sqlitePath)) {
+    return databaseUrl
+  }
+
+  // Prisma resolves relative SQLite paths from the schema directory. The app's schema
+  // lives in `<project>/prisma`, so normalize local file URLs to that location.
+  const absolutePath = path.resolve(process.cwd(), 'prisma', sqlitePath)
+  return `file:${absolutePath}${query}`
+}
+
+function ensureProjectDatabaseUrl(): void {
+  if (process.env.DATABASE_URL) {
+    return
+  }
+
+  const projectDatabaseUrl = readProjectDatabaseUrl()
+  if (!projectDatabaseUrl) {
+    return
+  }
+
+  process.env.DATABASE_URL = normalizeDatabaseUrl(projectDatabaseUrl)
+}
+
+ensureProjectDatabaseUrl()
+
+type PrismaClientInstance = import('@prisma/client').PrismaClient
+const require = createRequire(import.meta.url)
+const { PrismaClient } = require('@prisma/client') as {
+  PrismaClient: new () => PrismaClientInstance
+}
+
+const globalForPrisma = global as unknown as {
+  prisma: PrismaClientInstance | undefined
+}
+const prisma = globalForPrisma.prisma ?? new PrismaClient()
 
 if (process.env.NODE_ENV !== 'production') globalForPrisma.prisma = prisma
 

package/templates/default/src/lib/automation/projection-service.ts

@@ -214,14 +214,9 @@ class AutomationProjectionService {
       select: { id: true },
     })
 
-    const templateStepGroups = await prisma.templateStepGroup.findMany({
-      select: { id: true },
-    })
-
     await Promise.all([
       this.syncEnvironments(),
       ...locatorGroups.map(locatorGroup => this.syncLocatorGroup(locatorGroup.id)),
-      ...templateStepGroups.map(group => this.syncTemplateStepGroup(group.id)),
     ])
 
     await this.regenerateAllFeatures()

package/templates/default/src/lib/utils/template-step-file-generator.ts

@@ -10,29 +10,53 @@ import {
 } from '@/lib/automation/paths'
 
 const RUNTIME_IMPORT = '../../../packages/cucumber-runtime/src/index.js'
-const REQUIRED_RUNTIME_IMPORT =
-  `import { When, Then, CustomWorld, expect, SelectorName, resolveLocator, getEnvironment, generateRandomData, RandomDataType } from '${RUNTIME_IMPORT}';\n\n`
-
-export function sanitizeFileName(groupName: string): string {
-  return groupName
+const REQUIRED_RUNTIME_IMPORT =
+  `import { When, Then, CustomWorld, expect, SelectorName, resolveLocator, getEnvironment, generateRandomData, RandomDataType } from '${RUNTIME_IMPORT}';\n\n`
+
+function generateStepJSDoc(templateStep: Pick<TemplateStep, 'name' | 'description' | 'icon'>): string {
+  const lines = ['/**']
+  lines.push(` * @name ${templateStep.name}`)
+  if (templateStep.description) {
+    lines.push(` * @description ${templateStep.description}`)
+  }
+  lines.push(` * @icon ${templateStep.icon}`)
+  lines.push(' */')
+  return lines.join('\n')
+}
+
+function stripLeadingJSDoc(functionDefinition: string): string {
+  return functionDefinition.replace(/^\s*\/\*\*[\s\S]*?\*\/\s*/u, '').trim()
+}
+
+function generateStepDefinition(templateStep: TemplateStep): string | null {
+  const functionDefinition = templateStep.functionDefinition?.trim()
+  if (!functionDefinition) {
+    return null
+  }
+
+  return `${generateStepJSDoc(templateStep)}\n${stripLeadingJSDoc(functionDefinition)}`
+}
+
+export function sanitizeFileName(groupName: string): string {
+  return groupName
     .toLowerCase()
     .trim()
     .replace(/\s+/g, '_')
     .replace(/[^a-z0-9_]/g, '')
 }
 
-export function generateFileContent(templateSteps: TemplateStep[]): string {
-  if (!templateSteps || templateSteps.length === 0) {
-    return REQUIRED_RUNTIME_IMPORT + '// This file is generated automatically. Add template steps to this group to generate content.'
-  }
-
-  const functionDefinitions = templateSteps
-    .map(step => step.functionDefinition)
-    .filter(Boolean)
-    .join('\n\n')
-
-  return REQUIRED_RUNTIME_IMPORT + functionDefinitions
-}
+export function generateFileContent(templateSteps: TemplateStep[]): string {
+  if (!templateSteps || templateSteps.length === 0) {
+    return REQUIRED_RUNTIME_IMPORT + '// This file is generated automatically. Add template steps to this group to generate content.'
+  }
+
+  const functionDefinitions = templateSteps
+    .map(generateStepDefinition)
+    .filter((definition): definition is string => Boolean(definition))
+    .join('\n\n')
+
+  return REQUIRED_RUNTIME_IMPORT + functionDefinitions
+}
 
 export async function formatFileContent(content: string): Promise<string> {
   try {