From 2e40c8a2b18930cf83f28e816a9042254c5edf30 Mon Sep 17 00:00:00 2001 From: Teddy Wing Date: Sat, 14 Aug 2021 14:05:53 +0200 Subject: index.ts: Add initialising log Write a log message upon initialisation so we can confirm the script is running. --- netflix-immersive.user.js | 4 +++- src/index.ts | 3 +++ 2 files changed, 6 insertions(+), 1 deletion(-) diff --git a/netflix-immersive.user.js b/netflix-immersive.user.js index e956541..8ab034f 100644 --- a/netflix-immersive.user.js +++ b/netflix-immersive.user.js @@ -114,9 +114,11 @@ exports.default = init; "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); var fullscreen_credits_1 = require("./fullscreen_credits"); +var logger_1 = require("./logger"); var styles_1 = require("./styles"); var watch_credits_1 = require("./watch_credits"); function main() { + logger_1.default.debug('Initialising'); styles_1.default(); fullscreen_credits_1.default(); watch_credits_1.default(); @@ -125,7 +127,7 @@ main(); // Reinitialise when the page changes. window.onpopstate = main; -},{"./fullscreen_credits":2,"./styles":5,"./watch_credits":7}],4:[function(require,module,exports){ +},{"./fullscreen_credits":2,"./logger":4,"./styles":5,"./watch_credits":7}],4:[function(require,module,exports){ "use strict"; var __spreadArrays = (this && this.__spreadArrays) || function () { for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length; diff --git a/src/index.ts b/src/index.ts index 58d4367..4d3a951 100644 --- a/src/index.ts +++ b/src/index.ts @@ -16,11 +16,14 @@ // along with Immersive. If not, see . import fullscreen_credits from './fullscreen_credits'; +import logger from './logger'; import styles from './styles'; import watch_credits from './watch_credits'; function main () { + logger.debug('Initialising'); + styles(); fullscreen_credits(); watch_credits(); -- cgit v1.2.3 From d76d092c0865a5529872a4aee1368a14da771e6a Mon Sep 17 00:00:00 2001 From: Teddy Wing Date: Sat, 14 Aug 2021 14:18:49 +0200 Subject: styles.ts: Add new age rating CSS class New css class for age ratings. The old one appears not to be used any more. Changed as a result of an early August 2021 player UI overhaul. --- netflix-immersive.user.js | 4 +++- src/styles.ts | 5 ++++- 2 files changed, 7 insertions(+), 2 deletions(-) diff --git a/netflix-immersive.user.js b/netflix-immersive.user.js index 8ab034f..df2bd86 100644 --- a/netflix-immersive.user.js +++ b/netflix-immersive.user.js @@ -155,7 +155,9 @@ function styles() { var style = document.createElement('style'); document.head.appendChild(style); var stylesheet = style.sheet; - stylesheet.insertRule("\n\t\t/* \"Back to Browse\" button that appears when credits are minimised. */\n\t\t.OriginalsPostPlay-BackgroundTrailer .BackToBrowse,\n\n\t\t/* Age rating. */\n\t\t.player-view-childrens,\n\n\t\t/* \"Watch Credits\" button. */\n\t\t[data-uia=\"watch-credits-seamless-button\"],\n\n\t\t/* Skip buttons. */\n\t\ta[aria-label=\"Skip Intro\"],\n\t\ta[aria-label=\"Skip Recap\"],\n\t\ta[aria-label=\"Next Episode\"],\n\t\t[data-uia=\"next-episode-seamless-button\"] {\n\t\t\tvisibility: hidden !important;\n\t\t}", stylesheet.cssRules.length); + // 2021.08.13: May want to remove `.player-view-childrens`, which is now + // replaced by `.advisory-container`. + stylesheet.insertRule("\n\t\t/* \"Back to Browse\" button that appears when credits are minimised. */\n\t\t.OriginalsPostPlay-BackgroundTrailer .BackToBrowse,\n\n\t\t/* Age rating. */\n\t\t.player-view-childrens,\n\t\t.advisory-container,\n\n\t\t/* \"Watch Credits\" button. */\n\t\t[data-uia=\"watch-credits-seamless-button\"],\n\n\t\t/* Skip buttons. */\n\t\ta[aria-label=\"Skip Intro\"],\n\t\ta[aria-label=\"Skip Recap\"],\n\t\ta[aria-label=\"Next Episode\"],\n\t\t[data-uia=\"next-episode-seamless-button\"] {\n\t\t\tvisibility: hidden !important;\n\t\t}", stylesheet.cssRules.length); stylesheet.insertRule("\n\t\t/* Remove white border around credits. */\n\t\t.NFPlayer.can-resume:hover {\n\t\t\tborder: none !important;\n\t\t}", stylesheet.cssRules.length); } exports.default = styles; diff --git a/src/styles.ts b/src/styles.ts index 73ae7c9..5a16d6e 100644 --- a/src/styles.ts +++ b/src/styles.ts @@ -1,4 +1,4 @@ -// Copyright (c) 2020 Teddy Wing +// Copyright (c) 2020–2021 Teddy Wing // // This file is part of Immersive. // @@ -23,12 +23,15 @@ export default function styles () { const stylesheet = style.sheet as CSSStyleSheet; + // 2021.08.13: May want to remove `.player-view-childrens`, which is now + // replaced by `.advisory-container`. stylesheet.insertRule(` /* "Back to Browse" button that appears when credits are minimised. */ .OriginalsPostPlay-BackgroundTrailer .BackToBrowse, /* Age rating. */ .player-view-childrens, + .advisory-container, /* "Watch Credits" button. */ [data-uia="watch-credits-seamless-button"], -- cgit v1.2.3 From 56662c5ea70bdffb8b779085c131a77b1e519a0f Mon Sep 17 00:00:00 2001 From: Teddy Wing Date: Sat, 14 Aug 2021 15:16:22 +0200 Subject: Update copyright year for 2021 --- netflix-immersive.user.js | 2 +- src/userscript-header.txt | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/netflix-immersive.user.js b/netflix-immersive.user.js index df2bd86..925088b 100644 --- a/netflix-immersive.user.js +++ b/netflix-immersive.user.js @@ -7,7 +7,7 @@ // @match https://www.netflix.com/* // ==/UserScript== -// Copyright (c) 2020 Teddy Wing +// Copyright (c) 2020–2021 Teddy Wing // // This program is free software: you can redistribute it and/or modify // it under the terms of the GNU General Public License as published by diff --git a/src/userscript-header.txt b/src/userscript-header.txt index fafc46c..ebe7bf7 100644 --- a/src/userscript-header.txt +++ b/src/userscript-header.txt @@ -7,7 +7,7 @@ // @match https://www.netflix.com/* // ==/UserScript== -// Copyright (c) 2020 Teddy Wing +// Copyright (c) 2020–2021 Teddy Wing // // This program is free software: you can redistribute it and/or modify // it under the terms of the GNU General Public License as published by -- cgit v1.2.3 From 447ec71e51c3a3db3c756a1479323d9d19b6f259 Mon Sep 17 00:00:00 2001 From: Teddy Wing Date: Sat, 14 Aug 2021 20:24:42 +0200 Subject: fullscreen_credits.ts: Start getting credits working again after update Netflix updater their player UI in early August 2021. This caused my credits handling to stop working. Haven't tested it for series episodes, only movies so far. This gets fullscreen credits mostly working again. The only thing wrong now is that the player controls appear for a few seconds when the credits are re-maximised. * Since the player element changed, we have to watch a different element now. We can still use class names to partially revert the minimisation. * The `