@dxos/react-edge-client 0.7.5-labs.a279d8c → 0.7.5-labs.c0e040f
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/dist/lib/browser/index.mjs +14 -57
- package/dist/lib/browser/index.mjs.map +3 -3
- package/dist/lib/browser/meta.json +1 -1
- package/dist/lib/node/index.cjs +13 -54
- package/dist/lib/node/index.cjs.map +3 -3
- package/dist/lib/node/meta.json +1 -1
- package/dist/lib/node-esm/index.mjs +14 -55
- package/dist/lib/node-esm/index.mjs.map +3 -3
- package/dist/lib/node-esm/meta.json +1 -1
- package/dist/types/src/hooks/useEdgeClient.d.ts.map +1 -1
- package/dist/types/src/hooks/useQueue.d.ts +2 -7
- package/dist/types/src/hooks/useQueue.d.ts.map +1 -1
- package/dist/types/src/index.d.ts +1 -0
- package/dist/types/src/index.d.ts.map +1 -1
- package/dist/types/tsconfig.tsbuildinfo +1 -1
- package/package.json +8 -7
- package/src/hooks/useEdgeClient.ts +1 -0
- package/src/hooks/useQueue.ts +22 -66
- package/src/index.ts +1 -0
|
@@ -1,5 +1,3 @@
|
|
|
1
|
-
import "@dxos/node-std/globals";
|
|
2
|
-
|
|
3
1
|
// packages/sdk/react-edge-client/src/hooks/useEdgeClient.ts
|
|
4
2
|
import { useMemo } from "react";
|
|
5
3
|
import { EdgeHttpClient } from "@dxos/edge-client";
|
|
@@ -11,7 +9,7 @@ var useEdgeClient = () => {
|
|
|
11
9
|
const edgeUrl = config.values.runtime?.services?.edge?.url;
|
|
12
10
|
invariant(edgeUrl, "EDGE services not configured.", {
|
|
13
11
|
F: __dxlog_file,
|
|
14
|
-
L:
|
|
12
|
+
L: 18,
|
|
15
13
|
S: void 0,
|
|
16
14
|
A: [
|
|
17
15
|
"edgeUrl",
|
|
@@ -24,76 +22,35 @@ var useEdgeClient = () => {
|
|
|
24
22
|
};
|
|
25
23
|
|
|
26
24
|
// packages/sdk/react-edge-client/src/hooks/useQueue.ts
|
|
27
|
-
import { useEffect,
|
|
25
|
+
import { useEffect, useMemo as useMemo2 } from "react";
|
|
26
|
+
import { QueueImpl } from "@dxos/echo-db";
|
|
27
|
+
var MIN_POLL_INTERVAL = 1e3;
|
|
28
28
|
var useQueue = (client, queueDxn, options = {}) => {
|
|
29
|
-
const
|
|
30
|
-
|
|
31
|
-
const [error, setError] = useState(null);
|
|
32
|
-
const refreshId = useRef(0);
|
|
33
|
-
const { subspaceTag, spaceId, queueId } = queueDxn?.asQueueDXN() ?? {};
|
|
34
|
-
const append = async (items2) => {
|
|
35
|
-
if (!subspaceTag || !spaceId || !queueId) {
|
|
36
|
-
return;
|
|
37
|
-
}
|
|
38
|
-
try {
|
|
39
|
-
setItems((prevItems) => [
|
|
40
|
-
...prevItems,
|
|
41
|
-
...items2
|
|
42
|
-
]);
|
|
43
|
-
void client.insertIntoQueue(subspaceTag, spaceId, queueId, items2);
|
|
44
|
-
} catch (err) {
|
|
45
|
-
setError(err);
|
|
46
|
-
}
|
|
47
|
-
};
|
|
48
|
-
const refresh = async () => {
|
|
49
|
-
if (!subspaceTag || !spaceId || !queueId) {
|
|
50
|
-
return;
|
|
51
|
-
}
|
|
52
|
-
const thisRefreshId = ++refreshId.current;
|
|
53
|
-
try {
|
|
54
|
-
const { objects } = await client.queryQueue(subspaceTag, spaceId, {
|
|
55
|
-
queueId
|
|
56
|
-
});
|
|
57
|
-
if (thisRefreshId !== refreshId.current) {
|
|
58
|
-
return;
|
|
59
|
-
}
|
|
60
|
-
setItems(objects);
|
|
61
|
-
} catch (err) {
|
|
62
|
-
setError(err);
|
|
63
|
-
} finally {
|
|
64
|
-
setIsLoading(false);
|
|
65
|
-
}
|
|
66
|
-
};
|
|
67
|
-
useEffect(() => {
|
|
68
|
-
void refresh();
|
|
69
|
-
}, [
|
|
29
|
+
const queue = useMemo2(() => queueDxn ? new QueueImpl(client, queueDxn) : void 0, [
|
|
30
|
+
client,
|
|
70
31
|
queueDxn?.toString()
|
|
71
32
|
]);
|
|
72
33
|
useEffect(() => {
|
|
73
|
-
void refresh();
|
|
34
|
+
void queue?.refresh();
|
|
74
35
|
}, [
|
|
75
|
-
|
|
36
|
+
queue
|
|
76
37
|
]);
|
|
77
38
|
useEffect(() => {
|
|
78
|
-
let
|
|
39
|
+
let timeout;
|
|
79
40
|
if (options.pollInterval) {
|
|
80
41
|
const poll = () => {
|
|
81
|
-
void refresh().finally(() => {
|
|
82
|
-
|
|
42
|
+
void queue?.refresh().finally(() => {
|
|
43
|
+
timeout = setTimeout(poll, Math.max(options.pollInterval ?? 0, MIN_POLL_INTERVAL));
|
|
83
44
|
});
|
|
84
45
|
};
|
|
85
46
|
poll();
|
|
86
47
|
}
|
|
87
|
-
return () =>
|
|
48
|
+
return () => clearTimeout(timeout);
|
|
88
49
|
}, [
|
|
50
|
+
queue,
|
|
89
51
|
options.pollInterval
|
|
90
52
|
]);
|
|
91
|
-
return
|
|
92
|
-
items,
|
|
93
|
-
append,
|
|
94
|
-
isLoading,
|
|
95
|
-
error
|
|
96
|
-
};
|
|
53
|
+
return queue;
|
|
97
54
|
};
|
|
98
55
|
export {
|
|
99
56
|
useEdgeClient,
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/hooks/useEdgeClient.ts", "../../../src/hooks/useQueue.ts"],
|
|
4
|
-
"sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { useMemo } from 'react';\n\nimport { EdgeHttpClient } from '@dxos/edge-client';\nimport { invariant } from '@dxos/invariant';\nimport { useConfig } from '@dxos/react-client';\n\n/**\n * Client for edge services.\n */\nexport const useEdgeClient = () => {\n const config = useConfig();\n const edgeUrl = config.values.runtime?.services?.edge?.url;\n invariant(edgeUrl, 'EDGE services not configured.');\n return useMemo(() => new EdgeHttpClient(edgeUrl), [edgeUrl]);\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { useEffect,
|
|
5
|
-
"mappings": "
|
|
6
|
-
"names": ["useMemo", "EdgeHttpClient", "invariant", "useConfig", "useEdgeClient", "config", "edgeUrl", "values", "runtime", "services", "edge", "url", "useEffect", "
|
|
4
|
+
"sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { useMemo } from 'react';\n\nimport { EdgeHttpClient } from '@dxos/edge-client';\nimport { invariant } from '@dxos/invariant';\nimport { useConfig } from '@dxos/react-client';\n\n/**\n * Client for edge services.\n */\n// TODO(mykola): This should be done through client-service RPC.\nexport const useEdgeClient = () => {\n const config = useConfig();\n const edgeUrl = config.values.runtime?.services?.edge?.url;\n invariant(edgeUrl, 'EDGE services not configured.');\n return useMemo(() => new EdgeHttpClient(edgeUrl), [edgeUrl]);\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { useEffect, useMemo } from 'react';\n\nimport type { Queue } from '@dxos/echo-db';\nimport { QueueImpl } from '@dxos/echo-db';\nimport { type EdgeHttpClient } from '@dxos/edge-client';\nimport { type DXN } from '@dxos/keys';\n\nconst MIN_POLL_INTERVAL = 1_000;\n\nexport type UseQueueOptions = {\n pollInterval?: number;\n};\n\n/**\n * Polls the given Edge queue.\n */\n// TODO(burdon): Replace polling with socket?\nexport const useQueue = <T>(\n client: EdgeHttpClient,\n queueDxn?: DXN,\n options: UseQueueOptions = {},\n): Queue<T> | undefined => {\n const queue = useMemo<QueueImpl<T> | undefined>(\n () => (queueDxn ? new QueueImpl(client, queueDxn) : undefined),\n [client, queueDxn?.toString()],\n );\n\n useEffect(() => {\n void queue?.refresh();\n }, [queue]);\n\n useEffect(() => {\n let timeout: NodeJS.Timeout;\n if (options.pollInterval) {\n const poll = () => {\n void queue?.refresh().finally(() => {\n timeout = setTimeout(poll, Math.max(options.pollInterval ?? 0, MIN_POLL_INTERVAL));\n });\n };\n\n poll();\n }\n\n return () => clearTimeout(timeout);\n }, [queue, options.pollInterval]);\n\n return queue;\n};\n"],
|
|
5
|
+
"mappings": ";AAIA,SAASA,eAAe;AAExB,SAASC,sBAAsB;AAC/B,SAASC,iBAAiB;AAC1B,SAASC,iBAAiB;;AAMnB,IAAMC,gBAAgB,MAAA;AAC3B,QAAMC,SAASF,UAAAA;AACf,QAAMG,UAAUD,OAAOE,OAAOC,SAASC,UAAUC,MAAMC;AACvDT,YAAUI,SAAS,iCAAA;;;;;;;;;AACnB,SAAON,QAAQ,MAAM,IAAIC,eAAeK,OAAAA,GAAU;IAACA;GAAQ;AAC7D;;;ACfA,SAASM,WAAWC,WAAAA,gBAAe;AAGnC,SAASC,iBAAiB;AAI1B,IAAMC,oBAAoB;AAUnB,IAAMC,WAAW,CACtBC,QACAC,UACAC,UAA2B,CAAC,MAAC;AAE7B,QAAMC,QAAQC,SACZ,MAAOH,WAAW,IAAII,UAAUL,QAAQC,QAAAA,IAAYK,QACpD;IAACN;IAAQC,UAAUM,SAAAA;GAAW;AAGhCC,YAAU,MAAA;AACR,SAAKL,OAAOM,QAAAA;EACd,GAAG;IAACN;GAAM;AAEVK,YAAU,MAAA;AACR,QAAIE;AACJ,QAAIR,QAAQS,cAAc;AACxB,YAAMC,OAAO,MAAA;AACX,aAAKT,OAAOM,QAAAA,EAAUI,QAAQ,MAAA;AAC5BH,oBAAUI,WAAWF,MAAMG,KAAKC,IAAId,QAAQS,gBAAgB,GAAGb,iBAAAA,CAAAA;QACjE,CAAA;MACF;AAEAc,WAAAA;IACF;AAEA,WAAO,MAAMK,aAAaP,OAAAA;EAC5B,GAAG;IAACP;IAAOD,QAAQS;GAAa;AAEhC,SAAOR;AACT;",
|
|
6
|
+
"names": ["useMemo", "EdgeHttpClient", "invariant", "useConfig", "useEdgeClient", "config", "edgeUrl", "values", "runtime", "services", "edge", "url", "useEffect", "useMemo", "QueueImpl", "MIN_POLL_INTERVAL", "useQueue", "client", "queueDxn", "options", "queue", "useMemo", "QueueImpl", "undefined", "toString", "useEffect", "refresh", "timeout", "pollInterval", "poll", "finally", "setTimeout", "Math", "max", "clearTimeout"]
|
|
7
7
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"inputs":{"packages/sdk/react-edge-client/src/hooks/useEdgeClient.ts":{"bytes":
|
|
1
|
+
{"inputs":{"packages/sdk/react-edge-client/src/hooks/useEdgeClient.ts":{"bytes":2511,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/edge-client","kind":"import-statement","external":true},{"path":"@dxos/invariant","kind":"import-statement","external":true},{"path":"@dxos/react-client","kind":"import-statement","external":true}],"format":"esm"},"packages/sdk/react-edge-client/src/hooks/useQueue.ts":{"bytes":4072,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/echo-db","kind":"import-statement","external":true}],"format":"esm"},"packages/sdk/react-edge-client/src/hooks/index.ts":{"bytes":613,"imports":[{"path":"packages/sdk/react-edge-client/src/hooks/useEdgeClient.ts","kind":"import-statement","original":"./useEdgeClient"},{"path":"packages/sdk/react-edge-client/src/hooks/useQueue.ts","kind":"import-statement","original":"./useQueue"}],"format":"esm"},"packages/sdk/react-edge-client/src/index.ts":{"bytes":571,"imports":[{"path":"packages/sdk/react-edge-client/src/hooks/index.ts","kind":"import-statement","original":"./hooks"}],"format":"esm"}},"outputs":{"packages/sdk/react-edge-client/dist/lib/browser/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":3255},"packages/sdk/react-edge-client/dist/lib/browser/index.mjs":{"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/edge-client","kind":"import-statement","external":true},{"path":"@dxos/invariant","kind":"import-statement","external":true},{"path":"@dxos/react-client","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/echo-db","kind":"import-statement","external":true}],"exports":["useEdgeClient","useQueue"],"entryPoint":"packages/sdk/react-edge-client/src/index.ts","inputs":{"packages/sdk/react-edge-client/src/hooks/useEdgeClient.ts":{"bytesInOutput":662},"packages/sdk/react-edge-client/src/hooks/index.ts":{"bytesInOutput":0},"packages/sdk/react-edge-client/src/hooks/useQueue.ts":{"bytesInOutput":765},"packages/sdk/react-edge-client/src/index.ts":{"bytesInOutput":0}},"bytes":1620}}}
|
package/dist/lib/node/index.cjs
CHANGED
|
@@ -27,13 +27,14 @@ var import_edge_client = require("@dxos/edge-client");
|
|
|
27
27
|
var import_invariant = require("@dxos/invariant");
|
|
28
28
|
var import_react_client = require("@dxos/react-client");
|
|
29
29
|
var import_react2 = require("react");
|
|
30
|
+
var import_echo_db = require("@dxos/echo-db");
|
|
30
31
|
var __dxlog_file = "/home/runner/work/dxos/dxos/packages/sdk/react-edge-client/src/hooks/useEdgeClient.ts";
|
|
31
32
|
var useEdgeClient = () => {
|
|
32
33
|
const config = (0, import_react_client.useConfig)();
|
|
33
34
|
const edgeUrl = config.values.runtime?.services?.edge?.url;
|
|
34
35
|
(0, import_invariant.invariant)(edgeUrl, "EDGE services not configured.", {
|
|
35
36
|
F: __dxlog_file,
|
|
36
|
-
L:
|
|
37
|
+
L: 18,
|
|
37
38
|
S: void 0,
|
|
38
39
|
A: [
|
|
39
40
|
"edgeUrl",
|
|
@@ -44,75 +45,33 @@ var useEdgeClient = () => {
|
|
|
44
45
|
edgeUrl
|
|
45
46
|
]);
|
|
46
47
|
};
|
|
48
|
+
var MIN_POLL_INTERVAL = 1e3;
|
|
47
49
|
var useQueue = (client, queueDxn, options = {}) => {
|
|
48
|
-
const
|
|
49
|
-
|
|
50
|
-
const [error, setError] = (0, import_react2.useState)(null);
|
|
51
|
-
const refreshId = (0, import_react2.useRef)(0);
|
|
52
|
-
const { subspaceTag, spaceId, queueId } = queueDxn?.asQueueDXN() ?? {};
|
|
53
|
-
const append = async (items2) => {
|
|
54
|
-
if (!subspaceTag || !spaceId || !queueId) {
|
|
55
|
-
return;
|
|
56
|
-
}
|
|
57
|
-
try {
|
|
58
|
-
setItems((prevItems) => [
|
|
59
|
-
...prevItems,
|
|
60
|
-
...items2
|
|
61
|
-
]);
|
|
62
|
-
void client.insertIntoQueue(subspaceTag, spaceId, queueId, items2);
|
|
63
|
-
} catch (err) {
|
|
64
|
-
setError(err);
|
|
65
|
-
}
|
|
66
|
-
};
|
|
67
|
-
const refresh = async () => {
|
|
68
|
-
if (!subspaceTag || !spaceId || !queueId) {
|
|
69
|
-
return;
|
|
70
|
-
}
|
|
71
|
-
const thisRefreshId = ++refreshId.current;
|
|
72
|
-
try {
|
|
73
|
-
const { objects } = await client.queryQueue(subspaceTag, spaceId, {
|
|
74
|
-
queueId
|
|
75
|
-
});
|
|
76
|
-
if (thisRefreshId !== refreshId.current) {
|
|
77
|
-
return;
|
|
78
|
-
}
|
|
79
|
-
setItems(objects);
|
|
80
|
-
} catch (err) {
|
|
81
|
-
setError(err);
|
|
82
|
-
} finally {
|
|
83
|
-
setIsLoading(false);
|
|
84
|
-
}
|
|
85
|
-
};
|
|
86
|
-
(0, import_react2.useEffect)(() => {
|
|
87
|
-
void refresh();
|
|
88
|
-
}, [
|
|
50
|
+
const queue = (0, import_react2.useMemo)(() => queueDxn ? new import_echo_db.QueueImpl(client, queueDxn) : void 0, [
|
|
51
|
+
client,
|
|
89
52
|
queueDxn?.toString()
|
|
90
53
|
]);
|
|
91
54
|
(0, import_react2.useEffect)(() => {
|
|
92
|
-
void refresh();
|
|
55
|
+
void queue?.refresh();
|
|
93
56
|
}, [
|
|
94
|
-
|
|
57
|
+
queue
|
|
95
58
|
]);
|
|
96
59
|
(0, import_react2.useEffect)(() => {
|
|
97
|
-
let
|
|
60
|
+
let timeout;
|
|
98
61
|
if (options.pollInterval) {
|
|
99
62
|
const poll = () => {
|
|
100
|
-
void refresh().finally(() => {
|
|
101
|
-
|
|
63
|
+
void queue?.refresh().finally(() => {
|
|
64
|
+
timeout = setTimeout(poll, Math.max(options.pollInterval ?? 0, MIN_POLL_INTERVAL));
|
|
102
65
|
});
|
|
103
66
|
};
|
|
104
67
|
poll();
|
|
105
68
|
}
|
|
106
|
-
return () =>
|
|
69
|
+
return () => clearTimeout(timeout);
|
|
107
70
|
}, [
|
|
71
|
+
queue,
|
|
108
72
|
options.pollInterval
|
|
109
73
|
]);
|
|
110
|
-
return
|
|
111
|
-
items,
|
|
112
|
-
append,
|
|
113
|
-
isLoading,
|
|
114
|
-
error
|
|
115
|
-
};
|
|
74
|
+
return queue;
|
|
116
75
|
};
|
|
117
76
|
// Annotate the CommonJS export names for ESM import in node:
|
|
118
77
|
0 && (module.exports = {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/hooks/useEdgeClient.ts", "../../../src/hooks/useQueue.ts"],
|
|
4
|
-
"sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { useMemo } from 'react';\n\nimport { EdgeHttpClient } from '@dxos/edge-client';\nimport { invariant } from '@dxos/invariant';\nimport { useConfig } from '@dxos/react-client';\n\n/**\n * Client for edge services.\n */\nexport const useEdgeClient = () => {\n const config = useConfig();\n const edgeUrl = config.values.runtime?.services?.edge?.url;\n invariant(edgeUrl, 'EDGE services not configured.');\n return useMemo(() => new EdgeHttpClient(edgeUrl), [edgeUrl]);\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { useEffect,
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAIA,mBAAwB;AAExB,yBAA+B;AAC/B,uBAA0B;AAC1B,0BAA0B;ACJ1B,IAAAA,
|
|
6
|
-
"names": ["import_react", "useEdgeClient", "config", "useConfig", "edgeUrl", "values", "runtime", "services", "edge", "url", "invariant", "useMemo", "EdgeHttpClient", "useQueue", "client", "queueDxn", "options", "
|
|
4
|
+
"sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { useMemo } from 'react';\n\nimport { EdgeHttpClient } from '@dxos/edge-client';\nimport { invariant } from '@dxos/invariant';\nimport { useConfig } from '@dxos/react-client';\n\n/**\n * Client for edge services.\n */\n// TODO(mykola): This should be done through client-service RPC.\nexport const useEdgeClient = () => {\n const config = useConfig();\n const edgeUrl = config.values.runtime?.services?.edge?.url;\n invariant(edgeUrl, 'EDGE services not configured.');\n return useMemo(() => new EdgeHttpClient(edgeUrl), [edgeUrl]);\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { useEffect, useMemo } from 'react';\n\nimport type { Queue } from '@dxos/echo-db';\nimport { QueueImpl } from '@dxos/echo-db';\nimport { type EdgeHttpClient } from '@dxos/edge-client';\nimport { type DXN } from '@dxos/keys';\n\nconst MIN_POLL_INTERVAL = 1_000;\n\nexport type UseQueueOptions = {\n pollInterval?: number;\n};\n\n/**\n * Polls the given Edge queue.\n */\n// TODO(burdon): Replace polling with socket?\nexport const useQueue = <T>(\n client: EdgeHttpClient,\n queueDxn?: DXN,\n options: UseQueueOptions = {},\n): Queue<T> | undefined => {\n const queue = useMemo<QueueImpl<T> | undefined>(\n () => (queueDxn ? new QueueImpl(client, queueDxn) : undefined),\n [client, queueDxn?.toString()],\n );\n\n useEffect(() => {\n void queue?.refresh();\n }, [queue]);\n\n useEffect(() => {\n let timeout: NodeJS.Timeout;\n if (options.pollInterval) {\n const poll = () => {\n void queue?.refresh().finally(() => {\n timeout = setTimeout(poll, Math.max(options.pollInterval ?? 0, MIN_POLL_INTERVAL));\n });\n };\n\n poll();\n }\n\n return () => clearTimeout(timeout);\n }, [queue, options.pollInterval]);\n\n return queue;\n};\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAIA,mBAAwB;AAExB,yBAA+B;AAC/B,uBAA0B;AAC1B,0BAA0B;ACJ1B,IAAAA,gBAAmC;AAGnC,qBAA0B;;ADOnB,IAAMC,gBAAgB,MAAA;AAC3B,QAAMC,aAASC,+BAAAA;AACf,QAAMC,UAAUF,OAAOG,OAAOC,SAASC,UAAUC,MAAMC;AACvDC,kCAAUN,SAAS,iCAAA;;;;;;;;;AACnB,aAAOO,sBAAQ,MAAM,IAAIC,kCAAeR,OAAAA,GAAU;IAACA;GAAQ;AAC7D;ACRA,IAAMS,oBAAoB;AAUnB,IAAMC,WAAW,CACtBC,QACAC,UACAC,UAA2B,CAAC,MAAC;AAE7B,QAAMC,YAAQP,cAAAA,SACZ,MAAOK,WAAW,IAAIG,yBAAUJ,QAAQC,QAAAA,IAAYI,QACpD;IAACL;IAAQC,UAAUK,SAAAA;GAAW;AAGhCC,+BAAU,MAAA;AACR,SAAKJ,OAAOK,QAAAA;EACd,GAAG;IAACL;GAAM;AAEVI,+BAAU,MAAA;AACR,QAAIE;AACJ,QAAIP,QAAQQ,cAAc;AACxB,YAAMC,OAAO,MAAA;AACX,aAAKR,OAAOK,QAAAA,EAAUI,QAAQ,MAAA;AAC5BH,oBAAUI,WAAWF,MAAMG,KAAKC,IAAIb,QAAQQ,gBAAgB,GAAGZ,iBAAAA,CAAAA;QACjE,CAAA;MACF;AAEAa,WAAAA;IACF;AAEA,WAAO,MAAMK,aAAaP,OAAAA;EAC5B,GAAG;IAACN;IAAOD,QAAQQ;GAAa;AAEhC,SAAOP;AACT;",
|
|
6
|
+
"names": ["import_react", "useEdgeClient", "config", "useConfig", "edgeUrl", "values", "runtime", "services", "edge", "url", "invariant", "useMemo", "EdgeHttpClient", "MIN_POLL_INTERVAL", "useQueue", "client", "queueDxn", "options", "queue", "QueueImpl", "undefined", "toString", "useEffect", "refresh", "timeout", "pollInterval", "poll", "finally", "setTimeout", "Math", "max", "clearTimeout"]
|
|
7
7
|
}
|
package/dist/lib/node/meta.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"inputs":{"packages/sdk/react-edge-client/src/hooks/useEdgeClient.ts":{"bytes":
|
|
1
|
+
{"inputs":{"packages/sdk/react-edge-client/src/hooks/useEdgeClient.ts":{"bytes":2511,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/edge-client","kind":"import-statement","external":true},{"path":"@dxos/invariant","kind":"import-statement","external":true},{"path":"@dxos/react-client","kind":"import-statement","external":true}],"format":"esm"},"packages/sdk/react-edge-client/src/hooks/useQueue.ts":{"bytes":4072,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/echo-db","kind":"import-statement","external":true}],"format":"esm"},"packages/sdk/react-edge-client/src/hooks/index.ts":{"bytes":613,"imports":[{"path":"packages/sdk/react-edge-client/src/hooks/useEdgeClient.ts","kind":"import-statement","original":"./useEdgeClient"},{"path":"packages/sdk/react-edge-client/src/hooks/useQueue.ts","kind":"import-statement","original":"./useQueue"}],"format":"esm"},"packages/sdk/react-edge-client/src/index.ts":{"bytes":571,"imports":[{"path":"packages/sdk/react-edge-client/src/hooks/index.ts","kind":"import-statement","original":"./hooks"}],"format":"esm"}},"outputs":{"packages/sdk/react-edge-client/dist/lib/node/index.cjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":3255},"packages/sdk/react-edge-client/dist/lib/node/index.cjs":{"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/edge-client","kind":"import-statement","external":true},{"path":"@dxos/invariant","kind":"import-statement","external":true},{"path":"@dxos/react-client","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/echo-db","kind":"import-statement","external":true}],"exports":["useEdgeClient","useQueue"],"entryPoint":"packages/sdk/react-edge-client/src/index.ts","inputs":{"packages/sdk/react-edge-client/src/hooks/useEdgeClient.ts":{"bytesInOutput":662},"packages/sdk/react-edge-client/src/hooks/index.ts":{"bytesInOutput":0},"packages/sdk/react-edge-client/src/hooks/useQueue.ts":{"bytesInOutput":765},"packages/sdk/react-edge-client/src/index.ts":{"bytesInOutput":0}},"bytes":1620}}}
|
|
@@ -11,7 +11,7 @@ var useEdgeClient = () => {
|
|
|
11
11
|
const edgeUrl = config.values.runtime?.services?.edge?.url;
|
|
12
12
|
invariant(edgeUrl, "EDGE services not configured.", {
|
|
13
13
|
F: __dxlog_file,
|
|
14
|
-
L:
|
|
14
|
+
L: 18,
|
|
15
15
|
S: void 0,
|
|
16
16
|
A: [
|
|
17
17
|
"edgeUrl",
|
|
@@ -24,76 +24,35 @@ var useEdgeClient = () => {
|
|
|
24
24
|
};
|
|
25
25
|
|
|
26
26
|
// packages/sdk/react-edge-client/src/hooks/useQueue.ts
|
|
27
|
-
import { useEffect,
|
|
27
|
+
import { useEffect, useMemo as useMemo2 } from "react";
|
|
28
|
+
import { QueueImpl } from "@dxos/echo-db";
|
|
29
|
+
var MIN_POLL_INTERVAL = 1e3;
|
|
28
30
|
var useQueue = (client, queueDxn, options = {}) => {
|
|
29
|
-
const
|
|
30
|
-
|
|
31
|
-
const [error, setError] = useState(null);
|
|
32
|
-
const refreshId = useRef(0);
|
|
33
|
-
const { subspaceTag, spaceId, queueId } = queueDxn?.asQueueDXN() ?? {};
|
|
34
|
-
const append = async (items2) => {
|
|
35
|
-
if (!subspaceTag || !spaceId || !queueId) {
|
|
36
|
-
return;
|
|
37
|
-
}
|
|
38
|
-
try {
|
|
39
|
-
setItems((prevItems) => [
|
|
40
|
-
...prevItems,
|
|
41
|
-
...items2
|
|
42
|
-
]);
|
|
43
|
-
void client.insertIntoQueue(subspaceTag, spaceId, queueId, items2);
|
|
44
|
-
} catch (err) {
|
|
45
|
-
setError(err);
|
|
46
|
-
}
|
|
47
|
-
};
|
|
48
|
-
const refresh = async () => {
|
|
49
|
-
if (!subspaceTag || !spaceId || !queueId) {
|
|
50
|
-
return;
|
|
51
|
-
}
|
|
52
|
-
const thisRefreshId = ++refreshId.current;
|
|
53
|
-
try {
|
|
54
|
-
const { objects } = await client.queryQueue(subspaceTag, spaceId, {
|
|
55
|
-
queueId
|
|
56
|
-
});
|
|
57
|
-
if (thisRefreshId !== refreshId.current) {
|
|
58
|
-
return;
|
|
59
|
-
}
|
|
60
|
-
setItems(objects);
|
|
61
|
-
} catch (err) {
|
|
62
|
-
setError(err);
|
|
63
|
-
} finally {
|
|
64
|
-
setIsLoading(false);
|
|
65
|
-
}
|
|
66
|
-
};
|
|
67
|
-
useEffect(() => {
|
|
68
|
-
void refresh();
|
|
69
|
-
}, [
|
|
31
|
+
const queue = useMemo2(() => queueDxn ? new QueueImpl(client, queueDxn) : void 0, [
|
|
32
|
+
client,
|
|
70
33
|
queueDxn?.toString()
|
|
71
34
|
]);
|
|
72
35
|
useEffect(() => {
|
|
73
|
-
void refresh();
|
|
36
|
+
void queue?.refresh();
|
|
74
37
|
}, [
|
|
75
|
-
|
|
38
|
+
queue
|
|
76
39
|
]);
|
|
77
40
|
useEffect(() => {
|
|
78
|
-
let
|
|
41
|
+
let timeout;
|
|
79
42
|
if (options.pollInterval) {
|
|
80
43
|
const poll = () => {
|
|
81
|
-
void refresh().finally(() => {
|
|
82
|
-
|
|
44
|
+
void queue?.refresh().finally(() => {
|
|
45
|
+
timeout = setTimeout(poll, Math.max(options.pollInterval ?? 0, MIN_POLL_INTERVAL));
|
|
83
46
|
});
|
|
84
47
|
};
|
|
85
48
|
poll();
|
|
86
49
|
}
|
|
87
|
-
return () =>
|
|
50
|
+
return () => clearTimeout(timeout);
|
|
88
51
|
}, [
|
|
52
|
+
queue,
|
|
89
53
|
options.pollInterval
|
|
90
54
|
]);
|
|
91
|
-
return
|
|
92
|
-
items,
|
|
93
|
-
append,
|
|
94
|
-
isLoading,
|
|
95
|
-
error
|
|
96
|
-
};
|
|
55
|
+
return queue;
|
|
97
56
|
};
|
|
98
57
|
export {
|
|
99
58
|
useEdgeClient,
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/hooks/useEdgeClient.ts", "../../../src/hooks/useQueue.ts"],
|
|
4
|
-
"sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { useMemo } from 'react';\n\nimport { EdgeHttpClient } from '@dxos/edge-client';\nimport { invariant } from '@dxos/invariant';\nimport { useConfig } from '@dxos/react-client';\n\n/**\n * Client for edge services.\n */\nexport const useEdgeClient = () => {\n const config = useConfig();\n const edgeUrl = config.values.runtime?.services?.edge?.url;\n invariant(edgeUrl, 'EDGE services not configured.');\n return useMemo(() => new EdgeHttpClient(edgeUrl), [edgeUrl]);\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { useEffect,
|
|
5
|
-
"mappings": ";;;AAIA,SAASA,eAAe;AAExB,SAASC,sBAAsB;AAC/B,SAASC,iBAAiB;AAC1B,SAASC,iBAAiB;;
|
|
6
|
-
"names": ["useMemo", "EdgeHttpClient", "invariant", "useConfig", "useEdgeClient", "config", "edgeUrl", "values", "runtime", "services", "edge", "url", "useEffect", "
|
|
4
|
+
"sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { useMemo } from 'react';\n\nimport { EdgeHttpClient } from '@dxos/edge-client';\nimport { invariant } from '@dxos/invariant';\nimport { useConfig } from '@dxos/react-client';\n\n/**\n * Client for edge services.\n */\n// TODO(mykola): This should be done through client-service RPC.\nexport const useEdgeClient = () => {\n const config = useConfig();\n const edgeUrl = config.values.runtime?.services?.edge?.url;\n invariant(edgeUrl, 'EDGE services not configured.');\n return useMemo(() => new EdgeHttpClient(edgeUrl), [edgeUrl]);\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { useEffect, useMemo } from 'react';\n\nimport type { Queue } from '@dxos/echo-db';\nimport { QueueImpl } from '@dxos/echo-db';\nimport { type EdgeHttpClient } from '@dxos/edge-client';\nimport { type DXN } from '@dxos/keys';\n\nconst MIN_POLL_INTERVAL = 1_000;\n\nexport type UseQueueOptions = {\n pollInterval?: number;\n};\n\n/**\n * Polls the given Edge queue.\n */\n// TODO(burdon): Replace polling with socket?\nexport const useQueue = <T>(\n client: EdgeHttpClient,\n queueDxn?: DXN,\n options: UseQueueOptions = {},\n): Queue<T> | undefined => {\n const queue = useMemo<QueueImpl<T> | undefined>(\n () => (queueDxn ? new QueueImpl(client, queueDxn) : undefined),\n [client, queueDxn?.toString()],\n );\n\n useEffect(() => {\n void queue?.refresh();\n }, [queue]);\n\n useEffect(() => {\n let timeout: NodeJS.Timeout;\n if (options.pollInterval) {\n const poll = () => {\n void queue?.refresh().finally(() => {\n timeout = setTimeout(poll, Math.max(options.pollInterval ?? 0, MIN_POLL_INTERVAL));\n });\n };\n\n poll();\n }\n\n return () => clearTimeout(timeout);\n }, [queue, options.pollInterval]);\n\n return queue;\n};\n"],
|
|
5
|
+
"mappings": ";;;AAIA,SAASA,eAAe;AAExB,SAASC,sBAAsB;AAC/B,SAASC,iBAAiB;AAC1B,SAASC,iBAAiB;;AAMnB,IAAMC,gBAAgB,MAAA;AAC3B,QAAMC,SAASF,UAAAA;AACf,QAAMG,UAAUD,OAAOE,OAAOC,SAASC,UAAUC,MAAMC;AACvDT,YAAUI,SAAS,iCAAA;;;;;;;;;AACnB,SAAON,QAAQ,MAAM,IAAIC,eAAeK,OAAAA,GAAU;IAACA;GAAQ;AAC7D;;;ACfA,SAASM,WAAWC,WAAAA,gBAAe;AAGnC,SAASC,iBAAiB;AAI1B,IAAMC,oBAAoB;AAUnB,IAAMC,WAAW,CACtBC,QACAC,UACAC,UAA2B,CAAC,MAAC;AAE7B,QAAMC,QAAQC,SACZ,MAAOH,WAAW,IAAII,UAAUL,QAAQC,QAAAA,IAAYK,QACpD;IAACN;IAAQC,UAAUM,SAAAA;GAAW;AAGhCC,YAAU,MAAA;AACR,SAAKL,OAAOM,QAAAA;EACd,GAAG;IAACN;GAAM;AAEVK,YAAU,MAAA;AACR,QAAIE;AACJ,QAAIR,QAAQS,cAAc;AACxB,YAAMC,OAAO,MAAA;AACX,aAAKT,OAAOM,QAAAA,EAAUI,QAAQ,MAAA;AAC5BH,oBAAUI,WAAWF,MAAMG,KAAKC,IAAId,QAAQS,gBAAgB,GAAGb,iBAAAA,CAAAA;QACjE,CAAA;MACF;AAEAc,WAAAA;IACF;AAEA,WAAO,MAAMK,aAAaP,OAAAA;EAC5B,GAAG;IAACP;IAAOD,QAAQS;GAAa;AAEhC,SAAOR;AACT;",
|
|
6
|
+
"names": ["useMemo", "EdgeHttpClient", "invariant", "useConfig", "useEdgeClient", "config", "edgeUrl", "values", "runtime", "services", "edge", "url", "useEffect", "useMemo", "QueueImpl", "MIN_POLL_INTERVAL", "useQueue", "client", "queueDxn", "options", "queue", "useMemo", "QueueImpl", "undefined", "toString", "useEffect", "refresh", "timeout", "pollInterval", "poll", "finally", "setTimeout", "Math", "max", "clearTimeout"]
|
|
7
7
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"inputs":{"packages/sdk/react-edge-client/src/hooks/useEdgeClient.ts":{"bytes":
|
|
1
|
+
{"inputs":{"packages/sdk/react-edge-client/src/hooks/useEdgeClient.ts":{"bytes":2511,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/edge-client","kind":"import-statement","external":true},{"path":"@dxos/invariant","kind":"import-statement","external":true},{"path":"@dxos/react-client","kind":"import-statement","external":true}],"format":"esm"},"packages/sdk/react-edge-client/src/hooks/useQueue.ts":{"bytes":4072,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/echo-db","kind":"import-statement","external":true}],"format":"esm"},"packages/sdk/react-edge-client/src/hooks/index.ts":{"bytes":613,"imports":[{"path":"packages/sdk/react-edge-client/src/hooks/useEdgeClient.ts","kind":"import-statement","original":"./useEdgeClient"},{"path":"packages/sdk/react-edge-client/src/hooks/useQueue.ts","kind":"import-statement","original":"./useQueue"}],"format":"esm"},"packages/sdk/react-edge-client/src/index.ts":{"bytes":571,"imports":[{"path":"packages/sdk/react-edge-client/src/hooks/index.ts","kind":"import-statement","original":"./hooks"}],"format":"esm"}},"outputs":{"packages/sdk/react-edge-client/dist/lib/node-esm/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":3257},"packages/sdk/react-edge-client/dist/lib/node-esm/index.mjs":{"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/edge-client","kind":"import-statement","external":true},{"path":"@dxos/invariant","kind":"import-statement","external":true},{"path":"@dxos/react-client","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/echo-db","kind":"import-statement","external":true}],"exports":["useEdgeClient","useQueue"],"entryPoint":"packages/sdk/react-edge-client/src/index.ts","inputs":{"packages/sdk/react-edge-client/src/hooks/useEdgeClient.ts":{"bytesInOutput":662},"packages/sdk/react-edge-client/src/hooks/index.ts":{"bytesInOutput":0},"packages/sdk/react-edge-client/src/hooks/useQueue.ts":{"bytesInOutput":765},"packages/sdk/react-edge-client/src/index.ts":{"bytesInOutput":0}},"bytes":1713}}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useEdgeClient.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useEdgeClient.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAInD;;GAEG;
|
|
1
|
+
{"version":3,"file":"useEdgeClient.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useEdgeClient.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAInD;;GAEG;AAEH,eAAO,MAAM,aAAa,sBAKzB,CAAC"}
|
|
@@ -1,16 +1,11 @@
|
|
|
1
|
+
import type { Queue } from '@dxos/echo-db';
|
|
1
2
|
import { type EdgeHttpClient } from '@dxos/edge-client';
|
|
2
3
|
import { type DXN } from '@dxos/keys';
|
|
3
4
|
export type UseQueueOptions = {
|
|
4
5
|
pollInterval?: number;
|
|
5
6
|
};
|
|
6
|
-
export type Queue<T> = {
|
|
7
|
-
items: T[];
|
|
8
|
-
isLoading: boolean;
|
|
9
|
-
error: Error | null;
|
|
10
|
-
append: (items: T[]) => void;
|
|
11
|
-
};
|
|
12
7
|
/**
|
|
13
8
|
* Polls the given Edge queue.
|
|
14
9
|
*/
|
|
15
|
-
export declare const useQueue: <T>(client: EdgeHttpClient, queueDxn?: DXN, options?: UseQueueOptions) => Queue<T
|
|
10
|
+
export declare const useQueue: <T>(client: EdgeHttpClient, queueDxn?: DXN, options?: UseQueueOptions) => Queue<T> | undefined;
|
|
16
11
|
//# sourceMappingURL=useQueue.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useQueue.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useQueue.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,
|
|
1
|
+
{"version":3,"file":"useQueue.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useQueue.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAE3C,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACxD,OAAO,EAAE,KAAK,GAAG,EAAE,MAAM,YAAY,CAAC;AAItC,MAAM,MAAM,eAAe,GAAG;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF;;GAEG;AAEH,eAAO,MAAM,QAAQ,GAAI,CAAC,UAChB,cAAc,aACX,GAAG,YACL,eAAe,KACvB,KAAK,CAAC,CAAC,CAAC,GAAG,SA0Bb,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAIA,cAAc,SAAS,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACxD,cAAc,SAAS,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":"5.7.
|
|
1
|
+
{"version":"5.7.3"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@dxos/react-edge-client",
|
|
3
|
-
"version": "0.7.5-labs.
|
|
3
|
+
"version": "0.7.5-labs.c0e040f",
|
|
4
4
|
"description": "React hooks for the Edge Client.",
|
|
5
5
|
"homepage": "https://dxos.org",
|
|
6
6
|
"bugs": "https://github.com/dxos/dxos/issues",
|
|
@@ -19,12 +19,13 @@
|
|
|
19
19
|
"src"
|
|
20
20
|
],
|
|
21
21
|
"dependencies": {
|
|
22
|
-
"@dxos/
|
|
23
|
-
"@dxos/
|
|
24
|
-
"@dxos/
|
|
25
|
-
"@dxos/
|
|
26
|
-
"@dxos/
|
|
27
|
-
"@dxos/
|
|
22
|
+
"@dxos/echo-db": "0.7.5-labs.c0e040f",
|
|
23
|
+
"@dxos/echo-signals": "0.7.5-labs.c0e040f",
|
|
24
|
+
"@dxos/invariant": "0.7.5-labs.c0e040f",
|
|
25
|
+
"@dxos/edge-client": "0.7.5-labs.c0e040f",
|
|
26
|
+
"@dxos/log": "0.7.5-labs.c0e040f",
|
|
27
|
+
"@dxos/react-client": "0.7.5-labs.c0e040f",
|
|
28
|
+
"@dxos/util": "0.7.5-labs.c0e040f"
|
|
28
29
|
},
|
|
29
30
|
"devDependencies": {
|
|
30
31
|
"react": "~18.2.0",
|
|
@@ -11,6 +11,7 @@ import { useConfig } from '@dxos/react-client';
|
|
|
11
11
|
/**
|
|
12
12
|
* Client for edge services.
|
|
13
13
|
*/
|
|
14
|
+
// TODO(mykola): This should be done through client-service RPC.
|
|
14
15
|
export const useEdgeClient = () => {
|
|
15
16
|
const config = useConfig();
|
|
16
17
|
const edgeUrl = config.values.runtime?.services?.edge?.url;
|
package/src/hooks/useQueue.ts
CHANGED
|
@@ -2,95 +2,51 @@
|
|
|
2
2
|
// Copyright 2025 DXOS.org
|
|
3
3
|
//
|
|
4
4
|
|
|
5
|
-
import { useEffect,
|
|
5
|
+
import { useEffect, useMemo } from 'react';
|
|
6
6
|
|
|
7
|
+
import type { Queue } from '@dxos/echo-db';
|
|
8
|
+
import { QueueImpl } from '@dxos/echo-db';
|
|
7
9
|
import { type EdgeHttpClient } from '@dxos/edge-client';
|
|
8
10
|
import { type DXN } from '@dxos/keys';
|
|
9
11
|
|
|
12
|
+
const MIN_POLL_INTERVAL = 1_000;
|
|
13
|
+
|
|
10
14
|
export type UseQueueOptions = {
|
|
11
15
|
pollInterval?: number;
|
|
12
16
|
};
|
|
13
17
|
|
|
14
|
-
// TODO(burdon): Convert to class.
|
|
15
|
-
export type Queue<T> = {
|
|
16
|
-
items: T[];
|
|
17
|
-
isLoading: boolean;
|
|
18
|
-
error: Error | null;
|
|
19
|
-
append: (items: T[]) => void;
|
|
20
|
-
};
|
|
21
|
-
|
|
22
18
|
/**
|
|
23
19
|
* Polls the given Edge queue.
|
|
24
20
|
*/
|
|
25
21
|
// TODO(burdon): Replace polling with socket?
|
|
26
|
-
export const useQueue = <T>(
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
if (!subspaceTag || !spaceId || !queueId) {
|
|
36
|
-
return;
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
try {
|
|
40
|
-
setItems((prevItems) => [...prevItems, ...items]);
|
|
41
|
-
void client.insertIntoQueue(subspaceTag, spaceId, queueId, items);
|
|
42
|
-
} catch (err) {
|
|
43
|
-
setError(err as Error);
|
|
44
|
-
}
|
|
45
|
-
};
|
|
46
|
-
|
|
47
|
-
const refresh = async () => {
|
|
48
|
-
if (!subspaceTag || !spaceId || !queueId) {
|
|
49
|
-
return;
|
|
50
|
-
}
|
|
51
|
-
|
|
52
|
-
const thisRefreshId = ++refreshId.current;
|
|
53
|
-
try {
|
|
54
|
-
const { objects } = await client.queryQueue(subspaceTag, spaceId, { queueId });
|
|
55
|
-
if (thisRefreshId !== refreshId.current) {
|
|
56
|
-
return;
|
|
57
|
-
}
|
|
58
|
-
|
|
59
|
-
setItems(objects as T[]);
|
|
60
|
-
} catch (err) {
|
|
61
|
-
setError(err as Error);
|
|
62
|
-
} finally {
|
|
63
|
-
setIsLoading(false);
|
|
64
|
-
}
|
|
65
|
-
};
|
|
66
|
-
|
|
67
|
-
useEffect(() => {
|
|
68
|
-
void refresh();
|
|
69
|
-
}, [queueDxn?.toString()]);
|
|
22
|
+
export const useQueue = <T>(
|
|
23
|
+
client: EdgeHttpClient,
|
|
24
|
+
queueDxn?: DXN,
|
|
25
|
+
options: UseQueueOptions = {},
|
|
26
|
+
): Queue<T> | undefined => {
|
|
27
|
+
const queue = useMemo<QueueImpl<T> | undefined>(
|
|
28
|
+
() => (queueDxn ? new QueueImpl(client, queueDxn) : undefined),
|
|
29
|
+
[client, queueDxn?.toString()],
|
|
30
|
+
);
|
|
70
31
|
|
|
71
32
|
useEffect(() => {
|
|
72
|
-
void refresh();
|
|
73
|
-
}, [
|
|
33
|
+
void queue?.refresh();
|
|
34
|
+
}, [queue]);
|
|
74
35
|
|
|
75
36
|
useEffect(() => {
|
|
76
|
-
let
|
|
37
|
+
let timeout: NodeJS.Timeout;
|
|
77
38
|
if (options.pollInterval) {
|
|
78
39
|
const poll = () => {
|
|
79
|
-
void refresh().finally(() => {
|
|
80
|
-
|
|
40
|
+
void queue?.refresh().finally(() => {
|
|
41
|
+
timeout = setTimeout(poll, Math.max(options.pollInterval ?? 0, MIN_POLL_INTERVAL));
|
|
81
42
|
});
|
|
82
43
|
};
|
|
83
44
|
|
|
84
45
|
poll();
|
|
85
46
|
}
|
|
86
47
|
|
|
87
|
-
return () =>
|
|
88
|
-
}, [options.pollInterval]);
|
|
48
|
+
return () => clearTimeout(timeout);
|
|
49
|
+
}, [queue, options.pollInterval]);
|
|
89
50
|
|
|
90
|
-
return
|
|
91
|
-
items,
|
|
92
|
-
append,
|
|
93
|
-
isLoading,
|
|
94
|
-
error,
|
|
95
|
-
};
|
|
51
|
+
return queue;
|
|
96
52
|
};
|