nexa-init 0.5.2 → 0.6.1

package/dist/cli.js

@@ -1,14 +1,24 @@
 #!/usr/bin/env node
 import { createProject } from './index.js';
 import { join } from 'path';
-const projectName = process.argv[2] || 'my-nexa-app';
+const args = process.argv.slice(2);
+let projectName = 'my-nexa-app';
+let template = 'default';
+const templateIdx = args.indexOf('--template');
+if (templateIdx !== -1 && args[templateIdx + 1]) {
+    template = args[templateIdx + 1];
+    args.splice(templateIdx, 2);
+}
+if (args.length > 0 && args[0]) {
+    projectName = args[0];
+}
 try {
-    createProject(projectName, process.cwd());
+    createProject(projectName, process.cwd(), template);
     const projectDir = join(process.cwd(), projectName);
     console.log(`✅ Created ${projectName} at ${projectDir}`);
     console.log(`  cd ${projectName}`);
-    console.log('  npm install');
-    console.log('  npm run dev');
+    console.log('  pnpm install');
+    console.log('  pnpm dev');
 }
 catch (err) {
     if (err instanceof Error) {

package/dist/cli.js.map

@@ -1 +1 @@
-{"version":3,"file":"cli.js","sourceRoot":"","sources":["../src/cli.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,MAAM,CAAA;AAE3B,MAAM,WAAW,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,aAAa,CAAA;AACpD,IAAI,CAAC;IACH,aAAa,CAAC,WAAW,EAAE,OAAO,CAAC,GAAG,EAAE,CAAC,CAAA;IACzC,MAAM,UAAU,GAAG,IAAI,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,WAAW,CAAC,CAAA;IACnD,OAAO,CAAC,GAAG,CAAC,aAAa,WAAW,OAAO,UAAU,EAAE,CAAC,CAAA;IACxD,OAAO,CAAC,GAAG,CAAC,QAAQ,WAAW,EAAE,CAAC,CAAA;IAClC,OAAO,CAAC,GAAG,CAAC,eAAe,CAAC,CAAA;IAC5B,OAAO,CAAC,GAAG,CAAC,eAAe,CAAC,CAAA;AAC9B,CAAC;AAAC,OAAO,GAAG,EAAE,CAAC;IACb,IAAI,GAAG,YAAY,KAAK,EAAE,CAAC;QACzB,OAAO,CAAC,KAAK,CAAC,UAAU,GAAG,CAAC,OAAO,EAAE,CAAC,CAAA;IACxC,CAAC;IACD,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAA;AACjB,CAAC"}
+{"version":3,"file":"cli.js","sourceRoot":"","sources":["../src/cli.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,MAAM,CAAA;AAE3B,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAA;AAClC,IAAI,WAAW,GAAG,aAAa,CAAA;AAC/B,IAAI,QAAQ,GAAG,SAAS,CAAA;AAExB,MAAM,WAAW,GAAG,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,CAAA;AAC9C,IAAI,WAAW,KAAK,CAAC,CAAC,IAAI,IAAI,CAAC,WAAW,GAAG,CAAC,CAAC,EAAE,CAAC;IAChD,QAAQ,GAAG,IAAI,CAAC,WAAW,GAAG,CAAC,CAAC,CAAA;IAChC,IAAI,CAAC,MAAM,CAAC,WAAW,EAAE,CAAC,CAAC,CAAA;AAC7B,CAAC;AAED,IAAI,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC;IAC/B,WAAW,GAAG,IAAI,CAAC,CAAC,CAAC,CAAA;AACvB,CAAC;AAED,IAAI,CAAC;IACH,aAAa,CAAC,WAAW,EAAE,OAAO,CAAC,GAAG,EAAE,EAAE,QAAQ,CAAC,CAAA;IACnD,MAAM,UAAU,GAAG,IAAI,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,WAAW,CAAC,CAAA;IACnD,OAAO,CAAC,GAAG,CAAC,aAAa,WAAW,OAAO,UAAU,EAAE,CAAC,CAAA;IACxD,OAAO,CAAC,GAAG,CAAC,QAAQ,WAAW,EAAE,CAAC,CAAA;IAClC,OAAO,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAA;IAC7B,OAAO,CAAC,GAAG,CAAC,YAAY,CAAC,CAAA;AAC3B,CAAC;AAAC,OAAO,GAAG,EAAE,CAAC;IACb,IAAI,GAAG,YAAY,KAAK,EAAE,CAAC;QACzB,OAAO,CAAC,KAAK,CAAC,UAAU,GAAG,CAAC,OAAO,EAAE,CAAC,CAAA;IACxC,CAAC;IACD,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAA;AACjB,CAAC"}

package/dist/index.d.ts

@@ -1,3 +1,3 @@
 #!/usr/bin/env node
-export declare function createProject(name: string, destDir: string): void;
+export declare function createProject(name: string, destDir: string, template?: string): void;
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";AAsOA,wBAAgB,aAAa,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,IAAI,CAejE"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";AA8BA,wBAAgB,aAAa,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,GAAE,MAAkB,GAAG,IAAI,CA4B/F"}

package/dist/index.js

@@ -1,237 +1,53 @@
 #!/usr/bin/env node
-import { existsSync, mkdirSync, writeFileSync } from 'fs';
+import { existsSync, mkdirSync, writeFileSync, readFileSync, readdirSync, statSync } from 'fs';
 import { join } from 'path';
-const FILES = {
-    'package.json': (name) => JSON.stringify({
-        name,
-        version: '0.1.0',
-        private: true,
-        type: 'module',
-        scripts: { dev: 'vite', build: 'vite build', preview: 'vite preview' },
-        dependencies: { 'nexa-framework': '^0.5.2' },
-        devDependencies: { vite: '^6.0.0', 'nexa-vite-plugin': '^0.5.2' },
-    }, null, 2),
-    'index.html': (name) => `<!DOCTYPE html>
-<html lang="en">
-<head>
-  <meta charset="UTF-8" />
-  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>${name}</title>
-  <style>
-    body {
-      margin: 0;
-      font-family: 'Inter', system-ui, -apple-system, sans-serif;
-      background-color: #0f172a;
-      color: #f8fafc;
+import { fileURLToPath } from 'url';
+import { dirname } from 'path';
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = dirname(__filename);
+function copyRecursive(src, dest, name) {
+    console.log(`Copying ${src} to ${dest}`);
+    const stats = statSync(src);
+    if (stats.isDirectory()) {
+        if (!existsSync(dest))
+            mkdirSync(dest, { recursive: true });
+        readdirSync(src).forEach(child => {
+            copyRecursive(join(src, child), join(dest, child), name);
+        });
+    }
+    else {
+        try {
+            let content = readFileSync(src, 'utf-8');
+            content = content.replace(/{{name}}/g, name);
+            writeFileSync(dest, content, 'utf-8');
+            console.log(`Successfully wrote ${dest}`);
+        }
+        catch (err) {
+            console.error(`Failed to write ${dest}: ${err.message}`);
+        }
     }
-  </style>
-</head>
-<body>
-  <div id="app"></div>
-  <script type="module" src="/src/main.ts"></script>
-</body>
-</html>`,
-    'vite.config.ts': () => `import { defineConfig } from 'vite'
-import { nexaPlugin } from 'nexa-vite-plugin'
-
-export default defineConfig({
-  plugins: [nexaPlugin()],
-})`,
-    'src/main.ts': () => `import { mount } from 'nexa-framework'
-import App from './App.nexa'
-
-const root = document.getElementById('app')
-if (root) {
-  mount(App, root)
-}
-`,
-    'src/App.nexa': () => `<script setup>
-import { signal } from 'nexa-framework'
-import Counter from './components/Counter.nexa'
-
-const show = signal(true)
-</script>
-
-<template>
-  <div class="container">
-    <header>
-      <div class="logo">Nexa</div>
-      <nav>
-        <a href="https://github.com/nexabase/nexa-framework" target="_blank">GitHub</a>
-      </nav>
-    </header>
-
-    <main>
-      <h1>Build something <span>amazing</span>.</h1>
-      <p class="subtitle">Vue-like simplicity meets Signals performance.</p>
-
-      <div class="demo">
-        <Transition name="fade" mode="out-in">
-          <Counter v-if="show.value" />
-        </Transition>
-      </div>
-      
-      <button class="btn-toggle" @click="show.value = !show.value">
-        {{ show.value ? 'Destroy Counter' : 'Restore Counter' }}
-      </button>
-    </main>
-  </div>
-</template>
-
-<style scoped>
-.container {
-  max-width: 1200px;
-  margin: 0 auto;
-  padding: 0 2rem;
-}
-
-header {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  padding: 2rem 0;
-}
-
-.logo {
-  font-size: 1.5rem;
-  font-weight: 800;
-  letter-spacing: -0.025em;
-  background: linear-gradient(to right, #60a5fa, #a855f7);
-  -webkit-background-clip: text;
-  -webkit-text-fill-color: transparent;
-}
-
-nav a {
-  color: #94a3b8;
-  text-decoration: none;
-  font-weight: 500;
-  transition: color 0.2s;
-}
-
-nav a:hover {
-  color: #f8fafc;
-}
-
-main {
-  text-align: center;
-  padding: 4rem 0;
-}
-
-h1 {
-  font-size: 4rem;
-  font-weight: 900;
-  letter-spacing: -0.05em;
-  margin-bottom: 1rem;
-}
-
-h1 span {
-  color: #3b82f6;
-}
-
-.subtitle {
-  font-size: 1.25rem;
-  color: #94a3b8;
-  margin-bottom: 3rem;
-}
-
-.demo {
-  margin-bottom: 2rem;
-  min-height: 150px;
-}
-
-.btn-toggle {
-  background: transparent;
-  color: #64748b;
-  border: 1px solid #334155;
-  padding: 8px 16px;
-  border-radius: 8px;
-  cursor: pointer;
-  font-size: 0.875rem;
-  transition: all 0.2s;
-}
-
-.btn-toggle:hover {
-  border-color: #475569;
-  color: #f8fafc;
-}
-
-/* Transitions */
-.fade-enter-active, .fade-leave-active {
-  transition: opacity 0.3s ease;
-}
-.fade-enter-from, .fade-leave-to {
-  opacity: 0;
-}
-</style>`,
-    'src/components/Counter.nexa': () => `<script setup>
-import { signal } from 'nexa-framework'
-const count = signal(0)
-</script>
-
-<template>
-  <div class="counter-card">
-    <div class="count-value">{{ count.value }}</div>
-    <div class="controls">
-      <button @click="count.value--">-</button>
-      <button @click="count.value++" class="primary">+</button>
-    </div>
-  </div>
-</template>
-
-<style scoped>
-.counter-card {
-  background: #1e293b;
-  border: 1px solid #334155;
-  padding: 2rem;
-  border-radius: 1rem;
-  display: inline-block;
-  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
-}
-
-.count-value {
-  font-size: 3rem;
-  font-weight: 700;
-  margin-bottom: 1rem;
-}
-
-.controls {
-  display: flex;
-  gap: 1rem;
-}
-
-button {
-  background: #334155;
-  color: white;
-  border: none;
-  width: 48px;
-  height: 48px;
-  border-radius: 50%;
-  font-size: 1.5rem;
-  cursor: pointer;
-  transition: transform 0.1s;
-}
-
-button:active {
-  transform: scale(0.9);
-}
-
-button.primary {
-  background: #3b82f6;
 }
-</style>`,
-};
-export function createProject(name, destDir) {
+export function createProject(name, destDir, template = 'default') {
     const projectDir = join(destDir, name);
-    if (existsSync(projectDir)) {
+    // In monorepo, templates are at ../templates/
+    // When installed as package, they should be in the package folder
+    let templateDir = join(__dirname, '..', 'templates', template);
+    // Fallback for development/monorepo structure
+    if (!existsSync(templateDir)) {
+        templateDir = join(process.cwd(), 'packages/create-nexa/templates', template);
+    }
+    if (!existsSync(templateDir)) {
+        console.warn(`Template "${template}" not found, falling back to "default"`);
+        templateDir = templateDir.replace(template, 'default');
+    }
+    if (existsSync(projectDir) && name !== '.') {
         throw new Error(`Directory "${name}" already exists.`);
     }
-    mkdirSync(projectDir, { recursive: true });
-    for (const [filePath, content] of Object.entries(FILES)) {
-        const fullPath = join(projectDir, filePath);
-        const dir = join(fullPath, '..');
-        if (!existsSync(dir))
-            mkdirSync(dir, { recursive: true });
-        writeFileSync(fullPath, content(name), 'utf-8');
+    if (!existsSync(projectDir)) {
+        mkdirSync(projectDir, { recursive: true });
     }
+    console.log(`Creating Nexa project: ${name} (Template: ${template})...`);
+    copyRecursive(templateDir, projectDir, name === '.' ? 'nexa-app' : name);
+    console.log(`Success! Run "pnpm install" and "pnpm dev" to start building.`);
 }
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,IAAI,CAAA;AACzD,OAAO,EAAE,IAAI,EAAE,MAAM,MAAM,CAAA;AAE3B,MAAM,KAAK,GAA6C;IACtD,cAAc,EAAE,CAAC,IAAY,EAAE,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC;QAC/C,IAAI;QACJ,OAAO,EAAE,OAAO;QAChB,OAAO,EAAE,IAAI;QACb,IAAI,EAAE,QAAQ;QACd,OAAO,EAAE,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,YAAY,EAAE,OAAO,EAAE,cAAc,EAAE;QACtE,YAAY,EAAE,EAAE,gBAAgB,EAAE,QAAQ,EAAE;QAC5C,eAAe,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,kBAAkB,EAAE,QAAQ,EAAE;KAClE,EAAE,IAAI,EAAE,CAAC,CAAC;IAEX,YAAY,EAAE,CAAC,IAAY,EAAE,EAAE,CAAC;;;;;WAKvB,IAAI;;;;;;;;;;;;;;QAcP;IAEN,gBAAgB,EAAE,GAAG,EAAE,CAAC;;;;;GAKvB;IAED,aAAa,EAAE,GAAG,EAAE,CAAC;;;;;;;CAOtB;IAEC,cAAc,EAAE,GAAG,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SAqHf;IAEP,6BAA6B,EAAE,GAAG,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SAuD9B;CACR,CAAA;AAED,MAAM,UAAU,aAAa,CAAC,IAAY,EAAE,OAAe;IACzD,MAAM,UAAU,GAAG,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,CAAA;IAEtC,IAAI,UAAU,CAAC,UAAU,CAAC,EAAE,CAAC;QAC3B,MAAM,IAAI,KAAK,CAAC,cAAc,IAAI,mBAAmB,CAAC,CAAA;IACxD,CAAC;IAED,SAAS,CAAC,UAAU,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAA;IAE1C,KAAK,MAAM,CAAC,QAAQ,EAAE,OAAO,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;QACxD,MAAM,QAAQ,GAAG,IAAI,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAA;QAC3C,MAAM,GAAG,GAAG,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAA;QAChC,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC;YAAE,SAAS,CAAC,GAAG,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAA;QACzD,aAAa,CAAC,QAAQ,EAAE,OAAO,CAAC,IAAI,CAAC,EAAE,OAAO,CAAC,CAAA;IACjD,CAAC;AACH,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nexa-init",
-  "version": "0.5.2",
+  "version": "0.6.1",
   "type": "module",
   "main": "./dist/index.js",
   "bin": {

package/templates/default/index.html

@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>{{name}}</title>
+  <style>
+    body {
+      margin: 0;
+      font-family: 'Inter', system-ui, -apple-system, sans-serif;
+      background-color: #020617;
+      color: #f8fafc;
+    }
+  </style>
+</head>
+<body>
+  <div id="app"></div>
+  <script type="module" src="/src/main.ts"></script>
+</body>
+</html>

package/templates/default/package.json

@@ -0,0 +1,19 @@
+{
+  "name": "{{name}}",
+  "version": "0.2.0",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "nexa-framework": "^0.6.1"
+  },
+  "devDependencies": {
+    "vite": "^6.0.0",
+    "nexa-vite-plugin": "^0.6.1",
+    "typescript": "^5.0.0"
+  }
+}

package/templates/default/src/App.nexa

@@ -0,0 +1,118 @@
+<script setup>
+import { signal } from 'nexa-framework'
+
+const show = signal(true)
+</script>
+
+<template>
+  <div class="container">
+    <header>
+      <div class="logo">Nexa</div>
+      <nav>
+        <a href="https://github.com/nexabase/nexa-framework" target="_blank">GitHub</a>
+      </nav>
+    </header>
+
+    <main>
+      <h1>Build something <span>amazing</span>.</h1>
+      <p class="subtitle">Vue-like simplicity meets Signals performance.</p>
+
+      <div class="demo">
+        <div v-if="show.value" class="counter-card">
+           <p>Welcome to your new Nexa project!</p>
+        </div>
+      </div>
+      
+      <button class="btn-toggle" @click="show.value = !show.value">
+        {{ show.value ? 'Hide Message' : 'Show Message' }}
+      </button>
+    </main>
+  </div>
+</template>
+
+<style scoped>
+.container {
+  max-width: 1200px;
+  margin: 0 auto;
+  padding: 0 2rem;
+}
+
+header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 2rem 0;
+}
+
+.logo {
+  font-size: 1.5rem;
+  font-weight: 800;
+  letter-spacing: -0.025em;
+  background: linear-gradient(to right, #60a5fa, #a855f7);
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+}
+
+nav a {
+  color: #94a3b8;
+  text-decoration: none;
+  font-weight: 500;
+  transition: color 0.2s;
+}
+
+nav a:hover {
+  color: #f8fafc;
+}
+
+main {
+  text-align: center;
+  padding: 4rem 0;
+}
+
+h1 {
+  font-size: 4rem;
+  font-weight: 900;
+  letter-spacing: -0.05em;
+  margin-bottom: 1rem;
+}
+
+h1 span {
+  color: #3b82f6;
+}
+
+.subtitle {
+  font-size: 1.25rem;
+  color: #94a3b8;
+  margin-bottom: 3rem;
+}
+
+.demo {
+  margin-bottom: 2rem;
+  min-height: 150px;
+}
+
+.counter-card {
+  background: #1e293b;
+  border: 1px solid #334155;
+  padding: 2rem;
+  border-radius: 1rem;
+  display: inline-block;
+  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
+}
+
+.btn-toggle {
+  background: transparent;
+  color: #64748b;
+  border: 1px solid #334155;
+  padding: 8px 16px;
+  border-radius: 8px;
+  cursor: pointer;
+  font-size: 0.875rem;
+  transition: all 0.2s;
+}
+
+.btn-toggle:hover {
+  border-color: #475569;
+  color: #f8fafc;
+}
+</style>

package/templates/default/src/env.d.ts

@@ -0,0 +1,32 @@
+declare module "*.nexa" {
+  import { type Component } from "nexa-framework";
+  const component: Component;
+  export default component;
+}
+
+interface ImportMetaHot {
+  readonly data: any;
+  accept(): void;
+  accept(cb: (mod: any) => void): void;
+  accept(dep: string, cb: (mod: any) => void): void;
+  accept(deps: readonly string[], cb: (mods: any[]) => void): void;
+  dispose(cb: (data: any) => void): void;
+  decline(): void;
+  invalidate(): void;
+  on(event: string, cb: (payload: any) => void): void;
+  send(event: string, data?: any): void;
+}
+
+interface ImportMeta {
+  readonly hot?: ImportMetaHot;
+  readonly env: ImportMetaEnv;
+}
+
+interface ImportMetaEnv {
+  [key: string]: any;
+  BASE_URL: string;
+  MODE: string;
+  DEV: boolean;
+  PROD: boolean;
+  SSR: boolean;
+}

package/templates/default/src/main.ts

@@ -0,0 +1,7 @@
+import { mount } from 'nexa-framework'
+import App from './App.nexa'
+
+const root = document.getElementById('app')
+if (root) {
+  mount(App, root)
+}

package/templates/default/tsconfig.json

@@ -0,0 +1,40 @@
+{
+  "compilerOptions": {
+    "target": "ESNext",
+    "useDefineForClassFields": true,
+    "module": "ESNext",
+    "lib": ["ESNext", "DOM", "DOM.Iterable"],
+    "skipLibCheck": true,
+
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true,
+    "jsx": "preserve",
+
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true,
+
+    "baseUrl": ".",
+    "paths": {
+      "nexa-framework": ["./node_modules/nexa-framework/dist/index.d.ts", "../../../nexa/src/index.ts"],
+      "nexa-vite-plugin": ["./node_modules/nexa-vite-plugin/dist/index.d.ts", "../../../vite-plugin-nexa/src/index.ts"],
+      "nexa-reactivity": ["../../../reactivity/src/index.ts"],
+      "nexa-runtime": ["../../../runtime/src/index.ts"],
+      "nexa-mobile": ["../../../mobile/src/index.ts"],
+      "nexa-persistence": ["../../../persistence/src/index.ts"],
+      "nexa-compiler": ["../../../compiler/src/index.ts"],
+      "nexa-ui": ["../../../ui/src/index.ts"],
+      "nexa-devtools": ["../../../devtools/src/index.ts"],
+      "nexa-router": ["../../../router/src/index.ts"],
+      "vite": ["../../../vite-plugin-nexa/node_modules/vite"],
+      "*": ["./node_modules/*", "../../../../node_modules/*"]
+    }
+  },
+  "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.nexa", "vite.config.ts"]
+}

package/templates/default/vite.config.ts

@@ -0,0 +1,6 @@
+import { defineConfig } from 'vite'
+import { nexaPlugin } from 'nexa-vite-plugin'
+
+export default defineConfig({
+  plugins: [nexaPlugin()],
+})

package/templates/pro/index.html

@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>{{name}}</title>
+  <style>
+    body {
+      margin: 0;
+      font-family: 'Inter', system-ui, -apple-system, sans-serif;
+      background-color: #020617;
+      color: #f8fafc;
+    }
+  </style>
+</head>
+<body>
+  <div id="app"></div>
+  <script type="module" src="/src/main.ts"></script>
+</body>
+</html>

package/templates/pro/package.json

@@ -0,0 +1,22 @@
+{
+  "name": "{{name}}",
+  "version": "0.2.0",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "nexa-framework": "^0.6.1",
+    "nexa-ui-kit": "^0.6.1",
+    "nexa-devtools": "^0.6.1",
+    "nexa-router": "^0.6.1"
+  },
+  "devDependencies": {
+    "vite": "^6.0.0",
+    "nexa-vite-plugin": "^0.6.1",
+    "typescript": "^5.0.0"
+  }
+}

package/templates/pro/src/App.nexa

@@ -0,0 +1,99 @@
+<script setup>
+import { createRouter, RouterView, Link } from 'nexa-router'
+import { NToastContainer } from 'nexa-ui-kit'
+import DashboardView from './views/DashboardView.nexa'
+import UsersView from './views/UsersView.nexa'
+
+const router = createRouter({
+  routes: [
+    { path: '/', component: DashboardView },
+    { path: '/users', component: UsersView }
+  ]
+})
+</script>
+
+<template>
+  <div class="pro-dashboard">
+    <NToastContainer />
+
+    <aside class="sidebar">
+      <div class="brand">Nexa<span>Pro</span></div>
+      <nav>
+        <Link to="/" :router="router" class="nav-item" :class="{ active: router.currentPath.value === '/' }">
+          Dashboard
+        </Link>
+        <Link to="/users" :router="router" class="nav-item" :class="{ active: router.currentPath.value === '/users' }">
+          Team
+        </Link>
+      </nav>
+    </aside>
+
+    <main class="content">
+      <RouterView :router="router" />
+    </main>
+  </div>
+</template>
+
+<style scoped>
+.pro-dashboard {
+  display: flex;
+  min-height: 100vh;
+  background: #020617;
+  color: #f8fafc;
+  font-family: 'Outfit', sans-serif;
+}
+
+.sidebar {
+  width: 260px;
+  background: #0f172a;
+  border-right: 1px solid #1e293b;
+  padding: 2rem;
+  display: flex;
+  flex-direction: column;
+  gap: 2rem;
+}
+
+.brand {
+  font-size: 1.5rem;
+  font-weight: 900;
+  letter-spacing: -0.05em;
+}
+
+.brand span {
+  background: linear-gradient(to right, #3b82f6, #a855f7);
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+}
+
+.nav-item {
+  display: block;
+  padding: 0.75rem 1rem;
+  border-radius: 12px;
+  color: #64748b;
+  cursor: pointer;
+  transition: all 0.2s;
+  text-decoration: none;
+  margin-bottom: 0.5rem;
+}
+
+.nav-item:hover {
+  color: #f8fafc;
+  background: rgba(255, 255, 255, 0.05);
+}
+
+.nav-item.active {
+  color: white;
+  background: #3b82f6;
+  font-weight: 600;
+}
+
+.content {
+  flex: 1;
+  padding: 3rem;
+}
+
+@media (max-width: 768px) {
+  .pro-dashboard { flex-direction: column; }
+  .sidebar { width: 100%; border-right: none; border-bottom: 1px solid #1e293b; }
+}
+</style>

package/templates/pro/src/env.d.ts

@@ -0,0 +1,32 @@
+declare module "*.nexa" {
+  import { type Component } from "nexa-framework";
+  const component: Component;
+  export default component;
+}
+
+interface ImportMetaHot {
+  readonly data: any;
+  accept(): void;
+  accept(cb: (mod: any) => void): void;
+  accept(dep: string, cb: (mod: any) => void): void;
+  accept(deps: readonly string[], cb: (mods: any[]) => void): void;
+  dispose(cb: (data: any) => void): void;
+  decline(): void;
+  invalidate(): void;
+  on(event: string, cb: (payload: any) => void): void;
+  send(event: string, data?: any): void;
+}
+
+interface ImportMeta {
+  readonly hot?: ImportMetaHot;
+  readonly env: ImportMetaEnv;
+}
+
+interface ImportMetaEnv {
+  [key: string]: any;
+  BASE_URL: string;
+  MODE: string;
+  DEV: boolean;
+  PROD: boolean;
+  SSR: boolean;
+}

package/templates/pro/src/main.ts

@@ -0,0 +1,11 @@
+import { mount } from 'nexa-framework'
+import { initDevTools } from 'nexa-devtools'
+import App from './App.nexa'
+
+// Initialize Visual DevTools
+initDevTools()
+
+const root = document.getElementById('app')
+if (root) {
+  mount(App, root)
+}

package/templates/pro/src/views/DashboardView.nexa

@@ -0,0 +1,196 @@
+<script setup>
+import { signal, computed } from 'nexa-framework'
+import { 
+  NButton, NCard, NInput, NSelect, NModal, 
+  NTooltip, useToast 
+} from 'nexa-ui-kit'
+
+const username = signal('')
+const email = signal('')
+const role = signal('dev')
+const status = signal('idle')
+const showLogs = signal(false)
+
+const { success } = useToast()
+
+const roles = [
+  { label: 'Developer', value: 'dev' },
+  { label: 'Designer', value: 'design' },
+  { label: 'Manager', value: 'manager' }
+]
+
+const isFormValid = computed(() => {
+  return username.value.length > 2 && email.value.includes('@')
+})
+
+const handleSubmit = async () => {
+  if (!isFormValid.value) return
+  
+  status.value = 'loading'
+  await new Promise(resolve => setTimeout(resolve, 1500))
+  
+  status.value = 'success'
+  success(`Profile for ${username.value} created successfully!`)
+  
+  setTimeout(() => {
+    status.value = 'idle'
+  }, 3000)
+}
+</script>
+
+<template>
+  <div class="dashboard-view">
+    <header class="content-header">
+      <h1>Welcome back, <span>Developer</span></h1>
+      <p>This is your premium Nexa dashboard.</p>
+    </header>
+
+    <div class="grid">
+      <NCard title="Registration" subtitle="Create a new developer profile" hoverable>
+        <div class="form">
+          <NInput 
+            label="Username" 
+            v-model="username.value" 
+            placeholder="e.g. nexadeveloper"
+          />
+          <NInput 
+            label="Email Address" 
+            v-model="email.value" 
+            type="email" 
+            placeholder="hello@nexa.dev"
+          />
+          <NSelect 
+            label="Project Role"
+            v-model="role.value"
+            :options="roles"
+          />
+          
+          <div class="form-actions">
+            <NButton 
+              variant="primary" 
+              @click="handleSubmit" 
+              :loading="status.value === 'loading'"
+              :disabled="!isFormValid.value"
+            >
+              {{ status.value === 'success' ? 'Profile Created!' : 'Create Profile' }}
+            </NButton>
+          </div>
+        </div>
+      </NCard>
+
+      <NCard title="System Status" subtitle="Real-time framework metrics">
+        <div class="metrics">
+          <div class="metric">
+            <span class="label">Reactivity Pulse</span>
+            <NTooltip text="Everything is running smoothly" position="right">
+              <span class="value success">Stable</span>
+            </NTooltip>
+          </div>
+          <div class="metric">
+            <span class="label">Memory Usage</span>
+            <span class="value">12.4 MB</span>
+          </div>
+          <div class="metric">
+            <span class="label">Active Signals</span>
+            <span class="value">42</span>
+          </div>
+        </div>
+        
+        <template #footer>
+          <NButton variant="glass" size="sm" @click="showLogs.value = true">
+            View Full Logs
+          </NButton>
+        </template>
+      </NCard>
+    </div>
+
+    <!-- Modal for Logs -->
+    <NModal 
+      :show="showLogs.value" 
+      title="System Logs" 
+      @close="showLogs.value = false"
+    >
+      <div class="log-viewer">
+        <div class="log-entry">[14:20:01] Reactivity engine initialized...</div>
+        <div class="log-entry">[14:20:05] VDOM patch successful (32 nodes)</div>
+        <div class="log-entry">[14:21:10] Hot Module Replacement active</div>
+        <div class="log-entry info">[14:25:32] DevTools mounted to #nexa-devtools-root</div>
+      </div>
+      <template #footer>
+        <NButton variant="secondary" @click="showLogs.value = false">Close</NButton>
+        <NButton variant="primary" @click="success('Logs cleared!')">Clear Logs</NButton>
+      </template>
+    </NModal>
+  </div>
+</template>
+
+<style scoped>
+.content-header h1 {
+  font-size: 2.5rem;
+  font-weight: 800;
+  margin-bottom: 0.5rem;
+}
+
+.content-header h1 span {
+  color: #3b82f6;
+}
+
+.content-header p {
+  color: #64748b;
+  margin-bottom: 3rem;
+}
+
+.grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
+  gap: 2rem;
+}
+
+.form {
+  display: flex;
+  flex-direction: column;
+  gap: 1.5rem;
+}
+
+.form-actions {
+  margin-top: 1rem;
+}
+
+.metrics {
+  display: flex;
+  flex-direction: column;
+  gap: 1rem;
+}
+
+.metric {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 0.75rem;
+  background: rgba(15, 23, 42, 0.5);
+  border-radius: 12px;
+}
+
+.metric .label { color: #94a3b8; }
+.metric .value { font-weight: 700; }
+.metric .value.success { color: #10b981; }
+
+.log-viewer {
+  background: #020617;
+  padding: 1rem;
+  border-radius: 12px;
+  font-family: 'JetBrains Mono', monospace;
+  font-size: 0.8rem;
+  max-height: 200px;
+  overflow-y: auto;
+}
+
+.log-entry {
+  padding: 0.25rem 0;
+  color: #94a3b8;
+}
+
+.log-entry.info {
+  color: #3b82f6;
+}
+</style>

package/templates/pro/src/views/UsersView.nexa

@@ -0,0 +1,95 @@
+<script setup>
+import { NCard, NBadge } from 'nexa-ui-kit'
+
+const users = [
+  { id: 1, name: 'Alice Freeman', role: 'Admin', status: 'Online' },
+  { id: 2, name: 'Bob Smith', role: 'Editor', status: 'Offline' },
+  { id: 3, name: 'Charlie Day', role: 'Viewer', status: 'Online' }
+]
+</script>
+
+<template>
+  <div class="users-view">
+    <header class="content-header">
+      <h1>Team <span>Management</span></h1>
+      <p>Manage your workspace members and permissions.</p>
+    </header>
+
+    <NCard title="Active Members">
+      <div class="user-list">
+        <div v-for="user in users" :key="user.id" class="user-row">
+          <div class="user-info">
+            <div class="user-avatar">{{ user.name[0] }}</div>
+            <div>
+              <div class="user-name">{{ user.name }}</div>
+              <div class="user-role">{{ user.role }}</div>
+            </div>
+          </div>
+          <NBadge :variant="user.status === 'Online' ? 'success' : 'secondary'">
+            {{ user.status }}
+          </NBadge>
+        </div>
+      </div>
+    </NCard>
+  </div>
+</template>
+
+<style scoped>
+.content-header h1 {
+  font-size: 2.5rem;
+  font-weight: 800;
+  margin-bottom: 0.5rem;
+}
+
+.content-header h1 span {
+  color: #3b82f6;
+}
+
+.content-header p {
+  color: #64748b;
+  margin-bottom: 3rem;
+}
+
+.user-list {
+  display: flex;
+  flex-direction: column;
+  gap: 1rem;
+}
+
+.user-row {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 1rem;
+  background: rgba(255, 255, 255, 0.02);
+  border-radius: 12px;
+}
+
+.user-info {
+  display: flex;
+  align-items: center;
+  gap: 1rem;
+}
+
+.user-avatar {
+  width: 40px;
+  height: 40px;
+  background: #3b82f6;
+  border-radius: 10px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-weight: 700;
+  color: white;
+}
+
+.user-name {
+  font-weight: 600;
+  color: #f8fafc;
+}
+
+.user-role {
+  font-size: 0.8rem;
+  color: #64748b;
+}
+</style>

package/templates/pro/tsconfig.json

@@ -0,0 +1,40 @@
+{
+  "compilerOptions": {
+    "target": "ESNext",
+    "useDefineForClassFields": true,
+    "module": "ESNext",
+    "lib": ["ESNext", "DOM", "DOM.Iterable"],
+    "skipLibCheck": true,
+
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true,
+    "jsx": "preserve",
+
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true,
+
+    "baseUrl": ".",
+    "paths": {
+      "nexa-framework": ["./node_modules/nexa-framework/dist/index.d.ts", "../../../nexa/src/index.ts"],
+      "nexa-vite-plugin": ["./node_modules/nexa-vite-plugin/dist/index.d.ts", "../../../vite-plugin-nexa/src/index.ts"],
+      "nexa-reactivity": ["../../../reactivity/src/index.ts"],
+      "nexa-runtime": ["../../../runtime/src/index.ts"],
+      "nexa-mobile": ["../../../mobile/src/index.ts"],
+      "nexa-persistence": ["../../../persistence/src/index.ts"],
+      "nexa-compiler": ["../../../compiler/src/index.ts"],
+      "nexa-ui": ["../../../ui/src/index.ts"],
+      "nexa-devtools": ["../../../devtools/src/index.ts"],
+      "nexa-router": ["../../../router/src/index.ts"],
+      "vite": ["../../../vite-plugin-nexa/node_modules/vite"],
+      "*": ["./node_modules/*", "../../../../node_modules/*"]
+    }
+  },
+  "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.nexa", "vite.config.ts"]
+}

package/templates/pro/vite.config.ts

@@ -0,0 +1,6 @@
+import { defineConfig } from 'vite'
+import { nexaPlugin } from 'nexa-vite-plugin'
+
+export default defineConfig({
+  plugins: [nexaPlugin()],
+})

package/dist/cli.d.ts

@@ -1,3 +0,0 @@
-#!/usr/bin/env node
-export {};
-//# sourceMappingURL=cli.d.ts.map