Add page for testing new community service

octogonz · octogonz · commit 130ddc082594 · 2021-12-19T20:04:20.000-08:00
diff --git a/_config.yml b/_config.yml
@@ -113,3 +113,7 @@ exclude:
   - README.md
   - CNAME
   - vendor
+
+include:
+  - experimental/test-login.html
+  - experimental/test-login.js
diff --git a/experimental/test-login.html b/experimental/test-login.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>Test Page</title>
+    <script src="test-login.js" async="true"></script>
+  </head>
+  <body>
+    <noscript>You need to enable JavaScript to run this app.</noscript>
+    <div id="root"></div>
+  </body>
+</html>
diff --git a/experimental/test-login.js b/experimental/test-login.js
@@ -0,0 +1,48 @@
+console.log('Starting test-login.js');
+
+const rootDiv = document.getElementById('root');
+
+if (!rootDiv) {
+  throw new Error('Root div not found');
+}
+
+var cookieMap = {};
+
+document.cookie
+  .split(';')
+  .map(function (part) {
+    return part.trim().split('=');
+  })
+  .forEach(function (pair) {
+    cookieMap[pair[0]] = decodeURIComponent(pair[1]);
+  });
+
+function htmlEncode(text) {
+  const tempDiv = document.createElement('div');
+  tempDiv.innerText = text;
+  return tempDiv.innerHTML;
+}
+
+var loggedInUser = (cookieMap['rscommunity-logged-in-user'] || '').trim();
+
+var serviceUrl = '';
+if (document.location.hostname.toUpperCase() !== 'LOCALHOST') {
+  serviceUrl = 'https://service.rushstack.io/';
+}
+var returnUrlQuery = 'returnUrl=' + encodeURIComponent(document.location.pathname);
+
+if (loggedInUser) {
+  // prettier-ignore
+  rootDiv.innerHTML = 'You are logged in as <b>' + htmlEncode(loggedInUser) + '</b>.'
+    + '<p>'
+    + '<a href="' + serviceUrl + '/logout?' + returnUrlQuery + '">'
+      + 'LOG OUT'
+    + '</a>';
+} else {
+  // prettier-ignore
+  rootDiv.innerHTML = 'You are not logged in'
+    + '<p>'
+    + '<a href="' + serviceUrl + '/login?' + returnUrlQuery + '">'
+      + 'LOG IN'
+    + '</a>';
+}
