index.js

const path = require('path');
const fs = require('fs');
const minimist = require('minimist');
const { webkit, devices } = require('playwright');
const { auditManifest } = require('./src/cli/modules/manifestAuditor');
const { injectServiceWorkerLogger } = require('./src/cli/modules/swLogger');
const { setupOfflineToggle } = require('./src/cli/modules/offlineManager');
const { injectSafeAreaOverlay } = require('./src/cli/modules/safeAreaInjector');

// Set custom browser path if running in this environment
const localBrowsersPath = path.join(__dirname, 'browsers');
if (fs.existsSync(localBrowsersPath)) {
  process.env.PLAYWRIGHT_BROWSERS_PATH = localBrowsersPath;
}

(async () => {
  const chalk = (await import('chalk')).default;
  const args = minimist(process.argv.slice(2));
  
  let targetUrl = args.url || args._[0] || 'http://localhost:3000';
  if (!targetUrl.startsWith('http://') && !targetUrl.startsWith('https://')) {
    targetUrl = 'http://' + targetUrl;
  }

  console.log(chalk.bold.cyan('\n📱 iOS PWA Auditor & Simulator'));
  console.log(chalk.gray('-----------------------------------'));
  console.log(chalk.blue(`Target URL: `) + chalk.underline(targetUrl));

  try {
    console.log(chalk.yellow('⏳ Launching WebKit...'));
    const browser = await webkit.launch({ headless: false });

    // PWA Context (Standalone Mode)
    const context = await browser.newContext({
      ...devices['iPhone 13 Pro'],
      viewport: { width: 390, height: 844 }, // Full screen dimensions
      deviceScaleFactor: 3,
      isMobile: true,
      hasTouch: true,
      locale: 'en-US',
      timezoneId: 'America/New_York',
    });

    // 1. Service Worker Logger
    await injectServiceWorkerLogger(context, chalk);

    // 2. Offline Toggle
    await setupOfflineToggle(context, chalk);

    // 3. Safe Area Overlay
    await injectSafeAreaOverlay(context);

    const page = await context.newPage();

    console.log(chalk.yellow(`🚀 Navigating to ${targetUrl}...`));
    
    // Navigate
    await page.goto(targetUrl).catch(e => {
       console.error(chalk.red(`❌ Navigation failed: ${e.message}`));
    });

    // 4. Manifest Audit (After navigation so we can find the link tag)
    await auditManifest(page, chalk);

    console.log(chalk.green('\n✨ Simulation running!'));
    console.log(chalk.gray('   • Click the green "Go Offline" button in the app to test offline mode.'));
    console.log(chalk.gray('   • Click the red Safe Area overlays to toggle them.'));
    console.log(chalk.gray('   • Service Worker logs will appear here in the console.'));
    console.log(chalk.gray('Press Ctrl+C to exit.'));

    process.on('SIGINT', async () => {
      console.log(chalk.yellow('\nClosing browser...'));
      await browser.close();
      process.exit();
    });

  } catch (error) {
    console.error(chalk.red('\n🔥 FATAL ERROR:'));
    console.error(chalk.red(`   ${error.message}`));
    process.exit(1);
  }
})();