tenancy-livewire

set-tenant-header.js

export default function(tenant, headerKey = 'X-Tenant') {
    handleLivewireCalls(tenant, headerKey)
    handleFetchCalls(tenant, headerKey)
    handleXMLHttpCalls(tenant, headerKey)
    handleAxiosCalls(tenant, headerKey)
}

function handleLivewireCalls(tenant, headerKey) {
    if (! window.Livewire) return;

    window.Livewire.connection.headers = {
        ...window.Livewire.connection.headers,
        [headerKey]: tenant
    };
}

function handleFetchCalls(tenant, headerKey) {
    const { fetch: originalFetch } = window;
    window.fetch = async (...args) => {
        let [resource, config = {} ] = args;

        config.headers = {
            ...config.headers,
            [headerKey]: tenant
        }

        return await originalFetch(resource, config);
    };
}

function handleXMLHttpCalls(tenant, headerKey) {
    XMLHttpRequest.prototype.orignalOpen = XMLHttpRequest.prototype.open;
    XMLHttpRequest.prototype.open   = function () {
        this.orignalOpen.apply(this, arguments);
        this.setRequestHeader(headerKey, tenant);
    };
}

function handleAxiosCalls(tenant, headerKey) {
    if (! window.axios) return;

    window.axios.defaults.headers.common[headerKey] = tenant;
}

add this meta tag to your layout

@if(tenant())
    <meta name="tenant" content="{{ tenant('id') }}">
@endif

import it in bootstrap.js in laravel app

/**
 * Set X-Tenant request header for tenant domains.
 */
const tenantTag = document.head.querySelector('meta[name="tenant"]');
if (tenantTag) {
    import('./utils/set-tenant-header')
        .then(module => module.default(tenantTag.content))
}