localized project page title in cloudflare worker

Author: ZibanPirate

package-lock.json

@@ -4,6 +4,8 @@ import htmlTemplate from "../../public/template.html";
 
 import { fsConfig } from "@dzcode.io/utils/dist/config";
 import { Environment, environments } from "@dzcode.io/utils/dist/config/environment";
+import { plainLocalize } from "@dzcode.io/web/dist/components/locale/utils";
+import { dictionary } from "@dzcode.io/web/dist/components/locale/dictionary";
 
 // @TODO-ZM: pass envs during deployment
 export interface Env {
@@ -28,15 +30,17 @@ export const onRequest: PagesFunction<Env> = async (context) => {
   // @TODO-ZM: render 404 page
   if (!projectId) return new Response("Not found", { status: 404 });
 
+  // @TODO-ZM: get language from request url
+  const language = "en";
+  const localize = (key: string) => plainLocalize(dictionary, language, key, "NO-TRANSLATION");
+
   // @TODO-ZM: use fetchV2
-  console.log("zako", `${apiUrl}/Projects/${projectId}/name`);
   const projectResponse = await fetch(`${apiUrl}/Projects/${projectId}/name`);
   const projectData = await projectResponse.json();
-  // @ts-expect-error @TODO-ZM: import @dzcode.oi/api
-  // @TODO-ZM: localize
-  const pageTitle = `See the details of ${projectData.project.name} project | DzCode i/o`;
+  // @ts-expect-error @TODO-ZM: import @dzcode.io/api
+  const pageTitle = `${localize("project-title-pre")} ${projectData.project.name} ${localize("project-title-post")}`;
 
-  const newData = htmlTemplate.replace(/{{template-title}}/, pageTitle);
+  const newData = htmlTemplate.replace(/{{template-title}}/g, pageTitle);
 
   return new Response(newData, {
     headers: {

web/cloudflare/functions/projects/[slug].ts

@@ -1,8 +1,9 @@
 {
-  "name": "dzcode-dot-io",
+  "name": "@dzcode.io/cloudflare",
   "version": "0.0.0",
   "dependencies": {
-    "@dzcode.io/utils": "*"
+    "@dzcode.io/utils": "*",
+    "@dzcode.io/web": "*"
   },
   "devDependencies": {
     "@cloudflare/workers-types": "^4.20240919.0",
@@ -11,9 +12,10 @@
   },
   "private": true,
   "scripts": {
+    "build": "lerna run build:alone [email protected]/web --include-dependencies --stream",
     "deploy:prd": "wrangler pages deploy --project-name dzcode-dot-io --directory=./public --branch main",
     "deploy:stg": "wrangler pages deploy --project-name stage-dot-dzcode-dot-io --directory=./public --branch main",
-    "dev": "wrangler pages dev . --port 8080",
+    "dev": "npm run build && wrangler pages dev . --port 8080",
     "generate:htmls": "cd .. && npm run bundle && npm run pre-deploy",
     "lint:eslint": "eslint --config ../../packages/tooling/eslint.config.mjs",
     "lint:prettier": "prettier  --config ../../packages/tooling/.prettierrc --ignore-path ../../packages/tooling/.prettierignore --log-level warn"

web/cloudflare/package.json

@@ -62,6 +62,7 @@
   },
   "scripts": {
     "build": "lerna run build:alone [email protected]/web --include-dependencies --stream",
+    "build:alone": "tspc",
     "build:watch": "lerna run build:alone:watch [email protected]/web --include-dependencies --parallel",
     "bundle": "npm run build && npm run bundle:alone",
     "bundle:alone": "cross-env NODE_ENV=production rsbuild build",