From f0f7e95c630a66386841f6493b56c8b6f4639d0f Mon Sep 17 00:00:00 2001
From: tanasegabriel <tanase.gabriel91@gmail.com>
Date: Sat, 24 May 2025 23:00:21 +0100
Subject: [PATCH] Allow proxy config for message

---
 src/components/Message.vue | 21 +++++++++++++--------
 src/mixins/fetchOptions.js | 29 +++++++++++++++++++++++++++++
 src/mixins/service.js      | 28 +++++-----------------------
 3 files changed, 47 insertions(+), 31 deletions(-)
 create mode 100644 src/mixins/fetchOptions.js

diff --git a/src/components/Message.vue b/src/components/Message.vue
index ce8f7e3..fc6b168 100644
--- a/src/components/Message.vue
+++ b/src/components/Message.vue
@@ -15,10 +15,14 @@
 </template>
 
 <script>
+import fetchOptions from "@/mixins/fetchOptions.js";
+
 export default {
   name: "Message",
+  mixins: [fetchOptions],
   props: {
     item: Object,
+    proxy: Object,
   },
   data: function () {
     return {
@@ -67,14 +71,15 @@ export default {
     },
 
     downloadMessage: function (url) {
-      return fetch(url, { headers: { Accept: "application/json" } }).then(
-        function (response) {
-          if (response.status != 200) {
-            return;
-          }
-          return response.json();
-        },
-      );
+      const defaultHeaders = this.item?.headers || { Accept: "application/json" };
+      const options = this.buildFetchOptions(defaultHeaders);
+
+      return fetch(url, options).then((response) => {
+        if (response.status !== 200) {
+          return;
+        }
+        return response.json();
+      });
     },
 
     mapRemoteMessage: function (message) {
diff --git a/src/mixins/fetchOptions.js b/src/mixins/fetchOptions.js
new file mode 100644
index 0000000..72373e1
--- /dev/null
+++ b/src/mixins/fetchOptions.js
@@ -0,0 +1,29 @@
+export default {
+  props: {
+    proxy: Object,
+  },
+  methods: {
+    buildFetchOptions(init = {}, options = {}) {
+      if (this.proxy?.useCredentials) {
+        options.credentials = "include";
+      }
+
+      if (this.proxy?.headers && !!this.proxy.headers) {
+        options.headers = this.proxy.headers;
+      }
+
+      // Each item can override the credential settings
+      if (this.item.useCredentials !== undefined) {
+        options.credentials =
+          this.item.useCredentials === true ? "include" : "omit";
+      }
+
+      // Each item can have their own headers
+      if (this.item?.headers && !!this.item.headers) {
+        options.headers = this.item.headers;
+      }
+
+      return Object.assign(options, init);
+    },
+  },
+};
diff --git a/src/mixins/service.js b/src/mixins/service.js
index d52fc29..8cc9042 100644
--- a/src/mixins/service.js
+++ b/src/mixins/service.js
@@ -1,4 +1,7 @@
+import fetchOptions from "@/mixins/fetchOptions.js";
+
 export default {
+  mixins: [fetchOptions],
   props: {
     proxy: Object,
   },
@@ -13,29 +16,6 @@ export default {
   },
   methods: {
     fetch: function (path, init, json = true) {
-      let options = {};
-
-      if (this.proxy?.useCredentials) {
-        options.credentials = "include";
-      }
-
-      if (this.proxy?.headers && !!this.proxy.headers) {
-        options.headers = this.proxy.headers;
-      }
-
-      // Each item can override the credential settings
-      if (this.item.useCredentials !== undefined) {
-        options.credentials =
-          this.item.useCredentials === true ? "include" : "omit";
-      }
-
-      // Each item can have their own headers
-      if (this.item.headers !== undefined && !!this.item.headers) {
-        options.headers = this.item.headers;
-      }
-
-      options = Object.assign(options, init);
-
       if (path.startsWith("/")) {
         path = path.slice(1);
       }
@@ -46,6 +26,8 @@ export default {
         url = `${this.endpoint}/${path}`;
       }
 
+      const options = this.buildFetchOptions(init);
+
       return fetch(url, options).then((response) => {
         let success = response.ok;
         if (Array.isArray(this.item.successCodes)) {