Back to Projects

SQLite Wasm Viewer

TypeScript SQLite Wasm OPFS Web Workers Webpack
SQLite Wasm Viewer - Web-based SQLite browser for OPFS databases

About

SQLite Wasm Viewer is a web-based SQLite browser for inspecting databases created by the SQLite Wasm module and stored in OPFS. It ships as an npm library you can drop into any app that uses SQLite in the browser — call showViewer() and get a full database inspector with no server required.

Features

  • Automatic discovery of SQLite databases in OPFS storage
  • Explorer tree for browsing databases and tables
  • Virtualized table view for smooth scrolling over large datasets
  • Per-column filtering with live query updates
  • In-place cell editing with save and revert via SQLite savepoints
  • Ad-hoc SQL execution panel and query log
  • Resizable three-panel layout
  • Database operations offloaded to a Web Worker
  • Configurable database file detection

Technologies

Built with TypeScript and compiled for distribution via Babel. Database access runs through @sqlite.org/sqlite-wasm inside a dedicated Web Worker, while the UI uses vanilla DOM APIs with a custom list virtualizer for table rendering. OPFS via the File System Access API is used to scan and resolve database files.