create-middag-ui 0.26.0 → 0.26.2

package/cli.js

@@ -20,7 +20,7 @@
  */
 
 import { join } from "node:path";
-import { detectHost, detectMoodleComponent, HOSTS } from "./lib/detect.js";
+import { detectHost, detectMoodleComponent, detectPhpHost, HOSTS } from "./lib/detect.js";
 import { ask, confirm, select } from "./lib/prompts.js";
 import { runTokenFlow } from "./lib/auth.js";
 import {
@@ -92,6 +92,32 @@ if (hostKey) {
 
 const host = HOSTS[hostKey];
 
+// Custom host: probe for a PHP backend so the production build targets the
+// PHP doc-root (public/build) with a base-href that keeps lazy chunks resolving.
+let phpHost = null;
+if (hostKey === "custom") {
+  const php = detectPhpHost(cwd);
+  if (php && php.docRoot) {
+    const fwLabel = php.framework ? ` (${php.framework})` : "";
+    if (nonInteractive) {
+      phpHost = php;
+      success(`PHP host detected${fwLabel} → build to public/build (--yes mode)`);
+    } else {
+      const docRel = php.docRoot.replace(cwd, ".");
+      const ok = await confirm(
+        `PHP backend detected${fwLabel}. Build assets into ${docRel}/build?`,
+        true,
+      );
+      if (ok) {
+        phpHost = php;
+        success("Production build will target the PHP doc-root (public/build)");
+      } else {
+        info("Keeping generic custom build (../dist)");
+      }
+    }
+  }
+}
+
 // Moodle: detect frankenstyle component name (e.g. "local_middag", "mod_assign")
 let moodleComponent = null;
 if (hostKey === "moodle") {
@@ -249,7 +275,7 @@ if (isPro) {
 
 // Host-specific production files (entry, vite config, theme CSS)
 scaffoldHostEntry(targetDir, hostKey);
-scaffoldHostViteConfig(targetDir, hostKey, host, withLicensing);
+scaffoldHostViteConfig(targetDir, hostKey, host, withLicensing, phpHost);
 scaffoldHostThemeCSS(targetDir, hostKey, host);
 
 // Moodle-specific: AMD plugin + Moodle adapters (ajax, strings, notification)

package/lib/detect.js

@@ -113,3 +113,31 @@ export function detectHost(cwd) {
 
   return null;
 }
+
+/**
+ * Detect a PHP host and its doc-root, walking cwd + ancestors.
+ *
+ * Used to refine the 'custom' host: a PHP backend's production build must
+ * target the doc-root (public/build) with a proper base-href so lazy chunks
+ * resolve. PHP marker priority: composer.json (universal) → public/ doc-root;
+ * bin/console (Symfony) / artisan (Laravel) only refine the framework hint.
+ *
+ * @param {string} cwd - Directory the scaffold runs in (ui/ goes under here)
+ * @returns {{ lang: 'php', framework: string|null, appRoot: string, docRoot: string|null } | null}
+ */
+export function detectPhpHost(cwd) {
+  let dir = cwd;
+  for (let i = 0; i <= MAX_DEPTH; i++) {
+    if (existsSync(join(dir, "composer.json"))) {
+      const docRoot = existsSync(join(dir, "public")) ? join(dir, "public") : null;
+      let framework = null;
+      if (existsSync(join(dir, "artisan"))) framework = "laravel";
+      else if (existsSync(join(dir, "bin", "console"))) framework = "symfony";
+      return { lang: "php", framework, appRoot: dir, docRoot };
+    }
+    const parent = dirname(dir);
+    if (parent === dir) break;
+    dir = parent;
+  }
+  return null;
+}

package/lib/scaffold.js

@@ -8,7 +8,7 @@
  */
 
 import { existsSync, mkdirSync, readFileSync, writeFileSync } from "node:fs";
-import { basename, dirname, join } from "node:path";
+import { basename, dirname, join, relative } from "node:path";
 import { fileURLToPath } from "node:url";
 import { error, success, warn } from "./ui.js";
 
@@ -1435,7 +1435,7 @@ ${postMountCode}
  * @param {object} host - HOSTS[hostKey] object
  * @param {boolean} withLicensing - Whether to emit @middag-io/licensing delivery manifest plugin
  */
-export function scaffoldHostViteConfig(targetDir, hostKey, host, withLicensing = false) {
+export function scaffoldHostViteConfig(targetDir, hostKey, host, withLicensing = false, phpHost = null) {
   const filePath = join(targetDir, `vite.config.${hostKey}.ts`);
   const label = `vite.config.${hostKey}.ts`;
   if (skipIfExists(filePath, label)) return;
@@ -1524,10 +1524,58 @@ export default defineConfig({
     },
   },
 });
+`;
+    writeFile(filePath, content, label);
+    return;
+  } else if (hostKey === "custom" && phpHost && phpHost.docRoot) {
+    // PHP host: app-entry build into the doc-root. base:"/build/" scopes
+    // lazy-chunk import URLs (heavy blocks: ChartPanel, FormPanel, DateField)
+    // to where PHP serves /public/build — without it dynamic imports 404.
+    // entry-custom.tsx self-executes (registerDefaults + createInertiaApp), so
+    // this is an APP build (rollupOptions.input), NOT a library build.
+    const docRootName = basename(phpHost.docRoot);
+    const rel = relative(targetDir, join(phpHost.docRoot, "build")) || "../public/build";
+    const outDirExpr = `resolve(__dirname, ${JSON.stringify(rel)})`;
+    const content = `/**
+ * Vite build config for the custom host (PHP) — production build target.
+ *
+ * Builds src/entry-custom.tsx as an APP entry (self-executes: registerDefaults
+ * + createInertiaApp) so the bundle runs when the PHP shell loads
+ * \`<script type="module" src="/build/app.js">\`. base:"/build/" scopes lazy
+ * chunk import URLs to where the assets are served (${docRootName}/build).
+ *
+ * The dev server (\`npm run dev\`) uses vite.config.ts instead.
+ */
+import { defineConfig } from "vite";
+import react from "@vitejs/plugin-react";
+${licensingImport.trimEnd()}
+import { resolve } from "path";
+
+export default defineConfig({
+  plugins: [react()${licensingPluginEntry}],
+  define: { "process.env.NODE_ENV": JSON.stringify("production") },
+  resolve: { alias: { "@/": resolve(__dirname, "src") + "/" } },
+  base: "/build/",
+  build: {
+    outDir: ${outDirExpr},
+    emptyOutDir: true,
+    cssCodeSplit: false,
+    rollupOptions: {
+      input: resolve(__dirname, "src/entry-custom.tsx"),
+      output: {
+        entryFileNames: "app.js",
+        chunkFileNames: "[name]-[hash].js",
+        assetFileNames: (assetInfo) =>
+          assetInfo.name?.endsWith(".css") ? "style.css" : "[name]-[hash][extname]",
+      },
+    },
+  },
+});
 `;
     writeFile(filePath, content, label);
     return;
   } else {
+    // Generic custom (non-PHP) or PHP without a public/ doc-root — lib mode.
     outDir = `resolve(__dirname, "../dist")`;
     formats = `["es"]`;
     libName = `"MiddagUI"`;

package/package.json

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