From 4779bb8100311d0f1358cdc980cf1ee93168bd75 Mon Sep 17 00:00:00 2001
From: skeris <kotilion.95@gmail.com>
Date: Wed, 8 May 2024 00:58:13 +0300
Subject: [PATCH] feat: fallback for weird html caching

---
 Dockerfile  |  1 +
 fallback.js | 20 ++++++++++++++++++++
 hub.conf    |  5 +++++
 3 files changed, 26 insertions(+)
 create mode 100644 fallback.js

diff --git a/Dockerfile b/Dockerfile
index 3010b3d..8d519d5 100644
--- a/Dockerfile
+++ b/Dockerfile
@@ -11,4 +11,5 @@ RUN yarn build
 FROM nginx:latest  as result
 WORKDIR /usr/share/nginx/html
 COPY --from=build /usr/app/build/ /usr/share/nginx/html
+COPY fallback.js /usr/share/nginx/html/fallback.js
 COPY hub.conf /etc/nginx/conf.d/default.conf
diff --git a/fallback.js b/fallback.js
new file mode 100644
index 0000000..0b907d5
--- /dev/null
+++ b/fallback.js
@@ -0,0 +1,20 @@
+var div = document.createElement('div');
+
+div.textContent = 'Произошла ошибка, для оперативного устранения отпишите пожалуйста в тп.';
+
+div.style.position = 'fixed';
+div.style.top = '0';
+div.style.left = '0';
+div.style.width = '100%';
+div.style.height = '100%';
+div.style.backgroundColor = 'rgba(0,0,0,0.7)';
+div.style.color = 'white';
+div.style.display = 'flex';
+div.style.justifyContent = 'center';
+div.style.alignItems = 'center';
+div.style.fontSize = '20px';
+div.style.padding = '50px';
+div.style.boxSizing = 'border-box';
+div.style.zIndex = '10000';
+
+document.body.appendChild(div);
diff --git a/hub.conf b/hub.conf
index a3a8e51..4806535 100644
--- a/hub.conf
+++ b/hub.conf
@@ -1,6 +1,11 @@
 server {                                                                                                                                                            
   listen 80;
   server_name  _;
+
+	location ~* \.js$ {
+     root   /usr/share/nginx/html;
+     try_files $uri $uri/ /fallback.js;
+	}
  
   location / {
      root   /usr/share/nginx/html;