feat: gating development sites behind devEnable flag

abose · abose · commit 33cde52dcf81 · 2023-01-01T21:26:38.000+05:30
diff --git a/src/devEnable.html b/src/devEnable.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8" />
+        <title>Enable Phoenix development site</title>
+        <link rel="stylesheet" href="styles.css" />
+        <script>
+            function showEnabledStatus() {
+                let enabled = localStorage.getItem("devDomainsEnabled") === "true",
+                    statusMessage = `Dev site at ${location.hostname} is currently disabled`,
+                    btnMessage = `Enable ${location.hostname}`,
+                    color = "red";
+                if(enabled){
+                    statusMessage = `Dev site at ${location.hostname} is currently Enabled`;
+                    btnMessage = `Disable ${location.hostname}`;
+                    color = "green";
+                }
+                document.getElementById("heading").textContent = `Enable or Disable Phoenix Development site at: ${location.hostname}`;
+                document.getElementById("enableStatus").textContent = statusMessage;
+                document.getElementById('enableStatus').style.color = color;
+                document.getElementById("enableBtn").textContent = btnMessage;
+            }
+            function buttonClicked() {
+                let enabled = localStorage.getItem("devDomainsEnabled") === "true";
+                enabled = "" + (!enabled);
+                localStorage.setItem("devDomainsEnabled", enabled);
+                showEnabledStatus();
+            }
+        </script>
+    </head>
+    <body onload="showEnabledStatus()">
+        <h1 id="heading">Enable or Disable Phoenix Dev site.</h1>
+        <div id="enableStatus">Checking if dev site is enabled...</div>
+        <br />
+        <button id="enableBtn" onclick="buttonClicked()">Click me</button>
+    </body>
+</html>
diff --git a/src/index.html b/src/index.html
@@ -45,6 +45,14 @@
 
     <!-- JavaScript -->
     <script type="text/javascript">
+        if(["dev.phcode.dev", "staging.phcode.dev"].includes(location.hostname)
+            && localStorage.getItem("devDomainsEnabled") !== "true"){
+            alert("Hello explorer, you have reached a development version of phcode.dev that is not for general use and could be very unstable." +
+                `\n\nIf you know what you are doing and what to visit the dev site, please go to https://${location.hostname}/devEnable.html to enable dev site and visit again.` +
+                "\n\nYou will now be redirected to phcode.dev.");
+            window.location = "https://phcode.dev";
+        }
+
         // logger setup
         function swallowLogs() {
             // Do nothing
