create-middag-ui 0.15.3 → 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

@@ -1131,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.
  */

package/package.json

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