refactor: rewrite code and correct buffers

src/app.module.ts

@@ -5,8 +5,7 @@ import { TerminusModule } from "@nestjs/terminus";
 import { LoggerModule } from "nestjs-pino";
 import { clc } from "@nestjs/common/utils/cli-colors.util";
 
-import { AppController } from './app.controller';
-import { AppService } from './app.service';
+import { SocialCardModule } from './social-card/social-card.module';
 import ApiConfig from "./config/api.config";
 
 @Module({
@@ -42,8 +41,9 @@ import ApiConfig from "./config/api.config";
     }),
     TerminusModule,
     HttpModule,
+    SocialCardModule,
   ],
-  controllers: [AppController],
-  providers: [AppService],
+  controllers: [],
+  providers: [],
 })
 export class AppModule {}

src/social-card/social-card.controller.ts

@@ -0,0 +1,32 @@
+import {Controller, Get, Header, Param, Req, Res, StreamableFile} from '@nestjs/common';
+import { ApiNotFoundResponse, ApiOkResponse, ApiOperation } from "@nestjs/swagger";
+import { createReadStream } from "node:fs";
+import { Readable } from 'stream';
+
+import { SocialCardService } from "./social-card.service";
+
+@Controller('users')
+export class SocialCardController {
+  constructor(
+    private readonly socialCardService: SocialCardService
+  ) {}
+
+  @Get("/:username")
+  @ApiOperation({
+    operationId: "generateUserSocialCard",
+    summary: "Gets latest cache aware social card link for :username or generates a new one",
+  })
+  @ApiOkResponse({ type: String })
+  @ApiNotFoundResponse({ description: "User not found" })
+  async generateUserSocialCard (
+    @Param("username") username: string,
+    @Req() request: Request,
+    @Res() response: Response
+  ): Promise<StreamableFile> {
+    const image = await this.socialCardService.getUserCard(username);
+
+    console.log(image);
+
+    return new StreamableFile(image);
+  }
+}

src/social-card/social-card.module.ts

@@ -0,0 +1,11 @@
+import { Module } from '@nestjs/common';
+import { HttpModule } from "@nestjs/axios";
+import { SocialCardService } from './social-card.service';
+import { SocialCardController } from './social-card.controller';
+
+@Module({
+  imports: [HttpModule],
+  providers: [SocialCardService],
+  controllers: [SocialCardController]
+})
+export class SocialCardModule {}

src/social-card/social-card.service.ts

@@ -0,0 +1,96 @@
+import { Injectable } from '@nestjs/common';
+import { HttpService } from "@nestjs/axios";
+import { catchError, firstValueFrom, map, throwError } from "rxjs";
+import { readFile } from "node:fs/promises";
+import { Resvg } from "@resvg/resvg-js";
+
+import userLangs from "./templates/user-langs";
+import userProfileRepos from "./templates/user-profile-repos";
+import userProfileCard from "./templates/user-profile-card";
+
+@Injectable()
+export class SocialCardService {
+  constructor(
+    private readonly httpService: HttpService,
+  ) {}
+
+  async getUserData(username: string): Promise<{
+    langs: string[],
+    repos: string[],
+    img: string,
+  }> {
+    const request= this.httpService
+      .get(`https://beta.gs-api.opensauced.pizza/v1/*/contributions?page=1&limit=1&range=30&contributor=${username}`)
+      .pipe(
+        map((res) => res.data),
+      )
+      .pipe(
+        catchError((err) => {
+          console.log(err);
+          return throwError(err);
+        }
+      ));
+
+    const { data } = await firstValueFrom(request);
+
+    const contributor = data[0];
+
+    if (!contributor) {
+      throw new Error(`User '${username}' Not Found`);
+    }
+
+    const langs = contributor.langs ? contributor.langs.split(",") : [];
+    const repos = contributor.recent_repo_list ? contributor.recent_repo_list.split(",") : [];
+
+    const imgReq = this.httpService
+      .get(`https://www.github.com/${username}.png?size=300`, {
+        responseType: 'text',
+        responseEncoding: 'base64'
+      })
+      .pipe(
+        catchError((err) => {
+            console.log(err);
+            return throwError(err);
+          }
+        ));
+
+    const { data: img } = await firstValueFrom(imgReq);
+
+    return {
+      langs,
+      repos,
+      img,
+    };
+  }
+
+  async getUserCard(username: string): Promise<Buffer> {
+    const { html } = await import("satori-html");
+    const satori = (await import("satori")).default;
+
+    const { img, repos, langs } = await this.getUserData(username);
+
+    const template = html(userProfileCard(img, username, userLangs(langs), userProfileRepos(repos)));
+
+    const robotoArrayBuffer = await readFile("public/Roboto-Regular.ttf");
+    const svg = await satori(template, {
+      width: 1200,
+      height: 627,
+      fonts: [
+        {
+          name: "Roboto",
+          data: robotoArrayBuffer,
+          weight: 400,
+          style: "normal",
+        },
+      ],
+    });
+
+    const resvg = new Resvg(svg, { background: "rgba(238, 235, 230, .9)" });
+
+    const pngData = resvg.render();
+
+    const pngBuffer = pngData.asPng();
+
+    return pngBuffer;
+  }
+}

src/social-card/templates/user-langs.ts

@@ -7,7 +7,7 @@ const userLangs = (langs: string[], joinLiteral = "") => langs.map(lang => {
   return `
       <div style="
         width: ${Math.round(100 / langs.length)}%;
-        height: "10.5px";
+        height: 10%;
         background: ${color};
       "/>
     `;

src/social-card/templates/user-profile-card.ts

@@ -43,7 +43,7 @@ const userProfileCard = (img: string, name: string, langs: string, repos: string
             width: 1136px;
             height: 134px;
         ">
-            <img src="${img}" width="100px" height="100px" style="
+            <img src="data:image/png;base64,${img}" width="100px" height="100px" style="
                 box-sizing: border-box;
                 width: 132px;
                 height: 132px;
@@ -182,3 +182,5 @@ const userProfileCard = (img: string, name: string, langs: string, repos: string
         </div>
     </div>
 </div>`;
+
+export default userProfileCard;

tsconfig.json

@@ -1,10 +1,10 @@
 {
   "compilerOptions": {
 //    "rootDir": "./src",
-//    "strict": true,
+    "strict": true,
 //    "noEmit": true,
 //    "isolatedModules": true,
-//    "moduleResolution": "node",
+    "moduleResolution": "node16",
     "esModuleInterop": true,
     "resolveJsonModule": true,
     "module": "commonjs",