feat: new preview version logo :)

assets/resources.json

@@ -7,8 +7,8 @@
   "doc-changelog": "/changelog.md",
   "icon-advanced_mode": "icons/plus_circle_small.svg",
   "icon-arrow_down": "icons/arrow_down.svg",
-  "icon-auto_like": "icons/auto_like.svg",
   "icon-auto_like_enabled": "icons/auto_like_enabled.svg",
+  "icon-auto_like": "icons/auto_like.svg",
   "icon-clear_list": "icons/clear_list.svg",
   "icon-delete": "icons/delete.svg",
   "icon-error": "icons/error.svg",
@@ -23,10 +23,11 @@
   "icon-reload": "icons/refresh.svg",
   "icon-skip_to": "icons/skip_to.svg",
   "icon-spinner": "icons/spinner.svg",
-  "img-logo": "images/logo/logo_48.png",
   "img-close": "images/close.png",
   "img-discord": "images/external/discord.png",
   "img-github": "images/external/github.png",
   "img-greasyfork": "images/external/greasyfork.png",
+  "img-logo_dev": "images/logo/logo_dev_48.png",
+  "img-logo": "images/logo/logo_48.png",
   "img-openuserjs": "images/external/openuserjs.png"
 }

src/dialogs/versionNotif.ts

@@ -1,4 +1,4 @@
-import { host, scriptInfo } from "../constants";
+import { host, mode, scriptInfo } from "../constants";
 import { getChangelogMd, getResourceUrl, onInteraction, parseMarkdown, t } from "../utils";
 import { BytmDialog, createToggleInput } from "../components";
 import { getFeatures, setFeatures } from "../config";
@@ -47,7 +47,7 @@ async function renderHeader() {
 
   const logoEl = document.createElement("img");
   logoEl.classList.add("bytm-dialog-header-img", "bytm-no-select");
-  logoEl.src = await getResourceUrl("img-logo");
+  logoEl.src = await getResourceUrl(mode === "development" ? "img-logo_dev" : "img-logo");
   logoEl.alt = "BetterYTM logo";
 
   headerEl.appendChild(logoEl);

src/dialogs/welcome.ts

@@ -1,7 +1,7 @@
 import { getResourceUrl, initTranslations, setLocale, t, warn, type TrLocale } from "../utils";
 import { BytmDialog } from "../components";
 import { openCfgMenu } from "../menu/menu_old";
-import { scriptInfo } from "../constants";
+import { mode, scriptInfo } from "../constants";
 import { getFeatures, setFeatures } from "../config";
 import { getChangelogDialog } from ".";
 import pkg from "../../package.json" with { type: "json" };
@@ -36,7 +36,7 @@ async function renderHeader() {
   const titleLogoElem = document.createElement("img");
   titleLogoElem.id = "bytm-welcome-menu-title-logo";
   titleLogoElem.classList.add("bytm-no-select");
-  titleLogoElem.src = await getResourceUrl("img-logo");
+  titleLogoElem.src = await getResourceUrl(mode === "development" ? "img-logo_dev" : "img-logo");
 
   const titleElem = document.createElement("h2");
   titleElem.id = "bytm-welcome-menu-title";

src/features/layout.ts

@@ -3,7 +3,7 @@ import { getFeatures } from "../config";
 import { siteEvents } from "../siteEvents";
 import { addSelectorListener } from "../observers";
 import { error, getResourceUrl, log, warn, t, onInteraction, openInTab, getBestThumbnailUrl, getDomain, addStyle, currentMediaType, domLoaded, waitVideoElementReady, getVideoTime, fetchCss, addStyleFromResource } from "../utils";
-import { scriptInfo } from "../constants";
+import { mode, scriptInfo } from "../constants";
 import { openCfgMenu } from "../menu/menu_old";
 import { createCircularBtn } from "../components";
 import type { ResourceKey } from "../types";
@@ -83,7 +83,7 @@ function exchangeLogo() {
       logoExchanged = true;
       logoElem.classList.add("bytm-logo-exchanged");
 
-      const iconUrl = await getResourceUrl("img-logo");
+      const iconUrl = await getResourceUrl(mode === "development" ? "img-logo_dev" : "img-logo");
 
       const newLogo = document.createElement("img");
       newLogo.classList.add("bytm-mod-logo-img");
@@ -127,7 +127,7 @@ export async function addConfigMenuOptionYTM(container: HTMLElement) {
 
   const cfgOptIconElem = document.createElement("img");
   cfgOptIconElem.classList.add("bytm-cfg-menu-option-icon");
-  cfgOptIconElem.src = await getResourceUrl("img-logo");
+  cfgOptIconElem.src = await getResourceUrl(mode === "development" ? "img-logo_dev" : "img-logo");
 
   const cfgOptTextElem = document.createElement("div");
   cfgOptTextElem.classList.add("bytm-cfg-menu-option-text");
@@ -158,7 +158,7 @@ export async function addConfigMenuOptionYT(container: HTMLElement) {
 
   const cfgOptImgElem = document.createElement("img");
   cfgOptImgElem.classList.add("bytm-yt-cfg-menu-option-icon");
-  cfgOptImgElem.src = await getResourceUrl("img-logo");
+  cfgOptImgElem.src = await getResourceUrl(mode === "development" ? "img-logo_dev" : "img-logo");
 
   const cfgOptItemElem = document.createElement("div");
   cfgOptItemElem.classList.add("bytm-yt-cfg-menu-option-item");

src/tools/post-build.ts

@@ -92,7 +92,7 @@ ${localizedDescriptions ? "\n" + localizedDescriptions : ""}\
 // @license           ${pkg.license}
 // @author            ${pkg.author.name}
 // @copyright         ${pkg.author.name} (${pkg.author.url})
-// @icon              ${getResourceUrl("images/logo/logo_48.png", buildNbr)}
+// @icon              ${getResourceUrl(`images/logo/logo${mode === "development" ? "_dev" : ""}_48.png`, buildNbr)}
 // @match             https://music.youtube.com/*
 // @match             https://www.youtube.com/*
 // @run-at            document-start