mpx - bundling with rolldown

packages/mpx/.gitignore

@@ -0,0 +1,2 @@
+box
+input

packages/mpx/.prettierignore

@@ -0,0 +1,9 @@
+packages/generator-widget/generators/app/templates/packages/__tests__/outputs/
+packages/generator-widget/generators/app/templates/**/*.ejs
+packages/pluggable-widgets-tools/tests/projects
+*.png
+*.svg
+*.snap
+**/dist
+.idea
+.vscodepnpm-lock.yaml

packages/mpx/.prettierrc.cjs

@@ -0,0 +1,14 @@
+module.exports = {
+  trailingComma: "none",
+  useTabs: false,
+  tabWidth: 4,
+  semi: true,
+  singleQuote: false,
+  printWidth: 120,
+  bracketSpacing: true,
+  bracketSameLine: false,
+  arrowParens: "avoid",
+  proseWrap: "always",
+  xmlSelfClosingSpace: true,
+  xmlWhitespaceSensitivity: "ignore",
+};

packages/mpx/README.md

@@ -0,0 +1,61 @@
+## mpx
+
+Building widgets with rolldown
+
+> NOTE: This tool in alpha
+
+## Getting started
+
+### 1. Create tarball
+
+Let's assume you cloned this repo to `~/code/widgets-tools`
+
+1. `$ cd ~/code/widgets-tools/packages/mpx`
+2. `$ pnpm install`
+3. `$ pnpm pack` to create tarball
+
+### 2. Install to widget
+
+with `npm`
+
+> `$ npm install ~/code/mpx/mendix-mpx-0-y-z.tgz`
+
+with `pnpm`
+
+> `pnpm install <path>/mpx/mendix-mpx-0-y-z.tgz`
+
+### 3. Change scripts
+
+In your `package.json`
+
+```diff
+- "build": "pluggable-widgets-tools build:web"
++ "build": "mpx"
+```
+
+and
+
+```diff
+- "start": "pluggable-widgets-tools start:server"
++ "start": "mpx -w"
+```
+
+## Usage
+
+```
+mpx/0.1.0
+
+Usage:
+  $ mpx [options] [dir]
+
+Build the widget in the specified directory. If the directory is omitted, use the current directory.
+
+Options:
+  -w, --watch                watch for changes and rebuild (default: false)
+  -m, --minify               minify the output (this option is 'on' in CI environment) (default: false)
+  -p, --platform <platform>  build platform (web or node) (default: web)
+  --show-config              print project config and exit (default: false)
+  -h, --help                 Display this message
+  -v, --version              Display version number
+
+```

packages/mpx/bin/mpx.js

@@ -0,0 +1,3 @@
+#!/usr/bin/env node
+
+import "../dist/mpx.js";

packages/mpx/package.json

@@ -0,0 +1,61 @@
+{
+    "name": "@mendix/mpx",
+    "version": "0.1.0",
+    "description": "Mendix tool for bundling pluggable widgets",
+    "type": "module",
+    "bin": {
+        "mpx": "./bin/mpx.js"
+    },
+    "files": [
+        "bin",
+        "dist"
+    ],
+    "scripts": {
+        "test": "echo 'test is missing'",
+        "dev": "premove dist && rolldown -c rolldown.config.ts -w",
+        "build": "premove dist && rolldown -c rolldown.config.ts",
+        "prepack": "pnpm build"
+    },
+    "keywords": [
+        "mendix",
+        "cli",
+        "widgets",
+        "tool"
+    ],
+    "author": "",
+    "license": "Apache-2.0",
+    "packageManager": "pnpm@10.13.1+sha512.37ebf1a5c7a30d5fabe0c5df44ee8da4c965ca0c5af3dbab28c3a1681b70a256218d05c81c9c0dcf767ef6b8551eb5b960042b9ed4300c59242336377e01cfad",
+    "devDependencies": {
+        "@tsconfig/node22": "^22.0.2",
+        "@types/node": "^24.0.13",
+        "@types/postcss-import": "^14.0.3",
+        "@types/postcss-url": "^10.0.4",
+        "cac": "^6.7.14",
+        "chokidar": "^4.0.3",
+        "consola": "^3.4.2",
+        "dotenv": "^17.2.0",
+        "fast-glob": "^3.3.3",
+        "filesize": "^11.0.1",
+        "picocolors": "^1.1.1",
+        "premove": "^4.0.0",
+        "prettier": "^3.6.2",
+        "pretty-ms": "^9.2.0",
+        "rolldown": "1.0.0-beta.26",
+        "signal-exit": "^4.1.0",
+        "typescript": "^5.8.3",
+        "zip-a-folder": "^3.1.9",
+        "zod": "^4.0.5"
+    },
+    "dependencies": {
+        "@rollup/plugin-image": "^3.0.3",
+        "@rollup/plugin-url": "^8.0.2",
+        "postcss": "^8.5.6",
+        "postcss-import": "^16.1.1",
+        "postcss-url": "^10.1.3",
+        "rolldown": "1.0.0-beta.26",
+        "rollup-plugin-license": "^3.6.0",
+        "rollup-plugin-postcss": "^4.0.2",
+        "sass": "^1.89.2",
+        "xml2js": "^0.6.2"
+    }
+}