Make the API URL configurable (loic-sharma#370)

Author: loic-sharma

src/BaGet.UI/src/DisplayPackage/Dependents.tsx

@@ -1,3 +1,4 @@
+import { config } from '../config';
 import * as React from 'react';
 
 interface IDependentsProps {
@@ -29,7 +30,7 @@ class Dependents extends React.Component<IDependentsProps, IDependentsState> {
   }
 
   public componentDidMount() {
-    const url = `/v3/dependents?packageId=${this.props.packageId}`;
+    const url = `${config.apiUrl}/v3/dependents?packageId=${this.props.packageId}`;
 
     fetch(url, {signal: this.controller.signal}).then(response => {
       return response.json();

src/BaGet.UI/src/DisplayPackage/DisplayPackage.tsx

@@ -1,4 +1,5 @@
 import { HtmlRenderer, Parser } from 'commonmark';
+import { config } from '../config';
 import { Icon } from 'office-ui-fabric-react/lib/Icon';
 import * as React from 'react';
 import { Link } from 'react-router-dom';
@@ -102,7 +103,7 @@ class DisplayPackage extends React.Component<IDisplayPackageProps, IDisplayPacka
   }
 
   public componentDidMount() {
-    const url = `/v3/registration/${this.id}/index.json`;
+    const url = `${config.apiUrl}/v3/registration/${this.id}/index.json`;
 
     fetch(url, {signal: this.registrationController.signal}).then(response => {
       return response.json();
@@ -158,7 +159,7 @@ class DisplayPackage extends React.Component<IDisplayPackageProps, IDisplayPacka
         });
 
         if (currentItem.catalogEntry.hasReadme) {
-          const readmeUrl = `/v3/package/${this.id}/${currentItem.catalogEntry.version}/readme`;
+          const readmeUrl = `${config.apiUrl}/v3/package/${this.id}/${currentItem.catalogEntry.version}/readme`;
 
           fetch(readmeUrl, {signal: this.readmeController.signal}).then(response => {
             return response.text();

src/BaGet.UI/src/SearchResults.tsx

@@ -1,3 +1,4 @@
+import { config } from './config';
 import { Icon } from 'office-ui-fabric-react/lib/Icon';
 import { Checkbox, Dropdown, IDropdownOption, SelectableOptionMenuItemType } from 'office-ui-fabric-react/lib/index';
 import * as React from 'react';
@@ -252,7 +253,7 @@ class SearchResults extends React.Component<ISearchResultsProps, ISearchResultsS
       .map(k => `${k}=${encodeURIComponent(parameters[k])}`)
       .join('&');
 
-    return `/v3/search?${queryString}`;
+    return `${config.apiUrl}/v3/search?${queryString}`;
   }
 
   private loadDefaultIcon = (e: React.SyntheticEvent<HTMLImageElement>) => {

src/BaGet.UI/src/config.tsx

@@ -0,0 +1,13 @@
+let config = {
+  apiUrl: "__BAGET_PLACEHOLDER_API_URL__"
+};
+
+if (config.apiUrl.startsWith("__BAGET_PLACEHOLDER_")) {
+  config.apiUrl = "";
+}
+
+if (config.apiUrl.endsWith('/')) {
+  config.apiUrl = config.apiUrl.slice(0, -1);
+}
+
+export { config };