From 96cd06453334292877e2b207d3fcf48811ab112f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Sybren=20A=2E=20St=C3=BCvel?= <sybren@blender.org>
Date: Fri, 1 Apr 2022 16:54:47 +0200
Subject: [PATCH] JS: failed attempt at connecting to a dynamic endpoint URL

It works for the API calls, but fails to forward the URL to the Vue app
instance.
---
 web/app/src/main.js | 16 ++++++++++++----
 1 file changed, 12 insertions(+), 4 deletions(-)

diff --git a/web/app/src/main.js b/web/app/src/main.js
index f012cc43..6bae3618 100644
--- a/web/app/src/main.js
+++ b/web/app/src/main.js
@@ -13,9 +13,17 @@ import {
 import "bootstrap/dist/css/bootstrap.css";
 import "bootstrap-vue/dist/bootstrap-vue.css";
 
+let url = new URL(window.location);
+url.port = "8080";
+const flamencoAPIURL = url.href;
+url.protocol = "ws:";
+const websocketURL = url.href;
+console.log("Flamenco API:", flamencoAPIURL);
+console.log("Websocket   :", websocketURL);
+
 let flamencoManager = require('flamenco-manager');
 
-let apiClient = new flamencoManager.ApiClient("http://localhost:8080/");
+let apiClient = new flamencoManager.ApiClient(flamencoAPIURL);
 var api = new flamencoManager.JobsApi(apiClient);
 var jobId = "07d134bc-0614-4477-9b1f-e238f0f0391a";
 api.fetchJob(jobId).then(function(data) {
@@ -25,6 +33,7 @@ api.fetchJob(jobId).then(function(data) {
 });
 
 Vue.config.productionTip = false
+Vue.config.serverUrl = websocketURL;
 
 Vue.use(FormInputPlugin);
 Vue.use(NavbarPlugin);
@@ -34,9 +43,8 @@ Vue.component("b-input-group", BInputGroup);
 Vue.component("b-button", BButton);
 Vue.use(IconsPlugin);
 
-var app = new Vue({
+var vueApp = new Vue({
   render: h => h(App),
-
 });
 
-app.$mount("#app");
+vueApp.$mount("#app");