Yaowei Zheng
aa6b3e710e
Co-authored-by: Alice <alice@prismshadow.com> Co-authored-by: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
33 lines
1.5 KiB
JavaScript
33 lines
1.5 KiB
JavaScript
/**
|
|
* Render the social share card referenced by index.html's og:image / twitter:image.
|
|
*
|
|
* Same pattern as capture-game-mockup.mjs: og-cover.html is a static, dependency-free
|
|
* mockup, captured at exactly 1200x630 into packages/landing/public/og-cover.png —
|
|
* public/ rather than src/assets/ because the URL has to be stable and absolute for
|
|
* the platforms that fetch it, not a hashed bundle asset. PNG, not WebP: WeChat and a
|
|
* few older unfurlers still ignore WebP previews.
|
|
*
|
|
* The output is committed, so this only needs re-running when og-cover.html changes.
|
|
* Prereqs: Playwright's chromium only. Run: `node scripts/capture-og-cover.mjs`.
|
|
*/
|
|
import { writeFileSync } from "node:fs";
|
|
import path from "node:path";
|
|
import { fileURLToPath, pathToFileURL } from "node:url";
|
|
import { chromium } from "@playwright/test";
|
|
|
|
const HERE = path.dirname(fileURLToPath(import.meta.url));
|
|
const PAGE = pathToFileURL(path.join(HERE, "og-cover.html")).href;
|
|
const OUT = path.resolve(HERE, "../public/og-cover.png");
|
|
|
|
const browser = await chromium.launch();
|
|
const page = await browser.newPage({ viewport: { width: 1200, height: 630 } });
|
|
await page.goto(PAGE);
|
|
// The logo is an <img>; screenshotting before it decodes yields a card with a hole in it.
|
|
await page.waitForFunction(() => {
|
|
const img = document.querySelector("img.logo");
|
|
return img !== null && img.complete && img.naturalWidth > 0;
|
|
});
|
|
writeFileSync(OUT, await page.screenshot());
|
|
await browser.close();
|
|
console.log(`[og-cover] wrote ${OUT}`);
|