Add "ROOT_URL" build environment variable (codesandbox#610)

Author: lbogdan

packages/app/config/env.js

@@ -18,6 +18,10 @@ const getHost = () => {
     return `http://${process.env.STAGING_BRANCH}.cs.lbogdan.tk`;
   }
 
+  if ('ROOT_URL' in process.env) {
+    return process.env.ROOT_URL;
+  }
+
   return 'https://codesandbox.io';
 };
 

packages/app/src/app/pages/Sandbox/SearchDependencies/DependencyHit/index.js

@@ -34,7 +34,11 @@ export default class DependencyHit extends React.PureComponent {
   }
 
   makeSearchUrl(hitName: string) {
-    return `https://codesandbox.io/search?refinementList%5Bnpm_dependencies.dependency%5D%5B0%5D=${hitName}&page=1`;
+    return `${
+      process.env.CODESANDBOX_HOST
+    }/search?refinementList%5Bnpm_dependencies.dependency%5D%5B0%5D=${
+      hitName
+    }&page=1`;
   }
 
   stopPropagation(e) {

packages/app/src/app/pages/common/Modals/ShareModal/index.js

@@ -23,7 +23,9 @@ import {
   ButtonName,
 } from './elements';
 
-const BUTTON_URL = 'https://codesandbox.io/static/img/play-codesandbox.svg';
+const BUTTON_URL = `${
+  process.env.CODESANDBOX_HOST
+}/static/img/play-codesandbox.svg`;
 
 class ShareView extends React.Component {
   state = {

packages/app/src/sandbox/index.js

@@ -25,7 +25,9 @@ function getId() {
     return document.location.host.match(re)[1];
   }
 
-  return document.location.host.match(/(.*)\.codesandbox/)[1];
+  const hostRegex = host.replace(/https?:\/\//, '').replace(/\./g, '\\.');
+  const sandboxRegex = new RegExp(`(.*)\\.${hostRegex}`);
+  return document.location.host.match(sandboxRegex)[1];
 }
 
 requirePolyfills().then(() => {