fix: fast svg build (#349)

Author: DDonochVA

apps/blog/src/app/app.config.server.ts

@@ -1,23 +1,26 @@
-import { readFileSync } from 'node:fs';
+import { readFile } from 'node:fs/promises';
 import { join } from 'node:path';
+import { cwd } from 'node:process';
 import {
   ApplicationConfig,
   Injectable,
   mergeApplicationConfig,
 } from '@angular/core';
 import { provideServerRendering } from '@angular/platform-server';
-import { Observable, of } from 'rxjs';
-
 import { provideFastSVG, SvgLoadStrategy } from '@push-based/ngx-fast-svg';
+import { from, Observable, of, switchMap } from 'rxjs';
 
 import { appConfig } from './app.config';
 
 @Injectable()
 export class SvgLoadStrategySsr implements SvgLoadStrategy {
-  load(url: string): Observable<string> {
-    const iconPath = join(process.cwd(), 'apps', 'blog', 'src', url);
-    const iconSVG = readFileSync(iconPath, 'utf8');
-    return of(iconSVG);
+  config(url: string) {
+    return of(join(cwd(), 'apps', 'blog', 'src', url));
+  }
+  load(iconPath$: Observable<string>) {
+    return iconPath$.pipe(
+      switchMap((iconPath) => from(readFile(iconPath, { encoding: 'utf8' }))),
+    );
   }
 }
 

package.json

@@ -38,7 +38,7 @@
     "@ngrx/operators": "^17.2.0",
     "@ngrx/signals": "^17.0.1",
     "@nx/angular": "19.5.1",
-    "@push-based/ngx-fast-svg": "^18.0.0",
+    "@push-based/ngx-fast-svg": "^18.1.0",
     "@tailwindcss/container-queries": "^0.1.1",
     "algoliasearch": "^4.23.3",
     "cheerio": "1.0.0-rc.12",