@buenojs/bueno 0.8.3 → 0.8.5

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

@@ -0,0 +1,61 @@
+/**
+ * Database Templates
+ *
+ * Database-specific configuration templates
+ */
+
+import type { DatabaseDriver, DatabaseTemplateResult } from "../project/types";
+import { mysqlTemplate } from "./mysql";
+import { noneTemplate } from "./none";
+import { postgresqlTemplate } from "./postgresql";
+import { sqliteTemplate } from "./sqlite";
+
+/**
+ * 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/deploy.ts

@@ -8,20 +8,23 @@
 /**
  * Valid deployment platforms
  */
-export type DeployPlatform = 'render' | 'fly' | 'railway';
+export type DeployPlatform = "render" | "fly" | "railway";
 
 /**
  * Get Render.com deployment configuration (render.yaml)
  *
  * Blueprint format for Render.com with web service and optional database
  */
-export function getRenderYamlTemplate(projectName: string, database?: string): string {
-	const kebabName = projectName.toLowerCase().replace(/[^a-z0-9-]/g, '-');
-	
-	let databaseSection = '';
-	let envVars = '';
+export function getRenderYamlTemplate(
+	projectName: string,
+	database?: string,
+): string {
+	const kebabName = projectName.toLowerCase().replace(/[^a-z0-9-]/g, "-");
 
-	if (database === 'postgresql') {
+	let databaseSection = "";
+	let envVars = "";
+
+	if (database === "postgresql") {
 		databaseSection = `
   # PostgreSQL Database
   - type: pserv
@@ -53,7 +56,7 @@ export function getRenderYamlTemplate(projectName: string, database?: string): s
       - key: BUN_ENV
         value: production
 `;
-	} else if (database === 'mysql') {
+	} else if (database === "mysql") {
 		databaseSection = `
   # MySQL Database (using Render's managed MySQL)
   - type: pserv
@@ -128,7 +131,7 @@ metadata:
  * Fly.io app configuration with HTTP service and auto-scaling
  */
 export function getFlyTomlTemplate(projectName: string): string {
-	const kebabName = projectName.toLowerCase().replace(/[^a-z0-9-]/g, '-');
+	const kebabName = projectName.toLowerCase().replace(/[^a-z0-9-]/g, "-");
 
 	return `# ${projectName} - Fly.io Deployment Configuration
 # https://fly.io/docs/reference/configuration/
@@ -193,7 +196,7 @@ primary_region = "sea"
  * Railway configuration with builder settings and health checks
  */
 export function getRailwayTomlTemplate(projectName: string): string {
-	const kebabName = projectName.toLowerCase().replace(/[^a-z0-9-]/g, '-');
+	const kebabName = projectName.toLowerCase().replace(/[^a-z0-9-]/g, "-");
 
 	return `# ${projectName} - Railway Deployment Configuration
 # https://docs.railway.app/reference/config-as-code
@@ -251,11 +254,11 @@ export function getDeployTemplate(
 	database?: string,
 ): string {
 	switch (platform) {
-		case 'render':
+		case "render":
 			return getRenderYamlTemplate(projectName, database);
-		case 'fly':
+		case "fly":
 			return getFlyTomlTemplate(projectName);
-		case 'railway':
+		case "railway":
 			return getRailwayTomlTemplate(projectName);
 		default:
 			throw new Error(`Unknown deployment platform: ${platform}`);
@@ -267,12 +270,12 @@ export function getDeployTemplate(
  */
 export function getDeployFilename(platform: DeployPlatform): string {
 	switch (platform) {
-		case 'render':
-			return 'render.yaml';
-		case 'fly':
-			return 'fly.toml';
-		case 'railway':
-			return 'railway.toml';
+		case "render":
+			return "render.yaml";
+		case "fly":
+			return "fly.toml";
+		case "railway":
+			return "railway.toml";
 		default:
 			throw new Error(`Unknown deployment platform: ${platform}`);
 	}
@@ -283,13 +286,13 @@ export function getDeployFilename(platform: DeployPlatform): string {
  */
 export function getDeployPlatformName(platform: DeployPlatform): string {
 	switch (platform) {
-		case 'render':
-			return 'Render.com';
-		case 'fly':
-			return 'Fly.io';
-		case 'railway':
-			return 'Railway';
+		case "render":
+			return "Render.com";
+		case "fly":
+			return "Fly.io";
+		case "railway":
+			return "Railway";
 		default:
 			return platform;
 	}
-}
+}

package/src/cli/templates/docker.ts

@@ -6,10 +6,13 @@
 
 /**
  * Get Dockerfile template
- * 
+ *
  * Multi-stage build using oven/bun image for production
  */
-export function getDockerfileTemplate(projectName: string, database?: string): string {
+export function getDockerfileTemplate(
+	projectName: string,
+	database?: string,
+): string {
 	return `# ${projectName} - Production Dockerfile
 # Multi-stage build for optimized production image
 
@@ -82,7 +85,7 @@ CMD ["bun", "run", "dist/main.js"]
 
 /**
  * Get .dockerignore template
- * 
+ *
  * Patterns to exclude from Docker build context
  */
 export function getDockerignoreTemplate(): string {
@@ -145,16 +148,19 @@ tsconfig.json
 
 /**
  * Get docker-compose.yml template
- * 
+ *
  * Local development setup with optional database services
  */
-export function getDockerComposeTemplate(projectName: string, database?: string): string {
-	const kebabName = projectName.toLowerCase().replace(/[^a-z0-9-]/g, '-');
-	
-	let databaseServices = '';
-	let dependsOn = '';
+export function getDockerComposeTemplate(
+	projectName: string,
+	database?: string,
+): string {
+	const kebabName = projectName.toLowerCase().replace(/[^a-z0-9-]/g, "-");
+
+	let databaseServices = "";
+	let dependsOn = "";
 
-	if (database === 'postgresql') {
+	if (database === "postgresql") {
 		databaseServices = `
   # PostgreSQL Database
   postgres:
@@ -183,7 +189,7 @@ export function getDockerComposeTemplate(projectName: string, database?: string)
       postgres:
         condition: service_healthy
 `;
-	} else if (database === 'mysql') {
+	} else if (database === "mysql") {
 		databaseServices = `
   # MySQL Database
   mysql:
@@ -215,25 +221,27 @@ export function getDockerComposeTemplate(projectName: string, database?: string)
 `;
 	}
 
-	const volumes = database === 'postgresql' 
-		? `\nvolumes:
+	const volumes =
+		database === "postgresql"
+			? `\nvolumes:
   postgres_data:
     driver: local
 `
-		: database === 'mysql'
-		? `\nvolumes:
+			: database === "mysql"
+				? `\nvolumes:
   mysql_data:
     driver: local
 `
-		: '';
+				: "";
 
-	const databaseEnv = database === 'postgresql'
-		? `      DATABASE_URL: postgresql://\${POSTGRES_USER:-postgres}:\${POSTGRES_PASSWORD:-postgres}@postgres:5432/\${POSTGRES_DB:-${kebabName}}
+	const databaseEnv =
+		database === "postgresql"
+			? `      DATABASE_URL: postgresql://\${POSTGRES_USER:-postgres}:\${POSTGRES_PASSWORD:-postgres}@postgres:5432/\${POSTGRES_DB:-${kebabName}}
 `
-		: database === 'mysql'
-		? `      DATABASE_URL: mysql://\${MYSQL_USER:-mysql}:\${MYSQL_PASSWORD:-mysql}@mysql:3306/\${MYSQL_DATABASE:-${kebabName}}
+			: database === "mysql"
+				? `      DATABASE_URL: mysql://\${MYSQL_USER:-mysql}:\${MYSQL_PASSWORD:-mysql}@mysql:3306/\${MYSQL_DATABASE:-${kebabName}}
 `
-		: '';
+				: "";
 
 	return `# ${projectName} - Docker Compose for Local Development
 # Usage: docker-compose up -d
@@ -268,15 +276,18 @@ ${volumes}
 
 /**
  * Get Docker environment variables template
- * 
+ *
  * Environment variables for Docker Compose
  */
-export function getDockerEnvTemplate(projectName: string, database?: string): string {
-	const kebabName = projectName.toLowerCase().replace(/[^a-z0-9-]/g, '-');
-	
-	let dbEnv = '';
-	
-	if (database === 'postgresql') {
+export function getDockerEnvTemplate(
+	projectName: string,
+	database?: string,
+): string {
+	const kebabName = projectName.toLowerCase().replace(/[^a-z0-9-]/g, "-");
+
+	let dbEnv = "";
+
+	if (database === "postgresql") {
 		dbEnv = `
 # PostgreSQL Configuration
 POSTGRES_USER=postgres
@@ -285,7 +296,7 @@ POSTGRES_DB=${kebabName}
 POSTGRES_PORT=5432
 DATABASE_URL=postgresql://postgres:postgres@localhost:5432/${kebabName}
 `;
-	} else if (database === 'mysql') {
+	} else if (database === "mysql") {
 		dbEnv = `
 # MySQL Configuration
 MYSQL_ROOT_PASSWORD=root
@@ -304,4 +315,4 @@ DATABASE_URL=mysql://mysql:mysql@localhost:3306/${kebabName}
 APP_PORT=3000
 NODE_ENV=production
 ${dbEnv}`;
-}
+}

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

@@ -0,0 +1,63 @@
+/**
+ * Frontend Templates
+ *
+ * Frontend framework-specific configuration templates
+ */
+
+import type {
+	FrontendFramework,
+	FrontendTemplateResult,
+} from "../project/types";
+import { noneTemplate } from "./none";
+import { reactTemplate } from "./react";
+import { solidTemplate } from "./solid";
+import { svelteTemplate } from "./svelte";
+import { vueTemplate } from "./vue";
+
+/**
+ * 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",
+		},
+	};
+}