move listeners to listeners/ dir

package.json

@@ -1,7 +1,7 @@
 {
 	"name": "yt-defaulter",
 	"author": "GooseOb",
-	"version": "1.11.0-alpha.15",
+	"version": "1.11.0-alpha.16",
 	"repository": {
 		"type": "git",
 		"url": "git+https://github.com/GooseOb/YT-Defaulter.git"

src/index.ts

@@ -1,12 +1,7 @@
-import { restoreFocusAfter } from './utils';
+import * as config from './config';
 import { text, translations } from './text';
 import { style } from './style';
-import { valueSetters } from './player';
-import { computeSettings } from './compute-settings';
-import * as config from './config';
-import * as get from './element-getters';
-import { onVideoPage } from './on-video-page';
-import { onClick } from './on-click';
+import { onClick, onKeyup, onVideoPage } from './listeners';
 
 Object.assign(text, translations[document.documentElement.lang]);
 
@@ -25,36 +20,6 @@ setInterval(() => {
 }, 1_000);
 
 document.addEventListener('click', onClick, { capture: true });
-document.addEventListener(
-	'keyup',
-	(e) => {
-		if (e.code === 'Enter') {
-			onClick(e);
-		} else if (e.ctrlKey && !e.shiftKey) {
-			if (config.value.flags.copySubs && e.code === 'KeyC') {
-				const plr = get.videoPlr();
-				if (plr?.classList.contains('ytp-fullscreen')) {
-					const text = Array.from(
-						get.videoPlrCaptions(plr),
-						(line) => line.textContent
-					).join(' ');
-					navigator.clipboard.writeText(text);
-				}
-			} else if (e.code === 'Space') {
-				e.stopPropagation();
-				e.preventDefault();
-				const settings = computeSettings(false);
-				if (settings.speed) {
-					restoreFocusAfter(() => {
-						valueSetters.speed(settings.speed);
-					});
-				} else if (settings.customSpeed) {
-					valueSetters.customSpeed(settings.customSpeed);
-				}
-			}
-		}
-	},
-	{ capture: true }
-);
+document.addEventListener('keyup', onKeyup, { capture: true });
 
 document.head.append(style);

src/listeners/index.ts

@@ -0,0 +1,3 @@
+export * from './on-click';
+export * from './on-keyup';
+export * from './on-video-page';

src/on-click.ts → src/listeners/on-click.ts

@@ -1,4 +1,4 @@
-import { value } from './config';
+import { value } from '../config';
 
 export const onClick = (e: Event) => {
 	const { shortsToUsual, newTab } = value.flags;

src/listeners/on-keyup.ts

@@ -0,0 +1,34 @@
+import { restoreFocusAfter } from '../utils';
+import { valueSetters } from '../player';
+import { computeSettings } from '../compute-settings';
+import * as config from '../config';
+import * as get from '../element-getters';
+import { onClick } from './on-click';
+
+export const onKeyup = (e: KeyboardEvent) => {
+	if (e.code === 'Enter') {
+		onClick(e);
+	} else if (e.ctrlKey && !e.shiftKey) {
+		if (config.value.flags.copySubs && e.code === 'KeyC') {
+			const plr = get.videoPlr();
+			if (plr?.classList.contains('ytp-fullscreen')) {
+				const text = Array.from(
+					get.videoPlrCaptions(plr),
+					(line) => line.textContent
+				).join(' ');
+				navigator.clipboard.writeText(text);
+			}
+		} else if (e.code === 'Space') {
+			e.stopPropagation();
+			e.preventDefault();
+			const settings = computeSettings(false);
+			if (settings.speed) {
+				restoreFocusAfter(() => {
+					valueSetters.speed(settings.speed);
+				});
+			} else if (settings.customSpeed) {
+				valueSetters.customSpeed(settings.customSpeed);
+			}
+		}
+	}
+};

src/on-video-page.ts → src/listeners/on-video-page.ts

@@ -1,9 +1,9 @@
-import { untilAppear } from './utils';
-import { applySettings, plr } from './player';
-import { computeSettings } from './compute-settings';
-import * as get from './element-getters';
-import * as config from './config';
-import * as menu from './menu';
+import { untilAppear } from '../utils';
+import { applySettings, plr } from '../player';
+import { computeSettings } from '../compute-settings';
+import * as get from '../element-getters';
+import * as config from '../config';
+import * as menu from '../menu';
 
 export const onVideoPage = async () => {
 	const aboveTheFold = await untilAppear(get.aboveTheFold);