- PWA transformation for mobile/desktop web usage.
- Cross-platform data sync via Google Drive.
- Responsive UI that adapts to Extension sidepanel, Mobile PWA, and Desktop Web.
- Firebase Auth for secure identity management.
vite-plugin-pwacan handle dual-build configurations for Extensions and PWAs if configured correctly.- Google Drive
drive.filescope allows app to only access files it creates, improving security. - CRDT-based merging is necessary for offline-first sync stability.
| Decision | Rationale |
|---|---|
| Zustand for State Management | Lightweight, easy to integrate with local storage and sync logic. |
| Firebase Auth | Robust, easy Google OAuth integration, handles cross-device sessions well. |
| GitHub Pages for Web Deployment | Simple, free, integrates with existing GitHub workflow. |
| Issue | Resolution |
|---|---|
| Development Port Conflicts | Identified and terminated processes on port 3102. |
| Extension vs PWA Build configuration | Used environment variables and conditional logic in vite.config.ts. |
| Google Drive OAuth Scopes | Using drive.file scope for granular security. |
| useBackHandler Corruption | Restored utility after accidental deletion during linting fix. |
| Firebase Environment Config | Created .env.example to document required configuration. |
- Project Root:
h:\web\00-Extensions\01-ListDock-Sidebar ToDo\List-Dock - Active Development Plan: task_plan.md
- Development Phases (Legacy): DEVELOPMENT_PHASES.md
- LayoutSwitcher correctly handles viewport changes in local testing (Vite dev server).
- SidebarLayout provides the narrow-vertical view for the extension.