@webitel/ui-sdk 26.8.130 → 26.8.131

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@webitel/ui-sdk",
-	"version": "26.8.130",
+	"version": "26.8.131",
 	"private": false,
 	"scripts": {
 		"dev": "npm run docs:dev",

package/src/store/ReactiveNowStoreModule/pinia/ReactiveNowStore.ts

@@ -0,0 +1,31 @@
+import { defineStore } from 'pinia';
+import { ref } from 'vue';
+
+export const createReactiveNowStore = () => {
+	const namespace = 'now';
+
+	const store = defineStore(namespace, () => {
+		const now = ref(Date.now());
+		let interval: ReturnType<typeof setInterval> | null = null;
+
+		const startWatcher = () => {
+			if (interval) return;
+			interval = setInterval(() => {
+				now.value = Date.now();
+			}, 1000);
+		};
+
+		const stopWatcher = () => {
+			if (interval) clearInterval(interval);
+			interval = null;
+		};
+
+		return {
+			now,
+			startWatcher,
+			stopWatcher,
+		};
+	});
+
+	return store;
+};

package/src/store/ReactiveNowStoreModule/pinia/__tests__/ReactiveNowStore.spec.ts

@@ -0,0 +1,53 @@
+import { createPinia, setActivePinia } from 'pinia';
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
+
+import { createReactiveNowStore } from '../ReactiveNowStore';
+
+describe('createReactiveNowStore', () => {
+	beforeEach(() => {
+		setActivePinia(createPinia());
+		vi.useFakeTimers();
+	});
+
+	afterEach(() => {
+		vi.useRealTimers();
+	});
+
+	it('ticks now every second once started', () => {
+		const useNowStore = createReactiveNowStore();
+		const store = useNowStore();
+
+		const initial = store.now;
+		store.startWatcher();
+
+		vi.advanceTimersByTime(3000);
+
+		expect(store.now).toBeGreaterThan(initial);
+	});
+
+	it('stops ticking once stopped', () => {
+		const useNowStore = createReactiveNowStore();
+		const store = useNowStore();
+
+		store.startWatcher();
+		store.stopWatcher();
+
+		const afterStop = store.now;
+		vi.advanceTimersByTime(3000);
+
+		expect(store.now).toBe(afterStop);
+	});
+
+	it('does not stack intervals when started twice', () => {
+		const useNowStore = createReactiveNowStore();
+		const store = useNowStore();
+
+		store.startWatcher();
+		store.startWatcher();
+
+		const setIntervalSpy = vi.spyOn(globalThis, 'setInterval');
+		store.startWatcher();
+
+		expect(setIntervalSpy).not.toHaveBeenCalled();
+	});
+});