Difference between revisions of "Prism"

From MozillaWiki
Jump to: navigation, search
m (User Contributed Bundles)
(User Contributed Bundles: Added reddit webapp)
Line 148: Line 148:
* Meebo: [http://thanscorner.info/wp-content/uploads/2007/10/meebo.webapp meebo.webapp]
* Meebo: [http://thanscorner.info/wp-content/uploads/2007/10/meebo.webapp meebo.webapp]
* Miro Guide: [http://silenceisdefeat.org/~j0ker/miroguide.webapp miroguide.webapp]
* Miro Guide: [http://silenceisdefeat.org/~j0ker/miroguide.webapp miroguide.webapp]
* reddit: [http://www.betelgeuse.ch/~mgrueter/prism/reddit.webapp reddit.webapp]
* Remember The Milk: [http://www.betelgeuse.ch/~mgrueter/prism/rtm.webapp rtm.webapp] (NOTE: Should work with Google Gears [http://www.iosart.com/blog/2007/06/05/install-google-gears-in-a-xulrunner-app-in-3-quick-steps/ with some help])
* Remember The Milk: [http://www.betelgeuse.ch/~mgrueter/prism/rtm.webapp rtm.webapp] (NOTE: Should work with Google Gears [http://www.iosart.com/blog/2007/06/05/install-google-gears-in-a-xulrunner-app-in-3-quick-steps/ with some help])
* Rsizr Image Editor [http://www.blogscooper.com/webapps/Rsizr.webapp rsizr.webapp]
* Rsizr Image Editor [http://www.blogscooper.com/webapps/Rsizr.webapp rsizr.webapp]

Revision as of 07:14, 28 January 2008

Prism is a simple XULRunner based browser that hosts web applications without the normal web browser user interface. Prism is based on a concept called Site Specific Browsers (SSB). An SSB is an application with an embedded browser designed to work exclusively with a single web application. It doesn’t have the menus, toolbars and accoutrements of a normal web browser. Some people have called it a "distraction free browser" because none of the typical browser chrome is used. An SSB also has a tighter integration with the OS and desktop than a typical web application running through a web browser.

WebRunner has become Prism, a Mozilla Labs project. Find more discussion in the Prism user feedback forum.

Prism / SSB Objectives

Looking at what has already been done and discussed about desktop/webapp integration, the following is a suggested roadmap for SSB experimentation:

  • Separate process: When the webapp goes down or locks up, I don’t want anything else affected. Thankfully, Firefox does have session restore, but that is beside the point. When I open many tabs and have several webapps running in a browser, things get slow and unstable after a day or two.
  • Minimal UI: A generic browser UI is not needed for webapps. If any UI is present, make it specific to the webapp I am using.
  • Basic desktop integration: Create shortcuts to start the webapp, add ability to show specialized icons in the tray or dock and ability to display notifications.
  • Platform with extensions: I don’t want to download a full browser runtime for each webapp. I do want to be able to add some custom code/features that are not directly supported in the webapp. I should be able to install one runtime and then get packages or extensions for each webapp. Think Firefox extensions or Greasemonkey scripts. These extensions should be able to tweak the SSB UI as well.
  • Open external links in real browser: If I click a link in the webapp that opens a new site, don’t change my webapp browser window. Open all external links in my default/real browser.

Current Features

  • Window title tracking
  • Context menu for basic clipboard and selection operations
  • Simple Print support via context menu
  • About support via context menu which is useful for checking the XULRunner runtime version
  • Launch Prism with commandline parameters to host specific webapps
  • Web application profile support - parameters for a web app can be saved to an INI-style *.webapp file
  • Support for webapp owned popup windows - some email webapps can use a popup to compose email
  • Show float-over link destinations in the statusbar so users can see where the link will take them
  • Support download manager
  • Support for inline spellcheck and suggestions on context menu
  • A tool to create new webapp profiles so new webapps can be installed from Prism
  • An extension to allow Firefox to create webapp profiles since most of this process starts in the browser


  • Add Taskbar icon representation option for the web applications.
  • Add one instance behavior in order for the shortcuts to bring the web app to view rather than open a second window.
  • Add menus for page setup, open profile and work offline
  • Add support for form field autocompletion, like Firefox
  • Enable extension support so Prism can be tweaked or enhanced. Also, webapps themselves can be tweaked by extensions
  • Create some form of adjusting preferences (about:config?). For instance, I had to add the code below in webruner-prefs.js to adjust proxy
  pref("network.proxy.autoconfig_url", "http://autoproxy.url.pac");
  pref("network.proxy.type", 2)
using a parameter in the .webapp file would be the best solution :
  • Add url/domain/subdomain restriction (external links won't work) give more detail on the discussion page
  • Add ability to open external links with other browsers (Firefox/Konqueror/IE/etc.) this should be working now - give more detail on the discussion page
  • Add ability to have entire software and webapp run from a USB memory device for roaming use.
  • Possibility of full screen mode
  • Find box
  • Use webpage (favicon) icon instead of prism icon
  • Navigation with Alt + mouse scroll wheel is working, even if navigation is disabled in webapp.ini. Maybe it should be like in firefox Shift + mouse scroll wheel when navigation is enabled.
  • Navigation with mouse gestures. A left-click, hold and move cursor to the left would signify a Back page request on a left-click, hold and move cursor to the right would be forward. Others such as to the top left corner to signify minimize window. This would enable the use of touch-screen kiosks without keyboard or mouse attached.
  • More robust command line handling. It would be nice be able to simply type one of these:
webrunner gmail.webapp
webrunner https://mail.google.com/mail - Nope
  • Updater like firefox that tells you when a new version of webrunner has been released.
  • Add something to configure and block advertisement.
  • Back, forward (history) and reload buttons are necessary.
  • Support for increasing and decreasing text size (ctrl++ and ctrl--)
  • Menu option - 'Preferences'
  • Option to load "sidebar services", what I mean by this is the option to load services which are meant to load in sidebar (google Chat and google Notebook have specific webpages for the sidebar for example) and which will load in prism as a fixed size window on the left of the screen (and best would be that maximized windows will stay right of it)
  • Configuration option to sandbox a webapp so it doesn't share cookies with other webapps in the same Prism. This could allow multiple Google apps to be open with different accounts (a@gmail.com Gmail; b@msn.com for Reader; c@hostedgmail.com for Hosted Gmail).
  • Detection of window close ( user clicks the X button ) with JavaScript. Existing ways to detect browser closure are not reliable and in the context of an app it is essential. Detection of window minimize/restore might be useful as well ( like in a real desktop app... )
  • Better shell integration: Most options should be accessible via command line and --help should print out something usable.
  • Add ability to configure/clear private data (cookies, history, passwords, etc.)

Web Application Bundles

A web application bundle is a zip archive that holds a configuration file, icons and an optional webapp JS script. The profile can be used to launch and install the webapp in Prism:

prism -webapp [webapp-bundle]

Whenever a web application has been launched / installed using the above command line and the webapp configuration has an ID parameter, the web application is unpacked into the Prism profile folder and can be launched directly using:

prism -webapp [webapp-id]

Here is a simple how-to for building a basic web application bundle.

See: Prism/Bundle

Web Application Configuration

A webapp bundle should contain a webapp.ini configuration file. The configuration file is a simple, INI-style text file that specifies some parameters about a web application.

See: Prism/Config

Web Application Script

Some Prism-based web applications may want to tweak the behavior or add desktop-ish features to the webapp. Prism supports a simple scripting system that can be used to add custom JS script to the Prism chrome host, but not the webcontent itself.

In the future, the webapp script may have lower privileges. We are looking into the security aspects of the higher privilege level.

See: Prism/Scripting

Web Application Styling

One of Prism's goals is to make web applications feel more like desktop applications. One way to make the illusion seem more real is to use styling (or theming). Prism supports a simple styling system that allows the user to add CSS files to the webapp bundle.

See: Prism/Styling

Prism Host Window

Prism provides a simple, scaled down browser window for running web applications. Using configuration files and webapp scripting, the host window can be modified.

See: Prism/HostWindow


The installer should configure the OS to associate *.webapp files with Prism. This means that when you double-click or launch a *.webapp file, Prism is launched and automatically opens the web application.

Current Windows and Mac installs automatically associate *.webapp with Prism.

One interesting side effect is that after this change, you can select a link to a .webapp file in a Web Page and you get it run by Prism - in IE this runs anywhere, but this won't work in Firefox unless the webapp is being issued with an appropriate MIME type on the server: application/x-webrunner works (see here for an example).


Latest version

NOTE: "bash: ./prism: No such file or directory" error on 64-bit Linux (Ubuntu Gutsy Gibbon) occurs if you do not have the "ia32-libs" package installed. Installing the package with "sudo aptitude install ia32-libs" resolves the issue.



User Contributed Bundles


Blog Posts

ThansCorner: Mozilla Prism - Webrunner with Pazzaz
Mozilla Prism - A Revolution in Web Apps
ThansCorner: Mozilla WebRunner 0.7
Site Specific Browsers
Using WebRunner
WebRunner + Gears = Offline Desktop Reader
WebRunner 0.5
WebRunner 0.5 - Mac Support
WebRunner 0.5 - Linux Install
WebRunner, Google Reader, and Google Notebook
Distraction Free GTD - 32+ web app files for online todo lists
Mozilla WebRunner: a one-window, tabless browser with no URL bar
WebRunner becomes Prism - A Mozilla Labs Project
Mozilla Labs: Prism
Alex Faaborg: Prism
Mozilla Prism: Bringing Web Apps to the Desktop
Everyone should use Site Specific Browsers
Mozilla Prism Portable (Spanish)
Prism, l'avenir des applications Web selon Mozilla (French)
Mozilla Prism : bundle custom Google Reader + Talk (French)