fix(cloudflare): exclude all static routes using nitro config

Author: harlan-zw

src/build/build.ts

@@ -7,7 +7,6 @@ import { readFile, writeFile } from 'node:fs/promises'
 import { resolvePath, useNuxt } from '@nuxt/kit'
 import { dirname } from 'pathe'
 import { applyNitroPresetCompatibility, getPresetNitroPresetCompatibility, resolveNitroPreset } from '../compatibility'
-import { gray, logger } from '../logger'
 
 // we need all of the runtime dependencies when using build
 export async function setupBuildHandler(config: ModuleOptions, resolve: Resolver['resolve'], nuxt: Nuxt = useNuxt()) {
@@ -29,8 +28,14 @@ export async function setupBuildHandler(config: ModuleOptions, resolve: Resolver
   // HACK: we need to patch the compiled output to fix the wasm resolutions using esmImport
   // TODO replace this once upstream is fixed
   nuxt.hooks.hook('nitro:init', async (nitro) => {
+    const target = resolveNitroPreset(nitro.options)
+    const isCloudflarePagesOrModule = target === 'cloudflare-pages' || target === 'cloudflare-module'
+    if (isCloudflarePagesOrModule) {
+      nitro.options.cloudflare.pages.routes = nitro.options.cloudflare.pages.routes || { exclude: [] }
+      nitro.options.cloudflare.pages.routes.exclude = nitro.options.cloudflare.pages.routes.exclude || []
+      nitro.options.cloudflare.pages.routes.exclude.push('/__og-image__/static/*')
+    }
     nitro.hooks.hook('compiled', async (_nitro) => {
-      const target = resolveNitroPreset(_nitro.options)
       const compatibility = getPresetNitroPresetCompatibility(target)
       if (compatibility.wasm?.esmImport !== true)
         return
@@ -39,27 +44,12 @@ export async function setupBuildHandler(config: ModuleOptions, resolve: Resolver
         ? configuredEntry
         : 'index.mjs')
       const wasmEntries = [serverEntry]
-      const isCloudflarePagesOrModule = target === 'cloudflare-pages' || target === 'cloudflare-module'
       if (isCloudflarePagesOrModule) {
         // this is especially hacky, basically need to add all paths the wasm import can exist on
         // TODO maybe implement https://github.com/pi0/nuxt-shiki/blob/50e80fb6454de561e667630b4e410d2f7b5f2d35/src/module.ts#L103-L128
         wasmEntries.push(resolve(dirname(serverEntry), './chunks/wasm.mjs'))
         wasmEntries.push(resolve(dirname(serverEntry), './chunks/_/wasm.mjs'))
         wasmEntries.push(resolve(dirname(serverEntry), './chunks/index_bg.mjs'))
-        // we need to modify the _routes.json as og image adds to many
-        const routesPath = resolve(nitro.options.output.publicDir, '_routes.json')
-        if (existsSync(routesPath)) {
-          const routes: { version: number, include: string[], exclude: string[] } = await readFile(routesPath)
-            .then(buffer => JSON.parse(buffer.toString()))
-
-          const preSize = routes.exclude.length
-          routes.exclude = routes.exclude.filter(path => !path.startsWith('/__og-image__/static'))
-          routes.exclude.push('/__og-image__/static/*')
-          if (preSize !== routes.exclude.length) {
-            logger.info(`Optimizing CloudFlare \`_routes.json\` for prerendered OG Images ${gray(`(${100 - Math.round(routes.exclude.length / preSize * 100)}% smaller)`)}`)
-          }
-          await writeFile(routesPath, JSON.stringify(routes, void 0, 2))
-        }
       }
       const resvgHash = await resolveFilePathSha1('@resvg/resvg-wasm/index_bg.wasm')
       const yogaHash = await resolveFilePathSha1('yoga-wasm-web/dist/yoga.wasm')