feat: added prepswift auto mark as complete

Author: parnavh

.changeset/silly-rice-smoke.md

@@ -0,0 +1,5 @@
+---
+"gregmat-buddy": patch
+---
+
+added support for marking lecture complete when video ends

src/entrypoints/options/App.svelte

@@ -45,6 +45,12 @@
           tooltip: "Shows total time and lectures completed",
           checked: config.prepswiftStats,
         },
+        {
+          id: "prepswiftAutoComplete",
+          text: "Auto mark lecture on completion",
+          tooltip: "Marks lecture as completed when video ends",
+          checked: config.prepswiftAutoComplete,
+        },
       ],
     } as const;
 

src/entrypoints/prepswift.content/autocomplete.ts

@@ -0,0 +1,27 @@
+import { VIMEO_SELECTOR } from "@/constants";
+import Player from "@vimeo/player";
+import { config as config_store } from "@/utils/storage";
+
+export async function main() {
+  register();
+  window.addEventListener("vimeoAdded", register);
+}
+
+async function register() {
+  const config = await config_store.getValue();
+  if (!config.prepswiftAutoComplete) return;
+
+  const iframe = document.querySelector(VIMEO_SELECTOR);
+
+  if (!iframe) return;
+
+  const player = new Player(iframe as HTMLIFrameElement);
+
+  player.on("ended", () => {
+    const tickbox = document.querySelector("svg[data-icon='square']");
+
+    if (!tickbox) return;
+
+    tickbox.parentElement?.click();
+  });
+}

src/entrypoints/prepswift.content/index.ts

@@ -1,10 +1,11 @@
 import { waitForElement, registerUrl } from "@/utils";
 import { config as config_store } from "@/utils/storage";
+import { main as autocomplete } from "./autocomplete";
 
 export default defineContentScript({
   matches: ["*://*.prepswift.com/*"],
-  runAt: "document_idle",
   main() {
+    autocomplete();
     registerUrl("gre-quant", main);
     registerUrl("gre-verbal", main);
     registerUrl("gre-writing", main);

src/utils/storage.ts

@@ -12,6 +12,7 @@ type ConfigType = {
   playbackRate: boolean;
   vocabMountain: boolean;
   prepswiftStats: boolean;
+  prepswiftAutoComplete: boolean;
 };
 
 export const config = storage.defineItem<ConfigType>("local:config", {
@@ -20,6 +21,7 @@ export const config = storage.defineItem<ConfigType>("local:config", {
     playbackRate: true,
     vocabMountain: true,
     prepswiftStats: true,
+    prepswiftAutoComplete: true,
   },
   version: 1,
 });