add preload/push for device monitoring web app JS

Author: thestinger

nginx/nginx.conf

@@ -86,6 +86,10 @@ http {
         server [::1]:8080 max_conns=1024 fail_timeout=1s;
     }
 
+    map $uri $preload_resources_uri {
+        /index.html ", <{{path|/monitoring.js}}>; rel=modulepreload; integrity={{integrity|/monitoring.js}}";
+    }
+
     map $http_cookie $nopush {
         ~__Host-preload=1 1;
         default 0;
@@ -107,6 +111,10 @@ http {
         0 /fonts/roboto-v29-bold-latin.woff2;
     }
 
+    map $nopush $push_monitoring {
+        0 "{{path|/monitoring.js}}";
+    }
+
     server {
         listen 80 backlog=4096;
         listen [::]:80 backlog=4096;
@@ -152,6 +160,15 @@ http {
             return 301 $1/$2;
         }
 
+        location = / {
+            include snippets/security-headers.conf;
+            add_header Cross-Origin-Resource-Policy "same-origin" always;
+            add_header Cache-Control "public, no-cache";
+            include snippets/preload.conf;
+            http2_push $push_monitoring;
+            try_files /index.html =404;
+        }
+
         location = /security.txt {
             return 301 /.well-known/security.txt;
         }

nginx/snippets/preload.conf

@@ -1,4 +1,4 @@
-add_header Link "<{{path|/main.css}}>; rel=preload; as=style; integrity={{integrity|/main.css}}, </fonts/roboto-v29-regular-latin.woff2>; rel=preload; as=font; crossorigin, </fonts/roboto-v29-bold-latin.woff2>; rel=preload; as=font; crossorigin" always;
+add_header Link "<{{path|/main.css}}>; rel=preload; as=style; integrity={{integrity|/main.css}}, </fonts/roboto-v29-regular-latin.woff2>; rel=preload; as=font; crossorigin, </fonts/roboto-v29-bold-latin.woff2>; rel=preload; as=font; crossorigin$preload_resources_uri" always;
 add_header Set-Cookie $push_cookie always;
 http2_push $push_stylesheet;
 http2_push $push_font_regular;