@v4fire/client/src/core/component/engines/vue/config.ts

V4Fire client core library

/*!
 * V4Fire Client Core
 * https://github.com/V4Fire/Client
 *
 * Released under the MIT license
 * https://github.com/V4Fire/Client/blob/master/LICENSE
 */

import Vue from 'vue';
import log from 'core/log';

import type { ComponentInterface } from 'core/component/interface';

const
	logger = log.namespace('vue');

Vue.config.errorHandler = (err, vm, info) => {
	logger.error('errorHandler', err, info, getComponentInfo(vm));
};

Vue.config.warnHandler = (msg, vm, trace) => {
	logger.warn('warnHandler', msg, trace, getComponentInfo(vm));
};

const
	UNRECOGNIZED_COMPONENT_NAME = 'unrecognized-component',
	ROOT_COMPONENT_NAME = 'root-component';

/**
 * Returns component info to log
 * @param component
 */
function getComponentInfo(component: Vue | ComponentInterface): Dictionary {
	try {
		if ('componentName' in component) {
			return {
				name: getComponentName(component),
				hook: component.hook,
				status: component.unsafe.componentStatus
			};
		}

		return {
			name: getComponentName(component)
		};

	} catch {
		return {
			name: UNRECOGNIZED_COMPONENT_NAME
		};
	}
}

/**
 * Returns a name of the specified component
 * @param component
 */
function getComponentName(component: Vue | ComponentInterface): string {
	if ('componentName' in component) {
		return component.componentName;
	}

	if (component.$root === component) {
		return ROOT_COMPONENT_NAME;
	}

	return Object.get<string>(component, '$options.name') ?? UNRECOGNIZED_COMPONENT_NAME;
}