Bookmarklets from vzvu3k6k

[Let] RubyGems: Add GitHub link

vzvu3k6k — 2014-11-21T16:46:15Z

/*
 * @title RubyGems: Add GitHub link
 * @description GemのページでGitHubへのリンクをLINKSの先頭に移してラベルを付ける
 * @include https://rubygems.org/gems/*
 * @include http://rubygems.org/gems/*
 * @license CC0
 */

var links = document.querySelectorAll(".gem__aside a");
for(var i = 0; i < links.length; i++){
    var link = links[i];
    if(/^(?:www\.)?github\.com$/.test(link.host)){
        link.textContent += "(GitHub)";
        var parent = link.parentNode;
        parent.insertBefore(link, parent.firstChild);
        break;
    }
}

[Let] mcg: ajax reload

vzvu3k6k — 2014-10-09T14:42:24Z

mcg: ajax reload

/*
 * @title mcg: ajax reload
 * @description http://mcg.herokuapp.com/の結果ページをajaxでリロード
 * @include http://mcg.herokuapp.com/*
 * @license CC0
 */

// http://mcg.herokuapp.com/89d81b4ed5f81eb8aeaffcf66a6720d4/
// http://mcg.herokuapp.com/89d81b4ed5f81eb8aeaffcf66a6720d4/54ab700e1c40451f75f11644ca054aa2/
// 1つのソースによる結果ページと、2つのソースによる結果ページがある。いずれも末尾の / は必須。
if (/^\/\w+\//.test(location.pathname)){
  var target = document.querySelector('.twitter-share-button');
  target.insertAdjacentHTML('beforebegin', '<button type="button" class="btn btn-default btn-xs" id="_mcg_ajaxify_reload">リロード</button>');

  var newTweetButton = (function(){
    var div = document.createElement('div');
    div.insertAdjacentHTML('afterbegin', '<a class="btn btn-default btn-xs pull-right" id="_mcg_ajaxify_tweet" style="font-weight: bold">Tweet</a>');
    return div.firstChild;
  })();

  var button = document.getElementById('_mcg_ajaxify_reload');
  button.addEventListener('click', function(event){
    var textContainer = document.querySelector('h1');
    textContainer.style.opacity = 0.5;

    var xhr = new XMLHttpRequest();
    xhr.open('GET', location.pathname + '/json');
    xhr.onload = function(){
      var result = JSON.parse(xhr.responseText).result;

      textContainer.textContent = result;
      textContainer.style.opacity = 1;

      document.title = result;

      newTweetButton.href = 'https://twitter.com/intent/tweet?text=' +
        encodeURIComponent(
          result.replace(/[\u0000-\u001f]/g, '').replace(/\s+/g, ' ').trim()
        ) +
        '&url=' + encodeURIComponent(location.href);
      var tweetButton = document.querySelector('iframe.twitter-share-button');
      if (tweetButton) {
        tweetButton.parentNode.replaceChild(newTweetButton, tweetButton);
      }
    };
    xhr.send(null);
  });
}

[Let] GitHub: How many thumbs-up?

vzvu3k6k — 2014-07-19T08:49:16Z

GitHub: How many thumbs-up?

/*
 * @title          GitHub: How many thumbs-up?
 * @description    Counts :+1: etc. in issue threads
 * @version        1.0
 * @include        https://github.com/*
 * @license        CC0
 */

// Inspired by
// +1 badge · Issue #11 · azu/azu
// https://github.com/azu/azu/issues/11

(function(){
  if(!/^\/[^\/]+?\/[^\/]+\/(?:issues|pulls)\/\d+\/?$/.test(location.pathname))
    return;

  var thumb = false;

  var sum = Array.prototype.reduce.call(
    document.querySelectorAll('.discussion-timeline .js-comment-container:not(:first-of-type) img[alt]'),
    function(sum, node){
      var change = 0;
      switch(node.alt){
      case ':+1:':
      case ':thumbsup:':
        change = 1;
        break;
      case ':-1:':
      case ':thumbsdown:':
        change = -1;
        break;
      }

      if(change) thumb = true;
      return sum + change;
    }, 0);

  sum += Array.prototype.reduce.call(
    document.querySelectorAll('.discussion-timeline .js-comment-container:not(:first-of-type) .comment-body p'),
    function(sum, node){
      var change = 0;
      node.textContent.replace(/[+-]1/, function(str){
        thumb = true;
        change += parseInt(str);
      });
      return sum + change;
    }, 0);

  if(thumb){
    var firstComment = document.querySelector('.discussion-timeline .js-comment-container:first-of-type');
    var label = document.createElement('span');
    label.classList.add('timeline-comment-label');
    label.textContent = (sum >= 0 ? '+' : '') + sum;
    var header = firstComment.querySelector('.timeline-comment-header');
    header.insertBefore(label, header.querySelector('.timeline-comment-label + *'));
  }
})();

[Let] Tumblr dashboard bookmark

vzvu3k6k — 2014-05-14T11:53:06Z

Tumblr dashboard bookmark

/*
 * @title Tumblr dashboard bookmark
 * @description Save your depth and restart digging
 * @include http://www.tumblr.com/*
 * @include https://www.tumblr.com/*
 * @javascript_url
 * @license Public Domain
 */

(function(){
  // window.next_page
  //   in dashboard page
  //     * http://www.tumblr.com/dashboard/2/12345  // initial
  //     * /dashboard/2/12345                       // after autopaging
  //   in search page
  //     * http://www.tumblr.com/tagged/bookmarklet?before=12345  // initial
  //     * /tagged/bookmarklet?before=12345                       // after autopaging
  //     `before` param is not a post id.

  var currentPost = Tumblr.KeyCommands.current_post;

  var now = new Date,
      label = window.next_page.replace("http://www.tumblr.com", "")
        .replace(/\?before=\d+$|\/\d+\/\d+$/, "").slice(1)
        + " - " + [now.getFullYear(), now.getMonth(), now.getDate()].join("-");

  var href;
  if(label.indexOf("dashboard") == 0){
    var postId = parseInt(currentPost.data("post-id"), 10) + 1;
    href = window.next_page.replace(/\d+$/, postId);
  }else{
    href = window.next_page;
  }

  var insertHTML = 
        '<li class="post_container _bookmark">' +
        '  <div class="post post_full" style="padding: 20px">' +
        '    Bookmark: <a href="' + href + '">' + label + '</a>' +
        '  </div>' +
        '</li>';
  jQuery(insertHTML).insertBefore(currentPost.parent().next()).hide().slideDown();
})();

[Let] Tumblr: 連続ポストを読み飛ばす

vzvu3k6k — 2014-05-09T15:20:03Z

Tumblr: 連続ポストを読み飛ばす

/*
 * @title Tumblr: 連続ポストを読み飛ばす
 * @description ダッシュボードで表示しているポストと異なるtumblelogまたは種類（text, quote, photoなど）が違うポストまでスクロールするブックマークレット
 * @include https://www.tumblr.com/dashboard*
 * @license CC0
 */

// https://secure.assets.tumblr.com/assets/scripts/dashboard.jsの
// /*! scripts/application/keycommands.js */以下で定義されている
// Tumblr.KeyCommands.keydownのコードを参考にした。

(function(){
  this.update_post_positions();
  this.current_position = jQuery(document).scrollTop() + 7;

  var current_post;
  for (var i in this.post_positions){
    var p = this.post_positions[i];
    if(this.check_offset(p)){
      current_post = jQuery('#' + i);
      break;
    }
  }

  var skip_num = 0;
  var next_container = _.chain(current_post.closest('.post_container').nextAll('.post_container'))
        .find(function(container){
          skip_num++;
          container = jQuery(container);
          var post = container.find('.post');
          return (current_post.data('tumblelog-name') != post.data('tumblelog-name')
                  || current_post.data('type') != post.data('type'))
            && container.is(':visible'); // ユーザースクリプトなどで隠されたポストは弾く
        }).value();

  if(next_container.length == 0){
    this.go_to_position = jQuery(document).height();
  }else{
    // ghostlistによって.post_containerの子要素が一時的に削除されている場合には
    // post_positionsに登録されていないので、スクロール位置を独自に計算する
    this.go_to_position = jQuery(next_container).offset().top;
  }
  this.animating = true;
  jQuery("html,body").stop().animate({
    scrollTop: this.go_to_position - this.scroll_offset
  }, this.scroll_speed * skip_num, (function(){
    this.animating = false;
  }).bind(this));
}).bind(Tumblr.KeyCommands)();

[Let] HatenaBookmark: IDコール先のコメントに飛ぶ

vzvu3k6k — 2014-03-10T09:09:14Z

HatenaBookmark: IDコール先のコメントに飛ぶ

/*
 * @title HatenaBookmark: IDコール先のコメントに飛ぶ
 * @description IDコールのリンクをコメントへのページ内リンクに書き換える
 * @include http://b.hatena.ne.jp/entry/*
 * @license CC0
 */

document.addEventListener('click', function(event){
    var target = event.target;
    if(target.parentNode.classList.contains('comment') && target.getAttribute('href')[0] == '/'){
        var id = target.href.split("/")[3];

        // 同じブックマークコメントが「人気コメント」「新着コメント」「すべてのブックマーク」の各タブに重複して存在する可能性がある。
        // 以下では、言及されたユーザーのブックマークコメントのうちでページ上に表示されているものを選択する。
        // 「すべてのブックマーク」を開いていない場合には、言及されたユーザーのブックマークコメントが存在していても表示されていないために選択に失敗する可能性がある。
        var visibleBookmark;
        var bookmarks = document.querySelectorAll("#bookmark-user-" + id);
        for(var j = 0; j < bookmarks.length; j++){
            if(bookmarks[j].getBoundingClientRect().height){
                visibleBookmark = bookmarks[j];
                break;
            }
        }
        var tmpId = Math.random();
        var originalId = visibleBookmark.getAttribute("id");
        visibleBookmark.setAttribute("id", tmpId);
        location.href = "#" + tmpId;
        visibleBookmark.setAttribute("id", originalId);
        event.preventDefault();
    }
});

[Let] HatenaBookmark: timestamp -> permalink

vzvu3k6k — 2014-03-06T11:58:26Z

HatenaBookmark: timestamp -> permalink

/*
 * @title HatenaBookmark: timestamp -> permalink
 * @description 各ブックマークのtimestampをブックマークのパーマリンクにする
 * @include http://b.hatena.ne.jp/entry/*
 * @license CC0
 */

// See also: "はてブエントリーページのコメントパーマリンク" - Userscripts.org
// https://userscripts.org/scripts/show/157164

var style = document.createElement("style");
style.textContent = ".bookmark-list .timestamp {text-decoration: none;}";
document.head.appendChild(style);

Array.prototype.forEach.call(document.querySelectorAll('.bookmark-list [id^="bookmark-user-"]'), function(bookmark){
    var oldTimestamp = bookmark.querySelector(".timestamp");
    var newTimestamp = document.createElement("a");
    newTimestamp.setAttribute("class", "timestamp");
    newTimestamp.href = bookmark.querySelector(".username").href;
    newTimestamp.textContent = oldTimestamp.textContent;

    oldTimestamp.parentNode.replaceChild(newTimestamp, oldTimestamp);
});

[Let] GitHub: Rewrite History

vzvu3k6k — 2014-01-16T17:29:47Z

GitHub: Rewrite History

/*
 * @title GitHub: Rewrite History
 * @description Use on https://github.com/{your_name}, then click days in your contribution calendar.
 * @include https://github.com/*
 * @license CC0
 * @inspired_by http://tricknotes.hateblo.jp/entry/2014/01/15/105741
 */

var $cal = $("#contributions-calendar");
var palette = $cal.find(".legend li").map(function(){return this.style.backgroundColor});
var brush = palette[palette.length - 1];

/* Suppress default behaviors */
d3.selectAll("rect.day").on("mouseover", null).on("click", null);

$cal.on("click", ".legend li", function setBrush(){
    $(this).fadeOut(100).fadeIn(100);
    brush = this.style.backgroundColor;
});

$cal.find("g").on("click mouseover", ".day", function paint(event){
    var hand;
    if(event.type == "mouseover" && event.which == 0) return;
    if(event.ctrlKey)
        hand = palette[0];
    else if(event.shiftKey)
        hand = palette[2];
    else if(event.altKey)
        hand = palette[4];
    else
        hand = brush;
    $(this).attr("style", "fill: " + hand);
});

$cal.find(".day").each(function(){$(this).attr("style", "fill: #eee;")});

[Let] Hatena Bookmark: Sort comments

vzvu3k6k — 2013-10-04T13:44:11Z

Hatena Bookmark: Sort comments

/*
 * @title Hatena Bookmark: Sort comments
 * @description はてブのコメントを(スターの数, 投稿日時)でソートする。
 * @include http://b.hatena.ne.jp/entry/*
 * @license Public Domain
 */

(function(){
    var currentList = Array.prototype.slice.call(document.querySelectorAll(".bookmark-list")).filter(function(l){
        return l.parentNode.style.display != "none";
    })[0];

    var bookmarks = Array.prototype.slice.call(currentList.parentNode.querySelectorAll("[id^=bookmark-user-]"));
    var sorted = bookmarks.sort(function(a, b){
        function extract(bookmark){
            var starCount;
            var starInnerCount = bookmark.querySelector(".hatena-star-star-container .hatena-star-inner-count");
            if(starInnerCount)
                starCount = parseInt(starInnerCount.textContent, 10);
            else
                starCount = bookmark.querySelectorAll(".hatena-star-star").length;
            return [starCount, bookmark.querySelector(".timestamp").textContent];
        }

        a = extract(a);
        b = extract(b);
        if(a[0] > b[0]) return 1;
        if(a[0] < b[0]) return -1;
        if(a[1] > b[1]) return 1;
        if(a[1] < b[1]) return -1;
        return 0;
    }).reverse();

    sorted.forEach(function(bm){
        currentList.appendChild(bm);
    });
})();

[Let] Hatena Bookmark: Mark Quote Only Comments

vzvu3k6k — 2013-06-18T14:53:38Z

Hatena Bookmark: Mark Quote Only Comments

/*
 * @title Hatena Bookmark: Mark Quote Only Comments
 * @description 元ページの文章を引用してるだけっぽいブックマークコメントに"yamabiko"というクラスを追加
 * @include http://b.hatena.ne.jp/entry/*
 * @license public domain
 */

(function(){
    var bookmarks = Array.prototype.slice.call(document.querySelectorAll("[id^=bookmark-user-]:not(.nocomment)"));
    for(var i = 0; i < bookmarks.length; i++){
        var comment = bookmarks[i].querySelector(".comment").textContent,
            replaced = comment.replace(/".+"/g, "").replace(/「.+」/g, "").replace(/[|\/,\s]/g, "");
        if(replaced.length == 0){
            bookmarks[i].classList.add("yamabiko");
        }
    }
})();

[Let] Autopagerize: Delete old pages

vzvu3k6k — 2013-06-09T16:08:58Z

Autopagerize: Delete old pages

/*
 * @title Autopagerize: Delete old pages
 * @description Autopagerizeで挿入されたページを最後のもの以外全部消す
 * @license Public Domain
 */

var seps  = document.querySelectorAll(".autopagerize_page_separator"),
    end   = seps[seps.length-1],
    start = end.parentNode.firstElementChild,
    range = document.createRange();
range.setStart(start, 0);
range.setEnd(end, 0);
range.deleteContents();