☰

hosta list links

Userscript to add a few helpful links to each listed hosta

  1. // ==UserScript==
  2. // @name        hosta list links
  3. // @namespace   hostalists
  4. // @include     http*://www.hostalists.org/*
  5. // @version     1
  6. // @grant       none
  7. // @description Userscript to add a few helpful links to each listed hosta
  8. // ==/UserScript==
  9.  
  10.  
  11. (function() {
  12.   const HOSTA_LIST_ITEM_SELECTOR = 'h1 ~ table li, h1 ~ ul li';
  13.   const MAX_NAME_LENGTH = 30;
  14.   const SEARCH_TOKEN = '%s';
  15.   const SEARCHES = {
  16.     GOOGLE: {
  17.       label: 'G',
  18.       title: 'Google',
  19.       url: 'https://www.google.com/search?q="%s" hosta',
  20.     },
  21.     GOOGLE_IMAGES: {
  22.       label: 'img',
  23.       title: 'Google Images',
  24.       url: 'https://www.google.com/search?q="%s" hosta&tbm=isch',
  25.     },
  26.     HOSTA_LIBRARY: {
  27.       label: 'HL',
  28.       title: 'Hosta Library',
  29.       url: 'https://www.google.com/search?q="%s"+site%3Ahostalibrary.org&btnI=1',
  30.     },
  31.     FRANSEN: {
  32.       label: 'Fr',
  33.       title: 'Fransen',
  34.       url: 'https://www.google.com/search?q="%s"+site%3Ahostaparadise.com&btnI=1',
  35.     },
  36.     GARDENWEB: {
  37.       label: 'GW',
  38.       title: 'GardenWeb forums',
  39.       url: 'https://www.google.com/search?q="%s" hosta+site%3Aforums.gardenweb.com&btnI=1',
  40.     },
  41.   };
  42.     
  43.   const LIST_ITEM_CLASS = 'link-decorated-hosta-li';
  44.   const COMMON_CLASS_NAME = 'helper-link';
  45.   const EXPANDED_CLASS = 'expanded';
  46.   const STYLE = `
  47.     .${LIST_ITEM_CLASS} {
  48.       cursor: pointer;
  49.       cursor: alias;
  50.     }
  51.     
  52.     .${LIST_ITEM_CLASS} > .${COMMON_CLASS_NAME} {
  53.       color: #006B45;
  54.       display: none;
  55.     }
  56.     
  57.     .${LIST_ITEM_CLASS}:hover > .${COMMON_CLASS_NAME},
  58.     .${LIST_ITEM_CLASS}.${EXPANDED_CLASS} > .${COMMON_CLASS_NAME} {
  59.       display: inline;
  60.     }
  61.   `;
  62.   
  63.   //////////////
  64.   
  65.   activate();
  66.   
  67.   //////////////
  68.   
  69.   function activate() {
  70.     var listItems = document.querySelectorAll(HOSTA_LIST_ITEM_SELECTOR);
  71.     
  72.     addLinks(listItems);
  73.     addClickHandler();
  74.     addStyle();
  75.   }
  76.   
  77.   function addLinks(hostaListItems) {    
  78.     for (var i = 0, listItem; listItem = hostaListItems[i]; i++) {
  79.       var hosta = listItem.innerHTML.replace(/^\s*('|")|('|")\s*$/g, '');
  80.       var links = makeLinks(hosta);
  81.       for (var j = 0, link; link = links[j]; j++) {
  82.         listItem.innerHTML += ' ';
  83.         listItem.appendChild(link);      
  84.       }
  85.       listItem.className += ` ${LIST_ITEM_CLASS}`;
  86.     }
  87.     
  88.     function makeLinks(hostaName) {
  89.       var links = [];
  90.       if (!isHostaName(hostaName)) return links;
  91.       for (var searchKey in SEARCHES) {
  92.         if (!SEARCHES.hasOwnProperty(searchKey)) continue;
  93.         var search = SEARCHES[searchKey];
  94.         var url = search.url.replace(SEARCH_TOKEN, encodeURIComponent(hostaName));
  95.         var link = makeLink( search.label, search.title, url );
  96.         links.push(link);
  97.       }
  98.       return links;
  99.     }
  100.  
  101.     function makeLink(label, title, url) {
  102.       var a = document.createElement('a');
  103.       var siteClass = title.replace(/ /g, '-').toLowerCase();
  104.       a.className = `${COMMON_CLASS_NAME} ${siteClass}`;
  105.       a.href = url;
  106.       a.title = title;
  107.       a.target = '_blank';
  108.       a.innerHTML = label;
  109.       return a;
  110.     }
  111.     
  112.     function isHostaName(term) {
  113.       if (term.length > MAX_NAME_LENGTH) return false; // too long
  114.       if (term.indexOf('<') != -1) return false; // contains HTML
  115.       if (term.indexOf('.') != -1) return false; // contains a sentence
  116.       return true;
  117.     }
  118.     
  119.   }
  120.   
  121.   function addClickHandler() {
  122.     document.body.addEventListener('click', function(event) {
  123.       if (event.target.className.indexOf(LIST_ITEM_CLASS) == -1) return;
  124.       if (event.target.className.indexOf(EXPANDED_CLASS) != -1) {
  125.         event.target.className = event.target.className.replace(EXPANDED_CLASS, '');
  126.       } else {
  127.         event.target.className += ` ${EXPANDED_CLASS}`;
  128.         event.target.className = event.target.className.replace('  ', ' ');
  129.       }
  130.     });
  131.   }
  132.   
  133.   function addStyle() {
  134.     var styleBlock = document.createElement('style');
  135.     styleBlock.innerHTML = STYLE;
  136.     document.head.appendChild(styleBlock);
  137.   }
  138.   
  139. })();