---
name: hypostars_sw_cache_socials
description: hypostars.cz má Service Worker (musí se bumpnout verze po každé změně) + sociální sítě v menu se vkládají JS injektorem
metadata: 
  node_type: memory
  type: project
[Citlivý přístupový nebo provozní údaj je ve veřejném katalogu skrytý.]
---

**hypostars.cz** (`/var/www/hypostars/index.html` na 179) — gotchas zjištěné 2026-06-14:

1. 🔴 **SERVICE WORKER** `service-worker.js`, `CACHE_NAME="hs-vN"`. Servíruje cache → po JAKÉKOLIV změně index.html **MUSÍŠ bumpnout verzi** (`sed -i 's/hs-v15/hs-v16/'`), jinak uživatelé (hlavně Safari/Mac/iPhone) vidí STAROU cache = „rozházené", chybějící prvky. Aktuálně `hs-v15`. Diagnostika: playwright `newContext({serviceWorkers:'block'})` = čerstvý render bez SW.

2. 🔴 **NEPOUŽÍVAT široký DOTALL regex** (`(...).*?(</div></div>)`) na index.html — sežral mi celou `<section class="hero">` vč. fotky Hypouše a sekce „Tři kroky". Edituj cíleně, vždy `cp` záloha, a OVĚŘ `wc -c` + grep klíčových sekcí (Tři kroky, bank-pill=12) po editu.

3. **Sociální sítě v dolním menu** (#hsmenu, přesouván JS na <html>): statické `<a class="hs-soc">` anchory se v #hsmenu nevykreslovaly spolehlivě (FB+YT mizely, IG+TT ne). Řešení = **JS injektor** `<script id="hs-soc-inject">`: purge statických `.hs-soc:not(.hs-soc-js)` + appendChild 4 koleček (FB/IG/TikTok/YT). Deterministické.

4. **Social rozmístění (live):** dolní lišta = 4 kolečka FB+IG+TikTok+YT (JS). Hero pod „★ HYPOSTARS.CZ" = vertikální stack `.hero-soc` 4 koleček. Top-right badge `#hs-youtube` → video `youtube.com/watch?v=Pzf6p1aQGaA` (ne kanál), posunut top:52px.

5. ⚠️ **Social handle NEpotvrzené** — dal jsem jednotně `hypostars` (facebook.com/hypostars, instagram.com/hypostars, tiktok.com/@hypostars). Uživatel má potvrdit/opravit.

CSS třídy: `.hs-soc` (kruh, komiks border+shadow), `.hs-fb`(#1877F2), `.hs-ig`(gradient), `.hs-tt`(#000), `.hs-yt`(#FF0000). Souvisí s [[project_hypostars_cz_hosting]], [[hypostars_nepresouvat]].
