mirrors/Bibata_Cursor
1
0
Fork 0
mirror of https://github.com/ful1e5/Bibata_Cursor.git synced 2025-05-23 03:26:58 -04:00
Code Issues Projects Releases Packages Wiki Activity

📦 shared package

Browse source
This commit is contained in:
ful1e5 2020-08-19 13:01:25 +05:30
parent a5adf36a46
commit 4bdae71c99
1 changed files with 3 additions and 120 deletions
Download patch file Download diff file Expand all files Collapse all files

123
packages/shared/src/index.ts
View file

@ -1,121 +1,4 @@
import fs from "fs";
import path from "path";
import puppeteer from "puppeteer";
import { renderCursors } from "./render";
import { spinner } from "./spinner";
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 {
staticCursors: Array<string>;
bitmapsDir: string;
svgsDir: string;
animatedCursors: AnimatedCursors;
animatedClip: AnimatedClip;
}
// --------------------------- Helpers
const frameNumber = (number: number, length: number) => {
var str = "" + number;
while (str.length < length) {
str = "0" + str;
}
return str;
};
// --------------------------- Render Func
export const renderCursors = async ({
staticCursors,
bitmapsDir,
svgsDir,
animatedCursors,
animatedClip
}: Config) => {
const browser = await puppeteer.launch({
ignoreDefaultArgs: [" --single-process ", "--no-sandbox"],
headless: true
});
try {
// Rendering satic .svg files
for (let svg of staticCursors) {
const buffer = fs.readFileSync(path.resolve(svgsDir, svg), "utf-8");
if (!buffer) throw new Error(`${svg} File Read error`);
const data = buffer.toString();
// Generating HTML Template
const template = generateRenderTemplate(data);
// config
const bitmap = `${path.basename(svg, ".svg")}.png`;
const out = path.resolve(bitmapsDir, bitmap);
// Render
const page = await browser.newPage();
await page.setContent(template);
await page.waitForSelector("#container");
const svgElement = await page.$("#container svg");
if (!svgElement) throw new Error("svg element not found");
await svgElement.screenshot({ omitBackground: true, path: out });
// console.log(`Static Cursor rendered at ${out}`);
await page.close();
}
// Rendering animated .svg files
for (let [svg, { frames }] of Object.entries(animatedCursors)) {
const buffer = fs.readFileSync(path.resolve(svgsDir, svg), "utf-8");
if (!buffer) throw new Error(`${svg} File Read error`);
const data = buffer.toString();
// Generating HTML Template
const template = generateRenderTemplate(data);
const page = await browser.newPage();
await page.setContent(template);
await page.waitForSelector("#container");
const svgElement = await page.$("#container svg");
if (!svgElement) throw new Error("svg element not found");
// Render Frames
for (let index = 1; index <= frames; index++) {
// config
const frame = frameNumber(index, frames.toString().length);
const bitmap =
frames == 1
? `${path.basename(svg, ".svg")}.png`
: `${path.basename(svg, ".svg")}-${frame}.png`;
const out = path.resolve(bitmapsDir, bitmap);
// Render
await svgElement.screenshot({
omitBackground: true,
path: out,
clip: animatedClip
});
// console.log(`${svg} frame ${frame}/${frames} rendered at ${out}`);
}
await page.close();
}
} catch (error) {
console.error(error);
}
};
export { spinner, renderCursors };