How aryansaraogi/docs. works
Docs is a browser-only document manager: users create or drop files onto cards, edit and organize cards, preview or download attachments, and export/import backups. The main orchestration and storage calls are supported by sampled source; several UI and utility details are documented in the README but not fully sampled, so only documented capabilities and clear callback relationships are shown.
Main entry points: Foreground.jsx Workspace · backup.js Backup operations · FileViewer.jsx File viewer · fileStore.js File store
Components 15
Document interface
- App shell
src/App.jsx - Background
src/components/Background.jsx - Workspace
src/components/Foreground.jsx - Add form
src/components/AddCardForm.jsx - Document card
src/components/Card.jsx - File viewer
src/components/FileViewer.jsx - Notifications
src/components/Toast.jsx
Card management
- Card data
src/cards.js - Browser localStorage
File handling
- File store
src/fileStore.js - Browser IndexedDB
- File utilities
src/fileUtils.js
Backup and restore
- Backup operations
src/backup.js - ZIP processing
src/backup.js
Other components
- User
Connections 24
- User → Workspace: uses workspace
- App shell → Workspace: renders
- App shell → Background: renders
- Workspace → Add form: opens form
- Add form → Workspace: submits card
- Workspace → Document card: renders cards
- Document card → Workspace: dispatches actions
- Workspace → File viewer: opens preview
- Workspace → Notifications: shows messages
- Workspace → Card data: loads and merges
- Card data → Browser localStorage: reads cards
- Workspace → Browser localStorage: persists cards
- Workspace → File store: saves and deletes files
- File store → Browser IndexedDB: reads and writes
- Workspace → Backup operations: imports and exports
- Backup operations → File store: loads and saves files
- Backup operations → Card data: normalizes imported cards
- Backup operations → ZIP processing: encodes and decodes
- Backup operations → File utilities: downloads archive
- File viewer → File store: loads attachment
- File viewer → File utilities: classifies preview
- File viewer → Workspace: requests download
- Document card → File utilities: formats file details
- Add form → File utilities: formats file details