@v4fire/client/src/dummies/b-dummy-watch/b-dummy-watch.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:dummies/b-dummy-watch/README.md]]
 * @packageDocumentation
 */

import watch from 'core/object/watch';
import iData, { component, field, system, computed, ModsDecl } from 'super/i-data/i-data';

export * from 'super/i-data/i-data';

@component({
	functional: {
		functional: true,
		dataProvider: undefined
	}
})

export default class bDummyWatch extends iData {
	@field(() => new Set([]))
	setField!: Set<string>;

	@field()
	complexObjStore: Dictionary = {
		a: {
			b: {
				c: 1,
				d: 2
			}
		}
	};

	@system()
	systemComplexObjStore: Dictionary = {
		a: {
			b: {
				c: 1,
				d: 2
			}
		}
	};

	get complexObj(): Dictionary {
		return Object.fastClone(this.complexObjStore);
	}

	@computed({dependencies: ['r.isAuth']})
	get remoteWatchableGetter(): boolean {
		return this.r.isAuth;
	}

	@computed({cache: true, dependencies: ['complexObjStore']})
	get cachedComplexObj(): Dictionary {
		return Object.fastClone(this.complexObjStore);
	}

	@computed({dependencies: ['cachedComplexObj']})
	get cachedComplexDecorator(): Dictionary {
		return Object.fastClone(this.cachedComplexObj);
	}

	@computed({cache: false})
	get systemComplexObj(): Dictionary {
		return Object.fastClone(this.systemComplexObjStore);
	}

	@computed({dependencies: ['cachedComplexObj', 'systemComplexObjStore', 'remoteWatchableGetter']})
	get smartComputed(): Dictionary {
		return {
			a: this.cachedComplexObj.a,
			b: (this.field.get<number>('systemComplexObjStore.a.b.c') ?? 0) + 10,
			remoteWatchableGetter: this.remoteWatchableGetter
		};
	}

	@computed({cache: true, watchable: true})
	get mountedArrayWatcher(): unknown[] {
		return watch([]).proxy;
	}

	@computed({cache: true, watchable: true})
	get mountedWatcher(): Dictionary {
		return watch({}).proxy;
	}

	@computed({dependencies: ['mountedWatcher']})
	get mountedComputed(): Dictionary {
		return this.mountedWatcher;
	}

	static override readonly mods: ModsDecl = {
		watchable: [
			'val-1',
			'val-2'
		],

		nonWatchable: [
			['val-1'],
			'val-2'
		]
	};
}