@gxp-dev/tools 2.0.62 → 2.0.64

package/bin/lib/utils/ai-scaffold.js

@@ -8,9 +8,9 @@
  * - Gemini (via API key or gcloud CLI)
  */
 
-const fs = require("fs");
-const path = require("path");
-const { spawn, execSync } = require("child_process");
+const fs = require("fs")
+const path = require("path")
+const { spawn, execSync } = require("child_process")
 
 // AI scaffolding prompt template
 const SCAFFOLD_SYSTEM_PROMPT = `You are an expert GxP plugin developer assistant. Your task is to help create Vue.js plugin components for the GxP platform.
@@ -120,7 +120,7 @@ Example response:
 6. Add scoped styles for component-specific CSS
 7. Use Composition API with <script setup>
 8. Handle loading and error states appropriately
-`;
+`
 
 /**
  * Available AI providers
@@ -144,7 +144,7 @@ const AI_PROVIDERS = {
 		checkAvailable: checkGeminiAvailable,
 		generate: generateWithGemini,
 	},
-};
+}
 
 /**
  * Check if Claude CLI is available and logged in
@@ -153,17 +153,17 @@ const AI_PROVIDERS = {
 async function checkClaudeAvailable() {
 	try {
 		// Check if claude CLI exists
-		execSync("which claude", { stdio: "pipe" });
+		execSync("which claude", { stdio: "pipe" })
 
 		// Check if logged in by running a simple command
 		// Claude CLI doesn't have a direct "whoami" but we can check if it works
-		return { available: true };
+		return { available: true }
 	} catch (error) {
 		return {
 			available: false,
 			reason:
 				"Claude CLI not installed. Install with: npm install -g @anthropic-ai/claude-code",
-		};
+		}
 	}
 }
 
@@ -174,14 +174,14 @@ async function checkClaudeAvailable() {
 async function checkCodexAvailable() {
 	try {
 		// Check if codex CLI exists
-		execSync("which codex", { stdio: "pipe" });
-		return { available: true };
+		execSync("which codex", { stdio: "pipe" })
+		return { available: true }
 	} catch (error) {
 		return {
 			available: false,
 			reason:
 				"Codex CLI not installed. Install with: npm install -g @openai/codex",
-		};
+		}
 	}
 }
 
@@ -192,27 +192,27 @@ async function checkCodexAvailable() {
 async function checkGeminiAvailable() {
 	// Check for Gemini CLI first (preferred - uses logged-in account)
 	try {
-		execSync("which gemini", { stdio: "pipe" });
+		execSync("which gemini", { stdio: "pipe" })
 		// Gemini CLI is installed - it handles its own auth
-		return { available: true, method: "cli" };
+		return { available: true, method: "cli" }
 	} catch (error) {
 		// Gemini CLI not installed
 	}
 
 	// Check for API key
-	const apiKey = process.env.GEMINI_API_KEY || process.env.GOOGLE_API_KEY;
+	const apiKey = process.env.GEMINI_API_KEY || process.env.GOOGLE_API_KEY
 	if (apiKey) {
-		return { available: true, method: "api_key" };
+		return { available: true, method: "api_key" }
 	}
 
 	// Check for gcloud CLI with auth
 	try {
-		execSync("which gcloud", { stdio: "pipe" });
+		execSync("which gcloud", { stdio: "pipe" })
 		const authList = execSync("gcloud auth list --format='value(account)'", {
 			stdio: "pipe",
-		}).toString();
+		}).toString()
 		if (authList.trim()) {
-			return { available: true, method: "gcloud" };
+			return { available: true, method: "gcloud" }
 		}
 	} catch (error) {
 		// gcloud not available or not authenticated
@@ -225,7 +225,7 @@ async function checkGeminiAvailable() {
 			"  • Gemini CLI logged in (npm i -g @google/gemini-cli && gemini), or\n" +
 			"  • GEMINI_API_KEY environment variable, or\n" +
 			"  • gcloud CLI logged in (gcloud auth login)",
-	};
+	}
 }
 
 /**
@@ -233,10 +233,10 @@ async function checkGeminiAvailable() {
  * @returns {Promise<Array<{id: string, name: string, description: string, available: boolean, reason?: string}>>}
  */
 async function getAvailableProviders() {
-	const providers = [];
+	const providers = []
 
 	for (const [id, provider] of Object.entries(AI_PROVIDERS)) {
-		const status = await provider.checkAvailable();
+		const status = await provider.checkAvailable()
 		providers.push({
 			id,
 			name: provider.name,
@@ -244,10 +244,10 @@ async function getAvailableProviders() {
 			available: status.available,
 			reason: status.reason,
 			method: status.method,
-		});
+		})
 	}
 
-	return providers;
+	return providers
 }
 
 /**
@@ -258,14 +258,14 @@ async function getAvailableProviders() {
  * @returns {Promise<object|null>}
  */
 async function generateWithClaude(userPrompt, projectName, description) {
-	const fullPrompt = buildFullPrompt(userPrompt, projectName, description);
+	const fullPrompt = buildFullPrompt(userPrompt, projectName, description)
 
 	return new Promise((resolve) => {
-		console.log("\n🤖 Generating plugin scaffold with Claude...\n");
-		console.log("─".repeat(50));
+		console.log("\n🤖 Generating plugin scaffold with Claude...\n")
+		console.log("─".repeat(50))
 
-		let output = "";
-		let errorOutput = "";
+		let output = ""
+		let errorOutput = ""
 
 		// Use claude CLI with --print flag to get direct output
 		const claude = spawn(
@@ -274,63 +274,65 @@ async function generateWithClaude(userPrompt, projectName, description) {
 			{
 				stdio: ["pipe", "pipe", "pipe"],
 				shell: true,
-			}
-		);
+			},
+		)
 
 		claude.stdout.on("data", (data) => {
-			const chunk = data.toString();
-			output += chunk;
+			const chunk = data.toString()
+			output += chunk
 			// Stream output to user in real-time
-			process.stdout.write(chunk);
-		});
+			process.stdout.write(chunk)
+		})
 
 		claude.stderr.on("data", (data) => {
-			const chunk = data.toString();
-			errorOutput += chunk;
+			const chunk = data.toString()
+			errorOutput += chunk
 			// Show stderr as well (may contain progress info)
-			process.stderr.write(chunk);
-		});
+			process.stderr.write(chunk)
+		})
 
 		claude.on("close", (code) => {
-			console.log("\n" + "─".repeat(50));
+			console.log("\n" + "─".repeat(50))
 
 			if (code !== 0) {
-				console.error(`\n❌ Claude CLI error (exit code ${code})`);
+				console.error(`\n❌ Claude CLI error (exit code ${code})`)
 				if (errorOutput) {
-					console.error(errorOutput);
+					console.error(errorOutput)
 				}
-				resolve(null);
-				return;
+				resolve(null)
+				return
 			}
 
 			if (!output.trim()) {
-				console.error("❌ No response received from Claude");
-				resolve(null);
-				return;
+				console.error("❌ No response received from Claude")
+				resolve(null)
+				return
 			}
 
-			const scaffoldData = parseAIResponse(output);
+			const scaffoldData = parseAIResponse(output)
 			if (!scaffoldData) {
-				console.error("\n❌ Could not parse Claude response as JSON");
-				console.log("The AI response was shown above but couldn't be parsed into scaffold data.");
-				resolve(null);
-				return;
+				console.error("\n❌ Could not parse Claude response as JSON")
+				console.log(
+					"The AI response was shown above but couldn't be parsed into scaffold data.",
+				)
+				resolve(null)
+				return
 			}
 
 			if (scaffoldData.explanation) {
-				console.log("\n📝 AI Explanation:");
-				console.log(`   ${scaffoldData.explanation}`);
-				console.log("");
+				console.log("\n📝 AI Explanation:")
+				console.log(`   ${scaffoldData.explanation}`)
+				console.log("")
 			}
 
-			resolve(scaffoldData);
-		});
+			resolve(scaffoldData)
+		})
 
 		claude.on("error", (err) => {
-			console.error(`❌ Failed to run Claude CLI: ${err.message}`);
-			resolve(null);
-		});
-	});
+			console.error(`❌ Failed to run Claude CLI: ${err.message}`)
+			resolve(null)
+		})
+	})
 }
 
 /**
@@ -341,14 +343,14 @@ async function generateWithClaude(userPrompt, projectName, description) {
  * @returns {Promise<object|null>}
  */
 async function generateWithCodex(userPrompt, projectName, description) {
-	const fullPrompt = buildFullPrompt(userPrompt, projectName, description);
+	const fullPrompt = buildFullPrompt(userPrompt, projectName, description)
 
 	return new Promise((resolve) => {
-		console.log("\n🤖 Generating plugin scaffold with Codex...\n");
-		console.log("─".repeat(50));
+		console.log("\n🤖 Generating plugin scaffold with Codex...\n")
+		console.log("─".repeat(50))
 
-		let output = "";
-		let errorOutput = "";
+		let output = ""
+		let errorOutput = ""
 
 		// Use codex CLI
 		const codex = spawn(
@@ -357,63 +359,65 @@ async function generateWithCodex(userPrompt, projectName, description) {
 			{
 				stdio: ["pipe", "pipe", "pipe"],
 				shell: true,
-			}
-		);
+			},
+		)
 
 		codex.stdout.on("data", (data) => {
-			const chunk = data.toString();
-			output += chunk;
+			const chunk = data.toString()
+			output += chunk
 			// Stream output to user in real-time
-			process.stdout.write(chunk);
-		});
+			process.stdout.write(chunk)
+		})
 
 		codex.stderr.on("data", (data) => {
-			const chunk = data.toString();
-			errorOutput += chunk;
+			const chunk = data.toString()
+			errorOutput += chunk
 			// Show stderr as well
-			process.stderr.write(chunk);
-		});
+			process.stderr.write(chunk)
+		})
 
 		codex.on("close", (code) => {
-			console.log("\n" + "─".repeat(50));
+			console.log("\n" + "─".repeat(50))
 
 			if (code !== 0) {
-				console.error(`\n❌ Codex CLI error (exit code ${code})`);
+				console.error(`\n❌ Codex CLI error (exit code ${code})`)
 				if (errorOutput) {
-					console.error(errorOutput);
+					console.error(errorOutput)
 				}
-				resolve(null);
-				return;
+				resolve(null)
+				return
 			}
 
 			if (!output.trim()) {
-				console.error("❌ No response received from Codex");
-				resolve(null);
-				return;
+				console.error("❌ No response received from Codex")
+				resolve(null)
+				return
 			}
 
-			const scaffoldData = parseAIResponse(output);
+			const scaffoldData = parseAIResponse(output)
 			if (!scaffoldData) {
-				console.error("\n❌ Could not parse Codex response as JSON");
-				console.log("The AI response was shown above but couldn't be parsed into scaffold data.");
-				resolve(null);
-				return;
+				console.error("\n❌ Could not parse Codex response as JSON")
+				console.log(
+					"The AI response was shown above but couldn't be parsed into scaffold data.",
+				)
+				resolve(null)
+				return
 			}
 
 			if (scaffoldData.explanation) {
-				console.log("\n📝 AI Explanation:");
-				console.log(`   ${scaffoldData.explanation}`);
-				console.log("");
+				console.log("\n📝 AI Explanation:")
+				console.log(`   ${scaffoldData.explanation}`)
+				console.log("")
 			}
 
-			resolve(scaffoldData);
-		});
+			resolve(scaffoldData)
+		})
 
 		codex.on("error", (err) => {
-			console.error(`❌ Failed to run Codex CLI: ${err.message}`);
-			resolve(null);
-		});
-	});
+			console.error(`❌ Failed to run Codex CLI: ${err.message}`)
+			resolve(null)
+		})
+	})
 }
 
 /**
@@ -428,21 +432,21 @@ async function generateWithGemini(
 	userPrompt,
 	projectName,
 	description,
-	method
+	method,
 ) {
-	const fullPrompt = buildFullPrompt(userPrompt, projectName, description);
+	const fullPrompt = buildFullPrompt(userPrompt, projectName, description)
 
 	// Use the appropriate method
 	if (method === "cli") {
-		return generateWithGeminiCli(fullPrompt);
+		return generateWithGeminiCli(fullPrompt)
 	}
 
-	const apiKey = process.env.GEMINI_API_KEY || process.env.GOOGLE_API_KEY;
+	const apiKey = process.env.GEMINI_API_KEY || process.env.GOOGLE_API_KEY
 	if (method === "api_key" && apiKey) {
-		return generateWithGeminiApiKey(fullPrompt, apiKey);
+		return generateWithGeminiApiKey(fullPrompt, apiKey)
 	}
 
-	return generateWithGeminiGcloud(fullPrompt);
+	return generateWithGeminiGcloud(fullPrompt)
 }
 
 /**
@@ -450,11 +454,11 @@ async function generateWithGemini(
  */
 async function generateWithGeminiCli(fullPrompt) {
 	return new Promise((resolve) => {
-		console.log("\n🤖 Generating plugin scaffold with Gemini CLI...\n");
-		console.log("─".repeat(50));
+		console.log("\n🤖 Generating plugin scaffold with Gemini CLI...\n")
+		console.log("─".repeat(50))
 
-		let output = "";
-		let errorOutput = "";
+		let output = ""
+		let errorOutput = ""
 
 		// Use gemini CLI with -p for prompt mode
 		const gemini = spawn(
@@ -463,63 +467,65 @@ async function generateWithGeminiCli(fullPrompt) {
 			{
 				stdio: ["pipe", "pipe", "pipe"],
 				shell: true,
-			}
-		);
+			},
+		)
 
 		gemini.stdout.on("data", (data) => {
-			const chunk = data.toString();
-			output += chunk;
+			const chunk = data.toString()
+			output += chunk
 			// Stream output to user in real-time
-			process.stdout.write(chunk);
-		});
+			process.stdout.write(chunk)
+		})
 
 		gemini.stderr.on("data", (data) => {
-			const chunk = data.toString();
-			errorOutput += chunk;
+			const chunk = data.toString()
+			errorOutput += chunk
 			// Show stderr as well
-			process.stderr.write(chunk);
-		});
+			process.stderr.write(chunk)
+		})
 
 		gemini.on("close", (code) => {
-			console.log("\n" + "─".repeat(50));
+			console.log("\n" + "─".repeat(50))
 
 			if (code !== 0) {
-				console.error(`\n❌ Gemini CLI error (exit code ${code})`);
+				console.error(`\n❌ Gemini CLI error (exit code ${code})`)
 				if (errorOutput) {
-					console.error(errorOutput);
+					console.error(errorOutput)
 				}
-				resolve(null);
-				return;
+				resolve(null)
+				return
 			}
 
 			if (!output.trim()) {
-				console.error("❌ No response received from Gemini CLI");
-				resolve(null);
-				return;
+				console.error("❌ No response received from Gemini CLI")
+				resolve(null)
+				return
 			}
 
-			const scaffoldData = parseAIResponse(output);
+			const scaffoldData = parseAIResponse(output)
 			if (!scaffoldData) {
-				console.error("\n❌ Could not parse Gemini response as JSON");
-				console.log("The AI response was shown above but couldn't be parsed into scaffold data.");
-				resolve(null);
-				return;
+				console.error("\n❌ Could not parse Gemini response as JSON")
+				console.log(
+					"The AI response was shown above but couldn't be parsed into scaffold data.",
+				)
+				resolve(null)
+				return
 			}
 
 			if (scaffoldData.explanation) {
-				console.log("\n📝 AI Explanation:");
-				console.log(`   ${scaffoldData.explanation}`);
-				console.log("");
+				console.log("\n📝 AI Explanation:")
+				console.log(`   ${scaffoldData.explanation}`)
+				console.log("")
 			}
 
-			resolve(scaffoldData);
-		});
+			resolve(scaffoldData)
+		})
 
 		gemini.on("error", (err) => {
-			console.error(`❌ Failed to run Gemini CLI: ${err.message}`);
-			resolve(null);
-		});
-	});
+			console.error(`❌ Failed to run Gemini CLI: ${err.message}`)
+			resolve(null)
+		})
+	})
 }
 
 /**
@@ -527,9 +533,9 @@ async function generateWithGeminiCli(fullPrompt) {
  */
 async function generateWithGeminiApiKey(fullPrompt, apiKey) {
 	try {
-		console.log("\n🤖 Generating plugin scaffold with Gemini API...\n");
-		console.log("─".repeat(50));
-		console.log("Sending request to Gemini API...");
+		console.log("\n🤖 Generating plugin scaffold with Gemini API...\n")
+		console.log("─".repeat(50))
+		console.log("Sending request to Gemini API...")
 
 		const response = await fetch(
 			`https://generativelanguage.googleapis.com/v1beta/models/gemini-2.0-flash:generateContent?key=${apiKey}`,
@@ -550,49 +556,51 @@ async function generateWithGeminiApiKey(fullPrompt, apiKey) {
 						temperature: 0.7,
 					},
 				}),
-			}
-		);
+			},
+		)
 
 		if (!response.ok) {
-			const errorText = await response.text();
-			console.error(`\n❌ Gemini API error: ${response.status}`);
-			console.error(errorText);
-			console.log("─".repeat(50));
-			return null;
+			const errorText = await response.text()
+			console.error(`\n❌ Gemini API error: ${response.status}`)
+			console.error(errorText)
+			console.log("─".repeat(50))
+			return null
 		}
 
-		const data = await response.json();
-		const responseText = data.candidates?.[0]?.content?.parts?.[0]?.text || "";
+		const data = await response.json()
+		const responseText = data.candidates?.[0]?.content?.parts?.[0]?.text || ""
 
 		if (!responseText) {
-			console.error("❌ No response from Gemini API");
-			console.log("─".repeat(50));
-			return null;
+			console.error("❌ No response from Gemini API")
+			console.log("─".repeat(50))
+			return null
 		}
 
 		// Show the response to user
-		console.log("\nGemini Response:\n");
-		console.log(responseText);
-		console.log("\n" + "─".repeat(50));
+		console.log("\nGemini Response:\n")
+		console.log(responseText)
+		console.log("\n" + "─".repeat(50))
 
-		const scaffoldData = parseAIResponse(responseText);
+		const scaffoldData = parseAIResponse(responseText)
 
 		if (!scaffoldData) {
-			console.error("\n❌ Could not parse Gemini response as JSON");
-			console.log("The AI response was shown above but couldn't be parsed into scaffold data.");
-			return null;
+			console.error("\n❌ Could not parse Gemini response as JSON")
+			console.log(
+				"The AI response was shown above but couldn't be parsed into scaffold data.",
+			)
+			return null
 		}
 
 		if (scaffoldData.explanation) {
-			console.log("\n📝 AI Explanation:");
-			console.log(`   ${scaffoldData.explanation}`);
-			console.log("");
+			console.log("\n📝 AI Explanation:")
+			console.log(`   ${scaffoldData.explanation}`)
+			console.log("")
 		}
 
-		return scaffoldData;
+		return scaffoldData
 	} catch (error) {
-		console.error(`❌ Gemini API failed: ${error.message}`);
-		return null;
+		console.error(`❌ Gemini API failed: ${error.message}`)
+		return null
 	}
 }
 
@@ -601,42 +609,42 @@ async function generateWithGeminiApiKey(fullPrompt, apiKey) {
  */
 async function generateWithGeminiGcloud(fullPrompt) {
 	return new Promise((resolve) => {
-		console.log("\n🤖 Generating plugin scaffold with Gemini (via gcloud)...\n");
-		console.log("─".repeat(50));
+		console.log("\n🤖 Generating plugin scaffold with Gemini (via gcloud)...\n")
+		console.log("─".repeat(50))
 
 		// Get access token from gcloud
-		let accessToken;
+		let accessToken
 		try {
-			console.log("Getting gcloud access token...");
+			console.log("Getting gcloud access token...")
 			accessToken = execSync("gcloud auth print-access-token", {
 				stdio: "pipe",
 			})
 				.toString()
-				.trim();
+				.trim()
 		} catch (error) {
-			console.error("❌ Failed to get gcloud access token");
-			console.log("─".repeat(50));
-			resolve(null);
-			return;
+			console.error("❌ Failed to get gcloud access token")
+			console.log("─".repeat(50))
+			resolve(null)
+			return
 		}
 
 		// Get project ID
-		let projectId;
+		let projectId
 		try {
 			projectId = execSync("gcloud config get-value project", {
 				stdio: "pipe",
 			})
 				.toString()
-				.trim();
-			console.log(`Using project: ${projectId}`);
+				.trim()
+			console.log(`Using project: ${projectId}`)
 		} catch (error) {
-			console.error("❌ Failed to get gcloud project ID");
-			console.log("─".repeat(50));
-			resolve(null);
-			return;
+			console.error("❌ Failed to get gcloud project ID")
+			console.log("─".repeat(50))
+			resolve(null)
+			return
 		}
 
-		console.log("Sending request to Gemini...\n");
+		console.log("Sending request to Gemini...\n")
 
 		const requestBody = JSON.stringify({
 			contents: [
@@ -649,7 +657,7 @@ async function generateWithGeminiGcloud(fullPrompt) {
 				maxOutputTokens: 8192,
 				temperature: 0.7,
 			},
-		});
+		})
 
 		// Use curl to make the request (more reliable than fetch with gcloud auth)
 		const curl = spawn(
@@ -666,70 +674,72 @@ async function generateWithGeminiGcloud(fullPrompt) {
 				"-d",
 				requestBody,
 			],
-			{ stdio: ["pipe", "pipe", "pipe"] }
-		);
+			{ stdio: ["pipe", "pipe", "pipe"] },
+		)
 
-		let output = "";
-		let errorOutput = "";
+		let output = ""
+		let errorOutput = ""
 
 		curl.stdout.on("data", (data) => {
-			output += data.toString();
-		});
+			output += data.toString()
+		})
 
 		curl.stderr.on("data", (data) => {
-			errorOutput += data.toString();
-		});
+			errorOutput += data.toString()
+		})
 
 		curl.on("close", (code) => {
 			if (code !== 0) {
-				console.error(`❌ Gemini gcloud error: ${errorOutput}`);
-				console.log("─".repeat(50));
-				resolve(null);
-				return;
+				console.error(`❌ Gemini gcloud error: ${errorOutput}`)
+				console.log("─".repeat(50))
+				resolve(null)
+				return
 			}
 
 			try {
-				const data = JSON.parse(output);
+				const data = JSON.parse(output)
 				const responseText =
-					data.candidates?.[0]?.content?.parts?.[0]?.text || "";
+					data.candidates?.[0]?.content?.parts?.[0]?.text || ""
 
 				if (!responseText) {
-					console.error("❌ No response from Gemini");
-					console.log("─".repeat(50));
-					resolve(null);
-					return;
+					console.error("❌ No response from Gemini")
+					console.log("─".repeat(50))
+					resolve(null)
+					return
 				}
 
 				// Show the response to user
-				console.log("Gemini Response:\n");
-				console.log(responseText);
-				console.log("\n" + "─".repeat(50));
+				console.log("Gemini Response:\n")
+				console.log(responseText)
+				console.log("\n" + "─".repeat(50))
 
-				const scaffoldData = parseAIResponse(responseText);
+				const scaffoldData = parseAIResponse(responseText)
 
 				if (!scaffoldData) {
-					console.error("\n❌ Could not parse Gemini response as JSON");
-					console.log("The AI response was shown above but couldn't be parsed into scaffold data.");
-					resolve(null);
-					return;
+					console.error("\n❌ Could not parse Gemini response as JSON")
+					console.log(
+						"The AI response was shown above but couldn't be parsed into scaffold data.",
+					)
+					resolve(null)
+					return
 				}
 
 				if (scaffoldData.explanation) {
-					console.log("\n📝 AI Explanation:");
-					console.log(`   ${scaffoldData.explanation}`);
-					console.log("");
+					console.log("\n📝 AI Explanation:")
+					console.log(`   ${scaffoldData.explanation}`)
+					console.log("")
 				}
 
-				resolve(scaffoldData);
+				resolve(scaffoldData)
 			} catch (parseError) {
 				console.error(
-					`❌ Failed to parse Gemini response: ${parseError.message}`
-				);
-				console.log("─".repeat(50));
-				resolve(null);
+					`❌ Failed to parse Gemini response: ${parseError.message}`,
+				)
+				console.log("─".repeat(50))
+				resolve(null)
 			}
-		});
-	});
+		})
+	})
 }
 
 /**
@@ -738,13 +748,13 @@ async function generateWithGeminiGcloud(fullPrompt) {
 function buildFullPrompt(userPrompt, projectName, description) {
 	return `
 Project Name: ${projectName}
-Project Description: ${description || "A GxP kiosk plugin"}
+Project Description: ${description || "A GxP plugin"}
 
 User Request:
 ${userPrompt}
 
 Please generate the necessary Vue components and manifest updates for this plugin. Follow the GxP plugin architecture guidelines. Return ONLY a valid JSON object with components, manifest, and explanation fields.
-`;
+`
 }
 
 /**
@@ -755,26 +765,26 @@ Please generate the necessary Vue components and manifest updates for this plugi
 function parseAIResponse(response) {
 	try {
 		// Try to find JSON in the response
-		const jsonMatch = response.match(/```json\n?([\s\S]*?)\n?```/);
+		const jsonMatch = response.match(/```json\n?([\s\S]*?)\n?```/)
 		if (jsonMatch) {
-			return JSON.parse(jsonMatch[1]);
+			return JSON.parse(jsonMatch[1])
 		}
 
 		// Try parsing the entire response as JSON
-		return JSON.parse(response);
+		return JSON.parse(response)
 	} catch (error) {
 		// Try to extract JSON object from response
-		const jsonStart = response.indexOf("{");
-		const jsonEnd = response.lastIndexOf("}");
+		const jsonStart = response.indexOf("{")
+		const jsonEnd = response.lastIndexOf("}")
 		if (jsonStart !== -1 && jsonEnd !== -1) {
 			try {
-				return JSON.parse(response.slice(jsonStart, jsonEnd + 1));
+				return JSON.parse(response.slice(jsonStart, jsonEnd + 1))
 			} catch {
 				// Parsing failed
 			}
 		}
 	}
-	return null;
+	return null
 }
 
 /**
@@ -788,32 +798,32 @@ function applyScaffold(projectPath, scaffoldData) {
 		filesCreated: [],
 		manifestUpdated: false,
 		errors: [],
-	};
+	}
 
 	// Create component files
 	if (scaffoldData.components && Array.isArray(scaffoldData.components)) {
 		for (const component of scaffoldData.components) {
 			if (component.path && component.content) {
 				try {
-					const filePath = path.join(projectPath, component.path);
-					const dirPath = path.dirname(filePath);
+					const filePath = path.join(projectPath, component.path)
+					const dirPath = path.dirname(filePath)
 
 					// Create directory if needed
 					if (!fs.existsSync(dirPath)) {
-						fs.mkdirSync(dirPath, { recursive: true });
+						fs.mkdirSync(dirPath, { recursive: true })
 					}
 
 					// Write file
-					fs.writeFileSync(filePath, component.content);
-					result.filesCreated.push(component.path);
-					console.log(`✓ Created ${component.path}`);
+					fs.writeFileSync(filePath, component.content)
+					result.filesCreated.push(component.path)
+					console.log(`✓ Created ${component.path}`)
 				} catch (error) {
 					result.errors.push(
-						`Failed to create ${component.path}: ${error.message}`
-					);
+						`Failed to create ${component.path}: ${error.message}`,
+					)
 					console.error(
-						`✗ Failed to create ${component.path}: ${error.message}`
-					);
+						`✗ Failed to create ${component.path}: ${error.message}`,
+					)
 				}
 			}
 		}
@@ -822,45 +832,46 @@ function applyScaffold(projectPath, scaffoldData) {
 	// Update manifest
 	if (scaffoldData.manifest) {
 		try {
-			const manifestPath = path.join(projectPath, "app-manifest.json");
-			let manifest = {};
+			const manifestPath = path.join(projectPath, "app-manifest.json")
+			let manifest = {}
 
 			if (fs.existsSync(manifestPath)) {
-				manifest = JSON.parse(fs.readFileSync(manifestPath, "utf-8"));
+				manifest = JSON.parse(fs.readFileSync(manifestPath, "utf-8"))
 			}
 
 			// Merge strings
 			if (scaffoldData.manifest.strings) {
-				manifest.strings = manifest.strings || {};
-				manifest.strings.default = manifest.strings.default || {};
+				manifest.strings = manifest.strings || {}
+				manifest.strings.default = manifest.strings.default || {}
 				Object.assign(
 					manifest.strings.default,
-					scaffoldData.manifest.strings.default || scaffoldData.manifest.strings
-				);
+					scaffoldData.manifest.strings.default ||
+						scaffoldData.manifest.strings,
+				)
 			}
 
 			// Merge assets
 			if (scaffoldData.manifest.assets) {
-				manifest.assets = manifest.assets || {};
-				Object.assign(manifest.assets, scaffoldData.manifest.assets);
+				manifest.assets = manifest.assets || {}
+				Object.assign(manifest.assets, scaffoldData.manifest.assets)
 			}
 
 			// Merge settings
 			if (scaffoldData.manifest.settings) {
-				manifest.settings = manifest.settings || {};
-				Object.assign(manifest.settings, scaffoldData.manifest.settings);
+				manifest.settings = manifest.settings || {}
+				Object.assign(manifest.settings, scaffoldData.manifest.settings)
 			}
 
-			fs.writeFileSync(manifestPath, JSON.stringify(manifest, null, "\t"));
-			result.manifestUpdated = true;
-			console.log("✓ Updated app-manifest.json");
+			fs.writeFileSync(manifestPath, JSON.stringify(manifest, null, "\t"))
+			result.manifestUpdated = true
+			console.log("✓ Updated app-manifest.json")
 		} catch (error) {
-			result.errors.push(`Failed to update manifest: ${error.message}`);
-			console.error(`✗ Failed to update manifest: ${error.message}`);
+			result.errors.push(`Failed to update manifest: ${error.message}`)
+			console.error(`✗ Failed to update manifest: ${error.message}`)
 		}
 	}
 
-	return result;
+	return result
 }
 
 /**
@@ -875,27 +886,27 @@ async function generateScaffold(
 	provider,
 	userPrompt,
 	projectName,
-	description
+	description,
 ) {
-	const providerConfig = AI_PROVIDERS[provider];
+	const providerConfig = AI_PROVIDERS[provider]
 	if (!providerConfig) {
-		console.error(`❌ Unknown AI provider: ${provider}`);
-		return null;
+		console.error(`❌ Unknown AI provider: ${provider}`)
+		return null
 	}
 
-	const status = await providerConfig.checkAvailable();
+	const status = await providerConfig.checkAvailable()
 	if (!status.available) {
-		console.error(`❌ ${providerConfig.name} is not available:`);
-		console.error(`   ${status.reason}`);
-		return null;
+		console.error(`❌ ${providerConfig.name} is not available:`)
+		console.error(`   ${status.reason}`)
+		return null
 	}
 
 	return providerConfig.generate(
 		userPrompt,
 		projectName,
 		description,
-		status.method
-	);
+		status.method,
+	)
 }
 
 /**
@@ -912,34 +923,34 @@ async function runAIScaffolding(
 	projectName,
 	description,
 	buildPrompt,
-	provider = "gemini"
+	provider = "gemini",
 ) {
 	const scaffoldData = await generateScaffold(
 		provider,
 		buildPrompt,
 		projectName,
-		description
-	);
+		description,
+	)
 
 	if (!scaffoldData) {
-		return false;
+		return false
 	}
 
-	console.log("📦 Applying scaffold to project...\n");
-	const result = applyScaffold(projectPath, scaffoldData);
+	console.log("📦 Applying scaffold to project...\n")
+	const result = applyScaffold(projectPath, scaffoldData)
 
-	console.log("");
+	console.log("")
 	if (result.filesCreated.length > 0) {
-		console.log(`✅ Created ${result.filesCreated.length} file(s)`);
+		console.log(`✅ Created ${result.filesCreated.length} file(s)`)
 	}
 	if (result.manifestUpdated) {
-		console.log("✅ Updated app-manifest.json");
+		console.log("✅ Updated app-manifest.json")
 	}
 	if (result.errors.length > 0) {
-		console.log(`⚠️  ${result.errors.length} error(s) occurred`);
+		console.log(`⚠️  ${result.errors.length} error(s) occurred`)
 	}
 
-	return result.errors.length === 0;
+	return result.errors.length === 0
 }
 
 module.exports = {
@@ -950,4 +961,4 @@ module.exports = {
 	applyScaffold,
 	generateScaffold,
 	runAIScaffolding,
-};
+}