// ==UserScript==// @name               Netflix Marathon (Pausable)// @name:en            Netflix Marathon (Pausable)// @name:zh-CN         Netflix 马拉松（可暂停）// @name:zh-TW         Netflix 馬拉松（可暫停）// @name:ja            Netflix Marathon（一時停止できます）// @name:ko            Netflix 마라톤(일시 중지 가능)// @name:ar            ماراثون Netflix (يمكن إيقافه مؤقتًا)// @name:de            Netflix-Marathon (pausierbar)// @name:ru            Netflix Marathon (пауза)// @name:hi            नेटफ्लिक्स मैराथन (रोकने योग्य)// @namespace          https://github.com/aminomancer// @version            5.7.8// @description        A configurable script that automatically skips recaps, intros, credits, and ads, and clicks "next episode" prompts on Netflix, Amazon Prime Video, Hulu, HBO Max, Starz, Disney+, and Hotstar. Customizable hotkey to pause/r###me the auto-skipping functionality. Alt + N for settings.// @description:en     A configurable script that automatically skips recaps, intros, credits, and ads, and clicks "next episode" prompts on Netflix, Amazon Prime Video, Hulu, HBO Max, Starz, Disney+, and Hotstar. Customizable hotkey to pause/r###me the auto-skipping functionality. Alt + N for settings.// @description:zh-CN  一个可配置的脚本，可自动跳过重述、介绍、演职员表和广告，并点击 Netflix、Amazon Prime Video、Hulu、HBO Max、Starz、Disney+ 和 Hotstar 上的“下一集”提示。 可自定义的热键暂停/恢复自动跳过功能。 Alt + N 进行设置。// @description:zh-TW  一個可配置的腳本，可自動跳過重述、介紹、演職員表和廣告，並點擊 Netflix、Amazon Prime Video、Hulu、HBO Max、Starz、Disney+ 和 Hotstar 上的“下一集”提示。 可自定義的熱鍵暫停/恢復自動跳過功能。 Alt + N 進行設置。// @description:ja     要約、イントロ、クレジット、広告を自動的にスキップし、Netflix、Amazon Prime Video、Hulu、HBO Max、Starz、Disney +、Hotstarの「次のエピソード」のプロンプトをクリックする構成可能なスクリプト。 自動スキップ機能を一時停止/再開するためのカスタマイズ可能なホットキー。 Alt + Nで設定します。// @description:ko     요약, 소개, 크레딧 및 광고를 자동으로 건너뛰고 Netflix, Amazon Prime Video, Hulu, HBO Max, Starz, Disney+ 및 Hotstar에서 "다음 에피소드" 프롬프트를 클릭하는 구성 가능한 스크립트입니다. 자동 건너뛰기 기능을 일시 중지/재개하는 사용자 지정 가능한 단축키입니다. Alt + N은 설정입니다.// @description:ar     برنامج نصي قابل للتكوين يتخطى الملخصات والمقدمات والاعتمادات والإعلانات تلقائيًا وينقر على "الحلقة التالية" على Netflix و Amazon Prime Video و Hulu و HBO Max و Starz و Disney + و Hotstar. مفتاح التشغيل السريع القابل للتخصيص لإيقاف / استئناف وظيفة التخطي التلقائي. Alt + N للإعدادات.// @description:de     Ein konfigurierbares Skript, das automatisch Zusammenfassungen, Vorspänne, Abspänne und Werbung überspringt und bei Netflix, Amazon Prime Video, Hulu, HBO Max, Starz, Disney+ und Hotstar auf die Aufforderung "nächste Episode" klickt. Anpassbarer Hotkey zum Anhalten/Fortsetzen der Auto-Skipping-Funktion. Alt + N für Einstellungen.// @description:ru     Настраиваемый сценарий, который автоматически пропускает резюме, вступление, титры и рекламу, а также нажимает подсказки «следующий выпуск» на Netflix, Amazon Prime Video, Hulu, HBO Max, Starz, Disney + и Hotstar. Настраиваемая горячая клавиша для приостановки / возобновления функции автоматического пропуска. Alt + N для настроек.// @description:hi     एक विन्यास योग्य स्क्रिप्ट जो स्वचालित रूप से रिकैप, इंट्रो, क्रेडिट और विज्ञापनों को छोड़ देती है, और नेटफ्लिक्स, अमेज़ॅन प्राइम वीडियो, हुलु, एचबीओ मैक्स, स्टारज़, डिज़नी + और हॉटस्टार पर "अगला एपिसोड" पर क्लिक करती है। ऑटो-स्किपिंग कार्यक्षमता को रोकने/फिर से शुरू करने के लिए अनुकूलन योग्य हॉटकी। सेटिंग्स के लिए Alt + N।// @author             aminomancer// @homepageURL        https://github.com/aminomancer/Netflix-Marathon-Pausable// @supportURL         https://github.com/aminomancer/Netflix-Marathon-Pausable// @icon               https://cdn.jsdelivr.net/gh/aminomancer/Netflix-Marathon-Pausable@latest/icon-small.svg// @license            CC-BY-NC-SA-4.0// @match              http*://*.amazon.ae/*// @match              http*://*.amazon.ca/*// @match              http*://*.amazon.cn/*// @match              http*://*.amazon.co.jp/*// @match              http*://*.amazon.co.uk/*// @match              http*://*.amazon.com/*// @match              http*://*.amazon.com.au/*// @match              http*://*.amazon.com.br/*// @match              http*://*.amazon.com.mx/*// @match              http*://*.amazon.de/*// @match              http*://*.amazon.eg/*// @match              http*://*.amazon.es/*// @match              http*://*.amazon.fr/*// @match              http*://*.amazon.in/*// @match              http*://*.amazon.it/*// @match              http*://*.amazon.nl/*// @match              http*://*.amazon.pl/*// @match              http*://*.amazon.sa/*// @match              http*://*.amazon.se/*// @match              http*://*.amazon.sg/*// @match              http*://*.amazon.tr/*// @match              http*://*.disneyplus.com/*// @match              http*://*.starplus.com/*// @match              http*://play.hbomax.com/*// @match              http*://play.max.com/*// @match              http*://*.hotstar.com/*// @match              http*://*.hulu.com/*// @match              http*://*.netflix.com/*// @match              http*://*.primevideo.com/*// @match              http*://*.starz.com/*// @match              http*://*.starz.ca/*// @match              http*://*.starzplay.com/*// @require            https://greasyfork.org/scripts/420683-gm-config-sizzle/code/GM_config_sizzle.js?version=894369// @grant              GM_registerMenuCommand// @grant              GM_unregisterMenuCommand// @grant              GM_setValue// @grant              GM_getValue// @grant              GM_deleteValue// @grant              GM_addValueChangeListener// @grant              GM_listValues// @grant              GM_openInTab// @grant              GM.setValue// @grant              GM.getValue// @grant              GM.deleteValue// @grant              GM.listValues// @grant              GM.openInTab// ==/UserScript==/* global GM, GM_registerMenuCommand, GM_unregisterMenuCommand,GM_getValue:writable, GM_setValue:writable, GM_deleteValue:writable,GM_addValueChangeListener, GM_removeValueChangeListener, GM_listValues:writable,GM_openInTab:writable, WebFontConfig:writable, GM_config, WebFont */const options = {}; // where settings are stored during runtime// check if the script handler is GM4, since if it is, we can't add a menu commandconst GM4 =typeof window.GM?.getValue === "function" &&GM.info.scriptHandler === "Greasemonkey" &&GM.info.version.split(".")[0] >= 4;const cdnAddress ="https://cdn.jsdelivr.net/gh/aminomancer/Netflix-Marathon-Pausable@latest";let marathon;/*** pause execution for n milliseconds* @param {Number} ms milliseconds* @returns {Promise} a promise that resolves after n milliseconds*/const sleep = ms => new Promise(resolve => setTimeout(resolve, ms));/*** @param {String} u a string to test the URL against* @returns {Boolean} true if the URL matches the string*/const test = u => window.location.href.includes(u);const getHost = () => {const urlParts = window.location.hostname.split(".");const host = urlParts.filter(part => {switch (part) {case "amazon":case "primevideo":case "disneyplus":case "starplus":case "hotstar":case "hulu":case "hbomax":case "max":case "netflix":case "starz":case "starzplay":return true;default:return false;}}).join();// aliases for some sitesswitch (host) {case "primevideo":return "amazon";case "starplus":return "disneyplus";case "max":return "hbomax";case "starzplay":return "starz";default:return host;}};const site = getHost();// some basic localization for the settings menu. just the parts necessary to// get to the readme, which has chinese, japanese, and arabic translationsconst l10n = {/*** get the locale language code (e.g. "en" for English)* @returns {String} the first part of the user's current ISO 639-1 code*/get lang() {// memoize the language since it's unlikely to change during runtimeif (!this._lang) this._lang = navigator.language.split("-")[0];return this._lang;},/*** get the label for the support button in settings* @returns {String}*/get text() {if (this._text) return this._text;switch (this.lang) {case "zh":this._text = "信息"; // chinesebreak;case "ja":this._text = "助けて"; // japanesebreak;case "ko":this._text = "기술 지원"; // koreanbreak;case "ar":this._text = "تعليمات"; // arabicbreak;case "de":this._text = "Hilfe"; // germanbreak;case "ru":this._text = "помощь"; // russianbreak;case "hi":this._text = "तकनीकी समर्थन"; // hindibreak;default:this._text = "Support"; // english etc.}return this._text;},/*** get the tooltip for the support button in settings* @returns {String}*/get title() {if (this._title) return this._title;switch (this.lang) {case "zh":this._title = "设置的信息和翻译";break;case "ja":this._title = "設定の情報と翻訳";break;case "ko":this._title = "설정에 대한 정보 및 번역";break;case "ar":this._title = "معلومات وترجمات للإعدادات";break;case "de":this._title = "Infos und Übersetzungen zu den Einstellungen";break;case "ru":this._title = "Информация и переводы для настроек";break;case "hi":this._title = "सेटिंग्स के लिए जानकारी और अनुवाद";break;default:this._title = "Info and translations for the settings";}return this._title;},};const methods = {// contains the site-specific callbacks and various utility functionssites: ["amazon","disneyplus","hotstar","hulu","hbomax","netflix","starz",],// how many times to skip the site callback before checking for elements// again. if this is 0, the callback will run when the interval fires. if an// element is found, we add 5 to this value to skip the callback for 5 more// intervals, since after pressing a button, there usually won't be anything// else to skip for a while. if an element is not found, we start subtracting// from this value until it reaches 0 and the callback can run again.skips: 0,/*** find react instance given a DOM node* @param {Object} d usually a DOM node, but can be a react instance* @returns {Object} the react instance*/reactInstance(d = 0) {for (const [key, value] of Object.entries(d)) {if (key.startsWith("__reactInternalInstance$")) return value;}return null;},/*** find react fiber given a DOM node* @param {Object} d usually a DOM node, but can be a react instance* @returns {Object} the react fiber*/reactFiber(d = 0) {for (const [key, value] of Object.entries(d)) {if (key.startsWith("__reactFiber$")) return value;}return null;},/*** determine if an element is visible* @param {Element} el the element to check* @returns {Boolean} true if the element is visible*/isVisible(el) {if (!el) return false;try {const { visibility, display } = getComputedStyle(el);return !!(el.offsetParent &&!["hidden", "collapse"].includes(visibility) &&display !== "none");} catch (e) {return false;}},/*** ensure the controller is not paused* @returns {Boolean} true if the controller is not paused*/get isReady() {return this.controller?.pauseState === 1;},/*** clicks the passed element and sets the count to 5* @param {Element|String} s element or CSS selector string*/clk(s, fn = s => s.click()) {if (typeof s === "string") s = document.querySelector(s);try {fn(s);this.skips = 5;} catch (e) {this.skips = 2;}},/*** pass a CSS selector string to locate a react component and invoke its* onPress method. a trick to get around the fact that HBO tries to stop* adblockers and other extensions from invoking Element.click(), etc.* @param {Element|String} s element or CSS selector string*/hboPress(s) {this.clk(s, s => this.reactFiber(s).return.return.memoizedProps.onPress());},/** Same as above but for play.max.com */maxPress(s) {this.clk(s, s => this.reactFiber(s).return.memoizedProps.onClick());},/*** set a bunch of attributes on an element* @param {Element} element the element to set attributes on* @param {{[key: string]: string|void}} attrs key/value pairs for attributes.*   if the value is undefined, the attribute is removed.*/maybeSetAttributes(element, attrs = 0) {for (const [name, value] of Object.entries(attrs)) {if (value === undefined) element.removeAttribute(name);else element.setAttribute(name, value);}},/*** create an element with given parameters* @param {Document} doc which doc to create the element in* @param {String} tag an HTML tag name, like "button" or "p"* @param {Object} props an object containing attribute name/value pairs, e.g.*   {class: ".bookmark-item", id: "bookmark-item-1"}* @returns {Element} the created element*/create(doc, tag, props) {const el = doc.createElement(tag);this.maybeSetAttributes(el, props);return el;},// these are the site-specific callback methods. they search for elements that// skip stuff. when the script is not paused, they are invoked on a timer.amazon() {if (this.skips !== 0) {this.skips -= 1;return;}if (!document.getElementById("dv-web-player")?.offsetParent) {return;}// memoize the element when we check for its existence so we don't have to// evaluate the DOM twice.let store;if (options.skipCredits &&!options.watchCredits &&(store = document.querySelector(".atvwebplayersdk-nextupcard-button")) &&// if the next up card is an episode, click it. otherwise, it's probably a// movie promo, in which case we only click it if the user has enabled the// promoted setting.(options.promoted ||store.querySelector(".atvwebplayersdk-nextupcard-episode"))) {this.clk(store);return;}if ((store = document.querySelector(".atvwebplayersdk-skipelement-button"))) {// skip various thingsthis.clk(store);return;}if ((store = document.querySelector(".adSkipButton"))) {// skip adthis.clk(store);return;}if ((store = document.querySelector(".skipElement"))) {// skip introthis.clk(store);return;}if ((store = document.querySelector(".fu4rd6c"))) {// skip ad button on some versions of amazon.this.clk(store);}},netflix() {if (this.skips !== 0) {this.skips -= 1;return;}let store;if (options.skipCredits &&!options.watchCredits &&(store = document.querySelector("[data-uia='next-episode-seamless-button-draining'], [data-uia='next-episode-seamless-button']"))) {// next episode buttonthis.reactFiber(store)?.memoizedProps.onClick?.();this.skips = 5;return;}if (options.watchCredits &&(store = document.querySelector("[data-uia='watch-credits-seamless-button']"))) {// watch credits buttonthis.reactFiber(store)?.memoizedProps.onClick?.();this.skips = 10;return;}if (options.promoted &&options.skipCredits &&!options.watchCredits &&(store = document.querySelector(".PromotedVideo-actions")?.firstElementChild)) {// promoted video autoplaythis.clk(store);return;}if ((store = document.querySelector(".watch-video--skip-content-button"))) {// skip intro, recap, etc.this.clk(store);return;}if ((store = document.querySelector(".watch-video--skip-preplay-button"))) {// not sure what this does but I found this while trying to reverse// engineer the source code. please inform me if you knowthis.clk(store);}},disneyplus() {if (this.skips !== 0) {this.skips -= 1;return;}if (!test("/video/")) return;let store;if ((store = document.querySelector(".skip__button"))) {// skip intro, skip recap, skip credits, etc.this.clk(store);return;}if (options.skipCredits &&!options.watchCredits &&(store = document.querySelector('button[data-testid="up-next-play-button"]'))) {let skip = false;// if options.promoted is enabled, we can autoplay disneyplus'// recommendations after a film or the last episode in a series.if (options.promoted) {skip = true;} else {const react = this.reactInstance(document.querySelector('[data-gv2containerkey="playerUpNext"]'));// if we're in a TV series, skip regardless of options.promotedskip = react?.return?.memoizedProps?.asset?.programType === "episode";}if (skip) this.clk(store);// if we're not skipping, don't search again for a while since the buttons// are unlikely to change during a promoted title display.else this.skips = 5;}},hotstar() {if (this.skips !== 0) {this.skips -= 1;return;}if (!test("/id/")) return;let store;if ((store = document.querySelector(".binge-btn-wrapper.show-btn .binge-btn.primary.medium"))) {// skip intro, skip recap.this.clk(store);return;}if (options.skipCredits &&!options.watchCredits &&(store = document.querySelector(".binge-btn-wrapper.show-btn .binge-btn.secondary.filler"))) {// skip outro or next episode immediately.this.clk(store);}},hulu() {if (this.skips !== 0) {this.skips -= 1;return;}if (!test("/watch/")) return;const controls = document.querySelector(".ControlsContainer");if (!controls) {// this means the whole video interface is gone for some reasonthis.skips = 10;return;}const controlProps = this.reactInstance(controls)?.return?.memoizedProps;if (!controlProps) return; // this shouldn't happen eitherif (controlProps.isSkipButtonShown) {// skip intro, skip recap, skip ad, etc.this.clk(document.querySelector(".SkipButton button"));return;}if (options.skipCredits &&!options.watchCredits &&controlProps.isEndCardVisible &&controlProps.endCardType !== "none") {// next episodethis.clk(document.querySelector(".EndCardButton"));return;}if (options.skipCredits &&!options.watchCredits &&options.promoted &&controlProps.isOverlayVisible &&controlProps.endCardType === "legacy") {// autoplay promoted titlethis.clk(document.querySelector(".end-card__metadata-area-play-button"));}},async hbomax() {if (this.skips !== 0) {this.skips -= 1;return;}if (test("play.max.com/video/watch/")) {const overlay = document.getElementById("overlay-root");if (!overlay) {// this means the whole video interface is gone for some reasonthis.skips = 10;return;}let store;if (this.isVisible((store = overlay.querySelector('[data-testid="skip"]'))) &&(store = store.querySelector('button[data-testid="player-ux-skip-button"]'))) {// skip intro, skip recap, skip ad, etc.this.maxPress(store);return;}if (options.skipCredits &&!options.watchCredits &&this.isVisible((store = overlay.querySelector('[data-testid="up_next"]'))) &&(store = store.querySelector('button[data-testid="player-ux-up-next-button"]'))) {// next episodeconst fiber = this.reactFiber(store.parentElement);const nextEpisode = fiber?.return?.return?.memoizedProps?.nextEpisode;if (nextEpisode?.episodeNumber || // tv series(options.promoted && nextEpisode?.id) // promoted film/series) {this.maxPress(store);return;}}// TODO - see if you can reproduce actual ads, where skip/seek controls// are disabled. account has ads disabled so can't test. if you check the// source code in the debugger, there's a requestSkip() method that's// disabled for ads, but it should be possible to call the underlying// mediator.skip() method instead, assuming we can get a reference to any// of this stuff.return;}if (test("/player/")) {try {const viewHandle = document.getElementById("rn-video");const fiber = this.reactFiber(viewHandle);const player = fiber.return.return.memoizedProps.videoPlayer;const uiData = player._uiManager._uiState.uiData;if (uiData.activeSkipAnnotation) {// skip intro, skip recap, skip ad, etc.this.hboPress('[data-testid="SkipButton"]');return;}if (options.skipCredits &&!options.watchCredits &&uiData.activeNextEpisodeInfo) {// next episodetry {const interactionHandler =viewHandle.parentElement.lastElementChild;this.reactFiber(interactionHandler).return.return.memoizedProps.onMouseMove();await sleep(400);} finally {if (this.isReady) this.hboPress('[data-testid="UpNextButton"]');}}} catch (e) {this.skips = 10;}}},starz() {if (this.skips !== 0) {this.skips -= 1;return;}if (!test("/play/") || !document.getElementsByTagName("starz-player")[0]) {return;}let store;if (options.skipCredits &&!options.watchCredits &&(store = document.querySelector(".auto-roll-component.open .next-feature-image"))) {// next episode - this is the only one I know ofthis.clk(store);return;}if (document.querySelector(".preroll-prefix-container")) {// skip to the end of the preroll adconst video = document.querySelector("starz-video video");if (video) {video.currentTime = video.duration;return;}}if ((store = document.querySelector("starz-termsofuse-banner .close-button"))) {// skip the terms of use banner since it keeps coming backthis.clk(store);}},};// creates an interval for a given callback manager (the methods object) and the// various methods for interacting with the interval (pause, r###me, etc.) and// the popup that shows when the interval has been paused or r###med.class MarathonController {/*** pausable interval utility* @param {Object} handler object containing the site methods* @param {Number} int how often to repeat the callback* @return {Object} the controller object*/constructor(handler, int) {this.callback = handler[site].bind(handler); // e.g. methods.amazon.bind(methods)handler.controller = this; // for reference in the methods objectthis.handler = handler; // e.g. methodsthis.int = int; // can be changed in real-time and the next r###me() call will use the new valuethis.popup = document.createElement("div");this.text = document.createTextNode("Marathon: Paused");this.remainder = 0; // how much time is remaining on the interval when we pause itthis.fading = null; // 3 second timeout (by default), after which the popup fadesthis.toggle = this.toggle.bind(this);this.onInterval = this.onInterval.bind(this);this.onPauseChange = this.onPauseChange.bind(this);this.registerCommand("Pause Marathon", true); // initial creation of the menu commandGM_addValueChangeListener("Marathon:paused", this.onPauseChange);// if popup is enabled in options, style itif (options.pop) this.updatePopup();this.time = Date.now();switch (this.pauseState) {case MarathonController.STATES.RUNNING:this.timer = window.setTimeout(this.onInterval, this.int);break;case MarathonController.STATES.PAUSED:this.registerCommand("R###me Marathon"); // update the menu command labelthis.remainder = this.int - (Date.now() - this.time);break;default:GM_setValue("Marathon:paused", MarathonController.STATES.RUNNING);}this.startCapturing();}static STATES = {IDLE: 0,RUNNING: 1,PAUSED: 2,};/*** check that the modifier keys pressed match those defined in user settings* @param {KeyboardEvent} e* @param {String} i which key settings to evaluate, ctrlKey or ctrlKey2* @return {Boolean} true if the keys match, false otherwise*/static modTest(e, i = "") {return ["ctrlKey", "altKey", "shiftKey", "metaKey"].every(key => e[key] === options[`${key}${i}`]);}/*** Controller's event handler. only handles keydown currently.* @param {UIEvent} e*/handleEvent(e) {switch (e.type) {case "keydown":this.onKeyDown(e);break;default:}}/*** implementation for hotkeys* @param {KeyboardEvent} e*/onKeyDown(e) {if (e.repeat) return;const { code, code2, hotkey, hotkey2 } = options;switch (e.code) {case code:if (hotkey && MarathonController.modTest(e)) this.toggle();else return;break;case code2:if (hotkey2 && MarathonController.modTest(e, 2)) {GM_config.isOpen ? GM_config.close() : GM_config.open();} else {return;}break;default:return;}e.preventDefault();e.stopPropagation();e.stopImmediatePropagation();}// invoke the site handler, wait for it to complete, then restart the timer.async onInterval() {if (!options[site]) return;try {if (this.pauseState === MarathonController.STATES.RUNNING) {await this.callback();}} finally {window.clearTimeout(this.timer);this.timer = window.setTimeout(this.onInterval, this.int);}}/*** pause the interval* @param {String} msg string or null — determines the popup text*/pause(msg) {if (this.pauseState === MarathonController.STATES.RUNNING) {GM_setValue("Marathon:paused", MarathonController.STATES.PAUSED);this.openPopup(msg);}}/*** r###me the interval* @param {String} msg string or null — determines the popup text*/async r###me(msg) {if (this.pauseState === MarathonController.STATES.PAUSED) {GM_setValue("Marathon:paused", MarathonController.STATES.RUNNING);this.openPopup(msg);}}/*** Control the interval in response to changes to the pause state* @param {string} name value name - "Marathon:paused"* @param {number|undefined} oldValue* @param {number|undefined} newValue*/async onPauseChange(name, oldValue, newValue) {this._pauseState = newValue;if (oldValue === newValue || !options[site]) return;switch (newValue) {case MarathonController.STATES.RUNNING:if (oldValue === MarathonController.STATES.PAUSED) {this.registerCommand("Pause Marathon");await sleep(this.remainder);this.time = Date.now();this.onInterval();} else {window.clearTimeout(this.timer);this.timer = window.setTimeout(this.onInterval, this.int);}break;case MarathonController.STATES.PAUSED:this.registerCommand("R###me Marathon"); // update the menu command labelthis.remainder = this.int - (Date.now() - this.time);window.clearTimeout(this.timer);break;default:}}get pauseState() {if (this._pauseState === undefined) {this._pauseState = GM_getValue("Marathon:paused",MarathonController.STATES.IDLE);}return this._pauseState;}// toggle the interval on/off.toggle() {if (!options[site]) return; // disable the pause/r###me toggle when the site is disabledswitch (this.pauseState) {case MarathonController.STATES.RUNNING:this.pause("Paused"); // passing "Paused" tells openPopup to use the "Marathon: Paused" messagebreak;case MarathonController.STATES.PAUSED:this.r###me("R###med"); // passing "R###med" => "Marathon: R###med" messagebreak;default:}}/*** opens the popup (and optionally schedules it to close)* @param {String} msg what the popup should say* @param {Boolean} [stayOpen] whether to keep the popup open until dismissed* @returns {closedPromise|hide|null} if !stayOpen, returns a promise that*          resolves when the popup fades out. if stayOpen, returns a function*          that can be called to hide the popup, which returns a closing*          promise. returns null if popups are disabled or msg is not passed.*/openPopup(msg, stayOpen = false) {// if popup is disabled in options, or no message was sent, do nothingif (msg === undefined || !options.pop) return null;const { style } = this.popup;this.popup.textContent = `Marathon: ${msg}`;style.transitionDuration = "0.2s";style.opacity = "1";window.clearTimeout(this.fading); // clear any existing fade timeout since we're about to set a new one/** @typedef {Promise<undefined>} */const closedPromise = new Promise(resolve =>this.popup.addEventListener("transitionend", resolve, { once: true }));/** @typedef {function():closedPromise} */const hide = () => {style.transitionDuration = "1s";style.opacity = "0";return closedPromise;};if (stayOpen) return hide;// schedule the popup to fade into oblivionthis.fading = window.setTimeout(hide, options.popDur);return closedPromise;}// apply the basic popup style and place it in the bodysetupPopup() {if (this.isPopupSetup) return;document.body.insertBefore(this.popup, document.body.firstElementChild);this.popup.appendChild(this.text);this.popup.style.cssText = `position:fixed;top:50%;right:3%;transform:translateY(-50%);z-index:2147483646;background-color:hsla(0,0%,6%,.8);background-image:url("${cdnAddress}/texture/noise-512x512.png");background-repeat:repeat;background-size:auto;background-attachment:local;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);color:hsla(0,0%,97%,.95);padding:17px 19px;line-height:1em;border-radius:5px;pointer-events:none;letter-spacing:1px;transition:opacity .2s ease-in-out;opacity:0;`;this.isPopupSetup = true;}// update the mutable popup attributesupdatePopup() {this.setupPopup();const { style } = this.popup;style.fontFamily = options.font;style.fontSize = `${options.fontSizeInt}px`;style.fontWeight = options.fontWeight;style.fontStyle = options.italic ? "italic" : "";}/*** register a menu command with the script manager, or update an existing one* @param {String} cap intended caption to display on the menu command* @param {Boolean} firstRun we call this function at startup and every time*                           we pause/unpause. on the first call, we register*                           a command. on subsequent calls, we unregister the*                           previous command and register a new one.*/registerCommand(cap, firstRun = false) {if (GM4) return; // don't register a menu command if the script manager is greasemonkey 4.0+ since the function doesn't existif (!firstRun) GM_unregisterMenuCommand(this.caption); // this is how we switch the menu command from play to pause. we'd prefer to just have a single menu command and use a variable to determine its label and callback behavior, but the API doesn't support that afaik.// don't register the pause/unpause menu command if the site is currently disabledif (options[site]) {GM_registerMenuCommand(cap, this.toggle);this.caption = cap;}}// start listening to key eventsstartCapturing() {if (!this.capturing && (options.hotkey || options.hotkey2)) {window.addEventListener("keydown", this, true);this.capturing = true;}}// stop listening to key eventsstopCapturing() {if (this.capturing) {window.removeEventListener("keydown", this, true);this.capturing = false;}}}// override API functions so we can animate the settings panel and auto-close it on save.function extendGMC() {// support fancy animationsGM_config.close = function close() {window.clearTimeout(this.fading);this.frame.setAttribute("closed", true);this.onClose(); //  Call the close() callback functionthis.isOpen = false;this.fading = window.setTimeout(() => {this.clearSheets("Marathon");// If frame is an iframe then remove itif (this.frame.contentDocument) {this.remove(this.frame);this.frame = null;} else {// else wipe its contentthis.frame.innerHTML = "";this.frame.style.display = "none";}// Null out all the fields so we don't leak memoryconst { fields } = this;for (const value of Object.values(fields)) {value.wrapper = null;value.node = null;}}, 500);};GM_config.open = function open() {window.clearTimeout(this.fading);this.frame.removeAttribute("closed");this.isOpen = true;Object.getPrototypeOf(this).open.call(this);};// override write function to semi-publicly memoize the error state.GM_config.write = function write(store, obj) {const values = {};const forgotten = {};if (!obj) {const { fields } = this;for (const [id, field] of Object.entries(fields)) {const value = field.toValue();if (field.save) {if (value != null) {values[id] = value;field.value = value;} else {this.error = true;values[id] = field.value;}} else {forgotten[id] = value;}}}try {this.setValue(store || this.id, this.stringify(obj || values));} catch (e) {this.log("GM_config failed to save settings!");}return forgotten;};/*** remove all the stylesheets generated by GM_config. without this, GM_config* would keep adding a new sheet every time you open it.* @param {String} sel CSS selector; check each stylesheet for this string*/GM_config.clearSheets = sel => {for (const style of [...document.head.getElementsByTagName("style")]) {try {if (style instanceof HTMLStyleElement &&style.sheet.cssRules[0].selectorText.includes(sel)) {style.remove();}// Amazon CSP blocks cross-origin use of method sheet.cssRules so the// loop will interrupt on some unrelated stylesheet.} catch (e) {}}};/*** remove all the link elements generated by webfontloader.js. the loader has* no logic to amend its existing stylesheets and will just keep adding more* every time you call it.* @param {String} uri url or part of url; check each link element's href*                     attribute for this string*/GM_config.clearLinks = uri => {for (const link of [...document.head.getElementsByTagName("link")]) {if (link instanceof HTMLLinkElement && link.href?.includes(uri)) {link.remove();}}};// if webfont is enabled and any of the fields that affect webfont are// non-default, (font, italic, fontWeight) then update the webfont configGM_config.updateWFConfig = function updateWFConfig() {if (options.webfont &&Object.values(this.webFontFields).some(field => field.value !== field.default)) {WebFontConfig.google.families[1] = `${options.font}:${options.italic ? "ital," : ""}wght@1,${options.fontWeight}`;}};// prettier-ignoreGM_config.specialKeys = ["Unidentified","Alt","AltGraph","CapsLock","Control","Fn","FnLock","Hyper","Meta","NumLock","ScrollLock","Shift","Super","Symbol","SymbolLock","AllCandidates","Alphanumeric","CodeInput","Compose","Convert","Dead","FinalMode","GroupFirst","GroupLast","GroupNext","GroupPrevious","ModeChange","NextCandidate","NonConvert","PreviousCandidate","Process","SingleCandidate","HangulMode","HanjaMode","JunjaMode","Eisu","Hankaku","Hiragana","HiraganaKatakana","KanaMode","KanjiMode","Katakana","Romaji","Zenkaku","ZenkakuHankaku"];}// set up the GM_config settings GUIasync function initGMC() {const frame = document.createElement("div");const sitesFieldLabel = methods.create(document, "div", {class: "field_label",id: "Marathon_section_0_subheader_0",});sitesFieldLabel.innerHTML = "Run on:&nbsp;";const resetBtn = document.createElement("button");const supportBtn = document.createElement("button");frame.style.display = "none";document.body.appendChild(frame);frame.appendChild(sitesFieldLabel);frame.appendChild(resetBtn);frame.appendChild(supportBtn);resetBtn.addEventListener("click", () => GM_config.reset());supportBtn.addEventListener("click", () =>GM_openInTab("https://greasyfork.org/scripts/420475-netflix-marathon-pausable"));GM_config.error = false; // this flag tells us if the user input an invalid value for a setting so we won't close the GUI when they try to save.extendGMC();window.addEventListener("keydown",e => {switch (e.code) {case "Escape":if (e.ctrlKey || e.shiftKey || e.altKey || e.metaKey) return;break;case options.code2:if (!options.hotkey2 || !MarathonController.modTest(e, 2)) return;break;default:return;}// hide the settings menuif (GM_config.isOpen && !GM_config.capturing) {GM_config.close();e.preventDefault();e.stopPropagation();e.stopImmediatePropagation();}},true);const makeCaptureCallbacks = (i = "") => ({click: () => {const {[`code${i}`]: code,[`capture${i}`]: capture,[`ctrlKey${i}`]: ctrlKey,[`altKey${i}`]: altKey,[`shiftKey${i}`]: shiftKey,[`metaKey${i}`]: metaKey,} = GM_config.fields;if (GM_config.capturing || capture.node.disabled) return;code.settings.initialValue = code.node.value;for (const key of [ctrlKey, altKey, shiftKey, metaKey]) {key.settings.initialChecked = key.node.checked;}GM_config.capturing = true;capture.node.disabled = true;GM_config.frame.setAttribute("capturing", "true");code.node.focus();code.node.addEventListener("keydown", capture.settings.keydown);window.addEventListener("keydown", capture.settings.keydown, true);GM_config.dismissPopup = marathon.openPopup("Press desired hotkey then Enter (Esc to cancel)",true);},keydown: e => {const {[`code${i}`]: code,[`capture${i}`]: capture,[`ctrlKey${i}`]: ctrlKey,[`altKey${i}`]: altKey,[`shiftKey${i}`]: shiftKey,[`metaKey${i}`]: metaKey,} = GM_config.fields;if (GM_config.specialKeys.includes(e.key)) return;switch (e.key) {case "Enter":break;case "Escape":code.node.value = code.settings.initialValue;for (const key of [ctrlKey, altKey, shiftKey, metaKey]) {key.node.checked = key.settings.initialChecked;}break;default:e.preventDefault();e.stopPropagation();e.stopImmediatePropagation();if (e.repeat) return;code.node.value = e.code;ctrlKey.node.checked = e.ctrlKey;altKey.node.checked = e.altKey;shiftKey.node.checked = e.shiftKey;metaKey.node.checked = e.metaKey;return;}e.preventDefault();e.stopPropagation();e.stopImmediatePropagation();if (e.repeat) return;GM_config.capturing = false;capture.node.disabled = false;GM_config.frame.removeAttribute("capturing");code.node.focus();if (GM_config.dismissPopup) {GM_config.dismissPopup().then(() => delete GM_config.dismissPopup);}code.node.removeEventListener("keydown", capture.settings.keydown);window.removeEventListener("keydown", capture.settings.keydown, true);},});// initialize the GUIGM_config.init({id: "Marathon",title: "Netflix Marathon Settings",fields: {amazon: {type: "checkbox",label: "Amazon",title: "Uncheck if you don't use Amazon Prime Video",section: "Main Settings",default: true,},netflix: {type: "checkbox",label: "Netflix",title: "Uncheck if you don't use Netflix",default: true,},disneyplus: {type: "checkbox",label: "Disney+",title: "Uncheck if you don't use Disney+",default: true,},hotstar: {type: "checkbox",label: "Hotstar",title: "Uncheck if you don't use Hotstar",default: true,},hulu: {type: "checkbox",label: "Hulu",title: "Uncheck if you don't use Hulu",default: true,},hbomax: {type: "checkbox",label: "HBO Max",title: "Uncheck if you don't use HBO Max",default: true,},starz: {type: "checkbox",label: "Starz",title: "Uncheck if you don't use Starz",default: true,},rate: {label: "Interval Rate",title: "Time (in milliseconds) between checks for skip buttons",type: "int",size: 2,min: 50,max: 5000,default: 300,},skipCredits: {type: "hidden",default: true,},watchCredits: {type: "hidden",default: false,},promoted: {type: "checkbox",label: "Autoplay promoted videos",title:"After the final credits of a film or the last episode of a series, some sites recommend a trending or similar movie/series. Check this if you want to automatically start playing the site's recommendation at the end of the credits",default: false,},code: {label: "Hotkey code",title:"Which keyboard key to use (click Support for a list of key codes)",type: "text",section: "Pause/R###me Hotkey",size: 4,default: "F7",},capture: {label: "Record keys",title: "Press desired key combination and press Enter",type: "button",size: 1,...makeCaptureCallbacks(),},hotkey: {type: "checkbox",label: "Enable",title: "Uncheck to disable the pause/r###me shortcut",default: true,},ctrlKey: {type: "checkbox",label: "Ctrl key",title: "Set Ctrl as a modifier key for the shortcut",default: true,},altKey: {type: "checkbox",label: "Alt key",title: "Set Alt as a modifier key for the shortcut",default: false,},shiftKey: {type: "checkbox",label: "Shift key",title: "Set Shift as a modifier key for the shortcut",default: false,},metaKey: {type: "checkbox",label: "Meta key",title: "Set Meta as a modifier key for the shortcut",default: false,},code2: {label: "Hotkey code",title:"Which keyboard key to use (click Support for a list of key codes)",type: "text",section: "Settings Hotkey",size: 4,default: "KeyN",},capture2: {label: "Record keys",title: "Press desired key combination and press Enter",type: "button",size: 1,...makeCaptureCallbacks(2),},hotkey2: {type: "checkbox",label: "Enable",title: "Uncheck to disable the keyboard shortcut",default: true,},ctrlKey2: {type: "checkbox",label: "Ctrl key",title: "Set Ctrl as a modifier key for the shortcut",default: false,},altKey2: {type: "checkbox",label: "Alt key",title: "Set Alt as a modifier key for the shortcut",default: true,},shiftKey2: {type: "checkbox",label: "Shift key",title: "Set Shift as a modifier key for the shortcut",default: false,},metaKey2: {type: "checkbox",label: "Meta key",title: "Set Meta as a modifier key for the shortcut",default: false,},pop: {type: "checkbox",label: "Enable popup",title: "Uncheck to disable the Paused/R###med popups",section: "Popup Settings",default: true,},popDur: {label: "Popup duration",title:"How long (in milliseconds) the popup should stay open before fading away",type: "int",size: 4,min: 500,max: 50000,default: 3000,},webfont: {type: "checkbox",label: "Use Google Fonts",title:"If the font you want is not locally installed, this must be checked",default: true,},font: {label: "Popup font",title: "Which font to use for the Paused/R###med popups",type: "text",size: 12,default: "Source Sans Pro",},fontSizeInt: {label: "Font size (px)",title: "How big the Paused/R###med popups should be",type: "int",size: 1,min: 6,max: 560,default: 24,},fontWeight: {label: "Font weight",title:"Boldness of the popup text, measured in multiples of 100 from 100-900",type: "select",options: ["100","200","300","400","500","600","700","800","900",],default: 300,},italic: {type: "checkbox",label: "Italic",title: "Check if you want the popup text to be italic",default: false,},},events: {init() {const f = this.fields;// all the fields that affect the pause/r###me hotkeythis.hotkeyFields = {code: f.code,hotkey: f.hotkey,ctrlKey: f.ctrlKey,altKey: f.altKey,shiftKey: f.shiftKey,metaKey: f.metaKey,code2: f.code2,hotkey2: f.hotkey2,ctrlKey2: f.ctrlKey2,altKey2: f.altKey2,shiftKey2: f.shiftKey2,metaKey2: f.metaKey2,};// all the fields that affect the popup appearance/existencethis.popupFields = {pop: f.pop,popDur: f.popDur,webfont: f.webfont,font: f.font,fontSizeInt: f.fontSizeInt,fontWeight: f.fontWeight,italic: f.italic,};// all the fields that necessitate loading a new font stylesheet with webfont.this.webFontFields = {font: f.font,fontWeight: f.fontWeight,italic: f.italic,};this.save(); // we need this to save the default values on first load// for all addons except greasemonkey 4, we can add a menu commandif (!GM4) {GM_registerMenuCommand("Open Settings", () => {if (!this.isOpen) this.open();});}// after getting settings from *monkey storage, memoize their values in// a simple js object so referencing them is cheaper.for (const [key, field] of Object.entries(this.fields)) {options[key] = field.value;}},save() {if (this.isOpen) {// don't do anything until the user fixes their invalid inputif (this.error) return (this.error = false);const f = this.fields;let message = "";let hotkeyMsg = false;let doResetPopup = false;let doReloadWF = false;// handle changes to any hotkey-related settingsfor (const [key, field] of Object.entries(this.hotkeyFields)) {const tempKey = field.value;// if the memoized setting doesn't match the new value...if (options[key] !== tempKey) {options[key] = tempKey; // update ithotkeyMsg = true;}}if (hotkeyMsg) message += "Hotkeys"; // tell popup to open and announce the successful settings update// handle changes to popup settingsfor (const [key, field] of Object.entries(this.popupFields)) {const tempKey = field.value;if (options[key] !== tempKey) {options[key] = tempKey; // same pattern as for the hotkey fields, but with some more bespoke behavior belowswitch (key) {case "pop":return (this.error = false); // do nothing special if the popup was enabled/disabled since the toggle already checks the optioncase "webfont":if (!tempKey) WebFontConfig.google.families.splice(1, 1); // if webfont was disabled, then remove the user-defined font from the webfont config// fall throughcase "font":case "fontWeight":case "italic":doReloadWF = true; // if font, fontWeight, or italic were changed, we need to use webfontloader againbreak;default:}doResetPopup = true;}}// if anything was changed, tell popup to announce itif (doResetPopup) {if (doReloadWF) {this.clearLinks("fonts.googleapis.com"); // clear old webfont sheetsthis.updateWFConfig(); // update WebFontConfigWebFont.load(WebFontConfig); // load new font sheet}if (options.pop) {marathon.updatePopup(); // if the script started with popups disabled, then the styles won't exist yet, so load them.if (message) message += " & "; // if we already set message to Hotkey...message += "Popup"; // set it to Hotkey & Popup}}// handle changes to rate and site settingsconst newInt = f.rate.value;if (options.rate !== newInt) {options.rate = newInt;marathon.int = newInt; // update the rateif (message.includes("&")) {message = "Settings";} else {// if we already set it to Hotkey & Popup then reset it to something general so it's not so longif (message) message += " & "; // otherwise if it's set to either Hotkey *or* Popup, set it to e.g. Hotkey & Intervalmessage += "Interval"; // otherwise just set it to Interval}}if (options.netflix !== f.netflix.value ||options.amazon !== f.amazon.value ||options.disneyplus !== f.disneyplus.value ||options.hotstar !== f.hotstar.value ||options.hulu !== f.hulu.value ||options.hbomax !== f.hbomax.value ||options.starz !== f.starz.value ||options.promoted !== f.promoted.value) {options[site] = f[site].value;options.promoted = f.promoted.value;// if we already changed other types of settings then set the message to something generalif (message) message = "Settings";else message = "Site Settings"; // otherwise make it specific to site settings.}// close the settings menu upon save (provided none of the inputs is invalid)this.close();if (message) marathon.openPopup(`Updated ${message}`); // finally open a popup with whatever message we gave.}return (this.error = false);},open() {marathon.stopCapturing();// put the checkboxes in a container so we can control their layoutconst grid = methods.create(document, "div", {class: "grid_container",});document.getElementById("Marathon_section_header_0").after(grid);// add the subheader to the grid containergrid.appendChild(sitesFieldLabel);// move each site checkbox to the grid containermethods.sites.forEach(site => {const field = this.fields[site];if (field) {const { wrapper } = field;if (wrapper instanceof HTMLElement) grid.appendChild(wrapper);}});// stretch the header to fill the entire first row when the number of// site checkboxes + the subheader is not a multiple of 4. there are// currently 7 checkboxes, so we can get an even 4x2 grid by including// the "Run on:" subheader in the first cell (0, 0, top left) and the// site checkboxes in the subsequent cells. but when the number of site// checkboxes is 8 for example, it would become a 4x3 grid with the// third row having 3 unfilled cells. so at that point it would look// better to fill the entire first row with the subheader and let the 8// checkboxes fill the remaining rows.if (grid.children.length % 4) grid.classList.add("stretch_header");// add a support button, make the reset link an actual button. we could do this by editing the prototype but again, it'd be a lot of duplicate code.const resetLink = document.getElementById("Marathon_resetLink"); // the ugly reset link that comes with GM_configmethods.maybeSetAttributes(resetBtn, {title: resetLink.title,class: resetLink.parentElement.className,});resetBtn.textContent = resetLink.textContent;resetLink.parentElement.replaceWith(resetBtn); // replace the link with the buttondocument.getElementById("Marathon_saveBtn").after(resetBtn); // move it next to the save button// give the support button a localized tooltip and label since it's the one someone's most likely to need if they don't speak english.methods.maybeSetAttributes(supportBtn, {title: l10n.title,class: "saveclose_buttons",id: "Marathon_supportBtn",});supportBtn.textContent = l10n.text;const closeBtn = document.getElementById("Marathon_closeBtn");closeBtn.after(supportBtn); // move it to the end.closeBtn.textContent = "Cancel"; // change the text from "Close" to "Cancel" so it's clear that this will discard changes to settingsconst firstField = frame.querySelector('.config_var [id^="Marathon_field_"]');if (firstField) firstField.focus();},close() {let blurTo;switch (site) {case "netflix": {const mountPoint = document.getElementById("appMountPoint");blurTo = mountPoint.querySelector("[tabindex]") || mountPoint;break;}case "amazon":blurTo = document.querySelector(".webPlayerSDKUiContainer");break;case "disneyplus":blurTo = document.querySelector(".btm-media-client-element");break;case "hulu":blurTo = document.querySelector(".addFocus");break;case "hbomax":case "hotstar":case "starz":break;default:return;}blurTo = blurTo || document.body;blurTo.focus();marathon.startCapturing();},},frame, // using an in-content element has its problems e.g. we're affected by amazon's god-awful stylesheets, but using an iframe makes animation a lot more clunky and i want the panel to be kinda spry and lightcss: /* css */ `#Marathon {display: block !important;position: fixed !important;z-index: 2147483646 !important;inset: unset !important;top: 50% !important;left: 0 !important;background-color: hsla(0, 0%, 5.1%, 0.91);background-image: url("${cdnAddress}/texture/noise-512x512.png");background-repeat: repeat;background-size: auto;background-attachment: local;-webkit-backdrop-filter: blur(7px);backdrop-filter: blur(7px);border: none !important;color: hsla(0, 0%, 97%, 0.95);max-width: -webkit-min-content !important;max-width: -moz-min-content !important;max-width: min-content !important;height: -webkit-min-content !important;height: -moz-min-content !important;height: min-content !important;border-radius: 5px;padding: 10px !important;transform: translate(50%, -60%);font-size: 14px;line-height: 1.2;transition: 0.2s ease-in-out opacity;color-scheme: dark;}#Marathon[closed] {opacity: 0 !important;transition: 0.5s ease-in-out opacity;}#Marathon * {font-family: Source Sans Pro;font-weight: 300;text-transform: revert;}#Marathon[capturing] * {pointer-events: none;}#Marathon_wrapper {display: flex;flex-direction: column;align-content: center;}#Marathon_header {font-size: 2em !important;white-space: nowrap;padding-inline: 6px;}#Marathon .section_header_holder {display: flex;flex-flow: row wrap;gap: 6px 8px;padding: 6px 4px 0;margin-top: 8px;border-top: 1px solid hsla(0, 0%, 100%, 0.1);}#Marathon .section_header {font-size: 1.25em !important;background: none !important;border: none !important;text-align: left !important;flex-basis: 100%;}#Marathon .grid_container {display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;gap: 6px 8px;flex-grow: 1;padding-bottom: 3px;}#Marathon .grid_container.stretch_header {grid-template-areas: "head head head head";}#Marathon .grid_container.stretch_header > .field_label {grid-area: head;margin-bottom: -2px !important;}#Marathon .config_var {margin: 0 !important;display: flex;flex-direction: row;align-items: center;line-height: normal;flex-grow: 1;}#Marathon .config_var .field_label:first-child:not(:only-child) {padding-inline-end: 6px !important;}#Marathon .config_var .field_label:last-child:not(:only-child) {padding-inline-start: 6px !important;}#Marathon :is(button, input, optgroup, select, textarea) {margin: 0;font: inherit;appearance: revert;box-shadow: none;background: revert;color: revert;border: revert;border-radius: revert;outline: revert;transition: revert;height: revert;width: revert;padding: revert;}#Marathon button,#Marathon input[type="button"] {text-align: center;cursor: default !important;}#Marathon input[type="text"] {padding: 0 3px;flex-grow: 1;height: unset;box-sizing: initial !important;margin: 0 !important;font-size: 14px !important;}#Marathon input[type="text"][size="1"] {width: 1.5em;}#Marathon input[type="checkbox"] {min-width: 14px;min-height: 14px;margin-inline: 0;border-radius: 2.5px;position: static;box-sizing: border-box;}#Marathon_section_0 {gap: 6px 12px;}#Marathon_section_0_subheader_0 {flex-grow: 1;}#Marathon_buttons_holder {display: flex;flex-flow: row;gap: 6px;margin-top: 6px;align-items: center;border-top: 1px solid hsla(0, 0%, 100%, 0.1);color: inherit !important;}#Marathon .saveclose_buttons,#Marathon .reset_holder {display: flex;margin: 6px 0 0 0;padding: 2px 12px;min-height: 24px;color-scheme: dark;padding-inline: 4px;font-size: 15px;padding-block: 2px;flex-grow: 1;white-space: nowrap;}#Marathon #Marathon_saveBtn,#Marathon .reset_holder {padding-inline-start: 0 !important;}#Marathon_saveBtn::before {content: "";width: 18px;height: 18px;background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16'><path fill='hsla(0,0%,97%,.95)' d='M6 14a1 1 0 01-.707-.293l-3-3a1 1 0 011.414-1.414l2.157 2.157 6.316-9.023a1 1 0 011.639 1.146l-7 10a1 1 0 01-.732.427A.863.863 0 016 14z'/></svg>");background-position:  3px 48%;background-size: 12.5px;background-repeat: no-repeat;}#Marathon .reset_holder::before {content: "";width: 18px;height: 18px;background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='hsla(0,0%,97%,.95)' height='16' width='16'><path d='M1 1a1 1 0 011 1v2.4A7 7 0 118 15a7 7 0 01-4.9-2 1 1 0 011.4-1.5 5 5 0 10-1-5.5H6a1 1 0 010 2H1a1 1 0 01-1-1V2a1 1 0 011-1z'/></svg>");background-position:  4px 50%;background-size: 11px;background-repeat: no-repeat;}#Marathon .reset {color: inherit !important;font-size: inherit !important;}#Marathon .field_label {font-size: 12px;font-weight: normal !important;margin: 0 !important;white-space: nowrap;padding: unset !important;}#Marathon_pop_var,#Marathon_font_var {flex-basis: 100%;}`,});}// load webfontloader and create the base config (to be changed by GM_config)function attachWebFont() {const loader = document.createElement("script");WebFontConfig = {classes: false, // don't bother changing the DOM at all, we aren't listening for itevents: false, // no need for events, not worth the executiongoogle: {families: ["Source Sans Pro:wght@1,300"], // default font and settings fontdisplay: "swap", // not really necessary since the popup doesn't appear until you press a button. but it doesn't hurt},};GM_config.updateWFConfig(); // parse user-defined font settings, if anyloader.src ="https://cdn.jsdelivr.net/npm/webfontloader@latest/webfontloader.js";loader.async = true; // don't block the rest of the page for this, it won't appear until user interaction anywaydocument.head.prepend(loader);}async function start() {// if using greasemonkey 4, remap the GM_* functions to GM.*if (GM4) {GM_getValue = GM.getValue;GM_setValue = GM.setValue;GM_listValues = GM.listValues;GM_deleteValue = GM.deleteValue;GM_openInTab = GM.openInTab;}await initGMC(); // wait for GM_configmarathon = new MarathonController(methods, options.rate); // create the interval controller, event listeners, etc.attachWebFont(); // load the font sheet}start();