macOSMonterey cursors added 🎊 fixed #66

bitmapper/Makefile

@@ -15,4 +15,7 @@ install: node_modules package.json
 render_bigsur:
 	@yarn render:bigsur
 
-render: render_bigsur
+render_monterey:
+	@yarn render:monterey
+
+render: render_bigsur render_monterey

bitmapper/package.json

@@ -7,7 +7,8 @@
   "license": "GPL-3.0",
   "private": true,
   "scripts": {
-    "render:bigsur": "yarn workspace bigsur render"
+    "render:bigsur": "yarn workspace bigsur render",
+    "render:monterey": "yarn workspace monterey render"
   },
   "workspaces": [
     "packages/*"

bitmapper/packages/monterey/package.json

@@ -0,0 +1,17 @@
+{
+  "name": "monterey",
+  "version": "1.2.2",
+  "description": "macOS Monterey  cursors",
+  "main": "dist/index.js",
+  "scripts": {
+    "build": "npx tsc --build",
+    "render": "yarn build && node dist/index.js"
+  },
+  "author": "Kaiz Khatri",
+  "license": "GPL-3.0",
+  "private": true,
+  "devDependencies": {
+    "ts-node": "^9.1.1",
+    "typescript": "^4.1.5"
+  }
+}

bitmapper/packages/monterey/src/config.ts

@@ -0,0 +1,28 @@
+import { Colors } from "core/src/types";
+
+interface Config {
+  themeName: string;
+  color: Colors;
+}
+
+const black = "#000000";
+const white = "#FFFFFF";
+
+const config: Config[] = [
+  {
+    themeName: "macOSMonterey",
+    color: {
+      base: black,
+      outline: white,
+    },
+  },
+  {
+    themeName: "macOSMonterey-White",
+    color: {
+      base: white,
+      outline: black,
+    },
+  },
+];
+
+export { config };

bitmapper/packages/monterey/src/index.ts

@@ -0,0 +1,37 @@
+import path from "path";
+
+import { BitmapsGenerator, SVGHandler } from "core";
+import { config } from "./config";
+
+const root = path.resolve(__dirname, "../../../../");
+const svgDir = path.resolve(root, "svg", "monterey");
+
+const main = async () => {
+  for (const { themeName, color } of config) {
+    console.log("=>", themeName);
+
+    const bitmapsDir = path.resolve(root, "bitmaps", themeName);
+    const svg = new SVGHandler.SvgDirectoryParser(svgDir);
+
+    const png = new BitmapsGenerator(bitmapsDir);
+    const browser = await png.getBrowser();
+
+    for (let { key, content } of svg.getStatic()) {
+      console.log(" -> Saving", key, "...");
+
+      content = SVGHandler.colorSvg(content, color);
+      await png.generateStatic(browser, content, key);
+    }
+
+    for (let { key, content } of svg.getAnimated()) {
+      console.log(" -> Saving", key, "...");
+
+      content = SVGHandler.colorSvg(content, color);
+      await png.generateAnimated(browser, content, key);
+    }
+
+    await browser.close();
+  }
+};
+
+main();

bitmapper/packages/monterey/tsconfig.json

@@ -0,0 +1,10 @@
+
+{
+  "references": [{ "path": "../core" }],
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "rootDir": "src",
+    "outDir": "dist"
+  },
+  "include": ["src"]
+}