add image to snippet metadata

echo8 · Dec 22, 2024 · e19e368 · e19e368
1 parent 9327852
commit e19e368
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 1 deletion.
diff --git a/src/client/public/icon-512x512.png b/src/client/public/icon-512x512.png
diff --git a/src/server/src/routes.ts b/src/server/src/routes.ts
@@ -52,7 +52,11 @@ export const createExpressRouter = (ctx: AppContext) => {
         const snippet = await ctx.snippetService.get(did, rkey);
         if (snippet) {
           const url = `${env.PUBLIC_URL}/user/${snippet.authorDid}/snippet/${snippet.rkey}`;
-          return res.render("snippet", { snippet: snippet, url: url });
+          return res.render("snippet", {
+            snippet: snippet,
+            url: url,
+            imageUrl: env.OG_IMAGE_URL,
+          });
         }
       }
       return res.status(404).send();

diff --git a/src/server/src/util/env.ts b/src/server/src/util/env.ts
@@ -53,4 +53,10 @@ export const env = cleanEnv(process.env, {
       dev: "ws://localhost:6008/subscribe",
     }),
   }),
+  OG_IMAGE_URL: str({
+    default: match({
+      prod: "https://pastesphere.link/icon-512x512.png",
+      dev: "http://pastesphere.localhost/icon-512x512.png",
+    }),
+  }),
 });
diff --git a/src/server/views/snippet.ejs b/src/server/views/snippet.ejs
@@ -10,6 +10,7 @@
   <meta property="og:type" content="website" />
   <meta property="og:url" content="<%=url%>" />
   <meta property="og:site_name" content="Pastesphere" />
+  <meta property="og:image" content="<%=imageUrl%>" />
   <meta name="description" content="<%=snippet.description%>" />
   <link rel="canonical" href="<%=url%>" />
 </head>