Links to coinos unfurl with a share card: site-wide Open Graph/Twitter tags and a 1200×630 og-image.png. Note and profile pages swap the site's tags for their own and fall back to the card when they have no picture. README links coinosv3-server on gittr.

Co-Authored-By: Claude Opus 5.5 <[email protected]>

2 files changed, 13 insertions, 7 deletions

diff --git a/feed/note-page.js b/feed/note-page.js
index 3145f14..89b2f43 100644
--- a/feed/note-page.js
+++ b/feed/note-page.js
@@ -126,6 +126,12 @@ function nameOf(data, pk) {
   try { const m = JSON.parse(p.content); return { name: m.display_name || m.name || null, picture: m.picture || null }; } catch { return {}; }
 }
 
+// index.html carries the site's own share tags between these markers; a
+// rendered page drops them for its own (crawlers take the first of a pair).
+// The site's picture stays as the stand-in for a page that has none.
+export const siteTagsOut = (html) => html.replace(/<!--site-tags-->[\s\S]*?<!--\/site-tags-->\n?/, '');
+export const siteImage = (origin) => (origin ? origin + '/og-image.png' : '');
+
 // The app's index.html with the thread and its preview tags in the head.
 export function renderNotePage(html, data, ref, origin) {
   const focus = [data.root, ...data.replies].find((e) => e.id === ref.id) || data.root;
@@ -141,13 +147,13 @@ export function renderNotePage(html, data, ref, origin) {
     desc ? `<meta property="og:description" content="${esc(desc)}">` : '',
     desc ? `<meta name="description" content="${esc(desc)}">` : '',
     origin ? `<meta property="og:url" content="${esc(origin + '/' + (ref.path || ''))}">` : '',
-    image ? `<meta property="og:image" content="${esc(image)}">` : '',
-    `<meta name="twitter:card" content="${image && image !== who.picture ? 'summary_large_image' : 'summary'}">`,
+    image || siteImage(origin) ? `<meta property="og:image" content="${esc(image || siteImage(origin))}">` : '',
+    `<meta name="twitter:card" content="${!image || image !== who.picture ? 'summary_large_image' : 'summary'}">`,
     // the author's face starts downloading with the page, not after the app boots
     who.picture && /^https:\/\//.test(who.picture) ? `<link rel="preload" as="image" href="${esc(who.picture)}">` : '',
     `<script type="application/json" id="boot-thread">${scriptJson(data)}</script>`,
   ].filter(Boolean).join('\n');
-  let out = html.replace(/<title>[^<]*<\/title>/i, `<title>${esc(title)}</title>`);
+  let out = siteTagsOut(html).replace(/<title>[^<]*<\/title>/i, `<title>${esc(title)}</title>`);
   out = out.includes('</head>') ? out.replace('</head>', head + '\n</head>') : head + out;
   return out;
 }
diff --git a/feed/profile-page.js b/feed/profile-page.js
index a30c2ab..623dc09 100644
--- a/feed/profile-page.js
+++ b/feed/profile-page.js
@@ -11,7 +11,7 @@
 // page goes out (and the build carries on into the cache).
 import { decode } from 'nostr-tools/nip19';
 import { verifyEvent } from 'nostr-tools/pure';
-import { NOTE_RELAYS, esc, scriptJson } from './note-page.js';
+import { NOTE_RELAYS, esc, scriptJson, siteTagsOut, siteImage } from './note-page.js';
 
 export const PROFILE_PATH = /^\/((?:npub1|nprofile1)[a-z0-9]+|[A-Za-z0-9._-]{1,30})\/?$/;
 // single-segment app routes and files that are never a person
@@ -186,14 +186,14 @@ export function renderProfilePage(html, data, ref, origin) {
     desc ? `<meta property="og:description" content="${esc(desc)}">` : '',
     desc ? `<meta name="description" content="${esc(desc)}">` : '',
     origin ? `<meta property="og:url" content="${esc(origin + '/' + ref.path)}">` : '',
-    picture ? `<meta property="og:image" content="${esc(picture)}">` : '',
-    `<meta name="twitter:card" content="summary">`,
+    picture || siteImage(origin) ? `<meta property="og:image" content="${esc(picture || siteImage(origin))}">` : '',
+    `<meta name="twitter:card" content="${picture ? 'summary' : 'summary_large_image'}">`,
     // the face and the cover start downloading with the page
     picture ? `<link rel="preload" as="image" href="${esc(picture)}">` : '',
     banner ? `<link rel="preload" as="image" href="${esc(banner)}">` : '',
     `<script type="application/json" id="boot-profile">${scriptJson({ ...data, path: ref.path })}</script>`,
   ].filter(Boolean).join('\n');
-  let out = html.replace(/<title>[^<]*<\/title>/i, `<title>${esc(title)}</title>`);
+  let out = siteTagsOut(html).replace(/<title>[^<]*<\/title>/i, `<title>${esc(title)}</title>`);
   out = out.includes('</head>') ? out.replace('</head>', head + '\n</head>') : head + out;
   return out;
 }