@dxos/echo-react 0.11.1 → 1.0.0-next-bbabc02363f18d7643ea4160e3a7a7809870fd0d
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@dxos/echo-react",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "1.0.0-next-bbabc02363f18d7643ea4160e3a7a7809870fd0d",
|
|
4
4
|
"description": "React integration for ECHO.",
|
|
5
5
|
"homepage": "https://dxos.org",
|
|
6
6
|
"bugs": "https://github.com/dxos/dxos/issues",
|
|
@@ -27,8 +27,7 @@
|
|
|
27
27
|
"dependencies": {
|
|
28
28
|
"@effect-atom/atom": "^0.5.3",
|
|
29
29
|
"@effect-atom/atom-react": "^0.5.0",
|
|
30
|
-
"@dxos/echo": "0.
|
|
31
|
-
"@dxos/log": "0.11.1"
|
|
30
|
+
"@dxos/echo": "1.0.0-next-bbabc02363f18d7643ea4160e3a7a7809870fd0d"
|
|
32
31
|
},
|
|
33
32
|
"devDependencies": {
|
|
34
33
|
"@testing-library/react": "^16.3.2",
|
|
@@ -36,7 +35,7 @@
|
|
|
36
35
|
"@types/react-dom": "~19.2.3",
|
|
37
36
|
"react": "~19.2.7",
|
|
38
37
|
"react-dom": "~19.2.7",
|
|
39
|
-
"@dxos/echo-client": "0.
|
|
38
|
+
"@dxos/echo-client": "1.0.0-next-bbabc02363f18d7643ea4160e3a7a7809870fd0d"
|
|
40
39
|
},
|
|
41
40
|
"peerDependencies": {
|
|
42
41
|
"react": "~19.2.7"
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
//# sourceMappingURL=useQuery.__test.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useQuery.__test.d.ts","sourceRoot":"","sources":["../../../src/useQuery.__test.tsx"],"names":[],"mappings":""}
|
package/src/useQuery.__test.tsx
DELETED
|
@@ -1,132 +0,0 @@
|
|
|
1
|
-
//
|
|
2
|
-
// Copyright 2022 DXOS.org
|
|
3
|
-
//
|
|
4
|
-
|
|
5
|
-
// TODO(wittjosiah): Fix these tests.
|
|
6
|
-
|
|
7
|
-
/*
|
|
8
|
-
import { renderHook } from '@testing-library/react';
|
|
9
|
-
import { describe, expect, test } from 'vitest';
|
|
10
|
-
|
|
11
|
-
import { Filter, Obj, Type } from '@dxos/echo';
|
|
12
|
-
import { TestSchema } from '@dxos/echo/testing';
|
|
13
|
-
|
|
14
|
-
import { createClient, createClientContextProvider } from '../testing/util';
|
|
15
|
-
|
|
16
|
-
import { useQuery } from './useQuery';
|
|
17
|
-
|
|
18
|
-
describe('useQuery', () => {
|
|
19
|
-
// TODO(dmaretskyi): Fix this test.
|
|
20
|
-
test.skip('deleting an element should result in correct render sequence', async () => {
|
|
21
|
-
// Setup: Create client and space.
|
|
22
|
-
const { client, space } = await createClient({ createIdentity: true, createSpace: true });
|
|
23
|
-
const wrapper = await createClientContextProvider(client);
|
|
24
|
-
|
|
25
|
-
// Create 3 test objects: Alice, Bob, Charlie.
|
|
26
|
-
const alice = Obj.make(TestSchema.Expando, { name: 'Alice' });
|
|
27
|
-
const bob = Obj.make(TestSchema.Expando, { name: 'Bob' });
|
|
28
|
-
const charlie = Obj.make(TestSchema.Expando, { name: 'Charlie' });
|
|
29
|
-
|
|
30
|
-
space!.db.add(alice);
|
|
31
|
-
space!.db.add(bob);
|
|
32
|
-
space!.db.add(charlie);
|
|
33
|
-
await space!.db.flush();
|
|
34
|
-
|
|
35
|
-
// Track all renders to observe the bug.
|
|
36
|
-
const allRenders: string[][] = [];
|
|
37
|
-
|
|
38
|
-
// Setup useQuery hook that captures every render.
|
|
39
|
-
renderHook(
|
|
40
|
-
() => {
|
|
41
|
-
const objects = useQuery(space?.db, Filter.type(TestSchema.Expando));
|
|
42
|
-
|
|
43
|
-
// Capture the names in this render.
|
|
44
|
-
const namesInThisRender = objects.map((obj) => obj.name);
|
|
45
|
-
allRenders.push([...namesInThisRender]);
|
|
46
|
-
|
|
47
|
-
return objects;
|
|
48
|
-
},
|
|
49
|
-
{ wrapper },
|
|
50
|
-
);
|
|
51
|
-
|
|
52
|
-
// Wait for initial renders to complete.
|
|
53
|
-
await new Promise((resolve) => setTimeout(resolve, 100));
|
|
54
|
-
|
|
55
|
-
// THE BUG REPRODUCTION: Delete Bob.
|
|
56
|
-
space!.db.remove(bob);
|
|
57
|
-
|
|
58
|
-
// Wait for all reactive updates to complete.
|
|
59
|
-
await new Promise((resolve) => setTimeout(resolve, 500));
|
|
60
|
-
|
|
61
|
-
// TODO(ZaymonFC): Remove this comment once the flash bug is resolved.
|
|
62
|
-
// NOTE(ZaymonFC):
|
|
63
|
-
// Expected: 3 renders
|
|
64
|
-
// 1. [] (empty)
|
|
65
|
-
// 2. ['Alice', 'Bob', 'Charlie'] (all loaded)
|
|
66
|
-
// 3. ['Alice', 'Charlie'] (Bob removed, no flash)
|
|
67
|
-
|
|
68
|
-
// Actual: 4 renders
|
|
69
|
-
// 1. [] (empty)
|
|
70
|
-
// 2. ['Alice', 'Bob', 'Charlie'] (all loaded)
|
|
71
|
-
// 3. ['Alice', 'Charlie', 'Bob'] (FLASH BUG - Bob moves to end!)x
|
|
72
|
-
// 4. ['Alice', 'Charlie'] (Bob finally removed)
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
expect(allRenders).toEqual([
|
|
76
|
-
[], // Initial loading state.
|
|
77
|
-
['Alice', 'Bob', 'Charlie'], // All objects loaded.
|
|
78
|
-
['Alice', 'Charlie'], // Bob removed (no flash).
|
|
79
|
-
]);
|
|
80
|
-
});
|
|
81
|
-
|
|
82
|
-
test.skip('bulk deleting multiple items should remove them from query results', async () => {
|
|
83
|
-
// Setup: Create client and space.
|
|
84
|
-
const { client, space } = await createClient({ createIdentity: true, createSpace: true });
|
|
85
|
-
const wrapper = await createClientContextProvider(client);
|
|
86
|
-
|
|
87
|
-
// Create 10 test objects: 1, 2, 3, ..., 10.
|
|
88
|
-
const objects = Array.from({ length: 10 }, (_, i) => Obj.make(TestSchema.Expando, { value: i + 1 }));
|
|
89
|
-
|
|
90
|
-
objects.forEach((obj) => space!.db.add(obj));
|
|
91
|
-
await space!.db.flush();
|
|
92
|
-
|
|
93
|
-
// Track all renders to observe the bug.
|
|
94
|
-
const allRenders: number[][] = [];
|
|
95
|
-
|
|
96
|
-
// Setup useQuery hook that captures every render.
|
|
97
|
-
renderHook(
|
|
98
|
-
() => {
|
|
99
|
-
const queryObjects = useQuery(space?.db, Filter.type(TestSchema.Expando));
|
|
100
|
-
|
|
101
|
-
// Capture the values in this render.
|
|
102
|
-
const valuesInThisRender = queryObjects.map((obj) => obj.value);
|
|
103
|
-
allRenders.push([...valuesInThisRender]);
|
|
104
|
-
|
|
105
|
-
return queryObjects;
|
|
106
|
-
},
|
|
107
|
-
{ wrapper },
|
|
108
|
-
);
|
|
109
|
-
|
|
110
|
-
// Wait for initial renders to complete.
|
|
111
|
-
await new Promise((resolve) => setTimeout(resolve, 100));
|
|
112
|
-
|
|
113
|
-
// THE BUG REPRODUCTION: Delete all items in a loop.
|
|
114
|
-
for (const item of objects) {
|
|
115
|
-
space!.db.remove(item);
|
|
116
|
-
}
|
|
117
|
-
|
|
118
|
-
// Wait for all reactive updates to complete.
|
|
119
|
-
await new Promise((resolve) => setTimeout(resolve, 500));
|
|
120
|
-
|
|
121
|
-
// Convert to sets for order-independent comparison.
|
|
122
|
-
const renderSets = allRenders.map((render) => new Set(render));
|
|
123
|
-
|
|
124
|
-
expect(renderSets).toEqual([
|
|
125
|
-
new Set([]), // Initial loading state.
|
|
126
|
-
new Set([1, 2, 3, 4, 5, 6, 7, 8, 9, 10]), // All objects loaded.
|
|
127
|
-
// TODO(dmaretskyi): Fix this with query ordering.
|
|
128
|
-
new Set([]), // All items deleted.
|
|
129
|
-
]);
|
|
130
|
-
});
|
|
131
|
-
});
|
|
132
|
-
*/
|