Enabling Staging-API Access on Website Dashboard (#681)

Author: Pavangbhat

__tests__/task-requests/task-request.test.js

@@ -3,8 +3,7 @@ const puppeteer = require('puppeteer');
 const { fetchedTaskRequests } = require('../../mock-data/taskRequests');
 
 const SITE_URL = 'http://localhost:8000';
-// helper/loadEnv.js file causes API_BASE_URL to be stagin-api on local env url in taskRequest/index.html
-const API_BASE_URL = 'https://staging-api.realdevsquad.com';
+const API_BASE_URL = 'https://api.realdevsquad.com';
 
 describe('Task Requests', () => {
   let browser;

__tests__/tasks/profile-picture.test.js

@@ -1,6 +1,6 @@
 const puppeteer = require('puppeteer');
-const API_BASE_URL = 'https://staging-api.realdevsquad.com';
 const { allUsersData } = require('../../mock-data/users');
+const API_BASE_URL = 'https://api.realdevsquad.com';
 
 describe('Task Page - Assignee Profile Pic', () => {
   let browser;

__tests__/users/App.test.js

@@ -1,6 +1,6 @@
 const puppeteer = require('puppeteer');
-const { API_BASE_URL } = require('../../constants');
 const { filteredUsersData } = require('../../mock-data/users');
+const API_BASE_URL = 'https://staging-api.realdevsquad.com';
 
 describe('App Component', () => {
   let browser;

applications/utils.js

@@ -1,4 +1,7 @@
-const BASE_URL = window.API_BASE_URL;
+const BASE_URL =
+  window.location.hostname === 'localhost'
+    ? 'https://staging-api.realdevsquad.com'
+    : window.API_BASE_URL;
 const toast = document.getElementById('toast');
 
 function createElement({ type, attributes = {}, innerText }) {

constants.js

@@ -1,4 +1,5 @@
-const API_BASE_URL = 'https://api.realdevsquad.com';
+const API_BASE_URL = window.API_BASE_URL || 'https://api.realdevsquad.com';
+('https://staging-sync.staging-realdevsquad-com.workers.dev');
 const REPO_SYNC_API_URL =
   'https://staging-sync.staging-realdevsquad-com.workers.dev';
 const USER_MANAGEMENT_LINK = 'user-management-link';

extension-requests/index.html

@@ -43,6 +43,7 @@ <h2>Status</h2>
       <div class="extension-requests"></div>
       <div class="virtual"></div>
     </div>
+    <script src="/helpers/loadENV.js"></script>
     <script src="/constants.js"></script>
     <script src="/extension-requests/constants.js"></script>
     <script src="/utils.js"></script>

groups/index.html

@@ -8,6 +8,7 @@
     <title>Discord Groups | Real Dev Squad</title>
     <link rel="stylesheet" href="/global.css" />
     <link rel="stylesheet" href="/groups/style.css" />
+    <script src="/helpers/loadENV.js"></script>
     <script src="/constants.js"></script>
     <script type="module" src="/groups/script.js" defer></script>
   </head>

helpers/loadENV.js

@@ -1,3 +1,8 @@
-window.location.hostname !== 'dashboard.realdevsquad.com'
-  ? (window.API_BASE_URL = 'https://staging-api.realdevsquad.com')
-  : (window.API_BASE_URL = 'https://api.realdevsquad.com');
+window.API_BASE_URL = 'https://api.realdevsquad.com';
+
+if (
+  window.location.hostname !== 'dashboard.realdevsquad.com' &&
+  window.location.hostname !== 'localhost'
+) {
+  window.API_BASE_URL = 'https://staging-api.realdevsquad.com';
+}

index.html

@@ -8,6 +8,7 @@
     <link rel="stylesheet" href="/global.css" />
     <link rel="stylesheet" href="/style.css" />
     <title>Dashboard | Real Dev Squad</title>
+    <script src="/helpers/loadENV.js"></script>
     <script src="/constants.js" defer></script>
     <script src="/utils.js" defer></script>
     <script type="module" src="/script.js" defer></script>

online-members/online-members.html

@@ -9,6 +9,7 @@
     <link rel="stylesheet" href="/global.css" />
     <link rel="stylesheet" href="/style.css" async />
     <link rel="stylesheet" href="/online-members/online-members.css" />
+    <script src="/helpers/loadENV.js"></script>
     <script src="/constants.js"></script>
     <script src="/online-members/constants.js" defer></script>
     <script src="/online-members/sse-events.js" defer></script>