Merge pull request #14 from tancred423/11-profile-title

improve brackets on the title. fix fonts in dev environment

Author: tancred423

.gitattributes

@@ -0,0 +1,27 @@
+# Enforce LF line endings for all text files
+* text=auto eol=lf
+
+# Explicitly set LF for common file types
+*.yml text eol=lf
+*.yaml text eol=lf
+*.md text eol=lf
+*.json text eol=lf
+*.ts text eol=lf
+*.js text eol=lf
+*.tsx text eol=lf
+*.jsx text eol=lf
+*.sh text eol=lf
+*.bash text eol=lf
+*.dockerfile text eol=lf
+docker-compose*.yml text eol=lf
+
+# Binary files
+*.png binary
+*.jpg binary
+*.jpeg binary
+*.gif binary
+*.otf binary
+*.ttf binary
+*.woff binary
+*.woff2 binary
+

Dockerfile

@@ -21,6 +21,7 @@ WORKDIR /app
 COPY deno.json deno.lock* ./
 COPY . .
 
+# Copy fonts to both app directory (for registerFont) and system fonts directory
 RUN if [ -d "fonts" ] && [ "$(ls -A fonts 2>/dev/null)" ]; then \
         cp -r fonts/* /usr/share/fonts/custom/ && \
         fc-cache -fv; \

Dockerfile.dev

@@ -23,3 +23,6 @@ COPY deno.json deno.lock* ./
 
 # Install npm:canvas
 RUN deno install --allow-scripts=npm:canvas
+
+# Copy fonts directory
+COPY fonts/ /app/fonts/

src/index.ts

@@ -11,7 +11,7 @@ import {
   MessageFlags,
   ModalSubmitInteraction,
 } from "discord.js";
-import { CanvasRenderingContext2D } from "canvas";
+import { CanvasRenderingContext2D, registerFont } from "canvas";
 import moment from "moment";
 import cron from "node-cron";
 import * as log from "@std/log";
@@ -56,6 +56,23 @@ export class GlobalClient {
 // Moment
 moment.locale("en");
 
+// Register custom fonts for canvas
+const fontsPath = join(__dirname, "..", "fonts");
+try {
+  registerFont(join(fontsPath, "MiedingerMediumW00-Regular.ttf"), {
+    family: "MiedingerMediumW00-Regular",
+  });
+  registerFont(join(fontsPath, "MyriadPro-Regular.OTF"), {
+    family: "myriad pro",
+  });
+  registerFont(join(fontsPath, "Romanus.otf"), {
+    family: "romanus",
+  });
+  log.info("Custom fonts registered successfully");
+} catch (err) {
+  log.error(`Failed to register fonts: ${err instanceof Error ? err.stack : String(err)}`);
+}
+
 // Canvas lib - Add roundRect method to CanvasRenderingContext2D
 declare module "canvas" {
   interface CanvasRenderingContext2D {

src/service/ProfileGeneratorService.ts

@@ -238,7 +238,7 @@ class Profile {
     if (this.character.title) {
       ctx.fillStyle = theme.title;
       ctx.font = `normal 35px myriad pro`;
-      ctx.fillText(`< ${this.character.title} >`, 450 / 2, 100, 410);
+      ctx.fillText(`« ${this.character.title} »`, 450 / 2, 100, 410);
     }
 
     // Name