Add Libby Link to The StoryGraph

AddLibbyLink.js

// This works as a userscript however your browser supports these (for example, I use this as an Arc Boost)

const MY_LIB = ''; // Add your library code here. For example, Chicago Public Library is chipublib. You can find this by opening your Libby homepage and taking the last URL segment: https://libbyapp.com/library/chipublib

document.addEventListener('turbo:render', addLibby);

function addLibby() {
  const titleBlock = document.querySelector('.book-title-author-and-series')
  if (titleBlock && titleBlock?.innerText && titleBlock.innerText.indexOf('• 🔗 Libby') > -1) return;
  const title = titleBlock ? titleBlock.innerText?.split('\n')[0] : '';
  const target = document.querySelector('.grid .col-span-2 .text-sm:has(.browse-editions-link)')
  const query = `https://libbyapp.com/search/${MY_LIB}/search/query-${encodeURIComponent(title)}/page-1`
  const link = document.createElement('a')
  link.href = query
  link.target = '_blank';
  link.innerText = "• 🔗 Libby"
  if (target) {
    target.appendChild(link);
  }
}