fix(ui): show tunnels domain when defined

Author: henrybarreto

docker-compose.yml

@@ -81,6 +81,7 @@ services:
       - SHELLHUB_PAYWALL=${SHELLHUB_PAYWALL}
       - SHELLHUB_CONNECTOR=${SHELLHUB_CONNECTOR}
       - SHELLHUB_TUNNELS=${SHELLHUB_TUNNELS}
+      - SHELLHUB_TUNNELS_DOMAIN=${SHELLHUB_TUNNELS_DOMAIN}
     networks:
       - shellhub
     healthcheck:

ui/src/components/Tunnels/TunnelList.vue

@@ -76,7 +76,7 @@ const store = useStore();
 const route = useRoute();
 const tunnelList = computed(() => store.getters["tunnels/listTunnels"]);
 const deviceId = computed(() => route.params.id);
-const url = ref(window.location.host);
+const url = ref(envVariables.tunnelsDomain || window.location.host);
 const urlProtocol = ref(window.location.protocol);
 
 const getTunnels = async () => {

ui/src/envVariables.ts

@@ -19,6 +19,7 @@ export const envVariables = {
   isEnterprise: (window.env || process.env).VUE_APP_SHELLHUB_ENTERPRISE === "true",
   hasConnector: (window.env || process.env).VUE_APP_SHELLHUB_CONNECTOR === "true",
   hasTunnels: (window.env || process.env).VUE_APP_SHELLHUB_TUNNELS === "true",
+  tunnelsDomain: (window.env || process.env).VUE_APP_SHELLHUB_TUNNELS_DOMAIN,
   isCloud: (window.env || process.env).VUE_APP_SHELLHUB_CLOUD === "true",
   isCommunity: (window.env || process.env).VUE_APP_SHELLHUB_CLOUD === "false" && (window.env || process.env).VUE_APP_SHELLHUB_ENTERPRISE === "false",
   premiumPaywall: (window.env || process.env).VUE_APP_SHELLHUB_PAYWALL === "true",