feat: move js detection script to its own module and import into body-end

Co-authored-by: Tim Bannister <[email protected]>

Author: SayakMukhopadhyay

assets/js/detect-js.js

@@ -0,0 +1,3 @@
+$(document).ready(function () {
+    document.documentElement.classList.remove('no-js');
+});

layouts/partials/hooks/body-end.html

@@ -55,5 +55,13 @@
   }
 }
 </script>
+{{- end -}}
 
+{{/* JavaScript detector */}}
+{{- if hugo.IsProduction -}}
+  {{- $jsDetect :=  resources.Get "js/detect-js.js" | minify | fingerprint -}}
+<script defer src="{{ $jsDetect.RelPermalink }}" integrity="{{ $jsDetect.Data.Integrity }}" crossorigin="anonymous"></script>
+{{- else -}}
+  {{- $jsDetect := resources.Get "js/detect-js.js" -}}
+<script defer src="{{ $jsDetect.RelPermalink }}"></script>
 {{- end -}}

static/js/script.js

@@ -72,8 +72,6 @@ var kub = (function () {
         headlineWrapper = $('#headlineWrapper');
         HEADER_HEIGHT = header.outerHeight();
 
-        document.documentElement.classList.remove('no-js');
-
         resetTheView();
 
         window.addEventListener('resize', resetTheView);