mirror of
https://github.com/Frooodle/Stirling-PDF.git
synced 2026-02-01 20:10:35 +01:00
7e3321ee16
FileManager Component Overview
Purpose: Modal component for selecting and managing PDF files with
preview capabilities
Architecture:
- Responsive Layouts: MobileLayout.tsx (stacked) vs DesktopLayout.tsx
(3-column)
- Central State: FileManagerContext handles file operations, selection,
and modal state
- File Storage: IndexedDB persistence with thumbnail caching
Key Components:
- FileSourceButtons: Switch between Recent/Local/Drive sources
- FileListArea: Scrollable file grid with search functionality
- FilePreview: PDF thumbnails with dynamic shadow stacking (1-2 shadow
pages based on file count)
- FileDetails: File info card with metadata
- CompactFileDetails: Mobile-optimized file info layout
File Flow:
1. Users select source → browse/search files → select multiple files →
preview with navigation → open in
tools
2. Files persist across tool switches via FileContext integration
3. Memory management handles large PDFs (up to 100GB+)
```mermaid
graph TD
FM[FileManager] --> ML[MobileLayout]
FM --> DL[DesktopLayout]
ML --> FSB[FileSourceButtons<br/>Recent/Local/Drive]
ML --> FLA[FileListArea]
ML --> FD[FileDetails]
DL --> FSB
DL --> FLA
DL --> FD
FLA --> FLI[FileListItem]
FD --> FP[FilePreview]
FD --> CFD[CompactFileDetails]
```
---------
Co-authored-by: Connor Yoh <connor@stirlingpdf.com>
|
||
|---|---|---|
| .. | ||
| ar-AR | ||
| az-AZ | ||
| bg-BG | ||
| ca-CA | ||
| cs-CZ | ||
| da-DK | ||
| de-DE | ||
| el-GR | ||
| en | ||
| en-GB | ||
| en-US | ||
| es-ES | ||
| eu-ES | ||
| fa-IR | ||
| fr-FR | ||
| ga-IE | ||
| hi-IN | ||
| hr-HR | ||
| hu-HU | ||
| id-ID | ||
| it-IT | ||
| ja-JP | ||
| ko-KR | ||
| ml-ML | ||
| nl-NL | ||
| no-NB | ||
| pl-PL | ||
| pt-BR | ||
| pt-PT | ||
| ro-RO | ||
| ru-RU | ||
| sk-SK | ||
| sl-SI | ||
| sr-LATN-RS | ||
| sv-SE | ||
| th-TH | ||
| tr-TR | ||
| uk-UA | ||
| vi-VN | ||
| zh-BO | ||
| zh-CN | ||
| zh-TW | ||