more

Author: CamDavidsonPilon

CHANGELOG.md

@@ -1,3 +1,10 @@
+### Upcoming
+
+#### Enhancements
+
+ - Bump to React 19.x, and new vite build system.
+
+
 ### 26.6.0
 
 #### Breaking changes

frontend/AGENTS.md

@@ -4,7 +4,7 @@
 
 *   **Development Workflow**: The README describes how to run the project in development (`npm run start`) or build for production (`npm run build`).
 
-*   **Build Configuration**: `package.json` lists dependencies such as React 18, Material-UI, mqtt.js, js-yaml, etc., along with scripts for starting, building, linting, and testing the app.
+*   **Build Configuration**: `package.json` lists dependencies such as React 19, Material-UI, mqtt.js, js-yaml, etc., along with scripts for starting, building, linting, and testing the app.
 
 *   **Main Application**: `App.jsx` sets up Material-UI theming and React Router routes for pages like `/overview`, `/pioreactors`, `/export-data`, `/plugins`, and more.
 

frontend/vite.config.js

@@ -6,11 +6,12 @@ function transformJsFilesWithJsx() {
     name: "transform-js-files-with-jsx",
     enforce: "pre",
     async transform(code, id) {
-      if (!/src\/.*\.js$/.test(id)) {
+      const filePath = id.split("?")[0];
+      if (!/src\/.*\.js$/.test(filePath)) {
         return null;
       }
 
-      return transformWithEsbuild(code, id, {
+      return transformWithEsbuild(code, filePath, {
         loader: "jsx",
         jsx: "automatic",
       });