create-flexireact 1.3.2 → 2.0.1

package/README.md

@@ -1,6 +1,6 @@
 # create-flexireact
 
-Create FlexiReact apps with one command.
+Create FlexiReact v2 apps with one command.
 
 ## Usage
 
@@ -16,20 +16,29 @@ npm create flexireact@latest my-app
 
 ## Templates
 
-- **Default** - Basic FlexiReact app with TypeScript and Tailwind
-- **FlexiUI** - FlexiReact with FlexiUI component library
-- **Minimal** - Bare minimum FlexiReact setup
+| Template | Description |
+|----------|-------------|
+| **Default** | Full-featured with `routes/`, components, and Tailwind v4 |
+| **Minimal** | Bare minimum FlexiReact setup |
+| **App Router** | Next.js style `app/` directory routing |
 
-## What's included
+## What's New in v2
 
-- ⚡ **FlexiReact** - The Modern React Framework
-- 📘 **TypeScript** - Full type safety
-- 🎨 **Tailwind CSS** - Utility-first styling
-- 📁 **File-based routing** - Create a file, get a route
-- 🏝️ **Islands architecture** - Partial hydration
-- 🖥️ **SSR** - Server-side rendering
+- 🆕 **TypeScript Native** — CLI rewritten in TypeScript
+- 🎨 **Tailwind CSS v4** — New `@import "tailwindcss"` syntax
+- 📁 **Routes Directory** — New `routes/` with route groups
+- ⚡ **Modern Templates** — Beautiful, production-ready starters
 
-## After creation
+## What's Included
+
+- ⚡ **FlexiReact v2** — The Modern React Framework
+- 📘 **TypeScript** — Full type safety
+- 🎨 **Tailwind CSS v4** — Latest styling features
+- 📁 **File-based routing** — `routes/`, `app/`, or `pages/`
+- 🏝️ **Islands architecture** — Partial hydration
+- 🖥️ **SSR** — Server-side rendering
+
+## After Creation
 
 ```bash
 cd my-app
@@ -39,10 +48,10 @@ npm run dev
 
 Then open http://localhost:3000
 
-## Learn More
+## Links
 
-- [FlexiReact Documentation](https://github.com/flexireact/flexireact)
-- [FlexiUI Components](https://github.com/flexireact/flexi-ui)
+- [GitHub Repository](https://github.com/flexireact/flexireact)
+- [npm Package](https://www.npmjs.com/package/@flexireact/core)
 
 ## License
 

package/dist/index.d.ts

@@ -0,0 +1,7 @@
+#!/usr/bin/env node
+/**
+ * create-flexireact CLI v2.0.0
+ * Create FlexiReact applications with ease
+ */
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";AAEA;;;GAGG"}

package/dist/index.js

@@ -0,0 +1,175 @@
+#!/usr/bin/env node
+/**
+ * create-flexireact CLI v2.0.0
+ * Create FlexiReact applications with ease
+ */
+import fs from 'fs';
+import path from 'path';
+import readline from 'readline';
+import { execSync } from 'child_process';
+import { TEMPLATES, getTemplateFiles } from './templates/index.js';
+import { BANNER, SUCCESS_BANNER, colors as c } from './ui.js';
+// ============================================================================
+// Utilities
+// ============================================================================
+function log(msg) {
+    console.log(`   ${msg}`);
+}
+function success(msg) {
+    console.log(`   ${c.green}✓${c.reset} ${msg}`);
+}
+function error(msg) {
+    console.log(`   ${c.red}✗${c.reset} ${msg}`);
+}
+function info(msg) {
+    console.log(`   ${c.cyan}ℹ${c.reset} ${msg}`);
+}
+async function prompt(question, defaultValue = '') {
+    const rl = readline.createInterface({
+        input: process.stdin,
+        output: process.stdout,
+    });
+    return new Promise((resolve) => {
+        const defaultText = defaultValue ? ` ${c.dim}(${defaultValue})${c.reset}` : '';
+        rl.question(`   ${c.cyan}?${c.reset} ${question}${defaultText}: `, (answer) => {
+            rl.close();
+            resolve(answer.trim() || defaultValue);
+        });
+    });
+}
+async function select(question, options) {
+    console.log(`   ${c.cyan}?${c.reset} ${question}\n`);
+    options.forEach((opt, i) => {
+        console.log(`      ${c.dim}${i + 1}.${c.reset} ${opt.icon} ${c.bold}${opt.name}${c.reset}`);
+        console.log(`         ${c.dim}${opt.description}${c.reset}\n`);
+    });
+    const rl = readline.createInterface({
+        input: process.stdin,
+        output: process.stdout,
+    });
+    return new Promise((resolve) => {
+        rl.question(`   ${c.cyan}→${c.reset} Enter number (1-${options.length}): `, (answer) => {
+            rl.close();
+            const index = parseInt(answer.trim()) - 1;
+            if (index >= 0 && index < options.length) {
+                resolve(options[index]);
+            }
+            else {
+                resolve(options[0]);
+            }
+        });
+    });
+}
+class Spinner {
+    message;
+    frames = ['⠋', '⠙', '⠹', '⠸', '⠼', '⠴', '⠦', '⠧', '⠇', '⠏'];
+    current = 0;
+    interval = null;
+    startTime = 0;
+    constructor(message) {
+        this.message = message;
+    }
+    start() {
+        this.startTime = Date.now();
+        process.stdout.write(`   ${this.frames[0]} ${this.message}`);
+        this.interval = setInterval(() => {
+            this.current = (this.current + 1) % this.frames.length;
+            const elapsed = ((Date.now() - this.startTime) / 1000).toFixed(1);
+            process.stdout.clearLine(0);
+            process.stdout.cursorTo(0);
+            process.stdout.write(`   ${c.primary}${this.frames[this.current]}${c.reset} ${this.message} ${c.dim}(${elapsed}s)${c.reset}`);
+        }, 80);
+    }
+    stop(isSuccess = true) {
+        if (this.interval) {
+            clearInterval(this.interval);
+        }
+        const elapsed = ((Date.now() - this.startTime) / 1000).toFixed(1);
+        process.stdout.clearLine(0);
+        process.stdout.cursorTo(0);
+        const icon = isSuccess ? `${c.green}✓${c.reset}` : `${c.red}✗${c.reset}`;
+        console.log(`   ${icon} ${this.message} ${c.dim}(${elapsed}s)${c.reset}`);
+    }
+}
+function isDirEmpty(dir) {
+    if (!fs.existsSync(dir))
+        return true;
+    return fs.readdirSync(dir).length === 0;
+}
+// ============================================================================
+// Main
+// ============================================================================
+async function main() {
+    console.clear();
+    console.log(BANNER);
+    // Get project name from args or prompt
+    let projectName = process.argv[2];
+    if (!projectName) {
+        projectName = await prompt('Project name', 'my-flexireact-app');
+    }
+    // Validate project name
+    if (!/^[a-zA-Z0-9-_]+$/.test(projectName)) {
+        error('Project name can only contain letters, numbers, dashes, and underscores');
+        process.exit(1);
+    }
+    const projectPath = path.resolve(process.cwd(), projectName);
+    // Check if directory exists
+    if (fs.existsSync(projectPath) && !isDirEmpty(projectPath)) {
+        error(`Directory ${projectName} already exists and is not empty`);
+        process.exit(1);
+    }
+    // Select template
+    console.log('');
+    const templateOptions = Object.entries(TEMPLATES).map(([key, value]) => ({
+        key,
+        ...value,
+    }));
+    const selectedTemplate = await select('Select a template:', templateOptions);
+    const templateKey = selectedTemplate.key;
+    console.log('');
+    log(`Creating project in ${c.cyan}${projectPath}${c.reset}`);
+    console.log('');
+    // Create project directory
+    fs.mkdirSync(projectPath, { recursive: true });
+    // Write template files
+    const spinner1 = new Spinner('Creating project structure...');
+    spinner1.start();
+    try {
+        const files = getTemplateFiles(templateKey, projectName);
+        for (const [filePath, content] of Object.entries(files)) {
+            const fullPath = path.join(projectPath, filePath);
+            const dir = path.dirname(fullPath);
+            if (!fs.existsSync(dir)) {
+                fs.mkdirSync(dir, { recursive: true });
+            }
+            fs.writeFileSync(fullPath, content);
+        }
+        spinner1.stop(true);
+    }
+    catch (err) {
+        spinner1.stop(false);
+        error(`Failed to create project: ${err.message}`);
+        process.exit(1);
+    }
+    // Initialize git
+    const spinner2 = new Spinner('Initializing git repository...');
+    spinner2.start();
+    try {
+        execSync('git init', { cwd: projectPath, stdio: 'ignore' });
+        execSync('git add .', { cwd: projectPath, stdio: 'ignore' });
+        execSync('git commit -m "Initial commit from create-flexireact"', { cwd: projectPath, stdio: 'ignore' });
+        spinner2.stop(true);
+    }
+    catch {
+        spinner2.stop(false);
+        // Git init is not critical, continue
+    }
+    // Success message
+    console.log('');
+    console.log(SUCCESS_BANNER(projectName));
+}
+main().catch((err) => {
+    error(err.message);
+    process.exit(1);
+});
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";AAEA;;;GAGG;AAEH,OAAO,EAAE,MAAM,IAAI,CAAC;AACpB,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,QAAQ,MAAM,UAAU,CAAC;AAChC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACnE,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,IAAI,CAAC,EAAE,MAAM,SAAS,CAAC;AAE9D,+EAA+E;AAC/E,YAAY;AACZ,+EAA+E;AAE/E,SAAS,GAAG,CAAC,GAAW;IACtB,OAAO,CAAC,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;AAC3B,CAAC;AAED,SAAS,OAAO,CAAC,GAAW;IAC1B,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,KAAK,IAAI,GAAG,EAAE,CAAC,CAAC;AACjD,CAAC;AAED,SAAS,KAAK,CAAC,GAAW;IACxB,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,KAAK,IAAI,GAAG,EAAE,CAAC,CAAC;AAC/C,CAAC;AAED,SAAS,IAAI,CAAC,GAAW;IACvB,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,KAAK,IAAI,GAAG,EAAE,CAAC,CAAC;AAChD,CAAC;AAED,KAAK,UAAU,MAAM,CAAC,QAAgB,EAAE,eAAuB,EAAE;IAC/D,MAAM,EAAE,GAAG,QAAQ,CAAC,eAAe,CAAC;QAClC,KAAK,EAAE,OAAO,CAAC,KAAK;QACpB,MAAM,EAAE,OAAO,CAAC,MAAM;KACvB,CAAC,CAAC;IAEH,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE;QAC7B,MAAM,WAAW,GAAG,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,GAAG,IAAI,YAAY,IAAI,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QAC/E,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,KAAK,IAAI,QAAQ,GAAG,WAAW,IAAI,EAAE,CAAC,MAAM,EAAE,EAAE;YAC5E,EAAE,CAAC,KAAK,EAAE,CAAC;YACX,OAAO,CAAC,MAAM,CAAC,IAAI,EAAE,IAAI,YAAY,CAAC,CAAC;QACzC,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC;AASD,KAAK,UAAU,MAAM,CAAC,QAAgB,EAAE,OAAuB;IAC7D,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,KAAK,IAAI,QAAQ,IAAI,CAAC,CAAC;IAErD,OAAO,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE;QACzB,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,KAAK,IAAI,GAAG,CAAC,IAAI,IAAI,CAAC,CAAC,IAAI,GAAG,GAAG,CAAC,IAAI,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC;QAC5F,OAAO,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC,GAAG,GAAG,GAAG,CAAC,WAAW,GAAG,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC;IACjE,CAAC,CAAC,CAAC;IAEH,MAAM,EAAE,GAAG,QAAQ,CAAC,eAAe,CAAC;QAClC,KAAK,EAAE,OAAO,CAAC,KAAK;QACpB,MAAM,EAAE,OAAO,CAAC,MAAM;KACvB,CAAC,CAAC;IAEH,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE;QAC7B,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,KAAK,oBAAoB,OAAO,CAAC,MAAM,KAAK,EAAE,CAAC,MAAM,EAAE,EAAE;YACrF,EAAE,CAAC,KAAK,EAAE,CAAC;YACX,MAAM,KAAK,GAAG,QAAQ,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC,GAAG,CAAC,CAAC;YAC1C,IAAI,KAAK,IAAI,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC,MAAM,EAAE,CAAC;gBACzC,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC;YAC1B,CAAC;iBAAM,CAAC;gBACN,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;YACtB,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC;AAED,MAAM,OAAO;IACH,OAAO,CAAS;IAChB,MAAM,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC;IAC5D,OAAO,GAAG,CAAC,CAAC;IACZ,QAAQ,GAA0B,IAAI,CAAC;IACvC,SAAS,GAAG,CAAC,CAAC;IAEtB,YAAY,OAAe;QACzB,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;IACzB,CAAC;IAED,KAAK;QACH,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;QAC5B,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC;QAC7D,IAAI,CAAC,QAAQ,GAAG,WAAW,CAAC,GAAG,EAAE;YAC/B,IAAI,CAAC,OAAO,GAAG,CAAC,IAAI,CAAC,OAAO,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC;YACvD,MAAM,OAAO,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC,GAAG,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;YAClE,OAAO,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;YAC5B,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;YAC3B,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,OAAO,GAAG,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,KAAK,IAAI,IAAI,CAAC,OAAO,IAAI,CAAC,CAAC,GAAG,IAAI,OAAO,KAAK,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC;QAChI,CAAC,EAAE,EAAE,CAAC,CAAC;IACT,CAAC;IAED,IAAI,CAAC,SAAS,GAAG,IAAI;QACnB,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YAClB,aAAa,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QAC/B,CAAC;QACD,MAAM,OAAO,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC,GAAG,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;QAClE,OAAO,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;QAC5B,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;QAC3B,MAAM,IAAI,GAAG,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,KAAK,EAAE,CAAC;QACzE,OAAO,CAAC,GAAG,CAAC,MAAM,IAAI,IAAI,IAAI,CAAC,OAAO,IAAI,CAAC,CAAC,GAAG,IAAI,OAAO,KAAK,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC;IAC5E,CAAC;CACF;AAED,SAAS,UAAU,CAAC,GAAW;IAC7B,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,GAAG,CAAC;QAAE,OAAO,IAAI,CAAC;IACrC,OAAO,EAAE,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC;AAC1C,CAAC;AAED,+EAA+E;AAC/E,OAAO;AACP,+EAA+E;AAE/E,KAAK,UAAU,IAAI;IACjB,OAAO,CAAC,KAAK,EAAE,CAAC;IAChB,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;IAEpB,uCAAuC;IACvC,IAAI,WAAW,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;IAElC,IAAI,CAAC,WAAW,EAAE,CAAC;QACjB,WAAW,GAAG,MAAM,MAAM,CAAC,cAAc,EAAE,mBAAmB,CAAC,CAAC;IAClE,CAAC;IAED,wBAAwB;IACxB,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,WAAW,CAAC,EAAE,CAAC;QAC1C,KAAK,CAAC,yEAAyE,CAAC,CAAC;QACjF,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;IAClB,CAAC;IAED,MAAM,WAAW,GAAG,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,WAAW,CAAC,CAAC;IAE7D,4BAA4B;IAC5B,IAAI,EAAE,CAAC,UAAU,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC,WAAW,CAAC,EAAE,CAAC;QAC3D,KAAK,CAAC,aAAa,WAAW,kCAAkC,CAAC,CAAC;QAClE,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;IAClB,CAAC;IAED,kBAAkB;IAClB,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;IAChB,MAAM,eAAe,GAAmB,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC;QACvF,GAAG;QACH,GAAG,KAAK;KACT,CAAC,CAAC,CAAC;IAEJ,MAAM,gBAAgB,GAAG,MAAM,MAAM,CAAC,oBAAoB,EAAE,eAAe,CAAC,CAAC;IAC7E,MAAM,WAAW,GAAG,gBAAgB,CAAC,GAAG,CAAC;IAEzC,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;IAChB,GAAG,CAAC,uBAAuB,CAAC,CAAC,IAAI,GAAG,WAAW,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC;IAC7D,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;IAEhB,2BAA2B;IAC3B,EAAE,CAAC,SAAS,CAAC,WAAW,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC;IAE/C,uBAAuB;IACvB,MAAM,QAAQ,GAAG,IAAI,OAAO,CAAC,+BAA+B,CAAC,CAAC;IAC9D,QAAQ,CAAC,KAAK,EAAE,CAAC;IAEjB,IAAI,CAAC;QACH,MAAM,KAAK,GAAG,gBAAgB,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC;QAEzD,KAAK,MAAM,CAAC,QAAQ,EAAE,OAAO,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;YACxD,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC;YAClD,MAAM,GAAG,GAAG,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;YAEnC,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE,CAAC;gBACxB,EAAE,CAAC,SAAS,CAAC,GAAG,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC;YACzC,CAAC;YAED,EAAE,CAAC,aAAa,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;QACtC,CAAC;QAED,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACtB,CAAC;IAAC,OAAO,GAAG,EAAE,CAAC;QACb,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACrB,KAAK,CAAC,6BAA8B,GAAa,CAAC,OAAO,EAAE,CAAC,CAAC;QAC7D,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;IAClB,CAAC;IAED,iBAAiB;IACjB,MAAM,QAAQ,GAAG,IAAI,OAAO,CAAC,gCAAgC,CAAC,CAAC;IAC/D,QAAQ,CAAC,KAAK,EAAE,CAAC;IAEjB,IAAI,CAAC;QACH,QAAQ,CAAC,UAAU,EAAE,EAAE,GAAG,EAAE,WAAW,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAC;QAC5D,QAAQ,CAAC,WAAW,EAAE,EAAE,GAAG,EAAE,WAAW,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAC;QAC7D,QAAQ,CAAC,uDAAuD,EAAE,EAAE,GAAG,EAAE,WAAW,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAC;QACzG,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACtB,CAAC;IAAC,MAAM,CAAC;QACP,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACrB,qCAAqC;IACvC,CAAC;IAED,kBAAkB;IAClB,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;IAChB,OAAO,CAAC,GAAG,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC,CAAC;AAC3C,CAAC;AAED,IAAI,EAAE,CAAC,KAAK,CAAC,CAAC,GAAG,EAAE,EAAE;IACnB,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;IACnB,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;AAClB,CAAC,CAAC,CAAC"}

package/dist/templates/app-router.d.ts

@@ -0,0 +1,6 @@
+/**
+ * App Router Template - Next.js style app/ directory routing
+ */
+import type { TemplateFiles } from './index.js';
+export declare function appRouterTemplate(projectName: string): TemplateFiles;
+//# sourceMappingURL=app-router.d.ts.map

package/dist/templates/app-router.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-router.d.ts","sourceRoot":"","sources":["../../src/templates/app-router.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAEhD,wBAAgB,iBAAiB,CAAC,WAAW,EAAE,MAAM,GAAG,aAAa,CA2NpE"}

package/dist/templates/app-router.js

@@ -0,0 +1,211 @@
+/**
+ * App Router Template - Next.js style app/ directory routing
+ */
+export function appRouterTemplate(projectName) {
+    return {
+        'package.json': JSON.stringify({
+            name: projectName,
+            version: '1.0.0',
+            private: true,
+            type: 'module',
+            scripts: {
+                dev: 'npm run css && flexireact dev',
+                build: 'npm run css && flexireact build',
+                start: 'flexireact start',
+                css: 'npx @tailwindcss/cli -i ./app/globals.css -o ./public/styles.css --minify',
+            },
+            dependencies: {
+                react: '^18.2.0',
+                'react-dom': '^18.2.0',
+                '@flexireact/core': '^2.0.0',
+                clsx: '^2.1.0',
+                'tailwind-merge': '^2.2.0',
+            },
+            devDependencies: {
+                '@types/react': '^18.2.0',
+                '@types/react-dom': '^18.2.0',
+                typescript: '^5.3.0',
+                tailwindcss: '^4.0.0',
+                '@tailwindcss/cli': '^4.0.0',
+                '@tailwindcss/postcss': '^4.0.0',
+            },
+        }, null, 2),
+        'tsconfig.json': JSON.stringify({
+            compilerOptions: {
+                target: 'ES2022',
+                lib: ['DOM', 'DOM.Iterable', 'ES2022'],
+                module: 'ESNext',
+                moduleResolution: 'bundler',
+                jsx: 'react-jsx',
+                strict: true,
+                skipLibCheck: true,
+                esModuleInterop: true,
+                resolveJsonModule: true,
+                isolatedModules: true,
+                noEmit: true,
+                baseUrl: '.',
+                paths: {
+                    '@/*': ['./*'],
+                },
+            },
+            include: ['**/*.ts', '**/*.tsx'],
+            exclude: ['node_modules', '.flexi', 'public'],
+        }, null, 2),
+        'postcss.config.js': `export default {
+  plugins: {
+    "@tailwindcss/postcss": {},
+  },
+};
+`,
+        'flexireact.config.js': `export default {
+  server: { port: 3000 },
+  styles: ['/styles.css'],
+};
+`,
+        // App directory
+        'app/layout.tsx': `import React from 'react';
+
+export default function RootLayout({ children }: { children: React.ReactNode }) {
+  return (
+    <html lang="en" className="dark">
+      <head>
+        <meta charSet="UTF-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+        <link rel="stylesheet" href="/styles.css" />
+        <link rel="icon" href="/favicon.svg" />
+        <title>FlexiReact App</title>
+      </head>
+      <body className="bg-[#0a0a0a] text-white min-h-screen antialiased">
+        {children}
+      </body>
+    </html>
+  );
+}
+`,
+        'app/page.tsx': `import React from 'react';
+
+export default function HomePage() {
+  return (
+    <main className="min-h-screen flex flex-col items-center justify-center p-8">
+      <div className="text-center">
+        <div className="w-20 h-20 bg-[#00FF9C] rounded-2xl flex items-center justify-center mx-auto mb-8">
+          <span className="text-black font-bold text-3xl">F</span>
+        </div>
+        
+        <h1 className="text-5xl font-bold mb-4">
+          Welcome to <span className="text-[#00FF9C]">FlexiReact</span>
+        </h1>
+        
+        <p className="text-gray-400 text-lg mb-8">
+          Using App Router with Next.js style routing
+        </p>
+        
+        <div className="flex gap-4 justify-center">
+          <a 
+            href="https://github.com/nicksdev/flexireact"
+            className="px-6 py-3 bg-[#00FF9C] text-black font-semibold rounded-lg hover:opacity-90 transition"
+          >
+            Get Started →
+          </a>
+          <a 
+            href="https://github.com/nicksdev/flexireact"
+            className="px-6 py-3 border border-gray-700 rounded-lg hover:border-[#00FF9C] transition"
+          >
+            Documentation
+          </a>
+        </div>
+      </div>
+    </main>
+  );
+}
+`,
+        'app/loading.tsx': `import React from 'react';
+
+export default function Loading() {
+  return (
+    <div className="min-h-screen flex items-center justify-center">
+      <div className="w-8 h-8 border-2 border-[#00FF9C] border-t-transparent rounded-full animate-spin" />
+    </div>
+  );
+}
+`,
+        'app/error.tsx': `'use client';
+
+import React from 'react';
+
+export default function Error({ error, reset }: { error: Error; reset: () => void }) {
+  return (
+    <div className="min-h-screen flex flex-col items-center justify-center p-8">
+      <h1 className="text-4xl font-bold text-red-500 mb-4">Something went wrong</h1>
+      <p className="text-gray-400 mb-8">{error.message}</p>
+      <button 
+        onClick={reset}
+        className="px-6 py-3 bg-[#00FF9C] text-black font-semibold rounded-lg"
+      >
+        Try again
+      </button>
+    </div>
+  );
+}
+`,
+        'app/not-found.tsx': `import React from 'react';
+
+export default function NotFound() {
+  return (
+    <div className="min-h-screen flex flex-col items-center justify-center p-8">
+      <h1 className="text-6xl font-bold text-[#00FF9C] mb-4">404</h1>
+      <p className="text-gray-400 text-xl mb-8">Page not found</p>
+      <a 
+        href="/"
+        className="px-6 py-3 bg-[#00FF9C] text-black font-semibold rounded-lg"
+      >
+        ← Back Home
+      </a>
+    </div>
+  );
+}
+`,
+        'app/globals.css': `@import "tailwindcss";
+
+@theme {
+  --color-background: #0a0a0a;
+  --color-foreground: #fafafa;
+  --color-primary: #00FF9C;
+  --font-sans: "Inter", system-ui, sans-serif;
+}
+
+body {
+  font-family: var(--font-sans);
+}
+`,
+        // Lib
+        'lib/utils.ts': `import { clsx, type ClassValue } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+
+export function cn(...inputs: ClassValue[]) {
+  return twMerge(clsx(inputs));
+}
+`,
+        // Public
+        'public/favicon.svg': `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
+  <defs>
+    <linearGradient id="grad" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" style="stop-color:#00FF9C"/>
+      <stop offset="100%" style="stop-color:#00D68F"/>
+    </linearGradient>
+  </defs>
+  <rect width="100" height="100" rx="20" fill="#0a0a0a"/>
+  <text x="50" y="68" font-family="system-ui" font-size="50" font-weight="900" fill="url(#grad)" text-anchor="middle">F</text>
+</svg>`,
+        'public/.gitkeep': '',
+        '.gitignore': `node_modules/
+.flexi/
+dist/
+public/styles.css
+*.log
+.env
+.env.local
+`,
+    };
+}
+//# sourceMappingURL=app-router.js.map

package/dist/templates/app-router.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-router.js","sourceRoot":"","sources":["../../src/templates/app-router.ts"],"names":[],"mappings":"AAAA;;GAEG;AAIH,MAAM,UAAU,iBAAiB,CAAC,WAAmB;IACnD,OAAO;QACL,cAAc,EAAE,IAAI,CAAC,SAAS,CAAC;YAC7B,IAAI,EAAE,WAAW;YACjB,OAAO,EAAE,OAAO;YAChB,OAAO,EAAE,IAAI;YACb,IAAI,EAAE,QAAQ;YACd,OAAO,EAAE;gBACP,GAAG,EAAE,+BAA+B;gBACpC,KAAK,EAAE,iCAAiC;gBACxC,KAAK,EAAE,kBAAkB;gBACzB,GAAG,EAAE,2EAA2E;aACjF;YACD,YAAY,EAAE;gBACZ,KAAK,EAAE,SAAS;gBAChB,WAAW,EAAE,SAAS;gBACtB,kBAAkB,EAAE,QAAQ;gBAC5B,IAAI,EAAE,QAAQ;gBACd,gBAAgB,EAAE,QAAQ;aAC3B;YACD,eAAe,EAAE;gBACf,cAAc,EAAE,SAAS;gBACzB,kBAAkB,EAAE,SAAS;gBAC7B,UAAU,EAAE,QAAQ;gBACpB,WAAW,EAAE,QAAQ;gBACrB,kBAAkB,EAAE,QAAQ;gBAC5B,sBAAsB,EAAE,QAAQ;aACjC;SACF,EAAE,IAAI,EAAE,CAAC,CAAC;QAEX,eAAe,EAAE,IAAI,CAAC,SAAS,CAAC;YAC9B,eAAe,EAAE;gBACf,MAAM,EAAE,QAAQ;gBAChB,GAAG,EAAE,CAAC,KAAK,EAAE,cAAc,EAAE,QAAQ,CAAC;gBACtC,MAAM,EAAE,QAAQ;gBAChB,gBAAgB,EAAE,SAAS;gBAC3B,GAAG,EAAE,WAAW;gBAChB,MAAM,EAAE,IAAI;gBACZ,YAAY,EAAE,IAAI;gBAClB,eAAe,EAAE,IAAI;gBACrB,iBAAiB,EAAE,IAAI;gBACvB,eAAe,EAAE,IAAI;gBACrB,MAAM,EAAE,IAAI;gBACZ,OAAO,EAAE,GAAG;gBACZ,KAAK,EAAE;oBACL,KAAK,EAAE,CAAC,KAAK,CAAC;iBACf;aACF;YACD,OAAO,EAAE,CAAC,SAAS,EAAE,UAAU,CAAC;YAChC,OAAO,EAAE,CAAC,cAAc,EAAE,QAAQ,EAAE,QAAQ,CAAC;SAC9C,EAAE,IAAI,EAAE,CAAC,CAAC;QAEX,mBAAmB,EAAE;;;;;CAKxB;QAEG,sBAAsB,EAAE;;;;CAI3B;QAEG,gBAAgB;QAChB,gBAAgB,EAAE;;;;;;;;;;;;;;;;;;CAkBrB;QAEG,cAAc,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoCnB;QAEG,iBAAiB,EAAE;;;;;;;;;CAStB;QAEG,eAAe,EAAE;;;;;;;;;;;;;;;;;;CAkBpB;QAEG,mBAAmB,EAAE;;;;;;;;;;;;;;;;CAgBxB;QAEG,iBAAiB,EAAE;;;;;;;;;;;;CAYtB;QAEG,MAAM;QACN,cAAc,EAAE;;;;;;CAMnB;QAEG,SAAS;QACT,oBAAoB,EAAE;;;;;;;;;OASnB;QAEH,iBAAiB,EAAE,EAAE;QAErB,YAAY,EAAE;;;;;;;CAOjB;KACE,CAAC;AACJ,CAAC"}

package/dist/templates/default.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Default Template - Full-featured FlexiReact v2 setup
+ *
+ * Structure:
+ * - app/          : Layout, components, styles, providers
+ * - routes/       : FlexiReact v2 file-based routing
+ * - lib/          : Utilities
+ * - public/       : Static assets
+ */
+import type { TemplateFiles } from './index.js';
+export declare function defaultTemplate(projectName: string): TemplateFiles;
+//# sourceMappingURL=default.d.ts.map

package/dist/templates/default.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"default.d.ts","sourceRoot":"","sources":["../../src/templates/default.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAEhD,wBAAgB,eAAe,CAAC,WAAW,EAAE,MAAM,GAAG,aAAa,CA8jBlE"}