chore: remove last bits of jquery (@Miodec) (#7410)

<img width="247" height="168" alt="image"
src="https://github.com/user-attachments/assets/2e1625f7-ad38-4144-9804-cbcbb5d83dd7"
/>

Author: Miodec

docs/CONTRIBUTING_ADVANCED.md

@@ -150,8 +150,6 @@ If you are on a UNIX system and you get a spawn error, run npm with `sudo`.
 
 Code formatting is enforced by [Prettier](https://prettier.io/docs/en/install.html), which automatically runs every time you make a commit.
 
-We are currently in the process of converting from JQuery to vanilla JS. When submitting new code, please use the `qs`, `qsa` and `qsr` helper functions. These return a class with a lot of JQuery-like methods. You can read how they work and import them from `frontend/src/ts/utils/dom.ts`.
-
 For guidelines on commit messages, adding themes, languages, or quotes, please refer to [CONTRIBUTING.md](./CONTRIBUTING.md). Following these guidelines will increase the chances of getting your change accepted.
 
 ## Questions

frontend/__tests__/__harness__/setup-jquery.ts

@@ -26,7 +26,6 @@ describe("dom", () => {
           handler({
             target: e.target,
             childTarget: e.childTarget,
-            //@ts-expect-error will be added later, check TODO on the ChildEvent
             currentTarget: e.currentTarget,
           }),
         );
@@ -130,10 +129,6 @@ describe("dom", () => {
         await userEvent.click(clickTarget);
 
         //THEN
-
-        //This is the same behavior as jQuery `.on` with selector.
-        //The handler will be called two times,
-        //It does NOT call on the <section> or the parent element itself
         expect(handler).toHaveBeenCalledTimes(2);
 
         //First call is for childTarget inner2 (grand child of parent)

frontend/__tests__/utils/dom.jsdom-spec.ts

@@ -47,7 +47,6 @@
     "hangul-js": "0.2.6",
     "howler": "2.2.3",
     "idb": "8.0.3",
-    "jquery": "3.7.1",
     "konami": "1.7.0",
     "lz-ts": "1.1.2",
     "modern-screenshot": "4.6.5",
@@ -73,7 +72,6 @@
     "@types/chartjs-plugin-trendline": "1.0.1",
     "@types/damerau-levenshtein": "1.0.0",
     "@types/howler": "2.2.7",
-    "@types/jquery": "3.5.14",
     "@types/node": "24.9.1",
     "@types/object-hash": "3.0.6",
     "@types/subset-font": "1.4.3",

frontend/package.json

@@ -97,9 +97,6 @@ addToGlobal({
 });
 
 if (isDevEnvironment()) {
-  void import("jquery").then((jq) => {
-    addToGlobal({ $: jq.default });
-  });
   void getDevOptionsModal().then((module) => {
     module.appendButton();
   });

frontend/src/ts/index.ts

@@ -131,12 +131,6 @@ type RestartOptions = {
   noAnim?: boolean;
 };
 
-// withSameWordset = false,
-// _?: boolean, // this is nosave and should be renamed to nosave when needed
-// event?: JQuery.KeyDownEvent,
-// practiseMissed = false,
-// noAnim = false
-
 export function restart(options = {} as RestartOptions): void {
   const defaultOptions = {
     withSameWordset: false,

frontend/src/ts/test/test-logic.ts

@@ -153,11 +153,9 @@ type ElementWithValue =
 
 type ElementWithSelectableValue = HTMLInputElement | HTMLTextAreaElement;
 
-//TODO: after the migration from jQuery to dom-utils we might want to add currentTarget back to the event object, if we have a use-case for it.
-// For now we remove it because currentTarget is not the same element when using dom-utils intead of jQuery to get compile errors.
-export type OnChildEvent<T extends Event = Event> = Omit<T, "currentTarget"> & {
+export type OnChildEvent<T extends Event = Event> = T & {
   /**
-   * target element matching the selector. This emulates the behavior of `currentTarget` in jQuery events registered with `.on(events, selector, handler)`
+   * target element matching the selector.
    */
   childTarget: EventTarget | null;
 };

frontend/src/ts/utils/dom.ts

@@ -409,40 +409,6 @@ export function isAnyPopupVisible(): boolean {
   return popupVisible;
 }
 
-export type JQueryEasing =
-  | "linear"
-  | "swing"
-  | "easeInSine"
-  | "easeOutSine"
-  | "easeInOutSine"
-  | "easeInQuad"
-  | "easeOutQuad"
-  | "easeInOutQuad"
-  | "easeInCubic"
-  | "easeOutCubic"
-  | "easeInOutCubic"
-  | "easeInQuart"
-  | "easeOutQuart"
-  | "easeInOutQuart"
-  | "easeInQuint"
-  | "easeOutQuint"
-  | "easeInOutQuint"
-  | "easeInExpo"
-  | "easeOutExpo"
-  | "easeInOutExpo"
-  | "easeInCirc"
-  | "easeOutCirc"
-  | "easeInOutCirc"
-  | "easeInBack"
-  | "easeOutBack"
-  | "easeInOutBack"
-  | "easeInElastic"
-  | "easeOutElastic"
-  | "easeInOutElastic"
-  | "easeInBounce"
-  | "easeOutBounce"
-  | "easeInOutBounce";
-
 export async function promiseAnimate(
   el: HTMLElement | string,
   options: AnimationParams,

frontend/src/ts/utils/misc.ts

@@ -2,7 +2,7 @@
   "extends": "@monkeytype/typescript-config/base.json",
   "compilerOptions": {
     "lib": ["ESNext", "DOM", "DOM.Iterable"],
-    "types": ["vite/client", "node", "jquery"],
+    "types": ["vite/client", "node"],
     "moduleResolution": "Bundler",
     "module": "ESNext",
     "allowUmdGlobalAccess": true,