@sigx/cli 0.1.0

package/dist/commands/create.js

@@ -0,0 +1,411 @@
+import { Button, Input, ProgressBar, Select, component, defineApp, signal } from "@sigx/terminal";
+import { existsSync, mkdirSync, readFileSync, readdirSync, statSync, writeFileSync } from "fs";
+import { dirname, join, resolve } from "path";
+import { fileURLToPath } from "url";
+import { jsx, jsxs } from "@sigx/terminal/jsx-runtime";
+//#region src/commands/create.tsx
+/** @jsxImportSource @sigx/terminal */
+var __dirname = dirname(fileURLToPath(import.meta.url));
+var rawArgs = process.argv.slice(2);
+function getFlag(name) {
+	const eq = rawArgs.find((a) => a.startsWith(`--${name}=`));
+	if (eq) return eq.slice(name.length + 3);
+	const idx = rawArgs.indexOf(`--${name}`);
+	if (idx !== -1 && rawArgs[idx + 1] && !rawArgs[idx + 1].startsWith("-")) return rawArgs[idx + 1];
+}
+function hasFlag(name, short) {
+	return rawArgs.includes(`--${name}`) || (short ? rawArgs.includes(`-${short}`) : false);
+}
+var argProjectName = rawArgs.filter((a) => !a.startsWith("-") && a !== "create")[0] || "";
+var argType = getFlag("type");
+var argStyling = getFlag("styling");
+var flagYes = hasFlag("yes", "y");
+var isNonInteractive = !process.stdout.isTTY || !process.stdin.isTTY || flagYes || Boolean(argType && argProjectName);
+var projectTypeOptions = [
+	{
+		value: "basic",
+		label: "Basic SPA",
+		description: "Simple single-page application (web)"
+	},
+	{
+		value: "ssr",
+		label: "SSR",
+		description: "Server-side rendering with Express (web)"
+	},
+	{
+		value: "ssg",
+		label: "SSG",
+		description: "Static site with file-based routing & MDX (web)"
+	},
+	{
+		value: "lynx",
+		label: "Lynx",
+		description: "Native mobile app with Lynx runtime"
+	}
+];
+var webStylingOptions = [
+	{
+		value: "none",
+		label: "None",
+		description: "No CSS framework"
+	},
+	{
+		value: "tailwind",
+		label: "Tailwind CSS",
+		description: "Utility-first CSS framework"
+	},
+	{
+		value: "daisyui",
+		label: "Tailwind + Daisy UI",
+		description: "Tailwind with component library"
+	}
+];
+var lynxStylingOptions = [{
+	value: "none",
+	label: "None",
+	description: "No CSS framework"
+}, {
+	value: "tailwind",
+	label: "Tailwind CSS",
+	description: "Tailwind with Lynx preset"
+}];
+function copyDirectory(src, dest, projectName) {
+	if (!existsSync(dest)) mkdirSync(dest, { recursive: true });
+	const entries = readdirSync(src);
+	for (const entry of entries) {
+		const srcPath = join(src, entry);
+		const destPath = join(dest, entry);
+		if (statSync(srcPath).isDirectory()) copyDirectory(srcPath, destPath, projectName);
+		else {
+			let content = readFileSync(srcPath, "utf-8");
+			content = content.replace(/\{\{projectName\}\}/g, projectName);
+			writeFileSync(destPath, content);
+		}
+	}
+}
+/**
+* Detect if the target directory is inside a pnpm workspace that includes @sigx packages.
+* If so, rewrite @sigx/* dependency versions to workspace:* in package.json.
+*/
+function patchWorkspaceDeps(targetDir) {
+	const pkgPath = join(targetDir, "package.json");
+	if (!existsSync(pkgPath)) return;
+	let dir = dirname(targetDir);
+	let isWorkspace = false;
+	for (let i = 0; i < 10; i++) {
+		if (existsSync(join(dir, "pnpm-workspace.yaml"))) {
+			isWorkspace = true;
+			break;
+		}
+		const parent = dirname(dir);
+		if (parent === dir) break;
+		dir = parent;
+	}
+	if (!isWorkspace) return;
+	const pkg = JSON.parse(readFileSync(pkgPath, "utf-8"));
+	for (const section of ["dependencies", "devDependencies"]) {
+		if (!pkg[section]) continue;
+		for (const dep of Object.keys(pkg[section])) if (dep.startsWith("@sigx/")) pkg[section][dep] = "workspace:*";
+	}
+	writeFileSync(pkgPath, JSON.stringify(pkg, null, 4) + "\n");
+}
+function scaffoldProject(opts) {
+	const targetDir = resolve(process.cwd(), opts.projectName);
+	let templateName;
+	if (opts.projectType === "lynx") templateName = opts.styling === "tailwind" ? "lynx-tailwind" : "lynx";
+	else templateName = opts.styling !== "none" ? `${opts.projectType}-${opts.styling}` : opts.projectType;
+	const templateDir = resolve(__dirname, "..", "templates", templateName);
+	if (existsSync(targetDir)) return {
+		ok: false,
+		error: `Directory "${opts.projectName}" already exists!`
+	};
+	if (!existsSync(templateDir)) return {
+		ok: false,
+		error: `Template "${templateName}" not found at ${templateDir}`
+	};
+	copyDirectory(templateDir, targetDir, opts.projectName);
+	patchWorkspaceDeps(targetDir);
+	return { ok: true };
+}
+var CreateSigx = component(() => {
+	const state = signal({
+		step: "name",
+		projectName: argProjectName || "my-sigx-app",
+		projectType: "basic",
+		styling: "none",
+		progress: 0,
+		error: ""
+	});
+	const createProject = () => {
+		state.step = "creating";
+		state.progress = 30;
+		const result = scaffoldProject({
+			projectName: state.projectName,
+			projectType: state.projectType,
+			styling: state.styling
+		});
+		if (!result.ok) {
+			state.error = result.error;
+			return;
+		}
+		state.progress = 100;
+		state.step = "done";
+	};
+	const handleNameSubmit = () => {
+		if (state.projectName.trim()) state.step = "type";
+	};
+	const handleTypeSubmit = () => {
+		state.step = "styling";
+	};
+	const handleStylingSubmit = () => {
+		createProject();
+	};
+	const handleExit = () => {
+		process.exit(0);
+	};
+	return () => {
+		if (state.error) return /* @__PURE__ */ jsxs("box", {
+			border: "double",
+			borderColor: "red",
+			label: " Error ",
+			children: [
+				/* @__PURE__ */ jsxs("text", {
+					color: "red",
+					children: ["  ", state.error]
+				}),
+				/* @__PURE__ */ jsx("br", {}),
+				/* @__PURE__ */ jsx("br", {}),
+				/* @__PURE__ */ jsx(Button, {
+					label: "Exit",
+					onClick: handleExit
+				})
+			]
+		});
+		const projectTypeLabel = (t) => {
+			switch (t) {
+				case "basic": return "Basic SPA";
+				case "ssr": return "SSR";
+				case "ssg": return "SSG";
+				case "lynx": return "Lynx (Native)";
+			}
+		};
+		const stylingLabel = (s) => {
+			switch (s) {
+				case "none": return "None";
+				case "tailwind": return "Tailwind CSS";
+				case "daisyui": return "Tailwind + Daisy UI";
+			}
+		};
+		const stepContent = (() => {
+			switch (state.step) {
+				case "name": return /* @__PURE__ */ jsxs("box", { children: [
+					/* @__PURE__ */ jsx("text", {
+						color: "gray",
+						children: "  Step 1 of 3"
+					}),
+					/* @__PURE__ */ jsx("br", {}),
+					/* @__PURE__ */ jsx("br", {}),
+					/* @__PURE__ */ jsx("text", {
+						color: "white",
+						children: "  What is your project called?"
+					}),
+					/* @__PURE__ */ jsx("br", {}),
+					/* @__PURE__ */ jsx("br", {}),
+					/* @__PURE__ */ jsx(Input, {
+						model: () => state.projectName,
+						label: " Project Name ",
+						placeholder: "my-sigx-app",
+						autofocus: true,
+						onSubmit: handleNameSubmit
+					}),
+					/* @__PURE__ */ jsx("br", {}),
+					/* @__PURE__ */ jsx("text", {
+						color: "gray",
+						children: "  Press Enter to continue"
+					})
+				] });
+				case "type": return /* @__PURE__ */ jsxs("box", { children: [
+					/* @__PURE__ */ jsx("text", {
+						color: "gray",
+						children: "  Step 2 of 3"
+					}),
+					/* @__PURE__ */ jsx("br", {}),
+					/* @__PURE__ */ jsx("br", {}),
+					/* @__PURE__ */ jsx("text", {
+						color: "white",
+						children: "  What type of project?"
+					}),
+					/* @__PURE__ */ jsx("br", {}),
+					/* @__PURE__ */ jsx("br", {}),
+					/* @__PURE__ */ jsx(Select, {
+						model: () => state.projectType,
+						label: " Project Type ",
+						options: projectTypeOptions,
+						showDescription: true,
+						autofocus: true,
+						onSubmit: handleTypeSubmit
+					}),
+					/* @__PURE__ */ jsx("br", {}),
+					/* @__PURE__ */ jsx("text", {
+						color: "gray",
+						children: "  ↑/↓ navigate · Enter select"
+					})
+				] });
+				case "styling": return /* @__PURE__ */ jsxs("box", { children: [
+					/* @__PURE__ */ jsx("text", {
+						color: "gray",
+						children: "  Step 3 of 3"
+					}),
+					/* @__PURE__ */ jsx("br", {}),
+					/* @__PURE__ */ jsx("br", {}),
+					/* @__PURE__ */ jsx("text", {
+						color: "white",
+						children: "  Choose a styling approach:"
+					}),
+					/* @__PURE__ */ jsx("br", {}),
+					/* @__PURE__ */ jsx("br", {}),
+					/* @__PURE__ */ jsx(Select, {
+						model: () => state.styling,
+						label: " Styling ",
+						options: state.projectType === "lynx" ? lynxStylingOptions : webStylingOptions,
+						showDescription: true,
+						autofocus: true,
+						onSubmit: handleStylingSubmit
+					}),
+					/* @__PURE__ */ jsx("br", {}),
+					/* @__PURE__ */ jsx("text", {
+						color: "gray",
+						children: "  ↑/↓ navigate · Enter select"
+					})
+				] });
+				case "creating": return /* @__PURE__ */ jsxs("box", { children: [
+					/* @__PURE__ */ jsx("br", {}),
+					/* @__PURE__ */ jsx("text", {
+						color: "yellow",
+						children: "  Creating project..."
+					}),
+					/* @__PURE__ */ jsx("br", {}),
+					/* @__PURE__ */ jsx(ProgressBar, {
+						value: state.progress,
+						max: 100,
+						width: 40,
+						color: "green"
+					})
+				] });
+				case "done": return /* @__PURE__ */ jsxs("box", { children: [
+					/* @__PURE__ */ jsx("br", {}),
+					/* @__PURE__ */ jsxs("text", {
+						color: "green",
+						children: [
+							"  ✓ Project \"",
+							state.projectName,
+							"\" created!"
+						]
+					}),
+					/* @__PURE__ */ jsx("br", {}),
+					/* @__PURE__ */ jsx("br", {}),
+					/* @__PURE__ */ jsxs("text", {
+						color: "gray",
+						children: ["  Type:    ", projectTypeLabel(state.projectType)]
+					}),
+					/* @__PURE__ */ jsx("br", {}),
+					/* @__PURE__ */ jsxs("text", {
+						color: "gray",
+						children: ["  Styling: ", stylingLabel(state.styling)]
+					}),
+					/* @__PURE__ */ jsx("br", {}),
+					/* @__PURE__ */ jsx("br", {}),
+					/* @__PURE__ */ jsx("text", {
+						color: "white",
+						children: "  Next steps:"
+					}),
+					/* @__PURE__ */ jsx("br", {}),
+					/* @__PURE__ */ jsx("br", {}),
+					/* @__PURE__ */ jsxs("text", {
+						color: "cyan",
+						children: ["    cd ", state.projectName]
+					}),
+					/* @__PURE__ */ jsx("br", {}),
+					/* @__PURE__ */ jsx("text", {
+						color: "cyan",
+						children: "    pnpm install"
+					}),
+					/* @__PURE__ */ jsx("br", {}),
+					/* @__PURE__ */ jsxs("text", {
+						color: "cyan",
+						children: ["    ", state.projectType === "lynx" ? "sigx dev" : "pnpm dev"]
+					}),
+					/* @__PURE__ */ jsx("br", {}),
+					/* @__PURE__ */ jsx("br", {}),
+					/* @__PURE__ */ jsx(Button, {
+						label: "Exit",
+						onClick: handleExit
+					})
+				] });
+			}
+		})();
+		return /* @__PURE__ */ jsxs("box", { children: [
+			/* @__PURE__ */ jsx("text", {
+				color: "cyan",
+				children: "  ⚡ Create SignalX App"
+			}),
+			/* @__PURE__ */ jsx("br", {}),
+			stepContent
+		] });
+	};
+});
+function runHeadless() {
+	const validTypes = [
+		"basic",
+		"ssr",
+		"ssg",
+		"lynx"
+	];
+	const validStyling = [
+		"none",
+		"tailwind",
+		"daisyui"
+	];
+	const projectName = argProjectName || "my-sigx-app";
+	const projectType = argType ?? "basic";
+	const styling = argStyling ?? "none";
+	if (!validTypes.includes(projectType)) {
+		console.error(`Error: --type must be one of ${validTypes.join(", ")}`);
+		return 2;
+	}
+	if (!validStyling.includes(styling)) {
+		console.error(`Error: --styling must be one of ${validStyling.join(", ")}`);
+		return 2;
+	}
+	if (projectType === "lynx" && styling === "daisyui") {
+		console.error("Error: --styling=daisyui is not supported for Lynx projects (use none or tailwind)");
+		return 2;
+	}
+	console.log(`\n  ⚡ Creating SignalX app "${projectName}"`);
+	console.log(`     type:    ${projectType}`);
+	console.log(`     styling: ${styling}\n`);
+	const result = scaffoldProject({
+		projectName,
+		projectType,
+		styling
+	});
+	if (!result.ok) {
+		console.error(`Error: ${result.error}`);
+		return 1;
+	}
+	console.log(`  ✓ Project created\n`);
+	console.log(`  Next steps:`);
+	console.log(`    cd ${projectName}`);
+	console.log(`    pnpm install`);
+	console.log(`    ${projectType === "lynx" ? "sigx dev" : "pnpm dev"}\n`);
+	return 0;
+}
+function runCreate() {
+	if (isNonInteractive) process.exit(runHeadless());
+	defineApp(/* @__PURE__ */ jsx(CreateSigx, {})).mount({ clearConsole: true });
+	setInterval(() => {}, 1e4);
+}
+//#endregion
+export { runCreate };
+
+//# sourceMappingURL=create.js.map

package/dist/commands/create.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"create.js","names":[],"sources":["../../src/commands/create.tsx"],"sourcesContent":["/** @jsxImportSource @sigx/terminal */\nimport { signal, component, defineApp, Input, Button, ProgressBar, Select } from '@sigx/terminal';\nimport { existsSync, mkdirSync, readdirSync, statSync, writeFileSync, readFileSync } from 'fs';\nimport { dirname, resolve, join } from 'path';\nimport { fileURLToPath } from 'url';\n\nconst __dirname = dirname(fileURLToPath(import.meta.url));\n\ntype Step = 'name' | 'type' | 'styling' | 'creating' | 'done';\ntype ProjectType = 'basic' | 'ssr' | 'ssg' | 'lynx';\ntype Styling = 'none' | 'tailwind' | 'daisyui';\n\n// Parse CLI args (supports both interactive default and --flag headless mode).\nconst rawArgs = process.argv.slice(2);\nfunction getFlag(name: string): string | undefined {\n    const eq = rawArgs.find(a => a.startsWith(`--${name}=`));\n    if (eq) return eq.slice(name.length + 3);\n    const idx = rawArgs.indexOf(`--${name}`);\n    if (idx !== -1 && rawArgs[idx + 1] && !rawArgs[idx + 1].startsWith('-')) return rawArgs[idx + 1];\n    return undefined;\n}\nfunction hasFlag(name: string, short?: string): boolean {\n    return rawArgs.includes(`--${name}`) || (short ? rawArgs.includes(`-${short}`) : false);\n}\nconst positionalArgs = rawArgs.filter(a => !a.startsWith('-') && a !== 'create');\nconst argProjectName = positionalArgs[0] || '';\nconst argType = getFlag('type') as ProjectType | undefined;\nconst argStyling = getFlag('styling') as Styling | undefined;\nconst flagYes = hasFlag('yes', 'y');\nconst isNonInteractive = !process.stdout.isTTY || !process.stdin.isTTY || flagYes\n    || Boolean(argType && argProjectName);\n\nconst projectTypeOptions = [\n    { value: 'basic' as ProjectType, label: 'Basic SPA', description: 'Simple single-page application (web)' },\n    { value: 'ssr' as ProjectType, label: 'SSR', description: 'Server-side rendering with Express (web)' },\n    { value: 'ssg' as ProjectType, label: 'SSG', description: 'Static site with file-based routing & MDX (web)' },\n    { value: 'lynx' as ProjectType, label: 'Lynx', description: 'Native mobile app with Lynx runtime' },\n];\n\nconst webStylingOptions = [\n    { value: 'none' as Styling, label: 'None', description: 'No CSS framework' },\n    { value: 'tailwind' as Styling, label: 'Tailwind CSS', description: 'Utility-first CSS framework' },\n    { value: 'daisyui' as Styling, label: 'Tailwind + Daisy UI', description: 'Tailwind with component library' },\n];\n\nconst lynxStylingOptions = [\n    { value: 'none' as Styling, label: 'None', description: 'No CSS framework' },\n    { value: 'tailwind' as Styling, label: 'Tailwind CSS', description: 'Tailwind with Lynx preset' },\n];\n\nfunction copyDirectory(src: string, dest: string, projectName: string) {\n    if (!existsSync(dest)) {\n        mkdirSync(dest, { recursive: true });\n    }\n\n    const entries = readdirSync(src);\n    for (const entry of entries) {\n        const srcPath = join(src, entry);\n        const destPath = join(dest, entry);\n        const stat = statSync(srcPath);\n\n        if (stat.isDirectory()) {\n            copyDirectory(srcPath, destPath, projectName);\n        } else {\n            let content = readFileSync(srcPath, 'utf-8');\n            content = content.replace(/\\{\\{projectName\\}\\}/g, projectName);\n            writeFileSync(destPath, content);\n        }\n    }\n}\n\n/**\n * Detect if the target directory is inside a pnpm workspace that includes @sigx packages.\n * If so, rewrite @sigx/* dependency versions to workspace:* in package.json.\n */\nfunction patchWorkspaceDeps(targetDir: string) {\n    const pkgPath = join(targetDir, 'package.json');\n    if (!existsSync(pkgPath)) return;\n\n    // Walk up to find pnpm-workspace.yaml\n    let dir = dirname(targetDir);\n    let isWorkspace = false;\n    for (let i = 0; i < 10; i++) {\n        if (existsSync(join(dir, 'pnpm-workspace.yaml'))) {\n            isWorkspace = true;\n            break;\n        }\n        const parent = dirname(dir);\n        if (parent === dir) break;\n        dir = parent;\n    }\n    if (!isWorkspace) return;\n\n    const pkg = JSON.parse(readFileSync(pkgPath, 'utf-8'));\n    for (const section of ['dependencies', 'devDependencies'] as const) {\n        if (!pkg[section]) continue;\n        for (const dep of Object.keys(pkg[section])) {\n            if (dep.startsWith('@sigx/')) {\n                pkg[section][dep] = 'workspace:*';\n            }\n        }\n    }\n    writeFileSync(pkgPath, JSON.stringify(pkg, null, 4) + '\\n');\n}\n\nfunction scaffoldProject(opts: {\n    projectName: string;\n    projectType: ProjectType;\n    styling: Styling;\n}): { ok: true } | { ok: false; error: string } {\n    const targetDir = resolve(process.cwd(), opts.projectName);\n    let templateName: string;\n    if (opts.projectType === 'lynx') {\n        templateName = opts.styling === 'tailwind' ? 'lynx-tailwind' : 'lynx';\n    } else {\n        templateName = opts.styling !== 'none' ? `${opts.projectType}-${opts.styling}` : opts.projectType;\n    }\n    const templateDir = resolve(__dirname, '..', 'templates', templateName);\n    if (existsSync(targetDir)) return { ok: false, error: `Directory \"${opts.projectName}\" already exists!` };\n    if (!existsSync(templateDir)) return { ok: false, error: `Template \"${templateName}\" not found at ${templateDir}` };\n    copyDirectory(templateDir, targetDir, opts.projectName);\n    patchWorkspaceDeps(targetDir);\n    return { ok: true };\n}\n\nconst CreateSigx = component(() => {\n    const state = signal({\n        step: 'name' as Step,\n        projectName: argProjectName || 'my-sigx-app',\n        projectType: 'basic' as ProjectType,\n        styling: 'none' as Styling,\n        progress: 0,\n        error: '',\n    });\n\n    const createProject = () => {\n        state.step = 'creating';\n        state.progress = 30;\n        const result = scaffoldProject({\n            projectName: state.projectName,\n            projectType: state.projectType,\n            styling: state.styling,\n        });\n        if (!result.ok) {\n            state.error = result.error;\n            return;\n        }\n        state.progress = 100;\n        state.step = 'done';\n    };\n\n    const handleNameSubmit = () => {\n        if (state.projectName.trim()) {\n            state.step = 'type';\n        }\n    };\n\n    const handleTypeSubmit = () => {\n        state.step = 'styling';\n    };\n\n    const handleStylingSubmit = () => {\n        createProject();\n    };\n\n    const handleExit = () => {\n        process.exit(0);\n    };\n\n    return () => {\n        if (state.error) {\n            return (\n                <box border=\"double\" borderColor=\"red\" label=\" Error \">\n                    <text color=\"red\">  {state.error}</text>\n                    <br />\n                    <br />\n                    <Button label=\"Exit\" onClick={handleExit} />\n                </box>\n            );\n        }\n\n        const projectTypeLabel = (t: ProjectType) => {\n            switch (t) {\n                case 'basic': return 'Basic SPA';\n                case 'ssr': return 'SSR';\n                case 'ssg': return 'SSG';\n                case 'lynx': return 'Lynx (Native)';\n            }\n        };\n\n        const stylingLabel = (s: Styling) => {\n            switch (s) {\n                case 'none': return 'None';\n                case 'tailwind': return 'Tailwind CSS';\n                case 'daisyui': return 'Tailwind + Daisy UI';\n            }\n        };\n\n        // Render step-specific content as a single element to avoid\n        // multiple conditional children causing duplicate nodes\n        const stepContent = (() => {\n            switch (state.step) {\n                case 'name':\n                    return (\n                        <box>\n                            <text color=\"gray\">  Step 1 of 3</text>\n                            <br />\n                            <br />\n                            <text color=\"white\">  What is your project called?</text>\n                            <br />\n                            <br />\n                            <Input\n                                model={() => state.projectName}\n                                label=\" Project Name \"\n                                placeholder=\"my-sigx-app\"\n                                autofocus\n                                onSubmit={handleNameSubmit}\n                            />\n                            <br />\n                            <text color=\"gray\">  Press Enter to continue</text>\n                        </box>\n                    );\n                case 'type':\n                    return (\n                        <box>\n                            <text color=\"gray\">  Step 2 of 3</text>\n                            <br />\n                            <br />\n                            <text color=\"white\">  What type of project?</text>\n                            <br />\n                            <br />\n                            <Select\n                                model={() => state.projectType}\n                                label=\" Project Type \"\n                                options={projectTypeOptions}\n                                showDescription\n                                autofocus\n                                onSubmit={handleTypeSubmit}\n                            />\n                            <br />\n                            <text color=\"gray\">  ↑/↓ navigate · Enter select</text>\n                        </box>\n                    );\n                case 'styling':\n                    return (\n                        <box>\n                            <text color=\"gray\">  Step 3 of 3</text>\n                            <br />\n                            <br />\n                            <text color=\"white\">  Choose a styling approach:</text>\n                            <br />\n                            <br />\n                            <Select\n                                model={() => state.styling}\n                                label=\" Styling \"\n                                options={state.projectType === 'lynx' ? lynxStylingOptions : webStylingOptions}\n                                showDescription\n                                autofocus\n                                onSubmit={handleStylingSubmit}\n                            />\n                            <br />\n                            <text color=\"gray\">  ↑/↓ navigate · Enter select</text>\n                        </box>\n                    );\n                case 'creating':\n                    return (\n                        <box>\n                            <br />\n                            <text color=\"yellow\">  Creating project...</text>\n                            <br />\n                            <ProgressBar value={state.progress} max={100} width={40} color=\"green\" />\n                        </box>\n                    );\n                case 'done':\n                    return (\n                        <box>\n                            <br />\n                            <text color=\"green\">  ✓ Project \"{state.projectName}\" created!</text>\n                            <br />\n                            <br />\n                            <text color=\"gray\">  Type:    {projectTypeLabel(state.projectType)}</text>\n                            <br />\n                            <text color=\"gray\">  Styling: {stylingLabel(state.styling)}</text>\n                            <br />\n                            <br />\n                            <text color=\"white\">  Next steps:</text>\n                            <br />\n                            <br />\n                            <text color=\"cyan\">    cd {state.projectName}</text>\n                            <br />\n                            <text color=\"cyan\">    pnpm install</text>\n                            <br />\n                            <text color=\"cyan\">    {state.projectType === 'lynx' ? 'sigx dev' : 'pnpm dev'}</text>\n                            <br />\n                            <br />\n                            <Button label=\"Exit\" onClick={handleExit} />\n                        </box>\n                    );\n            }\n        })();\n\n        return (\n            <box>\n                <text color=\"cyan\">  ⚡ Create SignalX App</text>\n                <br />\n                {stepContent}\n            </box>\n        );\n    };\n});\n\nfunction runHeadless(): number {\n    const validTypes: ProjectType[] = ['basic', 'ssr', 'ssg', 'lynx'];\n    const validStyling: Styling[] = ['none', 'tailwind', 'daisyui'];\n\n    const projectName = argProjectName || 'my-sigx-app';\n    const projectType: ProjectType = argType ?? 'basic';\n    const styling: Styling = argStyling ?? 'none';\n\n    if (!validTypes.includes(projectType)) {\n        console.error(`Error: --type must be one of ${validTypes.join(', ')}`);\n        return 2;\n    }\n    if (!validStyling.includes(styling)) {\n        console.error(`Error: --styling must be one of ${validStyling.join(', ')}`);\n        return 2;\n    }\n    if (projectType === 'lynx' && styling === 'daisyui') {\n        console.error('Error: --styling=daisyui is not supported for Lynx projects (use none or tailwind)');\n        return 2;\n    }\n\n    console.log(`\\n  ⚡ Creating SignalX app \"${projectName}\"`);\n    console.log(`     type:    ${projectType}`);\n    console.log(`     styling: ${styling}\\n`);\n\n    const result = scaffoldProject({ projectName, projectType, styling });\n    if (!result.ok) {\n        console.error(`Error: ${result.error}`);\n        return 1;\n    }\n\n    console.log(`  ✓ Project created\\n`);\n    console.log(`  Next steps:`);\n    console.log(`    cd ${projectName}`);\n    console.log(`    pnpm install`);\n    console.log(`    ${projectType === 'lynx' ? 'sigx dev' : 'pnpm dev'}\\n`);\n    return 0;\n}\n\nexport function runCreate() {\n    if (isNonInteractive) {\n        process.exit(runHeadless());\n    }\n    defineApp(<CreateSigx />).mount({ clearConsole: true });\n    // Keep process alive for TUI\n    setInterval(() => { }, 10000);\n}\n"],"mappings":"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"}

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export { definePlugin } from './plugin.js';
+export type { SigxPlugin, PluginCommand, CommandContext, ArgDef, Logger } from './plugin.js';

package/dist/index.js

@@ -0,0 +1,2 @@
+import { definePlugin } from "./plugin.js";
+export { definePlugin };

package/dist/plugin.d.ts

@@ -0,0 +1,26 @@
+export interface ArgDef {
+    type: 'string' | 'boolean';
+    description?: string;
+    default?: string | boolean;
+}
+export interface CommandContext {
+    cwd: string;
+    args: Record<string, unknown>;
+    logger: Logger;
+}
+export interface Logger {
+    log: (msg: string) => void;
+    warn: (msg: string) => void;
+    error: (msg: string) => void;
+}
+export interface PluginCommand {
+    description: string;
+    args?: Record<string, ArgDef>;
+    run: (ctx: CommandContext) => Promise<void>;
+}
+export interface SigxPlugin {
+    name: string;
+    detect: (cwd: string) => boolean;
+    commands: Record<string, PluginCommand>;
+}
+export declare function definePlugin(plugin: SigxPlugin): SigxPlugin;

package/dist/plugin.js

@@ -0,0 +1,11 @@
+//#region src/plugin.ts
+/**
+* Define a sigx CLI plugin. Identity function for type safety.
+*/
+function definePlugin(plugin) {
+	return plugin;
+}
+//#endregion
+export { definePlugin };
+
+//# sourceMappingURL=plugin.js.map

package/dist/plugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"plugin.js","names":[],"sources":["../src/plugin.ts"],"sourcesContent":["/**\n * Plugin interface for the sigx CLI.\n *\n * Packages that want to extend the CLI declare a `\"sigx-cli\"` field\n * in their package.json pointing to a module that default-exports\n * a SigxPlugin created with `definePlugin()`.\n */\n\nexport interface ArgDef {\n    type: 'string' | 'boolean';\n    description?: string;\n    default?: string | boolean;\n}\n\nexport interface CommandContext {\n    cwd: string;\n    args: Record<string, unknown>;\n    logger: Logger;\n}\n\nexport interface Logger {\n    log: (msg: string) => void;\n    warn: (msg: string) => void;\n    error: (msg: string) => void;\n}\n\nexport interface PluginCommand {\n    description: string;\n    args?: Record<string, ArgDef>;\n    run: (ctx: CommandContext) => Promise<void>;\n}\n\nexport interface SigxPlugin {\n    /** Unique plugin name (e.g. 'ssg', 'lynx') */\n    name: string;\n    /** Return true if this plugin handles the current project */\n    detect: (cwd: string) => boolean;\n    /** Commands this plugin provides */\n    commands: Record<string, PluginCommand>;\n}\n\n/**\n * Define a sigx CLI plugin. Identity function for type safety.\n */\nexport function definePlugin(plugin: SigxPlugin): SigxPlugin {\n    return plugin;\n}\n"],"mappings":";;;;AA4CA,SAAgB,aAAa,QAAgC;CACzD,OAAO"}

package/dist/templates/basic/index.html

@@ -0,0 +1,32 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>{{projectName}}</title>
+    <style>
+      * {
+        margin: 0;
+        padding: 0;
+        box-sizing: border-box;
+      }
+      
+      body {
+        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+        line-height: 1.6;
+        color: #333;
+        background: #f5f5f5;
+      }
+      
+      #app {
+        max-width: 800px;
+        margin: 0 auto;
+        padding: 40px 20px;
+      }
+    </style>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/App.tsx"></script>
+  </body>
+</html>

package/dist/templates/basic/package.json

@@ -0,0 +1,19 @@
+{
+    "name": "{{projectName}}",
+    "version": "0.1.0",
+    "private": true,
+    "type": "module",
+    "scripts": {
+        "dev": "vite",
+        "build": "vite build",
+        "preview": "vite preview"
+    },
+    "dependencies": {
+        "sigx": "^0.4.1"
+    },
+    "devDependencies": {
+        "@sigx/vite": "^0.4.1",
+        "vite": "^8.0.3",
+        "typescript": "^5.9.3"
+    }
+}

package/dist/templates/basic/src/App.tsx

@@ -0,0 +1,35 @@
+import { component, defineApp } from "sigx";
+
+const Counter = component(({ signal }) => {
+    const state = signal({ count: 0 });
+
+    return () => (
+        <div style="text-align: center; padding: 40px;">
+            <h1 style="color: #2c3e50; margin-bottom: 20px;">
+                🚀 Welcome to sigx!
+            </h1>
+            <p style="color: #666; margin-bottom: 30px;">
+                Edit <code>src/App.tsx</code> to get started
+            </p>
+            <div style="background: white; padding: 30px; border-radius: 12px; box-shadow: 0 2px 8px rgba(0,0,0,0.1);">
+                <p style="font-size: 48px; margin-bottom: 20px;">
+                    {state.count}
+                </p>
+                <button
+                    onClick={() => state.count++}
+                    style="padding: 12px 24px; font-size: 16px; background: #3498db; color: white; border: none; border-radius: 6px; cursor: pointer; margin: 0 8px;"
+                >
+                    Increment
+                </button>
+                <button
+                    onClick={() => state.count--}
+                    style="padding: 12px 24px; font-size: 16px; background: #e74c3c; color: white; border: none; border-radius: 6px; cursor: pointer; margin: 0 8px;"
+                >
+                    Decrement
+                </button>
+            </div>
+        </div>
+    );
+});
+
+defineApp(Counter).mount('#app');

package/dist/templates/basic/tsconfig.json

@@ -0,0 +1,13 @@
+{
+    "compilerOptions": {
+        "target": "ESNext",
+        "jsx": "react-jsx",
+        "jsxImportSource": "sigx",
+        "module": "ESNext",
+        "moduleResolution": "bundler",
+        "strict": true,
+        "noEmit": true,
+        "skipLibCheck": true
+    },
+    "include": ["src/**/*.ts", "src/**/*.tsx"]
+}

package/dist/templates/basic/vite.config.ts

@@ -0,0 +1,15 @@
+import { defineConfig } from 'vite';
+import { sigxPlugin } from '@sigx/vite';
+
+export default defineConfig({
+    plugins: [
+        sigxPlugin()
+    ],
+    // Vite 8 uses oxc instead of esbuild for JSX transforms
+    oxc: {
+        jsx: {
+            runtime: 'automatic',
+            importSource: 'sigx'
+        }
+    }
+});

package/dist/templates/basic-daisyui/index.html

@@ -0,0 +1,14 @@
+<!doctype html>
+<html lang="en" data-theme="light">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>{{projectName}}</title>
+    <link rel="stylesheet" href="/src/style.css" />
+    <script>(function(){try{var t=localStorage.getItem('daisy-theme');if(!t&&window.matchMedia('(prefers-color-scheme:dark)').matches)t='dark';if(t)document.documentElement.setAttribute('data-theme',t);}catch(e){}})()</script>
+  </head>
+  <body class="bg-base-200 min-h-screen">
+    <div id="app"></div>
+    <script type="module" src="/src/App.tsx"></script>
+  </body>
+</html>

package/dist/templates/basic-daisyui/package.json

@@ -0,0 +1,23 @@
+{
+    "name": "{{projectName}}",
+    "version": "0.1.0",
+    "private": true,
+    "type": "module",
+    "scripts": {
+        "dev": "vite",
+        "build": "vite build",
+        "preview": "vite preview"
+    },
+    "dependencies": {
+        "sigx": "^0.4.1",
+        "@sigx/daisyui": "^0.3.2"
+    },
+    "devDependencies": {
+        "@sigx/vite": "^0.4.1",
+        "vite": "^8.0.3",
+        "typescript": "^5.9.3",
+        "tailwindcss": "^4.1.0",
+        "@tailwindcss/vite": "^4.2.2",
+        "daisyui": "^5.0.0"
+    }
+}