Display the cached images in Pinboard

pinboard-images.js

document.querySelectorAll("a.cached").forEach(async (a) => {
  const cacheResp = await fetch(a.href);
  const htmlText = await cacheResp.text();
  const doc = new DOMParser().parseFromString(htmlText, "text/html");
  const iframes = doc.querySelectorAll("body > iframe");

  const img = document.createElement("img");
  img.setAttribute("src", iframes[1].src);
  img.setAttribute("style", "max-width: 100%");
  a.innerHTML = "";
  a.appendChild(img);
});

For Pinboard Archive Accounts, this bookmarklet displays the cached images directly in the list.

Tool to create bookmarklet: https://caiorss.github.io/bookmarklet-maker/