create-oven 0.1.0

package/index.js

@@ -0,0 +1,513 @@
+#!/usr/bin/env node
+
+/**
+ * create-oven - Create a new Oven project
+ *
+ * Usage:
+ *   npx create-oven my-app
+ *   bunx create-oven my-app
+ */
+
+import fs from 'fs';
+import path from 'path';
+import { fileURLToPath } from 'url';
+
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
+
+const COLORS = {
+  reset: '\x1b[0m',
+  bright: '\x1b[1m',
+  red: '\x1b[31m',
+  green: '\x1b[32m',
+  yellow: '\x1b[33m',
+  blue: '\x1b[34m',
+  cyan: '\x1b[36m',
+};
+
+function log(msg) {
+  console.log(msg);
+}
+
+function success(msg) {
+  console.log(`${COLORS.green}${msg}${COLORS.reset}`);
+}
+
+function error(msg) {
+  console.error(`${COLORS.red}${msg}${COLORS.reset}`);
+}
+
+function info(msg) {
+  console.log(`${COLORS.cyan}${msg}${COLORS.reset}`);
+}
+
+async function main() {
+  const args = process.argv.slice(2);
+  const projectName = args[0];
+
+  if (!projectName || projectName === '--help' || projectName === '-h') {
+    log(`
+  🔥 ${COLORS.bright}create-oven${COLORS.reset} - Create a new Oven project
+
+  ${COLORS.yellow}Usage:${COLORS.reset}
+    npx create-oven <project-name>
+    bunx create-oven <project-name>
+
+  ${COLORS.yellow}Examples:${COLORS.reset}
+    npx create-oven my-app
+    bunx create-oven my-awesome-app
+
+  ${COLORS.yellow}Options:${COLORS.reset}
+    -h, --help     Show this help message
+    -v, --version  Show version
+
+  ${COLORS.cyan}Learn more: https://github.com/oven-ttta/oven-framework${COLORS.reset}
+    `);
+    process.exit(projectName ? 0 : 1);
+  }
+
+  if (projectName === '--version' || projectName === '-v') {
+    log('create-oven v0.1.0');
+    process.exit(0);
+  }
+
+  log(`
+  🔥 Creating new Oven project: ${COLORS.bright}${projectName}${COLORS.reset}
+  `);
+
+  const projectDir = path.join(process.cwd(), projectName);
+
+  // Check if directory exists
+  if (fs.existsSync(projectDir)) {
+    error(`  ✗ Directory "${projectName}" already exists!`);
+    process.exit(1);
+  }
+
+  // Create project directory
+  fs.mkdirSync(projectDir, { recursive: true });
+
+  // Create project structure
+  const dirs = [
+    'app',
+    'app/api/hello',
+    'app/about',
+    'public',
+    'components',
+    'lib',
+  ];
+
+  for (const dir of dirs) {
+    fs.mkdirSync(path.join(projectDir, dir), { recursive: true });
+  }
+
+  info('  Creating project files...');
+
+  // package.json
+  const pkg = {
+    name: projectName,
+    version: '0.1.0',
+    type: 'module',
+    scripts: {
+      dev: 'bun run --hot server.ts',
+      build: 'bun build ./server.ts --outdir ./dist --target bun',
+      start: 'bun run dist/server.js',
+    },
+    dependencies: {},
+    devDependencies: {
+      '@types/bun': 'latest',
+      typescript: '^5.3.0',
+    },
+  };
+  fs.writeFileSync(
+    path.join(projectDir, 'package.json'),
+    JSON.stringify(pkg, null, 2)
+  );
+
+  // tsconfig.json
+  const tsconfig = {
+    compilerOptions: {
+      target: 'ESNext',
+      module: 'ESNext',
+      moduleResolution: 'bundler',
+      strict: true,
+      esModuleInterop: true,
+      skipLibCheck: true,
+      forceConsistentCasingInFileNames: true,
+      jsx: 'preserve',
+      lib: ['ESNext', 'DOM'],
+      types: ['bun-types'],
+    },
+    include: ['**/*.ts', '**/*.tsx'],
+    exclude: ['node_modules'],
+  };
+  fs.writeFileSync(
+    path.join(projectDir, 'tsconfig.json'),
+    JSON.stringify(tsconfig, null, 2)
+  );
+
+  // server.ts - Main server file
+  const serverFile = `/**
+ * Oven Server - ${projectName}
+ * A Next.js-style framework powered by Bun
+ */
+
+const PORT = parseInt(process.env.PORT || '3000');
+
+// Simple router
+const routes: Map<string, (req: Request) => Promise<Response>> = new Map();
+
+// Scan app directory for routes
+async function scanRoutes() {
+  const glob = new Bun.Glob('**/page.tsx');
+  for await (const file of glob.scan({ cwd: './app' })) {
+    const routePath = '/' + file.replace(/\\/page\\.tsx$/, '').replace(/^page\\.tsx$/, '');
+    const normalizedPath = routePath === '/' ? '/' : routePath;
+
+    routes.set(normalizedPath, async (req: Request) => {
+      const module = await import(\`./app/\${file}\`);
+      const content = await module.default({ params: {}, searchParams: {} });
+
+      // Wrap with layout
+      let html = content;
+      try {
+        const layoutModule = await import('./app/layout.tsx');
+        html = await layoutModule.default({ children: content, params: {} });
+      } catch {}
+
+      // Generate metadata
+      const metadata = module.metadata || {};
+      const title = typeof metadata.title === 'string' ? metadata.title : metadata.title?.default || '${projectName}';
+
+      const fullHtml = \`<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>\${title}</title>
+  \${metadata.description ? \`<meta name="description" content="\${metadata.description}">\` : ''}
+</head>
+<body>
+  \${html}
+</body>
+</html>\`;
+
+      return new Response(fullHtml, {
+        headers: { 'Content-Type': 'text/html; charset=utf-8' },
+      });
+    });
+  }
+
+  // Scan API routes
+  const apiGlob = new Bun.Glob('**/route.ts');
+  for await (const file of apiGlob.scan({ cwd: './app' })) {
+    const routePath = '/' + file.replace(/\\/route\\.ts$/, '').replace(/^route\\.ts$/, '');
+
+    routes.set(routePath, async (req: Request) => {
+      const module = await import(\`./app/\${file}\`);
+      const method = req.method.toUpperCase();
+      const handler = module[method];
+
+      if (handler) {
+        return handler(req);
+      }
+      return new Response('Method not allowed', { status: 405 });
+    });
+  }
+}
+
+// Main server
+async function main() {
+  await scanRoutes();
+
+  Bun.serve({
+    port: PORT,
+    async fetch(req: Request) {
+      const url = new URL(req.url);
+      let pathname = url.pathname;
+
+      // Remove trailing slash
+      if (pathname !== '/' && pathname.endsWith('/')) {
+        pathname = pathname.slice(0, -1);
+      }
+
+      // Try to match route
+      const handler = routes.get(pathname);
+      if (handler) {
+        return handler(req);
+      }
+
+      // Static files
+      const publicPath = './public' + pathname;
+      const file = Bun.file(publicPath);
+      if (await file.exists()) {
+        return new Response(file);
+      }
+
+      // 404
+      return new Response('Not Found', { status: 404 });
+    },
+  });
+
+  console.log(\`
+  🔥 Oven is ready!
+
+  ➜ Local:   http://localhost:\${PORT}
+  ➜ Network: http://0.0.0.0:\${PORT}
+  \`);
+}
+
+main();
+`;
+  fs.writeFileSync(path.join(projectDir, 'server.ts'), serverFile);
+
+  // app/layout.tsx
+  const rootLayout = `import type { LayoutProps } from './types';
+
+export default function RootLayout({ children }: LayoutProps) {
+  return \`
+    <div id="__oven">
+      <nav style="
+        background: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%);
+        padding: 1rem 2rem;
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+      ">
+        <a href="/" style="color: white; text-decoration: none; font-weight: bold; font-size: 1.25rem;">
+          🔥 ${projectName}
+        </a>
+        <div style="display: flex; gap: 1.5rem;">
+          <a href="/" style="color: rgba(255,255,255,0.9); text-decoration: none;">Home</a>
+          <a href="/about" style="color: rgba(255,255,255,0.9); text-decoration: none;">About</a>
+          <a href="/api/hello" style="color: rgba(255,255,255,0.9); text-decoration: none;">API</a>
+        </div>
+      </nav>
+      <main style="min-height: calc(100vh - 60px);">
+        \${children}
+      </main>
+      <style>
+        * { margin: 0; padding: 0; box-sizing: border-box; }
+        body { font-family: system-ui, -apple-system, sans-serif; }
+      </style>
+    </div>
+  \`;
+}
+`;
+  fs.writeFileSync(path.join(projectDir, 'app', 'layout.tsx'), rootLayout);
+
+  // app/types.ts
+  const typesFile = `export interface PageProps {
+  params: Record<string, string>;
+  searchParams: Record<string, string>;
+}
+
+export interface LayoutProps {
+  children: string;
+  params: Record<string, string>;
+}
+
+export interface Metadata {
+  title?: string | { default: string; template?: string };
+  description?: string;
+  keywords?: string[];
+}
+`;
+  fs.writeFileSync(path.join(projectDir, 'app', 'types.ts'), typesFile);
+
+  // app/page.tsx
+  const homePage = `import type { PageProps, Metadata } from './types';
+
+export const metadata: Metadata = {
+  title: '${projectName}',
+  description: 'Built with Oven - A Next.js-style framework for Bun',
+};
+
+export default function HomePage({ searchParams }: PageProps) {
+  return \`
+    <div style="max-width: 800px; margin: 0 auto; padding: 4rem 2rem; text-align: center;">
+      <h1 style="font-size: 3rem; margin-bottom: 1rem; background: linear-gradient(135deg, #ff6b35, #f7931e); -webkit-background-clip: text; -webkit-text-fill-color: transparent;">
+        Welcome to ${projectName} 🔥
+      </h1>
+      <p style="color: #666; font-size: 1.2rem; margin-bottom: 2rem;">
+        Get started by editing <code style="background: #f5f5f5; padding: 0.25rem 0.5rem; border-radius: 4px;">app/page.tsx</code>
+      </p>
+
+      <div style="display: flex; gap: 1rem; justify-content: center; flex-wrap: wrap;">
+        <a href="/about" style="
+          background: linear-gradient(135deg, #ff6b35, #f7931e);
+          color: white;
+          padding: 0.75rem 1.5rem;
+          border-radius: 8px;
+          text-decoration: none;
+          font-weight: 500;
+        ">
+          About Page →
+        </a>
+        <a href="/api/hello" style="
+          background: #333;
+          color: white;
+          padding: 0.75rem 1.5rem;
+          border-radius: 8px;
+          text-decoration: none;
+          font-weight: 500;
+        ">
+          API Example
+        </a>
+      </div>
+
+      <div style="margin-top: 4rem; padding: 2rem; background: #f9f9f9; border-radius: 12px; text-align: left;">
+        <h3 style="margin-bottom: 1rem;">📁 Project Structure</h3>
+        <pre style="font-size: 0.9rem; color: #666;">
+${projectName}/
+├── app/
+│   ├── layout.tsx      # Root layout
+│   ├── page.tsx        # Home page (/)
+│   ├── about/
+│   │   └── page.tsx    # About page (/about)
+│   └── api/
+│       └── hello/
+│           └── route.ts # API route (/api/hello)
+├── public/             # Static files
+├── server.ts           # Bun server
+└── package.json
+        </pre>
+      </div>
+    </div>
+  \`;
+}
+`;
+  fs.writeFileSync(path.join(projectDir, 'app', 'page.tsx'), homePage);
+
+  // app/about/page.tsx
+  const aboutPage = `import type { PageProps, Metadata } from '../types';
+
+export const metadata: Metadata = {
+  title: 'About',
+  description: 'About ${projectName}',
+};
+
+export default function AboutPage({ params }: PageProps) {
+  return \`
+    <div style="max-width: 800px; margin: 0 auto; padding: 4rem 2rem;">
+      <h1 style="font-size: 2.5rem; margin-bottom: 1rem;">About ${projectName}</h1>
+      <p style="color: #666; line-height: 1.8; margin-bottom: 1.5rem;">
+        This is the about page of your Oven application.
+        Built with Bun for maximum performance.
+      </p>
+
+      <div style="background: #fff5f2; padding: 1.5rem; border-radius: 12px; border-left: 4px solid #ff6b35;">
+        <h3 style="margin-bottom: 0.5rem;">🚀 Why Oven?</h3>
+        <ul style="color: #666; line-height: 1.8; margin-left: 1.5rem;">
+          <li>Built for Bun runtime - 4x faster than Node.js</li>
+          <li>Next.js-style file-based routing</li>
+          <li>Zero configuration needed</li>
+          <li>Full TypeScript support</li>
+        </ul>
+      </div>
+
+      <a href="/" style="color: #ff6b35; margin-top: 2rem; display: inline-block; text-decoration: none;">
+        ← Back to Home
+      </a>
+    </div>
+  \`;
+}
+`;
+  fs.writeFileSync(path.join(projectDir, 'app', 'about', 'page.tsx'), aboutPage);
+
+  // app/api/hello/route.ts
+  const apiRoute = `// API Route: /api/hello
+
+export async function GET(request: Request) {
+  return Response.json({
+    message: 'Hello from ${projectName}!',
+    timestamp: new Date().toISOString(),
+    framework: 'Oven 🔥',
+  });
+}
+
+export async function POST(request: Request) {
+  const body = await request.json().catch(() => ({}));
+  return Response.json({
+    message: 'Data received!',
+    data: body,
+  });
+}
+`;
+  fs.writeFileSync(path.join(projectDir, 'app', 'api', 'hello', 'route.ts'), apiRoute);
+
+  // .gitignore
+  const gitignore = `node_modules
+dist
+.oven
+*.log
+.DS_Store
+.env
+.env.local
+`;
+  fs.writeFileSync(path.join(projectDir, '.gitignore'), gitignore);
+
+  // README.md
+  const readme = `# ${projectName}
+
+Built with [Oven](https://github.com/oven-ttta/oven-framework) - A Next.js-style framework for Bun 🔥
+
+## Getting Started
+
+\`\`\`bash
+# Install dependencies
+bun install
+
+# Start development server
+bun run dev
+
+# Build for production
+bun run build
+
+# Start production server
+bun run start
+\`\`\`
+
+Open [http://localhost:3000](http://localhost:3000) to see your app.
+
+## Project Structure
+
+\`\`\`
+${projectName}/
+├── app/
+│   ├── layout.tsx      # Root layout
+│   ├── page.tsx        # Home page (/)
+│   ├── about/
+│   │   └── page.tsx    # About page (/about)
+│   └── api/
+│       └── hello/
+│           └── route.ts # API route (/api/hello)
+├── public/             # Static files
+├── server.ts           # Bun server
+└── package.json
+\`\`\`
+
+## Learn More
+
+- [Oven GitHub](https://github.com/oven-ttta/oven-framework)
+- [Bun Documentation](https://bun.sh/docs)
+`;
+  fs.writeFileSync(path.join(projectDir, 'README.md'), readme);
+
+  success(`
+  ✅ Project created successfully!
+
+  ${COLORS.yellow}Next steps:${COLORS.reset}
+
+    cd ${projectName}
+    bun install
+    bun run dev
+
+  Open ${COLORS.cyan}http://localhost:3000${COLORS.reset} in your browser.
+
+  ${COLORS.bright}Happy cooking! 🔥${COLORS.reset}
+  `);
+}
+
+main().catch((err) => {
+  error(`Error: ${err.message}`);
+  process.exit(1);
+});

package/package.json

@@ -0,0 +1,32 @@
+{
+  "name": "create-oven",
+  "version": "0.1.0",
+  "description": "Create a new Oven project - Next.js-style framework for Bun",
+  "type": "module",
+  "bin": {
+    "create-oven": "./index.js"
+  },
+  "files": [
+    "index.js",
+    "templates"
+  ],
+  "keywords": [
+    "bun",
+    "oven",
+    "framework",
+    "create",
+    "scaffold",
+    "typescript",
+    "fullstack"
+  ],
+  "author": "oven-ttta",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/oven-ttta/oven-framework"
+  },
+  "homepage": "https://github.com/oven-ttta/oven-framework#readme",
+  "engines": {
+    "node": ">=18.0.0"
+  }
+}