Use cached hostname for fetching ambassador data

.env.development.sample

@@ -1,3 +1,3 @@
 REACT_APP_TEST_CHANNEL_NAMES=abdullahmorrison
 REACT_APP_CHAT_COMMANDS_PRIVILEGED_USERS=abdullahmorrison
-REACT_APP_WEBSITE_URL=http://localhost:3000
+REACT_APP_API_BASE_URL=http://localhost:3000

.env.sample

@@ -1,4 +1,4 @@
 REACT_APP_CHAT_COMMANDS_PRIVILEGED_USERS=abdullahmorrison,mattipv4,pjeweb,alveusgg,spacevoyage
 REACT_APP_DEFAULT_CHANNEL_NAMES=maya,alveussanctuary
 REACT_APP_EXTRA_CHANNEL_NAMES=alveusgg
-REACT_APP_WEBSITE_URL=https://www.alveussanctuary.org
+REACT_APP_API_BASE_URL=https://ext.alveussanctuary.org

RELEASE.md

@@ -8,7 +8,7 @@ All new versions start in local test where the base URI is `https://localhost:80
 
 The "panel viewer path" should be `panel.html`, the "mobile viewer path" as `mobile.html`, and "video - fullscreen viewer path" as `video_overlay.html`.
 
-Ensure that the allowlist for image domains is set to allow `https://www.alveussanctuary.org` for ambassador images, the allowlist for media domains is set to allow `https://fonts.googleapis.com/` for fonts, and that allowlist for URL fetching domains is set to include `wss://irc-ws.chat.twitch.tv:443`, `ws://irc-ws.chat.twitch.tv:80`, `irc://irc.chat.twitch.tv:6667`, `irc://irc.chat.twitch.tv:6697` to allow connecting to chat as well as `https://www.alveussanctuary.org` to allow fetching ambassador data.
+Ensure that the allowlist for image domains is set to allow `https://www.alveussanctuary.org` for ambassador images, the allowlist for media domains is set to allow `https://fonts.googleapis.com/` for fonts, and that allowlist for URL fetching domains is set to include `wss://irc-ws.chat.twitch.tv:443`, `ws://irc-ws.chat.twitch.tv:80`, `irc://irc.chat.twitch.tv:6667`, `irc://irc.chat.twitch.tv:6697` to allow connecting to chat as well as `https://ext.alveussanctuary.org` to allow fetching ambassador data.
 
 ## Hosted test
 
@@ -56,7 +56,8 @@ Allowlist explanations:
 
     - `https://fonts.googleapis.com/` Google Fonts, for loading fonts in the extension
     - `wss://irc-ws.chat.twitch.tv:443`, `ws://irc-ws.chat.twitch.tv:80`, `irc://irc.chat.twitch.tv:6667`, `irc://irc.chat.twitch.tv:6697` Twitch chat URLs, for the chatbot to connect to
-    - `https://www.alveussanctuary.org` Alveus Sanctuary website, for fetching ambassador data + images
+    - `https://www.alveussanctuary.org` Alveus Sanctuary website, for fetching ambassador images
+    - `https://ext.alveussanctuary.org` Alveus Sanctuary website (cached API), for fetching ambassador data
 
 Testing the Extension:
 

src/hooks/useAmbassadors.tsx

@@ -50,12 +50,12 @@ const apiSchema = z.object({
 
 type Ambassador = z.infer<typeof apiAmbassadorSchema>;
 
-const websiteUrl = process.env.REACT_APP_WEBSITE_URL?.replace(/\/+$/, "");
-if (!websiteUrl)
-  throw new Error("REACT_APP_WEBSITE_URL environment variable is not set");
+const apiBaseUrl = process.env.REACT_APP_API_BASE_URL?.replace(/\/+$/, "");
+if (!apiBaseUrl)
+  throw new Error("REACT_APP_API_BASE_URL environment variable is not set");
 
 const fetchAmbassadors = async (): Promise<Record<string, Ambassador>> => {
-  const response = await fetch(`${websiteUrl}/api/stream/ambassadors`);
+  const response = await fetch(`${apiBaseUrl}/api/stream/ambassadors`);
   if (!response.ok)
     throw new Error(
       `Failed to fetch ambassadors: ${response.status} ${response.statusText} ${await response.text()}`,

src/react-app-env.d.ts

@@ -9,7 +9,7 @@ declare namespace NodeJS {
     readonly REACT_APP_DEFAULT_CHANNEL_NAMES?: string;
     readonly REACT_APP_EXTRA_CHANNEL_NAMES?: string;
     readonly REACT_APP_TEST_CHANNEL_NAMES?: string;
-    readonly REACT_APP_WEBSITE_URL?: string;
+    readonly REACT_APP_API_BASE_URL?: string;
   };
 }