#!/usr/bin/env bun

/**
 * tradjs CLI — Project scaffolding & build tools
 *
 * Usage:
 *   npx tradjs init <project-name>   Create a new TradJS project
 *   npx tradjs init                  Create in current directory
 *   npx tradjs serve                 Run the app from ./app or route files in .
 *   npx tradjs build                 Build all assets to ./dist
 *   npx tradjs build --outdir ./out  Build to custom directory
 *   npx tradjs build --entry src/a.ts --entry src/b.tsx --outdir ./dist
 */

const args = process.argv.slice(2);
const command = args[0];

if (!command || command === "--help" || command === "-h") {
  console.log(`
🦊 tradjs — Bun-native web framework

Usage:
  npx tradjs init <project-name>   Create a new project
  npx tradjs init .                Create in current directory
  npx tradjs serve                 Run ./app or route files in the current directory
  npx tradjs build                 Build all routes & assets to disk
  npx tradjs build --outdir ./out  Build to custom output directory
  npx tradjs build --entry <file>  Build specific entry points

Serve options:
  [port]               Explicit port (busy ports throw)
  --appdir <dir>       App directory (default: ./app, then route files in .)
  --unix <path>        Unix socket path

Build options:
  --outdir <dir>     Output directory (default: ./dist)
  --appdir <dir>     App directory for route discovery (default: ./app)
  --css <file>       Global CSS file to process
  --entry <file>     Entry point to build (repeatable)

Options:
  --help, -h         Show this help message
`);
  process.exit(0);
}

if (command === "build") {
  // Dynamic import to avoid loading build deps for init command
  const { buildToDisk, parseBuildArgs } =
    await import("../src/server/cli-build");
  const options = parseBuildArgs(args.slice(1));
  await buildToDisk(options);
  process.exit(0);
}

if (command === "serve") {
  const { serve } = await import("../src/server");
  const options: Record<string, any> = {};

  for (let i = 1; i < args.length; i++) {
    const arg = args[i];

    if (arg === "--appdir") {
      options.appDir = args[++i];
    } else if (arg === "--unix") {
      options.unix = args[++i];
    } else if (arg.startsWith("--")) {
      console.error(`Unknown serve option: ${arg}`);
      process.exit(1);
    } else if (options.port === undefined && /^\d+$/.test(arg)) {
      options.port = Number(arg);
    } else if (options.unix === undefined) {
      options.unix = arg;
    } else {
      console.error(`Unexpected argument: ${arg}`);
      process.exit(1);
    }
  }

  await serve(options);
  await new Promise(() => {});
}

if (command !== "init") {
  console.error(
    `Unknown command: ${command}\nRun 'npx tradjs --help' for usage.`,
  );
  process.exit(1);
}

// ─── Init Command ──────────────────────────────────────────────────────────────

const projectName = args[1] || ".";
const targetDir =
  projectName === "." ? process.cwd() : `${process.cwd()}/${projectName}`;
const fs = await import("fs");
const path = await import("path");

// Create directory if needed
if (projectName !== ".") {
  if (fs.existsSync(targetDir)) {
    console.error(`Directory "${projectName}" already exists.`);
    process.exit(1);
  }
  fs.mkdirSync(targetDir, { recursive: true });
}

const appDir = path.join(targetDir, "app");
fs.mkdirSync(appDir, { recursive: true });

// ─── Templates ─────────────────────────────────────────────────────────────────

const files: Record<string, string> = {
  "package.json": `{
    "name": "${projectName === "." ? "my-app" : projectName.toLowerCase().replace(/[^a-z0-9-]/g, "-")}",
    "version": "0.1.0",
    "type": "module",
    "scripts": {
        "dev": "tradjs serve",
        "build": "tradjs build",
        "start": "tradjs serve"
    },
    "dependencies": {
        "tradjs": "latest"
    },
    "devDependencies": {
        "@tailwindcss/vite": "^4.0.0",
        "tailwindcss": "^4.0.0"
    }
}
`,

  ".gitignore": `# Dependencies
node_modules/

# Build output
dist/

# Runtime
.DS_Store
*.log
bun.lockb

# IDE
.vscode/
.idea/
*.swp
*.swo
`,

  "tsconfig.json": `{
    "compilerOptions": {
        "jsx": "react-jsx",
        "jsxImportSource": "tradjs/client",
        "baseUrl": ".",
        "paths": {
            "tradjs": ["./node_modules/tradjs/src/web.ts"],
            "tradjs/*": ["./node_modules/tradjs/src/*"]
        },
        "target": "ESNext",
        "module": "ESNext",
        "moduleResolution": "bundler",
    "strict": true,
        "noEmit": true,
        "skipLibCheck": true
    },
    "include": ["app/**/*"]
}
`,

  "app/layout.tsx": `export default function RootLayout({ children }: { children: any }) {
    return (
        <html lang="en">
            <head>
                <meta charSet="utf-8" />
                <meta name="viewport" content="width=device-width, initial-scale=1" />
                <title>${projectName === "." ? "My App" : projectName}</title>
                <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet" />
            </head>
            <body>
                <main id="melina-page-content">{children}</main>
            </body>
        </html>
    );
}
`,

  "app/page.tsx": `export default function HomePage() {
    return (
        <div style={{ maxWidth: '640px', margin: '80px auto', padding: '0 24px', fontFamily: 'Inter, system-ui, sans-serif' }}>
            <h1 style={{ fontSize: '2.5rem', fontWeight: 700, marginBottom: '16px' }}>
                🦊 ${projectName === "." ? "My App" : projectName}
            </h1>
            <p style={{ color: '#71717a', fontSize: '1.1rem', lineHeight: 1.6 }}>
                Your TradJS app is running. Edit <code>app/page.tsx</code> to get started.
            </p>
            <div id="app-root" style={{ marginTop: '32px' }} />
        </div>
    );
}
`,

  "app/page.client.tsx": `import { render } from 'tradjs/client';

function App() {
    return (
        <div style={{ padding: '20px', background: '#18181b', borderRadius: '12px', color: '#e4e4e7' }}>
            <p>✨ Client interactivity works! Edit <code>app/page.client.tsx</code> to add more.</p>
        </div>
    );
}

export default function mount() {
    const root = document.getElementById('app-root');
    if (!root) return;
    render(<App />, root);
}
`,

  "app/globals.css": `@import "tailwindcss";

@theme {
    --color-background: #0a0a0f;
    --color-surface: #111118;
    --color-foreground: #e4e4e7;
    --color-muted: #71717a;
    --color-accent: #6366f1;

    --font-sans: 'Inter', system-ui, -apple-system, sans-serif;
}

body {
    background: var(--color-background);
    color: var(--color-foreground);
    margin: 0;
}

code {
    background: rgba(99, 102, 241, 0.15);
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 0.9em;
}
`,
};

// ─── Write Files ───────────────────────────────────────────────────────────────

let written = 0;
for (const [filePath, content] of Object.entries(files)) {
  const fullPath = path.join(targetDir, filePath);
  const dir = path.dirname(fullPath);
  if (!fs.existsSync(dir)) fs.mkdirSync(dir, { recursive: true });

  // Don't overwrite existing files
  if (fs.existsSync(fullPath)) {
    console.log(`  skip  ${filePath} (already exists)`);
    continue;
  }
  fs.writeFileSync(fullPath, content);
  console.log(`  create  ${filePath}`);
  written++;
}

// ─── Done ──────────────────────────────────────────────────────────────────────

const displayName = projectName === "." ? "current directory" : projectName;
console.log(`
🦊 Project scaffolded in ${displayName} (${written} files)
`);

// Run bun install automatically
console.log("  install  dependencies...");
const { spawn } = await import("child_process");

await new Promise<void>((resolve, reject) => {
  const install = spawn("bun", ["install"], {
    cwd: targetDir,
    stdio: "inherit",
    shell: true,
  });

  install.on("close", (code) => {
    if (code === 0) {
      resolve();
    } else {
      reject(new Error(`bun install exited with code ${code}`));
    }
  });
});

console.log(`
🦊 Done!

Next steps:
  ${projectName !== "." ? `cd ${projectName}\n  ` : ""}bun run dev

Open http://localhost:3000 to see your app.
`);