summaryrefslogtreecommitdiffhomepage
path: root/packages/web
diff options
context:
space:
mode:
authorFrank <[email protected]>2025-06-09 23:37:32 -0400
committerFrank <[email protected]>2025-06-09 23:37:32 -0400
commitedd459ec00a0c293052ad7d2dfedd90ffcc7e350 (patch)
tree6675b592ddd4dfa1fa54e470428d4517e25510fc /packages/web
parent177875f624cb66cde08cfaf9bcf959959abe90b7 (diff)
downloadopencode-edd459ec00a0c293052ad7d2dfedd90ffcc7e350.tar.gz
opencode-edd459ec00a0c293052ad7d2dfedd90ffcc7e350.zip
Share: og image
Diffstat (limited to 'packages/web')
-rw-r--r--packages/web/src/pages/s/index.astro23
1 files changed, 3 insertions, 20 deletions
diff --git a/packages/web/src/pages/s/index.astro b/packages/web/src/pages/s/index.astro
index 86b6a452a..a6b74ecde 100644
--- a/packages/web/src/pages/s/index.astro
+++ b/packages/web/src/pages/s/index.astro
@@ -1,5 +1,4 @@
---
-import { Base64 } from "js-base64";
import config from "virtual:starlight/user-config";
import StarlightPage from '@astrojs/starlight/components/StarlightPage.astro';
@@ -12,23 +11,7 @@ const res = await fetch(`${apiUrl}/share_data?id=${id}`);
const data = await res.json();
const title = data.info.title;
-
-const encodedTitle = encodeURIComponent(
- Base64.encode(
- // Convert to ASCII
- encodeURIComponent(
- // Truncate to fit S3's max key size
- title.substring(0, 700)
- )
- )
-)
-
-const cardService = "https://social-cards.sst.dev";
-const cost = "$0.12";
-const model = "claude-sonnet-4-20250514,claude-opus-4-20250514";
-const version = "v0.1.1";
-// ?cost=$0.12&model=claude-sonnet-4-20250514,claude-opus-4-20250514&version=v0.1.1&id=43120e6b
-const ogImageUrl = `${cardService}/opencode-share/${encodedTitle}.png?cost=${cost}&model=${model}&version=${version}&id=${id}`;
+const ogImage = data.ogImage;
---
<StarlightPage
@@ -43,14 +26,14 @@ const ogImageUrl = `${cardService}/opencode-share/${encodedTitle}.png?cost=${cos
tag: "meta",
attrs: {
property: "og:image",
- content: ogImageUrl,
+ content: ogImage,
},
},
{
tag: "meta",
attrs: {
name: "twitter:image",
- content: ogImageUrl,
+ content: ogImage,
},
},
],