@buoy-gg/时机
在测试 React 本地应用程序时保存并恢复支持的客户端状态 。 一个还原点可以包括注册存储,Redux,Zustand,Jotai,以及React Query缓存. 在应用更改前审查恢复预览 .
安装
npm install @buoy-gg/core @buoy-gg/time-machine
账户设置
开始开发建设。 你需要一个免费或ProBuoy账户。 从您的应用程序文件夹中签名 :
npx --package=@buoy-gg/core buoy login
你的浏览器打开了浮标.gg. 点击允许。 然后CLI写下 dev 符号. 它在德夫建筑工作30天.
在博览会, 信使进入 .env.development.localBuoy自己在dev建筑里读的 也可以自己传:
import { Buoy } from "@buoy-gg/core";
Buoy.init({ licenseKey: process.env.EXPO_PUBLIC_BUOY_KEY });
在回放原生CLI时,符号会输入 .env.local 作为 BUOY_KEY。React Industrial不会自己装入文件。 用你的应用软件的套装把信使递过来 将菜单保存在您的应用程序使用的供应商内部 。 安装软件包后重新启动开发服务器 。 见 快速启动 用于完整的根组件.
使用恢复点
挂载 FloatingDevTools 在你的应用程序。 Buoy发现了这个包裹. 为您想要抓取的状态安装和配置源工具: 存储、 Redux、 Zustand、 Jotai 或 React 查询 .
- 将应用程序放入可识别的测试状态并捕获一个命名的还原点.
- 通过应用程序更改可支配值 .
- 打开恢复预览 。 检查添加、 清除、 覆盖、 跳过的项目和选定来源 .
- 恢复,然后从应用中读取值并检查出出自每个来源的结果.
重复一次多次恢复,敲打 动作栏 在工具页眉中或刷取恢复点并选择 栏。工具将最小化,一个浮动的条会留在应用程序上,并有一个恢复点武装起来:水龙头来恢复它(只按状态,不改变屏幕), + 以命名,抓取和武装一个新的点, 旁边的chevron 选择另一个。 每条从条回还会先保存"最后回还"副本并出出出Undo十秒. 条的拾取器有一个“ 恢复后重新装入应用程序” 开关, 用于屏幕从存储状态读取到只存储在挂载状态( 例如, 保留在反应上下文的推车 ) : 活的恢复无法到达 useState,重装罐。 条在重新装入后返回,可以被拖放或隐藏在屏幕边缘.
Live还原应用支持状态已就位 。 还原 + 重装写入 坚持存储并重新装入 JavaScript , 这样应用程序就可以从存储中初始化 。 可选的 Expo 路由器 URL 恢复不会重新创建整个导航后堆.
源条中的每块瓷砖都是开关. 一个被关闭的源在每次抓取和还原中都被忽略出,因此一个商店的应用程序在被替换后无法活下来(例如,一个Zustand商店持有活柄),而其余的状态回转则无法活下来.
恢复限制
恢复可以删除快照中缺失的密钥 。 排除预览中需要保存的值。 只读或不支持的值会被跳过并报告 。 SecureStore和MMKV需要与存储工具相同的已注册密钥和例.
后端更改,组件本地使用状态,飞行中请求不恢复. 恢复的手推车或会话仍有待后端验证. Redux需要支持的全态还原集成;可写作的Jotai原子可以还原,而只读的原子则重新计算. React Query突变历史没有被重放.
API 密码
为明确登记,使用出口 createTimeMachineTool 或者说 timeMachineToolPreset。高级集成可以使用 timeMachineStore, (中文(简体) ), RestoreOptions,以及 RestoreOutcome。 。 。 .
见 时间机器指南 对于特定源的行为,持续的排除,并恢复结果.
桌面和MCP
反应原生连接需要 @buoy-gg/external-sync。跟踪 桌面连接指南,然后确认所选设备. MCP 磁共振 使用来自 buoy login 在你的电脑上。 自由拥有基本的MCP. 从MCP读取这个工具需要Pro.
设备数据可以通过您的局域网前往配置的经纪人. 账户验证会提出网络请求. 见 遥测 用于数据流动细节.
网络支持(未释放)
在dev building中,一个被保存的栏会从网络靴子上打开.
在 FloatingDevTools 模块中注册此软件包的 /web 命名空间, 在浏览器应用程序中使用它共享的面板和动作 。 浏览器构建在此取出中是可用的, 尚未发布 。 见 网络设置指南 用于注册、依赖和浏览器边界.