style: add eslint and prettier, fix style errors

2026-02-13 09:59:19 +05:00
parent 5d6159fe29
commit 387c1751c6
101 changed files with 14596 additions and 12946 deletions
@@ -1,79 +1,79 @@
-import { TextAlign } from "$lib/constants";
-import type { HexColor } from "$lib/types";
-import { STATE_DATA } from "$states/persisted.svelte";
-import { textConfigState } from "$states/textConfig.svelte";
-import { describe, expect, it } from "vitest";
-
-const TEXT_ALIGN_VALUES = Object.values(TextAlign);
-
-describe("textConfig.svelte", () => {
-  describe("initial state", () => {
-    it("should have valid initial state structure", () => {
-      expect(typeof textConfigState.fontSize).toBe("number");
-      expect(typeof textConfigState.fontFamily).toBe("string");
-      expect(typeof textConfigState.color).toBe("string");
-      expect(textConfigState.color).toMatch(/^#[0-9a-fA-F]{6}$/);
-      expect(TEXT_ALIGN_VALUES).toContain(textConfigState.align);
-      expect(typeof textConfigState.paddingX).toBe("number");
-      expect(typeof textConfigState.offsetY).toBe("number");
-    });
-  });
-
-  describe("property setters", () => {
-    it("should update all properties correctly", () => {
-      textConfigState.fontSize = 32;
-      textConfigState.fontFamily = "Roboto";
-      textConfigState.color = "#ff0000" as HexColor;
-      textConfigState.align = TextAlign.LEFT;
-      textConfigState.paddingX = 20;
-      textConfigState.offsetY = -10;
-
-      expect(textConfigState.fontSize).toBe(32);
-      expect(textConfigState.fontFamily).toBe("Roboto");
-      expect(textConfigState.color).toBe("#ff0000");
-      expect(textConfigState.align).toBe(TextAlign.LEFT);
-      expect(textConfigState.paddingX).toBe(20);
-      expect(textConfigState.offsetY).toBe(-10);
-    });
-  });
-
-  describe("STATE_DATA", () => {
-    it("should serialize and deserialize state", () => {
-      // Set custom values
-      textConfigState.fontSize = 18;
-      textConfigState.fontFamily = "Georgia";
-      textConfigState.color = "#00ff00" as HexColor;
-      textConfigState.align = TextAlign.RIGHT;
-      textConfigState.paddingX = 5;
-      textConfigState.offsetY = 15;
-
-      // Get serialized data
-      const data = textConfigState[STATE_DATA];
-      expect(data).toEqual({
-        fontSize: 18,
-        fontFamily: "Georgia",
-        color: "#00ff00",
-        align: TextAlign.RIGHT,
-        paddingX: 5,
-        offsetY: 15,
-      });
-
-      // Restore from serialized data
-      textConfigState[STATE_DATA] = {
-        fontSize: 24,
-        fontFamily: "Arial",
-        color: "#ffffff" as HexColor,
-        align: TextAlign.CENTER,
-        paddingX: 10,
-        offsetY: 0,
-      };
-
-      expect(textConfigState.fontSize).toBe(24);
-      expect(textConfigState.fontFamily).toBe("Arial");
-      expect(textConfigState.color).toBe("#ffffff");
-      expect(textConfigState.align).toBe(TextAlign.CENTER);
-      expect(textConfigState.paddingX).toBe(10);
-      expect(textConfigState.offsetY).toBe(0);
-    });
-  });
-});
+import { TextAlign } from "$lib/constants";
+import type { HexColor } from "$lib/types";
+import { STATE_DATA } from "$states/persisted.svelte";
+import { textConfigState } from "$states/textConfig.svelte";
+import { describe, expect, it } from "vitest";
+
+const TEXT_ALIGN_VALUES = Object.values(TextAlign);
+
+describe("textConfig.svelte", () => {
+  describe("initial state", () => {
+    it("should have valid initial state structure", () => {
+      expect(typeof textConfigState.fontSize).toBe("number");
+      expect(typeof textConfigState.fontFamily).toBe("string");
+      expect(typeof textConfigState.color).toBe("string");
+      expect(textConfigState.color).toMatch(/^#[0-9a-fA-F]{6}$/);
+      expect(TEXT_ALIGN_VALUES).toContain(textConfigState.align);
+      expect(typeof textConfigState.paddingX).toBe("number");
+      expect(typeof textConfigState.offsetY).toBe("number");
+    });
+  });
+
+  describe("property setters", () => {
+    it("should update all properties correctly", () => {
+      textConfigState.fontSize = 32;
+      textConfigState.fontFamily = "Roboto";
+      textConfigState.color = "#ff0000" as HexColor;
+      textConfigState.align = TextAlign.LEFT;
+      textConfigState.paddingX = 20;
+      textConfigState.offsetY = -10;
+
+      expect(textConfigState.fontSize).toBe(32);
+      expect(textConfigState.fontFamily).toBe("Roboto");
+      expect(textConfigState.color).toBe("#ff0000");
+      expect(textConfigState.align).toBe(TextAlign.LEFT);
+      expect(textConfigState.paddingX).toBe(20);
+      expect(textConfigState.offsetY).toBe(-10);
+    });
+  });
+
+  describe("STATE_DATA", () => {
+    it("should serialize and deserialize state", () => {
+      // Set custom values
+      textConfigState.fontSize = 18;
+      textConfigState.fontFamily = "Georgia";
+      textConfigState.color = "#00ff00" as HexColor;
+      textConfigState.align = TextAlign.RIGHT;
+      textConfigState.paddingX = 5;
+      textConfigState.offsetY = 15;
+
+      // Get serialized data
+      const data = textConfigState[STATE_DATA];
+      expect(data).toEqual({
+        fontSize: 18,
+        fontFamily: "Georgia",
+        color: "#00ff00",
+        align: TextAlign.RIGHT,
+        paddingX: 5,
+        offsetY: 15,
+      });
+
+      // Restore from serialized data
+      textConfigState[STATE_DATA] = {
+        fontSize: 24,
+        fontFamily: "Arial",
+        color: "#ffffff" as HexColor,
+        align: TextAlign.CENTER,
+        paddingX: 10,
+        offsetY: 0,
+      };
+
+      expect(textConfigState.fontSize).toBe(24);
+      expect(textConfigState.fontFamily).toBe("Arial");
+      expect(textConfigState.color).toBe("#ffffff");
+      expect(textConfigState.align).toBe(TextAlign.CENTER);
+      expect(textConfigState.paddingX).toBe(10);
+      expect(textConfigState.offsetY).toBe(0);
+    });
+  });
+});