@peers-app/peers-ui 0.27.3 → 0.27.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (309) hide show
  1. package/dist/screens/network-viewer/network-viewer-ipc.d.ts +3 -1
  2. package/dist/screens/network-viewer/network-viewer-ipc.js +6 -0
  3. package/dist/screens/network-viewer/sync-recovery.js +103 -1
  4. package/dist/screens/variables/variable-details.js +2 -1
  5. package/dist/tabs-layout/network-status-indicator.js +26 -12
  6. package/dist/tabs-layout/use-network-status.d.ts +6 -1
  7. package/dist/tabs-layout/use-network-status.js +27 -4
  8. package/package.json +9 -3
  9. package/.claude/settings.local.json +0 -34
  10. package/.github/README.md +0 -52
  11. package/.github/workflows/delete-all-artifacts.yml +0 -49
  12. package/.github/workflows/publish.yml +0 -51
  13. package/babel.config.js +0 -7
  14. package/biome.json +0 -198
  15. package/dist/app-updates/app-updates-consumer.test.d.ts +0 -1
  16. package/dist/app-updates/app-updates-consumer.test.js +0 -56
  17. package/dist/app-updates/app-updates-settings.test.d.ts +0 -1
  18. package/dist/app-updates/app-updates-settings.test.js +0 -93
  19. package/dist/app-updates/remote-app-update-panel.test.d.ts +0 -1
  20. package/dist/app-updates/remote-app-update-panel.test.js +0 -165
  21. package/dist/components/access-level-field.test.d.ts +0 -1
  22. package/dist/components/access-level-field.test.js +0 -28
  23. package/dist/components/message-logs/tool-access-approval-card.test.d.ts +0 -1
  24. package/dist/components/message-logs/tool-access-approval-card.test.js +0 -102
  25. package/dist/components/responsive-section-nav.test.d.ts +0 -1
  26. package/dist/components/responsive-section-nav.test.js +0 -45
  27. package/dist/globals-hash.test.d.ts +0 -1
  28. package/dist/globals-hash.test.js +0 -16
  29. package/dist/hooks/use-observable-state.test.d.ts +0 -1
  30. package/dist/hooks/use-observable-state.test.js +0 -64
  31. package/dist/hooks/use-observable.test.d.ts +0 -1
  32. package/dist/hooks/use-observable.test.js +0 -191
  33. package/dist/hooks/use-rows.test.d.ts +0 -1
  34. package/dist/hooks/use-rows.test.js +0 -175
  35. package/dist/hooks/use-tool.test.d.ts +0 -1
  36. package/dist/hooks/use-tool.test.js +0 -190
  37. package/dist/host-shell/host-shell-consumer.test.d.ts +0 -1
  38. package/dist/host-shell/host-shell-consumer.test.js +0 -28
  39. package/dist/root-layout/root-layout-host.test.d.ts +0 -1
  40. package/dist/root-layout/root-layout-host.test.js +0 -86
  41. package/dist/screens/account/account-screen.test.d.ts +0 -1
  42. package/dist/screens/account/account-screen.test.js +0 -51
  43. package/dist/screens/assistants/assistant-config.test.d.ts +0 -1
  44. package/dist/screens/assistants/assistant-config.test.js +0 -57
  45. package/dist/screens/contacts/contact-list.test.d.ts +0 -1
  46. package/dist/screens/contacts/contact-list.test.js +0 -48
  47. package/dist/screens/device-pairing/device-pairing.test.d.ts +0 -1
  48. package/dist/screens/device-pairing/device-pairing.test.js +0 -119
  49. package/dist/screens/devices/devices-list.test.d.ts +0 -1
  50. package/dist/screens/devices/devices-list.test.js +0 -53
  51. package/dist/screens/groups/group-list.test.d.ts +0 -1
  52. package/dist/screens/groups/group-list.test.js +0 -38
  53. package/dist/screens/identity/identity-routes.test.d.ts +0 -1
  54. package/dist/screens/identity/identity-routes.test.js +0 -51
  55. package/dist/screens/identity/identity-screen.test.d.ts +0 -1
  56. package/dist/screens/identity/identity-screen.test.js +0 -103
  57. package/dist/screens/invites/accept-invite.test.d.ts +0 -1
  58. package/dist/screens/invites/accept-invite.test.js +0 -103
  59. package/dist/screens/invites/activity-view.test.d.ts +0 -1
  60. package/dist/screens/invites/activity-view.test.js +0 -108
  61. package/dist/screens/invites/invite-classify.test.d.ts +0 -1
  62. package/dist/screens/invites/invite-classify.test.js +0 -115
  63. package/dist/screens/network-viewer/network-viewer-ipc.test.d.ts +0 -1
  64. package/dist/screens/network-viewer/network-viewer-ipc.test.js +0 -61
  65. package/dist/screens/network-viewer/network-viewer.section.test.d.ts +0 -1
  66. package/dist/screens/network-viewer/network-viewer.section.test.js +0 -63
  67. package/dist/screens/network-viewer/sync-recovery.test.d.ts +0 -1
  68. package/dist/screens/network-viewer/sync-recovery.test.js +0 -104
  69. package/dist/screens/packages/package-helpers.test.d.ts +0 -1
  70. package/dist/screens/packages/package-helpers.test.js +0 -53
  71. package/dist/screens/packages/package-runtime-status.test.d.ts +0 -1
  72. package/dist/screens/packages/package-runtime-status.test.js +0 -50
  73. package/dist/screens/packages/packages-ipc.test.d.ts +0 -1
  74. package/dist/screens/packages/packages-ipc.test.js +0 -43
  75. package/dist/screens/settings/settings-page.test.d.ts +0 -1
  76. package/dist/screens/settings/settings-page.test.js +0 -19
  77. package/dist/screens/tools/tool-access-ipc.test.d.ts +0 -1
  78. package/dist/screens/tools/tool-access-ipc.test.js +0 -40
  79. package/dist/screens/tools/tool-catalog-ipc.test.d.ts +0 -1
  80. package/dist/screens/tools/tool-catalog-ipc.test.js +0 -52
  81. package/dist/tabs-layout/network-status-indicator.test.d.ts +0 -1
  82. package/dist/tabs-layout/network-status-indicator.test.js +0 -665
  83. package/dist/tabs-layout/tabs-state.test.d.ts +0 -1
  84. package/dist/tabs-layout/tabs-state.test.js +0 -110
  85. package/dist/tabs-layout/use-network-status.test.d.ts +0 -1
  86. package/dist/tabs-layout/use-network-status.test.js +0 -45
  87. package/dist/ui-router/ui-loader.test.d.ts +0 -1
  88. package/dist/ui-router/ui-loader.test.js +0 -91
  89. package/jest.config.js +0 -25
  90. package/release-guard.js +0 -10
  91. package/src/app-updates/app-update-controls.tsx +0 -73
  92. package/src/app-updates/app-updates-consumer.test.ts +0 -83
  93. package/src/app-updates/app-updates-consumer.ts +0 -121
  94. package/src/app-updates/app-updates-settings.test.tsx +0 -109
  95. package/src/app-updates/app-updates-settings.tsx +0 -136
  96. package/src/app-updates/remote-app-update-panel.test.tsx +0 -205
  97. package/src/app-updates/remote-app-update-panel.tsx +0 -210
  98. package/src/app-updates/use-app-update-status.ts +0 -16
  99. package/src/command-palette/command-palette-ui.tsx +0 -564
  100. package/src/command-palette/command-palette.ts +0 -242
  101. package/src/components/access-level-field.test.tsx +0 -32
  102. package/src/components/access-level-field.tsx +0 -68
  103. package/src/components/checkbox.tsx +0 -25
  104. package/src/components/group-switcher.tsx +0 -526
  105. package/src/components/input-date.tsx +0 -29
  106. package/src/components/input-number.tsx +0 -83
  107. package/src/components/input.tsx +0 -25
  108. package/src/components/inverse-lazy-list.tsx +0 -107
  109. package/src/components/io-schema-values.tsx +0 -103
  110. package/src/components/io-schema.tsx +0 -259
  111. package/src/components/lazy-list.tsx +0 -115
  112. package/src/components/list-screen.tsx +0 -126
  113. package/src/components/loading-indicator.tsx +0 -7
  114. package/src/components/markdown-editor/autolink-plugin.tsx +0 -29
  115. package/src/components/markdown-editor/editor-inline.tsx +0 -9
  116. package/src/components/markdown-editor/editor.tsx +0 -158
  117. package/src/components/markdown-editor/markdown-plugin.tsx +0 -202
  118. package/src/components/markdown-editor/mention-node.ts +0 -204
  119. package/src/components/markdown-editor/mentions-plugin.tsx +0 -354
  120. package/src/components/markdown-editor/move-line-plugin.tsx +0 -186
  121. package/src/components/markdown-editor/select-line-boundary-plugin.tsx +0 -95
  122. package/src/components/markdown-editor/theme.ts +0 -46
  123. package/src/components/markdown-editor/toolbar.tsx +0 -269
  124. package/src/components/markdown-with-mentions.tsx +0 -198
  125. package/src/components/message-logs/message-logs.tsx +0 -523
  126. package/src/components/message-logs/tool-access-approval-card.test.tsx +0 -127
  127. package/src/components/message-logs/tool-access-approval-card.tsx +0 -178
  128. package/src/components/messages/avatar.tsx +0 -171
  129. package/src/components/messages/channel-message-list.tsx +0 -189
  130. package/src/components/messages/channel-view.tsx +0 -92
  131. package/src/components/messages/message-compose.tsx +0 -192
  132. package/src/components/messages/message-display.tsx +0 -231
  133. package/src/components/messages/thread-message-list.tsx +0 -135
  134. package/src/components/qr-scanner.tsx +0 -180
  135. package/src/components/responsive-section-nav.test.tsx +0 -88
  136. package/src/components/responsive-section-nav.tsx +0 -92
  137. package/src/components/router.tsx +0 -175
  138. package/src/components/save-button.tsx +0 -134
  139. package/src/components/sortable-list.tsx +0 -130
  140. package/src/components/tabs.tsx +0 -76
  141. package/src/components/tooltip.tsx +0 -43
  142. package/src/components/trust-level-badge.tsx +0 -44
  143. package/src/components/trust-level-dropdown.tsx +0 -136
  144. package/src/components/typeahead.tsx +0 -357
  145. package/src/globals-hash.test.ts +0 -19
  146. package/src/globals.tsx +0 -226
  147. package/src/hooks/index.ts +0 -8
  148. package/src/hooks/use-host-contract.ts +0 -75
  149. package/src/hooks/use-observable-state.test.tsx +0 -101
  150. package/src/hooks/use-observable-state.ts +0 -29
  151. package/src/hooks/use-observable.test.tsx +0 -258
  152. package/src/hooks/use-observable.ts +0 -67
  153. package/src/hooks/use-on-screen.ts +0 -24
  154. package/src/hooks/use-promise.ts +0 -34
  155. package/src/hooks/use-rows.test.tsx +0 -196
  156. package/src/hooks/use-rows.ts +0 -120
  157. package/src/hooks/use-subscription.ts +0 -24
  158. package/src/hooks/use-tool.test.tsx +0 -225
  159. package/src/hooks/use-tool.ts +0 -116
  160. package/src/host-shell/host-shell-consumer.test.ts +0 -32
  161. package/src/host-shell/host-shell-consumer.ts +0 -53
  162. package/src/index.tsx +0 -42
  163. package/src/mention-configs.ts +0 -185
  164. package/src/operator-console/operator-console-state.ts +0 -119
  165. package/src/operator-console/operator-console.tsx +0 -233
  166. package/src/peers-services-registration.ts +0 -6
  167. package/src/root-layout/global-overlays.ts +0 -50
  168. package/src/root-layout/layout-picker.tsx +0 -47
  169. package/src/root-layout/layouts/full-screen-layout.tsx +0 -144
  170. package/src/root-layout/layouts/tabs-with-console-layout.tsx +0 -260
  171. package/src/root-layout/root-layout-host.test.tsx +0 -108
  172. package/src/root-layout/root-layout-host.tsx +0 -147
  173. package/src/root-layout/root-layout-registry.ts +0 -51
  174. package/src/root-layout/root-layout-state.ts +0 -55
  175. package/src/root-layout/root-layout.ts +0 -32
  176. package/src/screens/account/account-screen.test.tsx +0 -65
  177. package/src/screens/account/account-screen.tsx +0 -942
  178. package/src/screens/assistants/assistant-config.test.tsx +0 -54
  179. package/src/screens/assistants/assistant-config.tsx +0 -121
  180. package/src/screens/assistants/assistant-details.tsx +0 -89
  181. package/src/screens/assistants/assistant-info.tsx +0 -66
  182. package/src/screens/assistants/assistant-list.tsx +0 -145
  183. package/src/screens/assistants/assistant-tools.tsx +0 -82
  184. package/src/screens/console-logs/console-logs-list.tsx +0 -374
  185. package/src/screens/console-logs/log-display.tsx +0 -137
  186. package/src/screens/console-logs/log-filters.tsx +0 -64
  187. package/src/screens/console-logs/mobile-log-card.tsx +0 -161
  188. package/src/screens/console-logs/resizable-table-header.tsx +0 -110
  189. package/src/screens/contacts/contact-details.tsx +0 -123
  190. package/src/screens/contacts/contact-list.test.tsx +0 -59
  191. package/src/screens/contacts/contact-list.tsx +0 -286
  192. package/src/screens/contacts/index.ts +0 -2
  193. package/src/screens/data-explorer/data-explorer.tsx +0 -633
  194. package/src/screens/data-explorer/index.ts +0 -6
  195. package/src/screens/data-explorer/query-executor.tsx +0 -520
  196. package/src/screens/device-pairing/device-pairing.test.tsx +0 -143
  197. package/src/screens/device-pairing/device-pairing.tsx +0 -461
  198. package/src/screens/device-pairing/identity-ipc.ts +0 -25
  199. package/src/screens/device-pairing/index.ts +0 -2
  200. package/src/screens/device-pairing/use-device-pairing-state.ts +0 -15
  201. package/src/screens/devices/devices-list.test.tsx +0 -68
  202. package/src/screens/devices/devices-list.tsx +0 -365
  203. package/src/screens/devices/index.ts +0 -1
  204. package/src/screens/groups/group-details.tsx +0 -160
  205. package/src/screens/groups/group-invite-panel.tsx +0 -311
  206. package/src/screens/groups/group-list.test.tsx +0 -44
  207. package/src/screens/groups/group-list.tsx +0 -317
  208. package/src/screens/groups/group-members.tsx +0 -343
  209. package/src/screens/groups/index.ts +0 -3
  210. package/src/screens/identity/identity-routes.test.ts +0 -70
  211. package/src/screens/identity/identity-routes.ts +0 -301
  212. package/src/screens/identity/identity-screen.test.tsx +0 -138
  213. package/src/screens/identity/identity-screen.tsx +0 -282
  214. package/src/screens/identity/index.ts +0 -2
  215. package/src/screens/identity/invite-contact-panel.tsx +0 -45
  216. package/src/screens/identity/profile-invite.tsx +0 -93
  217. package/src/screens/invites/accept-invite.test.tsx +0 -115
  218. package/src/screens/invites/accept-invite.tsx +0 -318
  219. package/src/screens/invites/activity-view.test.tsx +0 -127
  220. package/src/screens/invites/activity-view.tsx +0 -162
  221. package/src/screens/invites/index.ts +0 -6
  222. package/src/screens/invites/invite-capture.ts +0 -104
  223. package/src/screens/invites/invite-classify.test.ts +0 -129
  224. package/src/screens/invites/invite-share.tsx +0 -104
  225. package/src/screens/invites/invites-ipc.ts +0 -25
  226. package/src/screens/invites/pending-invites-list.tsx +0 -256
  227. package/src/screens/network-viewer/connection-troubleshooter.tsx +0 -395
  228. package/src/screens/network-viewer/cpu-usage-graph.tsx +0 -294
  229. package/src/screens/network-viewer/device-details-modal.tsx +0 -339
  230. package/src/screens/network-viewer/group-details-modal.tsx +0 -421
  231. package/src/screens/network-viewer/index.ts +0 -8
  232. package/src/screens/network-viewer/network-viewer-ipc.test.ts +0 -72
  233. package/src/screens/network-viewer/network-viewer-ipc.ts +0 -39
  234. package/src/screens/network-viewer/network-viewer-section.ts +0 -12
  235. package/src/screens/network-viewer/network-viewer.section.test.tsx +0 -68
  236. package/src/screens/network-viewer/network-viewer.tsx +0 -708
  237. package/src/screens/network-viewer/remote-logs-panel.tsx +0 -190
  238. package/src/screens/network-viewer/sync-recovery.test.tsx +0 -114
  239. package/src/screens/network-viewer/sync-recovery.tsx +0 -461
  240. package/src/screens/network-viewer/usage-graph.tsx +0 -455
  241. package/src/screens/packages/local-folder-grants-panel.tsx +0 -290
  242. package/src/screens/packages/local-folders-ipc.ts +0 -28
  243. package/src/screens/packages/package-details.tsx +0 -166
  244. package/src/screens/packages/package-helpers.test.ts +0 -57
  245. package/src/screens/packages/package-helpers.ts +0 -137
  246. package/src/screens/packages/package-info.tsx +0 -354
  247. package/src/screens/packages/package-list.tsx +0 -519
  248. package/src/screens/packages/package-network-panel.tsx +0 -82
  249. package/src/screens/packages/package-new-local.tsx +0 -100
  250. package/src/screens/packages/package-runtime-status.test.tsx +0 -58
  251. package/src/screens/packages/package-runtime-status.tsx +0 -68
  252. package/src/screens/packages/package-versions.tsx +0 -298
  253. package/src/screens/packages/packages-ipc.test.ts +0 -47
  254. package/src/screens/packages/packages-ipc.ts +0 -125
  255. package/src/screens/peer-types/peer-type-details.tsx +0 -172
  256. package/src/screens/peer-types/peer-type-list.tsx +0 -64
  257. package/src/screens/search/global-search.tsx +0 -406
  258. package/src/screens/settings/color-mode-dropdown.tsx +0 -82
  259. package/src/screens/settings/settings-page.test.tsx +0 -24
  260. package/src/screens/settings/settings-page.tsx +0 -426
  261. package/src/screens/setup-user.tsx +0 -355
  262. package/src/screens/tools/tool-access-ipc.test.ts +0 -55
  263. package/src/screens/tools/tool-access-ipc.ts +0 -27
  264. package/src/screens/tools/tool-catalog-ipc.test.ts +0 -52
  265. package/src/screens/tools/tool-catalog-ipc.ts +0 -51
  266. package/src/screens/tools/tool-details.tsx +0 -52
  267. package/src/screens/tools/tool-info.tsx +0 -45
  268. package/src/screens/tools/tool-list.tsx +0 -106
  269. package/src/screens/tools/tool-schema.tsx +0 -44
  270. package/src/screens/tools/tool-test-details.tsx +0 -89
  271. package/src/screens/tools/tool-test-list.tsx +0 -73
  272. package/src/screens/variables/variable-details.tsx +0 -289
  273. package/src/screens/variables/variable-list.tsx +0 -110
  274. package/src/screens/welcome-modal.tsx +0 -294
  275. package/src/screens/workflows/workflow-details.tsx +0 -115
  276. package/src/screens/workflows/workflow-info.tsx +0 -22
  277. package/src/screens/workflows/workflow-instructions.tsx +0 -134
  278. package/src/screens/workflows/workflow-list.tsx +0 -117
  279. package/src/setupTests.ts +0 -38
  280. package/src/system-apps/assistants.app.ts +0 -7
  281. package/src/system-apps/console-logs.app.ts +0 -7
  282. package/src/system-apps/data-explorer.app.ts +0 -8
  283. package/src/system-apps/identity.app.ts +0 -9
  284. package/src/system-apps/index.ts +0 -77
  285. package/src/system-apps/mobile-settings.app.ts +0 -7
  286. package/src/system-apps/network-viewer.app.ts +0 -8
  287. package/src/system-apps/packages.app.ts +0 -7
  288. package/src/system-apps/search.app.ts +0 -8
  289. package/src/system-apps/settings.app.ts +0 -7
  290. package/src/system-apps/threads.app.ts +0 -7
  291. package/src/system-apps/tools.app.ts +0 -7
  292. package/src/system-apps/types.app.ts +0 -7
  293. package/src/system-apps/variables.app.ts +0 -7
  294. package/src/system-apps/workflows.app.ts +0 -7
  295. package/src/tabs-layout/network-status-indicator.test.tsx +0 -799
  296. package/src/tabs-layout/network-status-indicator.tsx +0 -756
  297. package/src/tabs-layout/tabs-layout.tsx +0 -857
  298. package/src/tabs-layout/tabs-state.test.ts +0 -152
  299. package/src/tabs-layout/tabs-state.ts +0 -587
  300. package/src/tabs-layout/use-network-status.test.tsx +0 -58
  301. package/src/tabs-layout/use-network-status.ts +0 -68
  302. package/src/ui-defaults/index.ts +0 -2
  303. package/src/ui-defaults/list-screen.tsx +0 -94
  304. package/src/ui-defaults/markdown-field.tsx +0 -87
  305. package/src/ui-router/routes-loader.ts +0 -193
  306. package/src/ui-router/ui-loader.test.tsx +0 -108
  307. package/src/ui-router/ui-loader.tsx +0 -606
  308. package/src/utils.ts +0 -95
  309. package/tsconfig.json +0 -18
@@ -1,196 +0,0 @@
1
- import type { IHostSubscribeOptions } from "@peers-app/peers-sdk";
2
- import { act, render, renderHook, screen, waitFor } from "@testing-library/react";
3
- import { type IRowsSource, useRows } from "./use-rows";
4
-
5
- interface IRow {
6
- id: string;
7
- }
8
-
9
- /** A table whose reads are answered by the test, one at a time. */
10
- function fakeTable(answer: (filter: unknown) => IRow[] | Promise<IRow[]>) {
11
- const listeners = new Set<{ handler: () => void; options?: IHostSubscribeOptions }>();
12
- const reads: unknown[] = [];
13
- const table: IRowsSource<IRow> = {
14
- list: jest.fn(async (filter) => {
15
- reads.push(filter);
16
- return answer(filter);
17
- }),
18
- dataChanged: {
19
- subscribe: (handler, options) => {
20
- const listener = { handler: () => handler({}), options };
21
- listeners.add(listener);
22
- return { unsubscribe: () => listeners.delete(listener) };
23
- },
24
- },
25
- };
26
- return {
27
- table,
28
- reads,
29
- listeners,
30
- change: () => {
31
- for (const listener of listeners) listener.handler();
32
- },
33
- reconnect: () => {
34
- for (const listener of listeners) listener.options?.onReconnect?.();
35
- },
36
- };
37
- }
38
-
39
- function Rows({ table, filter }: { table: IRowsSource<IRow>; filter?: Partial<IRow> }) {
40
- const { rows, loading, error } = useRows(table, filter);
41
- return (
42
- <div>
43
- <span data-testid="rows">{rows.map((row) => row.id).join(",")}</span>
44
- <span data-testid="loading">{String(loading)}</span>
45
- <span data-testid="error">{error?.message ?? ""}</span>
46
- </div>
47
- );
48
- }
49
-
50
- const text = (id: string) => screen.getByTestId(id).textContent;
51
-
52
- describe("useRows", () => {
53
- test("reads on mount and again when the table changes", async () => {
54
- let rows = [{ id: "a" }];
55
- const fake = fakeTable(() => rows);
56
- render(<Rows table={fake.table} />);
57
- expect(text("loading")).toBe("true");
58
- await waitFor(() => expect(text("rows")).toBe("a"));
59
- expect(text("loading")).toBe("false");
60
-
61
- rows = [{ id: "a" }, { id: "b" }];
62
- act(() => fake.change());
63
- await waitFor(() => expect(text("rows")).toBe("a,b"));
64
- });
65
-
66
- test("changes during a read cause one more read, not one per change", async () => {
67
- let release: (() => void) | undefined;
68
- let n = 0;
69
- const fake = fakeTable(
70
- () =>
71
- new Promise<IRow[]>((resolve) => {
72
- const id = String(++n);
73
- release = () => resolve([{ id }]);
74
- }),
75
- );
76
- render(<Rows table={fake.table} />);
77
- await waitFor(() => expect(fake.reads).toHaveLength(1));
78
- act(() => {
79
- fake.change();
80
- fake.change();
81
- fake.change();
82
- });
83
- await act(async () => release?.());
84
- await waitFor(() => expect(fake.reads).toHaveLength(2));
85
- await act(async () => release?.());
86
- await waitFor(() => expect(text("rows")).toBe("2"));
87
- expect(fake.reads).toHaveLength(2);
88
- });
89
-
90
- test("reads again after a reconnect", async () => {
91
- let rows = [{ id: "a" }];
92
- const fake = fakeTable(() => rows);
93
- render(<Rows table={fake.table} />);
94
- await waitFor(() => expect(text("rows")).toBe("a"));
95
- rows = [{ id: "missed" }];
96
- act(() => fake.reconnect());
97
- await waitFor(() => expect(text("rows")).toBe("missed"));
98
- });
99
-
100
- test("reports a failed read and keeps the last rows", async () => {
101
- let fail = false;
102
- const fake = fakeTable(() => {
103
- if (fail) throw new Error("host is down");
104
- return [{ id: "a" }];
105
- });
106
- render(<Rows table={fake.table} />);
107
- await waitFor(() => expect(text("rows")).toBe("a"));
108
- fail = true;
109
- act(() => fake.change());
110
- await waitFor(() => expect(text("error")).toBe("host is down"));
111
- expect(text("rows")).toBe("a");
112
- fail = false;
113
- act(() => fake.change());
114
- await waitFor(() => expect(text("error")).toBe(""));
115
- });
116
-
117
- test("reads again when the filter changes, and unsubscribes on unmount", async () => {
118
- const fake = fakeTable((filter) => [{ id: JSON.stringify(filter) }]);
119
- const { rerender, unmount } = render(<Rows table={fake.table} filter={{ id: "x" }} />);
120
- await waitFor(() => expect(text("rows")).toBe('{"id":"x"}'));
121
- // An equal filter in a new object doesn't read again.
122
- rerender(<Rows table={fake.table} filter={{ id: "x" }} />);
123
- rerender(<Rows table={fake.table} filter={{ id: "y" }} />);
124
- await waitFor(() => expect(text("rows")).toBe('{"id":"y"}'));
125
- expect(fake.reads).toEqual([{ id: "x" }, { id: "y" }]);
126
- expect(fake.listeners.size).toBe(1);
127
- unmount();
128
- expect(fake.listeners.size).toBe(0);
129
- });
130
-
131
- test("reads again once an asynchronous subscription is live", async () => {
132
- let rows = [{ id: "before" }];
133
- const fake = fakeTable(() => rows);
134
- let release!: (live: boolean) => void;
135
- const ready = new Promise<boolean>((resolve) => {
136
- release = resolve;
137
- });
138
- const subscribe = fake.table.dataChanged.subscribe;
139
- fake.table.dataChanged.subscribe = (handler, options) => ({
140
- ...subscribe(handler, options),
141
- ready,
142
- });
143
- render(<Rows table={fake.table} />);
144
- await waitFor(() => expect(text("rows")).toBe("before"));
145
- // No notification can be delivered while the remote subscription is still attaching.
146
- rows = [{ id: "during setup" }];
147
- await act(async () => release(true));
148
- await waitFor(() => expect(text("rows")).toBe("during setup"));
149
- });
150
-
151
- test("a synchronous list failure can be retried", async () => {
152
- const fake = fakeTable(() => [{ id: "recovered" }]);
153
- const list = fake.table.list;
154
- fake.table.list = jest.fn(() => {
155
- throw new Error("offline");
156
- });
157
- render(<Rows table={fake.table} />);
158
- await waitFor(() => expect(text("error")).toBe("offline"));
159
- fake.table.list = list;
160
- act(() => fake.change());
161
- await waitFor(() => expect(text("rows")).toBe("recovered"));
162
- });
163
-
164
- test("reload retries a failed subscription", async () => {
165
- const fake = fakeTable(() => [{ id: "recovered" }]);
166
- const subscribe = fake.table.dataChanged.subscribe;
167
- fake.table.dataChanged.subscribe = () => {
168
- throw new Error("subscription unavailable");
169
- };
170
- const { result } = renderHook(() => useRows(fake.table));
171
- await waitFor(() => expect(result.current.error?.message).toBe("subscription unavailable"));
172
- fake.table.dataChanged.subscribe = subscribe;
173
- await act(async () => result.current.reload());
174
- expect(result.current.rows).toEqual([{ id: "recovered" }]);
175
- expect(result.current.error).toBeUndefined();
176
- expect(fake.listeners.size).toBe(1);
177
- });
178
-
179
- test("reload resolves once the rows are current", async () => {
180
- let rows = [{ id: "a" }];
181
- const fake = fakeTable(() => rows);
182
- let reload: (() => Promise<void>) | undefined;
183
- function Reloading() {
184
- const result = useRows(fake.table);
185
- reload = result.reload;
186
- return <span data-testid="rows">{result.rows.map((row) => row.id).join(",")}</span>;
187
- }
188
- render(<Reloading />);
189
- await waitFor(() => expect(text("rows")).toBe("a"));
190
- rows = [{ id: "b" }];
191
- await act(async () => {
192
- await reload?.();
193
- });
194
- expect(text("rows")).toBe("b");
195
- });
196
- });
@@ -1,120 +0,0 @@
1
- import type {
2
- DataFilter,
3
- IDataQueryParams,
4
- IHostSubscribeOptions,
5
- ISubscriptionResult,
6
- } from "@peers-app/peers-sdk";
7
- import { useCallback, useEffect, useRef, useState } from "react";
8
-
9
- /** A table `useRows` can read: a `hostContract` table, or anything with the same two members. */
10
- export interface IRowsSource<T extends Record<string, any>> {
11
- /** Rows matching `filter`, with paging and sorting options. */
12
- list(filter?: DataFilter<T>, options?: IDataQueryParams<T>): Promise<T[]>;
13
- /**
14
- * Changes to the rows. Optional `ready` acknowledges remote attachment; `onReconnect` runs
15
- * once a replacement subscription is live, when changes may have been missed.
16
- */
17
- readonly dataChanged: {
18
- subscribe(
19
- handler: (event: unknown) => void,
20
- options?: IHostSubscribeOptions,
21
- ): ISubscriptionResult & { readonly ready?: Promise<boolean> };
22
- };
23
- }
24
-
25
- /** What {@link useRows} returns. */
26
- export interface IUseRowsResult<T> {
27
- /** The latest rows; empty until the first read. */
28
- rows: T[];
29
- /** True until a read settles after mounting or after the query changed. */
30
- loading: boolean;
31
- /** Why the latest read failed; cleared by the next one that succeeds. */
32
- error: Error | undefined;
33
- /** Read again now. Resolves when the rows are current. */
34
- reload(): Promise<void>;
35
- }
36
-
37
- /**
38
- * Rows from a contract table, kept current: read on mount, and read again whenever the table
39
- * changes, once an asynchronous subscription is live, after a reconnect, or when `filter` or
40
- * `options` change (compared as JSON). Changes
41
- * that arrive during a read cause one more read, not one per change.
42
- *
43
- * ```tsx
44
- * const { rows: headlines, error } = useRows(news.tables.Headlines, {}, { pageSize: 100 });
45
- * ```
46
- *
47
- * @param table - A table from a `hostContract` client. Keep it stable (make the client once, at
48
- * module scope, as `hostContract` does): a new table reads and subscribes again.
49
- * @param filter - Which rows (all when omitted).
50
- * @param options - Paging and sorting.
51
- */
52
- export function useRows<T extends Record<string, any>>(
53
- table: IRowsSource<T>,
54
- filter?: DataFilter<T>,
55
- options?: IDataQueryParams<T>,
56
- ): IUseRowsResult<T> {
57
- const key = JSON.stringify([filter ?? {}, options ?? {}]);
58
- const query = useRef({ filter, options });
59
- query.current = { filter, options };
60
- const [state, setState] = useState<{ rows: T[]; loading: boolean; error?: Error }>({
61
- rows: [],
62
- loading: true,
63
- });
64
- const reloadRef = useRef<() => Promise<void>>(async () => undefined);
65
-
66
- // `key` stands for filter and options, which the reads take from `query`.
67
- useEffect(() => {
68
- let cancelled = false;
69
- let again = false;
70
- let reading: Promise<void> | undefined;
71
- let subscription: ReturnType<IRowsSource<T>["dataChanged"]["subscribe"]> | undefined;
72
- setState((previous) => (previous.loading ? previous : { ...previous, loading: true }));
73
-
74
- const read = (): Promise<void> => {
75
- again = true;
76
- reading ??= Promise.resolve().then(async () => {
77
- try {
78
- while (again && !cancelled) {
79
- again = false;
80
- try {
81
- if (!subscription) {
82
- subscription = table.dataChanged.subscribe(readAgain, { onReconnect: readAgain });
83
- // Read again after remote attachment, covering changes missed during setup
84
- // without delaying the initial read's connection timeout.
85
- void subscription.ready?.then((live) => {
86
- if (live && !cancelled) readAgain();
87
- });
88
- }
89
- const rows = await table.list(query.current.filter, query.current.options);
90
- if (!cancelled) {
91
- setState({ rows: Array.isArray(rows) ? rows : [], loading: false });
92
- }
93
- } catch (cause) {
94
- if (!cancelled) {
95
- const error = cause instanceof Error ? cause : new Error(String(cause));
96
- setState((previous) => ({ rows: previous.rows, loading: false, error }));
97
- }
98
- }
99
- }
100
- } finally {
101
- reading = undefined;
102
- }
103
- });
104
- return reading;
105
- };
106
- const readAgain = () => {
107
- void read();
108
- };
109
-
110
- reloadRef.current = read;
111
- readAgain();
112
- return () => {
113
- cancelled = true;
114
- subscription?.unsubscribe();
115
- };
116
- }, [table, key]);
117
-
118
- const reload = useCallback(() => reloadRef.current(), []);
119
- return { rows: state.rows, loading: state.loading, error: state.error, reload };
120
- }
@@ -1,24 +0,0 @@
1
- import type { ReadonlyObservable } from "@peers-app/peers-sdk";
2
- import { useEffect } from "react";
3
-
4
- /**
5
- * Use this to register a handler for an observable in a functional component.
6
- * The handler is called immediately (unless `doNotCallOnChangeDuringSetup`) and whenever the
7
- * observable changes.
8
- * @param subscribable The observable to subscribe to
9
- * @param onChange The function to call with the new value when the observable changes
10
- * @param doNotCallOnChangeDuringSetup Skip the immediate call.
11
- */
12
- export function useSubscription<T>(
13
- subscribable: ReadonlyObservable<T>,
14
- onChange: (value: T) => void,
15
- doNotCallOnChangeDuringSetup?: boolean,
16
- ): void {
17
- useEffect(() => {
18
- if (!doNotCallOnChangeDuringSetup) {
19
- onChange(subscribable());
20
- }
21
- const subscription = subscribable.subscribe(() => onChange(subscribable()));
22
- return () => subscription.dispose();
23
- }, [subscribable, onChange, doNotCallOnChangeDuringSetup]);
24
- }
@@ -1,225 +0,0 @@
1
- import { act, renderHook } from "@testing-library/react";
2
- import { useTool } from "./use-tool";
3
-
4
- function deferred<T>() {
5
- let resolve!: (value: T) => void;
6
- let reject!: (error: unknown) => void;
7
- const promise = new Promise<T>((yes, no) => {
8
- resolve = yes;
9
- reject = no;
10
- });
11
- return { promise, resolve, reject };
12
- }
13
-
14
- describe("useTool", () => {
15
- test("tracks a run from pending to its result", async () => {
16
- const answer = deferred<{ count: number }>();
17
- const tool = jest.fn((_input?: { feed?: string }) => answer.promise);
18
- const { result } = renderHook(() => useTool(tool));
19
- expect(result.current.pending).toBe(false);
20
-
21
- let running!: Promise<{ count: number } | undefined>;
22
- act(() => {
23
- running = result.current.run({ feed: "bbc" });
24
- });
25
- expect(result.current.pending).toBe(true);
26
- expect(tool).toHaveBeenCalledWith({ feed: "bbc" });
27
-
28
- await act(async () => answer.resolve({ count: 3 }));
29
- await expect(running).resolves.toEqual({ count: 3 });
30
- expect(result.current).toMatchObject({ pending: false, result: { count: 3 } });
31
- expect(result.current.error).toBeUndefined();
32
-
33
- const typeChecks = () => {
34
- // @ts-expect-error the input is the tool's
35
- void result.current.run({ feed: 1 });
36
- const count: number | undefined = result.current.result?.count;
37
- void count;
38
- };
39
- void typeChecks;
40
- });
41
-
42
- test("a failed run sets error and resolves undefined instead of throwing", async () => {
43
- const onError = jest.fn();
44
- const { result } = renderHook(() =>
45
- useTool(
46
- async () => {
47
- throw "offline";
48
- },
49
- { onError },
50
- ),
51
- );
52
- let outcome: unknown = "unset";
53
- await act(async () => {
54
- outcome = await result.current.run();
55
- });
56
- expect(outcome).toBeUndefined();
57
- expect(result.current.error?.message).toBe("offline");
58
- expect(result.current.pending).toBe(false);
59
- expect(onError).toHaveBeenCalledWith(expect.any(Error));
60
- });
61
-
62
- test("a new run clears the last error and result", async () => {
63
- let fail = true;
64
- const { result } = renderHook(() =>
65
- useTool(async () => {
66
- if (fail) throw new Error("nope");
67
- return "ok";
68
- }),
69
- );
70
- await act(async () => {
71
- await result.current.run();
72
- });
73
- expect(result.current.error).toBeDefined();
74
- fail = false;
75
- const next = deferred<void>();
76
- act(() => {
77
- void result.current.run().then(() => next.resolve());
78
- });
79
- expect(result.current.error).toBeUndefined();
80
- expect(result.current.pending).toBe(true);
81
- await act(async () => next.promise);
82
- expect(result.current.result).toBe("ok");
83
- });
84
-
85
- test("overlapping runs: the state follows the latest, each run resolves its own result", async () => {
86
- const slow = deferred<string>();
87
- const fast = deferred<string>();
88
- const answers = [slow, fast];
89
- const onSuccess = jest.fn();
90
- const { result } = renderHook(() =>
91
- useTool(() => (answers.shift() as ReturnType<typeof deferred<string>>).promise, {
92
- onSuccess,
93
- }),
94
- );
95
- let first!: Promise<string | undefined>;
96
- let second!: Promise<string | undefined>;
97
- act(() => {
98
- first = result.current.run();
99
- second = result.current.run();
100
- });
101
- await act(async () => fast.resolve("fast"));
102
- await expect(second).resolves.toBe("fast");
103
- expect(result.current).toMatchObject({ pending: false, result: "fast" });
104
- await act(async () => slow.resolve("slow"));
105
- await expect(first).resolves.toBe("slow");
106
- expect(result.current.result).toBe("fast");
107
- expect(onSuccess.mock.calls.map(([value]) => value)).toEqual(["fast", "slow"]);
108
- });
109
-
110
- test("reset clears state but lets the pending call and callback finish", async () => {
111
- const answer = deferred<string>();
112
- const onSuccess = jest.fn();
113
- const { result } = renderHook(() => useTool(() => answer.promise, { onSuccess }));
114
- act(() => {
115
- void result.current.run();
116
- });
117
- act(() => result.current.reset());
118
- expect(result.current.pending).toBe(false);
119
- await act(async () => answer.resolve("late"));
120
- expect(result.current.result).toBeUndefined();
121
- expect(onSuccess).toHaveBeenCalledWith("late");
122
- });
123
-
124
- test("run is stable and calls the latest function and callbacks", async () => {
125
- const onSuccess = jest.fn();
126
- const { result, rerender } = renderHook(
127
- ({ label }: { label: string }) =>
128
- useTool(async () => label, { onSuccess: (value) => onSuccess(label, value) }),
129
- { initialProps: { label: "first" } },
130
- );
131
- const run = result.current.run;
132
- rerender({ label: "second" });
133
- expect(result.current.run).toBe(run);
134
- await act(async () => {
135
- await run();
136
- });
137
- expect(result.current.result).toBe("second");
138
- expect(onSuccess).toHaveBeenCalledWith("second", "second");
139
- });
140
-
141
- test("nothing updates after unmount", async () => {
142
- const answer = deferred<string>();
143
- const onSuccess = jest.fn();
144
- const errors = jest.spyOn(console, "error").mockImplementation(() => {});
145
- const { result, unmount } = renderHook(() => useTool(() => answer.promise, { onSuccess }));
146
- let running!: Promise<string | undefined>;
147
- act(() => {
148
- running = result.current.run();
149
- });
150
- unmount();
151
- answer.resolve("done");
152
- await expect(running).resolves.toBe("done");
153
- expect(onSuccess).not.toHaveBeenCalled();
154
- expect(errors).not.toHaveBeenCalled();
155
- errors.mockRestore();
156
- });
157
-
158
- test("callback failures do not change the call's outcome or reject run", async () => {
159
- const errors = jest.spyOn(console, "error").mockImplementation(() => {});
160
- const onError = jest.fn(() => {
161
- throw new Error("error callback failed");
162
- });
163
- const { result, rerender } = renderHook(
164
- ({ fail }: { fail: boolean }) =>
165
- useTool(
166
- async () => {
167
- if (fail) throw new Error("tool failed");
168
- return "saved";
169
- },
170
- {
171
- onSuccess: () => {
172
- throw new Error("success callback failed");
173
- },
174
- onError,
175
- },
176
- ),
177
- { initialProps: { fail: false } },
178
- );
179
- await act(async () => {
180
- await expect(result.current.run()).resolves.toBe("saved");
181
- });
182
- expect(result.current.result).toBe("saved");
183
- expect(result.current.error).toBeUndefined();
184
- expect(onError).not.toHaveBeenCalled();
185
- rerender({ fail: true });
186
- await act(async () => {
187
- await expect(result.current.run()).resolves.toBeUndefined();
188
- });
189
- expect(result.current.error?.message).toBe("tool failed");
190
- expect(errors).toHaveBeenCalledTimes(2);
191
- errors.mockRestore();
192
- });
193
-
194
- test("observes rejected async callbacks and unprintable rejection values", async () => {
195
- const errors = jest.spyOn(console, "error").mockImplementation(() => {});
196
- const { result, rerender } = renderHook(
197
- ({ fail }: { fail: boolean }) =>
198
- useTool(
199
- async () => {
200
- if (fail) throw Object.create(null);
201
- return "ok";
202
- },
203
- {
204
- onSuccess: async () => {
205
- throw new Error("async success callback");
206
- },
207
- onError: async () => {
208
- throw new Error("async error callback");
209
- },
210
- },
211
- ),
212
- { initialProps: { fail: false } },
213
- );
214
- await act(async () => {
215
- await expect(result.current.run()).resolves.toBe("ok");
216
- });
217
- rerender({ fail: true });
218
- await act(async () => {
219
- await expect(result.current.run()).resolves.toBeUndefined();
220
- });
221
- expect(result.current.error).toBeInstanceOf(Error);
222
- expect(errors).toHaveBeenCalledTimes(2);
223
- errors.mockRestore();
224
- });
225
- });
@@ -1,116 +0,0 @@
1
- import { useCallback, useEffect, useRef, useState } from "react";
2
-
3
- /** A call {@link useTool} can run: a contract tool, a table write, or any async function. */
4
- export type UseToolCall = (...args: any[]) => Promise<unknown>;
5
-
6
- /**
7
- * Callbacks for {@link useTool}. The latest ones passed are used. Callback failures are
8
- * logged; they do not change the call's result or error. Async callbacks are not awaited.
9
- */
10
- export interface IUseToolOptions<T extends UseToolCall> {
11
- /** After a run succeeds, with its result and arguments. Not called after unmount. */
12
- onSuccess?: (result: Awaited<ReturnType<T>>, ...args: Parameters<T>) => void;
13
- /** After a run fails, with its error and arguments. Not called after unmount. */
14
- onError?: (error: Error, ...args: Parameters<T>) => void;
15
- }
16
-
17
- /** What {@link useTool} returns. */
18
- export interface IUseToolResult<T extends UseToolCall> {
19
- /** Run the call. Resolves to its result, or `undefined` when it fails; it never rejects. */
20
- run: (...args: Parameters<T>) => Promise<Awaited<ReturnType<T>> | undefined>;
21
- /** True while the latest run is in flight. */
22
- pending: boolean;
23
- /** Why the latest run failed. Cleared when a run starts. */
24
- error: Error | undefined;
25
- /** The latest run's result. Cleared when a run starts. */
26
- result: Awaited<ReturnType<T>> | undefined;
27
- /** Clear state and ignore pending state updates, without cancelling calls or their callbacks. */
28
- reset: () => void;
29
- }
30
-
31
- interface IToolState<R> {
32
- pending: boolean;
33
- error?: Error;
34
- result?: R;
35
- }
36
-
37
- /**
38
- * Run a tool from a component and track it: `pending` while it runs, then `result` or `error`.
39
- *
40
- * ```tsx
41
- * const refresh = useTool(news.tools.refresh);
42
- * <button disabled={refresh.pending} onClick={() => refresh.run()}>Refresh</button>
43
- * {refresh.error && <div>Couldn't refresh.</div>}
44
- * ```
45
- *
46
- * Typed from the call, so `run` takes the tool's input and `result` is its output. It also
47
- * takes table writes (`useTool(news.tables.Feeds.save)`) or any async function. `run` keeps
48
- * the same identity across renders and calls the latest function passed. When runs overlap,
49
- * the state follows the latest one. Nothing updates after unmount.
50
- *
51
- * @param call - The tool or async function to run.
52
- * @param options - `onSuccess` and `onError` callbacks.
53
- */
54
- export function useTool<T extends UseToolCall>(
55
- call: T,
56
- options: IUseToolOptions<T> = {},
57
- ): IUseToolResult<T> {
58
- type Result = Awaited<ReturnType<T>>;
59
- const latest = useRef({ call, options });
60
- latest.current = { call, options };
61
- const runs = useRef(0);
62
- const mounted = useRef(true);
63
- const [state, setState] = useState<IToolState<Result>>({ pending: false });
64
-
65
- useEffect(() => {
66
- mounted.current = true;
67
- return () => {
68
- mounted.current = false;
69
- };
70
- }, []);
71
-
72
- const run = useCallback(async (...args: Parameters<T>): Promise<Result | undefined> => {
73
- const id = ++runs.current;
74
- if (mounted.current) setState({ pending: true });
75
- try {
76
- const result = (await latest.current.call(...args)) as Result;
77
- if (mounted.current) {
78
- if (id === runs.current) setState({ pending: false, result });
79
- notify(() => latest.current.options.onSuccess?.(result, ...args));
80
- }
81
- return result;
82
- } catch (cause) {
83
- const error = toolError(cause);
84
- if (mounted.current) {
85
- if (id === runs.current) setState({ pending: false, error });
86
- notify(() => latest.current.options.onError?.(error, ...args));
87
- }
88
- return undefined;
89
- }
90
- }, []);
91
-
92
- const reset = useCallback(() => {
93
- runs.current++;
94
- if (mounted.current) setState({ pending: false });
95
- }, []);
96
-
97
- return { run, reset, pending: state.pending, error: state.error, result: state.result };
98
- }
99
-
100
- function notify(callback: () => void): void {
101
- const failed = (cause: unknown) => console.error("useTool callback failed", cause);
102
- try {
103
- void Promise.resolve(callback()).catch(failed);
104
- } catch (cause) {
105
- failed(cause);
106
- }
107
- }
108
-
109
- function toolError(cause: unknown): Error {
110
- try {
111
- if (cause instanceof Error) return cause;
112
- return new Error(String(cause));
113
- } catch {
114
- return new Error("Tool call failed");
115
- }
116
- }