☰

JS Bin Search

Add find and replace features in jsbin.com

// ==UserScript==
// @name         JS Bin Search
// @version      0.2
// @description  Add find and replace features in jsbin.com
// @author       himalay
// @namespace    https://himalay.com.np
// @include     *://jsbin.com/*
// @grant       GM_addStyle
// ==/UserScript==
//
// The keybindings
// ===============
// Ctrl-F / Cmd-F : Start searching
// Ctrl-G / Cmd-G : Find next
// Shift-Ctrl-G / Shift-Cmd-G : Find // previous
// Shift-Ctrl-F / Cmd-Option-F : Replace
// Shift-Ctrl-R / Shift-Cmd-Option-F : Replace all

(function () {
    ['//codemirror.net/addon/dialog/dialog.js', '//codemirror.net/addon/search/search.js'].forEach(function(scriptURL){
        document.body.appendChild(Object.assign(document.createElement('script'), {
            type: 'text/javascript',
            src: scriptURL
        }));
    });
})();

GM_addStyle('.CodeMirror-dialog{position:absolute;left:0;right:0;background:inherit;z-index:15000;padding:.1em .8em;overflow:hidden;color:inherit}' +
            '.CodeMirror-dialog-top{border-bottom:1px solid #eee;top:0}' +
            '.CodeMirror-dialog-bottom{border-top:1px solid #eee;bottom:0}' +
            '.CodeMirror-dialog input{border:none;outline:0;background:0 0;width:20em;color:inherit;font-family:monospace}' +
            '.CodeMirror-dialog button{font-size:70%}');