Better Flow

Makes editing the queue in flow possible.

Terá de instalar uma extensão como Tampermonkey, Greasemonkey ou Violentmonkey para instalar este script.

You will need to install an extension such as Tampermonkey or Violentmonkey to install this script.

Terá de instalar uma extensão como Tampermonkey ou Violentmonkey para instalar este script.

Terá de instalar uma extensão como Tampermonkey ou Userscripts para instalar este script.

Terá de instalar uma extensão como Tampermonkey para instalar este script.

Terá de instalar uma extensão de gestão de scripts de utilizador para instalar este script.

(Já tenho um gestor de scripts de utilizador, deixe-me instalá-lo!)

Terá de instalar uma extensão como Stylus para instalar este estilo.

Terá de instalar uma extensão como Stylus para instalar este estilo.

Terá de instalar uma extensão como Stylus para instalar este estilo.

Terá de instalar uma extensão de gestão de estilos de utilizador para instalar este estilo.

Terá de instalar uma extensão de gestão de estilos de utilizador para instalar este estilo.

Terá de instalar uma extensão de gestão de estilos de utilizador para instalar este estilo.

(Já tenho um gestor de estilos de utilizador, deixe-me instalá-lo!)

// ==UserScript==
// @name        Better Flow
// @description Makes editing the queue in flow possible.
// @author      bertigert
// @version     1.0.4
// @icon        https://www.google.com/s2/favicons?sz=64&domain=deezer.com
// @namespace   Violentmonkey Scripts
// @match       https://www.deezer.com/*
// @grant       none
// @run-at      document-start
// ==/UserScript==


(function() {
    "use strict";

    class Logger {
        static PREFIX = "[Better Flow]";

        constructor(debug=false) {
            this.should_debug = debug;
        }

        debug(...args) {if (this.should_debug) console.debug(Logger.PREFIX, ...args);}
        log(...args) {console.log(Logger.PREFIX, ...args);}
        warn(...args) {console.warn(Logger.PREFIX, ...args);}
        error(...args) {console.error(Logger.PREFIX, ...args);}
    }

    class DeezerPlayerHook {
        static detect_and_hook_dzplayer(callback) {
            const interval_id = setInterval(() => {
                if (window.dzPlayer) {
                    clearInterval(interval_id);
                    callback(window.dzPlayer);
                }
            }, 10);
        }

        static hook_onLoadedTracks() {
            logger.log("Hooking dzPlayer.onLoadedTracks");
            const orig_onloadedtracks = dzPlayer.onLoadedTracks;
            dzPlayer.onLoadedTracks = function (...args) {
                try {
                    const data = args[1];
                    if ((data.addNext || data.addQueue) && dzPlayer.isRadio()) {
                        data.radio = true;
                        data.context.TYPE = dzPlayer.getContext()?.TYPE;
                    }

                    return orig_onloadedtracks.apply(this, args);
                } catch (error) {
                    logger.error("Error in onLoadedTracks hook:", error);
                }
            };
        }
    }


    const PATCHES = [
        {
            // make addNext and addQueue buttons show up
            find: /{const\{[^}]*playerIsRadio:[a-zA-Z]+,?/,
            replacements: [
                {
                    match: /{const\{([^}]*)playerIsRadio:([a-zA-Z]+)(?:,)?/g,
                    replace: (_, $1, $2) => `{const ${$2}=false,{${$1}`,
                }
            ]
        },
        {
            // make entire flow queue visible (and thus editable)
            find: ["getStorageKey:e=>`ALERT_DISMISSED_${e}"],
            replacements: [
                {
                    match: "e?t+1:",
                    replace: "",
                },
                {
                    match: "const{index:e,isRadio:t",
                    replace: "const t=false,{index:e",
                },
            ]
        },
        {
            // addNext has additional checks for radio
            find: ["=1209600;"],
            replacements: [
                {
                    match: /addNext:function(.*)if\([a-zA-Z]+\.isRadio\(\)\)return!1;/,
                    replace: (_, $1) => `addNext:function${$1}`,
                }
            ]
        },
        {
            // make playlists and albums context menus work in flow
            find: [`JSON.parse('{"default":`],
            replacements: [
                {
                    match: /NB_SONG\|\|[a-zA-Z]+\.[a-zA-Z]+\.isRadio\(\)/,
                    replace: "NB_SONG",
                }
            ]
        }
    ];

    const logger = new Logger(false);

    (function wait_for_webpack_patcher(){
        if (window.WebpackPatcher) {
            logger.debug("Registering webpack patches");
            window.WebpackPatcher.register({
                name: "Better Flow"
            }, PATCHES);
            DeezerPlayerHook.detect_and_hook_dzplayer((dzPlayer) => {
                DeezerPlayerHook.hook_onLoadedTracks();
            });
        } else if (!window.webpackJsonpDeezer) {
            setTimeout(wait_for_webpack_patcher, 0);
        } else {
            logger.warn("Webpack array found, but not patcher, stopping");
        }
    })();
})();