This implements the mobile optimization agent (P3 - Enhancement) with: PWA Configuration: - Add next-pwa integration with offline caching strategies - Create web app manifest for installability - Add service worker with background sync support - Create offline fallback page Mobile Components: - BottomNav: Touch-friendly bottom navigation bar - MobileHeader: Responsive header with back navigation - InstallPrompt: Smart PWA install prompt (iOS & Android) - SwipeableCard: Gesture-based swipeable cards - PullToRefresh: Native-like pull to refresh - QRScanner: Camera-based QR code scanning Mobile Library: - camera.ts: Camera access and photo capture utilities - offline.ts: IndexedDB-based offline storage and sync - gestures.ts: Touch gesture detection (swipe, pinch, tap) - pwa.ts: PWA status, install prompts, service worker management Mobile Pages: - /m: Mobile dashboard with quick actions and stats - /m/scan: QR code scanner for plant lookup - /m/quick-add: Streamlined plant registration form - /m/profile: User profile with offline status Dependencies added: next-pwa, idb
96 lines
2.3 KiB
JSON
96 lines
2.3 KiB
JSON
{
|
|
"name": "LocalGreenChain",
|
|
"short_name": "LGC",
|
|
"description": "Track your plants from seed to seed with blockchain-verified lineage",
|
|
"start_url": "/",
|
|
"display": "standalone",
|
|
"background_color": "#ffffff",
|
|
"theme_color": "#16a34a",
|
|
"orientation": "portrait-primary",
|
|
"scope": "/",
|
|
"icons": [
|
|
{
|
|
"src": "/icons/icon-72x72.png",
|
|
"sizes": "72x72",
|
|
"type": "image/png",
|
|
"purpose": "maskable any"
|
|
},
|
|
{
|
|
"src": "/icons/icon-96x96.png",
|
|
"sizes": "96x96",
|
|
"type": "image/png",
|
|
"purpose": "maskable any"
|
|
},
|
|
{
|
|
"src": "/icons/icon-128x128.png",
|
|
"sizes": "128x128",
|
|
"type": "image/png",
|
|
"purpose": "maskable any"
|
|
},
|
|
{
|
|
"src": "/icons/icon-144x144.png",
|
|
"sizes": "144x144",
|
|
"type": "image/png",
|
|
"purpose": "maskable any"
|
|
},
|
|
{
|
|
"src": "/icons/icon-152x152.png",
|
|
"sizes": "152x152",
|
|
"type": "image/png",
|
|
"purpose": "maskable any"
|
|
},
|
|
{
|
|
"src": "/icons/icon-192x192.png",
|
|
"sizes": "192x192",
|
|
"type": "image/png",
|
|
"purpose": "maskable any"
|
|
},
|
|
{
|
|
"src": "/icons/icon-384x384.png",
|
|
"sizes": "384x384",
|
|
"type": "image/png",
|
|
"purpose": "maskable any"
|
|
},
|
|
{
|
|
"src": "/icons/icon-512x512.png",
|
|
"sizes": "512x512",
|
|
"type": "image/png",
|
|
"purpose": "maskable any"
|
|
}
|
|
],
|
|
"categories": ["food", "agriculture", "sustainability"],
|
|
"screenshots": [
|
|
{
|
|
"src": "/screenshots/home.png",
|
|
"sizes": "1280x720",
|
|
"type": "image/png",
|
|
"form_factor": "wide",
|
|
"label": "Home Screen"
|
|
},
|
|
{
|
|
"src": "/screenshots/mobile-home.png",
|
|
"sizes": "750x1334",
|
|
"type": "image/png",
|
|
"form_factor": "narrow",
|
|
"label": "Mobile Home"
|
|
}
|
|
],
|
|
"shortcuts": [
|
|
{
|
|
"name": "Scan Plant",
|
|
"short_name": "Scan",
|
|
"description": "Scan a plant QR code",
|
|
"url": "/m/scan",
|
|
"icons": [{ "src": "/icons/scan-shortcut.png", "sizes": "192x192" }]
|
|
},
|
|
{
|
|
"name": "Quick Add",
|
|
"short_name": "Add",
|
|
"description": "Quickly add a new plant",
|
|
"url": "/m/quick-add",
|
|
"icons": [{ "src": "/icons/add-shortcut.png", "sizes": "192x192" }]
|
|
}
|
|
],
|
|
"related_applications": [],
|
|
"prefer_related_applications": false
|
|
}
|