Android PWA Requirements: - Add mobile-web-app-capable meta tag for Android - Add application-name meta tag - Add prefer_related_applications: false to manifest - Add explicit icon sizes (192x192, 512x512) for both any and maskable - Add orientation: any for flexible display - Add lang and dir to manifest for proper localization - Add ?source=pwa to start_url for analytics - Add crossorigin="use-credentials" to manifest link - Add proper service worker registration in main.ts - Add vite-plugin-pwa/client types to env.d.ts This ensures Android recognizes it as a full PWA instead of creating a shortcut Co-authored-by: Cursor <cursoragent@cursor.com>
25 lines
1.1 KiB
HTML
25 lines
1.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<link rel="icon" type="image/svg+xml" href="/assets/images/app-icon.svg">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
|
|
<title>IndeedHub - Decentralized Media Streaming</title>
|
|
<meta name="description" content="Stream films and content on the decentralized web powered by Nostr and Bitcoin">
|
|
|
|
<!-- PWA Meta Tags -->
|
|
<meta name="theme-color" content="#0a0a0a">
|
|
<meta name="mobile-web-app-capable" content="yes">
|
|
<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="IndeedHub">
|
|
<meta name="application-name" content="IndeedHub">
|
|
<link rel="apple-touch-icon" href="/assets/images/app-icon.svg">
|
|
<link rel="manifest" href="/manifest.json" crossorigin="use-credentials">
|
|
</head>
|
|
<body>
|
|
<div id="app"></div>
|
|
<script type="module" src="/src/main.ts"></script>
|
|
</body>
|
|
</html>
|