@mandujs/core 0.18.6 → 0.18.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mandujs/core",
-  "version": "0.18.6",
+  "version": "0.18.8",
   "description": "Mandu Framework Core - Spec, Generator, Guard, Runtime",
   "type": "module",
   "main": "./src/index.ts",

package/src/bundler/dev.ts

@@ -103,8 +103,18 @@ export async function startDevBundler(options: DevBundlerOptions): Promise<DevBu
       const normalizedPath = absPath.replace(/\\/g, "/");
       clientModuleToRoute.set(normalizedPath, route.id);
 
-      // 감시할 디렉토리 추가
+      // Also register *.client.tsx/ts files in the same directory (#140)
+      // e.g. if clientModule is app/page.island.tsx, also map app/page.client.tsx → same routeId
       const dir = path.dirname(absPath);
+      const baseStem = path.basename(absPath).replace(/\.(island|client)\.(tsx?|jsx?)$/, "");
+      for (const ext of [".client.tsx", ".client.ts", ".client.jsx", ".client.js"]) {
+        const clientPath = path.join(dir, baseStem + ext).replace(/\\/g, "/");
+        if (clientPath !== normalizedPath) {
+          clientModuleToRoute.set(clientPath, route.id);
+        }
+      }
+
+      // 감시할 디렉토리 추가
       watchDirs.add(dir);
     }
   }
@@ -224,21 +234,17 @@ export async function startDevBundler(options: DevBundlerOptions): Promise<DevBu
     // clientModule 매핑에서 routeId 찾기
     let routeId = clientModuleToRoute.get(normalizedPath);
 
-    // .client.ts 또는 .client.tsx 파일인 경우 파일명에서 routeId 추출
-    if (!routeId) {
-      let basename: string | null = null;
-
-      if (changedFile.endsWith(".client.ts")) {
-        basename = path.basename(changedFile, ".client.ts");
-      } else if (changedFile.endsWith(".client.tsx")) {
-        basename = path.basename(changedFile, ".client.tsx");
-      }
-
-      if (basename) {
-        const route = manifest.routes.find((r) => r.id === basename);
-        if (route) {
-          routeId = route.id;
-        }
+    // Fallback for *.client.tsx/ts: find route whose clientModule is in the same directory (#140)
+    // basename matching (e.g. "page" !== "index") is unreliable — use directory-based matching instead
+    if (!routeId && (changedFile.endsWith(".client.ts") || changedFile.endsWith(".client.tsx"))) {
+      const changedDir = path.dirname(path.resolve(rootDir, changedFile)).replace(/\\/g, "/");
+      const matchedRoute = manifest.routes.find((r) => {
+        if (!r.clientModule) return false;
+        const routeDir = path.dirname(path.resolve(rootDir, r.clientModule)).replace(/\\/g, "/");
+        return routeDir === changedDir;
+      });
+      if (matchedRoute) {
+        routeId = matchedRoute.id;
       }
     }
 

package/src/client/router.ts

@@ -410,6 +410,13 @@ export function initializeRouter(): void {
   // 링크 클릭 이벤트 위임
   document.addEventListener("click", handleLinkClick);
 
+  // DevTools 자동 초기화 (개발 모드에서 SSR이 __MANDU_DEV_TOOLS__를 주입한 경우)
+  if ((window as any).__MANDU_DEV_TOOLS__) {
+    import("../devtools/init").then(({ initManduKitchen }) => {
+      initManduKitchen({ position: "bottom-right" });
+    }).catch(() => {});
+  }
+
   console.log("[Mandu Router] Initialized");
 }
 

package/src/filling/filling.ts

@@ -375,6 +375,18 @@ export class ManduFilling<TLoaderData = unknown> {
     return Array.from(this.config.handlers.keys());
   }
 
+  /**
+   * Convert to named handler exports compatible with Mandu route.ts files.
+   * Usage: export const { GET, POST } = filling.toHandlers();
+   */
+  toHandlers(): Partial<Record<HttpMethod, (req: Request) => Promise<Response>>> {
+    const result: Partial<Record<HttpMethod, (req: Request) => Promise<Response>>> = {};
+    for (const method of this.config.handlers.keys()) {
+      result[method] = (req: Request) => this.handle(req, {}, undefined);
+    }
+    return result;
+  }
+
   hasMethod(method: HttpMethod): boolean {
     return this.config.handlers.has(method);
   }

package/src/runtime/ssr.ts

@@ -238,6 +238,12 @@ export function renderToHTML(element: ReactElement, options: SSROptions = {}): s
     hmrScript = generateHMRScript(hmrPort);
   }
 
+  // DevTools 부트스트랩 스크립트 (개발 모드)
+  let devtoolsScript = "";
+  if (isDev) {
+    devtoolsScript = generateDevtoolsBootstrapScript();
+  }
+
   return `<!doctype html>
 <html lang="${escapeHtmlAttr(lang)}">
 <head>
@@ -255,6 +261,7 @@ export function renderToHTML(element: ReactElement, options: SSROptions = {}): s
   ${needsHydration ? REACT_INTERNALS_SHIM_SCRIPT : ""}
   ${routerScript}
   ${hmrScript}
+  ${devtoolsScript}
   ${bodyEndTags}
 </body>
 </html>`;
@@ -364,6 +371,18 @@ function generateHMRScript(port: number): string {
 </script>`;
 }
 
+/**
+ * DevTools 부트스트랩 스크립트 생성 (개발 모드 전용)
+ */
+function generateDevtoolsBootstrapScript(): string {
+  return `<script>
+(function() {
+  if (typeof window === 'undefined') return;
+  window.__MANDU_DEV_TOOLS__ = true;
+})();
+</script>`;
+}
+
 export function createHTMLResponse(html: string, status: number = 200): Response {
   return new Response(html, {
     status,