fix(web): манифест PWA отдаётся с правильным типом
Go определяет .webmanifest как text/plain, из-за чего браузер мог отказаться ставить приложение: тип задаём явно вместе с js/css/svg.
This commit is contained in:
@@ -785,3 +785,22 @@ func guildChannelID(t *testing.T, srv *Server, guildID string, cookie *http.Cook
|
|||||||
t.Fatal("текстовая комната не найдена")
|
t.Fatal("текстовая комната не найдена")
|
||||||
return ""
|
return ""
|
||||||
}
|
}
|
||||||
|
|
||||||
|
func TestStaticServesPWAAssets(t *testing.T) {
|
||||||
|
srv, _ := newTestServer(t)
|
||||||
|
// В тестовом каталоге лежит только index.html: проверяем типы по расширению.
|
||||||
|
cases := map[string]string{
|
||||||
|
"/manifest.webmanifest": "application/manifest+json",
|
||||||
|
"/sw.js": "text/javascript; charset=utf-8",
|
||||||
|
"/offline.html": "text/html; charset=utf-8",
|
||||||
|
}
|
||||||
|
for path, want := range cases {
|
||||||
|
rec := doJSON(t, srv, http.MethodGet, path, "")
|
||||||
|
if rec.Code != http.StatusOK {
|
||||||
|
t.Fatalf("%s = %d", path, rec.Code)
|
||||||
|
}
|
||||||
|
if got := rec.Header().Get("Content-Type"); got != want {
|
||||||
|
t.Fatalf("%s: Content-Type = %q, ожидался %q", path, got, want)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|||||||
@@ -39,7 +39,9 @@ func (h *staticHandler) serve(w http.ResponseWriter, r *http.Request) {
|
|||||||
return
|
return
|
||||||
}
|
}
|
||||||
|
|
||||||
if contentType := mime.TypeByExtension(filepath.Ext(rel)); contentType != "" {
|
// Часть расширений (манифест PWA) известна не всем системам: тип задаём
|
||||||
|
// явно, иначе браузер получает text/plain и отказывается ставить приложение.
|
||||||
|
if contentType := staticContentType(rel); contentType != "" {
|
||||||
w.Header().Set("Content-Type", contentType)
|
w.Header().Set("Content-Type", contentType)
|
||||||
}
|
}
|
||||||
if strings.HasPrefix(rel, "assets/") {
|
if strings.HasPrefix(rel, "assets/") {
|
||||||
@@ -50,6 +52,21 @@ func (h *staticHandler) serve(w http.ResponseWriter, r *http.Request) {
|
|||||||
http.ServeFile(w, r, filepath.Join(h.root, filepath.FromSlash(rel)))
|
http.ServeFile(w, r, filepath.Join(h.root, filepath.FromSlash(rel)))
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// staticContentType определяет тип файла: сначала явные правила, потом mime.
|
||||||
|
func staticContentType(rel string) string {
|
||||||
|
switch filepath.Ext(rel) {
|
||||||
|
case ".webmanifest":
|
||||||
|
return "application/manifest+json"
|
||||||
|
case ".js":
|
||||||
|
return "text/javascript; charset=utf-8"
|
||||||
|
case ".css":
|
||||||
|
return "text/css; charset=utf-8"
|
||||||
|
case ".svg":
|
||||||
|
return "image/svg+xml"
|
||||||
|
}
|
||||||
|
return mime.TypeByExtension(filepath.Ext(rel))
|
||||||
|
}
|
||||||
|
|
||||||
func (h *staticHandler) serveIndex(w http.ResponseWriter, r *http.Request) {
|
func (h *staticHandler) serveIndex(w http.ResponseWriter, r *http.Request) {
|
||||||
index := filepath.Join(h.root, "index.html")
|
index := filepath.Join(h.root, "index.html")
|
||||||
if _, err := os.Stat(index); err != nil {
|
if _, err := os.Stat(index); err != nil {
|
||||||
|
|||||||
BIN
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
@@ -0,0 +1,29 @@
|
|||||||
|
{
|
||||||
|
"name": "glchat",
|
||||||
|
"short_name": "glchat",
|
||||||
|
"description": "glchat — self-hosted платформа общения: серверы, комнаты, голос и файлы",
|
||||||
|
"lang": "ru",
|
||||||
|
"dir": "ltr",
|
||||||
|
"start_url": "/app",
|
||||||
|
"scope": "/",
|
||||||
|
"display": "standalone",
|
||||||
|
"display_override": ["window-controls-overlay", "standalone"],
|
||||||
|
"orientation": "any",
|
||||||
|
"background_color": "#1a1b1e",
|
||||||
|
"theme_color": "#1a1b1e",
|
||||||
|
"categories": ["social", "communication"],
|
||||||
|
"icons": [
|
||||||
|
{ "src": "/icons/icon-192.png", "sizes": "192x192", "type": "image/png" },
|
||||||
|
{ "src": "/icons/icon-512.png", "sizes": "512x512", "type": "image/png" },
|
||||||
|
{
|
||||||
|
"src": "/icons/maskable-512.png",
|
||||||
|
"sizes": "512x512",
|
||||||
|
"type": "image/png",
|
||||||
|
"purpose": "maskable"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"shortcuts": [
|
||||||
|
{ "name": "Друзья", "url": "/app/friends" },
|
||||||
|
{ "name": "Настройки", "url": "/settings/account/profile" }
|
||||||
|
]
|
||||||
|
}
|
||||||
+60
@@ -0,0 +1,60 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html lang="ru" data-theme="dark">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8" />
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||||
|
<meta name="color-scheme" content="dark light" />
|
||||||
|
<title>glchat — нет сети</title>
|
||||||
|
<style>
|
||||||
|
:root {
|
||||||
|
color-scheme: dark;
|
||||||
|
}
|
||||||
|
body {
|
||||||
|
margin: 0;
|
||||||
|
min-height: 100vh;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
background: #1a1b1e;
|
||||||
|
color: #f2f3f5;
|
||||||
|
font:
|
||||||
|
16px/1.5 system-ui,
|
||||||
|
-apple-system,
|
||||||
|
'Segoe UI',
|
||||||
|
sans-serif;
|
||||||
|
}
|
||||||
|
main {
|
||||||
|
max-width: 28rem;
|
||||||
|
padding: 2rem;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
h1 {
|
||||||
|
margin: 0 0 0.5rem;
|
||||||
|
font-size: 1.25rem;
|
||||||
|
}
|
||||||
|
p {
|
||||||
|
margin: 0 0 1.25rem;
|
||||||
|
color: #a3a6ad;
|
||||||
|
}
|
||||||
|
button {
|
||||||
|
padding: 0.5rem 1rem;
|
||||||
|
border: 1px solid #3a3c42;
|
||||||
|
border-radius: 0.5rem;
|
||||||
|
background: #26282d;
|
||||||
|
color: inherit;
|
||||||
|
font: inherit;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<main>
|
||||||
|
<h1>Нет соединения</h1>
|
||||||
|
<p>
|
||||||
|
glchat не смог связаться с сервером. Проверьте сеть — как только связь вернётся, приложение
|
||||||
|
откроется само.
|
||||||
|
</p>
|
||||||
|
<button type="button" onclick="location.reload()">Повторить</button>
|
||||||
|
</main>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Vendored
+91
@@ -0,0 +1,91 @@
|
|||||||
|
/*
|
||||||
|
* Сервис-воркер glchat (AGENT.md, Фаза 5): офлайн-заглушка и кэш статики.
|
||||||
|
*
|
||||||
|
* Правила простые и безопасные:
|
||||||
|
* - навигация — сеть, при ошибке офлайн-страница (данные всегда свежие);
|
||||||
|
* - собранная статика `/assets/*` (хешированные имена) — из кэша;
|
||||||
|
* - API, шлюз и файлы никогда не кэшируются: это приватные данные.
|
||||||
|
*/
|
||||||
|
const VERSION = 'glchat-v1';
|
||||||
|
const OFFLINE_URL = '/offline.html';
|
||||||
|
|
||||||
|
self.addEventListener('install', (event) => {
|
||||||
|
event.waitUntil(
|
||||||
|
caches.open(VERSION).then((cache) => cache.addAll([OFFLINE_URL, '/manifest.webmanifest'])),
|
||||||
|
);
|
||||||
|
self.skipWaiting();
|
||||||
|
});
|
||||||
|
|
||||||
|
self.addEventListener('activate', (event) => {
|
||||||
|
event.waitUntil(
|
||||||
|
caches
|
||||||
|
.keys()
|
||||||
|
.then((keys) =>
|
||||||
|
Promise.all(keys.filter((key) => key !== VERSION).map((key) => caches.delete(key))),
|
||||||
|
)
|
||||||
|
.then(() => self.clients.claim()),
|
||||||
|
);
|
||||||
|
});
|
||||||
|
|
||||||
|
/** Приватные запросы: их нельзя ни кэшировать, ни отдавать из кэша. */
|
||||||
|
function isPrivate(url) {
|
||||||
|
return (
|
||||||
|
url.pathname.startsWith('/api/') ||
|
||||||
|
url.pathname.startsWith('/files/') ||
|
||||||
|
url.pathname.startsWith('/gateway') ||
|
||||||
|
url.pathname.startsWith('/rtc')
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
self.addEventListener('fetch', (event) => {
|
||||||
|
const request = event.request;
|
||||||
|
if (request.method !== 'GET') {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
const url = new URL(request.url);
|
||||||
|
if (url.origin !== self.location.origin || isPrivate(url)) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (request.mode === 'navigate') {
|
||||||
|
event.respondWith(
|
||||||
|
fetch(request).catch(() =>
|
||||||
|
caches.match(request).then((cached) => cached ?? caches.match(OFFLINE_URL)),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (url.pathname.startsWith('/assets/')) {
|
||||||
|
event.respondWith(
|
||||||
|
caches.match(request).then(
|
||||||
|
(cached) =>
|
||||||
|
cached ??
|
||||||
|
fetch(request).then((response) => {
|
||||||
|
if (response.ok) {
|
||||||
|
const copy = response.clone();
|
||||||
|
void caches.open(VERSION).then((cache) => cache.put(request, copy));
|
||||||
|
}
|
||||||
|
return response;
|
||||||
|
}),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Иконки, манифест и прочая статика: сеть, при недоступности — кэш.
|
||||||
|
event.respondWith(
|
||||||
|
fetch(request)
|
||||||
|
.then((response) => {
|
||||||
|
if (
|
||||||
|
response.ok &&
|
||||||
|
(url.pathname.startsWith('/icons/') || url.pathname === '/manifest.webmanifest')
|
||||||
|
) {
|
||||||
|
const copy = response.clone();
|
||||||
|
void caches.open(VERSION).then((cache) => cache.put(request, copy));
|
||||||
|
}
|
||||||
|
return response;
|
||||||
|
})
|
||||||
|
.catch(() => caches.match(request).then((cached) => cached ?? Response.error())),
|
||||||
|
);
|
||||||
|
});
|
||||||
Reference in New Issue
Block a user