Jose Olarte III
6 days ago
68 changed files with 6074 additions and 1630 deletions
@ -0,0 +1,295 @@ |
|||
# Database Migration Guide |
|||
|
|||
## Overview |
|||
|
|||
The Database Migration feature allows you to compare and migrate data between Dexie (IndexedDB) and SQLite databases in the TimeSafari application. This is particularly useful during the transition from the old Dexie-based storage system to the new SQLite-based system. |
|||
|
|||
## Features |
|||
|
|||
### 1. Database Comparison |
|||
|
|||
- Compare data between Dexie and SQLite databases |
|||
- View detailed differences in contacts and settings |
|||
- Identify added, modified, and missing records |
|||
- Export comparison results for analysis |
|||
|
|||
### 2. Data Migration |
|||
|
|||
- Migrate contacts from Dexie to SQLite |
|||
- Migrate settings from Dexie to SQLite |
|||
- Option to overwrite existing records or skip them |
|||
- Comprehensive error handling and reporting |
|||
|
|||
### 3. User Interface |
|||
|
|||
- Modern, responsive UI built with Tailwind CSS |
|||
- Real-time loading states and progress indicators |
|||
- Clear success and error messaging |
|||
- Export functionality for comparison data |
|||
|
|||
## Prerequisites |
|||
|
|||
### Enable Dexie Database |
|||
|
|||
Before using the migration features, you must enable the Dexie database by setting: |
|||
|
|||
```typescript |
|||
// In constants/app.ts |
|||
export const USE_DEXIE_DB = true; |
|||
``` |
|||
|
|||
**Note**: This should only be enabled temporarily during migration. Remember to set it back to `false` after migration is complete. |
|||
|
|||
## Accessing the Migration Interface |
|||
|
|||
1. Navigate to the **Account** page in the TimeSafari app |
|||
2. Scroll down to find the **Database Migration** link |
|||
3. Click the link to open the migration interface |
|||
|
|||
## Using the Migration Interface |
|||
|
|||
### Step 1: Compare Databases |
|||
|
|||
1. Click the **"Compare Databases"** button |
|||
2. The system will retrieve data from both Dexie and SQLite databases |
|||
3. Review the comparison results showing: |
|||
- Summary counts for each database |
|||
- Detailed differences (added, modified, missing records) |
|||
- Specific records that need attention |
|||
|
|||
### Step 2: Review Differences |
|||
|
|||
The comparison results are displayed in several sections: |
|||
|
|||
#### Summary Cards |
|||
|
|||
- **Dexie Contacts**: Number of contacts in Dexie database |
|||
- **SQLite Contacts**: Number of contacts in SQLite database |
|||
- **Dexie Settings**: Number of settings in Dexie database |
|||
- **SQLite Settings**: Number of settings in SQLite database |
|||
|
|||
#### Contact Differences |
|||
|
|||
- **Added**: Contacts in Dexie but not in SQLite |
|||
- **Modified**: Contacts that differ between databases |
|||
- **Missing**: Contacts in SQLite but not in Dexie |
|||
|
|||
#### Settings Differences |
|||
|
|||
- **Added**: Settings in Dexie but not in SQLite |
|||
- **Modified**: Settings that differ between databases |
|||
- **Missing**: Settings in SQLite but not in Dexie |
|||
|
|||
### Step 3: Configure Migration Options |
|||
|
|||
Before migrating data, configure the migration options: |
|||
|
|||
- **Overwrite existing records**: When enabled, existing records in SQLite will be updated with data from Dexie. When disabled, existing records will be skipped. |
|||
|
|||
### Step 4: Migrate Data |
|||
|
|||
#### Migrate Contacts |
|||
|
|||
1. Click the **"Migrate Contacts"** button |
|||
2. The system will transfer contacts from Dexie to SQLite |
|||
3. Review the migration results showing: |
|||
- Number of contacts successfully migrated |
|||
- Any warnings or errors encountered |
|||
|
|||
#### Migrate Settings |
|||
|
|||
1. Click the **"Migrate Settings"** button |
|||
2. The system will transfer settings from Dexie to SQLite |
|||
3. Review the migration results showing: |
|||
- Number of settings successfully migrated |
|||
- Any warnings or errors encountered |
|||
|
|||
### Step 5: Export Comparison (Optional) |
|||
|
|||
1. Click the **"Export Comparison"** button |
|||
2. A JSON file will be downloaded containing the complete comparison data |
|||
3. This file can be used for analysis or backup purposes |
|||
|
|||
## Migration Process Details |
|||
|
|||
### Contact Migration |
|||
|
|||
The contact migration process: |
|||
|
|||
1. **Retrieves** all contacts from Dexie database |
|||
2. **Checks** for existing contacts in SQLite by DID |
|||
3. **Inserts** new contacts or **updates** existing ones (if overwrite is enabled) |
|||
4. **Handles** complex fields like `contactMethods` (JSON arrays) |
|||
5. **Reports** success/failure for each contact |
|||
|
|||
### Settings Migration |
|||
|
|||
The settings migration process: |
|||
|
|||
1. **Retrieves** all settings from Dexie database |
|||
2. **Focuses** on key user-facing settings: |
|||
- `firstName` |
|||
- `isRegistered` |
|||
- `profileImageUrl` |
|||
- `showShortcutBvc` |
|||
- `searchBoxes` |
|||
3. **Preserves** other settings in SQLite |
|||
4. **Reports** success/failure for each setting |
|||
|
|||
## Error Handling |
|||
|
|||
### Common Issues |
|||
|
|||
#### Dexie Database Not Enabled |
|||
|
|||
**Error**: "Dexie database is not enabled" |
|||
**Solution**: Set `USE_DEXIE_DB = true` in `constants/app.ts` |
|||
|
|||
#### Database Connection Issues |
|||
|
|||
**Error**: "Failed to retrieve Dexie contacts" |
|||
**Solution**: Check that the Dexie database is properly initialized and accessible |
|||
|
|||
#### SQLite Query Errors |
|||
|
|||
**Error**: "Failed to retrieve SQLite contacts" |
|||
**Solution**: Verify that the SQLite database is properly set up and the platform service is working |
|||
|
|||
#### Migration Failures |
|||
|
|||
**Error**: "Migration failed: [specific error]" |
|||
**Solution**: Review the error details and check data integrity in both databases |
|||
|
|||
### Error Recovery |
|||
|
|||
1. **Review** the error messages carefully |
|||
2. **Check** the browser console for additional details |
|||
3. **Verify** database connectivity and permissions |
|||
4. **Retry** the operation if appropriate |
|||
5. **Export** comparison data for manual review if needed |
|||
|
|||
## Best Practices |
|||
|
|||
### Before Migration |
|||
|
|||
1. **Backup** your data if possible |
|||
2. **Test** the migration on a small dataset first |
|||
3. **Verify** that both databases are accessible |
|||
4. **Review** the comparison results before migrating |
|||
|
|||
### During Migration |
|||
|
|||
1. **Don't** interrupt the migration process |
|||
2. **Monitor** the progress and error messages |
|||
3. **Note** any warnings or skipped records |
|||
4. **Export** comparison data for reference |
|||
|
|||
### After Migration |
|||
|
|||
1. **Verify** that data was migrated correctly |
|||
2. **Test** the application functionality |
|||
3. **Disable** Dexie database (`USE_DEXIE_DB = false`) |
|||
4. **Clean up** any temporary files or exports |
|||
|
|||
## Technical Details |
|||
|
|||
### Database Schema |
|||
|
|||
The migration handles the following data structures: |
|||
|
|||
#### Contacts Table |
|||
|
|||
```typescript |
|||
interface Contact { |
|||
did: string; // Decentralized Identifier |
|||
name: string; // Contact name |
|||
contactMethods: ContactMethod[]; // Array of contact methods |
|||
nextPubKeyHashB64: string; // Next public key hash |
|||
notes: string; // Contact notes |
|||
profileImageUrl: string; // Profile image URL |
|||
publicKeyBase64: string; // Public key in base64 |
|||
seesMe: boolean; // Visibility flag |
|||
registered: boolean; // Registration status |
|||
} |
|||
``` |
|||
|
|||
#### Settings Table |
|||
|
|||
```typescript |
|||
interface Settings { |
|||
id: number; // Settings ID |
|||
accountDid: string; // Account DID |
|||
activeDid: string; // Active DID |
|||
firstName: string; // User's first name |
|||
isRegistered: boolean; // Registration status |
|||
profileImageUrl: string; // Profile image URL |
|||
showShortcutBvc: boolean; // UI preference |
|||
searchBoxes: any[]; // Search configuration |
|||
// ... other fields |
|||
} |
|||
``` |
|||
|
|||
### Migration Logic |
|||
|
|||
The migration service uses sophisticated comparison logic: |
|||
|
|||
1. **Primary Key Matching**: Uses DID for contacts, ID for settings |
|||
2. **Deep Comparison**: Compares all fields including complex objects |
|||
3. **JSON Handling**: Properly handles JSON fields like `contactMethods` and `searchBoxes` |
|||
4. **Conflict Resolution**: Provides options for handling existing records |
|||
|
|||
### Performance Considerations |
|||
|
|||
- **Batch Processing**: Processes records one by one for reliability |
|||
- **Error Isolation**: Individual record failures don't stop the entire migration |
|||
- **Memory Management**: Handles large datasets efficiently |
|||
- **Progress Reporting**: Provides real-time feedback during migration |
|||
|
|||
## Troubleshooting |
|||
|
|||
### Migration Stuck |
|||
|
|||
If the migration appears to be stuck: |
|||
|
|||
1. **Check** the browser console for errors |
|||
2. **Refresh** the page and try again |
|||
3. **Verify** database connectivity |
|||
4. **Check** for large datasets that might take time |
|||
|
|||
### Incomplete Migration |
|||
|
|||
If migration doesn't complete: |
|||
|
|||
1. **Review** error messages |
|||
2. **Check** data integrity in both databases |
|||
3. **Export** comparison data for manual review |
|||
4. **Consider** migrating in smaller batches |
|||
|
|||
### Data Inconsistencies |
|||
|
|||
If you notice data inconsistencies: |
|||
|
|||
1. **Export** comparison data |
|||
2. **Review** the differences carefully |
|||
3. **Manually** verify critical records |
|||
4. **Consider** selective migration of specific records |
|||
|
|||
## Support |
|||
|
|||
For issues with the Database Migration feature: |
|||
|
|||
1. **Check** this documentation first |
|||
2. **Review** the browser console for error details |
|||
3. **Export** comparison data for analysis |
|||
4. **Contact** the development team with specific error details |
|||
|
|||
## Security Considerations |
|||
|
|||
- **Data Privacy**: Migration data is processed locally and not sent to external servers |
|||
- **Access Control**: Only users with access to the account can perform migration |
|||
- **Data Integrity**: Migration preserves data integrity and handles conflicts gracefully |
|||
- **Audit Trail**: Export functionality provides an audit trail of migration operations |
|||
|
|||
--- |
|||
|
|||
**Note**: This migration tool is designed for the transition period between database systems. Once migration is complete and verified, the Dexie database should be disabled to avoid confusion and potential data conflicts. |
|||
@ -0,0 +1,272 @@ |
|||
# Migration Fence Definition: Dexie to SQLite |
|||
|
|||
## Overview |
|||
|
|||
This document defines the **migration fence** - the boundary between the legacy Dexie (IndexedDB) storage system and the new SQLite-based storage system in TimeSafari. The fence ensures controlled migration while maintaining data integrity and application stability. |
|||
|
|||
## Current Migration Status |
|||
|
|||
### ✅ Completed Components |
|||
- **SQLite Database Service**: Fully implemented with absurd-sql |
|||
- **Platform Service Layer**: Unified database interface across platforms |
|||
- **Migration Tools**: Data comparison and transfer utilities |
|||
- **Schema Migration**: Complete table structure migration |
|||
- **Data Export/Import**: Backup and restore functionality |
|||
|
|||
### 🔄 Active Migration Components |
|||
- **Settings Migration**: Core user settings transferred |
|||
- **Account Migration**: Identity and key management |
|||
- **Contact Migration**: User contact data (via import interface) |
|||
|
|||
### ❌ Legacy Components (Fence Boundary) |
|||
- **Dexie Database**: Legacy IndexedDB storage (disabled by default) |
|||
- **Dexie-Specific Code**: Direct database access patterns |
|||
- **Legacy Migration Paths**: Old data transfer methods |
|||
|
|||
## Migration Fence Definition |
|||
|
|||
### 1. Configuration Boundary |
|||
|
|||
```typescript |
|||
// src/constants/app.ts |
|||
export const USE_DEXIE_DB = false; // FENCE: Controls legacy database access |
|||
``` |
|||
|
|||
**Fence Rule**: When `USE_DEXIE_DB = false`: |
|||
- All new data operations use SQLite |
|||
- Legacy Dexie database is not initialized |
|||
- Migration tools are the only path to legacy data |
|||
|
|||
**Fence Rule**: When `USE_DEXIE_DB = true`: |
|||
- Legacy database is available for migration |
|||
- Dual-write operations may be enabled |
|||
- Migration tools can access both databases |
|||
|
|||
### 2. Service Layer Boundary |
|||
|
|||
```typescript |
|||
// src/services/PlatformServiceFactory.ts |
|||
export class PlatformServiceFactory { |
|||
public static getInstance(): PlatformService { |
|||
// FENCE: All database operations go through platform service |
|||
// No direct Dexie access outside migration tools |
|||
} |
|||
} |
|||
``` |
|||
|
|||
**Fence Rule**: All database operations must use: |
|||
- `PlatformService.dbQuery()` for read operations |
|||
- `PlatformService.dbExec()` for write operations |
|||
- No direct `db.` or `accountsDBPromise` access in application code |
|||
|
|||
### 3. Data Access Patterns |
|||
|
|||
#### ✅ Allowed (Inside Fence) |
|||
```typescript |
|||
// Use platform service for all database operations |
|||
const platformService = PlatformServiceFactory.getInstance(); |
|||
const contacts = await platformService.dbQuery( |
|||
"SELECT * FROM contacts WHERE did = ?", |
|||
[accountDid] |
|||
); |
|||
``` |
|||
|
|||
#### ❌ Forbidden (Outside Fence) |
|||
```typescript |
|||
// Direct Dexie access (legacy pattern) |
|||
const contacts = await db.contacts.where('did').equals(accountDid).toArray(); |
|||
|
|||
// Direct database reference |
|||
const result = await accountsDBPromise; |
|||
``` |
|||
|
|||
### 4. Migration Tool Boundary |
|||
|
|||
```typescript |
|||
// src/services/indexedDBMigrationService.ts |
|||
// FENCE: Only migration tools can access both databases |
|||
export async function compareDatabases(): Promise<DataComparison> { |
|||
// This is the ONLY place where both databases are accessed |
|||
} |
|||
``` |
|||
|
|||
**Fence Rule**: Migration tools are the exclusive interface between: |
|||
- Legacy Dexie database |
|||
- New SQLite database |
|||
- Data comparison and transfer operations |
|||
|
|||
## Migration Fence Guidelines |
|||
|
|||
### 1. Code Development Rules |
|||
|
|||
#### New Feature Development |
|||
- **Always** use `PlatformService` for database operations |
|||
- **Never** import or reference Dexie directly |
|||
- **Always** test with `USE_DEXIE_DB = false` |
|||
|
|||
#### Legacy Code Maintenance |
|||
- **Only** modify Dexie code for migration purposes |
|||
- **Always** add migration tests for schema changes |
|||
- **Never** add new Dexie-specific features |
|||
|
|||
### 2. Data Integrity Rules |
|||
|
|||
#### Migration Safety |
|||
- **Always** create backups before migration |
|||
- **Always** verify data integrity after migration |
|||
- **Never** delete legacy data until verified |
|||
|
|||
#### Rollback Strategy |
|||
- **Always** maintain ability to rollback to Dexie |
|||
- **Always** preserve migration logs |
|||
- **Never** assume migration is irreversible |
|||
|
|||
### 3. Testing Requirements |
|||
|
|||
#### Migration Testing |
|||
```typescript |
|||
// Required test pattern for migration |
|||
describe('Database Migration', () => { |
|||
it('should migrate data without loss', async () => { |
|||
// 1. Enable Dexie |
|||
// 2. Create test data |
|||
// 3. Run migration |
|||
// 4. Verify data integrity |
|||
// 5. Disable Dexie |
|||
}); |
|||
}); |
|||
``` |
|||
|
|||
#### Application Testing |
|||
```typescript |
|||
// Required test pattern for application features |
|||
describe('Feature with Database', () => { |
|||
it('should work with SQLite only', async () => { |
|||
// Test with USE_DEXIE_DB = false |
|||
// Verify all operations use PlatformService |
|||
}); |
|||
}); |
|||
``` |
|||
|
|||
## Migration Fence Enforcement |
|||
|
|||
### 1. Static Analysis |
|||
|
|||
#### ESLint Rules |
|||
```json |
|||
{ |
|||
"rules": { |
|||
"no-restricted-imports": [ |
|||
"error", |
|||
{ |
|||
"patterns": [ |
|||
{ |
|||
"group": ["../db/index"], |
|||
"message": "Use PlatformService instead of direct Dexie access" |
|||
} |
|||
] |
|||
} |
|||
] |
|||
} |
|||
} |
|||
``` |
|||
|
|||
#### TypeScript Rules |
|||
```json |
|||
{ |
|||
"compilerOptions": { |
|||
"strict": true, |
|||
"noImplicitAny": true |
|||
} |
|||
} |
|||
``` |
|||
|
|||
### 2. Runtime Checks |
|||
|
|||
#### Development Mode Validation |
|||
```typescript |
|||
// Development-only fence validation |
|||
if (import.meta.env.DEV && USE_DEXIE_DB) { |
|||
console.warn('⚠️ Dexie is enabled - migration mode active'); |
|||
} |
|||
``` |
|||
|
|||
#### Production Safety |
|||
```typescript |
|||
// Production fence enforcement |
|||
if (import.meta.env.PROD && USE_DEXIE_DB) { |
|||
throw new Error('Dexie cannot be enabled in production'); |
|||
} |
|||
``` |
|||
|
|||
## Migration Fence Timeline |
|||
|
|||
### Phase 1: Fence Establishment ✅ |
|||
- [x] Define migration fence boundaries |
|||
- [x] Implement PlatformService layer |
|||
- [x] Create migration tools |
|||
- [x] Set `USE_DEXIE_DB = false` by default |
|||
|
|||
### Phase 2: Data Migration 🔄 |
|||
- [x] Migrate core settings |
|||
- [x] Migrate account data |
|||
- [ ] Complete contact migration |
|||
- [ ] Verify all data integrity |
|||
|
|||
### Phase 3: Code Cleanup 📋 |
|||
- [ ] Remove unused Dexie imports |
|||
- [ ] Clean up legacy database code |
|||
- [ ] Update all documentation |
|||
- [ ] Remove migration tools |
|||
|
|||
### Phase 4: Fence Removal 🎯 |
|||
- [ ] Remove `USE_DEXIE_DB` constant |
|||
- [ ] Remove Dexie dependencies |
|||
- [ ] Remove migration service |
|||
- [ ] Finalize SQLite-only architecture |
|||
|
|||
## Security Considerations |
|||
|
|||
### 1. Data Protection |
|||
- **Encryption**: Maintain encryption standards across migration |
|||
- **Access Control**: Preserve user privacy during migration |
|||
- **Audit Trail**: Log all migration operations |
|||
|
|||
### 2. Error Handling |
|||
- **Graceful Degradation**: Handle migration failures gracefully |
|||
- **User Communication**: Clear messaging about migration status |
|||
- **Recovery Options**: Provide rollback mechanisms |
|||
|
|||
## Performance Considerations |
|||
|
|||
### 1. Migration Performance |
|||
- **Batch Operations**: Use transactions for bulk data transfer |
|||
- **Progress Indicators**: Show migration progress to users |
|||
- **Background Processing**: Non-blocking migration operations |
|||
|
|||
### 2. Application Performance |
|||
- **Query Optimization**: Optimize SQLite queries for performance |
|||
- **Indexing Strategy**: Maintain proper database indexes |
|||
- **Memory Management**: Efficient memory usage during migration |
|||
|
|||
## Documentation Requirements |
|||
|
|||
### 1. Code Documentation |
|||
- **Migration Fence Comments**: Document fence boundaries in code |
|||
- **API Documentation**: Update all database API documentation |
|||
- **Migration Guides**: Comprehensive migration documentation |
|||
|
|||
### 2. User Documentation |
|||
- **Migration Instructions**: Clear user migration steps |
|||
- **Troubleshooting**: Common migration issues and solutions |
|||
- **Rollback Instructions**: How to revert if needed |
|||
|
|||
## Conclusion |
|||
|
|||
The migration fence provides a controlled boundary between legacy and new database systems, ensuring: |
|||
- **Data Integrity**: No data loss during migration |
|||
- **Application Stability**: Consistent behavior across platforms |
|||
- **Development Clarity**: Clear guidelines for code development |
|||
- **Migration Safety**: Controlled and reversible migration process |
|||
|
|||
This fence will remain in place until all data is successfully migrated and verified, at which point the legacy system can be safely removed. |
|||
@ -0,0 +1,355 @@ |
|||
# Database Migration Security Audit Checklist |
|||
|
|||
## Overview |
|||
|
|||
This document provides a comprehensive security audit checklist for the Dexie to SQLite migration in TimeSafari. The checklist ensures that data protection, privacy, and security are maintained throughout the migration process. |
|||
|
|||
## Pre-Migration Security Assessment |
|||
|
|||
### 1. Data Classification and Sensitivity |
|||
|
|||
- [ ] **Data Inventory** |
|||
- [ ] Identify all sensitive data types (DIDs, private keys, personal information) |
|||
- [ ] Document data retention requirements |
|||
- [ ] Map data relationships and dependencies |
|||
- [ ] Assess data sensitivity levels (public, internal, confidential, restricted) |
|||
|
|||
- [ ] **Encryption Assessment** |
|||
- [ ] Verify current encryption methods for sensitive data |
|||
- [ ] Document encryption keys and their management |
|||
- [ ] Assess encryption strength and compliance |
|||
- [ ] Plan encryption migration strategy |
|||
|
|||
### 2. Access Control Review |
|||
|
|||
- [ ] **User Access Rights** |
|||
- [ ] Audit current user permissions and roles |
|||
- [ ] Document access control mechanisms |
|||
- [ ] Verify principle of least privilege |
|||
- [ ] Plan access control migration |
|||
|
|||
- [ ] **System Access** |
|||
- [ ] Review database access patterns |
|||
- [ ] Document authentication mechanisms |
|||
- [ ] Assess session management |
|||
- [ ] Plan authentication migration |
|||
|
|||
### 3. Compliance Requirements |
|||
|
|||
- [ ] **Regulatory Compliance** |
|||
- [ ] Identify applicable regulations (GDPR, CCPA, etc.) |
|||
- [ ] Document data processing requirements |
|||
- [ ] Assess privacy impact |
|||
- [ ] Plan compliance verification |
|||
|
|||
- [ ] **Industry Standards** |
|||
- [ ] Review security standards compliance |
|||
- [ ] Document security controls |
|||
- [ ] Assess audit requirements |
|||
- [ ] Plan standards compliance |
|||
|
|||
## Migration Security Controls |
|||
|
|||
### 1. Data Protection During Migration |
|||
|
|||
- [ ] **Encryption in Transit** |
|||
- [ ] Verify all data transfers are encrypted |
|||
- [ ] Use secure communication protocols (TLS 1.3+) |
|||
- [ ] Implement secure API endpoints |
|||
- [ ] Monitor encryption status |
|||
|
|||
- [ ] **Encryption at Rest** |
|||
- [ ] Maintain encryption for stored data |
|||
- [ ] Verify encryption key management |
|||
- [ ] Test encryption/decryption processes |
|||
- [ ] Document encryption procedures |
|||
|
|||
### 2. Access Control During Migration |
|||
|
|||
- [ ] **Authentication** |
|||
- [ ] Maintain user authentication during migration |
|||
- [ ] Verify session management |
|||
- [ ] Implement secure token handling |
|||
- [ ] Monitor authentication events |
|||
|
|||
- [ ] **Authorization** |
|||
- [ ] Preserve user permissions during migration |
|||
- [ ] Verify role-based access control |
|||
- [ ] Implement audit logging |
|||
- [ ] Monitor access patterns |
|||
|
|||
### 3. Data Integrity |
|||
|
|||
- [ ] **Data Validation** |
|||
- [ ] Implement input validation for all data |
|||
- [ ] Verify data format consistency |
|||
- [ ] Test data transformation processes |
|||
- [ ] Document validation rules |
|||
|
|||
- [ ] **Data Verification** |
|||
- [ ] Implement checksums for data integrity |
|||
- [ ] Verify data completeness after migration |
|||
- [ ] Test data consistency checks |
|||
- [ ] Document verification procedures |
|||
|
|||
## Migration Process Security |
|||
|
|||
### 1. Backup Security |
|||
|
|||
- [ ] **Backup Creation** |
|||
- [ ] Create encrypted backups before migration |
|||
- [ ] Verify backup integrity |
|||
- [ ] Store backups securely |
|||
- [ ] Test backup restoration |
|||
|
|||
- [ ] **Backup Access** |
|||
- [ ] Limit backup access to authorized personnel |
|||
- [ ] Implement backup access logging |
|||
- [ ] Verify backup encryption |
|||
- [ ] Document backup procedures |
|||
|
|||
### 2. Migration Tool Security |
|||
|
|||
- [ ] **Tool Authentication** |
|||
- [ ] Implement secure authentication for migration tools |
|||
- [ ] Verify tool access controls |
|||
- [ ] Monitor tool usage |
|||
- [ ] Document tool security |
|||
|
|||
- [ ] **Tool Validation** |
|||
- [ ] Verify migration tool integrity |
|||
- [ ] Test tool security features |
|||
- [ ] Validate tool outputs |
|||
- [ ] Document tool validation |
|||
|
|||
### 3. Error Handling |
|||
|
|||
- [ ] **Error Security** |
|||
- [ ] Implement secure error handling |
|||
- [ ] Avoid information disclosure in errors |
|||
- [ ] Log security-relevant errors |
|||
- [ ] Document error procedures |
|||
|
|||
- [ ] **Recovery Security** |
|||
- [ ] Implement secure recovery procedures |
|||
- [ ] Verify recovery data protection |
|||
- [ ] Test recovery processes |
|||
- [ ] Document recovery security |
|||
|
|||
## Post-Migration Security |
|||
|
|||
### 1. Data Verification |
|||
|
|||
- [ ] **Data Completeness** |
|||
- [ ] Verify all data was migrated successfully |
|||
- [ ] Check for data corruption |
|||
- [ ] Validate data relationships |
|||
- [ ] Document verification results |
|||
|
|||
- [ ] **Data Accuracy** |
|||
- [ ] Verify data accuracy after migration |
|||
- [ ] Test data consistency |
|||
- [ ] Validate data integrity |
|||
- [ ] Document accuracy checks |
|||
|
|||
### 2. Access Control Verification |
|||
|
|||
- [ ] **User Access** |
|||
- [ ] Verify user access rights after migration |
|||
- [ ] Test authentication mechanisms |
|||
- [ ] Validate authorization rules |
|||
- [ ] Document access verification |
|||
|
|||
- [ ] **System Access** |
|||
- [ ] Verify system access controls |
|||
- [ ] Test API security |
|||
- [ ] Validate session management |
|||
- [ ] Document system security |
|||
|
|||
### 3. Security Testing |
|||
|
|||
- [ ] **Penetration Testing** |
|||
- [ ] Conduct security penetration testing |
|||
- [ ] Test for common vulnerabilities |
|||
- [ ] Verify security controls |
|||
- [ ] Document test results |
|||
|
|||
- [ ] **Vulnerability Assessment** |
|||
- [ ] Scan for security vulnerabilities |
|||
- [ ] Assess security posture |
|||
- [ ] Identify security gaps |
|||
- [ ] Document assessment results |
|||
|
|||
## Monitoring and Logging |
|||
|
|||
### 1. Security Monitoring |
|||
|
|||
- [ ] **Access Monitoring** |
|||
- [ ] Monitor database access patterns |
|||
- [ ] Track user authentication events |
|||
- [ ] Monitor system access |
|||
- [ ] Document monitoring procedures |
|||
|
|||
- [ ] **Data Monitoring** |
|||
- [ ] Monitor data access patterns |
|||
- [ ] Track data modification events |
|||
- [ ] Monitor data integrity |
|||
- [ ] Document data monitoring |
|||
|
|||
### 2. Security Logging |
|||
|
|||
- [ ] **Audit Logging** |
|||
- [ ] Implement comprehensive audit logging |
|||
- [ ] Log all security-relevant events |
|||
- [ ] Secure log storage and access |
|||
- [ ] Document logging procedures |
|||
|
|||
- [ ] **Log Analysis** |
|||
- [ ] Implement log analysis tools |
|||
- [ ] Monitor for security incidents |
|||
- [ ] Analyze security trends |
|||
- [ ] Document analysis procedures |
|||
|
|||
## Incident Response |
|||
|
|||
### 1. Security Incident Planning |
|||
|
|||
- [ ] **Incident Response Plan** |
|||
- [ ] Develop security incident response plan |
|||
- [ ] Define incident response procedures |
|||
- [ ] Train incident response team |
|||
- [ ] Document response procedures |
|||
|
|||
- [ ] **Incident Detection** |
|||
- [ ] Implement incident detection mechanisms |
|||
- [ ] Monitor for security incidents |
|||
- [ ] Establish incident reporting procedures |
|||
- [ ] Document detection procedures |
|||
|
|||
### 2. Recovery Procedures |
|||
|
|||
- [ ] **Data Recovery** |
|||
- [ ] Develop data recovery procedures |
|||
- [ ] Test recovery processes |
|||
- [ ] Verify recovery data integrity |
|||
- [ ] Document recovery procedures |
|||
|
|||
- [ ] **System Recovery** |
|||
- [ ] Develop system recovery procedures |
|||
- [ ] Test system recovery |
|||
- [ ] Verify system security after recovery |
|||
- [ ] Document recovery procedures |
|||
|
|||
## Compliance Verification |
|||
|
|||
### 1. Regulatory Compliance |
|||
|
|||
- [ ] **Privacy Compliance** |
|||
- [ ] Verify GDPR compliance |
|||
- [ ] Check CCPA compliance |
|||
- [ ] Assess other privacy regulations |
|||
- [ ] Document compliance status |
|||
|
|||
- [ ] **Security Compliance** |
|||
- [ ] Verify security standard compliance |
|||
- [ ] Check industry requirements |
|||
- [ ] Assess security certifications |
|||
- [ ] Document compliance status |
|||
|
|||
### 2. Audit Requirements |
|||
|
|||
- [ ] **Audit Trail** |
|||
- [ ] Maintain comprehensive audit trail |
|||
- [ ] Verify audit log integrity |
|||
- [ ] Test audit log accessibility |
|||
- [ ] Document audit procedures |
|||
|
|||
- [ ] **Audit Reporting** |
|||
- [ ] Generate audit reports |
|||
- [ ] Verify report accuracy |
|||
- [ ] Distribute reports securely |
|||
- [ ] Document reporting procedures |
|||
|
|||
## Documentation and Training |
|||
|
|||
### 1. Security Documentation |
|||
|
|||
- [ ] **Security Procedures** |
|||
- [ ] Document security procedures |
|||
- [ ] Update security policies |
|||
- [ ] Create security guidelines |
|||
- [ ] Maintain documentation |
|||
|
|||
- [ ] **Security Training** |
|||
- [ ] Develop security training materials |
|||
- [ ] Train staff on security procedures |
|||
- [ ] Verify training effectiveness |
|||
- [ ] Document training procedures |
|||
|
|||
### 2. Ongoing Security |
|||
|
|||
- [ ] **Security Maintenance** |
|||
- [ ] Establish security maintenance procedures |
|||
- [ ] Schedule security updates |
|||
- [ ] Monitor security trends |
|||
- [ ] Document maintenance procedures |
|||
|
|||
- [ ] **Security Review** |
|||
- [ ] Conduct regular security reviews |
|||
- [ ] Update security controls |
|||
- [ ] Assess security effectiveness |
|||
- [ ] Document review procedures |
|||
|
|||
## Risk Assessment |
|||
|
|||
### 1. Risk Identification |
|||
|
|||
- [ ] **Security Risks** |
|||
- [ ] Identify potential security risks |
|||
- [ ] Assess risk likelihood and impact |
|||
- [ ] Prioritize security risks |
|||
- [ ] Document risk assessment |
|||
|
|||
- [ ] **Mitigation Strategies** |
|||
- [ ] Develop risk mitigation strategies |
|||
- [ ] Implement risk controls |
|||
- [ ] Monitor risk status |
|||
- [ ] Document mitigation procedures |
|||
|
|||
### 2. Risk Monitoring |
|||
|
|||
- [ ] **Risk Tracking** |
|||
- [ ] Track identified risks |
|||
- [ ] Monitor risk status |
|||
- [ ] Update risk assessments |
|||
- [ ] Document risk tracking |
|||
|
|||
- [ ] **Risk Reporting** |
|||
- [ ] Generate risk reports |
|||
- [ ] Distribute risk information |
|||
- [ ] Update risk documentation |
|||
- [ ] Document reporting procedures |
|||
|
|||
## Conclusion |
|||
|
|||
This security audit checklist ensures that the database migration maintains the highest standards of data protection, privacy, and security. Regular review and updates of this checklist are essential to maintain security throughout the migration process and beyond. |
|||
|
|||
### Security Checklist Summary |
|||
|
|||
- [ ] **Pre-Migration Assessment**: Complete |
|||
- [ ] **Migration Controls**: Complete |
|||
- [ ] **Process Security**: Complete |
|||
- [ ] **Post-Migration Verification**: Complete |
|||
- [ ] **Monitoring and Logging**: Complete |
|||
- [ ] **Incident Response**: Complete |
|||
- [ ] **Compliance Verification**: Complete |
|||
- [ ] **Documentation and Training**: Complete |
|||
- [ ] **Risk Assessment**: Complete |
|||
|
|||
**Overall Security Status**: [ ] Secure [ ] Needs Attention [ ] Critical Issues |
|||
|
|||
**Next Review Date**: _______________ |
|||
|
|||
**Reviewed By**: _______________ |
|||
|
|||
**Approved By**: _______________ |
|||
File diff suppressed because it is too large
@ -0,0 +1,75 @@ |
|||
{ |
|||
"warning": { |
|||
"fillRule": "evenodd", |
|||
"d": "M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z", |
|||
"clipRule": "evenodd" |
|||
}, |
|||
"spinner": { |
|||
"d": "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" |
|||
}, |
|||
"chart": { |
|||
"strokeLinecap": "round", |
|||
"strokeLinejoin": "round", |
|||
"strokeWidth": "2", |
|||
"d": "M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z" |
|||
}, |
|||
"plus": { |
|||
"strokeLinecap": "round", |
|||
"strokeLinejoin": "round", |
|||
"strokeWidth": "2", |
|||
"d": "M12 4v16m8-8H4" |
|||
}, |
|||
"settings": { |
|||
"strokeLinecap": "round", |
|||
"strokeLinejoin": "round", |
|||
"strokeWidth": "2", |
|||
"d": "M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z" |
|||
}, |
|||
"settingsDot": { |
|||
"strokeLinecap": "round", |
|||
"strokeLinejoin": "round", |
|||
"strokeWidth": "2", |
|||
"d": "M15 12a3 3 0 11-6 0 3 3 0 016 0z" |
|||
}, |
|||
"lock": { |
|||
"strokeLinecap": "round", |
|||
"strokeLinejoin": "round", |
|||
"strokeWidth": "2", |
|||
"d": "M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z" |
|||
}, |
|||
"download": { |
|||
"strokeLinecap": "round", |
|||
"strokeLinejoin": "round", |
|||
"strokeWidth": "2", |
|||
"d": "M12 10v6m0 0l-3-3m3 3l3-3m2 8H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" |
|||
}, |
|||
"check": { |
|||
"strokeLinecap": "round", |
|||
"strokeLinejoin": "round", |
|||
"strokeWidth": "2", |
|||
"d": "M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" |
|||
}, |
|||
"edit": { |
|||
"strokeLinecap": "round", |
|||
"strokeLinejoin": "round", |
|||
"strokeWidth": "2", |
|||
"d": "M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z" |
|||
}, |
|||
"trash": { |
|||
"strokeLinecap": "round", |
|||
"strokeLinejoin": "round", |
|||
"strokeWidth": "2", |
|||
"d": "M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16" |
|||
}, |
|||
"plusCircle": { |
|||
"strokeLinecap": "round", |
|||
"strokeLinejoin": "round", |
|||
"strokeWidth": "2", |
|||
"d": "M12 6v6m0 0v6m0-6h6m-6 0H6" |
|||
}, |
|||
"info": { |
|||
"fillRule": "evenodd", |
|||
"d": "M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z", |
|||
"clipRule": "evenodd" |
|||
} |
|||
} |
|||
@ -0,0 +1,90 @@ |
|||
<template> |
|||
<svg |
|||
v-if="iconData" |
|||
:class="svgClass" |
|||
:fill="fill" |
|||
:stroke="stroke" |
|||
:viewBox="viewBox" |
|||
xmlns="http://www.w3.org/2000/svg" |
|||
> |
|||
<path v-for="(path, index) in iconData.paths" :key="index" v-bind="path" /> |
|||
</svg> |
|||
</template> |
|||
|
|||
<script lang="ts"> |
|||
import { Component, Prop, Vue } from "vue-facing-decorator"; |
|||
import icons from "../assets/icons.json"; |
|||
import { logger } from "../utils/logger"; |
|||
|
|||
/** |
|||
* Icon path interface |
|||
*/ |
|||
interface IconPath { |
|||
d: string; |
|||
fillRule?: string; |
|||
clipRule?: string; |
|||
strokeLinecap?: string; |
|||
strokeLinejoin?: string; |
|||
strokeWidth?: string | number; |
|||
fill?: string; |
|||
stroke?: string; |
|||
} |
|||
|
|||
/** |
|||
* Icon data interface |
|||
*/ |
|||
interface IconData { |
|||
paths: IconPath[]; |
|||
} |
|||
|
|||
/** |
|||
* Icons JSON structure |
|||
*/ |
|||
interface IconsJson { |
|||
[key: string]: IconPath | IconData; |
|||
} |
|||
|
|||
/** |
|||
* Icon Renderer Component |
|||
* |
|||
* This component loads SVG icon definitions from a JSON file and renders them |
|||
* as SVG elements. It provides a clean way to use icons without cluttering |
|||
* templates with long SVG path definitions. |
|||
* |
|||
* @author Matthew Raymer |
|||
* @version 1.0.0 |
|||
* @since 2024 |
|||
*/ |
|||
@Component({ |
|||
name: "IconRenderer", |
|||
}) |
|||
export default class IconRenderer extends Vue { |
|||
@Prop({ required: true }) readonly iconName!: string; |
|||
@Prop({ default: "h-5 w-5" }) readonly svgClass!: string; |
|||
@Prop({ default: "none" }) readonly fill!: string; |
|||
@Prop({ default: "currentColor" }) readonly stroke!: string; |
|||
@Prop({ default: "0 0 24 24" }) readonly viewBox!: string; |
|||
|
|||
/** |
|||
* Get the icon data for the specified icon name |
|||
* |
|||
* @returns {IconData | null} The icon data object or null if not found |
|||
*/ |
|||
get iconData(): IconData | null { |
|||
const icon = (icons as IconsJson)[this.iconName]; |
|||
if (!icon) { |
|||
logger.warn(`Icon "${this.iconName}" not found in icons.json`); |
|||
return null; |
|||
} |
|||
|
|||
// Convert single path to array format for consistency |
|||
if ("d" in icon) { |
|||
return { |
|||
paths: [icon as IconPath], |
|||
}; |
|||
} |
|||
|
|||
return icon as IconData; |
|||
} |
|||
} |
|||
</script> |
|||
@ -1 +1 @@ |
|||
Check the contact & settings export to see whether you want your new table to be included in it. |
|||
# Check the contact & settings export to see whether you want your new table to be included in it |
|||
|
|||
File diff suppressed because it is too large
File diff suppressed because it is too large
@ -0,0 +1,227 @@ |
|||
<template> |
|||
<!-- CONTENT --> |
|||
<section id="Content" class="relative w-[100vw] h-[100vh]"> |
|||
<div |
|||
class="p-6 bg-white w-full max-w-[calc((100vh-env(safe-area-inset-top)-env(safe-area-inset-bottom))*0.4)] mx-auto" |
|||
> |
|||
<div class="mb-4"> |
|||
<h1 class="text-xl text-center font-semibold relative mb-4"> |
|||
Redirecting to Time Safari |
|||
</h1> |
|||
|
|||
<div v-if="destinationUrl" class="space-y-4"> |
|||
<!-- Platform-specific messaging --> |
|||
<div class="text-center text-gray-600 mb-4"> |
|||
<p v-if="isMobile"> |
|||
{{ |
|||
isIOS |
|||
? "Opening Time Safari app on your iPhone..." |
|||
: "Opening Time Safari app on your Android device..." |
|||
}} |
|||
</p> |
|||
<p v-else>Opening Time Safari app...</p> |
|||
<p class="text-sm mt-2"> |
|||
<span v-if="isMobile" |
|||
>If the app doesn't open automatically, use one of these |
|||
options:</span |
|||
> |
|||
<span v-else>Choose how you'd like to open this link:</span> |
|||
</p> |
|||
</div> |
|||
|
|||
<!-- Deep Link Button --> |
|||
<div class="text-center"> |
|||
<a |
|||
:href="deepLinkUrl || '#'" |
|||
class="inline-block bg-blue-600 text-white px-6 py-3 rounded-lg font-medium hover:bg-blue-700 transition-colors" |
|||
@click="handleDeepLinkClick" |
|||
> |
|||
<span v-if="isMobile">Open in Time Safari App</span> |
|||
<span v-else>Try Opening in Time Safari App</span> |
|||
</a> |
|||
</div> |
|||
|
|||
<!-- Web Fallback Link --> |
|||
<div class="text-center"> |
|||
<a |
|||
:href="webUrl || '#'" |
|||
target="_blank" |
|||
class="inline-block bg-gray-600 text-white px-6 py-3 rounded-lg font-medium hover:bg-gray-700 transition-colors" |
|||
@click="handleWebFallbackClick" |
|||
> |
|||
<span v-if="isMobile">Open in Web Browser Instead</span> |
|||
<span v-else>Open in Web Browser</span> |
|||
</a> |
|||
</div> |
|||
|
|||
<!-- Manual Instructions --> |
|||
<div class="text-center text-sm text-gray-500 mt-4"> |
|||
<p v-if="isMobile"> |
|||
Or manually open: |
|||
<code class="bg-gray-100 px-2 py-1 rounded">{{ |
|||
deepLinkUrl |
|||
}}</code> |
|||
</p> |
|||
<p v-else> |
|||
If you have the Time Safari app installed, you can also copy this |
|||
link: |
|||
<code class="bg-gray-100 px-2 py-1 rounded">{{ |
|||
deepLinkUrl |
|||
}}</code> |
|||
</p> |
|||
</div> |
|||
|
|||
<!-- Platform info for debugging --> |
|||
<div |
|||
v-if="isDevelopment" |
|||
class="text-center text-xs text-gray-400 mt-4" |
|||
> |
|||
<p> |
|||
Platform: {{ isMobile ? (isIOS ? "iOS" : "Android") : "Desktop" }} |
|||
</p> |
|||
<p>User Agent: {{ userAgent.substring(0, 50) }}...</p> |
|||
</div> |
|||
</div> |
|||
|
|||
<div v-else-if="pageError" class="text-center text-red-500 mb-4"> |
|||
{{ pageError }} |
|||
</div> |
|||
|
|||
<div v-else class="text-center text-gray-600"> |
|||
<p>Processing redirect...</p> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</section> |
|||
</template> |
|||
|
|||
<script lang="ts"> |
|||
import { Component, Vue } from "vue-facing-decorator"; |
|||
import { RouteLocationNormalizedLoaded, Router } from "vue-router"; |
|||
|
|||
import { APP_SERVER } from "@/constants/app"; |
|||
import { logger } from "@/utils/logger"; |
|||
import { errorStringForLog } from "@/libs/endorserServer"; |
|||
import { PlatformServiceFactory } from "@/services/PlatformServiceFactory"; |
|||
|
|||
@Component({}) |
|||
export default class DeepLinkRedirectView extends Vue { |
|||
$router!: Router; |
|||
$route!: RouteLocationNormalizedLoaded; |
|||
pageError: string | null = null; |
|||
destinationUrl: string | null = null; // full path after "/deep-link/" |
|||
deepLinkUrl: string | null = null; // mobile link starting "timesafari://" |
|||
webUrl: string | null = null; // web link, eg "https://timesafari.app/..." |
|||
isDevelopment: boolean = false; |
|||
userAgent: string = ""; |
|||
private platformService = PlatformServiceFactory.getInstance(); |
|||
|
|||
mounted() { |
|||
// Get the path from the route parameter (catch-all parameter) |
|||
const pathParam = this.$route.params.path; |
|||
|
|||
// If pathParam is an array (catch-all parameter), join it |
|||
const fullPath = Array.isArray(pathParam) ? pathParam.join("/") : pathParam; |
|||
|
|||
// Get query parameters from the route |
|||
const queryParams = this.$route.query; |
|||
|
|||
// Build query string if there are query parameters |
|||
let queryString = ""; |
|||
if (Object.keys(queryParams).length > 0) { |
|||
const searchParams = new URLSearchParams(); |
|||
Object.entries(queryParams).forEach(([key, value]) => { |
|||
if (value !== undefined && value !== null) { |
|||
const stringValue = Array.isArray(value) ? value[0] : value; |
|||
if (stringValue !== null && stringValue !== undefined) { |
|||
searchParams.append(key, stringValue); |
|||
} |
|||
} |
|||
}); |
|||
queryString = "?" + searchParams.toString(); |
|||
} |
|||
|
|||
// Combine path with query parameters |
|||
const fullPathWithQuery = fullPath + queryString; |
|||
|
|||
this.destinationUrl = fullPathWithQuery; |
|||
this.deepLinkUrl = `timesafari://${fullPathWithQuery}`; |
|||
this.webUrl = `${APP_SERVER}/${fullPathWithQuery}`; |
|||
|
|||
this.isDevelopment = process.env.NODE_ENV !== "production"; |
|||
this.userAgent = navigator.userAgent; |
|||
|
|||
this.openDeepLink(); |
|||
} |
|||
|
|||
private openDeepLink() { |
|||
if (!this.deepLinkUrl || !this.webUrl) { |
|||
this.pageError = |
|||
"No deep link was provided. Check the URL and try again."; |
|||
return; |
|||
} |
|||
|
|||
try { |
|||
// For mobile, try the deep link URL; for desktop, use the web URL |
|||
const redirectUrl = this.isMobile ? this.deepLinkUrl : this.webUrl; |
|||
|
|||
// Method 1: Try window.location.href (works on most browsers) |
|||
window.location.href = redirectUrl; |
|||
|
|||
// Method 2: Fallback - create and click a link element |
|||
setTimeout(() => { |
|||
try { |
|||
const link = document.createElement("a"); |
|||
link.href = redirectUrl; |
|||
link.style.display = "none"; |
|||
document.body.appendChild(link); |
|||
link.click(); |
|||
document.body.removeChild(link); |
|||
} catch (error) { |
|||
logger.error( |
|||
"Fallback deep link failed: " + errorStringForLog(error), |
|||
); |
|||
this.pageError = |
|||
"Redirecting to the Time Safari app failed. Please use a manual option below."; |
|||
} |
|||
}, 100); |
|||
} catch (error) { |
|||
logger.error("Deep link redirect failed: " + errorStringForLog(error)); |
|||
this.pageError = |
|||
"Unable to open the Time Safari app. Please use a manual option below."; |
|||
} |
|||
} |
|||
|
|||
private handleDeepLinkClick(event: Event) { |
|||
if (!this.deepLinkUrl) return; |
|||
|
|||
// Prevent default to handle the click manually |
|||
event.preventDefault(); |
|||
|
|||
this.openDeepLink(); |
|||
} |
|||
|
|||
private handleWebFallbackClick(event: Event) { |
|||
if (!this.webUrl) return; |
|||
|
|||
// Get platform capabilities |
|||
const capabilities = this.platformService.getCapabilities(); |
|||
|
|||
// For mobile, try to open in a new tab/window |
|||
if (capabilities.isMobile) { |
|||
event.preventDefault(); |
|||
window.open(this.webUrl, "_blank"); |
|||
} |
|||
// For desktop, let the default behavior happen (opens in same tab) |
|||
} |
|||
|
|||
// Computed properties for template |
|||
get isMobile(): boolean { |
|||
return this.platformService.getCapabilities().isMobile; |
|||
} |
|||
|
|||
get isIOS(): boolean { |
|||
return this.platformService.getCapabilities().isIOS; |
|||
} |
|||
} |
|||
</script> |
|||
Loading…
Reference in new issue