{
    "name": "Grosir Pulsa",
    "short_name": "GrosirPulsa",
    "description": "Solusi Grosir Pulsa Termurah dan Terpercaya - Pulsa, Data, Token Listrik, E-Wallet, Voucher Game",
    "version": "1.0.0",
    
    "display": "standalone",
    "orientation": "portrait-primary",
    "scope": "/",
    "start_url": "/index.php",
    
    "theme_color": "#1e7e34",
    "background_color": "#ffffff",
    "categories": ["shopping", "finance", "utilities"],
    "lang": "id-ID",
    "dir": "ltr",
    
    "icons": [
        {
            "src": "assets/images/icons/icon-72.png",
            "sizes": "72x72",
            "type": "image/png",
            "purpose": "any maskable"
        },
        {
            "src": "assets/images/icons/icon-96.png",
            "sizes": "96x96",
            "type": "image/png",
            "purpose": "any maskable"
        },
        {
            "src": "assets/images/icons/icon-128.png",
            "sizes": "128x128",
            "type": "image/png",
            "purpose": "any maskable"
        },
        {
            "src": "assets/images/icons/icon-144.png",
            "sizes": "144x144",
            "type": "image/png",
            "purpose": "any maskable"
        },
        {
            "src": "assets/images/icons/icon-152.png",
            "sizes": "152x152",
            "type": "image/png",
            "purpose": "any maskable"
        },
        {
            "src": "assets/images/icons/icon-192.png",
            "sizes": "192x192",
            "type": "image/png",
            "purpose": "any maskable"
        },
        {
            "src": "assets/images/icons/icon-384.png",
            "sizes": "384x384",
            "type": "image/png",
            "purpose": "any maskable"
        },
        {
            "src": "assets/images/icons/icon-512.png",
            "sizes": "512x512",
            "type": "image/png",
            "purpose": "any maskable"
        }
    ],
    
    "screenshots": [
        {
            "src": "assets/images/screenshots/home.png",
            "sizes": "1280x720",
            "type": "image/png",
            "form_factor": "wide",
            "label": "Homepage Grosir Pulsa"
        },
        {
            "src": "assets/images/screenshots/catalog.png",
            "sizes": "1280x720",
            "type": "image/png",
            "form_factor": "wide",
            "label": "Katalog Produk"
        },
        {
            "src": "assets/images/screenshots/dashboard.png",
            "sizes": "1280x720",
            "type": "image/png",
            "form_factor": "wide",
            "label": "Dashboard Member"
        },
        {
            "src": "assets/images/screenshots/mobile-home.png",
            "sizes": "750x1334",
            "type": "image/png",
            "form_factor": "narrow",
            "label": "Mobile Homepage"
        },
        {
            "src": "assets/images/screenshots/mobile-catalog.png",
            "sizes": "750x1334",
            "type": "image/png",
            "form_factor": "narrow",
            "label": "Mobile Catalog"
        }
    ],
    
    "shortcuts": [
        {
            "name": "Login",
            "short_name": "Login",
            "description": "Login ke akun Anda",
            "url": "/login.php",
            "icons": [
                {
                    "src": "assets/images/icons/login-icon.png",
                    "sizes": "96x96",
                    "type": "image/png"
                }
            ]
        },
        {
            "name": "Top Up",
            "short_name": "Top Up",
            "description": "Top Up Saldo",
            "url": "/member/top_up/top_up.php",
            "icons": [
                {
                    "src": "assets/images/icons/topup-icon.png",
                    "sizes": "96x96",
                    "type": "image/png"
                }
            ]
        },
        {
            "name": "Beli Pulsa",
            "short_name": "Pulsa",
            "description": "Beli Pulsa",
            "url": "/member/transaksi/pesan_pulsa.php",
            "icons": [
                {
                    "src": "assets/images/icons/pulsa-icon.png",
                    "sizes": "96x96",
                    "type": "image/png"
                }
            ]
        },
        {
            "name": "Kontak",
            "short_name": "Kontak",
            "description": "Hubungi Kami",
            "url": "/public/contact.php",
            "icons": [
                {
                    "src": "assets/images/icons/contact-icon.png",
                    "sizes": "96x96",
                    "type": "image/png"
                }
            ]
        }
    ],
    
    "share_target": {
        "action": "/member/transaksi/share.php",
        "method": "POST",
        "enctype": "multipart/form-data",
        "params": {
            "title": "title",
            "text": "text",
            "url": "url",
            "files": [
                {
                    "name": "bukti",
                    "accept": ["image/*", "application/pdf"]
                }
            ]
        }
    },
    
    "related_applications": [],
    "prefer_related_applications": false,
    
    "iarc_rating_id": "",
    
    "protocol_handlers": [
        {
            "protocol": "web+grosirpulsa",
            "url": "/handler.php?data=%s"
        }
    ],
    
    "serviceworker": {
        "src": "/assets/js/service-worker.js",
        "scope": "/",
        "type": "module",
        "update_via_cache": "none"
    },
    
    "handle_links": "preferred",
    
    "launch_handler": {
        "client_mode": "navigate-existing"
    },
    
    "edge_side_panel": {
        "preferred_width": 400
    }
}

/* ============================================================
   CATATAN PENGGUNAAN:
   
   1. Tambahkan di <head> semua halaman HTML:
      <link rel="manifest" href="/manifest.json">
   
   2. Tambahkan meta tags untuk PWA:
      <meta name="theme-color" content="#1e7e34">
      <meta name="apple-mobile-web-app-capable" content="yes">
      <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
      <meta name="apple-mobile-web-app-title" content="Grosir Pulsa">
   
   3. Buat icon dengan berbagai ukuran di:
      assets/images/icons/
      - icon-72.png
      - icon-96.png
      - icon-128.png
      - icon-144.png
      - icon-152.png
      - icon-192.png
      - icon-384.png
      - icon-512.png
   
   4. Buat screenshots di:
      assets/images/screenshots/
   
   5. Buat service worker di:
      assets/js/service-worker.js
   
   6. Test PWA menggunakan:
      - Chrome DevTools > Application > Manifest
      - Lighthouse audit
   
   7. Generate icons menggunakan:
      - RealFaviconGenerator.net
      - Favicon.io
      - PWA Asset Generator
   
   ============================================================ */