@mandujs/core 0.4.2 → 0.4.3

package/package.json

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

package/src/generator/templates.ts

@@ -122,7 +122,7 @@ function computeSlotImportPath(slotModule: string, fromDir: string): string {
 }
 
 export function generatePageComponent(route: RouteSpec): string {
-  const pageName = capitalize(route.id);
+  const pageName = toPascalCase(route.id);
   return `// Generated by Mandu - DO NOT EDIT DIRECTLY
 // Route ID: ${route.id}
 // Pattern: ${route.pattern}
@@ -143,6 +143,14 @@ export default function ${pageName}Page({ params }: Props): React.ReactElement {
 `;
 }
 
-function capitalize(str: string): string {
-  return str.charAt(0).toUpperCase() + str.slice(1);
+/**
+ * Convert string to PascalCase (handles kebab-case, snake_case)
+ * "todo-page" → "TodoPage"
+ * "user_profile" → "UserProfile"
+ */
+function toPascalCase(str: string): string {
+  return str
+    .split(/[-_]/)
+    .map((part) => part.charAt(0).toUpperCase() + part.slice(1))
+    .join("");
 }