mirror
/
classless-css
mirror of https://github.com/dbohdan/classless-css.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

gen-screenshot: fix screenshot width

This commit is contained in:
D. Bohdan 2023-09-08 14:35:23 +00:00
parent b79cb8e4ed
commit f3a43424c7
1 changed files with 14 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
gen-screenshot.ts
View File

@ -14,6 +14,20 @@ const slugify = (str: string) =>
.replace(/[^a-z0-9.]+/g, "-")
.replace(/(^-|-$)/g, "");
const saveScreenshot = async (src: string, dest: string) => {
// For whatever reason, I get screenshots 16 pixels wider than the requested
// viewport size.
const browser = await puppeteer.launch({
defaultViewport: { width: 1024 - 16, height: 1024, deviceScaleFactor: 1 }
});
const page = await browser.newPage();
await page.goto(src);
await page.screenshot({ fullPage: true, path: dest });
await browser.close();
};
if (Deno.args.length !== 2) {
console.error("usage: generate-screenshot.ts name css-file");
Deno.exit(1);
@ -22,17 +36,6 @@ if (Deno.args.length !== 2) {
const screenshotFile = `${slugify(Deno.args[0])}.png`;
const cssFile = Deno.args[1];
const saveScreenshot = async (src: string, dest: string) => {
const browser = await puppeteer.launch();
const page = await browser.newPage();
await page.setViewport({ width: 1024, height: 1024, deviceScaleFactor: 1 });
await page.goto(src);
await page.screenshot({ fullPage: true, path: dest });
await browser.close();
};
try {
const htmlTemplate = await Deno.readTextFile(templateFile);
const css = await Deno.readTextFile(cssFile);