@buenojs/bueno 0.8.2 → 0.8.4

package/src/cli/templates/database/index.ts

@@ -0,0 +1,42 @@
+/**
+ * Database Templates
+ *
+ * Database-specific configuration templates
+ */
+
+import type { DatabaseDriver, DatabaseTemplateResult } from '../project/types';
+import { sqliteTemplate } from './sqlite';
+import { postgresqlTemplate } from './postgresql';
+import { mysqlTemplate } from './mysql';
+import { noneTemplate } from './none';
+
+/**
+ * Database template registry
+ */
+const databaseTemplates: Record<DatabaseDriver, () => DatabaseTemplateResult> = {
+	sqlite: sqliteTemplate,
+	postgresql: postgresqlTemplate,
+	mysql: mysqlTemplate,
+	none: noneTemplate,
+};
+
+/**
+ * Get database template based on driver
+ */
+export function getDatabaseTemplate(driver: DatabaseDriver): DatabaseTemplateResult {
+	return databaseTemplates[driver]();
+}
+
+/**
+ * Get database selection options for prompts
+ */
+export function getDatabaseOptions(): { value: DatabaseDriver; name: string; description: string }[] {
+	return [
+		{ value: 'none', name: 'None', description: 'No database required' },
+		{ value: 'sqlite', name: 'SQLite', description: 'Local file-based database' },
+		{ value: 'postgresql', name: 'PostgreSQL', description: 'Production-ready relational database' },
+		{ value: 'mysql', name: 'MySQL', description: 'Popular relational database' },
+	];
+}
+
+export { sqliteTemplate, postgresqlTemplate, mysqlTemplate, noneTemplate };

package/src/cli/templates/database/mysql.ts

@@ -0,0 +1,14 @@
+/**
+ * MySQL Database Template
+ */
+
+import type { DatabaseTemplateResult } from '../project/types';
+
+export function mysqlTemplate(): DatabaseTemplateResult {
+	return {
+		files: [],
+		directories: [],
+		envConfig: 'DATABASE_URL=mysql://user:password@localhost:3306/dbname',
+		configCode: `{ url: process.env.DATABASE_URL ?? 'mysql://localhost/dbname' }`,
+	};
+}

package/src/cli/templates/database/none.ts

@@ -0,0 +1,16 @@
+/**
+ * No Database Template
+ *
+ * Template for projects that don't need a database
+ */
+
+import type { DatabaseTemplateResult } from '../project/types';
+
+export function noneTemplate(): DatabaseTemplateResult {
+	return {
+		files: [],
+		directories: [],
+		envConfig: undefined,
+		configCode: undefined,
+	};
+}

package/src/cli/templates/database/postgresql.ts

@@ -0,0 +1,14 @@
+/**
+ * PostgreSQL Database Template
+ */
+
+import type { DatabaseTemplateResult } from '../project/types';
+
+export function postgresqlTemplate(): DatabaseTemplateResult {
+	return {
+		files: [],
+		directories: [],
+		envConfig: 'DATABASE_URL=postgresql://user:password@localhost:5432/dbname',
+		configCode: `{ url: process.env.DATABASE_URL ?? 'postgresql://localhost/dbname' }`,
+	};
+}

package/src/cli/templates/database/sqlite.ts

@@ -0,0 +1,14 @@
+/**
+ * SQLite Database Template
+ */
+
+import type { DatabaseTemplateResult } from '../project/types';
+
+export function sqliteTemplate(): DatabaseTemplateResult {
+	return {
+		files: [],
+		directories: [],
+		envConfig: 'DATABASE_URL=sqlite:./data.db',
+		configCode: `{ url: 'sqlite:./data.db' }`,
+	};
+}

package/src/cli/templates/frontend/index.ts

@@ -0,0 +1,45 @@
+/**
+ * Frontend Templates
+ *
+ * Frontend framework-specific configuration templates
+ */
+
+import type { FrontendFramework, FrontendTemplateResult } from '../project/types';
+import { reactTemplate } from './react';
+import { vueTemplate } from './vue';
+import { svelteTemplate } from './svelte';
+import { solidTemplate } from './solid';
+import { noneTemplate } from './none';
+
+/**
+ * Frontend template registry
+ */
+const frontendTemplates: Record<FrontendFramework, () => FrontendTemplateResult> = {
+	react: reactTemplate,
+	vue: vueTemplate,
+	svelte: svelteTemplate,
+	solid: solidTemplate,
+	none: noneTemplate,
+};
+
+/**
+ * Get frontend template based on framework
+ */
+export function getFrontendTemplate(framework: FrontendFramework): FrontendTemplateResult {
+	return frontendTemplates[framework]();
+}
+
+/**
+ * Get frontend selection options for prompts
+ */
+export function getFrontendOptions(): { value: FrontendFramework; name: string; description: string }[] {
+	return [
+		{ value: 'none', name: 'None', description: 'Static website or API only' },
+		{ value: 'react', name: 'React', description: 'React with SSR support' },
+		{ value: 'vue', name: 'Vue', description: 'Vue 3 with SSR support' },
+		{ value: 'svelte', name: 'Svelte', description: 'Svelte with SSR support' },
+		{ value: 'solid', name: 'Solid', description: 'SolidJS with SSR support' },
+	];
+}
+
+export { reactTemplate, vueTemplate, svelteTemplate, solidTemplate, noneTemplate };

package/src/cli/templates/frontend/none.ts

@@ -0,0 +1,17 @@
+/**
+ * No Frontend Template
+ *
+ * Template for API-only or static website projects
+ */
+
+import type { FrontendTemplateResult } from '../project/types';
+
+export function noneTemplate(): FrontendTemplateResult {
+	return {
+		files: [],
+		directories: [],
+		dependencies: {},
+		devDependencies: {},
+		scripts: {},
+	};
+}

package/src/cli/templates/frontend/react.ts

@@ -0,0 +1,140 @@
+/**
+ * React Frontend Template
+ */
+
+import type { FrontendTemplateResult } from '../project/types';
+
+export function reactTemplate(): FrontendTemplateResult {
+	return {
+		files: [
+			{
+				path: 'client/index.html',
+				content: `<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Bueno App</title>
+</head>
+<body>
+  <div id="root"></div>
+  <script type="module" src="./src/main.tsx"></script>
+</body>
+</html>
+`,
+			},
+			{
+				path: 'client/src/main.tsx',
+				content: `import { StrictMode } from 'react';
+import { createRoot } from 'react-dom/client';
+import { App } from './App';
+import './styles/globals.css';
+
+const root = createRoot(document.getElementById('root')!);
+
+root.render(
+  <StrictMode>
+    <App />
+  </StrictMode>
+);
+`,
+			},
+			{
+				path: 'client/src/App.tsx',
+				content: `import { useState } from 'react';
+
+export function App() {
+  const [count, setCount] = useState(0);
+
+  return (
+    <main className="min-h-screen bg-gradient-to-br from-slate-900 to-slate-800 text-white">
+      <div className="container mx-auto px-4 py-16">
+        <div className="max-w-2xl mx-auto text-center">
+          <h1 className="text-5xl font-bold mb-4 bg-gradient-to-r from-blue-400 to-purple-500 bg-clip-text text-transparent">
+            Welcome to Bueno
+          </h1>
+          <p className="text-xl text-slate-300 mb-8">
+            A Bun-native full-stack framework
+          </p>
+          
+          <div className="bg-slate-800/50 rounded-xl p-8 backdrop-blur-sm border border-slate-700">
+            <button
+              onClick={() => setCount(c => c + 1)}
+              className="px-6 py-3 bg-blue-500 hover:bg-blue-600 rounded-lg font-medium transition-colors"
+            >
+              Count: {count}
+            </button>
+            <p className="mt-4 text-slate-400 text-sm">
+              Click the button to test React hydration
+            </p>
+          </div>
+
+          <div className="mt-8 grid grid-cols-2 gap-4 text-left">
+            <a
+              href="https://bueno.github.io"
+              className="p-4 bg-slate-800/50 rounded-lg border border-slate-700 hover:border-blue-500 transition-colors"
+            >
+              <h3 className="font-semibold text-blue-400">Documentation</h3>
+              <p className="text-sm text-slate-400">Learn more about Bueno</p>
+            </a>
+            <a
+              href="https://github.com/buenojs/bueno"
+              className="p-4 bg-slate-800/50 rounded-lg border border-slate-700 hover:border-blue-500 transition-colors"
+            >
+              <h3 className="font-semibold text-blue-400">GitHub</h3>
+              <p className="text-sm text-slate-400">View the source code</p>
+            </a>
+          </div>
+        </div>
+      </div>
+    </main>
+  );
+}
+`,
+			},
+			{
+				path: 'client/src/styles/globals.css',
+				content: `@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+:root {
+  font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
+  line-height: 1.5;
+  font-weight: 400;
+  font-synthesis: none;
+  text-rendering: optimizeLegibility;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+body {
+  margin: 0;
+  min-width: 320px;
+  min-height: 100vh;
+}
+`,
+			},
+		],
+		directories: [
+			'client/src/components',
+			'client/src/styles',
+			'client/public',
+		],
+		dependencies: {
+			react: '^18.3.0',
+			'react-dom': '^18.3.0',
+		},
+		devDependencies: {
+			'@types/react': '^18.3.0',
+			'@types/react-dom': '^18.3.0',
+			tailwindcss: '^3.4.0',
+			postcss: '^8.4.0',
+			autoprefixer: '^10.4.0',
+		},
+		scripts: {
+			'dev:client': 'bun run --watch client/index.html',
+			'build:client': 'bun build ./client/src/main.tsx --outdir ./dist/client',
+		},
+	};
+}

package/src/cli/templates/frontend/solid.ts

@@ -0,0 +1,134 @@
+/**
+ * SolidJS Frontend Template
+ */
+
+import type { FrontendTemplateResult } from '../project/types';
+
+export function solidTemplate(): FrontendTemplateResult {
+	return {
+		files: [
+			{
+				path: 'client/index.html',
+				content: `<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Bueno App</title>
+</head>
+<body>
+  <div id="root"></div>
+  <script type="module" src="./src/main.tsx"></script>
+</body>
+</html>
+`,
+			},
+			{
+				path: 'client/src/main.tsx',
+				content: `import { render } from 'solid-js/web';
+import { App } from './App';
+import './styles/globals.css';
+
+const root = document.getElementById('root');
+
+if (root) {
+  render(() => <App />, root);
+}
+`,
+			},
+			{
+				path: 'client/src/App.tsx',
+				content: `import { createSignal } from 'solid-js';
+
+export function App() {
+  const [count, setCount] = createSignal(0);
+
+  return (
+    <main class="min-h-screen bg-gradient-to-br from-slate-900 to-slate-800 text-white">
+      <div class="container mx-auto px-4 py-16">
+        <div class="max-w-2xl mx-auto text-center">
+          <h1 class="text-5xl font-bold mb-4 bg-gradient-to-r from-cyan-400 to-blue-500 bg-clip-text text-transparent">
+            Welcome to Bueno
+          </h1>
+          <p class="text-xl text-slate-300 mb-8">
+            A Bun-native full-stack framework
+          </p>
+          
+          <div class="bg-slate-800/50 rounded-xl p-8 backdrop-blur-sm border border-slate-700">
+            <button
+              onClick={() => setCount(c => c + 1)}
+              class="px-6 py-3 bg-cyan-500 hover:bg-cyan-600 rounded-lg font-medium transition-colors"
+            >
+              Count: {count()}
+            </button>
+            <p class="mt-4 text-slate-400 text-sm">
+              Click the button to test Solid reactivity
+            </p>
+          </div>
+
+          <div class="mt-8 grid grid-cols-2 gap-4 text-left">
+            <a
+              href="https://bueno.github.io"
+              class="p-4 bg-slate-800/50 rounded-lg border border-slate-700 hover:border-cyan-500 transition-colors"
+            >
+              <h3 class="font-semibold text-cyan-400">Documentation</h3>
+              <p class="text-sm text-slate-400">Learn more about Bueno</p>
+            </a>
+            <a
+              href="https://github.com/buenojs/bueno"
+              class="p-4 bg-slate-800/50 rounded-lg border border-slate-700 hover:border-cyan-500 transition-colors"
+            >
+              <h3 class="font-semibold text-cyan-400">GitHub</h3>
+              <p class="text-sm text-slate-400">View the source code</p>
+            </a>
+          </div>
+        </div>
+      </div>
+    </main>
+  );
+}
+`,
+			},
+			{
+				path: 'client/src/styles/globals.css',
+				content: `@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+:root {
+  font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
+  line-height: 1.5;
+  font-weight: 400;
+  font-synthesis: none;
+  text-rendering: optimizeLegibility;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+body {
+  margin: 0;
+  min-width: 320px;
+  min-height: 100vh;
+}
+`,
+			},
+		],
+		directories: [
+			'client/src/components',
+			'client/src/styles',
+			'client/public',
+		],
+		dependencies: {
+			'solid-js': '^1.8.0',
+		},
+		devDependencies: {
+			tailwindcss: '^3.4.0',
+			postcss: '^8.4.0',
+			autoprefixer: '^10.4.0',
+		},
+		scripts: {
+			'dev:client': 'bun run --watch client/index.html',
+			'build:client': 'bun build ./client/src/main.tsx --outdir ./dist/client',
+		},
+	};
+}

package/src/cli/templates/frontend/svelte.ts

@@ -0,0 +1,131 @@
+/**
+ * Svelte Frontend Template
+ */
+
+import type { FrontendTemplateResult } from '../project/types';
+
+export function svelteTemplate(): FrontendTemplateResult {
+	return {
+		files: [
+			{
+				path: 'client/index.html',
+				content: `<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Bueno App</title>
+</head>
+<body>
+  <div id="app"></div>
+  <script type="module" src="./src/main.ts"></script>
+</body>
+</html>
+`,
+			},
+			{
+				path: 'client/src/main.ts',
+				content: `import App from './App.svelte';
+import './styles/globals.css';
+
+const app = new App({
+  target: document.getElementById('app')!,
+});
+
+export default app;
+`,
+			},
+			{
+				path: 'client/src/App.svelte',
+				content: `<script lang="ts">
+  let count = 0;
+</script>
+
+<main class="min-h-screen bg-gradient-to-br from-slate-900 to-slate-800 text-white">
+  <div class="container mx-auto px-4 py-16">
+    <div class="max-w-2xl mx-auto text-center">
+      <h1 class="text-5xl font-bold mb-4 bg-gradient-to-r from-orange-400 to-red-500 bg-clip-text text-transparent">
+        Welcome to Bueno
+      </h1>
+      <p class="text-xl text-slate-300 mb-8">
+        A Bun-native full-stack framework
+      </p>
+      
+      <div class="bg-slate-800/50 rounded-xl p-8 backdrop-blur-sm border border-slate-700">
+        <button
+          on:click={() => count++}
+          class="px-6 py-3 bg-orange-500 hover:bg-orange-600 rounded-lg font-medium transition-colors"
+        >
+          Count: {count}
+        </button>
+        <p class="mt-4 text-slate-400 text-sm">
+          Click the button to test Svelte reactivity
+        </p>
+      </div>
+
+      <div class="mt-8 grid grid-cols-2 gap-4 text-left">
+        <a
+          href="https://bueno.github.io"
+          class="p-4 bg-slate-800/50 rounded-lg border border-slate-700 hover:border-orange-500 transition-colors"
+        >
+          <h3 class="font-semibold text-orange-400">Documentation</h3>
+          <p class="text-sm text-slate-400">Learn more about Bueno</p>
+        </a>
+        <a
+          href="https://github.com/buenojs/bueno"
+          class="p-4 bg-slate-800/50 rounded-lg border border-slate-700 hover:border-orange-500 transition-colors"
+        >
+          <h3 class="font-semibold text-orange-400">GitHub</h3>
+          <p class="text-sm text-slate-400">View the source code</p>
+        </a>
+      </div>
+    </div>
+  </div>
+</main>
+`,
+			},
+			{
+				path: 'client/src/styles/globals.css',
+				content: `@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+:root {
+  font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
+  line-height: 1.5;
+  font-weight: 400;
+  font-synthesis: none;
+  text-rendering: optimizeLegibility;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+body {
+  margin: 0;
+  min-width: 320px;
+  min-height: 100vh;
+}
+`,
+			},
+		],
+		directories: [
+			'client/src/components',
+			'client/src/styles',
+			'client/public',
+		],
+		dependencies: {
+			svelte: '^4.2.0',
+		},
+		devDependencies: {
+			'@sveltejs/vite-plugin-svelte': '^3.0.0',
+			svelte: '^4.2.0',
+			tailwindcss: '^3.4.0',
+			postcss: '^8.4.0',
+			autoprefixer: '^10.4.0',
+		},
+		scripts: {
+			'dev:client': 'bun run --watch client/index.html',
+			'build:client': 'bun build ./client/src/main.ts --outdir ./dist/client',
+		},
+	};
+}