mirror of
https://github.com/wu736139669/hapi.git
synced 2026-08-05 06:24:37 +00:00
weishu
be00343289
- Add iOS Safari install prompt with step-by-step modal guide - Fix Telegram environment detection (check initData, not just SDK presence) - Fix install prompt re-entrancy issue (clear deferredPrompt immediately) - Extract icon components to separate file (web/src/components/icons.tsx) - Rename "Happy App" to "Hapi" throughout the UI and manifests - Change button/icon colors from blue (--app-button) to neutral theme (--app-fg/--app-bg) - Add install dismiss state to prevent repeated prompts - Improve iOS Safari detection with robust user agent parsing
43 lines
1.6 KiB
HTML
43 lines
1.6 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta
|
|
name="viewport"
|
|
content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no, viewport-fit=cover"
|
|
/>
|
|
|
|
<!-- PWA Meta Tags -->
|
|
<meta name="theme-color" content="#ffffff" media="(prefers-color-scheme: light)" />
|
|
<meta name="theme-color" content="#1c1c1e" media="(prefers-color-scheme: dark)" />
|
|
<meta name="description" content="AI-powered development assistant" />
|
|
|
|
<!-- iOS PWA Meta Tags -->
|
|
<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="Hapi" />
|
|
<link rel="apple-touch-icon" href="/apple-touch-icon-180x180.png" />
|
|
|
|
<!-- Favicon -->
|
|
<link rel="icon" href="/favicon.ico" sizes="48x48" />
|
|
<link rel="icon" href="/icon.svg" sizes="any" type="image/svg+xml" />
|
|
|
|
<!-- Safari Pinned Tab -->
|
|
<link rel="mask-icon" href="/mask-icon.svg" color="#111827" />
|
|
|
|
<title>Hapi</title>
|
|
<script type="importmap">
|
|
{
|
|
"imports": {
|
|
"socket.io-client": "https://cdn.socket.io/4.8.1/socket.io.esm.min.js"
|
|
}
|
|
}
|
|
</script>
|
|
<script src="https://telegram.org/js/telegram-web-app.js"></script>
|
|
</head>
|
|
<body>
|
|
<div id="root"></div>
|
|
<script type="module" src="/src/main.tsx"></script>
|
|
</body>
|
|
</html>
|