@sigx/cli 0.1.2 → 0.2.0

package/dist/commands/create.js

@@ -60,15 +60,23 @@ var webStylingOptions = [
 		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"
-}];
+var lynxStylingOptions = [
+	{
+		value: "none",
+		label: "None",
+		description: "No CSS framework"
+	},
+	{
+		value: "tailwind",
+		label: "Tailwind CSS",
+		description: "Tailwind with Lynx preset"
+	},
+	{
+		value: "daisyui",
+		label: "Tailwind + Daisy UI",
+		description: "Lynx + @sigx/lynx-daisyui components"
+	}
+];
 var TEXT_EXTS = new Set([
 	"ts",
 	"tsx",
@@ -149,7 +157,7 @@ function patchWorkspaceDeps(targetDir) {
 function scaffoldProject(opts) {
 	const targetDir = resolve(process.cwd(), opts.projectName);
 	let templateName;
-	if (opts.projectType === "lynx") templateName = opts.styling === "tailwind" ? "lynx-tailwind" : "lynx";
+	if (opts.projectType === "lynx") templateName = opts.styling !== "none" ? `lynx-${opts.styling}` : "lynx";
 	else templateName = opts.styling !== "none" ? `${opts.projectType}-${opts.styling}` : opts.projectType;
 	const templateDir = resolve(__dirname, "..", "templates", templateName);
 	if (existsSync(targetDir)) return {
@@ -414,10 +422,6 @@ function runHeadless() {
 		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`);

package/dist/commands/create.js.map

@@ -1 +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\nconst TEXT_EXTS = new Set([\n    'ts', 'tsx', 'js', 'jsx', 'mjs', 'cjs', 'mts', 'cts',\n    'json', 'json5', 'jsonc',\n    'md', 'mdx', 'txt',\n    'html', 'htm', 'css', 'scss', 'sass', 'less',\n    'yml', 'yaml', 'toml', 'xml', 'svg',\n    'gitignore', 'gitattributes', 'editorconfig', 'npmrc', 'nvmrc', 'env',\n]);\n\nfunction isTextExtension(filename: string): boolean {\n    // Dotfiles: name after leading dot (.gitignore → \"gitignore\").\n    const ext = filename.startsWith('.')\n        ? filename.slice(1).toLowerCase()\n        : filename.split('.').pop()?.toLowerCase() ?? '';\n    return TEXT_EXTS.has(ext);\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 if (isTextExtension(entry)) {\n            let content = readFileSync(srcPath, 'utf-8');\n            content = content.replace(/\\{\\{projectName\\}\\}/g, projectName);\n            writeFileSync(destPath, content);\n        } else {\n            // Binary asset — copy bytes verbatim. Reading as UTF-8 would corrupt\n            // non-ASCII bytes (e.g. PNG magic 0x89 → U+FFFD).\n            writeFileSync(destPath, readFileSync(srcPath));\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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"}
+{"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    { value: 'daisyui' as Styling, label: 'Tailwind + Daisy UI', description: 'Lynx + @sigx/lynx-daisyui components' },\n];\n\nconst TEXT_EXTS = new Set([\n    'ts', 'tsx', 'js', 'jsx', 'mjs', 'cjs', 'mts', 'cts',\n    'json', 'json5', 'jsonc',\n    'md', 'mdx', 'txt',\n    'html', 'htm', 'css', 'scss', 'sass', 'less',\n    'yml', 'yaml', 'toml', 'xml', 'svg',\n    'gitignore', 'gitattributes', 'editorconfig', 'npmrc', 'nvmrc', 'env',\n]);\n\nfunction isTextExtension(filename: string): boolean {\n    // Dotfiles: name after leading dot (.gitignore → \"gitignore\").\n    const ext = filename.startsWith('.')\n        ? filename.slice(1).toLowerCase()\n        : filename.split('.').pop()?.toLowerCase() ?? '';\n    return TEXT_EXTS.has(ext);\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 if (isTextExtension(entry)) {\n            let content = readFileSync(srcPath, 'utf-8');\n            content = content.replace(/\\{\\{projectName\\}\\}/g, projectName);\n            writeFileSync(destPath, content);\n        } else {\n            // Binary asset — copy bytes verbatim. Reading as UTF-8 would corrupt\n            // non-ASCII bytes (e.g. PNG magic 0x89 → U+FFFD).\n            writeFileSync(destPath, readFileSync(srcPath));\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 !== 'none' ? `lynx-${opts.styling}` : '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\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":";;;;;;;AAMA,IAAM,YAAY,QAAQ,cAAc,OAAO,KAAK,IAAI,CAAC;AAOzD,IAAM,UAAU,QAAQ,KAAK,MAAM,EAAE;AACrC,SAAS,QAAQ,MAAkC;CAC/C,MAAM,KAAK,QAAQ,MAAK,MAAK,EAAE,WAAW,KAAK,KAAK,GAAG,CAAC;CACxD,IAAI,IAAI,OAAO,GAAG,MAAM,KAAK,SAAS,EAAE;CACxC,MAAM,MAAM,QAAQ,QAAQ,KAAK,OAAO;CACxC,IAAI,QAAQ,MAAM,QAAQ,MAAM,MAAM,CAAC,QAAQ,MAAM,GAAG,WAAW,IAAI,EAAE,OAAO,QAAQ,MAAM;;AAGlG,SAAS,QAAQ,MAAc,OAAyB;CACpD,OAAO,QAAQ,SAAS,KAAK,OAAO,KAAK,QAAQ,QAAQ,SAAS,IAAI,QAAQ,GAAG;;AAGrF,IAAM,iBADiB,QAAQ,QAAO,MAAK,CAAC,EAAE,WAAW,IAAI,IAAI,MAAM,SAChD,CAAe,MAAM;AAC5C,IAAM,UAAU,QAAQ,OAAO;AAC/B,IAAM,aAAa,QAAQ,UAAU;AACrC,IAAM,UAAU,QAAQ,OAAO,IAAI;AACnC,IAAM,mBAAmB,CAAC,QAAQ,OAAO,SAAS,CAAC,QAAQ,MAAM,SAAS,WACnE,QAAQ,WAAW,eAAe;AAEzC,IAAM,qBAAqB;CACvB;EAAE,OAAO;EAAwB,OAAO;EAAa,aAAa;EAAwC;CAC1G;EAAE,OAAO;EAAsB,OAAO;EAAO,aAAa;EAA4C;CACtG;EAAE,OAAO;EAAsB,OAAO;EAAO,aAAa;EAAmD;CAC7G;EAAE,OAAO;EAAuB,OAAO;EAAQ,aAAa;EAAuC;CACtG;AAED,IAAM,oBAAoB;CACtB;EAAE,OAAO;EAAmB,OAAO;EAAQ,aAAa;EAAoB;CAC5E;EAAE,OAAO;EAAuB,OAAO;EAAgB,aAAa;EAA+B;CACnG;EAAE,OAAO;EAAsB,OAAO;EAAuB,aAAa;EAAmC;CAChH;AAED,IAAM,qBAAqB;CACvB;EAAE,OAAO;EAAmB,OAAO;EAAQ,aAAa;EAAoB;CAC5E;EAAE,OAAO;EAAuB,OAAO;EAAgB,aAAa;EAA6B;CACjG;EAAE,OAAO;EAAsB,OAAO;EAAuB,aAAa;EAAwC;CACrH;AAED,IAAM,YAAY,IAAI,IAAI;CACtB;CAAM;CAAO;CAAM;CAAO;CAAO;CAAO;CAAO;CAC/C;CAAQ;CAAS;CACjB;CAAM;CAAO;CACb;CAAQ;CAAO;CAAO;CAAQ;CAAQ;CACtC;CAAO;CAAQ;CAAQ;CAAO;CAC9B;CAAa;CAAiB;CAAgB;CAAS;CAAS;CACnE,CAAC;AAEF,SAAS,gBAAgB,UAA2B;CAEhD,MAAM,MAAM,SAAS,WAAW,IAAI,GAC9B,SAAS,MAAM,EAAE,CAAC,aAAa,GAC/B,SAAS,MAAM,IAAI,CAAC,KAAK,EAAE,aAAa,IAAI;CAClD,OAAO,UAAU,IAAI,IAAI;;AAG7B,SAAS,cAAc,KAAa,MAAc,aAAqB;CACnE,IAAI,CAAC,WAAW,KAAK,EACjB,UAAU,MAAM,EAAE,WAAW,MAAM,CAAC;CAGxC,MAAM,UAAU,YAAY,IAAI;CAChC,KAAK,MAAM,SAAS,SAAS;EACzB,MAAM,UAAU,KAAK,KAAK,MAAM;EAChC,MAAM,WAAW,KAAK,MAAM,MAAM;EAGlC,IAFa,SAAS,QAElB,CAAK,aAAa,EAClB,cAAc,SAAS,UAAU,YAAY;OAC1C,IAAI,gBAAgB,MAAM,EAAE;GAC/B,IAAI,UAAU,aAAa,SAAS,QAAQ;GAC5C,UAAU,QAAQ,QAAQ,wBAAwB,YAAY;GAC9D,cAAc,UAAU,QAAQ;SAIhC,cAAc,UAAU,aAAa,QAAQ,CAAC;;;;;;;AAS1D,SAAS,mBAAmB,WAAmB;CAC3C,MAAM,UAAU,KAAK,WAAW,eAAe;CAC/C,IAAI,CAAC,WAAW,QAAQ,EAAE;CAG1B,IAAI,MAAM,QAAQ,UAAU;CAC5B,IAAI,cAAc;CAClB,KAAK,IAAI,IAAI,GAAG,IAAI,IAAI,KAAK;EACzB,IAAI,WAAW,KAAK,KAAK,sBAAsB,CAAC,EAAE;GAC9C,cAAc;GACd;;EAEJ,MAAM,SAAS,QAAQ,IAAI;EAC3B,IAAI,WAAW,KAAK;EACpB,MAAM;;CAEV,IAAI,CAAC,aAAa;CAElB,MAAM,MAAM,KAAK,MAAM,aAAa,SAAS,QAAQ,CAAC;CACtD,KAAK,MAAM,WAAW,CAAC,gBAAgB,kBAAkB,EAAW;EAChE,IAAI,CAAC,IAAI,UAAU;EACnB,KAAK,MAAM,OAAO,OAAO,KAAK,IAAI,SAAS,EACvC,IAAI,IAAI,WAAW,SAAS,EACxB,IAAI,SAAS,OAAO;;CAIhC,cAAc,SAAS,KAAK,UAAU,KAAK,MAAM,EAAE,GAAG,KAAK;;AAG/D,SAAS,gBAAgB,MAIuB;CAC5C,MAAM,YAAY,QAAQ,QAAQ,KAAK,EAAE,KAAK,YAAY;CAC1D,IAAI;CACJ,IAAI,KAAK,gBAAgB,QACrB,eAAe,KAAK,YAAY,SAAS,QAAQ,KAAK,YAAY;MAElE,eAAe,KAAK,YAAY,SAAS,GAAG,KAAK,YAAY,GAAG,KAAK,YAAY,KAAK;CAE1F,MAAM,cAAc,QAAQ,WAAW,MAAM,aAAa,aAAa;CACvE,IAAI,WAAW,UAAU,EAAE,OAAO;EAAE,IAAI;EAAO,OAAO,cAAc,KAAK,YAAY;EAAoB;CACzG,IAAI,CAAC,WAAW,YAAY,EAAE,OAAO;EAAE,IAAI;EAAO,OAAO,aAAa,aAAa,iBAAiB;EAAe;CACnH,cAAc,aAAa,WAAW,KAAK,YAAY;CACvD,mBAAmB,UAAU;CAC7B,OAAO,EAAE,IAAI,MAAM;;AAGvB,IAAM,aAAa,gBAAgB;CAC/B,MAAM,QAAQ,OAAO;EACjB,MAAM;EACN,aAAa,kBAAkB;EAC/B,aAAa;EACb,SAAS;EACT,UAAU;EACV,OAAO;EACV,CAAC;CAEF,MAAM,sBAAsB;EACxB,MAAM,OAAO;EACb,MAAM,WAAW;EACjB,MAAM,SAAS,gBAAgB;GAC3B,aAAa,MAAM;GACnB,aAAa,MAAM;GACnB,SAAS,MAAM;GAClB,CAAC;EACF,IAAI,CAAC,OAAO,IAAI;GACZ,MAAM,QAAQ,OAAO;GACrB;;EAEJ,MAAM,WAAW;EACjB,MAAM,OAAO;;CAGjB,MAAM,yBAAyB;EAC3B,IAAI,MAAM,YAAY,MAAM,EACxB,MAAM,OAAO;;CAIrB,MAAM,yBAAyB;EAC3B,MAAM,OAAO;;CAGjB,MAAM,4BAA4B;EAC9B,eAAe;;CAGnB,MAAM,mBAAmB;EACrB,QAAQ,KAAK,EAAE;;CAGnB,aAAa;EACT,IAAI,MAAM,OACN,OACI,qBAAC,OAAD;GAAK,QAAO;GAAS,aAAY;GAAM,OAAM;aAA7C;IACI,qBAAC,QAAD;KAAM,OAAM;eAAZ,CAAkB,MAAG,MAAM,MAAa;;IACxC,oBAAC,MAAD,EAAM,CAAA;IACN,oBAAC,MAAD,EAAM,CAAA;IACN,oBAAC,QAAD;KAAQ,OAAM;KAAO,SAAS;KAAc,CAAA;IAC1C;;EAId,MAAM,oBAAoB,MAAmB;GACzC,QAAQ,GAAR;IACI,KAAK,SAAS,OAAO;IACrB,KAAK,OAAO,OAAO;IACnB,KAAK,OAAO,OAAO;IACnB,KAAK,QAAQ,OAAO;;;EAI5B,MAAM,gBAAgB,MAAe;GACjC,QAAQ,GAAR;IACI,KAAK,QAAQ,OAAO;IACpB,KAAK,YAAY,OAAO;IACxB,KAAK,WAAW,OAAO;;;EAM/B,MAAM,qBAAqB;GACvB,QAAQ,MAAM,MAAd;IACI,KAAK,QACD,OACI,qBAAC,OAAD,EAAA,UAAA;KACI,oBAAC,QAAD;MAAM,OAAM;gBAAO;MAAoB,CAAA;KACvC,oBAAC,MAAD,EAAM,CAAA;KACN,oBAAC,MAAD,EAAM,CAAA;KACN,oBAAC,QAAD;MAAM,OAAM;gBAAQ;MAAqC,CAAA;KACzD,oBAAC,MAAD,EAAM,CAAA;KACN,oBAAC,MAAD,EAAM,CAAA;KACN,oBAAC,OAAD;MACI,aAAa,MAAM;MACnB,OAAM;MACN,aAAY;MACZ,WAAA;MACA,UAAU;MACZ,CAAA;KACF,oBAAC,MAAD,EAAM,CAAA;KACN,oBAAC,QAAD;MAAM,OAAM;gBAAO;MAAgC,CAAA;KACjD,EAAA,CAAA;IAEd,KAAK,QACD,OACI,qBAAC,OAAD,EAAA,UAAA;KACI,oBAAC,QAAD;MAAM,OAAM;gBAAO;MAAoB,CAAA;KACvC,oBAAC,MAAD,EAAM,CAAA;KACN,oBAAC,MAAD,EAAM,CAAA;KACN,oBAAC,QAAD;MAAM,OAAM;gBAAQ;MAA8B,CAAA;KAClD,oBAAC,MAAD,EAAM,CAAA;KACN,oBAAC,MAAD,EAAM,CAAA;KACN,oBAAC,QAAD;MACI,aAAa,MAAM;MACnB,OAAM;MACN,SAAS;MACT,iBAAA;MACA,WAAA;MACA,UAAU;MACZ,CAAA;KACF,oBAAC,MAAD,EAAM,CAAA;KACN,oBAAC,QAAD;MAAM,OAAM;gBAAO;MAAoC,CAAA;KACrD,EAAA,CAAA;IAEd,KAAK,WACD,OACI,qBAAC,OAAD,EAAA,UAAA;KACI,oBAAC,QAAD;MAAM,OAAM;gBAAO;MAAoB,CAAA;KACvC,oBAAC,MAAD,EAAM,CAAA;KACN,oBAAC,MAAD,EAAM,CAAA;KACN,oBAAC,QAAD;MAAM,OAAM;gBAAQ;MAAmC,CAAA;KACvD,oBAAC,MAAD,EAAM,CAAA;KACN,oBAAC,MAAD,EAAM,CAAA;KACN,oBAAC,QAAD;MACI,aAAa,MAAM;MACnB,OAAM;MACN,SAAS,MAAM,gBAAgB,SAAS,qBAAqB;MAC7D,iBAAA;MACA,WAAA;MACA,UAAU;MACZ,CAAA;KACF,oBAAC,MAAD,EAAM,CAAA;KACN,oBAAC,QAAD;MAAM,OAAM;gBAAO;MAAoC,CAAA;KACrD,EAAA,CAAA;IAEd,KAAK,YACD,OACI,qBAAC,OAAD,EAAA,UAAA;KACI,oBAAC,MAAD,EAAM,CAAA;KACN,oBAAC,QAAD;MAAM,OAAM;gBAAS;MAA4B,CAAA;KACjD,oBAAC,MAAD,EAAM,CAAA;KACN,oBAAC,aAAD;MAAa,OAAO,MAAM;MAAU,KAAK;MAAK,OAAO;MAAI,OAAM;MAAU,CAAA;KACvE,EAAA,CAAA;IAEd,KAAK,QACD,OACI,qBAAC,OAAD,EAAA,UAAA;KACI,oBAAC,MAAD,EAAM,CAAA;KACN,qBAAC,QAAD;MAAM,OAAM;gBAAZ;OAAoB;OAAc,MAAM;OAAY;OAAiB;;KACrE,oBAAC,MAAD,EAAM,CAAA;KACN,oBAAC,MAAD,EAAM,CAAA;KACN,qBAAC,QAAD;MAAM,OAAM;gBAAZ,CAAmB,eAAY,iBAAiB,MAAM,YAAY,CAAQ;;KAC1E,oBAAC,MAAD,EAAM,CAAA;KACN,qBAAC,QAAD;MAAM,OAAM;gBAAZ,CAAmB,eAAY,aAAa,MAAM,QAAQ,CAAQ;;KAClE,oBAAC,MAAD,EAAM,CAAA;KACN,oBAAC,MAAD,EAAM,CAAA;KACN,oBAAC,QAAD;MAAM,OAAM;gBAAQ;MAAoB,CAAA;KACxC,oBAAC,MAAD,EAAM,CAAA;KACN,oBAAC,MAAD,EAAM,CAAA;KACN,qBAAC,QAAD;MAAM,OAAM;gBAAZ,CAAmB,WAAQ,MAAM,YAAmB;;KACpD,oBAAC,MAAD,EAAM,CAAA;KACN,oBAAC,QAAD;MAAM,OAAM;gBAAO;MAAuB,CAAA;KAC1C,oBAAC,MAAD,EAAM,CAAA;KACN,qBAAC,QAAD;MAAM,OAAM;gBAAZ,CAAmB,QAAK,MAAM,gBAAgB,SAAS,aAAa,WAAkB;;KACtF,oBAAC,MAAD,EAAM,CAAA;KACN,oBAAC,MAAD,EAAM,CAAA;KACN,oBAAC,QAAD;MAAQ,OAAM;MAAO,SAAS;MAAc,CAAA;KAC1C,EAAA,CAAA;;MAGlB;EAEJ,OACI,qBAAC,OAAD,EAAA,UAAA;GACI,oBAAC,QAAD;IAAM,OAAM;cAAO;IAA6B,CAAA;GAChD,oBAAC,MAAD,EAAM,CAAA;GACL;GACC,EAAA,CAAA;;EAGhB;AAEF,SAAS,cAAsB;CAC3B,MAAM,aAA4B;EAAC;EAAS;EAAO;EAAO;EAAO;CACjE,MAAM,eAA0B;EAAC;EAAQ;EAAY;EAAU;CAE/D,MAAM,cAAc,kBAAkB;CACtC,MAAM,cAA2B,WAAW;CAC5C,MAAM,UAAmB,cAAc;CAEvC,IAAI,CAAC,WAAW,SAAS,YAAY,EAAE;EACnC,QAAQ,MAAM,gCAAgC,WAAW,KAAK,KAAK,GAAG;EACtE,OAAO;;CAEX,IAAI,CAAC,aAAa,SAAS,QAAQ,EAAE;EACjC,QAAQ,MAAM,mCAAmC,aAAa,KAAK,KAAK,GAAG;EAC3E,OAAO;;CAGX,QAAQ,IAAI,+BAA+B,YAAY,GAAG;CAC1D,QAAQ,IAAI,iBAAiB,cAAc;CAC3C,QAAQ,IAAI,iBAAiB,QAAQ,IAAI;CAEzC,MAAM,SAAS,gBAAgB;EAAE;EAAa;EAAa;EAAS,CAAC;CACrE,IAAI,CAAC,OAAO,IAAI;EACZ,QAAQ,MAAM,UAAU,OAAO,QAAQ;EACvC,OAAO;;CAGX,QAAQ,IAAI,wBAAwB;CACpC,QAAQ,IAAI,gBAAgB;CAC5B,QAAQ,IAAI,UAAU,cAAc;CACpC,QAAQ,IAAI,mBAAmB;CAC/B,QAAQ,IAAI,OAAO,gBAAgB,SAAS,aAAa,WAAW,IAAI;CACxE,OAAO;;AAGX,SAAgB,YAAY;CACxB,IAAI,kBACA,QAAQ,KAAK,aAAa,CAAC;CAE/B,UAAU,oBAAC,YAAD,EAAc,CAAA,CAAC,CAAC,MAAM,EAAE,cAAc,MAAM,CAAC;CAEvD,kBAAkB,IAAK,IAAM"}

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

@@ -4,59 +4,74 @@ const App = component(() => {
     const count = signal(0);
 
     return () => (
-        <scroll-view scroll-orientation="vertical" style={{ height: '100vh' }}>
+        <scroll-view scroll-orientation="vertical" style={{ height: '100vh', backgroundColor: '#0f172a' }}>
             <view style={{
                 display: 'flex',
                 flexDirection: 'column',
                 alignItems: 'center',
                 justifyContent: 'center',
-                height: '100vh',
-                gap: '20px',
+                minHeight: '100vh',
+                paddingLeft: '24px',
+                paddingRight: '24px',
+                paddingTop: '48px',
+                paddingBottom: '48px',
                 backgroundColor: '#0f172a',
             }}>
-                {/* Logo area */}
+                {/* Header group */}
                 <view style={{
-                    width: '80px',
-                    height: '80px',
-                    borderRadius: '20px',
-                    backgroundColor: '#3b82f6',
                     display: 'flex',
+                    flexDirection: 'column',
                     alignItems: 'center',
-                    justifyContent: 'center',
+                    gap: '16px',
                 }}>
-                    <text style={{ fontSize: '36px', color: '#fff' }}>⚡</text>
-                </view>
+                    {/* Logo */}
+                    <view style={{
+                        width: '80px',
+                        height: '80px',
+                        borderRadius: '20px',
+                        backgroundColor: '#3b82f6',
+                        display: 'flex',
+                        alignItems: 'center',
+                        justifyContent: 'center',
+                    }}>
+                        <text style={{ fontSize: '36px', color: '#fff' }}>⚡</text>
+                    </view>
 
-                <text style={{
-                    fontSize: '28px',
-                    fontWeight: 'bold',
-                    color: '#f1f5f9',
-                }}>
-                    {{projectName}}
-                </text>
+                    <text style={{
+                        fontSize: '28px',
+                        fontWeight: 'bold',
+                        color: '#f1f5f9',
+                        textAlign: 'center',
+                    }}>
+                        {{projectName}}
+                    </text>
 
-                <text style={{
-                    fontSize: '14px',
-                    color: '#94a3b8',
-                    textAlign: 'center',
-                    maxWidth: '280px',
-                }}>
-                    Built with sigx-lynx — signal-based native apps
-                </text>
+                    <text style={{
+                        fontSize: '14px',
+                        color: '#94a3b8',
+                        textAlign: 'center',
+                        maxWidth: '280px',
+                    }}>
+                        Built with sigx-lynx — signal-based native apps
+                    </text>
+                </view>
 
                 {/* Counter card */}
                 <view style={{
                     display: 'flex',
                     flexDirection: 'column',
-                    marginTop: '20px',
+                    marginTop: '40px',
                     padding: '24px',
                     backgroundColor: '#1e293b',
                     borderRadius: '16px',
+                    borderWidth: '1px',
+                    borderStyle: 'solid',
+                    borderColor: '#334155',
                     alignItems: 'center',
-                    gap: '16px',
+                    gap: '20px',
                     width: '280px',
                 }}>
-                    <text style={{ fontSize: '48px', fontWeight: 'bold', color: '#e2e8f0' }}>
+                    <text style={{ fontSize: '56px', fontWeight: 'bold', color: '#f1f5f9' }}>
                         {count.value}
                     </text>
 
@@ -68,22 +83,28 @@ const App = component(() => {
                         <view
                             bindtap={() => count.value > 0 && count.value--}
                             style={{
-                                padding: '12px 24px',
+                                paddingLeft: '28px',
+                                paddingRight: '28px',
+                                paddingTop: '12px',
+                                paddingBottom: '12px',
                                 backgroundColor: '#334155',
-                                borderRadius: '10px',
+                                borderRadius: '12px',
                             }}
                         >
-                            <text style={{ color: '#e2e8f0', fontSize: '18px' }}>−</text>
+                            <text style={{ color: '#f1f5f9', fontSize: '20px' }}>−</text>
                         </view>
                         <view
                             bindtap={() => count.value++}
                             style={{
-                                padding: '12px 24px',
+                                paddingLeft: '28px',
+                                paddingRight: '28px',
+                                paddingTop: '12px',
+                                paddingBottom: '12px',
                                 backgroundColor: '#3b82f6',
-                                borderRadius: '10px',
+                                borderRadius: '12px',
                             }}
                         >
-                            <text style={{ color: '#fff', fontSize: '18px' }}>+</text>
+                            <text style={{ color: '#fff', fontSize: '20px' }}>+</text>
                         </view>
                     </view>
                 </view>
@@ -91,7 +112,8 @@ const App = component(() => {
                 <text style={{
                     fontSize: '12px',
                     color: '#64748b',
-                    marginTop: '16px',
+                    marginTop: '40px',
+                    textAlign: 'center',
                 }}>
                     Edit src/App.tsx to get started
                 </text>

package/dist/templates/lynx-daisyui/README.md

@@ -0,0 +1,61 @@
+# {{projectName}}
+
+A native mobile app built with [sigx-lynx](https://github.com/signalxjs/core) and Tailwind CSS.
+
+## Getting Started
+
+### Prerequisites
+
+- Node.js 18+
+- pnpm (recommended) or npm
+- [sigx-lynx-go](https://github.com/signalxjs/core/tree/main/go) app on your device/emulator
+
+### Development
+
+```bash
+# Install dependencies
+pnpm install
+
+# Start the dev server
+sigx dev
+
+# Or use npx
+npx sigx dev
+```
+
+Scan the QR code shown in the terminal with sigx-lynx-go, or enter the URL manually.
+
+### Building
+
+```bash
+sigx build
+```
+
+### Environment Check
+
+```bash
+sigx doctor
+```
+
+## Project Structure
+
+```
+{{projectName}}/
+├── src/
+│   ├── App.tsx              # Root component
+│   ├── styles.css           # Tailwind entry point
+│   ├── main.tsx             # BG-thread entry point
+│   └── main.thread.tsx      # Main-thread entry point
+├── lynx.config.ts           # rspeedy build config
+├── sigx.lynx.config.ts      # sigx-lynx native config
+├── tailwind.config.ts       # Tailwind CSS config
+├── postcss.config.js        # PostCSS config
+├── tsconfig.json
+└── package.json
+```
+
+## Learn More
+
+- [sigx-lynx Documentation](https://github.com/signalxjs/core)
+- [Lynx Runtime](https://lynxjs.org)
+- [Tailwind CSS](https://tailwindcss.com)

package/dist/templates/lynx-daisyui/lynx.config.ts

@@ -0,0 +1,20 @@
+import { defineConfig } from '@lynx-js/rspeedy';
+import { pluginSigxLynx } from '@sigx/lynx-plugin';
+
+export default defineConfig({
+    source: {
+        entry: {
+            main: './src/main.tsx',
+        },
+    },
+    server: {
+        host: '0.0.0.0',
+        port: 3000,
+    },
+    plugins: [
+        pluginSigxLynx({
+            enableCSSInheritance: true,
+            enableCSSInlineVariables: true,
+        }),
+    ],
+});

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

@@ -0,0 +1,42 @@
+{
+    "name": "{{projectName}}",
+    "version": "0.1.0",
+    "private": true,
+    "type": "module",
+    "scripts": {
+        "dev": "sigx dev",
+        "build": "sigx build",
+        "doctor": "sigx doctor",
+        "prebuild": "sigx prebuild"
+    },
+    "dependencies": {
+        "@sigx/lynx": "^0.1.2",
+        "@sigx/lynx-runtime": "^0.2.4",
+        "@sigx/lynx-runtime-main": "^0.2.4",
+        "@sigx/lynx-core": "^0.1.0",
+        "@sigx/reactivity": "^0.4.1",
+        "@sigx/runtime-core": "^0.4.1",
+        "@sigx/lynx-storage": "^0.1.0",
+        "@sigx/lynx-clipboard": "^0.1.0",
+        "@sigx/lynx-haptics": "^0.1.0",
+        "@sigx/lynx-device-info": "^0.1.0",
+        "@sigx/lynx-network": "^0.1.0",
+        "@sigx/lynx-daisyui": "^0.1.0"
+    },
+    "devDependencies": {
+        "@sigx/cli": "^0.1.0",
+        "@sigx/lynx-cli": "^0.1.0",
+        "@sigx/lynx-plugin": "^0.2.4",
+        "@sigx/lynx-dev-client": "^0.1.0",
+        "@lynx-js/rspeedy": ">=0.1.0",
+        "@lynx-js/css-extract-webpack-plugin": ">=0.1.0",
+        "@lynx-js/template-webpack-plugin": ">=0.1.0",
+        "@lynx-js/runtime-wrapper-webpack-plugin": ">=0.1.0",
+        "@lynx-js/webpack-dev-transport": ">=0.1.0",
+        "@lynx-js/tailwind-preset": "^0.4.0",
+        "tailwindcss": "^3.4.0",
+        "postcss": "^8.4.0",
+        "autoprefixer": "^10.4.0",
+        "typescript": "^5.9.3"
+    }
+}

package/dist/templates/lynx-daisyui/postcss.config.js

@@ -0,0 +1,5 @@
+export default {
+    plugins: {
+        tailwindcss: {},
+    },
+};

package/dist/templates/lynx-daisyui/sigx.lynx.config.ts

@@ -0,0 +1,44 @@
+import { defineLynxConfig } from '@sigx/lynx-cli/config';
+
+export default defineLynxConfig({
+    name: '{{projectName}}',
+    version: '0.1.0',
+    buildNumber: '1',
+
+    // App-shell assets — sigx ships sensible defaults in ./assets/.
+    // Swap these PNGs to rebrand without touching native code.
+    icon: 'assets/icon.png',
+    splash: {
+        image: 'assets/splash.png',
+        backgroundColor: '#FFFFFF',
+    },
+
+    // Custom URL scheme for deep linking ({{projectName}}://...).
+    // Comment out if you don't need deep links.
+    scheme: '{{projectName}}',
+
+    // 'portrait' | 'landscape' | 'default'
+    orientation: 'portrait',
+
+    modules: [
+        '@sigx/lynx-storage',
+        '@sigx/lynx-clipboard',
+        '@sigx/lynx-haptics',
+        '@sigx/lynx-device-info',
+        '@sigx/lynx-network',
+    ],
+    android: {
+        applicationId: 'com.example.{{projectName}}',
+        versionCode: 1,
+        minSdk: 24,
+        targetSdk: 35,
+        adaptiveIcon: {
+            foreground: 'assets/adaptive-foreground.png',
+            backgroundColor: '#0D9488',
+        },
+    },
+    ios: {
+        bundleIdentifier: 'com.example.{{projectName}}',
+        deploymentTarget: '15.0',
+    },
+});

package/dist/templates/lynx-daisyui/src/App.tsx

@@ -0,0 +1,93 @@
+import { signal, component } from '@sigx/lynx';
+import { Badge, Button, Card, Toggle } from '@sigx/lynx-daisyui';
+
+const App = component(() => {
+    const count = signal(0);
+    const autoIncrement = signal(false);
+
+    let timer: ReturnType<typeof setInterval> | null = null;
+    const syncTimer = () => {
+        if (autoIncrement.value && !timer) {
+            timer = setInterval(() => count.value++, 800);
+        } else if (!autoIncrement.value && timer) {
+            clearInterval(timer);
+            timer = null;
+        }
+    };
+
+    return () => (
+        <scroll-view scroll-orientation="vertical" class="h-screen bg-base-200">
+            <view class="flex flex-col items-center justify-center min-h-screen px-6 py-12 bg-base-200">
+                {/* Header group */}
+                <view class="flex flex-col items-center gap-4">
+                    {/* Logo */}
+                    <view class="w-20 h-20 rounded-2xl bg-primary flex items-center justify-center">
+                        <text class="text-4xl text-primary-content">⚡</text>
+                    </view>
+
+                    <text class="text-3xl font-bold text-base-content text-center">
+                        {{projectName}}
+                    </text>
+
+                    <text class="text-sm text-base-content/60 text-center max-w-[280px]">
+                        Built with sigx-lynx + DaisyUI
+                    </text>
+                </view>
+
+                {/* Counter card */}
+                <Card bordered shadow="lg" class="mt-10 w-[300px] bg-base-100">
+                    <Card.Body>
+                        <view class="flex flex-row items-center justify-center gap-3">
+                            <Badge variant="primary" size="lg">{count.value}</Badge>
+                            <text class="text-base-content/60">×2 =</text>
+                            <Badge variant="secondary" size="lg">{count.value * 2}</Badge>
+                        </view>
+
+                        <Card.Actions class="justify-center mt-4 gap-2">
+                            <Button
+                                variant="error"
+                                outline
+                                size="sm"
+                                bindpress={() => count.value > 0 && count.value--}
+                            >
+                                −
+                            </Button>
+                            <Button
+                                variant="ghost"
+                                size="sm"
+                                bindpress={() => (count.value = 0)}
+                            >
+                                Reset
+                            </Button>
+                            <Button
+                                variant="primary"
+                                size="sm"
+                                bindpress={() => count.value++}
+                            >
+                                +
+                            </Button>
+                        </Card.Actions>
+
+                        <view class="flex flex-row items-center justify-between mt-4 pt-4 border-t border-base-300">
+                            <text class="text-sm text-base-content/70">Auto-increment</text>
+                            <Toggle
+                                checked={autoIncrement.value}
+                                color="success"
+                                bindchange={(next: boolean) => {
+                                    autoIncrement.value = next;
+                                    syncTimer();
+                                }}
+                            />
+                        </view>
+                    </Card.Body>
+                </Card>
+
+                <text class="text-xs text-base-content/50 mt-10 text-center">
+                    Edit src/App.tsx to get started
+                </text>
+            </view>
+        </scroll-view>
+    );
+});
+
+export default App;

package/dist/templates/lynx-daisyui/src/main.thread.tsx

@@ -0,0 +1,2 @@
+// Main-thread entry — bootstraps the Lepus-side globals
+import '@sigx/runtime-lynx-main';

package/dist/templates/lynx-daisyui/src/main.tsx

@@ -0,0 +1,10 @@
+import './styles.css';
+import '@sigx/lynx-daisyui/styles';
+import { defineApp } from '@sigx/lynx';
+import App from './App';
+
+defineApp(<App />).mount(null);
+
+if ((module as any).hot) {
+    (module as any).hot.accept();
+}

package/dist/templates/lynx-daisyui/src/styles.css

@@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;

package/dist/templates/lynx-daisyui/tailwind.config.ts

@@ -0,0 +1,10 @@
+import type { Config } from 'tailwindcss';
+import LynxPreset from '@lynx-js/tailwind-preset';
+import { daisyuiPreset } from '@sigx/lynx-daisyui/preset';
+
+export default {
+    content: [
+        './src/**/*.{tsx,ts,jsx,js}',
+    ],
+    presets: [LynxPreset, daisyuiPreset],
+} satisfies Config;