create-nowaki 0.1.0

package/index.js

@@ -0,0 +1,31 @@
+#!/usr/bin/env node
+import { cp, mkdir, readdir } from "node:fs/promises";
+import path from "node:path";
+import { fileURLToPath } from "node:url";
+
+const name = process.argv[2] ?? "nowaki-app";
+const dest = path.resolve(process.cwd(), name);
+const templateDir = path.join(
+  path.dirname(fileURLToPath(import.meta.url)),
+  "template",
+);
+
+// 既存の空でないディレクトリへの上書きは防ぐ
+try {
+  const existing = await readdir(dest);
+  if (existing.length > 0) {
+    console.error(`✗ ディレクトリ "${name}" は空ではありません。中止します。`);
+    process.exit(1);
+  }
+} catch {
+  // 存在しなければOK
+}
+
+await mkdir(dest, { recursive: true });
+await cp(templateDir, dest, { recursive: true });
+
+console.log(`\n🌀 Nowaki アプリを作成しました: ${name}\n`);
+console.log("次のステップ:");
+console.log(`  cd ${name}`);
+console.log("  pnpm install");
+console.log("  nowaki dev\n");

package/package.json

@@ -0,0 +1,35 @@
+{
+  "name": "create-nowaki",
+  "version": "0.1.0",
+  "description": "Scaffold a new Nowaki app",
+  "license": "MIT",
+  "author": "Voredge <dev@voredge.com>",
+  "homepage": "https://nowaki.dev",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/nowaki-dev/nowaki.git",
+    "directory": "packages/create-nowaki"
+  },
+  "bugs": "https://github.com/nowaki-dev/nowaki/issues",
+  "keywords": [
+    "nowaki",
+    "create",
+    "scaffold",
+    "starter",
+    "web-framework"
+  ],
+  "type": "module",
+  "bin": {
+    "create-nowaki": "index.js"
+  },
+  "files": [
+    "index.js",
+    "template"
+  ],
+  "engines": {
+    "node": ">=22"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}

package/template/islands/Counter.tsx

@@ -0,0 +1,12 @@
+import { useState } from "preact/hooks";
+
+export default function Counter({ start = 0 }: { start?: number }) {
+  const [count, setCount] = useState(start);
+  return (
+    <div style="border:1px solid #ccc;padding:1rem;border-radius:8px;display:inline-flex;align-items:center;gap:1rem">
+      <button onClick={() => setCount((c) => c - 1)}>-</button>
+      <strong>{count}</strong>
+      <button onClick={() => setCount((c) => c + 1)}>+</button>
+    </div>
+  );
+}

package/template/package.json

@@ -0,0 +1,10 @@
+{
+  "name": "nowaki-app",
+  "private": true,
+  "type": "module",
+  "dependencies": {
+    "@nowaki-dev/runtime": "^0.1.0",
+    "preact": "^10.25.4",
+    "preact-render-to-string": "^6.5.13"
+  }
+}

package/template/routes/index.tsx

@@ -0,0 +1,19 @@
+import Counter from "../islands/Counter.tsx";
+
+export const title = "Nowaki App";
+
+export const loader = async () => {
+  return { message: "Nowaki へようこそ 🌀" };
+};
+
+type Data = Awaited<ReturnType<typeof loader>>;
+
+export default function Home({ data }: { data: Data }) {
+  return (
+    <main style="font-family:sans-serif;max-width:640px;margin:4rem auto">
+      <h1>{data.message}</h1>
+      <p>このカウンターだけがクライアントでハイドレートされる島です。</p>
+      <Counter start={0} />
+    </main>
+  );
+}