create-middag-ui 0.23.0 → 0.24.0

package/lib/scaffold.js

@@ -160,8 +160,8 @@ export function scaffoldPackageJson(targetDir, host, cwd, registryPath, hostKey,
       "@types/react-dom": "^19.0.0",
       react: "^19.0.0",
       "react-dom": "^19.0.0",
-      "@inertiajs/react": "^2.0.0",
-      "@inertiajs/core": "^2.0.0",
+      "@inertiajs/react": "^3.0.0",
+      "@inertiajs/core": "^3.0.0",
       typescript: "^5.7.0",
       vite: "^6.0.0",
       "@vitejs/plugin-react": "^4.0.0",
@@ -526,8 +526,8 @@ export type { PageContract, BlockDescriptor, SharedProps } from "@middag-io/reac
  * Import order matters \u2014 this file is loaded AFTER @middag-io/react/style.css
  * so overrides here take precedence.
  *
- * \u2500\u2500 Built-in themes (PRO) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
- * PRO users: 4 built-in themes are imported in main.tsx:
+ * \u2500\u2500 Built-in themes \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
+ * classic ships with Community; PRO adds enterprise/soft/midnight (imported in main.tsx):
  *   classic (Maia) \u2014 default, warm neutral, shadcn/ui feel
  *   enterprise     \u2014 Jira/Linear, dense, corporate blue
  *   soft           \u2014 Notion/Craft, friendly, rose/pink
@@ -1959,7 +1959,7 @@ function readTemplate(relativePath) {
 // ── Shared: register, page-resolver, route helper, demo page ────────────
 
 /**
- * Scaffold FREE register: src/app/register.ts — minimal (5 blocks).
+ * Scaffold FREE register: src/app/register.ts — the 12 standard blocks.
  */
 export function scaffoldFreeRegister(targetDir) {
   ensureDir(join(targetDir, "src", "app"));

package/lib/scaffoldPRO.js

@@ -5,7 +5,7 @@
  * Only available when installed from GitHub Packages.
  *
  * Generates the extended mock harness (mock/, src/app/register.ts)
- * with 9+ blocks, extracted navigation/data/entities/routes files,
+ * with 19 blocks (12 standard + 7 premium), extracted navigation/data/entities/routes files,
  * and the slim app.tsx that delegates to mock/.
  */
 
@@ -51,10 +51,10 @@ function skipIfExists(filePath, label) {
   return false;
 }
 
-// ── 1. PRO register (9+ blocks) ────────────────────────────────────────
+// ── 1. PRO register (19 blocks) ────────────────────────────────────────
 
 /**
- * Scaffold `src/app/register.ts` — PRO version with 9+ blocks.
+ * Scaffold `src/app/register.ts` — PRO version with 19 blocks (12 standard + 7 premium).
  * Overrides any FREE register that may have been scaffolded.
  *
  * @param {string} targetDir - Absolute path to UI project root

package/lib/templates/pro/register-pro.ts

@@ -1,13 +1,13 @@
 /**
  * register — selective registration for this plugin's UI (PRO).
  *
- * Registers shells, layouts, blocks, cell renderers, form fields, and icons
- * that this plugin uses. All 13 standard blocks are included.
+ * Registers the 12 standard blocks (plus shells, layouts, cell renderers, form
+ * fields and icons) from @middag-io/react, then calls registerProDefaults()
+ * from @middag-io/react-pro to add the premium runtime: the rich ProductShell
+ * + chrome panels and the 7 interactive blocks (form_panel, chart_panel,
+ * kanban_board, flow_editor, form_builder, condition_tree, sentence_builder).
  *
- * Heavy lazy-loaded blocks (chart_panel, kanban_board, flow_editor,
- * form_builder, condition_tree, sentence_builder) are NOT included here.
- * To use them, import via deep path and registerBlock() individually,
- * or call registerDefaults() from @middag-io/react instead.
+ * Total: 19 blocks (12 standard + 7 premium).
  *
  * Full catalog: https://docs.middag.io/blocks
  */
@@ -20,20 +20,18 @@ import {
   registerDefaultFields,
   registerDefaultIcons,
   // Shells
-  ProductShell,
   ImmersiveShell,
   // Layouts
   StackLayout,
   SidebarLayout,
   DashboardLayout,
   WizardLayout,
-  // Blocks (all 13 standard barrel exports)
+  // Blocks (the 12 standard barrel exports)
   DenseTableBlock,
   MetricCardBlock,
   EmptyStateBlock,
   DetailPanelBlock,
   StatusStripBlock,
-  FormPanelBlock,
   TabbedPanelBlock,
   ActivityTimelineBlock,
   WorkflowProgressBlock,
@@ -42,6 +40,7 @@ import {
   ActionGridBlock,
   LinkListBlock,
 } from "@middag-io/react";
+import { registerProDefaults } from "@middag-io/react-pro/runtime";
 
 let registered = false;
 
@@ -49,8 +48,7 @@ export function registerDefaults(): void {
   if (registered) return;
   registered = true;
 
-  // Shells
-  registerShell("product", ProductShell);
+  // Shells — the rich "product" shell is registered by registerProDefaults() below.
   registerShell("immersive", ImmersiveShell);
 
   // Layouts
@@ -59,14 +57,12 @@ export function registerDefaults(): void {
   registerLayout("dashboard", DashboardLayout);
   registerLayout("wizard", WizardLayout);
 
-  // Blocks — all 13 standard blocks from the barrel
-  // See: https://docs.middag.io/blocks for the full catalog
+  // Blocks — the 12 standard blocks from the barrel
   registerBlock("dense_table", DenseTableBlock);
   registerBlock("metric_card", MetricCardBlock);
   registerBlock("empty_state", EmptyStateBlock);
   registerBlock("detail_panel", DetailPanelBlock);
   registerBlock("status_strip", StatusStripBlock);
-  registerBlock("form_panel", FormPanelBlock);
   registerBlock("tabbed_panel", TabbedPanelBlock);
   registerBlock("activity_timeline", ActivityTimelineBlock);
   registerBlock("workflow_progress", WorkflowProgressBlock);
@@ -75,7 +71,7 @@ export function registerDefaults(): void {
   registerBlock("action_grid", ActionGridBlock);
   registerBlock("link_list", LinkListBlock);
 
-  // Cell renderers (status, timestamp, link, boolean, rich_status, etc.)
+  // Cell renderers (status, timestamp, link, boolean, etc.)
   registerDefaultCells();
 
   // Form field components (text, select, switch, entity_picker, etc.)
@@ -83,4 +79,8 @@ export function registerDefaults(): void {
 
   // Icons (navigation, block, entity type icons)
   registerDefaultIcons();
+
+  // Premium runtime — the rich ProductShell + chrome and the 7 interactive
+  // blocks. Ships in @middag-io/react-pro (GitHub Packages, PRO tier).
+  registerProDefaults();
 }

package/lib/templates/shared/register-free.ts

@@ -2,7 +2,7 @@
  * register — registration for this plugin's UI.
  *
  * Registers the 12 standard blocks plus shells, layouts, cell renderers, form
- * fields and icons. The 7 premium/interactive blocks (form_panel, chart_panel,
+ * fields and icons. The 7 Pro/interactive blocks (form_panel, chart_panel,
  * kanban_board, flow_editor, form_builder, condition_tree, sentence_builder)
  * ship in @middag-io/react-pro and register via its registerProDefaults().
  *
@@ -48,7 +48,7 @@ export function registerDefaults(): void {
   registered = true;
 
   // Shells — BasicShell (free) handles the "product" shell key used by pages.
-  // The premium ProductShell ships in @middag-io/react-pro.
+  // The Pro ProductShell ships in @middag-io/react-pro.
   registerShell("product", BasicShell);
   registerShell("immersive", ImmersiveShell);
 

package/package.json

@@ -1,8 +1,11 @@
 {
   "name": "create-middag-ui",
-  "version": "0.23.0",
+  "version": "0.24.0",
   "type": "module",
   "description": "Bootstrap a MIDDAG React UI layer in your Moodle or WordPress plugin",
+  "scripts": {
+    "test": "vitest run"
+  },
   "bin": {
     "create-middag-ui": "cli.js"
   },