Merge pull request #209 from JulienMaille/dependabot/npm_and_yarn/markdown-it-12.3.2

Bump markdown-it from 12.2.0 to 12.3.2
2026-06-20 15:11:14 +00:00 · 2022-04-16 13:17:20 +02:00 · 2022-04-09 17:06:59 +00:00 · 2022-04-09 19:06:17 +02:00 · 2022-04-09 13:32:51 +00:00 · 2022-04-04 23:55:59 +02:00
8 changed files with 87 additions and 45 deletions
--- a/.github/workflows/stale.yml
+++ b/.github/workflows/stale.yml
@ -0,0 +1,21 @@
+name: 'Close stale issues and PRs'
+on:
+  schedule:
+    - cron: '30 1 * * *'
+
+jobs:
+  stale:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/stale@v4
+        with:
+          stale-issue-message: 'This issue is stale because it has been open 60 days with no activity. Remove stale label or comment or this will be closed in 7 days.'
+          stale-pr-message: 'This PR is stale because it has been open 60 days with no activity. Remove stale label or comment or this will be closed in 15 days.'
+          close-issue-message: 'This issue was closed because it has been stalled for 7 days with no activity.'
+          close-pr-message: 'This PR was closed because it has been stalled for 15 days with no activity.'
+          days-before-issue-stale: 60
+          days-before-pr-stale: 60
+          days-before-issue-close: 7
+          days-before-pr-close: 15
+          operations-per-run: 100
+          ascending: true
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@ -4,6 +4,7 @@ Added:

 Fixed:
 - Custom search input not being focussed after clicking
+- When changing songs, the color shifts to blue for a second (#179)

 Improved:
 - Add `embedWidgetGenerator` modals to custom modal styles. (Things like the [spicetify-marketplace](https://github.com/CharlieS1103/spicetify-marketplace) options)
--- a/install.ps1
+++ b/install.ps1
@ -117,12 +117,12 @@ xpui.js_repl_8008=,`${1}58,

  Write-Part "APPLYING";
  $backupVer = $configFile -match "^version"
-  $version = ConvertFrom-StringData $backupVer[0]
-  if ($version.version.Length -gt 0) {
+  if ($backupVer.Length -gt 0) {
    spicetify apply
  } else {
    spicetify backup apply
  }
+  Write-Done
 }
 else {
  Write-Part "`nYour Powershell version is less than "; Write-Emphasized "$PSMinVersion";
--- a/manifest.json.rem
+++ b/manifest.json.rem
--- a/package-lock.json
+++ b/package-lock.json
@ -13,9 +13,9 @@
                "jquery": "^3.6.0",
                "lodash.debounce": "^4.0.8",
                "lodash.defaultsdeep": "^4.6.1",
-                "markdown-it": "^12.2.0",
+                "markdown-it": "^12.3.2",
                "markdown-it-attrs": "^4.1.0",
-                "moment": "^2.29.1",
+                "moment": "^2.29.2",
                "node-vibrant": "^3.1.6",
                "svgson": "^5.2.1"
            },
@ -3752,9 +3752,9 @@
            }
        },
        "node_modules/markdown-it": {
-            "version": "12.2.0",
-            "resolved": "https://registry.npmjs.org/markdown-it/-/markdown-it-12.2.0.tgz",
-            "integrity": "sha512-Wjws+uCrVQRqOoJvze4HCqkKl1AsSh95iFAeQDwnyfxM09divCBSXlDR1uTvyUP3Grzpn4Ru8GeCxYPM8vkCQg==",
+            "version": "12.3.2",
+            "resolved": "https://registry.npmjs.org/markdown-it/-/markdown-it-12.3.2.tgz",
+            "integrity": "sha512-TchMembfxfNVpHkbtriWltGWc+m3xszaRD0CZup7GFFhzIgQqxIfn3eGj1yZpfuflzPvfkt611B2Q/Bsk1YnGg==",
            "dependencies": {
                "argparse": "^2.0.1",
                "entities": "~2.1.0",
@ -3848,9 +3848,9 @@
            }
        },
        "node_modules/minimist": {
-            "version": "1.2.5",
-            "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.5.tgz",
-            "integrity": "sha512-FM9nNUYrRBAELZQT3xeZQ7fmMOBg6nWNmJKTcgsJeaLstP/UODVpGsr5OhXhhXg6f+qtJ8uiZ+PUxkDWcgIXLw=="
+            "version": "1.2.6",
+            "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.6.tgz",
+            "integrity": "sha512-Jsjnk4bw3YJqYzbdyBiNsPWHPfO++UGG749Cxs6peCu5Xg4nrena6OVxOYxrQTqww0Jmwt+Ref8rggumkTLz9Q=="
        },
        "node_modules/mkdirp": {
            "version": "0.5.5",
@ -3864,9 +3864,9 @@
            }
        },
        "node_modules/moment": {
-            "version": "2.29.1",
-            "resolved": "https://registry.npmjs.org/moment/-/moment-2.29.1.tgz",
-            "integrity": "sha512-kHmoybcPV8Sqy59DwNDY3Jefr64lK/by/da0ViFcuA4DH0vQg5Q6Ze5VimxkfQNSC+Mls/Kx53s7TjP1RhFEDQ==",
+            "version": "2.29.2",
+            "resolved": "https://registry.npmjs.org/moment/-/moment-2.29.2.tgz",
+            "integrity": "sha512-UgzG4rvxYpN15jgCmVJwac49h9ly9NurikMWGPdVxm8GZD6XjkKPxDTjQQ43gtGgnV3X0cAyWDdP2Wexoquifg==",
            "engines": {
                "node": "*"
            }
@ -8024,9 +8024,9 @@
            }
        },
        "markdown-it": {
-            "version": "12.2.0",
-            "resolved": "https://registry.npmjs.org/markdown-it/-/markdown-it-12.2.0.tgz",
-            "integrity": "sha512-Wjws+uCrVQRqOoJvze4HCqkKl1AsSh95iFAeQDwnyfxM09divCBSXlDR1uTvyUP3Grzpn4Ru8GeCxYPM8vkCQg==",
+            "version": "12.3.2",
+            "resolved": "https://registry.npmjs.org/markdown-it/-/markdown-it-12.3.2.tgz",
+            "integrity": "sha512-TchMembfxfNVpHkbtriWltGWc+m3xszaRD0CZup7GFFhzIgQqxIfn3eGj1yZpfuflzPvfkt611B2Q/Bsk1YnGg==",
            "requires": {
                "argparse": "^2.0.1",
                "entities": "~2.1.0",
@ -8094,9 +8094,9 @@
            }
        },
        "minimist": {
-            "version": "1.2.5",
-            "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.5.tgz",
-            "integrity": "sha512-FM9nNUYrRBAELZQT3xeZQ7fmMOBg6nWNmJKTcgsJeaLstP/UODVpGsr5OhXhhXg6f+qtJ8uiZ+PUxkDWcgIXLw=="
+            "version": "1.2.6",
+            "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.6.tgz",
+            "integrity": "sha512-Jsjnk4bw3YJqYzbdyBiNsPWHPfO++UGG749Cxs6peCu5Xg4nrena6OVxOYxrQTqww0Jmwt+Ref8rggumkTLz9Q=="
        },
        "mkdirp": {
            "version": "0.5.5",
@ -8107,9 +8107,9 @@
            }
        },
        "moment": {
-            "version": "2.29.1",
-            "resolved": "https://registry.npmjs.org/moment/-/moment-2.29.1.tgz",
-            "integrity": "sha512-kHmoybcPV8Sqy59DwNDY3Jefr64lK/by/da0ViFcuA4DH0vQg5Q6Ze5VimxkfQNSC+Mls/Kx53s7TjP1RhFEDQ=="
+            "version": "2.29.2",
+            "resolved": "https://registry.npmjs.org/moment/-/moment-2.29.2.tgz",
+            "integrity": "sha512-UgzG4rvxYpN15jgCmVJwac49h9ly9NurikMWGPdVxm8GZD6XjkKPxDTjQQ43gtGgnV3X0cAyWDdP2Wexoquifg=="
        },
        "ms": {
            "version": "2.1.2",
--- a/package.json
+++ b/package.json
@ -25,9 +25,9 @@
        "jquery": "^3.6.0",
        "lodash.debounce": "^4.0.8",
        "lodash.defaultsdeep": "^4.6.1",
-        "markdown-it": "^12.2.0",
+        "markdown-it": "^12.3.2",
        "markdown-it-attrs": "^4.1.0",
-        "moment": "^2.29.1",
+        "moment": "^2.29.2",
        "node-vibrant": "^3.1.6",
        "svgson": "^5.2.1"
    }
--- a/src/js/main.js
+++ b/src/js/main.js
@ -460,8 +460,8 @@ Dribbblish.on("ready", () => {

    /* js */
    async function getAlbumRelease(uri) {
-        const info = await Spicetify.CosmosAsync.get(`hm://album/v1/album-app/album/${uri}/desktop`);
-        return { year: info.year, month: (info.month ?? 1) - 1, day: info.day ?? 1 };
+        const info = await Spicetify.CosmosAsync.get(`https://api.spotify.com/v1/albums/${uri}`);
+        return { year: info.release_date };
    }

    async function getGenres(uri) {
@ -754,16 +754,17 @@ Dribbblish.on("ready", () => {

        if (!document.getElementById("main-trackInfo-genre")) {
            const el = document.createElement("div");
-            el.classList.add("standalone-ellipsis-one-line", "main-type-finale");
+            el.classList.add("main-trackInfo-release", "standalone-ellipsis-one-line", "main-type-finale");
            el.setAttribute("as", "div");
            el.id = "main-trackInfo-genre";
            document.querySelector(".main-trackInfo-container").append(el);
        }
        const genreInfoSpan = document.getElementById("main-trackInfo-genre");

-        let album_uri = Spicetify.Player.data.track.metadata.album_uri;
-        let artist_uri = Spicetify.Player.data.track.metadata.artist_uri;
-        let bgImage = Spicetify.Player.data.track.metadata.image_url;
+        let track = Spicetify.Player.data.track;
+        let album_uri = track.metadata.album_uri;
+        let artist_uri = track.metadata.artist_uri;
+        let bgImage = track.metadata.image_url;
        if (bgImage === undefined) {
            bgImage = "/images/tracklist-row-song-fallback.svg";
        }
@ -774,31 +775,34 @@ Dribbblish.on("ready", () => {
            const albumLinkElem = /* html */ `
                <span>
                    <span draggable="true">
-                        <a draggable="false" dir="auto" href="${album_uri}">${Spicetify.Player.data.track.metadata.album_title}</a>
+                        <a draggable="false" dir="auto" href="${album_uri}">${track.metadata.album_title}</a>
                    </span>
                </span>
            `;
            const albumDateElem = /* html */ `<span> • <span title="${albumDate.format("L")}">${albumDate.format(moment().diff(albumDate, "months") <= 6 ? "MMM YYYY" : "YYYY")}</span></span>`;
            albumInfoSpan.innerHTML = `${albumLinkElem}${albumDateElem}`;

-            const genres = await getGenres(artist_uri.replace("spotify:artist:", ""));
-            genreInfoSpan.innerHTML = `
+            let genres = "";
+            if (!album_uri.includes("spotify:episode")) {
+                genres = await getGenres(artist_uri.replace("spotify:artist:", ""));
+            }
+            genreInfoSpan.innerHTML = /* html */ `
                <span>
                    <span draggable="true">
                        <span draggable="false" dir="auto">${genres.join(", ")}</span>
                    </span>
                </span>
            `;
-        } else if (Spicetify.Player.data.track.uri.includes("spotify:episode")) {
+        } else if (track.uri.includes("spotify:episode")) {
            // podcast
            bgImage = bgImage.replace("spotify:image:", "https://i.scdn.co/image/");
-            albumInfoSpan.innerHTML = Spicetify.Player.data.track.metadata.album_title;
+            albumInfoSpan.innerHTML = track.metadata.album_title;
            genreInfoSpan.innerHTML = "";
-        } else if (Spicetify.Player.data.track.metadata.is_local == "true") {
+        } else if (track.metadata.is_local == "true") {
            // local file
-            albumInfoSpan.innerHTML = Spicetify.Player.data.track.metadata.album_title;
+            albumInfoSpan.innerHTML = track.metadata.album_title;
            genreInfoSpan.innerHTML = "";
-        } else if (Spicetify.Player.data.track.provider == "ad") {
+        } else if (track.provider == "ad") {
            // ad
            albumInfoSpan.innerHTML = "Advertisement";
            genreInfoSpan.innerHTML = "";
@ -821,8 +825,8 @@ Dribbblish.on("ready", () => {

        $("html").css("--image-brightness", getImageLightness(img) / 255);

-        let color = "#509bf5";
        if (img.complete) {
+            let color = "#1ed760";
            const colorSelectionAlgorithm = Dribbblish.config.get("colorSelectionAlgorithm");
            const colorSelectionMode = Dribbblish.config.get("colorSelectionMode");
            let palette = {};
@ -853,9 +857,9 @@ Dribbblish.on("ready", () => {
                const wantedLuminance = $("html").css("--is_light") == "1" ? Dribbblish.config.get("lightModeLuminance") : Dribbblish.config.get("darkModeLuminance");
                color = palette[getClosestToNum(Object.keys(palette), wantedLuminance)].hex();
            }
-        }

-        updateColors(false, color);
+            updateColors(false, color);
+        }
    }

    var coverListener;
@ -887,7 +891,7 @@ Dribbblish.on("ready", () => {
        fetch("https://api.github.com/repos/JulienMaille/dribbblish-dynamic-theme/releases/latest")
            .then((response) => response.json())
            .then((data) => {
-                Dribbblish.info.set("dribbblish-update", data.tag_name > process.env.DRIBBBLISH_VERSION ? { text: `v${data.tag_name}`, tooltip: "Nev Dribbblish version available", icon: "palette", onClick: () => window.open("https://github.com/JulienMaille/dribbblish-dynamic-theme/releases/latest", "_blank") } : null);
+                Dribbblish.info.set("dribbblish-update", data.tag_name > process.env.DRIBBBLISH_VERSION ? { text: `v${data.tag_name}`, tooltip: "New Dribbblish version available", icon: "palette", onClick: () => window.open("https://github.com/JulienMaille/dribbblish-dynamic-theme/releases/latest", "_blank") } : null);
            })
            .catch(console.error);

--- a/src/styles/main.scss
+++ b/src/styles/main.scss
@ -22,7 +22,7 @@
    --scrollbar-vertical-size: 8px;
    --cover-border-radius: 8px;
    --playbar-movement-anim-speed: 0.5s;
-    --image-radius: 10px;
+    --image-radius: 4px;
    --sidebar-icons-border-radius: 50vh; // 50vh = round / pill
    --song-transition-speed: 3s;
    --is_dark: calc(1 - var(--is_light));
@ -150,8 +150,12 @@
    background-color: var(--spice-main);
 }

+.main-trackList-active {
+    background-color: spiceColor("selected-row", 0.25) !important;
+}
+
 .main-trackList-trackListRow:hover {
-    background-color: spiceColor("selected-row", 0.2) !important;
+    background-color: spiceColor("selected-row", 0.15) !important;
 }

 .main-trackList-trackListRow:focus-within,
@ -166,6 +170,11 @@ span.artist-artistVerifiedBadge-badge svg > path:last-of-type {
    fill: spiceColor("text");
 }

+/* Playlist text color */
+.main-entityHeader-subtitle.main-entityHeader-gra {
+    color: spiceColor("subtext");
+}
+
 /* Full window artist background */
 .main-entityHeader-background.main-entityHeader-gradient {
    opacity: 0.3;
@ -567,7 +576,7 @@ html.sidebar-hide-text .GlueDropTarget span {

 .progress-bar {
    --progress-bar-height: 2px;
-    --is-active-fg-color: #{spiceColor("subtext")};
+    --is-active-fg-color: #{spiceColor("button-active")};
    --fg-color: #{spiceColor("button")};
    --bg-color: #{spiceColor("text", 0.2)};
 }
@ -1330,6 +1339,13 @@ canvas[width="250"][height="250"] {
    font-size: 10px;
 }

+// fix play buttons color going green (#174)
+.encore-bright-accent-set {
+    --background-highlight: var(--spice-button) !important;
+    --background-press: var(--spice-button-active) !important;
+    color: var(--spice-sidebar-text);
+}
+
 // hide the triangle under the connect button
 .control-button--active::after {
    display: none;
Author	SHA1	Message	Date
Julien	77182042dd	Merge pull request #209 from JulienMaille/dependabot/npm_and_yarn/markdown-it-12.3.2 Bump markdown-it from 12.2.0 to 12.3.2	2022-04-16 13:17:20 +02:00
dependabot[bot]	7492c86124	Bump markdown-it from 12.2.0 to 12.3.2 Bumps [markdown-it](https://github.com/markdown-it/markdown-it) from 12.2.0 to 12.3.2. - [Release notes](https://github.com/markdown-it/markdown-it/releases) - [Changelog](https://github.com/markdown-it/markdown-it/blob/master/CHANGELOG.md) - [Commits](https://github.com/markdown-it/markdown-it/compare/12.2.0...12.3.2) --- updated-dependencies: - dependency-name: markdown-it dependency-type: direct:production ... Signed-off-by: dependabot[bot] <support@github.com>	2022-04-09 17:06:59 +00:00
Julien	55693078f6	Merge pull request #214 from JulienMaille/dependabot/npm_and_yarn/moment-2.29.2 Bump moment from 2.29.1 to 2.29.2	2022-04-09 19:06:17 +02:00
dependabot[bot]	2c8dea7f5d	Bump moment from 2.29.1 to 2.29.2 Bumps [moment](https://github.com/moment/moment) from 2.29.1 to 2.29.2. - [Release notes](https://github.com/moment/moment/releases) - [Changelog](https://github.com/moment/moment/blob/develop/CHANGELOG.md) - [Commits](https://github.com/moment/moment/compare/2.29.1...2.29.2) --- updated-dependencies: - dependency-name: moment dependency-type: direct:production ... Signed-off-by: dependabot[bot] <support@github.com>	2022-04-09 13:32:51 +00:00
Julien Maille	6d23932d0b	FIX #190 Album covers not being rounded edge in latest played	2022-04-04 23:55:59 +02:00
Julien Maille	d7e355bf46	FIX: wrong font size for genre element	2022-04-04 23:55:59 +02:00
Julien	c9ec3971ad	Merge pull request #207 from JulienMaille/dependabot/npm_and_yarn/minimist-1.2.6 Bump minimist from 1.2.5 to 1.2.6	2022-04-04 23:53:07 +02:00
dependabot[bot]	bb7017960b	Bump minimist from 1.2.5 to 1.2.6 Bumps [minimist](https://github.com/substack/minimist) from 1.2.5 to 1.2.6. - [Release notes](https://github.com/substack/minimist/releases) - [Commits](https://github.com/substack/minimist/compare/1.2.5...1.2.6) --- updated-dependencies: - dependency-name: minimist dependency-type: indirect ... Signed-off-by: dependabot[bot] <support@github.com>	2022-03-31 23:02:12 +00:00
Julien Maille	1064087b48	Fix color of playlist descriptions FIX #198	2022-03-27 15:32:12 +02:00
Julien Maille	3edfc3fa6b	Hightlighting current playing song FIX #189	2022-03-27 15:28:43 +02:00
Julien Maille	239033ad5e	Try to fix genre display when playing a podcast #200	2022-03-26 14:48:12 +01:00
Julien Maille	145cfe9b53	Replace deprecated hermes protocol FIX #199	2022-03-26 14:19:13 +01:00
Julien	2e55b23b44	Create stale.yml	2022-03-15 10:18:55 +01:00
Julien Maille	8c5a45c64a	temporary remove marketplace integration	2022-03-13 11:12:53 +01:00
Julien Maille	8d9cdf3df5	FIX progress-bar hover color	2022-03-04 08:24:33 +01:00
Julien Maille	9f5a988eca	typo	2022-02-28 20:52:36 +01:00
Julien Maille	167e253a86	ok now button colors should look fine	2022-02-27 22:28:13 +01:00
Erik	ba5846bc41	Merge pull request #180 from JulienMaille/fix-blue fix color shifting to blue for a second (#179)	2022-02-27 21:27:27 +01:00
Julien Maille	d687a13cb7	revert commit, button color are broken without this	2022-02-27 21:22:48 +01:00
Send_Nukez	33134709ed	fix color shifting to blue for a second (#179 )	2022-02-27 21:13:30 +01:00
Julien Maille	13e1f64054	IMP: installation script	2022-02-27 20:30:29 +01:00