nickbelhomme / firestorageplus

Firefox - Firebug plugin to manage web storage

Hi there 👋

You have found my ✨ secret ✨ Github page. Here is a vegan cookie: 🍪

I cannot imagine what kind of wizardry you performed to reach this page, but man, I am impressed. So impressed you deserve a second cookie: 🍪 Pro Tip: Don't eat them both at once, your tummy might go upset.

Anyways, back to business. You probably didn't come here to eat cookies and get compliments on your search skills. Probably you came here to check out my code... Well, all my code is private with the exception of some really old 8 years and older repos.

But HOLD ON Nick!??? I understand that active work repositories are off limits and thus private, but surely not the open source ones?!!!

You are 100% right and I should HIRE YOU for being so quick and sharp minded. However, when I am making open source contributions, then I fork the project, create a pull request and as soon as that has been merged I delete the fork. The reason is simple. In the past, I did not such thing and my GitHub was littered with stale forks, months to years old... Believe me that is not a pretty sight! AND a waste of precious diskspace! We all have to be a little more green, and if I can help my dear friends at GitHub to save a couple of MBs of disk space I am all for that.

I can see that you are impressed.

In fact, so impressed that you might want to check out some more information of yours truly at the following location:

My LinkedIn page

With this I salute you, 🙏

Your best of friends, Nick

firestorageplus's Issues

No filter selected when accessing the FireStorage Plus! panel for the first time

After installing FireStorage Plus! and switching to its panel there is no filter selected. I'd expect Both to be selected initially.

Test case:

1. Install FireStorage Plus!
2. Open Firebug on http://www.3site.eu/sessionStorage/
3. Switch to the FireStorage Plus! panel

=> No filter is selected and therefore no storage entry is displayed.
When clicking Both or sessionStorage the "sessionStarted" entry is displayed correctly.

Sebastian

Allow deleting storage entries

It should be possible to delete storage entries. This could be done for single entries via a context menu and for all entries via a toolbar button (and maybe also via a context menu).

Sebastian

Incorrect "Inspect in DOM panel" option for storage entries

The context menu for storage entries contains the option Inspect in DOM panel, which doesn't make sense in this context because it's not referring to the actual storage entry but to some FireStorage Plus! internal object representation. Therefore it should be removed.

Test case:

1. Open Firebug at http://www.3site.eu/sessionStorage/
2. Right-click the "sessionStarted" storage entry

=> At the bottom of the menu there is a Inspect in DOM panel option, which should not be shown.

Sebastian

Allow sorting by columns

The user should be able to sort the Name and Value column alphabetically by clicking their headers like it's possible e.g. inside the Net and Cookies panel.

Sebastian

Firebug 2.0 TypeError: Firebug.currentContext is null

I use Firebug 2.0 on Nightly 33 and i got many "TypeError: Firebug.currentContext is null" error calls in the Browser Console.

The error trace refs to this line

firestorageplus/xpi/chrome/content/fireStoragePlusObserver.js

Line 19 in a80b97f

var panel = Firebug.currentContext.getPanel("firestorageplus");

Allow editing the values of exiting storage entries

There should be a possibility to edit the entries of the storages.
This could be done via a separate editor like editing cookies inside the Cookies panel. Though a better UI would be to have an inline editor like suggested for the Cookies panel in issue 5542.

Sebastian

Allow to manage SQLite entries

As described in Firebug issue 3033 FireStorage Plus! should offer a way to display and manipulate data saved inside the IndexedDB database.

Sebastian

Import and Export

It would be great if we could export (backup) the whole or selected part of the LocalStorage as a file, and import (restore) to the browser. Thanks. :-)

Enabling the extension doesn't add it to Firebug's UI

When the extension is disabled and you enable it, the FireStorage Plus! panel isn't added to the Firebug UI.

Test case:

1. Disable FireStorage Plus! via the Add-ons Manager
2. Open Firebug on this page
3. Reenable FireStorage Plus! via the Add-ons Manager

=> The FireStorage Plus! panel isn't visible. You need to restart the browser before being able to use it.

Sebastian

Storage.prototype members are shown

Members of Storage.prototype are displayed under the list of actual storage entries. This adds visual clutter and should be prevented.

Problem started to appear few Firefox versions ago and reproduces on the current version (35.0.1) as well.

Breakpoint column display error

There's little gap between each row, which renders the breakpoint column separated:

It should be a continuous bar with no interruptions.

Sebastian

Firestorage Plus stopped working with Firefox 47

Hello,
I verified that Firestorage Plus no longer works with Firefox 47.0.

Allow to hit Ctrl+Enter to finish editing an entry

When editing a entry inside the storage entry editor you should be able to press Ctrl+Enter to accept the changes and close the dialog.

Test case:

1. Open Firebug on http://www.3site.eu/sessionStorage/
2. Switch to the FireStorage Plus! panel
3. Right-click the "sessionStarted" entry and choose Edit from the context menu
   => The storage entry editor appears.
4. Change the value of the entry to "11111" (without quotes)
5. Press Ctrl+Enter

=> The changes to the entry should be saved and the dialog closed.

Sebastian

Add option to clear all storages at once

People may want to remove all storage entries at once. Therefore it would be nice to have an option in the context menu to do so above the other "Clear ..." options.

Sebastian

Group related context menu options

This might be a little detail but related menu options should not be separated. Currently every single context menu entry for storage entries is having a separator after it.
Though the following options should be grouped:

• Copy and Paste
• Remove, Edit and Create (And their order should probably be the other way round.)
• Clear localStorage for current scope and Clear sessionStorage for current scope

Sebastian

Allow changing width of the columns

The goal of this issue is either to:

• allow changing width of the columns,
• or alter the way the width is calculated.

Currently the columns have automatic width. It's not so bad by default, but:

• when you increase the font size in Firebug using Ctrl++,
• or just have a narrow screen / browser window etc.

then the first column takes the majority of the space and the others are not visible at all or very narrow, with overflowing text.

Allow setting breakpoints

Since you already have a breakpoint column (the gray bar at the left), it would be nice if people could set breakpoints for the different storage items by clicking the column next to them and via a context menu.

Sebastian

localStorage entries are not displayed when displaying all scopes

Test case:

1. Open Firebug on http://www.3site.eu/sessionStorage/
2. Click the localStorage filter button
3. Right-click the panel and choose Create from the context menu
   => The storage entry editor opens.
4. Enter "test" as key and "value" as value and click the OK button
   => The panel lists the newly created entry. (OK)
5. Click the localStorage all scopes filter button

=> The "test" entry is not shown. You need to reload the page to see the entry.

Sebastian

When adding a new storage entry the sorting is changed

When a new entry is added to the storage, the previously chosen column sorting is not kept.

Test case:

1. Open Firebug at http://www.3site.eu/sessionStorage/
2. Switch to the FireStorage Plus! panel
3. Click the header of the Value column
   => The values are sorted descending.
4. Right-click the panel and choose Create from the context menu
   => The storage entry editor appears.
5. Type "test" as key and "11111" as value and click OK

=> The value is added above the "sessionStarted" entry while it should be added below according to its value.

Sebastian

Add options to clear localStorage for specific scope

Displaying the localStorage for all scopes the user should be able to remove all entries for a specific scope at once.

Test case:

1. Open Firebug on http://www.3site.eu/sessionStorage/
2. Switch to the FireStorage Plus! panel
3. Click the localStorage all scopes filter button
   => The panel should list one item from http://www.3site.eu:80 and several ones from about:home.
4. Right-click one of the about:home scope
   => The context menu should have an option Clear localStorage for 'about:home' scope (not implemented yet)
5. Click that option
   => All entries of the localStorage of about:home should be removed. (not implemented yet)

Sebastian

Allow hiding specific columns

As for the Net or the Cookies panel the user should be able to hide specific columns.
To do so the table header should have a context menu allowing to enable/disable the display of certain columns and to reset the column display.

Test case:

1. Open Firebug on http://www.3site.eu/sessionStorage/
2. Switch to the FireStorage Plus! panel
3. Right-click the table header
   => A context menu should appear listing checked menu entries for Key, Value, Storage and Scope plus an option Reset Header. (not existing yet)
4. Click the Scope option
   => The Scope column should be hidden from the table of storage entries. (not possible yet)
5. Right-click the table header again and choose Reset Header from the context menu
   => All initially displayed columns should be shown again.

Sebastian

Allow adding new storage entries

There should be a possibility to add new entries to the storages.
As described in issue 2 there could be a separate editor dialog for this like inside the Cookies panel. Or there could be an inline editor for that, which integrates nicer into the UI.

Sebastian

Add Break On Storage Change

Like for some other panels like e.g. the Cookies panel there should be a Break On ... button allowing the user to stop the script execution whenever a storage entry is added, changed or removed.

Test case:

1. Open Firebug on http://demos.w3avenue.com/html5-unleashed-tips-tricks-and-techniques/sample-09-sessionstorage-demo.html
2. Enable the Script panel
3. Reload the page
4. Switch to the FireStorage Plus! panel
5. Click the Break On Storage Change button in the panel toolbar (not existing yet)
6. Click the Clear sessionStorage button on the page

=> The script execution should stop at line 2 of the "onclick" event handler.

Sebastian

Allow to search within the panel

Like inside the Net panel it should be possible to search for text within the FireStorage Plus! panel.

Test case:

1. Open Firebug on http://www.3site.eu/sessionStorage/
2. Switch to the FireStorage Plus! panel
3. Right-click into the panel and choose Create from the context menu
   => The storage entry editor appears.
4. Type "test" as key and "hello" as value and click the OK button
5. Press the search shortcut (Ctrl+F by default)
   => The search field should be focused. (not implemented yet)
6. Type "test"

=> The "test" entry should be highlighted inside the panel.

Sebastian

Not able to create item when there are no records in storage

Enable relevant context menu items when no items are in storage