kytta/shareon

Generate screenshot automatically

オープン

#148 opened on 2025/04/21

 (0 件のコメント) (0 件のリアクション) (0 人の担当者)JavaScript (25 件のフォーク)auto 404
devdocsenhancementgood first issue

Repository metrics

Stars
 (477 個のスター)
PR merge metrics
 (PR metrics pending)

説明

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.

コントリビューターガイド