Merge pull request #36 from ful1e5/dev

macOS Big Sur v1.1.0

.gitconfig

@@ -0,0 +1,6 @@
+[user]
+    name=Kaiz Khatri
+    email=kaizmandhu@gmail.com
+[alias]
+    co=checkout
+    br=branch

.github/workflows/build.yml

@@ -7,7 +7,6 @@ on:
       - "**.bbcode"
       - LICENSE
     branches: [main, dev]
-
   pull_request:
     paths-ignore:
       - "**.md"
@@ -18,78 +17,55 @@ on:
 jobs:
   build:
     runs-on: ubuntu-latest
-
     steps:
       - uses: actions/checkout@v2
-
       - name: Install build dependencies (apt)
-        run: |
+        run: sudo apt install -y libx11-dev libxcursor-dev libpng-dev
-          sudo apt install libx11-dev libxcursor-dev libpng-dev
         continue-on-error: false
-
       - name: Get yarn cache directory path
         id: yarn-cache-dir-path
         run: echo "::set-output name=dir::$(yarn cache dir)"
-
+      - name: Caching yarn packages
-      - uses: actions/cache@v2
+        uses: actions/cache@v2
         id: yarn-cache # use this to check for `cache-hit` (`steps.yarn-cache.outputs.cache-hit != 'true'`)
         with:
           path: ${{ steps.yarn-cache-dir-path.outputs.dir }}
           key: ${{ runner.os }}-yarn-${{ hashFiles('**/yarn.lock') }}
           restore-keys: |
             ${{ runner.os }}-yarn-
-
+      - name: Set Up NodeJS 12.x
-      - uses: actions/setup-node@v1
+        uses: actions/setup-node@v1
         with:
           node-version: "12.x"
-      - run: yarn install
+      - name: Caching pip packages
-      - run: yarn render
-
-      - name: Set up Python
-        uses: actions/setup-python@v2
-        with:
-          python-version: "3.x"
-
-      - name: Cache pip dependencies
         uses: actions/cache@v2
+        id: pip-cache # use this to check for `cache-hit` (`steps.pip-cache.outputs.cache-hit != 'true'`)
         with:
-          # This path is specific to Ubuntu
           path: ~/.cache/pip
-          # Look to see if there is a cache hit for the corresponding requirements file
+          key: ${{ runner.os }}-pip-${{ hashFiles('**/setup.py') }}
-          key: ${{ runner.os }}-pip-${{ hashFiles('requirements.txt') }}
           restore-keys: |
             ${{ runner.os }}-pip-
-            ${{ runner.os }}-
+      - name: Set up Python 3.8
-
+        uses: actions/setup-python@v2
-      - name: Install pip dependencies
-        run: |
-          python -m pip install --upgrade pip
-          if [ -f requirements.txt ]; then pip install -r requirements.txt; fi
-        continue-on-error: false
-
-      - name: Generating `macOSBigSur` Cursor Theme
-        run: python build.py
-
-      - name: Compressing Artifacts
-        run: |
-          tar -cvzf logs.tar.gz build.log
-          tar -cvzf bitmaps.tar.gz bitmaps
-          tar -cvzf macOSBigSur.tar.gz themes
-
-      - name: Uploading `macOSBigSur` Build Log artifact
-        uses: actions/upload-artifact@v2
         with:
-          name: logs
+          python-version: "3.8"
-          path: logs.tar.gz
+      - name: Generating `macOSBigSur` Cursor Theme
-
+        run: make
+        continue-on-error: false
+      - name: Compressing UNIX theme
+        run: tar -cvzf macOSBigSur.tar.gz themes/macOSBigSur
       - name: Uploading `bitmaps` artifact
         uses: actions/upload-artifact@v2
         with:
           name: bitmaps
-          path: bitmaps.tar.gz
+          path: bitmaps/*
-
+      - name: Uploading `macOSBigSur` UNIX Theme artifact
-      - name: Uploading `macOSBigSur` Theme artifact
         uses: actions/upload-artifact@v2
         with:
           name: macOSBigSur
           path: macOSBigSur.tar.gz
+      - name: Uploading `macOSBigSur` Windows Theme artifact
+        uses: actions/upload-artifact@v2
+        with:
+          name: macOSBigSur_Windows
+          path: themes/macOSBigSur_Windows/*

.gitignore

@@ -1,6 +1,7 @@
 ########## Custom
 bitmaps
 themes
+builder/files.txt
 
 ########## Python
 

CHANGELOG.md

@@ -7,6 +7,37 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [unreleased]
 
+## [1.1.0] - 7 Feb 2021
+
+### Added
+
+- Smooth animation of `Animated Cursors`
+- Auto-Package by `clickgen`
+- Customize & Build with `make`
+- Organized project
+- Builder with `setup.py`
+- Cursors design #33 **fixed**
+
+### Changed
+
+- Variable length frames render **fixed**
+- Minimum frames rendering added.
+- Windows cursors are renamed
+- cursor's config moved to `builder/applbuild/constants.py`
+
+## [1.0.6] - 1 Nov 2020
+
+### Added
+
+- `left_ptr_watch` with **blue pinwheel**
+
+### Changed
+
+- `build.log` removed feature in **clickgen v1.1.8**
+- Repack Windows cursors
+- Removed npm scripts & documentation (`yon` package removed)
+- npm dependencies got upgraded (**dependabot** 🤖 security warning)
+
 ## [1.0.6] - 1 Nov 2020
 
 ### Added

Makefile

@@ -0,0 +1,51 @@
+theme := macOSBigSur
+src := ./themes/$(theme)
+
+local := ~/.icons
+local_dest := $(local)/$(theme)
+
+root := /usr/share/icons
+root_dest := $(root)/$(theme)
+
+all: clean render build
+
+unix: clean render bitmaps
+	@cd builder && make build_unix
+
+windows: clean render bitmaps
+	@cd builder && make build_windows
+
+.PHONY: all
+
+clean:
+	@rm -rf bitmaps themes
+	
+render: bitmapper svg
+	@cd bitmapper && $(MAKE)
+
+build: bitmaps
+	@cd builder && $(MAKE)
+
+.ONESHELL:
+SHELL:=/bin/bash
+
+
+install: themes/macOSBigSur
+	@if [[ $EUID -ne 0 ]]; then
+		@echo "> Installing '$(theme)' cursors inside $(local)/..."
+		@mkdir -p $(local)
+		@cp -r $(src) $(local_dest) && echo "> Installed!"
+	@else
+		@echo "> Installing '$(theme)' cursors inside $(root)/..."
+		@mkdir -p $(root)
+		@sudo cp -r $(src) $(root_dest) && echo "> Installed!"
+	@fi
+
+uninstall:
+	@if [[ $EUID -ne 0 ]]; then
+		@echo "> Removing '$(local_dest)'..."
+		@rm -rf $(local_dest)
+	@else
+		@echo "> Removing '$(root_dest)'..."
+		@sudo rm -rf $(root_dest)
+	@fi

PLING.bbcode

@@ -1,11 +1,12 @@
-[b]macOS Big Sur[/b] Cursor Theme with [b]HiDPi[/b] Display support. This Cursor is built with [b][url=https://github.com/ful1e5/clickgen]clickgen[/url][/b] and render with the [b][url=https://github.com/puppeteer/puppeteer/]puppeteer[/url][/b].
+[b]macOS Big Sur[/b] Cursor Theme with [b]HiDPI[/b] Display support. This Cursor is built with [b][url=https://github.com/ful1e5/clickgen]clickgen[/url][/b] and render with the [b][url=https://github.com/puppeteer/puppeteer/]puppeteer[/url][/b].
 [i]Available Sizes[/i] [b]22, 24, 28, 32, 40, 48, 56, 64, 72, 80, 88, 96[/b]
 
-[i]Get latest build[/i] @[b][url=https://github.com/ful1e5/apple_cursor/actions]GitHub Actions[/url][/b]
+[i]Get the latest build[/i] @[b][url=https://github.com/ful1e5/apple_cursor/actions]GitHub Actions[/url][/b]
 [i]Release Notification[/i] at [b][url=https://twitter.com/ful1e5]Twitter[/url][/b](@ful1e5)
+For [i]Customizing Size[/i] check [b][url=https://github.com/ful1e5/apple_cursor#manual-build]README.md[/url][/b] 
 
 [b]Linux/X11 installation[/b]
-Get the latest stable Linux release from the [b][url=https://www.pling.com/p/1408466/#files-panel]Pling[/url][/b]. Unpack [b].tar.gz[/b] file and follow these [b]commands[/b].
+Get the latest stable Linux release from the [b][url=https://www.pling.com/p/1408466/#files-panel]Pling[/url][/b]. Unpack the [b].tar.gz[/b] file and follow these [b]commands[/b].
 
 [b]Install[/b]
 [b]For all user:[/b]
@@ -23,7 +24,7 @@ Get the latest stable Linux release from the [b][url=https://www.pling.com/p/140
 [list=1]
     [*]unzip [b]macOSBigSur_Windows.zip[/b] file[/*]
     [*]Open [b]macOSBigSur_Windows/[/b] in Explorer, and [b]right-click[/b] on [b]install.inf[/b].[/*]
-    [*]Click 'Install' from the context menu, and authorise the modifications to your system.[/*]
+    [*]Click 'Install' from the context menu, and authorize the modifications to your system.[/*]
     [*]Open [i]Control Panel > Personalisation and Appearance > Change mouse pointers[/i], and select [b]MacOSBigSur Cursors[/b].[/*]
     [*]Click '[b]Apply[/b]'.[/*]
 [/list]

README.md

@@ -68,20 +68,23 @@
 
 # Apple Cursor
 
-Enjoy upcoming **[macOS BigSur](https://www.apple.com/macos/big-sur-preview/)** Cursor Theme for `Windows` and `Linux` with _HiDPi Support_ 🎉.
+Enjoy **[macOS Big Sur](https://www.apple.com/macos/big-sur-preview/)** Cursor Theme for `Windows` and `Linux` with _HiDPI Support_ 🎉.
 
 <!-- Table Of Content -->
 <details>
  <summary><strong>Table of Contents</strong> (click to expand)</summary>
 
-- [Apple Cursor](#apple-cursor) - [Cursor Sizes](#cursor-sizes) - [Colors](#colors) - [Quick install](#quick-install)
+-   [Apple Cursor](#apple-cursor)
+    -   [Cursor Sizes](#cursor-sizes)
+    -   [Colors](#colors)
+    -   [Quick install](#quick-install)
     -   [Manual Install](#manual-install)
         -   [Linux/X11](#linuxx11)
         -   [Windows](#windows)
         -   [Preview:](#preview)
 -   [Dependencies](#dependencies)
-  - [Runtime Dependencies](#runtime-dependencies)
+    -   [External Libraries](#external-libraries)
-    - [Install Runtime Dependencies](#install-runtime-dependencies)
+        -   [Install External Libraries](#install-external-libraries)
             -   [macOS](#macos)
             -   [Debain/ubuntu](#debainubuntu)
             -   [ArchLinux/Manjaro](#archlinuxmanjaro)
@@ -92,13 +95,11 @@ Enjoy upcoming **[macOS BigSur](https://www.apple.com/macos/big-sur-preview/)**
     -   [Build From Scratch](#build-from-scratch)
         -   [⚡ Auto Build (using GitHub Actions)](#-auto-build-using-github-actions)
         -   [Manual Build](#manual-build)
-      - [Setup python environment](#setup-python-environment)
+            -   [Build `XCursor` theme](#build-xcursor-theme)
-      - [Compile From Source](#compile-from-source)
+            -   [Customize `XCursor` size](#customize-xcursor-size)
-        - [Using yarn](#using-yarn)
+            -   [Install `XCursor` theme](#install-xcursor-theme)
-        - [Using npm](#using-npm)
+            -   [Build `Windows` theme](#build-windows-theme)
-    - [Install Build Theme](#install-build-theme)
+            -   [Customize `Windows Cursor` size](#customize-windows-cursor-size)
-      - [Linux](#linux)
-      - [Windows](#windows-1)
 -   [Bugs](#bugs)
 -   [Getting Help](#getting-help)
 -   [Contributing](#contributing)
@@ -144,11 +145,6 @@ Enjoy upcoming **[macOS BigSur](https://www.apple.com/macos/big-sur-preview/)**
 
 #### Linux/X11
 
-<!-- Install Video  -->
-<!-- <p align="center">
-  <video src="https://i.imgur.com/zIF1JkH.mp4" width="75%" autoplay loop preload></video>
-</p> -->
-
 ```bash
 # extract `macOSBigSur.tar.gz`
 tar -xvf macOSBigSur.tar.gz
@@ -170,12 +166,12 @@ sudo mv macOSBigSur /usr/share/icons/
 
 #### Preview:
 
-> Detailed Cursors Informations inside [src/svgs/README.md](https://github.com/ful1e5/apple_cursor/blob/main/src/svg/README.md)
+> Check Figma file [here](https://www.figma.com/file/OZw8Ylb9xPFw9h1uZYSMFa/Mac-Cursor?node-id=0%3A1)
 
 <!-- Preview -->
 
 <p align="center">
-  <img title="macOS Big Sur" src="https://imgur.com/Hrd64DF.png">
+  <img title="macOS Big Sur" src="https://i.imgur.com/ij1Xrr2.png">
   </br>
   <sub>macOSBigSur Cursors 🍎</sub>
 </p>
@@ -184,18 +180,19 @@ sudo mv macOSBigSur /usr/share/icons/
 
 # Dependencies
 
-## Runtime Dependencies
+## External Libraries
 
-- libxcursor-dev
+-   libxcursor
-- libx11-dev
+-   libx11
-- libpng-dev (<=1.6)
+-   libpng (<=1.6)
 
-#### Install Runtime Dependencies
+#### Install External Libraries
 
 ##### macOS
 
 ```bash
-brew cask install xquartz libpng
+brew install --cask xquartz
+brew install libpng
 ```
 
 ##### Debain/ubuntu
@@ -218,9 +215,11 @@ sudo dnf install libX11-devel libXcursor-devel libpng-devel
 
 ## Build Dependencies
 
+-   [gcc](https://gcc.gnu.org/install/)
+-   [make](https://www.gnu.org/software/make/)
 -   [nodejs](https://nodejs.org/en/) (<=12.x.x)
-- [yarn](https://classic.yarnpkg.com/en/docs/install/) / [npm](https://docs.npmjs.com/cli/install.html)
+-   [yarn](https://classic.yarnpkg.com/en/docs/install/)
-- [python](https://www.python.org/downloads/) (<=3.6)
+-   [python](https://www.python.org/downloads/) (<=3.8)
 -   [pip3](https://pip.pypa.io/en/stable/installing/)
 
 ### Node Packages
@@ -232,70 +231,53 @@ sudo dnf install libX11-devel libXcursor-devel libpng-devel
 ### PyPi Packages
 
 -   [clickgen](https://pypi.org/project/clickgen/s)
-- [Pillow](https://pypi.org/project/Pillow/)
 
 ## Build From Scratch
 
 ### ⚡ Auto Build (using GitHub Actions)
 
-GitHub Actions is automatically runs on every `push`(on **main** and **dev** branches) and `pull request`(on **main** branch), You found theme resources in `artifact` section of **build**.GitHub **Actions** available inside [.github/workflows](https://github.com/ful1e5/apple_cursor/tree/main/.github/workflows) directory.
+GitHub Actions is automatically runs on every `push`(on **main** and **dev** branches) and `pull request`(on **main** branch), You found theme resources in `artifact` section of **build**.GitHub **Actions** source is available inside [.github/workflows](https://github.com/ful1e5/apple_cursor/tree/main/.github/workflows) directory.
 
 ### Manual Build
 
-#### Setup python environment
-
 ```bash
-python3 -m pip install --upgrade pip                 # Update pip to latest
+make
-python3 -m pip3 install virtualenv                   # Install python virtual environment
-virtualenv venv                                      # Create new virtualenv named `venv`
-source venv/bin/activate                             # Activate virtualenv
-
-# For Deactivate virtualenv
-deactivate
 ```
 
-#### Compile From Source
+#### Build `XCursor` theme
-
-> Make sure your [python environment](#setup-python-environment) setup and `virtualenv` is **active**.
-
-##### Using yarn
 
 ```bash
-yarn install                                         # Install all Node Packages
+make unix
-yarn py_install                                      # Install all PyPi Packages
-yarn compile                                         # Compile the cursor theme
 ```
 
-##### Using npm
+#### Customize `XCursor` size
 
 ```bash
-npm install                                          # Install all Node Packages
+make unix X_SIZES=22            # Only built '22px' pixel-size.
-npm py_install                                       # Install all PyPi Packages
+make unix X_SIZES=22 24 32      # Multiple sizes are provided with  ' '(Space)
-npm compile                                          # Compile the cursor theme
 ```
 
-After build `bitmaps` and `themes` directory are generated at project **root**.
+#### Install `XCursor` theme
-
-### Install Build Theme
-
-All builded cursor themes are available inside `themes` directory.
-
-#### Linux
 
 ```bash
-cd ./themes
+make install            # install as user
-rm -rf ~/.icons/macOSBigSur && cp macOSBigSur ~/.icons/   # installing Theme to local user(recommend)
+  # OR
+sudo make install       # install as root
 ```
 
-#### Windows
+#### Build `Windows` theme
 
-1. unzip `macOSBigSur_Windows.zip` file
+```bash
-2. Open the `settings` app.
+make windows
-3. **Goto** `Devices` -> `Mouse` -> `Additional Mouse Options`.
+```
-4. **Goto** the `pointers` tab.
+
-5. Replace each cursor in the currently applied cursor set with the corresponding cursor in the `macOSBigSur_Windows` folder.
+#### Customize `Windows Cursor` size
-6. Click "**save as**" and type in the desired name.
+
-7. Click "**apply**" and "**ok**".
+```bash
+make windows WIN_SIZE=96            # Supports only one pixel-size
+```
+
+> For installation follow [these](#windows) steps.
 
 <!-- Bug Report -->
 
@@ -334,4 +316,6 @@ Give a **★** or Follow on [GitHub](https://github.com/ful1e5),That's work as *
 </h1>
 <p align="center">
   <sub>I'm Using Katana </sub>
+</p>
+  <sub>I'm Using Katana </sub>
 </p>

bitmapper/Makefile

@@ -0,0 +1,18 @@
+all: install render
+
+.PHONY: all
+
+install: node_modules package.json 
+	@yarn install 
+
+render:
+	@yarn render
+
+watch:
+	@yarn watch
+
+node_modules:
+	@mkdir -p $@
+
+clean:
+	@rm -rf node_modules yarn.lock

bitmapper/package.json

@@ -0,0 +1,26 @@
+{
+  "name": "apple_cursor_bitmapper",
+  "version": "1.1.0",
+  "main": "index.js",
+  "scripts": {
+    "watch": "nodemon --inspect src/index.ts",
+    "render": "yarn ts-node src/index.ts"
+  },
+  "repository": "git@github.com:ful1e5/apple_cursor.git",
+  "author": "Kaiz Khatri",
+  "license": "GPL-3.0",
+  "private": true,
+  "devDependencies": {
+    "@types/pixelmatch": "^5.2.2",
+    "@types/pngjs": "^3.4.2",
+    "@types/puppeteer": "^5.4.2",
+    "nodemon": "^2.0.7",
+    "ts-node": "^9.1.1",
+    "typescript": "^4.1.3"
+  },
+  "dependencies": {
+    "pixelmatch": "^5.2.1",
+    "pngjs": "^6.0.0",
+    "puppeteer": "^5.5.0"
+  }
+}

bitmapper/src/config.ts

@@ -0,0 +1,23 @@
+import path from "path";
+import { readdirSync, existsSync } from "fs";
+
+// Directory resolve
+const projectRoot = path.resolve(__dirname, "../../");
+
+const outDir = path.resolve(projectRoot, "bitmaps");
+const staticSvgDir = path.resolve(projectRoot, "svg", "static");
+const animatedSvgDir = path.resolve(projectRoot, "svg", "animated");
+
+// Generate a svg list
+if (!existsSync(staticSvgDir) || !existsSync(animatedSvgDir)) {
+  throw new Error("svg directory not found");
+}
+
+const staticCursors = readdirSync(staticSvgDir).map((f) =>
+  path.resolve(staticSvgDir, f)
+);
+const animatedCursors = readdirSync(animatedSvgDir).map((f) =>
+  path.resolve(animatedSvgDir, f)
+);
+
+export { staticCursors, animatedCursors, outDir };

bitmapper/src/index.ts

@@ -0,0 +1,127 @@
+import fs from "fs";
+import path from "path";
+import puppeteer, { ElementHandle, Page } from "puppeteer";
+
+import { animatedCursors, outDir, staticCursors } from "./config";
+import { frameNumber } from "./utils/frameNumber";
+import { matchImages } from "./utils/matchImages";
+import { toHTML } from "./utils/toHTML";
+
+const getSVGElement = async (page: Page) => {
+  const svg = await page.$("#container svg");
+
+  if (!svg) {
+    throw new Error("svg element not found!");
+  }
+  return svg;
+};
+
+const screenshot = async (element: ElementHandle<Element>): Promise<Buffer> => {
+  return element.screenshot({
+    omitBackground: true,
+    encoding: "binary",
+  });
+};
+
+const stopAnimation = async (page: Page) => {
+  // @ts-ignore
+  await page._client.send("Animation.setPlaybackRate", {
+    playbackRate: 0,
+  });
+};
+
+const resumeAnimation = async (page: Page, playbackRate: number = 0.1) => {
+  // @ts-ignore
+  await page._client.send("Animation.setPlaybackRate", {
+    playbackRate,
+  });
+};
+
+const saveFrameImage = (key: string, frame: Buffer) => {
+  const out_path = path.resolve(outDir, key);
+  fs.writeFileSync(out_path, frame, { encoding: "binary" });
+};
+
+const main = async () => {
+  const browser = await puppeteer.launch({
+    ignoreDefaultArgs: ["--single-process", "--no-sandbox"],
+    headless: true,
+  });
+
+  if (!fs.existsSync(outDir)) {
+    fs.mkdirSync(outDir);
+  } else {
+    throw new Error(`out directory '${outDir}' already exists.`);
+  }
+
+  for (const svgFilePath of staticCursors) {
+    const svgData = fs.readFileSync(svgFilePath, "utf-8");
+    if (!svgData) {
+      throw new Error(`${svgFilePath} File Read error`);
+    }
+
+    const page = await browser.newPage();
+    const html = toHTML(svgData);
+
+    await page.setContent(html);
+    const svg = await getSVGElement(page);
+
+    const key = `${path.basename(svgFilePath, ".svg")}.png`;
+    const out = path.join(outDir, key);
+
+    console.log("Saving", key, "...");
+    await svg.screenshot({ omitBackground: true, path: out });
+    await page.close();
+  }
+
+  for (const svgFilePath of animatedCursors) {
+    const svgData = fs.readFileSync(svgFilePath, "utf8");
+    if (!svgData) {
+      throw new Error(`${svgFilePath} File Read error`);
+    }
+
+    const page = await browser.newPage();
+    const html = toHTML(svgData);
+
+    await page.setContent(html);
+    const svg = await getSVGElement(page);
+    await stopAnimation(page);
+
+    let index = 1;
+    const frameLimit = 300;
+    let breakRendering = false;
+    let prevImg: Buffer;
+
+    // Rendering frames till `imgN` matched to `imgN-1` (When Animation is done)
+    while (!breakRendering) {
+      if (index > frameLimit) {
+        throw new Error("Reached the frame limit.");
+      }
+
+      resumeAnimation(page);
+      const img = await screenshot(svg);
+      stopAnimation(page);
+
+      if (index > 1) {
+        // @ts-ignore
+        const diff = matchImages(prevImg, img);
+        if (diff <= 100) {
+          breakRendering = !breakRendering;
+        }
+      }
+      const frame = frameNumber(index, 3);
+      const key = `${path.basename(svgFilePath, ".svg")}-${frame}.png`;
+
+      console.log("Saving", key, "...");
+      saveFrameImage(key, img);
+
+      prevImg = img;
+      ++index;
+    }
+
+    await page.close();
+  }
+  await browser.close();
+};
+
+main();

bitmapper/src/utils/frameNumber.ts

@@ -0,0 +1,7 @@
+export const frameNumber = (index: number, padding: number) => {
+  let result = "" + index;
+  while (result.length < padding) {
+    result = "0" + result;
+  }
+  return result;
+};

bitmapper/src/utils/matchImages.ts

@@ -0,0 +1,11 @@
+import Pixelmatch from "pixelmatch";
+import { PNG } from "pngjs";
+
+export const matchImages = (img1: Buffer, img2: Buffer): number => {
+  const { data: img1Data, width, height } = PNG.sync.read(img1);
+  const { data: imgNData } = PNG.sync.read(img2);
+
+  return Pixelmatch(img1Data, imgNData, null, width, height, {
+    threshold: 0.1,
+  });
+};

bitmapper/src/utils/toHTML.ts

@@ -4,7 +4,7 @@ export const template = `
     <head>
         <meta charset="UTF-8">
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <title>Eggy Render Template</title>
+        <title>Render Template</title>
     </head>
                 
     <body>
@@ -15,5 +15,5 @@ export const template = `
 </html>
 `;
 
-export const generateRenderTemplate = (svg: string) =>
+export const toHTML = (svgData: string): string =>
-  template.replace("<svginjection>", svg);
+  template.replace("<svginjection>", svgData);

bitmapper/tsconfig.json

@@ -0,0 +1,12 @@
+{
+  "compilerOptions": {
+    "strict": true,
+    "noUnusedLocals": true,
+    "strictNullChecks": true,
+    "esModuleInterop": true,
+    "target": "ES2015",
+    "module": "commonjs",
+    "lib": ["es2015", "dom"],
+    "noUnusedParameters": true
+  }
+}

bitmapper/yarn.lock

@@ -2,27 +2,6 @@
 # yarn lockfile v1
 
 
-"@babel/code-frame@^7.0.0":
-  version "7.10.4"
-  resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.10.4.tgz#168da1a36e90da68ae8d49c0f1b48c7c6249213a"
-  integrity sha512-vG6SvB6oYEhvgisZNFRmRCUkLz11c7rp+tbNTynGqc6mS1d5ATd/sGyV6W0KZZnXRKMTzZDRgQT3Ou9jhpAfUg==
-  dependencies:
-    "@babel/highlight" "^7.10.4"
-
-"@babel/helper-validator-identifier@^7.10.4":
-  version "7.10.4"
-  resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.10.4.tgz#a78c7a7251e01f616512d31b10adcf52ada5e0d2"
-  integrity sha512-3U9y+43hz7ZM+rzG24Qe2mufW5KhvFg/NhnNph+i9mgCtdTCtMJuI1TMkrIUiK7Ix4PYlRF9I5dhqaLYA/ADXw==
-
-"@babel/highlight@^7.10.4":
-  version "7.10.4"
-  resolved "https://registry.yarnpkg.com/@babel/highlight/-/highlight-7.10.4.tgz#7d1bdfd65753538fabe6c38596cdb76d9ac60143"
-  integrity sha512-i6rgnR/YgPEQzZZnbTHHuZdlE8qyoBNalD6F+q4vAFlcMEcqmkoG+mPqJYJCo63qPf74+Y1UZsl3l6f7/RIkmA==
-  dependencies:
-    "@babel/helper-validator-identifier" "^7.10.4"
-    chalk "^2.0.0"
-    js-tokens "^4.0.0"
-
 "@sindresorhus/is@^0.14.0":
   version "0.14.0"
   resolved "https://registry.yarnpkg.com/@sindresorhus/is/-/is-0.14.0.tgz#9fb3a3cf3132328151f353de4632e01e52102bea"
@@ -36,11 +15,11 @@
     defer-to-connect "^1.0.1"
 
 "@types/node@*":
-  version "14.14.2"
+  version "14.14.22"
-  resolved "https://registry.yarnpkg.com/@types/node/-/node-14.14.2.tgz#d25295f9e4ca5989a2c610754dc02a9721235eeb"
+  resolved "https://registry.yarnpkg.com/@types/node/-/node-14.14.22.tgz#0d29f382472c4ccf3bd96ff0ce47daf5b7b84b18"
-  integrity sha512-jeYJU2kl7hL9U5xuI/BhKPZ4vqGM/OmK6whiFAXVhlstzZhVamWhDSmHyGLIp+RVyuF9/d0dqr2P85aFj4BvJg==
+  integrity sha512-g+f/qj/cNcqKkc3tFqlXOYjrmZA+jNBiDzbP3kH+B+otKFqAdPgVTGP1IeKRdMml/aE69as5S4FqtxAbl+LaMw==
 
-"@types/pixelmatch@^5.2.1":
+"@types/pixelmatch@^5.2.2":
   version "5.2.2"
   resolved "https://registry.yarnpkg.com/@types/pixelmatch/-/pixelmatch-5.2.2.tgz#3403238d4b920bf2255fb6cbf9a098bef796ce62"
   integrity sha512-ndpfW/H8+SAiI3wt+f8DlHGgB7OeBdgFgBJ6v/1l3SpJ0MCn9wtXFb4mUccMujN5S4DMmAh7MVy1O3WcXrHUKw==
@@ -54,10 +33,10 @@
   dependencies:
     "@types/node" "*"
 
-"@types/puppeteer@^3.0.1":
+"@types/puppeteer@^5.4.2":
-  version "3.0.2"
+  version "5.4.2"
-  resolved "https://registry.yarnpkg.com/@types/puppeteer/-/puppeteer-3.0.2.tgz#20085220593b560c7332b6d46aecaf81ae263540"
+  resolved "https://registry.yarnpkg.com/@types/puppeteer/-/puppeteer-5.4.2.tgz#80f3a1f54dedbbf750779716de81401549062072"
-  integrity sha512-JRuHPSbHZBadOxxFwpyZPeRlpPTTeMbQneMdpFd8LXdyNfFSiX950CGewdm69g/ipzEAXAmMyFF1WOWJOL/nKw==
+  integrity sha512-yjbHoKjZFOGqA6bIEI2dfBE5UPqU0YGWzP+ipDVP1iGzmlhksVKTBVZfT3Aj3wnvmcJ2PQ9zcncwOwyavmafBw==
   dependencies:
     "@types/node" "*"
 
@@ -95,13 +74,6 @@ ansi-regex@^5.0.0:
   resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-5.0.0.tgz#388539f55179bf39339c81af30a654d69f87cb75"
   integrity sha512-bY6fj56OUQ0hU1KjFNDQuJFezqKdrAyFdIevADiqrWHwSlbmBNMHp5ak2f40Pm8JTFyM2mqxkG6ngkHO11f/lg==
 
-ansi-styles@^3.2.1:
-  version "3.2.1"
-  resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-3.2.1.tgz#41fbb20243e50b12be0f04b8dedbf07520ce841d"
-  integrity sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==
-  dependencies:
-    color-convert "^1.9.0"
-
 ansi-styles@^4.1.0:
   version "4.3.0"
   resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-4.3.0.tgz#edd803628ae71c04c85ae7a0906edad34b648937"
@@ -122,27 +94,20 @@ arg@^4.1.0:
   resolved "https://registry.yarnpkg.com/arg/-/arg-4.1.3.tgz#269fc7ad5b8e42cb63c896d5666017261c144089"
   integrity sha512-58S9QDqG0Xx27YwPSt9fJxivjYl432YCwfDMfZ+71RAqUrZef7LrKQZ3LHLOwCS4FLNBplP533Zx895SeOCHvA==
 
-argparse@^1.0.7:
-  version "1.0.10"
-  resolved "https://registry.yarnpkg.com/argparse/-/argparse-1.0.10.tgz#bcd6791ea5ae09725e17e5ad988134cd40b3d911"
-  integrity sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==
-  dependencies:
-    sprintf-js "~1.0.2"
-
 balanced-match@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/balanced-match/-/balanced-match-1.0.0.tgz#89b4d199ab2bee49de164ea02b89ce462d71b767"
   integrity sha1-ibTRmasr7kneFk6gK4nORi1xt2c=
 
-base64-js@^1.0.2:
+base64-js@^1.3.1:
-  version "1.3.1"
+  version "1.5.1"
-  resolved "https://registry.yarnpkg.com/base64-js/-/base64-js-1.3.1.tgz#58ece8cb75dd07e71ed08c736abc5fac4dbf8df1"
+  resolved "https://registry.yarnpkg.com/base64-js/-/base64-js-1.5.1.tgz#1b1b440160a5bf7ad40b650f095963481903930a"
-  integrity sha512-mLQ4i2QO1ytvGWFWmcngKO//JXAQueZvwEKtjgQFM4jIK0kU+ytMfplL8j+n5mspOfjHwoAg+9yhb7BwAHm36g==
+  integrity sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==
 
 binary-extensions@^2.0.0:
-  version "2.1.0"
+  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/binary-extensions/-/binary-extensions-2.1.0.tgz#30fa40c9e7fe07dbc895678cd287024dea241dd9"
+  resolved "https://registry.yarnpkg.com/binary-extensions/-/binary-extensions-2.2.0.tgz#75f502eeaf9ffde42fc98829645be4ea76bd9e2d"
-  integrity sha512-1Yj8h9Q+QDF5FzhMs/c9+6UntbD5MkRfRwac8DoEm9ZfUBZ7tZ55YcGVAzEe4bXsdQHEk+s9S5wsOKVdZrw0tQ==
+  integrity sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==
 
 bl@^4.0.3:
   version "4.0.3"
@@ -193,17 +158,12 @@ buffer-from@^1.0.0:
   integrity sha512-MQcXEUbCKtEo7bhqEs6560Hyd4XaovZlO/k9V3hjVUF/zwW7KBVdSK4gIt/bzwS9MbR5qob+F5jusZsb0YQK2A==
 
 buffer@^5.2.1, buffer@^5.5.0:
-  version "5.6.0"
+  version "5.7.1"
-  resolved "https://registry.yarnpkg.com/buffer/-/buffer-5.6.0.tgz#a31749dc7d81d84db08abf937b6b8c4033f62786"
+  resolved "https://registry.yarnpkg.com/buffer/-/buffer-5.7.1.tgz#ba62e7c13133053582197160851a8f648e99eed0"
-  integrity sha512-/gDYp/UtU0eA1ys8bOs9J6a+E/KWIY+DZ+Q2WESNUA0jFRsJOc0SNUO6xJ5SGA1xueg3NL65W6s+NY5l9cunuw==
+  integrity sha512-EHcyIPBQ4BSGlvjB16k5KgAJ27CIsHY/2JBmCRReo48y9rQ3MaUzWX3KVlBa4U7MyX02HdVj0K7C3WaB3ju7FQ==
   dependencies:
-    base64-js "^1.0.2"
+    base64-js "^1.3.1"
-    ieee754 "^1.1.4"
+    ieee754 "^1.1.13"
-
-builtin-modules@^1.1.1:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/builtin-modules/-/builtin-modules-1.1.1.tgz#270f076c5a72c02f5b65a47df94c5fe3a278892f"
-  integrity sha1-Jw8HbFpywC9bZaR9+Uxf46J4iS8=
 
 cacheable-request@^6.0.0:
   version "6.1.0"
@@ -223,15 +183,6 @@ camelcase@^5.3.1:
   resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-5.3.1.tgz#e3c9b31569e106811df242f715725a1f4c494320"
   integrity sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==
 
-chalk@^2.0.0, chalk@^2.3.0:
-  version "2.4.2"
-  resolved "https://registry.yarnpkg.com/chalk/-/chalk-2.4.2.tgz#cd42541677a54333cf541a49108c1432b44c9424"
-  integrity sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==
-  dependencies:
-    ansi-styles "^3.2.1"
-    escape-string-regexp "^1.0.5"
-    supports-color "^5.3.0"
-
 chalk@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/chalk/-/chalk-3.0.0.tgz#3f73c2bf526591f574cc492c51e2456349f844e4"
@@ -241,9 +192,9 @@ chalk@^3.0.0:
     supports-color "^7.1.0"
 
 chokidar@^3.2.2:
-  version "3.4.3"
+  version "3.5.1"
-  resolved "https://registry.yarnpkg.com/chokidar/-/chokidar-3.4.3.tgz#c1df38231448e45ca4ac588e6c79573ba6a57d5b"
+  resolved "https://registry.yarnpkg.com/chokidar/-/chokidar-3.5.1.tgz#ee9ce7bbebd2b79f49f304799d5468e31e14e68a"
-  integrity sha512-DtM3g7juCXQxFVSNPNByEC2+NImtBuxQQvWlHunpJIS5Ocr0lG306cC7FCi7cEA0fzmybPUIl4txBIobk1gGOQ==
+  integrity sha512-9+s+Od+W0VJJzawDma/gvBNQqkTiqYTWLuZoyAsivsI4AaWTCzHG06/TMjsf1cYe9Cb97UCEhjz7HvnPk2p/tw==
   dependencies:
     anymatch "~3.1.1"
     braces "~3.0.2"
@@ -253,7 +204,7 @@ chokidar@^3.2.2:
     normalize-path "~3.0.0"
     readdirp "~3.5.0"
   optionalDependencies:
-    fsevents "~2.1.2"
+    fsevents "~2.3.1"
 
 chownr@^1.1.1:
   version "1.1.4"
@@ -277,13 +228,6 @@ clone-response@^1.0.2:
   dependencies:
     mimic-response "^1.0.0"
 
-color-convert@^1.9.0:
-  version "1.9.3"
-  resolved "https://registry.yarnpkg.com/color-convert/-/color-convert-1.9.3.tgz#bb71850690e1f136567de629d2d5471deda4c1e8"
-  integrity sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==
-  dependencies:
-    color-name "1.1.3"
-
 color-convert@^2.0.1:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/color-convert/-/color-convert-2.0.1.tgz#72d3a68d598c9bdb3af2ad1e84f21d896abd4de3"
@@ -291,21 +235,11 @@ color-convert@^2.0.1:
   dependencies:
     color-name "~1.1.4"
 
-color-name@1.1.3:
-  version "1.1.3"
-  resolved "https://registry.yarnpkg.com/color-name/-/color-name-1.1.3.tgz#a7d0558bd89c42f795dd42328f740831ca53bc25"
-  integrity sha1-p9BVi9icQveV3UIyj3QIMcpTvCU=
-
 color-name@~1.1.4:
   version "1.1.4"
   resolved "https://registry.yarnpkg.com/color-name/-/color-name-1.1.4.tgz#c2a09a87acbde69543de6f63fa3995c826c536a2"
   integrity sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==
 
-commander@^2.12.1:
-  version "2.20.3"
-  resolved "https://registry.yarnpkg.com/commander/-/commander-2.20.3.tgz#fd485e84c03eb4881c20722ba48035e8531aeb33"
-  integrity sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==
-
 concat-map@0.0.1:
   version "0.0.1"
   resolved "https://registry.yarnpkg.com/concat-map/-/concat-map-0.0.1.tgz#d8a96bd77fd68df7793a73036a3ba0d5405d477b"
@@ -323,16 +257,10 @@ configstore@^5.0.1:
     write-file-atomic "^3.0.0"
     xdg-basedir "^4.0.0"
 
-cross-spawn@^6.0.5:
+create-require@^1.1.0:
-  version "6.0.5"
+  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-6.0.5.tgz#4a5ec7c64dfae22c3a14124dbacdee846d80cbc4"
+  resolved "https://registry.yarnpkg.com/create-require/-/create-require-1.1.1.tgz#c1d7e8f1e5f6cfc9ff65f9cd352d37348756c333"
-  integrity sha512-eTVLrBSt7fjbDygz805pMnstIs2VTBNkRm0qxZd+M7A5XDdxVRWO5MxGBXZhjY4cqLYLdtrGqRf8mBPmzwSpWQ==
+  integrity sha512-dcKFX3jn0MpIaXjisoRvexIJVEKzaq7z2rZKxf+MSr9TkdmHmsU4m2lcLojrj/FHl8mk5VxMmYA+ftRkP/3oKQ==
-  dependencies:
-    nice-try "^1.0.4"
-    path-key "^2.0.1"
-    semver "^5.5.0"
-    shebang-command "^1.2.0"
-    which "^1.2.9"
 
 crypto-random-string@^2.0.0:
   version "2.0.0"
@@ -340,9 +268,9 @@ crypto-random-string@^2.0.0:
   integrity sha512-v1plID3y9r/lPhviJ1wrXpLeyUIGAZ2SHNYTEapm7/8A9nLPoyvVp3RK/EPFqn5kEznyWgYZNsRtYYIWbuG8KA==
 
 debug@4, debug@^4.1.0, debug@^4.1.1:
-  version "4.2.0"
+  version "4.3.1"
-  resolved "https://registry.yarnpkg.com/debug/-/debug-4.2.0.tgz#7f150f93920e94c58f5574c2fd01a3110effe7f1"
+  resolved "https://registry.yarnpkg.com/debug/-/debug-4.3.1.tgz#f0d229c505e0c6d8c49ac553d1b13dc183f6b2ee"
-  integrity sha512-IX2ncY78vDTjZMFUdmsvIRFY2Cf4FnD0wRs+nQwJU8Lu99/tPFdb0VybiiMTPe3I6rQmwsqQqRBvxU+bZ/I8sg==
+  integrity sha512-doEwdvm4PCeK4K3RQN2ZC2BYUBaxwLARCqZmMjtF8a51J2Rb0xpVloFRnCODwqjpwnAoao4pelN8l3RJdv3gRQ==
   dependencies:
     ms "2.1.2"
 
@@ -354,9 +282,9 @@ debug@^2.2.0:
     ms "2.0.0"
 
 debug@^3.2.6:
-  version "3.2.6"
+  version "3.2.7"
-  resolved "https://registry.yarnpkg.com/debug/-/debug-3.2.6.tgz#e83d17de16d8a7efb7717edbe5fb10135eee629b"
+  resolved "https://registry.yarnpkg.com/debug/-/debug-3.2.7.tgz#72580b7e9145fb39b6676f9c5e5fb100b934179a"
-  integrity sha512-mel+jf7nrtEl5Pn1Qx46zARXKDpBbvzezse7p7LqINmdoIk8PYP5SySaxEmYv6TZ0JyEKA1hsCId6DIhgITtWQ==
+  integrity sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==
   dependencies:
     ms "^2.1.1"
 
@@ -377,10 +305,10 @@ defer-to-connect@^1.0.1:
   resolved "https://registry.yarnpkg.com/defer-to-connect/-/defer-to-connect-1.1.3.tgz#331ae050c08dcf789f8c83a7b81f0ed94f4ac591"
   integrity sha512-0ISdNousHvZT2EiFlZeZAHBUvSxmKswVCEf8hW7KWgG4a8MVEu/3Vb6uWYozkjylyCxe0JBIiRB1jV45S70WVQ==
 
-devtools-protocol@0.0.799653:
+devtools-protocol@0.0.818844:
-  version "0.0.799653"
+  version "0.0.818844"
-  resolved "https://registry.yarnpkg.com/devtools-protocol/-/devtools-protocol-0.0.799653.tgz#86fc95ce5bf4fdf4b77a58047ba9d2301078f119"
+  resolved "https://registry.yarnpkg.com/devtools-protocol/-/devtools-protocol-0.0.818844.tgz#d1947278ec85b53e4c8ca598f607a28fa785ba9e"
-  integrity sha512-t1CcaZbvm8pOlikqrsIM9GOa7Ipp07+4h/q9u0JXBWjPCjHdBl9KkddX87Vv9vBHoBGtwV79sYQNGnQM6iS5gg==
+  integrity sha512-AD1hi7iVJ8OD0aMLQU5VK0XH9LDlA1+BcPIgrAxPfaibx2DbWucuyOhc4oyQCbnvDDO68nN6/LcKfqTP343Jjg==
 
 diff@^4.0.1:
   version "4.0.2"
@@ -421,16 +349,6 @@ escape-goat@^2.0.0:
   resolved "https://registry.yarnpkg.com/escape-goat/-/escape-goat-2.1.1.tgz#1b2dc77003676c457ec760b2dc68edb648188675"
   integrity sha512-8/uIhbG12Csjy2JEW7D9pHbreaVaS/OpN3ycnyvElTdwM5n6GY6W6e2IPemfvGZeUMqZ9A/3GqIZMgKnBhAw/Q==
 
-escape-string-regexp@^1.0.5:
-  version "1.0.5"
-  resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz#1b61c0562190a8dff6ae3bb2cf0200ca130b86d4"
-  integrity sha1-G2HAViGQqN/2rjuyzwIAyhMLhtQ=
-
-esprima@^4.0.0:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/esprima/-/esprima-4.0.1.tgz#13b04cdb3e6c5d19df91ab6987a8695619b0aa71"
-  integrity sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==
-
 extract-zip@^2.0.0:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/extract-zip/-/extract-zip-2.0.1.tgz#663dca56fe46df890d5f131ef4a06d22bb8ba13a"
@@ -474,15 +392,10 @@ fs.realpath@^1.0.0:
   resolved "https://registry.yarnpkg.com/fs.realpath/-/fs.realpath-1.0.0.tgz#1504ad2523158caa40db4a2787cb01411994ea4f"
   integrity sha1-FQStJSMVjKpA20onh8sBQRmU6k8=
 
-fsevents@~2.1.2:
+fsevents@~2.3.1:
-  version "2.1.3"
+  version "2.3.1"
-  resolved "https://registry.yarnpkg.com/fsevents/-/fsevents-2.1.3.tgz#fb738703ae8d2f9fe900c33836ddebee8b97f23e"
+  resolved "https://registry.yarnpkg.com/fsevents/-/fsevents-2.3.1.tgz#b209ab14c61012636c8863507edf7fb68cc54e9f"
-  integrity sha512-Auw9a4AxqWpa9GUfj370BMPzzyncfBABW8Mab7BGWBYDj4Isgq+cDKtx0i6u9jcX9pQDnswsaaOTgTmA5pEjuQ==
+  integrity sha512-YR47Eg4hChJGAB1O3yEAOkGO+rlzutoICGqGo9EZ4lKWokzZRSyIW1QmTzqjtw8MJdj9srP869CuWw/hyzSiBw==
-
-function-bind@^1.1.1:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/function-bind/-/function-bind-1.1.1.tgz#a56899d3ea3c9bab874bb9773b7c5ede92f4895d"
-  integrity sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==
 
 get-stream@^4.1.0:
   version "4.1.0"
@@ -505,7 +418,7 @@ glob-parent@~5.1.0:
   dependencies:
     is-glob "^4.0.1"
 
-glob@^7.1.1, glob@^7.1.3:
+glob@^7.1.3:
   version "7.1.6"
   resolved "https://registry.yarnpkg.com/glob/-/glob-7.1.6.tgz#141f33b81a7c2492e125594307480c46679278a6"
   integrity sha512-LwaxwyZ72Lk7vZINtNNrywX0ZuLyStrdDtabefZKAY5ZGJhVtgdznluResxNmPitE0SAO+O26sWTHeKSI2wMBA==
@@ -518,11 +431,11 @@ glob@^7.1.1, glob@^7.1.3:
     path-is-absolute "^1.0.0"
 
 global-dirs@^2.0.1:
-  version "2.0.1"
+  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/global-dirs/-/global-dirs-2.0.1.tgz#acdf3bb6685bcd55cb35e8a052266569e9469201"
+  resolved "https://registry.yarnpkg.com/global-dirs/-/global-dirs-2.1.0.tgz#e9046a49c806ff04d6c1825e196c8f0091e8df4d"
-  integrity sha512-5HqUqdhkEovj2Of/ms3IeS/EekcO54ytHRLV4PEY2rhRwrHXLQjeVEES0Lhka0xwNDtGYn58wyC4s5+MHsOO6A==
+  integrity sha512-MG6kdOUh/xBnyo9cJFeIKkLEc1AyFq42QTU4XiX51i2NEdxLxLWXIjEjmqKeSuKR7pAZjTqUVoT2b2huxVLgYQ==
   dependencies:
-    ini "^1.3.5"
+    ini "1.3.7"
 
 got@^9.6.0:
   version "9.6.0"
@@ -561,13 +474,6 @@ has-yarn@^2.1.0:
   resolved "https://registry.yarnpkg.com/has-yarn/-/has-yarn-2.1.0.tgz#137e11354a7b5bf11aa5cb649cf0c6f3ff2b2e77"
   integrity sha512-UqBRqi4ju7T+TqGNdqAO0PaSVGsDGJUBQvk9eUWNGRY1CFGDzYhLWoM7JQEemnlvVcv/YEmc2wNW8BC24EnUsw==
 
-has@^1.0.3:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/has/-/has-1.0.3.tgz#722d7cbfc1f6aa8241f16dd814e011e1f41e8796"
-  integrity sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==
-  dependencies:
-    function-bind "^1.1.1"
-
 http-cache-semantics@^4.0.0:
   version "4.1.0"
   resolved "https://registry.yarnpkg.com/http-cache-semantics/-/http-cache-semantics-4.1.0.tgz#49e91c5cbf36c9b94bcfcd71c23d5249ec74e390"
@@ -581,10 +487,10 @@ https-proxy-agent@^4.0.0:
     agent-base "5"
     debug "4"
 
-ieee754@^1.1.4:
+ieee754@^1.1.13:
-  version "1.1.13"
+  version "1.2.1"
-  resolved "https://registry.yarnpkg.com/ieee754/-/ieee754-1.1.13.tgz#ec168558e95aa181fd87d37f55c32bbcb6708b84"
+  resolved "https://registry.yarnpkg.com/ieee754/-/ieee754-1.2.1.tgz#8eb7a10a63fff25d15a57b001586d177d1b0d352"
-  integrity sha512-4vf7I2LYV/HaWerSo3XmlMkp5eZ83i+/CDluXi/IGTs/O1sejBNhTtnxzmRZfvOUqj7lZjqHkeTvpgSFDlWZTg==
+  integrity sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==
 
 ignore-by-default@^1.0.1:
   version "1.0.1"
@@ -614,10 +520,15 @@ inherits@2, inherits@^2.0.3, inherits@^2.0.4:
   resolved "https://registry.yarnpkg.com/inherits/-/inherits-2.0.4.tgz#0fa2c64f932917c3433a0ded55363aae37416b7c"
   integrity sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==
 
-ini@^1.3.5, ini@~1.3.0:
+ini@1.3.7:
-  version "1.3.5"
+  version "1.3.7"
-  resolved "https://registry.yarnpkg.com/ini/-/ini-1.3.5.tgz#eee25f56db1c9ec6085e0c22778083f596abf927"
+  resolved "https://registry.yarnpkg.com/ini/-/ini-1.3.7.tgz#a09363e1911972ea16d7a8851005d84cf09a9a84"
-  integrity sha512-RZY5huIKCMRWDUqZlEi72f/lmXKMvuszcMBduliQ3nnWbx9X/ZBQO7DijMEYS9EhHBb2qacRUMtC7svLwe0lcw==
+  integrity sha512-iKpRpXP+CrP2jyrxvg1kMUpXDyRUFDWurxbnVT1vQPx+Wz9uCYsMIqYuSBLV+PAaZG/d7kRLKRFc9oDMsH+mFQ==
+
+ini@~1.3.0:
+  version "1.3.8"
+  resolved "https://registry.yarnpkg.com/ini/-/ini-1.3.8.tgz#a29da425b48806f34767a4efce397269af28432c"
+  integrity sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==
 
 is-binary-path@~2.1.0:
   version "2.1.0"
@@ -633,13 +544,6 @@ is-ci@^2.0.0:
   dependencies:
     ci-info "^2.0.0"
 
-is-core-module@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/is-core-module/-/is-core-module-2.0.0.tgz#58531b70aed1db7c0e8d4eb1a0a2d1ddd64bd12d"
-  integrity sha512-jq1AH6C8MuteOoBPwkxHafmByhL9j5q4OaPGdbuD+ZtQJVzH+i6E3BJDQcBA09k57i2Hh2yQbEG8yObZ0jdlWw==
-  dependencies:
-    has "^1.0.3"
-
 is-extglob@^2.1.1:
   version "2.1.1"
   resolved "https://registry.yarnpkg.com/is-extglob/-/is-extglob-2.1.1.tgz#a88c02535791f02ed37c76a1b9ea9773c833f8c2"
@@ -700,24 +604,6 @@ is-yarn-global@^0.3.0:
   resolved "https://registry.yarnpkg.com/is-yarn-global/-/is-yarn-global-0.3.0.tgz#d502d3382590ea3004893746754c89139973e232"
   integrity sha512-VjSeb/lHmkoyd8ryPVIKvOCn4D1koMqY+vqyjjUfc3xyKtP4dYOxM44sZrnqQSzSds3xyOrUTLTC9LVCVgLngw==
 
-isexe@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/isexe/-/isexe-2.0.0.tgz#e8fbf374dc556ff8947a10dcb0572d633f2cfa10"
-  integrity sha1-6PvzdNxVb/iUehDcsFctYz8s+hA=
-
-js-tokens@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/js-tokens/-/js-tokens-4.0.0.tgz#19203fb59991df98e3a287050d4647cdeaf32499"
-  integrity sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==
-
-js-yaml@^3.13.1:
-  version "3.14.0"
-  resolved "https://registry.yarnpkg.com/js-yaml/-/js-yaml-3.14.0.tgz#a7a34170f26a21bb162424d8adacb4113a69e482"
-  integrity sha512-/4IbIeHcD9VMHFqDR/gQ7EdZdLimOvW2DdcxFjdyyZ9NsbS+ccrXqVWDtab/lRl5AlUqmpBx8EhPaWR+OtY17A==
-  dependencies:
-    argparse "^1.0.7"
-    esprima "^4.0.0"
-
 json-buffer@3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/json-buffer/-/json-buffer-3.0.0.tgz#5b1f397afc75d677bde8bcfc0e47e1f9a3d9a898"
@@ -778,7 +664,7 @@ minimatch@^3.0.4:
   dependencies:
     brace-expansion "^1.1.7"
 
-minimist@^1.2.0, minimist@^1.2.5:
+minimist@^1.2.0:
   version "1.2.5"
   resolved "https://registry.yarnpkg.com/minimist/-/minimist-1.2.5.tgz#67d66014b66a6a8aaa0c083c5fd58df4e4e97602"
   integrity sha512-FM9nNUYrRBAELZQT3xeZQ7fmMOBg6nWNmJKTcgsJeaLstP/UODVpGsr5OhXhhXg6f+qtJ8uiZ+PUxkDWcgIXLw==
@@ -788,32 +674,30 @@ mkdirp-classic@^0.5.2:
   resolved "https://registry.yarnpkg.com/mkdirp-classic/-/mkdirp-classic-0.5.3.tgz#fa10c9115cc6d8865be221ba47ee9bed78601113"
   integrity sha512-gKLcREMhtuZRwRAfqP3RFW+TK4JqApVBtOIftVgjuABpAtpxhPGaDcfvbhNvD0B8iD1oUr/txX35NjcaY6Ns/A==
 
-mkdirp@^0.5.3:
-  version "0.5.5"
-  resolved "https://registry.yarnpkg.com/mkdirp/-/mkdirp-0.5.5.tgz#d91cefd62d1436ca0f41620e251288d420099def"
-  integrity sha512-NKmAlESf6jMGym1++R0Ra7wvhV+wFW63FaSOFPwRahvea0gMUcGUhVeAg/0BC0wiv9ih5NYPB1Wn1UEI1/L+xQ==
-  dependencies:
-    minimist "^1.2.5"
-
 ms@2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/ms/-/ms-2.0.0.tgz#5608aeadfc00be6c2901df5f9861788de0d597c8"
   integrity sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=
 
-ms@2.1.2, ms@^2.1.1:
+ms@2.1.2:
   version "2.1.2"
   resolved "https://registry.yarnpkg.com/ms/-/ms-2.1.2.tgz#d09d1f357b443f493382a8eb3ccd183872ae6009"
   integrity sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==
 
-nice-try@^1.0.4:
+ms@^2.1.1:
-  version "1.0.5"
+  version "2.1.3"
-  resolved "https://registry.yarnpkg.com/nice-try/-/nice-try-1.0.5.tgz#a3378a7696ce7d223e88fc9b764bd7ef1089e366"
+  resolved "https://registry.yarnpkg.com/ms/-/ms-2.1.3.tgz#574c8138ce1d2b5861f0b44579dbadd60c6615b2"
-  integrity sha512-1nh45deeb5olNY7eX82BkPO7SSxR5SSYJiPTrTdFUVYwAl8CKMA5N9PjTYkHiRjisVcxcQ1HXdLhx2qxxJzLNQ==
+  integrity sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==
 
-nodemon@^2.0.4:
+node-fetch@^2.6.1:
-  version "2.0.6"
+  version "2.6.1"
-  resolved "https://registry.yarnpkg.com/nodemon/-/nodemon-2.0.6.tgz#1abe1937b463aaf62f0d52e2b7eaadf28cc2240d"
+  resolved "https://registry.yarnpkg.com/node-fetch/-/node-fetch-2.6.1.tgz#045bd323631f76ed2e2b55573394416b639a0052"
-  integrity sha512-4I3YDSKXg6ltYpcnZeHompqac4E6JeAMpGm8tJnB9Y3T0ehasLa4139dJOcCrB93HHrUMsCrKtoAlXTqT5n4AQ==
+  integrity sha512-V4aYg89jEoVRxRb2fJdAg8FHvI7cEyYdVAh94HH0UIK8oJxUfkjlDQN9RbMx+bEjP7+ggMiFRprSti032Oipxw==
+
+nodemon@^2.0.7:
+  version "2.0.7"
+  resolved "https://registry.yarnpkg.com/nodemon/-/nodemon-2.0.7.tgz#6f030a0a0ebe3ea1ba2a38f71bf9bab4841ced32"
+  integrity sha512-XHzK69Awgnec9UzHr1kc8EomQh4sjTQ8oRf8TsGrSmHDx9/UmiGG9E/mM3BuTfNeFwdNBvrqQq/RHL0xIeyFOA==
   dependencies:
     chokidar "^3.2.2"
     debug "^3.2.6"
@@ -894,16 +778,6 @@ path-is-absolute@^1.0.0:
   resolved "https://registry.yarnpkg.com/path-is-absolute/-/path-is-absolute-1.0.1.tgz#174b9268735534ffbc7ace6bf53a5a9e1b5c5f5f"
   integrity sha1-F0uSaHNVNP+8es5r9TpanhtcX18=
 
-path-key@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/path-key/-/path-key-2.0.1.tgz#411cadb574c5a140d3a4b1910d40d80cc9f40b40"
-  integrity sha1-QRyttXTFoUDTpLGRDUDYDMn0C0A=
-
-path-parse@^1.0.6:
-  version "1.0.6"
-  resolved "https://registry.yarnpkg.com/path-parse/-/path-parse-1.0.6.tgz#d62dbb5679405d72c4737ec58600e9ddcf06d24c"
-  integrity sha512-GSmOT2EbHrINBf9SR7CDELwlJ8AENk3Qn7OikK4nFYAu3Ote2+JYNVvkpAEQm3/TLNEJFD/xZJjzyxg3KBWOzw==
-
 pend@~1.2.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/pend/-/pend-1.2.0.tgz#7a57eb550a6783f9115331fcf4663d5c8e007a50"
@@ -933,10 +807,10 @@ pngjs@^4.0.1:
   resolved "https://registry.yarnpkg.com/pngjs/-/pngjs-4.0.1.tgz#f803869bb2fc1bfe1bf99aa4ec21c108117cfdbe"
   integrity sha512-rf5+2/ioHeQxR6IxuYNYGFytUyG3lma/WW1nsmjeHlWwtb2aByla6dkVc8pmJ9nplzkTA0q2xx7mMWrOTqT4Gg==
 
-pngjs@^5.0.0:
+pngjs@^6.0.0:
-  version "5.0.0"
+  version "6.0.0"
-  resolved "https://registry.yarnpkg.com/pngjs/-/pngjs-5.0.0.tgz#e79dd2b215767fd9c04561c01236df960bce7fbb"
+  resolved "https://registry.yarnpkg.com/pngjs/-/pngjs-6.0.0.tgz#ca9e5d2aa48db0228a52c419c3308e87720da821"
-  integrity sha512-40QW5YalBNfQo5yRYmiw7Yz6TKKVr3h6970B2YE+3fQpsWcrbj1PzJgxeJ19DRQjhMbKPIuMY8rFaXc8moolVw==
+  integrity sha512-TRzzuFRRmEoSW/p1KVAmiOgPco2Irlah+bGFCeNfJXxxYGwSw7YwAOAcd7X28K/m5bjBWKsC29KyoMfHbypayg==
 
 prepend-http@^2.0.0:
   version "2.0.0"
@@ -967,21 +841,22 @@ pump@^3.0.0:
     once "^1.3.1"
 
 pupa@^2.0.1:
-  version "2.1.0"
+  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/pupa/-/pupa-2.1.0.tgz#9e4ec587952b5e4f2c06fe577b0e7db97e8ef721"
+  resolved "https://registry.yarnpkg.com/pupa/-/pupa-2.1.1.tgz#f5e8fd4afc2c5d97828faa523549ed8744a20d62"
-  integrity sha512-Pj8EhJzFiPwnf4dEXpuUWwH8M/Yl4vpl4cN2RX1i3R77DWvbY5ZPKni7CCKkOYxz+XKt2fieemsV+WTZbIlYzg==
+  integrity sha512-l1jNAspIBSFqbT+y+5FosojNpVpF94nlI+wDUpqP9enwOTfHx9f0gh5nB96vl+6yTpsJsypeNrwfzPrKuHB41A==
   dependencies:
     escape-goat "^2.0.0"
 
-puppeteer@^5.2.1:
+puppeteer@^5.5.0:
-  version "5.3.1"
+  version "5.5.0"
-  resolved "https://registry.yarnpkg.com/puppeteer/-/puppeteer-5.3.1.tgz#324e190d89f25ac33dba539f57b82a18553f8646"
+  resolved "https://registry.yarnpkg.com/puppeteer/-/puppeteer-5.5.0.tgz#331a7edd212ca06b4a556156435f58cbae08af00"
-  integrity sha512-YTM1RaBeYrj6n7IlRXRYLqJHF+GM7tasbvrNFx6w1S16G76NrPq7oYFKLDO+BQsXNtS8kW2GxWCXjIMPvfDyaQ==
+  integrity sha512-OM8ZvTXAhfgFA7wBIIGlPQzvyEETzDjeRa4mZRCRHxYL+GNH5WAuYUQdja3rpWZvkX/JKqmuVgbsxDNsDFjMEg==
   dependencies:
     debug "^4.1.0"
-    devtools-protocol "0.0.799653"
+    devtools-protocol "0.0.818844"
     extract-zip "^2.0.0"
     https-proxy-agent "^4.0.0"
+    node-fetch "^2.6.1"
     pkg-dir "^4.2.0"
     progress "^2.0.1"
     proxy-from-env "^1.0.0"
@@ -1017,9 +892,9 @@ readdirp@~3.5.0:
     picomatch "^2.2.1"
 
 registry-auth-token@^4.0.0:
-  version "4.2.0"
+  version "4.2.1"
-  resolved "https://registry.yarnpkg.com/registry-auth-token/-/registry-auth-token-4.2.0.tgz#1d37dffda72bbecd0f581e4715540213a65eb7da"
+  resolved "https://registry.yarnpkg.com/registry-auth-token/-/registry-auth-token-4.2.1.tgz#6d7b4006441918972ccd5fedcd41dc322c79b250"
-  integrity sha512-P+lWzPrsgfN+UEpDS3U8AQKg/UjZX6mQSJueZj3EK+vNESoqBSpBUD3gmu4sF9lOsjXWjF11dQKUqemf3veq1w==
+  integrity sha512-6gkSb4U6aWJB4SF2ZvLb76yCBjcvufXBqvvEx1HbmKPkutswjW1xNVRY0+daljIYRbogN7O0etYSlbiaEQyMyw==
   dependencies:
     rc "^1.2.8"
 
@@ -1030,14 +905,6 @@ registry-url@^5.0.0:
   dependencies:
     rc "^1.2.8"
 
-resolve@^1.3.2:
-  version "1.18.1"
-  resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.18.1.tgz#018fcb2c5b207d2a6424aee361c5a266da8f4130"
-  integrity sha512-lDfCPaMKfOJXjy0dPayzPdF1phampNWr3qFCjAu+rw/qbQmr5jWH5xN2hwh9QKfw9E5v4hwV7A+jrCmL8yjjqA==
-  dependencies:
-    is-core-module "^2.0.0"
-    path-parse "^1.0.6"
-
 responselike@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/responselike/-/responselike-1.0.2.tgz#918720ef3b631c5642be068f15ade5a46f4ba1e7"
@@ -1064,7 +931,7 @@ semver-diff@^3.1.1:
   dependencies:
     semver "^6.3.0"
 
-semver@^5.3.0, semver@^5.5.0, semver@^5.7.1:
+semver@^5.7.1:
   version "5.7.1"
   resolved "https://registry.yarnpkg.com/semver/-/semver-5.7.1.tgz#a954f931aeba508d307bbf069eff0c01c96116f7"
   integrity sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==
@@ -1074,18 +941,6 @@ semver@^6.0.0, semver@^6.2.0, semver@^6.3.0:
   resolved "https://registry.yarnpkg.com/semver/-/semver-6.3.0.tgz#ee0a64c8af5e8ceea67687b133761e1becbd1d3d"
   integrity sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==
 
-shebang-command@^1.2.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/shebang-command/-/shebang-command-1.2.0.tgz#44aac65b695b03398968c39f363fee5deafdf1ea"
-  integrity sha1-RKrGW2lbAzmJaMOfNj/uXer98eo=
-  dependencies:
-    shebang-regex "^1.0.0"
-
-shebang-regex@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/shebang-regex/-/shebang-regex-1.0.0.tgz#da42f49740c0b42db2ca9728571cb190c98efea3"
-  integrity sha1-2kL0l0DAtC2yypcoVxyxkMmO/qM=
-
 signal-exit@^3.0.2:
   version "3.0.3"
   resolved "https://registry.yarnpkg.com/signal-exit/-/signal-exit-3.0.3.tgz#a1410c2edd8f077b08b4e253c8eacfcaf057461c"
@@ -1104,11 +959,6 @@ source-map@^0.6.0:
   resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.6.1.tgz#74722af32e9614e9c287a8d0bbde48b5e2f1a263"
   integrity sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==
 
-sprintf-js@~1.0.2:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/sprintf-js/-/sprintf-js-1.0.3.tgz#04e6926f662895354f3dd015203633b857297e2c"
-  integrity sha1-BOaSb2YolTVPPdAVIDYzuFcpfiw=
-
 string-width@^3.0.0:
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/string-width/-/string-width-3.1.0.tgz#22767be21b62af1081574306f69ac51b62203961"
@@ -1153,7 +1003,7 @@ strip-json-comments@~2.0.1:
   resolved "https://registry.yarnpkg.com/strip-json-comments/-/strip-json-comments-2.0.1.tgz#3c531942e908c2697c0ec344858c286c7ca0a60a"
   integrity sha1-PFMZQukIwml8DsNEhYwobHygpgo=
 
-supports-color@^5.3.0, supports-color@^5.5.0:
+supports-color@^5.5.0:
   version "5.5.0"
   resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-5.5.0.tgz#e2e69a44ac8772f78a1ec0b35b689df6530efc8f"
   integrity sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==
@@ -1168,19 +1018,19 @@ supports-color@^7.1.0:
     has-flag "^4.0.0"
 
 tar-fs@^2.0.0:
-  version "2.1.0"
+  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/tar-fs/-/tar-fs-2.1.0.tgz#d1cdd121ab465ee0eb9ccde2d35049d3f3daf0d5"
+  resolved "https://registry.yarnpkg.com/tar-fs/-/tar-fs-2.1.1.tgz#489a15ab85f1f0befabb370b7de4f9eb5cbe8784"
-  integrity sha512-9uW5iDvrIMCVpvasdFHW0wJPez0K4JnMZtsuIeDI7HyMGJNxmDZDOCQROr7lXyS+iL/QMpj07qcjGYTSdRFXUg==
+  integrity sha512-V0r2Y9scmbDRLCNex/+hYzvp/zyYjvFbHPNgVTKfQvVrb6guiE/fxP+XblDNR011utopbkex2nM4dHNV6GDsng==
   dependencies:
     chownr "^1.1.1"
     mkdirp-classic "^0.5.2"
     pump "^3.0.0"
-    tar-stream "^2.0.0"
+    tar-stream "^2.1.4"
 
-tar-stream@^2.0.0:
+tar-stream@^2.1.4:
-  version "2.1.4"
+  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/tar-stream/-/tar-stream-2.1.4.tgz#c4fb1a11eb0da29b893a5b25476397ba2d053bfa"
+  resolved "https://registry.yarnpkg.com/tar-stream/-/tar-stream-2.2.0.tgz#acad84c284136b060dc3faa64474aa9aebd77287"
-  integrity sha512-o3pS2zlG4gxr67GmFYBLlq+dM8gyRGUOvsrHclSkvtVtQbjV0s/+ZE8OpICbaj8clrX3tjeHngYGP7rweaBnuw==
+  integrity sha512-ujeqbceABgwMZxEJnk2HDY2DlnUZ+9oEcb1KzTVfYHio0UE6dG71n60d8D2I4qNvleWrrXpmjpt7vZeF1LnMZQ==
   dependencies:
     bl "^4.0.3"
     end-of-stream "^1.4.1"
@@ -1189,9 +1039,9 @@ tar-stream@^2.0.0:
     readable-stream "^3.1.1"
 
 term-size@^2.1.0:
-  version "2.2.0"
+  version "2.2.1"
-  resolved "https://registry.yarnpkg.com/term-size/-/term-size-2.2.0.tgz#1f16adedfe9bdc18800e1776821734086fcc6753"
+  resolved "https://registry.yarnpkg.com/term-size/-/term-size-2.2.1.tgz#2a6a54840432c2fb6320fea0f415531e90189f54"
-  integrity sha512-a6sumDlzyHVJWb8+YofY4TW112G6p2FCPEAFk+59gIYHv3XHRhm9ltVQ9kli4hNWeQBwSpe8cRN25x0ROunMOw==
+  integrity sha512-wK0Ri4fOGjv/XPy8SBHZChl8CM7uMc5VML7SqiQ0zG7+J5Vr+RMQDoHa2CNT6KHUnTGIXH34UDMkPzAUyapBZg==
 
 through@^2.3.8:
   version "2.3.8"
@@ -1217,48 +1067,18 @@ touch@^3.1.0:
   dependencies:
     nopt "~1.0.10"
 
-ts-node@^8.10.2:
+ts-node@^9.1.1:
-  version "8.10.2"
+  version "9.1.1"
-  resolved "https://registry.yarnpkg.com/ts-node/-/ts-node-8.10.2.tgz#eee03764633b1234ddd37f8db9ec10b75ec7fb8d"
+  resolved "https://registry.yarnpkg.com/ts-node/-/ts-node-9.1.1.tgz#51a9a450a3e959401bda5f004a72d54b936d376d"
-  integrity sha512-ISJJGgkIpDdBhWVu3jufsWpK3Rzo7bdiIXJjQc0ynKxVOVcg2oIrf2H2cejminGrptVc6q6/uynAHNCuWGbpVA==
+  integrity sha512-hPlt7ZACERQGf03M253ytLY3dHbGNGrAq9qIHWUY9XHYl1z7wYngSr3OQ5xmui8o2AaxsONxIzjafLUiWBo1Fg==
   dependencies:
     arg "^4.1.0"
+    create-require "^1.1.0"
     diff "^4.0.1"
     make-error "^1.1.1"
     source-map-support "^0.5.17"
     yn "3.1.1"
 
-tslib@^1.13.0, tslib@^1.8.1:
-  version "1.14.1"
-  resolved "https://registry.yarnpkg.com/tslib/-/tslib-1.14.1.tgz#cf2d38bdc34a134bcaf1091c41f6619e2f672d00"
-  integrity sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==
-
-tslint@^6.1.2:
-  version "6.1.3"
-  resolved "https://registry.yarnpkg.com/tslint/-/tslint-6.1.3.tgz#5c23b2eccc32487d5523bd3a470e9aa31789d904"
-  integrity sha512-IbR4nkT96EQOvKE2PW/djGz8iGNeJ4rF2mBfiYaR/nvUWYKJhLwimoJKgjIFEIDibBtOevj7BqCRL4oHeWWUCg==
-  dependencies:
-    "@babel/code-frame" "^7.0.0"
-    builtin-modules "^1.1.1"
-    chalk "^2.3.0"
-    commander "^2.12.1"
-    diff "^4.0.1"
-    glob "^7.1.1"
-    js-yaml "^3.13.1"
-    minimatch "^3.0.4"
-    mkdirp "^0.5.3"
-    resolve "^1.3.2"
-    semver "^5.3.0"
-    tslib "^1.13.0"
-    tsutils "^2.29.0"
-
-tsutils@^2.29.0:
-  version "2.29.0"
-  resolved "https://registry.yarnpkg.com/tsutils/-/tsutils-2.29.0.tgz#32b488501467acbedd4b85498673a0812aca0b99"
-  integrity sha512-g5JVHCIJwzfISaXpXE1qvNalca5Jwob6FjI4AoPlqMusJ6ftFE7IkkFoMhVLRgK+4Kx3gkzb8UZK5t5yTTvEmA==
-  dependencies:
-    tslib "^1.8.1"
-
 type-fest@^0.8.1:
   version "0.8.1"
   resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-0.8.1.tgz#09e249ebde851d3b1e48d27c105444667f17b83d"
@@ -1271,10 +1091,10 @@ typedarray-to-buffer@^3.1.5:
   dependencies:
     is-typedarray "^1.0.0"
 
-typescript@^3.9.7:
+typescript@^4.1.3:
-  version "3.9.7"
+  version "4.1.3"
-  resolved "https://registry.yarnpkg.com/typescript/-/typescript-3.9.7.tgz#98d600a5ebdc38f40cb277522f12dc800e9e25fa"
+  resolved "https://registry.yarnpkg.com/typescript/-/typescript-4.1.3.tgz#519d582bd94cba0cf8934c7d8e8467e473f53bb7"
-  integrity sha512-BLbiRkiBzAwsjut4x/dsibSTB6yWpwT5qWmC2OfuCg3GgVQCSgMs4vEctYPhsaGtd0AeuuHMkjZ2h2WG8MSzRw==
+  integrity sha512-B3ZIOf1IKeH2ixgHhj6la6xdwR9QrLC5d1VKeCSY4tvkqhF2eqd9O7txNlS0PO3GrBAFIdr3L1ndNwteUbZLYg==
 
 unbzip2-stream@^1.3.3:
   version "1.4.3"
@@ -1329,13 +1149,6 @@ util-deprecate@^1.0.1:
   resolved "https://registry.yarnpkg.com/util-deprecate/-/util-deprecate-1.0.2.tgz#450d4dc9fa70de732762fbd2d4a28981419a0ccf"
   integrity sha1-RQ1Nyfpw3nMnYvvS1KKJgUGaDM8=
 
-which@^1.2.9:
-  version "1.3.1"
-  resolved "https://registry.yarnpkg.com/which/-/which-1.3.1.tgz#a45043d54f5805316da8d62f9f50918d3da70b0a"
-  integrity sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==
-  dependencies:
-    isexe "^2.0.0"
-
 widest-line@^3.1.0:
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/widest-line/-/widest-line-3.1.0.tgz#8292333bbf66cb45ff0de1603b136b7ae1496eca"
@@ -1359,23 +1172,15 @@ write-file-atomic@^3.0.0:
     typedarray-to-buffer "^3.1.5"
 
 ws@^7.2.3:
-  version "7.3.1"
+  version "7.4.2"
-  resolved "https://registry.yarnpkg.com/ws/-/ws-7.3.1.tgz#d0547bf67f7ce4f12a72dfe31262c68d7dc551c8"
+  resolved "https://registry.yarnpkg.com/ws/-/ws-7.4.2.tgz#782100048e54eb36fe9843363ab1c68672b261dd"
-  integrity sha512-D3RuNkynyHmEJIpD2qrgVkc9DQ23OrN/moAwZX4L8DfvszsJxpjQuUq3LMx6HoYji9fbIOBY18XWBsAux1ZZUA==
+  integrity sha512-T4tewALS3+qsrpGI/8dqNMLIVdq/g/85U98HPMa6F0m6xTbvhXU6RCQLqPH3+SlomNV/LdY6RXEbBpMH6EOJnA==
 
 xdg-basedir@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/xdg-basedir/-/xdg-basedir-4.0.0.tgz#4bc8d9984403696225ef83a1573cbbcb4e79db13"
   integrity sha512-PSNhEJDejZYV7h50BohL09Er9VaIefr2LMAf3OEmpCkjOi34eYyQYAXUTjEQtZJTKcF0E2UKTh+osDLsgNim9Q==
 
-yarn-or-npm@^3.0.1:
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/yarn-or-npm/-/yarn-or-npm-3.0.1.tgz#6336eea4dff7e23e226acc98c1a8ada17a1b8666"
-  integrity sha512-fTiQP6WbDAh5QZAVdbMQkecZoahnbOjClTQhzv74WX5h2Uaidj1isf9FDes11TKtsZ0/ZVfZsqZ+O3x6aLERHQ==
-  dependencies:
-    cross-spawn "^6.0.5"
-    pkg-dir "^4.2.0"
-
 yauzl@^2.10.0:
   version "2.10.0"
   resolved "https://registry.yarnpkg.com/yauzl/-/yauzl-2.10.0.tgz#c7eb17c93e112cb1086fa6d8e51fb0667b79a5f9"

build.py

@@ -1,19 +0,0 @@
-import json
-import log
-from clickgen import build_cursor_theme
-
-from config import name, sizes, delay, bitmaps_dir, temp_folder
-from helper import init_build, pack_it
-
-
-def build() -> None:
-    init_build()
-    with open('./hotspots.json', 'r') as hotspot_file:
-        hotspots = json.loads(hotspot_file.read())
-        build_cursor_theme(name, image_dir=bitmaps_dir,
-                           cursor_sizes=sizes, out_path=temp_folder, hotspots=hotspots, archive=False, delay=delay)
-    pack_it()
-
-
-if __name__ == "__main__":
-    build()

builder/Makefile

@@ -0,0 +1,34 @@
+
+all: clean setup build
+
+.PHONY: all
+
+.ONESHELL:
+SHELL:=/bin/bash
+
+X_SIZES ?=22 24 28 32 40 48 56 64 72 80 88 96
+WIN_CANVAS_SIZE ?= 32
+WIN_SIZE ?= 24
+
+clean:
+	@rm -rf applbuild.egg-info build dist
+	@find -iname "*.pyc" -delete
+
+	# Removing setup.py package files if installed
+	@if [ -f "files.txt" ]; then
+		@xargs rm -rf < files.txt
+		@rm -rf files.txt
+	@fi
+
+setup: setup.py
+	@test -d venv || virtualenv venv
+	@. venv/bin/activate; python3 setup.py install --record files.txt
+
+build: setup build.py
+	@. venv/bin/activate; python3 build.py --xsizes $(X_SIZES) --win-size $(WIN_SIZE) --win-canvas-size $(WIN_CANVAS_SIZE)
+
+build_unix: setup build.py
+	@. venv/bin/activate; python3 build.py unix --xsizes $(X_SIZES)
+
+build_windows: setup build.py
+	@. venv/bin/activate; python3 build.py windows --win-size $(WIN_SIZE) --win-canvas-size $(WIN_CANVAS_SIZE)

builder/applbuild/configure.py

@@ -0,0 +1,96 @@
+#!/usr/bin/env python
+# -*- coding: utf-8 -*-
+
+from pathlib import Path
+from typing import Any, Dict, List, Tuple, TypeVar, Union
+
+from clickgen.util import LikePath, PNGProvider
+
+from applbuild.constants import WIN_CURSORS_CFG, WIN_DELAY, X_CURSORS_CFG, X_DELAY
+
+
+X = TypeVar("X")
+
+
+def to_tuple(x: X) -> Tuple[X, X]:
+    return (x, x)
+
+
+def get_config(bitmaps_dir: LikePath, **kwargs) -> Dict[str, Any]:
+    """Return configuration of `macOSBigSur` pointers.
+
+    Args:
+
+    :bitmaps_dir: (str | Path) Path to .png file's directory.
+
+
+    Keywords Args:
+
+    :x_sizes: (List[int]) List of pixel-sizes for xcursors.
+
+    :win_canvas_size: (int) Windows cursor's canvas pixel-size.
+
+    :win_size: (int) Pixel-size for Windows cursor.
+
+
+    Example:
+
+    ```python
+        get_config("./bitmaps", x_sizes=[(24, 24), (32, 32)], win_canvas_size=(32, 32), win_size=(24, 24))
+    ```
+    """
+
+    w_size = to_tuple(kwargs.pop("win_size"))
+    w_canvas_size = to_tuple(kwargs.pop("win_canvas_size"))
+    x = kwargs.pop("x_sizes")
+
+    x_sizes = []
+    for s in x:
+        x_sizes.append(to_tuple(s))
+
+    png = PNGProvider(bitmaps_dir)
+    config: Dict[str, Any] = {}
+
+    for key, item in X_CURSORS_CFG.items():
+        x_hot: int = item.get("xhot", 0)
+        y_hot: int = item.get("yhot", 0)
+        hotspot: Tuple[int, int] = (x_hot, y_hot)
+
+        delay: int = item.get("delay", X_DELAY)
+        p: Union[List[Path], Path] = png.get(key)
+
+        data = {
+            "png": p,
+            "x_sizes": x_sizes,
+            "hotspot": hotspot,
+            "delay": delay,
+        }
+
+        win_data = WIN_CURSORS_CFG.get(key)
+
+        if win_data:
+            win_key = win_data.get("to")
+
+            position = win_data.get("position", "center")
+            win_delay: int = win_data.get("delay", WIN_DELAY)
+
+            canvas_size: Tuple[int, int] = win_data.get("canvas_size", w_canvas_size)
+            win_size: Tuple[int, int] = win_data.get("size", w_size)
+
+            # Because provided cursor size is bigger than cursor's canvas.
+            # Also, "position" settings will not effect on cursor because the cursor's canvas and cursor sizes are equals.
+            if (win_size[0] > canvas_size[0]) or (win_size[1] > canvas_size[1]):
+                canvas_size = win_size
+
+            config[key] = {
+                **data,
+                "win_key": win_key,
+                "position": position,
+                "canvas_size": canvas_size,
+                "win_size": win_size,
+                "win_delay": win_delay,
+            }
+        else:
+            config[key] = data
+
+    return config

builder/applbuild/constants.py

@@ -0,0 +1,96 @@
+#!/usr/bin/env python
+# -*- coding: utf-8 -*-
+
+from typing import Dict, List, Tuple
+
+# Info
+THEME_NAME = "macOSBigSur"
+COMMENT = "macOS Big Sur Pointers"
+AUTHOR = "Kaiz Khatri"
+URL = "https://github.com/ful1e5/apple_cursor"
+
+# XCursor
+X_DELAY: int = 10
+
+
+# Windows Cursor
+WIN_DELAY = 1
+
+X_CURSORS_CFG: Dict[str, Dict[str, int]] = {
+    ##########
+    # Static #
+    ##########
+    "all-scroll.png": {"xhot": 100, "yhot": 100},
+    "bottom_left_corner.png": {"xhot": 100, "yhot": 100},
+    "bottom_right_corner.png": {"xhot": 100, "yhot": 100},
+    "bottom_tee.png": {"xhot": 98, "yhot": 137},
+    "center_ptr.png": {"xhot": 100, "yhot": 70},
+    "context-menu.png": {"xhot": 43, "yhot": 61},
+    "copy.png": {"xhot": 67, "yhot": 46},
+    "cross.png": {"xhot": 100, "yhot": 100},
+    "crossed_circle.png": {"xhot": 67, "yhot": 46},
+    "crosshair.png": {"xhot": 100, "yhot": 100},
+    "dnd_no_drop.png": {"xhot": 100, "yhot": 100},
+    "dotbox.png": {"xhot": 100, "yhot": 100},
+    "hand1.png": {"xhot": 94, "yhot": 72},
+    "hand2.png": {"xhot": 67, "yhot": 46},
+    "left_ptr.png": {"xhot": 69, "yhot": 56},
+    "left_side.png": {"xhot": 100, "yhot": 100},
+    "left_tee.png": {"xhot": 100, "yhot": 100},
+    "link.png": {"xhot": 120, "yhot": 55},
+    "ll_angle.png": {"xhot": 100, "yhot": 100},
+    "lr_angle.png": {"xhot": 100, "yhot": 100},
+    "move.png": {"xhot": 80, "yhot": 71},
+    "pencil.png": {"xhot": 81, "yhot": 117},
+    "plus.png": {"xhot": 98, "yhot": 100},
+    "question_arrow.png": {"xhot": 99, "yhot": 99},
+    "right_ptr.png": {"xhot": 136, "yhot": 66},
+    "right_tee.png": {"xhot": 98, "yhot": 99},
+    "sb_down_arrow.png": {"xhot": 100, "yhot": 100},
+    "sb_h_double_arrow.png": {"xhot": 100, "yhot": 100},
+    "sb_left_arrow.png": {"xhot": 100, "yhot": 100},
+    "sb_right_arrow.png": {"xhot": 100, "yhot": 100},
+    "sb_up_arrow.png": {"xhot": 100, "yhot": 100},
+    "sb_v_double_arrow.png": {"xhot": 100, "yhot": 100},
+    "top_side.png": {"xhot": 100, "yhot": 100},
+    "top_tee.png": {"xhot": 100, "yhot": 100},
+    "ul_angle.png": {"xhot": 100, "yhot": 100},
+    "ur_angle.png": {"xhot": 100, "yhot": 100},
+    "vertical-text.png": {"xhot": 96, "yhot": 99},
+    "wayland-cursor.png": {"xhot": 100, "yhot": 100},
+    "X_cursor.png": {"xhot": 100, "yhot": 100},
+    "xterm.png": {"xhot": 100, "yhot": 104},
+    "zoom-in.png": {"xhot": 100, "yhot": 100},
+    "zoom-out.png": {"xhot": 100, "yhot": 100},
+    ############
+    # Animated #
+    ############
+    # Note: Animated cursors don't need an extension and frame numbers.
+    "left_ptr_watch": {"xhot": 67, "yhot": 46},
+    "wait": {"xhot": 100, "yhot": 100},
+}
+
+WIN_CURSORS_CFG: Dict[str, Dict[str, str]] = {
+    ##########
+    # Static #
+    ##########
+    "right_ptr.png": {"to": "Alternate", "position": "top_right"},
+    "cross.png": {"to": "Cross"},
+    "left_ptr.png": {"to": "Default", "position": "top_left"},
+    "bottom_left_corner.png": {"to": "Diagonal_1"},
+    "bottom_right_corner.png": {"to": "Diagonal_2"},
+    "pencil.png": {"to": "Handwriting"},
+    "question_arrow.png": {"to": "Help", "position.png": "top_left"},
+    "sb_h_double_arrow.png": {"to": "Horizontal"},
+    "xterm.png": {"to": "IBeam", "position": "top_left"},
+    "hand2.png": {"to": "Link", "position": "top_left"},
+    "hand1.png": {"to": "Move"},
+    "crossed_circle.png": {"to": "Unavailiable", "position": "top_left"},
+    "sb_v_double_arrow.png": {"to": "Vertical"},
+    ############
+    # Animated #
+    ############
+    # Note: Animated cursors don't need frame numbers.
+    "left_ptr_watch": {"to": "Work", "position": "top_left"},
+    "wait": {"to": "Busy"},
+}

builder/applbuild/generator.py

@@ -0,0 +1,116 @@
+#!/usr/bin/env python
+# -*- coding: utf-8 -*-
+
+from pathlib import Path
+from typing import Any, Dict
+
+from clickgen.builders import WindowsCursor, XCursor
+from clickgen.core import CursorAlias
+from clickgen.packagers import WindowsPackager, XPackager
+
+from applbuild.constants import AUTHOR, COMMENT, THEME_NAME, URL
+from applbuild.symlinks import add_missing_xcursor
+
+
+def xbuild(
+    config: Dict[str, Dict[str, Any]],
+    x_out_dir: Path,
+) -> None:
+    """Build `macOSBigSur` cursor theme for only `X11`(UNIX) platform.
+
+    :config: (Dict) `macOSBigSur` configuration.
+
+    :x_out_dir: (Path) Path to the output directory, Where the `X11` cursor theme package will generate. It also creates a directory if not exists.
+    """
+
+    for _, item in config.items():
+        png = item.get("png")
+        hotspot = item.get("hotspot")
+        x_sizes = item.get("x_sizes")
+        delay = item.get("delay")
+
+        with CursorAlias.from_bitmap(png, hotspot) as alias:
+            x_cfg = alias.create(x_sizes, delay)
+            print(f"Building '{x_cfg.stem}' XCursor...")
+            XCursor.create(x_cfg, x_out_dir)
+
+    add_missing_xcursor(x_out_dir / "cursors")
+    XPackager(x_out_dir, THEME_NAME, COMMENT)
+
+
+def wbuild(config: Dict[str, Dict[str, Any]], win_out_dir: Path) -> None:
+    """Build `macOSBigSur` cursor theme for only `Windows` platforms.
+
+    :config: (Dict) `macOSBigSur` configuration.
+
+    :win_out_dir: (Path) Path to the output directory, Where the `Windows` cursor theme package will generate. It also creates a directory if not exists.
+    """
+
+    for _, item in config.items():
+        png = item.get("png")
+        hotspot = item.get("hotspot")
+        x_sizes = item.get("x_sizes")
+        delay = item.get("delay")
+
+        with CursorAlias.from_bitmap(png, hotspot) as alias:
+            alias.create(x_sizes, delay)
+
+            if item.get("win_key"):
+                position = item.get("position")
+                win_size = item.get("win_size")
+                win_key = item.get("win_key")
+                canvas_size = item.get("canvas_size")
+                win_delay = item.get("win_delay")
+
+                win_cfg = alias.reproduce(
+                    win_size, canvas_size, position, delay=win_delay
+                ).rename(win_key)
+                print(f"Building '{win_cfg.stem}' Windows Cursor...")
+                WindowsCursor.create(win_cfg, win_out_dir)
+
+    WindowsPackager(win_out_dir, THEME_NAME, COMMENT, AUTHOR, URL)
+
+
+def build(
+    config: Dict[str, Dict[str, Any]], x_out_dir: Path, win_out_dir: Path
+) -> None:
+    """Build `macOSBigSur` cursor theme for `X11` & `Windows` platforms.
+
+    :config: (Dict) `macOSBigSur` configuration.
+
+    :x_out_dir: (Path) Path to the output directory, Where the `X11` cursor theme package will generate. It also creates a directory if not exists.
+
+    :win_out_dir: (Path) Path to the output directory, Where the `Windows` cursor theme package will generate. It also creates a directory if not exists.
+    """
+
+    def win_build(item: Dict[str, Any], alias: CursorAlias) -> None:
+        position = item.get("position")
+        win_size = item.get("win_size")
+        win_key = item.get("win_key")
+        canvas_size = item.get("canvas_size")
+        win_delay = item.get("win_delay")
+
+        win_cfg = alias.reproduce(
+            win_size, canvas_size, position, delay=win_delay
+        ).rename(win_key)
+        print(f"Building '{win_cfg.stem}' Windows Cursor...")
+        WindowsCursor.create(win_cfg, win_out_dir)
+
+    for _, item in config.items():
+        png = item.get("png")
+        hotspot = item.get("hotspot")
+        x_sizes = item.get("x_sizes")
+        delay = item.get("delay")
+
+        with CursorAlias.from_bitmap(png, hotspot) as alias:
+            x_cfg = alias.create(x_sizes, delay)
+            print(f"Building '{x_cfg.stem}' XCursor...")
+            XCursor.create(x_cfg, x_out_dir)
+
+            if item.get("win_key"):
+                win_build(item, alias)
+
+    add_missing_xcursor(x_out_dir / "cursors")
+    XPackager(x_out_dir, THEME_NAME, COMMENT)
+
+    WindowsPackager(win_out_dir, THEME_NAME, COMMENT, AUTHOR, URL)

builder/applbuild/symlinks.py

@@ -0,0 +1,166 @@
+#!/usr/bin/env python
+# -*- coding: utf-8 -*-
+
+import os
+from typing import Dict, List, Union
+
+from clickgen.util import LikePath, chdir
+
+
+def add_missing_xcursor(directory: LikePath) -> None:
+    """Add missing `XCursor` to the Unix cursor package.
+
+    :directory: (Path|str) directory where XCursors are available.
+    """
+
+    symlinks: List[Dict[str, Union[str, List[str]]]] = [
+        {"src": "all-scroll", "links": ["fleur", "size_all"]},
+        {
+            "src": "bottom_left_corner",
+            "links": [
+                "fcf1c3c7cd4491d801f1e1c78f100000",
+                "sw-resize",
+                "ne-resize",
+                "size_bdiag",
+                "nesw-resize",
+                "top_right_corner",
+                "fd_double_arrow",
+            ],
+        },
+        {
+            "src": "bottom_right_corner",
+            "links": [
+                "c7088f0f3e6c8088236ef8e1e3e70000",
+                "top_left_corner",
+                "se-resize",
+                "nw-resize",
+                "size_fdiag",
+                "nwse-resize",
+                "bd_double_arrow",
+            ],
+        },
+        {
+            "src": "copy",
+            "links": [
+                "1081e37283d90000800003c07f3ef6bf",
+                "6407b0e94181790501fd1e167b474872",
+                "b66166c04f8c3109214a4fbd64a50fc8",
+                "dnd-copy",
+            ],
+        },
+        {
+            "src": "cross",
+            "links": ["cross_reverse", "diamond_cross", "tcross", "color-picker"],
+        },
+        {
+            "src": "crossed_circle",
+            "links": [
+                "03b6e0fcb3499374a867c041f52298f0",
+                "not-allowed",
+                "forbidden",
+                "circle",
+            ],
+        },
+        {"src": "dnd_no_drop", "links": ["no-drop"]},
+        {"src": "dotbox", "links": ["dot_box_mask", "draped_box", "icon", "target"]},
+        {"src": "hand1", "links": ["grab", "openhand"]},
+        {
+            "src": "hand2",
+            "links": [
+                "9d800788f1b08800ae810202380a0822",
+                "e29285e634086352946a0e7090d73106",
+                "pointer",
+                "pointing_hand",
+            ],
+        },
+        {"src": "left_ptr", "links": ["arrow", "default"]},
+        {
+            "src": "left_ptr_watch",
+            "links": [
+                "00000000000000020006000e7e9ffc3f",
+                "08e8e1c95fe2fc01f976f1e063a24ccd",
+                "3ecb610c1bf2410f44200f48c40d3599",
+                "progress",
+            ],
+        },
+        {"src": "left_side", "links": ["w-resize", "right_side", "e-resize"]},
+        {
+            "src": "link",
+            "links": [
+                "3085a0e285430894940527032f8b26df",
+                "640fb0e74195791501fd1ed57b41487f",
+                "a2a266d0498c3104214a47bd64ab0fc8",
+                "alias",
+                "dnd-link",
+            ],
+        },
+        {
+            "src": "move",
+            "links": [
+                "4498f0e0c1937ffe01fd06f973665830",
+                "9081237383d90e509aa00f00170e968f",
+                "fcf21c00b30f7e3f83fe0dfd12e71cff",
+                "grabbing",
+                "pointer_move",
+                "dnd-move",
+                "closedhand",
+                "dnd-none",
+            ],
+        },
+        {"src": "pencil", "links": ["draft"]},
+        {"src": "plus", "links": ["cell"]},
+        {
+            "src": "question_arrow",
+            "links": [
+                "5c6cd98b3f3ebcb1f9c7f1c204630408",
+                "d9ce0ab605698f320427677b458ad60b",
+                "help",
+                "left_ptr_help",
+                "whats_this",
+                "dnd-ask",
+            ],
+        },
+        {"src": "right_ptr", "links": ["draft_large", "draft_small"]},
+        {"src": "sb_down_arrow", "links": ["down-arrow"]},
+        {
+            "src": "sb_h_double_arrow",
+            "links": [
+                "028006030e0e7ebffc7f7070c0600140",
+                "14fef782d02440884392942c1120523",
+                "col-resize",
+                "ew-resize",
+                "h_double_arrow",
+                "size-hor",
+                "size_hor",
+                "split_h",
+            ],
+        },
+        {"src": "sb_left_arrow", "links": ["left-arrow"]},
+        {"src": "sb_right_arrow", "links": ["right-arrow"]},
+        {"src": "sb_up_arrow", "links": ["up-arrow"]},
+        {
+            "src": "sb_v_double_arrow",
+            "links": [
+                "00008160000006810000408080010102",
+                "2870a09082c103050810ffdffffe0204",
+                "double_arrow",
+                "ns-resize",
+                "row-resize",
+                "size-ver",
+                "size_ver",
+                "split_v",
+                "v_double_arrow",
+            ],
+        },
+        {"src": "top_side", "links": ["s-resize", "n-resize", "bottom_side"]},
+        {"src": "wait", "links": ["watch"]},
+        {"src": "X_cursor", "links": ["pirate", "x-cursor"]},
+        {"src": "xterm", "links": ["ibeam", "text"]},
+    ]
+
+    with chdir(directory):
+        for item in symlinks:
+            src = item.get("src")
+            for link in item.get("links"):
+                print(f"Creating symlink {src} -> {link}")
+                os.symlink(src, link)

builder/build.py

@@ -0,0 +1,114 @@
+#!/usr/bin/env python
+# -*- coding: utf-8 -*-
+
+import argparse
+from pathlib import Path
+
+from applbuild.configure import get_config
+from applbuild.generator import build, wbuild, xbuild
+
+parser = argparse.ArgumentParser(
+    prog="apple_builder",
+    description="'macOSBigSur' cursor build python script.",
+)
+
+# Positional Args.
+parser.add_argument(
+    "platform",
+    choices=("windows", "unix", "all"),
+    default="all",
+    const="all",
+    nargs="?",
+    help="Set package type, Which you want to build. (default: '%(default)s')",
+)
+
+
+# Optional Args.
+parser.add_argument(
+    "-p",
+    "--png-dir",
+    dest="png_dir",
+    metavar="PNG",
+    type=str,
+    default="../bitmaps",
+    help="To change pngs directory. (default: %(default)s)",
+)
+
+parser.add_argument(
+    "-o",
+    "--out-dir",
+    dest="out_dir",
+    metavar="OUT",
+    type=str,
+    default="../themes",
+    help="To change output directory. (default: %(default)s)",
+)
+
+
+parser.add_argument(
+    "-xs",
+    "--xsizes",
+    dest="xsizes",
+    metavar="INT",
+    nargs="+",
+    default=[
+        22,
+        24,
+        28,
+        32,
+        40,
+        48,
+        56,
+        64,
+        72,
+        80,
+        88,
+        96,
+    ],
+    type=int,
+    help="Set pixel-size for xcursor. (default: %(default)s)",
+)
+
+
+parser.add_argument(
+    "-ws",
+    "--win-size",
+    dest="win_size",
+    metavar="INT",
+    default=24,
+    type=int,
+    help="Set pixel-size for Windows cursors. (default: %(default)s)",
+)
+
+
+parser.add_argument(
+    "-wcs",
+    "--win-canvas-size",
+    dest="win_canvas_size",
+    metavar="INT",
+    default=32,
+    type=int,
+    help="Set pixel-size for Windows cursor's canvas. (default: %(default)s)",
+)
+
+# Preparing build
+args = parser.parse_args()
+
+bitmaps_dir = Path(args.png_dir)
+
+x_out_dir = Path(args.out_dir) / "macOSBigSur"
+win_out_dir = Path(args.out_dir) / "macOSBigSur_Windows"
+
+config = get_config(
+    bitmaps_dir,
+    x_sizes=args.xsizes,
+    win_canvas_size=args.win_canvas_size,
+    win_size=args.win_size,
+)
+
+if args.platform == "unix":
+    xbuild(config, x_out_dir)
+elif args.platform == "windows":
+    wbuild(config, win_out_dir)
+else:
+    build(config, x_out_dir, win_out_dir)

builder/setup.py

@@ -0,0 +1,22 @@
+#!/usr/bin/env python
+# -*- coding: utf-8 -*-
+
+from setuptools import setup
+
+setup(
+    name="applbuild",
+    version="1.1.0",
+    description="Generate 'macOSBigSur' cursor theme from PNGs file",
+    url="https://github.com/ful1e5/apple_cursor",
+    packages=["applbuild"],
+    package_dir={"applbuild": "applbuild"},
+    author="Kaiz Khatri",
+    author_email="kaizmandhu@gamil.com",
+    install_requires=["clickgen==1.1.8"],
+    classifiers=[
+        "Programming Language :: Python :: 3",
+        "License :: OSI Approved :: GNU General Public License v3 (GPLv3)",
+    ],
+    python_requires=">=3.8",
+    zip_safe=True,
+)

config.py

@@ -1,46 +0,0 @@
-import tempfile
-import json
-
-# Build Config
-delay = 50
-name = "macOSBigSur"
-sizes = [22, 24, 28, 32, 40, 48, 56, 64, 72, 80, 88, 96]
-
-bitmaps_dir = "./bitmaps"
-package_dir = "./themes"
-temp_folder = tempfile.mkdtemp()
-
-# Cleanup Configs
-x11_out = name
-win_out = name + "_Windows"
-
-# getting author name
-with open("./package.json") as f:
-    data = json.loads(f.read())
-    author = data["author"]
-
-# Windows Cursors Config
-windows_cursors = {
-    "left_ptr_watch.ani": "AppStarting.ani",
-    "left_ptr.cur": "Arrow.cur",
-    "crosshair.cur": "Cross.cur",
-    "hand2.cur": "Hand.cur",
-    "pencil.cur": "Handwriting.cur",
-    "dnd-ask.cur": "Help.cur",
-    "xterm.cur": "IBeam.cur",
-    "circle.cur": "NO.cur",
-    "all-scroll.cur": "SizeAll.cur",
-    "bd_double_arrow.cur": "SizeNWSE.cur",
-    "sb_v_double_arrow.cur": "SizeNS.cur",
-    "fd_double_arrow.cur": "SizeNESW.cur",
-    "sb_h_double_arrow.cur": "SizeWE.cur",
-    "sb_up_arrow.cur": "UpArrow.cur",
-    "wait.ani": "Wait.ani",
-}
-
-# Windows install.inf file content
-with open("./scripts/windows.inf") as f:
-    data = f.read()
-    window_install_inf_content = data.replace(
-        "<inject_theme_name>", name + " Cursors"
-    ).replace("<inject_author_name>", author)

helper.py

@@ -1,61 +0,0 @@
-import shutil
-import json
-import sys
-
-from config import name, temp_folder, bitmaps_dir, win_out, x11_out, window_install_inf_content, windows_cursors, package_dir
-from os import path, listdir, rename, remove
-
-
-x11_out_dir = path.join(package_dir, x11_out)
-win_out_dir = path.join(package_dir, win_out)
-
-
-def window_bundle() -> None:
-    # Remove & Rename cursors
-    # If Key found => Rename else Remove
-    for cursor in listdir(win_out_dir):
-        old_path = path.join(win_out_dir, cursor)
-
-        try:
-            new_path = path.join(win_out_dir, windows_cursors[cursor])
-            rename(old_path, new_path)
-        except KeyError:
-            remove(old_path)
-
-    # creating install.inf file
-    install_inf_path = path.join(win_out_dir, "install.inf")
-    with open(install_inf_path, "w") as file:
-        file.write(window_install_inf_content)
-
-
-def init_build() -> None:
-    """
-        Print build version.
-        Remove previously built packages && Check Bitmaps.
-    """
-    with open("./package.json", "r") as package_file:
-        data = json.loads(package_file.read())
-        version = data['version']
-        print("⚡ Apple Cursor Version %s" % version)
-
-    # cleanup old packages
-    if path.exists(package_dir):
-        shutil.rmtree(package_dir)
-
-    # Checking Bitmaps directory
-    if not path.exists(bitmaps_dir):
-        print(
-            "⚠ BITMAPS NOT FOUND.\n\n`yarn install && yarn render` to Generates Bitmaps")
-        sys.exit(1)
-
-
-def pack_it() -> None:
-    """
-        Create Crisp 📦 Packages for Windows & X11 Cursor Theme.
-    """
-    # Rename directory
-    shutil.move(path.join(temp_folder, name, "x11"), x11_out_dir)
-    shutil.move(path.join(temp_folder, name, "win"), win_out_dir)
-
-    # create install.inf file in Windows Theme
-    window_bundle()

hotspots.json

@@ -1,102 +0,0 @@
-{
-  "all_scroll": { "xhot": 100, "yhot": 100 },
-
-  "bottom_left_corner": { "xhot": 100, "yhot": 100 },
-  "fd_double_arrow": { "xhot": 100, "yhot": 100 },
-  "top_right_corner": { "xhot": 100, "yhot": 100 },
-
-  "bottom_right_corner": { "xhot": 100, "yhot": 100 },
-  "bd_double_arrow": { "xhot": 100, "yhot": 100 },
-  "top_left_corner": { "xhot": 100, "yhot": 100 },
-
-  "bottom_tee": { "xhot": 141, "yhot": 99 },
-
-  "center_ptr": { "xhot": 61, "yhot": 100 },
-
-  "circle": { "xhot": 47, "yhot": 39 },
-  "crossed_circle": { "xhot": 47, "yhot": 39 },
-  "dnd_no_drop": { "xhot": 47, "yhot": 39 },
-
-  "context_menu": { "xhot": 61, "yhot": 58 },
-
-  "copy": { "xhot": 47, "yhot": 39 },
-  "dnd_copy": { "xhot": 47, "yhot": 39 },
-
-  "cross": { "xhot": 100, "yhot": 100 },
-  "tcross": { "xhot": 100, "yhot": 100 },
-
-  "crosshair": { "xhot": 100, "yhot": 100 },
-
-  "dotbox": { "xhot": 100, "yhot": 100 },
-
-  "hand1": { "xhot": 94, "yhot": 105 },
-
-  "hand2": { "xhot": 66, "yhot": 34 },
-
-  "left_ptr": { "xhot": 68, "yhot": 41 },
-
-  "left_side": { "xhot": 100, "yhot": 100 },
-  "right_side": { "xhot": 100, "yhot": 100 },
-
-  "left_tee": { "xhot": 100, "yhot": 58 },
-
-  "link": { "xhot": 61, "yhot": 105 },
-  "dnd_link": { "xhot": 61, "yhot": 105 },
-
-  "ll_angle": { "xhot": 141, "yhot": 58 },
-
-  "lr_angle": { "xhot": 141, "yhot": 138 },
-
-  "move": { "xhot": 80, "yhot": 106 },
-  "dnd_move": { "xhot": 80, "yhot": 106 },
-  "dnd_none": { "xhot": 80, "yhot": 106 },
-  "grabbing": { "xhot": 80, "yhot": 106 },
-  "pointer_move": { "xhot": 80, "yhot": 106 },
-
-  "pencil": { "xhot": 141, "yhot": 58 },
-
-  "plus": { "xhot": 100, "yhot": 100 },
-
-  "question_arrow": { "xhot": 105, "yhot": 105 },
-  "dnd_ask": { "xhot": 105, "yhot": 105 },
-
-  "right_ptr": { "xhot": 61, "yhot": 138 },
-
-  "right_tee": { "xhot": 100, "yhot": 138 },
-
-  "sb_down_arrow": { "xhot": 133, "yhot": 99 },
-
-  "sb_h_double_arrow": { "xhot": 100, "yhot": 100 },
-
-  "sb_left_arrow": { "xhot": 100, "yhot": 68 },
-
-  "sb_right_arrow": { "xhot": 100, "yhot": 138 },
-
-  "sb_up_arrow": { "xhot": 68, "yhot": 99 },
-
-  "sb_v_double_arrow": { "xhot": 100, "yhot": 100 },
-
-  "top_side": { "xhot": 100, "yhot": 100 },
-  "bottom_side": { "xhot": 100, "yhot": 100 },
-
-  "top_tee": { "xhot": 61, "yhot": 99 },
-
-  "ul_angle": { "xhot": 61, "yhot": 65 },
-
-  "ur_angle": { "xhot": 61, "yhot": 138 },
-
-  "vertical_text": { "xhot": 100, "yhot": 102 },
-
-  "wait": { "xhot": 104, "yhot": 105 },
-  "left_ptr_watch": { "xhot": 104, "yhot": 105 },
-
-  "wayland_cursor": { "xhot": 100, "yhot": 100 },
-
-  "x_cursor": { "xhot": 100, "yhot": 100 },
-
-  "xterm": { "xhot": 97, "yhot": 97 },
-
-  "zoom_in": { "xhot": 76, "yhot": 78 },
-
-  "zoom_out": { "xhot": 76, "yhot": 78 }
-}

log.py

@@ -1,6 +0,0 @@
-#!/usr/bin/env python
-
-import logging
-
-logging.basicConfig(filename='build.log', filemode='w',
-                    format='%(name)s - %(levelname)s - %(message)s', level=logging.DEBUG)

nodemon.json

@@ -1,13 +0,0 @@
-{
-  "restartable": "rs",
-  "ignore": [".git", "node_modules/**/node_modules"],
-  "verbose": true,
-  "execMap": {
-    "ts": "node --require ts-node/register"
-  },
-  "watch": ["src/"],
-  "env": {
-    "NODE_ENV": "development"
-  },
-  "ext": "js,json,ts"
-}

package.json

@@ -1,34 +0,0 @@
-{
-  "name": "apple_cursor",
-  "version": "1.0.6",
-  "description": "Enjoy upcoming `macOS Big Sur` Cursor Theme 🥳",
-  "main": "index.js",
-  "scripts": {
-    "clean": "rm -rf bitmaps themes",
-    "dev": "nodemon src/index.ts",
-    "watch": "nodemon --inspect src/index.ts",
-    "py_install": "pip install -r requirements.txt",
-    "render": "npx ts-node src/index.ts",
-    "build": "python build.py",
-    "compile": "yon clean && yon render && yon build"
-  },
-  "repository": "git@github.com:ful1e5/apple_cursor.git",
-  "author": "Kaiz Khatri",
-  "license": "GPL-3.0",
-  "private": true,
-  "devDependencies": {
-    "@types/puppeteer": "^3.0.1",
-    "nodemon": "^2.0.4",
-    "ts-node": "^8.10.2",
-    "tslint": "^6.1.2",
-    "typescript": "^3.9.7",
-    "yarn-or-npm": "^3.0.1"
-  },
-  "dependencies": {
-    "@types/pixelmatch": "^5.2.1",
-    "@types/pngjs": "^3.4.2",
-    "pixelmatch": "^5.2.1",
-    "pngjs": "^5.0.0",
-    "puppeteer": "^5.2.1"
-  }
-}

requirements.txt

@@ -1,2 +0,0 @@
-clickgen==1.1.7
-Pillow==8.0.1

scripts/windows.inf

@@ -1,52 +0,0 @@
-[Version]
-signature="$CHICAGO$"
-<inject_theme_name> By Kaiz Khatri
-https://github.com/ful1e5/apple_cursor
-
-[DefaultInstall]
-CopyFiles = Scheme.Cur
-AddReg    = Scheme.Reg
-
-[DestinationDirs]
-Scheme.Cur = 10,"%CUR_DIR%"
-
-[Scheme.Reg]
-HKCU,"Control Panel\Cursors\Schemes","%SCHEME_NAME%",,"%10%\%CUR_DIR%\%pointer%,%10%\%CUR_DIR%\%help%,%10%\%CUR_DIR%\%work%,%10%\%CUR_DIR%\%busy%,%10%\%CUR_DIR%\%Cross%,%10%\%CUR_DIR%\%Text%,%10%\%CUR_DIR%\%Hand%,%10%\%CUR_DIR%\%Unavailiable%,%10%\%CUR_DIR%\%Vert%,%10%\%CUR_DIR%\%Horz%,%10%\%CUR_DIR%\%Dgn1%,%10%\%CUR_DIR%\%Dgn2%,%10%\%CUR_DIR%\%move%,%10%\%CUR_DIR%\%alternate%,%10%\%CUR_DIR%\%link%"
-
-; -- Installed files
-
-[Scheme.Cur]
-"Arrow.cur"
-"Help.cur"
-"AppStarting.ani"
-"Wait.ani"
-"Cross.cur"       
-"IBeam.cur"
-"Handwriting.cur"
-"NO.cur"
-"SizeNS.cur"
-"SizeWE.cur"
-"SizeNWSE.cur"
-"SizeNESW.cur"
-"SizeAll.cur"
-"UpArrow.cur"
-"Hand.cur"
-
-[Strings]
-CUR_DIR       = "Cursors\<inject_theme_name>"
-SCHEME_NAME   = "<inject_theme_name>"
-pointer       = "Arrow.cur"
-help		  = "Help.cur"
-work		  = "AppStarting.ani"
-busy		  = "Wait.ani"
-cross		  = "Cross.cur"
-text		  = "IBeam.cur"
-hand		  = "Handwriting.cur"
-unavailiable  = "NO.cur"
-vert		  = "SizeNS.cur"   
-horz		  = "SizeWE.cur"
-dgn1		  = "SizeNWSE.cur"
-dgn2		  = "SizeNESW.cur"
-move		  = "SizeAll.cur"
-alternate	  = "UpArrow.cur"
-link		  = "Hand.cur"

src/config.ts

@@ -1,31 +0,0 @@
-import { resolve } from "path";
-import { readdirSync, existsSync } from "fs";
-
-// Source Directory
-const svgsDir = resolve(__dirname, "svg");
-if (!existsSync(svgsDir)) {
-  console.log("Source .svg files not found");
-}
-
-const staticCursorsDir = resolve(svgsDir, "static");
-const animatedCursorsDir = resolve(svgsDir, "animated");
-
-// Out Directory
-const bitmapsDir = resolve(__dirname, "../", "bitmaps");
-
-//  Cursors
-const staticCursors = readdirSync(staticCursorsDir).map((f) =>
-  resolve(staticCursorsDir, f)
-);
-const animatedCursors = readdirSync(animatedCursorsDir).map((f) =>
-  resolve(animatedCursorsDir, f)
-);
-
-// Animated Config
-const animatedClip = {
-  x: 4,
-  y: 4,
-  width: 200,
-  height: 200,
-};
-export { staticCursors, animatedCursors, bitmapsDir, animatedClip };

src/index.ts

@@ -1,124 +0,0 @@
-import fs from "fs";
-import path from "path";
-import puppeteer from "puppeteer";
-
-import { generateRenderTemplate } from "./utils/htmlTemplate";
-import {
-  staticCursors,
-  bitmapsDir,
-  animatedCursors,
-  animatedClip,
-} from "./config";
-import { matchImages } from "./utils/matchImages";
-import { saveFrames, Frames } from "./utils/saveFrames";
-import { getFrameName } from "./utils/getFrameName";
-
-const main = async () => {
-  const browser = await puppeteer.launch({
-    ignoreDefaultArgs: [" --single-process ", "--no-sandbox"],
-    headless: true,
-  });
-
-  if (!fs.existsSync(bitmapsDir)) {
-    fs.mkdirSync(bitmapsDir);
-  }
-
-  try {
-    console.log("📸 Rendering Static Cursors...");
-
-    for (let svgPath of staticCursors) {
-      const buffer = fs.readFileSync(path.resolve(svgPath), "utf8");
-      if (!buffer) throw new Error(`${svgPath} File Read error`);
-
-      // Generating HTML Template
-      const data = buffer.toString();
-      const template = generateRenderTemplate(data);
-
-      // config
-      const bitmapName = `${path.basename(svgPath, ".svg")}.png`;
-      const out = path.resolve(bitmapsDir, bitmapName);
-
-      // 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 });
-
-      await page.close();
-    }
-
-    console.log("🎥 Rendering Animated Cursors...");
-
-    for (let svgPath of animatedCursors) {
-      const buffer = fs.readFileSync(svgPath, "utf8");
-      if (!buffer) throw new Error(`${svgPath} File Read error`);
-
-      // Generating HTML Template
-      const data = buffer.toString();
-      const template = generateRenderTemplate(data);
-
-      const page = await browser.newPage();
-      await page.setContent(template, { waitUntil: "networkidle2" });
-
-      await page.waitForSelector("#container");
-      const svgElement = await page.$("#container svg");
-      if (!svgElement) throw new Error("svg element not found");
-
-      // Render Config
-      let index = 1;
-      let breakRendering = false;
-      const frames: Frames = {};
-      const firstKey = getFrameName(index, svgPath);
-
-      console.log("Rendering", path.basename(svgPath), "...");
-      console.log(firstKey);
-
-      // 1st Frame
-      frames[firstKey] = {
-        buffer: await svgElement.screenshot({
-          omitBackground: true,
-          clip: animatedClip,
-          encoding: "binary",
-        }),
-      };
-
-      //  Pushing frames until it match to 1st frame
-      index++;
-      while (!breakRendering) {
-        const newFrame = await svgElement.screenshot({
-          omitBackground: true,
-          clip: animatedClip,
-          encoding: "binary",
-        });
-        const key = getFrameName(index, svgPath);
-        console.log(key);
-        const diff = matchImages({
-          img1Buff: frames[firstKey].buffer,
-          img2Buff: newFrame,
-        });
-
-        if (!(diff < 700)) {
-          frames[key] = { buffer: newFrame };
-        } else {
-          breakRendering = true;
-        }
-        index++;
-      }
-
-      saveFrames(frames);
-
-      await page.close();
-    }
-
-    console.log(`\nBitmaps stored at ${bitmapsDir}\n\n🎉 Render Done.`);
-    process.exit(0);
-  } catch (error) {
-    console.error(error);
-    process.exit(1);
-  }
-};
-
-main();

src/svg/README.md

@@ -1,53 +0,0 @@
-# Cursor Source Info
-
-## Symbolic Cursors
-
-|                          Preview                          |         Source          |                         Symbolic links                          | Windows Cursor name |
-| :-------------------------------------------------------: | :---------------------: | :-------------------------------------------------------------: | :-----------------: |
-|     <img src="./static/all_scroll.svg" width="20%"/>      |     all_scroll.svg      |                             `None`                              |    `SizeAll.cur`    |
-| <img src="./static/bottom_left_corner.svg" width="20%"/>  | bottom_left_corner.svg  |          `fd_double_arrow.svg` `top_right_corner.svg`           |   `SizeNESW.cur`    |
-| <img src="./static/bottom_right_corner.svg" width="20%"/> | bottom_right_corner.svg |           `bd_double_arrow.svg` `top_left_corner.svg`           |   `SizeNWSE.cur`    |
-|     <img src="./static/bottom_tee.svg" width="20%"/>      |     bottom_tee.svg      |                             `None`                              |                     |
-|     <img src="./static/center_ptr.svg" width="20%"/>      |     center_ptr.svg      |                             `None`                              |                     |
-|       <img src="./static/circle.svg" width="20%"/>        |       circle.svg        |             `crossed_circle.svg` `dnd_no_drop.svg`              |      `NO.cur`       |
-|    <img src="./static/context_menu.svg" width="20%"/>     |    context_menu.svg     |                             `None`                              |                     |
-|        <img src="./static/copy.svg" width="20%"/>         |        copy.svg         |                         `dnd_copy.svg`                          |                     |
-|        <img src="./static/cross.svg" width="20%"/>        |        cross.svg        |                          `tcross.svg`                           |                     |
-|      <img src="./static/crosshair.svg" width="20%"/>      |      crosshair.svg      |                             `None`                              |     `Cross.cur`     |
-|       <img src="./static/dotbox.svg" width="20%"/>        |       dotbox.svg        |                             `None`                              |                     |
-|        <img src="./static/hand1.svg" width="20%"/>        |        hand1.svg        |                             `None`                              |                     |
-|        <img src="./static/hand2.svg" width="20%"/>        |        hand2.svg        |                             `None`                              |     `Hand.cur`      |
-|      <img src="./static/left_ptr.svg" width="20%"/>       |      left_ptr.svg       |                             `None`                              |     `Arrow.cur`     |
-|  <img src="./animated/left_ptr_watch.svg" width="20%"/>   |   left_ptr_watch.svg    |                             `None`                              |  `AppStarting.ani`  |
-|      <img src="./static/left_side.svg" width="20%"/>      |      left_side.svg      |                        `right_side.svg`                         |                     |
-|      <img src="./static/left_tee.svg" width="20%"/>       |      left_tee.svg       |                             `None`                              |                     |
-|        <img src="./static/link.svg" width="20%"/>         |        link.svg         |                         `dnd_link.svg`                          |                     |
-|      <img src="./static/ll_angle.svg" width="20%"/>       |      ll_angle.svg       |                             `None`                              |                     |
-|      <img src="./static/lr_angle.svg" width="20%"/>       |      lr_angle.svg       |                             `None`                              |                     |
-|        <img src="./static/move.svg" width="20%"/>         |        move.svg         | `dnd_move.svg` `dnd_none.svg` `grabbing.svg` `pointer_move.svg` |                     |
-|       <img src="./static/pencil.svg" width="20%"/>        |       pencil.svg        |                             `None`                              |  `Handwriting.cur`  |
-|        <img src="./static/plus.svg" width="20%"/>         |        plus.svg         |                             `None`                              |                     |
-|   <img src="./static/question_arrow.svg" width="20%"/>    |   question_arrow.svg    |                          `dnd_ask.svg`                          |     `Help.cur`      |
-|      <img src="./static/right_ptr.svg" width="20%"/>      |      right_ptr.svg      |                             `None`                              |                     |
-|      <img src="./static/right_tee.svg" width="20%"/>      |      right_tee.svg      |                             `None`                              |                     |
-|    <img src="./static/sb_down_arrow.svg" width="20%"/>    |    sb_down_arrow.svg    |                             `None`                              |                     |
-|  <img src="./static/sb_h_double_arrow.svg" width="20%"/>  |  sb_h_double_arrow.svg  |                             `None`                              |    `SizeWE.cur`     |
-|    <img src="./static/sb_left_arrow.svg" width="20%"/>    |    sb_left_arrow.svg    |                             `None`                              |                     |
-|   <img src="./static/sb_right_arrow.svg" width="20%"/>    |   sb_right_arrow.svg    |                             `None`                              |                     |
-|     <img src="./static/sb_up_arrow.svg" width="20%"/>     |     sb_up_arrow.svg     |                             `None`                              |    `UpArrow.cur`    |
-|  <img src="./static/sb_v_double_arrow.svg" width="20%"/>  |  sb_v_double_arrow.svg  |                             `None`                              |    `SizeNS.cur`     |
-|      <img src="./static/top_side.svg" width="20%"/>       |      top_side.svg       |                        `bottom_side.svg`                        |                     |
-|       <img src="./static/top_tee.svg" width="20%"/>       |       top_tee.svg       |                             `None`                              |                     |
-|      <img src="./static/ul_angle.svg" width="20%"/>       |      ul_angle.svg       |                             `None`                              |                     |
-|      <img src="./static/ur_angle.svg" width="20%"/>       |      ur_angle.svg       |                             `None`                              |                     |
-|    <img src="./static/vertical_text.svg" width="20%"/>    |    vertical_text.svg    |                             `None`                              |                     |
-|       <img src="./animated/wait.svg" width="20%"/>        |        wait.svg         |                             `None`                              |     `Wait.ani`      |
-|   <img src="./static/wayland_cursor.svg" width="20%"/>    |   wayland_cursor.svg    |                             `None`                              |                     |
-|      <img src="./static/x_cursor.svg" width="20%"/>       |      x_cursor.svg       |                             `None`                              |                     |
-|        <img src="./static/xterm.svg" width="20%"/>        |        xterm.svg        |                             `None`                              |     `IBeam.cur`     |
-|       <img src="./static/zoom_in.svg" width="20%"/>       |       zoom_in.svg       |                             `None`                              |                     |
-|      <img src="./static/zoom_out.svg" width="20%"/>       |      zoom_out.svg       |                             `None`                              |                     |
-
-## Figma File
-
-[![Figma File](https://imgur.com/NMzjENG.png)](https://www.figma.com/file/OZw8Ylb9xPFw9h1uZYSMFa/Mac-Cursor?node-id=0%3A1)

src/svg/animated/left_ptr_watch.svg

@@ -1,42 +0,0 @@
-<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <g clip-path="url(#clip0)">
-        <g opacity="0.01">
-            <path opacity="0.01" d="M199 0H-1V200H199V0Z" fill="white" />
-        </g>
-        <g>
-            <animateTransform attributeName="transform" type="rotate" from="0 93 134" to="360 93 134" additive="sum"
-                begin="0s" dur="1.2s" repeatCount="indefinite" />
-            <path <path d="M137.997 133.997C137.731 109.263 117.729 89.2663 93 89V133.997H137.997Z"
-                fill="url(#paint0_linear)" />
-            <path d="M48 134C48.2663 158.734 68.2679 178.731 92.9973 178.997V134H48Z" fill="url(#paint1_linear)" />
-            <path d="M137.997 134C137.731 158.734 117.729 178.731 93 178.997V134H137.997Z" fill="url(#paint2_linear)" />
-            <path d="M48.0029 134C48.2692 109.266 68.2708 89.269 93.0002 89.0027L93 134H48.0029Z"
-                fill="url(#paint3_linear)" />
-        </g>
-        <path fill-rule="evenodd" clip-rule="evenodd" d="M43 101V21L102 79.0406H66.1602L65.3916 79.66L43 101Z"
-            fill="white" />
-        <path fill-rule="evenodd" clip-rule="evenodd" d="M48 33V89L62.9086 74.6546L63.7121 73.9589H89L48 33Z"
-            fill="black" />
-    </g>
-    <defs>
-        <linearGradient id="paint0_linear" x1="98.5" y1="94" x2="93" y2="179" gradientUnits="userSpaceOnUse">
-            <stop stop-color="#75DDFB" />
-            <stop offset="1" stop-color="#37B4F6" />
-        </linearGradient>
-        <linearGradient id="paint1_linear" x1="98.5" y1="94" x2="93" y2="179" gradientUnits="userSpaceOnUse">
-            <stop stop-color="#75DDFB" />
-            <stop offset="1" stop-color="#37B4F6" />
-        </linearGradient>
-        <linearGradient id="paint2_linear" x1="114.5" y1="83" x2="96.5" y2="169" gradientUnits="userSpaceOnUse">
-            <stop stop-color="#50B3ED" />
-            <stop offset="1" stop-color="#2960D9" />
-        </linearGradient>
-        <linearGradient id="paint3_linear" x1="114.5" y1="83" x2="96.5" y2="169" gradientUnits="userSpaceOnUse">
-            <stop stop-color="#50B3ED" />
-            <stop offset="1" stop-color="#2960D9" />
-        </linearGradient>
-        <clipPath id="clip0">
-            <rect width="200" height="200" fill="white" />
-        </clipPath>
-    </defs>
-</svg>

src/svg/animated/wait.svg

@@ -1,78 +0,0 @@
-<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <g clip-path="url(#clip0)">
-        <g opacity="0.01">
-            <path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white" />
-        </g>
-        <g filter="url(#filter0_d)">
-            <circle cx="99.5" cy="100.5" r="85.5" fill="black" fill-opacity="0.46" />
-        </g>
-
-        <g>
-            <animateTransform attributeName="transform" type="rotate" from="0 100 100" to="360 100 100" additive="sum"
-                begin="0s" dur="1.2s" repeatCount="indefinite" />
-            <path
-                d="M38 161.5C22.3037 145.897 13 123.866 13 100.088C13 92.2728 14.0484 84.7003 16.0132 77.5012C16.0214 77.4964 16.0296 77.4916 16.0378 77.4868C45.244 60.3581 83.1377 70.3323 100 100C66.6763 100 38.6522 127.79 38 161.5Z"
-                fill="url(#paint0_linear)" />
-            <path
-                d="M38 161.366C38 161.356 38 161.345 38 161.335C38 127.461 66.3932 100 99.7784 100C83.0856 129.336 91.6623 166.848 120.574 183.785C120.716 183.868 120.858 184.418 121 184.5C113.898 186.435 106.43 187 98.7238 187C74.9731 187 53.4858 177.195 38 161.366Z"
-                fill="url(#paint1_linear)" />
-            <path
-                d="M121 184.5C92.3135 167.276 82.7818 129.33 99.5002 100C116.338 129.54 153.726 139.661 182.89 122.606C182.927 122.584 183.327 122.627 183.364 122.606C175.457 152.635 151.089 176.695 121 184.5Z"
-                fill="url(#paint2_linear)" />
-            <path
-                d="M183.074 123.7C184.982 116.464 186 108.856 186 101.005C186 76.7491 176.285 54.8061 160.607 39C160.199 73.254 132.75 100 99.5 100C116.255 129.991 153.8 141.168 182.82 123.853C182.905 123.802 182.99 123.752 183.074 123.7Z"
-                fill="url(#paint3_linear)" />
-            <path
-                d="M161 39.6587C160.781 73.0214 132.844 100 99.5 100C116.239 70.9465 107.189 33.7959 78.1967 17.0217C78.1312 16.9838 78.0656 16.5376 78 16.5C85.0529 14.6028 92.4636 14 100.108 14C123.924 14 145.471 23.8149 161 39.6587Z"
-                fill="url(#paint4_linear)" />
-            <path
-                d="M16 77.9762C24.1078 48.1524 47.9003 24.2337 78 16.5C106.732 33.5633 116.59 71.0269 99.8376 100C83.0212 70.3405 45.1228 60.8287 16.0244 77.9618C16.0163 77.9666 16.0081 77.9714 16 77.9762Z"
-                fill="url(#paint5_linear)" />
-        </g>
-    </g>
-    <defs>
-        <filter id="filter0_d" x="0" y="6" width="199" height="199" filterUnits="userSpaceOnUse"
-            color-interpolation-filters="sRGB">
-            <feFlood flood-opacity="0" result="BackgroundImageFix" />
-            <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" />
-            <feOffset dy="5" />
-            <feGaussianBlur stdDeviation="6.5" />
-            <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.35 0" />
-            <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow" />
-            <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape" />
-        </filter>
-        <linearGradient id="paint0_linear" x1="48.566" y1="69.1662" x2="48.566" y2="186.344"
-            gradientUnits="userSpaceOnUse">
-            <stop stop-color="#52CF30" />
-            <stop offset="1" stop-color="#3BBD1C" />
-        </linearGradient>
-        <linearGradient id="paint1_linear" x1="90.6631" y1="100" x2="90.6631" y2="202.225"
-            gradientUnits="userSpaceOnUse">
-            <stop stop-color="#14ADF6" />
-            <stop offset="1" stop-color="#1191F4" />
-        </linearGradient>
-        <linearGradient id="paint2_linear" x1="146.222" y1="100" x2="146.222" y2="192.183"
-            gradientUnits="userSpaceOnUse">
-            <stop stop-color="#CA70E1" />
-            <stop offset="1" stop-color="#B452CB" />
-        </linearGradient>
-        <linearGradient id="paint3_linear" x1="150.499" y1="13.8093" x2="150.499" y2="132.264"
-            gradientUnits="userSpaceOnUse">
-            <stop stop-color="#FF645D" />
-            <stop offset="1" stop-color="#FF4332" />
-        </linearGradient>
-        <linearGradient id="paint4_linear" x1="108.191" y1="-1.2405" x2="108.191" y2="100"
-            gradientUnits="userSpaceOnUse">
-            <stop stop-color="#FBB114" />
-            <stop offset="1" stop-color="#FF9508" />
-        </linearGradient>
-        <linearGradient id="paint5_linear" x1="52.8082" y1="8.83735" x2="52.8082" y2="100.035"
-            gradientUnits="userSpaceOnUse">
-            <stop stop-color="#FFD305" />
-            <stop offset="1" stop-color="#FDCF01" />
-        </linearGradient>
-        <clipPath id="clip0">
-            <rect width="200" height="200" fill="white" />
-        </clipPath>
-    </defs>
-</svg>

src/svg/static/bd_double_arrow.svg

@@ -1 +0,0 @@
-bottom_right_corner.svg

src/svg/static/bottom_left_corner.svg

@@ -1,11 +0,0 @@
-<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <g opacity="0.01">
-        <path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white" />
-    </g>
-    <path fill-rule="evenodd" clip-rule="evenodd"
-        d="M122.166 100.748L87.776 135.701L111.668 160L40.1098 159.888L40 87.1116L63.9936 111.531L98.4088 76.5774L110.351 64.4193L86.3318 40H158V112.897L134.099 88.6066L122.166 100.748Z"
-        fill="white" />
-    <path fill-rule="evenodd" clip-rule="evenodd"
-        d="M113.333 97.7204L75.6191 135.422L91.1922 151L48.1193 150.864L48 107.793L63.6923 123.482L101.415 85.7981L122.492 64.7061L106.782 49H150V92.2151L134.41 76.6369L113.333 97.7204Z"
-        fill="black" />
-</svg>

src/svg/static/bottom_right_corner.svg

@@ -1,11 +0,0 @@
-<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <g opacity="0.01">
-        <path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white" />
-    </g>
-    <path fill-rule="evenodd" clip-rule="evenodd"
-        d="M88.776 56.299L112.668 32L41.1098 32.1117L41 104.888L64.9936 80.4691L99.4088 115.423L111.351 127.581L87.3318 152H159V79.103L135.099 103.393L88.776 56.299Z"
-        fill="white" />
-    <path fill-rule="evenodd" clip-rule="evenodd"
-        d="M76.6191 56.5782L92.1922 41L49.1193 41.1363L49 84.2066L64.6923 68.5176L123.492 127.294L107.782 143H151V99.7849L135.41 115.363L76.6191 56.5782Z"
-        fill="black" />
-</svg>

src/svg/static/bottom_side.svg

@@ -1 +0,0 @@
-top_side.svg

src/svg/static/circle.svg

@@ -1,21 +0,0 @@
-<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <g opacity="0.01">
-        <path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white" />
-    </g>
-    <path fill-rule="evenodd" clip-rule="evenodd"
-        d="M46 133.5C46 158.626 66.3739 179 91.5 179C116.626 179 137 158.626 137 133.5C137 108.369 116.626 88 91.5 88C66.3739 88 46 108.369 46 133.5Z"
-        fill="url(#paint0_linear)" />
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M41 100V20L100 78.0406H64.1602L63.3916 78.66L41 100Z"
-        fill="white" />
-    <path fill-rule="evenodd" clip-rule="evenodd"
-        d="M98.7029 133.5L109.506 122.697C111.498 120.705 111.498 117.481 109.506 115.49C107.52 113.503 104.296 113.503 102.304 115.49L91.5006 126.298L80.6921 115.49C78.7056 113.503 75.4814 113.503 73.4899 115.49C71.5034 117.481 71.5034 120.705 73.4899 122.697L84.2984 133.5L73.4899 144.303C71.5034 146.295 71.5034 149.519 73.4899 151.51C75.4814 153.497 78.7056 153.497 80.6921 151.51L91.5006 140.702L102.304 151.51C104.296 153.497 107.52 153.497 109.506 151.51C111.498 149.519 111.498 146.295 109.506 144.303L98.7029 133.5Z"
-        fill="#5A5A5A" />
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M46 32V88L60.9086 73.6546L61.7121 72.9589H87L46 32Z"
-        fill="black" />
-    <defs>
-        <linearGradient id="paint0_linear" x1="91.5" y1="88" x2="91.5" y2="179" gradientUnits="userSpaceOnUse">
-            <stop stop-color="#F0F0F0" />
-            <stop offset="1" stop-color="#D5D5D5" />
-        </linearGradient>
-    </defs>
-</svg>

src/svg/static/copy.svg

@@ -1,32 +0,0 @@
-<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <g opacity="0.01">
-        <path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white" />
-    </g>
-    <path fill-rule="evenodd" clip-rule="evenodd"
-        d="M46 133.5C46 158.626 66.3739 179 91.5 179C116.626 179 137 158.626 137 133.5C137 108.369 116.626 88 91.5 88C66.3739 88 46 108.369 46 133.5Z"
-        fill="url(#paint0_linear)" />
-    <g filter="url(#filter0_d)">
-        <path d="M113 129H72V139H113V129Z" fill="white" />
-        <path d="M97.625 114H87.375V154H97.625V114Z" fill="white" />
-    </g>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M41 100V20L100 78.0406H64.1602L63.3916 78.66L41 100Z"
-        fill="white" />
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M46 32V88L60.9086 73.6546L61.7121 72.9589H87L46 32Z"
-        fill="black" />
-    <defs>
-        <filter id="filter0_d" x="68" y="114" width="49" height="48" filterUnits="userSpaceOnUse"
-            color-interpolation-filters="sRGB">
-            <feFlood flood-opacity="0" result="BackgroundImageFix" />
-            <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" />
-            <feOffset dy="4" />
-            <feGaussianBlur stdDeviation="2" />
-            <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0" />
-            <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow" />
-            <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape" />
-        </filter>
-        <linearGradient id="paint0_linear" x1="91.5" y1="88" x2="91.5" y2="179" gradientUnits="userSpaceOnUse">
-            <stop stop-color="#1A331A" />
-            <stop offset="1" stop-color="#85C340" />
-        </linearGradient>
-    </defs>
-</svg>

src/svg/static/crossed_circle.svg

@@ -1,22 +0,0 @@
-<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <g opacity="0.01">
-        <path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white" />
-    </g>
-    <path fill-rule="evenodd" clip-rule="evenodd"
-        d="M51.4285 137.143C51.4285 165.543 74.457 188.571 102.857 188.571C131.257 188.571 154.286 165.543 154.286 137.143C154.286 108.737 131.257 85.7143 102.857 85.7143C74.457 85.7143 51.4285 108.737 51.4285 137.143Z"
-        fill="url(#paint0_linear)" />
-    <path fill-rule="evenodd" clip-rule="evenodd"
-        d="M45.7144 99.5537V8.03943L111.949 74.4337H71.7144L70.8515 75.1423L45.7144 99.5537Z" fill="white" />
-    <path fill-rule="evenodd" clip-rule="evenodd"
-        d="M110.938 137.143L123.058 125.023C125.293 122.789 125.293 119.171 123.058 116.937C120.83 114.709 117.213 114.709 114.978 116.937L102.858 129.063L90.7326 116.937C88.5041 114.709 84.8869 114.709 82.6526 116.937C80.4241 119.171 80.4241 122.789 82.6526 125.023L94.7783 137.143L82.6526 149.263C80.4241 151.497 80.4241 155.114 82.6526 157.349C84.8869 159.577 88.5041 159.577 90.7326 157.349L102.858 145.223L114.978 157.349C117.213 159.577 120.83 159.577 123.058 157.349C125.293 155.114 125.293 151.497 123.058 149.263L110.938 137.143Z"
-        fill="#5A5A5A" />
-    <path fill-rule="evenodd" clip-rule="evenodd"
-        d="M51.4285 21.7943V85.7257L68.3942 69.3486L69.3085 68.5543H98.0856L51.4285 21.7943Z" fill="black" />
-    <defs>
-        <linearGradient id="paint0_linear" x1="102.857" y1="85.7143" x2="102.857" y2="188.571"
-            gradientUnits="userSpaceOnUse">
-            <stop stop-color="#F0F0F0" />
-            <stop offset="1" stop-color="#D5D5D5" />
-        </linearGradient>
-    </defs>
-</svg>

src/svg/static/dnd_ask.svg

@@ -1 +0,0 @@
-question_arrow.svg

src/svg/static/dnd_copy.svg

@@ -1 +0,0 @@
-copy.svg

src/svg/static/dnd_link.svg

@@ -1 +0,0 @@
-link.svg

src/svg/static/dnd_move.svg

@@ -1 +0,0 @@
-move.svg

src/svg/static/dnd_no_drop.svg

@@ -1,20 +0,0 @@
-<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M45.7144 99.5537V8.03943L111.949 74.4337H71.7144L70.8515 75.1423L45.7144 99.5537Z" fill="white"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M51.4287 21.7943V85.7257L68.3944 69.3486L69.3087 68.5543H98.0859L51.4287 21.7943Z" fill="black"/>
-<g opacity="0.01">
-<path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white"/>
-</g>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M102.857 174.286C82.3772 174.286 65.7144 157.623 65.7144 137.143C65.7144 130.171 67.6401 123.48 71.3144 117.594L122.406 168.686C116.52 172.36 109.829 174.286 102.857 174.286ZM83.4687 105.503C89.3144 101.891 95.9544 100 102.857 100C123.337 100 140 116.663 140 137.143C140 144.046 138.109 150.686 134.497 156.531L83.4687 105.503ZM102.857 82.8571C72.9258 82.8571 48.5715 107.211 48.5715 137.143C48.5715 167.074 72.9258 191.429 102.857 191.429C132.789 191.429 157.143 167.074 157.143 137.143C157.143 107.211 132.789 82.8571 102.857 82.8571Z" fill="white"/>
-<mask id="mask0" mask-type="alpha" maskUnits="userSpaceOnUse" x="51" y="85" width="104" height="104">
-<path d="M51.4285 137.143C51.4285 165.543 74.457 188.571 102.857 188.571C131.257 188.571 154.286 165.543 154.286 137.143C154.286 108.737 131.257 85.7143 102.857 85.7143C74.457 85.7143 51.4285 108.737 51.4285 137.143ZM79.0056 105.086C85.6742 100.12 93.9085 97.1429 102.857 97.1429C124.948 97.1429 142.857 115.051 142.857 137.143C142.857 146.097 139.886 154.331 134.914 160.994L79.0056 105.086ZM62.857 137.143C62.857 128.126 65.8799 119.834 70.9085 113.149L126.851 169.091C120.16 174.126 111.868 177.143 102.857 177.143C80.7656 177.143 62.857 159.234 62.857 137.143Z" fill="white"/>
-</mask>
-<g mask="url(#mask0)">
-<path d="M51.4285 137.143C51.4285 165.543 74.457 188.571 102.857 188.571C131.257 188.571 154.286 165.543 154.286 137.143C154.286 108.737 131.257 85.7143 102.857 85.7143C74.457 85.7143 51.4285 108.737 51.4285 137.143ZM79.0056 105.086C85.6742 100.12 93.9085 97.1429 102.857 97.1429C124.948 97.1429 142.857 115.051 142.857 137.143C142.857 146.097 139.886 154.331 134.914 160.994L79.0056 105.086ZM62.857 137.143C62.857 128.126 65.8799 119.834 70.9085 113.149L126.851 169.091C120.16 174.126 111.868 177.143 102.857 177.143C80.7656 177.143 62.857 159.234 62.857 137.143Z" fill="url(#paint0_linear)"/>
-</g>
-<defs>
-<linearGradient id="paint0_linear" x1="102.857" y1="85.7143" x2="102.857" y2="188.571" gradientUnits="userSpaceOnUse">
-<stop stop-color="#F0F0F0"/>
-<stop offset="1" stop-color="#D5D5D5"/>
-</linearGradient>
-</defs>
-</svg>

src/svg/static/dnd_none.svg

@@ -1 +0,0 @@
-move.svg

src/svg/static/fd_double_arrow.svg

@@ -1 +0,0 @@
-bottom_left_corner.svg

src/svg/static/grabbing.svg

@@ -1 +0,0 @@
-move.svg

src/svg/static/hand1.svg

@@ -1,11 +0,0 @@
-<svg width="201" height="200" viewBox="0 0 201 200" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <g opacity="0.01">
-        <path opacity="0.01" d="M172.875 29H22.125V179H172.875V29Z" fill="white" />
-    </g>
-    <path fill-rule="evenodd" clip-rule="evenodd"
-        d="M63.8242 104.312C62.8006 100.407 61.777 95.4908 59.5836 88.1483C57.8393 82.3472 56.0115 79.2019 54.6746 75.3068C53.0557 70.568 51.5098 67.7977 49.494 63.0069C48.0422 59.5804 45.6921 52.0921 44.7208 48.0095C43.4778 42.7083 45.0654 38.3862 47.2693 35.4492C49.9118 31.9186 57.3171 30.3459 61.4428 31.7936C65.3177 33.1475 69.2136 37.126 71.0101 40.0005C74.0182 44.7913 74.7389 46.5827 78.499 56.0602C82.6038 66.3917 84.3898 76.0358 84.8807 79.2957L85.7648 84.7274C85.7776 84.8059 85.7672 84.8093 85.7652 84.7297C85.3997 74.0128 84.6823 52.9149 84.912 41.2919C84.9329 39.9797 85.5805 35.1784 85.7894 33.8453C86.6041 28.6379 88.975 25.5135 92.8187 23.6492C97.1219 21.5558 102.491 21.41 107.452 23.4721C111.87 25.2739 113.99 29.2003 114.627 34.1161C114.774 35.2513 115.609 44.3956 115.599 45.6453C115.463 56.3205 115.661 62.7361 115.755 68.2872C115.797 70.693 115.787 85.2113 115.933 83.5866C116.57 76.7545 116.915 50.3737 119.526 42.5313C121.03 38.0217 123.756 34.7618 127.819 32.8559C132.321 30.7417 139.444 32.1269 142.483 35.3867C145.46 38.5632 147.142 42.5938 147.518 47.395C147.852 51.613 147.319 56.7371 147.309 60.3615C147.309 69.3912 147.089 74.1507 146.922 82.4514C146.912 82.8471 146.766 85.555 147.163 84.3469C148.144 81.4307 149.126 78.702 149.941 76.5878C150.453 75.286 152.458 70.1931 153.691 67.6415C154.881 65.2044 155.894 63.7984 158.025 60.4761C160.114 57.2162 162.36 55.8102 165.002 54.6333C170.642 52.1859 176.585 55.7998 178.591 60.7885C179.489 63.0277 178.685 68.2143 178.298 72.2969C177.661 79.0353 175.645 85.8987 174.622 89.4606C173.285 94.116 171.76 102.323 171.071 106.135C170.319 110.238 168.626 120.528 167.321 125.09C166.423 128.225 163.446 135.275 160.511 139.504C160.511 139.504 149.293 152.522 148.061 158.376C146.839 164.239 147.246 164.281 147.006 168.426C146.825 171.428 147.565 175.109 147.99 176.921C148.129 177.514 147.732 178.106 147.127 178.171C144.68 178.436 138.873 178.957 135.381 178.393C131.297 177.747 126.242 169.634 124.936 167.166C123.14 163.75 119.307 164.406 117.813 166.926C115.463 170.915 110.408 178.07 106.836 178.518C100.1 179.362 86.3757 178.868 75.2378 178.739C74.617 178.731 74.1448 178.171 74.222 177.555C74.579 174.71 75.102 167.458 71.6786 164.583C68.493 161.875 63.0095 156.418 59.7298 153.543L51.0398 143.951C48.0735 140.202 44.4701 132.568 38.057 123.278C34.4223 118.028 27.3303 111.977 24.646 106.833C22.3168 102.406 21.1888 96.8968 22.6615 93.0329C25.0116 86.8464 29.7117 83.6907 36.8872 84.3677C42.308 84.8885 45.7444 86.5132 49.8178 89.9605C52.1679 91.9393 55.8026 95.522 57.6513 97.7508C59.3538 99.7817 59.7716 100.625 61.589 103.052C63.9913 106.249 64.7433 107.832 63.8242 104.312Z"
-        fill="white" stroke="black" stroke-width="7" />
-    <path d="M137 147V111" stroke="black" stroke-width="7" stroke-linecap="round" />
-    <path d="M117 147V111" stroke="black" stroke-width="7" stroke-linecap="round" />
-    <path d="M94 111V146" stroke="black" stroke-width="7" stroke-linecap="round" />
-</svg>

src/svg/static/left_ptr.svg

@@ -1,13 +0,0 @@
-<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <g opacity="0.01">
-        <path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white" />
-    </g>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M58 160V20L159 121.571H99.9127L96.3314 122.655L58 160Z"
-        fill="white" />
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M136 165.644L104.679 179L64 82.5129L96.0251 69L136 165.644Z"
-        fill="white" />
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M125 159.256L108.589 166L81 101.752L97.3843 95L125 159.256Z"
-        fill="black" />
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M66 41V138L91.8174 113.152L95.5391 111.947H137L66 41Z"
-        fill="black" />
-</svg>

src/svg/static/left_side.svg

@@ -1,11 +0,0 @@
-<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <g opacity="0.01">
-        <path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white" />
-    </g>
-    <path fill-rule="evenodd" clip-rule="evenodd"
-        d="M19 100.985V101.035L78.9812 160.99L78.9913 121.003H98.985H119.189V161L179 100.995L119.189 41.01L119.199 81.1966L98.985 81.2167H78.9812L78.9913 41L19 100.985ZM33.1126 101.015L68.9894 65.138L68.9794 91.0058H103.986H129.201V65.158L164.857 101.015L129.211 136.862L129.201 111.014H103.986L68.9894 111.004L68.9794 136.862L33.1126 101.015Z"
-        fill="white" />
-    <path fill-rule="evenodd" clip-rule="evenodd"
-        d="M104.011 111.043H129.274V137L165 101.005L129.274 65.0201V91.1681H104.011H68.9362V65L33 101.005L68.9362 137V111.033L104.011 111.043Z"
-        fill="black" />
-</svg>

src/svg/static/left_tee.svg

@@ -1,11 +0,0 @@
-<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <g opacity="0.01">
-        <path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white" />
-    </g>
-    <path fill-rule="evenodd" clip-rule="evenodd"
-        d="M85.3435 157.23V122.45H74.6683V182.5H34.5V22.5H74.6683V82.56H85.3435V47.89L145.5 102.62L85.3435 157.23Z"
-        fill="white" />
-    <path fill-rule="evenodd" clip-rule="evenodd"
-        d="M64.7985 29V89.0858H95.4808V66.6538L129 99.2103L95.4808 131.486V108.914H64.7985V169H45V29H64.7985Z"
-        fill="black" />
-</svg>

src/svg/static/link.svg

@@ -1,11 +0,0 @@
-<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <g opacity="0.01">
-        <path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white" />
-    </g>
-    <path fill-rule="evenodd" clip-rule="evenodd"
-        d="M153 23L46 23.8102L82.474 56.2187C79.4571 59.4596 76.9726 62.1499 76.5028 62.7628C74.8743 64.8714 68.35 74.4485 66.3874 78.51C64.4353 82.5611 60.5207 92.9484 59.3724 99.6067C58.3285 105.725 58.3911 116.808 58.5581 121.514C58.7147 125.907 60.2284 134.581 61.6585 138.559C63.9447 144.885 65.2496 148.303 68.1829 152.842C71.4817 157.952 74.3733 160.809 78.9456 165.182C83.0272 169.077 101.786 178 101.786 178C98.8423 174.271 93.2992 163.551 91.9943 159.822C91.3054 157.849 89.4994 148.282 89.061 143.919C88.5703 139.047 88.2467 132.233 88.4033 127.362C88.5495 123.113 89.4681 118.958 90.5329 115.188C91.6707 111.126 95.0008 105.766 97.7045 102.037C99.8236 99.1185 102.381 96.0958 106.024 92.6264C108.676 90.0919 111.776 87.4016 114.939 85.0748L152.676 118.595L153 23Z"
-        fill="white" />
-    <path fill-rule="evenodd" clip-rule="evenodd"
-        d="M142 97.3531L141.958 33L77.8812 33.0416L96.5812 51.7939C95.1459 53.3133 93.1907 55.3841 92.0362 56.8306C89.1553 60.4416 87.4288 62.4189 85.6919 64.4481C84.4647 65.8842 82.967 67.7469 81.7709 69.3807C80.1173 71.6389 78.8588 73.8555 78.0164 75.3644C76.8619 77.4041 75.6659 80.1513 74.1994 83.1692C72.1609 87.3734 71.4745 90.9324 70.8817 93.3883C70.476 95.0533 69.5296 99.3303 69.1552 103.306C68.864 106.323 69.072 109.799 69.072 111.204C69.072 113.66 68.8224 116.615 69.3528 121.402C69.8416 125.783 72.4313 135.461 74.3658 139.322C75.9883 142.579 79.1708 149 79.1708 149C79.1708 149 77.4027 133.203 77.9644 125.221C78.2972 120.663 80.4085 112.911 83.0918 107.239C83.5598 106.271 83.643 105.054 85.0263 102.848C86.0975 101.162 87.5224 98.8308 88.7184 96.9368C90.9441 93.4299 95.5203 87.8313 96.6124 86.3744C98.3701 84.0329 103.477 79.3813 106.368 76.8317C107.845 75.5309 111.495 72.4714 114.616 69.8802L142 97.3531Z"
-        fill="black" />
-</svg>

src/svg/static/ll_angle.svg

@@ -1,11 +0,0 @@
-<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <g opacity="0.01">
-        <path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white" />
-    </g>
-    <path fill-rule="evenodd" clip-rule="evenodd"
-        d="M65.7399 95.5193L26.014 55.7719L26 174.986L145.192 175L105.48 135.267L175 65.7052L135.302 26L65.7399 95.5193Z"
-        fill="white" />
-    <path fill-rule="evenodd" clip-rule="evenodd"
-        d="M155 65.8242L85.5255 135.321L111.187 161L40 160.986V89.7901L65.6757 115.469L135.178 46L155 65.8242Z"
-        fill="black" />
-</svg>

src/svg/static/lr_angle.svg

@@ -1,11 +0,0 @@
-<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <g opacity="0.01">
-        <path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white" />
-    </g>
-    <path fill-rule="evenodd" clip-rule="evenodd"
-        d="M134.26 95.5193L173.986 55.7719L174 174.986L54.8084 175L94.5202 135.267L25 65.7052L64.6978 26L134.26 95.5193Z"
-        fill="white" />
-    <path fill-rule="evenodd" clip-rule="evenodd"
-        d="M45 65.8242L114.474 135.321L88.8129 161L160 160.986V89.7901L134.324 115.469L64.8218 46L45 65.8242Z"
-        fill="black" />
-</svg>

src/svg/static/move.svg

@@ -1,11 +0,0 @@
-<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <g opacity="0.01">
-        <path opacity="0.01" d="M172 25H22V175H172V25Z" fill="white" />
-    </g>
-    <path fill-rule="evenodd" clip-rule="evenodd"
-        d="M54.0728 35.1736C59.9198 32.9493 71.4554 34.3114 74.5008 41.0844C77.0954 46.8576 79.3245 56.5923 79.4463 54.5179C79.7387 49.9067 79.154 39.9347 81.1152 34.7238C82.5404 30.9249 85.3421 27.351 89.4715 26.0888C92.9432 25.0142 97.0239 24.6393 100.63 25.4015C104.442 26.2013 108.45 28.988 109.948 31.6372C114.358 39.4224 114.431 55.3676 114.638 54.5179C115.418 51.1189 115.491 39.1599 118.085 34.7238C119.803 31.7871 124.139 29.1629 126.454 28.738C130.035 28.0882 134.445 27.8883 138.197 28.6381C141.23 29.2504 145.335 32.9368 146.443 34.7238C149.111 39.0225 150.609 51.1689 151.06 55.4426C151.255 57.2046 151.961 50.5316 154.629 46.2453C159.575 38.2602 177.091 36.7107 177.749 54.2305C178.066 62.403 177.993 62.0281 177.993 67.5265C177.993 73.9746 177.847 77.8734 177.505 82.547C177.14 87.533 176.092 98.8422 174.57 104.316C173.522 108.077 170.051 116.537 166.615 121.61C166.615 121.61 153.533 137.231 152.108 144.254C150.682 151.289 151.157 151.339 150.865 156.313C150.655 160.049 151.588 164.664 152.068 166.741C152.204 167.329 151.813 167.915 151.213 167.983C148.496 168.291 141.491 168.965 137.307 168.272C132.544 167.497 126.649 157.775 125.126 154.801C123.031 150.702 118.56 151.489 116.818 154.513C114.09 159.299 108.182 167.884 104.028 168.421C96.1199 169.44 79.9868 168.835 66.9612 168.684C66.3425 168.677 65.8719 168.117 65.9505 167.503C66.3645 164.274 67.1025 155.234 63.0138 151.701C59.2986 148.452 52.9034 141.904 49.0785 138.455L38.9437 126.946C35.4964 122.448 26.738 115.337 23.8024 102.141C21.2078 90.4447 21.4636 84.7089 24.2531 80.0228C27.0791 75.2617 32.4145 72.6625 34.6559 72.2126C37.1896 71.6878 43.0853 71.7253 45.3145 72.9874C48.0309 74.5244 49.1272 74.9743 51.2589 77.8734C54.0606 81.7098 55.0595 83.5717 53.8535 79.3855C52.9277 76.1114 49.9312 71.9502 48.5669 67.2641C47.2391 62.7529 43.6822 55.4801 43.938 48.1948C44.0354 45.4331 45.1927 38.5601 54.0728 35.1736Z"
-        fill="white" stroke="black" stroke-width="8" />
-    <path d="M140 130V89" stroke="black" stroke-width="7" stroke-linecap="round" />
-    <path d="M115 131V89" stroke="black" stroke-width="7" stroke-linecap="round" />
-    <path d="M91 89V130" stroke="black" stroke-width="7" stroke-linecap="round" />
-</svg>

src/svg/static/plus.svg

@@ -1,9 +0,0 @@
-<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <g opacity="0.01">
-        <path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white" />
-    </g>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M122 180H76V20H122V180Z" fill="black" />
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M19 77H179V123H19V77Z" fill="black" />
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M110 168H88V32H110V168Z" fill="white" />
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M31 89H167V111H31V89Z" fill="white" />
-</svg>

src/svg/static/pointer_move.svg

@@ -1 +0,0 @@
-move.svg

src/svg/static/question_arrow.svg

@@ -1,13 +0,0 @@
-<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <g opacity="0.01">
-        <path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white" />
-    </g>
-    <path fill-rule="evenodd" clip-rule="evenodd"
-        d="M68.717 39.2312C75.829 33.5648 89.0203 29.0712 100.24 29.0015C118.008 28.897 127.362 34.2963 135.753 42.3664C143.828 50.1345 147.536 58.0651 146.938 70.234C146.456 80.1387 143.804 85.8864 139.849 91.2625C137.525 94.5254 133.077 98.7055 126.493 103.78L120.238 108.773C116.365 112.488 114.675 114.149 113.197 118.294C112.093 121.383 111.835 124.17 111.776 129H88.5744C88.5391 117.203 88.3514 113.034 89.6306 107.948C90.8864 103.002 95.5221 99.4254 102.106 94.3512L108.772 89.1724C110.978 87.5468 114.57 84.3653 115.908 82.4261C118.349 79.1052 119.827 74.5071 120.027 70.5243C120.215 66.7738 119.076 62.4079 115.99 58.5993C112.328 54.0708 107.739 51.1911 98.7964 51.5859C91.7431 51.8994 86.3445 55.4526 83.0467 58.8083C79.1738 62.7562 77.4838 69.3051 77.2021 74.4839H54C54.7276 57.2523 58.1546 47.638 68.717 39.2312Z"
-        stroke="white" stroke-width="15" />
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M85 144H115V171H85V144Z" stroke="white" stroke-width="7" />
-    <path fill-rule="evenodd" clip-rule="evenodd"
-        d="M70.8907 38.4415C79.1216 33.1024 86.7385 29 99.5395 29C118.635 29 122.957 31.8776 132.746 39.7495C141.603 46.8722 147 56.1115 147 69.2392C147 77.2894 142.702 85.9818 138.71 91.4873C136.384 94.8287 133.29 98.1463 126.665 103.355L119.438 108.943C115.895 111.726 112.376 115.935 111.207 119.645C110.475 122 110.522 127.053 110.475 132H88.5098C88.8759 121.536 88.9113 112.915 90.5055 108.92C92.0997 104.924 96.2093 100.322 102.834 95.126L109.294 89.8225C111.502 88.1578 114.903 85.6131 116.249 83.6273C118.706 80.2265 120.843 75.2917 120.843 71.2012C120.843 66.4924 121.103 63.1629 118.375 59.2864C115.186 54.7916 112.281 49.845 98.5593 49.6071C87.8721 49.4169 83.3138 54.9224 80.3497 59.6788C77.3739 64.459 76.3583 69.8813 76.3583 75.0182H53C53.744 57.372 59.3887 45.8139 70.8907 38.4415Z"
-        fill="black" />
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M89 146H111V168H89V146Z" fill="black" />
-</svg>

src/svg/static/right_side.svg

@@ -1 +0,0 @@
-left_side.svg

src/svg/static/right_tee.svg

@@ -1,11 +0,0 @@
-<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <g opacity="0.01">
-        <path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white" />
-    </g>
-    <path fill-rule="evenodd" clip-rule="evenodd"
-        d="M109.657 157.23V122.45H120.332V182.5H160.5V22.5H120.332L120.332 82.56H109.657V47.89L49.5 102.62L109.657 157.23Z"
-        fill="white" />
-    <path fill-rule="evenodd" clip-rule="evenodd"
-        d="M130.201 30V90.0858H99.5192V67.6538L66 100.21L99.5192 132.486V109.914H130.201V170H150V30H130.201Z"
-        fill="black" />
-</svg>

src/svg/static/sb_down_arrow.svg

@@ -1,9 +0,0 @@
-<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <g opacity="0.01">
-        <path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white" />
-    </g>
-    <path fill-rule="evenodd" clip-rule="evenodd"
-        d="M74.3454 21L74.3333 105.526H26L98.4879 178L171 105.526H122.667V21H74.3454Z" fill="white" />
-    <path fill-rule="evenodd" clip-rule="evenodd"
-        d="M110.631 33V117.64H142L98.5 161L55 117.64H86.3695L86.3816 33H110.631Z" fill="black" />
-</svg>

src/svg/static/sb_left_arrow.svg

@@ -1,9 +0,0 @@
-<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <g opacity="0.01">
-        <path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white" />
-    </g>
-    <path fill-rule="evenodd" clip-rule="evenodd"
-        d="M177 75.3454L92.4736 75.3333V27L20 99.4879L92.4736 172V123.667H177V75.3454Z" fill="white" />
-    <path fill-rule="evenodd" clip-rule="evenodd"
-        d="M167.5 110.131H82.8599V141.5L39.5 98L82.8599 54.5V85.8695L167.5 85.8816V110.131Z" fill="black" />
-</svg>

src/svg/static/sb_right_arrow.svg

@@ -1,9 +0,0 @@
-<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <g opacity="0.01">
-        <path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white" />
-    </g>
-    <path fill-rule="evenodd" clip-rule="evenodd"
-        d="M20 75.3454L104.526 75.3333V27L177 99.4879L104.526 172V123.667H20V75.3454Z" fill="white" />
-    <path fill-rule="evenodd" clip-rule="evenodd"
-        d="M29.5 110.131H114.14V141.5L157.5 98L114.14 54.5V85.8695L29.5 85.8816V110.131Z" fill="black" />
-</svg>

src/svg/static/sb_up_arrow.svg

@@ -1,9 +0,0 @@
-<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <g opacity="0.01">
-        <path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white" />
-    </g>
-    <path fill-rule="evenodd" clip-rule="evenodd"
-        d="M74.3454 178L74.3333 93.4736H26L98.4879 21L171 93.4736H122.667V178H74.3454Z" fill="white" />
-    <path fill-rule="evenodd" clip-rule="evenodd"
-        d="M110.631 170V85.3599H142L98.5 42L55 85.3599H86.3695L86.3816 170H110.631Z" fill="black" />
-</svg>

src/svg/static/tcross.svg

@@ -1 +0,0 @@
-cross.svg

src/svg/static/top_left_corner.svg

@@ -1 +0,0 @@
-bottom_right_corner.svg

src/svg/static/top_right_corner.svg

@@ -1 +0,0 @@
-bottom_left_corner.svg

src/svg/static/top_side.svg

@@ -1,11 +0,0 @@
-<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <g opacity="0.01">
-        <path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white" />
-    </g>
-    <path fill-rule="evenodd" clip-rule="evenodd"
-        d="M98.985 181H99.035L158.99 121.019L119.003 121.009V80.8112H159L98.995 21L39.01 80.8112L79.1966 80.8012L79.2167 121.019L39 121.009L98.985 181ZM99.015 166.887L63.138 131.011L89.0058 131.021V70.7993H63.158L99.015 35.1426L134.862 70.7893L109.014 70.7993L109.004 131.011L134.862 131.021L99.015 166.887Z"
-        fill="white" />
-    <path fill-rule="evenodd" clip-rule="evenodd"
-        d="M109.043 70.7258H135L99.005 35L63.0201 70.7258H89.1681V131.064H63L99.005 167L135 131.064H109.033L109.043 70.7258Z"
-        fill="black" />
-</svg>

src/svg/static/top_tee.svg

@@ -1,11 +0,0 @@
-<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <g opacity="0.01">
-        <path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white" />
-    </g>
-    <path fill-rule="evenodd" clip-rule="evenodd"
-        d="M44.27 90.8435H79.05V80.1683H19V40H179V80.1683H118.94V90.8435H153.61L98.88 151L44.27 90.8435Z"
-        fill="white" />
-    <path fill-rule="evenodd" clip-rule="evenodd"
-        d="M169 69.7985H108.914V100.481H131.346L98.7897 134L66.5136 100.481H89.0858V69.7985H29V50H169V69.7985Z"
-        fill="black" />
-</svg>

src/svg/static/ul_angle.svg

@@ -1,11 +0,0 @@
-<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <g opacity="0.01">
-        <path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white" />
-    </g>
-    <path fill-rule="evenodd" clip-rule="evenodd"
-        d="M64.7399 105.481L25.014 145.228L25 26.014L144.192 26L104.48 65.7333L174 135.295L134.302 175L64.7399 105.481Z"
-        fill="white" />
-    <path fill-rule="evenodd" clip-rule="evenodd"
-        d="M156 136.176L86.5255 66.6788L112.187 41L41 41.0141V112.21L66.6757 86.5311L136.178 156L156 136.176Z"
-        fill="black" />
-</svg>

src/svg/static/ur_angle.svg

@@ -1,11 +0,0 @@
-<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <g opacity="0.01">
-        <path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white" />
-    </g>
-    <path fill-rule="evenodd" clip-rule="evenodd"
-        d="M134.26 105.481L173.986 145.228L174 26.014L54.8084 26L94.5202 65.7333L25 135.295L64.6978 175L134.26 105.481Z"
-        fill="white" />
-    <path fill-rule="evenodd" clip-rule="evenodd"
-        d="M43 136.176L112.474 66.6788L86.8129 41L158 41.0141V112.21L132.324 86.5311L62.8218 156L43 136.176Z"
-        fill="black" />
-</svg>

src/svg/static/vertical_text.svg

@@ -1,11 +0,0 @@
-<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <g opacity="0.01">
-        <path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white" />
-    </g>
-    <path
-        d="M156.435 129.133L156.028 133H159.916H168.441H171.74L171.935 129.706C172.306 123.427 171.088 117.156 168.393 111.47C166.337 107.133 163.474 103.243 159.968 100C163.474 96.7572 166.337 92.8672 168.393 88.5304C171.088 82.8441 172.306 76.5729 171.935 70.2935L171.74 67H168.441H159.916H155.927L156.445 70.9551C157.654 80.1742 152.303 89.1443 143.604 92.5043H104.251V87.5029V84.0029H100.751H92.2261H88.7261V87.5029V92.5043H57.4001C48.693 89.07 43.4088 80.1669 44.5489 70.9287L45.0338 67H41.0753H32.5501H29.2343L29.0552 70.311C28.7167 76.5692 29.9381 82.8132 32.6098 88.485C34.6559 92.8286 37.5035 96.7327 40.9903 100C37.5035 103.267 34.6559 107.171 32.6098 111.515C29.9381 117.187 28.7167 123.431 29.0552 129.689L29.2343 133H32.5501H41.0753H44.9573L44.5566 129.139C44.086 124.604 45.1476 120.041 47.5742 116.174C49.896 112.475 53.3409 109.615 57.4024 108.006H88.8114V113.007V116.507H92.3114H100.837H104.337V113.007V108.006H143.515C147.6 109.591 151.069 112.445 153.407 116.149C155.848 120.017 156.914 124.59 156.435 129.133Z"
-        fill="white" stroke="white" stroke-width="7" />
-    <path
-        d="M159.916 129.5H168.441C168.777 123.808 167.673 118.123 165.23 112.969C162.787 107.814 159.083 103.354 154.46 100C159.083 96.6459 162.787 92.1863 165.23 87.0314C167.673 81.8765 168.777 76.1918 168.441 70.5H159.916C161.365 81.5519 154.801 92.2637 144.23 96.0043H100.751V87.5029H92.2261V96.0043H56.7615C46.1904 92.1787 39.7113 81.5519 41.0753 70.5H32.5501C32.2429 76.1792 33.3513 81.8458 35.7761 86.9935C38.201 92.1413 41.8668 96.6098 46.4461 100C41.8668 103.39 38.201 107.859 35.7761 113.006C33.3513 118.154 32.2429 123.821 32.5501 129.5H41.0753C40.5239 124.187 41.7679 118.842 44.6096 114.314C47.4514 109.786 51.7283 106.334 56.7615 104.506H92.3114V113.007H100.837V104.506H144.144C149.202 106.306 153.507 109.749 156.367 114.282C159.227 118.814 160.477 124.174 159.916 129.5Z"
-        fill="black" />
-</svg>

src/svg/static/x_cursor.svg

@@ -1,8 +0,0 @@
-<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <g opacity="0.01">
-        <path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white" />
-    </g>
-    <path
-        d="M36.6456 76.0589L61.166 100.641L36.6658 124.924L36.6557 124.934L36.6456 124.945C30.4514 131.154 30.4516 141.143 36.6456 147.352L36.6631 147.37L36.6807 147.387L52.9283 163.357C59.1306 169.554 69.1016 169.548 75.2962 163.337L99.5202 139.052L124.023 163.337C124.027 163.341 124.03 163.345 124.034 163.349C130.236 169.554 140.213 169.55 146.41 163.337L162.355 147.352C168.549 141.143 168.548 131.154 162.355 124.945L162.355 124.945L138.113 100.641L162.355 76.0588C162.358 76.0549 162.362 76.051 162.366 76.0471C168.548 69.8367 168.545 59.8569 162.355 53.651L146.41 37.666C140.212 31.4527 130.235 31.4493 124.033 37.6555C124.03 37.659 124.026 37.6625 124.023 37.666L99.5202 61.9513L75.2962 37.666C72.2114 34.5733 68.1694 33 64.1027 33C60.0445 33 56.0106 34.5668 52.9283 37.6469L36.6807 53.6162L36.6631 53.6335L36.6456 53.651C30.4515 59.8608 30.4515 69.8491 36.6456 76.0589Z"
-        fill="black" stroke="white" stroke-width="10" stroke-miterlimit="10" />
-</svg>

src/svg/static/xterm.svg

@@ -1,11 +0,0 @@
-<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <g opacity="0.01">
-        <path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white" />
-    </g>
-    <path
-        d="M68.3666 155.935L64.5 155.528V159.416V167.941V171.24L67.7935 171.435C74.0729 171.806 80.3441 170.588 86.0304 167.893C90.3672 165.837 94.2572 162.974 97.5 159.468C100.743 162.974 104.633 165.837 108.97 167.893C114.656 170.588 120.927 171.806 127.206 171.435L130.5 171.24V167.941V159.416V155.427L126.545 155.945C117.326 157.154 108.356 151.803 104.996 143.104V103.751H109.997H113.497V100.251V91.7261V88.2261H109.997H104.996V56.9001C108.43 48.193 117.333 42.9088 126.571 44.0489L130.5 44.5338V40.5753V32.0501V28.7343L127.189 28.5552C120.931 28.2167 114.687 29.4381 109.015 32.1098C104.671 34.1559 100.767 37.0035 97.5 40.4903C94.2327 37.0035 90.3286 34.1559 85.985 32.1098C80.3132 29.4381 74.0692 28.2167 67.811 28.5552L64.5 28.7343V32.0501V40.5753V44.4573L68.3612 44.0566C72.8965 43.586 77.4592 44.6476 81.3257 47.0742C85.0254 49.396 87.8855 52.8409 89.4942 56.9024V88.3114H84.4928H80.9928V91.8114V100.337V103.837H84.4928H89.4942V143.015C87.9087 147.1 85.0553 150.569 81.3506 152.907C77.4825 155.348 72.9099 156.414 68.3666 155.935Z"
-        fill="white" stroke="white" stroke-width="7" />
-    <path
-        d="M68 159.416V167.941C73.6918 168.277 79.3765 167.173 84.5314 164.73C89.6863 162.287 94.1459 158.583 97.5 153.96C100.854 158.583 105.314 162.287 110.469 164.73C115.623 167.173 121.308 168.277 127 167.941V159.416C115.948 160.865 105.236 154.301 101.496 143.73V100.251H109.997V91.7261H101.496V56.2615C105.321 45.6904 115.948 39.2113 127 40.5753V32.0501C121.321 31.7429 115.654 32.8513 110.506 35.2761C105.359 37.701 100.89 41.3668 97.5 45.9461C94.1099 41.3668 89.6413 37.701 84.4935 35.2761C79.3458 32.8513 73.6792 31.7429 68 32.0501V40.5753C73.3134 40.0239 78.6582 41.2679 83.1863 44.1096C87.7143 46.9514 91.1663 51.2283 92.9942 56.2615V91.8114H84.4928V100.337H92.9942V143.644C91.1939 148.702 87.7511 153.007 83.2184 155.867C78.6857 158.727 73.3261 159.977 68 159.416Z"
-        fill="black" />
-</svg>

src/utils/getFrameName.ts

@@ -1,14 +0,0 @@
-import path from "path";
-
-export const frameNumber = (index: number, endIndex: number) => {
-  let result = "" + index;
-  while (result.length < endIndex) {
-    result = "0" + result;
-  }
-  return result;
-};
-
-export const getFrameName = (index: number, fileName: string) => {
-  const frame = frameNumber(index, 2);
-  return `${path.basename(fileName, ".svg")}-${frame}.png`;
-};

src/utils/matchImages.ts

@@ -1,19 +0,0 @@
-import { PNG } from "pngjs";
-import pixelmatch from "pixelmatch";
-
-interface MatchImagesArgs {
-  img1Buff: Buffer;
-  img2Buff: Buffer;
-}
-
-export const matchImages = ({ img1Buff, img2Buff }: MatchImagesArgs) => {
-  const img1 = PNG.sync.read(img1Buff);
-  const img2 = PNG.sync.read(img2Buff);
-  const { width, height } = img1;
-
-  const diff = new PNG({ width, height });
-
-  return pixelmatch(img1.data, img2.data, diff.data, width, height, {
-    threshold: 0.1,
-  });
-};

src/utils/saveFrames.ts

@@ -1,16 +0,0 @@
-import fs from "fs";
-import path from "path";
-import { bitmapsDir } from "../config";
-
-export interface Frames {
-  [fileName: string]: {
-    buffer: Buffer;
-  };
-}
-
-export const saveFrames = (frames: Frames) => {
-  for (let [fileName, { buffer }] of Object.entries(frames)) {
-    const out_path = path.resolve(bitmapsDir, fileName);
-    fs.writeFileSync(out_path, buffer, { encoding: "binary" });
-  }
-};

svg/animated/left_ptr_watch.svg

@@ -0,0 +1,37 @@
+<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g>
+        <animateTransform attributeName="transform" type="rotate" from="0 105 144" to="360 105 144" additive="sum"
+            begin="0s" dur="0.6s" repeatCount="1" />
+        <path d="M153 143.997C152.716 117.612 131.38 96.2814 105 95.9973V143.997H153Z" fill="url(#paint0_linear)" />
+        <path d="M56.9973 144C57.2814 170.385 78.6176 191.716 104.997 192V144H56.9973Z" fill="url(#paint1_linear)" />
+        <path d="M153 144C152.716 170.385 131.38 191.716 105 192V144H153Z" fill="url(#paint2_linear)" />
+        <path d="M57.0005 144C57.2846 117.615 78.6208 96.2843 105 96.0002L105 144H57.0005Z"
+            fill="url(#paint3_linear)" />
+    </g>
+    <path fill-rule="evenodd" clip-rule="evenodd"
+        d="M52.9998 114.893V8.10718L131 85.581H83.6182L82.602 86.4078L52.9998 114.893Z" fill="white" />
+    <path fill-rule="evenodd" clip-rule="evenodd"
+        d="M60.4282 26.6787V96.3216L78.9991 78.4814L79.9999 77.6161H111.5L60.4282 26.6787Z" fill="black" />
+    <defs>
+        <linearGradient id="paint0_linear" x1="110.867" y1="101.331" x2="105" y2="192.003"
+            gradientUnits="userSpaceOnUse">
+            <stop stop-color="#75DDFB" />
+            <stop offset="1" stop-color="#37B4F6" />
+        </linearGradient>
+        <linearGradient id="paint1_linear" x1="110.867" y1="101.331" x2="105" y2="192.003"
+            gradientUnits="userSpaceOnUse">
+            <stop stop-color="#75DDFB" />
+            <stop offset="1" stop-color="#37B4F6" />
+        </linearGradient>
+        <linearGradient id="paint2_linear" x1="127.935" y1="89.597" x2="108.734" y2="181.336"
+            gradientUnits="userSpaceOnUse">
+            <stop stop-color="#50B3ED" />
+            <stop offset="1" stop-color="#2960D9" />
+        </linearGradient>
+        <linearGradient id="paint3_linear" x1="127.935" y1="89.597" x2="108.734" y2="181.336"
+            gradientUnits="userSpaceOnUse">
+            <stop stop-color="#50B3ED" />
+            <stop offset="1" stop-color="#2960D9" />
+        </linearGradient>
+    </defs>
+</svg>

svg/animated/wait.svg

@@ -0,0 +1,73 @@
+<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g clip-path="url(#clip0)">
+        <g filter="url(#filter0_d)">
+            <circle cx="99" cy="99" r="89" fill="white" fill-opacity="0.46" />
+        </g>
+        <g>
+            <animateTransform attributeName="transform" type="rotate" from="0 99 99" to="360 99 99" additive="sum"
+                begin="0s" dur="0.6s" repeatCount="1" />
+            <path
+                d="M35.7225 161.763C19.5726 145.709 10 123.042 10 98.5764C10 90.5352 11.0787 82.7438 13.1003 75.3366C13.1087 75.3317 13.1171 75.3268 13.1255 75.3218C43.1759 57.6981 82.1647 67.9605 99.5144 98.4857C65.2276 98.4857 36.3935 127.079 35.7225 161.763Z"
+                fill="url(#paint0_linear)" />
+            <path
+                d="M35.7229 161.625C35.7229 161.615 35.7229 161.604 35.7229 161.594C35.7229 126.74 64.9368 98.4858 99.2868 98.4858C82.1115 128.67 90.9361 167.266 120.684 184.693C120.829 184.778 120.975 185.344 121.122 185.428C113.814 187.419 106.131 188 98.2017 188C73.7646 188 51.6562 177.911 35.7229 161.625Z"
+                fill="url(#paint1_linear)" />
+            <path
+                d="M121.121 185.428C91.6056 167.706 81.7985 128.663 99 98.4858C116.325 128.879 154.793 139.293 184.8 121.745C184.838 121.723 185.25 121.767 185.288 121.745C177.153 152.642 152.079 177.397 121.121 185.428Z"
+                fill="url(#paint2_linear)" />
+            <path
+                d="M184.99 122.871C186.953 115.426 188 107.598 188 99.5204C188 74.563 178.005 51.9859 161.873 35.7229C161.453 70.9668 133.211 98.4859 99 98.4859C116.239 129.344 154.869 140.844 184.728 123.028C184.815 122.976 184.903 122.924 184.99 122.871Z"
+                fill="url(#paint3_linear)" />
+            <path
+                d="M162.277 36.4003C162.053 70.7272 133.308 98.4855 99 98.4855C116.223 68.5923 106.912 30.368 77.081 13.109C77.0136 13.07 76.9462 12.611 76.8787 12.5723C84.1354 10.6202 91.7603 10 99.6257 10C124.13 10 146.3 20.0986 162.277 36.4003Z"
+                fill="url(#paint4_linear)" />
+            <path
+                d="M13.0867 75.825C21.4288 45.1392 45.909 20.5293 76.8786 12.572C106.441 30.1284 116.584 68.6749 99.3473 98.4853C82.0448 67.9686 43.0512 58.1819 13.1118 75.8102C13.1034 75.8151 13.0951 75.82 13.0867 75.825Z"
+                fill="url(#paint5_linear)" />
+        </g>
+        <defs>
+            <filter id="filter0_d" x="-3" y="2" width="204" height="204" filterUnits="userSpaceOnUse"
+                color-interpolation-filters="sRGB">
+                <feFlood flood-opacity="0" result="BackgroundImageFix" />
+                <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" />
+                <feOffset dy="5" />
+                <feGaussianBlur stdDeviation="6.5" />
+                <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.35 0" />
+                <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow" />
+                <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape" />
+            </filter>
+            <linearGradient id="paint0_linear" x1="46.5939" y1="66.7608" x2="46.5939" y2="187.325"
+                gradientUnits="userSpaceOnUse">
+                <stop stop-color="#52CF30" />
+                <stop offset="1" stop-color="#3BBD1C" />
+            </linearGradient>
+            <linearGradient id="paint1_linear" x1="89.908" y1="98.4858" x2="89.908" y2="203.665"
+                gradientUnits="userSpaceOnUse">
+                <stop stop-color="#14ADF6" />
+                <stop offset="1" stop-color="#1191F4" />
+            </linearGradient>
+            <linearGradient id="paint2_linear" x1="147.072" y1="98.4858" x2="147.072" y2="193.333"
+                gradientUnits="userSpaceOnUse">
+                <stop stop-color="#CA70E1" />
+                <stop offset="1" stop-color="#B452CB" />
+            </linearGradient>
+            <linearGradient id="paint3_linear" x1="151.473" y1="9.80419" x2="151.473" y2="131.683"
+                gradientUnits="userSpaceOnUse">
+                <stop stop-color="#FF645D" />
+                <stop offset="1" stop-color="#FF4332" />
+            </linearGradient>
+            <linearGradient id="paint4_linear" x1="107.943" y1="-5.68098" x2="107.943" y2="98.4855"
+                gradientUnits="userSpaceOnUse">
+                <stop stop-color="#FBB114" />
+                <stop offset="1" stop-color="#FF9508" />
+            </linearGradient>
+            <linearGradient id="paint5_linear" x1="50.9587" y1="4.68791" x2="50.9587" y2="98.5212"
+                gradientUnits="userSpaceOnUse">
+                <stop stop-color="#FFD305" />
+                <stop offset="1" stop-color="#FDCF01" />
+            </linearGradient>
+            <clipPath id="clip0">
+                <rect width="200" height="200" fill="white" />
+            </clipPath>
+        </defs>
+</svg>

svg/static/X_cursor.svg

@@ -0,0 +1,5 @@
+<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path
+        d="M36.6456 76.0589L61.166 100.641L36.6658 124.924L36.6557 124.934L36.6456 124.945C30.4514 131.154 30.4516 141.143 36.6456 147.352L36.6631 147.37L36.6807 147.387L52.9284 163.357C59.1308 169.554 69.1016 169.548 75.2962 163.337L99.5202 139.052L124.023 163.337C124.027 163.341 124.03 163.345 124.034 163.349C130.236 169.554 140.213 169.55 146.41 163.337L162.355 147.352C168.549 141.143 168.548 131.154 162.355 124.945L162.355 124.945L138.113 100.641L162.355 76.0588C162.358 76.0553 162.362 76.0518 162.365 76.0484C168.548 69.838 168.545 59.8573 162.355 53.651L146.41 37.666C140.213 31.453 130.236 31.4493 124.034 37.6547C124.03 37.6584 124.027 37.6622 124.023 37.666L99.5202 61.9513L75.2962 37.666L71.7562 41.197L75.2962 37.666C72.2114 34.5733 68.1694 33 64.1027 33C60.0445 33 56.0106 34.5668 52.9283 37.6469L36.6807 53.6162L36.6631 53.6335L36.6456 53.651C30.4515 59.8608 30.4515 69.8491 36.6456 76.0589Z"
+        fill="black" stroke="white" stroke-width="10" stroke-miterlimit="10" />
+</svg>

svg/static/all-scroll.svg

@@ -1,12 +1,9 @@
 <svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <g opacity="0.01">
-        <path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white" />
-    </g>
     <path fill-rule="evenodd" clip-rule="evenodd"
         d="M119.044 69.6452H129.063V79.6001H119.044V69.6452ZM129.063 129.375H119.044V119.42H129.063V129.375ZM78.9662 79.6001H68.9468V69.6452H78.9662V79.6001ZM78.9662 129.375H68.9468V119.42H78.9662V129.375ZM99.005 20L19 99.5199L71.3214 151.495L99.005 179L179 99.51L99.005 20Z"
         fill="white" />
     <path fill-rule="evenodd" clip-rule="evenodd"
-        d="M166 99.005L139.92 71V89.2346H99.0306H58.2227V71L32 99.005L58.2329 127L58.2227 108.975H99.0306H139.92L139.91 127L166 99.005Z"
+        d="M166 99.005L139.92 71V89.2346H58.2227V71L32 99.005L58.2329 127L58.2227 108.975H139.92L139.91 127L166 99.005Z"
         fill="black" />
     <path fill-rule="evenodd" clip-rule="evenodd"
         d="M108.887 99.4651H109.017V59.6042L127 59.6142L99.0647 34L71.1095 59.6042H89.1127V99.4651H89.1923V139.336L71 139.326L98.9353 165L126.851 139.336H108.887V99.4651Z"

svg/static/bottom_left_corner.svg

@@ -0,0 +1,8 @@
+<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd"
+        d="M111.539 62.5764L86.0578 36.7747L162.375 36.8933L162.492 114.171L136.903 88.2412L100.199 125.356L87.4629 138.266L113.079 164.196L36.6445 164.196V86.7905L62.1348 112.583L111.539 62.5764Z"
+        fill="white" />
+    <path fill-rule="evenodd" clip-rule="evenodd"
+        d="M124.445 62.783L107.873 46.2053L153.709 46.3504L153.836 92.1839L137.137 75.4883L74.5657 138.035L91.2829 154.749L45.2925 154.749L45.2925 108.762L61.8828 125.339L124.445 62.783Z"
+        fill="black" />
+</svg>

svg/static/bottom_right_corner.svg

@@ -0,0 +1,8 @@
+<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd"
+        d="M87.5985 62.5764L113.08 36.7747L36.7621 36.8933L36.645 114.171L62.2343 88.2412L98.9385 125.356L111.675 138.266L86.0582 164.196L162.493 164.196V86.7905L137.003 112.583L87.5985 62.5764Z"
+        fill="white" />
+    <path fill-rule="evenodd" clip-rule="evenodd"
+        d="M74.6923 62.783L91.2644 46.2053L45.4282 46.3504L45.3013 92.1839L62.0003 75.4883L124.572 138.035L107.855 154.749L153.845 154.749L153.845 108.762L137.255 125.339L74.6923 62.783Z"
+        fill="black" />
+</svg>

svg/static/bottom_tee.svg

@@ -1,7 +1,4 @@
 <svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <g opacity="0.01">
-        <path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white" />
-    </g>
     <path fill-rule="evenodd" clip-rule="evenodd"
         d="M44.27 107.157H79.05V117.832H19V158H179V117.832H118.94V107.157H153.61L98.88 47L44.27 107.157Z"
         fill="white" />

svg/static/context-menu.svg

@@ -10,7 +10,7 @@
     <path fill-rule="evenodd" clip-rule="evenodd"
         d="M156.286 122.875H112.714V114.25H156.286V122.875ZM156.286 140.125H112.714V131.5H156.286V140.125ZM156.286 157.375H112.714V148.75H156.286V157.375ZM104 166H165V97H104V166Z"
         fill="black" />
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M93 160.351L77.3349 167L51 103.657L66.6396 97L93 160.351Z"
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M93 160.351L77.335 167L51 103.657L66.6396 97L93 160.351Z"
         fill="black" />
     <path fill-rule="evenodd" clip-rule="evenodd" d="M35 44V139L60.4538 114.664L64.1231 113.484H105L35 44Z"
         fill="black" />

svg/static/copy.svg

@@ -0,0 +1,30 @@
+<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd"
+        d="M57 144C57 170.507 78.4932 192 105 192C131.506 192 153 170.507 153 144C153 117.488 131.506 96 105 96C78.4932 96 57 117.488 57 144Z"
+        fill="url(#paint0_linear)" />
+    <g filter="url(#filter0_d)">
+        <path d="M130 137.75H79V150.25H130V137.75Z" fill="white" />
+        <path d="M110.875 119H98.125V169H110.875V119Z" fill="white" />
+    </g>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M53 114.893V8.10718L131 85.581H83.6184L82.6023 86.4078L53 114.893Z"
+        fill="white" />
+    <path fill-rule="evenodd" clip-rule="evenodd"
+        d="M60.4287 26.6787V96.3216L78.9996 78.4814L80.0004 77.6161H111.5L60.4287 26.6787Z" fill="black" />
+    <defs>
+        <filter id="filter0_d" x="75" y="119" width="59" height="58" filterUnits="userSpaceOnUse"
+            color-interpolation-filters="sRGB">
+            <feFlood flood-opacity="0" result="BackgroundImageFix" />
+            <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" />
+            <feOffset dy="4" />
+            <feGaussianBlur stdDeviation="2" />
+            <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0" />
+            <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow" />
+            <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape" />
+        </filter>
+        <linearGradient id="paint0_linear" x1="75.4665" y1="108.904" x2="139.4" y2="180.303"
+            gradientUnits="userSpaceOnUse">
+            <stop stop-color="#00C500" />
+            <stop offset="1" stop-color="#009200" />
+        </linearGradient>
+    </defs>
+</svg>

svg/static/cross.svg

@@ -1,9 +1,7 @@
 <svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <g opacity="0.01">
-        <path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white" />
-    </g>
     <path fill-rule="evenodd" clip-rule="evenodd"
         d="M180 84H115.893V20H84.1067V84H20V116H84.1067V180H115.893V116H180V84Z" fill="white" />
     <path fill-rule="evenodd" clip-rule="evenodd"
-        d="M170 94.7231H105.285V30H94.715V94.7231H30V105.277H94.715V170H105.285V105.277H170V94.7231Z" fill="#231F1F" />
+        d="M169.818 94.7369H105.271V30.1819H94.7286V94.7369H30.1816V105.263H94.7286V169.818H105.271V105.263H169.818V94.7369Z"
+        fill="black" />
 </svg>

svg/static/crossed_circle.svg

@@ -0,0 +1,18 @@
+<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd"
+        d="M57 144C57 170.507 78.4932 192 105 192C131.506 192 153 170.507 153 144C153 117.488 131.506 96 105 96C78.4932 96 57 117.488 57 144Z"
+        fill="url(#paint0_linear)" />
+    <path fill-rule="evenodd" clip-rule="evenodd"
+        d="M111.957 143.877L124.077 131.757C126.312 129.523 126.312 125.905 124.077 123.671C121.849 121.443 118.232 121.443 115.997 123.671L103.877 135.797L91.7514 123.671C89.5229 121.443 85.9057 121.443 83.6714 123.671C81.4429 125.905 81.4429 129.523 83.6714 131.757L95.7971 143.877L83.6714 155.997C81.4429 158.231 81.4429 161.848 83.6714 164.083C85.9057 166.311 89.5229 166.311 91.7514 164.083L103.877 151.957L115.997 164.083C118.232 166.311 121.849 166.311 124.077 164.083C126.312 161.848 126.312 158.231 124.077 155.997L111.957 143.877Z"
+        fill="#5A5A5A" />
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M53 114.893V8.10718L131 85.581H83.6184L82.6023 86.4078L53 114.893Z"
+        fill="white" />
+    <path fill-rule="evenodd" clip-rule="evenodd"
+        d="M60.4287 26.6787V96.3216L78.9996 78.4814L80.0004 77.6161H111.5L60.4287 26.6787Z" fill="black" />
+    <defs>
+        <linearGradient id="paint0_linear" x1="105" y1="96" x2="105" y2="192" gradientUnits="userSpaceOnUse">
+            <stop stop-color="#F0F0F0" />
+            <stop offset="1" stop-color="#D5D5D5" />
+        </linearGradient>
+    </defs>
+</svg>

svg/static/crosshair.svg

@@ -1,15 +1,12 @@
 <svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <g opacity="0.01">
-        <path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white" />
-    </g>
     <path opacity="0.15" fill-rule="evenodd" clip-rule="evenodd"
         d="M137 100C137 120.983 119.983 138 99 138C78.0102 138 61 120.983 61 100C61 79.0102 78.0102 62 99 62C119.983 62 137 79.0102 137 100Z"
-        fill="#231F1F" />
+        fill="black" />
     <path opacity="0.3" fill-rule="evenodd" clip-rule="evenodd"
         d="M137 100C137 120.983 119.983 138 99 138C78.0102 138 61 120.983 61 100C61 79.0102 78.0102 62 99 62C119.983 62 137 79.0102 137 100Z"
-        stroke="#231F1F" />
+        stroke="black" stroke-width="6" />
-    <path opacity="0.85" fill-rule="evenodd" clip-rule="evenodd" d="M19 104H96V97H19V104Z" fill="#231F1F" />
+    <path opacity="0.85" fill-rule="evenodd" clip-rule="evenodd" d="M19 104H96V97H19V104Z" fill="black" />
-    <path opacity="0.85" fill-rule="evenodd" clip-rule="evenodd" d="M103 104H179V97H103V104Z" fill="#231F1F" />
+    <path opacity="0.85" fill-rule="evenodd" clip-rule="evenodd" d="M103 104H179V97H103V104Z" fill="black" />
-    <path opacity="0.85" fill-rule="evenodd" clip-rule="evenodd" d="M96 97H103V20H96V97Z" fill="#231F1F" />
+    <path opacity="0.85" fill-rule="evenodd" clip-rule="evenodd" d="M96 97H103V20H96V97Z" fill="black" />
-    <path opacity="0.85" fill-rule="evenodd" clip-rule="evenodd" d="M96 180H103V104H96V180Z" fill="#231F1F" />
+    <path opacity="0.85" fill-rule="evenodd" clip-rule="evenodd" d="M96 180H103V104H96V180Z" fill="black" />
 </svg>

svg/static/dnd_no_drop.svg

@@ -0,0 +1,4 @@
+<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M37.4302 163L163 37.4299" stroke="black" stroke-width="15" />
+    <path d="M37.4302 37.4299L163 163" stroke="black" stroke-width="15" />
+</svg>

svg/static/dotbox.svg

@@ -1,7 +1,4 @@
 <svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <g opacity="0.01">
-        <path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white" />
-    </g>
     <path
         d="M33 167H167V33H33V167ZM40.8824 40.8824H96.5515V56.4007H104.434V40.8824H159.118V96.3052H144.338V104.188H159.118V159.118H104.434V144.092H96.5515V159.118H40.8824V104.188H56.6471V96.3052H40.8824V40.8824Z"
         fill="black" stroke="black" stroke-width="25" />

svg/static/hand1.svg

@@ -0,0 +1,8 @@
+<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd"
+        d="M63.5067 104.312C62.4882 100.407 61.4697 95.4908 59.2872 88.1483C57.5517 82.3472 55.7329 79.2019 54.4027 75.3068C52.7918 70.568 51.2536 67.7977 49.2478 63.0069C47.8033 59.5804 45.4649 52.0921 44.4984 48.0095C43.2616 42.7083 44.8413 38.3862 47.0342 35.4492C49.6636 31.9186 57.032 30.3459 61.1372 31.7936C64.9929 33.1475 68.8694 37.126 70.6569 40.0005C73.65 44.7913 74.3671 46.5827 78.1085 56.0602C82.1929 66.3917 83.97 76.0358 84.4585 79.2957L85.3382 84.7274C85.3509 84.8056 85.3406 84.8089 85.3386 84.7297V84.7297C84.9749 74.0128 84.261 52.9149 84.4897 41.2919C84.5105 39.9797 85.1548 35.1784 85.3627 33.8453C86.1733 28.6379 88.5325 25.5135 92.357 23.6492C96.6388 21.5558 101.981 21.41 106.917 23.4721C111.313 25.2739 113.423 29.2003 114.057 34.1161C114.203 35.2513 115.034 44.3956 115.024 45.6453C114.888 56.3205 115.086 62.7361 115.179 68.2872C115.221 70.693 115.211 85.2113 115.356 83.5866C115.99 76.7545 116.333 50.3737 118.931 42.5313C120.428 38.0217 123.14 34.7618 127.183 32.8559C131.662 30.7417 138.75 32.1269 141.775 35.3867C144.736 38.5632 146.41 42.5938 146.784 47.395C147.116 51.613 146.586 56.7371 146.576 60.3615C146.576 69.3912 146.358 74.1507 146.191 82.4514C146.181 82.8471 146.036 85.555 146.43 84.3469C147.407 81.4307 148.384 78.702 149.195 76.5878C149.704 75.286 151.7 70.1931 152.926 67.6415C154.111 65.2044 155.119 63.7984 157.239 60.4761C159.318 57.2162 161.552 55.8102 164.181 54.6333C169.793 52.1859 175.707 55.7998 177.702 60.7885C178.596 63.0277 177.796 68.2143 177.411 72.2969C176.777 79.0353 174.772 85.8987 173.753 89.4606C172.423 94.116 170.905 102.323 170.22 106.135C169.471 110.238 167.788 120.528 166.489 125.09C165.595 128.225 162.633 135.275 159.712 139.504C159.712 139.504 148.551 152.522 147.324 158.376C146.108 164.239 146.514 164.281 146.275 168.426C146.094 171.429 146.831 175.111 147.254 176.923C147.392 177.515 146.996 178.106 146.392 178.172C143.955 178.436 138.181 178.957 134.707 178.393C130.644 177.747 125.614 169.634 124.315 167.166C122.527 163.75 118.713 164.406 117.227 166.926C114.888 170.915 109.858 178.07 106.304 178.518C99.6031 179.362 85.95 178.868 74.8683 178.739C74.2479 178.731 73.7759 178.172 73.8527 177.556C74.2079 174.712 74.7289 167.458 71.3221 164.583C68.1523 161.875 62.6961 156.418 59.4327 153.543L50.786 143.951C47.8344 140.202 44.2489 132.568 37.8678 123.278C34.2511 118.028 27.1944 111.977 24.5235 106.833C22.2059 102.406 21.0835 96.8968 22.5489 93.0329C24.8872 86.8464 29.564 83.6907 36.7038 84.3677C42.0976 84.8885 45.5168 86.5132 49.57 89.9605C51.9084 91.9393 55.5251 95.522 57.3646 97.7508C59.0586 99.7817 59.4743 100.625 61.2826 103.052C63.673 106.249 64.4213 107.832 63.5067 104.312Z"
+        fill="white" stroke="black" stroke-width="8" />
+    <path d="M136.318 147V111" stroke="black" stroke-width="7" stroke-linecap="round" />
+    <path d="M116.418 147V111" stroke="black" stroke-width="7" stroke-linecap="round" />
+    <path d="M93.5322 111V146" stroke="black" stroke-width="7" stroke-linecap="round" />
+</svg>

svg/static/hand2.svg

@@ -1,10 +1,7 @@
 <svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <g opacity="0.01">
-        <path opacity="0.01" d="M175 25H25V175H175V25Z" fill="white" />
-    </g>
     <path fill-rule="evenodd" clip-rule="evenodd"
         d="M55.3275 141.935C52.3502 138.408 48.7334 131.197 42.2966 122.443C38.6483 117.492 29.6011 108.169 26.9069 103.433C24.5691 99.2481 24.8207 97.3716 25.3763 93.9036C26.3618 87.7339 33.1131 82.9298 40.3152 83.5782C45.7561 84.0596 50.3688 87.4293 54.5202 90.6124C57.0258 92.5282 60.1079 96.2516 61.9635 98.354C63.6723 100.28 64.0916 101.075 65.9157 103.355C68.3269 106.371 69.0817 107.864 68.1592 104.543C67.4148 99.6705 66.1988 91.3493 64.4375 83.9908C63.0957 78.4106 62.7707 77.5362 61.4917 73.2528C60.1394 68.6942 59.4474 65.5013 58.179 60.6677C57.2983 57.2488 55.7154 50.2637 55.2855 46.334C54.688 40.96 54.3735 32.1967 58.0532 28.1687C60.9361 25.0151 67.5511 24.0621 71.6501 26.0073C77.0177 28.5518 80.0683 35.8612 81.4626 38.779C83.9682 44.0252 85.5197 50.0869 86.8721 58.0446C88.5914 68.1736 91.7573 82.2322 91.8622 85.1894C92.5 89.5 91.1493 73.9306 91.8203 70.4528C92.4283 67.2992 95.2588 63.6347 98.8022 62.6424C101.8 61.8074 105.312 61.5028 108.405 62.1021C111.686 62.7308 115.146 64.9315 116.435 67.0045C120.23 73.1349 120.304 85.661 120.461 84.9929C121.363 81.2989 121.205 72.9187 123.438 69.4311C124.906 67.1322 128.648 65.0592 130.64 64.7252C133.722 64.2143 137.507 64.0571 140.746 64.6466C143.357 65.128 146.89 68.036 147.844 69.4311C150.129 72.8107 151.429 82.3698 151.817 85.7199C151.974 87.1051 152.593 81.8687 154.889 78.4892C159.145 72.2114 174.209 70.9931 174.786 84.7669C175.048 91.1921 174.996 90.8973 174.996 95.2201C174.996 100.299 174.87 103.355 174.576 107.029C174.251 110.959 173.35 119.84 172.039 124.143C171.43 126.143 169.866 129.832 168.006 133.245C166.316 136.346 163.995 139.028 161.728 141.736C158.311 145.819 153.496 152.043 152.718 155.552C151.481 161.073 151.89 161.112 151.649 165.032C151.478 167.811 152.191 171.214 152.617 172.952C152.765 173.551 152.363 174.155 151.749 174.218C149.28 174.468 143.476 174.957 139.981 174.434C135.882 173.815 130.808 166.172 129.498 163.834C127.695 160.611 123.847 161.23 122.348 163.608C119.989 167.37 114.915 174.12 111.33 174.542C104.571 175.339 90.8016 174.881 79.624 174.751C78.9987 174.744 78.5252 174.174 78.6062 173.554C78.9638 170.816 79.4451 164.083 76.0427 161.397C72.8453 158.853 67.3415 153.695 64.0497 150.983L55.3275 141.935Z"
-        fill="white" stroke="black" stroke-width="7" />
+        fill="white" stroke="black" stroke-width="8" />
     <path d="M142 145V112" stroke="black" stroke-width="7" stroke-linecap="round" />
     <path d="M122 145V112" stroke="black" stroke-width="7" stroke-linecap="round" />
     <path d="M99 112V145" stroke="black" stroke-width="7" stroke-linecap="round" />