From 57779cacbd10190b62635318d6320b9de6bd2adb Mon Sep 17 00:00:00 2001
From: anibus <vholodov94@gmail.com>
Date: Thu, 23 Jul 2026 11:15:57 +0300
Subject: [PATCH] =?UTF-8?q?Vibe-code=20=D0=B4=D0=B8=D0=B7=D0=B0=D0=B9?=
 =?UTF-8?q?=D0=BD=20fix?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 index.html                     |  3 +++
 public/index.html              | 27 ++++++++++++++++++++++++++-
 src/App.tsx                    |  4 ++--
 src/commons/DescriptionBox.tsx |  1 -
 src/pages/BuildingPage.tsx     |  2 +-
 src/pages/ModsPage.tsx         | 21 ++++++++++++++++++---
 6 files changed, 50 insertions(+), 8 deletions(-)
diff --git a/index.html b/index.html
index a3677c8..17df1f5 100644
--- a/index.html
+++ b/index.html
@@ -2,6 +2,9 @@
 <html>
     <head>
         <meta charset="utf-8" />
+        <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
+        <meta http-equiv="Pragma" content="no-cache" />
+        <meta http-equiv="Expires" content="0" />
         <title>Webpack App</title>
     </head>
     <body>
diff --git a/public/index.html b/public/index.html
index d730010..9d2835b 100644
--- a/public/index.html
+++ b/public/index.html
@@ -2,6 +2,7 @@
 <html lang="en">
   <head>
     <meta charset="utf-8" />
+    <meta http-equiv="Cache-Control" content="no-cache, must-revalidate" />
     <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="theme-color" content="#000000" />
@@ -30,7 +31,31 @@
   <body>
   <!-- Yandex.Metrika counter --> <script type="text/javascript" > (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)}; m[i].l=1*new Date(); for (var j = 0; j < document.scripts.length; j++) {if (document.scripts[j].src === r) { return; }} k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)}) (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym"); ym(99502794, "init", { clickmap:true, trackLinks:true, accurateTrackBounce:true, webvisor:true }); </script> <noscript><div><img src="https://mc.yandex.ru/watch/99502794" style="position:absolute; left:-9999px;" alt="" /></div></noscript> <!-- /Yandex.Metrika counter -->
     <noscript>You need to enable JavaScript to run this app.</noscript>
-    <script type="text/babel" src="./index_bundle.js"></script>
+    <script>
+      (function () {
+        var VERSION = 'v1.0.1';
+        var stored = localStorage.getItem('app_version');
+        if (stored !== VERSION) {
+          localStorage.setItem('app_version', VERSION);
+          if ('caches' in window) {
+            caches.keys().then(function (names) {
+              names.forEach(function (name) { caches.delete(name); });
+            });
+          }
+          if ('serviceWorker' in navigator) {
+            navigator.serviceWorker.getRegistrations().then(function (regs) {
+              regs.forEach(function (r) { r.unregister(); });
+            });
+          }
+        }
+        // bfcache: если страница восстановлена из back-forward cache — перезагружаем
+        window.addEventListener('pageshow', function (event) {
+          if (event.persisted) {
+            window.location.reload();
+          }
+        });
+      })();
+    </script>
     <div id="root"></div>
     <!--
       This HTML file is a template.
diff --git a/src/App.tsx b/src/App.tsx
index 7979729..06b4206 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -74,7 +74,7 @@ function AppBarContent() {
                             <Box sx={{ display: 'flex', alignItems: 'center', gap: 2 }}>
                                 <img src="/images/dowdelogo.png" alt="logo" style={{ height: 32, cursor: 'pointer' }} onClick={handleLogoClick}/>
                                 <LogoText variant="h6" sx={{ textDecoration: 'none', cursor: 'pointer' }} onClick={handleLogoClick}>
-                                    Autogenerated wiki
+                                    Wiki
                                 </LogoText>
                             </Box>
                             <ThemeToggle onClick={toggleTheme} size="large">
@@ -90,7 +90,7 @@ function AppBarContent() {
                             <Box sx={{ display: 'flex', alignItems: 'center', gap: 2 }}>
                                 <img src="/images/dowdelogo.png" alt="logo" style={{ height: 32, cursor: 'pointer' }} onClick={handleLogoClick}/>
                                 <LogoText variant="h6" sx={{ textDecoration: 'none', cursor: 'pointer' }} onClick={handleLogoClick}>
-                                    Autogenerated wiki
+                                    Wiki
                                 </LogoText>
                             </Box>
                             <ThemeToggleLight onClick={toggleTheme} size="large">
diff --git a/src/commons/DescriptionBox.tsx b/src/commons/DescriptionBox.tsx
index c6316d4..f3d4b9a 100644
--- a/src/commons/DescriptionBox.tsx
+++ b/src/commons/DescriptionBox.tsx
@@ -3,7 +3,6 @@ import {styled} from '@mui/material/styles';
 export const DescriptionBox = styled('div')(({ theme }) => ({
     color: theme.palette.text.primary,
     lineHeight: 1.7,
-    fontSize: '0.95rem',
     padding: theme.spacing(3),
     background: theme.palette.mode === 'dark' ? 'rgba(255, 255, 255, 0.03)' : 'rgba(0, 0, 0, 0.03)',
     borderRadius: '12px',
diff --git a/src/pages/BuildingPage.tsx b/src/pages/BuildingPage.tsx
index 0ef205c..71e594e 100644
--- a/src/pages/BuildingPage.tsx
+++ b/src/pages/BuildingPage.tsx
@@ -93,7 +93,7 @@ const UnitListItem = styled(ListItem)(({ theme }) => ({
     borderRadius: '8px',
     border: `1px solid ${theme.palette.mode === 'dark' ? 'rgba(255,255,255,0.05)' : 'rgba(0,0,0,0.05)'}`,
     transition: 'all 0.2s ease',
-    '&:hover': { background: theme.palette.mode === 'dark' ? 'rgba(255,255,255,0.1)' : 'rgba(233, 69, 96, 0.1)', borderColor: theme.palette.mode === 'dark' ? 'rgba(255,255,255,0.3)' : 'rgba(233, 69, 96, 0.3)' },
+    '&:hover': { background: theme.palette.mode === 'dark' ? 'rgba(255,255,255,0.1)' : 'rgba(0,0,0,0.08)', borderColor: theme.palette.mode === 'dark' ? 'rgba(255,255,255,0.3)' : 'rgba(0,0,0,0.2)' },
 }));
 
 interface UintPageState {
diff --git a/src/pages/ModsPage.tsx b/src/pages/ModsPage.tsx
index 949f070..39b8da1 100644
--- a/src/pages/ModsPage.tsx
+++ b/src/pages/ModsPage.tsx
@@ -15,7 +15,7 @@ import {
     Divider,
     useTheme,
     Paper,
-    LinearProgress
+    LinearProgress,
 } from "@mui/material";
 import { styled } from '@mui/material/styles';
 
@@ -280,8 +280,6 @@ function Mods({ mods }: ModsProps) {
 
     return (
         <Box>
-
-
             <Grid container spacing={3}>
                 {[...new Set(sortedMods.map(m => m.name))].map((modName, index) => (
                     <Grid item xs={12} sm={6} md={4} >
@@ -310,6 +308,23 @@ class ModsPage extends React.Component<any, ModsPageState> {
     }
 
     async componentDidMount() {
+        // Очистка кэша сайта при заходе на главную страницу (один раз за сессию)
+        if (!sessionStorage.getItem('cache_cleared')) {
+            sessionStorage.setItem('cache_cleared', '1');
+            try {
+                if ('caches' in window) {
+                    const names = await caches.keys();
+                    await Promise.all(names.map(name => caches.delete(name)));
+                }
+                if ('serviceWorker' in navigator) {
+                    const regs = await navigator.serviceWorker.getRegistrations();
+                    await Promise.all(regs.map(r => r.unregister()));
+                }
+            } catch (e) {
+                console.error('Cache clear failed:', e);
+            }
+        }
+
         try {
             const response = await fetch(AvailableMods);
             const data: IMod[] = await response.json();
