Extract module name (#940)

* Extract module name

.changeset/modern-spoons-speak.md

@@ -0,0 +1,5 @@
+---
+'@cloudflare/next-on-pages': patch
+---
+
+chore: Extract module name in dynamic imports

packages/next-on-pages/templates/_worker.js/utils/cache.ts

@@ -117,7 +117,8 @@ export async function getSuspenseCacheAdaptor(): Promise<CacheAdaptor> {
 async function getInternalCacheAdaptor(
 	type: 'kv' | 'cache-api',
 ): Promise<CacheAdaptor> {
-	const adaptor = await import(`./__next-on-pages-dist__/cache/${type}.js`);
+	const moduleName = `./__next-on-pages-dist__/cache/${type}.js`;
+	const adaptor = await import(moduleName);
 	return new adaptor.default();
 }
 

packages/next-on-pages/templates/_worker.js/utils/fetch.ts

@@ -49,9 +49,8 @@ async function handleInlineAssetRequest(request: Request) {
 	if (request.url.startsWith('blob:')) {
 		try {
 			const url = new URL(request.url);
-			const binaryContent = (
-				await import(`./__next-on-pages-dist__/assets/${url.pathname}.bin`)
-			).default;
+			const moduleName = `./__next-on-pages-dist__/assets/${url.pathname}.bin`;
+			const binaryContent = (await import(moduleName)).default;
 
 			// Note: we can't generate a real Response object here because this fetch might be called
 			//       at the top level of a dynamically imported module, and such cases produce the following