YourSlash: Detailed Product Specifications

Core Product Components

1. Web Application

Authentication System:

• Supabase-powered authentication with multiple providers (Google, email/password)
• Persistent session management with automatic token refresh
• Session sharing with Chrome extension via postMessage
• "Never log out" design philosophy for seamless user experience

Cloud Service Integration:

• Google Drive integration with OAuth scopes for file access
• Dropbox integration with appropriate API permissions
• OneDrive integration with Microsoft Graph API
• Extensible architecture for adding future cloud providers

File Management:

• Unified 

• drive_files

•  table in Supabase for storing file metadata
• Support for various file types and formats across providers
• File preview capabilities for common document types
• Shareable link generation for easy content sharing

User Interface:

• Modern, responsive Angular-based interface
• Unified dashboard showing all connected services
• File browser with filtering and sorting capabilities
• Search interface with cross-provider results
• Connection management for adding/removing cloud services

2. Chrome Extension

Core Functionality:

• Quick search across all connected cloud services
• Results display with file previews and quick actions
• Authentication state shared with web application
• Background syncing with cloud providers

Integration Features:

• Context-aware search suggestions
• In-page file access without switching tabs
• Keyboard shortcuts for rapid access
• Notification system for sync status and updates

Technical Architecture

Frontend:

• Angular framework for web application
• TypeScript for type safety and better developer experience
• RxJS for reactive programming patterns
• Angular Material for UI components
• Chrome extension built with standard web technologies

Backend & Data Storage:

• Supabase for authentication, database, and storage
• PostgreSQL database with the following key tables:

  • drive_connections

  • : Stores connection information for cloud providers

  • drive_files

  • : Unified table for file metadata across providers
• RESTful API architecture for cloud provider communication

Authentication Flow:

• Initial authentication through Supabase
• Provider tokens stored securely
• Automatic token refresh mechanisms
• Session persistence across browser sessions

Synchronization System:

• Background sync processes for updating file metadata
• Incremental sync to minimize API usage
• Pagination handling for large file collections
• Error handling and retry mechanisms

User Experience

Onboarding:

1. User creates account or signs in with Google
2. User connects desired cloud services
3. Initial sync process begins, showing progress indicator
4. Dashboard populates with unified file view

Daily Usage:

1. User accesses web app or activates extension
2. Authentication is automatically maintained
3. User searches or browses for content across all services
4. Files can be accessed directly through YourSlash interface

File Access Workflow:

1. User searches for file by name, content, or metadata
2. Results appear from all connected services
3. User selects desired file
4. File opens in appropriate viewer or downloads as needed

Current Development Challenges

Authentication Issues:

• 403 Forbidden errors with Google Drive API due to incorrect OAuth scopes
• Session persistence challenges between web app and extension
• Token refresh mechanisms need optimization

File Synchronization:

• Nested folder traversal limitations in Google Drive
• Handling large file collections efficiently
• Maintaining sync state across multiple devices

Extension Integration:

• Ensuring reliable communication between extension and web app
• Managing authentication state across contexts
• Optimizing performance for instant search results

Roadmap and Future Enhancements

Near-term Priorities:

1. Resolve Google Drive authentication scope issues
2. Implement proper nested folder traversal
3. Enhance session sharing between web app and extension
4. Improve sync performance and reliability

Medium-term Goals:

1. Add content preview for more file types
2. Implement advanced search with content indexing
3. Add collaborative features for shared files
4. Develop mobile companion application

Long-term Vision:

1. AI-powered content organization and suggestions
2. Integration with productivity tools and workflows
3. Enterprise features for team collaboration
4. End-to-end encryption options for sensitive content