create-middag-ui 0.16.0 → 0.17.0

package/lib/scaffold.js

@@ -2,7 +2,7 @@
  * scaffold.js — File creation for all scaffolded files.
  *
  * Creates directory structure, config files, page examples, app entry,
- * and Inertia mock adapters. Everything lives under src/.
+ * and Inertia mock adapters. Dev-only adapters live under mock/.
  *
  * Every I/O operation is wrapped with error handling.
  */
@@ -226,9 +226,10 @@ export default defineConfig({
   resolve: {
     alias: {
       "@/": resolve(__dirname, "src") + "/",
+      "@mock/": resolve(__dirname, "mock") + "/",
       ${adapterComment}
-      "@inertiajs/react": resolve(__dirname, "src/adapters/inertia-react.ts"),
-      "@inertiajs/core": resolve(__dirname, "src/adapters/inertia-core.ts"),
+      "@inertiajs/react": resolve(__dirname, "mock/adapters/inertia-react.ts"),
+      "@inertiajs/core": resolve(__dirname, "mock/adapters/inertia-core.ts"),
     },
   },
 });
@@ -934,12 +935,12 @@ export const settingsContract: PageContract = {
  */
 export function scaffoldProApp(targetDir) {
   ensureDir(join(targetDir, "src"));
-  ensureDir(join(targetDir, "src", "adapters"));
+  ensureDir(join(targetDir, "mock", "adapters"));
 
   // Inertia adapter shims — re-export from pre-built mock bundle
   // so usePage() shares the same MockPageContext as MockPageProvider.
-  const adapterReactPath = join(targetDir, "src", "adapters", "inertia-react.ts");
-  if (!skipIfExists(adapterReactPath, "src/adapters/inertia-react.ts")) {
+  const adapterReactPath = join(targetDir, "mock", "adapters", "inertia-react.ts");
+  if (!skipIfExists(adapterReactPath, "mock/adapters/inertia-react.ts")) {
     writeFile(adapterReactPath, `/**
  * Mock @inertiajs/react — re-exports from pre-built @middag-io/react/mock.
  *
@@ -947,16 +948,16 @@ export function scaffoldProApp(targetDir) {
  * MockPageProvider (both live in the pre-built ESM bundle).
  */
 export { usePage, Head, Link, router } from "@middag-io/react/mock";
-`, "src/adapters/inertia-react.ts");
+`, "mock/adapters/inertia-react.ts");
   }
 
-  const adapterCorePath = join(targetDir, "src", "adapters", "inertia-core.ts");
-  if (!skipIfExists(adapterCorePath, "src/adapters/inertia-core.ts")) {
+  const adapterCorePath = join(targetDir, "mock", "adapters", "inertia-core.ts");
+  if (!skipIfExists(adapterCorePath, "mock/adapters/inertia-core.ts")) {
     writeFile(adapterCorePath, `/**
  * Mock @inertiajs/core — re-exports from pre-built @middag-io/react/mock.
  */
 export { router, setMockNavigate } from "@middag-io/react/mock";
-`, "src/adapters/inertia-core.ts");
+`, "mock/adapters/inertia-core.ts");
   }
 
   const mainPath = join(targetDir, "src", "main.tsx");
@@ -1053,13 +1054,13 @@ export function App() {
 }
 
 /**
- * Scaffold FREE adapters: src/adapters/ with react-router.
+ * Scaffold FREE adapters: mock/adapters/ with react-router.
  */
 export function scaffoldFreeAdapters(targetDir) {
-  ensureDir(join(targetDir, "src", "adapters"));
+  ensureDir(join(targetDir, "mock", "adapters"));
 
-  const corePath = join(targetDir, "src", "adapters", "inertia-core.ts");
-  if (!skipIfExists(corePath, "src/adapters/inertia-core.ts")) {
+  const corePath = join(targetDir, "mock", "adapters", "inertia-core.ts");
+  if (!skipIfExists(corePath, "mock/adapters/inertia-core.ts")) {
     writeFile(corePath, `/**
  * Mock @inertiajs/core for standalone dev server.
  * Vite alias redirects @inertiajs/core here.
@@ -1078,11 +1079,11 @@ export const router = {
   visit: (url: string) => { _navigate ? _navigate(url) : console.log("[mock] VISIT", url); },
   on: () => () => {},
 };
-`, "src/adapters/inertia-core.ts");
+`, "mock/adapters/inertia-core.ts");
   }
 
-  const reactPath = join(targetDir, "src", "adapters", "inertia-react.ts");
-  if (!skipIfExists(reactPath, "src/adapters/inertia-react.ts")) {
+  const reactPath = join(targetDir, "mock", "adapters", "inertia-react.ts");
+  if (!skipIfExists(reactPath, "mock/adapters/inertia-react.ts")) {
     writeFile(reactPath, `/**
  * Mock @inertiajs/react for standalone dev server (FREE).
  * Context-based usePage + react-router Link.
@@ -1127,7 +1128,7 @@ export const Link = React.forwardRef<HTMLAnchorElement, MockLinkProps>(function
 });
 
 export { router };
-`, "src/adapters/inertia-react.ts");
+`, "mock/adapters/inertia-react.ts");
   }
 }
 
@@ -1139,20 +1140,20 @@ export { router };
  * defining their own context (which would cause context mismatch).
  */
 export function scaffoldProAdapters(targetDir) {
-  ensureDir(join(targetDir, "src", "adapters"));
+  ensureDir(join(targetDir, "mock", "adapters"));
 
-  const corePath = join(targetDir, "src", "adapters", "inertia-core.ts");
-  if (!skipIfExists(corePath, "src/adapters/inertia-core.ts")) {
+  const corePath = join(targetDir, "mock", "adapters", "inertia-core.ts");
+  if (!skipIfExists(corePath, "mock/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)");
+`, "mock/adapters/inertia-core.ts (PRO)");
   }
 
-  const reactPath = join(targetDir, "src", "adapters", "inertia-react.ts");
-  if (!skipIfExists(reactPath, "src/adapters/inertia-react.ts")) {
+  const reactPath = join(targetDir, "mock", "adapters", "inertia-react.ts");
+  if (!skipIfExists(reactPath, "mock/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()
@@ -1160,7 +1161,7 @@ export { router, setMockNavigate } from "@middag-io/react/mock";
  */
 export { usePage, Head, Link } from "@middag-io/react/mock";
 export { router } from "./inertia-core";
-`, "src/adapters/inertia-react.ts (PRO)");
+`, "mock/adapters/inertia-react.ts (PRO)");
   }
 }
 
@@ -1270,8 +1271,8 @@ createRoot(document.getElementById("root")!).render(
 import { BrowserRouter, Routes, Route, useNavigate } from "react-router";
 import { ContractPage, I18nProvider } from "@middag-io/react";
 import type { PageContract } from "@middag-io/react";
-import { PageProvider } from "./adapters/inertia-react";
-import { setMockNavigate } from "./adapters/inertia-core";
+import { PageProvider } from "@mock/adapters/inertia-react";
+import { setMockNavigate } from "@mock/adapters/inertia-core";
 import { dashboardContract } from "./pages/dashboard";
 import { connectorsContract } from "./pages/connectors";
 import { settingsContract } from "./pages/settings";
@@ -1726,7 +1727,7 @@ body.middag-active [data-slot="sidebar-container"] {
 /** @deprecated Use scaffoldFreeApp + scaffoldFreeAdapters instead */
 export function scaffoldAppFiles(targetDir) {
   ensureDir(join(targetDir, "src"));
-  ensureDir(join(targetDir, "src", "adapters"));
+  ensureDir(join(targetDir, "mock", "adapters"));
 
   // src/main.tsx — entry point
   const mainPath = join(targetDir, "src", "main.tsx");
@@ -1821,9 +1822,9 @@ export function App() {
     );
   }
 
-  // src/adapters/inertia-react.ts
-  const inertiaReactPath = join(targetDir, "src", "adapters", "inertia-react.ts");
-  if (!skipIfExists(inertiaReactPath, "src/adapters/inertia-react.ts")) {
+  // mock/adapters/inertia-react.ts
+  const inertiaReactPath = join(targetDir, "mock", "adapters", "inertia-react.ts");
+  if (!skipIfExists(inertiaReactPath, "mock/adapters/inertia-react.ts")) {
     writeFile(
       inertiaReactPath,
       `/**
@@ -1934,13 +1935,13 @@ export const Link = React.forwardRef<HTMLAnchorElement, MockLinkProps>(function
 
 export { router };
 `,
-      "src/adapters/inertia-react.ts",
+      "mock/adapters/inertia-react.ts",
     );
   }
 
-  // src/adapters/inertia-core.ts
-  const inertiaCorePath = join(targetDir, "src", "adapters", "inertia-core.ts");
-  if (!skipIfExists(inertiaCorePath, "src/adapters/inertia-core.ts")) {
+  // mock/adapters/inertia-core.ts
+  const inertiaCorePath = join(targetDir, "mock", "adapters", "inertia-core.ts");
+  if (!skipIfExists(inertiaCorePath, "mock/adapters/inertia-core.ts")) {
     writeFile(
       inertiaCorePath,
       `/**
@@ -1960,7 +1961,7 @@ export const router = {
   on: () => () => {},
 };
 `,
-      "src/adapters/inertia-core.ts",
+      "mock/adapters/inertia-core.ts",
     );
   }
 }

package/package.json

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