feat(src/monet-theme): don't use @Material dep

nexpid · Dec 7, 2024 · 3a9e7e4 · 3a9e7e4
1 parent 8ea7831
commit 3a9e7e4
Show file tree

Hide file tree

Showing 8 changed files with 1,243 additions and 18 deletions.
diff --git a/package.json b/package.json
@@ -20,7 +20,6 @@
     "format": "prettier . --write"
   },
   "dependencies": {
-    "@material/material-color-utilities": "^0.2.7",
     "@nexpid/vdp-shared": "^1.0.2",
     "@swc/core": "^1.5.3",
     "@swc/helpers": "^0.5.11",

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/scripts/build/modules/workers/plugins.ts b/scripts/build/modules/workers/plugins.ts
@@ -104,7 +104,6 @@ async function buildPlugin(
             ".svg": "text",
             ".json": "json",
         },
-        external: ["@material/material-color-utilities"],
         globalName: "$",
         banner: { js: "(()=>{" },
         footer: { js: "return $;})();" },

diff --git a/src/plugins/monet-theme/src/stuff/colors.ts b/src/plugins/monet-theme/src/stuff/colors.ts
@@ -1,11 +1,10 @@
-import {
-    argbFromHex,
-    Hct,
-    hexFromArgb,
-} from "@material/material-color-utilities";
 import { rawColors } from "@vendetta/ui";
 
 import { vstorage } from "..";
+import { argbFromHex, hexFromArgb } from "./material";
+import { Cam16 } from "./material/cam16";
+import { HctSolver } from "./material/hctsolver";
+import { lstarFromArgb } from "./material/utils";
 
 export function parseColor(clr: string): string | undefined {
     const shade = Number(clr.split("_")[1]);
@@ -31,7 +30,14 @@ export function getLABShade(
 ): string {
     mult ??= 1;
 
-    const hct = Hct.fromInt(argbFromHex(color));
-    hct.tone += ((500 - shade) / 10) * mult;
-    return hexFromArgb(hct.toInt());
+    const argb = argbFromHex(color);
+    const cam = Cam16.fromInt(argb);
+
+    return hexFromArgb(
+        HctSolver.solveToInt(
+            cam.hue,
+            cam.chroma,
+            lstarFromArgb(argb) + ((500 - shade) / 10) * mult,
+        ),
+    );
 }