feat: implement API route for file generation with IDE and framework parameters

Author: spivx

app/api/generate/[ide]/[framework]/[fileName]/route.ts

@@ -0,0 +1,125 @@
+import { NextRequest, NextResponse } from 'next/server'
+import { readFile } from 'fs/promises'
+import path from 'path'
+import type { WizardResponses } from '@/types/wizard'
+import { getTemplateConfig, type TemplateKey } from '@/lib/template-config'
+
+// Helper function to map output file types to template types
+function mapOutputFileToTemplateType(outputFile: string): string {
+    const mapping: Record<string, string> = {
+        'instructions-md': 'copilot-instructions',
+        'cursor-rules': 'cursor-rules',
+        'json-rules': 'json-rules',
+        'agents-md': 'agents'
+    }
+    return mapping[outputFile] || outputFile
+}
+
+export async function POST(
+    request: NextRequest,
+    { params }: { params: { ide: string; framework: string; fileName: string } }
+) {
+    try {
+        const { ide, framework, fileName } = params
+        const body = await request.json()
+        const responses: WizardResponses = body
+
+        // Determine template configuration based on the request
+        let templateConfig
+
+        const frameworkFromPath = framework && !['general', 'none', 'undefined'].includes(framework)
+            ? framework
+            : undefined
+
+        if (ide) {
+            const templateKeyFromParams: TemplateKey = {
+                ide,
+                templateType: mapOutputFileToTemplateType(fileName),
+                framework: frameworkFromPath
+            }
+            templateConfig = getTemplateConfig(templateKeyFromParams)
+        }
+
+        // Check if this is a combination-based request
+        if (!templateConfig && responses.preferredIde && responses.outputFile) {
+            const templateKey: TemplateKey = {
+                ide: responses.preferredIde,
+                templateType: mapOutputFileToTemplateType(responses.outputFile),
+                framework: responses.frameworkSelection || undefined
+            }
+            templateConfig = getTemplateConfig(templateKey)
+        }
+
+        // Fallback to legacy fileName-based approach
+        if (!templateConfig) {
+            templateConfig = getTemplateConfig(fileName)
+        }
+
+        if (!templateConfig) {
+            return NextResponse.json(
+                { error: `Template not found for fileName: ${fileName}` },
+                { status: 404 }
+            )
+        }
+
+        // Read the template file
+        const templatePath = path.join(process.cwd(), 'file-templates', templateConfig.template)
+        const template = await readFile(templatePath, 'utf-8')
+
+        // Replace template variables with actual values
+        let generatedContent = template
+
+        // Helper function to replace template variables gracefully
+        const replaceVariable = (key: keyof WizardResponses, fallback: string = 'Not specified') => {
+            const value = responses[key]
+            const placeholder = `{{${key}}}`
+
+            if (value === null || value === undefined || value === '') {
+                generatedContent = generatedContent.replace(placeholder, fallback)
+            } else {
+                generatedContent = generatedContent.replace(placeholder, String(value))
+            }
+        }
+
+        // Replace all template variables
+        replaceVariable('preferredIde')
+        replaceVariable('frameworkSelection')
+        replaceVariable('tooling')
+        replaceVariable('language')
+        replaceVariable('projectPriority')
+        replaceVariable('codeStyle')
+        replaceVariable('variableNaming')
+        replaceVariable('fileNaming')
+        replaceVariable('componentNaming')
+        replaceVariable('exports')
+        replaceVariable('comments')
+        replaceVariable('collaboration')
+        replaceVariable('fileStructure')
+        replaceVariable('styling')
+        replaceVariable('stateManagement')
+        replaceVariable('apiLayer')
+        replaceVariable('folders')
+        replaceVariable('testingUT')
+        replaceVariable('testingE2E')
+        replaceVariable('dataFetching')
+        replaceVariable('reactPerf')
+        replaceVariable('auth')
+        replaceVariable('validation')
+        replaceVariable('logging')
+        replaceVariable('commitStyle')
+        replaceVariable('prRules')
+
+        // Return the generated content
+        return NextResponse.json({
+            content: generatedContent,
+            fileName: templateConfig.outputFileName
+        })
+
+    } catch (error) {
+        console.error('Error generating file:', error)
+        return NextResponse.json(
+            { error: 'Failed to generate file' },
+            { status: 500 }
+        )
+    }
+}

components/instructions-wizard.tsx

@@ -593,14 +593,21 @@ export function InstructionsWizard({ onClose }: InstructionsWizardProps) {
 
     // Call the API to generate the instructions file
     if (questionsAndAnswers.outputFile) {
+      const ideSegment = questionsAndAnswers.preferredIde ?? 'unknown'
+      const frameworkSegment = questionsAndAnswers.frameworkSelection ?? 'general'
+      const fileNameSegment = questionsAndAnswers.outputFile
+
       try {
-        const response = await fetch(`/api/generate/${questionsAndAnswers.outputFile}`, {
-          method: 'POST',
-          headers: {
-            'Content-Type': 'application/json',
-          },
-          body: JSON.stringify(questionsAndAnswers),
-        })
+        const response = await fetch(
+          `/api/generate/${encodeURIComponent(ideSegment)}/${encodeURIComponent(frameworkSegment)}/${encodeURIComponent(fileNameSegment)}`,
+          {
+            method: 'POST',
+            headers: {
+              'Content-Type': 'application/json',
+            },
+            body: JSON.stringify(questionsAndAnswers),
+          }
+        )
 
         if (response.ok) {
           const data = await response.json()