🏷️ types added

This commit is contained in:
ful1e5 2020-08-15 17:29:18 +05:30
parent d5072fafc3
commit d0f4913369

View file

@ -2,7 +2,29 @@ import fs from "fs";
import path from "path"; import path from "path";
import puppeteer from "puppeteer"; import puppeteer from "puppeteer";
import { generateRenderTemplate } from "@helpers/htmlTemplate"; import { generateRenderTemplate } from "./helpers/htmlTemplate";
// --------------------------- Types
type AnimatedCursors = {
readonly [name: string]: {
readonly frames: number;
};
};
type AnimatedClip = {
readonly x: number;
readonly y: number;
readonly width: number;
readonly height: number;
};
interface Config {
staticSvgs: Array<string>;
bitmapsDir: string;
svgsDir: string;
animatedCursors: AnimatedCursors;
animatedClip: AnimatedClip;
}
// --------------------------- Helpers // --------------------------- Helpers
const frameNumber = (number: number, length: number) => { const frameNumber = (number: number, length: number) => {
@ -19,15 +41,15 @@ export const renderCursors = async ({
bitmapsDir, bitmapsDir,
svgsDir, svgsDir,
animatedCursors, animatedCursors,
animatedClip, animatedClip
}: RenderConfig) => { }: Config) => {
const browser = await puppeteer.launch({ const browser = await puppeteer.launch({
ignoreDefaultArgs: [" --single-process ", "--no-sandbox"], ignoreDefaultArgs: [" --single-process ", "--no-sandbox"],
executablePath: executablePath:
process.env.NODE_ENV == "development" process.env.NODE_ENV == "development"
? "/usr/bin/google-chrome-stable" ? "/usr/bin/google-chrome-stable"
: "", : "",
headless: true, headless: true
}); });
try { try {
console.log("📸 Rendering Static Cursors..."); console.log("📸 Rendering Static Cursors...");
@ -93,7 +115,7 @@ export const renderCursors = async ({
await svgElement.screenshot({ await svgElement.screenshot({
omitBackground: true, omitBackground: true,
path: out, path: out,
clip: animatedClip, clip: animatedClip
}); });
// console.log(`${svg} frame ${frame}/${frames} rendered at ${out}`); // console.log(`${svg} frame ${frame}/${frames} rendered at ${out}`);
} }