This page looks best with JavaScript enabled

Webapps With Xombrero

 ·  ☕ 3 min read

Background

My definition of a webapp is an application that is web-based rather than based on code/processing that has to be installed. A great example of a webapp is TiddlyWiki, a simple html file that provides a local wiki.

For this article’s purpose, we will assume the following:

  • user’s Xombrero directory: ~/.xombrero

Details

Creating a webapp with Xombrero consists of the following tasks:

  • Create a new Xombrero config file for the webapp
  • Create any shortcut(s) needed to launch xombrero with the new config

Create Xombrero Config File

Create or copy an existing Xombrero config file. Xombrero config files go in the config directory within the user’s Xombrero directory. For this example, we will call the new config file tiddlywiki.conf (e.g. ~/.xombrero/config/tiddlywiki.conf) and place the following contents in the file:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
browser_mode = whitelist

#cookie whitelists
cookie_wl = file://

#javascript whitelist
js_wl = file://

#plugins whitelist
pl_wl = file://

home                    = file:///home/user/notes/tiddlywiki.html
download_dir            = ~/downloads
tab_style               = compact
default_zoom_level      = .75
enable_localstorage     = 1
show_tabs               = 0
show_url                = 0
fancy_bar               = 0
enable_spell_checking   = 1
session_autosave        = 0
window_width            = 605
window_height           = 440
enable_plugins          = 1
enable_plugin_whitelist = 1
keybinding              = unbind,BackSpace

Please note that the example config file above needs to be adjusted:

  • cookie_wl, js_wl, pl_wl: if your webapp needs cookies, javascript, or plugins you need to ensure the webapp is whitelisted (the above example of file:// allows anything local)
  • home: this needs to be changed to point to the local (or remote) html file you want to view
  • window_width: adjust to your need
  • window_height: adjust to your need
  • keybinding: I unbind the backspace key as I do not like its default behavior (navigate back in browser history).

An example of Xombrero with the above config file:

startpage.com with added ads section distinguished

Create Launcher / Shortcut

You can now open your webapp!

  • command line: $ xombrero -s tiddlywiki -f ~/.xombrero/config/tiddlywiki.conf

You can use the above command in your window manager of choice to create a desktop launcher, keyboard shortcut, or other launcher.

Notes

  • I use the above to create separate ‘profiles’ in Xombrero for a site (or set of sites) that I want to segregate.
  • I use a custom version of TiddlyWiki to make it more space-efficient, if you would like a copy of my version please contact me
  • Using Xombrero with TiddlyWiki does require the TiddlySaver.jar which is not high on my like list, I am currently working on a pure python replacement for TiddlySaver.jar.
Share on

drad
WRITTEN BY
drad
Sr. Consultant