chore: build

dist/BetterYTM.user.js

@@ -17,7 +17,7 @@
 // @license           AGPL-3.0-only
 // @author            Sv443
 // @copyright         Sv443 (https://github.com/Sv443)
-// @icon              https://raw.githubusercontent.com/Sv443/BetterYTM/f91767c2/assets/images/logo/logo_dev_48.png
+// @icon              https://raw.githubusercontent.com/Sv443/BetterYTM/308d1e4c/assets/images/logo/logo_dev_48.png
 // @match             https://music.youtube.com/*
 // @match             https://www.youtube.com/*
 // @run-at            document-start
@@ -33,49 +33,49 @@
 // @grant             GM.openInTab
 // @grant             unsafeWindow
 // @noframes
-// @resource          css-bundle              https://raw.githubusercontent.com/Sv443/BetterYTM/f91767c2/dist/BetterYTM.css
-// @resource          css-above_queue_btns    https://raw.githubusercontent.com/Sv443/BetterYTM/f91767c2/assets/style/aboveQueueBtns.css
-// @resource          css-anchor_improvements https://raw.githubusercontent.com/Sv443/BetterYTM/f91767c2/assets/style/anchorImprovements.css
-// @resource          css-fix_hdr             https://raw.githubusercontent.com/Sv443/BetterYTM/f91767c2/assets/style/fixHDR.css
-// @resource          css-fix_spacing         https://raw.githubusercontent.com/Sv443/BetterYTM/f91767c2/assets/style/fixSpacing.css
-// @resource          css-show_votes          https://raw.githubusercontent.com/Sv443/BetterYTM/f91767c2/assets/style/showVotes.css
-// @resource          css-vol_slider_size     https://raw.githubusercontent.com/Sv443/BetterYTM/f91767c2/assets/style/volSliderSize.css
-// @resource          doc-changelog           https://raw.githubusercontent.com/Sv443/BetterYTM/f91767c2/changelog.md
-// @resource          icon-advanced_mode      https://raw.githubusercontent.com/Sv443/BetterYTM/f91767c2/assets/icons/plus_circle_small.svg
-// @resource          icon-arrow_down         https://raw.githubusercontent.com/Sv443/BetterYTM/f91767c2/assets/icons/arrow_down.svg
-// @resource          icon-auto_like_enabled  https://raw.githubusercontent.com/Sv443/BetterYTM/f91767c2/assets/icons/auto_like_enabled.svg
-// @resource          icon-auto_like          https://raw.githubusercontent.com/Sv443/BetterYTM/f91767c2/assets/icons/auto_like.svg
-// @resource          icon-clear_list         https://raw.githubusercontent.com/Sv443/BetterYTM/f91767c2/assets/icons/clear_list.svg
-// @resource          icon-delete             https://raw.githubusercontent.com/Sv443/BetterYTM/f91767c2/assets/icons/delete.svg
-// @resource          icon-edit               https://raw.githubusercontent.com/Sv443/BetterYTM/f91767c2/assets/icons/edit.svg
-// @resource          icon-error              https://raw.githubusercontent.com/Sv443/BetterYTM/f91767c2/assets/icons/error.svg
-// @resource          icon-experimental       https://raw.githubusercontent.com/Sv443/BetterYTM/f91767c2/assets/icons/beaker_small.svg
-// @resource          icon-globe_small        https://raw.githubusercontent.com/Sv443/BetterYTM/f91767c2/assets/icons/globe_small.svg
-// @resource          icon-globe              https://raw.githubusercontent.com/Sv443/BetterYTM/f91767c2/assets/icons/globe.svg
-// @resource          icon-help               https://raw.githubusercontent.com/Sv443/BetterYTM/f91767c2/assets/icons/help.svg
-// @resource          icon-image_filled       https://raw.githubusercontent.com/Sv443/BetterYTM/f91767c2/assets/icons/image_filled.svg
-// @resource          icon-image              https://raw.githubusercontent.com/Sv443/BetterYTM/f91767c2/assets/icons/image.svg
-// @resource          icon-link               https://raw.githubusercontent.com/Sv443/BetterYTM/f91767c2/assets/icons/link.svg
-// @resource          icon-lyrics             https://raw.githubusercontent.com/Sv443/BetterYTM/f91767c2/assets/icons/lyrics.svg
-// @resource          icon-reload             https://raw.githubusercontent.com/Sv443/BetterYTM/f91767c2/assets/icons/refresh.svg
-// @resource          icon-skip_to            https://raw.githubusercontent.com/Sv443/BetterYTM/f91767c2/assets/icons/skip_to.svg
-// @resource          icon-spinner            https://raw.githubusercontent.com/Sv443/BetterYTM/f91767c2/assets/icons/spinner.svg
-// @resource          img-close               https://raw.githubusercontent.com/Sv443/BetterYTM/f91767c2/assets/images/close.png
-// @resource          img-discord             https://raw.githubusercontent.com/Sv443/BetterYTM/f91767c2/assets/images/external/discord.png
-// @resource          img-github              https://raw.githubusercontent.com/Sv443/BetterYTM/f91767c2/assets/images/external/github.png
-// @resource          img-greasyfork          https://raw.githubusercontent.com/Sv443/BetterYTM/f91767c2/assets/images/external/greasyfork.png
-// @resource          img-logo_dev            https://raw.githubusercontent.com/Sv443/BetterYTM/f91767c2/assets/images/logo/logo_dev_48.png
-// @resource          img-logo                https://raw.githubusercontent.com/Sv443/BetterYTM/f91767c2/assets/images/logo/logo_48.png
-// @resource          img-openuserjs          https://raw.githubusercontent.com/Sv443/BetterYTM/f91767c2/assets/images/external/openuserjs.png
-// @resource          trans-de_DE             https://raw.githubusercontent.com/Sv443/BetterYTM/f91767c2/assets/translations/de_DE.json
-// @resource          trans-en_US             https://raw.githubusercontent.com/Sv443/BetterYTM/f91767c2/assets/translations/en_US.json
-// @resource          trans-en_UK             https://raw.githubusercontent.com/Sv443/BetterYTM/f91767c2/assets/translations/en_UK.json
-// @resource          trans-es_ES             https://raw.githubusercontent.com/Sv443/BetterYTM/f91767c2/assets/translations/es_ES.json
-// @resource          trans-fr_FR             https://raw.githubusercontent.com/Sv443/BetterYTM/f91767c2/assets/translations/fr_FR.json
-// @resource          trans-hi_IN             https://raw.githubusercontent.com/Sv443/BetterYTM/f91767c2/assets/translations/hi_IN.json
-// @resource          trans-ja_JA             https://raw.githubusercontent.com/Sv443/BetterYTM/f91767c2/assets/translations/ja_JA.json
-// @resource          trans-pt_BR             https://raw.githubusercontent.com/Sv443/BetterYTM/f91767c2/assets/translations/pt_BR.json
-// @resource          trans-zh_CN             https://raw.githubusercontent.com/Sv443/BetterYTM/f91767c2/assets/translations/zh_CN.json
+// @resource          css-bundle              https://raw.githubusercontent.com/Sv443/BetterYTM/308d1e4c/dist/BetterYTM.css
+// @resource          css-above_queue_btns    https://raw.githubusercontent.com/Sv443/BetterYTM/308d1e4c/assets/style/aboveQueueBtns.css
+// @resource          css-anchor_improvements https://raw.githubusercontent.com/Sv443/BetterYTM/308d1e4c/assets/style/anchorImprovements.css
+// @resource          css-fix_hdr             https://raw.githubusercontent.com/Sv443/BetterYTM/308d1e4c/assets/style/fixHDR.css
+// @resource          css-fix_spacing         https://raw.githubusercontent.com/Sv443/BetterYTM/308d1e4c/assets/style/fixSpacing.css
+// @resource          css-show_votes          https://raw.githubusercontent.com/Sv443/BetterYTM/308d1e4c/assets/style/showVotes.css
+// @resource          css-vol_slider_size     https://raw.githubusercontent.com/Sv443/BetterYTM/308d1e4c/assets/style/volSliderSize.css
+// @resource          doc-changelog           https://raw.githubusercontent.com/Sv443/BetterYTM/308d1e4c/changelog.md
+// @resource          icon-advanced_mode      https://raw.githubusercontent.com/Sv443/BetterYTM/308d1e4c/assets/icons/plus_circle_small.svg
+// @resource          icon-arrow_down         https://raw.githubusercontent.com/Sv443/BetterYTM/308d1e4c/assets/icons/arrow_down.svg
+// @resource          icon-auto_like_enabled  https://raw.githubusercontent.com/Sv443/BetterYTM/308d1e4c/assets/icons/auto_like_enabled.svg
+// @resource          icon-auto_like          https://raw.githubusercontent.com/Sv443/BetterYTM/308d1e4c/assets/icons/auto_like.svg
+// @resource          icon-clear_list         https://raw.githubusercontent.com/Sv443/BetterYTM/308d1e4c/assets/icons/clear_list.svg
+// @resource          icon-delete             https://raw.githubusercontent.com/Sv443/BetterYTM/308d1e4c/assets/icons/delete.svg
+// @resource          icon-edit               https://raw.githubusercontent.com/Sv443/BetterYTM/308d1e4c/assets/icons/edit.svg
+// @resource          icon-error              https://raw.githubusercontent.com/Sv443/BetterYTM/308d1e4c/assets/icons/error.svg
+// @resource          icon-experimental       https://raw.githubusercontent.com/Sv443/BetterYTM/308d1e4c/assets/icons/beaker_small.svg
+// @resource          icon-globe_small        https://raw.githubusercontent.com/Sv443/BetterYTM/308d1e4c/assets/icons/globe_small.svg
+// @resource          icon-globe              https://raw.githubusercontent.com/Sv443/BetterYTM/308d1e4c/assets/icons/globe.svg
+// @resource          icon-help               https://raw.githubusercontent.com/Sv443/BetterYTM/308d1e4c/assets/icons/help.svg
+// @resource          icon-image_filled       https://raw.githubusercontent.com/Sv443/BetterYTM/308d1e4c/assets/icons/image_filled.svg
+// @resource          icon-image              https://raw.githubusercontent.com/Sv443/BetterYTM/308d1e4c/assets/icons/image.svg
+// @resource          icon-link               https://raw.githubusercontent.com/Sv443/BetterYTM/308d1e4c/assets/icons/link.svg
+// @resource          icon-lyrics             https://raw.githubusercontent.com/Sv443/BetterYTM/308d1e4c/assets/icons/lyrics.svg
+// @resource          icon-reload             https://raw.githubusercontent.com/Sv443/BetterYTM/308d1e4c/assets/icons/refresh.svg
+// @resource          icon-skip_to            https://raw.githubusercontent.com/Sv443/BetterYTM/308d1e4c/assets/icons/skip_to.svg
+// @resource          icon-spinner            https://raw.githubusercontent.com/Sv443/BetterYTM/308d1e4c/assets/icons/spinner.svg
+// @resource          img-close               https://raw.githubusercontent.com/Sv443/BetterYTM/308d1e4c/assets/images/close.png
+// @resource          img-discord             https://raw.githubusercontent.com/Sv443/BetterYTM/308d1e4c/assets/images/external/discord.png
+// @resource          img-github              https://raw.githubusercontent.com/Sv443/BetterYTM/308d1e4c/assets/images/external/github.png
+// @resource          img-greasyfork          https://raw.githubusercontent.com/Sv443/BetterYTM/308d1e4c/assets/images/external/greasyfork.png
+// @resource          img-logo_dev            https://raw.githubusercontent.com/Sv443/BetterYTM/308d1e4c/assets/images/logo/logo_dev_48.png
+// @resource          img-logo                https://raw.githubusercontent.com/Sv443/BetterYTM/308d1e4c/assets/images/logo/logo_48.png
+// @resource          img-openuserjs          https://raw.githubusercontent.com/Sv443/BetterYTM/308d1e4c/assets/images/external/openuserjs.png
+// @resource          trans-de_DE             https://raw.githubusercontent.com/Sv443/BetterYTM/308d1e4c/assets/translations/de_DE.json
+// @resource          trans-en_US             https://raw.githubusercontent.com/Sv443/BetterYTM/308d1e4c/assets/translations/en_US.json
+// @resource          trans-en_UK             https://raw.githubusercontent.com/Sv443/BetterYTM/308d1e4c/assets/translations/en_UK.json
+// @resource          trans-es_ES             https://raw.githubusercontent.com/Sv443/BetterYTM/308d1e4c/assets/translations/es_ES.json
+// @resource          trans-fr_FR             https://raw.githubusercontent.com/Sv443/BetterYTM/308d1e4c/assets/translations/fr_FR.json
+// @resource          trans-hi_IN             https://raw.githubusercontent.com/Sv443/BetterYTM/308d1e4c/assets/translations/hi_IN.json
+// @resource          trans-ja_JA             https://raw.githubusercontent.com/Sv443/BetterYTM/308d1e4c/assets/translations/ja_JA.json
+// @resource          trans-pt_BR             https://raw.githubusercontent.com/Sv443/BetterYTM/308d1e4c/assets/translations/pt_BR.json
+// @resource          trans-zh_CN             https://raw.githubusercontent.com/Sv443/BetterYTM/308d1e4c/assets/translations/zh_CN.json
 // @require           https://cdn.jsdelivr.net/npm/@sv443-network/[email protected]/dist/index.global.js
 // @require           https://cdn.jsdelivr.net/npm/[email protected]/dist/fuse.basic.js
 // @require           https://cdn.jsdelivr.net/npm/[email protected]/lib/marked.umd.js
@@ -183,10 +183,12 @@ var PluginIntent;
     PluginIntent[PluginIntent["WriteTranslations"] = 8] = "WriteTranslations";
     /** Plugin can create modal dialogs */
     PluginIntent[PluginIntent["CreateModalDialogs"] = 16] = "CreateModalDialogs";
+    /** Plugin can read and write auto-like data */
+    PluginIntent[PluginIntent["ReadAndWriteAutoLikeData"] = 32] = "ReadAndWriteAutoLikeData";
 })(PluginIntent || (PluginIntent = {}));const modeRaw = "development";
 const branchRaw = "develop";
 const hostRaw = "github";
-const buildNumberRaw = "f91767c2";
+const buildNumberRaw = "308d1e4c";
 /** The mode in which the script was built (production or development) */
 const mode = (modeRaw.match(/^#{{.+}}$/) ? "production" : modeRaw);
 /** The branch to use in various URLs that point to the GitHub repo */
@@ -591,7 +593,7 @@ class BytmDialog extends NanoEmitter {
      */
     open(e) {
         return __awaiter(this, void 0, void 0, function* () {
-            var _a;
+            var _a, _b, _c;
             e === null || e === void 0 ? void 0 : e.preventDefault();
             e === null || e === void 0 ? void 0 : e.stopImmediatePropagation();
             if (this.isOpen())
@@ -601,8 +603,6 @@ class BytmDialog extends NanoEmitter {
                 throw new Error(`A dialog with the same ID of '${this.id}' already exists and is open!`);
             if (!this.isMounted())
                 yield this.mount();
-            document.body.classList.add("bytm-disable-scroll");
-            (_a = document.querySelector(getDomain() === "ytm" ? "ytmusic-app" : "ytd-app")) === null || _a === void 0 ? void 0 : _a.setAttribute("inert", "true");
             const dialogBg = document.querySelector(`#bytm-${this.id}-dialog-bg`);
             if (!dialogBg)
                 return warn(`Couldn't find background element for dialog with ID '${this.id}'`);
@@ -611,6 +611,19 @@ class BytmDialog extends NanoEmitter {
             dialogBg.inert = false;
             currentDialogId = this.id;
             openDialogs.unshift(this.id);
+            // make sure all other dialogs are inert
+            for (const dialogId of openDialogs) {
+                if (dialogId !== this.id) {
+                    // special treatment for the old config menu, as always
+                    if (dialogId === "cfg-menu")
+                        (_a = document.querySelector("#bytm-cfg-menu-bg")) === null || _a === void 0 ? void 0 : _a.setAttribute("inert", "true");
+                    else
+                        (_b = document.querySelector(`#bytm-${dialogId}-dialog-bg`)) === null || _b === void 0 ? void 0 : _b.setAttribute("inert", "true");
+                }
+            }
+            // make sure body is inert and scroll is locked
+            document.body.classList.add("bytm-disable-scroll");
+            (_c = document.querySelector(getDomain() === "ytm" ? "ytmusic-app" : "ytd-app")) === null || _c === void 0 ? void 0 : _c.setAttribute("inert", "true");
             this.events.emit("open");
             emitInterface("bytm:dialogOpened", this);
             emitInterface(`bytm:dialogOpened:${this.id}`, this);
@@ -619,7 +632,7 @@ class BytmDialog extends NanoEmitter {
     }
     /** Closes the dialog - prevents default action and immediate propagation of the passed event */
     close(e) {
-        var _a;
+        var _a, _b, _c, _d;
         e === null || e === void 0 ? void 0 : e.preventDefault();
         e === null || e === void 0 ? void 0 : e.stopImmediatePropagation();
         if (!this.isOpen())
@@ -631,14 +644,24 @@ class BytmDialog extends NanoEmitter {
         dialogBg.style.visibility = "hidden";
         dialogBg.style.display = "none";
         dialogBg.inert = true;
-        if (BytmDialog.getCurrentDialogId() === this.id)
-            currentDialogId = null;
         openDialogs.splice(openDialogs.indexOf(this.id), 1);
+        currentDialogId = (_a = openDialogs[0]) !== null && _a !== void 0 ? _a : null;
+        // make sure the new top-most dialog is not inert
+        if (currentDialogId) {
+            // special treatment for the old config menu, as always
+            if (currentDialogId === "cfg-menu")
+                (_b = document.querySelector("#bytm-cfg-menu-bg")) === null || _b === void 0 ? void 0 : _b.removeAttribute("inert");
+            else
+                (_c = document.querySelector(`#bytm-${currentDialogId}-dialog-bg`)) === null || _c === void 0 ? void 0 : _c.removeAttribute("inert");
+        }
+        // remove the scroll lock and inert attribute on the body if no dialogs are open
         if (openDialogs.length === 0) {
             document.body.classList.remove("bytm-disable-scroll");
-            (_a = document.querySelector(getDomain() === "ytm" ? "ytmusic-app" : "ytd-app")) === null || _a === void 0 ? void 0 : _a.removeAttribute("inert");
+            (_d = document.querySelector(getDomain() === "ytm" ? "ytmusic-app" : "ytd-app")) === null || _d === void 0 ? void 0 : _d.removeAttribute("inert");
         }
         this.events.emit("close");
+        emitInterface("bytm:dialogClosed", this);
+        emitInterface(`bytm:dialogClosed:${this.id}`, this);
         if (this.options.destroyOnClose)
             this.destroy();
         // don't destroy *and* unmount at the same time
@@ -1261,7 +1284,46 @@ function createToggleInput(_a) {
         labelEl && labelPos === "right" && wrapperEl.appendChild(labelEl);
         return wrapperEl;
     });
+}/** Generic dialog for importing and exporting any string of data */
+class ImportExportDialog extends BytmDialog {
+    constructor(options) {
+        super(Object.assign({ renderHeader: () => ImportExportDialog.renderHeader(options), renderBody: () => ImportExportDialog.renderBody(options), renderFooter: () => ImportExportDialog.renderFooter(options), closeOnBgClick: true, closeOnEscPress: true, closeBtnEnabled: true, destroyOnClose: true, small: true }, options));
+    }
+    static renderHeader(_options) {
+        return __awaiter(this, void 0, void 0, function* () {
+            // TODO:
+            // render header with trKeyTitle
+            return document.createElement("div");
+        });
+    }
+    static renderBody(_opts) {
+        return __awaiter(this, void 0, void 0, function* () {
+            // TODO:
+            // two horizontal tabs:
+            // - export:
+            //   - description element with trKeyDescExport
+            //   - textarea with data, if dataHidden is true, show a button to reveal it
+            //   - button to copy the data to clipboard
+            // - import:
+            //   - description element with trKeyDescImport
+            //   - textarea for user to paste data, if dataHidden is true, use password masking
+            return document.createElement("div");
+        });
+    }
+    static renderFooter(_options) {
+        return __awaiter(this, void 0, void 0, function* () {
+            // TODO:
+            // - when export:
+            //   - copy button
+            //     - on click, copy exportData to clipboard
+            //     - on shift-click, copy exportDataSpecial to clipboard, fall back to exportData
+            // - when import:
+            //   - import button
+            return document.createElement("div");
+        });
+    }
 }let autoLikeDialog = null;
+let autoLikeImExDialog = null;
 /** Creates and/or returns the import dialog */
 function getAutoLikeDialog() {
     return __awaiter(this, void 0, void 0, function* () {
@@ -1269,7 +1331,7 @@ function getAutoLikeDialog() {
             yield initAutoLikeStore();
             autoLikeDialog = new BytmDialog({
                 id: "auto-like-channels",
-                width: 600,
+                width: 700,
                 height: 1000,
                 closeBtnEnabled: true,
                 closeOnBgClick: true,
@@ -1281,14 +1343,50 @@ function getAutoLikeDialog() {
                 renderFooter: renderFooter$3,
             });
             siteEvents.on("autoLikeChannelsUpdated", () => __awaiter(this, void 0, void 0, function* () {
+                if (autoLikeImExDialog === null || autoLikeImExDialog === void 0 ? void 0 : autoLikeImExDialog.isOpen())
+                    autoLikeImExDialog.unmount();
                 if (autoLikeDialog === null || autoLikeDialog === void 0 ? void 0 : autoLikeDialog.isOpen()) {
-                    autoLikeDialog.close();
                     autoLikeDialog.unmount();
                     yield autoLikeDialog.open();
                     log("Auto-like channels updated, refreshed dialog");
                 }
             }));
         }
+        if (!autoLikeImExDialog) {
+            autoLikeImExDialog = new ImportExportDialog({
+                id: "auto-like-channels-import-export",
+                width: 600,
+                height: 500,
+                // try to compress the data if possible
+                exportData: () => __awaiter(this, void 0, void 0, function* () {
+                    return (yield compressionSupported())
+                        ? yield UserUtils.compress(JSON.stringify(autoLikeStore.getData()), compressionFormat, "string")
+                        : JSON.stringify(autoLikeStore.getData());
+                }),
+                // copy plain when shift-clicking the copy button
+                exportDataSpecial: () => JSON.stringify(autoLikeStore.getData()),
+                onImport: (data) => __awaiter(this, void 0, void 0, function* () {
+                    try {
+                        const parsed = yield tryToDecompressAndParse(data);
+                        if (!parsed)
+                            throw new Error("No valid data found in the imported string");
+                        if (!parsed || typeof parsed !== "object")
+                            return alert(t("import_error_invalid"));
+                        if (!parsed.channels || typeof parsed.channels !== "object" || Object.keys(parsed.channels).length === 0)
+                            return alert(t("import_error_no_data"));
+                        yield autoLikeStore.setData(parsed);
+                        siteEvents.emit("autoLikeChannelsUpdated");
+                    }
+                    catch (err) {
+                        error("Couldn't import auto-like channels data:", err);
+                    }
+                }),
+                trKeyTitle: "auto_like_export_import_title",
+                trKeyDescImport: "auto_like_import_desc",
+                trKeyDescExport: "auto_like_export_desc",
+                dataHidden: false,
+            });
+        }
         return autoLikeDialog;
     });
 }
@@ -1417,7 +1515,9 @@ function renderFooter$3() {
     return wrapperEl;
 }
 function openImportExportAutoLikeChannelsDialog() {
-    alert("TODO: ImportExportDialog stuff");
+    return __awaiter(this, void 0, void 0, function* () {
+        yield (autoLikeImExDialog === null || autoLikeImExDialog === void 0 ? void 0 : autoLikeImExDialog.open());
+    });
 }
 //#region add prompt
 function addAutoLikeEntryPrompts() {
@@ -1748,23 +1848,8 @@ function renderFooter$1() {
             if (!textAreaElem)
                 return warn("Couldn't find import menu textarea element");
             try {
-                /** Tries to parse an uncompressed or compressed input string as a JSON object */
-                const decode = (input) => __awaiter(this, void 0, void 0, function* () {
-                    try {
-                        return JSON.parse(input);
-                    }
-                    catch (_a) {
-                        try {
-                            return JSON.parse(yield UserUtils.decompress(input, compressionFormat, "string"));
-                        }
-                        catch (err) {
-                            warn("Couldn't import configuration:", err);
-                            return null;
-                        }
-                    }
-                });
-                const parsed = yield decode(textAreaElem.value.trim());
-                if (typeof parsed !== "object")
+                const parsed = yield tryToDecompressAndParse(textAreaElem.value.trim());
+                if (!parsed || typeof parsed !== "object")
                     return alert(t("import_error_invalid"));
                 if (typeof parsed.formatVersion !== "number")
                     return alert(t("import_error_no_format_version"));
@@ -2092,7 +2177,7 @@ function renderBody$1(_a) {
         return wrapperEl;
     });
 }//#region create menu
-let isCfgMenuAdded = false;
+let isCfgMenuMounted = false;
 let isCfgMenuOpen = false;
 /** Threshold in pixels from the top of the options container that dictates for how long the scroll indicator is shown */
 const scrollIndicatorOffsetThreshold = 30;
@@ -2107,12 +2192,12 @@ let hiddenCopiedTxtTimeout;
  * Adds an element to open the BetterYTM menu
  * @deprecated to be replaced with new menu - see https://github.com/Sv443/BetterYTM/issues/23
  */
-function addCfgMenu() {
+function mountCfgMenu() {
     return __awaiter(this, void 0, void 0, function* () {
         var _a, _b, _c, _d;
-        if (isCfgMenuAdded)
+        if (isCfgMenuMounted)
             return;
-        isCfgMenuAdded = true;
+        isCfgMenuMounted = true;
         initLocale = getFeature("locale");
         initConfig$1 = getFeatures();
         const initLangReloadText = t("lang_changed_prompt_reload");
@@ -2129,7 +2214,7 @@ function addCfgMenu() {
                 closeCfgMenu(e);
         });
         document.body.addEventListener("keydown", (e) => {
-            if (isCfgMenuOpen && e.key === "Escape" && !BytmDialog.getCurrentDialogId())
+            if (isCfgMenuOpen && e.key === "Escape" && BytmDialog.getCurrentDialogId() === "cfg-menu")
                 closeCfgMenu(e);
         });
         const menuContainer = document.createElement("div");
@@ -2702,8 +2787,8 @@ function addCfgMenu() {
                 return;
             closeCfgMenu();
             bgElem.remove();
-            isCfgMenuAdded = false;
-            yield addCfgMenu();
+            isCfgMenuMounted = false;
+            yield mountCfgMenu();
             yield openCfgMenu();
         }));
     });
@@ -2724,7 +2809,8 @@ function closeCfgMenu(evt, enableScroll = true) {
     clearTimeout(hiddenCopiedTxtTimeout);
     openDialogs.splice(openDialogs.indexOf("cfg-menu"), 1);
     setCurrentDialogId((_b = openDialogs === null || openDialogs === void 0 ? void 0 : openDialogs[0]) !== null && _b !== void 0 ? _b : null);
-    siteEvents.emit("cfgMenuClosed");
+    emitInterface("bytm:dialogClosed", this);
+    emitInterface("bytm:dialogClosed:cfg-menu", this);
     if (!menuBg)
         return warn("Couldn't close config menu because background element couldn't be found. The config menu is considered closed but might still be open. In this case please reload the page. If the issue persists, please create an issue on GitHub.");
     (_c = menuBg.querySelectorAll(".bytm-ftconf-adv-copy-hint")) === null || _c === void 0 ? void 0 : _c.forEach((el) => el.style.display = "none");
@@ -2735,21 +2821,23 @@ function closeCfgMenu(evt, enableScroll = true) {
 function openCfgMenu() {
     return __awaiter(this, void 0, void 0, function* () {
         var _a;
-        if (!isCfgMenuAdded)
-            yield addCfgMenu();
+        if (!isCfgMenuMounted)
+            yield mountCfgMenu();
         if (isCfgMenuOpen)
             return;
         isCfgMenuOpen = true;
         document.body.classList.add("bytm-disable-scroll");
         (_a = document.querySelector(getDomain() === "ytm" ? "ytmusic-app" : "ytd-app")) === null || _a === void 0 ? void 0 : _a.setAttribute("inert", "true");
         const menuBg = document.querySelector("#bytm-cfg-menu-bg");
-        if (!menuBg)
-            return;
-        menuBg.style.visibility = "visible";
-        menuBg.style.display = "block";
         setCurrentDialogId("cfg-menu");
         openDialogs.unshift("cfg-menu");
+        emitInterface("bytm:dialogOpened", this);
+        emitInterface("bytm:dialogOpened:cfg-menu", this);
         checkToggleScrollIndicator();
+        if (!menuBg)
+            return warn("Couldn't open config menu because background element couldn't be found. The config menu is considered open but might still be closed. In this case please reload the page. If the issue persists, please create an issue on GitHub.");
+        menuBg.style.visibility = "visible";
+        menuBg.style.display = "block";
     });
 }
 //#region chk scroll indicator
@@ -5870,35 +5958,43 @@ function clearConfig() {
 }const { getUnsafeWindow, randomId } = UserUtils__namespace;
 /** All functions that can be called on the BYTM interface using `unsafeWindow.BYTM.functionName();` (or `const { functionName } = unsafeWindow.BYTM;`) */
 const globalFuncs = {
-    // meta
+    // meta:
     registerPlugin,
-    getPluginInfo,
-    // utils
-    addSelectorListener,
+    /**/ getPluginInfo,
+    // bytm-specific:
     getResourceUrl,
     getSessionId,
+    // dom:
+    addSelectorListener,
+    onInteraction,
     getVideoTime,
-    setLocale: setLocaleInterface,
+    getThumbnailUrl,
+    getBestThumbnailUrl,
+    // translations:
+    /**/ setLocale: setLocaleInterface,
     getLocale,
     hasKey,
     hasKeyFor,
     t,
     tp,
-    getFeatures: getFeaturesInterface,
-    saveFeatures: saveFeaturesInterface,
+    // feature config:
+    /**/ getFeatures: getFeaturesInterface,
+    /**/ saveFeatures: saveFeaturesInterface,
+    // lyrics:
     fetchLyricsUrlTop,
     getLyricsCacheEntry,
     sanitizeArtists,
     sanitizeSong,
-    onInteraction,
-    getThumbnailUrl,
-    getBestThumbnailUrl,
+    // auto-like:
+    /**/ getAutoLikeData: getAutoLikeDataInterface,
+    /**/ saveAutoLikeData: saveAutoLikeDataInterface,
+    // components:
     createHotkeyInput,
     createToggleInput,
     createCircularBtn,
+    createRipple,
     showToast,
     showIconToast,
-    createRipple,
 };
 /** Initializes the BYTM interface */
 function initInterface() {
@@ -5950,6 +6046,7 @@ function initPlugins() {
             registeredPlugins.set(key, { def, events });
             queuedPlugins.delete(key);
             emitOnPlugins("pluginRegistered", (d) => sameDef(d, def), pluginDefToInfo(def));
+            info(`Initialized plugin '${getPluginKey(def)}'`, LogLevel.Info);
         }
         catch (err) {
             error(`Failed to initialize plugin '${getPluginKey(def)}':`, err);
@@ -6038,7 +6135,10 @@ function registerPlugin(def) {
 /** Checks whether the passed token is a valid auth token for any registered plugin and returns the plugin ID, else returns undefined */
 function resolveToken(token) {
     var _a, _b;
-    return token ? (_b = (_a = [...registeredPluginTokens.entries()].find(([, v]) => v === token)) === null || _a === void 0 ? void 0 : _a[0]) !== null && _b !== void 0 ? _b : undefined : undefined;
+    return typeof token === "string" && token.length > 0
+        ? (_b = (_a = [...registeredPluginTokens.entries()]
+            .find(([, t]) => token === t)) === null || _a === void 0 ? void 0 : _a[0]) !== null && _b !== void 0 ? _b : undefined
+        : undefined;
 }
 //#region proxy funcs
 /**
@@ -6075,6 +6175,24 @@ function saveFeaturesInterface(token, features) {
     if (resolveToken(token) === undefined)
         return;
     setFeatures(features);
+}
+/**
+ * Returns the auto-like data.
+ * This is an authenticated function so you must pass the session- and plugin-unique token, retreived at registration.
+ */
+function getAutoLikeDataInterface(token) {
+    if (resolveToken(token) === undefined)
+        return;
+    return autoLikeStore.getData();
+}
+/**
+ * Saves new auto-like data, synchronously to the in-memory cache and asynchronously to the persistent storage.
+ * This is an authenticated function so you must pass the session- and plugin-unique token, retreived at registration.
+ */
+function saveAutoLikeDataInterface(token, data) {
+    if (resolveToken(token) === undefined)
+        return;
+    return autoLikeStore.setData(data);
 }//#region globals
 /** Options that are applied to every SelectorObserver instance */
 const defaultObserverOptions = {
@@ -6604,6 +6722,23 @@ function openInTab(href, background = false) {
         window.open(href, "_blank", "noopener noreferrer");
     }
 }
+/** Tries to parse an uncompressed or compressed input string as a JSON object */
+function tryToDecompressAndParse(input) {
+    return __awaiter(this, void 0, void 0, function* () {
+        try {
+            return JSON.parse(input);
+        }
+        catch (_a) {
+            try {
+                return JSON.parse(yield UserUtils.decompress(input, compressionFormat, "string"));
+            }
+            catch (err) {
+                error("Couldn't decompress and parse data due to an error:", err);
+                return null;
+            }
+        }
+    });
+}
 //#region resources
 /**
  * Returns the URL of a resource by its name, as defined in `assets/resources.json`, from GM resource cache - [see GM.getResourceUrl docs](https://wiki.greasespot.net/GM.getResourceUrl)