From 8876d3b1c7de17d4ff74b0b2253e0a779978d277 Mon Sep 17 00:00:00 2001
From: Danny Koppenhagen <Danny.Koppenhagen@deutschebahn.com>
Date: Mon, 19 Jun 2023 14:11:57 +0200
Subject: [PATCH] fix: remove <noscript> when static content is generated and
 rendered already

---
 dist_scripts/scripts/createStaticFiles.js | 5 +++++
 package-lock.json                         | 4 ++--
 public/index.html                         | 2 +-
 scripts/createStaticFiles.ts              | 6 ++++++
 4 files changed, 14 insertions(+), 3 deletions(-)
diff --git a/dist_scripts/scripts/createStaticFiles.js b/dist_scripts/scripts/createStaticFiles.js
index f70977a..6173627 100755
--- a/dist_scripts/scripts/createStaticFiles.js
+++ b/dist_scripts/scripts/createStaticFiles.js
@@ -95,6 +95,11 @@ var createStaticFiles = function () { return __awaiter(void 0, void 0, void 0, f
                             headlineNode.appendChild(titleText);
                             rootEl.appendChild(headlineNode);
                             rootEl.appendChild(textNode);
+                            // remove the <noscript> element as page has already been hydrated with static content
+                            var noscriptEl = document.getElementsByTagName("noscript");
+                            if (noscriptEl[0]) {
+                                noscriptEl[0].remove();
+                            }
                         }
                         else {
                             console.warn('Element with ID "root" not found. Static site content will be empty.');
diff --git a/package-lock.json b/package-lock.json
index c558bdb..d0cfee0 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "aoe_technology_radar",
-  "version": "3.5.2",
+  "version": "3.5.3",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "aoe_technology_radar",
-      "version": "3.5.2",
+      "version": "3.5.3",
       "license": "Apache-2.0",
       "dependencies": {
         "@apideck/better-ajv-errors": "0.3.6",
diff --git a/public/index.html b/public/index.html
index 37c9f35..80bc920 100644
--- a/public/index.html
+++ b/public/index.html
@@ -19,8 +19,8 @@
 </head>
 
 <body>
-  <noscript>You need to enable JavaScript to view the %REACT_APP_RADAR_NAME%.</noscript>
   <div id="root"></div>
+  <noscript>You need to enable JavaScript to view the %REACT_APP_RADAR_NAME%.</noscript>
 </body>
 
 </html>
diff --git a/scripts/createStaticFiles.ts b/scripts/createStaticFiles.ts
index 1105160..aa778d4 100644
--- a/scripts/createStaticFiles.ts
+++ b/scripts/createStaticFiles.ts
@@ -67,6 +67,12 @@ const createStaticFiles = async () => {
 
         rootEl.appendChild(headlineNode);
         rootEl.appendChild(textNode);
+
+        // remove the <noscript> element as page has already been hydrated with static content
+        const noscriptEl = document.getElementsByTagName("noscript");
+        if (noscriptEl[0]) {
+          noscriptEl[0].remove();
+        }
       } else {
         console.warn(
           'Element with ID "root" not found. Static site content will be empty.'
