create-kide-app 0.0.4 → 0.0.6

package/index.js

@@ -118,6 +118,13 @@ async function main() {
   cpSync(path.join(targetDir, "db.ts"), path.join(projectDir, "src/cms/core/db.ts"));
   cpSync(path.join(targetDir, "drizzle.config.ts"), path.join(projectDir, "drizzle.config.ts"));
 
+  if (target === "cloudflare") {
+    cpSync(path.join(targetDir, "storage.ts"), path.join(projectDir, "src/cms/core/storage.ts"));
+    const uploadsRouteDir = path.join(projectDir, "src/pages/uploads");
+    mkdirSync(uploadsRouteDir, { recursive: true });
+    cpSync(path.join(targetDir, "uploads-route.ts"), path.join(uploadsRouteDir, "[...path].ts"));
+  }
+
   const pkgPath = path.join(projectDir, "package.json");
   const pkg = JSON.parse(readFileSync(pkgPath, "utf-8"));
 
@@ -127,14 +134,13 @@ async function main() {
     delete pkg.dependencies["@astrojs/node"];
     pkg.dependencies["@astrojs/cloudflare"] = "^13.0.0";
 
-    delete pkg.dependencies["better-sqlite3"];
-    delete pkg.dependencies["sharp"];
-    if (pkg.devDependencies) delete pkg.devDependencies["@types/better-sqlite3"];
-    if (pkg.pnpm?.onlyBuiltDependencies) {
-      pkg.pnpm.onlyBuiltDependencies = pkg.pnpm.onlyBuiltDependencies.filter((d) => d !== "better-sqlite3");
-      if (pkg.pnpm.onlyBuiltDependencies.length === 0) delete pkg.pnpm.onlyBuiltDependencies;
-      if (Object.keys(pkg.pnpm).length === 0) delete pkg.pnpm;
+    // Move better-sqlite3 to devDependencies — drizzle-kit needs it to push schema to local D1
+    if (pkg.dependencies["better-sqlite3"]) {
+      if (!pkg.devDependencies) pkg.devDependencies = {};
+      pkg.devDependencies["better-sqlite3"] = pkg.dependencies["better-sqlite3"];
+      delete pkg.dependencies["better-sqlite3"];
     }
+    delete pkg.dependencies["sharp"];
 
     let wranglerContent = readFileSync(path.join(targetDir, "wrangler.toml"), "utf-8");
     wranglerContent = wranglerContent.replaceAll("{{PROJECT_NAME}}", projectName);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-kide-app",
-  "version": "0.0.4",
+  "version": "0.0.6",
   "description": "Scaffold a new Kide CMS project",
   "author": "Matti Hernesniemi",
   "license": "MIT",

package/templates/cloudflare/drizzle.config.ts

@@ -1,11 +1,18 @@
+import { readdirSync } from "node:fs";
 import { defineConfig } from "drizzle-kit";
 
+function getLocalD1Path() {
+  const dir = ".wrangler/state/v3/d1/miniflare-D1DatabaseObject";
+  const file = readdirSync(dir).find((f) => f.endsWith(".sqlite") && f !== "*.sqlite");
+  if (!file) throw new Error(`No D1 sqlite file found in ${dir}`);
+  return `${dir}/${file}`;
+}
+
 export default defineConfig({
   schema: "./src/cms/.generated/schema.ts",
   out: "./src/cms/migrations",
   dialect: "sqlite",
   dbCredentials: {
-    // For local dev with wrangler, point to the local D1 database
-    url: ".wrangler/state/v3/d1/miniflare-D1DatabaseObject/*.sqlite",
+    url: getLocalD1Path(),
   },
 });

package/templates/cloudflare/storage.ts

@@ -0,0 +1,25 @@
+import { env } from "cloudflare:workers";
+
+function getBucket(): R2Bucket {
+  const bucket = (env as any).CMS_ASSETS as R2Bucket | undefined;
+  if (!bucket) throw new Error("R2 bucket binding CMS_ASSETS not found. Check wrangler.toml.");
+  return bucket;
+}
+
+function toKey(storagePath: string): string {
+  return storagePath.startsWith("/") ? storagePath.slice(1) : storagePath;
+}
+
+export async function putFile(storagePath: string, data: ArrayBuffer | Uint8Array): Promise<void> {
+  await getBucket().put(toKey(storagePath), data);
+}
+
+export async function getFile(storagePath: string): Promise<ArrayBuffer | null> {
+  const obj = await getBucket().get(toKey(storagePath));
+  if (!obj) return null;
+  return obj.arrayBuffer();
+}
+
+export async function deleteFile(storagePath: string): Promise<void> {
+  await getBucket().delete(toKey(storagePath));
+}

package/templates/cloudflare/uploads-route.ts

@@ -0,0 +1,36 @@
+import type { APIRoute } from "astro";
+import { getFile } from "@/cms/core/storage";
+
+export const prerender = false;
+
+const MIME_TYPES: Record<string, string> = {
+  ".jpg": "image/jpeg",
+  ".jpeg": "image/jpeg",
+  ".png": "image/png",
+  ".gif": "image/gif",
+  ".webp": "image/webp",
+  ".avif": "image/avif",
+  ".svg": "image/svg+xml",
+  ".pdf": "application/pdf",
+  ".mp4": "video/mp4",
+  ".webm": "video/webm",
+};
+
+export const GET: APIRoute = async ({ params }) => {
+  const filePath = `/uploads/${params.path}`;
+  const data = await getFile(filePath);
+
+  if (!data) {
+    return new Response("Not found", { status: 404 });
+  }
+
+  const ext = filePath.substring(filePath.lastIndexOf(".")).toLowerCase();
+  const contentType = MIME_TYPES[ext] || "application/octet-stream";
+
+  return new Response(data, {
+    headers: {
+      "Content-Type": contentType,
+      "Cache-Control": "public, max-age=31536000, immutable",
+    },
+  });
+};