@slux/react 0.0.0-stage → 0.1.1

package/CHANGELOG.md

@@ -0,0 +1,45 @@
+# @slux/react
+
+## 0.1.1
+
+### Patch Changes
+
+- 207e315: 基于 `v0.1.0` 之后的改动，完善包文档、交互示例和发布流程。
+
+  - 为 25 个包的 README 补充统一导航；文档站增加各包更新日志、版本发行说明和可在站内体验的示例入口。
+  - 整理示例应用的共享外壳与主题交互，并将示例图标替换为透明背景的 SVG。
+  - 修正自动导入 API 清单生成规则，排除需要显式调用的 `createAutoImportApis` 工厂函数，并统一 Viewfly 清单顺序。
+  - 发布工作流改为 GitHub OIDC 授信发布：预先打包各包、独立执行发布任务，并在发布成功后创建 GitHub Release 草稿。
+
+- Updated dependencies [207e315]
+  - @slux/atom@0.1.1
+  - @slux/core@0.1.1
+  - @slux/flux@0.1.1
+  - @slux/proxy@0.1.1
+  - @slux/rxjs@0.1.1
+  - @slux/shared@0.1.1
+  - @slux/state-machine@0.1.1
+  - @slux/store@0.1.1
+
+## 0.1.0
+
+### Minor Changes
+
+- 首次公开发布 slux 的 25 个包，统一版本为 0.1.0。
+
+  - 提供框架无关的响应式核心与共享工具，以及 Store、Atom、Proxy、Flux、状态机和 RxJS 六种状态组织方式。
+  - 提供持久化、历史记录、跨标签页同步、遥测和开发工具五类 Store 扩展。
+  - 提供 React、Vue、Solid、Svelte、Angular、Preact、Ripple、Inferno、Octane、Vitarx、ActView 和 Viewfly 绑定。
+  - 提供各包文档与对应示例，并接入发布检查和文档部署工作流。
+
+### Patch Changes
+
+- Updated dependencies
+  - @slux/atom@0.1.0
+  - @slux/core@0.1.0
+  - @slux/flux@0.1.0
+  - @slux/proxy@0.1.0
+  - @slux/rxjs@0.1.0
+  - @slux/shared@0.1.0
+  - @slux/state-machine@0.1.0
+  - @slux/store@0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 itmanyong
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,3 +1,299 @@
-# Temporary Holding Version
+# @slux/react
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+把 `@slux/core` 的响应式状态接入 React 18 / 19。核心绑定 `useSignal` 是基于 `useSyncExternalStore` 的 hook，读取任意 `Subscribable<T>` 并返回 `T`；主入口另提供 core `Scope` 的 Context 组件与 `createAutoImportApis`。六个范式各通过独立子入口提供只读 hook，写入仍走原实例。
+
+跨框架一致的子入口划分、Flux / 状态机 / RxJS 的写入与桥接生命周期、Scope 显式覆盖语义与 SSR 通用约束见仓库根 [README](../../README.md) 的「框架适配 · 通用约定」；仓库内构建与验证命令见「本地开发」，本文不再重复。
+
+## 特性与适用场景
+
+| 场景                                                                   | 是否适合 | 说明                                                                       |
+| ---------------------------------------------------------------------- | -------- | -------------------------------------------------------------------------- |
+| 在 React 18 / 19 函数组件里读 signal、computed 或自定义 `Subscribable` | 适合     | `useSignal` 返回 `T`，值变化时触发重渲染                                   |
+| 用 Context 为渲染树提供请求级 `Scope` 覆盖                             | 适合     | `ScopeProvider` / `useScopeContext`，服务端与 hydration 首次快照读取 scope |
+| 消费 atom、store、proxy、flux、state-machine、rxjs 六种范式            | 适合     | 六个 `/xxx` 子入口分别导出对应 hook                                        |
+| 需要自动请求级隔离、把 Scope 写回全局，或脱离组件的长期订阅            | 不适合   | 绑定只读且随组件生命周期，脱离组件请用 `@slux/core` 的 `effect`            |
+
+## 安装
+
+```sh
+pnpm add @slux/react @slux/core react
+```
+
+| 项         | 值                                                                                                                                    | 来源                              |
+| ---------- | ------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------- |
+| React peer | `^18.0.0 \|\| ^19.0.0`                                                                                                                | `package.json` `peerDependencies` |
+| 必需 peer  | `@slux/core`（`workspace:^`）                                                                                                         | 同上                              |
+| 可选 peer  | `@slux/atom`、`@slux/store`、`@slux/proxy`、`@slux/flux`、`@slux/state-machine`、`@slux/rxjs`（均 `workspace:^` 且 `optional: true`） | `peerDependenciesMeta`            |
+| 运行时依赖 | `@slux/shared`（随包安装）                                                                                                            | `dependencies`                    |
+
+范式包是**可选 peer，只安装实际使用的**：用哪个子入口就装哪个包；`@slux/core` 是全部入口的必需依赖。`react-dom` 与 `@types/react` 由应用自行提供。
+
+`package.json` 的 `exports` 子入口（每个都提供 ESM `import` 与 CJS `require`，并带 `.d.ts` / `.d.cts`）：
+
+| 子入口                      | 说明                                                       |
+| --------------------------- | ---------------------------------------------------------- |
+| `@slux/react`               | 主入口：`useSignal`、Scope Context、`createAutoImportApis` |
+| `@slux/react/atom`          | atom 绑定                                                  |
+| `@slux/react/store`         | store 绑定                                                 |
+| `@slux/react/proxy`         | proxy 绑定                                                 |
+| `@slux/react/flux`          | flux 绑定                                                  |
+| `@slux/react/state-machine` | 状态机绑定                                                 |
+| `@slux/react/rxjs`          | RxJS 桥接绑定                                              |
+| `@slux/react/package.json`  | 包元信息                                                   |
+
+## 快速开始
+
+```tsx
+import { computed, signal } from "@slux/core";
+import { useSignal } from "@slux/react";
+
+const count = signal(0);
+const doubled = computed(() => count.get() * 2);
+
+export function Counter() {
+  const value = useSignal(count); // 0
+  const double = useSignal(doubled); // 0
+  return (
+    <button onClick={() => count.set((current) => current + 1)}>
+      {value} × 2 = {double}
+    </button>
+  );
+}
+```
+
+## 主入口 API
+
+### `useSignal`
+
+```ts
+function useSignal<T>(source: Subscribable<T>): T;
+```
+
+| 行为                | 说明                                                                                                                                              |
+| ------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------- |
+| 实现                | `useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot)`                                                                                 |
+| `subscribe`         | `useCallback` 依赖 `[source]`；订阅 `source.subscribe`，同时起 core `effect(() => source.get())` 刷新惰性 computed；清理函数同时退订与释放 effect |
+| `getSnapshot`       | `() => source.get()`，客户端正常渲染读取全局值                                                                                                    |
+| `getServerSnapshot` | `() => scope ? scope.get(source) : source.get()`，服务端与 hydration 首次快照读取最近的 `ScopeProvider`                                           |
+| 来源切换            | `source` 变化重建订阅，旧的 subscribe 与 effect 一并释放；相同来源引用保持稳定                                                                    |
+| 函数值 / 对象值     | 快照直接来自 `source.get()`；函数值按原引用返回，对象不自动冻结（修改走 core 的 `set(recipe)`）                                                   |
+
+自定义来源只需满足 `Subscribable<T>`（`get()` + `subscribe(cb)`，后者返回取消函数）；值未变化时 `get()` 应返回稳定快照。
+
+### Scope 相关
+
+| 导出                 | 签名 / 类型                                               | 说明                                                                   |
+| -------------------- | --------------------------------------------------------- | ---------------------------------------------------------------------- |
+| `ScopeContext`       | `Context<Scope \| null>`                                  | 默认值 `null`，可直接 `useContext(ScopeContext)`                       |
+| `ScopeProvider`      | `(props: ScopeProviderProps) => ReactElement`             | 用 `createElement` 把 `scope` 放入 Provider；`children` 为 `ReactNode` |
+| `useScopeContext`    | `() => Scope \| null`                                     | 返回最近的 Scope，无 Provider 时 `null`                                |
+| `ScopeProviderProps` | `{ readonly scope: Scope; readonly children: ReactNode }` | Provider 属性类型（公开类型导出）                                      |
+
+嵌套 Provider 取最近一层，替换 `scope` 同步更新到消费者；用法见「专属语义与边界」的 SSR 与 hydration。
+
+## 子入口 API
+
+六个子入口都**不返回写入 tuple 或 selector**：Flux / 状态机 / RxJS 的 hook 只读，写入通过原实例的 `dispatch`、`send` 或上游 Observable 完成（通用约定）。所有 hook 基于 `useSyncExternalStore`；服务端快照分两类：`/atom`、`/store`、`/proxy` 把 `getSnapshot` 直接作为 `getServerSnapshot`，SSR 用来源当前值、不读取 `ScopeProvider`；`/flux`、`/state-machine`、`/rxjs` 委托主入口 `useSignal`，服务端快照沿用其 Scope 覆盖语义。
+
+| 子入口           | 导出                                    | 签名要点                                                                    | 返回值                                               | 写入方式                            |
+| ---------------- | --------------------------------------- | --------------------------------------------------------------------------- | ---------------------------------------------------- | ----------------------------------- |
+| `/atom`          | `useAtom`、`useAtomValue`、`useSetAtom` | `<T>(atom)`                                                                 | `[T, (value: T) => void]`、`T`、`(value: T) => void` | `set(value)` 或 `atom.update(fn)`   |
+| `/store`         | `useStore`                              | `(store, selector?, equalityFn?)`                                           | `State` / `Selection`                                | `store.setState(...)`               |
+| `/proxy`         | `useSnapshot`                           | `<T extends object>(proxy: T)`                                              | `Snapshot<T>`                                        | 直接修改原 proxy                    |
+| `/flux`          | `useFluxStore`                          | `<State, Action extends { type: string }>(store: FluxStore<State, Action>)` | `State`                                              | `store.dispatch(action)`            |
+| `/state-machine` | `useMachine`                            | `<Context, Event extends { type: string }, State extends string>(machine)`  | `MachineSnapshot<Context, State>`                    | `machine.send(event)`               |
+| `/rxjs`          | `useObservable`                         | `<T>(source: ObservableState<T>)`                                           | `T`                                                  | 上游 Observable，创建者 `dispose()` |
+
+### `/atom`
+
+```tsx
+import { atom, derived } from "@slux/atom";
+import { useAtom, useAtomValue } from "@slux/react/atom";
+
+const count = atom(0);
+const doubled = derived((get) => get(count) * 2);
+
+function Counter() {
+  const [value, set] = useAtom(count);
+  const double = useAtomValue(doubled);
+  return (
+    <button onClick={() => set(value + 1)}>
+      {value} × 2 = {double}
+    </button>
+  );
+}
+```
+
+`useAtomValue` 可读基础、派生与 writable atom（`AnyReadableAtom<T>`），atom 包已主动刷新派生值，绑定无需再起 core `effect`；`useSetAtom` 只返回 setter、不订阅，调用 `atom.set(value)`（**替换值**，函数值直接保存，函数式更新用 `atom.update(fn)`）；`useAtom` 组合前两者。
+
+### `/store`
+
+```tsx
+import { createStore } from "@slux/store";
+import { useStore } from "@slux/react/store";
+
+const store = createStore(() => ({ count: 0, label: "Counter" }));
+function Counter() {
+  const count = useStore(store, (state) => state.count);
+  return <button onClick={() => store.setState({ count: count + 1 })}>{count}</button>;
+}
+```
+
+`useStore(store)` 返回完整状态，带 `selector, equalityFn?` 时返回选值（默认 `Object.is`）。选值缓存用 `useMemo` 随 `[store, selector, equalityFn]` 重建：状态引用未变直接复用，`equalityFn` 判定相等时保留上次选值引用，避免对象 selector 导致循环渲染。组件卸载只退订、**不销毁** store；SSR 读 `getState()` 当前值（不是 `getInitialState()`）。
+
+### `/proxy`
+
+```tsx
+import { observable } from "@slux/proxy";
+import { useSnapshot } from "@slux/react/proxy";
+
+const state = observable({ user: { name: "Alice" } });
+function Profile() {
+  const snap = useSnapshot(state);
+  return (
+    <button
+      onClick={() => {
+        state.user.name = "Bob";
+      }}
+    >
+      {snap.user.name}
+    </button>
+  );
+}
+```
+
+`useSnapshot` 返回 `Snapshot<T>`，缓存、冻结与结构共享沿用 `@slux/proxy` 的 `snapshot`；订阅范围是**整个 proxy 及嵌套变更**，不按读取属性筛选，快照深层只读，修改走原 proxy。
+
+### `/flux`、`/state-machine`、`/rxjs`
+
+三个 hook 都直接 `return useSignal(source)`，继承主入口的订阅、SSR 与 Scope 边界：
+
+```tsx
+import { createFluxStore } from "@slux/flux";
+import { useFluxStore } from "@slux/react/flux";
+import { useMachine } from "@slux/react/state-machine";
+import { useObservable } from "@slux/react/rxjs";
+
+const flux = createFluxStore((state: number, action: { type: "add"; amount: number }) => state + action.amount, 0);
+function Total() {
+  const value = useFluxStore(flux); // number
+  return <button onClick={() => flux.dispatch({ type: "add", amount: 1 })}>{value}</button>;
+}
+// useMachine(machine) → MachineSnapshot<Context, State>（含 value / context），写入 machine.send(event)
+// useObservable(observable) → T，写入走上游 Observable，创建者调用 dispose()
+```
+
+`useObservable` 只接收 `fromObservable(source, initialValue)` 产出的 `ObservableState<T>`，不接受原始 RxJS `Observable`；完成与错误读 `source.status` / `source.error`。组件卸载只解除自身绑定，桥接 `dispose()` 由创建者负责。
+
+## 专属语义与边界
+
+### SSR 与 hydration
+
+- 服务端 `getServerSnapshot` 读取 `scope.get(source)`；无 Provider 或缺少覆盖值时回退 `source.get()`（含沿父 Scope 的继承）。不同请求用独立 Scope，互不影响。
+- 服务端**不建立** `subscribe` 或 core `effect`：`useSyncExternalStore` 在服务端只调用 `getServerSnapshot`。
+- computed 保留全局依赖语义：Scope 只覆盖信号取值，不隔离 computed 依赖或缓存。全局 `count = 1`、Scope 覆盖 `10` 时，`useSignal(count)` 为 `10`，`useSignal(computed(() => count.get() * 2))` 仍为 `2`。
+- hydration 首次客户端快照也读 Scope：调用方需把服务端数据传给客户端、用相同数据初始化客户端 Scope 才能匹配；hydration 完成后正常渲染读取并订阅**全局**来源。Scope 值与全局值不同时页面切到全局值，`ScopeProvider` 不把作用域值写回全局信号。
+- `/atom`、`/store`、`/proxy` 的 SSR 用各自来源当前值，不接入 `ScopeProvider`，也不自动使用 `createAtomScope()`；`/flux`、`/state-machine`、`/rxjs` 因委托 `useSignal`，服务端快照读 Scope。
+
+### 订阅与清理
+
+- `subscribe` 引用由 `useCallback([source])` 保持稳定；来源切换、组件卸载时同时释放 `source.subscribe` 与 core `effect`，卸载不销毁原状态实例。
+- 值由 `useSyncExternalStore` 按 `Object.is` 比较 `getSnapshot()` 判定是否重渲染；来源返回稳定快照时相同值不触发更新。绑定不捕获异常，订阅回调与 `effect` 中的错误沿用 `@slux/core` 的同步执行与错误汇总语义。
+
+### Scope 显式覆盖契约
+
+`scope.set()` 不触发全局订阅，`runInScope()` 不改写全局 signal 读写；客户端正常渲染仍读全局值。这部分沿用 core 的 Scope 契约，见根 README 通用约定。
+
+## 自动导入
+
+```ts
+import AutoImport from "unplugin-auto-import/vite";
+import { createAutoImportApis } from "@slux/react";
+
+export default { plugins: [AutoImport({ imports: [createAutoImportApis()] })] };
+```
+
+`createAutoImportApis(prefix?)` 返回 `unplugin-auto-import` 的 `ImportsMap`，来源名 `@slux/react`。`src/auto-import-api.ts` 当前登记：`ScopeContext`、`ScopeProvider`、`useScopeContext`、`useSignal`（仅主入口 API，**不含** `createAutoImportApis` 自身与各子入口 hook，需手动 import）。传入前缀时按 `@slux/shared` 的 `createAutoImports` 规则生成别名（前缀以小写字母结尾时把标识符首字母大写后拼接）。
+
+## 类型导出
+
+主入口只导出一个类型：`ScopeProviderProps`（`src/types/index.ts`）=`{ readonly scope: Scope; readonly children: ReactNode }`。六个子入口只导出运行时函数，不额外导出类型；`Subscribable` / `Scope` 来自 `@slux/core`，`Snapshot` 来自 `@slux/proxy`，`FluxStore` / `MachineSnapshot` / `ObservableState` 来自各自范式包，均按包名从原包导入。
+
+## 不适用的场景
+
+- 需要脱离 React 组件生命周期的长期订阅，或在 Node / 非 React 环境使用：直接用 `@slux/core`。
+- 期望绑定返回写入 tuple、selector、自动把 Scope 写回全局，或 SSR 自动序列化 / 恢复请求状态：绑定只读，需调用方自行准备客户端初始数据与 Scope，见根 README 通用约定。
+
+## 版本、许可与反馈
+
+- 版本 `0.1.0`（`package.json`）· 许可 [MIT](../../LICENSE) © itmanyong · 仓库 `github.com/itmanyong/slux`（`packages/react`）。
+- 问题反馈：[GitHub Issues](https://github.com/itmanyong/slux/issues)。
+
+<!-- package-navigation:start -->
+
+## 包导航
+
+### 核心层
+
+响应式运行时与零依赖工具，其余各层都建立在 core 之上。
+
+| 包名                                                                          | 版本                                                                                                                                                                                                                                  | 在线文档                                                     | 功能                   |
+| ----------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------ | ---------------------- |
+| [`@slux/core`](https://github.com/itmanyong/slux/tree/main/packages/core)     | [![npm version](https://img.shields.io/npm/v/@slux/core)](https://www.npmjs.com/package/@slux/core) [![npmx version](https://npmx.dev/api/registry/badge/version/@slux/core?label=npmx)](https://npmx.dev/package/@slux/core)         | [在线文档](https://itmanyong.github.io/slux/packages/core)   | 框架无关的响应式运行时 |
+| [`@slux/shared`](https://github.com/itmanyong/slux/tree/main/packages/shared) | [![npm version](https://img.shields.io/npm/v/@slux/shared)](https://www.npmjs.com/package/@slux/shared) [![npmx version](https://npmx.dev/api/registry/badge/version/@slux/shared?label=npmx)](https://npmx.dev/package/@slux/shared) | [在线文档](https://itmanyong.github.io/slux/packages/shared) | 零依赖的共享工具       |
+
+### 范式层
+
+六种组织状态的方式，共享 core 的运行时，可在同一个依赖图中混用。
+
+| 包名                                                                                        | 版本                                                                                                                                                                                                                                                              | 在线文档                                                            | 功能                               |
+| ------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------- | ---------------------------------- |
+| [`@slux/store`](https://github.com/itmanyong/slux/tree/main/packages/store)                 | [![npm version](https://img.shields.io/npm/v/@slux/store)](https://www.npmjs.com/package/@slux/store) [![npmx version](https://npmx.dev/api/registry/badge/version/@slux/store?label=npmx)](https://npmx.dev/package/@slux/store)                                 | [在线文档](https://itmanyong.github.io/slux/packages/store)         | 状态与 action 集中管理，支持中间件 |
+| [`@slux/atom`](https://github.com/itmanyong/slux/tree/main/packages/atom)                   | [![npm version](https://img.shields.io/npm/v/@slux/atom)](https://www.npmjs.com/package/@slux/atom) [![npmx version](https://npmx.dev/api/registry/badge/version/@slux/atom?label=npmx)](https://npmx.dev/package/@slux/atom)                                     | [在线文档](https://itmanyong.github.io/slux/packages/atom)          | 细粒度原子状态与派生               |
+| [`@slux/proxy`](https://github.com/itmanyong/slux/tree/main/packages/proxy)                 | [![npm version](https://img.shields.io/npm/v/@slux/proxy)](https://www.npmjs.com/package/@slux/proxy) [![npmx version](https://npmx.dev/api/registry/badge/version/@slux/proxy?label=npmx)](https://npmx.dev/package/@slux/proxy)                                 | [在线文档](https://itmanyong.github.io/slux/packages/proxy)         | 可变代理写入与只读快照             |
+| [`@slux/flux`](https://github.com/itmanyong/slux/tree/main/packages/flux)                   | [![npm version](https://img.shields.io/npm/v/@slux/flux)](https://www.npmjs.com/package/@slux/flux) [![npmx version](https://npmx.dev/api/registry/badge/version/@slux/flux?label=npmx)](https://npmx.dev/package/@slux/flux)                                     | [在线文档](https://itmanyong.github.io/slux/packages/flux)          | reducer + dispatch 范式            |
+| [`@slux/state-machine`](https://github.com/itmanyong/slux/tree/main/packages/state-machine) | [![npm version](https://img.shields.io/npm/v/@slux/state-machine)](https://www.npmjs.com/package/@slux/state-machine) [![npmx version](https://npmx.dev/api/registry/badge/version/@slux/state-machine?label=npmx)](https://npmx.dev/package/@slux/state-machine) | [在线文档](https://itmanyong.github.io/slux/packages/state-machine) | 平面有限状态机                     |
+| [`@slux/rxjs`](https://github.com/itmanyong/slux/tree/main/packages/rxjs)                   | [![npm version](https://img.shields.io/npm/v/@slux/rxjs)](https://www.npmjs.com/package/@slux/rxjs) [![npmx version](https://npmx.dev/api/registry/badge/version/@slux/rxjs?label=npmx)](https://npmx.dev/package/@slux/rxjs)                                     | [在线文档](https://itmanyong.github.io/slux/packages/rxjs)          | Observable 与状态双向桥接          |
+
+### 中间件层
+
+挂载到 Store 的横切能力，五个包共用同一套契约。
+
+| 包名                                                                                | 版本                                                                                                                                                                                                                                              | 在线文档                                                        | 功能                 |
+| ----------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------- | -------------------- |
+| [`@slux/storage`](https://github.com/itmanyong/slux/tree/main/packages/storage)     | [![npm version](https://img.shields.io/npm/v/@slux/storage)](https://www.npmjs.com/package/@slux/storage) [![npmx version](https://npmx.dev/api/registry/badge/version/@slux/storage?label=npmx)](https://npmx.dev/package/@slux/storage)         | [在线文档](https://itmanyong.github.io/slux/packages/storage)   | 状态持久化与恢复     |
+| [`@slux/history`](https://github.com/itmanyong/slux/tree/main/packages/history)     | [![npm version](https://img.shields.io/npm/v/@slux/history)](https://www.npmjs.com/package/@slux/history) [![npmx version](https://npmx.dev/api/registry/badge/version/@slux/history?label=npmx)](https://npmx.dev/package/@slux/history)         | [在线文档](https://itmanyong.github.io/slux/packages/history)   | 撤销与重做           |
+| [`@slux/tab-sync`](https://github.com/itmanyong/slux/tree/main/packages/tab-sync)   | [![npm version](https://img.shields.io/npm/v/@slux/tab-sync)](https://www.npmjs.com/package/@slux/tab-sync) [![npmx version](https://npmx.dev/api/registry/badge/version/@slux/tab-sync?label=npmx)](https://npmx.dev/package/@slux/tab-sync)     | [在线文档](https://itmanyong.github.io/slux/packages/tab-sync)  | 跨标签页状态同步     |
+| [`@slux/telemetry`](https://github.com/itmanyong/slux/tree/main/packages/telemetry) | [![npm version](https://img.shields.io/npm/v/@slux/telemetry)](https://www.npmjs.com/package/@slux/telemetry) [![npmx version](https://npmx.dev/api/registry/badge/version/@slux/telemetry?label=npmx)](https://npmx.dev/package/@slux/telemetry) | [在线文档](https://itmanyong.github.io/slux/packages/telemetry) | 状态变化与订阅遥测   |
+| [`@slux/devtools`](https://github.com/itmanyong/slux/tree/main/packages/devtools)   | [![npm version](https://img.shields.io/npm/v/@slux/devtools)](https://www.npmjs.com/package/@slux/devtools) [![npmx version](https://npmx.dev/api/registry/badge/version/@slux/devtools?label=npmx)](https://npmx.dev/package/@slux/devtools)     | [在线文档](https://itmanyong.github.io/slux/packages/devtools)  | 调试工具、日志与检查 |
+
+### 框架层
+
+十二个绑定包都提供 core 主入口与六个范式子入口，使用框架原生响应式与生命周期。范式包是**可选** peer，只装实际使用的；`@slux/core` 与框架本身是**必需** peer。
+
+| 包名                                                                            | 版本                                                                                                                                                                                                                                      | 在线文档                                                      | 适配框架                                        | 适配版本                                   | 功能                   |
+| ------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------- | ----------------------------------------------- | ------------------------------------------ | ---------------------- |
+| [`@slux/react`](https://github.com/itmanyong/slux/tree/main/packages/react)     | [![npm version](https://img.shields.io/npm/v/@slux/react)](https://www.npmjs.com/package/@slux/react) [![npmx version](https://npmx.dev/api/registry/badge/version/@slux/react?label=npmx)](https://npmx.dev/package/@slux/react)         | [在线文档](https://itmanyong.github.io/slux/packages/react)   | [React](https://github.com/react/react)         | `^18.0.0 ‖ ^19.0.0`                        | React 组件状态绑定     |
+| [`@slux/vue`](https://github.com/itmanyong/slux/tree/main/packages/vue)         | [![npm version](https://img.shields.io/npm/v/@slux/vue)](https://www.npmjs.com/package/@slux/vue) [![npmx version](https://npmx.dev/api/registry/badge/version/@slux/vue?label=npmx)](https://npmx.dev/package/@slux/vue)                 | [在线文档](https://itmanyong.github.io/slux/packages/vue)     | [Vue](https://github.com/vuejs/core)            | `>= 3.2.0`                                 | Vue 组合式 API 绑定    |
+| [`@slux/solid`](https://github.com/itmanyong/slux/tree/main/packages/solid)     | [![npm version](https://img.shields.io/npm/v/@slux/solid)](https://www.npmjs.com/package/@slux/solid) [![npmx version](https://npmx.dev/api/registry/badge/version/@slux/solid?label=npmx)](https://npmx.dev/package/@slux/solid)         | [在线文档](https://itmanyong.github.io/slux/packages/solid)   | [Solid](https://github.com/solidjs/solid)       | `>= 1.0.0`                                 | Solid 细粒度响应式绑定 |
+| [`@slux/svelte`](https://github.com/itmanyong/slux/tree/main/packages/svelte)   | [![npm version](https://img.shields.io/npm/v/@slux/svelte)](https://www.npmjs.com/package/@slux/svelte) [![npmx version](https://npmx.dev/api/registry/badge/version/@slux/svelte?label=npmx)](https://npmx.dev/package/@slux/svelte)     | [在线文档](https://itmanyong.github.io/slux/packages/svelte)  | [Svelte](https://github.com/sveltejs/svelte)    | `>= 4.0.0`                                 | Svelte 原生 store 绑定 |
+| [`@slux/angular`](https://github.com/itmanyong/slux/tree/main/packages/angular) | [![npm version](https://img.shields.io/npm/v/@slux/angular)](https://www.npmjs.com/package/@slux/angular) [![npmx version](https://npmx.dev/api/registry/badge/version/@slux/angular?label=npmx)](https://npmx.dev/package/@slux/angular) | [在线文档](https://itmanyong.github.io/slux/packages/angular) | [Angular](https://github.com/angular/angular)   | `@angular/core >= 16.0.0`、`rxjs >= 7.8.0` | Angular 注入上下文绑定 |
+| [`@slux/preact`](https://github.com/itmanyong/slux/tree/main/packages/preact)   | [![npm version](https://img.shields.io/npm/v/@slux/preact)](https://www.npmjs.com/package/@slux/preact) [![npmx version](https://npmx.dev/api/registry/badge/version/@slux/preact?label=npmx)](https://npmx.dev/package/@slux/preact)     | [在线文档](https://itmanyong.github.io/slux/packages/preact)  | [Preact](https://github.com/preactjs/preact)    | `>= 10.5.0`                                | Preact 组件状态绑定    |
+| [`@slux/ripple`](https://github.com/itmanyong/slux/tree/main/packages/ripple)   | [![npm version](https://img.shields.io/npm/v/@slux/ripple)](https://www.npmjs.com/package/@slux/ripple) [![npmx version](https://npmx.dev/api/registry/badge/version/@slux/ripple?label=npmx)](https://npmx.dev/package/@slux/ripple)     | [在线文档](https://itmanyong.github.io/slux/packages/ripple)  | [Ripple](https://github.com/Ripple-TS/ripple)   | `>= 0.6.0`                                 | Ripple 组件状态绑定    |
+| [`@slux/inferno`](https://github.com/itmanyong/slux/tree/main/packages/inferno) | [![npm version](https://img.shields.io/npm/v/@slux/inferno)](https://www.npmjs.com/package/@slux/inferno) [![npmx version](https://npmx.dev/api/registry/badge/version/@slux/inferno?label=npmx)](https://npmx.dev/package/@slux/inferno) | [在线文档](https://itmanyong.github.io/slux/packages/inferno) | [Inferno](https://github.com/infernojs/inferno) | `>= 7.0.0`                                 | Inferno 组件状态绑定   |
+| [`@slux/octane`](https://github.com/itmanyong/slux/tree/main/packages/octane)   | [![npm version](https://img.shields.io/npm/v/@slux/octane)](https://www.npmjs.com/package/@slux/octane) [![npmx version](https://npmx.dev/api/registry/badge/version/@slux/octane?label=npmx)](https://npmx.dev/package/@slux/octane)     | [在线文档](https://itmanyong.github.io/slux/packages/octane)  | [Octane](https://github.com/octanejs/octane)    | `>= 0.16.0`                                | Octane 编译器绑定      |
+| [`@slux/vitarx`](https://github.com/itmanyong/slux/tree/main/packages/vitarx)   | [![npm version](https://img.shields.io/npm/v/@slux/vitarx)](https://www.npmjs.com/package/@slux/vitarx) [![npmx version](https://npmx.dev/api/registry/badge/version/@slux/vitarx?label=npmx)](https://npmx.dev/package/@slux/vitarx)     | [在线文档](https://itmanyong.github.io/slux/packages/vitarx)  | [Vitarx](https://github.com/vitarx-lib/core)    | `>= 4.0.0`                                 | Vitarx 组件状态绑定    |
+| [`@slux/actview`](https://github.com/itmanyong/slux/tree/main/packages/actview) | [![npm version](https://img.shields.io/npm/v/@slux/actview)](https://www.npmjs.com/package/@slux/actview) [![npmx version](https://npmx.dev/api/registry/badge/version/@slux/actview?label=npmx)](https://npmx.dev/package/@slux/actview) | [在线文档](https://itmanyong.github.io/slux/packages/actview) | [ActView](https://github.com/actview/actview)   | `>= 1.0.0`                                 | ActView 组件状态绑定   |
+| [`@slux/viewfly`](https://github.com/itmanyong/slux/tree/main/packages/viewfly) | [![npm version](https://img.shields.io/npm/v/@slux/viewfly)](https://www.npmjs.com/package/@slux/viewfly) [![npmx version](https://npmx.dev/api/registry/badge/version/@slux/viewfly?label=npmx)](https://npmx.dev/package/@slux/viewfly) | [在线文档](https://itmanyong.github.io/slux/packages/viewfly) | [Viewfly](https://github.com/viewfly/viewfly)   | `>= 3.0.0`                                 | Viewfly 组件状态绑定   |
+
+格式差异：**Octane** 的公开入口是 TypeScript 源码，需消费端 Octane 编译器处理且不提供 CJS；**Ripple** 只发布 ESM，另有 `./server` 服务端入口。其余边界见各包文档。
+
+### 插件层
+
+**规划中**
+
+| 包名 | 版本 | 在线文档 | 功能 |
+| ---- | ---- | -------- | ---- |
+| —    | —    | —        | —    |
+
+<!-- package-navigation:end -->

package/dist/5~0.js

@@ -0,0 +1,2 @@
+import{createContext as e,createElement as t,useCallback as r,useContext as o,useSyncExternalStore as n}from"react";import{effect as u}from"@slux/core";let c=e(null);function i({scope:e,children:r}){return t(c.Provider,{value:e},r)}function l(){return o(c)}function p(e){let t=l();return n(r(t=>{let r=e.subscribe(()=>t()),o=u(()=>{e.get()});return()=>{r(),o()}},[e]),r(()=>e.get(),[e]),r(()=>t?t.get(e):e.get(),[t,e]))}export{c as ScopeContext,i as ScopeProvider,l as useScopeContext,p as useSignal};
+//# sourceMappingURL=5~0.js.map

package/dist/5~0.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"5~0.js","sources":["../src/scope/scope-context.ts","../src/hooks/use-signal.ts"],"sourcesContent":["import { createContext, createElement, useContext } from \"react\";\nimport type { Scope } from \"@slux/core\";\nimport type { ScopeProviderProps } from \"../types/index.js\";\n\nexport const ScopeContext = createContext<Scope | null>(null);\n\nexport function ScopeProvider({ scope, children }: ScopeProviderProps) {\n  return createElement(ScopeContext.Provider, { value: scope }, children);\n}\n\nexport function useScopeContext(): Scope | null {\n  return useContext(ScopeContext);\n}\n","import { useCallback, useSyncExternalStore } from \"react\";\nimport { effect } from \"@slux/core\";\nimport type { Subscribable } from \"@slux/core\";\nimport { useScopeContext } from \"../scope/scope-context.js\";\n\nexport function useSignal<T>(source: Subscribable<T>): T {\n  const scope = useScopeContext();\n  const subscribe = useCallback(\n    (onStoreChange: () => void) => {\n      const unsubscribe = source.subscribe(() => onStoreChange());\n      // computed 只有读取时才刷新并通知；effect 将依赖变化接入外部订阅。\n      const dispose = effect(() => {\n        source.get();\n      });\n      return () => {\n        unsubscribe();\n        dispose();\n      };\n    },\n    [source],\n  );\n  const getSnapshot = useCallback(() => source.get(), [source]);\n  // 对齐 core 的显式作用域契约：客户端正常渲染仍读取全局值。\n  const getServerSnapshot = useCallback(() => (scope ? scope.get(source) : source.get()), [scope, source]);\n  return useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);\n}\n"],"names":["ScopeContext","createContext","ScopeProvider","scope","children","createElement","useScopeContext","useContext","useSignal","source","useSyncExternalStore","useCallback","onStoreChange","unsubscribe","dispose","effect"],"mappings":"wJAIO,IAAMA,EAAeC,EAA4B,MAEjD,SAASC,EAAc,CAAEC,MAAAA,CAAK,CAAEC,SAAAA,CAAQ,CAAsB,EACnE,OAAOC,EAAcL,EAAa,QAAQ,CAAE,CAAE,MAAOG,CAAM,EAAGC,EAChE,CAEO,SAASE,IACd,OAAOC,EAAWP,EACpB,CCPO,SAASQ,EAAaC,CAAuB,EAClD,IAAMN,EAAQG,IAkBd,OAAOI,EAjBWC,EAChB,AAACC,IACC,IAAMC,EAAcJ,EAAO,SAAS,CAAC,IAAMG,KAErCE,EAAUC,EAAO,KACrBN,EAAO,GAAG,EACZ,GACA,MAAO,KACLI,IACAC,GACF,CACF,EACA,CAACL,EAAO,EAEUE,EAAY,IAAMF,EAAO,GAAG,GAAI,CAACA,EAAO,EAElCE,EAAY,IAAOR,EAAQA,EAAM,GAAG,CAACM,GAAUA,EAAO,GAAG,GAAK,CAACN,EAAOM,EAAO,EAEzG,Q"}

package/dist/atom.cjs

@@ -0,0 +1,2 @@
+"use strict";const __rslib_import_meta_url__="u"<typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,_,t)=>{var r=(_,t)=>{for(var r in _)__webpack_require__.o(_,r)&&!__webpack_require__.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,[t]:_[r]})};r(_,"get"),r(t,"value")},__webpack_require__.o=(e,_)=>Object.prototype.hasOwnProperty.call(e,_),__webpack_require__.r=e=>{"u">typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{useAtom:()=>useAtom,useAtomValue:()=>useAtomValue,useSetAtom:()=>useSetAtom});const external_react_namespaceObject=require("react");function useAtom(e){return[useAtomValue(e),useSetAtom(e)]}function useAtomValue(e){let _=(0,external_react_namespaceObject.useCallback)(_=>e.subscribe(_),[e]),t=(0,external_react_namespaceObject.useCallback)(()=>e.get(),[e]);return(0,external_react_namespaceObject.useSyncExternalStore)(_,t,t)}function useSetAtom(e){return(0,external_react_namespaceObject.useCallback)(_=>e.set(_),[e])}for(var __rspack_i in exports.useAtom=__webpack_exports__.useAtom,exports.useAtomValue=__webpack_exports__.useAtomValue,exports.useSetAtom=__webpack_exports__.useSetAtom,__webpack_exports__)-1===["useAtom","useAtomValue","useSetAtom"].indexOf(__rspack_i)&&(exports[__rspack_i]=__webpack_exports__[__rspack_i]);Object.defineProperty(exports,"__esModule",{value:!0});
+//# sourceMappingURL=atom.cjs.map

package/dist/atom.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"atom.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../src/atom.ts"],"sourcesContent":["__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import { useCallback, useSyncExternalStore } from \"react\";\nimport type { Atom, AnyReadableAtom } from \"@slux/atom\";\n\nexport function useAtom<T>(atom: Atom<T>): [T, (value: T) => void] {\n  return [useAtomValue(atom), useSetAtom(atom)];\n}\n\nexport function useAtomValue<T>(atom: AnyReadableAtom<T>): T {\n  // atom 包已主动刷新派生值，无需额外创建 core effect。\n  const subscribe = useCallback((onStoreChange: () => void) => atom.subscribe(onStoreChange), [atom]);\n  const getSnapshot = useCallback(() => atom.get(), [atom]);\n  return useSyncExternalStore(subscribe, getSnapshot, getSnapshot);\n}\n\nexport function useSetAtom<T>(atom: Atom<T>): (value: T) => void {\n  return useCallback((value: T) => atom.set(value), [atom]);\n}\n"],"names":["__webpack_require__","e","Object","Symbol","useAtom","atom","useAtomValue","useSetAtom","subscribe","useCallback","onStoreChange","getSnapshot","useSyncExternalStore","value"],"mappings":"wPAAAA,CAAAA,oBAAoB,CAAC,CAAG,CAACC,EAAS,EAAS,KAC1C,IAAI,EAAS,CAAC,EAAM,KACnB,IAAI,IAAI,KAAO,EACXD,oBAAoB,CAAC,CAAC,EAAM,IAAQ,CAACA,oBAAoB,CAAC,CAACC,EAAS,IACtEC,OAAO,cAAc,CAACD,EAAS,EAAK,CAAE,WAAY,GAAM,CAAC,EAAK,CAAE,CAAI,CAAC,EAAI,AAAC,EAG7E,EACA,EAAO,EAAS,OAChB,EAAO,EAAQ,QAChB,ECVAD,oBAAoB,CAAC,CAAG,CAAC,EAAK,IAAUE,OAAO,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,EAAK,GCClFF,oBAAoB,CAAC,CAAG,AAACC,IACrB,AAAkB,IAAlB,OAAOE,QAA0BA,OAAO,WAAW,EACrDD,OAAO,cAAc,CAACD,EAASE,OAAO,WAAW,CAAE,CAAE,MAAO,QAAS,GAEtED,OAAO,cAAc,CAACD,EAAS,aAAc,CAAE,MAAO,EAAK,EAC5D,E,qPCHO,SAASG,QAAWC,CAAa,EACtC,MAAO,CAACC,aAAaD,GAAOE,WAAWF,GAAM,AAC/C,CAEO,SAASC,aAAgBD,CAAwB,EAEtD,IAAMG,EAAYC,AAAAA,GAAAA,+BAAAA,WAAAA,AAAAA,EAAY,AAACC,GAA8BL,EAAK,SAAS,CAACK,GAAgB,CAACL,EAAK,EAC5FM,EAAcF,AAAAA,GAAAA,+BAAAA,WAAAA,AAAAA,EAAY,IAAMJ,EAAK,GAAG,GAAI,CAACA,EAAK,EACxD,MAAOO,AAAAA,GAAAA,+BAAAA,oBAAAA,AAAAA,EAAqBJ,EAAWG,EAAaA,EACtD,CAEO,SAASJ,WAAcF,CAAa,EACzC,MAAOI,AAAAA,GAAAA,+BAAAA,WAAAA,AAAAA,EAAY,AAACI,GAAaR,EAAK,GAAG,CAACQ,GAAQ,CAACR,EAAK,CAC1D,C"}

package/dist/atom.d.cts

@@ -0,0 +1,10 @@
+import type { AnyReadableAtom } from '@slux/atom';
+import type { Atom } from '@slux/atom';
+
+export declare function useAtom<T>(atom: Atom<T>): [T, (value: T) => void];
+
+export declare function useAtomValue<T>(atom: AnyReadableAtom<T>): T;
+
+export declare function useSetAtom<T>(atom: Atom<T>): (value: T) => void;
+
+export { }

package/dist/atom.d.ts

@@ -0,0 +1,10 @@
+import type { AnyReadableAtom } from '@slux/atom';
+import type { Atom } from '@slux/atom';
+
+export declare function useAtom<T>(atom: Atom<T>): [T, (value: T) => void];
+
+export declare function useAtomValue<T>(atom: AnyReadableAtom<T>): T;
+
+export declare function useSetAtom<T>(atom: Atom<T>): (value: T) => void;
+
+export { }

package/dist/atom.js

@@ -0,0 +1,2 @@
+import{useCallback as t,useSyncExternalStore as e}from"react";function r(t){return[u(t),n(t)]}function u(r){let u=t(t=>r.subscribe(t),[r]),n=t(()=>r.get(),[r]);return e(u,n,n)}function n(e){return t(t=>e.set(t),[e])}export{r as useAtom,u as useAtomValue,n as useSetAtom};
+//# sourceMappingURL=atom.js.map

package/dist/atom.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"atom.js","sources":["../src/atom.ts"],"sourcesContent":["import { useCallback, useSyncExternalStore } from \"react\";\nimport type { Atom, AnyReadableAtom } from \"@slux/atom\";\n\nexport function useAtom<T>(atom: Atom<T>): [T, (value: T) => void] {\n  return [useAtomValue(atom), useSetAtom(atom)];\n}\n\nexport function useAtomValue<T>(atom: AnyReadableAtom<T>): T {\n  // atom 包已主动刷新派生值，无需额外创建 core effect。\n  const subscribe = useCallback((onStoreChange: () => void) => atom.subscribe(onStoreChange), [atom]);\n  const getSnapshot = useCallback(() => atom.get(), [atom]);\n  return useSyncExternalStore(subscribe, getSnapshot, getSnapshot);\n}\n\nexport function useSetAtom<T>(atom: Atom<T>): (value: T) => void {\n  return useCallback((value: T) => atom.set(value), [atom]);\n}\n"],"names":["useAtom","atom","useAtomValue","useSetAtom","subscribe","useCallback","onStoreChange","getSnapshot","useSyncExternalStore","value"],"mappings":"8DAGO,SAASA,EAAWC,CAAa,EACtC,MAAO,CAACC,EAAaD,GAAOE,EAAWF,GAAM,AAC/C,CAEO,SAASC,EAAgBD,CAAwB,EAEtD,IAAMG,EAAYC,EAAY,AAACC,GAA8BL,EAAK,SAAS,CAACK,GAAgB,CAACL,EAAK,EAC5FM,EAAcF,EAAY,IAAMJ,EAAK,GAAG,GAAI,CAACA,EAAK,EACxD,OAAOO,EAAqBJ,EAAWG,EAAaA,EACtD,CAEO,SAASJ,EAAcF,CAAa,EACzC,OAAOI,EAAY,AAACI,GAAaR,EAAK,GAAG,CAACQ,GAAQ,CAACR,EAAK,CAC1D,Q"}

package/dist/flux.cjs

@@ -0,0 +1,2 @@
+"use strict";const __rslib_import_meta_url__="u"<typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,r,_)=>{var t=(r,_)=>{for(var t in r)__webpack_require__.o(r,t)&&!__webpack_require__.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,[_]:r[t]})};t(r,"get"),t(_,"value")},__webpack_require__.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),__webpack_require__.r=e=>{"u">typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{useFluxStore:()=>useFluxStore});const external_react_namespaceObject=require("react"),core_namespaceObject=require("@slux/core"),ScopeContext=(0,external_react_namespaceObject.createContext)(null);function ScopeProvider({scope:e,children:r}){return createElement(ScopeContext.Provider,{value:e},r)}function useScopeContext(){return(0,external_react_namespaceObject.useContext)(ScopeContext)}function useSignal(e){let r=useScopeContext(),_=(0,external_react_namespaceObject.useCallback)(r=>{let _=e.subscribe(()=>r()),t=(0,core_namespaceObject.effect)(()=>{e.get()});return()=>{_(),t()}},[e]),t=(0,external_react_namespaceObject.useCallback)(()=>e.get(),[e]),c=(0,external_react_namespaceObject.useCallback)(()=>r?r.get(e):e.get(),[r,e]);return(0,external_react_namespaceObject.useSyncExternalStore)(_,t,c)}function useFluxStore(e){return useSignal(e)}for(var __rspack_i in exports.useFluxStore=__webpack_exports__.useFluxStore,__webpack_exports__)-1===["useFluxStore"].indexOf(__rspack_i)&&(exports[__rspack_i]=__webpack_exports__[__rspack_i]);Object.defineProperty(exports,"__esModule",{value:!0});
+//# sourceMappingURL=flux.cjs.map

package/dist/flux.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"flux.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../src/scope/scope-context.ts","../src/hooks/use-signal.ts","../src/flux.ts"],"sourcesContent":["__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import { createContext, createElement, useContext } from \"react\";\nimport type { Scope } from \"@slux/core\";\nimport type { ScopeProviderProps } from \"../types/index.js\";\n\nexport const ScopeContext = createContext<Scope | null>(null);\n\nexport function ScopeProvider({ scope, children }: ScopeProviderProps) {\n  return createElement(ScopeContext.Provider, { value: scope }, children);\n}\n\nexport function useScopeContext(): Scope | null {\n  return useContext(ScopeContext);\n}\n","import { useCallback, useSyncExternalStore } from \"react\";\nimport { effect } from \"@slux/core\";\nimport type { Subscribable } from \"@slux/core\";\nimport { useScopeContext } from \"../scope/scope-context.js\";\n\nexport function useSignal<T>(source: Subscribable<T>): T {\n  const scope = useScopeContext();\n  const subscribe = useCallback(\n    (onStoreChange: () => void) => {\n      const unsubscribe = source.subscribe(() => onStoreChange());\n      // computed 只有读取时才刷新并通知；effect 将依赖变化接入外部订阅。\n      const dispose = effect(() => {\n        source.get();\n      });\n      return () => {\n        unsubscribe();\n        dispose();\n      };\n    },\n    [source],\n  );\n  const getSnapshot = useCallback(() => source.get(), [source]);\n  // 对齐 core 的显式作用域契约：客户端正常渲染仍读取全局值。\n  const getServerSnapshot = useCallback(() => (scope ? scope.get(source) : source.get()), [scope, source]);\n  return useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);\n}\n","import type { FluxStore } from \"@slux/flux\";\nimport { useSignal } from \"./hooks/use-signal.js\";\n\nexport function useFluxStore<State, Action extends { type: string }>(store: FluxStore<State, Action>): State {\n  return useSignal(store);\n}\n"],"names":["__webpack_require__","e","Object","Symbol","ScopeContext","createContext","ScopeProvider","scope","children","createElement","useScopeContext","useContext","useSignal","source","subscribe","useCallback","onStoreChange","unsubscribe","dispose","effect","getSnapshot","getServerSnapshot","useSyncExternalStore","useFluxStore","store"],"mappings":"wPAAAA,CAAAA,oBAAoB,CAAC,CAAG,CAACC,EAAS,EAAS,KAC1C,IAAI,EAAS,CAAC,EAAM,KACnB,IAAI,IAAI,KAAO,EACXD,oBAAoB,CAAC,CAAC,EAAM,IAAQ,CAACA,oBAAoB,CAAC,CAACC,EAAS,IACtEC,OAAO,cAAc,CAACD,EAAS,EAAK,CAAE,WAAY,GAAM,CAAC,EAAK,CAAE,CAAI,CAAC,EAAI,AAAC,EAG7E,EACA,EAAO,EAAS,OAChB,EAAO,EAAQ,QAChB,ECVAD,oBAAoB,CAAC,CAAG,CAAC,EAAK,IAAUE,OAAO,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,EAAK,GCClFF,oBAAoB,CAAC,CAAG,AAACC,IACrB,AAAkB,IAAlB,OAAOE,QAA0BA,OAAO,WAAW,EACrDD,OAAO,cAAc,CAACD,EAASE,OAAO,WAAW,CAAE,CAAE,MAAO,QAAS,GAEtED,OAAO,cAAc,CAACD,EAAS,aAAc,CAAE,MAAO,EAAK,EAC5D,E,kPCFaG,aAAeC,AAAAA,GAAAA,+BAAAA,aAAAA,AAAAA,EAA4B,MAEjD,SAASC,cAAc,CAAEC,MAAAA,CAAK,CAAEC,SAAAA,CAAQ,CAAsB,EACnE,OAAOC,cAAcL,aAAa,QAAQ,CAAE,CAAE,MAAOG,CAAM,EAAGC,EAChE,CAEO,SAASE,kBACd,MAAOC,AAAAA,GAAAA,+BAAAA,UAAAA,AAAAA,EAAWP,aACpB,CCPO,SAASQ,UAAaC,CAAuB,EAClD,IAAMN,EAAQG,kBACRI,EAAYC,AAAAA,GAAAA,+BAAAA,WAAAA,AAAAA,EAChB,AAACC,IACC,IAAMC,EAAcJ,EAAO,SAAS,CAAC,IAAMG,KAErCE,EAAUC,AAAAA,GAAAA,qBAAAA,MAAAA,AAAAA,EAAO,KACrBN,EAAO,GAAG,EACZ,GACA,MAAO,KACLI,IACAC,GACF,CACF,EACA,CAACL,EAAO,EAEJO,EAAcL,AAAAA,GAAAA,+BAAAA,WAAAA,AAAAA,EAAY,IAAMF,EAAO,GAAG,GAAI,CAACA,EAAO,EAEtDQ,EAAoBN,AAAAA,GAAAA,+BAAAA,WAAAA,AAAAA,EAAY,IAAOR,EAAQA,EAAM,GAAG,CAACM,GAAUA,EAAO,GAAG,GAAK,CAACN,EAAOM,EAAO,EACvG,MAAOS,AAAAA,GAAAA,+BAAAA,oBAAAA,AAAAA,EAAqBR,EAAWM,EAAaC,EACtD,CCtBO,SAASE,aAAqDC,CAA+B,EAClG,OAAOZ,UAAUY,EACnB,C"}

package/dist/flux.d.cts

@@ -0,0 +1,7 @@
+import type { FluxStore } from '@slux/flux';
+
+export declare function useFluxStore<State, Action extends {
+    type: string;
+}>(store: FluxStore<State, Action>): State;
+
+export { }

package/dist/flux.d.ts

@@ -0,0 +1,7 @@
+import type { FluxStore } from '@slux/flux';
+
+export declare function useFluxStore<State, Action extends {
+    type: string;
+}>(store: FluxStore<State, Action>): State;
+
+export { }

package/dist/flux.js

@@ -0,0 +1,2 @@
+import{useSignal as r}from"./5~0.js";function o(o){return r(o)}export{o as useFluxStore};
+//# sourceMappingURL=flux.js.map

package/dist/flux.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"flux.js","sources":["../src/flux.ts"],"sourcesContent":["import type { FluxStore } from \"@slux/flux\";\nimport { useSignal } from \"./hooks/use-signal.js\";\n\nexport function useFluxStore<State, Action extends { type: string }>(store: FluxStore<State, Action>): State {\n  return useSignal(store);\n}\n"],"names":["useFluxStore","store","useSignal"],"mappings":"iDAGO,SAASA,EAAqDC,CAA+B,EAClG,OAAOC,EAAUD,EACnB,Q"}

package/dist/index.cjs

@@ -0,0 +1,2 @@
+"use strict";const __rslib_import_meta_url__="u"<typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,t,r)=>{var _=(t,r)=>{for(var _ in t)__webpack_require__.o(t,_)&&!__webpack_require__.o(e,_)&&Object.defineProperty(e,_,{enumerable:!0,[r]:t[_]})};_(t,"get"),_(r,"value")},__webpack_require__.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),__webpack_require__.r=e=>{"u">typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{ScopeContext:()=>ScopeContext,ScopeProvider:()=>ScopeProvider,createAutoImportApis:()=>createAutoImportApis,useScopeContext:()=>useScopeContext,useSignal:()=>useSignal});const external_react_namespaceObject=require("react"),core_namespaceObject=require("@slux/core"),ScopeContext=(0,external_react_namespaceObject.createContext)(null);function ScopeProvider({scope:e,children:t}){return(0,external_react_namespaceObject.createElement)(ScopeContext.Provider,{value:e},t)}function useScopeContext(){return(0,external_react_namespaceObject.useContext)(ScopeContext)}function useSignal(e){let t=useScopeContext(),r=(0,external_react_namespaceObject.useCallback)(t=>{let r=e.subscribe(()=>t()),_=(0,core_namespaceObject.effect)(()=>{e.get()});return()=>{r(),_()}},[e]),_=(0,external_react_namespaceObject.useCallback)(()=>e.get(),[e]),o=(0,external_react_namespaceObject.useCallback)(()=>t?t.get(e):e.get(),[t,e]);return(0,external_react_namespaceObject.useSyncExternalStore)(r,_,o)}const shared_namespaceObject=require("@slux/shared"),allImportApis=["ScopeContext","ScopeProvider","useScopeContext","useSignal"],createAutoImportApis=(e="")=>(0,shared_namespaceObject.generateBatchAutoImports)([{prefix:e,fromName:"@slux/react",imports:allImportApis}]);for(var __rspack_i in exports.ScopeContext=__webpack_exports__.ScopeContext,exports.ScopeProvider=__webpack_exports__.ScopeProvider,exports.createAutoImportApis=__webpack_exports__.createAutoImportApis,exports.useScopeContext=__webpack_exports__.useScopeContext,exports.useSignal=__webpack_exports__.useSignal,__webpack_exports__)-1===["ScopeContext","ScopeProvider","createAutoImportApis","useScopeContext","useSignal"].indexOf(__rspack_i)&&(exports[__rspack_i]=__webpack_exports__[__rspack_i]);Object.defineProperty(exports,"__esModule",{value:!0});
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../src/scope/scope-context.ts","../src/hooks/use-signal.ts","../src/auto-import-api.ts"],"sourcesContent":["__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import { createContext, createElement, useContext } from \"react\";\nimport type { Scope } from \"@slux/core\";\nimport type { ScopeProviderProps } from \"../types/index.js\";\n\nexport const ScopeContext = createContext<Scope | null>(null);\n\nexport function ScopeProvider({ scope, children }: ScopeProviderProps) {\n  return createElement(ScopeContext.Provider, { value: scope }, children);\n}\n\nexport function useScopeContext(): Scope | null {\n  return useContext(ScopeContext);\n}\n","import { useCallback, useSyncExternalStore } from \"react\";\nimport { effect } from \"@slux/core\";\nimport type { Subscribable } from \"@slux/core\";\nimport { useScopeContext } from \"../scope/scope-context.js\";\n\nexport function useSignal<T>(source: Subscribable<T>): T {\n  const scope = useScopeContext();\n  const subscribe = useCallback(\n    (onStoreChange: () => void) => {\n      const unsubscribe = source.subscribe(() => onStoreChange());\n      // computed 只有读取时才刷新并通知；effect 将依赖变化接入外部订阅。\n      const dispose = effect(() => {\n        source.get();\n      });\n      return () => {\n        unsubscribe();\n        dispose();\n      };\n    },\n    [source],\n  );\n  const getSnapshot = useCallback(() => source.get(), [source]);\n  // 对齐 core 的显式作用域契约：客户端正常渲染仍读取全局值。\n  const getServerSnapshot = useCallback(() => (scope ? scope.get(source) : source.get()), [scope, source]);\n  return useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);\n}\n","import { generateBatchAutoImports } from \"@slux/shared\";\n\nconst allImportApis: string[] = [\"ScopeContext\", \"ScopeProvider\", \"useScopeContext\", \"useSignal\"];\n\nexport const createAutoImportApis = (prefix: string = \"\") => {\n  return generateBatchAutoImports([\n    {\n      prefix,\n      fromName: \"@slux/react\",\n      imports: allImportApis,\n    },\n  ]);\n};\n"],"names":["__webpack_require__","e","Object","Symbol","ScopeContext","createContext","ScopeProvider","scope","children","createElement","useScopeContext","useContext","useSignal","source","subscribe","useCallback","onStoreChange","unsubscribe","dispose","effect","getSnapshot","getServerSnapshot","useSyncExternalStore","allImportApis","createAutoImportApis","prefix","generateBatchAutoImports"],"mappings":"wPAAAA,CAAAA,oBAAoB,CAAC,CAAG,CAACC,EAAS,EAAS,KAC1C,IAAI,EAAS,CAAC,EAAM,KACnB,IAAI,IAAI,KAAO,EACXD,oBAAoB,CAAC,CAAC,EAAM,IAAQ,CAACA,oBAAoB,CAAC,CAACC,EAAS,IACtEC,OAAO,cAAc,CAACD,EAAS,EAAK,CAAE,WAAY,GAAM,CAAC,EAAK,CAAE,CAAI,CAAC,EAAI,AAAC,EAG7E,EACA,EAAO,EAAS,OAChB,EAAO,EAAQ,QAChB,ECVAD,oBAAoB,CAAC,CAAG,CAAC,EAAK,IAAUE,OAAO,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,EAAK,GCClFF,oBAAoB,CAAC,CAAG,AAACC,IACrB,AAAkB,IAAlB,OAAOE,QAA0BA,OAAO,WAAW,EACrDD,OAAO,cAAc,CAACD,EAASE,OAAO,WAAW,CAAE,CAAE,MAAO,QAAS,GAEtED,OAAO,cAAc,CAACD,EAAS,aAAc,CAAE,MAAO,EAAK,EAC5D,E,4XCFaG,aAAeC,AAAAA,GAAAA,+BAAAA,aAAAA,AAAAA,EAA4B,MAEjD,SAASC,cAAc,CAAEC,MAAAA,CAAK,CAAEC,SAAAA,CAAQ,CAAsB,EACnE,MAAOC,AAAAA,GAAAA,+BAAAA,aAAAA,AAAAA,EAAcL,aAAa,QAAQ,CAAE,CAAE,MAAOG,CAAM,EAAGC,EAChE,CAEO,SAASE,kBACd,MAAOC,AAAAA,GAAAA,+BAAAA,UAAAA,AAAAA,EAAWP,aACpB,CCPO,SAASQ,UAAaC,CAAuB,EAClD,IAAMN,EAAQG,kBACRI,EAAYC,AAAAA,GAAAA,+BAAAA,WAAAA,AAAAA,EAChB,AAACC,IACC,IAAMC,EAAcJ,EAAO,SAAS,CAAC,IAAMG,KAErCE,EAAUC,AAAAA,GAAAA,qBAAAA,MAAAA,AAAAA,EAAO,KACrBN,EAAO,GAAG,EACZ,GACA,MAAO,KACLI,IACAC,GACF,CACF,EACA,CAACL,EAAO,EAEJO,EAAcL,AAAAA,GAAAA,+BAAAA,WAAAA,AAAAA,EAAY,IAAMF,EAAO,GAAG,GAAI,CAACA,EAAO,EAEtDQ,EAAoBN,AAAAA,GAAAA,+BAAAA,WAAAA,AAAAA,EAAY,IAAOR,EAAQA,EAAM,GAAG,CAACM,GAAUA,EAAO,GAAG,GAAK,CAACN,EAAOM,EAAO,EACvG,MAAOS,AAAAA,GAAAA,+BAAAA,oBAAAA,AAAAA,EAAqBR,EAAWM,EAAaC,EACtD,C,qDCvBME,cAA0B,CAAC,eAAgB,gBAAiB,kBAAmB,YAAY,CAEpFC,qBAAuB,CAACC,EAAiB,EAAE,GAC/CC,AAAAA,GAAAA,uBAAAA,wBAAAA,AAAAA,EAAyB,CAC9B,CACED,OAAAA,EACA,SAAU,cACV,QAASF,aACX,EACD,E"}

package/dist/index.d.cts

@@ -0,0 +1,25 @@
+import { Context } from 'react';
+import { FunctionComponentElement } from 'react';
+import { ProviderProps } from 'react';
+import type { ReactNode } from 'react';
+import type { Scope } from '@slux/core';
+import type { Subscribable } from '@slux/core';
+
+export declare const createAutoImportApis: (prefix?: string) => {
+    [x: string]: (string | [string, string])[];
+};
+
+export declare const ScopeContext: Context<Scope | null>;
+
+export declare function ScopeProvider({ scope, children }: ScopeProviderProps): FunctionComponentElement<ProviderProps<Scope | null>>;
+
+export declare type ScopeProviderProps = {
+    readonly scope: Scope;
+    readonly children: ReactNode;
+};
+
+export declare function useScopeContext(): Scope | null;
+
+export declare function useSignal<T>(source: Subscribable<T>): T;
+
+export { }

package/dist/index.d.ts

@@ -0,0 +1,25 @@
+import { Context } from 'react';
+import { FunctionComponentElement } from 'react';
+import { ProviderProps } from 'react';
+import type { ReactNode } from 'react';
+import type { Scope } from '@slux/core';
+import type { Subscribable } from '@slux/core';
+
+export declare const createAutoImportApis: (prefix?: string) => {
+    [x: string]: (string | [string, string])[];
+};
+
+export declare const ScopeContext: Context<Scope | null>;
+
+export declare function ScopeProvider({ scope, children }: ScopeProviderProps): FunctionComponentElement<ProviderProps<Scope | null>>;
+
+export declare type ScopeProviderProps = {
+    readonly scope: Scope;
+    readonly children: ReactNode;
+};
+
+export declare function useScopeContext(): Scope | null;
+
+export declare function useSignal<T>(source: Subscribable<T>): T;
+
+export { }

package/dist/index.js

@@ -0,0 +1,2 @@
+import{generateBatchAutoImports as e}from"@slux/shared";let o=["ScopeContext","ScopeProvider","useScopeContext","useSignal"],t=(t="")=>e([{prefix:t,fromName:"@slux/react",imports:o}]);export{ScopeContext,ScopeProvider,useScopeContext,useSignal}from"./5~0.js";export{t as createAutoImportApis};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../src/auto-import-api.ts"],"sourcesContent":["import { generateBatchAutoImports } from \"@slux/shared\";\n\nconst allImportApis: string[] = [\"ScopeContext\", \"ScopeProvider\", \"useScopeContext\", \"useSignal\"];\n\nexport const createAutoImportApis = (prefix: string = \"\") => {\n  return generateBatchAutoImports([\n    {\n      prefix,\n      fromName: \"@slux/react\",\n      imports: allImportApis,\n    },\n  ]);\n};\n"],"names":["allImportApis","createAutoImportApis","prefix","generateBatchAutoImports"],"mappings":"wDAEA,IAAMA,EAA0B,CAAC,eAAgB,gBAAiB,kBAAmB,YAAY,CAEpFC,EAAuB,CAACC,EAAiB,EAAE,GAC/CC,EAAyB,CAC9B,CACED,OAAAA,EACA,SAAU,cACV,QAASF,CACX,EACD,C"}

package/dist/proxy.cjs

@@ -0,0 +1,2 @@
+"use strict";const __rslib_import_meta_url__="u"<typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,_,r)=>{var a=(_,r)=>{for(var a in _)__webpack_require__.o(_,a)&&!__webpack_require__.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,[r]:_[a]})};a(_,"get"),a(r,"value")},__webpack_require__.o=(e,_)=>Object.prototype.hasOwnProperty.call(e,_),__webpack_require__.r=e=>{"u">typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{useSnapshot:()=>useSnapshot});const external_react_namespaceObject=require("react"),proxy_namespaceObject=require("@slux/proxy");function useSnapshot(e){let _=(0,external_react_namespaceObject.useCallback)(_=>(0,proxy_namespaceObject.subscribe)(e,_),[e]),r=(0,external_react_namespaceObject.useCallback)(()=>(0,proxy_namespaceObject.snapshot)(e),[e]);return(0,external_react_namespaceObject.useSyncExternalStore)(_,r,r)}for(var __rspack_i in exports.useSnapshot=__webpack_exports__.useSnapshot,__webpack_exports__)-1===["useSnapshot"].indexOf(__rspack_i)&&(exports[__rspack_i]=__webpack_exports__[__rspack_i]);Object.defineProperty(exports,"__esModule",{value:!0});
+//# sourceMappingURL=proxy.cjs.map

package/dist/proxy.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"proxy.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../src/proxy.ts"],"sourcesContent":["__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import { useCallback, useSyncExternalStore } from \"react\";\nimport { snapshot, subscribe } from \"@slux/proxy\";\nimport type { Snapshot } from \"@slux/proxy\";\n\nexport function useSnapshot<T extends object>(proxy: T): Snapshot<T> {\n  const sub = useCallback((onStoreChange: () => void) => subscribe(proxy, onStoreChange), [proxy]);\n  const getSnapshot = useCallback(() => snapshot(proxy), [proxy]);\n  return useSyncExternalStore(sub, getSnapshot, getSnapshot);\n}\n"],"names":["__webpack_require__","e","Object","Symbol","useSnapshot","proxy","sub","useCallback","onStoreChange","subscribe","getSnapshot","snapshot","useSyncExternalStore"],"mappings":"wPAAAA,CAAAA,oBAAoB,CAAC,CAAG,CAACC,EAAS,EAAS,KAC1C,IAAI,EAAS,CAAC,EAAM,KACnB,IAAI,IAAI,KAAO,EACXD,oBAAoB,CAAC,CAAC,EAAM,IAAQ,CAACA,oBAAoB,CAAC,CAACC,EAAS,IACtEC,OAAO,cAAc,CAACD,EAAS,EAAK,CAAE,WAAY,GAAM,CAAC,EAAK,CAAE,CAAI,CAAC,EAAI,AAAC,EAG7E,EACA,EAAO,EAAS,OAChB,EAAO,EAAQ,QAChB,ECVAD,oBAAoB,CAAC,CAAG,CAAC,EAAK,IAAUE,OAAO,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,EAAK,GCClFF,oBAAoB,CAAC,CAAG,AAACC,IACrB,AAAkB,IAAlB,OAAOE,QAA0BA,OAAO,WAAW,EACrDD,OAAO,cAAc,CAACD,EAASE,OAAO,WAAW,CAAE,CAAE,MAAO,QAAS,GAEtED,OAAO,cAAc,CAACD,EAAS,aAAc,CAAE,MAAO,EAAK,EAC5D,E,kPCFO,SAASG,YAA8BC,CAAQ,EACpD,IAAMC,EAAMC,AAAAA,GAAAA,+BAAAA,WAAAA,AAAAA,EAAY,AAACC,GAA8BC,AAAAA,GAAAA,sBAAAA,SAAAA,AAAAA,EAAUJ,EAAOG,GAAgB,CAACH,EAAM,EACzFK,EAAcH,AAAAA,GAAAA,+BAAAA,WAAAA,AAAAA,EAAY,IAAMI,AAAAA,GAAAA,sBAAAA,QAAAA,AAAAA,EAASN,GAAQ,CAACA,EAAM,EAC9D,MAAOO,AAAAA,GAAAA,+BAAAA,oBAAAA,AAAAA,EAAqBN,EAAKI,EAAaA,EAChD,C"}

package/dist/proxy.d.cts

@@ -0,0 +1,5 @@
+import type { Snapshot } from '@slux/proxy';
+
+export declare function useSnapshot<T extends object>(proxy: T): Snapshot<T>;
+
+export { }

package/dist/proxy.d.ts

@@ -0,0 +1,5 @@
+import type { Snapshot } from '@slux/proxy';
+
+export declare function useSnapshot<T extends object>(proxy: T): Snapshot<T>;
+
+export { }

package/dist/proxy.js

@@ -0,0 +1,2 @@
+import{useCallback as r,useSyncExternalStore as o}from"react";import{snapshot as t,subscribe as e}from"@slux/proxy";function p(p){let m=r(r=>e(p,r),[p]),n=r(()=>t(p),[p]);return o(m,n,n)}export{p as useSnapshot};
+//# sourceMappingURL=proxy.js.map

package/dist/proxy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"proxy.js","sources":["../src/proxy.ts"],"sourcesContent":["import { useCallback, useSyncExternalStore } from \"react\";\nimport { snapshot, subscribe } from \"@slux/proxy\";\nimport type { Snapshot } from \"@slux/proxy\";\n\nexport function useSnapshot<T extends object>(proxy: T): Snapshot<T> {\n  const sub = useCallback((onStoreChange: () => void) => subscribe(proxy, onStoreChange), [proxy]);\n  const getSnapshot = useCallback(() => snapshot(proxy), [proxy]);\n  return useSyncExternalStore(sub, getSnapshot, getSnapshot);\n}\n"],"names":["useSnapshot","proxy","sub","useCallback","onStoreChange","subscribe","getSnapshot","snapshot","useSyncExternalStore"],"mappings":"oHAIO,SAASA,EAA8BC,CAAQ,EACpD,IAAMC,EAAMC,EAAY,AAACC,GAA8BC,EAAUJ,EAAOG,GAAgB,CAACH,EAAM,EACzFK,EAAcH,EAAY,IAAMI,EAASN,GAAQ,CAACA,EAAM,EAC9D,OAAOO,EAAqBN,EAAKI,EAAaA,EAChD,Q"}

package/dist/rxjs.cjs

@@ -0,0 +1,2 @@
+"use strict";const __rslib_import_meta_url__="u"<typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,r,_)=>{var t=(r,_)=>{for(var t in r)__webpack_require__.o(r,t)&&!__webpack_require__.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,[_]:r[t]})};t(r,"get"),t(_,"value")},__webpack_require__.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),__webpack_require__.r=e=>{"u">typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{useObservable:()=>useObservable});const external_react_namespaceObject=require("react"),core_namespaceObject=require("@slux/core"),ScopeContext=(0,external_react_namespaceObject.createContext)(null);function ScopeProvider({scope:e,children:r}){return createElement(ScopeContext.Provider,{value:e},r)}function useScopeContext(){return(0,external_react_namespaceObject.useContext)(ScopeContext)}function useSignal(e){let r=useScopeContext(),_=(0,external_react_namespaceObject.useCallback)(r=>{let _=e.subscribe(()=>r()),t=(0,core_namespaceObject.effect)(()=>{e.get()});return()=>{_(),t()}},[e]),t=(0,external_react_namespaceObject.useCallback)(()=>e.get(),[e]),a=(0,external_react_namespaceObject.useCallback)(()=>r?r.get(e):e.get(),[r,e]);return(0,external_react_namespaceObject.useSyncExternalStore)(_,t,a)}function useObservable(e){return useSignal(e)}for(var __rspack_i in exports.useObservable=__webpack_exports__.useObservable,__webpack_exports__)-1===["useObservable"].indexOf(__rspack_i)&&(exports[__rspack_i]=__webpack_exports__[__rspack_i]);Object.defineProperty(exports,"__esModule",{value:!0});
+//# sourceMappingURL=rxjs.cjs.map

package/dist/rxjs.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"rxjs.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../src/scope/scope-context.ts","../src/hooks/use-signal.ts","../src/rxjs.ts"],"sourcesContent":["__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import { createContext, createElement, useContext } from \"react\";\nimport type { Scope } from \"@slux/core\";\nimport type { ScopeProviderProps } from \"../types/index.js\";\n\nexport const ScopeContext = createContext<Scope | null>(null);\n\nexport function ScopeProvider({ scope, children }: ScopeProviderProps) {\n  return createElement(ScopeContext.Provider, { value: scope }, children);\n}\n\nexport function useScopeContext(): Scope | null {\n  return useContext(ScopeContext);\n}\n","import { useCallback, useSyncExternalStore } from \"react\";\nimport { effect } from \"@slux/core\";\nimport type { Subscribable } from \"@slux/core\";\nimport { useScopeContext } from \"../scope/scope-context.js\";\n\nexport function useSignal<T>(source: Subscribable<T>): T {\n  const scope = useScopeContext();\n  const subscribe = useCallback(\n    (onStoreChange: () => void) => {\n      const unsubscribe = source.subscribe(() => onStoreChange());\n      // computed 只有读取时才刷新并通知；effect 将依赖变化接入外部订阅。\n      const dispose = effect(() => {\n        source.get();\n      });\n      return () => {\n        unsubscribe();\n        dispose();\n      };\n    },\n    [source],\n  );\n  const getSnapshot = useCallback(() => source.get(), [source]);\n  // 对齐 core 的显式作用域契约：客户端正常渲染仍读取全局值。\n  const getServerSnapshot = useCallback(() => (scope ? scope.get(source) : source.get()), [scope, source]);\n  return useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);\n}\n","import type { ObservableState } from \"@slux/rxjs\";\nimport { useSignal } from \"./hooks/use-signal.js\";\n\nexport function useObservable<T>(source: ObservableState<T>): T {\n  return useSignal(source);\n}\n"],"names":["__webpack_require__","e","Object","Symbol","ScopeContext","createContext","ScopeProvider","scope","children","createElement","useScopeContext","useContext","useSignal","source","subscribe","useCallback","onStoreChange","unsubscribe","dispose","effect","getSnapshot","getServerSnapshot","useSyncExternalStore","useObservable"],"mappings":"wPAAAA,CAAAA,oBAAoB,CAAC,CAAG,CAACC,EAAS,EAAS,KAC1C,IAAI,EAAS,CAAC,EAAM,KACnB,IAAI,IAAI,KAAO,EACXD,oBAAoB,CAAC,CAAC,EAAM,IAAQ,CAACA,oBAAoB,CAAC,CAACC,EAAS,IACtEC,OAAO,cAAc,CAACD,EAAS,EAAK,CAAE,WAAY,GAAM,CAAC,EAAK,CAAE,CAAI,CAAC,EAAI,AAAC,EAG7E,EACA,EAAO,EAAS,OAChB,EAAO,EAAQ,QAChB,ECVAD,oBAAoB,CAAC,CAAG,CAAC,EAAK,IAAUE,OAAO,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,EAAK,GCClFF,oBAAoB,CAAC,CAAG,AAACC,IACrB,AAAkB,IAAlB,OAAOE,QAA0BA,OAAO,WAAW,EACrDD,OAAO,cAAc,CAACD,EAASE,OAAO,WAAW,CAAE,CAAE,MAAO,QAAS,GAEtED,OAAO,cAAc,CAACD,EAAS,aAAc,CAAE,MAAO,EAAK,EAC5D,E,oPCFaG,aAAeC,AAAAA,GAAAA,+BAAAA,aAAAA,AAAAA,EAA4B,MAEjD,SAASC,cAAc,CAAEC,MAAAA,CAAK,CAAEC,SAAAA,CAAQ,CAAsB,EACnE,OAAOC,cAAcL,aAAa,QAAQ,CAAE,CAAE,MAAOG,CAAM,EAAGC,EAChE,CAEO,SAASE,kBACd,MAAOC,AAAAA,GAAAA,+BAAAA,UAAAA,AAAAA,EAAWP,aACpB,CCPO,SAASQ,UAAaC,CAAuB,EAClD,IAAMN,EAAQG,kBACRI,EAAYC,AAAAA,GAAAA,+BAAAA,WAAAA,AAAAA,EAChB,AAACC,IACC,IAAMC,EAAcJ,EAAO,SAAS,CAAC,IAAMG,KAErCE,EAAUC,AAAAA,GAAAA,qBAAAA,MAAAA,AAAAA,EAAO,KACrBN,EAAO,GAAG,EACZ,GACA,MAAO,KACLI,IACAC,GACF,CACF,EACA,CAACL,EAAO,EAEJO,EAAcL,AAAAA,GAAAA,+BAAAA,WAAAA,AAAAA,EAAY,IAAMF,EAAO,GAAG,GAAI,CAACA,EAAO,EAEtDQ,EAAoBN,AAAAA,GAAAA,+BAAAA,WAAAA,AAAAA,EAAY,IAAOR,EAAQA,EAAM,GAAG,CAACM,GAAUA,EAAO,GAAG,GAAK,CAACN,EAAOM,EAAO,EACvG,MAAOS,AAAAA,GAAAA,+BAAAA,oBAAAA,AAAAA,EAAqBR,EAAWM,EAAaC,EACtD,CCtBO,SAASE,cAAiBV,CAA0B,EACzD,OAAOD,UAAUC,EACnB,C"}

package/dist/rxjs.d.cts

@@ -0,0 +1,5 @@
+import type { ObservableState } from '@slux/rxjs';
+
+export declare function useObservable<T>(source: ObservableState<T>): T;
+
+export { }

package/dist/rxjs.d.ts

@@ -0,0 +1,5 @@
+import type { ObservableState } from '@slux/rxjs';
+
+export declare function useObservable<T>(source: ObservableState<T>): T;
+
+export { }

package/dist/rxjs.js

@@ -0,0 +1,2 @@
+import{useSignal as r}from"./5~0.js";function e(e){return r(e)}export{e as useObservable};
+//# sourceMappingURL=rxjs.js.map

package/dist/rxjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rxjs.js","sources":["../src/rxjs.ts"],"sourcesContent":["import type { ObservableState } from \"@slux/rxjs\";\nimport { useSignal } from \"./hooks/use-signal.js\";\n\nexport function useObservable<T>(source: ObservableState<T>): T {\n  return useSignal(source);\n}\n"],"names":["useObservable","source","useSignal"],"mappings":"iDAGO,SAASA,EAAiBC,CAA0B,EACzD,OAAOC,EAAUD,EACnB,Q"}

package/dist/state-machine.cjs

@@ -0,0 +1,2 @@
+"use strict";const __rslib_import_meta_url__="u"<typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,_,r)=>{var t=(_,r)=>{for(var t in _)__webpack_require__.o(_,t)&&!__webpack_require__.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,[r]:_[t]})};t(_,"get"),t(r,"value")},__webpack_require__.o=(e,_)=>Object.prototype.hasOwnProperty.call(e,_),__webpack_require__.r=e=>{"u">typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{useMachine:()=>useMachine});const external_react_namespaceObject=require("react"),core_namespaceObject=require("@slux/core"),ScopeContext=(0,external_react_namespaceObject.createContext)(null);function ScopeProvider({scope:e,children:_}){return createElement(ScopeContext.Provider,{value:e},_)}function useScopeContext(){return(0,external_react_namespaceObject.useContext)(ScopeContext)}function useSignal(e){let _=useScopeContext(),r=(0,external_react_namespaceObject.useCallback)(_=>{let r=e.subscribe(()=>_()),t=(0,core_namespaceObject.effect)(()=>{e.get()});return()=>{r(),t()}},[e]),t=(0,external_react_namespaceObject.useCallback)(()=>e.get(),[e]),c=(0,external_react_namespaceObject.useCallback)(()=>_?_.get(e):e.get(),[_,e]);return(0,external_react_namespaceObject.useSyncExternalStore)(r,t,c)}function useMachine(e){return useSignal(e)}for(var __rspack_i in exports.useMachine=__webpack_exports__.useMachine,__webpack_exports__)-1===["useMachine"].indexOf(__rspack_i)&&(exports[__rspack_i]=__webpack_exports__[__rspack_i]);Object.defineProperty(exports,"__esModule",{value:!0});
+//# sourceMappingURL=state-machine.cjs.map

package/dist/state-machine.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"state-machine.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../src/scope/scope-context.ts","../src/hooks/use-signal.ts","../src/state-machine.ts"],"sourcesContent":["__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import { createContext, createElement, useContext } from \"react\";\nimport type { Scope } from \"@slux/core\";\nimport type { ScopeProviderProps } from \"../types/index.js\";\n\nexport const ScopeContext = createContext<Scope | null>(null);\n\nexport function ScopeProvider({ scope, children }: ScopeProviderProps) {\n  return createElement(ScopeContext.Provider, { value: scope }, children);\n}\n\nexport function useScopeContext(): Scope | null {\n  return useContext(ScopeContext);\n}\n","import { useCallback, useSyncExternalStore } from \"react\";\nimport { effect } from \"@slux/core\";\nimport type { Subscribable } from \"@slux/core\";\nimport { useScopeContext } from \"../scope/scope-context.js\";\n\nexport function useSignal<T>(source: Subscribable<T>): T {\n  const scope = useScopeContext();\n  const subscribe = useCallback(\n    (onStoreChange: () => void) => {\n      const unsubscribe = source.subscribe(() => onStoreChange());\n      // computed 只有读取时才刷新并通知；effect 将依赖变化接入外部订阅。\n      const dispose = effect(() => {\n        source.get();\n      });\n      return () => {\n        unsubscribe();\n        dispose();\n      };\n    },\n    [source],\n  );\n  const getSnapshot = useCallback(() => source.get(), [source]);\n  // 对齐 core 的显式作用域契约：客户端正常渲染仍读取全局值。\n  const getServerSnapshot = useCallback(() => (scope ? scope.get(source) : source.get()), [scope, source]);\n  return useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);\n}\n","import type { MachineSnapshot, StateMachine } from \"@slux/state-machine\";\nimport { useSignal } from \"./hooks/use-signal.js\";\n\nexport function useMachine<Context, Event extends { type: string }, State extends string>(\n  machine: StateMachine<Context, Event, State>,\n): MachineSnapshot<Context, State> {\n  return useSignal(machine);\n}\n"],"names":["__webpack_require__","e","Object","Symbol","ScopeContext","createContext","ScopeProvider","scope","children","createElement","useScopeContext","useContext","useSignal","source","subscribe","useCallback","onStoreChange","unsubscribe","dispose","effect","getSnapshot","getServerSnapshot","useSyncExternalStore","useMachine","machine"],"mappings":"wPAAAA,CAAAA,oBAAoB,CAAC,CAAG,CAACC,EAAS,EAAS,KAC1C,IAAI,EAAS,CAAC,EAAM,KACnB,IAAI,IAAI,KAAO,EACXD,oBAAoB,CAAC,CAAC,EAAM,IAAQ,CAACA,oBAAoB,CAAC,CAACC,EAAS,IACtEC,OAAO,cAAc,CAACD,EAAS,EAAK,CAAE,WAAY,GAAM,CAAC,EAAK,CAAE,CAAI,CAAC,EAAI,AAAC,EAG7E,EACA,EAAO,EAAS,OAChB,EAAO,EAAQ,QAChB,ECVAD,oBAAoB,CAAC,CAAG,CAAC,EAAK,IAAUE,OAAO,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,EAAK,GCClFF,oBAAoB,CAAC,CAAG,AAACC,IACrB,AAAkB,IAAlB,OAAOE,QAA0BA,OAAO,WAAW,EACrDD,OAAO,cAAc,CAACD,EAASE,OAAO,WAAW,CAAE,CAAE,MAAO,QAAS,GAEtED,OAAO,cAAc,CAACD,EAAS,aAAc,CAAE,MAAO,EAAK,EAC5D,E,8OCFaG,aAAeC,AAAAA,GAAAA,+BAAAA,aAAAA,AAAAA,EAA4B,MAEjD,SAASC,cAAc,CAAEC,MAAAA,CAAK,CAAEC,SAAAA,CAAQ,CAAsB,EACnE,OAAOC,cAAcL,aAAa,QAAQ,CAAE,CAAE,MAAOG,CAAM,EAAGC,EAChE,CAEO,SAASE,kBACd,MAAOC,AAAAA,GAAAA,+BAAAA,UAAAA,AAAAA,EAAWP,aACpB,CCPO,SAASQ,UAAaC,CAAuB,EAClD,IAAMN,EAAQG,kBACRI,EAAYC,AAAAA,GAAAA,+BAAAA,WAAAA,AAAAA,EAChB,AAACC,IACC,IAAMC,EAAcJ,EAAO,SAAS,CAAC,IAAMG,KAErCE,EAAUC,AAAAA,GAAAA,qBAAAA,MAAAA,AAAAA,EAAO,KACrBN,EAAO,GAAG,EACZ,GACA,MAAO,KACLI,IACAC,GACF,CACF,EACA,CAACL,EAAO,EAEJO,EAAcL,AAAAA,GAAAA,+BAAAA,WAAAA,AAAAA,EAAY,IAAMF,EAAO,GAAG,GAAI,CAACA,EAAO,EAEtDQ,EAAoBN,AAAAA,GAAAA,+BAAAA,WAAAA,AAAAA,EAAY,IAAOR,EAAQA,EAAM,GAAG,CAACM,GAAUA,EAAO,GAAG,GAAK,CAACN,EAAOM,EAAO,EACvG,MAAOS,AAAAA,GAAAA,+BAAAA,oBAAAA,AAAAA,EAAqBR,EAAWM,EAAaC,EACtD,CCtBO,SAASE,WACdC,CAA4C,EAE5C,OAAOZ,UAAUY,EACnB,C"}

package/dist/state-machine.d.cts

@@ -0,0 +1,8 @@
+import type { MachineSnapshot } from '@slux/state-machine';
+import type { StateMachine } from '@slux/state-machine';
+
+export declare function useMachine<Context, Event extends {
+    type: string;
+}, State extends string>(machine: StateMachine<Context, Event, State>): MachineSnapshot<Context, State>;
+
+export { }

package/dist/state-machine.d.ts

@@ -0,0 +1,8 @@
+import type { MachineSnapshot } from '@slux/state-machine';
+import type { StateMachine } from '@slux/state-machine';
+
+export declare function useMachine<Context, Event extends {
+    type: string;
+}, State extends string>(machine: StateMachine<Context, Event, State>): MachineSnapshot<Context, State>;
+
+export { }

package/dist/state-machine.js

@@ -0,0 +1,2 @@
+import{useSignal as r}from"./5~0.js";function _(_){return r(_)}export{_ as useMachine};
+//# sourceMappingURL=state-machine.js.map

package/dist/state-machine.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"state-machine.js","sources":["../src/state-machine.ts"],"sourcesContent":["import type { MachineSnapshot, StateMachine } from \"@slux/state-machine\";\nimport { useSignal } from \"./hooks/use-signal.js\";\n\nexport function useMachine<Context, Event extends { type: string }, State extends string>(\n  machine: StateMachine<Context, Event, State>,\n): MachineSnapshot<Context, State> {\n  return useSignal(machine);\n}\n"],"names":["useMachine","machine","useSignal"],"mappings":"iDAGO,SAASA,EACdC,CAA4C,EAE5C,OAAOC,EAAUD,EACnB,Q"}

package/dist/store.cjs

@@ -0,0 +1,2 @@
+"use strict";const __rslib_import_meta_url__="u"<typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,_,r)=>{var t=(_,r)=>{for(var t in _)__webpack_require__.o(_,t)&&!__webpack_require__.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,[r]:_[t]})};t(_,"get"),t(r,"value")},__webpack_require__.o=(e,_)=>Object.prototype.hasOwnProperty.call(e,_),__webpack_require__.r=e=>{"u">typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{useStore:()=>useStore});const external_react_namespaceObject=require("react");function useStore(e,_,r=Object.is){let t=(0,external_react_namespaceObject.useCallback)(_=>e.subscribe(_),[e]),a=(0,external_react_namespaceObject.useMemo)(()=>{let t;return _?()=>{let a=e.getState();if(t&&Object.is(t.state,a))return t.selection;let c=_(a),o=t&&r(t.selection,c)?t.selection:c;return t={state:a,selection:o},o}:()=>e.getState()},[e,_,r]);return(0,external_react_namespaceObject.useSyncExternalStore)(t,a,a)}for(var __rspack_i in exports.useStore=__webpack_exports__.useStore,__webpack_exports__)-1===["useStore"].indexOf(__rspack_i)&&(exports[__rspack_i]=__webpack_exports__[__rspack_i]);Object.defineProperty(exports,"__esModule",{value:!0});
+//# sourceMappingURL=store.cjs.map

package/dist/store.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"store.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../src/store.ts"],"sourcesContent":["__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import { useCallback, useMemo, useSyncExternalStore } from \"react\";\nimport type { StoreApi } from \"@slux/store\";\n\nexport function useStore<State extends object>(store: StoreApi<State>): State;\nexport function useStore<State extends object, Selection>(\n  store: StoreApi<State>,\n  selector: (state: State) => Selection,\n  equalityFn?: (previous: Selection, next: Selection) => boolean,\n): Selection;\nexport function useStore<State extends object, Selection>(\n  store: StoreApi<State>,\n  selector?: (state: State) => Selection,\n  equalityFn: (previous: Selection, next: Selection) => boolean = Object.is,\n): State | Selection {\n  const subscribe = useCallback((onStoreChange: () => void) => store.subscribe(onStoreChange), [store]);\n  const getSnapshot = useMemo(() => {\n    if (!selector) return () => store.getState();\n\n    // 缓存随 store、selector 和比较器更换而重建，不在并发渲染间共享可写 ref。\n    let cache: { state: State; selection: Selection } | undefined;\n    return () => {\n      const state = store.getState();\n      if (cache && Object.is(cache.state, state)) return cache.selection;\n      const next = selector(state);\n      const selection = cache && equalityFn(cache.selection, next) ? cache.selection : next;\n      cache = { state, selection };\n      return selection;\n    };\n  }, [store, selector, equalityFn]);\n\n  return useSyncExternalStore<State | Selection>(subscribe, getSnapshot, getSnapshot);\n}\n"],"names":["__webpack_require__","e","Object","Symbol","useStore","store","selector","equalityFn","subscribe","useCallback","onStoreChange","getSnapshot","useMemo","cache","state","next","selection","useSyncExternalStore"],"mappings":"wPAAAA,CAAAA,oBAAoB,CAAC,CAAG,CAACC,EAAS,EAAS,KAC1C,IAAI,EAAS,CAAC,EAAM,KACnB,IAAI,IAAI,KAAO,EACXD,oBAAoB,CAAC,CAAC,EAAM,IAAQ,CAACA,oBAAoB,CAAC,CAACC,EAAS,IACtEC,OAAO,cAAc,CAACD,EAAS,EAAK,CAAE,WAAY,GAAM,CAAC,EAAK,CAAE,CAAI,CAAC,EAAI,AAAC,EAG7E,EACA,EAAO,EAAS,OAChB,EAAO,EAAQ,QAChB,ECVAD,oBAAoB,CAAC,CAAG,CAAC,EAAK,IAAUE,OAAO,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,EAAK,GCClFF,oBAAoB,CAAC,CAAG,AAACC,IACrB,AAAkB,IAAlB,OAAOE,QAA0BA,OAAO,WAAW,EACrDD,OAAO,cAAc,CAACD,EAASE,OAAO,WAAW,CAAE,CAAE,MAAO,QAAS,GAEtED,OAAO,cAAc,CAACD,EAAS,aAAc,CAAE,MAAO,EAAK,EAC5D,E,+LCGO,SAASG,SACdC,CAAsB,CACtBC,CAAsC,CACtCC,EAAgEL,OAAO,EAAE,EAEzE,IAAMM,EAAYC,AAAAA,GAAAA,+BAAAA,WAAAA,AAAAA,EAAY,AAACC,GAA8BL,EAAM,SAAS,CAACK,GAAgB,CAACL,EAAM,EAC9FM,EAAcC,AAAAA,GAAAA,+BAAAA,OAAAA,AAAAA,EAAQ,SAItBC,SAHJ,AAAKP,EAIE,KACL,IAAMQ,EAAQT,EAAM,QAAQ,GAC5B,GAAIQ,GAASX,OAAO,EAAE,CAACW,EAAM,KAAK,CAAEC,GAAQ,OAAOD,EAAM,SAAS,CAClE,IAAME,EAAOT,EAASQ,GAChBE,EAAYH,GAASN,EAAWM,EAAM,SAAS,CAAEE,GAAQF,EAAM,SAAS,CAAGE,EAEjF,OADAF,EAAQ,CAAEC,MAAAA,EAAOE,UAAAA,CAAU,EACpBA,CACT,EAXsB,IAAMX,EAAM,QAAQ,EAY5C,EAAG,CAACA,EAAOC,EAAUC,EAAW,EAEhC,MAAOU,AAAAA,GAAAA,+BAAAA,oBAAAA,AAAAA,EAAwCT,EAAWG,EAAaA,EACzE,C"}

package/dist/store.d.cts

@@ -0,0 +1,7 @@
+import type { StoreApi } from '@slux/store';
+
+export declare function useStore<State extends object>(store: StoreApi<State>): State;
+
+export declare function useStore<State extends object, Selection>(store: StoreApi<State>, selector: (state: State) => Selection, equalityFn?: (previous: Selection, next: Selection) => boolean): Selection;
+
+export { }

package/dist/store.d.ts

@@ -0,0 +1,7 @@
+import type { StoreApi } from '@slux/store';
+
+export declare function useStore<State extends object>(store: StoreApi<State>): State;
+
+export declare function useStore<State extends object, Selection>(store: StoreApi<State>, selector: (state: State) => Selection, equalityFn?: (previous: Selection, next: Selection) => boolean): Selection;
+
+export { }

package/dist/store.js

@@ -0,0 +1,2 @@
+import{useCallback as e,useMemo as t,useSyncExternalStore as r}from"react";function i(n,s,c=Object.is){let o=e(e=>n.subscribe(e),[n]),l=t(()=>{let e;return s?()=>{let t=n.getState();if(e&&Object.is(e.state,t))return e.selection;let r=s(t),i=e&&c(e.selection,r)?e.selection:r;return e={state:t,selection:i},i}:()=>n.getState()},[n,s,c]);return r(o,l,l)}export{i as useStore};
+//# sourceMappingURL=store.js.map

package/dist/store.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"store.js","sources":["../src/store.ts"],"sourcesContent":["import { useCallback, useMemo, useSyncExternalStore } from \"react\";\nimport type { StoreApi } from \"@slux/store\";\n\nexport function useStore<State extends object>(store: StoreApi<State>): State;\nexport function useStore<State extends object, Selection>(\n  store: StoreApi<State>,\n  selector: (state: State) => Selection,\n  equalityFn?: (previous: Selection, next: Selection) => boolean,\n): Selection;\nexport function useStore<State extends object, Selection>(\n  store: StoreApi<State>,\n  selector?: (state: State) => Selection,\n  equalityFn: (previous: Selection, next: Selection) => boolean = Object.is,\n): State | Selection {\n  const subscribe = useCallback((onStoreChange: () => void) => store.subscribe(onStoreChange), [store]);\n  const getSnapshot = useMemo(() => {\n    if (!selector) return () => store.getState();\n\n    // 缓存随 store、selector 和比较器更换而重建，不在并发渲染间共享可写 ref。\n    let cache: { state: State; selection: Selection } | undefined;\n    return () => {\n      const state = store.getState();\n      if (cache && Object.is(cache.state, state)) return cache.selection;\n      const next = selector(state);\n      const selection = cache && equalityFn(cache.selection, next) ? cache.selection : next;\n      cache = { state, selection };\n      return selection;\n    };\n  }, [store, selector, equalityFn]);\n\n  return useSyncExternalStore<State | Selection>(subscribe, getSnapshot, getSnapshot);\n}\n"],"names":["useStore","store","selector","equalityFn","Object","subscribe","useCallback","onStoreChange","getSnapshot","useMemo","cache","state","next","selection","useSyncExternalStore"],"mappings":"2EASO,SAASA,EACdC,CAAsB,CACtBC,CAAsC,CACtCC,EAAgEC,OAAO,EAAE,EAEzE,IAAMC,EAAYC,EAAY,AAACC,GAA8BN,EAAM,SAAS,CAACM,GAAgB,CAACN,EAAM,EAC9FO,EAAcC,EAAQ,SAItBC,SAHJ,AAAKR,EAIE,KACL,IAAMS,EAAQV,EAAM,QAAQ,GAC5B,GAAIS,GAASN,OAAO,EAAE,CAACM,EAAM,KAAK,CAAEC,GAAQ,OAAOD,EAAM,SAAS,CAClE,IAAME,EAAOV,EAASS,GAChBE,EAAYH,GAASP,EAAWO,EAAM,SAAS,CAAEE,GAAQF,EAAM,SAAS,CAAGE,EAEjF,OADAF,EAAQ,CAAEC,MAAAA,EAAOE,UAAAA,CAAU,EACpBA,CACT,EAXsB,IAAMZ,EAAM,QAAQ,EAY5C,EAAG,CAACA,EAAOC,EAAUC,EAAW,EAEhC,OAAOW,EAAwCT,EAAWG,EAAaA,EACzE,Q"}

package/package.json

@@ -1,6 +1,165 @@
 {
   "name": "@slux/react",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
+  "version": "0.1.1",
+  "description": "slux React bindings",
+  "keywords": [
+    "slux",
+    "react",
+    "hooks",
+    "bindings",
+    "state-management"
+  ],
+  "type": "module",
+  "sideEffects": false,
+  "license": "MIT",
+  "author": "itmanyong <itmanyong@gmail.com>",
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/itmanyong/slux.git",
+    "directory": "packages/react"
+  },
+  "files": [
+    "dist",
+    "README.md",
+    "CHANGELOG.md",
+    "package.json"
+  ],
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      },
+      "require": {
+        "types": "./dist/index.d.cts",
+        "default": "./dist/index.cjs"
+      }
+    },
+    "./atom": {
+      "import": {
+        "types": "./dist/atom.d.ts",
+        "default": "./dist/atom.js"
+      },
+      "require": {
+        "types": "./dist/atom.d.cts",
+        "default": "./dist/atom.cjs"
+      }
+    },
+    "./store": {
+      "import": {
+        "types": "./dist/store.d.ts",
+        "default": "./dist/store.js"
+      },
+      "require": {
+        "types": "./dist/store.d.cts",
+        "default": "./dist/store.cjs"
+      }
+    },
+    "./proxy": {
+      "import": {
+        "types": "./dist/proxy.d.ts",
+        "default": "./dist/proxy.js"
+      },
+      "require": {
+        "types": "./dist/proxy.d.cts",
+        "default": "./dist/proxy.cjs"
+      }
+    },
+    "./package.json": "./package.json",
+    "./flux": {
+      "import": {
+        "types": "./dist/flux.d.ts",
+        "default": "./dist/flux.js"
+      },
+      "require": {
+        "types": "./dist/flux.d.cts",
+        "default": "./dist/flux.cjs"
+      }
+    },
+    "./state-machine": {
+      "import": {
+        "types": "./dist/state-machine.d.ts",
+        "default": "./dist/state-machine.js"
+      },
+      "require": {
+        "types": "./dist/state-machine.d.cts",
+        "default": "./dist/state-machine.cjs"
+      }
+    },
+    "./rxjs": {
+      "import": {
+        "types": "./dist/rxjs.d.ts",
+        "default": "./dist/rxjs.js"
+      },
+      "require": {
+        "types": "./dist/rxjs.d.cts",
+        "default": "./dist/rxjs.cjs"
+      }
+    }
+  },
+  "peerDependencies": {
+    "@slux/atom": "^0.1.1",
+    "@slux/core": "^0.1.1",
+    "@slux/proxy": "^0.1.1",
+    "@slux/store": "^0.1.1",
+    "react": "^18.0.0 || ^19.0.0",
+    "@slux/flux": "^0.1.1",
+    "@slux/state-machine": "^0.1.1",
+    "@slux/rxjs": "^0.1.1"
+  },
+  "peerDependenciesMeta": {
+    "@slux/atom": {
+      "optional": true
+    },
+    "@slux/proxy": {
+      "optional": true
+    },
+    "@slux/store": {
+      "optional": true
+    },
+    "@slux/flux": {
+      "optional": true
+    },
+    "@slux/state-machine": {
+      "optional": true
+    },
+    "@slux/rxjs": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "@slux/atom": "0.1.1",
+    "@slux/core": "0.1.1",
+    "@slux/proxy": "0.1.1",
+    "@slux/store": "0.1.1",
+    "@types/react": "19.3.0",
+    "@types/react-dom": "19.3.0",
+    "jsdom": "30.1.3",
+    "react": "19.3.1",
+    "react-dom": "19.3.1",
+    "rstack": "0.9.0",
+    "typescript": "7.1.0-beta",
+    "@slux/flux": "0.1.1",
+    "@slux/state-machine": "0.1.1",
+    "@slux/rxjs": "0.1.1",
+    "rxjs": "7.8.2"
+  },
+  "dependencies": {
+    "@slux/shared": "0.1.1"
+  },
+  "scripts": {
+    "dev": "rs lib -w",
+    "build": "rs lib",
+    "test": "rs test",
+    "lint": "rs lint",
+    "fmt": "rs fmt",
+    "typecheck": "tsc --noEmit",
+    "clean": "rm -rf dist node_modules .turbo"
+  }
 }