From 4bdae71c9975fb22d3e2e6c69ec7bd994b0722ab Mon Sep 17 00:00:00 2001
From: ful1e5 <24286590+ful1e5@users.noreply.github.com>
Date: Wed, 19 Aug 2020 13:01:25 +0530
Subject: [PATCH] =?UTF-8?q?=F0=9F=93=A6=20shared=20package?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/shared/src/index.ts | 123 +----------------------------------
 1 file changed, 3 insertions(+), 120 deletions(-)

diff --git a/packages/shared/src/index.ts b/packages/shared/src/index.ts
index f3ba0846..b3217753 100644
--- a/packages/shared/src/index.ts
+++ b/packages/shared/src/index.ts
@@ -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 };