refactor(chrome-ext): drop jquery dependency (#2052)

Co-authored-by: Elijah Potter <[email protected]>

Author: Ingramz

packages/chrome-plugin/package.json

@@ -29,7 +29,6 @@
 		"@playwright/test": "^1.52.0",
 		"@sveltejs/vite-plugin-svelte": "^4.0.0",
 		"@types/chrome": "^0.0.246",
-		"@types/jquery": "^3.5.32",
 		"@types/lodash-es": "^4.17.12",
 		"@types/node": "catalog:",
 		"flowbite": "^3.1.2",
@@ -52,7 +51,6 @@
 		"@tailwindcss/vite": "^4.1.4",
 		"@webcomponents/custom-elements": "^1.6.0",
 		"harper.js": "workspace:*",
-		"jquery": "^3.7.1",
 		"lint-framework": "workspace:*",
 		"lodash-es": "^4.17.21",
 		"lru-cache": "^11.1.0",

packages/chrome-plugin/src/contentScript/index.ts

@@ -1,5 +1,4 @@
 import '@webcomponents/custom-elements';
-import $ from 'jquery';
 import { isVisible, LintFramework, leafNodes } from 'lint-framework';
 import ProtocolClient from '../ProtocolClient';
 
@@ -19,24 +18,31 @@ const keepAliveCallback = () => {
 keepAliveCallback();
 
 function scan() {
-	$('textarea:visible').each(function () {
-		if (this.getAttribute('data-enable-grammarly') == 'false' || this.disabled || this.readOnly) {
+	document.querySelectorAll<HTMLTextAreaElement>('textarea').forEach((element) => {
+		if (
+			!isVisible(element) ||
+			element.getAttribute('data-enable-grammarly') === 'false' ||
+			element.disabled ||
+			element.readOnly
+		) {
 			return;
 		}
 
-		fw.addTarget(this as HTMLTextAreaElement);
+		fw.addTarget(element);
 	});
 
-	$('input[type="text"][spellcheck="true"]').each(function () {
-		if (this.disabled || this.readOnly) {
-			return;
-		}
+	document
+		.querySelectorAll<HTMLInputElement>('input[type="text"][spellcheck="true"]')
+		.forEach((element) => {
+			if (element.disabled || element.readOnly) {
+				return;
+			}
 
-		fw.addTarget(this as HTMLInputElement);
-	});
+			fw.addTarget(element);
+		});
 
-	$('[data-testid="gutenberg-editor"]').each(function () {
-		const leafs = leafNodes(this);
+	document.querySelectorAll('[data-testid="gutenberg-editor"]').forEach((element) => {
+		const leafs = leafNodes(element);
 
 		for (const leaf of leafs) {
 			if (!isVisible(leaf)) {
@@ -47,8 +53,8 @@ function scan() {
 		}
 	});
 
-	$('[contenteditable="true"],[contenteditable]').each(function () {
-		const leafs = leafNodes(this);
+	document.querySelectorAll('[contenteditable="true"],[contenteditable]').forEach((element) => {
+		const leafs = leafNodes(element);
 
 		for (const leaf of leafs) {
 			if (leaf.parentElement?.closest('[contenteditable="false"],[disabled],[readonly]') != null) {