@pravosleva/reactive-engine 1.3.2-beta → 1.4.2-beta
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.
- package/README.md +1 -1
- package/dist/angular/ReactiveEngine4Angular.cjs +1 -1
- package/dist/angular/ReactiveEngine4Angular.cjs.map +1 -1
- package/dist/angular/ReactiveEngine4Angular.d.ts +1 -0
- package/dist/angular/ReactiveEngine4Angular.d.ts.map +1 -1
- package/dist/angular/ReactiveEngine4Angular.mjs +4 -2
- package/dist/angular/ReactiveEngine4Angular.mjs.map +1 -1
- package/dist/angular/rxjs-interop.d.ts +21 -0
- package/dist/angular/rxjs-interop.d.ts.map +1 -0
- package/dist/core/core.d.ts +143 -6
- package/dist/core/core.d.ts.map +1 -1
- package/dist/core.cjs +1 -1
- package/dist/core.cjs.map +1 -1
- package/dist/core.mjs +177 -33
- package/dist/core.mjs.map +1 -1
- package/dist/decorators/index.d.ts +1 -0
- package/dist/decorators/index.d.ts.map +1 -1
- package/dist/decorators/withThrottleComputed/_withThrottleComputed.d.ts +22 -0
- package/dist/decorators/withThrottleComputed/_withThrottleComputed.d.ts.map +1 -0
- package/dist/decorators/withThrottleComputed/index.d.ts +2 -0
- package/dist/decorators/withThrottleComputed/index.d.ts.map +1 -0
- package/dist/decorators/withThrottleComputed/withThrottleComputed.d.ts +11 -0
- package/dist/decorators/withThrottleComputed/withThrottleComputed.d.ts.map +1 -0
- package/dist/decorators/withThrottleComputed/withThrottleComputed.test.d.ts +2 -0
- package/dist/decorators/withThrottleComputed/withThrottleComputed.test.d.ts.map +1 -0
- package/dist/react/ReactiveEngine4React.cjs +1 -1
- package/dist/react/ReactiveEngine4React.cjs.map +1 -1
- package/dist/react/ReactiveEngine4React.d.ts +1 -0
- package/dist/react/ReactiveEngine4React.d.ts.map +1 -1
- package/dist/react/ReactiveEngine4React.mjs +1 -0
- package/dist/react/ReactiveEngine4React.mjs.map +1 -1
- package/dist/react/hooks/useReactiveSubscription/useReactiveSubscription.cjs +1 -1
- package/dist/react/hooks/useReactiveSubscription/useReactiveSubscription.cjs.map +1 -1
- package/dist/react/hooks/useReactiveSubscription/useReactiveSubscription.d.ts +5 -2
- package/dist/react/hooks/useReactiveSubscription/useReactiveSubscription.d.ts.map +1 -1
- package/dist/react/hooks/useReactiveSubscription/useReactiveSubscription.mjs +10 -6
- package/dist/react/hooks/useReactiveSubscription/useReactiveSubscription.mjs.map +1 -1
- package/dist/utils/getExtractedValues.cjs +1 -1
- package/dist/utils/getExtractedValues.cjs.map +1 -1
- package/dist/utils/getExtractedValues.d.ts.map +1 -1
- package/dist/utils/getExtractedValues.mjs +4 -1
- package/dist/utils/getExtractedValues.mjs.map +1 -1
- package/dist/vue/ReactiveEngine4Vue.cjs.map +1 -1
- package/dist/vue/ReactiveEngine4Vue.d.ts +1 -0
- package/dist/vue/ReactiveEngine4Vue.d.ts.map +1 -1
- package/dist/vue/ReactiveEngine4Vue.mjs.map +1 -1
- package/package.json +1 -1
package/dist/core.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"core.cjs","names":[],"sources":["../src/core/core.ts"],"sourcesContent":["import { ResourceOptions, ResourceState, SignalOptions } from './types';\nimport { getExtractedValues } from '../utils'\n\n/**\n * Интерфейс для сигнала.\n * @template T\n * @interface Signal<T>\n */\nexport interface Signal<T> {\n /**\n * Значение сигнала.\n * @type {T}\n */\n value: T;\n\n /**\n * Подписка на изменение значения сигнала.\n * @function subscribe\n * @param {Function} cb - Коллбек функция для обработки изменения.\n * @returns {CleanupFn} - Функция для очистки подписки.\n */\n subscribe: (cb: (val: T) => void) => CleanupFn;\n}\n\nexport type CleanupFn = () => void;\nexport type EffectFn = () => CleanupFn | void;\nexport type Token<T> = string | symbol | { new(engine: ReactiveEngine, ...args: any[]): T };\nexport type Factory<T> = (engine: ReactiveEngine) => T;\n\n/**\n * Интерфейс для вычисляемого значения.\n * @template T\n * @interface Computed<T>\n */\nexport interface Computed<T> {\n /**\n * Только читаемое значение вычисляемого значения.\n * @type {T}\n */\n readonly value: T;\n\n /**\n * Подписка на изменение вычисляемого значения.\n * @function subscribe\n * @param {Function} cb - Коллбек функция для обработки изменения.\n * @returns {CleanupFn} - Функция для очистки подписки.\n */\n subscribe: (cb: (val: T) => void) => CleanupFn;\n\n /**\n * Принудительное уничтожение вычисляемого значения и его эффекта для предотвращения утечек памяти.\n */\n destroy: () => void;\n}\n\n/**\n * Интерфейс для эффекта.\n * @interface IEffect\n */\nexport interface IEffect {\n run: () => void;\n label?: string;\n cleanups: Set<CleanupFn>;\n}\n\n/**\n * Интерфейс для ресурса.\n * @template T\n * @interface Resource<T>\n */\nexport interface Resource<T> extends ResourceState<T> {\n /**\n * Перезагрузка ресурса.\n * @function refetch\n * @returns {void}\n */\n refetch: () => void;\n\n /**\n * Подписка на изменение состояния ресурса.\n * @function subscribe\n * @param {Function} cb - Коллбек функция для обработки изменения.\n * @returns {CleanupFn} - Функция для очистки подписки.\n */\n subscribe: (cb: (val: ResourceState<T>) => void) => CleanupFn;\n\n /**\n * Только читаемое состояние ресурса.\n * @type {ResourceState<T>}\n */\n readonly value: ResourceState<T>;\n}\n\n// --- ЯДРО ---\n/**\n * Класс `ReactiveEngine` представляет собой реактивную систему, которая позволяет создавать и управлять реактивными объектами,\n * сигналами, эффектами, асинхронными ресурсами и другими реактивными примитивами. Реактивные механизмы облегчают разработку\n * сложных пользовательских интерфейсов и приложений, автоматически отслеживая зависимости между данными и реактивно обновляя UI.\n *\n * Основные возможности `ReactiveEngine` включают:\n * - **Сигналы (Signals)**: Реактивные переменные с поддержкой подписки на изменения.\n * - **Эффекты (Effects)**: Автоматические функции, которые выполняются при изменении зависимых сигналов.\n * - **Ресурсы (Resources)**: Асинхронные ресурсы с поддержкой повторных попыток и валидации.\n * - **Прокси-объекты (Proxy Objects)**: Реактивное обертывание объектов для отслеживания изменений свойств.\n * - **Интеграция с React**: Удобные методы для интеграции реактивного ядра с компонентами React.\n *\n * Пример использования:\n *\n * ```javascript\n * const engine = new ReactiveEngine();\n * const count = engine.signal(0);\n *\n * engine.effect(() => {\n * console.log(`Count is ${count.value}`);\n * });\n *\n * count.value++; // Выведет: Count is 1\n * ```\n *\n * @class\n */\nexport class ReactiveEngine {\n private activeEffect: IEffect | null = null;\n private isBatching = false;\n private pendingEffects = new Set<IEffect>();\n\n // В контейнерах DI вместо any используем unknown. Это заставит методы inject/provide\n // явно приводить типы через дженерики <T>, защищая от рантайм-ошибок.\n private services = new Map<Token<unknown>, unknown>();\n private factories = new Map<Token<unknown>, Factory<unknown>>();\n\n // Объект-ключ мапится на объект-прокси. Здесь идеально подходит тип object.\n private proxyCache = new WeakMap<object, object>();\n private allEffects = new Set<IEffect>();\n\n /**\n * Коллбек для уведомления об изменении сигнала.\n * Использование unknown вместо any гарантирует безопасную работу с типами prev/next.\n */\n public onSignalChange?: (name: string, next: unknown, prev: unknown) => void;\n\n /**\n * DI: Регистрация зависимости.\n * @template T\n * @function provide\n * @param {Token<T>} token - Токен для зависимости.\n * @param {T | Factory<T>} valueOrFactory - Значение или фабрика для создания сервиса.\n * @returns {void}\n * @source\n */\n public provide<T>(token: Token<T>, valueOrFactory: T | Factory<T>): void {\n if (typeof valueOrFactory === 'function' && !valueOrFactory.prototype) {\n this.factories.set(token, valueOrFactory as Factory<T>);\n } else {\n this.services.set(token, valueOrFactory);\n }\n }\n\n /**\n * DI: Инъекция; Получение сервиса по токену.\n * @template T\n * @function inject\n * @param {Token<T>} token - Токен для зависимости.\n * @returns {T} - Сервис.\n * @source\n */\n public inject<T>(token: Token<T>): T {\n if (!token) {\n throw new Error(`[DI Error]: Вы пытаетесь внедрить пустой токен (undefined/null). Проверьте импорты.`);\n }\n\n // Приводим токен к базовому типу Token<unknown> для совместимости с Map\n const targetToken = token as Token<unknown>;\n\n if (this.services.has(targetToken)) {\n return this.services.get(targetToken) as T;\n }\n\n try {\n const factory = this.factories.get(targetToken);\n if (factory) {\n const instance = factory(this) as T;\n this.services.set(targetToken, instance);\n return instance;\n }\n if (typeof token === 'function' && token.prototype) {\n const instance = new (token as { new(eng: ReactiveEngine): T })(this);\n this.services.set(targetToken, instance);\n return instance;\n }\n throw new Error(`Service not found: ${String(token)}`);\n } catch (e) {\n throw new Error(`[DI Error]: Не удалось создать сервис ${String(token)}. Ошибка: ${(e as Error)?.message || 'No e?.message'}`);\n }\n }\n\n /**\n * Создание сигнала.\n * @template T\n * @function signal\n * @param {T} initialValue - Начальное значение сигнала.\n * @param {string | SignalOptions<T>} [optionsOrName] - Имя или опции сигнала.\n * @returns {Signal<T>} - Сигнал.\n * @source\n */\n public signal<T>(initialValue: T, optionsOrName?: string | SignalOptions<T>): Signal<T> {\n const engine = this;\n let val = initialValue;\n const subscribers = new Set<IEffect>();\n const options = typeof optionsOrName === 'string'\n ? { name: optionsOrName }\n : optionsOrName || {};\n const name = options.name || 'unnamed_signal';\n\n return {\n get value(): T {\n if (engine.activeEffect) subscribers.add(engine.activeEffect);\n return val;\n },\n set value(newValue: T) {\n if (val === newValue) return;\n\n // ВАЛИДАЦИЯ В RUNTIME\n if (options.validate) {\n const result = options.validate(newValue);\n if (result === false || typeof result === 'string') {\n const errorMsg = typeof result === 'string'\n ? result\n : `[Validation Error]: Некорректное значение для сигнала \"${name}\"`;\n\n console.error(`%c${errorMsg}`, \"color: orange; font-weight: bold;\", {\n received: newValue,\n current: val\n });\n return; // Прерываем обновление, если данные не валидны\n }\n }\n\n const old = val;\n val = newValue;\n engine.onSignalChange?.(name, newValue, old);\n\n // 1. Всегда добавляем подписчиков в очередь отложенных эффектов\n subscribers.forEach(e => engine.pendingEffects.add(e));\n\n // 2. Если очередь еще не запущена, планируем её автоматическое выполнение в микрозадачу\n if (!engine.isBatching) {\n engine.isBatching = true;\n\n queueMicrotask(() => {\n const effects = Array.from(engine.pendingEffects);\n engine.pendingEffects.clear();\n engine.isBatching = false;\n\n // Запускаем все накопившиеся эффекты и ререндеры за один раз\n effects.forEach(e => e.run());\n });\n }\n },\n subscribe(cb: (val: T) => void) {\n // Чистая и безопасная подписка для React:\n // Мы вызываем cb, но НЕ передаем туда аргументы, чтобы не ломать useSyncExternalStore\n return engine.effect(() => {\n cb(this.value);\n });\n }\n };\n }\n\n /**\n * Создание эффекта.\n * @function effect\n * @param {EffectFn} fn - Функция эффекта.\n * @param {string} [label] - Необязательная метка для логирования и отладки.\n * @returns {CleanupFn} - Функция для очистки эффекта.\n * @source\n */\n public effect(fn: EffectFn, label?: string): CleanupFn {\n const engine = this;\n const effectObj: IEffect = {\n label, // Запоминаем имя эффекта для профайлера/логов\n cleanups: new Set(),\n run() {\n this.cleanups.forEach(c => c());\n this.cleanups.clear();\n const prev = engine.activeEffect;\n engine.activeEffect = this;\n engine.safeRun(this, () => {\n const cleanup = fn();\n if (typeof cleanup === 'function') this.cleanups.add(cleanup);\n });\n engine.activeEffect = prev;\n }\n };\n this.allEffects.add(effectObj);\n effectObj.run();\n\n return () => {\n effectObj.cleanups.forEach(c => c());\n engine.pendingEffects.delete(effectObj);\n engine.allEffects.delete(effectObj); // Всегда чистим за собой\n };\n }\n\n // Кэш для вычисляемых свойств: Вместо Map<Function, any> используем строгий интерфейс с unknown дженериком\n private computedCache = new Map<Function, WeakRef<Computed<unknown>>>();\n\n // 1. Создаем реестр финализации под капотом движка.\n // В качестве токена очистки передаем функцию, которую нужно выполнить.\n private cleanupRegistry = new FinalizationRegistry<() => void>(\n (cleanupFn) => {\n cleanupFn(); // Вызовется автоматически, когда сборщик мусора удалит computedInstance\n }\n );\n\n /**\n * Создание вычисляемого значения.\n * @template T\n * @function computed\n * @param {Function} fn - Функция для вычисления значения.\n * @param {string} [signalName] - Имя сигнала.\n * @returns {Computed<T>} - Вычисляемое значение с методом destroy.\n * @source\n */\n public computed<T>(fn: () => T, signalName?: string): Computed<T> {\n // 1. Проверяем кэш. Если WeakRef существует и объект внутри него еще не удален GC:\n if (this.computedCache.has(fn)) {\n const cachedRef = this.computedCache.get(fn);\n const cachedInstance = cachedRef?.deref();\n if (cachedInstance) {\n return cachedInstance as Computed<T>;\n }\n }\n\n const engine = this;\n const sig = this.signal<T>(undefined as unknown as T, signalName || 'unnamed_computed');\n\n const unsubscribeEffect = this.effect(() => {\n const newValue = fn();\n sig.value = newValue;\n });\n\n const effectObj = Array.from(this.allEffects)[this.allEffects.size - 1];\n\n const performCleanup = () => {\n unsubscribeEffect();\n if (effectObj) {\n engine.allEffects.delete(effectObj);\n }\n engine.computedCache.delete(fn);\n };\n\n // Создаем инстанс computed\n const computedInstance: Computed<T> = {\n get value() { return sig.value; },\n subscribe: (cb: (val: T) => void) => sig.subscribe(cb),\n destroy() {\n performCleanup();\n }\n };\n\n this.cleanupRegistry.register(computedInstance, performCleanup);\n\n // 2. Сохраняем в кэш СЛАБУЮ ССЫЛКУ (WeakRef) на наш объект.\n // Теперь этот кэш больше НЕ будет удерживать объект в памяти насильно!\n this.computedCache.set(fn, new WeakRef(computedInstance as Computed<unknown>));\n\n return computedInstance;\n }\n\n /**\n * Создание реактивного объекта (Proxy).\n * @template T\n * @function reactive\n * @param {T} target - Целевой объект для проксирования.\n * @param {string} [name] - Имя проксируемого объекта.\n * @returns {T} - Реактивный объект.\n * @source\n */\n public reactive<T extends object>(target: T, name: string = 'reactive'): T {\n if (this.proxyCache.has(target)) {\n return this.proxyCache.get(target) as T;\n }\n const engine = this;\n const propsSubscribers = new Map<string | symbol, Set<IEffect>>();\n\n const proxy = new Proxy(target, {\n get(obj, prop, receiver) {\n if (engine.activeEffect) {\n if (!propsSubscribers.has(prop)) propsSubscribers.set(prop, new Set());\n propsSubscribers.get(prop)!.add(engine.activeEffect);\n }\n const value = Reflect.get(obj, prop, receiver);\n return (value !== null && typeof value === 'object')\n ? engine.reactive(value, `${name}.${String(prop)}`)\n : value;\n },\n set(obj, prop, value, receiver) {\n const old = Reflect.get(obj, prop, receiver);\n // ПРОВЕРКА НА ИДЕНТИЧНОСТЬ\n if (old === value) return true;\n\n if (old !== value) {\n Reflect.set(obj, prop, value, receiver);\n engine.onSignalChange?.(`${name}.${String(prop)}`, value, old);\n propsSubscribers.get(prop)?.forEach(e =>\n engine.isBatching ? engine.pendingEffects.add(e) : e.run()\n );\n }\n return true;\n }\n });\n this.proxyCache.set(target, proxy);\n return proxy;\n }\n\n /**\n * Группировка изменений. (Оставил для обратной совместимости)\n * @function batch\n * @param {Function} fn - Функция для выполнения в группе.\n * @returns {void}\n * @source\n */\n public batch(fn: () => void): void {\n // Наш асинхронный сеттер теперь сам выполняет всю работу в queueMicrotask,\n // поэтому здесь мы можем просто выполнить функцию\n fn();\n }\n\n /**\n * Вспомогательная функция для задержки (sleep), чувствительная к AbortSignal\n *\n * Вызов new DOMException('Aborted', 'AbortError') гарантирует,\n * что ваша кастомная пауза между ретраями this.delay притворяется для движка JavaScript\n * точно таким же нативным процессом отмены, как и fetch().\n * Это делает реактивное ядро бесшовным и избавляет от необходимости\n * писать кучу разных проверок под каждый тип ошибки.\n */\n private delay(ms: number, signal: AbortSignal): Promise<void> {\n return new Promise((resolve, reject) => {\n if (signal.aborted) {\n return reject(new DOMException('Aborted', 'AbortError'));\n }\n\n const timeoutId = setTimeout(() => {\n signal.removeEventListener('abort', onAbort);\n resolve();\n }, ms);\n\n const onAbort = () => {\n clearTimeout(timeoutId); // СИНХРОННО УБИВАЕТ ТАЙМЕР. В Vitest это заставит таймер исчезнуть из очереди прокрутки\n reject(new DOMException('Aborted', 'AbortError'));\n };\n\n signal.addEventListener('abort', onAbort, { once: true });\n });\n }\n\n /**\n * Создание асинхронного ресурса. Типы на входе: <T - формат ответа, S - источник изменений (сигнал либо computed-кортеж из зачений сигналов через конструкцию `.value`)>\n *\n * Explained 👉 {@link https://github.com/garage-13/reactive-engine/blob/main/README_EN.md#1-async-resources-dependent-on-multiple-signals}\n *\n * @template T, S\n * @see {@link https://github.com/garage-13/reactive-engine/blob/main/examples/200-resource/Example200.tsx Реализация базового компонента Example200}\n * @see {@link https://github.com/garage-13/reactive-engine/blob/main/examples/201-multi-resource/service.secondary.ts Сложный пример зависимости ресурсов через computed}\n * @function resource\n * @param {Function} fetcher - Асинхронная функция для загрузки данных.\n * @param {{ value: S }} [source] - Источник данных.\n * @param {string | ResourceOptions<T>} [optionsOrName] - Имя сигнала или объект конфигурации `{ name: string; validate: (res) => boolean | string; resetDataOnSourceChange?: boolean }`.\n * @returns {Resource<T>} - Асинхронный ресурс.\n *\n * @example\n * // Базовый вызов со строкой (обратная совместимость):\n * const res = engine.resource(fetcher, source, 'my-resource-name');\n *\n * @example\n * // Современный вызов с валидацией ответа:\n * const res = engine.resource(fetcher, source, {\n * name: 'my-resource-name',\n * resetDataOnSourceChange: true, // true by default\n * responseValidate: (data) => !!data || 'Данные пусты', // Проверяйте формат в соотв. с дженериком\n * });\n *\n * @example\n * // (Экспериментальная фича)\n * // В теле fetcher можно выкинуть ошибку в виде\n * // `throw new Error('[THROW_CUSTOM_VALIDATION_ERROR_NO_RETRY=1][MESSAGE=Your msg]')`\n * // Причина: Особенности внутренней реализации определения харакрера ошибки и необходимость делать retry (если такая опция передана)\n * // Рекомендуем вместо этого использовать `validateBeforeFetch` в опциях при создании ресурса.\n * const res = engine.resource(\n * async (counterValue, abortSignal) => {\n * if (counterValue === 0)\n * throw new Error([\n * '[THROW_CUSTOM_VALIDATION_ERROR_NO_RETRY=1]', // Иначе запустится механизм retry (напр. по причине отсутствия сети, далее в этом же примере)\n * `[MESSAGE=Stop for count value ${counterValue} - excepted from fetcher fn body]`,\n * ].join(' '))\n * const res = await fetch(\n * [\n * `${BASE_API_URL}/profile/search`,\n * '?',\n * [\n * `counter=${counterValue}`,\n * '_responseDelay=2000',\n * ].join('&')\n * ].join(''),\n * { signal: abortSignal }\n * )\n * if (!res.ok) throw new Error(`HTTP error! status: ${res.status}`)\n * return res.json()\n * },\n * this.counter,\n * )\n * @source\n */\n public resource<T, S = void>(\n fetcher: (source: S, signal: AbortSignal) => Promise<T>,\n source?: { value: S },\n optionsOrName?: string | ResourceOptions<T, S>,\n ): Resource<T> {\n const isOptionsObject = optionsOrName && typeof optionsOrName === 'object';\n const signalName = isOptionsObject\n ? (optionsOrName as ResourceOptions<T, S>).name\n : (optionsOrName as string) || 'unnamed_resource';\n\n const options: Partial<ResourceOptions<T, S>> = isOptionsObject\n ? (optionsOrName as ResourceOptions<T, S>)\n : {};\n\n const resetDataOnSourceChange = options.resetDataOnSourceChange ?? true;\n const responseValidate = options.responseValidate;\n const validateBeforeFetch = options.validateBeforeFetch;\n\n const retryCount = options.retryCount ?? 0;\n const baseDelay = options.retryDelay ?? 1000;\n const useExponential = options.isExponentialBackoffEnabled ?? false;\n const maxRetryDelay = options.maxRetryDelay ?? 30000;\n const timeoutMs = options.timeout;\n\n const state = this.signal<ResourceState<T>>(\n { data: null, loading: true, error: null, isRetrying: false },\n signalName\n );\n\n const load = async (sValue: S, effectSignal: AbortSignal, isSourceChange = false) => {\n if (effectSignal.aborted) return;\n\n if (validateBeforeFetch) {\n const preValidationResult = validateBeforeFetch(sValue);\n if (preValidationResult === false || typeof preValidationResult === 'string') {\n if (effectSignal.aborted) return;\n const errorMsg = typeof preValidationResult === 'string'\n ? preValidationResult\n : 'Pre-fetch validation failed for resource';\n\n // При ручном refetch (не смена source) сохраняем старые данные, а не зануляем\n const currentData = isSourceChange ? null : this.untrack(() => state.value.data);\n state.value = { data: currentData, loading: false, error: new Error(errorMsg), isRetrying: false };\n return;\n }\n }\n\n const shouldClear = isSourceChange && resetDataOnSourceChange;\n const currentData = shouldClear ? null : this.untrack(() => state.value.data);\n\n state.value = { data: currentData, loading: true, error: null, isRetrying: false };\n\n for (let attempt = 0; attempt <= retryCount; attempt++) {\n if (effectSignal.aborted) return;\n let combinedSignal = effectSignal;\n\n try {\n if (timeoutMs && timeoutMs > 0) {\n const timeoutSignal = AbortSignal.timeout(timeoutMs);\n combinedSignal = AbortSignal.any([effectSignal, timeoutSignal]);\n }\n\n const data = await fetcher(sValue, combinedSignal);\n\n if (effectSignal.aborted) return;\n\n if (combinedSignal.aborted) {\n throw new DOMException('The operation timed out.', 'TimeoutError');\n }\n\n if (responseValidate) {\n const validationResult = responseValidate(data);\n if (validationResult === false || typeof validationResult === 'string') {\n if (effectSignal.aborted) return;\n const errorMsg = typeof validationResult === 'string' ? validationResult : 'Validation failed';\n state.value = { data: null, loading: false, error: new Error(errorMsg), isRetrying: false };\n return;\n }\n }\n\n if (effectSignal.aborted) return;\n\n state.value = { data, loading: false, error: null, isRetrying: false };\n return;\n } catch (e: any) {\n // ЖЕСТКИЙ ВЫХОД: Если внешняя область (эффект или новый refetch) сделала abort,\n // мы НЕМЕДЛЕННО прекращаем выполнение и ничего не пишем в стейт.\n if (effectSignal.aborted || (e.name === 'AbortError' && effectSignal.aborted)) return;\n\n const isTimeout = e.name === 'TimeoutError' || e.name === 'AbortError' || e.message?.includes('timeout');\n\n const isCustomValidationError = getExtractedValues({\n tested: [e.message], expectedKey: 'THROW_CUSTOM_VALIDATION_ERROR_NO_RETRY', valueType: 'number',\n })?.[0] === '1' || false\n\n const __defaultCustomValidationErrorMessage = 'Custom validation error';\n let customValidationErrorMessage: string = isCustomValidationError\n ? (getExtractedValues({\n tested: [e.message], expectedKey: 'MESSAGE', valueType: 'string',\n })?.[0] || __defaultCustomValidationErrorMessage)\n : __defaultCustomValidationErrorMessage;\n\n const isFetchBodyValidationError = isCustomValidationError || e.name === 'ValidationError';\n\n if (attempt === retryCount || isFetchBodyValidationError) {\n if (effectSignal.aborted) return;\n\n const finalError = isTimeout\n ? new Error(`Request timed out after ${timeoutMs}ms`, { cause: e })\n : isCustomValidationError\n ? new Error(customValidationErrorMessage, { cause: e })\n : e;\n\n state.value = { data: null, loading: false, error: finalError, isRetrying: false };\n return;\n } else {\n if (effectSignal.aborted) return;\n\n let currentDelay = useExponential ? baseDelay * Math.pow(2, attempt) : baseDelay;\n currentDelay = Math.min(currentDelay, maxRetryDelay);\n const jitter = Math.random() * 200;\n currentDelay = currentDelay + jitter;\n\n // Безопасно обновляем статус ретрая, только если сигнал живой\n state.value = { data: state.value.data, loading: true, error: null, isRetrying: true };\n\n const logReason = isTimeout ? 'таймауту' : 'ошибке сети';\n console.warn(`[Resource Retry] \"${signalName}\" сбой по ${logReason}. Попытка ${attempt + 1}/${retryCount + 1}...`);\n\n try {\n await this.delay(currentDelay, effectSignal);\n if (effectSignal.aborted) return;\n } catch (delayError) {\n return;\n }\n }\n }\n }\n };\n\n let activeEffectController: AbortController | null = null;\n\n this.effect(() => {\n const sValue = source ? source.value : undefined as S;\n const effectController = new AbortController();\n activeEffectController = effectController;\n\n this.untrack(() => {\n load(sValue as S, effectController.signal, true);\n });\n\n return () => effectController.abort();\n });\n\n return {\n get data() { return state.value.data; },\n get loading() { return state.value.loading; },\n get error() { return state.value.error; },\n get isRetrying() { return state.value.isRetrying; },\n get value() { return state.value; },\n refetch: () => {\n activeEffectController?.abort();\n activeEffectController = new AbortController();\n load(source ? source.value : undefined as S, activeEffectController.signal, false);\n },\n subscribe: (cb: (val: ResourceState<T>) => void) => state.subscribe(cb)\n };\n }\n\n /**\n * Выполняет функцию без отслеживания зависимостей.\n * @template T\n * @function untrack\n * @param {Function} fn - Функция для выполнения.\n * @returns {T} - Результат выполнения функции.\n * @source\n */\n public untrack<T>(fn: () => T): T {\n const prev = this.activeEffect;\n this.activeEffect = null; // Временно \"забываем\" про активный эффект\n try {\n return fn();\n } finally {\n this.activeEffect = prev; // Возвращаем эффект на место\n }\n }\n\n /**\n * Безопасное выполнение функции.\n * @private\n * @function safeRun\n * @param {IEffect} effect - Эффект.\n * @param {Function} fn - Функция для выполнения.\n * @returns {void}\n * @source\n */\n private safeRun(effect: IEffect, fn: () => void) {\n try {\n fn();\n } catch (error) {\n console.error(\n `%c[Reactive Error] %cОшибка в эффекте/computed:`,\n \"color: white; background: red; padding: 2px 4px; border-radius: 3px;\",\n \"font-weight: bold;\",\n error\n );\n // Здесь можно отправить ошибку в Sentry или другой сервис мониторинга\n }\n }\n}\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"core.cjs","names":[],"sources":["../src/core/core.ts"],"sourcesContent":["import { ResourceOptions, ResourceState, SignalOptions } from './types';\nimport { getExtractedValues } from '../utils'\n\n/**\n * Интерфейс для сигнала.\n * @template T\n * @interface Signal<T>\n */\nexport interface Signal<T> {\n /**\n * Значение сигнала.\n * @type {T}\n */\n value: T;\n\n /**\n * Подписка на изменение значения сигнала.\n * @function subscribe\n * @param {Function} cb - Коллбек функция для обработки изменения.\n * @returns {CleanupFn} - Функция для очистки подписки.\n */\n subscribe: (cb: (val: T) => void) => CleanupFn;\n}\n\nexport type CleanupFn = () => void;\nexport type EffectFn = () => CleanupFn | void;\nexport type Token<T> = string | symbol | { new(engine: ReactiveEngine, ...args: any[]): T };\nexport type Factory<T> = (engine: ReactiveEngine) => T;\n\n/**\n * Интерфейс для вычисляемого значения.\n * @template T\n * @interface Computed<T>\n */\nexport interface Computed<T> {\n /**\n * Только читаемое значение вычисляемого значения.\n * @type {T}\n */\n readonly value: T;\n\n /**\n * Подписка на изменение вычисляемого значения.\n * @function subscribe\n * @param {Function} cb - Коллбек функция для обработки изменения.\n * @returns {CleanupFn} - Функция для очистки подписки.\n */\n subscribe: (cb: (val: T) => void) => CleanupFn;\n\n /**\n * Принудительное уничтожение вычисляемого значения и его эффекта для предотвращения утечек памяти.\n */\n destroy: () => void;\n}\n\n/**\n * Интерфейс для эффекта.\n * @interface IEffect\n */\nexport interface IEffect {\n run: () => void;\n label?: string;\n cleanups: Set<CleanupFn>;\n}\n\n/**\n * Интерфейс для ресурса.\n * @template T\n * @interface Resource<T>\n */\nexport interface Resource<T> extends ResourceState<T> {\n /**\n * Перезагрузка ресурса.\n * @function refetch\n * @returns {void}\n */\n refetch: () => void;\n\n /**\n * Подписка на изменение состояния ресурса.\n * @function subscribe\n * @param {Function} cb - Коллбек функция для обработки изменения.\n * @returns {CleanupFn} - Функция для очистки подписки.\n */\n subscribe: (cb: (val: ResourceState<T>) => void) => CleanupFn;\n\n /**\n * Только читаемое состояние ресурса.\n * @type {ResourceState<T>}\n */\n readonly value: ResourceState<T>;\n}\n\nexport interface EngineLoggerOptions {\n /** Включить детальное логгирование в консоль */\n isEnabled: boolean;\n /** Выводить время выполнения с точностью до микросекунд (performance.now) */\n traceTime?: boolean;\n /** Фильтровать логи по имени сигнала (поддерживает RegExp или строку) */\n filter?: RegExp | string;\n}\n\nexport interface ReactiveEngineOptions {\n logger?: EngineLoggerOptions;\n}\n// Конкретные и строгие структуры для деталей каждого типа лога\nexport interface SignalLogDetail {\n from: unknown;\n to: unknown;\n subscribersCount: number;\n subscribers: string[];\n}\n\nexport interface ComputedLogDetail {\n value: unknown;\n duration: string;\n}\n\nexport interface EffectLogDetail {\n triggeredBy: string;\n executionTime?: string;\n}\n\nexport interface BatchLogDetail {\n transactionSize: number;\n totalEffectsRun: number;\n}\nexport interface ResourceLogDetail {\n /** Текущий статус загрузки */\n loading: boolean;\n /** Данные ответа (если есть) */\n data: unknown;\n /** Объект ошибки (если запрос упал) */\n error: Error | null;\n /** Была ли это повторная попытка (Retry) */\n isRetrying?: boolean;\n}\n\n// Маппинг: связываем строковый литерал типа лога с его интерфейсом деталей\nexport interface LogDetailMap {\n signal: SignalLogDetail;\n computed: ComputedLogDetail;\n effect: EffectLogDetail;\n batch: BatchLogDetail;\n resource: ResourceLogDetail;\n}\n\n\n// --- ЯДРО ---\n/**\n * Класс `ReactiveEngine` представляет собой реактивную систему, которая позволяет создавать и управлять реактивными объектами,\n * сигналами, эффектами, асинхронными ресурсами и другими реактивными примитивами. Реактивные механизмы облегчают разработку\n * сложных пользовательских интерфейсов и приложений, автоматически отслеживая зависимости между данными и реактивно обновляя UI.\n *\n * Основные возможности `ReactiveEngine` включают:\n * - **Сигналы (Signals)**: Реактивные переменные с поддержкой подписки на изменения.\n * - **Эффекты (Effects)**: Автоматические функции, которые выполняются при изменении зависимых сигналов.\n * - **Ресурсы (Resources)**: Асинхронные ресурсы с поддержкой повторных попыток и валидации.\n * - **Прокси-объекты (Proxy Objects)**: Реактивное обертывание объектов для отслеживания изменений свойств.\n * - **Интеграция с React**: Удобные методы для интеграции реактивного ядра с компонентами React.\n *\n * Пример использования:\n *\n * ```javascript\n * const engine = new ReactiveEngine();\n * const count = engine.signal(0);\n *\n * engine.effect(() => {\n * console.log(`Count is ${count.value}`);\n * });\n *\n * count.value++; // Выведет: Count is 1\n * ```\n *\n * @class\n */\nexport class ReactiveEngine {\n protected frameworkPrefix = 'core';\n private activeEffect: IEffect | null = null;\n private isBatching = false;\n private pendingEffects = new Set<IEffect>();\n\n // В контейнерах DI вместо any используем unknown. Это заставит методы inject/provide\n // явно приводить типы через дженерики <T>, защищая от рантайм-ошибок.\n private services = new Map<Token<unknown>, unknown>();\n private factories = new Map<Token<unknown>, Factory<unknown>>();\n\n // Объект-ключ мапится на объект-прокси. Здесь идеально подходит тип object.\n private proxyCache = new WeakMap<object, object>();\n private allEffects = new Set<IEffect>();\n\n // Logger\n private loggerOptions?: EngineLoggerOptions;\n private pendingLogQueue: Array<{\n [K in keyof LogDetailMap]: {\n type: K;\n name: string;\n detail: LogDetailMap[K];\n }\n }[keyof LogDetailMap]> = [];\n private lastTransactionDuration: number | null = null;\n // Хранилища точечной аналитки:\n private signalMutationCounts = new Map<string, number>(); // Имя сигнала -> Кол-во мутаций\n private lastComputedDurations = new Map<string, number>(); // Имя computed -> Время прошлого расчета\n private effectExecutionCounts = new Map<string, number>(); // Имя эффекта -> Кол-во запусков\n private batchTickCounts = 0; // Глобальный счетчик транзакций ядра\n\n constructor(options?: ReactiveEngineOptions) {\n this.loggerOptions = options?.logger;\n }\n\n /**\n * Системный метод вывода форматированных логов в консоль.\n * Автоматически подстраивает тип входящего аргумента `detail` под выбранный литерал `type`.\n *\n * Дополнительно агрегирует рантйам-статистику по всей стейт-машине приложения:\n * - **`signal`:** Отслеживает счетчик частоты изменений (шума) для детекции паразитных циклов мутаций.\n * - **`computed`:** Сравнивает текущую длительность ленивого вычисления с прошлым, подсвечивая тренд производительности.\n * - **`effect`:** Подсчитывает общее количество ререндеров/вызовов побочных эффектов.\n * - **`batch`:** Фиксирует порядковый номер выполненного шедулером пакета микрозадач.\n *\n * @template K - Литеральный тип лога из карты `LogDetailMap`\n * @param {K} type - Категория логгируемого события ('signal' | 'computed' | 'effect' | 'batch')\n * @param {string} name - Уникальное имя реактивного элемента (или label эффекта)\n * @param {LogDetailMap[K]} detail - Строго типизированный объект с контекстными данными события\n * @returns {void}\n */\n public log<K extends keyof LogDetailMap>(\n type: K,\n name: string,\n detail: LogDetailMap[K]\n ): void {\n if (!this.loggerOptions?.isEnabled) return;\n\n // Фильтрацию производим уже по очищенному имени\n if (this.loggerOptions.filter) {\n const regex = this.loggerOptions.filter instanceof RegExp\n ? this.loggerOptions.filter\n : new RegExp(this.loggerOptions.filter.replace(/^\\/|\\/$/g, ''))\n if (!regex.test(name)) return\n }\n\n const badgeColors: Record<keyof LogDetailMap, string> = {\n signal: 'background: #007acc; color: #fff; padding: 2px 6px; border-radius: 4px; font-weight: bold;',\n computed: 'background: #42b883; color: #fff; padding: 2px 6px; border-radius: 4px; font-weight: bold;',\n effect: 'background: #e01e5a; color: #fff; padding: 2px 6px; border-radius: 4px; font-weight: bold;',\n batch: 'background: #7952b3; color: #fff; padding: 2px 6px; border-radius: 4px; font-weight: bold;',\n resource: 'background: #d97706; color: #fff; padding: 2px 6px; border-radius: 4px; font-weight: bold;',\n }\n\n let subBadgeText = ''\n let subBadgeStyle = 'color: #aaa; font-weight: normal;'\n\n switch (type) {\n case 'signal': {\n // Проверяем, является ли сигнал внутренним служебным сигналом ядра\n const isInternal = getExtractedValues({\n tested: [name],\n expectedKey: 'CORE_INTERNAL_SIGNAL',\n valueType: 'number'\n })?.[0] === '1';\n\n // (?) Чистим имя от метаданных для красивого вывода в консоль\n const displayName = name // name.replace(/\\[CORE_INTERNAL_SIGNAL=1\\]:/g, '');\n\n const currentCount = (this.signalMutationCounts.get(displayName) || 0) + 1;\n this.signalMutationCounts.set(displayName, currentCount);\n\n const signalDetail = detail as SignalLogDetail;\n const isFullyOptimized = signalDetail.subscribers && signalDetail.subscribers.length > 0\n ? signalDetail.subscribers.every((sub) => {\n if (!sub) return false;\n return getExtractedValues({\n tested: [sub],\n expectedKey: 'IS_OPTIMIZED',\n valueType: 'number',\n })?.[0] === '1';\n })\n : false;\n\n const isNoisy = currentCount > 50;\n\n // Переключаем текст под-бэджа, если это внутренний сигнал computed\n const typeLabel = isInternal ? 'COMPUTED_INTERNAL' : 'SIGNAL';\n\n subBadgeText = ` 🔄 Изменений ${isInternal ? 'кэша' : 'сигнала'}: ${currentCount}${isNoisy ? ' ⚠️ (high noise — обнаружен дребезг/спам значений!)' : ''\n }`;\n\n if (isNoisy) {\n subBadgeStyle = 'color: orange; font-weight: bold;';\n if (!isFullyOptimized) {\n (detail as any).__performance_advice__ = {\n issue: `Сигнал [${displayName}] обновляется слишком часто (${currentCount} раз за такт). Это приводит к избыточным ререндерам UI.`,\n solution: `Оберните чтение этого сигнала в декоратор сжатия потока данных 'withThrottleComputed'`,\n example: `public throttled = withThrottleComputed(this.engine, () => this.yourSignalName.value, { limit: 300 });`\n };\n }\n }\n\n // Переопределяем параметры вывода console.groupCollapsed локально\n console.groupCollapsed(\n `%c${typeLabel}%c [${displayName}]%c${subBadgeText}`,\n isInternal ? 'background: #42b883; color: #fff; padding: 2px 6px; border-radius: 4px; font-weight: bold;' : badgeColors[type],\n 'color: #aaa; font-weight: bold;',\n subBadgeStyle\n );\n console.log('Данные (Payload):', detail);\n if (this.loggerOptions.traceTime && typeof performance !== 'undefined') {\n console.log('Тайминг рантайма:', `${performance.now().toFixed(2)} ms`);\n }\n console.groupEnd();\n\n return; // Прерываем дефолтный вывод, так как мы отрендерили сигнал со специальным бэджем!\n }\n case 'computed': {\n // Даже если это был сигнал, мы берем детали вычислений\n const currentDetail = detail as any;\n\n // Безопасно извлекаем значение для заголовка бэджа.\n // Читаем .to только если это простой примитив (не объект), чтобы не триггерить геттеры ядра!\n if (currentDetail && 'to' in currentDetail) {\n const rawValue = currentDetail.to;\n const displayValue = typeof rawValue === 'object' && rawValue !== null\n ? '{...}' // Для объектов выводим заглушку, защищая геттеры от JSON.stringify\n : String(rawValue);\n\n subBadgeText = ` 🧮 Значение: ${displayValue}`;\n } else if (currentDetail && 'duration' in currentDetail) {\n // Ваша стандартная рабочая логика тренда для оригинального события computed\n const currentDuration = parseFloat(currentDetail.duration);\n if (!isNaN(currentDuration)) {\n const lastDuration = this.lastComputedDurations.get(name);\n if (lastDuration !== undefined && lastDuration > 0) {\n const diff = currentDuration - lastDuration;\n const percentChange = (diff / lastDuration) * 100;\n if (percentChange > 5) {\n subBadgeText = ` 🔴 Замедление: +${percentChange.toFixed(1)}% (${currentDetail.duration})`;\n subBadgeStyle = 'color: #e01e5a; font-weight: bold;';\n } else if (percentChange < -5) {\n subBadgeText = ` 🟢 Ускорение: ${percentChange.toFixed(1)}% (${currentDetail.duration})`;\n subBadgeStyle = 'color: #42b883; font-weight: bold;';\n } else {\n subBadgeText = ` 🟢 Стабильно (${currentDetail.duration})`;\n subBadgeStyle = 'color: #42b883; font-weight: bold;';\n }\n } else {\n subBadgeText = ` ⚪ Первый расчет (${currentDetail.duration})`;\n }\n this.lastComputedDurations.set(name, currentDuration);\n }\n }\n break;\n }\n case 'effect': {\n const currentCount = (this.effectExecutionCounts.get(name) || 0) + 1;\n this.effectExecutionCounts.set(name, currentCount);\n const isOverTriggered = currentCount > 30;\n subBadgeText = ` 🚀 Вызовов эффекта: ${currentCount}${isOverTriggered ? ' ⚠️ (heavy re-renders)' : ''}`;\n if (isOverTriggered) subBadgeStyle = 'color: #ff4a4a; font-weight: bold;';\n break;\n }\n case 'batch': {\n this.batchTickCounts += 1;\n subBadgeText = ` 📦 Номер транзакции: #${this.batchTickCounts}`;\n break;\n }\n case 'resource': {\n const resourceDetail = detail as ResourceLogDetail;\n\n // Формируем динамический статус-маркер для заголовка\n if (resourceDetail.loading) {\n subBadgeText = ' ⏳ ЗАГРУЗКА (fetching...)';\n subBadgeStyle = 'color: #d97706; font-weight: bold;'; // Оранжевый\n } else if (resourceDetail.error) {\n subBadgeText = ` 🔴 ОШИБКА: ${resourceDetail.error.message || 'Unknown Error'}`;\n subBadgeStyle = 'color: #ff4a4a; font-weight: bold;'; // Красный\n } else {\n // Данные успешно загружены\n const rawData = resourceDetail.data;\n const displayData = typeof rawData === 'object' && rawData !== null\n ? '{...}'\n : String(rawData);\n\n subBadgeText = ` 🟢 УСПЕХ (data: ${displayData})`;\n subBadgeStyle = 'color: #42b883; font-weight: bold;'; // Зеленый\n }\n break;\n }\n default:\n break;\n }\n\n // Выводим красивый свернутый заголовок под-элемента с аналитикой\n console.groupCollapsed(\n `%c${type.toUpperCase()}%c [${name}]%c${subBadgeText}`,\n badgeColors[type],\n 'color: #aaa; font-weight: bold;',\n subBadgeStyle\n )\n console.log('Данные (Payload):', detail)\n if (this.loggerOptions.traceTime && typeof performance !== 'undefined') {\n console.log('Тайминг рантайма:', `${performance.now().toFixed(2)} ms`)\n }\n console.groupEnd()\n }\n\n /**\n * Коллбек для уведомления об изменении сигнала.\n * Использование unknown вместо any гарантирует безопасную работу с типами prev/next.\n */\n public onSignalChange?: (name: string, next: unknown, prev: unknown) => void;\n\n /**\n * DI: Регистрация зависимости.\n * @template T\n * @function provide\n * @param {Token<T>} token - Токен для зависимости.\n * @param {T | Factory<T>} valueOrFactory - Значение или фабрика для создания сервиса.\n * @returns {void}\n * @source\n */\n public provide<T>(token: Token<T>, valueOrFactory: T | Factory<T>): void {\n if (typeof valueOrFactory === 'function' && !valueOrFactory.prototype)\n this.factories.set(token, valueOrFactory as Factory<T>)\n else\n this.services.set(token, valueOrFactory)\n }\n\n /**\n * DI: Инъекция; Получение сервиса по токену.\n * @template T\n * @function inject\n * @param {Token<T>} token - Токен для зависимости.\n * @returns {T} - Сервис.\n * @source\n */\n public inject<T>(token: Token<T>): T {\n if (!token) {\n throw new Error(`[DI Error]: Вы пытаетесь внедрить пустой токен (undefined/null). Проверьте импорты.`);\n }\n\n // Приводим токен к базовому типу Token<unknown> для совместимости с Map\n const targetToken = token as Token<unknown>;\n\n if (this.services.has(targetToken)) {\n return this.services.get(targetToken) as T;\n }\n\n try {\n const factory = this.factories.get(targetToken)\n if (factory) {\n const instance = factory(this) as T\n this.services.set(targetToken, instance)\n return instance\n }\n if (typeof token === 'function' && token.prototype) {\n const instance = new (token as { new(eng: ReactiveEngine): T })(this)\n this.services.set(targetToken, instance)\n return instance\n }\n throw new Error(`Service not found: ${String(token)}`)\n } catch (e) {\n throw new Error(`[DI Error]: Не удалось создать сервис ${String(token)}. Ошибка: ${(e as Error)?.message || 'No e?.message'}`)\n }\n }\n\n /**\n * Накапливает логи об изменениях в буфер текущей микрозадачи\n */\n public queueLog(type: keyof LogDetailMap, name: string, detail: any): void {\n if (!this.loggerOptions?.isEnabled) return\n this.pendingLogQueue.push({ type, name, detail })\n }\n\n /**\n * Синхронно обрабатывает и выводит в консоль накопленный буфер логов\n * для текущего тика микрозадачи (реактивной транзакции).\n *\n * Метод автоматически вызывается планировщиком ядра (`queueMicrotask`) непосредственно\n * перед запуском каскада отложенных эффектов фреймворков и ререндеров интерфейса.\n *\n * ### Особенности рантайм-логики:\n * 1. **Атомарный батчинг:** Предотвращает лавинообразный спам в консоли разработчика при\n * множественных синхронных мутациях сигналов. Все тики склеиваются в единую мастер-группу.\n * 2. **Безопасная фильтрация:** Изолирует логи по маске, переданной в `loggerOptions.filter`.\n * Если после фильтрации очередь оказывается пустой, метод бережно зачищает буфер и\n * возвращает управление шедулеру ядра, не блокируя выполнение `pendingEffects`.\n * 3. **Профайлинг производительности (Pull Duration):** При включенном `traceTime` рассчитывает\n * чистую длительность калькуляции и фильтрации транзакции графа в миллисекундах\n * с точностью до микросекунд (`performance.now`), помогая находить узкие места.\n *\n * @function flushLogs\n * @returns {void} Метод не возвращает значения, а только очищает внутренний буфер `pendingLogQueue`.\n */\n public flushLogs(): void {\n if (!this.loggerOptions?.isEnabled || this.pendingLogQueue.length === 0) return\n\n const startTime = typeof performance !== 'undefined' ? performance.now() : 0\n let logsToRender = this.pendingLogQueue\n\n if (this.loggerOptions.filter) {\n try {\n let regex: RegExp;\n if (this.loggerOptions.filter instanceof RegExp) {\n regex = this.loggerOptions.filter;\n } else {\n const cleanStr = this.loggerOptions.filter.replace(/^\\/|\\/$/g, '')\n regex = new RegExp(cleanStr);\n }\n logsToRender = logsToRender.filter(item => regex.test(item.name))\n } catch (e) {\n console.warn('[Logger Error]: Некорректный паттерн фильтрации логов', e)\n }\n }\n\n if (logsToRender.length === 0) {\n this.pendingLogQueue = []\n return\n }\n\n // ШАГ 1: Переносим замер времени ВВЕРХ, чтобы знать длительность ДО рендеринга заголовка\n let durationText = ''\n let trendText = ''\n let trendStyle = 'color: #aaa; font-weight: normal;' // Дефолтный серый стиль для тренда в заголовке\n\n if (this.loggerOptions.traceTime && startTime) {\n const endTime = performance.now()\n const duration = endTime - startTime\n\n durationText = ` | Duration: ${duration.toFixed(3)} ms`\n\n // Расчет дельты тренда\n if (this.lastTransactionDuration !== null && this.lastTransactionDuration > 0) {\n const diff = duration - this.lastTransactionDuration\n const percentChange = (diff / this.lastTransactionDuration) * 100\n\n if (percentChange > 0.1) {\n // Просадка производительности (время выросло) -> КРАСНЫЙ\n trendText = ` 🔴 +${percentChange.toFixed(1)}%`\n trendStyle = 'color: #e01e5a; font-weight: bold;'\n } else if (percentChange < -0.1) {\n // Ускорение графа (время уменьшилось) -> ЗЕЛЕНЫЙ\n trendText = ` 🟢 ${percentChange.toFixed(1)}%`\n trendStyle = 'color: #42b883; font-weight: bold;'\n } else {\n // Изменения в пределах погрешности -> СТАБИЛЬНО (ЗЕЛЕНЫЙ)\n trendText = ' 🟢 stable'\n trendStyle = 'color: #42b883; font-weight: bold;'\n }\n } else {\n trendText = ' ⚪ first'\n }\n\n // Сохраняем значение для следующего тика микрозадачи\n this.lastTransactionDuration = duration\n }\n\n // ШАГ 2: ВЫВОДИМ ВСЁ В ОДИН ЗАГОЛOВОК ГРУППЫ\n // %c №1 - Стильный фиолетовый бэдж TRANSACTION\n // %c №2 - Серый текст с размером батча и чистым временем выполнения (ms)\n // %c №3 - Динамический цветной индикатор тренда (Красный/Зеленый) с процентами\n console.groupCollapsed(\n `%cREACTIVE TRANSACTION%c Microtask Tick (Size: ${logsToRender.length}${durationText})%c${trendText}`,\n 'background: #7952b3; color: #fff; padding: 2px 6px; border-radius: 4px; font-weight: bold;',\n 'color: #aaa; font-weight: normal;',\n trendStyle\n )\n\n // Рендерим вложенные детальные логи сигналов и computed\n logsToRender.forEach(item => {\n this.log(item.type as any, item.name, item.detail as any)\n })\n\n if (this.loggerOptions.traceTime && typeof performance !== 'undefined') {\n console.log(`%c[Execution Timestamp]: ${performance.now().toFixed(2)} ms`, 'color: #7952b3; font-weight: bold;')\n }\n\n console.groupEnd()\n this.pendingLogQueue = []\n }\n\n /**\n * Создание сигнала.\n * @template T\n * @function signal\n * @param {T} initialValue - Начальное значение сигнала.\n * @param {string | SignalOptions<T>} [optionsOrName] - Имя или опции сигнала.\n * @returns {Signal<T>} - Сигнал.\n * @source\n */\n public signal<T>(initialValue: T, optionsOrName?: string | SignalOptions<T>): Signal<T> {\n const engine = this;\n let val = initialValue;\n const subscribers = new Set<IEffect>();\n const options = typeof optionsOrName === 'string'\n ? { name: optionsOrName }\n : optionsOrName || {};\n const name = options.name || 'unnamed_signal';\n\n return {\n get value(): T {\n if (engine.activeEffect) {\n const currentEffect = engine.activeEffect;\n\n // Защита от раздувания памяти!\n // Добавляем функцию очистки в cleanups СТРОГО один раз — при первой регистрации эффекта.\n if (!subscribers.has(currentEffect)) {\n subscribers.add(currentEffect);\n\n currentEffect.cleanups.add(() => {\n subscribers.delete(currentEffect); // При уничтожении эффекта сигнал забудет его\n });\n }\n }\n\n return val;\n },\n set value(newValue: T) {\n if (val === newValue) return;\n\n // ВАЛИДАЦИЯ В RUNTIME\n if (options.validate) {\n const result = options.validate(newValue);\n if (result === false || typeof result === 'string') {\n const errorMsg = typeof result === 'string'\n ? result\n : `[Validation Error]: Некорректное значение для сигнала \"${name}\"`;\n\n console.error(`%c${errorMsg}`, \"color: orange; font-weight: bold;\", {\n received: newValue,\n current: val\n });\n return; // Прерываем обновление, если данные не валидны\n }\n }\n\n const old = val;\n val = newValue;\n engine.onSignalChange?.(name, newValue, old);\n\n // Извлекаем текстовые метки подписчиков для логгера\n const subscriberLabels = Array.from(subscribers).map(\n (e) => e.label || 'unnamed_effect'\n );\n engine.queueLog?.('signal', name, {\n from: old,\n to: newValue,\n subscribersCount: subscribers.size,\n subscribers: subscriberLabels,\n });\n\n // 1. Всегда добавляем подписчиков в очередь отложенных эффектов\n subscribers.forEach(e => engine.pendingEffects.add(e));\n\n // 2. Планируем автоматическое выполнение транзакции ВСЕГДА!\n // Теперь микрозадача гарантированно выполнится и зачистит буфер flushLogs,\n // даже если у сигнала было 0 подписчиков.\n if (!engine.isBatching) {\n engine.isBatching = true;\n\n queueMicrotask(() => {\n // Динамический каскадный цикл (Push-домино)\n for (const effectObj of engine.pendingEffects) {\n engine.pendingEffects.delete(effectObj);\n effectObj.run();\n }\n // Гасим флаг батчинга строго после того, как ВСЕ эффекты завершились\n engine.isBatching = false;\n // Вызываем flushLogs на самом финише, когда вся транзакция полностью стабилизировалась\n engine.flushLogs?.();\n });\n }\n },\n subscribe(cb: (val: T) => void) {\n // Чистая и безопасная подписка для React/Vue/Angular адаптеров\n return engine.effect(\n () => {\n cb(this.value);\n },\n `${engine.frameworkPrefix}:use:${name}`\n );\n }\n };\n }\n\n /**\n * Создание эффекта.\n * @function effect\n * @param {EffectFn} fn - Функция эффекта.\n * @param {string} [label] - Необязательная метка для логирования и отладки.\n * @returns {CleanupFn} - Функция для очистки эффекта.\n * @source\n */\n public effect(fn: EffectFn, label?: string): CleanupFn {\n const engine = this\n const effectObj: IEffect = {\n label, // Запоминаем имя эффекта для профайлера/логов\n cleanups: new Set(),\n run() {\n this.cleanups.forEach(c => c())\n this.cleanups.clear()\n const prev = engine.activeEffect\n engine.activeEffect = this\n engine.safeRun(this, () => {\n const cleanup = fn()\n if (typeof cleanup === 'function') this.cleanups.add(cleanup)\n })\n engine.activeEffect = prev\n }\n }\n this.allEffects.add(effectObj)\n effectObj.run()\n\n return () => {\n effectObj.cleanups.forEach(c => c())\n engine.pendingEffects.delete(effectObj)\n engine.allEffects.delete(effectObj) // Всегда чистим за собой\n }\n }\n\n // Кэш для вычисляемых свойств: Вместо Map<Function, any> используем строгий интерфейс с unknown дженериком\n private computedCache = new Map<Function, WeakRef<Computed<unknown>>>()\n\n // 1. Создаем реестр финализации под капотом движка.\n // В качестве токена очистки передаем функцию, которую нужно выполнить.\n private cleanupRegistry = new FinalizationRegistry<() => void>(\n (cleanupFn) => {\n cleanupFn() // Вызовется автоматически, когда сборщик мусора удалит computedInstance\n }\n );\n\n /**\n * Создание вычисляемого значения.\n * @template T\n * @function computed\n * @param {Function} fn - Функция для вычисления значения.\n * @param {string} [signalName] - Имя сигнала.\n * @returns {Computed<T>} - Вычисляемое значение с методом destroy.\n * @source\n */\n public computed<T>(fn: () => T, signalName?: string): Computed<T> {\n if (this.computedCache.has(fn)) {\n const cachedRef = this.computedCache.get(fn)\n const cachedInstance = cachedRef?.deref()\n if (cachedInstance) {\n return cachedInstance as Computed<T>\n }\n }\n\n const engine = this\n const name = signalName || 'unnamed_computed'\n\n // Маркируем внутренний сигнал ядра метаданными для утилиты getExtractedValues\n const sig = this.signal<T>(undefined as unknown as T, `[CORE_INTERNAL_SIGNAL=1]:${name}`)\n\n let isDirty = true\n let cachedValue: T\n\n // Core effect:\n // Переносим логику логгера и замер таймингов прямо сюда — в единственное место,\n // где реально выполняется функция fn() при изменении зависимостей!\n const unsubscribeEffect = this.effect(() => {\n // СЕКРЕТ PUSH-КАСКАДА:\n // Мы принудительно вычисляем fn() на каждый тик зависимостей.\n // Благодаря этому, когда меняется count -> step-A синхронно просыпается в микрозадаче,\n // меняет свой sig.value -> этот сигнал мгновенно будит step-B, который уже добавлен\n // в pendingEffects текущей транзакции!\n cachedValue = fn();\n isDirty = false;\n\n const startTime = typeof performance !== 'undefined' ? performance.now() : 0;\n const durationStr = startTime ? `0.010ms` : 'N/A'; // Пассивный замер для логгера\n\n if (typeof engine.queueLog === 'function') {\n engine.queueLog('computed', name, {\n value: cachedValue,\n duration: durationStr\n });\n }\n\n // Пушим значение. Сеттер сигнала подхватит следующий шаг,\n // так как флаг isBatching удерживается шедулером!\n (sig as any).value = cachedValue;\n }, `[IS_OPTIMIZED=1]:${name}`);\n\n const effectObj = Array.from(this.allEffects)[this.allEffects.size - 1]\n\n const performCleanup = () => {\n unsubscribeEffect();\n if (effectObj) {\n engine.allEffects.delete(effectObj)\n }\n engine.computedCache.delete(fn)\n }\n\n const computedInstance: Computed<T> = {\n get value() {\n // Если кто-то читает .value вручную вне эффектов фреймворка,\n // и флаг грязен — производим ленивый Pull-расчет\n if (isDirty) {\n cachedValue = fn();\n isDirty = false;\n (sig as any).value = cachedValue;\n }\n return sig.value;\n },\n subscribe: (cb: (val: T) => void) => sig.subscribe(cb),\n destroy() {\n performCleanup()\n }\n }\n\n this.cleanupRegistry.register(computedInstance, performCleanup)\n this.computedCache.set(fn, new WeakRef(computedInstance as Computed<unknown>))\n\n return computedInstance\n }\n\n /**\n * Создает глубокий реактивный объект (Proxy) на основе переданного целевого объекта или массива.\n *\n * В отличие от атомарных сигналов (`signal`), требующих ручного обращения через `.value`,\n * метод `reactive` позволяет работать со сложными разветвленными структурами данных нативно,\n * используя стандартный синтаксис JavaScript для чтения и прямой мутации свойств.\n *\n * ### Архитектурные особенности рантайма:\n * 1. **Гранулярность подписок (Property-level Subscriptions):** Зависимости графа ядра трекаются\n * не для всего объекта целиком, а строго для конкретных ключей (`prop`). Если эффект или\n * компонент читает свойство `user.name`, он подписывается исключительно на этот ключ.\n * Изменение свойства `user.age` не вызовет его повторного выполнения.\n * 2. **Глубокое проксирование (Deep Reactivity):** При обращении к вложенным объектам или массивам,\n * метод динамически и лениво оборачивает их в Proxy-структуры, автоматически формируя\n * понятные строковые пути для подсистемы логирования (например, `user.meta.role`).\n * 3. **Иммунизация кэша (Proxy Mirroring Cache):** Все созданные Proxy зеркалируются во внутреннем\n * реестре `proxyCache`. Повторный вызов метода для одного и того же объекта вернет\n * уже существующий Proxy, предотвращая утечки памяти и дублирование подписок.\n *\n * ### Применение в оптимизации больших форм:\n * Идеально подходит для тяжелых интерфейсов (динамические таблицы, анкеты из сотен полей),\n * так как прямая мутация конкретного инпута изолирует поток изменений и избавляет от необходимости\n * иммутабельного копирования всего стейта формы через оператор расширения (`...spread`).\n *\n * @template T - Тип целевого объекта, расширяющий базовый интерфейс `object`.\n * @function reactive\n * @param {T} target - Исходный объект или массив JavaScript для проксирования.\n * @param {string} [name='reactive'] - Уникальное базовое имя объекта для трассировки и фильтрации в логгере.\n * @returns {T} Глубоко проксированный реактивный объект типа `T`.\n *\n * @example\n * ```typescript\n * // 1. Инициализация в сервисе бизнес-логики:\n * public form = this.engine.reactive({\n * user: { name: 'Иван', age: 25 }\n * }, 'profile-form');\n *\n * // 2. Прямая мутация в экшене (Proxy перехватит тик и запустит атомарный батчинг):\n * public updateAge() {\n * this.form.user.age += 1; // Автоматический лог: SIGNAL [profile-form.user.age]\n * }\n *\n * // 3. Мост подписки для UI-компонентов:\n * public uiBridge = this.engine.computed(() => ({\n * name: this.form.user.name,\n * age: this.form.user.age\n * }));\n * ```\n */\n public reactive<T extends object>(target: T, name: string = 'reactive'): T {\n if (this.proxyCache.has(target)) {\n return this.proxyCache.get(target) as T\n }\n const engine = this;\n const propsSubscribers = new Map<string | symbol, Set<IEffect>>()\n\n const proxy = new Proxy(target, {\n get(obj, prop, receiver) {\n if (engine.activeEffect) {\n if (!propsSubscribers.has(prop)) propsSubscribers.set(prop, new Set())\n propsSubscribers.get(prop)!.add(engine.activeEffect)\n }\n const value = Reflect.get(obj, prop, receiver)\n return (value !== null && typeof value === 'object')\n ? engine.reactive(value, `${name}.${String(prop)}`)\n : value;\n },\n set(obj, prop, value, receiver) {\n const old = Reflect.get(obj, prop, receiver)\n if (old === value) return true\n\n if (old !== value) {\n Reflect.set(obj, prop, value, receiver)\n engine.onSignalChange?.(`${name}.${String(prop)}`, value, old)\n propsSubscribers.get(prop)?.forEach(e =>\n engine.isBatching ? engine.pendingEffects.add(e) : e.run()\n )\n }\n return true;\n }\n });\n this.proxyCache.set(target, proxy)\n return proxy\n }\n\n /**\n * Группировка изменений. (Оставил для обратной совместимости)\n * @function batch\n * @param {Function} fn - Функция для выполнения в группе.\n * @returns {void}\n * @source\n */\n public batch(fn: () => void): void {\n // Наш асинхронный сеттер теперь сам выполняет всю работу в queueMicrotask,\n // поэтому здесь мы можем просто выполнить функцию\n fn()\n }\n\n /**\n * Вспомогательная функция для задержки (sleep), чувствительная к AbortSignal\n *\n * Вызов new DOMException('Aborted', 'AbortError') гарантирует,\n * что ваша кастомная пауза между ретраями this.delay притворяется для движка JavaScript\n * точно таким же нативным процессом отмены, как и fetch().\n * Это делает реактивное ядро бесшовным и избавляет от необходимости\n * писать кучу разных проверок под каждый тип ошибки.\n */\n private delay(ms: number, signal: AbortSignal): Promise<void> {\n return new Promise((resolve, reject) => {\n if (signal.aborted) {\n return reject(new DOMException('Aborted', 'AbortError'))\n }\n\n const timeoutId = setTimeout(() => {\n signal.removeEventListener('abort', onAbort)\n resolve()\n }, ms)\n\n const onAbort = () => {\n clearTimeout(timeoutId); // СИНХРОННО УБИВАЕТ ТАЙМЕР. В Vitest это заставит таймер исчезнуть из очереди прокрутки\n reject(new DOMException('Aborted', 'AbortError'))\n }\n\n signal.addEventListener('abort', onAbort, { once: true })\n })\n }\n\n /**\n * Создание асинхронного ресурса. Типы на входе: <T - формат ответа, S - источник изменений (сигнал либо computed-кортеж из зачений сигналов через конструкцию `.value`)>\n *\n * Explained 👉 {@link https://github.com/garage-13/reactive-engine/blob/main/README_EN.md#1-async-resources-dependent-on-multiple-signals}\n *\n * @template T, S\n * @see {@link https://github.com/garage-13/reactive-engine/blob/main/examples/200-resource/Example200.tsx Реализация базового компонента Example200}\n * @see {@link https://github.com/garage-13/reactive-engine/blob/main/examples/201-multi-resource/service.secondary.ts Сложный пример зависимости ресурсов через computed}\n * @function resource\n * @param {Function} fetcher - Асинхронная функция для загрузки данных.\n * @param {{ value: S }} [source] - Источник данных.\n * @param {string | ResourceOptions<T>} [optionsOrName] - Имя сигнала или объект конфигурации `{ name: string; validate: (res) => boolean | string; resetDataOnSourceChange?: boolean }`.\n * @returns {Resource<T>} - Асинхронный ресурс.\n *\n * @example\n * // Базовый вызов со строкой (обратная совместимость):\n * const res = engine.resource(fetcher, source, 'my-resource-name');\n *\n * @example\n * // Современный вызов с валидацией ответа:\n * const res = engine.resource(fetcher, source, {\n * name: 'my-resource-name',\n * resetDataOnSourceChange: true, // true by default\n * responseValidate: (data) => !!data || 'Данные пусты', // Проверяйте формат в соотв. с дженериком\n * });\n *\n * @example\n * // (Экспериментальная фича)\n * // В теле fetcher можно выкинуть ошибку в виде\n * // `throw new Error('[THROW_CUSTOM_VALIDATION_ERROR_NO_RETRY=1][MESSAGE=Your msg]')`\n * // Причина: Особенности внутренней реализации определения харакрера ошибки и необходимость делать retry (если такая опция передана)\n * // Рекомендуем вместо этого использовать `validateBeforeFetch` в опциях при создании ресурса.\n * const res = engine.resource(\n * async (counterValue, abortSignal) => {\n * if (counterValue === 0)\n * throw new Error([\n * '[THROW_CUSTOM_VALIDATION_ERROR_NO_RETRY=1]', // Иначе запустится механизм retry (напр. по причине отсутствия сети, далее в этом же примере)\n * `[MESSAGE=Stop for count value ${counterValue} - excepted from fetcher fn body]`,\n * ].join(' '))\n * const res = await fetch(\n * [\n * `${BASE_API_URL}/profile/search`,\n * '?',\n * [\n * `counter=${counterValue}`,\n * '_responseDelay=2000',\n * ].join('&')\n * ].join(''),\n * { signal: abortSignal }\n * )\n * if (!res.ok) throw new Error(`HTTP error! status: ${res.status}`)\n * return res.json()\n * },\n * this.counter,\n * )\n * @source\n */\n public resource<T, S = void>(\n fetcher: (source: S, signal: AbortSignal) => Promise<T>,\n source?: { value: S },\n optionsOrName?: string | ResourceOptions<T, S>,\n ): Resource<T> {\n const isOptionsObject = optionsOrName && typeof optionsOrName === 'object';\n const signalName = isOptionsObject\n ? (optionsOrName as ResourceOptions<T, S>).name\n : (optionsOrName as string) || 'unnamed_resource'\n\n const options: Partial<ResourceOptions<T, S>> = isOptionsObject\n ? (optionsOrName as ResourceOptions<T, S>)\n : {}\n\n const resetDataOnSourceChange = options.resetDataOnSourceChange ?? true\n const responseValidate = options.responseValidate;\n const validateBeforeFetch = options.validateBeforeFetch;\n\n const retryCount = options.retryCount ?? 0\n const baseDelay = options.retryDelay ?? 1000\n const useExponential = options.isExponentialBackoffEnabled ?? false\n const maxRetryDelay = options.maxRetryDelay ?? 30000\n const timeoutMs = options.timeout\n\n // Оставляем префикс метаданных для внутренней подсистемы логгера\n const state = this.signal<ResourceState<T>>(\n { data: null, loading: true, error: null, isRetrying: false },\n `[CORE_INTERNAL_SIGNAL=1]:resource:state:${signalName}`\n )\n\n // Внутренний метод для безопасного обновления стейта и отправки лога\n const updateResourceState = (nextState: ResourceState<T>) => {\n (state as any).value = nextState;\n\n // Logger Trigger for Resource: Передаем чистое signalName, чтобы заголовок в консоли оставался аккуратным\n if (typeof this.queueLog === 'function') {\n this.queueLog('resource', signalName, {\n loading: nextState.loading,\n data: nextState.data,\n error: nextState.error,\n isRetrying: nextState.isRetrying\n });\n }\n };\n\n const load = async (sValue: S, effectSignal: AbortSignal, isSourceChange = false) => {\n if (effectSignal.aborted) return\n\n if (validateBeforeFetch) {\n const preValidationResult = validateBeforeFetch(sValue);\n if (preValidationResult === false || typeof preValidationResult === 'string') {\n if (effectSignal.aborted) return\n const errorMsg = typeof preValidationResult === 'string'\n ? preValidationResult\n : 'Pre-fetch validation failed for resource'\n\n const currentData = isSourceChange ? null : this.untrack(() => state.value.data)\n updateResourceState({ data: currentData, loading: false, error: new Error(errorMsg), isRetrying: false })\n return\n }\n }\n\n const shouldClear = isSourceChange && resetDataOnSourceChange\n const currentData = shouldClear ? null : this.untrack(() => state.value.data)\n\n updateResourceState({ data: currentData, loading: true, error: null, isRetrying: false })\n\n for (let attempt = 0; attempt <= retryCount; attempt++) {\n if (effectSignal.aborted) return\n let combinedSignal = effectSignal\n\n try {\n if (timeoutMs && timeoutMs > 0) {\n const timeoutSignal = AbortSignal.timeout(timeoutMs)\n combinedSignal = AbortSignal.any([effectSignal, timeoutSignal])\n }\n\n const data = await fetcher(sValue, combinedSignal)\n\n if (effectSignal.aborted) return\n\n if (combinedSignal.aborted) {\n throw new DOMException('The operation timed out.', 'TimeoutError')\n }\n\n if (responseValidate) {\n const validationResult = responseValidate(data);\n if (validationResult === false || typeof validationResult === 'string') {\n if (effectSignal.aborted) return\n const errorMsg = typeof validationResult === 'string' ? validationResult : 'Validation failed'\n updateResourceState({ data: null, loading: false, error: new Error(errorMsg), isRetrying: false })\n return\n }\n }\n\n if (effectSignal.aborted) return\n\n // Успешное завершение запроса\n updateResourceState({ data, loading: false, error: null, isRetrying: false })\n return\n } catch (e: any) {\n if (effectSignal.aborted || (e.name === 'AbortError' && effectSignal.aborted)) return\n\n const isTimeout = e.name === 'TimeoutError' || e.name === 'AbortError' || e.message?.includes('timeout')\n\n const isCustomValidationError = getExtractedValues({\n tested: [e.message], expectedKey: 'THROW_CUSTOM_VALIDATION_ERROR_NO_RETRY', valueType: 'number',\n })?.[0] === '1' || false\n\n const __defaultCustomValidationErrorMessage = 'Custom validation error'\n let customValidationErrorMessage: string = isCustomValidationError\n ? (getExtractedValues({\n tested: [e.message], expectedKey: 'MESSAGE', valueType: 'string',\n })?.[0] || __defaultCustomValidationErrorMessage)\n : __defaultCustomValidationErrorMessage\n\n const isFetchBodyValidationError = isCustomValidationError || e.name === 'ValidationError'\n\n if (attempt === retryCount || isFetchBodyValidationError) {\n if (effectSignal.aborted) return\n\n const finalError = isTimeout\n ? new Error(`Request timed out after ${timeoutMs}ms`, { cause: e })\n : isCustomValidationError\n ? new Error(customValidationErrorMessage, { cause: e })\n : e\n\n // Фиксация финальной ошибки\n updateResourceState({ data: null, loading: false, error: finalError, isRetrying: false })\n return;\n } else {\n if (effectSignal.aborted) return\n\n let currentDelay = useExponential ? baseDelay * Math.pow(2, attempt) : baseDelay\n currentDelay = Math.min(currentDelay, maxRetryDelay)\n const jitter = Math.random() * 200\n currentDelay = currentDelay + jitter\n\n // Безопасное обновление статуса ретрая с логгированием фазы повтора\n updateResourceState({ data: state.value.data, loading: true, error: null, isRetrying: true })\n\n const logReason = isTimeout ? 'таймауту' : 'ошибке сети';\n console.warn(`[Resource Retry] \"${signalName}\" сбой по ${logReason}. Попытка ${attempt + 1}/${retryCount + 1}...`)\n\n try {\n await this.delay(currentDelay, effectSignal)\n if (effectSignal.aborted) return;\n } catch (delayError) {\n return\n }\n }\n }\n }\n };\n\n let activeEffectController: AbortController | null = null\n\n this.effect(() => {\n const sValue = source ? source.value : undefined as S\n const effectController = new AbortController()\n activeEffectController = effectController\n\n this.untrack(() => {\n load(sValue as S, effectController.signal, true)\n })\n\n return () => effectController.abort()\n }, '[dev]')\n\n return {\n get data() { return state.value.data; },\n get loading() { return state.value.loading; },\n get error() { return state.value.error; },\n get isRetrying() { return state.value.isRetrying; },\n get value() { return state.value; },\n refetch: () => {\n activeEffectController?.abort()\n activeEffectController = new AbortController()\n load(source ? source.value : undefined as S, activeEffectController.signal, false)\n },\n subscribe: (cb: (val: ResourceState<T>) => void) => state.subscribe(cb)\n }\n }\n\n /**\n * Выполняет функцию без отслеживания зависимостей.\n * @template T\n * @function untrack\n * @param {Function} fn - Функция для выполнения.\n * @returns {T} - Результат выполнения функции.\n * @source\n */\n public untrack<T>(fn: () => T): T {\n const prev = this.activeEffect\n this.activeEffect = null; // Временно \"забываем\" про активный эффект\n try {\n return fn()\n } finally {\n this.activeEffect = prev // Возвращаем эффект на место\n }\n }\n\n /**\n * Безопасное выполнение функции.\n * @private\n * @function safeRun\n * @param {IEffect} effect - Эффект.\n * @param {Function} fn - Функция для выполнения.\n * @returns {void}\n * @source\n */\n private safeRun(effect: IEffect, fn: () => void) {\n try {\n fn()\n } catch (error) {\n console.error(\n `%c[Reactive Error] %cОшибка в эффекте/computed:`,\n \"color: white; background: red; padding: 2px 4px; border-radius: 3px;\",\n \"font-weight: bold;\",\n error\n )\n // Здесь можно отправить ошибку в Sentry или другой сервис мониторинга\n }\n }\n}\n"],"mappings":"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"}
|
package/dist/core.mjs
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { getExtractedValues as e } from "./utils/getExtractedValues.mjs";
|
|
2
2
|
//#region src/core/core.ts
|
|
3
3
|
var t = class {
|
|
4
|
+
frameworkPrefix = "core";
|
|
4
5
|
activeEffect = null;
|
|
5
6
|
isBatching = !1;
|
|
6
7
|
pendingEffects = /* @__PURE__ */ new Set();
|
|
@@ -8,6 +9,87 @@ var t = class {
|
|
|
8
9
|
factories = /* @__PURE__ */ new Map();
|
|
9
10
|
proxyCache = /* @__PURE__ */ new WeakMap();
|
|
10
11
|
allEffects = /* @__PURE__ */ new Set();
|
|
12
|
+
loggerOptions;
|
|
13
|
+
pendingLogQueue = [];
|
|
14
|
+
lastTransactionDuration = null;
|
|
15
|
+
signalMutationCounts = /* @__PURE__ */ new Map();
|
|
16
|
+
lastComputedDurations = /* @__PURE__ */ new Map();
|
|
17
|
+
effectExecutionCounts = /* @__PURE__ */ new Map();
|
|
18
|
+
batchTickCounts = 0;
|
|
19
|
+
constructor(e) {
|
|
20
|
+
this.loggerOptions = e?.logger;
|
|
21
|
+
}
|
|
22
|
+
log(t, n, r) {
|
|
23
|
+
if (!this.loggerOptions?.isEnabled || this.loggerOptions.filter && !(this.loggerOptions.filter instanceof RegExp ? this.loggerOptions.filter : new RegExp(this.loggerOptions.filter.replace(/^\/|\/$/g, ""))).test(n)) return;
|
|
24
|
+
let i = {
|
|
25
|
+
signal: "background: #007acc; color: #fff; padding: 2px 6px; border-radius: 4px; font-weight: bold;",
|
|
26
|
+
computed: "background: #42b883; color: #fff; padding: 2px 6px; border-radius: 4px; font-weight: bold;",
|
|
27
|
+
effect: "background: #e01e5a; color: #fff; padding: 2px 6px; border-radius: 4px; font-weight: bold;",
|
|
28
|
+
batch: "background: #7952b3; color: #fff; padding: 2px 6px; border-radius: 4px; font-weight: bold;",
|
|
29
|
+
resource: "background: #d97706; color: #fff; padding: 2px 6px; border-radius: 4px; font-weight: bold;"
|
|
30
|
+
}, a = "", o = "color: #aaa; font-weight: normal;";
|
|
31
|
+
switch (t) {
|
|
32
|
+
case "signal": {
|
|
33
|
+
let s = e({
|
|
34
|
+
tested: [n],
|
|
35
|
+
expectedKey: "CORE_INTERNAL_SIGNAL",
|
|
36
|
+
valueType: "number"
|
|
37
|
+
})?.[0] === "1", c = n, l = (this.signalMutationCounts.get(c) || 0) + 1;
|
|
38
|
+
this.signalMutationCounts.set(c, l);
|
|
39
|
+
let u = r, d = u.subscribers && u.subscribers.length > 0 ? u.subscribers.every((t) => t ? e({
|
|
40
|
+
tested: [t],
|
|
41
|
+
expectedKey: "IS_OPTIMIZED",
|
|
42
|
+
valueType: "number"
|
|
43
|
+
})?.[0] === "1" : !1) : !1, f = l > 50, p = s ? "COMPUTED_INTERNAL" : "SIGNAL";
|
|
44
|
+
a = ` 🔄 Изменений ${s ? "кэша" : "сигнала"}: ${l}${f ? " ⚠️ (high noise — обнаружен дребезг/спам значений!)" : ""}`, f && (o = "color: orange; font-weight: bold;", d || (r.__performance_advice__ = {
|
|
45
|
+
issue: `Сигнал [${c}] обновляется слишком часто (${l} раз за такт). Это приводит к избыточным ререндерам UI.`,
|
|
46
|
+
solution: "Оберните чтение этого сигнала в декоратор сжатия потока данных 'withThrottleComputed'",
|
|
47
|
+
example: "public throttled = withThrottleComputed(this.engine, () => this.yourSignalName.value, { limit: 300 });"
|
|
48
|
+
})), console.groupCollapsed(`%c${p}%c [${c}]%c${a}`, s ? "background: #42b883; color: #fff; padding: 2px 6px; border-radius: 4px; font-weight: bold;" : i[t], "color: #aaa; font-weight: bold;", o), console.log("Данные (Payload):", r), this.loggerOptions.traceTime && typeof performance < "u" && console.log("Тайминг рантайма:", `${performance.now().toFixed(2)} ms`), console.groupEnd();
|
|
49
|
+
return;
|
|
50
|
+
}
|
|
51
|
+
case "computed": {
|
|
52
|
+
let e = r;
|
|
53
|
+
if (e && "to" in e) {
|
|
54
|
+
let t = e.to;
|
|
55
|
+
a = ` 🧮 Значение: ${typeof t == "object" && t ? "{...}" : String(t)}`;
|
|
56
|
+
} else if (e && "duration" in e) {
|
|
57
|
+
let t = parseFloat(e.duration);
|
|
58
|
+
if (!isNaN(t)) {
|
|
59
|
+
let r = this.lastComputedDurations.get(n);
|
|
60
|
+
if (r !== void 0 && r > 0) {
|
|
61
|
+
let n = (t - r) / r * 100;
|
|
62
|
+
n > 5 ? (a = ` 🔴 Замедление: +${n.toFixed(1)}% (${e.duration})`, o = "color: #e01e5a; font-weight: bold;") : n < -5 ? (a = ` 🟢 Ускорение: ${n.toFixed(1)}% (${e.duration})`, o = "color: #42b883; font-weight: bold;") : (a = ` 🟢 Стабильно (${e.duration})`, o = "color: #42b883; font-weight: bold;");
|
|
63
|
+
} else a = ` ⚪ Первый расчет (${e.duration})`;
|
|
64
|
+
this.lastComputedDurations.set(n, t);
|
|
65
|
+
}
|
|
66
|
+
}
|
|
67
|
+
break;
|
|
68
|
+
}
|
|
69
|
+
case "effect": {
|
|
70
|
+
let e = (this.effectExecutionCounts.get(n) || 0) + 1;
|
|
71
|
+
this.effectExecutionCounts.set(n, e);
|
|
72
|
+
let t = e > 30;
|
|
73
|
+
a = ` 🚀 Вызовов эффекта: ${e}${t ? " ⚠️ (heavy re-renders)" : ""}`, t && (o = "color: #ff4a4a; font-weight: bold;");
|
|
74
|
+
break;
|
|
75
|
+
}
|
|
76
|
+
case "batch":
|
|
77
|
+
this.batchTickCounts += 1, a = ` 📦 Номер транзакции: #${this.batchTickCounts}`;
|
|
78
|
+
break;
|
|
79
|
+
case "resource": {
|
|
80
|
+
let e = r;
|
|
81
|
+
if (e.loading) a = " ⏳ ЗАГРУЗКА (fetching...)", o = "color: #d97706; font-weight: bold;";
|
|
82
|
+
else if (e.error) a = ` 🔴 ОШИБКА: ${e.error.message || "Unknown Error"}`, o = "color: #ff4a4a; font-weight: bold;";
|
|
83
|
+
else {
|
|
84
|
+
let t = e.data;
|
|
85
|
+
a = ` 🟢 УСПЕХ (data: ${typeof t == "object" && t ? "{...}" : String(t)})`, o = "color: #42b883; font-weight: bold;";
|
|
86
|
+
}
|
|
87
|
+
break;
|
|
88
|
+
}
|
|
89
|
+
default: break;
|
|
90
|
+
}
|
|
91
|
+
console.groupCollapsed(`%c${t.toUpperCase()}%c [${n}]%c${a}`, i[t], "color: #aaa; font-weight: bold;", o), console.log("Данные (Payload):", r), this.loggerOptions.traceTime && typeof performance < "u" && console.log("Тайминг рантайма:", `${performance.now().toFixed(2)} ms`), console.groupEnd();
|
|
92
|
+
}
|
|
11
93
|
onSignalChange;
|
|
12
94
|
provide(e, t) {
|
|
13
95
|
typeof t == "function" && !t.prototype ? this.factories.set(e, t) : this.services.set(e, t);
|
|
@@ -31,11 +113,55 @@ var t = class {
|
|
|
31
113
|
throw Error(`[DI Error]: Не удалось создать сервис ${String(e)}. Ошибка: ${t?.message || "No e?.message"}`);
|
|
32
114
|
}
|
|
33
115
|
}
|
|
116
|
+
queueLog(e, t, n) {
|
|
117
|
+
this.loggerOptions?.isEnabled && this.pendingLogQueue.push({
|
|
118
|
+
type: e,
|
|
119
|
+
name: t,
|
|
120
|
+
detail: n
|
|
121
|
+
});
|
|
122
|
+
}
|
|
123
|
+
flushLogs() {
|
|
124
|
+
if (!this.loggerOptions?.isEnabled || this.pendingLogQueue.length === 0) return;
|
|
125
|
+
let e = typeof performance < "u" ? performance.now() : 0, t = this.pendingLogQueue;
|
|
126
|
+
if (this.loggerOptions.filter) try {
|
|
127
|
+
let e;
|
|
128
|
+
if (this.loggerOptions.filter instanceof RegExp) e = this.loggerOptions.filter;
|
|
129
|
+
else {
|
|
130
|
+
let t = this.loggerOptions.filter.replace(/^\/|\/$/g, "");
|
|
131
|
+
e = new RegExp(t);
|
|
132
|
+
}
|
|
133
|
+
t = t.filter((t) => e.test(t.name));
|
|
134
|
+
} catch (e) {
|
|
135
|
+
console.warn("[Logger Error]: Некорректный паттерн фильтрации логов", e);
|
|
136
|
+
}
|
|
137
|
+
if (t.length === 0) {
|
|
138
|
+
this.pendingLogQueue = [];
|
|
139
|
+
return;
|
|
140
|
+
}
|
|
141
|
+
let n = "", r = "", i = "color: #aaa; font-weight: normal;";
|
|
142
|
+
if (this.loggerOptions.traceTime && e) {
|
|
143
|
+
let t = performance.now() - e;
|
|
144
|
+
if (n = ` | Duration: ${t.toFixed(3)} ms`, this.lastTransactionDuration !== null && this.lastTransactionDuration > 0) {
|
|
145
|
+
let e = (t - this.lastTransactionDuration) / this.lastTransactionDuration * 100;
|
|
146
|
+
e > .1 ? (r = ` 🔴 +${e.toFixed(1)}%`, i = "color: #e01e5a; font-weight: bold;") : e < -.1 ? (r = ` 🟢 ${e.toFixed(1)}%`, i = "color: #42b883; font-weight: bold;") : (r = " 🟢 stable", i = "color: #42b883; font-weight: bold;");
|
|
147
|
+
} else r = " ⚪ first";
|
|
148
|
+
this.lastTransactionDuration = t;
|
|
149
|
+
}
|
|
150
|
+
console.groupCollapsed(`%cREACTIVE TRANSACTION%c Microtask Tick (Size: ${t.length}${n})%c${r}`, "background: #7952b3; color: #fff; padding: 2px 6px; border-radius: 4px; font-weight: bold;", "color: #aaa; font-weight: normal;", i), t.forEach((e) => {
|
|
151
|
+
this.log(e.type, e.name, e.detail);
|
|
152
|
+
}), this.loggerOptions.traceTime && typeof performance < "u" && console.log(`%c[Execution Timestamp]: ${performance.now().toFixed(2)} ms`, "color: #7952b3; font-weight: bold;"), console.groupEnd(), this.pendingLogQueue = [];
|
|
153
|
+
}
|
|
34
154
|
signal(e, t) {
|
|
35
155
|
let n = this, r = e, i = /* @__PURE__ */ new Set(), a = typeof t == "string" ? { name: t } : t || {}, o = a.name || "unnamed_signal";
|
|
36
156
|
return {
|
|
37
157
|
get value() {
|
|
38
|
-
|
|
158
|
+
if (n.activeEffect) {
|
|
159
|
+
let e = n.activeEffect;
|
|
160
|
+
i.has(e) || (i.add(e), e.cleanups.add(() => {
|
|
161
|
+
i.delete(e);
|
|
162
|
+
}));
|
|
163
|
+
}
|
|
164
|
+
return r;
|
|
39
165
|
},
|
|
40
166
|
set value(e) {
|
|
41
167
|
if (r === e) return;
|
|
@@ -51,15 +177,22 @@ var t = class {
|
|
|
51
177
|
}
|
|
52
178
|
}
|
|
53
179
|
let t = r;
|
|
54
|
-
r = e, n.onSignalChange?.(o, e, t)
|
|
55
|
-
|
|
56
|
-
|
|
180
|
+
r = e, n.onSignalChange?.(o, e, t);
|
|
181
|
+
let s = Array.from(i).map((e) => e.label || "unnamed_effect");
|
|
182
|
+
n.queueLog?.("signal", o, {
|
|
183
|
+
from: t,
|
|
184
|
+
to: e,
|
|
185
|
+
subscribersCount: i.size,
|
|
186
|
+
subscribers: s
|
|
187
|
+
}), i.forEach((e) => n.pendingEffects.add(e)), n.isBatching || (n.isBatching = !0, queueMicrotask(() => {
|
|
188
|
+
for (let e of n.pendingEffects) n.pendingEffects.delete(e), e.run();
|
|
189
|
+
n.isBatching = !1, n.flushLogs?.();
|
|
57
190
|
}));
|
|
58
191
|
},
|
|
59
192
|
subscribe(e) {
|
|
60
193
|
return n.effect(() => {
|
|
61
194
|
e(this.value);
|
|
62
|
-
});
|
|
195
|
+
}, `${n.frameworkPrefix}:use:${o}`);
|
|
63
196
|
}
|
|
64
197
|
};
|
|
65
198
|
}
|
|
@@ -89,21 +222,25 @@ var t = class {
|
|
|
89
222
|
let t = this.computedCache.get(e)?.deref();
|
|
90
223
|
if (t) return t;
|
|
91
224
|
}
|
|
92
|
-
let n = this, r = this.signal(void 0,
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
225
|
+
let n = this, r = t || "unnamed_computed", i = this.signal(void 0, `[CORE_INTERNAL_SIGNAL=1]:${r}`), a = !0, o, s = this.effect(() => {
|
|
226
|
+
o = e(), a = !1;
|
|
227
|
+
let t = typeof performance < "u" && performance.now() ? "0.010ms" : "N/A";
|
|
228
|
+
typeof n.queueLog == "function" && n.queueLog("computed", r, {
|
|
229
|
+
value: o,
|
|
230
|
+
duration: t
|
|
231
|
+
}), i.value = o;
|
|
232
|
+
}, `[IS_OPTIMIZED=1]:${r}`), c = Array.from(this.allEffects)[this.allEffects.size - 1], l = () => {
|
|
233
|
+
s(), c && n.allEffects.delete(c), n.computedCache.delete(e);
|
|
234
|
+
}, u = {
|
|
98
235
|
get value() {
|
|
99
|
-
return
|
|
236
|
+
return a && (o = e(), a = !1, i.value = o), i.value;
|
|
100
237
|
},
|
|
101
|
-
subscribe: (e) =>
|
|
238
|
+
subscribe: (e) => i.subscribe(e),
|
|
102
239
|
destroy() {
|
|
103
|
-
|
|
240
|
+
l();
|
|
104
241
|
}
|
|
105
242
|
};
|
|
106
|
-
return this.cleanupRegistry.register(
|
|
243
|
+
return this.cleanupRegistry.register(u, l), this.computedCache.set(e, new WeakRef(u)), u;
|
|
107
244
|
}
|
|
108
245
|
reactive(e, t = "reactive") {
|
|
109
246
|
if (this.proxyCache.has(e)) return this.proxyCache.get(e);
|
|
@@ -140,29 +277,36 @@ var t = class {
|
|
|
140
277
|
loading: !0,
|
|
141
278
|
error: null,
|
|
142
279
|
isRetrying: !1
|
|
143
|
-
}, a), g =
|
|
280
|
+
}, `[CORE_INTERNAL_SIGNAL=1]:resource:state:${a}`), g = (e) => {
|
|
281
|
+
h.value = e, typeof this.queueLog == "function" && this.queueLog("resource", a, {
|
|
282
|
+
loading: e.loading,
|
|
283
|
+
data: e.data,
|
|
284
|
+
error: e.error,
|
|
285
|
+
isRetrying: e.isRetrying
|
|
286
|
+
});
|
|
287
|
+
}, _ = async (n, r, i = !1) => {
|
|
144
288
|
if (r.aborted) return;
|
|
145
289
|
if (l) {
|
|
146
290
|
let e = l(n);
|
|
147
291
|
if (e === !1 || typeof e == "string") {
|
|
148
292
|
if (r.aborted) return;
|
|
149
293
|
let t = typeof e == "string" ? e : "Pre-fetch validation failed for resource", n = i ? null : this.untrack(() => h.value.data);
|
|
150
|
-
|
|
294
|
+
g({
|
|
151
295
|
data: n,
|
|
152
296
|
loading: !1,
|
|
153
297
|
error: Error(t),
|
|
154
298
|
isRetrying: !1
|
|
155
|
-
};
|
|
299
|
+
});
|
|
156
300
|
return;
|
|
157
301
|
}
|
|
158
302
|
}
|
|
159
303
|
let o = i && s ? null : this.untrack(() => h.value.data);
|
|
160
|
-
|
|
304
|
+
g({
|
|
161
305
|
data: o,
|
|
162
306
|
loading: !0,
|
|
163
307
|
error: null,
|
|
164
308
|
isRetrying: !1
|
|
165
|
-
};
|
|
309
|
+
});
|
|
166
310
|
for (let i = 0; i <= u; i++) {
|
|
167
311
|
if (r.aborted) return;
|
|
168
312
|
let o = r;
|
|
@@ -178,22 +322,22 @@ var t = class {
|
|
|
178
322
|
let t = c(e);
|
|
179
323
|
if (t === !1 || typeof t == "string") {
|
|
180
324
|
if (r.aborted) return;
|
|
181
|
-
|
|
325
|
+
g({
|
|
182
326
|
data: null,
|
|
183
327
|
loading: !1,
|
|
184
328
|
error: Error(typeof t == "string" ? t : "Validation failed"),
|
|
185
329
|
isRetrying: !1
|
|
186
|
-
};
|
|
330
|
+
});
|
|
187
331
|
return;
|
|
188
332
|
}
|
|
189
333
|
}
|
|
190
334
|
if (r.aborted) return;
|
|
191
|
-
|
|
335
|
+
g({
|
|
192
336
|
data: e,
|
|
193
337
|
loading: !1,
|
|
194
338
|
error: null,
|
|
195
339
|
isRetrying: !1
|
|
196
|
-
};
|
|
340
|
+
});
|
|
197
341
|
return;
|
|
198
342
|
} catch (t) {
|
|
199
343
|
if (r.aborted || t.name === "AbortError" && r.aborted) return;
|
|
@@ -209,24 +353,24 @@ var t = class {
|
|
|
209
353
|
if (i === u || c) {
|
|
210
354
|
if (r.aborted) return;
|
|
211
355
|
let e = n ? Error(`Request timed out after ${m}ms`, { cause: t }) : o ? Error(s, { cause: t }) : t;
|
|
212
|
-
|
|
356
|
+
g({
|
|
213
357
|
data: null,
|
|
214
358
|
loading: !1,
|
|
215
359
|
error: e,
|
|
216
360
|
isRetrying: !1
|
|
217
|
-
};
|
|
361
|
+
});
|
|
218
362
|
return;
|
|
219
363
|
} else {
|
|
220
364
|
if (r.aborted) return;
|
|
221
365
|
let e = f ? d * 2 ** i : d;
|
|
222
366
|
e = Math.min(e, p);
|
|
223
367
|
let t = Math.random() * 200;
|
|
224
|
-
e += t,
|
|
368
|
+
e += t, g({
|
|
225
369
|
data: h.value.data,
|
|
226
370
|
loading: !0,
|
|
227
371
|
error: null,
|
|
228
372
|
isRetrying: !0
|
|
229
|
-
}, console.warn(`[Resource Retry] "${a}" сбой по ${n ? "таймауту" : "ошибке сети"}. Попытка ${i + 1}/${u + 1}...`);
|
|
373
|
+
}), console.warn(`[Resource Retry] "${a}" сбой по ${n ? "таймауту" : "ошибке сети"}. Попытка ${i + 1}/${u + 1}...`);
|
|
230
374
|
try {
|
|
231
375
|
if (await this.delay(e, r), r.aborted) return;
|
|
232
376
|
} catch {
|
|
@@ -235,13 +379,13 @@ var t = class {
|
|
|
235
379
|
}
|
|
236
380
|
}
|
|
237
381
|
}
|
|
238
|
-
},
|
|
382
|
+
}, v = null;
|
|
239
383
|
return this.effect(() => {
|
|
240
384
|
let e = n ? n.value : void 0, t = new AbortController();
|
|
241
|
-
return
|
|
242
|
-
|
|
385
|
+
return v = t, this.untrack(() => {
|
|
386
|
+
_(e, t.signal, !0);
|
|
243
387
|
}), () => t.abort();
|
|
244
|
-
}), {
|
|
388
|
+
}, "[dev]"), {
|
|
245
389
|
get data() {
|
|
246
390
|
return h.value.data;
|
|
247
391
|
},
|
|
@@ -258,7 +402,7 @@ var t = class {
|
|
|
258
402
|
return h.value;
|
|
259
403
|
},
|
|
260
404
|
refetch: () => {
|
|
261
|
-
|
|
405
|
+
v?.abort(), v = new AbortController(), _(n ? n.value : void 0, v.signal, !1);
|
|
262
406
|
},
|
|
263
407
|
subscribe: (e) => h.subscribe(e)
|
|
264
408
|
};
|