@v4fire/client/src/core/component/accessor/index.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
 */

/**
 * [[include:core/component/accessor/README.md]]
 * @packageDocumentation
 */

import { deprecate } from 'core/functools/deprecation';
import type { ComponentInterface } from 'core/component';
import { cacheStatus } from 'core/component/watch';

/**
 * Attaches accessors and computed fields from a meta object to the specified component instance
 * @param component
 */
export function attachAccessorsFromMeta(component: ComponentInterface): void {
	const {
		meta,
		meta: {params: {deprecatedProps}},
		isFlyweight
	} = component.unsafe;

	const
		ssrMode = component.$renderEngine.supports.ssr,
		isNotRegular = meta.params.functional === true || isFlyweight;

	for (let o = meta.accessors, keys = Object.keys(o), i = 0; i < keys.length; i++) {
		const
			key = keys[i],
			el = o[key];

		const canSkip = Boolean(
			el == null ||
			!ssrMode && isNotRegular && el.functional === false ||

			(
				isFlyweight ?
					Object.getOwnPropertyDescriptor(component, key) && el.replace === true :
					component[key]
			)
		);

		if (el == null || canSkip) {
			continue;
		}

		Object.defineProperty(component, keys[i], {
			configurable: true,
			enumerable: true,

			// eslint-disable-next-line @typescript-eslint/unbound-method
			get: el.get,

			// eslint-disable-next-line @typescript-eslint/unbound-method
			set: el.set
		});
	}

	for (let o = meta.computedFields, keys = Object.keys(o), i = 0; i < keys.length; i++) {
		const
			key = keys[i],
			el = o[key];

		const canSkip = Boolean(
			el == null ||
			!ssrMode && isNotRegular && el.functional === false ||

			(
				isFlyweight ?
					Object.getOwnPropertyDescriptor(component, key) && el.replace === true :
					component[key]
			)
		);

		if (el == null || canSkip) {
			continue;
		}

		// eslint-disable-next-line func-style
		const get = function get(this: typeof component): unknown {
			if (ssrMode || isFlyweight) {
				return el.get!.call(this);
			}

			if (cacheStatus in get) {
				return get[cacheStatus];
			}

			return get[cacheStatus] = el.get!.call(this);
		};

		Object.defineProperty(component, keys[i], {
			configurable: true,
			enumerable: true,

			// eslint-disable-next-line @typescript-eslint/unbound-method
			get: el.get != null ? get : undefined,

			// eslint-disable-next-line @typescript-eslint/unbound-method
			set: el.set
		});
	}

	if (deprecatedProps) {
		for (let keys = Object.keys(deprecatedProps), i = 0; i < keys.length; i++) {
			const
				key = keys[i],
				alternative = deprecatedProps[key];

			if (alternative == null) {
				continue;
			}

			Object.defineProperty(component, key, {
				configurable: true,
				enumerable: true,
				get: () => {
					deprecate({type: 'property', name: key, renamedTo: alternative});
					return component[alternative];
				},

				set: (val) => {
					deprecate({type: 'property', name: key, renamedTo: alternative});
					component[alternative] = val;
				}
			});
		}
	}
}