chore: add Vite configuration and build scripts for multiple widgets

- Created Vite configuration files for the following widgets
- Events, Fieldset, Gallery, Google Tag, HTML Element, Image, Language Selector, Maps
- Markdown, Popup Menu, Progress Bar, Progress Circle, Range Slider, Rating
- Selection Helper, Skip Link, Slider, Switch, Timeline, Tooltip, Tree Node, and Video Player
- Updated package.json files to include new build scripts for Vite and benchmark scripts
- Added Vite as a dependency in the package.json files of the affected widgets.
- Adjusted SCSS imports in Range Slider to use relative paths.

Author: samuelreichert

packages/pluggableWidgets/accessibility-helper-web/package.json

@@ -26,7 +26,11 @@
         "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": "pnpm run build:vite:rollup",
+        "build:vite:rolldown": "VITE_RUNTIME_FORMAT=cjs pnpm --package=esbuild --package=rolldown-vite dlx vite build --config vite.config.js",
+        "build:vite:rollup": "vite build --config vite.config.js",
         "create-gh-release": "rui-create-gh-release",
         "create-translation": "rui-create-translation",
         "dev": "pluggable-widgets-tools start:ts",
@@ -49,6 +53,7 @@
         "@mendix/pluggable-widgets-tools": "*",
         "@mendix/prettier-config-web-widgets": "workspace:*",
         "@mendix/run-e2e": "workspace:*",
-        "@mendix/widget-plugin-platform": "workspace:*"
+        "@mendix/widget-plugin-platform": "workspace:*",
+        "vite": "^7.3.1"
     }
 }

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" });

packages/pluggableWidgets/accordion-web/package.json

@@ -27,7 +27,11 @@
         "branchName": "accordion-web"
     },
     "scripts": {
+        "benchmark:vite": "node ../../shared/vite-web-widgets/benchmark.js @mendix/accordion-web",
         "build": "pluggable-widgets-tools build:web",
+        "build:vite": "pnpm run build:vite:rollup",
+        "build:vite:rolldown": "VITE_RUNTIME_FORMAT=cjs pnpm --package=esbuild --package=rolldown-vite dlx vite build --config vite.config.js",
+        "build:vite:rollup": "vite build --config vite.config.js",
         "create-gh-release": "rui-create-gh-release",
         "create-translation": "rui-create-translation",
         "dev": "pluggable-widgets-tools start:web",
@@ -52,6 +56,7 @@
         "@mendix/prettier-config-web-widgets": "workspace:*",
         "@mendix/run-e2e": "workspace:*",
         "@mendix/widget-plugin-component-kit": "workspace:*",
-        "@mendix/widget-plugin-platform": "workspace:*"
+        "@mendix/widget-plugin-platform": "workspace:*",
+        "vite": "^7.3.1"
     }
 }

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" });

packages/pluggableWidgets/badge-button-web/package.json

@@ -26,7 +26,11 @@
         "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": "pnpm run build:vite:rollup",
+        "build:vite:rolldown": "VITE_RUNTIME_FORMAT=cjs pnpm --package=esbuild --package=rolldown-vite dlx vite build --config vite.config.js",
+        "build:vite:rollup": "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",
@@ -52,6 +56,7 @@
         "@mendix/prettier-config-web-widgets": "workspace:*",
         "@mendix/run-e2e": "workspace:*",
         "@mendix/widget-plugin-platform": "workspace:*",
-        "cross-env": "^7.0.3"
+        "cross-env": "^7.0.3",
+        "vite": "^7.3.1"
     }
 }

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" });

packages/pluggableWidgets/barcode-generator-web/package.json

@@ -27,7 +27,11 @@
         "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": "pnpm run build:vite:rollup",
+        "build:vite:rolldown": "VITE_RUNTIME_FORMAT=cjs pnpm --package=esbuild --package=rolldown-vite dlx vite build --config vite.config.js",
+        "build:vite:rollup": "vite build --config vite.config.js",
         "create-gh-release": "rui-create-gh-release",
         "create-translation": "rui-create-translation",
         "dev": "pluggable-widgets-tools start:web",
@@ -56,6 +60,7 @@
         "@mendix/widget-plugin-component-kit": "workspace:*",
         "@mendix/widget-plugin-platform": "workspace:*",
         "@mendix/widget-plugin-test-utils": "workspace:*",
-        "cross-env": "^7.0.3"
+        "cross-env": "^7.0.3",
+        "vite": "^7.3.1"
     }
 }

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" });

packages/pluggableWidgets/carousel-web/package.json

@@ -26,7 +26,11 @@
         "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": "pnpm run build:vite:rollup",
+        "build:vite:rolldown": "VITE_RUNTIME_FORMAT=cjs pnpm --package=esbuild --package=rolldown-vite dlx vite build --config vite.config.js",
+        "build:vite:rollup": "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",
@@ -53,6 +57,7 @@
         "@mendix/prettier-config-web-widgets": "workspace:*",
         "@mendix/run-e2e": "workspace:*",
         "@mendix/widget-plugin-platform": "workspace:*",
-        "cross-env": "^7.0.3"
+        "cross-env": "^7.0.3",
+        "vite": "^7.3.1"
     }
 }

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" });