npm - @feugene/granularity - Versions diffs - 0.13.0 → 0.18.0 - Mend

@feugene/granularity 0.13.0 → 0.18.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1266) hide show

package/dist/composables/useTheme.js CHANGED Viewed

@@ -1,6 +1,7 @@
-import { computed, ref } from "vue";
+import { computed, hasInjectionContext, inject, ref } from "vue";
 //#region src/composables/useTheme.ts
 var DEFAULT_STORAGE_KEY = "gr-theme";
+var IS_SERVER = typeof window === "undefined";
 function readStoredTheme(storageKey, persist) {
 	if (typeof window === "undefined" || !persist) return null;
 	try {
@@ -18,68 +19,137 @@ function getSystemTheme() {
 function getPreferredTheme(storageKey = DEFAULT_STORAGE_KEY, persist = true) {
 	return readStoredTheme(storageKey, persist) ?? getSystemTheme();
 }
-function applyTheme(theme) {
+function applyTheme(theme, target) {
 	if (typeof document === "undefined") return;
-	const root = document.documentElement;
+	const root = target?.() ?? document.documentElement;
 	root.dataset.theme = theme;
-	root.classList.toggle("theme-dark", theme === "dark");
 }
-var sharedTheme = ref(getPreferredTheme());
-var activeStorageKey = DEFAULT_STORAGE_KEY;
-var activePersist = true;
-var listenersBound = false;
-function bindListeners() {
-	if (listenersBound || typeof window === "undefined") return;
-	listenersBound = true;
-	window.addEventListener?.("storage", (event) => {
-		if (!activePersist || event.key !== activeStorageKey) return;
+function createThemeState(options = {}, writable = true) {
+	const storageKey = options.storageKey ?? DEFAULT_STORAGE_KEY;
+	const persist = options.persist ?? true;
+	return {
+		theme: ref(getPreferredTheme(storageKey, persist)),
+		storageKey,
+		persist,
+		target: options.target,
+		listenersBound: false,
+		writable
+	};
+}
+/** Ключ provide/inject для app-scoped состояния темы (устанавливает плагин ниже). */
+var GRANULARITY_THEME_STATE = Symbol.for("@feugene/granularity/theme-state");
+/**
+* Vue-плагин: даёт каждому приложению собственное состояние темы через
+* `app.provide`. Обязателен для (а) SSR, если приложение переключает тему на
+* сервере — иначе тема одного запроса уедет в ответ следующему, — и (б)
+* нескольких Vue-приложений на одной странице, которым нужны независимые темы.
+*
+* Для (б) обязателен и `target` — корень, получающий `data-theme`: без него
+* изолировано только состояние, а атрибут все приложения пишут в один `<html>`,
+* и побеждает последний.
+*
+* ```ts
+* app.use(granularityThemePlugin)
+* app.use(granularityThemePlugin, {
+*   storageKey: 'admin-theme',
+*   persist: false,
+*   target: () => document.getElementById('admin-app'),
+* })
+* ```
+*/
+var appScopedThemeProvided = false;
+var contextFallbackWarned = false;
+var granularityThemePlugin = { install(app, options = {}) {
+	appScopedThemeProvided = true;
+	const state = createThemeState(options);
+	app.provide(GRANULARITY_THEME_STATE, state);
+	app.onUnmount(() => state.teardownListeners?.());
+} };
+var moduleThemeState = null;
+/** Сброс dev-предупреждения о фолбэке. Внутреннее API — нужно тестам. */
+function resetThemeContextWarning() {
+	contextFallbackWarned = false;
+}
+function resolveThemeState(options) {
+	if (hasInjectionContext()) {
+		const provided = inject(GRANULARITY_THEME_STATE, null);
+		if (provided) return provided;
+	}
+	if (IS_SERVER) return createThemeState(options, false);
+	if (appScopedThemeProvided && !contextFallbackWarned && typeof process !== "undefined" && process.env.NODE_ENV !== "production") {
+		contextFallbackWarned = true;
+		console.warn("[granularity] useTheme() вызван вне setup/inject-контекста: app-scoped состояние granularityThemePlugin недоступно, использован модульный синглтон. Оберните вызов: app.runWithContext(() => useTheme()).");
+	}
+	if (!moduleThemeState) moduleThemeState = createThemeState(options);
+	return moduleThemeState;
+}
+function bindListeners(state) {
+	if (state.listenersBound || typeof window === "undefined") return;
+	state.listenersBound = true;
+	const onStorage = (event) => {
+		if (!state.persist || event.key !== state.storageKey) return;
 		if (event.newValue === "light" || event.newValue === "dark") {
-			sharedTheme.value = event.newValue;
-			applyTheme(event.newValue);
+			state.theme.value = event.newValue;
+			applyTheme(event.newValue, state.target);
 		}
-	});
-	(window.matchMedia?.("(prefers-color-scheme: dark)"))?.addEventListener?.("change", (event) => {
-		if (readStoredTheme(activeStorageKey, activePersist) !== null) return;
+	};
+	window.addEventListener?.("storage", onStorage);
+	const mql = window.matchMedia?.("(prefers-color-scheme: dark)");
+	const onSchemeChange = (event) => {
+		if (readStoredTheme(state.storageKey, state.persist) !== null) return;
 		const next = event.matches ? "dark" : "light";
-		sharedTheme.value = next;
-		applyTheme(next);
-	});
+		state.theme.value = next;
+		applyTheme(next, state.target);
+	};
+	mql?.addEventListener?.("change", onSchemeChange);
+	state.teardownListeners = () => {
+		window.removeEventListener?.("storage", onStorage);
+		mql?.removeEventListener?.("change", onSchemeChange);
+		state.listenersBound = false;
+		state.teardownListeners = void 0;
+	};
 }
 /**
 * Для применения темы максимально рано (до монтирования Vue), чтобы избежать "мигания".
-* Также сидирует shared-синглтон, чтобы значение в `useTheme()` совпадало с уже
+* Также сидирует модульное состояние, чтобы значение в `useTheme()` совпадало с уже
 * применённым к документу.
+*
+* Функция клиентская: её зовут из браузерной точки входа до создания приложения,
+* то есть app-scoped состояние инжектить там ещё неоткуда. Расхождения с плагином
+* это не даёт — оба сидируются из одного `localStorage`.
 */
 function initThemeEarly(options = {}) {
 	const storageKey = options.storageKey ?? DEFAULT_STORAGE_KEY;
 	const persist = options.persist ?? true;
 	const preferred = getPreferredTheme(storageKey, persist);
-	activeStorageKey = storageKey;
-	activePersist = persist;
-	sharedTheme.value = preferred;
+	moduleThemeState ??= createThemeState(options);
+	moduleThemeState.storageKey = storageKey;
+	moduleThemeState.persist = persist;
+	moduleThemeState.theme.value = preferred;
 	applyTheme(preferred);
 }
 function useTheme(options = {}) {
-	const storageKey = options.storageKey ?? DEFAULT_STORAGE_KEY;
-	const persist = options.persist ?? true;
-	activeStorageKey = storageKey;
-	activePersist = persist;
-	bindListeners();
-	const theme = sharedTheme;
+	const state = resolveThemeState(options);
+	if (options.storageKey !== void 0) state.storageKey = options.storageKey;
+	if (options.persist !== void 0) state.persist = options.persist;
+	if (options.target !== void 0) state.target = options.target;
+	bindListeners(state);
+	const theme = state.theme;
 	const isDark = computed(() => theme.value === "dark");
 	function setTheme(next) {
+		if (!state.writable) throw new Error("[granularity] useTheme: setTheme/toggleTheme require `app.use(granularityThemePlugin)` during SSR — the module-singleton fallback is disabled server-side, so a theme set by one request would leak into the next response. Reading `theme`/`isDark` on the server works without the plugin.");
 		theme.value = next;
-		if (persist && typeof window !== "undefined") try {
+		applyTheme(next, state.target);
+		if (state.persist && typeof window !== "undefined") try {
 			const storage = window.localStorage;
-			if (typeof storage?.setItem === "function") storage.setItem(storageKey, next);
+			if (typeof storage?.setItem === "function") storage.setItem(state.storageKey, next);
 		} catch {}
-		applyTheme(next);
 	}
 	function toggleTheme() {
 		setTheme(theme.value === "dark" ? "light" : "dark");
 	}
 	function initTheme() {
-		applyTheme(theme.value);
+		applyTheme(theme.value, state.target);
 	}
 	return {
 		theme,
@@ -90,4 +160,4 @@ function useTheme(options = {}) {
 	};
 }
 //#endregion
-export { initThemeEarly, useTheme };
+export { GRANULARITY_THEME_STATE, granularityThemePlugin, initThemeEarly, resetThemeContextWarning, useTheme };

package/dist/composables/useTheme.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useTheme.js","names":[],"sources":["../../src/composables/useTheme.ts"],"sourcesContent":["import { computed, ref } from 'vue'\nimport type { Ref } from 'vue'\n\nexport type ThemeName = 'light' \| 'dark'\n\nexport type UseThemeOptions = {\n /*\n Ключ для хранения выбранной темы в localStorage.\n * По умолчанию: `gr-theme`.\n /\n storageKey?: string\n\n /\n Если `false` — не читать/не писать localStorage (полезно для SSR/embedded сценариев).\n * По умолчанию: `true`.\n /\n persist?: boolean\n}\n\nconst DEFAULT_STORAGE_KEY = 'gr-theme'\n\nfunction readStoredTheme(storageKey: string, persist: boolean): ThemeName \| null {\n if (typeof window === 'undefined' \|\| !persist) return null\n\n // Доступ к `localStorage` может бросать `SecurityError` в Safari private mode\n // и при отключённых cookies/storage — поэтому оборачиваем в try/catch.\n try {\n const storage = window.localStorage\n if (typeof storage?.getItem !== 'function') return null\n\n const stored = storage.getItem(storageKey)\n if (stored === 'light' \|\| stored === 'dark') return stored\n }\n catch {\n // ignore\n }\n\n return null\n}\n\nfunction getSystemTheme(): ThemeName {\n if (typeof window === 'undefined') return 'light'\n return window.matchMedia?.('(prefers-color-scheme: dark)')?.matches ? 'dark' : 'light'\n}\n\nfunction getPreferredTheme(storageKey = DEFAULT_STORAGE_KEY, persist = true): ThemeName {\n return readStoredTheme(storageKey, persist) ?? getSystemTheme()\n}\n\nfunction applyTheme(theme: ThemeName) {\n if (typeof document === 'undefined') return\n\n const root = document.documentElement\n // Канон GR — атрибут `[data-theme]` на `<html>` (см. docs/styling.md → «Темизация»).\n // `useTheme`/`initThemeEarly` — единственный рантайм-API переключения темы.\n root.dataset.theme = theme\n // Класс `.theme-dark` — deprecated-алиас для обратной совместимости; в новом коде\n // ориентируйтесь на `[data-theme]`.\n root.classList.toggle('theme-dark', theme === 'dark')\n}\n\n// Модульный shared-синглтон состояния темы: единый источник истины для ВСЕХ\n// вызовов `useTheme()` (по образцу `useToast`). Раньше каждый вызов создавал\n// собственный `ref`, из-за чего переключение темы в компоненте A не обновляло\n// `theme`/`isDark` в компоненте B (менялся только DOM-класс) — та самая\n// рассинхронизация. Теперь ref один, реактивность консистентна.\nconst sharedTheme: Ref<ThemeName> = ref<ThemeName>(getPreferredTheme())\n\n// Активные ключ/persist, которыми синглтон инициализирован (нужны слушателям\n// `storage`/`matchMedia`, чтобы знать, какой ключ отслеживать).\nlet activeStorageKey = DEFAULT_STORAGE_KEY\nlet activePersist = true\nlet listenersBound = false\n\n// Подписки на системную тему и синхронизацию между вкладками. Живут на уровне\n// модуля (как таймеры в `useToast`): состояние общее, поэтому подписка нужна\n// одна на приложение, а не per-consumer — здесь `onScopeDispose` был бы вреден\n// (порвал бы shared-подписку при размонтировании одного из потребителей).\nfunction bindListeners() {\n if (listenersBound \|\| typeof window === 'undefined') return\n listenersBound = true\n\n // Cross-tab: другая вкладка записала тему в localStorage.\n window.addEventListener?.('storage', (event: StorageEvent) => {\n if (!activePersist \|\| event.key !== activeStorageKey) return\n if (event.newValue === 'light' \|\| event.newValue === 'dark') {\n sharedTheme.value = event.newValue\n applyTheme(event.newValue)\n }\n })\n\n // Системная смена `prefers-color-scheme` — следуем ей только если пользователь\n // НЕ выбрал тему явно (в storage ничего не сохранено).\n const mql = window.matchMedia?.('(prefers-color-scheme: dark)')\n mql?.addEventListener?.('change', (event: MediaQueryListEvent) => {\n if (readStoredTheme(activeStorageKey, activePersist) !== null) return\n const next: ThemeName = event.matches ? 'dark' : 'light'\n sharedTheme.value = next\n applyTheme(next)\n })\n}\n\n/\n Для применения темы максимально рано (до монтирования Vue), чтобы избежать \"мигания\".\n * Также сидирует shared-синглтон, чтобы значение в `useTheme()` совпадало с уже\n * применённым к документу.\n */\nexport function initThemeEarly(options: UseThemeOptions = {}) {\n const storageKey = options.storageKey ?? DEFAULT_STORAGE_KEY\n const persist = options.persist ?? true\n const preferred = getPreferredTheme(storageKey, persist)\n\n activeStorageKey = storageKey\n activePersist = persist\n sharedTheme.value = preferred\n applyTheme(preferred)\n}\n\nexport function useTheme(options: UseThemeOptions = {}) {\n const storageKey = options.storageKey ?? DEFAULT_STORAGE_KEY\n const persist = options.persist ?? true\n\n activeStorageKey = storageKey\n activePersist = persist\n bindListeners()\n\n const theme = sharedTheme\n const isDark = computed(() => theme.value === 'dark')\n\n function setTheme(next: ThemeName) {\n theme.value = next\n\n if (persist && typeof window !== 'undefined') {\n // См. комментарий в `readStoredTheme`: запись тоже может бросать.\n try {\n const storage = window.localStorage\n if (typeof storage?.setItem === 'function')\n storage.setItem(storageKey, next)\n }\n catch {\n // ignore\n }\n }\n\n applyTheme(next)\n }\n\n function toggleTheme() {\n setTheme(theme.value === 'dark' ? 'light' : 'dark')\n }\n\n function initTheme() {\n applyTheme(theme.value)\n }\n\n return {\n theme,\n isDark,\n setTheme,\n toggleTheme,\n initTheme,\n }\n}\n"],"mappings":";;AAmBA,IAAM,sBAAsB;AAE5B,SAAS,gBAAgB,YAAoB,SAAoC;CAC/E,IAAI,OAAO,WAAW,eAAe,CAAC,SAAS,OAAO;CAItD,IAAI;EACF,MAAM,UAAU,OAAO;EACvB,IAAI,OAAO,SAAS,YAAY,YAAY,OAAO;EAEnD,MAAM,SAAS,QAAQ,QAAQ,UAAU;EACzC,IAAI,WAAW,WAAW,WAAW,QAAQ,OAAO;CACtD,QACM,CAEN;CAEA,OAAO;AACT;AAEA,SAAS,iBAA4B;CACnC,IAAI,OAAO,WAAW,aAAa,OAAO;CAC1C,OAAO,OAAO,aAAa,8BAA8B,CAAC,EAAE,UAAU,SAAS;AACjF;AAEA,SAAS,kBAAkB,aAAa,qBAAqB,UAAU,MAAiB;CACtF,OAAO,gBAAgB,YAAY,OAAO,KAAK,eAAe;AAChE;AAEA,SAAS,WAAW,OAAkB;CACpC,IAAI,OAAO,aAAa,aAAa;CAErC,MAAM,OAAO,SAAS;CAGtB,KAAK,QAAQ,QAAQ;CAGrB,KAAK,UAAU,OAAO,cAAc,UAAU,MAAM;AACtD;AAOA,IAAM,cAA8B,IAAe,kBAAkB,CAAC;AAItE,IAAI,mBAAmB;AACvB,IAAI,gBAAgB;AACpB,IAAI,iBAAiB;AAMrB,SAAS,gBAAgB;CACvB,IAAI,kBAAkB,OAAO,WAAW,aAAa;CACrD,iBAAiB;CAGjB,OAAO,mBAAmB,YAAY,UAAwB;EAC5D,IAAI,CAAC,iBAAiB,MAAM,QAAQ,kBAAkB;EACtD,IAAI,MAAM,aAAa,WAAW,MAAM,aAAa,QAAQ;GAC3D,YAAY,QAAQ,MAAM;GAC1B,WAAW,MAAM,QAAQ;EAC3B;CACF,CAAC;CAKD,CADY,OAAO,aAAa,8BAA8B,EAAA,EACzD,mBAAmB,WAAW,UAA+B;EAChE,IAAI,gBAAgB,kBAAkB,aAAa,MAAM,MAAM;EAC/D,MAAM,OAAkB,MAAM,UAAU,SAAS;EACjD,YAAY,QAAQ;EACpB,WAAW,IAAI;CACjB,CAAC;AACH;;;;;;AAOA,SAAgB,eAAe,UAA2B,CAAC,GAAG;CAC5D,MAAM,aAAa,QAAQ,cAAc;CACzC,MAAM,UAAU,QAAQ,WAAW;CACnC,MAAM,YAAY,kBAAkB,YAAY,OAAO;CAEvD,mBAAmB;CACnB,gBAAgB;CAChB,YAAY,QAAQ;CACpB,WAAW,SAAS;AACtB;AAEA,SAAgB,SAAS,UAA2B,CAAC,GAAG;CACtD,MAAM,aAAa,QAAQ,cAAc;CACzC,MAAM,UAAU,QAAQ,WAAW;CAEnC,mBAAmB;CACnB,gBAAgB;CAChB,cAAc;CAEd,MAAM,QAAQ;CACd,MAAM,SAAS,eAAe,MAAM,UAAU,MAAM;CAEpD,SAAS,SAAS,MAAiB;EACjC,MAAM,QAAQ;EAEd,IAAI,WAAW,OAAO,WAAW,aAE/B,IAAI;GACF,MAAM,UAAU,OAAO;GACvB,IAAI,OAAO,SAAS,YAAY,YAC9B,QAAQ,QAAQ,YAAY,IAAI;EACpC,QACM,CAEN;EAGF,WAAW,IAAI;CACjB;CAEA,SAAS,cAAc;EACrB,SAAS,MAAM,UAAU,SAAS,UAAU,MAAM;CACpD;CAEA,SAAS,YAAY;EACnB,WAAW,MAAM,KAAK;CACxB;CAEA,OAAO;EACL;EACA;EACA;EACA;EACA;CACF;AACF"}
1	+ {"version":3,"file":"useTheme.js","names":[],"sources":["../../src/composables/useTheme.ts"],"sourcesContent":["import { computed, hasInjectionContext, inject, ref } from 'vue'\nimport type { App, InjectionKey, Ref } from 'vue'\n\nexport type ThemeName = 'light' \| 'dark'\n\nexport type UseThemeOptions = {\n /*\n Ключ для хранения выбранной темы в localStorage.\n * По умолчанию: `gr-theme`.\n /\n storageKey?: string\n\n /\n Если `false` — не читать/не писать localStorage (полезно для SSR/embedded сценариев).\n * По умолчанию: `true`.\n /\n persist?: boolean\n\n /\n Куда писать `data-theme`. По умолчанию — `<html>` (канон одного приложения).\n \n Геттер, а не элемент: на момент `app.use(...)` корень приложения ещё не\n * смонтирован. Обязателен нескольким приложениям с независимыми темами:\n * селектор тем атрибутный (`[data-theme='dark']`), поэтому тема работает от\n * любого контейнера, а без `target` все приложения писали бы в один `<html>`\n * и побеждал бы последний.\n /\n target?: () => HTMLElement \| null\n}\n\nconst DEFAULT_STORAGE_KEY = 'gr-theme'\nconst IS_SERVER = typeof window === 'undefined'\n\nfunction readStoredTheme(storageKey: string, persist: boolean): ThemeName \| null {\n if (typeof window === 'undefined' \|\| !persist) return null\n\n // Доступ к `localStorage` может бросать `SecurityError` в Safari private mode\n // и при отключённых cookies/storage — поэтому оборачиваем в try/catch.\n try {\n const storage = window.localStorage\n if (typeof storage?.getItem !== 'function') return null\n\n const stored = storage.getItem(storageKey)\n if (stored === 'light' \|\| stored === 'dark') return stored\n }\n catch {\n // ignore\n }\n\n return null\n}\n\nfunction getSystemTheme(): ThemeName {\n if (typeof window === 'undefined') return 'light'\n return window.matchMedia?.('(prefers-color-scheme: dark)')?.matches ? 'dark' : 'light'\n}\n\nfunction getPreferredTheme(storageKey = DEFAULT_STORAGE_KEY, persist = true): ThemeName {\n return readStoredTheme(storageKey, persist) ?? getSystemTheme()\n}\n\nfunction applyTheme(theme: ThemeName, target?: () => HTMLElement \| null) {\n if (typeof document === 'undefined') return\n\n // Канон GR — атрибут `[data-theme]`: на `<html>` (см. docs/styling.md →\n // «Темизация») либо на корне приложения, когда состояние задало `target`.\n // `useTheme`/`initThemeEarly` — единственный рантайм-API переключения темы.\n const root = target?.() ?? document.documentElement\n root.dataset.theme = theme\n}\n\n/\n Состояние темы одного приложения.\n \n `theme` общий для всех вызовов `useTheme()` внутри приложения: свой `ref` на\n * вызов означал бы, что переключение темы в одном компоненте не трогает\n * `theme`/`isDark` в другом — менялся бы только DOM-атрибут, а реактивные\n * потребители разъехались бы.\n /\ntype ThemeState = {\n theme: Ref<ThemeName>\n storageKey: string\n persist: boolean\n /* Корень, получающий `data-theme`; не задан — `<html>`. /\n target?: () => HTMLElement \| null\n listenersBound: boolean\n /\n Снимает window-слушатели состояния. Появляется после `bindListeners`;\n * зовёт `app.onUnmount` у app-scoped состояний — модульный синглтон живёт со\n * страницей, и снимать его незачем.\n /\n teardownListeners?: () => void\n /* Разрешена ли мутация — см. `resolveThemeState`. /\n writable: boolean\n}\n\nfunction createThemeState(options: UseThemeOptions = {}, writable = true): ThemeState {\n const storageKey = options.storageKey ?? DEFAULT_STORAGE_KEY\n const persist = options.persist ?? true\n\n return {\n theme: ref<ThemeName>(getPreferredTheme(storageKey, persist)),\n storageKey,\n persist,\n target: options.target,\n listenersBound: false,\n writable,\n }\n}\n\n/* Ключ provide/inject для app-scoped состояния темы (устанавливает плагин ниже). /\nexport const GRANULARITY_THEME_STATE: InjectionKey<ThemeState> = Symbol.for('@feugene/granularity/theme-state')\n\n/\n Vue-плагин: даёт каждому приложению собственное состояние темы через\n * `app.provide`. Обязателен для (а) SSR, если приложение переключает тему на\n * сервере — иначе тема одного запроса уедет в ответ следующему, — и (б)\n * нескольких Vue-приложений на одной странице, которым нужны независимые темы.\n \n Для (б) обязателен и `target` — корень, получающий `data-theme`: без него\n * изолировано только состояние, а атрибут все приложения пишут в один `<html>`,\n * и побеждает последний.\n \n ```ts\n * app.use(granularityThemePlugin)\n * app.use(granularityThemePlugin, {\n * storageKey: 'admin-theme',\n * persist: false,\n * target: () => document.getElementById('admin-app'),\n * })\n * ```\n /\n// Где-то на странице установлен плагин: фолбэк в синглтон для такого приложения —\n// почти наверняка ошибка вызова, а не осознанный выбор.\nlet appScopedThemeProvided = false\nlet contextFallbackWarned = false\n\nexport const granularityThemePlugin = {\n install(app: App, options: UseThemeOptions = {}) {\n appScopedThemeProvided = true\n const state = createThemeState(options)\n app.provide(GRANULARITY_THEME_STATE, state)\n // Слушатели `storage`/`prefers-color-scheme` держат состояние; без снятия\n // каждый цикл mount/unmount микрофронтенда копил бы их на window навсегда.\n app.onUnmount(() => state.teardownListeners?.())\n },\n}\n\n// Ленивый модульный синглтон — канонический фолбэк для простых SPA без плагина.\nlet moduleThemeState: ThemeState \| null = null\n\n/* Сброс dev-предупреждения о фолбэке. Внутреннее API — нужно тестам. /\nexport function resetThemeContextWarning(): void {\n contextFallbackWarned = false\n}\n\nfunction resolveThemeState(options: UseThemeOptions): ThemeState {\n // App-scoped состояние (provide через плагин): setup-контекст ИЛИ\n // `app.runWithContext(() => useTheme())` — `hasInjectionContext` покрывает оба.\n if (hasInjectionContext()) {\n const provided = inject(GRANULARITY_THEME_STATE, null)\n if (provided) return provided\n }\n\n // На сервере без плагина модульное состояние текло бы между запросами. Но\n // читать тему на сервере — нормальный сценарий (шаблон смотрит `isDark`), и\n // ронять на нём весь рендер нельзя: отдаём состояние на один вызов и запрещаем\n // мутацию — течёт именно она.\n if (IS_SERVER) return createThemeState(options, false)\n\n // Дедуп и текст — инлайном под dev-гардом: бандлер потребителя сворачивает\n // условие в `false` и выкидывает сообщение из продакшн-сборки.\n if (\n appScopedThemeProvided && !contextFallbackWarned\n && typeof process !== 'undefined' && process.env.NODE_ENV !== 'production'\n ) {\n contextFallbackWarned = true\n console.warn(\n '[granularity] useTheme() вызван вне setup/inject-контекста: app-scoped состояние '\n + 'granularityThemePlugin недоступно, использован модульный синглтон. '\n + 'Оберните вызов: app.runWithContext(() => useTheme()).',\n )\n }\n\n if (!moduleThemeState)\n moduleThemeState = createThemeState(options)\n\n return moduleThemeState\n}\n\n// Подписки на системную тему и синхронизацию между вкладками. Привязаны к\n// состоянию, а не к модулю: у каждого приложения своё. Одна подписка на\n// состояние, а не на потребителя, — `onScopeDispose` здесь был бы вреден, он\n// порвал бы общую подписку при размонтировании одного из них.\nfunction bindListeners(state: ThemeState) {\n if (state.listenersBound \|\| typeof window === 'undefined') return\n state.listenersBound = true\n\n // Cross-tab: другая вкладка записала тему в localStorage.\n const onStorage = (event: StorageEvent): void => {\n if (!state.persist \|\| event.key !== state.storageKey) return\n if (event.newValue === 'light' \|\| event.newValue === 'dark') {\n state.theme.value = event.newValue\n applyTheme(event.newValue, state.target)\n }\n }\n window.addEventListener?.('storage', onStorage)\n\n // Системная смена `prefers-color-scheme` — следуем ей только если пользователь\n // НЕ выбрал тему явно (в storage ничего не сохранено).\n const mql = window.matchMedia?.('(prefers-color-scheme: dark)')\n const onSchemeChange = (event: MediaQueryListEvent): void => {\n if (readStoredTheme(state.storageKey, state.persist) !== null) return\n const next: ThemeName = event.matches ? 'dark' : 'light'\n state.theme.value = next\n applyTheme(next, state.target)\n }\n mql?.addEventListener?.('change', onSchemeChange)\n\n state.teardownListeners = () => {\n window.removeEventListener?.('storage', onStorage)\n mql?.removeEventListener?.('change', onSchemeChange)\n state.listenersBound = false\n state.teardownListeners = undefined\n }\n}\n\n/\n Для применения темы максимально рано (до монтирования Vue), чтобы избежать \"мигания\".\n * Также сидирует модульное состояние, чтобы значение в `useTheme()` совпадало с уже\n * применённым к документу.\n \n Функция клиентская: её зовут из браузерной точки входа до создания приложения,\n * то есть app-scoped состояние инжектить там ещё неоткуда. Расхождения с плагином\n * это не даёт — оба сидируются из одного `localStorage`.\n */\nexport function initThemeEarly(options: UseThemeOptions = {}) {\n const storageKey = options.storageKey ?? DEFAULT_STORAGE_KEY\n const persist = options.persist ?? true\n const preferred = getPreferredTheme(storageKey, persist)\n\n moduleThemeState ??= createThemeState(options)\n moduleThemeState.storageKey = storageKey\n moduleThemeState.persist = persist\n moduleThemeState.theme.value = preferred\n\n applyTheme(preferred)\n}\n\nexport function useTheme(options: UseThemeOptions = {}) {\n const state = resolveThemeState(options)\n\n // Опции вызова уточняют состояние — тот же приём, что был у модульного\n // синглтона: слушателям нужно знать, какой ключ отслеживать.\n if (options.storageKey !== undefined) state.storageKey = options.storageKey\n if (options.persist !== undefined) state.persist = options.persist\n if (options.target !== undefined) state.target = options.target\n\n bindListeners(state)\n\n const theme = state.theme\n const isDark = computed(() => theme.value === 'dark')\n\n function setTheme(next: ThemeName) {\n if (!state.writable) {\n throw new Error(\n '[granularity] useTheme: setTheme/toggleTheme require `app.use(granularityThemePlugin)` during SSR — '\n + 'the module-singleton fallback is disabled server-side, so a theme set by one request would leak into '\n + 'the next response. Reading `theme`/`isDark` on the server works without the plugin.',\n )\n }\n\n theme.value = next\n applyTheme(next, state.target)\n\n if (state.persist && typeof window !== 'undefined') {\n // См. комментарий в `readStoredTheme`: запись тоже может бросать.\n try {\n const storage = window.localStorage\n if (typeof storage?.setItem === 'function')\n storage.setItem(state.storageKey, next)\n }\n catch {\n // ignore\n }\n }\n }\n\n function toggleTheme() {\n setTheme(theme.value === 'dark' ? 'light' : 'dark')\n }\n\n function initTheme() {\n applyTheme(theme.value, state.target)\n }\n\n return {\n theme,\n isDark,\n setTheme,\n toggleTheme,\n initTheme,\n }\n}\n"],"mappings":";;AA8BA,IAAM,sBAAsB;AAC5B,IAAM,YAAY,OAAO,WAAW;AAEpC,SAAS,gBAAgB,YAAoB,SAAoC;CAC/E,IAAI,OAAO,WAAW,eAAe,CAAC,SAAS,OAAO;CAItD,IAAI;EACF,MAAM,UAAU,OAAO;EACvB,IAAI,OAAO,SAAS,YAAY,YAAY,OAAO;EAEnD,MAAM,SAAS,QAAQ,QAAQ,UAAU;EACzC,IAAI,WAAW,WAAW,WAAW,QAAQ,OAAO;CACtD,QACM,CAEN;CAEA,OAAO;AACT;AAEA,SAAS,iBAA4B;CACnC,IAAI,OAAO,WAAW,aAAa,OAAO;CAC1C,OAAO,OAAO,aAAa,8BAA8B,CAAC,EAAE,UAAU,SAAS;AACjF;AAEA,SAAS,kBAAkB,aAAa,qBAAqB,UAAU,MAAiB;CACtF,OAAO,gBAAgB,YAAY,OAAO,KAAK,eAAe;AAChE;AAEA,SAAS,WAAW,OAAkB,QAAmC;CACvE,IAAI,OAAO,aAAa,aAAa;CAKrC,MAAM,OAAO,SAAS,KAAK,SAAS;CACpC,KAAK,QAAQ,QAAQ;AACvB;AA2BA,SAAS,iBAAiB,UAA2B,CAAC,GAAG,WAAW,MAAkB;CACpF,MAAM,aAAa,QAAQ,cAAc;CACzC,MAAM,UAAU,QAAQ,WAAW;CAEnC,OAAO;EACL,OAAO,IAAe,kBAAkB,YAAY,OAAO,CAAC;EAC5D;EACA;EACA,QAAQ,QAAQ;EAChB,gBAAgB;EAChB;CACF;AACF;;AAGA,IAAa,0BAAoD,OAAO,IAAI,kCAAkC;;;;;;;;;;;;;;;;;;;;AAuB9G,IAAI,yBAAyB;AAC7B,IAAI,wBAAwB;AAE5B,IAAa,yBAAyB,EACpC,QAAQ,KAAU,UAA2B,CAAC,GAAG;CAC/C,yBAAyB;CACzB,MAAM,QAAQ,iBAAiB,OAAO;CACtC,IAAI,QAAQ,yBAAyB,KAAK;CAG1C,IAAI,gBAAgB,MAAM,oBAAoB,CAAC;AACjD,EACF;AAGA,IAAI,mBAAsC;;AAG1C,SAAgB,2BAAiC;CAC/C,wBAAwB;AAC1B;AAEA,SAAS,kBAAkB,SAAsC;CAG/D,IAAI,oBAAoB,GAAG;EACzB,MAAM,WAAW,OAAO,yBAAyB,IAAI;EACrD,IAAI,UAAU,OAAO;CACvB;CAMA,IAAI,WAAW,OAAO,iBAAiB,SAAS,KAAK;CAIrD,IACE,0BAA0B,CAAC,yBACxB,OAAO,YAAY,eAAA,QAAA,IAAA,aAAwC,cAC9D;EACA,wBAAwB;EACxB,QAAQ,KACN,2MAGF;CACF;CAEA,IAAI,CAAC,kBACH,mBAAmB,iBAAiB,OAAO;CAE7C,OAAO;AACT;AAMA,SAAS,cAAc,OAAmB;CACxC,IAAI,MAAM,kBAAkB,OAAO,WAAW,aAAa;CAC3D,MAAM,iBAAiB;CAGvB,MAAM,aAAa,UAA8B;EAC/C,IAAI,CAAC,MAAM,WAAW,MAAM,QAAQ,MAAM,YAAY;EACtD,IAAI,MAAM,aAAa,WAAW,MAAM,aAAa,QAAQ;GAC3D,MAAM,MAAM,QAAQ,MAAM;GAC1B,WAAW,MAAM,UAAU,MAAM,MAAM;EACzC;CACF;CACA,OAAO,mBAAmB,WAAW,SAAS;CAI9C,MAAM,MAAM,OAAO,aAAa,8BAA8B;CAC9D,MAAM,kBAAkB,UAAqC;EAC3D,IAAI,gBAAgB,MAAM,YAAY,MAAM,OAAO,MAAM,MAAM;EAC/D,MAAM,OAAkB,MAAM,UAAU,SAAS;EACjD,MAAM,MAAM,QAAQ;EACpB,WAAW,MAAM,MAAM,MAAM;CAC/B;CACA,KAAK,mBAAmB,UAAU,cAAc;CAEhD,MAAM,0BAA0B;EAC9B,OAAO,sBAAsB,WAAW,SAAS;EACjD,KAAK,sBAAsB,UAAU,cAAc;EACnD,MAAM,iBAAiB;EACvB,MAAM,oBAAoB,KAAA;CAC5B;AACF;;;;;;;;;;AAWA,SAAgB,eAAe,UAA2B,CAAC,GAAG;CAC5D,MAAM,aAAa,QAAQ,cAAc;CACzC,MAAM,UAAU,QAAQ,WAAW;CACnC,MAAM,YAAY,kBAAkB,YAAY,OAAO;CAEvD,qBAAqB,iBAAiB,OAAO;CAC7C,iBAAiB,aAAa;CAC9B,iBAAiB,UAAU;CAC3B,iBAAiB,MAAM,QAAQ;CAE/B,WAAW,SAAS;AACtB;AAEA,SAAgB,SAAS,UAA2B,CAAC,GAAG;CACtD,MAAM,QAAQ,kBAAkB,OAAO;CAIvC,IAAI,QAAQ,eAAe,KAAA,GAAW,MAAM,aAAa,QAAQ;CACjE,IAAI,QAAQ,YAAY,KAAA,GAAW,MAAM,UAAU,QAAQ;CAC3D,IAAI,QAAQ,WAAW,KAAA,GAAW,MAAM,SAAS,QAAQ;CAEzD,cAAc,KAAK;CAEnB,MAAM,QAAQ,MAAM;CACpB,MAAM,SAAS,eAAe,MAAM,UAAU,MAAM;CAEpD,SAAS,SAAS,MAAiB;EACjC,IAAI,CAAC,MAAM,UACT,MAAM,IAAI,MACR,8RAGF;EAGF,MAAM,QAAQ;EACd,WAAW,MAAM,MAAM,MAAM;EAE7B,IAAI,MAAM,WAAW,OAAO,WAAW,aAErC,IAAI;GACF,MAAM,UAAU,OAAO;GACvB,IAAI,OAAO,SAAS,YAAY,YAC9B,QAAQ,QAAQ,MAAM,YAAY,IAAI;EAC1C,QACM,CAEN;CAEJ;CAEA,SAAS,cAAc;EACrB,SAAS,MAAM,UAAU,SAAS,UAAU,MAAM;CACpD;CAEA,SAAS,YAAY;EACnB,WAAW,MAAM,OAAO,MAAM,MAAM;CACtC;CAEA,OAAO;EACL;EACA;EACA;EACA;EACA;CACF;AACF"}

package/dist/composables/useToast.js CHANGED Viewed

@@ -1,11 +1,18 @@
-import { computed, getCurrentInstance, inject, reactive } from "vue";
+import { computed, hasInjectionContext, inject, reactive } from "vue";
 //#region src/composables/useToast.ts
 var DEFAULT_TIMEOUT_MS = 3500;
 var IS_SERVER = typeof window === "undefined";
-function createToastState() {
+/**
+* Потолок очереди по умолчанию. `maxVisible` у `GrToaster` режет только видимые,
+* поэтому без него поток событий (переподключение сокета, цикл ошибок) копил бы
+* очередь и вываливал её на пользователя, когда стек освободится.
+*/
+var DEFAULT_MAX_TOASTS = 20;
+function createToastState(maxToasts = DEFAULT_MAX_TOASTS) {
 	return {
 		toasts: reactive([]),
-		timers: /* @__PURE__ */ new Map()
+		timers: /* @__PURE__ */ new Map(),
+		maxToasts: Math.max(1, Math.trunc(maxToasts))
 	};
 }
 /** Ключ provide/inject для app-scoped состояния тостов (устанавливает плагин ниже). */
@@ -18,18 +25,30 @@ var GRANULARITY_TOAST_STATE = Symbol.for("@feugene/granularity/toast-state");
 *
 * ```ts
 * app.use(granularityToastPlugin)
+* app.use(granularityToastPlugin, { maxToasts: 50 })
 * ```
 */
-var granularityToastPlugin = { install(app) {
-	app.provide(GRANULARITY_TOAST_STATE, createToastState());
+var appScopedToastProvided = false;
+var contextFallbackWarned = false;
+var granularityToastPlugin = { install(app, options = {}) {
+	appScopedToastProvided = true;
+	app.provide(GRANULARITY_TOAST_STATE, createToastState(options.maxToasts));
 } };
 var moduleToastState = null;
+/** Сброс dev-предупреждения о фолбэке. Внутреннее API — нужно тестам. */
+function resetToastContextWarning() {
+	contextFallbackWarned = false;
+}
 function resolveToastState() {
-	if (getCurrentInstance()) {
+	if (hasInjectionContext()) {
 		const provided = inject(GRANULARITY_TOAST_STATE, null);
 		if (provided) return provided;
 	}
 	if (IS_SERVER) throw new Error("[granularity] useToast requires `app.use(granularityToastPlugin)` during SSR — the module-singleton fallback is disabled server-side to avoid state leaking between requests.");
+	if (appScopedToastProvided && !contextFallbackWarned && typeof process !== "undefined" && process.env.NODE_ENV !== "production") {
+		contextFallbackWarned = true;
+		console.warn("[granularity] useToast() вызван вне setup/inject-контекста: app-scoped состояние granularityToastPlugin недоступно, использован модульный синглтон — эти тосты не попадут в GrToaster приложения. Оберните вызов: app.runWithContext(() => useToast()).");
+	}
 	if (!moduleToastState) moduleToastState = createToastState();
 	return moduleToastState;
 }
@@ -71,6 +90,7 @@ function useToast() {
 			actions: input.actions
 		};
 		state.toasts.unshift(toast);
+		trimQueue();
 		if (toast.timeoutMs > 0) {
 			const timer = {
 				handle: null,
@@ -82,6 +102,94 @@ function useToast() {
 		}
 		return id;
 	}
+	function trimQueue() {
+		while (state.toasts.length > state.maxToasts) {
+			const dropped = state.toasts.pop();
+			if (dropped) clearTimer(dropped.id);
+		}
+	}
+	/**
+	* Меняет показанный тост на месте. `timeoutMs` в патче перезапускает таймер
+	* (`0` — снова «навсегда»), поэтому «вечный» loading может стать
+	* самозакрывающимся success.
+	*
+	* Возвращает `false`, если тоста уже нет: пользователь мог закрыть его руками,
+	* и воскрешать его нельзя.
+	*/
+	function update(id, patch) {
+		const toast = state.toasts.find((item) => item.id === id);
+		if (!toast) return false;
+		if (patch.title !== void 0) toast.title = patch.title;
+		if (patch.message !== void 0) toast.message = patch.message;
+		if (patch.tone !== void 0) toast.tone = patch.tone;
+		if (patch.action !== void 0) toast.action = patch.action;
+		if (patch.actions !== void 0) toast.actions = patch.actions;
+		if (patch.timeoutMs !== void 0) toast.timeoutMs = rearmTimer(id, patch.timeoutMs);
+		return true;
+	}
+	/** Перезапускает автозакрытие с нового таймаута; `0` и меньше — «навсегда». */
+	function rearmTimer(id, timeoutMs) {
+		clearTimer(id);
+		const next = timeoutMs > 0 ? timeoutMs : 0;
+		if (next > 0) {
+			const timer = {
+				handle: null,
+				remaining: next,
+				startedAt: now()
+			};
+			state.timers.set(id, timer);
+			armTimer(id, timer);
+		}
+		return next;
+	}
+	/**
+	* Полная замена стадии для `promise()`. В отличие от `update`, поле без
+	* значения очищается: успех не должен донашивать `message` и action-кнопки
+	* загрузки — патч-семантика оставляла бы их в тосте навсегда.
+	*/
+	function applyStage(id, stage) {
+		const toast = state.toasts.find((item) => item.id === id);
+		if (!toast) return;
+		toast.title = stage.title;
+		toast.message = stage.message;
+		toast.tone = stage.tone;
+		toast.action = stage.action;
+		toast.actions = stage.actions;
+		toast.timeoutMs = rearmTimer(id, stage.timeoutMs);
+	}
+	/**
+	* Один тост на весь жизненный цикл промиса: «загружаем» переписывается в
+	* успех или ошибку, а не закрывается ради нового — стек не дёргается.
+	*
+	* Каждая стадия **заменяет** предыдущую целиком: поле, не заданное в
+	* success/error, очищается, а не наследуется от loading.
+	*
+	* Возвращает исходный промис и **не глотает отказ**: тост не заменяет
+	* обработку ошибки, вызывающий по-прежнему обязан её обработать.
+	*/
+	function promise(input, messages) {
+		const id = push({
+			tone: "info",
+			...toToastInput(messages.loading),
+			timeoutMs: 0
+		});
+		input.then((value) => {
+			const stage = resolveMessage(messages.success, value);
+			applyStage(id, {
+				...stage,
+				tone: stage.tone ?? "success",
+				timeoutMs: stage.timeoutMs ?? DEFAULT_TIMEOUT_MS
+			});
+		}, (reason) => {
+			const stage = resolveMessage(messages.error, reason);
+			applyStage(id, {
+				...stage,
+				tone: stage.tone ?? "danger",
+				timeoutMs: stage.timeoutMs ?? DEFAULT_TIMEOUT_MS
+			});
+		});
+		return input;
+	}
 	/** Останавливает отсчёт автозакрытия, сохраняя остаток (идемпотентно). */
 	function pause(id) {
 		const timer = state.timers.get(id);
@@ -108,11 +216,19 @@ function useToast() {
 	return {
 		list,
 		push,
+		update,
+		promise,
 		dismiss,
 		clear,
 		pause,
 		resume
 	};
 }
+function toToastInput(message) {
+	return typeof message === "string" ? { title: message } : message;
+}
+function resolveMessage(message, value) {
+	return toToastInput(typeof message === "function" ? message(value) : message);
+}
 //#endregion
-export { GRANULARITY_TOAST_STATE, granularityToastPlugin, useToast };
+export { GRANULARITY_TOAST_STATE, granularityToastPlugin, resetToastContextWarning, useToast };

package/dist/composables/useToast.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useToast.js","names":[],"sources":["../../src/composables/useToast.ts"],"sourcesContent":["import { computed, getCurrentInstance, inject, reactive } from 'vue'\nimport type { App, InjectionKey } from 'vue'\n\nimport type { GrButtonSize, GrButtonVariant } from '../components/GrButton/grButtonStyles'\nimport type { GrTone } from '../components/shared/tones'\n\nexport type GrToastTone = GrTone\n\n/*\n Опциональная action-кнопка тоста: `label` — текст, `onClick` — обработчик.\n * По клику вызывается `onClick`, затем тост закрывается (если `dismissOnClick`\n * не установлен в `false`). `size`/`variant` настраивают вид кнопки.\n /\nexport type ToastAction = {\n label: string\n onClick: () => void\n /* Закрывать ли тост после клика по действию. По умолчанию `true`. /\n dismissOnClick?: boolean\n /* Размер кнопки действия. По умолчанию `sm`. /\n size?: GrButtonSize\n /* Вариант кнопки действия. По умолчанию `outline`. /\n variant?: GrButtonVariant\n}\n\nexport type ToastInput = {\n title: string\n message?: string\n tone?: GrToastTone\n /\n Автозакрытие через N мс. `0` или отрицательное значение — «навсегда»\n * (до явного вызова `dismiss(id)` / `clear()`). По умолчанию: `3500`.\n /\n timeoutMs?: number\n /* Одна action-кнопка в теле тоста (шорткат для `actions: [action]`). /\n action?: ToastAction\n /* Несколько action-кнопок в теле тоста. Рендерятся после `action`. /\n actions?: ToastAction[]\n}\n\nexport type Toast = {\n id: string\n title: string\n message?: string\n tone: GrToastTone\n /* Исходный таймаут автозакрытия, мс (`0` — без автозакрытия). Нужен для progress-бара. /\n timeoutMs: number\n /* Одна action-кнопка в теле тоста. /\n action?: ToastAction\n /* Несколько action-кнопок в теле тоста. /\n actions?: ToastAction[]\n}\n\nconst DEFAULT_TIMEOUT_MS = 3500\nconst IS_SERVER = typeof window === 'undefined'\n\n// Метаданные таймера автозакрытия с поддержкой pause/resume (WCAG 2.2.1: под\n// курсором/фокусом отсчёт должен останавливаться).\ntype ToastTimer = {\n handle: number \| null\n /* Сколько мс осталось до автозакрытия на момент последней паузы/старта. /\n remaining: number\n /* `performance.now()` момента запуска текущего отрезка (для вычисления остатка). /\n startedAt: number\n}\n\nexport type ToastState = {\n toasts: Toast[]\n timers: Map<string, ToastTimer>\n}\n\nfunction createToastState(): ToastState {\n return {\n toasts: reactive<Toast[]>([]),\n timers: new Map<string, ToastTimer>(),\n }\n}\n\n/* Ключ provide/inject для app-scoped состояния тостов (устанавливает плагин ниже). /\nexport const GRANULARITY_TOAST_STATE: InjectionKey<ToastState> = Symbol.for('@feugene/granularity/toast-state')\n\n/\n Vue-плагин: даёт каждому приложению собственное изолированное состояние тостов\n * через `app.provide`. Обязателен для (а) нескольких Vue-приложений на одной\n * странице (микрофронтенды — иначе делят один стек тостов) и (б) SSR (иначе\n * модульное состояние течёт между запросами).\n \n ```ts\n * app.use(granularityToastPlugin)\n * ```\n /\nexport const granularityToastPlugin = {\n install(app: App) {\n app.provide(GRANULARITY_TOAST_STATE, createToastState())\n },\n}\n\n// Ленивый модульный синглтон — канонический фолбэк для простых SPA без плагина.\nlet moduleToastState: ToastState \| null = null\n\nfunction resolveToastState(): ToastState {\n // App-scoped состояние (provide через плагин) доступно только в setup-контексте.\n if (getCurrentInstance()) {\n const provided = inject(GRANULARITY_TOAST_STATE, null)\n if (provided) return provided\n }\n\n // В SSR модульный фолбэк запрещён: одно mutable-состояние на модуль утекало бы\n // между запросами. Требуем установленный плагин (app.provide).\n if (IS_SERVER) {\n throw new Error(\n '[granularity] useToast requires `app.use(granularityToastPlugin)` during SSR — '\n + 'the module-singleton fallback is disabled server-side to avoid state leaking between requests.',\n )\n }\n\n if (!moduleToastState)\n moduleToastState = createToastState()\n\n return moduleToastState\n}\n\nfunction now(): number {\n return typeof performance !== 'undefined' ? performance.now() : Date.now()\n}\n\nfunction makeId(): string {\n return `${Date.now()}-${Math.random().toString(16).slice(2)}`\n}\n\nexport function useToast() {\n const state = resolveToastState()\n const list = computed(() => state.toasts)\n\n function armTimer(id: string, timer: ToastTimer): void {\n if (timer.remaining <= 0 \|\| typeof window === 'undefined') return\n timer.startedAt = now()\n timer.handle = window.setTimeout(() => {\n state.timers.delete(id)\n dismiss(id)\n }, timer.remaining)\n }\n\n function clearTimer(id: string): void {\n const timer = state.timers.get(id)\n if (timer?.handle != null) {\n clearTimeout(timer.handle)\n timer.handle = null\n }\n state.timers.delete(id)\n }\n\n function push(input: ToastInput): string {\n const id = makeId()\n const timeout = input.timeoutMs ?? DEFAULT_TIMEOUT_MS\n const toast: Toast = {\n id,\n title: input.title,\n message: input.message,\n tone: input.tone ?? 'info',\n timeoutMs: timeout > 0 ? timeout : 0,\n action: input.action,\n actions: input.actions,\n }\n\n state.toasts.unshift(toast)\n\n if (toast.timeoutMs > 0) {\n const timer: ToastTimer = { handle: null, remaining: toast.timeoutMs, startedAt: now() }\n state.timers.set(id, timer)\n armTimer(id, timer)\n }\n\n return id\n }\n\n /* Останавливает отсчёт автозакрытия, сохраняя остаток (идемпотентно). /\n function pause(id: string): void {\n const timer = state.timers.get(id)\n if (!timer \|\| timer.handle == null) return\n\n clearTimeout(timer.handle)\n timer.handle = null\n timer.remaining = Math.max(0, timer.remaining - (now() - timer.startedAt))\n }\n\n /* Возобновляет отсчёт с сохранённого остатка (идемпотентно). */\n function resume(id: string): void {\n const timer = state.timers.get(id)\n if (!timer \|\| timer.handle != null) return\n\n armTimer(id, timer)\n }\n\n function dismiss(id: string): void {\n clearTimer(id)\n const index = state.toasts.findIndex(toast => toast.id === id)\n if (index >= 0)\n state.toasts.splice(index, 1)\n }\n\n function clear(): void {\n for (const id of [...state.timers.keys()]) clearTimer(id)\n state.toasts.splice(0, state.toasts.length)\n }\n\n return {\n list,\n push,\n dismiss,\n clear,\n pause,\n resume,\n }\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"useToast.js","names":[],"sources":["../../src/composables/useToast.ts"],"sourcesContent":["import { computed, hasInjectionContext, inject, reactive } from 'vue'\nimport type { App, InjectionKey } from 'vue'\n\nimport type { GrButtonSize, GrButtonVariant } from '../components/GrButton/grButtonStyles'\nimport type { GrTone } from '../components/shared/tones'\n\nexport type GrToastTone = GrTone\n\n/*\n Опциональная action-кнопка тоста: `label` — текст, `onClick` — обработчик.\n * По клику вызывается `onClick`, затем тост закрывается (если `dismissOnClick`\n * не установлен в `false`). `size`/`variant` настраивают вид кнопки.\n /\nexport type ToastAction = {\n label: string\n onClick: () => void\n /* Закрывать ли тост после клика по действию. По умолчанию `true`. /\n dismissOnClick?: boolean\n /* Размер кнопки действия. По умолчанию `sm`. /\n size?: GrButtonSize\n /* Вариант кнопки действия. По умолчанию `outline`. /\n variant?: GrButtonVariant\n}\n\nexport type ToastInput = {\n title: string\n message?: string\n tone?: GrToastTone\n /\n Автозакрытие через N мс. `0` или отрицательное значение — «навсегда»\n * (до явного вызова `dismiss(id)` / `clear()`). По умолчанию: `3500`.\n /\n timeoutMs?: number\n /* Одна action-кнопка в теле тоста (шорткат для `actions: [action]`). /\n action?: ToastAction\n /* Несколько action-кнопок в теле тоста. Рендерятся после `action`. /\n actions?: ToastAction[]\n}\n\n/\n Сообщения для `promise`. Строка — шорткат для `{ title }`; функция получает\n * результат промиса (или причину отказа), чтобы подставить его в текст.\n /\nexport type ToastPromiseMessages<T> = {\n loading: string \| ToastInput\n success: string \| ToastInput \| ((value: T) => string \| ToastInput)\n error: string \| ToastInput \| ((reason: unknown) => string \| ToastInput)\n}\n\nexport type Toast = {\n id: string\n title: string\n message?: string\n tone: GrToastTone\n /* Исходный таймаут автозакрытия, мс (`0` — без автозакрытия). Нужен для progress-бара. /\n timeoutMs: number\n /* Одна action-кнопка в теле тоста. /\n action?: ToastAction\n /* Несколько action-кнопок в теле тоста. /\n actions?: ToastAction[]\n}\n\nconst DEFAULT_TIMEOUT_MS = 3500\nconst IS_SERVER = typeof window === 'undefined'\n\n// Метаданные таймера автозакрытия с поддержкой pause/resume (WCAG 2.2.1: под\n// курсором/фокусом отсчёт должен останавливаться).\ntype ToastTimer = {\n handle: number \| null\n /* Сколько мс осталось до автозакрытия на момент последней паузы/старта. /\n remaining: number\n /* `performance.now()` момента запуска текущего отрезка (для вычисления остатка). /\n startedAt: number\n}\n\nexport type ToastState = {\n toasts: Toast[]\n timers: Map<string, ToastTimer>\n /* Потолок очереди: сверх него самые старые тосты вытесняются. /\n maxToasts: number\n}\n\n/\n Потолок очереди по умолчанию. `maxVisible` у `GrToaster` режет только видимые,\n * поэтому без него поток событий (переподключение сокета, цикл ошибок) копил бы\n * очередь и вываливал её на пользователя, когда стек освободится.\n /\nconst DEFAULT_MAX_TOASTS = 20\n\nexport type GranularityToastPluginOptions = {\n /* Потолок очереди. По умолчанию `20`. /\n maxToasts?: number\n}\n\nfunction createToastState(maxToasts = DEFAULT_MAX_TOASTS): ToastState {\n return {\n toasts: reactive<Toast[]>([]),\n timers: new Map<string, ToastTimer>(),\n maxToasts: Math.max(1, Math.trunc(maxToasts)),\n }\n}\n\n/* Ключ provide/inject для app-scoped состояния тостов (устанавливает плагин ниже). /\nexport const GRANULARITY_TOAST_STATE: InjectionKey<ToastState> = Symbol.for('@feugene/granularity/toast-state')\n\n/\n Vue-плагин: даёт каждому приложению собственное изолированное состояние тостов\n * через `app.provide`. Обязателен для (а) нескольких Vue-приложений на одной\n * странице (микрофронтенды — иначе делят один стек тостов) и (б) SSR (иначе\n * модульное состояние течёт между запросами).\n \n ```ts\n * app.use(granularityToastPlugin)\n * app.use(granularityToastPlugin, { maxToasts: 50 })\n * ```\n /\n// Где-то на странице установлен плагин: фолбэк в синглтон для такого приложения —\n// почти наверняка ошибка вызова, а не осознанный выбор.\nlet appScopedToastProvided = false\nlet contextFallbackWarned = false\n\nexport const granularityToastPlugin = {\n install(app: App, options: GranularityToastPluginOptions = {}) {\n appScopedToastProvided = true\n app.provide(GRANULARITY_TOAST_STATE, createToastState(options.maxToasts))\n },\n}\n\n// Ленивый модульный синглтон — канонический фолбэк для простых SPA без плагина.\nlet moduleToastState: ToastState \| null = null\n\n/* Сброс dev-предупреждения о фолбэке. Внутреннее API — нужно тестам. /\nexport function resetToastContextWarning(): void {\n contextFallbackWarned = false\n}\n\nfunction resolveToastState(): ToastState {\n // App-scoped состояние (provide через плагин): setup-контекст ИЛИ\n // `app.runWithContext(() => useToast())` — `hasInjectionContext` покрывает оба,\n // поэтому вызов из router guard / интерцептора достаёт состояние приложения.\n if (hasInjectionContext()) {\n const provided = inject(GRANULARITY_TOAST_STATE, null)\n if (provided) return provided\n }\n\n // В SSR модульный фолбэк запрещён: одно mutable-состояние на модуль утекало бы\n // между запросами. Требуем установленный плагин (app.provide).\n if (IS_SERVER) {\n throw new Error(\n '[granularity] useToast requires `app.use(granularityToastPlugin)` during SSR — '\n + 'the module-singleton fallback is disabled server-side to avoid state leaking between requests.',\n )\n }\n\n // Дедуп и текст — инлайном под dev-гардом: бандлер потребителя сворачивает\n // условие в `false` и выкидывает сообщение из продакшн-сборки.\n if (\n appScopedToastProvided && !contextFallbackWarned\n && typeof process !== 'undefined' && process.env.NODE_ENV !== 'production'\n ) {\n contextFallbackWarned = true\n console.warn(\n '[granularity] useToast() вызван вне setup/inject-контекста: app-scoped состояние '\n + 'granularityToastPlugin недоступно, использован модульный синглтон — эти тосты не попадут '\n + 'в GrToaster приложения. Оберните вызов: app.runWithContext(() => useToast()).',\n )\n }\n\n if (!moduleToastState)\n moduleToastState = createToastState()\n\n return moduleToastState\n}\n\nfunction now(): number {\n return typeof performance !== 'undefined' ? performance.now() : Date.now()\n}\n\nfunction makeId(): string {\n return `${Date.now()}-${Math.random().toString(16).slice(2)}`\n}\n\nexport function useToast() {\n const state = resolveToastState()\n const list = computed(() => state.toasts)\n\n function armTimer(id: string, timer: ToastTimer): void {\n if (timer.remaining <= 0 \|\| typeof window === 'undefined') return\n timer.startedAt = now()\n timer.handle = window.setTimeout(() => {\n state.timers.delete(id)\n dismiss(id)\n }, timer.remaining)\n }\n\n function clearTimer(id: string): void {\n const timer = state.timers.get(id)\n if (timer?.handle != null) {\n clearTimeout(timer.handle)\n timer.handle = null\n }\n state.timers.delete(id)\n }\n\n function push(input: ToastInput): string {\n const id = makeId()\n const timeout = input.timeoutMs ?? DEFAULT_TIMEOUT_MS\n const toast: Toast = {\n id,\n title: input.title,\n message: input.message,\n tone: input.tone ?? 'info',\n timeoutMs: timeout > 0 ? timeout : 0,\n action: input.action,\n actions: input.actions,\n }\n\n state.toasts.unshift(toast)\n trimQueue()\n\n if (toast.timeoutMs > 0) {\n const timer: ToastTimer = { handle: null, remaining: toast.timeoutMs, startedAt: now() }\n state.timers.set(id, timer)\n armTimer(id, timer)\n }\n\n return id\n }\n\n // Вытесняем с хвоста — там самые старые: при потоке событий устаревшее\n // уведомление менее ценно, чем свежее. Таймеры снимаем, иначе остались бы\n // висящие `setTimeout` на тосты, которых больше нет.\n //\n // Это флуд-защита уровня состояния, а не очередь показа (`GrToaster` держит\n // видимыми старейших): при переполнении потолка вытеснен может быть и тост,\n // который сейчас на экране, — осознанный компромисс.\n function trimQueue(): void {\n while (state.toasts.length > state.maxToasts) {\n const dropped = state.toasts.pop()\n if (dropped)\n clearTimer(dropped.id)\n }\n }\n\n /\n Меняет показанный тост на месте. `timeoutMs` в патче перезапускает таймер\n * (`0` — снова «навсегда»), поэтому «вечный» loading может стать\n * самозакрывающимся success.\n \n Возвращает `false`, если тоста уже нет: пользователь мог закрыть его руками,\n * и воскрешать его нельзя.\n /\n function update(id: string, patch: Partial<ToastInput>): boolean {\n const toast = state.toasts.find(item => item.id === id)\n if (!toast) return false\n\n if (patch.title !== undefined) toast.title = patch.title\n if (patch.message !== undefined) toast.message = patch.message\n if (patch.tone !== undefined) toast.tone = patch.tone\n if (patch.action !== undefined) toast.action = patch.action\n if (patch.actions !== undefined) toast.actions = patch.actions\n\n if (patch.timeoutMs !== undefined)\n toast.timeoutMs = rearmTimer(id, patch.timeoutMs)\n\n return true\n }\n\n /* Перезапускает автозакрытие с нового таймаута; `0` и меньше — «навсегда». /\n function rearmTimer(id: string, timeoutMs: number): number {\n clearTimer(id)\n const next = timeoutMs > 0 ? timeoutMs : 0\n\n if (next > 0) {\n const timer: ToastTimer = { handle: null, remaining: next, startedAt: now() }\n state.timers.set(id, timer)\n armTimer(id, timer)\n }\n\n return next\n }\n\n /\n Полная замена стадии для `promise()`. В отличие от `update`, поле без\n * значения очищается: успех не должен донашивать `message` и action-кнопки\n * загрузки — патч-семантика оставляла бы их в тосте навсегда.\n /\n function applyStage(id: string, stage: ToastInput & { tone: GrToastTone, timeoutMs: number }): void {\n const toast = state.toasts.find(item => item.id === id)\n if (!toast) return\n\n toast.title = stage.title\n toast.message = stage.message\n toast.tone = stage.tone\n toast.action = stage.action\n toast.actions = stage.actions\n toast.timeoutMs = rearmTimer(id, stage.timeoutMs)\n }\n\n /\n Один тост на весь жизненный цикл промиса: «загружаем» переписывается в\n * успех или ошибку, а не закрывается ради нового — стек не дёргается.\n \n Каждая стадия заменяет предыдущую целиком: поле, не заданное в\n * success/error, очищается, а не наследуется от loading.\n \n Возвращает исходный промис и не глотает отказ: тост не заменяет\n * обработку ошибки, вызывающий по-прежнему обязан её обработать.\n /\n function promise<T>(input: Promise<T>, messages: ToastPromiseMessages<T>): Promise<T> {\n const id = push({ tone: 'info', ...toToastInput(messages.loading), timeoutMs: 0 })\n\n input.then(\n (value) => {\n const stage = resolveMessage(messages.success, value)\n applyStage(id, { ...stage, tone: stage.tone ?? 'success', timeoutMs: stage.timeoutMs ?? DEFAULT_TIMEOUT_MS })\n },\n (reason: unknown) => {\n const stage = resolveMessage(messages.error, reason)\n applyStage(id, { ...stage, tone: stage.tone ?? 'danger', timeoutMs: stage.timeoutMs ?? DEFAULT_TIMEOUT_MS })\n },\n )\n\n return input\n }\n\n /* Останавливает отсчёт автозакрытия, сохраняя остаток (идемпотентно). /\n function pause(id: string): void {\n const timer = state.timers.get(id)\n if (!timer \|\| timer.handle == null) return\n\n clearTimeout(timer.handle)\n timer.handle = null\n timer.remaining = Math.max(0, timer.remaining - (now() - timer.startedAt))\n }\n\n /* Возобновляет отсчёт с сохранённого остатка (идемпотентно). */\n function resume(id: string): void {\n const timer = state.timers.get(id)\n if (!timer \|\| timer.handle != null) return\n\n armTimer(id, timer)\n }\n\n function dismiss(id: string): void {\n clearTimer(id)\n const index = state.toasts.findIndex(toast => toast.id === id)\n if (index >= 0)\n state.toasts.splice(index, 1)\n }\n\n function clear(): void {\n for (const id of [...state.timers.keys()]) clearTimer(id)\n state.toasts.splice(0, state.toasts.length)\n }\n\n return {\n list,\n push,\n update,\n promise,\n dismiss,\n clear,\n pause,\n resume,\n }\n}\n\nfunction toToastInput(message: string \| ToastInput): ToastInput {\n return typeof message === 'string' ? { title: message } : message\n}\n\nfunction resolveMessage<T>(\n message: string \| ToastInput \| ((value: T) => string \| ToastInput),\n value: T,\n): ToastInput {\n return toToastInput(typeof message === 'function' ? message(value) : message)\n}\n"],"mappings":"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"}