@mandujs/cli 0.5.6 → 0.5.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mandujs/cli",
-  "version": "0.5.6",
+  "version": "0.5.7",
   "description": "Agent-Native Fullstack Framework - 에이전트가 코딩해도 아키텍처가 무너지지 않는 개발 OS",
   "type": "module",
   "main": "./src/main.ts",

package/src/commands/dev.ts

@@ -3,6 +3,7 @@ import {
   startServer,
   registerApiHandler,
   registerPageLoader,
+  registerPageHandler,
   startDevBundler,
   createHMRServer,
   needsHydration,
@@ -59,9 +60,21 @@ export async function dev(options: DevOptions = {}): Promise<void> {
       }
     } else if (route.kind === "page" && route.componentModule) {
       const componentPath = path.resolve(rootDir, route.componentModule);
-      registerPageLoader(route.id, () => import(componentPath));
       const isIsland = needsHydration(route);
-      console.log(`  📄 Page: ${route.pattern} -> ${route.id}${isIsland ? " 🏝️" : ""}`);
+
+      // slotModule이 있으면 PageHandler 사용 (filling.loader 지원)
+      if (route.slotModule) {
+        registerPageHandler(route.id, async () => {
+          const module = await import(componentPath);
+          // module.default = { component, filling }
+          return module.default;
+        });
+        console.log(`  📄 Page: ${route.pattern} -> ${route.id} (with loader)${isIsland ? " 🏝️" : ""}`);
+      } else {
+        // slotModule이 없으면 기존 PageLoader 사용
+        registerPageLoader(route.id, () => import(componentPath));
+        console.log(`  📄 Page: ${route.pattern} -> ${route.id}${isIsland ? " 🏝️" : ""}`);
+      }
     }
   }
 

package/templates/default/apps/server/main.ts

@@ -1,4 +1,10 @@
-import { loadManifest, startServer, registerApiHandler, registerPageLoader } from "@mandujs/core";
+import {
+  loadManifest,
+  startServer,
+  registerApiHandler,
+  registerPageLoader,
+  registerPageHandler,
+} from "@mandujs/core";
 import path from "path";
 
 const SPEC_PATH = path.resolve(import.meta.dir, "../../spec/routes.manifest.json");
@@ -28,8 +34,20 @@ async function main() {
       }
     } else if (route.kind === "page") {
       const componentPath = path.resolve(import.meta.dir, "../../", route.componentModule!);
-      registerPageLoader(route.id, () => import(componentPath));
-      console.log(`  📄 Page: ${route.pattern} -> ${route.id}`);
+
+      // slotModule이 있으면 PageHandler 사용 (filling.loader 지원)
+      if (route.slotModule) {
+        registerPageHandler(route.id, async () => {
+          const module = await import(componentPath);
+          // module.default = { component, filling }
+          return module.default;
+        });
+        console.log(`  📄 Page: ${route.pattern} -> ${route.id} (with loader)`);
+      } else {
+        // slotModule이 없으면 기존 PageLoader 사용
+        registerPageLoader(route.id, () => import(componentPath));
+        console.log(`  📄 Page: ${route.pattern} -> ${route.id}`);
+      }
     }
   }