// ==UserScript==
// @name       2ch pastebin
// @version    0.3
// @match      https://2ch.hk/*
// @grant      none
// ==/UserScript==

$(document).ready(getIframe);

$('.posts').bind('DOMSubtreeModified', getIframe);

function getIframe() {
  $('a[href*="pastebin.com"]')
    .add('a[href*="ideone.com"]')
    .add('a[href*="jsfiddle.net"]')
    .add('a[href*="codepen.io"]')
    .not('.code-embedded')
    .addClass('code-embedded')
    .after(' <button class="embed-code">code</button>')
    .next('button.embed-code')
      .click(function() {
        var $this = $(this),
            re    = /(pastebin\.com|ideone\.com|jsfiddle\.net|codepen\.io)\/(\w+\/pen\/)?(\w+)/,
            match = $this.prev().attr('href').match(re);

        if (!match) return;

        var host = match[1],
            id   = match[3],
            src  = {
              'pastebin.com': '//pastebin.com/embed_iframe.php?i=' + id,
              'ideone.com'  : '//ideone.com/embed/' + id,
              'jsfiddle.net': '//jsfiddle.net/' + id + '/embedded/',
              'codepen.io'  : '//codepen.io/brianknapp/embed/' + id
            };

        $('<div>', {
          class: 'code-embedded',
          html: $('<iframe>', {
            src: src[host],
            style: 'border:none; width:800px; height:500px'
          })
        }).insertAfter(this);

        $this.remove();
      });
}