Spotifyのアルバムリンクを貼ったらクリップボードにジャケットの画像をコピーするUserScript

https://gyazo.com/0dcb1ef1a32b43634a1991fb91524504

code:example.js

import '/api/code/cd/Spotifyのアルバムリンクを貼ったらクリップボードにジャケットの画像をコピーするUserScript/script.js';

code:script.js

(() => {

document.addEventListener("paste", async (e) => {

const text = e.clipboardData.getData("text");

const url = text;

if (url.match(/^https:\/\/open\.spotify\.com\/(intl-ja\/)?album\/.+/)) {

const img = new Image;

const c = document.createElement("canvas");

const ctx = c.getContext("2d");

// refs.

img.onload = function() {

c.width = this.naturalWidth;

c.height = this.naturalHeight;

ctx.drawImage(this, 0, 0);

c.toBlob(async function(blob) {

await navigator.clipboard.write(data);

confirm('album jacket coppied!');

}, "image/png", 0.75);

};

img.crossOrigin = "anonymous";

}

});

})();