create-kide-app 0.0.21 → 0.0.23

package/index.js

@@ -35,7 +35,7 @@ const pm = { name: "pnpm", exec: "pnpm exec", dlx: "pnpm dlx", run: "pnpm", inst
 // --- Main ---
 
 async function main() {
-  p.intro("Create Kide CMS Project");
+  p.intro("🪐 Create Kide CMS Project");
 
   // 1. Project name
   const projectName =
@@ -338,7 +338,7 @@ async function main() {
           if (!p.isCancel(doDeploy) && doDeploy) {
             s.start("Building and deploying to Cloudflare");
             try {
-              const deployOutput = await runAsync(`${pm.run} deploy`, projectDir);
+              const deployOutput = await runAsync(`${pm.run} run deploy`, projectDir);
               const urlMatch = deployOutput.match(/https:\/\/[^\s]+\.workers\.dev/);
               if (urlMatch) cf.url = urlMatch[0];
               cf.deployed = true;

package/package.json

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

package/templates/base/src/components/BlockRenderer.astro

@@ -0,0 +1,28 @@
+---
+const { blocks = [] } = Astro.props as { blocks?: Array<Record<string, unknown>> };
+
+// Discover custom block components from src/components/blocks/
+const customComponents = import.meta.glob<{ default: any }>("./blocks/*.astro", { eager: true });
+
+const componentMap: Record<string, any> = {};
+for (const [path, mod] of Object.entries(customComponents)) {
+  const filename = path.split("/").pop()?.replace(".astro", "") ?? "";
+  const typeName = filename.charAt(0).toLowerCase() + filename.slice(1);
+  componentMap[typeName] = mod.default;
+}
+---
+
+<div>
+  {
+    blocks.map((block) => {
+      const type = String(block.type ?? "");
+      const Component = componentMap[type];
+      if (!Component) {
+        throw new Error(
+          `No block component found for type "${type}". Add src/components/blocks/${type.charAt(0).toUpperCase() + type.slice(1)}.astro`,
+        );
+      }
+      return <Component {...block} />;
+    })
+  }
+</div>