Upgrade to vite 8

bundlewatch.config.json

@@ -2,7 +2,7 @@
   "files": [
     {
       "path": "dist/mirador.min.js",
-      "maxSize": "700 KB"
+      "maxSize": "710 kB"
     }
   ]
 }

eslint.config.js

@@ -75,7 +75,7 @@ export default [
       'import/no-duplicates': 'error',
       'import/no-extraneous-dependencies': 'off',
       'import/no-mutable-exports': 'error',
-      'import/no-unresolved': [2, { ignore: ['test-utils', '@vitejs/plugin-react'] }],
+      'import/no-unresolved': [2, { ignore: ['test-utils', '@vitejs/plugin-react', 'vite'] }],
       'import/prefer-default-export': 'off',
       'max-depth': ['warn', 4],
       'max-params': ['warn', 5],

netlify.toml

@@ -5,10 +5,10 @@
   publish = "dist/"
 
 [context.main.environment]
-  NODE_VERSION = "20.18.1"
+  NODE_VERSION = "22.12.0"
 
 [context.deploy-preview.environment]
-  NODE_VERSION = "20.18.1"
+  NODE_VERSION = "22.12.0"
 
 [[redirects]]
   from = "/"
@@ -18,4 +18,4 @@
 [[redirects]]
   from = "/:page"
   to = "/demo/:page"
-  status = 200
+  status = 200

package.json

@@ -91,7 +91,7 @@
     "@testing-library/jest-dom": "^6.1.5",
     "@testing-library/react": "^16.3.2",
     "@testing-library/user-event": "^14.4.3",
-    "@vitejs/plugin-react": "^5.2.0",
+    "@vitejs/plugin-react": "^6.0.1",
     "@vitest/coverage-v8": "^4.1.2",
     "@vitest/ui": "^4.1.2",
     "bundlewatch": "^0.4.0",
@@ -112,7 +112,7 @@
     "react-i18next": "^13.0.0 || ^14.0.0 || ^15.0.0",
     "redux-mock-store": "^1.5.1",
     "redux-saga-test-plan": "^4.0.0-rc.3",
-    "vite": "^7.3.1",
+    "vite": "8.0.10",
     "vitest": "^4.1.2",
     "vitest-fetch-mock": "^0.4.2"
   },

vite-umd.config.js

@@ -1,6 +1,5 @@
 import { defineConfig } from 'vite';
 import react from '@vitejs/plugin-react';
-import fs from 'fs/promises';
 
 /**
 * Vite configuration
@@ -14,7 +13,7 @@ export default defineConfig({
       formats: ['umd'],
       name: 'Mirador',
     },
-    rollupOptions: {
+    rolldownOptions: {
       external: [
         '__tests__/*',
         '__mocks__/*',

vite.config.js

@@ -13,7 +13,7 @@ export default defineConfig({
   ...(
     process.env.NETLIFY ? {
       build: {
-        rollupOptions: {
+        rolldownOptions: {
           external: ['__tests__/*', '__mocks__/*'],
           input: Object.fromEntries(
             globSync('./demo/*.html').map((file) => [
@@ -39,11 +39,11 @@ export default defineConfig({
           formats: ['es'],
           name: 'Mirador',
         },
-        rollupOptions: {
-          external: (id, parentId) => {
+        rolldownOptions: {
+          external: (id) => {
             const peers = Object.keys(packageJson.peerDependencies);
             return peers.indexOf(id) > -1
-              || peers.find((peer) => id.startsWith(`${peer}/`))
+              || peers.some((peer) => id.startsWith(`${peer}/`))
               || id.startsWith('__tests__/')
               || id.startsWith('__mocks__/');
           },

vitest.config.ts

@@ -1,29 +1,17 @@
-/// <reference types="vitest" />
-import { defineConfig } from 'vite';
+import { defineConfig } from 'vitest/config';
 import react from '@vitejs/plugin-react';
 import { fileURLToPath } from 'url';
-import fs from 'fs/promises';
 
 export default defineConfig({
-  esbuild: {
+  oxc: {
     exclude: [],
     include: /(src|__tests__)\/.*\.jsx?$/,
-    loader: 'jsx',
   },
   optimizeDeps: {
-    esbuildOptions: {
-      plugins: [
-        {
-          name: 'load-js-files-as-jsx',
-          /** */
-          setup(build) {
-            build.onLoad({ filter: /(src|__tests__)\/.*\.js$/ }, async (args) => ({
-              contents: await fs.readFile(args.path, 'utf8'),
-              loader: 'jsx',
-            }));
-          },
-        },
-      ],
+    rolldownOptions: {
+      moduleTypes: {
+        '.js': 'jsx',
+      },
     },
   },
   plugins: [react()],