🌍 Install Mami Market
Get faster access to African marketplace

`; // Add animation styles const style = document.createElement('style'); style.textContent = ` @keyframes slideUp { from { transform: translateY(100%); opacity: 0; } to { transform: translateY(0); opacity: 1; } } @media (max-width: 640px) { #pwa-install-banner > div { flex-direction: column; text-align: center; gap: 12px; } } `; document.head.appendChild(style); document.body.appendChild(installBanner); } window.installPWA = async function() { if (deferredPrompt) { deferredPrompt.prompt(); const { outcome } = await deferredPrompt.userChoice; console.log('📱 PWA install outcome:', outcome); deferredPrompt = null; dismissInstallPromotion(); } }; window.dismissInstallPromotion = function() { const banner = document.getElementById('pwa-install-banner'); if (banner) { banner.style.animation = 'slideDown 0.3s ease-out'; setTimeout(() => banner.remove(), 300); } // Remember dismissal for 7 days localStorage.setItem('pwaDismissed', Date.now() + (7 * 24 * 60 * 60 * 1000)); }; // Handle app launch window.addEventListener('appinstalled', (evt) => { console.log('🎉 Mami Market PWA installed successfully!'); dismissInstallPromotion(); }); // Prevent iOS zoom on input focus while maintaining accessibility document.addEventListener('DOMContentLoaded', function() { const viewportMeta = document.querySelector('meta[name="viewport"]'); if (viewportMeta && /iPhone|iPad|iPod/.test(navigator.userAgent)) { let content = viewportMeta.getAttribute('content'); let disableZoom = () => { viewportMeta.setAttribute('content', content + ', user-scalable=no'); }; let enableZoom = () => { viewportMeta.setAttribute('content', content); }; document.addEventListener('focusin', (e) => { if (e.target.tagName === 'INPUT' || e.target.tagName === 'TEXTAREA') { disableZoom(); } }); document.addEventListener('focusout', enableZoom); } // Add touch device class for enhanced mobile styles if ('ontouchstart' in window) { document.documentElement.classList.add('touch-device'); } }); // Handle shared content if arriving from share target const urlParams = new URLSearchParams(window.location.search); const sharedContent = urlParams.get('share'); if (sharedContent) { try { const content = JSON.parse(decodeURIComponent(sharedContent)); console.log('📤 Shared content received:', content); // Process shared content for African marketplace if ('localStorage' in window) { const pending = JSON.parse(localStorage.getItem('pendingShares') || '[]'); pending.push({ content: content, timestamp: Date.now() }); localStorage.setItem('pendingShares', JSON.stringify(pending)); } } catch (error) { console.error('❌ Error processing shared content:', error); } } console.log('🌍 Mami Market PWA ready - Supporting African economic empowerment!');