@gxp-dev/tools 2.0.63 → 2.0.64

package/bin/lib/commands/init.js

@@ -14,10 +14,10 @@
  * 5. Prompt to launch browser with extension
  */
 
-const path = require("path");
-const fs = require("fs");
-const { spawn } = require("child_process");
-const { REQUIRED_DEPENDENCIES } = require("../constants");
+const path = require("path")
+const fs = require("fs")
+const { spawn } = require("child_process")
+const { REQUIRED_DEPENDENCIES } = require("../constants")
 const {
 	findProjectRoot,
 	resolveGxPaths,
@@ -35,7 +35,7 @@ const {
 	updateEnvWithCertPaths,
 	runAIScaffolding,
 	getAvailableProviders,
-} = require("../utils");
+} = require("../utils")
 
 /**
  * Copy template files to project
@@ -75,14 +75,14 @@ function copyTemplateFiles(projectPath, paths, overwrite = false) {
 			dest: "src/DemoPage.vue",
 			desc: "DemoPage.vue (Example component)",
 		},
-	];
+	]
 
 	// Copy template files
 	filesToCopy.forEach((file) => {
-		const srcPath = path.join(paths.templateDir, file.src);
-		const destPath = path.join(projectPath, file.dest);
-		safeCopyFile(srcPath, destPath, file.desc, overwrite);
-	});
+		const srcPath = path.join(paths.templateDir, file.src)
+		const destPath = path.join(projectPath, file.dest)
+		safeCopyFile(srcPath, destPath, file.desc, overwrite)
+	})
 }
 
 function copyBundleFiles(projectPath, paths, overwrite = false) {
@@ -112,6 +112,11 @@ function copyBundleFiles(projectPath, paths, overwrite = false) {
 			dest: "app-manifest.json",
 			desc: "app-manifest.json",
 		},
+		{
+			src: "vite.extend.js",
+			dest: "vite.extend.js",
+			desc: "vite.extend.js (customize the Vite runtime config)",
+		},
 		{ src: "env.example", dest: ".env.example", desc: ".env.example" },
 		{ src: "gitignore", dest: ".gitignore", desc: ".gitignore" },
 		{
@@ -140,14 +145,14 @@ function copyBundleFiles(projectPath, paths, overwrite = false) {
 			dest: ".claude/settings.json",
 			desc: "Claude Code MCP settings (GxP API server)",
 		},
-	];
+	]
 
 	// Copy template files
 	filesToCopy.forEach((file) => {
-		const srcPath = path.join(paths.templateDir, file.src);
-		const destPath = path.join(projectPath, file.dest);
-		safeCopyFile(srcPath, destPath, file.desc, overwrite);
-	});
+		const srcPath = path.join(paths.templateDir, file.src)
+		const destPath = path.join(projectPath, file.dest)
+		safeCopyFile(srcPath, destPath, file.desc, overwrite)
+	})
 }
 /**
  * Copy extension scripts to project
@@ -156,47 +161,57 @@ function copyBundleFiles(projectPath, paths, overwrite = false) {
  * @param {boolean} overwrite - If true, overwrite existing files
  */
 function copyExtensionScripts(projectPath, paths, overwrite = false) {
-	const scriptsDir = path.join(projectPath, "scripts");
+	const scriptsDir = path.join(projectPath, "scripts")
 	if (!fs.existsSync(scriptsDir)) {
-		fs.mkdirSync(scriptsDir, { recursive: true });
+		fs.mkdirSync(scriptsDir, { recursive: true })
 	}
 
 	// Copy launch-chrome.js script
 	const launchChromeSource = path.join(
 		paths.templateDir,
-		"../scripts/launch-chrome.js"
-	);
-	const launchChromeDest = path.join(scriptsDir, "launch-chrome.js");
+		"../scripts/launch-chrome.js",
+	)
+	const launchChromeDest = path.join(scriptsDir, "launch-chrome.js")
 	if (fs.existsSync(launchChromeSource)) {
-		safeCopyFile(launchChromeSource, launchChromeDest, "Chrome launcher script", overwrite);
+		safeCopyFile(
+			launchChromeSource,
+			launchChromeDest,
+			"Chrome launcher script",
+			overwrite,
+		)
 	}
 
 	// Copy pack-chrome.js script
 	const packChromeSource = path.join(
 		paths.templateDir,
-		"../scripts/pack-chrome.js"
-	);
-	const packChromeDest = path.join(scriptsDir, "pack-chrome.js");
+		"../scripts/pack-chrome.js",
+	)
+	const packChromeDest = path.join(scriptsDir, "pack-chrome.js")
 	if (fs.existsSync(packChromeSource)) {
-		safeCopyFile(packChromeSource, packChromeDest, "Chrome packaging script", overwrite);
+		safeCopyFile(
+			packChromeSource,
+			packChromeDest,
+			"Chrome packaging script",
+			overwrite,
+		)
 	}
 
 	// Copy socket events directory
-	const socketEventsSource = paths.socketEventsDir;
-	const socketEventsDest = path.join(projectPath, "socket-events");
+	const socketEventsSource = paths.socketEventsDir
+	const socketEventsDest = path.join(projectPath, "socket-events")
 	if (fs.existsSync(socketEventsSource)) {
 		if (!fs.existsSync(socketEventsDest)) {
-			fs.mkdirSync(socketEventsDest, { recursive: true });
+			fs.mkdirSync(socketEventsDest, { recursive: true })
 		}
 
 		const eventFiles = fs
 			.readdirSync(socketEventsSource)
-			.filter((file) => file.endsWith(".json"));
+			.filter((file) => file.endsWith(".json"))
 		eventFiles.forEach((file) => {
-			const srcPath = path.join(socketEventsSource, file);
-			const destPath = path.join(socketEventsDest, file);
-			safeCopyFile(srcPath, destPath, `Socket event: ${file}`, overwrite);
-		});
+			const srcPath = path.join(socketEventsSource, file)
+			const destPath = path.join(socketEventsDest, file)
+			safeCopyFile(srcPath, destPath, `Socket event: ${file}`, overwrite)
+		})
 	}
 }
 
@@ -206,19 +221,19 @@ function copyExtensionScripts(projectPath, paths, overwrite = false) {
  */
 function createSupportingFiles(projectPath) {
 	// Create /src/assets/ directory
-	const assetsDir = path.join(projectPath, "src", "assets");
+	const assetsDir = path.join(projectPath, "src", "assets")
 	if (!fs.existsSync(assetsDir)) {
-		fs.mkdirSync(assetsDir, { recursive: true });
-		fs.writeFileSync(path.join(assetsDir, ".gitkeep"), "");
-		console.log("✓ Created src/assets/ directory for project assets");
+		fs.mkdirSync(assetsDir, { recursive: true })
+		fs.writeFileSync(path.join(assetsDir, ".gitkeep"), "")
+		console.log("✓ Created src/assets/ directory for project assets")
 	}
 
 	// Create .env file from .env.example
-	const envExamplePath = path.join(projectPath, ".env.example");
-	const envPath = path.join(projectPath, ".env");
+	const envExamplePath = path.join(projectPath, ".env.example")
+	const envPath = path.join(projectPath, ".env")
 	if (fs.existsSync(envExamplePath) && !fs.existsSync(envPath)) {
-		fs.copyFileSync(envExamplePath, envPath);
-		console.log("✓ Created .env file from .env.example");
+		fs.copyFileSync(envExamplePath, envPath)
+		console.log("✓ Created .env file from .env.example")
 	}
 }
 
@@ -228,15 +243,15 @@ function createSupportingFiles(projectPath) {
  * @returns {object} - { name, description }
  */
 function readProjectInfo(projectPath) {
-	const packageJsonPath = path.join(projectPath, "package.json");
+	const packageJsonPath = path.join(projectPath, "package.json")
 	if (fs.existsSync(packageJsonPath)) {
-		const pkg = JSON.parse(fs.readFileSync(packageJsonPath, "utf-8"));
+		const pkg = JSON.parse(fs.readFileSync(packageJsonPath, "utf-8"))
 		return {
 			name: pkg.name || "",
 			description: pkg.description || "",
-		};
+		}
 	}
-	return { name: "", description: "" };
+	return { name: "", description: "" }
 }
 
 /**
@@ -246,12 +261,12 @@ function readProjectInfo(projectPath) {
  * @param {string} description - New description
  */
 function updatePackageJson(projectPath, name, description) {
-	const packageJsonPath = path.join(projectPath, "package.json");
+	const packageJsonPath = path.join(projectPath, "package.json")
 	if (fs.existsSync(packageJsonPath)) {
-		const pkg = JSON.parse(fs.readFileSync(packageJsonPath, "utf-8"));
-		pkg.name = name;
-		pkg.description = description;
-		fs.writeFileSync(packageJsonPath, JSON.stringify(pkg, null, "\t"));
+		const pkg = JSON.parse(fs.readFileSync(packageJsonPath, "utf-8"))
+		pkg.name = name
+		pkg.description = description
+		fs.writeFileSync(packageJsonPath, JSON.stringify(pkg, null, "\t"))
 	}
 }
 
@@ -262,24 +277,24 @@ function updatePackageJson(projectPath, name, description) {
  * @returns {ChildProcess} - The spawned process
  */
 function launchDevServer(projectPath, options = {}) {
-	const args = ["run"];
+	const args = ["run"]
 
 	if (options.withMock) {
-		args.push("dev");
+		args.push("dev")
 		// The dev script with mock runs through TUI
 	} else {
-		args.push(options.noHttps ? "dev-http" : "dev");
+		args.push(options.noHttps ? "dev-http" : "dev")
 	}
 
-	console.log(`\n🚀 Starting development server...`);
+	console.log(`\n🚀 Starting development server...`)
 
 	const child = spawn("npm", args, {
 		cwd: projectPath,
 		stdio: "inherit",
 		shell: true,
-	});
+	})
 
-	return child;
+	return child
 }
 
 /**
@@ -288,16 +303,16 @@ function launchDevServer(projectPath, options = {}) {
  * @param {string} browser - 'chrome' or 'firefox'
  */
 function launchBrowserExtension(projectPath, browser) {
-	console.log(`\n🌐 Launching ${browser} with GxP extension...`);
+	console.log(`\n🌐 Launching ${browser} with GxP extension...`)
 
-	const gxdevPath = path.join(__dirname, "..", "..", "gx-devtools.js");
+	const gxdevPath = path.join(__dirname, "..", "..", "gx-devtools.js")
 
 	spawn("node", [gxdevPath, `ext:${browser}`], {
 		cwd: projectPath,
 		stdio: "inherit",
 		shell: true,
 		detached: true,
-	}).unref();
+	}).unref()
 }
 
 /**
@@ -307,183 +322,258 @@ function launchBrowserExtension(projectPath, browser) {
  * @param {boolean} isLocal - Whether initialized in current directory
  */
 async function runInteractiveConfig(projectPath, initialName, isLocal = false) {
-	console.log("");
-	console.log("─".repeat(50));
-	console.log("📝 Configure Your Plugin");
-	console.log("─".repeat(50));
+	console.log("")
+	console.log("─".repeat(50))
+	console.log("📝 Configure Your Plugin")
+	console.log("─".repeat(50))
 
 	// Read current values from package.json
-	const projectInfo = readProjectInfo(projectPath);
-	const defaultName = projectInfo.name || initialName || path.basename(projectPath);
-	const defaultDescription = projectInfo.description || "A GxP kiosk plugin";
+	const projectInfo = readProjectInfo(projectPath)
+	const defaultName =
+		projectInfo.name || initialName || path.basename(projectPath)
+	const defaultDescription = projectInfo.description || "A GxP plugin"
 
 	// 1. App Name - with prepopulated value and custom option
 	const appName = await arrowSelectPrompt("App name", [
-		{ label: defaultName, value: defaultName, description: "From package.json" },
-		{ label: "Enter custom name", value: "__custom__", isCustomInput: true, defaultValue: defaultName },
-	]);
+		{
+			label: defaultName,
+			value: defaultName,
+			description: "From package.json",
+		},
+		{
+			label: "Enter custom name",
+			value: "__custom__",
+			isCustomInput: true,
+			defaultValue: defaultName,
+		},
+	])
 
 	// 2. Description - with prepopulated value and custom option
 	const description = await arrowSelectPrompt("Description", [
-		{ label: defaultDescription, value: defaultDescription, description: "From package.json" },
-		{ label: "Enter custom description", value: "__custom__", isCustomInput: true, defaultValue: "" },
-	]);
+		{
+			label: defaultDescription,
+			value: defaultDescription,
+			description: "From package.json",
+		},
+		{
+			label: "Enter custom description",
+			value: "__custom__",
+			isCustomInput: true,
+			defaultValue: "",
+		},
+	])
 
 	// Update package.json and app-manifest with new values
-	updatePackageJson(projectPath, appName, description);
-	updateAppManifest(projectPath, appName, description);
+	updatePackageJson(projectPath, appName, description)
+	updateAppManifest(projectPath, appName, description)
 
 	// 3. AI Scaffolding
-	console.log("");
-	console.log("─".repeat(50));
-	console.log("🤖 AI-Powered Scaffolding");
-	console.log("─".repeat(50));
-	console.log("   Describe what you want to build and AI will generate");
-	console.log("   starter components, views, and manifest configuration.");
-	console.log("");
+	console.log("")
+	console.log("─".repeat(50))
+	console.log("🤖 AI-Powered Scaffolding")
+	console.log("─".repeat(50))
+	console.log("   Describe what you want to build and AI will generate")
+	console.log("   starter components, views, and manifest configuration.")
+	console.log("")
 
 	// Check available AI providers
-	const providers = await getAvailableProviders();
-	const availableProviders = providers.filter((p) => p.available);
+	const providers = await getAvailableProviders()
+	const availableProviders = providers.filter((p) => p.available)
 
-	let aiChoice = "skip";
-	let selectedProvider = null;
+	let aiChoice = "skip"
+	let selectedProvider = null
 
 	if (availableProviders.length === 0) {
-		console.log("   ⚠️  No AI providers available.");
-		console.log("   To enable AI scaffolding, set up one of:");
-		console.log("   • Claude CLI: npm install -g @anthropic-ai/claude-code && claude login");
-		console.log("   • Codex CLI: npm install -g @openai/codex && codex auth");
-		console.log("   • Gemini CLI: npm install -g @google/gemini-cli && gemini");
-		console.log("   • Gemini API: export GEMINI_API_KEY=your_key");
-		console.log("");
-		aiChoice = "skip";
+		console.log("   ⚠️  No AI providers available.")
+		console.log("   To enable AI scaffolding, set up one of:")
+		console.log(
+			"   • Claude CLI: npm install -g @anthropic-ai/claude-code && claude login",
+		)
+		console.log("   • Codex CLI: npm install -g @openai/codex && codex auth")
+		console.log("   • Gemini CLI: npm install -g @google/gemini-cli && gemini")
+		console.log("   • Gemini API: export GEMINI_API_KEY=your_key")
+		console.log("")
+		aiChoice = "skip"
 	} else {
 		// Build provider options
-		const providerOptions = [
-			{ label: "Skip AI scaffolding", value: "skip" },
-		];
+		const providerOptions = [{ label: "Skip AI scaffolding", value: "skip" }]
 
 		for (const provider of availableProviders) {
-			let authInfo = "";
+			let authInfo = ""
 			if (provider.id === "gemini") {
 				switch (provider.method) {
 					case "cli":
-						authInfo = "logged in";
-						break;
+						authInfo = "logged in"
+						break
 					case "api_key":
-						authInfo = "via API key";
-						break;
+						authInfo = "via API key"
+						break
 					case "gcloud":
-						authInfo = "via gcloud";
-						break;
+						authInfo = "via gcloud"
+						break
 					default:
-						authInfo = "";
+						authInfo = ""
 				}
 			} else {
-				authInfo = "logged in";
+				authInfo = "logged in"
 			}
 			providerOptions.push({
 				label: `${provider.name}`,
 				value: provider.id,
 				description: `${authInfo}`,
-			});
+			})
 		}
 
-		aiChoice = await arrowSelectPrompt("Choose AI provider for scaffolding", providerOptions);
+		aiChoice = await arrowSelectPrompt(
+			"Choose AI provider for scaffolding",
+			providerOptions,
+		)
 		if (aiChoice !== "skip") {
-			selectedProvider = aiChoice;
+			selectedProvider = aiChoice
 		}
 	}
 
-	let buildPrompt = "";
+	let buildPrompt = ""
 	if (selectedProvider) {
 		buildPrompt = await multiLinePrompt(
 			"📝 Describe your plugin (what it does, key features, UI elements):",
-			"Press Enter twice when done"
-		);
+			"Press Enter twice when done",
+		)
 
 		if (buildPrompt) {
-			await runAIScaffolding(projectPath, appName, description, buildPrompt, selectedProvider);
+			await runAIScaffolding(
+				projectPath,
+				appName,
+				description,
+				buildPrompt,
+				selectedProvider,
+			)
 		}
 	}
 
 	// 4. SSL Setup
-	console.log("");
-	console.log("─".repeat(50));
-	console.log("🔒 SSL Configuration");
-	console.log("─".repeat(50));
-
-	const sslChoice = await arrowSelectPrompt("Set up SSL certificates for HTTPS development?", [
-		{ label: "Yes, set up SSL", value: "yes", description: "Recommended for full feature access" },
-		{ label: "Skip SSL setup", value: "no", description: "Can be set up later with npm run setup-ssl" },
-	]);
-
-	let sslSetup = false;
+	console.log("")
+	console.log("─".repeat(50))
+	console.log("🔒 SSL Configuration")
+	console.log("─".repeat(50))
+
+	const sslChoice = await arrowSelectPrompt(
+		"Set up SSL certificates for HTTPS development?",
+		[
+			{
+				label: "Yes, set up SSL",
+				value: "yes",
+				description: "Recommended for full feature access",
+			},
+			{
+				label: "Skip SSL setup",
+				value: "no",
+				description: "Can be set up later with npm run setup-ssl",
+			},
+		],
+	)
+
+	let sslSetup = false
 	if (sslChoice === "yes") {
-		console.log("\n🔒 Setting up HTTPS development environment...");
-		ensureMkcertInstalled();
-		const certs = generateSSLCertificates(projectPath);
+		console.log("\n🔒 Setting up HTTPS development environment...")
+		ensureMkcertInstalled()
+		const certs = generateSSLCertificates(projectPath)
 		if (certs) {
-			updateEnvWithCertPaths(projectPath, certs);
-			sslSetup = true;
+			updateEnvWithCertPaths(projectPath, certs)
+			sslSetup = true
 		}
 	}
 
 	// 5. Start App
-	console.log("");
-	console.log("─".repeat(50));
-	console.log("🚀 Start Development");
-	console.log("─".repeat(50));
+	console.log("")
+	console.log("─".repeat(50))
+	console.log("🚀 Start Development")
+	console.log("─".repeat(50))
 
 	const startOptions = [
-		{ label: "Start app", value: "start", description: sslSetup ? "HTTPS dev server" : "HTTP dev server" },
-		{ label: "Start app with Mock API", value: "start-mock", description: "Dev server + Socket.IO + Mock API" },
+		{
+			label: "Start app",
+			value: "start",
+			description: sslSetup ? "HTTPS dev server" : "HTTP dev server",
+		},
+		{
+			label: "Start app with Mock API",
+			value: "start-mock",
+			description: "Dev server + Socket.IO + Mock API",
+		},
 		{ label: "Skip", value: "skip" },
-	];
+	]
 
-	const startChoice = await arrowSelectPrompt("How would you like to start the development server?", startOptions);
+	const startChoice = await arrowSelectPrompt(
+		"How would you like to start the development server?",
+		startOptions,
+	)
 
-	let devProcess = null;
+	let devProcess = null
 	if (startChoice === "start") {
 		// 6. Browser Extension (only if starting)
-		console.log("");
-		const browserChoice = await arrowSelectPrompt("Launch browser with GxP extension?", [
-			{ label: "Chrome", value: "chrome", description: "Launch Chrome with DevTools panel" },
-			{ label: "Firefox", value: "firefox", description: "Launch Firefox with DevTools panel" },
-			{ label: "Skip", value: "skip" },
-		]);
+		console.log("")
+		const browserChoice = await arrowSelectPrompt(
+			"Launch browser with GxP extension?",
+			[
+				{
+					label: "Chrome",
+					value: "chrome",
+					description: "Launch Chrome with DevTools panel",
+				},
+				{
+					label: "Firefox",
+					value: "firefox",
+					description: "Launch Firefox with DevTools panel",
+				},
+				{ label: "Skip", value: "skip" },
+			],
+		)
 
 		if (browserChoice !== "skip") {
 			// Launch browser first (it will connect when server starts)
 			setTimeout(() => {
-				launchBrowserExtension(projectPath, browserChoice);
-			}, 3000); // Wait a bit for server to start
+				launchBrowserExtension(projectPath, browserChoice)
+			}, 3000) // Wait a bit for server to start
 		}
 
-		devProcess = launchDevServer(projectPath, { noHttps: !sslSetup });
+		devProcess = launchDevServer(projectPath, { noHttps: !sslSetup })
 	} else if (startChoice === "start-mock") {
 		// 6. Browser Extension (only if starting)
-		console.log("");
-		const browserChoice = await arrowSelectPrompt("Launch browser with GxP extension?", [
-			{ label: "Chrome", value: "chrome", description: "Launch Chrome with DevTools panel" },
-			{ label: "Firefox", value: "firefox", description: "Launch Firefox with DevTools panel" },
-			{ label: "Skip", value: "skip" },
-		]);
+		console.log("")
+		const browserChoice = await arrowSelectPrompt(
+			"Launch browser with GxP extension?",
+			[
+				{
+					label: "Chrome",
+					value: "chrome",
+					description: "Launch Chrome with DevTools panel",
+				},
+				{
+					label: "Firefox",
+					value: "firefox",
+					description: "Launch Firefox with DevTools panel",
+				},
+				{ label: "Skip", value: "skip" },
+			],
+		)
 
 		if (browserChoice !== "skip") {
 			setTimeout(() => {
-				launchBrowserExtension(projectPath, browserChoice);
-			}, 3000);
+				launchBrowserExtension(projectPath, browserChoice)
+			}, 3000)
 		}
 
-		devProcess = launchDevServer(projectPath, { withMock: true, noHttps: !sslSetup });
+		devProcess = launchDevServer(projectPath, {
+			withMock: true,
+			noHttps: !sslSetup,
+		})
 	} else {
 		// Print final instructions
-		printFinalInstructions(projectPath, appName, sslSetup, isLocal);
+		printFinalInstructions(projectPath, appName, sslSetup, isLocal)
 	}
 
-	return devProcess;
+	return devProcess
 }
 
 /**
@@ -493,149 +583,161 @@ async function runInteractiveConfig(projectPath, initialName, isLocal = false) {
  * @param {boolean} sslSetup - Whether SSL was set up
  * @param {boolean} isLocal - Whether initialized in current directory
  */
-function printFinalInstructions(projectPath, projectName, sslSetup, isLocal = false) {
-	console.log("");
-	console.log("─".repeat(50));
-	console.log("✅ Project setup complete!");
-	console.log("─".repeat(50));
-	console.log("");
-	console.log("🎨 GX ComponentKit component library included!");
-	console.log("🗃️ GxP Datastore included with Pinia integration!");
-	console.log("");
-	console.log(`📁 Project location: ${projectPath}`);
-	console.log("");
-	console.log("📖 Project structure:");
-	console.log("   • src/Plugin.vue - Your app entry point (customize this!)");
-	console.log("   • src/DemoPage.vue - Example component");
-	console.log("   • theme-layouts/ - Customizable layout templates");
-	console.log("   • app-manifest.json - Plugin configuration");
-	console.log("");
-	console.log("🚀 To start development:");
+function printFinalInstructions(
+	projectPath,
+	projectName,
+	sslSetup,
+	isLocal = false,
+) {
+	console.log("")
+	console.log("─".repeat(50))
+	console.log("✅ Project setup complete!")
+	console.log("─".repeat(50))
+	console.log("")
+	console.log("🎨 GX ComponentKit component library included!")
+	console.log("🗃️ GxP Datastore included with Pinia integration!")
+	console.log("")
+	console.log(`📁 Project location: ${projectPath}`)
+	console.log("")
+	console.log("📖 Project structure:")
+	console.log("   • src/Plugin.vue - Your app entry point (customize this!)")
+	console.log("   • src/DemoPage.vue - Example component")
+	console.log("   • theme-layouts/ - Customizable layout templates")
+	console.log("   • app-manifest.json - Plugin configuration")
+	console.log("")
+	console.log("🚀 To start development:")
 	if (!isLocal) {
-		console.log(`   cd ${projectName}`);
+		console.log(`   cd ${projectName}`)
 	}
 	if (sslSetup) {
-		console.log("   npm run dev          # HTTPS with TUI");
-		console.log("   npm run dev-http     # HTTP only");
+		console.log("   npm run dev          # HTTPS with TUI")
+		console.log("   npm run dev-http     # HTTP only")
 	} else {
-		console.log("   npm run dev-http     # HTTP dev server");
-		console.log("   npm run setup-ssl    # Then npm run dev for HTTPS");
+		console.log("   npm run dev-http     # HTTP dev server")
+		console.log("   npm run setup-ssl    # Then npm run dev for HTTPS")
 	}
-	console.log("");
-	console.log("📚 Documentation: https://docs.gramercytech.com/gxp-toolkit");
-	console.log("");
+	console.log("")
+	console.log("📚 Documentation: https://docs.gramercytech.com/gxp-toolkit")
+	console.log("")
 }
 
 /**
  * Initialize command - sets up a new GxP project or updates existing one
  */
 async function initCommand(argv) {
-	const currentDir = process.cwd();
-	const hasPackageJson = fs.existsSync(path.join(currentDir, "package.json"));
-	let projectPath = currentDir;
-	let projectName;
+	const currentDir = process.cwd()
+	const hasPackageJson = fs.existsSync(path.join(currentDir, "package.json"))
+	let projectPath = currentDir
+	let projectName
 
-	const overwrite = argv.local && argv.yes;
+	const overwrite = argv.local && argv.yes
 	// Copy template files
-	const paths = resolveGxPaths();
+	const paths = resolveGxPaths()
 
 	// Handle --local flag: initialize in current directory
 	if (argv.local) {
-		projectPath = currentDir;
-		projectName = argv.name || path.basename(currentDir);
+		projectPath = currentDir
+		projectName = argv.name || path.basename(currentDir)
 
-		console.log("");
-		console.log(`📁 Initializing project in current directory: ${projectName}`);
+		console.log("")
+		console.log(`📁 Initializing project in current directory: ${projectName}`)
 		if (overwrite) {
-			console.log("⚠️  Overwrite mode enabled - existing files will be replaced");
+			console.log(
+				"⚠️  Overwrite mode enabled - existing files will be replaced",
+			)
 		}
-		console.log("─".repeat(40));
+		console.log("─".repeat(40))
 	} else {
 		// Handle existing project update
 		if (hasPackageJson && !argv.name) {
-			console.log("Updating existing project...");
-			updateExistingProject(projectPath);
-			copyBundleFiles(projectPath, paths, false);
-			console.log("✅ Project updated!");
-			return;
+			console.log("Updating existing project...")
+			updateExistingProject(projectPath)
+			copyBundleFiles(projectPath, paths, false)
+			console.log("✅ Project updated!")
+			return
 		}
 
 		// New project - require a name
 		if (!argv.name) {
 			// In non-interactive mode, name is required
 			if (argv.yes) {
-				console.error("❌ Project name is required when using --yes flag!");
-				console.error("   Usage: gxdev init <project-name> --yes");
-				process.exit(1);
+				console.error("❌ Project name is required when using --yes flag!")
+				console.error("   Usage: gxdev init <project-name> --yes")
+				process.exit(1)
 			}
-			console.log("");
-			console.log("🚀 GxP Plugin Creator");
-			console.log("─".repeat(40));
-			console.log("");
-			projectName = await promptUser("📝 Project name: ");
+			console.log("")
+			console.log("🚀 GxP Plugin Creator")
+			console.log("─".repeat(40))
+			console.log("")
+			projectName = await promptUser("📝 Project name: ")
 			if (!projectName) {
-				console.error("❌ Project name is required!");
-				process.exit(1);
+				console.error("❌ Project name is required!")
+				process.exit(1)
 			}
 		} else {
-			projectName = argv.name;
+			projectName = argv.name
 		}
 
 		// Create project directory
-		projectPath = path.join(currentDir, projectName);
+		projectPath = path.join(currentDir, projectName)
 		if (fs.existsSync(projectPath)) {
-			console.error(`\n❌ Directory ${projectName} already exists!`);
-			process.exit(1);
+			console.error(`\n❌ Directory ${projectName} already exists!`)
+			process.exit(1)
 		}
 
-		console.log("");
-		console.log(`📁 Creating project: ${projectName}`);
-		console.log("─".repeat(40));
-		fs.mkdirSync(projectPath, { recursive: true });
+		console.log("")
+		console.log(`📁 Creating project: ${projectName}`)
+		console.log("─".repeat(40))
+		fs.mkdirSync(projectPath, { recursive: true })
 	}
 
 	// Create package.json (only if it doesn't exist or overwrite is enabled)
-	const initialDescription = argv.description || "A GxP kiosk plugin";
-	const packageJsonPath = path.join(projectPath, "package.json");
+	const initialDescription = argv.description || "A GxP plugin"
+	const packageJsonPath = path.join(projectPath, "package.json")
 	if (!fs.existsSync(packageJsonPath) || overwrite) {
-		createPackageJson(projectPath, projectName, initialDescription);
+		createPackageJson(projectPath, projectName, initialDescription)
 	} else {
-		console.log("⏭️  Skipping package.json (already exists)");
+		console.log("⏭️  Skipping package.json (already exists)")
 	}
 
-
-	copyTemplateFiles(projectPath, paths, overwrite);
-	copyBundleFiles(projectPath, paths, overwrite);
-	copyExtensionScripts(projectPath, paths, overwrite);
-	createSupportingFiles(projectPath);
+	copyTemplateFiles(projectPath, paths, overwrite)
+	copyBundleFiles(projectPath, paths, overwrite)
+	copyExtensionScripts(projectPath, paths, overwrite)
+	createSupportingFiles(projectPath)
 
 	// Install dependencies
-	console.log("");
-	installDependencies(projectPath);
+	console.log("")
+	installDependencies(projectPath)
 
 	// Change to project directory
-	process.chdir(projectPath);
+	process.chdir(projectPath)
 
 	// If CLI provided build prompt, skip interactive and just run AI
 	if (argv.build) {
-		updateAppManifest(projectPath, projectName, initialDescription);
-		const provider = argv.provider || "gemini"; // Default to gemini for backward compatibility
-		await runAIScaffolding(projectPath, projectName, initialDescription, argv.build, provider);
-		printFinalInstructions(projectPath, projectName, false, argv.local);
-		return;
+		updateAppManifest(projectPath, projectName, initialDescription)
+		const provider = argv.provider || "gemini" // Default to gemini for backward compatibility
+		await runAIScaffolding(
+			projectPath,
+			projectName,
+			initialDescription,
+			argv.build,
+			provider,
+		)
+		printFinalInstructions(projectPath, projectName, false, argv.local)
+		return
 	}
 
 	// If --yes flag provided, skip interactive configuration
 	if (argv.yes) {
-		updateAppManifest(projectPath, projectName, initialDescription);
-		printFinalInstructions(projectPath, projectName, false, argv.local);
-		return;
+		updateAppManifest(projectPath, projectName, initialDescription)
+		printFinalInstructions(projectPath, projectName, false, argv.local)
+		return
 	}
 
 	// Run interactive configuration
-	await runInteractiveConfig(projectPath, projectName, argv.local);
+	await runInteractiveConfig(projectPath, projectName, argv.local)
 }
 
 module.exports = {
 	initCommand,
-};
+}