Bookmarklets from rikuba

[Let] RSS feed list

rikuba — 2019-01-06T05:32:17Z

/*
 * @title RSS feed list
 * @description RSSフィードのリンクを一覧表示する
 * @include http://*
 * @include https://*
 * @license Unlicense
 */

(() => {
  const selectors = ['atom+xml', 'rdf+xml', 'rss+xml', 'xml'].map((type) => {
    return `link[rel="alternate"][href][type="application/${type}"]`;
  });
  const links = [...document.querySelectorAll(selectors.join(','))];
  const feeds = links.map((link) => ({
    title: link.title || 'Feed',
    href: link.href,
  }));

  const container = document.createElement('div');
  container.style.cssText = `
    z-index: 5999999;
    position: fixed;
    top: 0;
    right: 0;
    border-radius: 0 0 0 5px;
    padding: 10px 20px;
    background-color: rgba(0, 0, 0, 0.75);
    line-height: 1.5;
    text-align: left;
  `;
  const list = container.appendChild(document.createElement('ul'));
  list.style.cssText = `
    list-style: none;
    max-width: 50vw;
    margin: 0;
    padding: 0;
  `;
  if (feeds.length > 0) {
    for (let feed of feeds) {
      const item = list.appendChild(document.createElement('li'));
      const anchor = item.appendChild(document.createElement('a'));
      anchor.style.cssText = `
        display: block;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        color: #fff;
      `;
      anchor.target = '_blank';
      anchor.href = feed.href;
      anchor.textContent = anchor.title = feed.title;
    }
  } else {
    const item = list.appendChild(document.createElement('li'));
    item.style.cssText = `
      color: #fff;
    `;
    item.textContent = `No feeds found`;
  }

  document.body.appendChild(container);
  if (feeds.length > 0) {
    container.querySelector('a').focus();
  }

  document.addEventListener('click', function handleClick(e) {
    if (!container.contains(e.target)) {
      container.remove();
      document.removeEventListener('click', handleClick);
    }
  });
})();

[Let] page_back

rikuba — 2013-09-25T19:22:44Z

page_back

/*
 * @title page_back
 * @description ページ内リンクの履歴をスキップして戻る
 * @include http://*
 * @license 
 */

(function () {
    window.addEventListener('hashchange', function (e) { history.back(); }, false);
    history.back();
})();

[Let] archive

rikuba — 2013-09-25T19:22:32Z

[Let] HalfScroll

rikuba — 2013-06-10T18:50:06Z

HalfScroll

/*
 * @title HalfScroll
 * @description スペースキーで表示域の半分の量を滑らかにスクロール
 * @include http://*
 * @license MIT License
 */

(function () {
    var scrollTime = 300/*ms*/;

    function easing(t) {
        return t * (2 - t);
    };

    function calcScrollIncrement(win) {
        return win.innerHeight / 2;
    };


    var REQUEST, CANCEL, timeout;
    if (this.requestAnimationFrame) {
        REQUEST = 'requestAnimationFrame';
        CANCEL = 'cancelAnimationFrame';
    } else if (this.mozRequestAnimationFrame) {
        REQUEST = 'mozRequestAnimationFrame';
        CANCEL = 'mozCancelAnimationFrame';
    } else if (this.webkitRequestAnimationFrame) {
        REQUEST = 'webkitRequestAnimationFrame';
        CANCEL = 'webkitCancelAnimationFrame';
    } else {
        REQUEST = 'setTimeout';
        CANCEL = 'clearTimeout';
        timeout = 1000 / 60;
    }

    var isCSS1Compat = this.document.compatMode === 'CSS1Compat';

    var getPageYOffset = this.pageYOffset != null
        ? function (window) { return window.pageYOffset; }
        : isCSS1Compat
            ? function (w) { return w.document.documentElement.scrollTop; }
            : function (w) { return w.document.body.scrollTop; };

    var getScrollMaxY = this.scrollMaxY != null
        ? function (window) { return window.scrollMaxY; }
        : isCSS1Compat
            ? function (w) { return w.document.documentElement.scrollHeight - w.innerHeight; }
            : function (w) { return w.document.body.scrollHeight - w.innerHeight; };


    var destinationY = null;
    var requestId = null;

    function stopScroll(window) {
        if (requestId != null) {
            window[CANCEL](requestId);
            requestId = null;
        }
    }

    function startScroll(window, upward) {
        var startY = (destinationY != null ? destinationY : getPageYOffset(window)),
            scrollIncrement = calcScrollIncrement(window),
            scrollMaxY = getScrollMaxY(window),
            isAnimating = true,
            startTime;

        if (upward) {
            if (startY - scrollIncrement < 0) {
                scrollIncrement = -startY;
            } else {
                scrollIncrement *= -1;
            }
        } else {
            if (startY + scrollIncrement > scrollMaxY) {
                scrollIncrement = scrollMaxY - startY;
            }
        }
        destinationY = startY + scrollIncrement;

        startTime = Date.now();
        requestId = window[REQUEST](function tick() {
            if (!isAnimating) {
                return;
            }
            var timeRate = (Date.now() - startTime) / scrollTime;
            if (timeRate < 1) {
                window.scrollTo(0, startY + easing(timeRate) * scrollIncrement);
                requestId = window[REQUEST](tick, timeout);
            } else {
                window.scrollTo(0, destinationY);
                destinationY = null;
                isAnimating = false;
            }
        }, timeout);
    }

    function handleEvent(e) {
        if (e.keyCode === 32 && !e.altKey && !e.ctrlKey && !e.metaKey) {
            var tagName = e.target.tagName;
            if (tagName === 'TEXTAREA' || tagName === 'INPUT' ||
                e.target.isContentEditable) { return; }

            stopScroll(e.view);
            startScroll(e.view, e.shiftKey);
            e.preventDefault();
        }
    }

    this.document.addEventListener('keydown', handleEvent, false);
}).call(this);

[Let] !link

rikuba — 2013-01-28T15:04:46Z

!link

/*
 * @title !link
 * @description toggle enable/disable links
 * @include http://*
 * @include https://*
 * @license MIT License http://nrm.mit-license.org/2013
 * @require 
 */

(function (doc) {
    var id = '-bookmarklet-disable-link-';
    var style = doc.getElementById(id);
    if (style) {
        style.parentNode.removeChild(style);
        return;
    }
    style = doc.createElement('style');
    style.id = id;
    style.textContent = 'a[href] { pointer-events: none; }';
    doc.head.appendChild(style);
})(document);

[Let] tabToSpace

rikuba — 2010-07-23T16:26:16Z

tabToSpace

/*
 * @title tabToSpace
 * @description タブ文字を半角空白2つに置き換える。IEでは動かない。
 * @include http://*
 * @license MIT License
 * @require 
 */

(function (tabToSpace) {
	tabToSpace();
	Array.prototype.forEach.call(frames, function (w) {
		try { tabToSpace.call(w); } catch (e) {}
	});
})(
	function () {
		var d = this.document;
		var x =	d.evaluate('./descendant-or-self::text()[contains(., "\t")]', d, null, XPathResult.ORDERED_NODE_SNAPSHOT_TYPE, null);
		var i = x.snapshotLength;
		var t;
		while (i--) {
			t = x.snapshotItem(i);
			t.nodeValue = t.nodeValue.replace(/\t/g, '  ');
		}
	}
);

[Let] TOC

rikuba — 2010-06-08T22:49:25Z

TOC

/*
 * @title TOC
 * @description ページ内の見出しから目次を生成（右上）。AutoPagerize対応。最近のブラウザでないと動きません。
 * @include http://*
 * @license MIT License
 * @require 
 */

(function () {
  init(document);
  [].forEach(frames, function (frame) {
    try { init(frame.document); } catch (e) {}
  });

  function init(doc) {
    var container, style;
    if (container = doc.getElementById('bookmarklet_TOC')) {
      container.parentNode.removeChild(container);
      return;
    }
    container = doc.createElement('div');
    container.id = 'bookmarklet_TOC';
    container.appendChild(createTOC(doc));
    doc.body.appendChild(container);
    style = doc.createElement('style');
    style.type = 'text/css';
    style.textContent = [
      '#bookmarklet_TOC { background: rgba(0,0,0,0.9); color: #fff;',
      'text-align: left; font: 90%/1.5 sans-serif;',
      'width: 30px; height: 30px; z-index: 256;',
      'max-width: 600px; max-height: 600px; overflow-y: auto;',
      'position: fixed; top: 0; right: 0; margin: 0; padding: 0;',
      '-moz-border-radius: 0 0 0 8px; border-radius: 0 0 0 8px; }',
      '#bookmarklet_TOC:hover { width: auto; height: auto;',
      'padding: 1ex 1em; }',
      '#bookmarklet_TOC ol { list-style: none; display: none;',
      'margin: 0; padding: 0; }',
      '#bookmarklet_TOC ol ol { margin-left: 1.5em; }',
      '#bookmarklet_TOC:hover ol { display: block; }',
      '#bookmarklet_TOC span:hover { cursor: pointer; ',
      'text-decoration: underline; }'].join('\n');
    doc.querySelector('head').appendChild(style);
    doc.addEventListener('AutoPagerize_DOMNodeInserted', function (e) {
      container.appendChild(createTOC(e.target));
    }, false);
  }

  function createTOC(root) {
    var doc = root.ownerDocument || root;
    var r = l = doc.createElement('ol');
    var c = [,0,0,0,0,0,0];
    var ln = 1;
    [].forEach.call(
      root.querySelectorAll('h1,h2,h3,h4,h5,h6'),
      function (h) {
        var n = h.nodeName[1];
        var d = ln - n;
        if (ln < n)
          while (d++)
            l = (l.hasChildNodes()
                 ? l.lastChild
                 : l.appendChild(doc.createElement('li'))
                ).appendChild(doc.createElement('ol'));
          else if (n < ln)
            while (d--)
              l = l.parentNode.parentNode;
        var s = l.appendChild(doc.createElement('li'))
                 .appendChild(doc.createElement('span'));
        s.appendChild(doc.createTextNode(h.textContent || ''));
        s.addEventListener('click', function () {
          h.scrollIntoView();
        }, false);
        ln = n;
      }
    );
    return r;
  }
})();