skandasoft/browser-plus

Browser For Atom

BrowserPlus ~ Real Browser in ATOM!!

Here are some feature...

1. Live Preview
2. Back/Forward Button
3. DevTool
4. Refresh
5. History
6. Favorites
7. Simple Plugin Framework - Jquery/ContextMenu based.

-

FAQ

0. I have problem loading this package?

on your command prompt for atom directory, try uninstalling the package and reinstalling it

apm uninstall browser-plus

apm install browser-plus

if there is package dependency issue(jquery.autocomplete.js no found error messages etc) try

delete the jquery-ui directory under node_modules and npm install --> in the browser-plus directory. This will install all dependency

if you still have issues with jquery.autocomplete. apm rebuild-module-cache

2. How to open browser in atom?

   ctrl+shift+p(cmd+shift+p) Browser Plus: Open. It opens the home page(maintained in the settings) or http://www.google.com.

3. How to open the current file in the brower-plus?

   ctrl+shift+p(cmd+shift+p) Browser Plus: OpenCurrent

4. Is it possible to hide the URL Bar?

   Yes. ctrl+shift+p(cmd+shift+p) Browser Plus View: toggleURLBar/F11. You need to have the browser highlighted when performing the action.

5. How to Favoritize/UnFavaritize an URL?

   On the browser urlbar click on the star to favoritize it. And click on the star if you need to UnFavaritize it/ to remove from the favoritized dropdown.

6. How to View favoritized URLs?

   ctrl+shift+p(cmd+shift+p) Browser Plus: Fav. This would open an dropdown selection of Favoritized URL. Or click on the down arrow next to the url bar on the left side.

7. How to View Browser Plus History?

   ctrl+shift+p(cmd+shift+p) Browser Plus: History/click on the button icon on the url toolbar. Opens a browser window with the URLs browsed. It is possible to delete the entire history by clicking clear history button in the webpage/delete individual entry by clicking on trash can/delete dates by clicking on the trash can by the side of dates.

8. How to open developer tool for the browser?

   Press the function key f12/on the clicking on the settings icon on the webpage. Jquery is added for free if it is not available. So you can perform DOM activities.

9. How to show live changes(as soon as you save file) to show up as we are viewing a file?

   Press the lighting icon. It is a toggle button ie., same button can used on switching on to live view/stop live view. Any save of any window would refresh the window. So css file window/js file window saved would be reflected on save.

10. Is it possible to print the webpage?

    Yes. Click on the print icon.

11. Is BrowserPlus used in any other packages?

    Navigate ( http://atom.io/packages/navigate )

    This package help in navigating/links on html file. when you press f2 on a html filename it opens up the browser. There are other keys you can use. Here are some of the default key combinations that are available now when Navigate Package is installed along with BrowserPlus

    'F1':
      title: 'F1 - DevDocs Help'
      type: 'string'
      default: 'http://devdocs.io/#q=&searchterm'
    
    'CTRL-F1':
      title: 'Ctrl-F1 - Google Help'
      type: 'string'
      default: 'https://www.google.com/search?q=&searchterm'
    
    'CTRL-F2':
      title: 'Stack Overflow Search'
      type: 'string'
      default: 'http://stackoverflow.com/search?q=&searchterm'
    
    'CTRL-F3':
      title: 'AtomIO Search'
      type: 'string'
      default: 'https://atom.io/docs/api/search/latest?q=&searchterm'

    Checkout Navigate

12. Can I add custom key combinations to my weburls?

    Yes!! you can.The word under cursor is available in the field searchterm. For eg when F1 is pressed, help for that keyword, are provided through devdocs using the config

     default: 'http://devdocs.io/#q=&searchterm'

    Checkout Navigate

13. Can I preview jsp/php/express/django and other frameworks or from localhost in BrowserPlus?

    Yes. Absolutely. You can install this plugin called PP(http://atom.io/packages/pp). This is used to preview the files. Check more info @ PP

14. Can I get hyperLive(show html changes as I type) preview of the current file?

    Previews can be done using PP preview plus. This Plugin user BrowserPlus to visualize html file and allows for live/hyperLive options + able to preview in different formats.

15. How can I call BrowserPlus from my plugin?

    atom.workspace.open following by url and you can pass options just as you would do to open a file using atom. If you file starts with http,https or localhost it would automatically open in the browser-plus window.

16. Is there a way enhance the functionality of BrowserPlus/Plugin system for BrowserPlus?

    you can build a plugin for browserplus. It is very simple. Checkout browser-plus-zoom or browser-plus-open-new-window or browser-plus-block. The naming convention for the plugin is browser-plus-yourpluginname. browser-plus provides a service called consumeAddPlugin which can be put under your plugin

      "consumedServices": {
        "browser-plus": {
          "versions": {
            ">=0.0.0": "consumeAddPlugin"
          }
        }
      }

    in order to add your plugin to browser-plus pass the details in json format

    "onInit" --> initializes the browser with your script that will be loaded once the browser is opened

    "js" --> load an/array of javascripts both from your resources directory under your package/ from cdns

    "css" --> load an/array of css both from your resources directory under your package/ from cdns

    "menus" --> this can be a single object /array of object in the following format. The plugin can be displayed as context menu or accessed using key combinations.

    "menu-ctrlkey" --> use to invoke you plugin (it can be any key combination)

    "menu-fn" --> this is where the code for you plugin goes . for your convience jQuery is already loaded/notifyBar(https://github.com/dknight/jQuery-Notify-bar)/jStorage another plugin(http://www.jstorage.info/) is loaded.

    your function can be invoked using a key combination/from context menu. If you want it to be a context menu

    "name": "name of the menu"

    "selector": "for which the context menu would appear, can be multiple and be separated by ','"

    "selectorFilter": "a function which would return boolean. if for some reason you want some filter for the selector passed it can be done by sending boolean back"

    The best way make a plugin is copy the browser-plus-open-new-window/browser-plus-zoom and testing with your code.

    And you can do a PR on FAQ for browserplus to update your plugin details :).

17. what browser-plus plugins are availble?

    Look/search for browser-plus- for plugins. That will be the name convention for browserplus plugins.

    1. browser-plus-zoom
    2. browser-plus-new-window
    3. browser-plus-find
    4. browser-plus-block

    browser-plus-zoom helps to zoom in /out of the website(ctr++ or ctr--).

    browser-plus-block helps in maintaining particular websites from opening(self restraint)

    browser-plus-find helps in searching in the webpage.

    browser-plus-new-window open link in window/tab.

    Your next browser-plus plugin goes here....

18. when opening search website like google/stackoverflow, I don't want multiple search browsers open. Is it possible to open in the same window?

    Yes. check the setting for openInSameWindow.currently an array of website (google/stackoverflow)

19. Calling BrowserPlus from contextMenu opens the home page. Can I make to open the current file?

    Check the setting. 'Show Current File'. It is on by default.

20. Can I block Youtube/any website? I get distracted while working.

    yes. Check out browser-plus-block(http://atom.io/packages/browser-plus-block) plugin.

21. Can I use this browser like chrome to search on the toolbar?

    Yes. As you type more than 2 character the dropdown of search results are shown from bing. Once you click on the result it searches in google and bring the results. if you don't choose any of it and press enter and if it is url it would go to that url.

22. Can I view documentation/help for languages?_

    Yes. Naviagate Plugin does that. You can press f1 and it would show the devdocs help for the word under the cursor.Check Navigate for more info.

23. How can I make browser-plus better?

    PRs are welcome.Any issue reported would make this a better plugin. This FAQ can be updated with the browser-plus-plugins.

browser-plus's Issues

Uncaught TypeError: Cannot read property 'getUri' of undefined

Happens as soon as browser-plus is opened, instead of browser pane being opened. browser-plus:history works just fine, opening a perfectly usable browser pane. This is a near-clone of #36, which was closed for no apparent reason (besides no response).

Atom Version: 1.0.19
System: Mac OS X 10.11.1
Thrown From: browser-plus package, v0.0.38

Stack Trace

Uncaught TypeError: Cannot read property 'getUri' of undefined

At /Users/Ronathan/.atom/packages/browser-plus/lib/browser-plus.coffee:83

TypeError: Cannot read property 'getUri' of undefined
  at Object.module.exports.BrowserPlus.open (/Users/Ronathan/.atom/packages/browser-plus/lib/browser-plus.coffee:83:5)
  at atom-workspace.subscriptions.add.atom.commands.add.browser-plus:open (/Users/Ronathan/.atom/packages/browser-plus/lib/browser-plus.coffee:78:20)
  at CommandRegistry.module.exports.CommandRegistry.handleCommandEvent (/Applications/Atom.app/Contents/Resources/app.asar/src/command-registry.js:245:29)
  at /Applications/Atom.app/Contents/Resources/app.asar/src/command-registry.js:3:61
  at KeymapManager.module.exports.KeymapManager.dispatchCommandEvent (/Applications/Atom.app/Contents/Resources/app.asar/node_modules/atom-keymap/lib/keymap-manager.js:524:16)
  at KeymapManager.module.exports.KeymapManager.handleKeyboardEvent (/Applications/Atom.app/Contents/Resources/app.asar/node_modules/atom-keymap/lib/keymap-manager.js:347:22)
  at HTMLDocument.module.exports.WindowEventHandler.onKeydown (/Applications/Atom.app/Contents/Resources/app.asar/src/window-event-handler.js:184:20)

Commands

     -0:02.2.0 browser-plus:open (atom-workspace.workspace.theme-base16-tomorrow-dark-theme.theme-atom-dark-ui.scrollbars-visible-when-scrolling)

Config

{
  "core": {
    "projectHome": "/Users/Ronathan/Documents/Code/GitHub",
    "themes": [
      "atom-dark-ui",
      "base16-tomorrow-dark-theme"
    ],
    "disabledPackages": [
      "term"
    ]
  },
  "browser-plus": {
    "homepage": "https://duckduckgo.com",
    "node": true
  }
}

Installed Packages

# User
browser-plus, v0.0.38
color-picker, v2.0.13
file-icons, v1.6.11
markdown-preview-plus, v2.2.2
minimap, v4.13.4
pigments, v0.18.0

# Dev
No dev packages

Dockable DevTools

Is it possible to have an option to open DevTools docked in an Atom panel?

Node/RequireJS conflict?

The following snippet results in a "Uncaught AssertionError: path must be a string" (shown in the dev console)

returned from an app running locally on url: http://127.0.0.1:3000

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>Application</title>
  <script src="/static/js/bower_components/requirejs/require.js"></script>
  <script>
  // Configure the AMD module loader
  requirejs.config({
    // The path where your JavaScripts are located
    baseUrl: '/static/js/',
    // Specify the paths of vendor libraries
    paths: {
      jquery: 'bower_components/jquery/dist/jquery',
      underscore: 'bower_components/underscore/underscore',
      backbone: 'bower_components/backbone/backbone'
    },


  require(['jquery', 'backbone'], function($, Backbone) {
    $("body").append("hello body world")
  });

  </script>
</head>
<body></body>
</html>

when I clicked the down arrow in the right of the fav button or typed in the location bar, there are errors.

Atom Version: 1.0.19
System: Deepin 2014.3
Thrown From: browser-plus package, v0.0.45

click the down arrow button

Stack Trace

Uncaught TypeError: Cannot read property 'slice' of undefined

At /media/z/data/home/z/.atom/packages/browser-plus/lib/fav-view.coffee:14

TypeError: Cannot read property 'slice' of undefined
  at FavView.viewForItem (/media/z/data/home/z/.atom/packages/browser-plus/lib/fav-view.coffee:14:89)
  at FavView.module.exports.SelectListView.populateList (/usr/share/atom/resources/app.asar/node_modules/atom-space-pen-views/lib/select-list-view.js:206:29)
  at FavView.module.exports.SelectListView.setItems (/usr/share/atom/resources/app.asar/node_modules/atom-space-pen-views/lib/select-list-view.js:167:12)
  at FavView.initialize (/media/z/data/home/z/.atom/packages/browser-plus/lib/fav-view.coffee:8:6)
  at FavView.View (/usr/share/atom/resources/app.asar/node_modules/atom-space-pen-views/node_modules/space-pen/lib/space-pen.js:184:25)
  at FavView.SelectListView (/usr/share/atom/resources/app.asar/node_modules/atom-space-pen-views/lib/select-list-view.js:18:51)
  at new FavView (/media/z/data/home/z/.atom/packages/browser-plus/lib/fav-view.coffee:5:3)
  at HTMLSpanElement.<anonymous> (/media/z/data/home/z/.atom/packages/browser-plus/lib/browser-plus-view.coffee:330:13)
  at HTMLSpanElement.jQuery.event.dispatch (/usr/share/atom/resources/app.asar/node_modules/jquery/dist/jquery.js:4435:9)
  at HTMLSpanElement.elemData.handle (/usr/share/atom/resources/app.asar/node_modules/jquery/dist/jquery.js:4121:28)

type in the location bar

Stack Trace

Uncaught TypeError: Cannot read property 'match' of undefined

At /media/z/data/home/z/.atom/packages/browser-plus/lib/browser-plus-view.coffee:68

TypeError: Cannot read property 'match' of undefined
  at /media/z/data/home/z/.atom/packages/browser-plus/lib/browser-plus-view.coffee:68:65
  at arrayFilter (/usr/share/atom/resources/app.asar/node_modules/babel-core/node_modules/lodash/index.js:1384:13)
  at Function.filter (/usr/share/atom/resources/app.asar/node_modules/babel-core/node_modules/lodash/index.js:6309:14)
  at [object Object].source (/media/z/data/home/z/.atom/packages/browser-plus/lib/browser-plus-view.coffee:67:17)
  at [object Object].$.widget._search (/media/z/data/home/z/.atom/packages/browser-plus/node_modules/jquery-ui/autocomplete.js:422:8)
  at [object Object]._search (/media/z/data/home/z/.atom/packages/browser-plus/node_modules/jquery-ui/widget.js:98:25)
  at [object Object].$.widget.search (/media/z/data/home/z/.atom/packages/browser-plus/node_modules/jquery-ui/autocomplete.js:414:15)
  at [object Object].search (/media/z/data/home/z/.atom/packages/browser-plus/node_modules/jquery-ui/widget.js:98:25)
  at [object Object].<anonymous> (/media/z/data/home/z/.atom/packages/browser-plus/node_modules/jquery-ui/autocomplete.js:395:10)
  at handlerProxy (/media/z/data/home/z/.atom/packages/browser-plus/node_modules/jquery-ui/widget.js:427:6)

Commands

     -1:30.1.0 command-palette:toggle (atom-text-editor.editor.is-focused)
  2x -1:23.8.0 core:move-down (atom-text-editor.editor.mini.is-focused)
     -1:23.2.0 core:move-up (atom-text-editor.editor.mini.is-focused)
     -1:23 core:confirm (atom-text-editor.editor.mini.is-focused)
     -1:23 browser-plus:open (atom-text-editor.editor)
  2x -0:49.8.0 core:cancel (input#uri.native-key-bindings.ui-autocomplete-input.ui-autocomplete-loading)
  2x -0:25.2.0 core:close (webview.native-key-bindings)
     -0:03.9.0 browser-plus:open (atom-text-editor.editor.is-focused)

Config

{
  "core": {
    "disabledPackages": [
      "linter",
      "build"
    ],
    "ignoredNames": [
      "*.pyc",
      "venv"
    ],
    "autoHideMenuBar": true
  },
  "browser-plus": {}
}

Installed Packages

# User
AtomicChar, v0.3.8
atom-ternjs, v0.8.4
autocomplete-modules, v1.3.1
autocomplete-python, v0.9.0
browser-plus, v0.0.45
color-picker, v2.0.13
emmet, v2.3.13
file-icons, v1.6.11
jshint, v1.8.1
language-babel, v0.15.10
linter-scss-lint, v2.3.0
minimap, v4.15.0
minimap-autohide, v0.10.1
node-debugger, v1.1.9
package-sync, v0.2.0
pigments, v0.18.1
project-manager, v2.6.5
python-tools, v0.6.5
react, v0.12.10
tasks, v2.4.0
terminal-plus, v0.12.3
toggle-slash, v1.0.13

# Dev
No dev packages

Developer tools isn't working

Hi.

For some reason the developer tools arent working.

Thank you for the attention.

Developer tools console is not showing output from console.log

I have browser-plus preview is working fine but developer tools console is not showing any output from console.log commands in my application. Is there anything needs to be done to open dev console in preview context? Thanks.

Security Nightmare?

Please correct me if I'm wrong, but doesn't this https://github.com/skandasoft/browser-plus/blob/v0.0.30/lib/browser-plus-view.coffee#L42 make this Atom package a security nightmare? It's probably not a huge concern right now given that browser-plus adoption compared to other browsers is minimal. But, all it would take is for some rogue webpage to require('fs').

It'd seem that the prudent solution would be to remove nodeintegration. Or at minimum, put a note in the README.

Location bar is not a standard text field

Standard text field operations (clipboard, select all) do not work in the location bar.
Versions:
Atom 1.1.0
browser-plus 0.0.53
OS X 10.10.5

Standalone

Could this be used standalone? As I'm looking to build a really simple web browser for another project in Electron (atom-shell).

showing squares instead of Hebrew characters

Uncaught TypeError: Cannot read property 'match' of undefined

browser-plus: 0.0.45
atom: 1.0.19
system: ubuntu 64bit
Then I type something into the url textbox, that error comes:

TypeError: Cannot read property 'match' of undefined
  at /home/xxx/.atom/packages/browser-plus/lib/browser-plus-view.coffee:68:65
  at arrayFilter (/usr/share/atom/resources/app.asar/node_modules/babel-core/node_modules/lodash/index.js:1384:13)
  at Function.filter (/usr/share/atom/resources/app.asar/node_modules/babel-core/node_modules/lodash/index.js:6309:14)
  at [object Object].source (/home/xxx/.atom/packages/browser-plus/lib/browser-plus-view.coffee:67:17)
  at [object Object].$.widget._search (/home/xxx/.atom/packages/browser-plus/node_modules/jquery-ui/autocomplete.js:422:8)
  at [object Object]._search (/home/xxx/.atom/packages/browser-plus/node_modules/jquery-ui/widget.js:98:25)
  at [object Object].$.widget.search (/home/xxx/.atom/packages/browser-plus/node_modules/jquery-ui/autocomplete.js:414:15)
  at [object Object].search (/home/xxx/.atom/packages/browser-plus/node_modules/jquery-ui/widget.js:98:25)
  at [object Object].<anonymous> (/home/xxx/.atom/packages/browser-plus/node_modules/jquery-ui/autocomplete.js:395:10)
  at handlerProxy (/home/xxx/.atom/packages/browser-plus/node_modules/jquery-ui/widget.js:427:6)

Conflict with requireJs

The requireJs global variable "require" is overwritten, my website is not working.

Double Prefix on setting homepage (OSX)

When setting Home page in settings, using Ctrl-Opt-o, the address bar has http://http://localhost:3000. If I leave the prefix out in settings, the browser tries to display a local file.

Keybindings for this browser

Hello, thank's for this awesome package.
I wanted to know if it is possible to insert some keybindings
like on chrome ?
Thank's in advance for your answers

Install Navigate Package

install navigate package(http://atom.io/packages/navigate) to check the usefulness of Browser-Plus

Uncaught TypeError: jQ(...).autocomplete is not a function

I've tried to lounch browser, and when i reloaded nothing happend, except showing this error.

Atom Version: 1.0.19
System: Linux Mint
Thrown From: browser-plus package, v0.0.42

Stack Trace

Uncaught TypeError: jQ(...).autocomplete is not a function

At /home/wojtek/.atom/packages/browser-plus/lib/browser-plus-view.coffee:106

TypeError: jQ(...).autocomplete is not a function
  at BrowserPlusView.module.exports.BrowserPlusView.initialize (/home/wojtek/.atom/packages/browser-plus/lib/browser-plus-view.coffee:106:16)
  at BrowserPlusView.View (/usr/share/atom/resources/app.asar/node_modules/atom-space-pen-views/node_modules/space-pen/lib/space-pen.js:184:25)
  at new BrowserPlusView (/home/wojtek/.atom/packages/browser-plus/lib/browser-plus-view.coffee:16:5)
  at ViewRegistry.module.exports.ViewRegistry.createView (/usr/share/atom/resources/app.asar/src/view-registry.js:93:16)
  at ViewRegistry.module.exports.ViewRegistry.getView (/usr/share/atom/resources/app.asar/src/view-registry.js:65:21)
  at atom-pane.PaneElement.getActiveView (/usr/share/atom/resources/app.asar/src/pane-element.js:210:25)
  at atom-pane.<anonymous> (/usr/share/atom/resources/app.asar/src/pane-element.js:60:55)

Commands

     -5:15.3.0 core:confirm (atom-text-editor.editor.mini.is-focused)
     -5:00.2.0 core:paste (atom-text-editor.editor.is-focused)
  3x -4:59.6.0 core:save (atom-text-editor.editor.is-focused)
  2x -3:18.5.0 fuzzy-finder:toggle-git-status-finder (atom-text-editor.editor.is-focused)
     -2:19.5.0 settings-view:open (atom-text-editor.editor.is-focused)
     -2:09.5.0 core:confirm (atom-text-editor.editor.mini.is-focused)
     -1:59.4.0 core:select-all (atom-text-editor.editor.mini.is-focused)
     -1:59 core:paste (atom-text-editor.editor.mini.is-focused)
     -1:58.6.0 core:confirm (atom-text-editor.editor.mini.is-focused)
  4x -0:18.9.0 tree-view:toggle (ol.tree-view.full-menu.list-tree.has-collapsable-children.focusable-panel)
     -0:17.1.0 command-palette:toggle (ol.tree-view.full-menu.list-tree.has-collapsable-children.focusable-panel)
  5x -0:11.6.0 core:backspace (atom-text-editor.editor.mini.is-focused)
     -0:07.2.0 core:move-down (atom-text-editor.editor.mini.is-focused)
     -0:06.6.0 core:confirm (atom-text-editor.editor.mini.is-focused)
     -0:06.6.0 browser-plus:open (ol.tree-view.full-menu.list-tree.has-collapsable-children.focusable-panel)
     -0:00.6.0 symbols-view:toggle-file-symbols (atom-pane.pane.active)

Config

{
  "core": {
    "themes": [
      "atom-dark-ui",
      "atom-dark-syntax"
    ]
  }
}

Installed Packages

# User
browser-plus, v0.0.42
minimap, v4.15.0

# Dev
No dev packages

node integration on by default [!]

nice job on the package, but nodeintegration is available by default to the web. You should have a different mode of tab opening for that, as having nodeintegration on poses a huge security risk. (Albeit one that probably hasn't been exploited in the wild.. yet)

that's not so bueno..

Enhancement: command + click behavior

Currently when you [command] + [click] on a link on a webpage within the browser-plus a new tab gets created and your view changes to the newly created tab. Perhaps it would be better if [command] + [click] simply opened a new tab in the background just as Google Chrome and many other browsers do.

Connecting to localhost always redirects to google

If I attempt to connect to local address (http://localhost:3000), the request is always directed to google. http://127.0.0.1:3000 works (although gives a black pane when I refresh).

Platform: OSX 10.10.4

Failed to load the browser-plus package

[Enter steps to reproduce below:]

1. Download last Atom from Github and build
2. Install 'browser-plus'
3. Launch Atom

Browser-plus failed to load because of following error (top right red box) :

Cannot find module 'theorist'
Hide Stack Trace
Error: Cannot find module 'theorist'
    at Module._resolveFilename (module.js:328:15)
    at Function.Module._resolveFilename (/Users/bu2/lab/atom/myatom/bin/Atom.app/Contents/Resources/app.asar/src/module-cache.js:383:52)
    at Function.Module._load (module.js:270:25)
    at Module.require (module.js:357:17)
    at require (module.js:376:17)
    at Object.<anonymous> (/Users/bu2/.atom/packages/browser-plus/lib/browser-plus-model.coffee:2:11)
    at Object.<anonymous> (/Users/bu2/.atom/packages/browser-plus/lib/browser-plus-model.coffee:1:1)
    at Module._compile (module.js:452:26)
    at Object.defineProperty.value [as .coffee] (/Users/bu2/lab/atom/myatom/bin/Atom.app/Contents/Resources/app.asar/src/compile-cache.js:169:21)
    at Module.load (module.js:347:32)

When looking at $ git log, theorist seems to be deprecated and remove from Atom dependencies since v1.0.

Atom Version: 1.0.10-ecd9b22
System: Mac OS X 10.10.5
Thrown From: browser-plus package, v0.0.34

Stack Trace

Failed to load the browser-plus package

At Cannot find module 'theorist'

Error: Cannot find module 'theorist'
    at Module._resolveFilename (module.js:328:15)
    at Function.Module._resolveFilename (/Users/bu2/lab/atom/myatom/bin/Atom.app/Contents/Resources/app.asar/src/module-cache.js:383:52)
    at Function.Module._load (module.js:270:25)
    at Module.require (module.js:357:17)
    at require (module.js:376:17)
    at Object.<anonymous> (/Users/bu2/.atom/packages/browser-plus/lib/browser-plus-model.coffee:2:11)
    at Object.<anonymous> (/Users/bu2/.atom/packages/browser-plus/lib/browser-plus-model.coffee:1:1)
    at Module._compile (module.js:452:26)
    at Object.defineProperty.value [as .coffee] (/Users/bu2/lab/atom/myatom/bin/Atom.app/Contents/Resources/app.asar/src/compile-cache.js:169:21)
    at Module.load (module.js:347:32)

Commands

$ clear && bin/Atom.app/Contents/MacOS/Atom --executed-from="$(pwd)" --pid=$$ --dev

Config

{
  "core": {
    "themes": [
      "atom-dark-ui",
      "atom-dark-syntax"
    ]
  },
  "browser-plus": {}
}

Installed Packages

# User
autocomplete-clang, v0.8.7
autocomplete-ruby, v0.1.0
coffee-compile, v0.18.0
file-icons, v1.6.9
imdone-atom, vundefined
language-haml, v0.21.0
linter, v1.5.0
linter-coffeelint, v1.0.2
linter-ruby, v1.0.2
minimap, v4.13.2
node-debugger, v1.1.8

# Dev
atom-space-pen-views, v2.1.0
browser-plus, v0.0.34
coffee-navigator, v0.1.0
language-ada, v1.1.0
space-pen, v5.1.1
tree-view, v0.186.0

disable atom-terminal-panel if clicks in the browser don't work..

disable atom-terminal-panel if clicks in the browser don't work..until this isssue is resolved in https://github.com/thedaniel/terminal-panel/issues/72

Zoom font when ctrl scrolling.

Any possibilitiy to support zoom font when ctrl scrolling.

the default font size may not work well.

Open current file in browser?

This seems like it should be quite obvious/trivial, but I can't seem to get it to work...

Lil Lonely Square Bracket

Failed to activate the browser-plus package

[Enter steps to reproduce below:]

1. ...
2. ...

Atom Version: 0.200.0
System: Mac OS X 10.10.4
Thrown From: browser-plus package, v0.0.22

Stack Trace

Failed to activate the browser-plus package

At ENOENT: no such file or directory, open '/Users/koen/.atom/dev/packages/browser-plus/resources/browser-plus-client.js'

Error: ENOENT: no such file or directory, open '/Users/koen/.atom/dev/packages/browser-plus/resources/browser-plus-client.js'
    at Error (native)
    at Object.fs.openSync (fs.js:544:18)
    at Object.module.(anonymous function) [as openSync] (ATOM_SHELL_ASAR.js:118:20)
    at Object.fs.readFileSync (fs.js:396:15)
    at Object.fs.readFileSync (ATOM_SHELL_ASAR.js:369:29)
    at Object.module.exports.BrowserPlus.activate (/Users/koen/.atom/packages/browser-plus/lib/browser-plus.coffee:37:20)
    at Package.module.exports.Package.activateNow (/Applications/Atom.app/Contents/Resources/app.asar/src/package.js:238:19)
    at /Applications/Atom.app/Contents/Resources/app.asar/src/package.js:219:30
    at Package.module.exports.Package.measure (/Applications/Atom.app/Contents/Resources/app.asar/src/package.js:163:15)
    at Package.module.exports.Package.activate (/Applications/Atom.app/Contents/Resources/app.asar/src/package.js:211:14)

Commands

Config

{
  "core": {
    "disabledPackages": [
      "wrap-guide",
      "open-on-github",
      "deprecation-cop",
      "terminal-panel"
    ],
    "themes": [
      "isotope-ui",
      "duotone-light-syntax"
    ]
  }
}

Installed Packages

# User
Sublime-Style-Column-Selection, v1.2.3
browser-plus, v0.0.22
color-picker, v1.7.0
duotone-light-syntax, v0.2.0
isotope-ui, v2.1.5
jslint, v1.3.3
language-alan, v0.0.0
minimap, v4.9.0
typewriter, v0.3.3

# Dev
No dev packages

Click doesn't work.

I don't know whether it's a default behavior or not, but I'm not able to clink any of the links on a web page. Any of the menu buttons, such as live, preview, select etc.. are disabled, but even playing around with them nothing change. I've inspected the keymap file (browser-plus.cson) and the click behavior is 'native!' . Is there anything I can do ?

Uncaught TypeError: Cannot read property 'isWaitingForResponse' of undefined

[Enter steps to reproduce below:]

1. ...
2. ...

Atom Version: 0.201.0
System: Mac OS X 10.10.3
Thrown From: browser-plus package, v0.0.22

Stack Trace

Uncaught TypeError: Cannot read property 'isWaitingForResponse' of undefined

At /Applications/Atom.app/Contents/Resources/atom.asar/renderer/lib/web-view/web-view.js:284

TypeError: Cannot read property 'isWaitingForResponse' of undefined
  at webview.isWaitingForResponse (/Applications/Atom.app/Contents/Resources/atom.asar/renderer/lib/web-view/web-view.js:284:77)
  at /Users/Lucas-Arkana/.atom/packages/browser-plus/lib/browser-plus-view.coffee:280:25
  at process._tickCallback (node.js:357:13)

Commands

     -8:43.4.0 vim-mode:move-up (atom-text-editor.editor.vim-mode.is-focused.command-mode)
     -8:43.2.0 core:save (atom-text-editor.editor.vim-mode.is-focused.command-mode)
  2x -8:42.8.0 vim-mode:move-up (atom-text-editor.editor.vim-mode.is-focused.command-mode)
     -8:42.4.0 command-palette:toggle (atom-text-editor.editor.vim-mode.is-focused.command-mode)
     -8:39 core:confirm (atom-text-editor.editor.mini.is-focused)
     -8:39 markdown-preview:toggle (atom-text-editor.editor.vim-mode.command-mode)
 41x -8:37.9.0 vim-mode:move-down (atom-text-editor.editor.vim-mode.command-mode.is-focused)
     -8:33.4.0 core:close (atom-text-editor.editor.vim-mode.command-mode.is-focused)
     -8:31.9.0 command-palette:toggle (atom-text-editor.editor.vim-mode.command-mode.is-focused)
  5x -8:25.9.0 core:backspace (atom-text-editor.editor.mini.is-focused)
     -8:23.7.0 core:confirm (atom-text-editor.editor.mini.is-focused)
     -8:23.7.0 browser-plus:open (atom-text-editor.editor.vim-mode.command-mode)
  2x -2:22 core:cancel (div.markdown-preview.native-key-bindings)
     -1:04.6.0 core:close (atom-pane.pane.active)
     -0:08.6.0 core:cancel (atom-pane.pane.active)
  3x -0:04.9.0 core:close (webview.native-key-bindings)

Config

{
  "core": {},
  "browser-plus": {}
}

Installed Packages

# User
browser-plus, v0.0.22
script, v2.23.0
term2, v0.9.8
vim-mode, v0.49.0

# Dev
No dev packages

Embed DevTools into browser

Hey, is it possible to dock dev tools to bottom?

Live JavaScript Broken

It doesn't seem like JavaScript itself is broken, because the result shows up properly when I first open the open-browser-plus. However, when I click on live, my JavaScript disappears.

Dirty global enviroment

Currently apps get run in a contaminated context. Global variables such as "module" and "jQuery" which don't exist in Chrome, are within scope.

This is especially a problem for UMD modules inside apps which expect global exports. Because UMD detects that module is defined it will export CommonJS instead of the expected global behavior.

Uncaught ReferenceError: path is not defined

[Enter steps to reproduce below:]

1. ...
2. ...

Atom Version: 0.199.0
System: Mac OS X 10.10.3
Thrown From: browser-plus package, v0.0.15

Stack Trace

Uncaught ReferenceError: path is not defined

At /Users/jeff/.atom/packages/browser-plus/lib/browser-plus.coffee:31

ReferenceError: path is not defined
  at /Users/jeff/.atom/packages/browser-plus/lib/browser-plus.coffee:31:12
  at wrappedOpener (/Applications/Atom.app/Contents/Resources/app.asar/src/workspace.js:511:18)
  at Workspace.module.exports.Workspace.openURIInPane (/Applications/Atom.app/Contents/Resources/app.asar/src/workspace.js:433:22)
  at Workspace.module.exports.Workspace.open (/Applications/Atom.app/Contents/Resources/app.asar/src/workspace.js:366:19)
  at EventEmitter.<anonymous> (/Applications/Atom.app/Contents/Resources/app.asar/src/window-event-handler.js:47:25)
  at emitTwo (events.js:87:13)
  at EventEmitter.emit (events.js:169:7)

Commands

Config

{
  "core": {}
}

Installed Packages

# User
browser-plus, v0.0.15
preview-plus, v1.1.34

# Dev
No dev packages

Clean atom install, installed preview-plus and browser-plus... tried to open simple HTML file.

allow-pointer-lock

It would be cool to have pointerlock enabled by adding the allow-pointer-lock attribute to the webview.

wrappedOpener is deprecated.

If you would like your pane item with class HTMLEditor to support modified behavior, please implement a ::onDidChangeModified() method. If not, ignore this message. ::on methods for items are no longer supported.

wrappedOpener (/usr/share/atom/resources/app.asar/src/workspace.js:523:18)
Workspace.openURIInPane (/usr/share/atom/resources/app.asar/src/workspace.js:433:22)
Workspace.open (/usr/share/atom/resources/app.asar/src/workspace.js:366:19)
Object.preview (/home/otto/.atom/packages/preview-plus/lib/preview-plus.coffee:209:21)
Object.toggle (/home/otto/.atom/packages/preview-plus/lib/preview-plus.coffee:152:9)
atom-workspace.atom.commands.add.preview-plus:preview (/home/otto/.atom/packages/preview-plus/lib/preview-plus.coffee:81:68)

Http Authentication not working.

Http Authentication not working.

Jquery isn't working

I've been experiencing problems when I attach jQuery to my projects.

The console report is the '$' isn't defined.

is it possible to sync this thing with chrome?... or google account I should say.

well, the title says it all... is this possible or will it be at some point? thanks

is it possible to view localhost

http://localhost:8080 seems to bring up a google search

unordered javascript loading

Many sites can't be properly loaded inside browser-plus, since order of loading javascript is unusual.

For example:

1. on simple site theautolabs.com jQuery defined to load before application.js, but was loaded after application.js. This is lead to 'Uncaught ReferenceError: $ is not defined' error.
2. something similar was happened on github.com - "Uncaught TypeError: Cannot read property 'find' of undefined" - github can't load jQuery before another script
3. the same on www.linkedin.com
   No such issues with loading the sites in desktop browsers.

Atom Version: 1.0.2
System: Mac OS X 10.10.4
Package: browser-plus package, v0.0.29

FYI: web-browser package deprecated for browser-plus

I changed the repo and atom.io readme for web-browser package to say it is not supported any more and use browser-plus instead. I'd be happy to transfer the ownership of web-browser or do anything else if desired.

This means browser-plus better be supported well or I'll be pissed. (grin)

Why is youtube blocked by default?

It seems to work fine on my end, just wondering

unable to install

atom 196
ubuntu 12.04.5
apm 0.164.0
npm 2.5.1
node 0.10.35
python 2.7.3
git 1.7.9.5

npm ERR! Linux 3.14.0
npm ERR! argv "/usr/share/atom/resources/app/apm/bin/node" "/usr/share/atom/resources/app/apm/node_modules/npm/bin/npm-cli.js" "--globalconfig" "/home/mark/.atom/.apm/.apmrc" "--userconfig" "/home/mark/.atom/.apmrc" "install" "/tmp/d-11543-13509-13wejrl/package.tgz" "--target=0.22.0" "--arch=x64"
npm ERR! node v0.10.35
npm ERR! npm  v2.5.1
npm ERR! code ETARGET

npm ERR! notarget No compatible version found: theorist@'>=1.3.9 <1.4.0'
npm ERR! notarget Valid install targets:
npm ERR! notarget ["0.7.0","0.8.0","0.9.0","0.10.0","0.11.0","0.12.0","0.13.0","0.14.0","1.0.0","1.0.1","1.0.2"]
npm ERR! notarget 

many features don't support win10...

like select, history and Favoritize...

Make Live Preview remember location

First of all, thanks for the great package!

I love Live Preview! However, it always scrolls to the top of the page after refreshing.
It is possible to make Live Preview remember my scroll position? Thanks.

Uncaught TypeError: Cannot read property 'executeJavaScript' of undefined

[Enter steps to reproduce below:]

1. ...
2. ...

Atom Version: 1.0.19
System: Mac OS X 10.11
Thrown From: browser-plus package, v0.0.52

Stack Trace

Uncaught TypeError: Cannot read property 'executeJavaScript' of undefined

At /Applications/Atom.app/Contents/Resources/atom.asar/renderer/lib/web-view/web-view.js:290

TypeError: Cannot read property 'executeJavaScript' of undefined
  at webview.executeJavaScript (/Applications/Atom.app/Contents/Resources/atom.asar/renderer/lib/web-view/web-view.js:290:76)
  at /Users/baboucha/.atom/packages/browser-plus/lib/browser-plus-view.coffee:200:32

Commands

     -6:07.7.0 browser-plus:open (div.settings-view.pane-item)
     -6:06.1.0 core:close (atom-pane.pane.active)
     -5:56.4.0 core:cancel (table.package-keymap-table.table.native-key-bindings.text)
     -0:18.1.0 editor:duplicate-lines (table.native-key-bindings.table.text)
     -0:10.1.0 core:paste (atom-text-editor.editor.mini.is-focused)
     -0:09.4.0 core:undo (atom-text-editor.editor.mini.is-focused)
     -0:02.6.0 browser-plus:open (div.settings-view.pane-item)
     -0:01.7.0 core:close (atom-pane.pane.active)

Config

{
  "core": {
    "disabledPackages": [
      "linter-jsxhint",
      "atom-leap",
      "atom-touch-events",
      "colors",
      "color-picker",
      "css-snippets",
      "debugger",
      "flatten-json",
      "json-colorer",
      "language-arduino",
      "linter-eslint",
      "linter-less",
      "merge-conflicts",
      "sass-watch",
      "turbo-javascript",
      "atom-jsx-transform",
      "dash",
      "language-ejs",
      "language-javascript-jsx",
      "react-snippets",
      "seeing-is-believing",
      "react",
      "linter",
      "jshint",
      "language-babel",
      "keybinding-resolver"
    ],
    "themes": [
      "atom-light-ui",
      "atom-light-syntax"
    ]
  },
  "browser-plus": {
    "node": true
  }
}

Installed Packages

# User
browser-plus, v0.0.52

# Dev
No dev packages

Last update broke something

Updated to version 37, and it stopped working.

Step 1: Install browser-plus or run it

Got this error:

Atom Version: 1.0.19
System: Linux Mint
Thrown From: browser-plus package, v0.0.37

Stack Trace

Failed to load the browser-plus package

At Cannot find module './eval'

Error: Cannot find module './eval'
  at Module._resolveFilename (module.js:334:15)
  at Function.Module._resolveFilename (/usr/share/atom/resources/app.asar/src/module-cache.js:383:52)
  at Function.Module._load (module.js:284:25)
  at Module.require (module.js:363:17)
  at require (module.js:382:17)
  at Object.<anonymous> (/home/gratin/.atom/packages/browser-plus/lib/browser-plus-view.coffee:3:12)
  at Object.<anonymous> (/home/gratin/.atom/packages/browser-plus/lib/browser-plus-view.coffee:1:1)
  at Module._compile (module.js:428:26)
  at Object.defineProperty.value [as .coffee] (/usr/share/atom/resources/app.asar/src/compile-cache.js:169:21)
  at Module.load (module.js:353:32)
  at Function.Module._load (module.js:308:12)
  at Module.require (module.js:363:17)
  at require (module.js:382:17)
  at Object.<anonymous> (/home/gratin/.atom/packages/browser-plus/lib/browser-plus.coffee:3:19)
  at Object.<anonymous> (/home/gratin/.atom/packages/browser-plus/lib/browser-plus.coffee:1:1)
  at Module._compile (module.js:428:26)
  at Object.defineProperty.value [as .coffee] (/usr/share/atom/resources/app.asar/src/compile-cache.js:169:21)
  at Module.load (module.js:353:32)
  at Function.Module._load (module.js:308:12)
  at Module.require (module.js:363:17)
  at require (module.js:382:17)
  at Package.module.exports.Package.requireMainModule (/usr/share/atom/resources/app.asar/src/package.js:761:34)
  at /usr/share/atom/resources/app.asar/src/package.js:192:28
  at Package.module.exports.Package.measure (/usr/share/atom/resources/app.asar/src/package.js:169:15)
  at Package.module.exports.Package.load (/usr/share/atom/resources/app.asar/src/package.js:183:12)
  at PackageManager.module.exports.PackageManager.loadPackage (/usr/share/atom/resources/app.asar/src/package-manager.js:405:14)
  at PackageManager.module.exports.PackageManager.activatePackage (/usr/share/atom/resources/app.asar/src/package-manager.js:485:30)
  at /usr/share/atom/resources/app.asar/node_modules/settings-view/lib/package-manager.js:371:29
  at exit (/usr/share/atom/resources/app.asar/node_modules/settings-view/lib/package-manager.js:60:16)
  at triggerExitCallback (/usr/share/atom/resources/app.asar/src/buffered-process.js:213:47)
  at /usr/share/atom/resources/app.asar/src/buffered-process.js:220:18
  at Socket.<anonymous> (/usr/share/atom/resources/app.asar/src/buffered-process.js:98:18)
  at emitOne (events.js:82:20)
  at Socket.emit (events.js:169:7)
  at Pipe._onclose (net.js:467:12)

Commands

  2x -1:40.7.0 core:confirm (atom-text-editor.editor.mini.is-focused)

Config

{
  "core": {
    "themes": [
      "atom-dark-ui",
      "one-dark-syntax"
    ],
    "destroyEmptyPanes": false
  },
  "browser-plus": {}
}

Installed Packages

# User
browser-plus, v0.0.37
color-picker, v2.0.13
highlight-line, v0.11.0
language-html5-subtlegradient, v0.1.0

# Dev
No dev packages

Uncaught TypeError: Cannot read property 'getUri' of undefined

[Enter steps to reproduce below:]

1. Open Browser-plus

Atom Version: 1.0.19
System: Mac OS X 10.11
Thrown From: browser-plus package, v0.0.35

Stack Trace

Uncaught TypeError: Cannot read property 'getUri' of undefined

At /Users/username/.atom/packages/browser-plus/lib/browser-plus.coffee:83

TypeError: Cannot read property 'getUri' of undefined
  at Object.module.exports.BrowserPlus.open (/Users/username/.atom/packages/browser-plus/lib/browser-plus.coffee:83:41)
  at atom-workspace.subscriptions.add.atom.commands.add.browser-plus:open (/Users/username/.atom/packages/browser-plus/lib/browser-plus.coffee:76:85)
  at CommandRegistry.module.exports.CommandRegistry.handleCommandEvent (/Applications/Atom.app/Contents/Resources/app.asar/src/command-registry.js:245:29)
  at /Applications/Atom.app/Contents/Resources/app.asar/src/command-registry.js:3:61
  at CommandPaletteView.module.exports.CommandPaletteView.confirmed (/Applications/Atom.app/Contents/Resources/app.asar/node_modules/command-palette/lib/command-palette-view.js:159:32)
  at CommandPaletteView.module.exports.SelectListView.confirmSelection (/Applications/Atom.app/Contents/Resources/app.asar/node_modules/atom-space-pen-views/lib/select-list-view.js:338:21)
  at space-pen-div.atom.commands.add.core:confirm (/Applications/Atom.app/Contents/Resources/app.asar/node_modules/atom-space-pen-views/lib/select-list-view.js:109:19)
  at CommandRegistry.module.exports.CommandRegistry.handleCommandEvent (/Applications/Atom.app/Contents/Resources/app.asar/src/command-registry.js:245:29)
  at /Applications/Atom.app/Contents/Resources/app.asar/src/command-registry.js:3:61
  at KeymapManager.module.exports.KeymapManager.dispatchCommandEvent (/Applications/Atom.app/Contents/Resources/app.asar/node_modules/atom-keymap/lib/keymap-manager.js:524:16)
  at KeymapManager.module.exports.KeymapManager.handleKeyboardEvent (/Applications/Atom.app/Contents/Resources/app.asar/node_modules/atom-keymap/lib/keymap-manager.js:347:22)
  at HTMLDocument.module.exports.WindowEventHandler.onKeydown (/Applications/Atom.app/Contents/Resources/app.asar/src/window-event-handler.js:184:20)

Commands

  2x -3:43.4.0 core:backspace (atom-text-editor.editor.mini.is-focused)
     -3:37.9.0 core:confirm (atom-text-editor.editor.mini.is-focused)
     -2:25.2.0 project-manager:list-projects (button.btn.btn-default.icon.icon-link-external)
     -2:23.3.0 editor:consolidate-selections (atom-text-editor.editor.mini.is-focused)
     -2:23.3.0 core:cancel (atom-text-editor.editor.mini.is-focused)
     -2:19.2.0 command-palette:toggle (atom-workspace.workspace.scrollbars-visible-always.theme-one-dark-syntax.theme-one-dark-ui)
     -2:14.6.0 core:confirm (atom-text-editor.editor.mini.is-focused)
     -2:14.6.0 browser-plus:open (atom-workspace.workspace.scrollbars-visible-always.theme-one-dark-syntax.theme-one-dark-ui)
     -0:36.9.0 command-palette:toggle (div.settings-view.pane-item)
  2x -0:33 core:backspace (atom-text-editor.editor.mini.is-focused)
     -0:31.5.0 core:move-down (atom-text-editor.editor.mini.is-focused)
     -0:31.2.0 core:confirm (atom-text-editor.editor.mini.is-focused)
     -0:31.2.0 browser-plus:history (div.settings-view.pane-item)
     -0:03.3.0 command-palette:toggle (atom-pane.pane.active)
     -0:00.7.0 core:confirm (atom-text-editor.editor.mini.is-focused)
     -0:00.7.0 browser-plus:open (atom-pane.pane.active)

Config

{
  "core": {}
}

Installed Packages

# User
aligner, v0.17.0
atom-ternjs, v0.8.1
autoclose-html, v0.19.0
browser-plus, v0.0.35
docblockr, v0.7.3
highlight-line, v0.11.0
highlight-selected, v0.10.1
linter, v1.8.1
linter-jshint, v1.2.1
minimap, v4.13.4
project-manager, v2.6.1
save-session, v0.15.7
vim-mode, v0.60.0
vim-surround, v0.8.0

# Dev
No dev packages

Changelog

Perhaps the changelog could be updated at some point? I check the changelog of every package I update to see what's new, but this one is still from the first commit.

How does the Live Preview works?

Is it able to sync the browser with code changes?

For example on an AngularJs app?

can't paste text into location bar

can't paste text into location bar

does anybody use the navigate package to check the f1 help in the browser

does anybody use the navigate package to check the f1 help in the browser ..install navigate package(http://atom.io/packages/navigate) to check the usefulness of Browser-Plus