Indistinguishable from Jesse

My newest Greasemonkey script, TidyBug, cleans up the show-bug page on bugzilla.mozilla.org.

• Old and busted: Bugzilla screenshot
• New hotness: Bugzilla screenshot with TidyBug

TidyBug hides empty fields, making it easier to see the fields that are populated and reducing the amount of scrolling needed to see the comments. In the example above, TidyBug removed 61% of the space above the first comment (from 985 pixels to 381 pixels). Even on busy bugs, such as upvar2, TidyBug makes the bug considerably cleaner (upvar2 screenshot).

Some other things TidyBug does:

• Makes form control borders only appear on hover to reduce visual noise.
• Hides four fields that are mostly useless in bmo (version, architecture, OS, severity).
• Adds keyboard shortcuts for accessing hidden fields and several common actions.
• Clicks the "hide obsolete attachments" link for you.

Is this useful for many people? Should parts of it be uplifted into bugzilla.mozilla.org or the Bugzilla distribution? What new keyboard shortcuts or other features would you like to see?

TidyBox now makes log links and comments easier to access (thanks to Jonas Sicking) and adds pushlog links showing the changes since the last build in the same column (thanks to Boris Zbarsky). The new version also adds links to alternate representations of the tree to the top right of each Tinderbox page.

If you use TidyBox, please install the new version of TidyBox.

I updated Tidybox today. The most requested change I made: fix it to work on static Tinderbox pages, such as http://tinderbox.mozilla.org/Firefox, in addition to the showbuilds.cgi URLs.

Install the new version

Last week, John Resig created a Twitter Quick Reply bookmarklet. I wanted to make replying even faster, so I created a Greasemonkey script that adds a reply box to each tweet. If you follow a Twitter feed and reply frequently, this script could save you some time.

My script uses several advanced Gecko features. First, it uses getElementsByClassName, which was added in Firefox 3, so it will not work in Firefox 2. Second, it uses a transparent iframe background to hide the fact that there is an iframe present. (By the way, did you now that the default background for iframes is transparent? In the past, I have argued that this default is a security hole. But most sites specify a background color, so it's almost moot.)

I've updated Tidybox to work on the Mozilla 2 tree. If you want to use Tidybox there, just install the new version.

The Firefox Tinderbox has been unmanageably wide lately. I wrote a Greasemonkey script, TidyBox, to fix it by moving build results from the table cells to popups that appear when hovering the table cells.

Looking at a screenshot with TidyBox, it's easy to see that exactly one box is orange and that the orange started after the last checkin. With the normal Tinderbox display at the same time, you would probably have to scroll both horizontally and vertically to figure that out.

If you want to see the information about a build while using TidyBox, just hover over the cell. To click links that appear in the popup, click the cell to lock the popup in place and then click the link.

Install TidyBox today and you might never have to scroll Tinderbox again!

Other recent efforts to improve Tinderbox:

• Johnath: Performance Dashboard
• Mossop: Tindermerge
• Vlad: Talos Fix

The Bug attachment source user script adds "source" links for each attachment, making it easier to see the source of attachments that demonstrate crash bugs. For zip attachments, it adds a "contents" link instead.

A recent Bugzilla upgrade changed the attachment table in a way that broke the script. Dan Veditz updated the script to work with the new version of Bugzilla (he got back from vacation before I did).

To use it in Firefox, you need to install Greasemonkey first. (Greasemonkey works fine with Firefox trunk, by the way.)

Stylish, a Firefox extension by Jason Barnabe, lets you manage CSS rules to change the appearance of web sites.

Stylish is to CSS what Greasemonkey is to JavaScript. Stylish allows you to easily manage user styles for the application UI, all websites, or only certain websites. Stylish is better than using userChrome.css/userContent.css because styles are applied immediately instead of requiring a restart.

Some Greasemonkey scripts only add stylesheets. These scripts would work better as user stylesheet additions, because user style rules are applied immediately rather than only after the page finishes loading. Stylish makes it as easy to add a user stylesheet as it is to install Greasemonkey scripts.

You can use it with pre-written user style rules such as my examples or you can write your own as you use the extension. The test styles bookmarklet, which lets you experiment with added CSS rules, complements Stylish well.

Update 2005-02-11: Updated link to point to userstyles.org/stylish instead of the extension's forum thread.