Beaker
< Blog

Beaker 1.0, Beta 7

In Beta 6 we introduced tiling panes. With Beta 7, we take panes even further with “attached mode” and new Web APIs. Watch the video explainer here:

Music by Kick Up Dust

Download Beaker 1.0, Beta 7

Attached Panes

With Beta 6 it became possible to split the page into multiple panes which can navigate independently.

In this release, we’ve extended Beaker with the power to “attach” panes to one another. This makes it possible for panes to browse in concert with each other as if they were part of the same application.

Attached mode is used by Beaker’s builtin tools to give a more integrated experience; for instance, the editor will show the file that you’re viewing and live-reload it as you make changes, while the terminal will navigate the attached pane along with your $CWD.

This “attached mode” can be toggled on and off to drive panes independently when needed.

beaker.panes API

Web applications can leverage the panes API to build tools which interact with other pages (with permission from the user). The API can be used to build attachable comment sections, annotations, content-scrapers, content editors, and much more. See the API documentation here.

beaker.panes.setAttachable()
beaker.panes.getAttachedPane()
beaker.panes.attachToLastActivePane()
beaker.panes.create(url, {attach: boolean})
beaker.panes.navigate(paneId, url)
beaker.panes.focus(paneId)
beaker.panes.executeJavaScript(paneId, script)
beaker.panes.injectCss(paneId, css)
beaker.panes.uninjectCss(paneId, cssId)

beaker.panes.addEventListener("pane-attached")
beaker.panes.addEventListener("pane-detached")
beaker.panes.addEventListener("pane-navigated")

Beaker’s philosophy is that applications should be so powerful that Browser Extensions become an outdated concept. This API and toolset is a major step in that direction.

Changelog

  • Added attachable panes
  • Added status bar UI to panes
  • Added the beaker.panes Web API
  • Fix to tab “mute” controls
  • Fixed an edge-case which caused browsing-session restore to fail
  • Fixed a visual bug with the History view on narrow viewports (Thanks Jonathan Lindroth!)
Download Beaker 1.0, Beta 7
< Blog