create-nexo 1.0.0

package/dist/templates/main.js

@@ -0,0 +1,72 @@
+/**
+ * Main entry file generator (main.tsx/main.jsx)
+ */
+import path from 'node:path';
+import { writeFile } from '../utils/index.js';
+/**
+ * Create main.tsx/main.jsx with providers
+ */
+export const createMainFile = async (ctx, ext) => {
+    const srcDir = path.join(ctx.projectPath, 'src');
+    const { variant, styling, ui, state, routing, dataFetching } = ctx.selections;
+    const isTypeScript = variant.startsWith('ts');
+    const styleExt = styling === 'sass' ? 'scss' : 'css';
+    const imports = [
+        "import { StrictMode } from 'react'",
+        "import { createRoot } from 'react-dom/client'",
+        `import './index.${styleExt}'`,
+        `import App from './App.${ext}'`,
+    ];
+    const providers = [];
+    // 1. State Management (Redux)
+    if (state === 'redux') {
+        imports.push("import { Provider } from 'react-redux'");
+        imports.push("import { store } from './store/store'");
+        providers.push({ start: '<Provider store={store}>', end: '</Provider>' });
+    }
+    // 2. Data Fetching (TanStack Query)
+    if (dataFetching === 'tanstack-query') {
+        imports.push("import { QueryClient, QueryClientProvider } from '@tanstack/react-query'");
+        providers.push({ start: '<QueryClientProvider client={queryClient}>', end: '</QueryClientProvider>' });
+    }
+    // 3. UI Libraries Providers
+    if (ui === 'heroui') {
+        imports.push("import { HeroUIProvider } from '@heroui/react'");
+        providers.push({ start: '<HeroUIProvider>', end: '</HeroUIProvider>' });
+    }
+    else if (ui === 'chakra') {
+        imports.push("import { Provider as ChakraProvider } from '@chakra-ui/react/provider'");
+        providers.push({ start: '<ChakraProvider>', end: '</ChakraProvider>' });
+    }
+    else if (ui === 'mantine') {
+        imports.push("import { MantineProvider } from '@mantine/core'");
+        imports.push("import '@mantine/core/styles.css'");
+        providers.push({ start: '<MantineProvider>', end: '</MantineProvider>' });
+    }
+    // 4. Routing (React Router)
+    if (routing === 'react-router') {
+        imports.push("import { BrowserRouter } from 'react-router-dom'");
+        providers.push({ start: '<BrowserRouter>', end: '</BrowserRouter>' });
+    }
+    // Build content
+    let content = imports.join('\n');
+    content += '\n\n';
+    if (dataFetching === 'tanstack-query') {
+        content += 'const queryClient = new QueryClient()\n\n';
+    }
+    content += `createRoot(document.getElementById('root')${isTypeScript ? '!' : ''}).render(
+  <StrictMode>
+`;
+    providers.forEach((p) => (content += `    ${p.start}\n`));
+    content += '      <App />\n';
+    [...providers].reverse().forEach((p) => (content += `    ${p.end}\n`));
+    content += `  </StrictMode>,
+)
+`;
+    await writeFile(path.join(srcDir, `main.${ext}`), content);
+    // Create vite-env.d.ts for TypeScript
+    if (isTypeScript) {
+        await writeFile(path.join(srcDir, 'vite-env.d.ts'), '/// <reference types="vite/client" />\n');
+    }
+};
+//# sourceMappingURL=main.js.map

package/dist/templates/main.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"main.js","sourceRoot":"","sources":["../../src/templates/main.ts"],"names":[],"mappings":"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"}

package/dist/templates/readme.d.ts

@@ -0,0 +1,3 @@
+import { ConfiguratorContext } from '../types/index.js';
+export declare const createReadme: (ctx: ConfiguratorContext) => Promise<void>;
+//# sourceMappingURL=readme.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"readme.d.ts","sourceRoot":"","sources":["../../src/templates/readme.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAGxD,eAAO,MAAM,YAAY,GAAU,KAAK,mBAAmB,KAAG,OAAO,CAAC,IAAI,CA4HzE,CAAC"}

package/dist/templates/readme.js

@@ -0,0 +1,127 @@
+import path from 'node:path';
+import { writeFile } from '../utils/index.js';
+export const createReadme = async (ctx) => {
+    const { projectName, variant, styling, ui, state, routing, dataFetching, structure, testing, linting, docker, } = ctx.selections;
+    const runCmd = 'npm run';
+    const pkgManager = 'npm';
+    let content = `# ${projectName}
+
+Built with **NEXO CLI** 🚀
+
+## 🛠️ Tech Stack
+
+- **Framework**: React 19 + Vite 6
+- **Language**: ${variant.includes('ts') ? 'TypeScript' : 'JavaScript'}
+- **Styling**: ${getStylingName(styling)}
+${ui !== 'none' ? `- **UI Library**: ${getUiName(ui)}` : ''}
+${state !== 'none' ? `- **State Management**: ${getStateName(state)}` : ''}
+${routing !== 'none' ? `- **Routing**: ${getRoutingName(routing)}` : ''}
+${dataFetching !== 'none' ? `- **Data Fetching**: ${getDataFetchingName(dataFetching)}` : ''}
+${testing ? `- **Testing**: ${testing}` : ''}
+
+## 🚀 Getting Started
+
+1. **Install dependencies**:
+   \`\`\`bash
+   ${pkgManager} install
+   \`\`\`
+
+2. **Start the dev server**:
+   \`\`\`bash
+   ${runCmd} dev
+   \`\`\`
+
+3. **Build for production**:
+   \`\`\`bash
+   ${runCmd} build
+   \`\`\`
+
+`;
+    // Feature Specific Docs
+    if (styling === 'tailwind') {
+        content += `## 🎨 Styling (Tailwind CSS v4)
+This project uses Tailwind CSS v4.
+- Configuration is handled in \`vite.config.ts\` via \`@tailwindcss/vite\`.
+- ${ui === 'shadcn' || ui === 'heroui' ? 'Includes extensions for UI library.' : 'Standard configuration.'}
+\n`;
+    }
+    if (ui === 'shadcn') {
+        content += `## 🧩 Shadcn UI
+- **Add components**:
+  \`\`\`bash
+  npx shadcn@latest add button
+  \`\`\`
+- Configuration: \`components.json\`
+- Utils: \`src/lib/utils.ts\`
+\n`;
+    }
+    if (state === 'redux') {
+        content += `## 📦 State Management (Redux Toolkit)
+- **Store**: \`src/store/store.ts\`
+- **Hooks**: Use \`useAppDispatch\` and \`useAppSelector\` from \`src/store/hooks.ts\` instead of raw hooks.
+- **Slices**: Add new slices in \`src/store\` and register them in the store.
+\n`;
+    }
+    if (structure === 'clean') {
+        content += `## 📂 Project Structure (Clean Architecture)
+- \`src/domain\`: Entities and business logic (Framework independent).
+- \`src/application\`: Use cases and services.
+- \`src/infrastructure\`: API calls, storage, third-party services.
+- \`src/presentation\`: UI components, pages, hooks.
+\n`;
+    }
+    else if (structure === 'fsd') {
+        content += `## 📂 Project Structure (Feature-Sliced Design)
+- \`app\`: Global app setup (providers, styles).
+- \`pages\`: Route components.
+- \`widgets\`: Composition of entities/feautres.
+- \`features\`: User interactions (e.g. Auth, Search).
+- \`entities\`: Business entities (e.g. User, Product).
+- \`shared\`: Reusable UI, libs, api.
+\n`;
+    }
+    if (testing) {
+        content += `## 🧪 Testing
+Run unit tests:
+\`\`\`bash
+${runCmd} test:run
+\`\`\`
+\n`;
+    }
+    if (docker) {
+        content += `## 🐳 Docker
+Build and run container:
+\`\`\`bash
+docker build -t ${projectName} .
+docker run -p 3000:80 ${projectName}
+\`\`\`
+\n`;
+    }
+    content += `## 📄 License
+
+This project is licensed under the MIT License.
+`;
+    await writeFile(path.join(ctx.projectPath, 'README.md'), content);
+};
+// Helpers for display names
+function getStylingName(s) {
+    const map = { tailwind: 'Tailwind CSS', sass: 'Sass/SCSS', 'css-modules': 'CSS Modules', 'plain-css': 'CSS' };
+    return map[s] || s;
+}
+function getUiName(s) {
+    const map = { shadcn: 'shadcn/ui', heroui: 'HeroUI', mantine: 'Mantine', chakra: 'Chakra UI', antd: 'Ant Design' };
+    return map[s] || s;
+}
+function getStateName(s) {
+    const map = { redux: 'Redux Toolkit', zustand: 'Zustand', jotai: 'Jotai' };
+    return map[s] || s;
+}
+function getRoutingName(s) {
+    const map = { 'react-router': 'React Router', 'tanstack-router': 'TanStack Router' };
+    return map[s] || s;
+}
+function getDataFetchingName(s) {
+    const map = { 'tanstack-query': 'TanStack Query', axios: 'Axios' };
+    return map[s] || s;
+}
+//# sourceMappingURL=readme.js.map

package/dist/templates/readme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"readme.js","sourceRoot":"","sources":["../../src/templates/readme.ts"],"names":[],"mappings":"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"}

package/dist/templates/styles.d.ts

@@ -0,0 +1,6 @@
+import type { ConfiguratorContext } from '../types/index.js';
+/**
+ * Create App.css file for non-Tailwind projects
+ */
+export declare const createAppCss: (ctx: ConfiguratorContext) => Promise<void>;
+//# sourceMappingURL=styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/templates/styles.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAwM7D;;GAEG;AACH,eAAO,MAAM,YAAY,GAAU,KAAK,mBAAmB,KAAG,OAAO,CAAC,IAAI,CAOzE,CAAC"}

package/dist/templates/styles.js

@@ -0,0 +1,212 @@
+/**
+ * CSS styles generator (App.css)
+ */
+import path from 'node:path';
+import { writeFile } from '../utils/index.js';
+/**
+ * Generate App.css for non-Tailwind projects
+ */
+const getAppCss = () => `
+:root {
+  --bg-dark: #0a0a0a;
+  --text-white: #ffffff;
+  --text-gray: #a3a3a3;
+  --border-color: #262626;
+  --card-bg: rgba(23, 23, 23, 0.5);
+  --primary: #8b5cf6;
+  --cyan: #06b6d4;
+}
+
+body {
+  margin: 0;
+  background-color: var(--bg-dark);
+  color: var(--text-white);
+  font-family: system-ui, -apple-system, sans-serif;
+  -webkit-font-smoothing: antialiased;
+}
+
+.app-container {
+  min-height: 100vh;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+  overflow: hidden;
+  padding: 2rem;
+}
+
+.background-glow {
+  position: absolute;
+  top: -20%;
+  left: -20%;
+  width: 140%;
+  height: 140%;
+  background: radial-gradient(circle at 50% 50%, rgba(139, 92, 246, 0.05) 0%, transparent 50%);
+  pointer-events: none;
+  z-index: 0;
+}
+
+.content {
+  position: relative;
+  z-index: 10;
+  max-width: 64rem;
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+
+.header {
+  text-align: center;
+  margin-bottom: 4rem;
+}
+
+.badge {
+  display: inline-block;
+  padding: 0.25rem 0.75rem;
+  border-radius: 9999px;
+  background: rgba(6, 182, 212, 0.1);
+  border: 1px solid rgba(6, 182, 212, 0.2);
+  color: #22d3ee;
+  font-size: 0.75rem;
+  font-weight: 600;
+  letter-spacing: 0.05em;
+  margin-bottom: 1rem;
+}
+
+.title {
+  font-size: 3.75rem;
+  font-weight: 700;
+  line-height: 1;
+  margin: 0 0 1rem 0;
+  background: linear-gradient(to bottom right, #ffffff 30%, rgba(255,255,255,0.5));
+  -webkit-background-clip: text;
+  background-clip: text;
+  color: transparent;
+}
+
+.subtitle {
+  color: var(--text-gray);
+  font-size: 1.125rem;
+}
+
+.grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+  gap: 1.5rem;
+  width: 100%;
+  max-width: 56rem;
+  margin-bottom: 3rem;
+}
+
+.card {
+  background: var(--card-bg);
+  border: 1px solid var(--border-color);
+  border-radius: 1.5rem;
+  padding: 2rem;
+  backdrop-filter: blur(12px);
+  transition: all 0.3s ease;
+}
+
+.card:hover {
+  border-color: #404040;
+  background: rgba(23, 23, 23, 0.8);
+  transform: translateY(-2px);
+}
+
+.card-header {
+  display: flex;
+  align-items: center;
+  gap: 0.75rem;
+  margin-bottom: 1.5rem;
+}
+
+.card-header h2 {
+  font-size: 1.25rem;
+  font-weight: 600;
+  margin: 0;
+}
+
+.icon {
+  font-size: 1.25rem;
+  padding: 0.5rem;
+  background: #262626;
+  border-radius: 0.75rem;
+}
+
+.tech-tags {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.5rem;
+}
+
+.tag {
+  padding: 0.375rem 0.75rem;
+  background: rgba(255, 255, 255, 0.03);
+  border: 1px solid var(--border-color);
+  border-radius: 0.5rem;
+  color: #d4d4d4;
+  font-size: 0.875rem;
+  transition: all 0.2s;
+  cursor: default;
+}
+
+.tag:hover {
+  background: rgba(139, 92, 246, 0.1);
+  border-color: rgba(139, 92, 246, 0.3);
+  color: white;
+}
+
+.steps {
+  display: flex;
+  flex-direction: column;
+  gap: 1rem;
+}
+
+.step {
+  display: flex;
+  align-items: center;
+  gap: 1rem;
+  color: var(--text-gray);
+  font-size: 0.9375rem;
+}
+
+.number {
+  width: 1.5rem;
+  height: 1.5rem;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 50%;
+  background: #262626;
+  border: 1px solid #404040;
+  color: white;
+  font-size: 0.75rem;
+  font-family: monospace;
+}
+
+code {
+  background: rgba(6, 182, 212, 0.1);
+  color: #22d3ee;
+  padding: 0.2rem 0.4rem;
+  border-radius: 0.25rem;
+  font-family: monospace;
+  font-size: 0.8em;
+}
+
+.footer {
+  color: #525252;
+  font-size: 0.875rem;
+}
+`;
+/**
+ * Create App.css file for non-Tailwind projects
+ */
+export const createAppCss = async (ctx) => {
+    const { styling } = ctx.selections;
+    if (styling !== 'tailwind') {
+        const srcDir = path.join(ctx.projectPath, 'src');
+        await writeFile(path.join(srcDir, 'App.css'), getAppCss());
+    }
+};
+//# sourceMappingURL=styles.js.map

package/dist/templates/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/templates/styles.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,IAAI,MAAM,WAAW,CAAC;AAE7B,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAE9C;;GAEG;AACH,MAAM,SAAS,GAAG,GAAW,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgM/B,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,KAAK,EAAE,GAAwB,EAAiB,EAAE;IAC5E,MAAM,EAAE,OAAO,EAAE,GAAG,GAAG,CAAC,UAAU,CAAC;IAEnC,IAAI,OAAO,KAAK,UAAU,EAAE,CAAC;QAC3B,MAAM,MAAM,GAAG,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC;QACjD,MAAM,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,SAAS,CAAC,EAAE,SAAS,EAAE,CAAC,CAAC;IAC7D,CAAC;AACH,CAAC,CAAC"}

package/dist/templates/welcome.d.ts

@@ -0,0 +1,10 @@
+import type { ConfiguratorContext } from '../types/index.js';
+/**
+ * Create welcome page App component
+ */
+export declare const createWelcomePage: (ctx: ConfiguratorContext) => string;
+/**
+ * Create App.tsx file
+ */
+export declare const createAppFile: (ctx: ConfiguratorContext, ext: string) => Promise<void>;
+//# sourceMappingURL=welcome.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"welcome.d.ts","sourceRoot":"","sources":["../../src/templates/welcome.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAmU7D;;GAEG;AACH,eAAO,MAAM,iBAAiB,GAAI,KAAK,mBAAmB,KAAG,MAM5D,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,GAAU,KAAK,mBAAmB,EAAE,KAAK,MAAM,KAAG,OAAO,CAAC,IAAI,CAIvF,CAAC"}