@dafcoe/storage-monitor is a simple monitor for local and session storage usage.
It adds a small widget to the bottom right corner of your page showing the overall usage of your local/session storage. When hovered, it expands up showing an item list sorted by size.
See it action on demo page.
Install the package as a project dependency using yarn or npm:
$ yarn add @dafcoe/storage-monitor
// or
$ npm install --save @dafcoe/storage-monitor
Import StorageMonitor class and create an object:
import StorageMonitor from '@dafcoe/storage-monitor';
new StorageMonitor();StorageMonitor class accepts the following arguments:
Stands for the type of storage to monitor. It can either be localStorage (default) or sessionStorage.
new StorageMonitor(localStorage); // same as new StorageMonitor();new StorageMonitor(sessionStorage);An object of options where you can customize the widget visibility and the reload rate.
new StorageMonitor(localStorage, {
showWidget: true,
autoReloadRateMs: 10000, // in milisseconds | default: 1000 | minimum: 1000
});
Please check the demo page to easily see it in action.