Netlify

netlify.toml

@@ -1,6 +1,9 @@
 # This is the configuration file for the netlify preview deploys
 # See https://www.netlify.com/docs/netlify-toml-reference/ for more
 
+[build]
+  publish = "dist/"
+
 [[redirects]]
   from = "/"
   to = "/__tests__/integration/mirador/"

vite.config.js

@@ -1,27 +1,53 @@
 import { defineConfig } from 'vite';
 import react from '@vitejs/plugin-react';
 import fs from 'fs/promises';
+import path from 'node:path';
 import { fileURLToPath } from 'url';
+import { globSync } from 'glob';
 
 /**
 * Vite configuration
 */
 export default defineConfig({
-  build: {
-    lib: {
-      entry: './src/index.js',
-      fileName: (format) => (format === 'umd' ? 'mirador.js' : 'mirador.es.js'),
-      formats: ['es', 'umd'],
-      name: 'Mirador',
-    },
-    rollupOptions: {
-      external: ['__tests__/*', '__mocks__/*'],
-      output: {
-        assetFileNames: 'mirador.[ext]',
+  ...(
+    process.env.NETLIFY ? {
+      build: {
+        rollupOptions: {
+          external: ['__tests__/*', '__mocks__/*'],
+          input: Object.fromEntries(
+            globSync('./__tests__/integration/mirador/*.html').map((file) => [
+              // This remove `src/` as well as the file extension from each
+              // file, so e.g. src/nested/foo.js becomes nested/foo
+              path.relative(
+                '__tests__/integration/mirador',
+                file.slice(0, file.length - path.extname(file).length),
+              ),
+              // This expands the relative paths to absolute paths, so e.g.
+              // src/nested/foo becomes /project/src/nested/foo.js
+              fileURLToPath(new URL(file, import.meta.url)),
+            ]),
+          ),
+        },
+        sourcemap: true,
       },
-    },
-    sourcemap: true,
-  },
+    } : {
+      build: {
+        lib: {
+          entry: './src/index.js',
+          fileName: (format) => (format === 'umd' ? 'mirador.js' : 'mirador.es.js'),
+          formats: ['es', 'umd'],
+          name: 'Mirador',
+        },
+        rollupOptions: {
+          external: ['__tests__/*', '__mocks__/*'],
+          output: {
+            assetFileNames: 'mirador.[ext]',
+          },
+        },
+        sourcemap: true,
+      },
+    }
+  ),
   esbuild: {
     exclude: [],
     // Matches .js and .jsx in __tests__ and .jsx in src