Fix for Vercal “unsupported modules” error

Author: jhildenbiddle

middleware.js

@@ -1,11 +1,34 @@
-import rewriteRules from './rewriterules.config.js';
-
 // Exports
 // =============================================================================
 export const config = {
   matcher: ['/preview/(index.html)?'],
 };
 
+// Rewrite rules shared with local server configurations
+export const rewriteRules = [
+  // Replace CDN URLs with local paths
+  {
+    match: /https?.*\/CHANGELOG.md/g,
+    replace: '/CHANGELOG.md',
+  },
+  {
+    // CDN versioned default
+    // Ex1: //cdn.com/package-name
+    // Ex2: http://cdn.com/[email protected]
+    // Ex3: https://cdn.com/package-name@latest
+    match: /(?:https?:)*\/\/.*cdn.*docsify[@\d.latest]*(?=["'])/g,
+    replace: '/lib/docsify.min.js',
+  },
+  {
+    // CDN paths to local paths
+    // Ex1: //cdn.com/package-name/path/file.js => /path/file.js
+    // Ex2: http://cdn.com/[email protected]/dist/file.js => /dist/file.js
+    // Ex3: https://cdn.com/package-name@latest/dist/file.js => /dist/file.js
+    match: /(?:https?:)*\/\/.*cdn.*docsify[@\d.latest]*\/(?:lib\/)/g,
+    replace: '/lib/',
+  },
+];
+
 // Serve virtual /preview/index.html
 // Note: See vercel.json for preview routing configuration
 // 1. Fetch index.html from /docs/ directory

rewriterules.config.js

@@ -1,5 +1,6 @@
 import * as path from 'node:path';
 import * as url from 'node:url';
+import { rewriteRules } from './middleware.js';
 
 const __filename = url.fileURLToPath(import.meta.url);
 const __dirname = path.dirname(__filename);
@@ -22,29 +23,7 @@ const dev = {
   ...prod,
   files: ['CHANGELOG.md', 'docs/**/*', 'lib/**/*'],
   port: 3000,
-  rewriteRules: [
-    // Replace CDN URLs with local paths
-    {
-      match: /https?.*\/CHANGELOG.md/g,
-      replace: '/CHANGELOG.md',
-    },
-    {
-      // CDN versioned default
-      // Ex1: //cdn.com/package-name
-      // Ex2: http://cdn.com/[email protected]
-      // Ex3: https://cdn.com/package-name@latest
-      match: /(?:https?:)*\/\/.*cdn.*docsify[@\d.latest]*(?=["'])/g,
-      replace: '/lib/docsify.min.js',
-    },
-    {
-      // CDN paths to local paths
-      // Ex1: //cdn.com/package-name/path/file.js => /path/file.js
-      // Ex2: http://cdn.com/[email protected]/dist/file.js => /dist/file.js
-      // Ex3: https://cdn.com/package-name@latest/dist/file.js => /dist/file.js
-      match: /(?:https?:)*\/\/.*cdn.*docsify[@\d.latest]*\/(?:lib\/)/g,
-      replace: '/lib/',
-    },
-  ],
+  rewriteRules,
   server: {
     ...prod.server,
     routes: {