create-middag-ui 0.10.2 → 0.10.3

package/cli.js

@@ -28,6 +28,8 @@ import {
   scaffoldPackageJson,
   scaffoldTsconfig,
   scaffoldViteConfig,
+  scaffoldEslintConfig,
+  scaffoldPrettierConfig,
   scaffoldIndexHtml,
   scaffoldDemoFiles,
   scaffoldPageExamples,
@@ -117,6 +119,8 @@ heading(5, TOTAL_STEPS, "Scaffolding config files");
 scaffoldPackageJson(targetDir, host, cwd, registryPath);
 scaffoldTsconfig(targetDir);
 scaffoldViteConfig(targetDir, host, registryPath);
+scaffoldEslintConfig(targetDir);
+scaffoldPrettierConfig(targetDir);
 scaffoldIndexHtml(targetDir);
 
 // ── Step 6: Scaffold ~/.npmrc (GitHub path only) ─────────────────────────
@@ -145,7 +149,7 @@ scaffoldPageExamples(targetDir);
 
 if (isPro) {
   scaffoldProApp(targetDir);
-  success("PRO: using MockProductShell + HostAdapter from @middag-io/react/mock");
+  success("PRO: using MockProductShell from @middag-io/react/mock");
 } else {
   scaffoldFreeAdapters(targetDir);
   scaffoldDevShell(targetDir);

package/lib/scaffold.js

@@ -103,6 +103,8 @@ export function scaffoldPackageJson(targetDir, host, cwd, registryPath) {
       typecheck: "tsc --noEmit",
       lint: "eslint .",
       "lint:fix": "eslint . --fix",
+      format: 'prettier --write "src/**/*.{ts,tsx,css}"',
+      "format:check": 'prettier --check "src/**/*.{ts,tsx,css}"',
     },
     dependencies: deps,
     devDependencies: {
@@ -115,6 +117,14 @@ export function scaffoldPackageJson(targetDir, host, cwd, registryPath) {
       typescript: "^5.7.0",
       vite: "^6.0.0",
       "@vitejs/plugin-react": "^4.0.0",
+      "@eslint/js": "^9.0.0",
+      "typescript-eslint": "^8.0.0",
+      "eslint-plugin-react-hooks": "^5.0.0",
+      "eslint-plugin-react-refresh": "^0.5.0",
+      "eslint-config-prettier": "^10.0.0",
+      eslint: "^9.0.0",
+      prettier: "^3.0.0",
+      "prettier-plugin-tailwindcss": "^0.6.0",
     },
   };
 
@@ -157,16 +167,9 @@ export function scaffoldViteConfig(targetDir, host, registryPath) {
   const filePath = join(targetDir, "vite.config.ts");
   if (skipIfExists(filePath, "vite.config.ts")) return;
 
-  const isPro = registryPath === "github";
-  const adapterComment = isPro
-    ? "// PRO: Inertia mocks from @middag-io/react/mock"
+  const adapterComment = registryPath === "github"
+    ? "// PRO: Inertia mocks re-exported from @middag-io/react/mock (same context)"
     : "// FREE: Inertia mocks from local adapters";
-  const adapterReact = isPro
-    ? 'resolve(__dirname, "node_modules/@middag-io/react/mock/adapters/inertia-react.ts")'
-    : 'resolve(__dirname, "src/adapters/inertia-react.ts")';
-  const adapterCore = isPro
-    ? 'resolve(__dirname, "node_modules/@middag-io/react/mock/adapters/inertia-core.ts")'
-    : 'resolve(__dirname, "src/adapters/inertia-core.ts")';
 
   const content = `/**
  * Vite config \u2014 used by \`npm run dev\` and \`npm run build\`.
@@ -186,8 +189,8 @@ export default defineConfig({
     alias: {
       "@/": resolve(__dirname, "src") + "/",
       ${adapterComment}
-      "@inertiajs/react": ${adapterReact},
-      "@inertiajs/core": ${adapterCore},
+      "@inertiajs/react": resolve(__dirname, "src/adapters/inertia-react.ts"),
+      "@inertiajs/core": resolve(__dirname, "src/adapters/inertia-core.ts"),
     },
   },
 });
@@ -196,6 +199,70 @@ export default defineConfig({
   writeFile(filePath, content, "vite.config.ts");
 }
 
+/**
+ * Scaffold eslint.config.js.
+ */
+export function scaffoldEslintConfig(targetDir) {
+  const filePath = join(targetDir, "eslint.config.js");
+  if (skipIfExists(filePath, "eslint.config.js")) return;
+
+  writeFile(
+    filePath,
+    `import js from "@eslint/js";
+import tseslint from "typescript-eslint";
+import reactHooks from "eslint-plugin-react-hooks";
+import reactRefresh from "eslint-plugin-react-refresh";
+import prettierConfig from "eslint-config-prettier";
+
+export default tseslint.config(
+  { ignores: ["dist/", "node_modules/"] },
+  js.configs.recommended,
+  ...tseslint.configs.recommended,
+  {
+    files: ["**/*.{ts,tsx}"],
+    plugins: {
+      "react-hooks": reactHooks,
+      "react-refresh": reactRefresh,
+    },
+    rules: {
+      ...reactHooks.configs.recommended.rules,
+      "react-refresh/only-export-components": ["warn", { allowConstantExport: true }],
+      "@typescript-eslint/no-unused-vars": ["error", { argsIgnorePattern: "^_" }],
+      "@typescript-eslint/no-explicit-any": "warn",
+    },
+  },
+  prettierConfig,
+);
+`,
+    "eslint.config.js",
+  );
+}
+
+/**
+ * Scaffold .prettierrc.
+ */
+export function scaffoldPrettierConfig(targetDir) {
+  const filePath = join(targetDir, ".prettierrc");
+  if (skipIfExists(filePath, ".prettierrc")) return;
+
+  writeFile(
+    filePath,
+    JSON.stringify(
+      {
+        semi: true,
+        singleQuote: false,
+        tabWidth: 2,
+        trailingComma: "all",
+        printWidth: 100,
+        plugins: ["prettier-plugin-tailwindcss"],
+      },
+      null,
+      2,
+    ) + "\n",
+    ".prettierrc",
+  );
+}
+
 /**
  * Scaffold index.html at project root.
  */
@@ -803,6 +870,30 @@ export const settingsContract: PageContract = {
  */
 export function scaffoldProApp(targetDir) {
   ensureDir(join(targetDir, "src"));
+  ensureDir(join(targetDir, "src", "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")) {
+    writeFile(adapterReactPath, `/**
+ * Mock @inertiajs/react — re-exports from pre-built @middag-io/react/mock.
+ *
+ * This ensures usePage() reads from the same MockPageContext as
+ * MockPageProvider (both live in the pre-built ESM bundle).
+ */
+export { usePage, Head, Link, router } from "@middag-io/react/mock";
+`, "src/adapters/inertia-react.ts");
+  }
+
+  const adapterCorePath = join(targetDir, "src", "adapters", "inertia-core.ts");
+  if (!skipIfExists(adapterCorePath, "src/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");
+  }
 
   const mainPath = join(targetDir, "src", "main.tsx");
   if (!skipIfExists(mainPath, "src/main.tsx")) {

package/package.json

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