port cleanupGrades to the new api

Author: yoper12

src/patches/cleanupGrades/index.ts

@@ -0,0 +1,112 @@
+import { definePatch } from "@/utils/definePatch";
+import { waitForRender, waitForReplacement } from "@/utils/DomObservers";
+import { route } from "@/utils/route";
+
+import css from "./style.css?inline";
+
+async function hideEmptyColumns(signal: AbortSignal) {
+    await waitForRender(
+        () =>
+            document.querySelector(
+                ".p-datatable-table .details-btn--appearance",
+            ),
+        document.body,
+        signal,
+    );
+
+    const headers = document.querySelectorAll(".p-datatable-table th");
+
+    for (const [index] of headers.entries()) {
+        const cells = [
+            ...document.querySelectorAll(
+                "tbody tr td:nth-child(" + (index + 1) + ")",
+            ),
+        ];
+        const check = cells.some((cell) => cell.textContent.trim().length > 0);
+
+        const columnCells = document.querySelectorAll<HTMLElement>(
+            "tr th:nth-child("
+                + (index + 1)
+                + "), tr td:nth-child("
+                + (index + 1)
+                + ")",
+        );
+        for (const cell of columnCells) {
+            cell.style.display = check ? "" : "none";
+        }
+    }
+}
+
+async function prep(signal: AbortSignal) {
+    if (window.innerWidth > 1024) {
+        await waitForRender(
+            () => document.querySelector(".MuiTabs-flexContainer > button"),
+            document.body,
+            signal,
+        );
+
+        await hideEmptyColumns(signal);
+        for (const tabButton of document.querySelectorAll(
+            ".MuiTabs-flexContainer > button",
+        )) {
+            tabButton.addEventListener(
+                "click",
+                async () => {
+                    await waitForReplacement(
+                        () =>
+                            document.querySelector(
+                                ".p-datatable-table .details-btn--appearance",
+                            ),
+                        document.body,
+                        signal,
+                    );
+                    await hideEmptyColumns(signal);
+                },
+                { signal },
+            );
+        }
+    } else {
+        await waitForRender(
+            () =>
+                document.querySelector(
+                    ".MuiAccordionDetails-root.accordion__full-width__content > .mobile__frame .grades__box",
+                ),
+            document.body,
+            signal,
+        );
+        const mobileFrames = document.querySelectorAll(
+            ".MuiAccordionDetails-root.accordion__full-width__content > .mobile__frame",
+        );
+        for (const semester of mobileFrames) {
+            await waitForRender(
+                () =>
+                    semester.querySelector(
+                        ".MuiAccordionDetails-root .grades__box .info-row .info-text > span",
+                    ),
+                semester as HTMLElement,
+                signal,
+            );
+            for (const infoRow of semester.querySelectorAll(".info-row")) {
+                const textContent =
+                    infoRow
+                        .querySelector(".info-text > span")
+                        ?.textContent.trim() ?? "";
+                if (textContent === "" || textContent === "0") {
+                    infoRow.remove();
+                }
+            }
+        }
+    }
+}
+
+export default definePatch({
+    css,
+    init: (_, signal) => prep(signal),
+    meta: {
+        description:
+            "Hides subjects without any grades and columns without content.",
+        id: "cleanup-grades",
+        matches: [route("*/oceny")],
+        name: "Cleanup grades table",
+    },
+});

…ideSubjectsWithNoGrades/normalGrades.css src/patches/cleanupGrades/style.csssrc/patches/hideSubjectsWithNoGrades/normalGrades.css renamed to src/patches/cleanupGrades/style.css src/patches/hideSubjectsWithNoGrades/normalGrades.css renamed to src/patches/cleanupGrades/style.css

@@ -2,7 +2,7 @@ import { definePatch } from "@/utils/definePatch";
 import { route } from "@/utils/route";
 
 import colors from "./colors.css?inline";
-import eventHome from "./evHome.css?inline";
+import eduvulcanHome from "./evHome.css?inline";
 import main from "./main.css?inline";
 
 export default definePatch({
@@ -14,7 +14,7 @@ export default definePatch({
             "evHome-pureBlack",
         );
     },
-    css: [main, eventHome, colors],
+    css: [main, eduvulcanHome, colors],
     init(settings) {
         switch (settings.darkThemeEnabled) {
             case "auto": {
@@ -56,6 +56,7 @@ export default definePatch({
         matches: [route("*")],
         name: "Dark theme",
         runAt: "document_start",
+        runStrategy: "once",
         settings: [
             {
                 defaultValue: "auto",

src/patches/darkTheme/index.ts

@@ -5,12 +5,10 @@ import type { Meta } from "@/types/Meta.js";
 
 import * as SettingsManager from "@/utils/SettingsManager.js";
 
-beforeEach(() => {
-    beforeEach(async () => {
-        fakeBrowser.reset();
-        vi.resetModules();
-        SettingsManager.resetCache();
-    });
+beforeEach(async () => {
+    fakeBrowser.reset();
+    vi.resetModules();
+    SettingsManager.resetCache();
 });
 
 describe("onSettingsChange", () => {