create-middag-ui 0.11.0 → 0.13.0

package/README.md

@@ -86,7 +86,7 @@ npx @middag-io/react upgrade        # Check for updates
 
 ## Documentation
 
-- **[Live Demo](https://middag-react-mock.pages.dev)** — 24 screens showing all block types
+- **[Live Demo](https://ui-demo.middag.io)** — 24 screens showing all block types
 - **[Full Documentation](https://ui-docs.middag.io)** — Getting started, host guides, API reference
 - **[GitHub](https://github.com/middag-io/middag-react)** — Source code and issues
 

package/cli.js

@@ -20,29 +20,35 @@
  */
 
 import { join } from "node:path";
-import { detectHost, HOSTS } from "./lib/detect.js";
-import { ask, select, confirm } from "./lib/prompts.js";
+import { detectHost, detectMoodleComponent, HOSTS } from "./lib/detect.js";
+import { ask, confirm, select } from "./lib/prompts.js";
 import { runTokenFlow } from "./lib/auth.js";
 import {
   createTargetDir,
-  scaffoldPackageJson,
-  scaffoldTsconfig,
-  scaffoldViteConfig,
-  scaffoldEslintConfig,
-  scaffoldPrettierConfig,
-  scaffoldIndexHtml,
+  scaffoldDemoDirectPage,
   scaffoldDemoFiles,
-  scaffoldPageExamples,
-  scaffoldProApp,
-  scaffoldFreeApp,
-  scaffoldFreeAdapters,
   scaffoldDevShell,
+  scaffoldEslintConfig,
+  scaffoldFreeAdapters,
+  scaffoldFreeApp,
+  scaffoldFreeRegister,
   scaffoldHostEntry,
-  scaffoldHostViteConfig,
   scaffoldHostThemeCSS,
+  scaffoldHostViteConfig,
+  scaffoldIndexHtml,
+  scaffoldMoodleAdapters,
+  scaffoldMoodlePlugin,
+  scaffoldMoodleTailwind,
+  scaffoldPackageJson,
+  scaffoldPageExamples,
+  scaffoldPageResolver,
+  scaffoldPrettierConfig,
+  scaffoldRouteHelper,
+  scaffoldTsconfig,
+  scaffoldViteConfig,
 } from "./lib/scaffold.js";
 import { runNpmInstall } from "./lib/install.js";
-import { log, success, heading, blank, info } from "./lib/ui.js";
+import { blank, heading, info, log, success } from "./lib/ui.js";
 
 const TOTAL_STEPS = 10;
 const cwd = process.cwd();
@@ -70,6 +76,20 @@ if (hostKey) {
 
 const host = HOSTS[hostKey];
 
+// Moodle: detect frankenstyle component name (e.g. "local_middag", "mod_assign")
+let moodleComponent = null;
+if (hostKey === "moodle") {
+  moodleComponent = detectMoodleComponent(cwd);
+  if (moodleComponent) {
+    success(`Moodle component: ${ moodleComponent }`);
+  } else {
+    info("Could not detect Moodle component from version.php");
+    const answer = await ask("  Frankenstyle component (e.g. local_yourplugin): ");
+    moodleComponent = answer || "local_myplugin";
+    success(`Component: ${ moodleComponent }`);
+  }
+}
+
 // ── Step 2: Ask directory ────────────────────────────────────────────────
 
 heading(2, TOTAL_STEPS, "Target directory");
@@ -150,10 +170,35 @@ heading(8, TOTAL_STEPS, `Creating ${isPro ? "PRO" : "FREE"} UI module`);
 
 scaffoldPageExamples(targetDir);
 
+// Shared files (both PRO and FREE)
+scaffoldPageResolver(targetDir);
+scaffoldDemoDirectPage(targetDir);
+// Convert frankenstyle "local_middag" → Moodle path "local/middag"
+const moodlePath = moodleComponent ? moodleComponent.replace("_", "/") : null;
+scaffoldRouteHelper(targetDir, hostKey, moodlePath);
+
 if (isPro) {
-  scaffoldProApp(targetDir);
-  success("PRO: using MockProductShell from @middag-io/react/mock");
+  try {
+    const pro = await import("./lib/scaffoldPRO.js");
+    pro.scaffoldProRegister(targetDir);
+    pro.scaffoldProApp(targetDir);
+    pro.scaffoldMockNavigation(targetDir);
+    pro.scaffoldMockData(targetDir);
+    pro.scaffoldMockEntities(targetDir);
+    pro.scaffoldMockPageContracts(targetDir);
+    pro.scaffoldMockRoutes(targetDir);
+    success("PRO: using MockProductShell from @middag-io/react/mock");
+  } catch {
+    // npm version — PRO file excluded, fall back to FREE
+    info("PRO scaffold not available — using FREE path");
+    scaffoldFreeRegister(targetDir);
+    scaffoldFreeAdapters(targetDir);
+    scaffoldDevShell(targetDir);
+    scaffoldFreeApp(targetDir);
+    success("FREE: generated DevShell + local Inertia adapters");
+  }
 } else {
+  scaffoldFreeRegister(targetDir);
   scaffoldFreeAdapters(targetDir);
   scaffoldDevShell(targetDir);
   scaffoldFreeApp(targetDir);
@@ -165,6 +210,14 @@ scaffoldHostEntry(targetDir, hostKey);
 scaffoldHostViteConfig(targetDir, hostKey, host);
 scaffoldHostThemeCSS(targetDir, hostKey, host);
 
+// Moodle-specific: AMD plugin + Moodle adapters (ajax, strings, notification)
+if (hostKey === "moodle" && moodleComponent) {
+  scaffoldMoodlePlugin(targetDir, moodleComponent);
+  scaffoldMoodleTailwind(targetDir);
+  scaffoldMoodleAdapters(targetDir, moodleComponent);
+  success(`Moodle: AMD plugin + Tailwind + adapters for ${ moodleComponent }`);
+}
+
 // ── Step 9: npm install ──────────────────────────────────────────────────
 
 heading(9, TOTAL_STEPS, "Installing dependencies");
@@ -211,6 +264,16 @@ console.log(`  Production build for ${host.name}:`);
 console.log(`    npm run ${hostBuildScript}            \u2192 build for ${host.name}`);
 console.log(`    npm run ${hostWatchScript}            \u2192 rebuild on change`);
 
+if (hostKey === "moodle" && moodleComponent) {
+  blank();
+  console.log(`  Moodle integration (${ moodleComponent }):`);
+  console.log("    AMD chunks       \u2192 amd/src/ + amd/build/");
+  console.log("    CSS              \u2192 styles/middag-app.css");
+  console.log("    AMD plugin:       plugins/vite-plugin-moodle-amd.ts");
+  console.log("    Moodle adapters:  src/lib/moodle/ (ajax, strings, notification)");
+  console.log("    Tailwind entry:   src/tailwind.css");
+}
+
 blank();
 console.log(`  Integrate with your ${host.name} plugin:`);
 console.log("    1. Import { ContractPage } from '@middag-io/react'");

package/lib/detect.js

@@ -10,7 +10,7 @@
  */
 
 import { existsSync, readFileSync } from "node:fs";
-import { join, dirname } from "node:path";
+import { dirname, join } from "node:path";
 
 /** Max ancestor levels to walk when searching for platform markers. */
 const MAX_DEPTH = 5;
@@ -54,6 +54,26 @@ function isMoodleRootVersion(filePath) {
   }
 }
 
+/**
+ * Extract Moodle plugin frankenstyle component name from version.php.
+ * Returns e.g. "local_middag", "mod_assign", or null if not found.
+ *
+ * @param {string} cwd - Directory to check (should be the Moodle plugin root)
+ * @returns {string|null} Frankenstyle component name
+ */
+export function detectMoodleComponent(cwd) {
+  const versionFile = join(cwd, "version.php");
+  if (!existsSync(versionFile)) return null;
+
+  try {
+    const content = readFileSync(versionFile, "utf-8");
+    const match = content.match(/\$plugin\s*->\s*component\s*=\s*['"]([^'"]+)['"]/);
+    return match ? match[1] : null;
+  } catch {
+    return null;
+  }
+}
+
 /**
  * Detect host platform by checking cwd and ancestor directories.
  *