From e52203fff73240d2ed99acd92b8646cfcf07fa4b Mon Sep 17 00:00:00 2001
From: Brandon Thomas <echelon@gmail.com>
Date: Wed, 2 Mar 2022 06:02:20 -0500
Subject: [PATCH] Url configs

---
 packages/components/src/urls/DomainNames.ts   | 22 +++++++
 .../components/src/urls/FakeYouSiteDomain.ts  | 12 ++++
 .../src/urls/StorytellerUrlConfig.ts          | 62 +++++++++++++++++++
 .../pages/index/subpages/LoggedInIndex.tsx    |  4 +-
 4 files changed, 98 insertions(+), 2 deletions(-)
 create mode 100644 packages/components/src/urls/DomainNames.ts
 create mode 100644 packages/components/src/urls/FakeYouSiteDomain.ts
 create mode 100644 packages/components/src/urls/StorytellerUrlConfig.ts

diff --git a/packages/components/src/urls/DomainNames.ts b/packages/components/src/urls/DomainNames.ts
new file mode 100644
index 0000000000..03f8b2dbf8
--- /dev/null
+++ b/packages/components/src/urls/DomainNames.ts
@@ -0,0 +1,22 @@
+
+export enum StorytellerDomain {
+  // Development
+  Localhost,
+  JungleHorse,
+  // Production
+  Storyteller,
+}
+
+//// Web-accessible, user-facing (non-API) domain names and subdomains
+//export enum StorytellerSubdomain {
+//  // Development
+//  Localhost = "localhost",
+//  JungleHorse = "jungle.horse",
+//  JungleHorseObs = "obs.jungle.horse",
+//  JungleHorseCreate = "jungle.horse",
+//  // TODO: JungleHorseCreate = "create.jungle.horse",
+//  // Storyteller
+//  Storyteller = "storyteller.io",
+//  StorytellerCreate = "create.storyteller.io",
+//  StorytellerObs = "obs.storyteller.io",
+//}
diff --git a/packages/components/src/urls/FakeYouSiteDomain.ts b/packages/components/src/urls/FakeYouSiteDomain.ts
new file mode 100644
index 0000000000..cb9ef2b007
--- /dev/null
+++ b/packages/components/src/urls/FakeYouSiteDomain.ts
@@ -0,0 +1,12 @@
+
+// Web-accessible, user-facing (non-API) domain names
+export enum FakeYouSiteDomain {
+  // Development
+  Localhost = "localhost",
+  LocalhostDocs = "localhost:3000",
+  JungleHorse = "jungle.horse",
+  JungleHorseDocs = "jungle.horse:3000",
+  // FakeYou
+  FakeYou = "fakeyou.com",
+  FakeYouDocs = "docs.fakeyou.com",
+}
diff --git a/packages/components/src/urls/StorytellerUrlConfig.ts b/packages/components/src/urls/StorytellerUrlConfig.ts
new file mode 100644
index 0000000000..e2e7de24e7
--- /dev/null
+++ b/packages/components/src/urls/StorytellerUrlConfig.ts
@@ -0,0 +1,62 @@
+import { StorytellerDomain } from "./DomainNames";
+
+export class StorytellerUrlConfig {
+  private domain: StorytellerDomain;
+  private useSsl: boolean;
+
+  constructor() {
+    let useSsl = true;
+    let domain = StorytellerDomain.Storyteller;
+
+    if (document.location.host.includes("localhost")) {
+      // NB: `localhost` seems to have problems with cookies. 
+      // I've added jungle.horse as a localhost mapped domain in /etc/hosts,
+      // This should be the preferred mechanism for local testing.
+      domain = StorytellerDomain.Localhost;
+      useSsl = document.location.protocol === 'https:';
+    } else if (document.location.host.includes("jungle.horse")) {
+      // NB: Also local dev. More friendly with cookies, CORS, etc.
+      domain = StorytellerDomain.JungleHorse;
+      useSsl = document.location.protocol === 'https:';
+    }
+
+    this.domain = domain;
+    this.useSsl = useSsl;
+  }
+
+  twitchOauthEnrollRedirect() : string {
+    return `${this.getScheme()}://${this.getApiHost()}/twitch/oauth_enroll_redirect`;
+  }
+
+  // =============== API HOSTS ===============
+
+  private getApiHost() : string {
+    switch (this.domain) {
+      case StorytellerDomain.Localhost:
+        return 'localhost';
+      case StorytellerDomain.JungleHorse:
+        return 'api.jungle.horse';
+      case StorytellerDomain.Storyteller:
+      default:
+        return 'api.storyteller.io';
+    }
+  }
+
+  private getObsHost() : string {
+    switch (this.domain) {
+      case StorytellerDomain.Localhost:
+        return 'localhost';
+      case StorytellerDomain.JungleHorse:
+        return 'obs.jungle.horse';
+      case StorytellerDomain.Storyteller:
+      default:
+        return 'obs.storyteller.io';
+    }
+  }
+
+  // =============== HTTP SCHEME ===============
+
+  private getScheme(): string {
+    return this.useSsl ? 'https' : 'http';
+  }
+}
\ No newline at end of file
diff --git a/packages/storyteller/src/pages/index/subpages/LoggedInIndex.tsx b/packages/storyteller/src/pages/index/subpages/LoggedInIndex.tsx
index 2212da6528..4c4d35646b 100644
--- a/packages/storyteller/src/pages/index/subpages/LoggedInIndex.tsx
+++ b/packages/storyteller/src/pages/index/subpages/LoggedInIndex.tsx
@@ -4,10 +4,10 @@ import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { faCogs, faVideo } from '@fortawesome/free-solid-svg-icons';
 import { faDiscord, faTwitch } from '@fortawesome/free-brands-svg-icons';
 import { DiscordLink } from '@storyteller/components/src/elements/DiscordLink';
+import { StorytellerUrlConfig } from '@storyteller/components/src/urls/StorytellerUrlConfig';
 
 function LoggedInIndex() {
-  //const oauthUrl = `https://api.jungle.horse/twitch/oauth_enroll_redirect`;
-  const oauthUrl = `https://api.storyteller.io/twitch/oauth_enroll_redirect`;
+  const oauthUrl = new StorytellerUrlConfig().twitchOauthEnrollRedirect();
 
   return (
     <div>