Browse Source
- Add Android test app with exact alarm permission testing - Add iOS test app with rolling window and BGTaskScheduler testing - Add Electron test app with mock implementations and IPC - Include automated setup scripts for each platform - Provide comprehensive testing checklist and troubleshooting guide - Follow best practices for Capacitor plugin testing Test apps include: - Plugin configuration and scheduling validation - Platform-specific feature testing (Android exact alarms, iOS rolling window) - Performance monitoring and debug information - Error handling and edge case testing - Cross-platform API consistency validation Setup: Run ./setup-*.sh scripts for automated platform setup Testing: Each app provides interactive UI for comprehensive plugin validation Files: 25+ new files across test-apps/ directoryresearch/notification-plugin-enhancement
Matthew Raymer
6 days ago
29 changed files with 2165 additions and 37 deletions
@ -0,0 +1,208 @@ |
|||
# API Reference |
|||
|
|||
## DailyNotificationPlugin Interface |
|||
|
|||
### Configuration |
|||
|
|||
#### `configure(options: ConfigureOptions): Promise<void>` |
|||
Configure the plugin with storage, TTL, and optimization settings. |
|||
|
|||
**Parameters:** |
|||
- `options.storage`: `'shared'` | `'tiered'` - Storage mode |
|||
- `options.ttlSeconds`: `number` - TTL in seconds (default: 1800) |
|||
- `options.prefetchLeadMinutes`: `number` - Prefetch lead time (default: 15) |
|||
- `options.enableETagSupport`: `boolean` - Enable ETag conditional requests |
|||
- `options.enableErrorHandling`: `boolean` - Enable advanced error handling |
|||
- `options.enablePerformanceOptimization`: `boolean` - Enable performance optimization |
|||
|
|||
### Core Methods |
|||
|
|||
#### `scheduleDailyNotification(options: NotificationOptions): Promise<void>` |
|||
Schedule a daily notification with content fetching. |
|||
|
|||
**Parameters:** |
|||
- `options.url`: `string` - Content endpoint URL |
|||
- `options.time`: `string` - Time in HH:MM format |
|||
- `options.title`: `string` - Notification title |
|||
- `options.body`: `string` - Notification body |
|||
- `options.sound`: `boolean` - Enable sound (optional) |
|||
- `options.retryConfig`: `RetryConfiguration` - Custom retry settings (optional) |
|||
|
|||
#### `getLastNotification(): Promise<NotificationResponse | null>` |
|||
Get the last scheduled notification. |
|||
|
|||
#### `cancelAllNotifications(): Promise<void>` |
|||
Cancel all scheduled notifications. |
|||
|
|||
### Platform-Specific Methods |
|||
|
|||
#### Android Only |
|||
|
|||
##### `getExactAlarmStatus(): Promise<ExactAlarmStatus>` |
|||
Get exact alarm permission and capability status. |
|||
|
|||
##### `requestExactAlarmPermission(): Promise<void>` |
|||
Request exact alarm permission from user. |
|||
|
|||
##### `openExactAlarmSettings(): Promise<void>` |
|||
Open exact alarm settings in system preferences. |
|||
|
|||
##### `getRebootRecoveryStatus(): Promise<RecoveryStatus>` |
|||
Get reboot recovery status and statistics. |
|||
|
|||
### Management Methods |
|||
|
|||
#### `maintainRollingWindow(): Promise<void>` |
|||
Manually trigger rolling window maintenance. |
|||
|
|||
#### `getRollingWindowStats(): Promise<RollingWindowStats>` |
|||
Get rolling window statistics and status. |
|||
|
|||
### Optimization Methods |
|||
|
|||
#### `optimizeDatabase(): Promise<void>` |
|||
Optimize database performance with indexes and settings. |
|||
|
|||
#### `optimizeMemory(): Promise<void>` |
|||
Optimize memory usage and perform cleanup. |
|||
|
|||
#### `optimizeBattery(): Promise<void>` |
|||
Optimize battery usage and background CPU. |
|||
|
|||
### Metrics and Monitoring |
|||
|
|||
#### `getPerformanceMetrics(): Promise<PerformanceMetrics>` |
|||
Get comprehensive performance metrics. |
|||
|
|||
#### `getErrorMetrics(): Promise<ErrorMetrics>` |
|||
Get error handling metrics and statistics. |
|||
|
|||
#### `getNetworkMetrics(): Promise<NetworkMetrics>` |
|||
Get network efficiency metrics (ETag support). |
|||
|
|||
#### `getMemoryMetrics(): Promise<MemoryMetrics>` |
|||
Get memory usage metrics and statistics. |
|||
|
|||
#### `getObjectPoolMetrics(): Promise<ObjectPoolMetrics>` |
|||
Get object pooling efficiency metrics. |
|||
|
|||
### Utility Methods |
|||
|
|||
#### `resetPerformanceMetrics(): Promise<void>` |
|||
Reset all performance metrics to zero. |
|||
|
|||
#### `resetErrorMetrics(): Promise<void>` |
|||
Reset error handling metrics. |
|||
|
|||
#### `clearRetryStates(): Promise<void>` |
|||
Clear all retry states and operations. |
|||
|
|||
#### `cleanExpiredETags(): Promise<void>` |
|||
Clean expired ETag cache entries. |
|||
|
|||
## Data Types |
|||
|
|||
### ConfigureOptions |
|||
```typescript |
|||
interface ConfigureOptions { |
|||
storage?: 'shared' | 'tiered'; |
|||
ttlSeconds?: number; |
|||
prefetchLeadMinutes?: number; |
|||
enableETagSupport?: boolean; |
|||
enableErrorHandling?: boolean; |
|||
enablePerformanceOptimization?: boolean; |
|||
maxRetries?: number; |
|||
baseRetryDelay?: number; |
|||
maxRetryDelay?: number; |
|||
backoffMultiplier?: number; |
|||
memoryWarningThreshold?: number; |
|||
memoryCriticalThreshold?: number; |
|||
objectPoolSize?: number; |
|||
maxObjectPoolSize?: number; |
|||
} |
|||
``` |
|||
|
|||
### NotificationOptions |
|||
```typescript |
|||
interface NotificationOptions { |
|||
url: string; |
|||
time: string; |
|||
title: string; |
|||
body: string; |
|||
sound?: boolean; |
|||
retryConfig?: RetryConfiguration; |
|||
} |
|||
``` |
|||
|
|||
### ExactAlarmStatus (Android) |
|||
```typescript |
|||
interface ExactAlarmStatus { |
|||
supported: boolean; |
|||
enabled: boolean; |
|||
canSchedule: boolean; |
|||
fallbackWindow: string; |
|||
} |
|||
``` |
|||
|
|||
### PerformanceMetrics |
|||
```typescript |
|||
interface PerformanceMetrics { |
|||
overallScore: number; |
|||
databasePerformance: number; |
|||
memoryEfficiency: number; |
|||
batteryEfficiency: number; |
|||
objectPoolEfficiency: number; |
|||
totalDatabaseQueries: number; |
|||
averageMemoryUsage: number; |
|||
objectPoolHits: number; |
|||
backgroundCpuUsage: number; |
|||
totalNetworkRequests: number; |
|||
recommendations: string[]; |
|||
} |
|||
``` |
|||
|
|||
### ErrorMetrics |
|||
```typescript |
|||
interface ErrorMetrics { |
|||
totalErrors: number; |
|||
networkErrors: number; |
|||
storageErrors: number; |
|||
schedulingErrors: number; |
|||
permissionErrors: number; |
|||
configurationErrors: number; |
|||
systemErrors: number; |
|||
unknownErrors: number; |
|||
cacheHitRatio: number; |
|||
} |
|||
``` |
|||
|
|||
## Error Handling |
|||
|
|||
All methods return promises that reject with descriptive error messages. The plugin includes comprehensive error categorization and retry logic. |
|||
|
|||
### Common Error Types |
|||
- **Network Errors**: Connection timeouts, DNS failures |
|||
- **Storage Errors**: Database corruption, disk full |
|||
- **Permission Errors**: Missing exact alarm permission |
|||
- **Configuration Errors**: Invalid parameters, unsupported settings |
|||
- **System Errors**: Out of memory, platform limitations |
|||
|
|||
## Platform Differences |
|||
|
|||
### Android |
|||
- Requires `SCHEDULE_EXACT_ALARM` permission for precise timing |
|||
- Falls back to windowed alarms (±10m) if exact permission denied |
|||
- Supports reboot recovery with broadcast receivers |
|||
- Full performance optimization features |
|||
|
|||
### iOS |
|||
- Uses `BGTaskScheduler` for background prefetch |
|||
- Limited to 64 pending notifications |
|||
- Automatic background task management |
|||
- Battery optimization built-in |
|||
|
|||
### Web |
|||
- Placeholder implementations for development |
|||
- No actual notification scheduling |
|||
- All methods return mock data |
|||
- Used for testing and development |
|||
@ -0,0 +1,181 @@ |
|||
# Daily Notification Plugin - Usage Guide |
|||
|
|||
## Quick Start |
|||
|
|||
```typescript |
|||
import { DailyNotification } from '@timesafari/daily-notification-plugin'; |
|||
|
|||
// 1. Configure the plugin |
|||
await DailyNotification.configure({ |
|||
storage: 'shared', // Use shared SQLite database |
|||
ttlSeconds: 1800, // 30 minutes TTL |
|||
prefetchLeadMinutes: 15 // Prefetch 15 minutes before delivery |
|||
}); |
|||
|
|||
// 2. Schedule a notification |
|||
await DailyNotification.scheduleDailyNotification({ |
|||
url: 'https://api.example.com/daily-content', |
|||
time: '09:00', |
|||
title: 'Daily Update', |
|||
body: 'Your daily notification is ready' |
|||
}); |
|||
``` |
|||
|
|||
## Configuration Options |
|||
|
|||
### Storage Mode |
|||
- **`'shared'`** (Recommended): Uses shared SQLite database with WAL mode |
|||
- **`'tiered'`** (Legacy): Uses SharedPreferences/UserDefaults + in-memory cache |
|||
|
|||
### TTL Settings |
|||
- **`ttlSeconds`**: Maximum age of content at delivery time (default: 1800 = 30 minutes) |
|||
- **`prefetchLeadMinutes`**: How early to prefetch content (default: 15 minutes) |
|||
|
|||
### Performance Optimization |
|||
- **`enableETagSupport`**: Use conditional requests for bandwidth savings |
|||
- **`enableErrorHandling`**: Advanced retry logic with exponential backoff |
|||
- **`enablePerformanceOptimization`**: Database indexes, memory management, object pooling |
|||
|
|||
## Platform-Specific Features |
|||
|
|||
### Android |
|||
```typescript |
|||
// Check exact alarm status |
|||
const alarmStatus = await DailyNotification.getExactAlarmStatus(); |
|||
if (!alarmStatus.canSchedule) { |
|||
// Request permission or use windowed fallback |
|||
await DailyNotification.requestExactAlarmPermission(); |
|||
} |
|||
|
|||
// Check reboot recovery status |
|||
const recoveryStatus = await DailyNotification.getRebootRecoveryStatus(); |
|||
if (recoveryStatus.recoveryNeeded) { |
|||
console.log('System may have rebooted - notifications restored'); |
|||
} |
|||
``` |
|||
|
|||
### iOS |
|||
```typescript |
|||
// Background tasks are automatically handled |
|||
// The plugin uses BGTaskScheduler for T–lead prefetch |
|||
// No additional configuration needed |
|||
``` |
|||
|
|||
## Advanced Usage |
|||
|
|||
### Error Handling |
|||
```typescript |
|||
// Configure retry behavior |
|||
await DailyNotification.configure({ |
|||
maxRetries: 3, |
|||
baseRetryDelay: 1000, // 1 second |
|||
maxRetryDelay: 30000, // 30 seconds |
|||
backoffMultiplier: 2.0 |
|||
}); |
|||
|
|||
// Monitor error metrics |
|||
const errorMetrics = await DailyNotification.getErrorMetrics(); |
|||
console.log(`Network errors: ${errorMetrics.networkErrors}`); |
|||
console.log(`Cache hit ratio: ${errorMetrics.cacheHitRatio}`); |
|||
``` |
|||
|
|||
### Performance Monitoring |
|||
```typescript |
|||
// Get performance metrics |
|||
const metrics = await DailyNotification.getPerformanceMetrics(); |
|||
console.log(`Performance score: ${metrics.overallScore}/100`); |
|||
console.log(`Memory usage: ${metrics.averageMemoryUsage}MB`); |
|||
|
|||
// Optimize if needed |
|||
if (metrics.overallScore < 70) { |
|||
await DailyNotification.optimizeMemory(); |
|||
await DailyNotification.optimizeDatabase(); |
|||
} |
|||
``` |
|||
|
|||
### Rolling Window Management |
|||
```typescript |
|||
// Manual maintenance |
|||
await DailyNotification.maintainRollingWindow(); |
|||
|
|||
// Check status |
|||
const windowStats = await DailyNotification.getRollingWindowStats(); |
|||
console.log(`Maintenance needed: ${windowStats.maintenanceNeeded}`); |
|||
console.log(`Time until next: ${windowStats.timeUntilNextMaintenance}ms`); |
|||
``` |
|||
|
|||
## Production Configuration |
|||
|
|||
```typescript |
|||
// Recommended production settings |
|||
await DailyNotification.configure({ |
|||
storage: 'shared', |
|||
ttlSeconds: 1800, |
|||
prefetchLeadMinutes: 15, |
|||
enableETagSupport: true, |
|||
enableErrorHandling: true, |
|||
enablePerformanceOptimization: true, |
|||
memoryWarningThreshold: 50, // MB |
|||
memoryCriticalThreshold: 100, // MB |
|||
objectPoolSize: 20, |
|||
maxObjectPoolSize: 100 |
|||
}); |
|||
``` |
|||
|
|||
## Troubleshooting |
|||
|
|||
### Common Issues |
|||
|
|||
1. **Notifications not firing** |
|||
- Check exact alarm permissions on Android |
|||
- Verify TTL settings aren't too restrictive |
|||
- Ensure rolling window is maintained |
|||
|
|||
2. **High memory usage** |
|||
- Enable performance optimization |
|||
- Check memory thresholds |
|||
- Monitor object pool efficiency |
|||
|
|||
3. **Network efficiency** |
|||
- Enable ETag support |
|||
- Monitor cache hit ratios |
|||
- Check error retry patterns |
|||
|
|||
### Debug Information |
|||
|
|||
```typescript |
|||
// Get comprehensive debug info |
|||
const debugInfo = await DailyNotification.getDebugInfo(); |
|||
console.log('Plugin Status:', debugInfo.status); |
|||
console.log('Configuration:', debugInfo.configuration); |
|||
console.log('Recent Errors:', debugInfo.recentErrors); |
|||
``` |
|||
|
|||
## Migration from Legacy Storage |
|||
|
|||
```typescript |
|||
// The plugin automatically migrates from tiered to shared storage |
|||
// No manual migration needed - just configure with storage: 'shared' |
|||
await DailyNotification.configure({ |
|||
storage: 'shared' // Triggers automatic migration |
|||
}); |
|||
``` |
|||
|
|||
## Best Practices |
|||
|
|||
1. **Always configure before scheduling** - Set up storage, TTL, and optimization features |
|||
2. **Monitor performance metrics** - Use built-in monitoring to optimize settings |
|||
3. **Handle errors gracefully** - Implement retry logic and fallback mechanisms |
|||
4. **Test on both platforms** - Android and iOS have different capabilities and limitations |
|||
5. **Use production settings** - Enable all optimization features for production use |
|||
|
|||
## API Reference |
|||
|
|||
See `src/definitions.ts` for complete TypeScript interface definitions. |
|||
|
|||
## Examples |
|||
|
|||
- **Basic Usage**: `examples/usage.ts` |
|||
- **Phase-by-Phase**: `examples/phase1-*.ts`, `examples/phase2-*.ts`, `examples/phase3-*.ts` |
|||
- **Advanced Scenarios**: `examples/advanced-usage.ts` |
|||
- **Enterprise Features**: `examples/enterprise-usage.ts` |
|||
@ -0,0 +1,160 @@ |
|||
# Test Apps Setup Guide |
|||
|
|||
## Overview |
|||
|
|||
This guide creates minimal Capacitor test apps for validating the Daily Notification Plugin across all target platforms. |
|||
|
|||
## Directory Structure |
|||
|
|||
``` |
|||
test-apps/ |
|||
├── android-test/ # Android test app |
|||
├── ios-test/ # iOS test app |
|||
├── electron-test/ # Electron test app |
|||
├── setup-android.sh # Android setup script |
|||
├── setup-ios.sh # iOS setup script |
|||
├── setup-electron.sh # Electron setup script |
|||
└── README.md # This guide |
|||
``` |
|||
|
|||
## Prerequisites |
|||
|
|||
- Node.js 18+ |
|||
- Capacitor CLI: `npm install -g @capacitor/cli` |
|||
- Android Studio (for Android) |
|||
- Xcode (for iOS) |
|||
- Platform-specific SDKs |
|||
|
|||
## Quick Start |
|||
|
|||
### Option 1: Automated Setup (Recommended) |
|||
```bash |
|||
# Setup all platforms |
|||
./setup-android.sh |
|||
./setup-ios.sh |
|||
./setup-electron.sh |
|||
``` |
|||
|
|||
### Option 2: Manual Setup |
|||
```bash |
|||
# Android |
|||
cd android-test |
|||
npm install |
|||
npx cap init "Daily Notification Android Test" "com.timesafari.dailynotification.androidtest" |
|||
npx cap add android |
|||
npm run build |
|||
npx cap sync android |
|||
|
|||
# iOS |
|||
cd ios-test |
|||
npm install |
|||
npx cap init "Daily Notification iOS Test" "com.timesafari.dailynotification.iostest" |
|||
npx cap add ios |
|||
npm run build |
|||
npx cap sync ios |
|||
|
|||
# Electron |
|||
cd electron-test |
|||
npm install |
|||
npm run build-web |
|||
``` |
|||
|
|||
## Test App Features |
|||
|
|||
Each test app includes: |
|||
- **Plugin Configuration**: Test shared SQLite, TTL, prefetch settings |
|||
- **Notification Scheduling**: Basic daily notification setup |
|||
- **Platform-Specific Features**: |
|||
- Android: Exact alarm permissions, reboot recovery |
|||
- iOS: Rolling window management, BGTaskScheduler |
|||
- Electron: Mock implementations, IPC communication |
|||
- **Performance Monitoring**: Metrics collection and display |
|||
- **Error Handling**: Comprehensive error testing |
|||
- **Debug Information**: Platform-specific debug data |
|||
|
|||
## Platform-Specific Testing |
|||
|
|||
### Android Test App |
|||
- **Exact Alarm Status**: Check permission and capability |
|||
- **Permission Requests**: Test exact alarm permission flow |
|||
- **Performance Metrics**: Monitor Android-specific optimizations |
|||
- **Reboot Recovery**: Validate system restart handling |
|||
|
|||
### iOS Test App |
|||
- **Rolling Window**: Test notification limit management |
|||
- **Background Tasks**: Validate BGTaskScheduler integration |
|||
- **Performance Metrics**: Monitor iOS-specific optimizations |
|||
- **Memory Management**: Test object pooling and cleanup |
|||
|
|||
### Electron Test App |
|||
- **Mock Implementations**: Test web platform compatibility |
|||
- **IPC Communication**: Validate Electron-specific APIs |
|||
- **Development Workflow**: Test plugin integration |
|||
- **Debug Information**: Platform-specific status display |
|||
|
|||
## Running the Test Apps |
|||
|
|||
### Android |
|||
```bash |
|||
cd android-test |
|||
npm run dev # Web development server |
|||
npx cap open android # Open in Android Studio |
|||
npx cap run android # Run on device/emulator |
|||
``` |
|||
|
|||
### iOS |
|||
```bash |
|||
cd ios-test |
|||
npm run dev # Web development server |
|||
npx cap open ios # Open in Xcode |
|||
npx cap run ios # Run on device/simulator |
|||
``` |
|||
|
|||
### Electron |
|||
```bash |
|||
cd electron-test |
|||
npm start # Run Electron app |
|||
npm run dev # Run in development mode |
|||
``` |
|||
|
|||
## Testing Checklist |
|||
|
|||
### Core Functionality |
|||
- [ ] Plugin configuration works |
|||
- [ ] Notification scheduling succeeds |
|||
- [ ] Error handling functions properly |
|||
- [ ] Performance metrics are accurate |
|||
|
|||
### Platform-Specific |
|||
- [ ] Android exact alarm permissions |
|||
- [ ] iOS rolling window management |
|||
- [ ] Electron mock implementations |
|||
- [ ] Cross-platform API consistency |
|||
|
|||
### Integration |
|||
- [ ] Plugin loads without errors |
|||
- [ ] Configuration persists across sessions |
|||
- [ ] Performance optimizations active |
|||
- [ ] Debug information accessible |
|||
|
|||
## Troubleshooting |
|||
|
|||
### Common Issues |
|||
1. **Build Failures**: Ensure all dependencies installed |
|||
2. **Platform Errors**: Check platform-specific SDKs installed |
|||
3. **Permission Issues**: Verify platform permissions configured |
|||
4. **Sync Problems**: Run `npx cap sync` after changes |
|||
|
|||
### Development Tips |
|||
- Use `npm run dev` for web testing |
|||
- Use platform-specific tools for native testing |
|||
- Check console logs for detailed error information |
|||
- Test on both physical devices and simulators |
|||
|
|||
## Next Steps |
|||
|
|||
1. **Run Setup Scripts**: Execute platform-specific setup |
|||
2. **Test Core Features**: Validate basic functionality |
|||
3. **Test Platform Features**: Verify platform-specific capabilities |
|||
4. **Integration Testing**: Test with actual plugin implementation |
|||
5. **Performance Validation**: Monitor metrics and optimizations |
|||
@ -0,0 +1,105 @@ |
|||
# Dependencies |
|||
node_modules/ |
|||
npm-debug.log* |
|||
yarn-debug.log* |
|||
yarn-error.log* |
|||
|
|||
# Build outputs |
|||
dist/ |
|||
build/ |
|||
*.tsbuildinfo |
|||
|
|||
# Capacitor |
|||
android/ |
|||
ios/ |
|||
.capacitor/ |
|||
|
|||
# IDE and editor files |
|||
.vscode/ |
|||
.idea/ |
|||
*.swp |
|||
*.swo |
|||
*~ |
|||
|
|||
# OS generated files |
|||
.DS_Store |
|||
.DS_Store? |
|||
._* |
|||
.Spotlight-V100 |
|||
.Trashes |
|||
ehthumbs.db |
|||
Thumbs.db |
|||
|
|||
# Logs |
|||
logs |
|||
*.log |
|||
|
|||
# Runtime data |
|||
pids |
|||
*.pid |
|||
*.seed |
|||
*.pid.lock |
|||
|
|||
# Coverage directory used by tools like istanbul |
|||
coverage/ |
|||
*.lcov |
|||
|
|||
# nyc test coverage |
|||
.nyc_output |
|||
|
|||
# Dependency directories |
|||
jspm_packages/ |
|||
|
|||
# Optional npm cache directory |
|||
.npm |
|||
|
|||
# Optional eslint cache |
|||
.eslintcache |
|||
|
|||
# Microbundle cache |
|||
.rpt2_cache/ |
|||
.rts2_cache_cjs/ |
|||
.rts2_cache_es/ |
|||
.rts2_cache_umd/ |
|||
|
|||
# Optional REPL history |
|||
.node_repl_history |
|||
|
|||
# Output of 'npm pack' |
|||
*.tgz |
|||
|
|||
# Yarn Integrity file |
|||
.yarn-integrity |
|||
|
|||
# dotenv environment variables file |
|||
.env |
|||
.env.test |
|||
.env.local |
|||
.env.development.local |
|||
.env.test.local |
|||
.env.production.local |
|||
|
|||
# parcel-bundler cache (https://parceljs.org/) |
|||
.cache |
|||
.parcel-cache |
|||
|
|||
# next.js build output |
|||
.next |
|||
|
|||
# nuxt.js build output |
|||
.nuxt |
|||
|
|||
# vuepress build output |
|||
.vuepress/dist |
|||
|
|||
# Serverless directories |
|||
.serverless/ |
|||
|
|||
# FuseBox cache |
|||
.fusebox/ |
|||
|
|||
# DynamoDB Local files |
|||
.dynamodb/ |
|||
|
|||
# TernJS port file |
|||
.tern-port |
|||
@ -0,0 +1,25 @@ |
|||
import { CapacitorConfig } from '@capacitor/cli'; |
|||
|
|||
const config: CapacitorConfig = { |
|||
appId: 'com.timesafari.dailynotification.androidtest', |
|||
appName: 'Daily Notification Android Test', |
|||
webDir: 'dist', |
|||
server: { |
|||
androidScheme: 'https' |
|||
}, |
|||
plugins: { |
|||
DailyNotification: { |
|||
storage: 'shared', |
|||
ttlSeconds: 1800, |
|||
prefetchLeadMinutes: 15, |
|||
enableETagSupport: true, |
|||
enableErrorHandling: true, |
|||
enablePerformanceOptimization: true |
|||
} |
|||
}, |
|||
android: { |
|||
allowMixedContent: true |
|||
} |
|||
}; |
|||
|
|||
export default config; |
|||
@ -0,0 +1,29 @@ |
|||
{ |
|||
"name": "daily-notification-android-test", |
|||
"version": "1.0.0", |
|||
"description": "Minimal Android test app for Daily Notification Plugin", |
|||
"main": "index.js", |
|||
"scripts": { |
|||
"build": "webpack --mode=production", |
|||
"dev": "webpack serve --mode=development", |
|||
"android": "npx cap run android", |
|||
"sync": "npx cap sync android", |
|||
"open": "npx cap open android" |
|||
}, |
|||
"keywords": ["capacitor", "android", "notifications", "test"], |
|||
"author": "Matthew Raymer", |
|||
"license": "MIT", |
|||
"dependencies": { |
|||
"@capacitor/core": "^5.0.0", |
|||
"@capacitor/android": "^5.0.0", |
|||
"@capacitor/cli": "^5.0.0" |
|||
}, |
|||
"devDependencies": { |
|||
"webpack": "^5.88.0", |
|||
"webpack-cli": "^5.1.0", |
|||
"webpack-dev-server": "^4.15.0", |
|||
"html-webpack-plugin": "^5.5.0", |
|||
"typescript": "^5.0.0", |
|||
"ts-loader": "^9.4.0" |
|||
} |
|||
} |
|||
@ -0,0 +1,108 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
<head> |
|||
<meta charset="UTF-8"> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|||
<title>Daily Notification - Android Test</title> |
|||
<style> |
|||
body { |
|||
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; |
|||
margin: 0; |
|||
padding: 20px; |
|||
background-color: #f5f5f5; |
|||
} |
|||
.container { |
|||
max-width: 600px; |
|||
margin: 0 auto; |
|||
background: white; |
|||
border-radius: 12px; |
|||
padding: 20px; |
|||
box-shadow: 0 2px 10px rgba(0,0,0,0.1); |
|||
} |
|||
h1 { |
|||
color: #333; |
|||
text-align: center; |
|||
margin-bottom: 30px; |
|||
} |
|||
.status { |
|||
background: #e3f2fd; |
|||
padding: 15px; |
|||
border-radius: 8px; |
|||
margin-bottom: 20px; |
|||
text-align: center; |
|||
font-weight: bold; |
|||
color: #1976d2; |
|||
} |
|||
.button-grid { |
|||
display: grid; |
|||
grid-template-columns: 1fr 1fr; |
|||
gap: 10px; |
|||
margin-bottom: 20px; |
|||
} |
|||
button { |
|||
background: #1976d2; |
|||
color: white; |
|||
border: none; |
|||
padding: 12px 16px; |
|||
border-radius: 6px; |
|||
cursor: pointer; |
|||
font-size: 14px; |
|||
transition: background-color 0.2s; |
|||
} |
|||
button:hover { |
|||
background: #1565c0; |
|||
} |
|||
button:disabled { |
|||
background: #ccc; |
|||
cursor: not-allowed; |
|||
} |
|||
.log-container { |
|||
background: #f8f9fa; |
|||
border: 1px solid #dee2e6; |
|||
border-radius: 6px; |
|||
padding: 15px; |
|||
height: 300px; |
|||
overflow-y: auto; |
|||
font-family: 'Courier New', monospace; |
|||
font-size: 12px; |
|||
} |
|||
.timestamp { |
|||
color: #666; |
|||
font-weight: bold; |
|||
} |
|||
pre { |
|||
background: #e9ecef; |
|||
padding: 8px; |
|||
border-radius: 4px; |
|||
margin: 5px 0; |
|||
overflow-x: auto; |
|||
} |
|||
.clear-button { |
|||
background: #dc3545; |
|||
margin-top: 10px; |
|||
width: 100%; |
|||
} |
|||
.clear-button:hover { |
|||
background: #c82333; |
|||
} |
|||
</style> |
|||
</head> |
|||
<body> |
|||
<div class="container"> |
|||
<h1>📱 Daily Notification Plugin - Android Test</h1> |
|||
|
|||
<div class="status" id="status">Ready</div> |
|||
|
|||
<div class="button-grid"> |
|||
<button id="configure">Configure Plugin</button> |
|||
<button id="schedule">Schedule Notification</button> |
|||
<button id="alarm-status">Check Alarm Status</button> |
|||
<button id="request-permission">Request Permission</button> |
|||
<button id="performance">Performance Metrics</button> |
|||
</div> |
|||
|
|||
<div class="log-container" id="log"></div> |
|||
<button class="clear-button" id="clear-log">Clear Log</button> |
|||
</div> |
|||
</body> |
|||
</html> |
|||
@ -0,0 +1,154 @@ |
|||
import { Capacitor } from '@capacitor/core'; |
|||
|
|||
// Mock plugin for development
|
|||
const DailyNotification = { |
|||
async configure(options: any) { |
|||
console.log('Configure called:', options); |
|||
return Promise.resolve(); |
|||
}, |
|||
async scheduleDailyNotification(options: any) { |
|||
console.log('Schedule called:', options); |
|||
return Promise.resolve(); |
|||
}, |
|||
async getExactAlarmStatus() { |
|||
return Promise.resolve({ |
|||
supported: true, |
|||
enabled: false, |
|||
canSchedule: false, |
|||
fallbackWindow: '±10 minutes' |
|||
}); |
|||
}, |
|||
async requestExactAlarmPermission() { |
|||
console.log('Request exact alarm permission'); |
|||
return Promise.resolve(); |
|||
}, |
|||
async getPerformanceMetrics() { |
|||
return Promise.resolve({ |
|||
overallScore: 85, |
|||
databasePerformance: 90, |
|||
memoryEfficiency: 80, |
|||
batteryEfficiency: 85, |
|||
objectPoolEfficiency: 90, |
|||
totalDatabaseQueries: 150, |
|||
averageMemoryUsage: 25.5, |
|||
objectPoolHits: 45, |
|||
backgroundCpuUsage: 2.3, |
|||
totalNetworkRequests: 12, |
|||
recommendations: ['Enable ETag support', 'Optimize memory usage'] |
|||
}); |
|||
} |
|||
}; |
|||
|
|||
// Test interface
|
|||
class TestApp { |
|||
private statusElement: HTMLElement; |
|||
private logElement: HTMLElement; |
|||
|
|||
constructor() { |
|||
this.statusElement = document.getElementById('status')!; |
|||
this.logElement = document.getElementById('log')!; |
|||
this.setupEventListeners(); |
|||
this.log('Test app initialized'); |
|||
} |
|||
|
|||
private setupEventListeners() { |
|||
document.getElementById('configure')?.addEventListener('click', () => this.testConfigure()); |
|||
document.getElementById('schedule')?.addEventListener('click', () => this.testSchedule()); |
|||
document.getElementById('alarm-status')?.addEventListener('click', () => this.testAlarmStatus()); |
|||
document.getElementById('request-permission')?.addEventListener('click', () => this.testRequestPermission()); |
|||
document.getElementById('performance')?.addEventListener('click', () => this.testPerformance()); |
|||
document.getElementById('clear-log')?.addEventListener('click', () => this.clearLog()); |
|||
} |
|||
|
|||
private async testConfigure() { |
|||
try { |
|||
this.log('Testing configuration...'); |
|||
await DailyNotification.configure({ |
|||
storage: 'shared', |
|||
ttlSeconds: 1800, |
|||
prefetchLeadMinutes: 15, |
|||
enableETagSupport: true, |
|||
enableErrorHandling: true, |
|||
enablePerformanceOptimization: true |
|||
}); |
|||
this.log('✅ Configuration successful'); |
|||
this.updateStatus('Configured'); |
|||
} catch (error) { |
|||
this.log(`❌ Configuration failed: ${error}`); |
|||
} |
|||
} |
|||
|
|||
private async testSchedule() { |
|||
try { |
|||
this.log('Testing notification scheduling...'); |
|||
await DailyNotification.scheduleDailyNotification({ |
|||
url: 'https://api.example.com/daily-content', |
|||
time: '09:00', |
|||
title: 'Daily Test Notification', |
|||
body: 'This is a test notification from the Android test app' |
|||
}); |
|||
this.log('✅ Notification scheduled successfully'); |
|||
this.updateStatus('Scheduled'); |
|||
} catch (error) { |
|||
this.log(`❌ Scheduling failed: ${error}`); |
|||
} |
|||
} |
|||
|
|||
private async testAlarmStatus() { |
|||
try { |
|||
this.log('Testing exact alarm status...'); |
|||
const status = await DailyNotification.getExactAlarmStatus(); |
|||
this.log(`📱 Alarm Status:`, status); |
|||
this.updateStatus(`Alarm: ${status.canSchedule ? 'Enabled' : 'Disabled'}`); |
|||
} catch (error) { |
|||
this.log(`❌ Alarm status check failed: ${error}`); |
|||
} |
|||
} |
|||
|
|||
private async testRequestPermission() { |
|||
try { |
|||
this.log('Testing permission request...'); |
|||
await DailyNotification.requestExactAlarmPermission(); |
|||
this.log('✅ Permission request sent'); |
|||
this.updateStatus('Permission Requested'); |
|||
} catch (error) { |
|||
this.log(`❌ Permission request failed: ${error}`); |
|||
} |
|||
} |
|||
|
|||
private async testPerformance() { |
|||
try { |
|||
this.log('Testing performance metrics...'); |
|||
const metrics = await DailyNotification.getPerformanceMetrics(); |
|||
this.log(`📊 Performance Metrics:`, metrics); |
|||
this.updateStatus(`Performance: ${metrics.overallScore}/100`); |
|||
} catch (error) { |
|||
this.log(`❌ Performance check failed: ${error}`); |
|||
} |
|||
} |
|||
|
|||
private log(message: string, data?: any) { |
|||
const timestamp = new Date().toLocaleTimeString(); |
|||
const logEntry = document.createElement('div'); |
|||
logEntry.innerHTML = `<span class="timestamp">[${timestamp}]</span> ${message}`; |
|||
if (data) { |
|||
logEntry.innerHTML += `<pre>${JSON.stringify(data, null, 2)}</pre>`; |
|||
} |
|||
this.logElement.appendChild(logEntry); |
|||
this.logElement.scrollTop = this.logElement.scrollHeight; |
|||
} |
|||
|
|||
private clearLog() { |
|||
this.logElement.innerHTML = ''; |
|||
this.log('Log cleared'); |
|||
} |
|||
|
|||
private updateStatus(status: string) { |
|||
this.statusElement.textContent = status; |
|||
} |
|||
} |
|||
|
|||
// Initialize app when DOM is ready
|
|||
document.addEventListener('DOMContentLoaded', () => { |
|||
new TestApp(); |
|||
}); |
|||
@ -0,0 +1,15 @@ |
|||
{ |
|||
"compilerOptions": { |
|||
"target": "ES2020", |
|||
"module": "ES2020", |
|||
"moduleResolution": "node", |
|||
"strict": true, |
|||
"esModuleInterop": true, |
|||
"skipLibCheck": true, |
|||
"forceConsistentCasingInFileNames": true, |
|||
"outDir": "./dist", |
|||
"rootDir": "./src" |
|||
}, |
|||
"include": ["src/**/*"], |
|||
"exclude": ["node_modules", "dist"] |
|||
} |
|||
@ -0,0 +1,33 @@ |
|||
const path = require('path'); |
|||
const HtmlWebpackPlugin = require('html-webpack-plugin'); |
|||
|
|||
module.exports = { |
|||
entry: './src/index.ts', |
|||
module: { |
|||
rules: [ |
|||
{ |
|||
test: /\.ts$/, |
|||
use: 'ts-loader', |
|||
exclude: /node_modules/, |
|||
}, |
|||
], |
|||
}, |
|||
resolve: { |
|||
extensions: ['.ts', '.js'], |
|||
}, |
|||
output: { |
|||
filename: 'bundle.js', |
|||
path: path.resolve(__dirname, 'dist'), |
|||
clean: true, |
|||
}, |
|||
plugins: [ |
|||
new HtmlWebpackPlugin({ |
|||
template: './src/index.html', |
|||
}), |
|||
], |
|||
devServer: { |
|||
static: './dist', |
|||
port: 3000, |
|||
hot: true, |
|||
}, |
|||
}; |
|||
@ -0,0 +1,114 @@ |
|||
# Dependencies |
|||
node_modules/ |
|||
npm-debug.log* |
|||
yarn-debug.log* |
|||
yarn-error.log* |
|||
|
|||
# Build outputs |
|||
dist/ |
|||
build/ |
|||
*.tsbuildinfo |
|||
|
|||
# Electron |
|||
out/ |
|||
app/ |
|||
packages/ |
|||
|
|||
# IDE and editor files |
|||
.vscode/ |
|||
.idea/ |
|||
*.swp |
|||
*.swo |
|||
*~ |
|||
|
|||
# OS generated files |
|||
.DS_Store |
|||
.DS_Store? |
|||
._* |
|||
.Spotlight-V100 |
|||
.Trashes |
|||
ehthumbs.db |
|||
Thumbs.db |
|||
|
|||
# Logs |
|||
logs |
|||
*.log |
|||
|
|||
# Runtime data |
|||
pids |
|||
*.pid |
|||
*.seed |
|||
*.pid.lock |
|||
|
|||
# Coverage directory used by tools like istanbul |
|||
coverage/ |
|||
*.lcov |
|||
|
|||
# nyc test coverage |
|||
.nyc_output |
|||
|
|||
# Dependency directories |
|||
jspm_packages/ |
|||
|
|||
# Optional npm cache directory |
|||
.npm |
|||
|
|||
# Optional eslint cache |
|||
.eslintcache |
|||
|
|||
# Microbundle cache |
|||
.rpt2_cache/ |
|||
.rts2_cache_cjs/ |
|||
.rts2_cache_es/ |
|||
.rts2_cache_umd/ |
|||
|
|||
# Optional REPL history |
|||
.node_repl_history |
|||
|
|||
# Output of 'npm pack' |
|||
*.tgz |
|||
|
|||
# Yarn Integrity file |
|||
.yarn-integrity |
|||
|
|||
# dotenv environment variables file |
|||
.env |
|||
.env.test |
|||
.env.local |
|||
.env.development.local |
|||
.env.test.local |
|||
.env.production.local |
|||
|
|||
# parcel-bundler cache (https://parceljs.org/) |
|||
.cache |
|||
.parcel-cache |
|||
|
|||
# next.js build output |
|||
.next |
|||
|
|||
# nuxt.js build output |
|||
.nuxt |
|||
|
|||
# vuepress build output |
|||
.vuepress/dist |
|||
|
|||
# Serverless directories |
|||
.serverless/ |
|||
|
|||
# FuseBox cache |
|||
.fusebox/ |
|||
|
|||
# DynamoDB Local files |
|||
.dynamodb/ |
|||
|
|||
# TernJS port file |
|||
.tern-port |
|||
|
|||
# Electron specific |
|||
*.app |
|||
*.dmg |
|||
*.exe |
|||
*.deb |
|||
*.rpm |
|||
*.AppImage |
|||
*.snap |
|||
@ -0,0 +1,117 @@ |
|||
const { app, BrowserWindow, ipcMain } = require('electron'); |
|||
const path = require('path'); |
|||
|
|||
// Mock plugin for Electron development
|
|||
const DailyNotification = { |
|||
async configure(options) { |
|||
console.log('Electron Configure called:', options); |
|||
return Promise.resolve(); |
|||
}, |
|||
async scheduleDailyNotification(options) { |
|||
console.log('Electron Schedule called:', options); |
|||
return Promise.resolve(); |
|||
}, |
|||
async getDebugInfo() { |
|||
return Promise.resolve({ |
|||
status: 'Electron Mock Mode', |
|||
configuration: { |
|||
storage: 'mock', |
|||
platform: 'electron', |
|||
version: '1.0.0' |
|||
}, |
|||
recentErrors: [], |
|||
performance: { |
|||
overallScore: 95, |
|||
memoryUsage: 15.2, |
|||
cpuUsage: 1.2 |
|||
} |
|||
}); |
|||
}, |
|||
async getPerformanceMetrics() { |
|||
return Promise.resolve({ |
|||
overallScore: 95, |
|||
databasePerformance: 100, |
|||
memoryEfficiency: 95, |
|||
batteryEfficiency: 100, |
|||
objectPoolEfficiency: 100, |
|||
totalDatabaseQueries: 0, |
|||
averageMemoryUsage: 15.2, |
|||
objectPoolHits: 0, |
|||
backgroundCpuUsage: 0.5, |
|||
totalNetworkRequests: 0, |
|||
recommendations: ['Electron mock mode - no optimizations needed'] |
|||
}); |
|||
} |
|||
}; |
|||
|
|||
// IPC handlers for Electron
|
|||
ipcMain.handle('configure-plugin', async (event, options) => { |
|||
try { |
|||
await DailyNotification.configure(options); |
|||
return { success: true, message: 'Configuration successful' }; |
|||
} catch (error) { |
|||
return { success: false, error: error.message }; |
|||
} |
|||
}); |
|||
|
|||
ipcMain.handle('schedule-notification', async (event, options) => { |
|||
try { |
|||
await DailyNotification.scheduleDailyNotification(options); |
|||
return { success: true, message: 'Notification scheduled' }; |
|||
} catch (error) { |
|||
return { success: false, error: error.message }; |
|||
} |
|||
}); |
|||
|
|||
ipcMain.handle('get-debug-info', async () => { |
|||
try { |
|||
const info = await DailyNotification.getDebugInfo(); |
|||
return { success: true, data: info }; |
|||
} catch (error) { |
|||
return { success: false, error: error.message }; |
|||
} |
|||
}); |
|||
|
|||
ipcMain.handle('get-performance-metrics', async () => { |
|||
try { |
|||
const metrics = await DailyNotification.getPerformanceMetrics(); |
|||
return { success: true, data: metrics }; |
|||
} catch (error) { |
|||
return { success: false, error: error.message }; |
|||
} |
|||
}); |
|||
|
|||
function createWindow() { |
|||
const mainWindow = new BrowserWindow({ |
|||
width: 800, |
|||
height: 600, |
|||
webPreferences: { |
|||
nodeIntegration: false, |
|||
contextIsolation: true, |
|||
preload: path.join(__dirname, 'preload.js') |
|||
}, |
|||
title: 'Daily Notification - Electron Test' |
|||
}); |
|||
|
|||
// Load the web app
|
|||
mainWindow.loadFile('dist/index.html'); |
|||
|
|||
// Open DevTools in development
|
|||
if (process.argv.includes('--dev')) { |
|||
mainWindow.webContents.openDevTools(); |
|||
} |
|||
} |
|||
|
|||
app.whenReady().then(createWindow); |
|||
|
|||
app.on('window-all-closed', () => { |
|||
if (process.platform !== 'darwin') { |
|||
app.quit(); |
|||
} |
|||
}); |
|||
|
|||
app.on('activate', () => { |
|||
if (BrowserWindow.getAllWindows().length === 0) { |
|||
createWindow(); |
|||
} |
|||
}); |
|||
@ -0,0 +1,28 @@ |
|||
{ |
|||
"name": "daily-notification-electron-test", |
|||
"version": "1.0.0", |
|||
"description": "Minimal Electron test app for Daily Notification Plugin", |
|||
"main": "main.js", |
|||
"scripts": { |
|||
"start": "electron .", |
|||
"dev": "electron . --dev", |
|||
"build": "webpack --mode=production", |
|||
"build-web": "webpack --mode=production", |
|||
"electron": "npm run build-web && electron ." |
|||
}, |
|||
"keywords": ["capacitor", "electron", "notifications", "test"], |
|||
"author": "Matthew Raymer", |
|||
"license": "MIT", |
|||
"dependencies": { |
|||
"@capacitor/core": "^5.0.0", |
|||
"@capacitor/cli": "^5.0.0", |
|||
"electron": "^25.0.0" |
|||
}, |
|||
"devDependencies": { |
|||
"webpack": "^5.88.0", |
|||
"webpack-cli": "^5.1.0", |
|||
"html-webpack-plugin": "^5.5.0", |
|||
"typescript": "^5.0.0", |
|||
"ts-loader": "^9.4.0" |
|||
} |
|||
} |
|||
@ -0,0 +1,10 @@ |
|||
const { contextBridge, ipcRenderer } = require('electron'); |
|||
|
|||
// Expose protected methods that allow the renderer process to use
|
|||
// the ipcRenderer without exposing the entire object
|
|||
contextBridge.exposeInMainWorld('electronAPI', { |
|||
configurePlugin: (options) => ipcRenderer.invoke('configure-plugin', options), |
|||
scheduleNotification: (options) => ipcRenderer.invoke('schedule-notification', options), |
|||
getDebugInfo: () => ipcRenderer.invoke('get-debug-info'), |
|||
getPerformanceMetrics: () => ipcRenderer.invoke('get-performance-metrics') |
|||
}); |
|||
@ -0,0 +1,107 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
<head> |
|||
<meta charset="UTF-8"> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|||
<title>Daily Notification - Electron Test</title> |
|||
<style> |
|||
body { |
|||
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; |
|||
margin: 0; |
|||
padding: 20px; |
|||
background-color: #f5f5f5; |
|||
} |
|||
.container { |
|||
max-width: 600px; |
|||
margin: 0 auto; |
|||
background: white; |
|||
border-radius: 12px; |
|||
padding: 20px; |
|||
box-shadow: 0 2px 10px rgba(0,0,0,0.1); |
|||
} |
|||
h1 { |
|||
color: #333; |
|||
text-align: center; |
|||
margin-bottom: 30px; |
|||
} |
|||
.status { |
|||
background: #fff3e0; |
|||
padding: 15px; |
|||
border-radius: 8px; |
|||
margin-bottom: 20px; |
|||
text-align: center; |
|||
font-weight: bold; |
|||
color: #f57c00; |
|||
} |
|||
.button-grid { |
|||
display: grid; |
|||
grid-template-columns: 1fr 1fr; |
|||
gap: 10px; |
|||
margin-bottom: 20px; |
|||
} |
|||
button { |
|||
background: #f57c00; |
|||
color: white; |
|||
border: none; |
|||
padding: 12px 16px; |
|||
border-radius: 6px; |
|||
cursor: pointer; |
|||
font-size: 14px; |
|||
transition: background-color 0.2s; |
|||
} |
|||
button:hover { |
|||
background: #ef6c00; |
|||
} |
|||
button:disabled { |
|||
background: #ccc; |
|||
cursor: not-allowed; |
|||
} |
|||
.log-container { |
|||
background: #f8f9fa; |
|||
border: 1px solid #dee2e6; |
|||
border-radius: 6px; |
|||
padding: 15px; |
|||
height: 300px; |
|||
overflow-y: auto; |
|||
font-family: 'Courier New', monospace; |
|||
font-size: 12px; |
|||
} |
|||
.timestamp { |
|||
color: #666; |
|||
font-weight: bold; |
|||
} |
|||
pre { |
|||
background: #e9ecef; |
|||
padding: 8px; |
|||
border-radius: 4px; |
|||
margin: 5px 0; |
|||
overflow-x: auto; |
|||
} |
|||
.clear-button { |
|||
background: #dc3545; |
|||
margin-top: 10px; |
|||
width: 100%; |
|||
} |
|||
.clear-button:hover { |
|||
background: #c82333; |
|||
} |
|||
</style> |
|||
</head> |
|||
<body> |
|||
<div class="container"> |
|||
<h1>⚡ Daily Notification Plugin - Electron Test</h1> |
|||
|
|||
<div class="status" id="status">Ready</div> |
|||
|
|||
<div class="button-grid"> |
|||
<button id="configure">Configure Plugin</button> |
|||
<button id="schedule">Schedule Notification</button> |
|||
<button id="debug-info">Debug Info</button> |
|||
<button id="performance">Performance Metrics</button> |
|||
</div> |
|||
|
|||
<div class="log-container" id="log"></div> |
|||
<button class="clear-button" id="clear-log">Clear Log</button> |
|||
</div> |
|||
</body> |
|||
</html> |
|||
@ -0,0 +1,121 @@ |
|||
// Electron test interface
|
|||
class TestApp { |
|||
private statusElement: HTMLElement; |
|||
private logElement: HTMLElement; |
|||
|
|||
constructor() { |
|||
this.statusElement = document.getElementById('status')!; |
|||
this.logElement = document.getElementById('log')!; |
|||
this.setupEventListeners(); |
|||
this.log('Electron Test app initialized'); |
|||
} |
|||
|
|||
private setupEventListeners() { |
|||
document.getElementById('configure')?.addEventListener('click', () => this.testConfigure()); |
|||
document.getElementById('schedule')?.addEventListener('click', () => this.testSchedule()); |
|||
document.getElementById('debug-info')?.addEventListener('click', () => this.testDebugInfo()); |
|||
document.getElementById('performance')?.addEventListener('click', () => this.testPerformance()); |
|||
document.getElementById('clear-log')?.addEventListener('click', () => this.clearLog()); |
|||
} |
|||
|
|||
private async testConfigure() { |
|||
try { |
|||
this.log('Testing Electron configuration...'); |
|||
const result = await (window as any).electronAPI.configurePlugin({ |
|||
storage: 'mock', |
|||
ttlSeconds: 1800, |
|||
prefetchLeadMinutes: 15, |
|||
enableETagSupport: true, |
|||
enableErrorHandling: true, |
|||
enablePerformanceOptimization: true |
|||
}); |
|||
|
|||
if (result.success) { |
|||
this.log('✅ Electron Configuration successful'); |
|||
this.updateStatus('Configured'); |
|||
} else { |
|||
this.log(`❌ Configuration failed: ${result.error}`); |
|||
} |
|||
} catch (error) { |
|||
this.log(`❌ Configuration error: ${error}`); |
|||
} |
|||
} |
|||
|
|||
private async testSchedule() { |
|||
try { |
|||
this.log('Testing Electron notification scheduling...'); |
|||
const result = await (window as any).electronAPI.scheduleNotification({ |
|||
url: 'https://api.example.com/daily-content', |
|||
time: '09:00', |
|||
title: 'Daily Electron Test Notification', |
|||
body: 'This is a test notification from the Electron test app' |
|||
}); |
|||
|
|||
if (result.success) { |
|||
this.log('✅ Electron Notification scheduled successfully'); |
|||
this.updateStatus('Scheduled'); |
|||
} else { |
|||
this.log(`❌ Scheduling failed: ${result.error}`); |
|||
} |
|||
} catch (error) { |
|||
this.log(`❌ Scheduling error: ${error}`); |
|||
} |
|||
} |
|||
|
|||
private async testDebugInfo() { |
|||
try { |
|||
this.log('Testing Electron debug info...'); |
|||
const result = await (window as any).electronAPI.getDebugInfo(); |
|||
|
|||
if (result.success) { |
|||
this.log('🔍 Electron Debug Info:', result.data); |
|||
this.updateStatus(`Debug: ${result.data.status}`); |
|||
} else { |
|||
this.log(`❌ Debug info failed: ${result.error}`); |
|||
} |
|||
} catch (error) { |
|||
this.log(`❌ Debug info error: ${error}`); |
|||
} |
|||
} |
|||
|
|||
private async testPerformance() { |
|||
try { |
|||
this.log('Testing Electron performance metrics...'); |
|||
const result = await (window as any).electronAPI.getPerformanceMetrics(); |
|||
|
|||
if (result.success) { |
|||
this.log('📊 Electron Performance Metrics:', result.data); |
|||
this.updateStatus(`Performance: ${result.data.overallScore}/100`); |
|||
} else { |
|||
this.log(`❌ Performance check failed: ${result.error}`); |
|||
} |
|||
} catch (error) { |
|||
this.log(`❌ Performance error: ${error}`); |
|||
} |
|||
} |
|||
|
|||
private log(message: string, data?: any) { |
|||
const timestamp = new Date().toLocaleTimeString(); |
|||
const logEntry = document.createElement('div'); |
|||
logEntry.innerHTML = `<span class="timestamp">[${timestamp}]</span> ${message}`; |
|||
if (data) { |
|||
logEntry.innerHTML += `<pre>${JSON.stringify(data, null, 2)}</pre>`; |
|||
} |
|||
this.logElement.appendChild(logEntry); |
|||
this.logElement.scrollTop = this.logElement.scrollHeight; |
|||
} |
|||
|
|||
private clearLog() { |
|||
this.logElement.innerHTML = ''; |
|||
this.log('Log cleared'); |
|||
} |
|||
|
|||
private updateStatus(status: string) { |
|||
this.statusElement.textContent = status; |
|||
} |
|||
} |
|||
|
|||
// Initialize app when DOM is ready
|
|||
document.addEventListener('DOMContentLoaded', () => { |
|||
new TestApp(); |
|||
}); |
|||
@ -0,0 +1,15 @@ |
|||
{ |
|||
"compilerOptions": { |
|||
"target": "ES2020", |
|||
"module": "ES2020", |
|||
"moduleResolution": "node", |
|||
"strict": true, |
|||
"esModuleInterop": true, |
|||
"skipLibCheck": true, |
|||
"forceConsistentCasingInFileNames": true, |
|||
"outDir": "./dist", |
|||
"rootDir": "./src" |
|||
}, |
|||
"include": ["src/**/*"], |
|||
"exclude": ["node_modules", "dist"] |
|||
} |
|||
@ -0,0 +1,28 @@ |
|||
const path = require('path'); |
|||
const HtmlWebpackPlugin = require('html-webpack-plugin'); |
|||
|
|||
module.exports = { |
|||
entry: './src/index.ts', |
|||
module: { |
|||
rules: [ |
|||
{ |
|||
test: /\.ts$/, |
|||
use: 'ts-loader', |
|||
exclude: /node_modules/, |
|||
}, |
|||
], |
|||
}, |
|||
resolve: { |
|||
extensions: ['.ts', '.js'], |
|||
}, |
|||
output: { |
|||
filename: 'bundle.js', |
|||
path: path.resolve(__dirname, 'dist'), |
|||
clean: true, |
|||
}, |
|||
plugins: [ |
|||
new HtmlWebpackPlugin({ |
|||
template: './src/index.html', |
|||
}), |
|||
], |
|||
}; |
|||
@ -0,0 +1,105 @@ |
|||
# Dependencies |
|||
node_modules/ |
|||
npm-debug.log* |
|||
yarn-debug.log* |
|||
yarn-error.log* |
|||
|
|||
# Build outputs |
|||
dist/ |
|||
build/ |
|||
*.tsbuildinfo |
|||
|
|||
# Capacitor |
|||
android/ |
|||
ios/ |
|||
.capacitor/ |
|||
|
|||
# IDE and editor files |
|||
.vscode/ |
|||
.idea/ |
|||
*.swp |
|||
*.swo |
|||
*~ |
|||
|
|||
# OS generated files |
|||
.DS_Store |
|||
.DS_Store? |
|||
._* |
|||
.Spotlight-V100 |
|||
.Trashes |
|||
ehthumbs.db |
|||
Thumbs.db |
|||
|
|||
# Logs |
|||
logs |
|||
*.log |
|||
|
|||
# Runtime data |
|||
pids |
|||
*.pid |
|||
*.seed |
|||
*.pid.lock |
|||
|
|||
# Coverage directory used by tools like istanbul |
|||
coverage/ |
|||
*.lcov |
|||
|
|||
# nyc test coverage |
|||
.nyc_output |
|||
|
|||
# Dependency directories |
|||
jspm_packages/ |
|||
|
|||
# Optional npm cache directory |
|||
.npm |
|||
|
|||
# Optional eslint cache |
|||
.eslintcache |
|||
|
|||
# Microbundle cache |
|||
.rpt2_cache/ |
|||
.rts2_cache_cjs/ |
|||
.rts2_cache_es/ |
|||
.rts2_cache_umd/ |
|||
|
|||
# Optional REPL history |
|||
.node_repl_history |
|||
|
|||
# Output of 'npm pack' |
|||
*.tgz |
|||
|
|||
# Yarn Integrity file |
|||
.yarn-integrity |
|||
|
|||
# dotenv environment variables file |
|||
.env |
|||
.env.test |
|||
.env.local |
|||
.env.development.local |
|||
.env.test.local |
|||
.env.production.local |
|||
|
|||
# parcel-bundler cache (https://parceljs.org/) |
|||
.cache |
|||
.parcel-cache |
|||
|
|||
# next.js build output |
|||
.next |
|||
|
|||
# nuxt.js build output |
|||
.nuxt |
|||
|
|||
# vuepress build output |
|||
.vuepress/dist |
|||
|
|||
# Serverless directories |
|||
.serverless/ |
|||
|
|||
# FuseBox cache |
|||
.fusebox/ |
|||
|
|||
# DynamoDB Local files |
|||
.dynamodb/ |
|||
|
|||
# TernJS port file |
|||
.tern-port |
|||
@ -0,0 +1,25 @@ |
|||
import { CapacitorConfig } from '@capacitor/cli'; |
|||
|
|||
const config: CapacitorConfig = { |
|||
appId: 'com.timesafari.dailynotification.iostest', |
|||
appName: 'Daily Notification iOS Test', |
|||
webDir: 'dist', |
|||
server: { |
|||
iosScheme: 'capacitor' |
|||
}, |
|||
plugins: { |
|||
DailyNotification: { |
|||
storage: 'shared', |
|||
ttlSeconds: 1800, |
|||
prefetchLeadMinutes: 15, |
|||
enableETagSupport: true, |
|||
enableErrorHandling: true, |
|||
enablePerformanceOptimization: true |
|||
} |
|||
}, |
|||
ios: { |
|||
scheme: 'Daily Notification iOS Test' |
|||
} |
|||
}; |
|||
|
|||
export default config; |
|||
@ -0,0 +1,29 @@ |
|||
{ |
|||
"name": "daily-notification-ios-test", |
|||
"version": "1.0.0", |
|||
"description": "Minimal iOS test app for Daily Notification Plugin", |
|||
"main": "index.js", |
|||
"scripts": { |
|||
"build": "webpack --mode=production", |
|||
"dev": "webpack serve --mode=development", |
|||
"ios": "npx cap run ios", |
|||
"sync": "npx cap sync ios", |
|||
"open": "npx cap open ios" |
|||
}, |
|||
"keywords": ["capacitor", "ios", "notifications", "test"], |
|||
"author": "Matthew Raymer", |
|||
"license": "MIT", |
|||
"dependencies": { |
|||
"@capacitor/core": "^5.0.0", |
|||
"@capacitor/ios": "^5.0.0", |
|||
"@capacitor/cli": "^5.0.0" |
|||
}, |
|||
"devDependencies": { |
|||
"webpack": "^5.88.0", |
|||
"webpack-cli": "^5.1.0", |
|||
"webpack-dev-server": "^4.15.0", |
|||
"html-webpack-plugin": "^5.5.0", |
|||
"typescript": "^5.0.0", |
|||
"ts-loader": "^9.4.0" |
|||
} |
|||
} |
|||
@ -0,0 +1,108 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
<head> |
|||
<meta charset="UTF-8"> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|||
<title>Daily Notification - iOS Test</title> |
|||
<style> |
|||
body { |
|||
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; |
|||
margin: 0; |
|||
padding: 20px; |
|||
background-color: #f5f5f5; |
|||
} |
|||
.container { |
|||
max-width: 600px; |
|||
margin: 0 auto; |
|||
background: white; |
|||
border-radius: 12px; |
|||
padding: 20px; |
|||
box-shadow: 0 2px 10px rgba(0,0,0,0.1); |
|||
} |
|||
h1 { |
|||
color: #333; |
|||
text-align: center; |
|||
margin-bottom: 30px; |
|||
} |
|||
.status { |
|||
background: #e8f5e8; |
|||
padding: 15px; |
|||
border-radius: 8px; |
|||
margin-bottom: 20px; |
|||
text-align: center; |
|||
font-weight: bold; |
|||
color: #2e7d32; |
|||
} |
|||
.button-grid { |
|||
display: grid; |
|||
grid-template-columns: 1fr 1fr; |
|||
gap: 10px; |
|||
margin-bottom: 20px; |
|||
} |
|||
button { |
|||
background: #2e7d32; |
|||
color: white; |
|||
border: none; |
|||
padding: 12px 16px; |
|||
border-radius: 6px; |
|||
cursor: pointer; |
|||
font-size: 14px; |
|||
transition: background-color 0.2s; |
|||
} |
|||
button:hover { |
|||
background: #1b5e20; |
|||
} |
|||
button:disabled { |
|||
background: #ccc; |
|||
cursor: not-allowed; |
|||
} |
|||
.log-container { |
|||
background: #f8f9fa; |
|||
border: 1px solid #dee2e6; |
|||
border-radius: 6px; |
|||
padding: 15px; |
|||
height: 300px; |
|||
overflow-y: auto; |
|||
font-family: 'Courier New', monospace; |
|||
font-size: 12px; |
|||
} |
|||
.timestamp { |
|||
color: #666; |
|||
font-weight: bold; |
|||
} |
|||
pre { |
|||
background: #e9ecef; |
|||
padding: 8px; |
|||
border-radius: 4px; |
|||
margin: 5px 0; |
|||
overflow-x: auto; |
|||
} |
|||
.clear-button { |
|||
background: #dc3545; |
|||
margin-top: 10px; |
|||
width: 100%; |
|||
} |
|||
.clear-button:hover { |
|||
background: #c82333; |
|||
} |
|||
</style> |
|||
</head> |
|||
<body> |
|||
<div class="container"> |
|||
<h1>🍎 Daily Notification Plugin - iOS Test</h1> |
|||
|
|||
<div class="status" id="status">Ready</div> |
|||
|
|||
<div class="button-grid"> |
|||
<button id="configure">Configure Plugin</button> |
|||
<button id="schedule">Schedule Notification</button> |
|||
<button id="rolling-window">Maintain Window</button> |
|||
<button id="window-stats">Window Stats</button> |
|||
<button id="performance">Performance Metrics</button> |
|||
</div> |
|||
|
|||
<div class="log-container" id="log"></div> |
|||
<button class="clear-button" id="clear-log">Clear Log</button> |
|||
</div> |
|||
</body> |
|||
</html> |
|||
@ -0,0 +1,153 @@ |
|||
import { Capacitor } from '@capacitor/core'; |
|||
|
|||
// Mock plugin for development
|
|||
const DailyNotification = { |
|||
async configure(options: any) { |
|||
console.log('Configure called:', options); |
|||
return Promise.resolve(); |
|||
}, |
|||
async scheduleDailyNotification(options: any) { |
|||
console.log('Schedule called:', options); |
|||
return Promise.resolve(); |
|||
}, |
|||
async maintainRollingWindow() { |
|||
console.log('Maintain rolling window called'); |
|||
return Promise.resolve(); |
|||
}, |
|||
async getRollingWindowStats() { |
|||
return Promise.resolve({ |
|||
stats: '64 pending notifications, 20 daily limit', |
|||
maintenanceNeeded: false, |
|||
timeUntilNextMaintenance: 900000 |
|||
}); |
|||
}, |
|||
async getPerformanceMetrics() { |
|||
return Promise.resolve({ |
|||
overallScore: 88, |
|||
databasePerformance: 92, |
|||
memoryEfficiency: 85, |
|||
batteryEfficiency: 90, |
|||
objectPoolEfficiency: 88, |
|||
totalDatabaseQueries: 120, |
|||
averageMemoryUsage: 22.3, |
|||
objectPoolHits: 38, |
|||
backgroundCpuUsage: 1.8, |
|||
totalNetworkRequests: 8, |
|||
recommendations: ['Enable background tasks', 'Optimize memory usage'] |
|||
}); |
|||
} |
|||
}; |
|||
|
|||
// Test interface
|
|||
class TestApp { |
|||
private statusElement: HTMLElement; |
|||
private logElement: HTMLElement; |
|||
|
|||
constructor() { |
|||
this.statusElement = document.getElementById('status')!; |
|||
this.logElement = document.getElementById('log')!; |
|||
this.setupEventListeners(); |
|||
this.log('iOS Test app initialized'); |
|||
} |
|||
|
|||
private setupEventListeners() { |
|||
document.getElementById('configure')?.addEventListener('click', () => this.testConfigure()); |
|||
document.getElementById('schedule')?.addEventListener('click', () => this.testSchedule()); |
|||
document.getElementById('rolling-window')?.addEventListener('click', () => this.testRollingWindow()); |
|||
document.getElementById('window-stats')?.addEventListener('click', () => this.testWindowStats()); |
|||
document.getElementById('performance')?.addEventListener('click', () => this.testPerformance()); |
|||
document.getElementById('clear-log')?.addEventListener('click', () => this.clearLog()); |
|||
} |
|||
|
|||
private async testConfigure() { |
|||
try { |
|||
this.log('Testing iOS configuration...'); |
|||
await DailyNotification.configure({ |
|||
storage: 'shared', |
|||
ttlSeconds: 1800, |
|||
prefetchLeadMinutes: 15, |
|||
enableETagSupport: true, |
|||
enableErrorHandling: true, |
|||
enablePerformanceOptimization: true |
|||
}); |
|||
this.log('✅ iOS Configuration successful'); |
|||
this.updateStatus('Configured'); |
|||
} catch (error) { |
|||
this.log(`❌ Configuration failed: ${error}`); |
|||
} |
|||
} |
|||
|
|||
private async testSchedule() { |
|||
try { |
|||
this.log('Testing iOS notification scheduling...'); |
|||
await DailyNotification.scheduleDailyNotification({ |
|||
url: 'https://api.example.com/daily-content', |
|||
time: '09:00', |
|||
title: 'Daily iOS Test Notification', |
|||
body: 'This is a test notification from the iOS test app' |
|||
}); |
|||
this.log('✅ iOS Notification scheduled successfully'); |
|||
this.updateStatus('Scheduled'); |
|||
} catch (error) { |
|||
this.log(`❌ iOS Scheduling failed: ${error}`); |
|||
} |
|||
} |
|||
|
|||
private async testRollingWindow() { |
|||
try { |
|||
this.log('Testing iOS rolling window maintenance...'); |
|||
await DailyNotification.maintainRollingWindow(); |
|||
this.log('✅ Rolling window maintenance completed'); |
|||
this.updateStatus('Rolling Window Maintained'); |
|||
} catch (error) { |
|||
this.log(`❌ Rolling window maintenance failed: ${error}`); |
|||
} |
|||
} |
|||
|
|||
private async testWindowStats() { |
|||
try { |
|||
this.log('Testing iOS rolling window stats...'); |
|||
const stats = await DailyNotification.getRollingWindowStats(); |
|||
this.log(`📊 Rolling Window Stats:`, stats); |
|||
this.updateStatus(`Window: ${stats.maintenanceNeeded ? 'Needs Maintenance' : 'OK'}`); |
|||
} catch (error) { |
|||
this.log(`❌ Window stats check failed: ${error}`); |
|||
} |
|||
} |
|||
|
|||
private async testPerformance() { |
|||
try { |
|||
this.log('Testing iOS performance metrics...'); |
|||
const metrics = await DailyNotification.getPerformanceMetrics(); |
|||
this.log(`📊 iOS Performance Metrics:`, metrics); |
|||
this.updateStatus(`Performance: ${metrics.overallScore}/100`); |
|||
} catch (error) { |
|||
this.log(`❌ Performance check failed: ${error}`); |
|||
} |
|||
} |
|||
|
|||
private log(message: string, data?: any) { |
|||
const timestamp = new Date().toLocaleTimeString(); |
|||
const logEntry = document.createElement('div'); |
|||
logEntry.innerHTML = `<span class="timestamp">[${timestamp}]</span> ${message}`; |
|||
if (data) { |
|||
logEntry.innerHTML += `<pre>${JSON.stringify(data, null, 2)}</pre>`; |
|||
} |
|||
this.logElement.appendChild(logEntry); |
|||
this.logElement.scrollTop = this.logElement.scrollHeight; |
|||
} |
|||
|
|||
private clearLog() { |
|||
this.logElement.innerHTML = ''; |
|||
this.log('Log cleared'); |
|||
} |
|||
|
|||
private updateStatus(status: string) { |
|||
this.statusElement.textContent = status; |
|||
} |
|||
} |
|||
|
|||
// Initialize app when DOM is ready
|
|||
document.addEventListener('DOMContentLoaded', () => { |
|||
new TestApp(); |
|||
}); |
|||
@ -0,0 +1,15 @@ |
|||
{ |
|||
"compilerOptions": { |
|||
"target": "ES2020", |
|||
"module": "ES2020", |
|||
"moduleResolution": "node", |
|||
"strict": true, |
|||
"esModuleInterop": true, |
|||
"skipLibCheck": true, |
|||
"forceConsistentCasingInFileNames": true, |
|||
"outDir": "./dist", |
|||
"rootDir": "./src" |
|||
}, |
|||
"include": ["src/**/*"], |
|||
"exclude": ["node_modules", "dist"] |
|||
} |
|||
@ -0,0 +1,33 @@ |
|||
const path = require('path'); |
|||
const HtmlWebpackPlugin = require('html-webpack-plugin'); |
|||
|
|||
module.exports = { |
|||
entry: './src/index.ts', |
|||
module: { |
|||
rules: [ |
|||
{ |
|||
test: /\.ts$/, |
|||
use: 'ts-loader', |
|||
exclude: /node_modules/, |
|||
}, |
|||
], |
|||
}, |
|||
resolve: { |
|||
extensions: ['.ts', '.js'], |
|||
}, |
|||
output: { |
|||
filename: 'bundle.js', |
|||
path: path.resolve(__dirname, 'dist'), |
|||
clean: true, |
|||
}, |
|||
plugins: [ |
|||
new HtmlWebpackPlugin({ |
|||
template: './src/index.html', |
|||
}), |
|||
], |
|||
devServer: { |
|||
static: './dist', |
|||
port: 3001, |
|||
hot: true, |
|||
}, |
|||
}; |
|||
@ -0,0 +1,39 @@ |
|||
#!/bin/bash |
|||
|
|||
# Android Test App Setup Script |
|||
echo "🚀 Setting up Android Test App..." |
|||
|
|||
cd android-test |
|||
|
|||
# Install dependencies |
|||
echo "📦 Installing dependencies..." |
|||
npm install |
|||
|
|||
# Install Capacitor CLI globally if not present |
|||
if ! command -v cap &> /dev/null; then |
|||
echo "🔧 Installing Capacitor CLI globally..." |
|||
npm install -g @capacitor/cli |
|||
fi |
|||
|
|||
# Initialize Capacitor |
|||
echo "⚡ Initializing Capacitor..." |
|||
npx cap init "Daily Notification Android Test" "com.timesafari.dailynotification.androidtest" |
|||
|
|||
# Add Android platform |
|||
echo "📱 Adding Android platform..." |
|||
npx cap add android |
|||
|
|||
# Build web assets |
|||
echo "🔨 Building web assets..." |
|||
npm run build |
|||
|
|||
# Sync to native |
|||
echo "🔄 Syncing to native..." |
|||
npx cap sync android |
|||
|
|||
echo "✅ Android test app setup complete!" |
|||
echo "" |
|||
echo "Next steps:" |
|||
echo "1. Open Android Studio: npx cap open android" |
|||
echo "2. Run on device/emulator: npx cap run android" |
|||
echo "3. Or build web version: npm run dev" |
|||
@ -0,0 +1,21 @@ |
|||
#!/bin/bash |
|||
|
|||
# Electron Test App Setup Script |
|||
echo "🚀 Setting up Electron Test App..." |
|||
|
|||
cd electron-test |
|||
|
|||
# Install dependencies |
|||
echo "📦 Installing dependencies..." |
|||
npm install |
|||
|
|||
# Build web assets |
|||
echo "🔨 Building web assets..." |
|||
npm run build-web |
|||
|
|||
echo "✅ Electron test app setup complete!" |
|||
echo "" |
|||
echo "Next steps:" |
|||
echo "1. Run Electron app: npm start" |
|||
echo "2. Run in dev mode: npm run dev" |
|||
echo "3. Build and run: npm run electron" |
|||
@ -0,0 +1,39 @@ |
|||
#!/bin/bash |
|||
|
|||
# iOS Test App Setup Script |
|||
echo "🚀 Setting up iOS Test App..." |
|||
|
|||
cd ios-test |
|||
|
|||
# Install dependencies |
|||
echo "📦 Installing dependencies..." |
|||
npm install |
|||
|
|||
# Install Capacitor CLI globally if not present |
|||
if ! command -v cap &> /dev/null; then |
|||
echo "🔧 Installing Capacitor CLI globally..." |
|||
npm install -g @capacitor/cli |
|||
fi |
|||
|
|||
# Initialize Capacitor |
|||
echo "⚡ Initializing Capacitor..." |
|||
npx cap init "Daily Notification iOS Test" "com.timesafari.dailynotification.iostest" |
|||
|
|||
# Add iOS platform |
|||
echo "🍎 Adding iOS platform..." |
|||
npx cap add ios |
|||
|
|||
# Build web assets |
|||
echo "🔨 Building web assets..." |
|||
npm run build |
|||
|
|||
# Sync to native |
|||
echo "🔄 Syncing to native..." |
|||
npx cap sync ios |
|||
|
|||
echo "✅ iOS test app setup complete!" |
|||
echo "" |
|||
echo "Next steps:" |
|||
echo "1. Open Xcode: npx cap open ios" |
|||
echo "2. Run on device/simulator: npx cap run ios" |
|||
echo "3. Or build web version: npm run dev" |
|||
Loading…
Reference in new issue