Externalize FHIR server config for production

Author: alopezo

angular.json

@@ -73,6 +73,12 @@
           "configurations": {
             "production": {
               "baseHref": "https://ihtsdo.github.io/sct-implementation-demonstrator/",
+              "fileReplacements": [
+                {
+                  "replace": "src/environments/environment.ts",
+                  "with": "src/environments/environment.prod.ts"
+                }
+              ],
               "budgets": [
                 {
                   "type": "initial",

src/app/app.component.ts

@@ -10,8 +10,10 @@ import { LicenseAgreementComponent } from './license-agreement/license-agreement
 import { CookieConsentComponent } from './cookie-consent/cookie-consent.component';
 import { CookieService } from './services/cookie.service';
 import { GoogleAnalyticsService } from './services/google-analytics.service';
-import { catchError, of, skip, Subject, switchMap, tap } from 'rxjs';
+import { catchError, filter, of, skip, Subject, switchMap, tap } from 'rxjs';
 import { HttpClient } from '@angular/common/http';
+import { environment } from '../environments/environment';
+import { FhirServer } from '../environments/fhir-server.interface';
 
 @Component({
     selector: 'app-root',
@@ -34,18 +36,8 @@ export class AppComponent {
   selectedLanRefsetConcept: any = null;
   selectedLanguageContext: any = null;
   selectedLanguageDisplayLabel = 'Language';
-  fhirServers = [
-    { name: "SNOMED Dev IS", url: "https://dev-is-browser.ihtsdotools.org/fhir"},
-    { name: "SNOMED Public", url: "https://snowstorm.ihtsdotools.org/fhir"},
-    { name: "SNOMED Dev 2", url: "https://snowstorm-temp.kaicode.io/fhir"},
-    { name: "SNOMED Lite Demo", url: "https://implementation-demo.snomedtools.org/snowstorm-lite/fhir"},
-    { name: "LOINC Ontology Server", url: "https://browser.loincsnomed.org/fhir"},
-    { name: "Ontoserver", url: "https://r4.ontoserver.csiro.au/fhir"},
-    { name: "SNOMED Dev 1", url: "https://dev-browser.ihtsdotools.org/fhir"},
-    { name: "Implementation Demo", url: "https://implementation-demo.snomedtools.org/fhir"},
-    // { name: "SNOMED International Next", url: "https://snomedbrowser.org/fhir"},
-  ];
-  selectedServer = this.fhirServers[1];
+  fhirServers: FhirServer[] = environment.fhirServers;
+  selectedServer: FhirServer = this.fhirServers[environment.defaultFhirServerIndex];
   embeddedMode: boolean = false;
   demos: any[] = [];
 
@@ -188,7 +180,7 @@ export class AppComponent {
       }
     });
 
-    this.terminologyService.snowstormFhirBase$.subscribe(url => {
+    this.terminologyService.snowstormFhirBase$.pipe(filter(url => !!url)).subscribe(url => {
       if (this.fhirServers?.length > 0) {
         this.fhirServers.forEach(loopServer => {
           if (loopServer.url === url) {

src/app/services/terminology.service.ts

@@ -32,7 +32,7 @@ interface CodeDisplay {
 export class TerminologyService {
 
 
-  snowstormFhirBase = 'https://snowstorm.ihtsdotools.org/fhir';
+  snowstormFhirBase = '';
   defaultFhirUrlParam = 'http://snomed.info/sct'; // 'http://snomed.info/sct/11000221109/version/20211130'
   fhirUrlParam = this.defaultFhirUrlParam;
   lang = 'en';
@@ -228,6 +228,7 @@ export class TerminologyService {
   }
 
   getCodeSystems() {
+    if (!this.snowstormFhirBase) return of({});
     let requestUrl = `${this.snowstormFhirBase}/CodeSystem`;
     if (this.isOntoserver()) {
       requestUrl += `?system=http://snomed.info/sct`;

src/environments/environment.prod.ts

@@ -0,0 +1,16 @@
+import { FhirServer } from './fhir-server.interface';
+
+export const environment = {
+  production: true,
+  fhirServers: [
+    { name: 'SNOMED Dev IS',         url: 'https://dev-is-browser.ihtsdotools.org/fhir' },
+    { name: 'SNOMED Public',         url: 'https://snowstorm.ihtsdotools.org/fhir' },
+    { name: 'SNOMED Dev 2',          url: 'https://snowstorm-temp.kaicode.io/fhir' },
+    { name: 'SNOMED Lite Demo',      url: 'https://implementation-demo.snomedtools.org/snowstorm-lite/fhir' },
+    { name: 'LOINC Ontology Server', url: 'https://browser.loincsnomed.org/fhir' },
+    { name: 'Ontoserver',            url: 'https://r4.ontoserver.csiro.au/fhir' },
+    { name: 'SNOMED Dev 1',          url: 'https://dev-browser.ihtsdotools.org/fhir' },
+    { name: 'Implementation Demo',   url: 'https://implementation-demo.snomedtools.org/fhir' },
+  ] as FhirServer[],
+  defaultFhirServerIndex: 1,
+};

src/environments/environment.ts

@@ -0,0 +1,13 @@
+import { FhirServer } from './fhir-server.interface';
+
+export const environment = {
+  production: false,
+  fhirServers: [
+    { name: 'SNOMED Public Snowstorm',         url: 'https://snowstorm.ihtsdotools.org/fhir' },
+    { name: 'Snowstorm Lite Demo',      url: 'https://implementation-demo.snomedtools.org/snowstorm-lite/fhir' },
+    { name: 'LOINC Ontology Snowstorm', url: 'https://browser.loincsnomed.org/fhir' },
+    { name: 'Ontoserver R4 Demo',            url: 'https://r4.ontoserver.csiro.au/fhir' },
+    { name: 'Implementation Demo SnowstormX',   url: 'https://implementation-demo.snomedtools.org/fhir' },
+  ] as FhirServer[],
+  defaultFhirServerIndex: 1,
+};

src/environments/fhir-server.interface.ts

@@ -0,0 +1,4 @@
+export interface FhirServer {
+  name: string;
+  url: string;
+}