mendix · samuelreichert · Mar 3, 2026 · Mar 3, 2026 · Mar 3, 2026 · Mar 3, 2026
@@ -24,7 +24,8 @@
     },
     "devDependencies": {
         "husky": "^8.0.3",
-        "turbo": "^2.5.4"
+        "turbo": "^2.5.4",
+        "vite": "^7.3.1"
     },
     "prettier": "@mendix/prettier-config-web-widgets",
     "packageManager": "pnpm@10.28.2+sha512.41872f037ad22f7348e3b1debbaf7e867cfd448f2726d9cf74c08f19507c31d2c8e7a11525b983febc2df640b5438dee6023ebb1f84ed43cc2d654d2bc326264",
@@ -72,7 +73,8 @@
             "react-dom": ">=18.0.0 <19.0.0",
             "rollup": "catalog:",
             "ts-node": "10.9.2",
-            "typescript": ">5.8.0"
+            "typescript": ">5.8.0",
+            "vite>rollup": "^4.59.0"
         },
         "patchedDependencies": {
             "mime-types": "patches/mime-types.patch",

@@ -26,7 +26,9 @@
         "branchName": "accessibility-helper-web"
     },
     "scripts": {
+        "benchmark:vite": "node ../../shared/vite-web-widgets/benchmark.js @mendix/accessibility-helper-web",
         "build": "pluggable-widgets-tools build:ts",
+        "build:vite": "vite build --config vite.config.js",
         "create-gh-release": "rui-create-gh-release",
         "create-translation": "rui-create-translation",
         "dev": "pluggable-widgets-tools start:ts",

diff --git a/packages/pluggableWidgets/accessibility-helper-web/vite.config.js b/packages/pluggableWidgets/accessibility-helper-web/vite.config.js
@@ -0,0 +1,3 @@
+import createWidgetViteConfig from "@mendix/vite-web-widgets/vite.config";
+
+export default createWidgetViteConfig({ widgetName: "AccessibilityHelper" });
@@ -27,7 +27,9 @@
         "branchName": "accordion-web"
     },
     "scripts": {
+        "benchmark:vite": "node ../../shared/vite-web-widgets/benchmark.js @mendix/accordion-web",
         "build": "pluggable-widgets-tools build:web",
+        "build:vite": "vite build --config vite.config.js",
         "create-gh-release": "rui-create-gh-release",
         "create-translation": "rui-create-translation",
         "dev": "pluggable-widgets-tools start:web",

diff --git a/packages/pluggableWidgets/accordion-web/vite.config.js b/packages/pluggableWidgets/accordion-web/vite.config.js
@@ -0,0 +1,3 @@
+import createWidgetViteConfig from "@mendix/vite-web-widgets/vite.config";
+
+export default createWidgetViteConfig({ widgetName: "Accordion" });
@@ -26,7 +26,9 @@
         "branchName": "area-chart-web"
     },
     "scripts": {
+        "benchmark:vite": "node ../../shared/vite-web-widgets/benchmark.js @mendix/area-chart-web",
         "build": "pluggable-widgets-tools build:ts",
+        "build:vite": "vite build --config vite.config.js",
         "create-translation": "rui-create-translation",
         "dev": "pluggable-widgets-tools start:web",
         "format": "prettier --ignore-path ./node_modules/@mendix/prettier-config-web-widgets/global-prettierignore --write .",

diff --git a/packages/pluggableWidgets/area-chart-web/vite.config.js b/packages/pluggableWidgets/area-chart-web/vite.config.js
@@ -0,0 +1,3 @@
+import createWidgetViteConfig from "@mendix/vite-web-widgets/vite.config";
+
+export default createWidgetViteConfig({ widgetName: "AreaChart" });
@@ -26,7 +26,9 @@
         "branchName": "badge-button-web"
     },
     "scripts": {
+        "benchmark:vite": "node ../../shared/vite-web-widgets/benchmark.js @mendix/badge-button-web",
         "build": "cross-env MPKOUTPUT=BadgeButton.mpk pluggable-widgets-tools build:ts",
+        "build:vite": "vite build --config vite.config.js",
         "create-gh-release": "rui-create-gh-release",
         "create-translation": "rui-create-translation",
         "dev": "cross-env MPKOUTPUT=BadgeButton.mpk pluggable-widgets-tools start:ts",

diff --git a/packages/pluggableWidgets/badge-button-web/vite.config.js b/packages/pluggableWidgets/badge-button-web/vite.config.js
@@ -0,0 +1,3 @@
+import createWidgetViteConfig from "@mendix/vite-web-widgets/vite.config";
+
+export default createWidgetViteConfig({ widgetName: "BadgeButton" });
@@ -26,7 +26,9 @@
         "branchName": "badge-web"
     },
     "scripts": {
+        "benchmark:vite": "node ../../shared/vite-web-widgets/benchmark.js @mendix/badge-web",
         "build": "cross-env MPKOUTPUT=Badge.mpk pluggable-widgets-tools build:web",
+        "build:vite": "vite build --config vite.config.js",
         "create-gh-release": "rui-create-gh-release",
         "create-translation": "rui-create-translation",
         "dev": "cross-env MPKOUTPUT=Badge.mpk pluggable-widgets-tools start:web",
@@ -52,6 +54,7 @@
         "@mendix/prettier-config-web-widgets": "workspace:*",
         "@mendix/run-e2e": "workspace:^*",
         "@mendix/widget-plugin-platform": "workspace:*",
+        "archiver": "^6.0.0",
         "cross-env": "^7.0.3"
     }
 }
diff --git a/packages/pluggableWidgets/badge-web/vite.config.js b/packages/pluggableWidgets/badge-web/vite.config.js
@@ -0,0 +1,3 @@
+import createWidgetViteConfig from "@mendix/vite-web-widgets/vite.config";
+
+export default createWidgetViteConfig({ widgetName: "Badge" });
@@ -26,7 +26,9 @@
         "branchName": "bar-chart-web"
     },
     "scripts": {
+        "benchmark:vite": "node ../../shared/vite-web-widgets/benchmark.js @mendix/bar-chart-web",
         "build": "pluggable-widgets-tools build:ts",
+        "build:vite": "vite build --config vite.config.js",
         "create-translation": "rui-create-translation",
         "dev": "pluggable-widgets-tools start:web",
         "format": "prettier --ignore-path ./node_modules/@mendix/prettier-config-web-widgets/global-prettierignore --write .",

diff --git a/packages/pluggableWidgets/bar-chart-web/vite.config.js b/packages/pluggableWidgets/bar-chart-web/vite.config.js
@@ -0,0 +1,3 @@
+import createWidgetViteConfig from "@mendix/vite-web-widgets/vite.config";
+
+export default createWidgetViteConfig({ widgetName: "BarChart" });
@@ -27,7 +27,9 @@
         "branchName": "barcode-generator-web"
     },
     "scripts": {
+        "benchmark:vite": "node ../../shared/vite-web-widgets/benchmark.js @mendix/barcode-generator-web",
         "build": "pluggable-widgets-tools build:web",
+        "build:vite": "vite build --config vite.config.js",
         "create-gh-release": "rui-create-gh-release",
         "create-translation": "rui-create-translation",
         "dev": "pluggable-widgets-tools start:web",

diff --git a/packages/pluggableWidgets/barcode-generator-web/vite.config.js b/packages/pluggableWidgets/barcode-generator-web/vite.config.js
@@ -0,0 +1,3 @@
+import createWidgetViteConfig from "@mendix/vite-web-widgets/vite.config";
+
+export default createWidgetViteConfig({ widgetName: "BarcodeGenerator" });
@@ -26,7 +26,9 @@
         "branchName": "barcode-scanner-web"
     },
     "scripts": {
+        "benchmark:vite": "node ../../shared/vite-web-widgets/benchmark.js @mendix/barcode-scanner-web",
         "build": "pluggable-widgets-tools build:web",
+        "build:vite": "vite build --config vite.config.js",
         "create-gh-release": "rui-create-gh-release",
         "create-translation": "rui-create-translation",
         "dev": "pluggable-widgets-tools start:web",

diff --git a/packages/pluggableWidgets/barcode-scanner-web/vite.config.js b/packages/pluggableWidgets/barcode-scanner-web/vite.config.js
@@ -0,0 +1,3 @@
+import createWidgetViteConfig from "@mendix/vite-web-widgets/vite.config";
+
+export default createWidgetViteConfig({ widgetName: "BarcodeScanner" });
@@ -26,7 +26,9 @@
         "branchName": "bubble-chart-web"
     },
     "scripts": {
+        "benchmark:vite": "node ../../shared/vite-web-widgets/benchmark.js @mendix/bubble-chart-web",
         "build": "pluggable-widgets-tools build:ts",
+        "build:vite": "vite build --config vite.config.js",
         "create-translation": "rui-create-translation",
         "dev": "pluggable-widgets-tools start:web",
         "format": "prettier --ignore-path ./node_modules/@mendix/prettier-config-web-widgets/global-prettierignore --write .",

diff --git a/packages/pluggableWidgets/bubble-chart-web/vite.config.js b/packages/pluggableWidgets/bubble-chart-web/vite.config.js
@@ -0,0 +1,3 @@
+import createWidgetViteConfig from "@mendix/vite-web-widgets/vite.config";
+
+export default createWidgetViteConfig({ widgetName: "BubbleChart" });
@@ -26,7 +26,9 @@
         "branchName": "calendar-web"
     },
     "scripts": {
+        "benchmark:vite": "node ../../shared/vite-web-widgets/benchmark.js @mendix/calendar-web",
         "build": "cross-env MPKOUTPUT=Calendar.mpk pluggable-widgets-tools build:web",
+        "build:vite": "vite build --config vite.config.js",
         "create-gh-release": "rui-create-gh-release",
         "create-translation": "rui-create-translation",
         "dev": "cross-env MPKOUTPUT=Calendar.mpk pluggable-widgets-tools start:web",

diff --git a/packages/pluggableWidgets/calendar-web/vite.config.js b/packages/pluggableWidgets/calendar-web/vite.config.js
@@ -0,0 +1,3 @@
+import createWidgetViteConfig from "@mendix/vite-web-widgets/vite.config";
+
+export default createWidgetViteConfig({ widgetName: "Calendar" });
@@ -26,7 +26,9 @@
         "branchName": "carousel-web"
     },
     "scripts": {
+        "benchmark:vite": "node ../../shared/vite-web-widgets/benchmark.js @mendix/carousel-web",
         "build": "cross-env MPKOUTPUT=Carousel.mpk pluggable-widgets-tools build:web",
+        "build:vite": "vite build --config vite.config.js",
         "create-gh-release": "rui-create-gh-release",
         "create-translation": "rui-create-translation",
         "dev": "cross-env MPKOUTPUT=Carousel.mpk pluggable-widgets-tools start:web",

diff --git a/packages/pluggableWidgets/carousel-web/vite.config.js b/packages/pluggableWidgets/carousel-web/vite.config.js
@@ -0,0 +1,3 @@
+import createWidgetViteConfig from "@mendix/vite-web-widgets/vite.config";
+
+export default createWidgetViteConfig({ widgetName: "Carousel" });
@@ -26,7 +26,9 @@
         "branchName": "chart-playground-web"
     },
     "scripts": {
+        "benchmark:vite": "node ../../shared/vite-web-widgets/benchmark.js @mendix/chart-playground-web",
         "build": "pluggable-widgets-tools build:web",
+        "build:vite": "vite build --config vite.config.js",
         "create-gh-release": "rui-create-gh-release",
         "create-translation": "rui-create-translation",
         "dev": "pluggable-widgets-tools start:web",

diff --git a/packages/pluggableWidgets/chart-playground-web/vite.config.js b/packages/pluggableWidgets/chart-playground-web/vite.config.js
@@ -0,0 +1,3 @@
+import createWidgetViteConfig from "@mendix/vite-web-widgets/vite.config";
+
+export default createWidgetViteConfig({ widgetName: "ChartPlayground" });
@@ -30,8 +30,10 @@
         "branchName": "checkbox-radio-selection-web"
     },
     "scripts": {
+        "benchmark:vite": "node ../../shared/vite-web-widgets/benchmark.js @mendix/checkbox-radio-selection-web",
         "prebuild": "rui-create-translation",
         "build": "pluggable-widgets-tools build:web",
+        "build:vite": "vite build --config vite.config.js",
         "create-gh-release": "rui-create-gh-release",
         "create-translation": "rui-create-translation",
         "dev": "pluggable-widgets-tools start:web",

diff --git a/packages/pluggableWidgets/checkbox-radio-selection-web/vite.config.js b/packages/pluggableWidgets/checkbox-radio-selection-web/vite.config.js
@@ -0,0 +1,3 @@
+import createWidgetViteConfig from "@mendix/vite-web-widgets/vite.config";
+
+export default createWidgetViteConfig({ widgetName: "CheckboxRadioSelection" });
@@ -27,7 +27,9 @@
         "branchName": "color-picker-web"
     },
     "scripts": {
+        "benchmark:vite": "node ../../shared/vite-web-widgets/benchmark.js @mendix/color-picker-web",
         "build": "cross-env MPKOUTPUT=ColorPicker.mpk pluggable-widgets-tools build:web",
+        "build:vite": "vite build --config vite.config.js",
         "create-gh-release": "rui-create-gh-release",
         "create-translation": "rui-create-translation",
         "dev": "cross-env MPKOUTPUT=ColorPicker.mpk pluggable-widgets-tools start:web",

diff --git a/packages/pluggableWidgets/color-picker-web/vite.config.js b/packages/pluggableWidgets/color-picker-web/vite.config.js
@@ -0,0 +1,3 @@
+import createWidgetViteConfig from "@mendix/vite-web-widgets/vite.config";
+
+export default createWidgetViteConfig({ widgetName: "ColorPicker" });
@@ -26,7 +26,9 @@
         "branchName": "column-chart-web"
     },
     "scripts": {
+        "benchmark:vite": "node ../../shared/vite-web-widgets/benchmark.js @mendix/column-chart-web",
         "build": "pluggable-widgets-tools build:ts",
+        "build:vite": "vite build --config vite.config.js",
         "create-translation": "rui-create-translation",
         "dev": "pluggable-widgets-tools start:web",
         "e2e": "run-e2e ci",

diff --git a/packages/pluggableWidgets/column-chart-web/vite.config.js b/packages/pluggableWidgets/column-chart-web/vite.config.js
@@ -0,0 +1,3 @@
+import createWidgetViteConfig from "@mendix/vite-web-widgets/vite.config";
+
+export default createWidgetViteConfig({ widgetName: "ColumnChart" });
@@ -30,8 +30,10 @@
         "branchName": "combobox-web"
     },
     "scripts": {
+        "benchmark:vite": "node ../../shared/vite-web-widgets/benchmark.js @mendix/combobox-web",
         "prebuild": "rui-create-translation",
         "build": "pluggable-widgets-tools build:web",
+        "build:vite": "vite build --config vite.config.js",
         "create-gh-release": "rui-create-gh-release",
         "create-translation": "rui-create-translation",
         "dev": "pluggable-widgets-tools start:web",

diff --git a/packages/pluggableWidgets/combobox-web/vite.config.js b/packages/pluggableWidgets/combobox-web/vite.config.js
@@ -0,0 +1,3 @@
+import createWidgetViteConfig from "@mendix/vite-web-widgets/vite.config";
+
+export default createWidgetViteConfig({ widgetName: "Combobox" });
@@ -29,7 +29,9 @@
         "branchName": "custom-chart-web"
     },
     "scripts": {
+        "benchmark:vite": "node ../../shared/vite-web-widgets/benchmark.js @mendix/custom-chart-web",
         "build": "cross-env NODE_OPTIONS=--max-old-space-size=8192 pluggable-widgets-tools build:web",
+        "build:vite": "vite build --config vite.config.js",
         "create-gh-release": "rui-create-gh-release",
         "dev": "pluggable-widgets-tools start:web",
         "e2e": "echo 'FIXME: Finish custom-chart-web e2e test migration'",

diff --git a/packages/pluggableWidgets/custom-chart-web/vite.config.js b/packages/pluggableWidgets/custom-chart-web/vite.config.js
@@ -0,0 +1,3 @@
+import createWidgetViteConfig from "@mendix/vite-web-widgets/vite.config";
+
+export default createWidgetViteConfig({ widgetName: "CustomChart" });
@@ -26,7 +26,9 @@
         "branchName": "datagrid-date-filter-web/data-widgets-3.0"
     },
     "scripts": {
+        "benchmark:vite": "node ../../shared/vite-web-widgets/benchmark.js @mendix/datagrid-date-filter-web",
         "build": "pluggable-widgets-tools build:ts",
+        "build:vite": "vite build --config vite.config.js",
         "create-translation": "rui-create-translation",
         "dev": "pluggable-widgets-tools start:ts",
         "e2e": "run-e2e ci",

diff --git a/packages/pluggableWidgets/datagrid-date-filter-web/vite.config.js b/packages/pluggableWidgets/datagrid-date-filter-web/vite.config.js
@@ -0,0 +1,3 @@
+import createWidgetViteConfig from "@mendix/vite-web-widgets/vite.config";
+
+export default createWidgetViteConfig({ widgetName: "DatagridDateFilter" });
@@ -26,7 +26,9 @@
         "branchName": "datagrid-dropdown-filter-web/dw3.0-dropdown-rework"
     },
     "scripts": {
+        "benchmark:vite": "node ../../shared/vite-web-widgets/benchmark.js @mendix/datagrid-dropdown-filter-web",
         "build": "pluggable-widgets-tools build:ts",
+        "build:vite": "vite build --config vite.config.js",
         "create-translation": "rui-create-translation",
         "dev": "pluggable-widgets-tools start:ts",
         "e2e": "run-e2e ci",

diff --git a/packages/pluggableWidgets/datagrid-dropdown-filter-web/vite.config.js b/packages/pluggableWidgets/datagrid-dropdown-filter-web/vite.config.js
@@ -0,0 +1,3 @@
+import createWidgetViteConfig from "@mendix/vite-web-widgets/vite.config";
+
+export default createWidgetViteConfig({ widgetName: "DatagridDropdownFilter" });
@@ -26,7 +26,9 @@
         "branchName": "datagrid-number-filter-web/data-widgets-3.0"
     },
     "scripts": {
+        "benchmark:vite": "node ../../shared/vite-web-widgets/benchmark.js @mendix/datagrid-number-filter-web",
         "build": "pluggable-widgets-tools build:ts",
+        "build:vite": "vite build --config vite.config.js",
         "create-translation": "rui-create-translation",
         "dev": "pluggable-widgets-tools start:ts",
         "e2e": "run-e2e ci",

diff --git a/packages/pluggableWidgets/datagrid-number-filter-web/vite.config.js b/packages/pluggableWidgets/datagrid-number-filter-web/vite.config.js
@@ -0,0 +1,3 @@
+import createWidgetViteConfig from "@mendix/vite-web-widgets/vite.config";
+
+export default createWidgetViteConfig({ widgetName: "DatagridNumberFilter" });
@@ -26,7 +26,9 @@
         "branchName": "datagrid-text-filter-web/data-widgets-3.0"
     },
     "scripts": {
+        "benchmark:vite": "node ../../shared/vite-web-widgets/benchmark.js @mendix/datagrid-text-filter-web",
         "build": "pluggable-widgets-tools build:ts",
+        "build:vite": "vite build --config vite.config.js",
         "create-translation": "rui-create-translation",
         "dev": "pluggable-widgets-tools start:ts",
         "e2e": "run-e2e ci",

diff --git a/packages/pluggableWidgets/datagrid-text-filter-web/vite.config.js b/packages/pluggableWidgets/datagrid-text-filter-web/vite.config.js
@@ -0,0 +1,3 @@
+import createWidgetViteConfig from "@mendix/vite-web-widgets/vite.config";
+
+export default createWidgetViteConfig({ widgetName: "DatagridTextFilter" });
@@ -26,7 +26,9 @@
         "branchName": "datagrid-web/data-widgets-3.0"
     },
     "scripts": {
+        "benchmark:vite": "node ../../shared/vite-web-widgets/benchmark.js @mendix/datagrid-web",
         "build": "pluggable-widgets-tools build:ts",
+        "build:vite": "vite build --config vite.config.js",
         "create-translation": "rui-create-translation",
         "dev": "pluggable-widgets-tools start:ts",
         "e2e": "run-e2e ci",
@@ -63,6 +65,7 @@
         "@mendix/pluggable-widgets-tools": "*",
         "@mendix/prettier-config-web-widgets": "workspace:*",
         "@mendix/run-e2e": "workspace:*",
-        "@mendix/widget-plugin-test-utils": "workspace:*"
+        "@mendix/widget-plugin-test-utils": "workspace:*",
+        "archiver": "^6.0.0"
     }
 }
@@ -1,6 +1,6 @@
 import { isAvailable } from "@mendix/widget-plugin-platform/framework/is-available";
 import Big from "big.js";
-import { DynamicValue, ListValue, ObjectItem, ValueStatus } from "mendix";
+import { DynamicValue, ListValue, ObjectItem } from "mendix";
 import { createNanoEvents, Emitter, Unsubscribe } from "nanoevents";
 import { ColumnsType, ShowContentAsEnum } from "../../../typings/DatagridProps";
 
@@ -30,6 +30,8 @@ type ReadersByType = Record<ShowContentAsEnum, ValueReader>;
 type RowReader = (item: ObjectItem) => RowData;
 
 type ColumnReader = (props: ColumnsType) => HeaderDefinition;
+type GetterStatus = { status: string };
+type ValueGetter = { get: (item: unknown) => GetterStatus };
 
 interface ExportRequestEvents {
     /** Emitted once when request is started. */
@@ -67,7 +69,7 @@ export class DSExportRequest {
     private totalCount: number | undefined = undefined;
     private shouldSendHeaders = false;
     private emitter: Emitter<ExportRequestEvents>;
-    private getters: Array<{ get: (item: unknown) => { status: ValueStatus } }> = [];
+    private getters: ValueGetter[] = [];
     private readController: AbortController | undefined;
 
     constructor(params: RequestParams) {
@@ -248,15 +250,14 @@ export class DSExportRequest {
         this.emitter.events = {};
     }
 
-    private getGetters(columns: ColumnsType[]): Array<{ get: (item: unknown) => { status: ValueStatus } }> {
+    private getGetters(columns: ColumnsType[]): ValueGetter[] {
         return columns.map(col => {
-            let prop =
-                col.showContentAs === "attribute"
-                    ? col.attribute
-                    : col.showContentAs === "dynamicText"
-                      ? col.dynamicText
-                      : col.exportValue;
-            prop ??= { get: () => ({ status: ValueStatus.Available, value: "n/a" }) };
+            const prop = (col.showContentAs === "attribute"
+                ? col.attribute
+                : col.showContentAs === "dynamicText"
+                  ? col.dynamicText
+                  : col.exportValue) ?? { get: () => ({ status: "available", value: "n/a" }) };
+
             return prop;
         });
     }
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,3 @@
		import createWidgetViteConfig from "@mendix/vite-web-widgets/vite.config";

		export default createWidgetViteConfig({ widgetName: "AccessibilityHelper" });