get project name from api

dzcode-io · Sep 23, 2024 · 970f8be · 970f8be
1 parent 3af75d3
commit 970f8be
Show file tree

Hide file tree

Showing 4 changed files with 42 additions and 3 deletions.
diff --git a/api/src/project/controller.ts b/api/src/project/controller.ts
@@ -2,7 +2,7 @@ import { Controller, Get, Param } from "routing-controllers";
 import { Service } from "typedi";
 
 import { ProjectRepository } from "./repository";
-import { GetProjectResponse, GetProjectsResponse } from "./types";
+import { GetProjectNameResponse, GetProjectResponse, GetProjectsResponse } from "./types";
 import { RepositoryRepository } from "src/repository/repository";
 import { ContributorRepository } from "src/contributor/repository";
 import { ContributionRepository } from "src/contribution/repository";
@@ -44,4 +44,11 @@ export class ProjectController {
       },
     };
   }
+
+  @Get("/:id/name")
+  public async getProjectName(@Param("id") id: number): Promise<GetProjectNameResponse> {
+    const project = await this.projectRepository.findName(id);
+
+    return { project };
+  }
 }
diff --git a/api/src/project/repository.ts b/api/src/project/repository.ts
@@ -12,7 +12,24 @@ import { ProjectRow, projectsTable } from "./table";
 export class ProjectRepository {
   constructor(private readonly sqliteService: SQLiteService) {}
 
+  public async findName(projectId: number) {
+    // @TODO-ZM: handle 404
+    const statement = sql`
+    SELECT
+        name
+    FROM
+        ${projectsTable}
+    WHERE
+        id = ${projectId}
+    `;
+    const raw = this.sqliteService.db.get(statement);
+    const unStringifiedRaw = unStringifyDeep(raw);
+    const camelCased = camelCaseObject(unStringifiedRaw);
+    return camelCased;
+  }
+
   public async findWithStats(projectId: number) {
+    // @TODO-ZM: handle 404
     const statement = sql`
     SELECT
         p.id as id,

diff --git a/api/src/project/types.ts b/api/src/project/types.ts
@@ -37,3 +37,7 @@ export interface GetProjectResponse extends GeneralResponse {
     stars: number;
   };
 }
+
+export interface GetProjectNameResponse extends GeneralResponse {
+  project: Pick<ProjectEntity, "name">;
+}
diff --git a/web/cloudflare/functions/projects/[slug].ts b/web/cloudflare/functions/projects/[slug].ts
@@ -2,10 +2,21 @@ declare const data: string;
 // @ts-expect-error cloudflare converts this to a string using esbuild
 import data from "../../public/index.html";
 
-export const onRequest: PagesFunction = (context) => {
+export const onRequest: PagesFunction = async (context) => {
+  // @TODO-ZM: import @dzcode.oi/utils
+  // const apiUrl = "https://api-stage.dzcode.io";
+  const apiUrl = "http://localhost:7070";
+
   const pathName = new URL(context.request.url).pathname;
   const slug = pathName.split("/").pop();
-  const newData = data.replace(/<title>.*<\/title>/, `<title>Project ${slug} at DzCode</title>`);
+  const projectId = slug.split("-").pop();
+  // @TODO-ZM: use fetchV2
+  const projectResponse = await fetch(`${apiUrl}/Projects/${projectId}/name`);
+  const projectData = await projectResponse.json();
+  // @ts-expect-error @TODO-ZM: import @dzcode.oi/api
+  const pageTitle = `See the details of ${projectData.project.name} project | DzCode i/o`;
+
+  const newData = data.replace(/<title>.*<\/title>/, `<title>${pageTitle}</title>`);
 
   return new Response(newData, {
     headers: {