mobile-snap 1.0.0 → 1.0.1

package/README.html

@@ -721,15 +721,17 @@
             <p style="color: var(--text-muted);">Gunakan builder interaktif ini untuk membuat dan menyalin perintah sesuai kebutuhan pengembangan Anda:</p>
             
             <div class="builder-container">
-                <div class="grid-3">
+                <div class="grid-2">
                     <div class="form-group">
                         <label for="input-url">URL Dev Server Lokal</label>
                         <input type="text" id="input-url" class="form-control" value="http://localhost:4321" oninput="updateCommand()">
                     </div>
                     <div class="form-group">
                         <label for="input-paths">Rute / Paths (pisahkan koma)</label>
-                        <input type="text" id="input-paths" class="form-control" value="/, /scan, /profile" oninput="updateCommand()">
+                        <input type="text" id="input-paths" class="form-control" value="/" oninput="updateCommand()">
                     </div>
+                </div>
+                <div class="grid-3">
                     <div class="form-group">
                         <label for="input-platform">Platform Target</label>
                         <select id="input-platform" class="form-control" onchange="updateCommand()">
@@ -738,14 +740,22 @@
                             <option value="both">Both (iOS & Android Sekaligus)</option>
                         </select>
                     </div>
+                    <div class="form-group" style="display: flex; align-items: center; gap: 0.5rem; margin-top: 1.5rem;">
+                        <input type="checkbox" id="input-crawl" onchange="updateCommand()" style="width: 20px; height: 20px; accent-color: var(--primary);">
+                        <label for="input-crawl" style="margin-bottom: 0; cursor: pointer; color: var(--text-main); font-size: 0.85rem;">Auto-Crawl Links (-c)</label>
+                    </div>
+                    <div class="form-group" style="display: flex; align-items: center; gap: 0.5rem; margin-top: 1.5rem;">
+                        <input type="checkbox" id="input-detect" onchange="updateCommand()" style="width: 20px; height: 20px; accent-color: var(--primary);">
+                        <label for="input-detect" style="margin-bottom: 0; cursor: pointer; color: var(--text-main); font-size: 0.85rem;">Detect Astro Pages (-d)</label>
+                    </div>
                 </div>
-                <div class="form-group">
+                <div class="form-group" style="margin-top: 1rem;">
                     <label for="input-output">Folder Output</label>
                     <input type="text" id="input-output" class="form-control" value="mobilesnap_output" oninput="updateCommand()">
                 </div>
 
                 <div class="builder-output">
-                    <div class="builder-cmd" id="cmd-preview">npx mobile-snap --url http://localhost:4321 --paths "/, /scan, /profile" --output mobilesnap_output</div>
+                    <div class="builder-cmd" id="cmd-preview">npx mobile-snap --url http://localhost:4321</div>
                     <button class="btn-action-copy" onclick="copyText('cmd-preview', true)">Copy Command</button>
                 </div>
             </div>
@@ -788,6 +798,18 @@
                         <td>Folder tujuan untuk menaruh berkas gambar hasil tangkapan.</td>
                         <td><code style="color: var(--secondary);">"mobilesnap_output"</code></td>
                     </tr>
+                    <tr>
+                        <td><span class="param-tag">--crawl</span></td>
+                        <td><span class="param-tag">-c</span></td>
+                        <td>Menelusuri secara otomatis semua link internal dari halaman beranda.</td>
+                        <td><code style="color: var(--secondary);">false</code></td>
+                    </tr>
+                    <tr>
+                        <td><span class="param-tag">--detect-pages</span></td>
+                        <td><span class="param-tag">-d</span></td>
+                        <td>Memindai direktori folder proyek lokal (Astro/Next.js) untuk rute statis.</td>
+                        <td><code style="color: var(--secondary);">false</code></td>
+                    </tr>
                 </tbody>
             </table>
         </section>
@@ -832,9 +854,11 @@
             const paths = document.getElementById('input-paths').value.trim();
             const output = document.getElementById('input-output').value.trim() || 'mobilesnap_output';
             const platform = document.getElementById('input-platform').value;
+            const crawl = document.getElementById('input-crawl').checked;
+            const detect = document.getElementById('input-detect').checked;
             
             let command = `npx mobile-snap --url ${url}`;
-            if (paths) {
+            if (paths && paths !== '/') {
                 command += ` --paths "${paths}"`;
             }
             if (platform !== 'ios') {
@@ -843,6 +867,12 @@
             if (output !== 'mobilesnap_output') {
                 command += ` --output ${output}`;
             }
+            if (crawl) {
+                command += ` --crawl`;
+            }
+            if (detect) {
+                command += ` --detect-pages`;
+            }
             
             document.getElementById('cmd-preview').innerText = command;
         }

package/README.md

@@ -77,7 +77,7 @@ npm install -g mobile-snap
 
 ## 💻 Panduan Penggunaan CLI
 
-Aplikasi ini menerima 4 opsi utama:
+Aplikasi ini menerima opsi utama berikut:
 
 | Parameter | Singkatan | Deskripsi | Standar (Default) | Pilihan |
 | :--- | :--- | :--- | :--- | :--- |
@@ -85,6 +85,8 @@ Aplikasi ini menerima 4 opsi utama:
 | `--paths` | `-p` | Jalur/rute halaman yang dipisahkan tanda koma. | `/` | - |
 | `--output`| `-o` | Nama direktori tempat menyimpan gambar. | `mobilesnap_output` | - |
 | `--platform`| `-l`| Platform target tangkapan layar. | `ios` | `ios`, `android`, `both` |
+| `--crawl` | `-c` | Mengaktifkan penelusuran (crawl) otomatis tautan internal di halaman beranda. | `false` | - |
+| `--detect-pages` | `-d` | Memindai direktori halaman lokal (`src/pages` atau `pages`) untuk rute statis. | `false` | - |
 
 ### Contoh Perintah
 
@@ -98,8 +100,21 @@ npx mobile-snap --url http://localhost:4321
 npx mobile-snap --url http://localhost:4321 --platform android
 ```
 
-#### 3. Pengambilan 2 Platform Sekaligus (iOS & Android)
+#### 3. Pengambilan Rute Tertentu untuk 2 Platform Sekaligus
 Mengambil gambar halaman utama `/` dan halaman `/scan` untuk kedua platform sekaligus ke folder `hasil_store`:
 ```powershell
 npx mobile-snap --url http://localhost:4321 --paths "/, /scan" --platform both --output hasil_store
 ```
+
+#### 4. Auto-Crawl Halaman Web
+Menelusuri semua tautan internal secara otomatis dari beranda dan memotret setiap halaman yang ditemukan untuk iOS & Android:
+```powershell
+npx mobile-snap --url http://localhost:4321 --crawl --platform both
+```
+
+#### 5. Auto-Detect Rute Proyek Lokal (Astro / Next.js)
+Jika Anda berada di dalam root direktori proyek Astro Anda, jalankan perintah ini untuk mendeteksi secara otomatis semua rute halaman statis dari folder `src/pages`:
+```powershell
+npx mobile-snap --url http://localhost:4321 --detect-pages --platform both
+```
+

package/bin/cli.js

@@ -7,19 +7,19 @@ import ora from 'ora';
 import fs from 'fs';
 import path from 'path';
 
-// Device configurations grouped by platform
+// Device configurations dengan ukuran logis (CSS pixels) dan scale factor untuk resolusi fisik presisi
 const DEVICE_CONFIGS = {
   ios: {
     devices: {
-      "6.7_inch": { width: 1290, height: 2796 },
-      "6.5_inch": { width: 1242, height: 2688 }
+      "6.7_inch": { logical: { width: 430, height: 932 }, scale: 3 },  // Fisik: 1290 x 2796 (iPhone 14/15 Pro Max)
+      "6.5_inch": { logical: { width: 414, height: 896 }, scale: 3 }   // Fisik: 1242 x 2688 (iPhone Xs Max/11 Pro Max)
     },
     userAgent: "Mozilla/5.0 (iPhone; CPU iPhone OS 16_6 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/16.6 Mobile/15E148 Safari/604.1"
   },
   android: {
     devices: {
-      "android_phone": { width: 1080, height: 2400 },
-      "android_tablet": { width: 1600, height: 2560 }
+      "android_phone": { logical: { width: 360, height: 800 }, scale: 3 },  // Fisik: 1080 x 2400 (Pixel 7 dll)
+      "android_tablet": { logical: { width: 800, height: 1280 }, scale: 2 } // Fisik: 1600 x 2560
     },
     userAgent: "Mozilla/5.0 (Linux; Android 13; Pixel 7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/116.0.0.0 Mobile Safari/537.36"
   }
@@ -31,7 +31,101 @@ function safeFilename(route) {
   return cleanPath.replace(/[^a-zA-Z0-9_\-]/g, '_').replace(/_+/g, '_').replace(/^_+|_+$/g, '');
 }
 
-async function captureScreenshots(url, paths, outputDir, platform) {
+// Fungsi pembantu untuk memindai folder src/pages atau pages (Astro/Next.js)
+function detectLocalPages(dir = process.cwd()) {
+  const pagesDirs = [
+    path.join(dir, 'src', 'pages'),
+    path.join(dir, 'pages')
+  ];
+  
+  let pagesDir = null;
+  for (const p of pagesDirs) {
+    if (fs.existsSync(p)) {
+      pagesDir = p;
+      break;
+    }
+  }
+  
+  if (!pagesDir) return null;
+  
+  const routes = [];
+  function scan(currentDir, baseRoute = '') {
+    const files = fs.readdirSync(currentDir, { withFileTypes: true });
+    for (const file of files) {
+      const fullPath = path.join(currentDir, file.name);
+      if (file.isDirectory()) {
+        scan(fullPath, `${baseRoute}/${file.name}`);
+      } else if (file.isFile()) {
+        const ext = path.extname(file.name);
+        const name = path.basename(file.name, ext);
+        if (['.astro', '.md', '.mdx', '.html', '.js', '.jsx', '.ts', '.tsx'].includes(ext.toLowerCase())) {
+          let route = `${baseRoute}/${name}`;
+          if (name === 'index') {
+            route = baseRoute || '/';
+          }
+          // Abaikan rute dinamis yang mengandung [ atau ]
+          if (!route.includes('[') && !route.includes(']')) {
+            // Pastikan diawali /
+            let finalRoute = '/' + route.replace(/^\/+/, '');
+            // Abaikan rute API (server endpoint)
+            if (!finalRoute.startsWith('/api/')) {
+              routes.push(finalRoute);
+            }
+          }
+        }
+      }
+    }
+  }
+  
+  scan(pagesDir);
+  return [...new Set(routes)];
+}
+
+// Fungsi pembantu untuk melakukan crawling internal links dari halaman utama
+async function discoverLinks(browser, baseUrl) {
+  const context = await browser.newContext();
+  const page = await context.newPage();
+  const links = new Set(['/']);
+  
+  try {
+    await page.goto(baseUrl, { timeout: 15000 });
+    // Tunggu sampai halaman tenang
+    await page.waitForLoadState('networkidle', { timeout: 5000 }).catch(() => {});
+    
+    const hrefs = await page.evaluate(() => {
+      return Array.from(document.querySelectorAll('a'))
+        .map(a => a.getAttribute('href'))
+        .filter(Boolean);
+    });
+    
+    const baseOrigin = new URL(baseUrl).origin;
+    
+    for (const href of hrefs) {
+      try {
+        const resolvedUrl = new URL(href, baseUrl);
+        if (resolvedUrl.origin === baseOrigin) {
+          let route = resolvedUrl.pathname;
+          // Abaikan resource file statis
+          if (!/\.(pdf|png|jpg|jpeg|gif|css|js|svg|ico|woff|woff2|json)$/i.test(route)) {
+            let normalizedRoute = '/' + route.replace(/^\/+|\/+$/g, '');
+            if (normalizedRoute === '//') normalizedRoute = '/';
+            links.add(normalizedRoute);
+          }
+        }
+      } catch (e) {
+        // Href tidak valid (seperti tel:, mailto:, javascript:) diabaikan
+      }
+    }
+  } catch (err) {
+    // Abaikan jika gagal memuat sebagian halaman utama, return '/'
+  } finally {
+    await context.close();
+  }
+  
+  return Array.from(links);
+}
+
+async function captureScreenshots(url, paths, outputDir, platform, crawl, detectPages) {
   if (!url.startsWith('http://') && !url.startsWith('https://')) {
     url = 'http://' + url;
   }
@@ -44,16 +138,30 @@ async function captureScreenshots(url, paths, outputDir, platform) {
     targetPlatforms = [platform];
   }
 
+  let finalPaths = [...paths];
+
+  // 1. Auto-detect halaman lokal jika diaktifkan
+  if (detectPages) {
+    const localRoutes = detectLocalPages();
+    if (localRoutes && localRoutes.length > 0) {
+      console.log(pc.green(`🔍 Mendeteksi folder halaman lokal. Menambahkan ${localRoutes.length} rute statis.`));
+      finalPaths = [...new Set([...finalPaths, ...localRoutes])];
+    } else {
+      console.log(pc.yellow(`⚠ Folder 'src/pages' atau 'pages' tidak ditemukan di direktori saat ini.`));
+    }
+  }
+
   console.log(pc.bold(pc.blue('Starting MobileSnap screenshot automation...')));
   console.log(`Target Server: ${pc.cyan(url)}`);
   console.log(`Platform(s): ${pc.cyan(targetPlatforms.join(', ').toUpperCase())}`);
   console.log(`Output Directory: ${pc.cyan(path.resolve(outputDir))}\n`);
 
-  // Ensure directory exists
+  // Pastikan direktori output ada
   if (!fs.existsSync(outputDir)) {
     fs.mkdirSync(outputDir, { recursive: true });
   }
 
+  // Luncurkan browser
   let browser;
   const launchSpinner = ora('Launching Chromium browser...').start();
   try {
@@ -66,45 +174,76 @@ async function captureScreenshots(url, paths, outputDir, platform) {
     process.exit(1);
   }
 
+  // 2. Lakukan auto-crawl jika diaktifkan
+  if (crawl) {
+    const crawlSpinner = ora('Crawling internal links dari beranda...').start();
+    try {
+      const crawledRoutes = await discoverLinks(browser, url);
+      crawlSpinner.succeed(`Crawling selesai. Menemukan ${crawledRoutes.length} rute unik.`);
+      finalPaths = [...new Set([...finalPaths, ...crawledRoutes])];
+    } catch (err) {
+      crawlSpinner.fail(`Gagal melakukan crawling: ${err.message}`);
+    }
+  }
+
+  // Normalisasi semua path
+  finalPaths = finalPaths
+    .map(p => {
+      let clean = p.trim();
+      if (!clean) return null;
+      return '/' + clean.replace(/^\/+/, '');
+    })
+    .filter(Boolean);
+
+  // Hilangkan duplikasi rute
+  finalPaths = [...new Set(finalPaths)];
+
+  if (finalPaths.length === 0) {
+    finalPaths = ['/'];
+  }
+
+  console.log(pc.bold(`\nRute yang akan dipotret (${finalPaths.length}):`));
+  finalPaths.forEach(p => console.log(`  - ${pc.cyan(p)}`));
+  console.log('');
+
   for (const plat of targetPlatforms) {
     const config = DEVICE_CONFIGS[plat];
     console.log(pc.bold(pc.blue(`💻 Platform: ${plat.toUpperCase()}`)));
 
     for (const [deviceName, size] of Object.entries(config.devices)) {
-      console.log(pc.magenta(`  📱 Processing ${deviceName} (${size.width}x${size.height}px)...`));
+      console.log(pc.magenta(`  📱 Processing ${deviceName} (${size.logical.width * size.scale}x${size.logical.height * size.scale}px)...`));
 
       const context = await browser.newContext({
-        viewport: { width: size.width, height: size.height },
+        viewport: size.logical,
         userAgent: config.userAgent,
-        deviceScaleFactor: 3, // High DPI for crisp screenshots
+        deviceScaleFactor: size.scale,
         isMobile: true,
         hasTouch: true
       });
 
       const page = await context.newPage();
 
-      for (const route of paths) {
-        const normalizedPath = '/' + route.replace(/^\/+/, '');
-        const targetUrl = `${url}${normalizedPath}`;
-        const nameSnippet = safeFilename(normalizedPath);
+      for (const route of finalPaths) {
+        const targetUrl = `${url}${route}`;
+        const nameSnippet = safeFilename(route);
         const filename = `${deviceName}_${nameSnippet}.png`;
         const outputPath = path.join(outputDir, filename);
 
-        const pageSpinner = ora(`    Navigating to ${normalizedPath}...`).start();
+        const pageSpinner = ora(`    Navigating to ${route}...`).start();
 
         try {
           await page.goto(targetUrl, { timeout: 30000 });
-          pageSpinner.text = `    Waiting for network idle on ${normalizedPath}...`;
+          pageSpinner.text = `    Waiting for network idle on ${route}...`;
           await page.waitForLoadState('networkidle', { timeout: 15000 });
           
-          // Wait a brief moment for layout/dynamic scripts to settle
-          await new Promise(resolve => setTimeout(resolve, 500));
+          // Tunggu sebentar untuk layout stabil
+          await new Promise(resolve => setTimeout(resolve, 800));
 
           pageSpinner.text = `    Saving screenshot ${filename}...`;
           await page.screenshot({ path: outputPath, fullPage: false });
           pageSpinner.succeed(pc.green(`   ✔ Saved ${filename}`));
         } catch (err) {
-          pageSpinner.fail(pc.red(`   ✘ Failed to capture ${normalizedPath}: ${err.message}`));
+          pageSpinner.fail(pc.red(`   ✘ Failed to capture ${route}: ${err.message}`));
         }
       }
 
@@ -124,9 +263,13 @@ program
   .option('-p, --paths <paths>', 'Comma-separated list of routes to capture', '/')
   .option('-o, --output <output>', 'Output directory to save screenshots', 'mobilesnap_output')
   .option('-l, --platform <platform>', 'Target platform: "ios", "android", or "both"', 'ios')
+  .option('-c, --crawl', 'Discover and screenshot all internal links automatically', false)
+  .option('-d, --detect-pages', 'Scan local project pages directory (src/pages or pages) for static routes', false)
   .action((options) => {
-    const pathList = options.paths.split(',').map(p => p.trim()).filter(Boolean);
-    const finalPaths = pathList.length ? pathList : ['/'];
+    let pathList = [];
+    if (options.paths) {
+      pathList = options.paths.split(',').map(p => p.trim()).filter(Boolean);
+    }
     
     const platformVal = options.platform.toLowerCase();
     if (!['ios', 'android', 'both'].includes(platformVal)) {
@@ -134,10 +277,18 @@ program
       process.exit(1);
     }
 
-    captureScreenshots(options.url, finalPaths, options.output, platformVal).catch(err => {
+    captureScreenshots(
+      options.url,
+      pathList,
+      options.output,
+      platformVal,
+      options.crawl,
+      options.detectPages
+    ).catch(err => {
       console.error(pc.red(`Terjadi kesalahan tidak terduga: ${err.message}`));
       process.exit(1);
     });
   });
 
 program.parse(process.argv);
+

package/package.json

@@ -1,12 +1,17 @@
 {
   "name": "mobile-snap",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "Automate pixel-precise App Store & Google Play screenshots from a local web server",
   "type": "module",
   "main": "bin/cli.js",
   "bin": {
-    "mobile-snap": "./bin/cli.js"
+    "mobile-snap": "bin/cli.js"
   },
+  "files": [
+    "bin",
+    "README.md",
+    "README.html"
+  ],
   "keywords": [
     "screenshot",
     "app store",

package/mobilesnap/__init__.py

@@ -1 +0,0 @@
-# MobileSnap package

package/mobilesnap/main.py

@@ -1,192 +0,0 @@
-import asyncio
-import os
-import re
-from enum import Enum
-from pathlib import Path
-from typing import List, Optional
-import typer
-from playwright.async_api import async_playwright, Error as PlaywrightError
-from rich.console import Console
-
-# Initialize Typer app and Rich Console
-app = typer.Typer(
-    name="mobilesnap",
-    help="⚡ MobileSnap: Automate pixel-precise App Store & Google Play screenshots from local web servers.",
-    add_completion=False,
-)
-console = Console()
-
-
-# Enum for Platform choices
-class Platform(str, Enum):
-    ios = "ios"
-    android = "android"
-    both = "both"
-
-
-# Device configurations grouped by platform
-DEVICE_CONFIGS = {
-    "ios": {
-        "devices": {
-            "6.7_inch": {"width": 1290, "height": 2796},
-            "6.5_inch": {"width": 1242, "height": 2688},
-        },
-        "user_agent": "Mozilla/5.0 (iPhone; CPU iPhone OS 16_6 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/16.6 Mobile/15E148 Safari/604.1",
-    },
-    "android": {
-        "devices": {
-            "android_phone": {"width": 1080, "height": 2400},
-            "android_tablet": {"width": 1600, "height": 2560},
-        },
-        "user_agent": "Mozilla/5.0 (Linux; Android 13; Pixel 7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/116.0.0.0 Mobile Safari/537.36",
-    },
-}
-
-
-def safe_filename(path: str) -> str:
-    """Converts a URL path into a safe, descriptive file name snippet."""
-    # Strip leading/trailing slashes
-    clean_path = path.strip("/")
-    if not clean_path:
-        return "home"
-    # Replace non-alphanumeric characters with underscores
-    clean_path = re.sub(r"[^a-zA-Z0-9_\-]", "_", clean_path)
-    # Replace multiple consecutive underscores with a single one
-    clean_path = re.sub(r"_+", "_", clean_path)
-    return clean_path.strip("_")
-
-
-async def capture_screenshots(url: str, paths: List[str], output_dir: Path, platform: Platform):
-    """Core async capture logic using Playwright."""
-    output_dir.mkdir(parents=True, exist_ok=True)
-
-    # Normalize url (ensure it has a scheme)
-    if not url.startswith(("http://", "https://")):
-        url = "http://" + url
-    url = url.rstrip("/")
-
-    # Determine which platforms to target
-    if platform == Platform.both:
-        target_platforms = ["ios", "android"]
-    else:
-        target_platforms = [platform.value]
-
-    console.print(f"[bold blue]Starting MobileSnap screenshot automation...[/bold blue]")
-    console.print(f"Target Server: [cyan]{url}[/cyan]")
-    console.print(f"Platform(s): [cyan]{', '.join(target_platforms).upper()}[/cyan]")
-    console.print(f"Output Directory: [cyan]{output_dir.resolve()}[/cyan]\n")
-
-    async with async_playwright() as p:
-        # Launch headless Chromium
-        with console.status("[yellow]Launching Chromium browser...[/yellow]") as status:
-            try:
-                browser = await p.chromium.launch(headless=True)
-            except Exception as e:
-                console.print(f"[bold red]Failed to launch Chromium browser: {e}[/bold red]")
-                raise typer.Exit(code=1)
-
-        # Loop through each target platform
-        for plat in target_platforms:
-            config = DEVICE_CONFIGS[plat]
-            user_agent = config["user_agent"]
-            devices = config["devices"]
-
-            console.print(f"[bold blue]💻 Platform: {plat.upper()}[/bold blue]")
-
-            for device_name, size in devices.items():
-                width, height = size["width"], size["height"]
-                console.print(f"  [bold magenta]📱 Processing {device_name} ({width}x{height}px)...[/bold magenta]")
-
-                # Set up context
-                context = await browser.new_context(
-                    viewport={"width": width, "height": height},
-                    user_agent=user_agent,
-                    device_scale_factor=3,  # High DPI for crisp screenshots
-                    is_mobile=True,
-                    has_touch=True,
-                )
-
-                page = await context.new_page()
-
-                for path in paths:
-                    normalized_path = "/" + path.lstrip("/")
-                    target_url = f"{url}{normalized_path}"
-                    name_snippet = safe_filename(normalized_path)
-                    filename = f"{device_name}_{name_snippet}.png"
-                    output_path = output_dir / filename
-
-                    with console.status(f"    Navigating to {normalized_path}...") as status:
-                        try:
-                            await page.goto(target_url, timeout=30000)
-                            status.update(f"    Waiting for network idle on {normalized_path}...")
-                            await page.wait_for_load_state("networkidle", timeout=15000)
-                            await asyncio.sleep(0.5)
-
-                            status.update(f"    Saving screenshot {filename}...")
-                            await page.screenshot(path=str(output_path), full_page=False)
-
-                            console.print(
-                                f"    [green]✔[/green] Saved [bold green]{filename}[/bold green]"
-                            )
-                        except PlaywrightError as err:
-                            console.print(
-                                f"    [red]✘[/red] Failed to capture [cyan]{normalized_path}[/cyan]: {err.message}"
-                            )
-                        except Exception as err:
-                            console.print(
-                                f"    [red]✘[/red] Error on [cyan]{normalized_path}[/cyan]: {err}"
-                            )
-
-                await context.close()
-
-        await browser.close()
-    
-    console.print(f"\n[bold green]🎉 Selesai! Semua tangkapan layar disimpan di '{output_dir}'.[/bold green]")
-
-
-@app.command()
-def main(
-    url: str = typer.Option(
-        ...,
-        "--url",
-        "-u",
-        help="Base URL of the local development server (e.g., localhost:3000 or http://127.0.0.1:4321)",
-    ),
-    paths: str = typer.Option(
-        "/",
-        "--paths",
-        "-p",
-        help="Comma-separated list of paths/routes to capture (e.g., '/, /scan, /profile')",
-    ),
-    output: Path = typer.Option(
-        Path("mobilesnap_output"),
-        "--output",
-        "-o",
-        help="Output directory to save the screenshots",
-    ),
-    platform: Platform = typer.Option(
-        Platform.ios,
-        "--platform",
-        "-l",
-        help="Target platform: 'ios', 'android', or 'both'",
-    ),
-):
-    """
-    ⚡ MobileSnap CLI: Generate pixel-precise App Store & Google Play screenshots from a local web server automatically.
-    """
-    # Parse paths from comma-separated string
-    path_list = [p.strip() for p in paths.split(",") if p.strip()]
-    if not path_list:
-        path_list = ["/"]
-
-    try:
-        # Run the async core loop
-        asyncio.run(capture_screenshots(url=url, paths=path_list, output_dir=output, platform=platform))
-    except Exception as e:
-        console.print(f"[bold red]An unexpected error occurred during execution: {e}[/bold red]")
-        raise typer.Exit(code=1)
-
-
-if __name__ == "__main__":
-    app()
-

package/mobilesnap.egg-info/PKG-INFO

@@ -1,9 +0,0 @@
-Metadata-Version: 2.4
-Name: mobilesnap
-Version: 0.1.0
-Requires-Python: >=3.8
-Requires-Dist: typer>=0.9.0
-Requires-Dist: playwright>=1.40.0
-Requires-Dist: rich>=13.0.0
-Dynamic: requires-dist
-Dynamic: requires-python

package/mobilesnap.egg-info/SOURCES.txt

@@ -1,10 +0,0 @@
-README.md
-setup.py
-mobilesnap/__init__.py
-mobilesnap/main.py
-mobilesnap.egg-info/PKG-INFO
-mobilesnap.egg-info/SOURCES.txt
-mobilesnap.egg-info/dependency_links.txt
-mobilesnap.egg-info/entry_points.txt
-mobilesnap.egg-info/requires.txt
-mobilesnap.egg-info/top_level.txt

package/mobilesnap.egg-info/dependency_links.txt

@@ -1 +0,0 @@
-

package/mobilesnap.egg-info/entry_points.txt

@@ -1,2 +0,0 @@
-[console_scripts]
-mobilesnap = mobilesnap.main:app

package/mobilesnap.egg-info/requires.txt

@@ -1,3 +0,0 @@
-typer>=0.9.0
-playwright>=1.40.0
-rich>=13.0.0

package/mobilesnap.egg-info/top_level.txt

@@ -1 +0,0 @@
-mobilesnap

package/requirements.txt

@@ -1,3 +0,0 @@
-typer>=0.9.0
-playwright>=1.40.0
-rich>=13.0.0

package/setup.py

@@ -1,18 +0,0 @@
-from setuptools import setup, find_packages
-
-setup(
-    name="mobilesnap",
-    version="0.1.0",
-    packages=find_packages(),
-    install_requires=[
-        "typer>=0.9.0",
-        "playwright>=1.40.0",
-        "rich>=13.0.0",
-    ],
-    entry_points={
-        "console_scripts": [
-            "mobilesnap=mobilesnap.main:app",
-        ],
-    },
-    python_requires=">=3.8",
-)