create-middag-ui 0.15.2 → 0.15.4

package/cli.js

@@ -32,6 +32,7 @@ import {
   scaffoldFreeAdapters,
   scaffoldFreeApp,
   scaffoldFreeRegister,
+  scaffoldProAdapters,
   scaffoldHostEntry,
   scaffoldHostThemeCSS,
   scaffoldHostViteConfig,
@@ -213,9 +214,9 @@ if (isPro) {
     pro.scaffoldMockEntities(targetDir);
     pro.scaffoldMockPageContracts(targetDir);
     pro.scaffoldMockRoutes(targetDir);
-    // Inertia mock adapters — required by vite.config.ts aliases for dev server.
-    // Both PRO and FREE need these so @inertiajs/* imports resolve in dev mode.
-    scaffoldFreeAdapters(targetDir);
+    // PRO Inertia adapters — re-export from @middag-io/react/mock so usePage()
+    // shares the same React context as MockPageProvider (no context mismatch).
+    scaffoldProAdapters(targetDir);
     success("PRO: using MockProductShell from @middag-io/react/mock");
   } catch {
     // npm version — PRO file excluded, fall back to FREE

package/lib/scaffold.js

@@ -1011,10 +1011,12 @@ const sharedProps = {
 
 function buildNavigation(activeKey: string) {
   return {
-    sections: [
-      { key: "overview", label: "Overview", icon: "home", group: "main" as const, items: [{ key: "overview.dashboard", label: "Dashboard", href: "/", active: activeKey === "overview.dashboard", children: [] }] },
-      { key: "integration", label: "Integration", icon: "plug", group: "main" as const, items: [{ key: "integration.connectors", label: "Connectors", href: "/connectors", active: activeKey === "integration.connectors", children: [] }] },
-      { key: "system", label: "System", icon: "settings", group: "system" as const, items: [{ key: "system.settings", label: "Settings", href: "/settings", active: activeKey === "system.settings", children: [] }] },
+    tree: [
+      { key: "overview.dashboard", label: "Dashboard", icon: "home", href: "/", children: [] },
+      { key: "integration.connectors", label: "Connectors", icon: "plug", href: "/connectors", children: [] },
+    ],
+    footer: [
+      { key: "system.settings", label: "Settings", icon: "settings", href: "/settings", children: [] },
     ],
     activeKey,
   };
@@ -1129,6 +1131,39 @@ export { router };
   }
 }
 
+/**
+ * Scaffold PRO adapters: thin re-exports from @middag-io/react/mock.
+ *
+ * PRO uses MockPageProvider from the lib, so usePage() must read from the
+ * same React context. These adapters delegate to the lib mock instead of
+ * defining their own context (which would cause context mismatch).
+ */
+export function scaffoldProAdapters(targetDir) {
+  ensureDir(join(targetDir, "src", "adapters"));
+
+  const corePath = join(targetDir, "src", "adapters", "inertia-core.ts");
+  if (!skipIfExists(corePath, "src/adapters/inertia-core.ts")) {
+    writeFile(corePath, `/**
+ * Mock @inertiajs/core — PRO re-export from @middag-io/react/mock.
+ * Shares the same navigate function as MockProductShell.
+ */
+export { router, setMockNavigate } from "@middag-io/react/mock";
+`, "src/adapters/inertia-core.ts (PRO)");
+  }
+
+  const reactPath = join(targetDir, "src", "adapters", "inertia-react.ts");
+  if (!skipIfExists(reactPath, "src/adapters/inertia-react.ts")) {
+    writeFile(reactPath, `/**
+ * Mock @inertiajs/react — PRO re-export from @middag-io/react/mock.
+ * Shares the same React context as MockPageProvider so usePage()
+ * returns the data set by the mock shell.
+ */
+export { usePage, Head, Link } from "@middag-io/react/mock";
+export { router } from "./inertia-core";
+`, "src/adapters/inertia-react.ts (PRO)");
+  }
+}
+
 /**
  * Scaffold FREE DevShell: src/shells/DevShell.tsx.
  */
@@ -1258,10 +1293,12 @@ const sharedProps = {
 
 function buildNavigation(activeKey: string) {
   return {
-    sections: [
-      { key: "overview", label: "Overview", icon: "home", group: "main" as const, items: [{ key: "overview.dashboard", label: "Dashboard", href: "/", active: activeKey === "overview.dashboard", children: [] }] },
-      { key: "integration", label: "Integration", icon: "plug", group: "main" as const, items: [{ key: "integration.connectors", label: "Connectors", href: "/connectors", active: activeKey === "integration.connectors", children: [] }] },
-      { key: "system", label: "System", icon: "settings", group: "system" as const, items: [{ key: "system.settings", label: "Settings", href: "/settings", active: activeKey === "system.settings", children: [] }] },
+    tree: [
+      { key: "overview.dashboard", label: "Dashboard", icon: "home", href: "/", children: [] },
+      { key: "integration.connectors", label: "Connectors", icon: "plug", href: "/connectors", children: [] },
+    ],
+    footer: [
+      { key: "system.settings", label: "Settings", icon: "settings", href: "/settings", children: [] },
     ],
     activeKey,
   };

package/lib/templates/pro/mock-navigation.ts

@@ -7,51 +7,29 @@
 
 export function buildNavigation(activeKey: string) {
   return {
-    sections: [
+    tree: [
       {
-        key: "overview",
-        label: "Overview",
+        key: "overview.dashboard",
+        label: "Dashboard",
         icon: "home",
-        group: "main" as const,
-        items: [
-          {
-            key: "overview.dashboard",
-            label: "Dashboard",
-            href: "/",
-            active: activeKey === "overview.dashboard",
-            children: [],
-          },
-        ],
+        href: "/",
+        children: [],
       },
       {
-        key: "integration",
-        label: "Integration",
+        key: "integration.connectors",
+        label: "Connectors",
         icon: "plug",
-        group: "main" as const,
-        items: [
-          {
-            key: "integration.connectors",
-            label: "Connectors",
-            href: "/connectors",
-            active: activeKey === "integration.connectors",
-            children: [],
-          },
-        ],
+        href: "/connectors",
+        children: [],
       },
+    ],
+    footer: [
       {
-        key: "system",
-        label: "System",
+        key: "system.settings",
+        label: "Settings",
         icon: "settings",
-        group: "system" as const,
-        items: [
-          {
-            key: "system.settings",
-            label: "Settings",
-            href: "/settings",
-            active: activeKey === "system.settings",
-            children: [],
-          },
-        ],
+        href: "/settings",
+        children: [],
       },
     ],
     activeKey,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-middag-ui",
-  "version": "0.15.2",
+  "version": "0.15.4",
   "type": "module",
   "description": "Bootstrap a MIDDAG React UI layer in your Moodle or WordPress plugin",
   "bin": {