create-kide-app 0.0.5 → 0.0.7

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"));
 

package/package.json

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

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",
+    },
+  });
+};

package/templates/cloudflare/wrangler.toml

@@ -7,6 +7,9 @@ binding = "CMS_DB"
 database_name = "{{PROJECT_NAME}}-db"
 database_id = "" # Run: npx wrangler d1 create {{PROJECT_NAME}}-db
 
+[triggers]
+crons = ["* * * * *"]  # scheduled publishing — every minute
+
 [[r2_buckets]]
 binding = "CMS_ASSETS"
 bucket_name = "{{PROJECT_NAME}}-assets"