path: root/src/mixins/service.js

const merge = require("lodash.merge");

export default {
  props: {
    proxy: Object,
  },
  created: function () {
    // custom service often consume info from an API using the item link (url) as a base url,
    // but sometimes the base url is different. An optional alternative URL can be provided with the "endpoint" key.
    this.endpoint = this.item.endpoint || this.item.url;

    if (this.endpoint.endsWith("/")) {
      this.endpoint = this.endpoint.slice(0, -1);
    }
  },
  methods: {
    fetch: function (path, init, json = true) {
      let options = {};

      if (this.proxy?.useCredentials) {
        options.credentials = "include";
      }

      // Each item can override the credential settings
      if (this.item.useCredentials !== undefined) {
        options.credentials =
          this.item.useCredentials === true ? "include" : "omit";
      }

      if (this.proxy?.apikey) {
        options.headers = {
          "X-Homer-Api-Key": this.proxy.apikey,
        };
      }

      if (path.startsWith("/")) {
        path = path.slice(1);
      }

      let url = path ? `${this.endpoint}/${path}` : this.endpoint;

      if (this.proxy?.url) {
        options.headers = {
          ...(options.headers || {}),
          "X-Homer-Api-Url": url,
        };
        url = this.proxy.url;
      }

      options = merge(options, init);

      return fetch(url, options).then((response) => {
        if (!response.ok) {
          throw new Error("Not 2xx response");
        }

        return json ? response.json() : response;
      });
    },
  },
};