feat: analytics page

2026-08-28 09:11:06 +00:00 · 2026-06-01 19:43:47 +09:30
parent 65cd0a1c4f
commit 2b7c5e17b6
25 changed files with 4326 additions and 3 deletions
@@ -0,0 +1,68 @@
+import type { Plugin } from "@/plugins/core/types";
+import { waitForElm } from "@/seqta/utils/waitForElm";
+import { isSeqtaEngageExperience } from "@/seqta/utils/isSeqtaEngage";
+import { loadAnalyticsPage } from "../loadAnalyticsPage";
+import styles from "../styles.css?inline";
+
+const ANALYTICS_MENU_CLASS = "betterseqta-grade-analytics-item";
+
+const gradeAnalyticsPlugin: Plugin<{}> = {
+  id: "grade-analytics",
+  name: "Grade Analytics",
+  description:
+    "Adds an analytics page with grade trends, distribution charts, and assessment history",
+  version: "1.0.0",
+  settings: {},
+  disableToggle: false,
+  styles,
+
+  run: async () => {
+    if (isSeqtaEngageExperience()) {
+      return () => {};
+    }
+
+    const menuList = (await waitForElm("#menu > ul, #menu ul", true, 100, 60)) as HTMLElement;
+
+    const analyticsItem = document.createElement("li");
+    analyticsItem.className = "item";
+    analyticsItem.classList.add(ANALYTICS_MENU_CLASS);
+    analyticsItem.id = "analyticsbutton";
+    analyticsItem.dataset.key = "analytics";
+    analyticsItem.dataset.path = "/analytics";
+    analyticsItem.dataset.betterseqta = "true";
+    analyticsItem.innerHTML = `<label><svg style="width:24px;height:24px" viewBox="0 0 24 24" aria-hidden="true"><path fill="currentColor" d="M3 13h2v-2H3v2zm0 4h2v-2H3v2zm0-8h2V7H3v2zm4 8h14v-2H7v2zm0 4h14v-2H7v2zM7 7v2h14V7H7z"/></svg><span>Analytics</span></label>`;
+
+    const homeButton = document.getElementById("homebutton");
+    if (homeButton?.parentElement === menuList) {
+      homeButton.insertAdjacentElement("afterend", analyticsItem);
+    } else {
+      menuList.insertBefore(analyticsItem, menuList.firstChild);
+    }
+
+    const menuObserver = new MutationObserver(() => {
+      if (!menuList.contains(analyticsItem)) {
+        if (homeButton?.parentElement === menuList) {
+          homeButton.insertAdjacentElement("afterend", analyticsItem);
+        } else {
+          menuList.insertBefore(analyticsItem, menuList.firstChild);
+        }
+      }
+    });
+    menuObserver.observe(menuList, { childList: true });
+
+    const onClick = (e: Event) => {
+      e.preventDefault();
+      window.history.pushState({}, "", "/#?page=/analytics");
+      void loadAnalyticsPage();
+    };
+    analyticsItem.addEventListener("click", onClick);
+
+    return () => {
+      menuObserver.disconnect();
+      analyticsItem.removeEventListener("click", onClick);
+      analyticsItem.remove();
+    };
+  },
+};
+
+export default gradeAnalyticsPlugin;