@cloudwerk/create-app 0.0.6 → 0.1.1

package/dist/index.js

@@ -178,16 +178,18 @@ function printSuccessBanner(projectName, projectPath, pm) {
 }
 
 // src/versions.ts
-var CORE_VERSION = "0.0.6";
-var CLI_VERSION = "0.0.6";
+var CORE_VERSION = "0.7.1";
+var CLI_VERSION = "0.7.0";
+var UI_VERSION = "0.7.1";
 
 // src/scaffold.ts
-function getTemplateDir() {
+function getTemplateDir(renderer) {
   const __dirname = path2.dirname(fileURLToPath(import.meta.url));
-  return path2.resolve(__dirname, "..", "template");
+  const templateName = renderer === "none" ? "template-api" : `template-${renderer}`;
+  return path2.resolve(__dirname, "..", templateName);
 }
 function processTemplate(content, values) {
-  return content.replace(/\{\{name\}\}/g, values.name).replace(/\{\{coreVersion\}\}/g, values.coreVersion).replace(/\{\{cliVersion\}\}/g, values.cliVersion);
+  return content.replace(/\{\{name\}\}/g, values.name).replace(/\{\{coreVersion\}\}/g, values.coreVersion).replace(/\{\{cliVersion\}\}/g, values.cliVersion).replace(/\{\{uiVersion\}\}/g, values.uiVersion);
 }
 function isTemplateFile(fileName) {
   return fileName.endsWith(".tmpl");
@@ -203,18 +205,20 @@ function getOutputFileName(fileName) {
 }
 async function scaffold(projectName, options = {}) {
   const targetDir = options.targetDir || path2.resolve(process.cwd(), projectName);
+  const renderer = options.renderer || "hono-jsx";
   const validation = validateProject(projectName, targetDir);
   if (!validation.valid) {
     throw new Error(validation.error);
   }
-  const templateDir = getTemplateDir();
+  const templateDir = getTemplateDir(renderer);
   if (!fs2.existsSync(templateDir)) {
     throw new Error(`Template directory not found: ${templateDir}`);
   }
   const templateValues = {
     name: projectName,
     coreVersion: CORE_VERSION,
-    cliVersion: CLI_VERSION
+    cliVersion: CLI_VERSION,
+    uiVersion: UI_VERSION
   };
   logger.info(`Creating ${projectName}...`);
   try {
@@ -253,12 +257,64 @@ async function copyTemplateRecursive(srcDir, destDir, values) {
   }
 }
 
+// src/prompts.ts
+import * as p from "@clack/prompts";
+async function promptRenderer() {
+  const renderer = await p.select({
+    message: "Select UI renderer:",
+    options: [
+      {
+        value: "hono-jsx",
+        label: "Hono JSX (recommended)",
+        hint: "Lightweight (~3kb), Workers-optimized"
+      },
+      {
+        value: "react",
+        label: "React",
+        hint: "Full ecosystem, larger bundle (~45kb)"
+      },
+      {
+        value: "none",
+        label: "None (API only)",
+        hint: "No UI rendering, pure API routes"
+      }
+    ]
+  });
+  if (p.isCancel(renderer)) {
+    p.cancel("Operation cancelled");
+    process.exit(0);
+  }
+  return renderer;
+}
+function isInteractiveMode(args) {
+  if (process.env.CI === "true" || process.env.CI === "1") {
+    return false;
+  }
+  if (args.includes("--renderer") || args.includes("-r")) {
+    return false;
+  }
+  if (!process.stdin.isTTY) {
+    return false;
+  }
+  return true;
+}
+
 // src/index.ts
 var require2 = createRequire(import.meta.url);
 var pkg = require2("../package.json");
-program.name("create-cloudwerk-app").description("Create a new Cloudwerk app").version(pkg.version).argument("<project-name>", "Name of the project to create").action(async (projectName) => {
+program.name("create-cloudwerk-app").description("Create a new Cloudwerk app").version(pkg.version).argument("<project-name>", "Name of the project to create").option("-r, --renderer <type>", "UI renderer (hono-jsx, react, none)", "hono-jsx").action(async (projectName, options) => {
   try {
-    await scaffold(projectName);
+    let renderer = options.renderer;
+    const validRenderers = ["hono-jsx", "react", "none"];
+    if (renderer && !validRenderers.includes(renderer)) {
+      throw new Error(
+        `Invalid renderer "${renderer}". Valid options: ${validRenderers.join(", ")}`
+      );
+    }
+    if (isInteractiveMode(process.argv)) {
+      renderer = await promptRenderer();
+    }
+    await scaffold(projectName, { renderer });
   } catch (error) {
     logger.error(error.message);
     process.exit(1);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cloudwerk/create-app",
-  "version": "0.0.6",
+  "version": "0.1.1",
   "description": "Create a new Cloudwerk app",
   "repository": {
     "type": "git",
@@ -19,9 +19,12 @@
   },
   "files": [
     "dist",
-    "template"
+    "template-hono-jsx",
+    "template-react",
+    "template-api"
   ],
   "dependencies": {
+    "@clack/prompts": "^0.8.2",
     "commander": "^12.1.0",
     "fs-extra": "^11.0.0",
     "picocolors": "^1.1.0"

package/template-api/cloudwerk.config.ts

@@ -0,0 +1,3 @@
+import { defineConfig } from '@cloudwerk/core'
+
+export default defineConfig({})

package/{template → template-api}/package.json.tmpl

@@ -11,6 +11,7 @@
   "dependencies": {
     "@cloudwerk/core": "^{{coreVersion}}",
     "@cloudwerk/cli": "^{{cliVersion}}",
+    "@cloudwerk/ui": "^{{uiVersion}}",
     "hono": "^4.0.0"
   },
   "devDependencies": {

package/template-hono-jsx/_gitignore

@@ -0,0 +1,5 @@
+node_modules/
+dist/
+.wrangler/
+.dev.vars
+*.log

package/template-hono-jsx/app/components/counter.tsx

@@ -0,0 +1,13 @@
+'use client'
+
+import { useState } from 'hono/jsx'
+
+export default function Counter() {
+  const [count, setCount] = useState(0)
+
+  return (
+    <button onClick={() => setCount((c) => c + 1)}>
+      Count: {count}
+    </button>
+  )
+}

package/template-hono-jsx/app/page.tsx

@@ -0,0 +1,10 @@
+import Counter from './components/counter'
+
+export default function HomePage() {
+  return (
+    <div>
+      <h1>Welcome to Cloudwerk</h1>
+      <Counter />
+    </div>
+  )
+}

package/template-hono-jsx/app/route.ts

@@ -0,0 +1,6 @@
+import { json } from '@cloudwerk/core'
+import type { Context } from '@cloudwerk/core'
+
+export const GET = (_c: Context) => {
+  return json({ message: 'Hello Cloudwerk' })
+}

package/template-hono-jsx/cloudwerk.config.ts

@@ -0,0 +1,7 @@
+import { defineConfig } from '@cloudwerk/core'
+
+export default defineConfig({
+  ui: {
+    renderer: 'hono-jsx',
+  },
+})

package/template-hono-jsx/package.json.tmpl

@@ -0,0 +1,24 @@
+{
+  "name": "{{name}}",
+  "version": "0.0.1",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "dev": "cloudwerk dev",
+    "build": "cloudwerk build",
+    "deploy": "wrangler deploy"
+  },
+  "dependencies": {
+    "@cloudwerk/core": "^{{coreVersion}}",
+    "@cloudwerk/cli": "^{{cliVersion}}",
+    "@cloudwerk/ui": "^{{uiVersion}}",
+    "hono": "^4.0.0"
+  },
+  "devDependencies": {
+    "typescript": "^5.0.0",
+    "wrangler": "^4.0.0"
+  },
+  "engines": {
+    "node": ">=20"
+  }
+}

package/template-hono-jsx/tsconfig.json

@@ -0,0 +1,16 @@
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "esModuleInterop": true,
+    "strict": true,
+    "skipLibCheck": true,
+    "declaration": true,
+    "outDir": "./dist",
+    "rootDir": "./app",
+    "jsx": "react-jsx",
+    "jsxImportSource": "hono/jsx"
+  },
+  "include": ["app/**/*", "cloudwerk.config.ts"]
+}

package/template-hono-jsx/wrangler.toml.tmpl

@@ -0,0 +1,6 @@
+name = "{{name}}"
+main = "dist/index.js"
+compatibility_date = "2024-01-01"
+
+[build]
+command = "npm run build"

package/template-react/_gitignore

@@ -0,0 +1,5 @@
+node_modules/
+dist/
+.wrangler/
+.dev.vars
+*.log

package/template-react/app/components/counter.tsx

@@ -0,0 +1,13 @@
+'use client'
+
+import { useState } from 'react'
+
+export default function Counter() {
+  const [count, setCount] = useState(0)
+
+  return (
+    <button onClick={() => setCount((c) => c + 1)}>
+      Count: {count}
+    </button>
+  )
+}

package/template-react/app/page.tsx

@@ -0,0 +1,10 @@
+import Counter from './components/counter'
+
+export default function HomePage() {
+  return (
+    <div>
+      <h1>Welcome to Cloudwerk</h1>
+      <Counter />
+    </div>
+  )
+}

package/template-react/app/route.ts

@@ -0,0 +1,6 @@
+import { json } from '@cloudwerk/core'
+import type { Context } from '@cloudwerk/core'
+
+export const GET = (_c: Context) => {
+  return json({ message: 'Hello Cloudwerk' })
+}

package/{template → template-react}/cloudwerk.config.ts

@@ -1,5 +1,7 @@
 import { defineConfig } from '@cloudwerk/core'
 
 export default defineConfig({
-  routesDir: 'app/routes',
+  ui: {
+    renderer: 'react',
+  },
 })

package/template-react/package.json.tmpl

@@ -0,0 +1,28 @@
+{
+  "name": "{{name}}",
+  "version": "0.0.1",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "dev": "cloudwerk dev",
+    "build": "cloudwerk build",
+    "deploy": "wrangler deploy"
+  },
+  "dependencies": {
+    "@cloudwerk/core": "^{{coreVersion}}",
+    "@cloudwerk/cli": "^{{cliVersion}}",
+    "@cloudwerk/ui": "^{{uiVersion}}",
+    "hono": "^4.0.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
+  },
+  "devDependencies": {
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
+    "typescript": "^5.0.0",
+    "wrangler": "^4.0.0"
+  },
+  "engines": {
+    "node": ">=20"
+  }
+}

package/template-react/tsconfig.json

@@ -0,0 +1,16 @@
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "esModuleInterop": true,
+    "strict": true,
+    "skipLibCheck": true,
+    "declaration": true,
+    "outDir": "./dist",
+    "rootDir": "./app",
+    "jsx": "react-jsx",
+    "jsxImportSource": "react"
+  },
+  "include": ["app/**/*", "cloudwerk.config.ts"]
+}

package/template-react/wrangler.toml.tmpl

@@ -0,0 +1,6 @@
+name = "{{name}}"
+main = "dist/index.js"
+compatibility_date = "2024-01-01"
+
+[build]
+command = "npm run build"