fix: import node-fetch correctly.

Author: AcrylicShrimp

src/view/view.module.ts

@@ -6,6 +6,7 @@ import { ViewCategoryController } from './view.category.controller';
 import { ViewSitemapController } from './view.sitemap.controller';
 import { ViewSSRCacheService } from './view.ssr.cache.service';
 import { ViewSSRController } from './view.ssr.controller';
+import { ViewSSRFetchService } from './view.ssr.fetch.service';
 
 const cache = new ViewSSRCacheService();
 
@@ -20,6 +21,15 @@ const cache = new ViewSSRCacheService();
 			provide: ViewSSRCacheService,
 			useValue: cache,
 		},
+		{
+			provide: ViewSSRFetchService,
+			useFactory: () =>
+				new ViewSSRFetchService((...args) =>
+					import('node-fetch').then((module) =>
+						module.default(...args)
+					)
+				),
+		},
 	],
 	exports: [ViewSSRCacheService],
 	controllers: [

src/view/view.ssr.controller.ts

@@ -10,14 +10,14 @@ import {
 import * as fs from 'fs';
 import { JSDOM } from 'jsdom';
 import * as path from 'path';
-import fetch from 'node-fetch';
 
 import { AdminGuard } from '../admin/admin.guard';
 
 import { ViewSSRCacheService } from './view.ssr.cache.service';
 
 import { OptionalPipe } from '../helper/OptionalPipe';
 import { StringPipe } from '../helper/StringPipe';
+import { ViewSSRFetchService } from './view.ssr.fetch.service';
 
 @Controller()
 export class ViewSSRController {
@@ -29,7 +29,10 @@ export class ViewSSRController {
 	private readonly attachments: string[];
 	private readonly timeout: number;
 
-	constructor(private cache: ViewSSRCacheService) {
+	constructor(
+		private cache: ViewSSRCacheService,
+		private fetch: ViewSSRFetchService
+	) {
 		const frontendDir = process.env.SSR_FRONTEND_DIR || process.cwd();
 		this.frontendEvent = process.env.SSR_FRONTEND_EVENT || 'app-loaded';
 		this.indexHTML = fs.readFileSync(
@@ -87,7 +90,8 @@ export class ViewSSRController {
 			// Poly-fill some window functions here.
 			// eslint-disable-next-line @typescript-eslint/no-empty-function
 			dom.window.scrollTo = () => {};
-			dom.window.fetch = fetch as unknown as typeof dom.window.fetch;
+			dom.window.fetch = this.fetch
+				.fetch as unknown as typeof dom.window.fetch;
 
 			const timeout = setTimeout(() => {
 				this.logger.warn(

src/view/view.ssr.fetch.service.ts

@@ -0,0 +1,16 @@
+import { Injectable } from '@nestjs/common';
+import type { RequestInfo, RequestInit, Response } from 'node-fetch';
+
+export type FetchType = (
+	url: RequestInfo,
+	init?: RequestInit
+) => Promise<Response>;
+
+@Injectable()
+export class ViewSSRFetchService {
+	constructor(private fetchImpl: FetchType) {}
+
+	get fetch(): FetchType {
+		return this.fetchImpl;
+	}
+}