mirrors/Bibata_Cursor
1
0
Fork 0
mirror of https://github.com/ful1e5/Bibata_Cursor.git synced 2025-05-21 18:55:12 -04:00
Code Issues Projects Releases Packages Wiki Activity

💬 Logs spinner in generate() method

Browse source
This commit is contained in:
ful1e5 2020-09-29 10:42:32 +05:30
parent f0b2888311
commit f97dcc4606
1 changed files with 25 additions and 22 deletions
Download patch file Download diff file Expand all files Collapse all files

47
packages/core/src/BitmapsGenerator.ts
View file

@ -24,7 +24,6 @@ const pixelDiffRate: PixelDiffRate = {
export class BitmapsGenerator { export class BitmapsGenerator {
private readonly staticCurs: Cursors; private readonly staticCurs: Cursors;
private readonly animatedCurs: Cursors; private readonly animatedCurs: Cursors;
private spinner: Ora;
/** /**
* *
@ -37,16 +36,13 @@ export class BitmapsGenerator {
constructor( constructor(
private readonly source: ThemeConfig, private readonly source: ThemeConfig,
private readonly themeName: string, private readonly themeName: string,
private readonly bitmapsDir: string private bitmapsDir: string
) { ) {
this.bitmapsDir = path.resolve(bitmapsDir, themeName);
this.createDir(this.bitmapsDir); this.createDir(this.bitmapsDir);
this.spinner = ora();
this.spinner.text = ` Preparing ${this.themeName} cursor theme colors...`;
this.spinner.start();
const themeSvgs = new ColoredSvgGenerator(this.source); const themeSvgs = new ColoredSvgGenerator(this.source);
this.staticCurs = themeSvgs.getAnimatedCursors(); this.staticCurs = themeSvgs.getStaticCursors();
this.animatedCurs = themeSvgs.getAnimatedCursors(); this.animatedCurs = themeSvgs.getAnimatedCursors();
} }
@ -60,7 +56,7 @@ export class BitmapsGenerator {
dirPath = path.resolve(dirPath); dirPath = path.resolve(dirPath);
if (!fs.existsSync(dirPath)) { if (!fs.existsSync(dirPath)) {
fs.mkdirSync(dirPath); fs.mkdirSync(dirPath, { recursive: true });
} }
} }
@ -102,11 +98,13 @@ export class BitmapsGenerator {
* Generate `static` cursors bitmaps. * Generate `static` cursors bitmaps.
* *
* @param browser `puppeteer` browser instance. * @param browser `puppeteer` browser instance.
*
* @param spinner `Ora` instance.
*/ */
private async renderStaticCurs(browser: Browser) { private async renderStaticCurs(browser: Browser, spinner: Ora) {
for (let [cursor] of Object.entries(this.staticCurs)) { for (let [cursor] of Object.entries(this.staticCurs)) {
// Generating HTML Template // Generating HTML Template
const { content } = this.staticCurs[`${cursor}`]; const { content } = this.staticCurs[cursor];
// Configs // Configs
const file = `${cursor}.png`; const file = `${cursor}.png`;
@ -114,7 +112,7 @@ export class BitmapsGenerator {
const svgElement = await this.getSvgElement(browser, content); const svgElement = await this.getSvgElement(browser, content);
// Render // Render
this.spinner.text = ` Rendering ${chalk.greenBright(file)}`; spinner.text = ` Rendering ${chalk.greenBright(cursor)}`;
await svgElement.screenshot({ omitBackground: true, path: out }); await svgElement.screenshot({ omitBackground: true, path: out });
} }
@ -126,11 +124,13 @@ export class BitmapsGenerator {
* Generate `animated` cursors bitmaps. * Generate `animated` cursors bitmaps.
* *
* @param browser `puppeteer` browser instance. * @param browser `puppeteer` browser instance.
*
* @param spinner `Ora` instance.
*/ */
private async renderAnimatedCurs(browser: Browser) { private async renderAnimatedCurs(browser: Browser, spinner: Ora) {
for (let [cursor] of Object.entries(this.animatedCurs)) { for (let [cursor] of Object.entries(this.animatedCurs)) {
// Generating HTML Template // Generating HTML Template
const { content } = this.staticCurs[`${cursor}`]; const { content } = this.staticCurs[cursor];
const svgElement = this.getSvgElement(browser, content); const svgElement = this.getSvgElement(browser, content);
// Config // Config
@ -140,7 +140,7 @@ export class BitmapsGenerator {
const firstFrame = getFrameName(index, cursor); const firstFrame = getFrameName(index, cursor);
// 1st Frame // 1st Frame
this.spinner.text = ` Rendering ${chalk.greenBright(firstFrame)}`; spinner.text = ` Rendering ${chalk.greenBright(firstFrame)}`;
frames[firstFrame] = { frames[firstFrame] = {
buffer: await (await svgElement).screenshot({ buffer: await (await svgElement).screenshot({
omitBackground: true, omitBackground: true,
@ -152,7 +152,7 @@ export class BitmapsGenerator {
index++; index++;
while (!breakRendering) { while (!breakRendering) {
const key = getFrameName(index, cursor); const key = getFrameName(index, cursor);
this.spinner.text = ` Rendering ${chalk.greenBright(key)}`; spinner.text = ` Rendering ${chalk.greenBright(key)}`;
const newFrame = await (await svgElement).screenshot({ const newFrame = await (await svgElement).screenshot({
omitBackground: true, omitBackground: true,
@ -180,25 +180,28 @@ export class BitmapsGenerator {
* Generate cursors `bitmaps`. * Generate cursors `bitmaps`.
*/ */
public async generate() { public async generate() {
const spinner = ora();
spinner.text = ` Preparing ${this.themeName} .svg files...`;
spinner.start();
const browser = await puppeteer.launch({ const browser = await puppeteer.launch({
ignoreDefaultArgs: [" --single-process ", "--no-sandbox"], ignoreDefaultArgs: [" --single-process ", "--no-sandbox"],
headless: true headless: true
}); });
try { try {
this.spinner.color = "yellow"; spinner.color = "yellow";
await this.renderStaticCurs(browser, spinner);
await this.renderAnimatedCurs(browser, spinner);
await this.renderStaticCurs(browser); spinner.text = ` ${chalk.blueBright(
await this.renderAnimatedCurs(browser);
this.spinner.text = ` ${chalk.blueBright(
this.themeName this.themeName
)} bitmaps stored at ${chalk.greenBright(`${this.bitmapsDir}`)}`; )} bitmaps stored at ${chalk.greenBright(`${this.bitmapsDir}`)}`;
this.spinner.succeed(); spinner.succeed();
} catch (error) { } catch (error) {
console.error(error); console.error(error);
this.spinner.fail(); spinner.fail();
} }
} }
} }