kytta/shareon

Generate screenshot automatically

开放

#148 创建于 2025年4月21日

 (0 条评论) (0 个反应) (0 位负责人)JavaScript (25 个派生)auto 404
devdocsenhancementgood first issue

仓库指标

星标
 (477 个星标)
PR 合并指标
 (PR 指标待抓取)

描述

Currently, the screenshot in the README is created manually by me. The process can be easily automated, though. So far, my steps are:

  1. Start dev server
  2. Select element with the buttons (.specimen)
  3. Make a screenshot of node
  4. Resize
  5. Save

But I think this all can be replaced with Playwright and Sharp.

import { firefox } from 'playwright';

const browser = await firefox.launch();
const context = await browser.newContext();
const page = await context.newPage();
await page.goto('https://localhost:5173/');
const buffer = await page.locator('.shareon.specimen').screenshot();
// TODO: learn Sharp

Then, put it into CI and run on icon/button changes. Can be a nice weekend project.

贡献者指南