@sigx/cli 0.1.0

package/templates/lynx-tailwind/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/templates/lynx-tailwind/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/templates/lynx-tailwind/package.json

@@ -0,0 +1,32 @@
+{
+    "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.0",
+        "@sigx/lynx-runtime-main": "^0.1.0",
+        "@sigx/lynx-core": "^0.1.0"
+    },
+    "devDependencies": {
+        "@sigx/cli": "^0.1.0",
+        "@sigx/lynx-cli": "^0.1.0",
+        "@sigx/lynx-plugin": "^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/templates/lynx-tailwind/postcss.config.js

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

package/templates/lynx-tailwind/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/templates/lynx-tailwind/src/App.tsx

@@ -0,0 +1,52 @@
+import { signal, component } from '@sigx/lynx';
+
+const App = component(() => {
+    const count = signal(0);
+
+    return () => (
+        <scroll-view scroll-orientation="vertical" class="h-screen">
+            <view class="flex items-center justify-center h-screen gap-5 bg-slate-900">
+                {/* Logo */}
+                <view class="w-20 h-20 rounded-2xl bg-blue-500 flex items-center justify-center">
+                    <text class="text-4xl text-white">⚡</text>
+                </view>
+
+                <text class="text-3xl font-bold text-slate-100">
+                    {{projectName}}
+                </text>
+
+                <text class="text-sm text-slate-400 text-center max-w-[280px]">
+                    Built with sigx-lynx + Tailwind CSS
+                </text>
+
+                {/* Counter card */}
+                <view class="mt-5 p-6 bg-slate-800 rounded-2xl items-center gap-4 w-[280px]">
+                    <text class="text-5xl font-bold text-slate-200">
+                        {count.value}
+                    </text>
+
+                    <view class="flex flex-row gap-3">
+                        <view
+                            bindtap={() => count.value > 0 && count.value--}
+                            class="px-6 py-3 bg-slate-700 rounded-xl"
+                        >
+                            <text class="text-slate-200 text-lg">−</text>
+                        </view>
+                        <view
+                            bindtap={() => count.value++}
+                            class="px-6 py-3 bg-blue-500 rounded-xl"
+                        >
+                            <text class="text-white text-lg">+</text>
+                        </view>
+                    </view>
+                </view>
+
+                <text class="text-xs text-slate-600 mt-4">
+                    Edit src/App.tsx to get started
+                </text>
+            </view>
+        </scroll-view>
+    );
+});
+
+export default App;

package/templates/lynx-tailwind/src/main.thread.tsx

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

package/templates/lynx-tailwind/src/main.tsx

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

package/templates/lynx-tailwind/src/styles.css

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

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

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

package/templates/lynx-tailwind/tsconfig.json

@@ -0,0 +1,19 @@
+{
+    "compilerOptions": {
+        "target": "ES2020",
+        "module": "ESNext",
+        "moduleResolution": "bundler",
+        "strict": true,
+        "esModuleInterop": true,
+        "skipLibCheck": true,
+        "forceConsistentCasingInFileNames": true,
+        "resolveJsonModule": true,
+        "isolatedModules": true,
+        "noEmit": true,
+        "jsx": "react-jsx",
+        "jsxImportSource": "@sigx/lynx",
+        "types": []
+    },
+    "include": ["src/**/*.ts", "src/**/*.tsx"],
+    "exclude": ["node_modules", "dist"]
+}

package/templates/ssg/index.html

@@ -0,0 +1,25 @@
+<!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;
+      }
+    </style>
+  </head>
+  <body>
+    <div id="app"><!--app-html--></div>
+  </body>
+</html>

package/templates/ssg/package.json

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

package/templates/ssg/src/layouts/default.tsx

@@ -0,0 +1,27 @@
+import { component } from 'sigx';
+import type { LayoutProps, LayoutSlots } from '@sigx/ssg';
+import { Link } from '@sigx/router';
+
+export default component<LayoutProps, unknown, LayoutSlots>(({ slots }) => {
+    return () => (
+        <div style="min-height: 100vh; display: flex; flex-direction: column;">
+            <header style="background: #2c3e50; color: white; padding: 1rem;">
+                <div style="max-width: 800px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center;">
+                    <h1 style="margin: 0; font-size: 1.5rem;">🚀 {{projectName}}</h1>
+                    <nav style="display: flex; gap: 1rem;">
+                        <Link to="/" style="color: white; text-decoration: none;">Home</Link>
+                        <Link to="/about" style="color: white; text-decoration: none;">About</Link>
+                    </nav>
+                </div>
+            </header>
+
+            <main style="flex: 1; max-width: 800px; margin: 0 auto; padding: 2rem; width: 100%;">
+                {slots.default()}
+            </main>
+
+            <footer style="background: #2c3e50; color: #ccc; padding: 1rem; text-align: center; font-size: 0.875rem;">
+                Built with SignalX SSG
+            </footer>
+        </div>
+    );
+});

package/templates/ssg/src/pages/about.mdx

@@ -0,0 +1,15 @@
+---
+title: About
+---
+
+# About
+
+This is a SignalX static site generated with **@sigx/ssg**.
+
+## Features
+
+- 📄 File-based routing
+- ✍️ MDX support (Markdown + JSX)
+- 🎨 Syntax highlighting with Shiki
+- ⚡ Island architecture with selective hydration
+- 🏗️ Static site generation for optimal performance

package/templates/ssg/src/pages/index.mdx

@@ -0,0 +1,37 @@
+---
+title: Home
+---
+
+import { component } from 'sigx';
+
+export const Counter = component(({ signal }) => {
+    const state = signal({ count: 0 });
+
+    return () => (
+        <div style="background: white; padding: 24px; border-radius: 8px; box-shadow: 0 2px 4px rgba(0,0,0,0.1); text-align: center; margin-top: 24px;">
+            <p style="font-size: 48px; margin-bottom: 16px;">{state.count}</p>
+            <div style="display: flex; gap: 8px; justify-content: center;">
+                <button
+                    onClick={() => state.count++}
+                    style="padding: 10px 20px; background: #3498db; color: white; border: none; border-radius: 6px; cursor: pointer;"
+                >
+                    Increment
+                </button>
+                <button
+                    onClick={() => state.count--}
+                    style="padding: 10px 20px; background: #e74c3c; color: white; border: none; border-radius: 6px; cursor: pointer;"
+                >
+                    Decrement
+                </button>
+            </div>
+        </div>
+    );
+});
+
+# Welcome to {{projectName}}
+
+This is a **SignalX SSG** site with file-based routing and MDX support.
+
+Edit `src/pages/index.mdx` to get started.
+
+<Counter client:load />

package/templates/ssg/ssg.config.ts

@@ -0,0 +1,20 @@
+import { defineSSGConfig } from '@sigx/ssg';
+
+export default defineSSGConfig({
+    pages: 'src/pages',
+    layouts: 'src/layouts',
+    outDir: 'dist',
+
+    site: {
+        title: '{{projectName}}',
+        description: 'A SignalX static site',
+        url: 'https://example.com',
+    },
+
+    markdown: {
+        shiki: {
+            light: 'github-light',
+            dark: 'github-dark',
+        },
+    },
+});

package/templates/ssg/tsconfig.json

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

package/templates/ssg/vite.config.ts

@@ -0,0 +1,16 @@
+import { defineConfig } from 'vite';
+import { sigxPlugin } from '@sigx/vite';
+import { ssgPlugin } from '@sigx/ssg/vite';
+
+export default defineConfig({
+    plugins: [
+        sigxPlugin(),
+        ssgPlugin()
+    ],
+    oxc: {
+        jsx: {
+            runtime: 'automatic',
+            importSource: 'sigx'
+        }
+    }
+});

package/templates/ssg-daisyui/index.html

@@ -0,0 +1,13 @@
+<!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"><!--app-html--></div>
+  </body>
+</html>

package/templates/ssg-daisyui/package.json

@@ -0,0 +1,26 @@
+{
+    "name": "{{projectName}}",
+    "version": "0.1.0",
+    "private": true,
+    "type": "module",
+    "scripts": {
+        "dev": "ssg dev",
+        "build": "ssg build",
+        "preview": "ssg preview"
+    },
+    "dependencies": {
+        "sigx": "^0.4.1",
+        "@sigx/ssg": "^0.3.2",
+        "@sigx/router": "^0.3.2",
+        "@sigx/server-renderer": "^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"
+    }
+}

package/templates/ssg-daisyui/src/layouts/default.tsx

@@ -0,0 +1,39 @@
+import { component, onMounted } from 'sigx';
+import type { LayoutProps, LayoutSlots } from '@sigx/ssg';
+import { Link } from '@sigx/router';
+import { ThemeProvider, ThemeSelector, initializeTheme } from '@sigx/daisyui';
+
+export default component<LayoutProps, unknown, LayoutSlots>(({ slots }) => {
+    onMounted(() => {
+        initializeTheme({ defaultTheme: 'light' });
+    });
+
+    return () => (
+        <ThemeProvider defaultTheme="light" darkMode>
+            <div class="min-h-screen flex flex-col bg-base-100">
+                <header class="navbar bg-base-300">
+                    <div class="flex-1">
+                        <span class="text-xl font-bold px-4">🚀 {{projectName}}</span>
+                    </div>
+                    <div class="flex-none">
+                        <nav class="flex gap-2 mr-4">
+                            <Link to="/" class="btn btn-sm btn-ghost">Home</Link>
+                            <Link to="/about" class="btn btn-sm btn-ghost">About</Link>
+                        </nav>
+                        <ThemeSelector themes={['light', 'dark', 'cupcake', 'cyberpunk', 'synthwave', 'retro', 'custom']} />
+                    </div>
+                </header>
+
+                <main class="flex-1 max-w-4xl mx-auto w-full px-6 py-12">
+                    <article class="prose prose-lg max-w-none">
+                        {slots.default()}
+                    </article>
+                </main>
+
+                <footer class="footer footer-center p-4 bg-base-300 text-base-content">
+                    <p>Built with SignalX SSG + DaisyUI</p>
+                </footer>
+            </div>
+        </ThemeProvider>
+    );
+});

package/templates/ssg-daisyui/src/pages/about.mdx

@@ -0,0 +1,17 @@
+---
+title: About
+---
+
+# About
+
+This is a SignalX static site generated with **@sigx/ssg** and styled with **DaisyUI**.
+
+## Features
+
+- 📄 File-based routing
+- ✍️ MDX support (Markdown + JSX)
+- 🎨 Syntax highlighting with Shiki
+- ⚡ Island architecture with selective hydration
+- 🌸 DaisyUI component library with theme switching
+- 🎨 Custom theme support via `tailwind.config.js`
+- 🏗️ Static site generation for optimal performance

package/templates/ssg-daisyui/src/pages/index.mdx

@@ -0,0 +1,34 @@
+---
+title: Home
+---
+
+import { component } from 'sigx';
+import { Button, Card } from '@sigx/daisyui';
+
+export const Counter = component(({ signal }) => {
+    const state = signal({ count: 0 });
+
+    return () => (
+        <Card shadow="lg" class="mt-8">
+            <Card.Body center>
+                <p class="text-6xl font-bold mb-6">{state.count}</p>
+                <Card.Actions justify="center">
+                    <Button variant="primary" size="lg" onClick={() => state.count++}>
+                        Increment
+                    </Button>
+                    <Button variant="error" size="lg" onClick={() => state.count--}>
+                        Decrement
+                    </Button>
+                </Card.Actions>
+            </Card.Body>
+        </Card>
+    );
+});
+
+# Welcome to {{projectName}}
+
+This is a **SignalX SSG** site with file-based routing, MDX support, and DaisyUI components.
+
+Edit `src/pages/index.mdx` to get started.
+
+<Counter client:load />

package/templates/ssg-daisyui/src/style.css

@@ -0,0 +1,5 @@
+@import "tailwindcss";
+@source "../../node_modules/@sigx/daisyui/dist/**/*.js";
+@plugin "daisyui" {
+  themes: light --default, dark --prefersdark, cupcake, synthwave, cyberpunk, dracula, nord, autumn;
+}

package/templates/ssg-daisyui/ssg.config.ts

@@ -0,0 +1,20 @@
+import { defineSSGConfig } from '@sigx/ssg';
+
+export default defineSSGConfig({
+    pages: 'src/pages',
+    layouts: 'src/layouts',
+    outDir: 'dist',
+
+    site: {
+        title: '{{projectName}}',
+        description: 'A SignalX static site',
+        url: 'https://example.com',
+    },
+
+    markdown: {
+        shiki: {
+            light: 'github-light',
+            dark: 'github-dark',
+        },
+    },
+});

package/templates/ssg-daisyui/tsconfig.json

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

package/templates/ssg-daisyui/vite.config.ts

@@ -0,0 +1,18 @@
+import { defineConfig } from 'vite';
+import { sigxPlugin } from '@sigx/vite';
+import { ssgPlugin } from '@sigx/ssg/vite';
+import tailwindcss from '@tailwindcss/vite';
+
+export default defineConfig({
+    plugins: [
+        tailwindcss(),
+        sigxPlugin(),
+        ssgPlugin()
+    ],
+    oxc: {
+        jsx: {
+            runtime: 'automatic',
+            importSource: 'sigx'
+        }
+    }
+});