Browser Storage Inspector

storage-inspector-js library helps to clear site data & provides storage usage & quota.

Browser Support

Installation

 # If you use npm:
 npm i storage-inspector-js

 # If you use yarn:
 yarn add storage-inspector-js


 ES6 Usage
 import { BROWSER, getStorageUsageAndQuota, clearSiteData } from 'storage-inspector-js';

 Commonjs Usage
 var { BROWSER, getStorageUsageAndQuota, clearSiteData } = require('storage-inspector-js');

Usage

import React, {useEffect} from 'react';
import { BROWSER, getStorageUsageAndQuota, clearSiteData, STORAGE_INFO } from 'storage-inspector-js';

const App = () => {
  const [storageInfo, setStorageInfo] = useState<STORAGE_INFO>()

 useEffect(()=>{
  (async()=>{
     const res= await getStorageUsageAndQuota();
     setStorageInfo(res)
    })()
  },[])


  const clearStorage = async () => {
    await clearSiteData({ reload: true})

    // to delete specific IndexDB
    await clearSiteData({ indexDBName: "DBName", reload: true})

  }

  return (
   <div>
    <h3>BROWSER: {BROWSER}</h3>
    <p>Storage Info: {storageInfo.baked.usage/storageInfo.baked.quota}</p>
    <button onClick={clearStorage}>Clear Site Data</button>
   </div>
  );
};

export default App;

Props