@pravosleva/reactive-engine 0.2.9-beta → 0.3.0-beta

package/dist/index.mjs

@@ -1,320 +1,256 @@
-import { useEffect as h, useState as g } from "react";
-class v {
-  activeEffect = null;
-  isBatching = !1;
-  pendingEffects = /* @__PURE__ */ new Set();
-  services = /* @__PURE__ */ new Map();
-  factories = /* @__PURE__ */ new Map();
-  proxyCache = /* @__PURE__ */ new WeakMap();
-  allEffects = /* @__PURE__ */ new Set();
-  /**
-   * Коллбек для уведомления о изменении сигнала.
-   * @type {Function}
-   */
-  onSignalChange;
-  reactAdapters = {
-    useState: g,
-    useEffect: h
-  };
-  /**
-   * DI: Регистрация зависимости.
-   * @template T
-   * @function provide
-   * @param {Token<T>} token - Токен для зависимости.
-   * @param {T | Factory<T>} valueOrFactory - Значение или фабрика для создания сервиса.
-   * @returns {void}
-   */
-  provide(e, t) {
-    typeof t == "function" && !t.prototype ? this.factories.set(e, t) : this.services.set(e, t);
-  }
-  /**
-   * DI: Инъекция; Получение сервиса по токену.
-   * @template T
-   * @function inject
-   * @param {Token<T>} token - Токен для зависимости.
-   * @returns {T} - Сервис.
-   */
-  inject(e) {
-    if (!e)
-      throw new Error("[DI Error]: Вы пытаетесь внедрить пустой токен (undefined/null). Проверьте импорты.");
-    if (this.services.has(e)) return this.services.get(e);
-    try {
-      const t = this.factories.get(e);
-      if (t) {
-        const r = t(this);
-        return this.services.set(e, r), r;
-      }
-      if (typeof e == "function" && e.prototype) {
-        const r = new e(this);
-        return this.services.set(e, r), r;
-      }
-      throw new Error(`Service not found: ${String(e)}`);
-    } catch (t) {
-      throw new Error(`[DI Error]: Не удалось создать сервис ${String(e)}. Ошибка: ${t?.message || "No e?.message"}`);
-    }
-  }
-  /**
-   * Создание сигнала.
-   * @template T
-   * @function signal
-   * @param {T} initialValue - Начальное значение сигнала.
-   * @param {string | SignalOptions<T>} [optionsOrName] - Имя или опции сигнала.
-   * @returns {Signal<T>} - Сигнал.
-   */
-  signal(e, t) {
-    const r = this;
-    let n = e;
-    const i = /* @__PURE__ */ new Set(), o = typeof t == "string" ? { name: t } : t || {}, s = o.name || "unnamed_signal";
-    return {
-      get value() {
-        return r.activeEffect && i.add(r.activeEffect), n;
-      },
-      set value(a) {
-        if (n === a) return;
-        if (o.validate) {
-          const f = o.validate(a);
-          if (f === !1 || typeof f == "string") {
-            const u = typeof f == "string" ? f : `[Validation Error]: Некорректное значение для сигнала "${s}"`;
-            console.error(`%c${u}`, "color: orange; font-weight: bold;", {
-              received: a,
-              current: n
-            });
-            return;
-          }
-        }
-        const c = n;
-        n = a, r.onSignalChange?.(s, a, c), i.forEach(
-          (f) => r.isBatching ? r.pendingEffects.add(f) : f.run()
-        );
-      },
-      subscribe(a) {
-        return r.effect(() => a(this.value));
-      }
-    };
-  }
-  /**
-   * Создание эффекта.
-   * @function effect
-   * @param {EffectFn} fn - Функция эффекта.
-   * @returns {CleanupFn} - Функция для очистки эффекта.
-   */
-  effect(e) {
-    const t = this, r = {
-      cleanups: /* @__PURE__ */ new Set(),
-      run() {
-        this.cleanups.forEach((i) => i()), this.cleanups.clear();
-        const n = t.activeEffect;
-        t.activeEffect = this, t.safeRun(this, () => {
-          const i = e();
-          typeof i == "function" && this.cleanups.add(i);
-        }), t.activeEffect = n;
-      }
-    };
-    return this.allEffects.add(r), r.run(), () => {
-      r.cleanups.forEach((n) => n()), t.pendingEffects.delete(r);
-    };
-  }
-  /**
-   * Создание вычисляемого значения.
-   * @template T
-   * @function computed
-   * @param {Function} fn - Функция для вычисления значения.
-   * @param {string} [signalName] - Имя сигнала.
-   * @returns {Computed<T>} - Вычисляемое значение.
-   */
-  computed(e, t) {
-    const r = this.signal(void 0, t || "unnamed_computed");
-    return this.effect(() => {
-      const n = e();
-      r.value = n;
-    }), {
-      get value() {
-        return r.value;
-      },
-      // Подписываемся на внутренний сигнал
-      subscribe: (n) => r.subscribe(n)
-    };
-  }
-  /**
-   * Создание реактивного объекта (Proxy).
-   * @template T
-   * @function reactive
-   * @param {T} target - Целевой объект для проксирования.
-   * @param {string} [name] - Имя проксируемого объекта.
-   * @returns {T} - Реактивный объект.
-   */
-  reactive(e, t = "reactive") {
-    if (this.proxyCache.has(e)) return this.proxyCache.get(e);
-    const r = this, n = /* @__PURE__ */ new Map(), i = new Proxy(e, {
-      get(o, s, a) {
-        r.activeEffect && (n.has(s) || n.set(s, /* @__PURE__ */ new Set()), n.get(s).add(r.activeEffect));
-        const c = Reflect.get(o, s, a);
-        return c !== null && typeof c == "object" ? r.reactive(c, `${t}.${String(s)}`) : c;
-      },
-      set(o, s, a, c) {
-        const f = Reflect.get(o, s, c);
-        return f === a || f !== a && (Reflect.set(o, s, a, c), r.onSignalChange?.(`${t}.${String(s)}`, a, f), n.get(s)?.forEach(
-          (u) => r.isBatching ? r.pendingEffects.add(u) : u.run()
-        )), !0;
-      }
-    });
-    return this.proxyCache.set(e, i), i;
-  }
-  /**
-   * Группировка изменений.
-   * @function batch
-   * @param {Function} fn - Функция для выполнения в группе.
-   * @returns {void}
-   */
-  batch(e) {
-    this.isBatching = !0;
-    try {
-      e();
-    } finally {
-      queueMicrotask(() => {
-        const t = Array.from(this.pendingEffects);
-        this.pendingEffects.clear(), this.isBatching = !1, t.forEach((r) => r.run());
-      });
-    }
-  }
-  /**
-   * Создание асинхронного ресурса.
-   * @template T
-   * @function resource
-   * @param {Function} fetcher - Функция для загрузки данных.
-   * @param {{ value: S }} [source] - Источник данных.
-   * @param {string} [signalName] - Имя сигнала ресурса.
-   * @returns {Resource<T>} - Асинхронный ресурс.
-   */
-  resource(e, t, r) {
-    const n = this.signal({ data: null, loading: !0, error: null }, r || "unnamed_resource");
-    let i = null;
-    const o = async (s) => {
-      i?.abort(), i = new AbortController();
-      const a = this.untrack(() => n.value.data);
-      n.value = { data: a, loading: !0, error: null };
-      try {
-        const c = await e(s, i.signal);
-        i.signal.aborted || (n.value = { data: c, loading: !1, error: null });
-      } catch (c) {
-        c.name !== "AbortError" && (n.value = { data: null, loading: !1, error: c });
-      }
-    };
-    return this.effect(() => {
-      const s = t ? t.value : void 0;
-      return o(s), () => i?.abort();
-    }), {
-      get data() {
-        return n.value.data;
-      },
-      get loading() {
-        return n.value.loading;
-      },
-      get error() {
-        return n.value.error;
-      },
-      get value() {
-        return n.value;
-      },
-      refetch: () => o(t ? t.value : void 0),
-      subscribe: (s) => n.subscribe(s)
-    };
-  }
-  /**
-   * Выполняет функцию без отслеживания зависимостей.
-   * @template T
-   * @function untrack
-   * @param {Function} fn - Функция для выполнения.
-   * @returns {T} - Результат выполнения функции.
-   */
-  untrack(e) {
-    const t = this.activeEffect;
-    this.activeEffect = null;
-    try {
-      return e();
-    } finally {
-      this.activeEffect = t;
-    }
-  }
-  /**
-   * Установка адаптеров React.
-   * @function setReactAdapters
-   * @param {Function} useState - Функция useState из React.
-   * @param {Function} useEffect - Функция useEffect из React.
-   * @returns {void}
-   */
-  setReactAdapters(e, t) {
-    this.reactAdapters = { useState: e, useEffect: t };
-  }
-  /**
-   * Использование реактивного значения в React компоненте.
-   * @template T
-   * @function use
-   * @param {{ value: T; subscribe: (cb: (v: T) => void) => CleanupFn }} item - Реактивный объект.
-   * @returns {T} - Значение реактивного объекта.
-   */
-  use(e) {
-    if (!this.reactAdapters)
-      throw new Error("[React Error]: Адаптеры React не установлены. Вызовите engine.setReactAdapters(useState, useEffect).");
-    if (!e || typeof e.subscribe != "function") {
-      const n = `
-        [Reactive Error]: engine.use() получил некорректный объект!
-        Скорее всего, вы пытаетесь подписаться на свойство сервиса, которое не было инициализировано.
-        Проверьте, что в классе написано: public mySignal = this.engine.signal(...)
-      `;
-      throw console.error(n, { item: e }), new Error(n);
-    }
-    const [t, r] = this.reactAdapters.useState(e.value);
-    return this.reactAdapters.useEffect(
-      () => e.subscribe(r),
-      [e]
-    ), t;
-  }
-  /**
-   * Безопасное выполнение функции.
-   * @private
-   * @function safeRun
-   * @param {IEffect} effect - Эффект.
-   * @param {Function} fn - Функция для выполнения.
-   * @returns {void}
-   */
-  safeRun(e, t) {
-    try {
-      t();
-    } catch (r) {
-      console.error(
-        "%c[Reactive Error] %cОшибка в эффекте/computed:",
-        "color: white; background: red; padding: 2px 4px; border-radius: 3px;",
-        "font-weight: bold;",
-        r
-      );
-    }
-  }
-}
-class E {
-  constructor(e) {
-    this.engine = e;
-  }
-  engine;
-  // Просто сохраняем engine
-  createNumericSignal(e, t) {
-    return this.engine.signal(e, {
-      name: t,
-      validate: (r) => typeof r == "number" && !isNaN(r)
-    });
-  }
-}
-class p {
-  constructor(e) {
-    this.engine = e, setTimeout(() => this.onInit(), 0);
-  }
-  engine;
-  onInit() {
-  }
-}
-export {
-  E as BaseREService,
-  p as BaseREServiceEnhanced,
-  v as ReactiveEngine
+import { useCallback as e, useEffect as t, useMemo as n, useRef as r, useState as i, useSyncExternalStore as a } from "react";
+//#region src/BaseREService.ts
+var o = class {
+	engine;
+	constructor(e) {
+		this.engine = e;
+	}
+	createNumericSignal(e, t) {
+		return this.engine.signal(e, {
+			name: t,
+			validate: (e) => typeof e == "number" && !isNaN(e)
+		});
+	}
+}, s = class {
+	engine;
+	constructor(e) {
+		this.engine = e, setTimeout(() => this.onInit(), 0);
+	}
+	onInit() {}
+}, c = class {
+	activeEffect = null;
+	isBatching = !1;
+	pendingEffects = /* @__PURE__ */ new Set();
+	services = /* @__PURE__ */ new Map();
+	factories = /* @__PURE__ */ new Map();
+	proxyCache = /* @__PURE__ */ new WeakMap();
+	allEffects = /* @__PURE__ */ new Set();
+	onSignalChange;
+	reactAdapters = {
+		useState: i,
+		useEffect: t
+	};
+	provide(e, t) {
+		typeof t == "function" && !t.prototype ? this.factories.set(e, t) : this.services.set(e, t);
+	}
+	inject(e) {
+		if (!e) throw Error("[DI Error]: Вы пытаетесь внедрить пустой токен (undefined/null). Проверьте импорты.");
+		if (this.services.has(e)) return this.services.get(e);
+		try {
+			let t = this.factories.get(e);
+			if (t) {
+				let n = t(this);
+				return this.services.set(e, n), n;
+			}
+			if (typeof e == "function" && e.prototype) {
+				let t = new e(this);
+				return this.services.set(e, t), t;
+			}
+			throw Error(`Service not found: ${String(e)}`);
+		} catch (t) {
+			throw Error(`[DI Error]: Не удалось создать сервис ${String(e)}. Ошибка: ${t?.message || "No e?.message"}`);
+		}
+	}
+	signal(e, t) {
+		let n = this, r = e, i = /* @__PURE__ */ new Set(), a = typeof t == "string" ? { name: t } : t || {}, o = a.name || "unnamed_signal";
+		return {
+			get value() {
+				return n.activeEffect && i.add(n.activeEffect), r;
+			},
+			set value(e) {
+				if (r === e) return;
+				if (a.validate) {
+					let t = a.validate(e);
+					if (t === !1 || typeof t == "string") {
+						let n = typeof t == "string" ? t : `[Validation Error]: Некорректное значение для сигнала "${o}"`;
+						console.error(`%c${n}`, "color: orange; font-weight: bold;", {
+							received: e,
+							current: r
+						});
+						return;
+					}
+				}
+				let t = r;
+				r = e, n.onSignalChange?.(o, e, t), i.forEach((e) => n.pendingEffects.add(e)), n.isBatching || (n.isBatching = !0, queueMicrotask(() => {
+					let e = Array.from(n.pendingEffects);
+					n.pendingEffects.clear(), n.isBatching = !1, e.forEach((e) => e.run());
+				}));
+			},
+			subscribe(e) {
+				return n.effect(() => {
+					e(this.value);
+				});
+			}
+		};
+	}
+	effect(e) {
+		let t = this, n = {
+			cleanups: /* @__PURE__ */ new Set(),
+			run() {
+				this.cleanups.forEach((e) => e()), this.cleanups.clear();
+				let n = t.activeEffect;
+				t.activeEffect = this, t.safeRun(this, () => {
+					let t = e();
+					typeof t == "function" && this.cleanups.add(t);
+				}), t.activeEffect = n;
+			}
+		};
+		return this.allEffects.add(n), n.run(), () => {
+			n.cleanups.forEach((e) => e()), t.pendingEffects.delete(n), t.allEffects.delete(n);
+		};
+	}
+	computedCache = /* @__PURE__ */ new Map();
+	computed(e, t) {
+		if (this.computedCache.has(e)) return this.computedCache.get(e);
+		let n = this, r = this.signal(void 0, t || "unnamed_computed"), i = this.effect(() => {
+			let t = e();
+			r.value = t;
+		}), a = Array.from(this.allEffects)[this.allEffects.size - 1], o = {
+			get value() {
+				return r.value;
+			},
+			subscribe: (e) => r.subscribe(e),
+			destroy() {
+				i(), a && n.allEffects.delete(a), n.computedCache.delete(e);
+			}
+		};
+		return this.computedCache.set(e, o), o;
+	}
+	reactive(e, t = "reactive") {
+		if (this.proxyCache.has(e)) return this.proxyCache.get(e);
+		let n = this, r = /* @__PURE__ */ new Map(), i = new Proxy(e, {
+			get(e, i, a) {
+				n.activeEffect && (r.has(i) || r.set(i, /* @__PURE__ */ new Set()), r.get(i).add(n.activeEffect));
+				let o = Reflect.get(e, i, a);
+				return typeof o == "object" && o ? n.reactive(o, `${t}.${String(i)}`) : o;
+			},
+			set(e, i, a, o) {
+				let s = Reflect.get(e, i, o);
+				return s === a || s !== a && (Reflect.set(e, i, a, o), n.onSignalChange?.(`${t}.${String(i)}`, a, s), r.get(i)?.forEach((e) => n.isBatching ? n.pendingEffects.add(e) : e.run())), !0;
+			}
+		});
+		return this.proxyCache.set(e, i), i;
+	}
+	batch(e) {
+		e();
+	}
+	resource(e, t, n) {
+		let r = this.signal({
+			data: null,
+			loading: !0,
+			error: null
+		}, n || "unnamed_resource"), i = null, a = async (t) => {
+			i?.abort(), i = new AbortController();
+			let n = this.untrack(() => r.value.data);
+			r.value = {
+				data: n,
+				loading: !0,
+				error: null
+			};
+			try {
+				let n = await e(t, i.signal);
+				i.signal.aborted || (r.value = {
+					data: n,
+					loading: !1,
+					error: null
+				});
+			} catch (e) {
+				e.name !== "AbortError" && (r.value = {
+					data: null,
+					loading: !1,
+					error: e
+				});
+			}
+		};
+		return this.effect(() => {
+			let e = t ? t.value : void 0;
+			return a(e), () => i?.abort();
+		}), {
+			get data() {
+				return r.value.data;
+			},
+			get loading() {
+				return r.value.loading;
+			},
+			get error() {
+				return r.value.error;
+			},
+			get value() {
+				return r.value;
+			},
+			refetch: () => a(t ? t.value : void 0),
+			subscribe: (e) => r.subscribe(e)
+		};
+	}
+	untrack(e) {
+		let t = this.activeEffect;
+		this.activeEffect = null;
+		try {
+			return e();
+		} finally {
+			this.activeEffect = t;
+		}
+	}
+	setReactAdapters(e, t) {
+		this.reactAdapters = {
+			useState: e,
+			useEffect: t
+		};
+	}
+	use(e) {
+		if (!this.reactAdapters) throw Error("[React Error]: Адаптеры React не установлены. Вызовите engine.setReactAdapters(useState, useEffect).");
+		if (!e || typeof e.subscribe != "function") {
+			let t = "\n        [Reactive Error]: engine.use() получил некорректный объект!\n        Скорее всего, вы пытаетесь подписаться на свойство сервиса, которое не было инициализировано.\n        Проверьте, что в классе написано: public mySignal = this.engine.signal(...)\n      ";
+			throw console.error(t, { item: e }), Error(t);
+		}
+		let [t, n] = this.reactAdapters.useState(e.value);
+		return this.reactAdapters.useEffect(() => e.subscribe(n), [e]), t;
+	}
+	safeRun(e, t) {
+		try {
+			t();
+		} catch (e) {
+			console.error("%c[Reactive Error] %cОшибка в эффекте/computed:", "color: white; background: red; padding: 2px 4px; border-radius: 3px;", "font-weight: bold;", e);
+		}
+	}
+}, l = (e, t = {}) => {
+	let n = t.ttl ?? 300 * 1e3, r = /* @__PURE__ */ new Map();
+	return async (t, i) => {
+		let a = typeof t == "object" && t ? JSON.stringify(t) : String(t), o = Date.now(), s = r.get(a);
+		if (s && o - s.timestamp < n) return s.data;
+		let c = await e(t, i);
+		return r.set(a, {
+			data: c,
+			timestamp: Date.now()
+		}), c;
+	};
+}, u = (e, n) => {
+	let i = r(n);
+	t(() => {
+		i.current = n;
+	}, [n]), t(() => e.subscribe((e) => {
+		i.current(e);
+	}), [e]);
+}, d = (r) => {
+	let i = n(() => typeof r == "function" ? r() : r, [r]), o = e((e) => i.subscribe(e), [i]), s = e(() => i.value, [i]);
+	return t(() => () => {
+		i && typeof i.destroy == "function" && i.destroy();
+	}, [i]), a(o, s);
+}, f = (e) => {
+	let a = n(() => typeof e == "function" ? e() : e, [e]), [o, s] = i(a.value), c = r(s);
+	return t(() => {
+		c.current = s;
+	}, [s]), t(() => {
+		c.current(a.value);
+		let e = a.subscribe((e) => {
+			c.current(e);
+		});
+		return () => {
+			e(), a && typeof a.destroy == "function" && a.destroy();
+		};
+	}, [a]), o;
 };
-//# sourceMappingURL=index.mjs.map
+//#endregion
+export { o as BaseREService, s as BaseREServiceEnhanced, c as ReactiveEngine, u as useReactiveSubscription, d as useReactiveValue, f as useReactiveValue0, l as withCache };
+
+//# sourceMappingURL=index.mjs.map