Some fixes so both web and local UI windows can connect to API.

Author: DandrewsDev

.gitignore

@@ -1,5 +1,5 @@
 .DS_Store
-volume-slider-front/node_modules
+/volume-slider-front/node_modules
 /dist
 /output
 /node
@@ -23,3 +23,5 @@ pnpm-debug.log*
 *.njsproj
 *.sln
 *.sw?
+bind_windows_amd64.go
+windows.syso

config.json

@@ -14,12 +14,12 @@
   ],
   "whitelist": [
     {
-      "appName": "Firefox",
-      "exeName": "firefox.exe"
+      "appName": "Master",
+      "exeName": "master"
     },
     {
-      "appName": "FACEIT",
-      "exeName": "FACEIT.exe"
+      "appName": "Firefox",
+      "exeName": "firefox.exe"
     },
     {
       "appName": "Discord",
@@ -30,12 +30,8 @@
       "exeName": "Spotify.exe"
     },
     {
-      "appName": "Master",
-      "exeName": "master"
-    },
-    {
-      "appName": "Forza",
-      "exeName": "ForzaHorizon4.exe"
+      "appName": "Chrome",
+      "exeName": "chrome.exe"
     }
   ]
 }

volume-slider-front/package.json

@@ -8,8 +8,8 @@
     "lint": "vue-cli-service lint"
   },
   "dependencies": {
+    "axios": "^0.20.0",
     "bootstrap-vue": "^2.1.0",
-    "core-js": "^3.6.5",
     "vue": "^2.6.11",
     "vue-router": "^3.2.0",
     "vue-slider-component": "^3.2.2",

volume-slider-front/src/components/Sliders.vue

@@ -51,12 +51,13 @@
       }
     },
     mounted() {
+      this.updateHostAddress();
       this.fetchAppSliderList();
-
     },
     methods: {
       ...mapActions([
-        'fetchAppSliderList'
+        'fetchAppSliderList',
+        'updateHostAddress',
       ]),
       handleMsg(msg) {
         console.log(msg);

volume-slider-front/src/components/appSlider.vue

@@ -28,7 +28,7 @@
     import axios from 'axios';
     import VueSlider from 'vue-slider-component'
     import 'vue-slider-component/theme/antd.css'
-    import {mapActions, mapGetters} from "vuex";
+    import {mapActions, mapGetters, mapState} from "vuex";
 
     export default {
         name: "appSlider",
@@ -49,6 +49,9 @@
             },
         },
         computed: {
+            ...mapState({
+              hostAdd: state => state.hostAddress,
+            }),
             ...mapGetters([
                 'getAppSliders'
             ]),
@@ -80,7 +83,7 @@
                 'postAppSliderList'
             ]),
             updateSliderData() {
-                axios.get( '/app-vol/' + this.slider.exeName)
+                axios.get( this.hostAdd + '/app-vol/' + this.slider.exeName)
                         .then(response => {
                             this.value = response.data.volume;
                             this.disabled = false;
@@ -101,7 +104,7 @@
                 }
             },
             setAppVolume(newVol) {
-                axios.post('/app-vol-set', {
+                axios.post(this.hostAdd + '/app-vol-set', {
                     name: this.slider.exeName,
                     volume: parseInt(newVol)
                 })

volume-slider-front/src/store/index.js

@@ -6,6 +6,7 @@ Vue.use(Vuex)
 
 export default new Vuex.Store({
   state: {
+    hostAddress: "",
     appNames: [
     ]
   },
@@ -14,10 +15,16 @@ export default new Vuex.Store({
   },
   mutations: {
     setAppSliders: (state, nameList) => (state.appNames = nameList),
+    setHostAddress: (state, add) => (state.hostAddress = add),
   },
   actions: {
-    fetchAppSliderList({commit}) {
-      axios.get( '/slider-list')
+    updateHostAddress({commit}) {
+      if (window.location.href.includes('file:///')) {
+        commit('setHostAddress', 'http://localhost:1323')
+      }
+    },
+    fetchAppSliderList({commit, state}) {
+      axios.get(state.hostAddress + '/slider-list')
           .then(response => {
             commit('setAppSliders', response.data)
           })
@@ -27,7 +34,7 @@ export default new Vuex.Store({
           })
     },
     postAppSliderList({state}) {
-      axios.post( '/slider-list', {
+      axios.post(state.hostAddress + '/slider-list', {
         appNames: state.appNames
       }).then(r => console.log(r))
     },

volume-slider-front/src/views/About.vue

@@ -1,17 +1,17 @@
 <template>
   <div class="home">
-    <HelloWorld msg="Welcome to Your Vue.js App"/>
+    <Sliders/>
   </div>
 </template>
 
 <script>
 // @ is an alias to /src
-import HelloWorld from '@/components/Sliders.vue'
+import Sliders from '@/components/Sliders.vue'
 
 export default {
   name: 'Home',
   components: {
-    HelloWorld
+    Sliders
   }
 }
 </script>

volume-slider-front/src/views/Home.vue

@@ -1621,6 +1621,13 @@ aws4@^1.8.0:
   resolved "https://registry.yarnpkg.com/aws4/-/aws4-1.10.0.tgz#a17b3a8ea811060e74d47d306122400ad4497ae2"
   integrity sha512-3YDiu347mtVtjpyV3u5kVqQLP242c06zwDOgpeRnybmXlYYsLbtTrUBUm8i8srONt+FWobl5aibnU1030PeeuA==
 
+axios@^0.20.0:
+  version "0.20.0"
+  resolved "https://registry.yarnpkg.com/axios/-/axios-0.20.0.tgz#057ba30f04884694993a8cd07fa394cff11c50bd"
+  integrity sha512-ANA4rr2BDcmmAQLOKft2fufrtuvlqR+cXNNinUmvfeSNCOF98PZL+7M/v1zIdGo7OLjEA9J2gXJL+j4zGsl0bA==
+  dependencies:
+    follow-redirects "^1.10.0"
+
 babel-eslint@^10.1.0:
   version "10.1.0"
   resolved "https://registry.yarnpkg.com/babel-eslint/-/babel-eslint-10.1.0.tgz#6968e568a910b78fb3779cdd8b6ac2f479943232"
@@ -2952,13 +2959,6 @@ dir-glob@^2.0.0, dir-glob@^2.2.2:
   dependencies:
     path-type "^3.0.0"
 
-discord-game@^0.1.1:
-  version "0.1.1"
-  resolved "https://registry.yarnpkg.com/discord-game/-/discord-game-0.1.1.tgz#88d06f1ea16a2eb4b7c72419a617bc68e2e4fc82"
-  integrity sha512-A9Lcd04GqfxIkWFR+o2kDpXSns9aeOV08c7SB2PqvIDKnrEYZzSoDIj5f0Hv3JXxTCrONaAL0CHz9zWsQJD4rQ==
-  dependencies:
-    bindings "^1.5.0"
-
 dns-equal@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/dns-equal/-/dns-equal-1.0.0.tgz#b39e7f1da6eb0a75ba9c17324b34753c47e0654d"
@@ -3723,6 +3723,11 @@ follow-redirects@^1.0.0:
   resolved "https://registry.yarnpkg.com/follow-redirects/-/follow-redirects-1.12.1.tgz#de54a6205311b93d60398ebc01cf7015682312b6"
   integrity sha512-tmRv0AVuR7ZyouUHLeNSiO6pqulF7dYa3s19c6t+wz9LD69/uSzdMxJ2S91nTI9U3rt/IldxpzMOFejp6f0hjg==
 
+follow-redirects@^1.10.0:
+  version "1.13.0"
+  resolved "https://registry.yarnpkg.com/follow-redirects/-/follow-redirects-1.13.0.tgz#b42e8d93a2a7eea5ed88633676d6597bc8e384db"
+  integrity sha512-aq6gF1BEKje4a9i9+5jimNFIpq4Q1WiwBToeRK5NvZBd/TRsmW8BsJfOEGkr76TbOyPVD3OVDN910EcUNtRYEA==
+
 for-in@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/for-in/-/for-in-1.0.2.tgz#81068d295a8142ec0ac726c6e2200c30fb6d5e80"