https://github.com/cheeaun/stakataka
A browser extension that visualizes (Service Worker) Cache Storage for web sites
https://github.com/cheeaun/stakataka
cache-storage chrome-extension service-worker
Last synced: 11 months ago
JSON representation
A browser extension that visualizes (Service Worker) Cache Storage for web sites
- Host: GitHub
- URL: https://github.com/cheeaun/stakataka
- Owner: cheeaun
- Created: 2025-04-15T02:45:50.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-04-19T07:41:09.000Z (about 1 year ago)
- Last Synced: 2025-07-19T00:25:40.566Z (11 months ago)
- Topics: cache-storage, chrome-extension, service-worker
- Language: JavaScript
- Homepage:
- Size: 340 KB
- Stars: 8
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Stakataka
A browser extension that visualizes (Service Worker) Cache Storage for web sites. Stakataka helps developers understand what's stored in the browser's cache storage ([`window.caches`](https://developer.mozilla.org/en-US/docs/Web/API/Window/caches), [`CacheStorage`](https://developer.mozilla.org/en-US/docs/Web/API/CacheStorage)) and how much space it occupies through multiple visualization options.
- Chrome: [chromewebstore.google.com/detail/stakataka/mdekjccfminpcgmcpmjnfgimifhibagc](https://chromewebstore.google.com/detail/stakataka/mdekjccfminpcgmcpmjnfgimifhibagc)
- Edge: [microsoftedge.microsoft.com/addons/detail/stakataka/hkkljdlfakafpnfpgdnamhpmhhjphlkc](https://microsoftedge.microsoft.com/addons/detail/stakataka/hkkljdlfakafpnfpgdnamhpmhhjphlkc)
- Firefox: [addons.mozilla.org/en-US/firefox/addon/stakataka/](https://addons.mozilla.org/en-US/firefox/addon/stakataka/)
> [!NOTE]
> Cache storage is different than the browser's own cache, localStorage, sessionStorage, IndexedDB, and other storage APIs. It is used by Service Workers to cache network requests and responses for offline access and faster loading times.
## Features
- Scan Cache Storage for the active tab
- Multiple visualization options:
- Treemap view
- Sunburst chart view
- Tabular view with sorting and pagination
## Screenshots
## Usage
1. Navigate to a web page
2. Click the Stakataka extension icon
3. Click "Visualize Cache Storage"
4. View the cache data in your preferred visualization format
## Development
```
npm install
npm run dev
```
### Notes
`CHROME_REFRESH_TOKEN` doesn't seem to be able to be generated via `wxt` ([Issue #1462](https://github.com/wxt-dev/wxt/issues/1462)). Follow instructions from here: https://github.com/fregante/chrome-webstore-upload-keys where this command is needed in later steps:
```
npx chrome-webstore-upload-keys
```
## Technologies
- [WXT](https://wxt.dev/) - Web Extension development framework
- [React](https://react.dev/) - UI framework
- [webtreemap](https://github.com/evmar/webtreemap) ([fork](https://github.com/paulirish/webtreemap-cdt)) - Treemap visualization
- [react-sunburst-chart](https://github.com/vasturiano/react-sunburst-chart) - Sunburst chart visualization
- [react-data-table-component](https://github.com/jbetancur/react-data-table-component) - Data table component
- [pretty-bytes](https://github.com/sindresorhus/pretty-bytes) - Byte formatting utility
## Mascot
[Stakataka](https://bulbapedia.bulbagarden.net/wiki/Stakataka_(Pok%C3%A9mon)) is a dual-type Rock/Steel Ultra Beast Pokémon.
## Contributing
Contributions are welcome! If you'd like to contribute, please open an issue or submit a pull request.
## License
[MIT License](https://cheeaun.mit-license.org/)