abstracted elems definitions

scripts/twitch-clickable-video/main.ts

@@ -1,13 +1,14 @@
-const getElems = () => [
-    document.querySelector<HTMLDivElement>('.video-player__overlay'),
-    document.querySelector<HTMLDivElement>(
-        '.video-player__overlay:nth-child(1) > div:nth-child(1)'
-    ),
-    document.querySelector<HTMLDivElement>(
-        '.video-player__overlay:nth-child(1) > div:nth-child(1) > div:nth-child(1)'
-    ),
-    document.querySelector<HTMLDivElement>('.click-handler'),
-]
+const Elems = `
+.video-player__overlay,
+.video-player__overlay:nth-child(1) > div:nth-child(1),
+.video-player__overlay:nth-child(1) > div:nth-child(1) > div:nth-child(1),
+.click-handler
+`
+
+const getElems = () => {
+    const elems = Elems.split(',').filter(l => l.trim().length)
+    return elems.map(elem => document.querySelector<HTMLElement>(elem.trim()))
+}
 
 const elemsSet = () =>
     getElems().forEach(elem => elem && (elem.style.pointerEvents = 'none'))

scripts/twitch-clickable-video/meta.json

@@ -3,6 +3,6 @@
     "name": "Twitch Clickable Video",
     "namespace": "zomo.dev",
     "match": "https://www.twitch.tv/*",
-    "version": "1.0",
+    "version": "1.1",
     "description": "hold Control key to be able to right click the video element"
 }