middleware.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/package-name@1.0.0
 // Ex3: https://cdn.com/package-name@latest
 match: /(?:https?:)*\/\/.*cdn.*docsify[@\d.latest]*(?=["'])/g,
 replace: '/dist/docsify.min.js',
 },
 {
 // CDN paths to local paths
 // Ex1: //cdn.com/package-name/path/file.js => /path/file.js
 // Ex2: http://cdn.com/package-name@1.0.0/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]*\/(?:dist\/)/g,
 replace: '/dist/',
 },
];

// Serve virtual /preview/index.html
// Note: See vercel.json for preview routing configuration
// 1. Fetch index.html from /docs/ directory
// 2. Replace CDN URLs with local paths (see rewriteRules)
// 3. Return preview HTML
export default async function middleware(request) {
 const { origin } = new URL(request.url);
 const indexURL = `${origin}/docs/index.html`;
 const indexHTML = await fetch(indexURL).then(res => res.text());
 const previewHTML = rewriteRules.reduce(
 (html, rule) => html.replace(rule.match, rule.replace),
 indexHTML,
 );

 return new Response(previewHTML, {
 status: 200,
 headers: {
 'content-type': 'text/html',
 'x-robots-tag': 'noindex',
 },
 });
}