chamesu/packages/frontend/ui/plugins/api.ts

This package contains all packages of the chat application.

/*
 * Copyright (c) 2022.
 * Author Peter Placzek (tada5hi)
 * For the full copyright and license information,
 * view the LICENSE file that was distributed with this source code.
 */

import {useApi} from "~/modules/api";
import {Context} from "@nuxt/types";
import {ApiRequestConfig} from "~/modules/api/base";
import {changeRequestKeyCase, changeResponseKeyCase} from "~/modules/api/utils";
import {AxiosError} from "axios";
import {clearObjectProperties} from "~/modules/utils";

export default (ctx: Context) => {
    let apiUrl : string | undefined;

    if(typeof process.env.API_URL === 'string') {
        apiUrl = process.env.apiUrl;
    }

    if(typeof ctx.$config.apiUrl === 'string') {
        apiUrl = ctx.$config.apiUrl;
    }

    if (typeof apiUrl === 'string') {
        const authApi = useApi('auth', {
            baseURL: apiUrl
        }, ctx);

        authApi.mountRequestInterceptor((value: ApiRequestConfig) => {
            try {
                if (value.method?.toLocaleLowerCase() === 'post') {
                    const contentType : string = value.headers['Content-Type'] ?? 'application/json';
                    const isJsoN : boolean = contentType.includes('application/json');
                    if (isJsoN && value.data) {
                        value.data = changeRequestKeyCase(clearObjectProperties(value.data));
                    }
                }
            } catch (e) {
                console.log('Request interceptor failed');
            }

            return value;
        }, (e: AxiosError) => {
            throw e;
        });

        authApi.mountResponseInterceptor((value: any) => {
            const contentType : string = value.headers['Content-Type'] ?? 'application/json';
            const isJsoN : boolean = contentType.includes('application/json');

            if (isJsoN && value.data) {
                value.data = changeResponseKeyCase(value.data);
            }

            return value;
        }, (error => {
            if(typeof error.response !== 'undefined') {
                if(typeof error.response.data !== 'undefined') {
                    if(typeof error.response.data.error !== 'undefined') {
                        if (typeof error.response.data.error.message === 'string') {
                            error.message = error.response.data.error.message;
                            throw error;
                        }
                    }
                }
            }

            error.message = 'Ein Netzwerk- oder Unbekannter-Fehler ist aufgetreten...';

            throw error;
        }));
    }
}