main.js

/*
 * Copyright (c) 2013 @larz
 * 
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"),
 * to deal in the Software without restriction, including without limitation
 * the rights to use, copy, modify, merge, publish, distribute, sublicense,
 * and/or sell copies of the Software, and to permit persons to whom the
 * Software is furnished to do so, subject to the following conditions:
 * 
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 * 
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
 * DEALINGS IN THE SOFTWARE.
 */

/*jslint vars: true, plusplus: true, devel: true, nomen: true,  regexp: true, indent: 4, maxerr: 50 */
/*global define, brackets, $, window */

define(function (require, exports, module) {
    "use strict";

    // Brackets modules
    var CommandManager      = brackets.getModule("command/CommandManager"),
        EditorManager       = brackets.getModule("editor/EditorManager"),
        ExtensionUtils      = brackets.getModule("utils/ExtensionUtils"),
        KeyBindingManager   = brackets.getModule("command/KeyBindingManager"),
        Menus               = brackets.getModule("command/Menus"),
        NativeApp           = brackets.getModule("utils/NativeApp"),
        PanelManager        = brackets.getModule("view/PanelManager");
    
    // Local modules
    var panelHTML   = require("text!panel.html");
    
    // Constants
    var NAVIGATE_SEARCH_THIS  = "Search This",
        CMD_SEARCH_THIS       = "larz.searchThis";
    
    // jQuery objects
    var $icon,
        $iframe;
    
    // Other vars
    var query,
        panel,
        visible = false,
        realVisibility = false;
    
    function _resizeIframe() {
        if (visible && $iframe) {
            var iframeWidth = panel.$panel.innerWidth();
            $iframe.attr("width", iframeWidth + "px");
        }
    }
    
    function _loadIframeSrc() {
        var url = "http://bing.com";
        
        if (query) {
            url += "/search?q=" + query;
        }
        
        $iframe.attr("src", url);
        $iframe.load(function () {
            $iframe.contents().get(0).addEventListener("click", function (e) {
                if (e.target && e.target.href) {
                    if (e.target.href.indexOf("google") > -1 ) {
                        // Open external links in the default browser
                        NativeApp.openURLInDefaultBrowser(e.target.href);
                        e.preventDefault();
                        e.stopImmediatePropagation();
                    }
                }
            }, true);
            $iframe.contents().get(0).addEventListener("keydown", function (e) {
                if (e.keyCode === 27) { // ESC key
                    EditorManager.focusEditor();
                    e.preventDefault();
                    e.stopImmediatePropagation();
                }
            }, true);
        });
    }
    
    function _setPanelVisibility(isVisible) {
        if (isVisible === realVisibility) {
            return;
        }
        
        realVisibility = isVisible;
        if (isVisible) {
            if (!panel) {
                var $panel = $(panelHTML);
                $iframe = $panel.find("#bottom-browser-iframe");
                
                panel = PanelManager.createBottomPanel("bottom-browser-panel", $panel);
                $panel.on("panelResizeUpdate", function (e, newSize) {
                    $iframe.attr("height", newSize);
                });
                $iframe.attr("height", $panel.height());
                
                _loadIframeSrc();

                window.setTimeout(_resizeIframe);
            }
            $icon.toggleClass("active");
            panel.show();
            _bottomBrowserSearch();
            _setBookmarks();
        } else {
            $icon.toggleClass("active");
            panel.hide();
        }
    }
    
    function _bottomBrowserSearch() {
        $("#bottom-browser-search").keypress(function(e) {
            if(e.which == 13) {
                query = this.value; 
                $iframe.attr("src", "");
                window.setTimeout(_loadIframeSrc, 0);                
            }
        });  
    }
    
    function _setBookmarks() {
        $("#overapi").click(function() {
                window.setTimeout($iframe.attr("src", "http://overapi.com/javascript/"), 0);
        });
        $("#cssalmanac").click(function() {
                window.setTimeout($iframe.attr("src", "http://css-tricks.com/almanac/"), 0);
        });
    }
    
    function _toggleVisibility() {
        visible = !visible;
        _setPanelVisibility(visible);
    }
    
    // Insert CSS for this extension
    ExtensionUtils.loadStyleSheet(module, "bottom-browser.css");
    
    // Add toolbar icon 
    $icon = $("<a>")
        .attr({
            id: "bottom-browser-icon",
            href: "#",
            title: "Bottom Browser"
        })
        .click(_toggleVisibility)
        .appendTo($("#main-toolbar .buttons"));
    
    // Listen for resize events
    $(PanelManager).on("editorAreaResize", _resizeIframe);
    $("#sidebar").on("panelCollapsed panelExpanded panelResizeUpdate", _resizeIframe);
    
    // Add "Lookup in DevDocs" command
    function _handleLookupInSearch() {
        var editor = EditorManager.getActiveEditor();
        
        if (!editor) {
            return;
        }
        if (!editor.hasSelection()) {
            editor.selectWordAt(editor.getSelection().start);
        }
        query = editor.getSelectedText();
        
        function _resetIframeSrc() {
            // Hack to force the iframe to reload with the new query. 
            $iframe.attr("src", "");
            window.setTimeout(_loadIframeSrc, 0);
        }
        
        if (!visible) {
            visible = true;
            _setPanelVisibility(visible);
            window.setTimeout(_resetIframeSrc);
        } else {
            _resetIframeSrc();
        }
    }
        
    // Register the command and shortcut
    CommandManager.register(
        NAVIGATE_SEARCH_THIS,
        CMD_SEARCH_THIS,
        _handleLookupInSearch
    );
    KeyBindingManager.addBinding(CMD_SEARCH_THIS, "Shift-Cmd-B");
    
    // Create a menu item bound to the command
    var menu = Menus.getMenu(Menus.AppMenuBar.NAVIGATE_MENU);
    menu.addMenuItem(CMD_SEARCH_THIS);
    

});