@dxos/react-edge-client 0.7.5-labs.a279d8c → 0.7.5-labs.f5080a1

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.
@@ -24,61 +24,23 @@ var useEdgeClient = () => {
24
24
  };
25
25
 
26
26
  // packages/sdk/react-edge-client/src/hooks/useQueue.ts
27
- import { useEffect, useRef, useState } from "react";
27
+ import { useEffect, useMemo as useMemo2 } from "react";
28
+ import { QueueImpl } from "@dxos/echo-db";
28
29
  var useQueue = (client, queueDxn, options = {}) => {
29
- const [items, setItems] = useState([]);
30
- const [isLoading, setIsLoading] = useState(true);
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
- }, [
30
+ const queue = useMemo2(() => queueDxn ? new QueueImpl(client, queueDxn) : void 0, [
31
+ client,
70
32
  queueDxn?.toString()
71
33
  ]);
72
34
  useEffect(() => {
73
- void refresh();
35
+ void queue?.refresh();
74
36
  }, [
75
- queueDxn?.toString()
37
+ queue
76
38
  ]);
77
39
  useEffect(() => {
78
40
  let interval;
79
41
  if (options.pollInterval) {
80
42
  const poll = () => {
81
- void refresh().finally(() => {
43
+ void queue?.refresh().finally(() => {
82
44
  interval = setTimeout(poll, options.pollInterval);
83
45
  });
84
46
  };
@@ -88,12 +50,7 @@ var useQueue = (client, queueDxn, options = {}) => {
88
50
  }, [
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, useRef, useState } from 'react';\n\nimport { type EdgeHttpClient } from '@dxos/edge-client';\nimport { type DXN } from '@dxos/keys';\n\nexport type UseQueueOptions = {\n pollInterval?: number;\n};\n\n// TODO(burdon): Convert to class.\nexport type Queue<T> = {\n items: T[];\n isLoading: boolean;\n error: Error | null;\n append: (items: T[]) => void;\n};\n\n/**\n * Polls the given Edge queue.\n */\n// TODO(burdon): Replace polling with socket?\nexport const useQueue = <T>(client: EdgeHttpClient, queueDxn?: DXN, options: UseQueueOptions = {}): Queue<T> => {\n const [items, setItems] = useState<T[]>([]);\n const [isLoading, setIsLoading] = useState(true); // Only for initial load.\n const [error, setError] = useState<Error | null>(null);\n const refreshId = useRef<number>(0);\n\n const { subspaceTag, spaceId, queueId } = queueDxn?.asQueueDXN() ?? {};\n\n const append = async (items: T[]) => {\n if (!subspaceTag || !spaceId || !queueId) {\n return;\n }\n\n try {\n setItems((prevItems) => [...prevItems, ...items]);\n void client.insertIntoQueue(subspaceTag, spaceId, queueId, items);\n } catch (err) {\n setError(err as Error);\n }\n };\n\n const refresh = async () => {\n if (!subspaceTag || !spaceId || !queueId) {\n return;\n }\n\n const thisRefreshId = ++refreshId.current;\n try {\n const { objects } = await client.queryQueue(subspaceTag, spaceId, { queueId });\n if (thisRefreshId !== refreshId.current) {\n return;\n }\n\n setItems(objects as T[]);\n } catch (err) {\n setError(err as Error);\n } finally {\n setIsLoading(false);\n }\n };\n\n useEffect(() => {\n void refresh();\n }, [queueDxn?.toString()]);\n\n useEffect(() => {\n void refresh();\n }, [queueDxn?.toString()]);\n\n useEffect(() => {\n let interval: NodeJS.Timeout;\n if (options.pollInterval) {\n const poll = () => {\n void refresh().finally(() => {\n interval = setTimeout(poll, options.pollInterval);\n });\n };\n\n poll();\n }\n\n return () => clearInterval(interval);\n }, [options.pollInterval]);\n\n return {\n items,\n append,\n isLoading,\n error,\n };\n};\n"],
5
- "mappings": ";;;AAIA,SAASA,eAAe;AAExB,SAASC,sBAAsB;AAC/B,SAASC,iBAAiB;AAC1B,SAASC,iBAAiB;;AAKnB,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;;;ACdA,SAASM,WAAWC,QAAQC,gBAAgB;AAqBrC,IAAMC,WAAW,CAAIC,QAAwBC,UAAgBC,UAA2B,CAAC,MAAC;AAC/F,QAAM,CAACC,OAAOC,QAAAA,IAAYC,SAAc,CAAA,CAAE;AAC1C,QAAM,CAACC,WAAWC,YAAAA,IAAgBF,SAAS,IAAA;AAC3C,QAAM,CAACG,OAAOC,QAAAA,IAAYJ,SAAuB,IAAA;AACjD,QAAMK,YAAYC,OAAe,CAAA;AAEjC,QAAM,EAAEC,aAAaC,SAASC,QAAO,IAAKb,UAAUc,WAAAA,KAAgB,CAAC;AAErE,QAAMC,SAAS,OAAOb,WAAAA;AACpB,QAAI,CAACS,eAAe,CAACC,WAAW,CAACC,SAAS;AACxC;IACF;AAEA,QAAI;AACFV,eAAS,CAACa,cAAc;WAAIA;WAAcd;OAAM;AAChD,WAAKH,OAAOkB,gBAAgBN,aAAaC,SAASC,SAASX,MAAAA;IAC7D,SAASgB,KAAK;AACZV,eAASU,GAAAA;IACX;EACF;AAEA,QAAMC,UAAU,YAAA;AACd,QAAI,CAACR,eAAe,CAACC,WAAW,CAACC,SAAS;AACxC;IACF;AAEA,UAAMO,gBAAgB,EAAEX,UAAUY;AAClC,QAAI;AACF,YAAM,EAAEC,QAAO,IAAK,MAAMvB,OAAOwB,WAAWZ,aAAaC,SAAS;QAAEC;MAAQ,CAAA;AAC5E,UAAIO,kBAAkBX,UAAUY,SAAS;AACvC;MACF;AAEAlB,eAASmB,OAAAA;IACX,SAASJ,KAAK;AACZV,eAASU,GAAAA;IACX,UAAA;AACEZ,mBAAa,KAAA;IACf;EACF;AAEAkB,YAAU,MAAA;AACR,SAAKL,QAAAA;EACP,GAAG;IAACnB,UAAUyB,SAAAA;GAAW;AAEzBD,YAAU,MAAA;AACR,SAAKL,QAAAA;EACP,GAAG;IAACnB,UAAUyB,SAAAA;GAAW;AAEzBD,YAAU,MAAA;AACR,QAAIE;AACJ,QAAIzB,QAAQ0B,cAAc;AACxB,YAAMC,OAAO,MAAA;AACX,aAAKT,QAAAA,EAAUU,QAAQ,MAAA;AACrBH,qBAAWI,WAAWF,MAAM3B,QAAQ0B,YAAY;QAClD,CAAA;MACF;AAEAC,WAAAA;IACF;AAEA,WAAO,MAAMG,cAAcL,QAAAA;EAC7B,GAAG;IAACzB,QAAQ0B;GAAa;AAEzB,SAAO;IACLzB;IACAa;IACAV;IACAE;EACF;AACF;",
6
- "names": ["useMemo", "EdgeHttpClient", "invariant", "useConfig", "useEdgeClient", "config", "edgeUrl", "values", "runtime", "services", "edge", "url", "useEffect", "useRef", "useState", "useQueue", "client", "queueDxn", "options", "items", "setItems", "useState", "isLoading", "setIsLoading", "error", "setError", "refreshId", "useRef", "subspaceTag", "spaceId", "queueId", "asQueueDXN", "append", "prevItems", "insertIntoQueue", "err", "refresh", "thisRefreshId", "current", "objects", "queryQueue", "useEffect", "toString", "interval", "pollInterval", "poll", "finally", "setTimeout", "clearInterval"]
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, 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\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 interval: NodeJS.Timeout;\n if (options.pollInterval) {\n const poll = () => {\n void queue?.refresh().finally(() => {\n interval = setTimeout(poll, options.pollInterval);\n });\n };\n\n poll();\n }\n\n return () => clearInterval(interval);\n }, [options.pollInterval]);\n\n return queue;\n};\n"],
5
+ "mappings": ";;;AAIA,SAASA,eAAe;AAExB,SAASC,sBAAsB;AAC/B,SAASC,iBAAiB;AAC1B,SAASC,iBAAiB;;AAKnB,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;;;ACdA,SAASM,WAAWC,WAAAA,gBAAe;AAGnC,SAASC,iBAAiB;AAYnB,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,qBAAWI,WAAWF,MAAMV,QAAQS,YAAY;QAClD,CAAA;MACF;AAEAC,WAAAA;IACF;AAEA,WAAO,MAAMG,cAAcL,QAAAA;EAC7B,GAAG;IAACR,QAAQS;GAAa;AAEzB,SAAOR;AACT;",
6
+ "names": ["useMemo", "EdgeHttpClient", "invariant", "useConfig", "useEdgeClient", "config", "edgeUrl", "values", "runtime", "services", "edge", "url", "useEffect", "useMemo", "QueueImpl", "useQueue", "client", "queueDxn", "options", "queue", "useMemo", "QueueImpl", "undefined", "toString", "useEffect", "refresh", "interval", "pollInterval", "poll", "finally", "setTimeout", "clearInterval"]
7
7
  }
@@ -1 +1 @@
1
- {"inputs":{"packages/sdk/react-edge-client/src/hooks/useEdgeClient.ts":{"bytes":2338,"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":7824,"imports":[{"path":"react","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":495,"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":5141},"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}],"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":1663},"packages/sdk/react-edge-client/src/index.ts":{"bytesInOutput":0}},"bytes":2552}}}
1
+ {"inputs":{"packages/sdk/react-edge-client/src/hooks/useEdgeClient.ts":{"bytes":2338,"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":3782,"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":495,"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":3026},"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":695},"packages/sdk/react-edge-client/src/index.ts":{"bytesInOutput":0}},"bytes":1584}}}
@@ -27,6 +27,7 @@ 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)();
@@ -45,59 +46,20 @@ var useEdgeClient = () => {
45
46
  ]);
46
47
  };
47
48
  var useQueue = (client, queueDxn, options = {}) => {
48
- const [items, setItems] = (0, import_react2.useState)([]);
49
- const [isLoading, setIsLoading] = (0, import_react2.useState)(true);
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
- }, [
49
+ const queue = (0, import_react2.useMemo)(() => queueDxn ? new import_echo_db.QueueImpl(client, queueDxn) : void 0, [
50
+ client,
89
51
  queueDxn?.toString()
90
52
  ]);
91
53
  (0, import_react2.useEffect)(() => {
92
- void refresh();
54
+ void queue?.refresh();
93
55
  }, [
94
- queueDxn?.toString()
56
+ queue
95
57
  ]);
96
58
  (0, import_react2.useEffect)(() => {
97
59
  let interval;
98
60
  if (options.pollInterval) {
99
61
  const poll = () => {
100
- void refresh().finally(() => {
62
+ void queue?.refresh().finally(() => {
101
63
  interval = setTimeout(poll, options.pollInterval);
102
64
  });
103
65
  };
@@ -107,12 +69,7 @@ var useQueue = (client, queueDxn, options = {}) => {
107
69
  }, [
108
70
  options.pollInterval
109
71
  ]);
110
- return {
111
- items,
112
- append,
113
- isLoading,
114
- error
115
- };
72
+ return queue;
116
73
  };
117
74
  // Annotate the CommonJS export names for ESM import in node:
118
75
  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, useRef, useState } from 'react';\n\nimport { type EdgeHttpClient } from '@dxos/edge-client';\nimport { type DXN } from '@dxos/keys';\n\nexport type UseQueueOptions = {\n pollInterval?: number;\n};\n\n// TODO(burdon): Convert to class.\nexport type Queue<T> = {\n items: T[];\n isLoading: boolean;\n error: Error | null;\n append: (items: T[]) => void;\n};\n\n/**\n * Polls the given Edge queue.\n */\n// TODO(burdon): Replace polling with socket?\nexport const useQueue = <T>(client: EdgeHttpClient, queueDxn?: DXN, options: UseQueueOptions = {}): Queue<T> => {\n const [items, setItems] = useState<T[]>([]);\n const [isLoading, setIsLoading] = useState(true); // Only for initial load.\n const [error, setError] = useState<Error | null>(null);\n const refreshId = useRef<number>(0);\n\n const { subspaceTag, spaceId, queueId } = queueDxn?.asQueueDXN() ?? {};\n\n const append = async (items: T[]) => {\n if (!subspaceTag || !spaceId || !queueId) {\n return;\n }\n\n try {\n setItems((prevItems) => [...prevItems, ...items]);\n void client.insertIntoQueue(subspaceTag, spaceId, queueId, items);\n } catch (err) {\n setError(err as Error);\n }\n };\n\n const refresh = async () => {\n if (!subspaceTag || !spaceId || !queueId) {\n return;\n }\n\n const thisRefreshId = ++refreshId.current;\n try {\n const { objects } = await client.queryQueue(subspaceTag, spaceId, { queueId });\n if (thisRefreshId !== refreshId.current) {\n return;\n }\n\n setItems(objects as T[]);\n } catch (err) {\n setError(err as Error);\n } finally {\n setIsLoading(false);\n }\n };\n\n useEffect(() => {\n void refresh();\n }, [queueDxn?.toString()]);\n\n useEffect(() => {\n void refresh();\n }, [queueDxn?.toString()]);\n\n useEffect(() => {\n let interval: NodeJS.Timeout;\n if (options.pollInterval) {\n const poll = () => {\n void refresh().finally(() => {\n interval = setTimeout(poll, options.pollInterval);\n });\n };\n\n poll();\n }\n\n return () => clearInterval(interval);\n }, [options.pollInterval]);\n\n return {\n items,\n append,\n isLoading,\n error,\n };\n};\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAIA,mBAAwB;AAExB,yBAA+B;AAC/B,uBAA0B;AAC1B,0BAA0B;ACJ1B,IAAAA,gBAA4C;;ADSrC,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;ACOO,IAAMS,WAAW,CAAIC,QAAwBC,UAAgBC,UAA2B,CAAC,MAAC;AAC/F,QAAM,CAACC,OAAOC,QAAAA,QAAYC,wBAAc,CAAA,CAAE;AAC1C,QAAM,CAACC,WAAWC,YAAAA,QAAgBF,wBAAS,IAAA;AAC3C,QAAM,CAACG,OAAOC,QAAAA,QAAYJ,wBAAuB,IAAA;AACjD,QAAMK,gBAAYC,sBAAe,CAAA;AAEjC,QAAM,EAAEC,aAAaC,SAASC,QAAO,IAAKb,UAAUc,WAAAA,KAAgB,CAAC;AAErE,QAAMC,SAAS,OAAOb,WAAAA;AACpB,QAAI,CAACS,eAAe,CAACC,WAAW,CAACC,SAAS;AACxC;IACF;AAEA,QAAI;AACFV,eAAS,CAACa,cAAc;WAAIA;WAAcd;OAAM;AAChD,WAAKH,OAAOkB,gBAAgBN,aAAaC,SAASC,SAASX,MAAAA;IAC7D,SAASgB,KAAK;AACZV,eAASU,GAAAA;IACX;EACF;AAEA,QAAMC,UAAU,YAAA;AACd,QAAI,CAACR,eAAe,CAACC,WAAW,CAACC,SAAS;AACxC;IACF;AAEA,UAAMO,gBAAgB,EAAEX,UAAUY;AAClC,QAAI;AACF,YAAM,EAAEC,QAAO,IAAK,MAAMvB,OAAOwB,WAAWZ,aAAaC,SAAS;QAAEC;MAAQ,CAAA;AAC5E,UAAIO,kBAAkBX,UAAUY,SAAS;AACvC;MACF;AAEAlB,eAASmB,OAAAA;IACX,SAASJ,KAAK;AACZV,eAASU,GAAAA;IACX,UAAA;AACEZ,mBAAa,KAAA;IACf;EACF;AAEAkB,+BAAU,MAAA;AACR,SAAKL,QAAAA;EACP,GAAG;IAACnB,UAAUyB,SAAAA;GAAW;AAEzBD,+BAAU,MAAA;AACR,SAAKL,QAAAA;EACP,GAAG;IAACnB,UAAUyB,SAAAA;GAAW;AAEzBD,+BAAU,MAAA;AACR,QAAIE;AACJ,QAAIzB,QAAQ0B,cAAc;AACxB,YAAMC,OAAO,MAAA;AACX,aAAKT,QAAAA,EAAUU,QAAQ,MAAA;AACrBH,qBAAWI,WAAWF,MAAM3B,QAAQ0B,YAAY;QAClD,CAAA;MACF;AAEAC,WAAAA;IACF;AAEA,WAAO,MAAMG,cAAcL,QAAAA;EAC7B,GAAG;IAACzB,QAAQ0B;GAAa;AAEzB,SAAO;IACLzB;IACAa;IACAV;IACAE;EACF;AACF;",
6
- "names": ["import_react", "useEdgeClient", "config", "useConfig", "edgeUrl", "values", "runtime", "services", "edge", "url", "invariant", "useMemo", "EdgeHttpClient", "useQueue", "client", "queueDxn", "options", "items", "setItems", "useState", "isLoading", "setIsLoading", "error", "setError", "refreshId", "useRef", "subspaceTag", "spaceId", "queueId", "asQueueDXN", "append", "prevItems", "insertIntoQueue", "err", "refresh", "thisRefreshId", "current", "objects", "queryQueue", "useEffect", "toString", "interval", "pollInterval", "poll", "finally", "setTimeout", "clearInterval"]
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, 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\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 interval: NodeJS.Timeout;\n if (options.pollInterval) {\n const poll = () => {\n void queue?.refresh().finally(() => {\n interval = setTimeout(poll, options.pollInterval);\n });\n };\n\n poll();\n }\n\n return () => clearInterval(interval);\n }, [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;;ADMnB,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;ACCO,IAAMS,WAAW,CACtBC,QACAC,UACAC,UAA2B,CAAC,MAAC;AAE7B,QAAMC,YAAQN,cAAAA,SACZ,MAAOI,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,qBAAWI,WAAWF,MAAMT,QAAQQ,YAAY;QAClD,CAAA;MACF;AAEAC,WAAAA;IACF;AAEA,WAAO,MAAMG,cAAcL,QAAAA;EAC7B,GAAG;IAACP,QAAQQ;GAAa;AAEzB,SAAOP;AACT;",
6
+ "names": ["import_react", "useEdgeClient", "config", "useConfig", "edgeUrl", "values", "runtime", "services", "edge", "url", "invariant", "useMemo", "EdgeHttpClient", "useQueue", "client", "queueDxn", "options", "queue", "QueueImpl", "undefined", "toString", "useEffect", "refresh", "interval", "pollInterval", "poll", "finally", "setTimeout", "clearInterval"]
7
7
  }
@@ -1 +1 @@
1
- {"inputs":{"packages/sdk/react-edge-client/src/hooks/useEdgeClient.ts":{"bytes":2338,"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":7824,"imports":[{"path":"react","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":495,"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":5139},"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}],"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":1663},"packages/sdk/react-edge-client/src/index.ts":{"bytesInOutput":0}},"bytes":2518}}}
1
+ {"inputs":{"packages/sdk/react-edge-client/src/hooks/useEdgeClient.ts":{"bytes":2338,"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":3782,"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":495,"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":3024},"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":695},"packages/sdk/react-edge-client/src/index.ts":{"bytesInOutput":0}},"bytes":1550}}}
@@ -24,61 +24,23 @@ var useEdgeClient = () => {
24
24
  };
25
25
 
26
26
  // packages/sdk/react-edge-client/src/hooks/useQueue.ts
27
- import { useEffect, useRef, useState } from "react";
27
+ import { useEffect, useMemo as useMemo2 } from "react";
28
+ import { QueueImpl } from "@dxos/echo-db";
28
29
  var useQueue = (client, queueDxn, options = {}) => {
29
- const [items, setItems] = useState([]);
30
- const [isLoading, setIsLoading] = useState(true);
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
- }, [
30
+ const queue = useMemo2(() => queueDxn ? new QueueImpl(client, queueDxn) : void 0, [
31
+ client,
70
32
  queueDxn?.toString()
71
33
  ]);
72
34
  useEffect(() => {
73
- void refresh();
35
+ void queue?.refresh();
74
36
  }, [
75
- queueDxn?.toString()
37
+ queue
76
38
  ]);
77
39
  useEffect(() => {
78
40
  let interval;
79
41
  if (options.pollInterval) {
80
42
  const poll = () => {
81
- void refresh().finally(() => {
43
+ void queue?.refresh().finally(() => {
82
44
  interval = setTimeout(poll, options.pollInterval);
83
45
  });
84
46
  };
@@ -88,12 +50,7 @@ var useQueue = (client, queueDxn, options = {}) => {
88
50
  }, [
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, useRef, useState } from 'react';\n\nimport { type EdgeHttpClient } from '@dxos/edge-client';\nimport { type DXN } from '@dxos/keys';\n\nexport type UseQueueOptions = {\n pollInterval?: number;\n};\n\n// TODO(burdon): Convert to class.\nexport type Queue<T> = {\n items: T[];\n isLoading: boolean;\n error: Error | null;\n append: (items: T[]) => void;\n};\n\n/**\n * Polls the given Edge queue.\n */\n// TODO(burdon): Replace polling with socket?\nexport const useQueue = <T>(client: EdgeHttpClient, queueDxn?: DXN, options: UseQueueOptions = {}): Queue<T> => {\n const [items, setItems] = useState<T[]>([]);\n const [isLoading, setIsLoading] = useState(true); // Only for initial load.\n const [error, setError] = useState<Error | null>(null);\n const refreshId = useRef<number>(0);\n\n const { subspaceTag, spaceId, queueId } = queueDxn?.asQueueDXN() ?? {};\n\n const append = async (items: T[]) => {\n if (!subspaceTag || !spaceId || !queueId) {\n return;\n }\n\n try {\n setItems((prevItems) => [...prevItems, ...items]);\n void client.insertIntoQueue(subspaceTag, spaceId, queueId, items);\n } catch (err) {\n setError(err as Error);\n }\n };\n\n const refresh = async () => {\n if (!subspaceTag || !spaceId || !queueId) {\n return;\n }\n\n const thisRefreshId = ++refreshId.current;\n try {\n const { objects } = await client.queryQueue(subspaceTag, spaceId, { queueId });\n if (thisRefreshId !== refreshId.current) {\n return;\n }\n\n setItems(objects as T[]);\n } catch (err) {\n setError(err as Error);\n } finally {\n setIsLoading(false);\n }\n };\n\n useEffect(() => {\n void refresh();\n }, [queueDxn?.toString()]);\n\n useEffect(() => {\n void refresh();\n }, [queueDxn?.toString()]);\n\n useEffect(() => {\n let interval: NodeJS.Timeout;\n if (options.pollInterval) {\n const poll = () => {\n void refresh().finally(() => {\n interval = setTimeout(poll, options.pollInterval);\n });\n };\n\n poll();\n }\n\n return () => clearInterval(interval);\n }, [options.pollInterval]);\n\n return {\n items,\n append,\n isLoading,\n error,\n };\n};\n"],
5
- "mappings": ";;;AAIA,SAASA,eAAe;AAExB,SAASC,sBAAsB;AAC/B,SAASC,iBAAiB;AAC1B,SAASC,iBAAiB;;AAKnB,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;;;ACdA,SAASM,WAAWC,QAAQC,gBAAgB;AAqBrC,IAAMC,WAAW,CAAIC,QAAwBC,UAAgBC,UAA2B,CAAC,MAAC;AAC/F,QAAM,CAACC,OAAOC,QAAAA,IAAYC,SAAc,CAAA,CAAE;AAC1C,QAAM,CAACC,WAAWC,YAAAA,IAAgBF,SAAS,IAAA;AAC3C,QAAM,CAACG,OAAOC,QAAAA,IAAYJ,SAAuB,IAAA;AACjD,QAAMK,YAAYC,OAAe,CAAA;AAEjC,QAAM,EAAEC,aAAaC,SAASC,QAAO,IAAKb,UAAUc,WAAAA,KAAgB,CAAC;AAErE,QAAMC,SAAS,OAAOb,WAAAA;AACpB,QAAI,CAACS,eAAe,CAACC,WAAW,CAACC,SAAS;AACxC;IACF;AAEA,QAAI;AACFV,eAAS,CAACa,cAAc;WAAIA;WAAcd;OAAM;AAChD,WAAKH,OAAOkB,gBAAgBN,aAAaC,SAASC,SAASX,MAAAA;IAC7D,SAASgB,KAAK;AACZV,eAASU,GAAAA;IACX;EACF;AAEA,QAAMC,UAAU,YAAA;AACd,QAAI,CAACR,eAAe,CAACC,WAAW,CAACC,SAAS;AACxC;IACF;AAEA,UAAMO,gBAAgB,EAAEX,UAAUY;AAClC,QAAI;AACF,YAAM,EAAEC,QAAO,IAAK,MAAMvB,OAAOwB,WAAWZ,aAAaC,SAAS;QAAEC;MAAQ,CAAA;AAC5E,UAAIO,kBAAkBX,UAAUY,SAAS;AACvC;MACF;AAEAlB,eAASmB,OAAAA;IACX,SAASJ,KAAK;AACZV,eAASU,GAAAA;IACX,UAAA;AACEZ,mBAAa,KAAA;IACf;EACF;AAEAkB,YAAU,MAAA;AACR,SAAKL,QAAAA;EACP,GAAG;IAACnB,UAAUyB,SAAAA;GAAW;AAEzBD,YAAU,MAAA;AACR,SAAKL,QAAAA;EACP,GAAG;IAACnB,UAAUyB,SAAAA;GAAW;AAEzBD,YAAU,MAAA;AACR,QAAIE;AACJ,QAAIzB,QAAQ0B,cAAc;AACxB,YAAMC,OAAO,MAAA;AACX,aAAKT,QAAAA,EAAUU,QAAQ,MAAA;AACrBH,qBAAWI,WAAWF,MAAM3B,QAAQ0B,YAAY;QAClD,CAAA;MACF;AAEAC,WAAAA;IACF;AAEA,WAAO,MAAMG,cAAcL,QAAAA;EAC7B,GAAG;IAACzB,QAAQ0B;GAAa;AAEzB,SAAO;IACLzB;IACAa;IACAV;IACAE;EACF;AACF;",
6
- "names": ["useMemo", "EdgeHttpClient", "invariant", "useConfig", "useEdgeClient", "config", "edgeUrl", "values", "runtime", "services", "edge", "url", "useEffect", "useRef", "useState", "useQueue", "client", "queueDxn", "options", "items", "setItems", "useState", "isLoading", "setIsLoading", "error", "setError", "refreshId", "useRef", "subspaceTag", "spaceId", "queueId", "asQueueDXN", "append", "prevItems", "insertIntoQueue", "err", "refresh", "thisRefreshId", "current", "objects", "queryQueue", "useEffect", "toString", "interval", "pollInterval", "poll", "finally", "setTimeout", "clearInterval"]
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, 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\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 interval: NodeJS.Timeout;\n if (options.pollInterval) {\n const poll = () => {\n void queue?.refresh().finally(() => {\n interval = setTimeout(poll, options.pollInterval);\n });\n };\n\n poll();\n }\n\n return () => clearInterval(interval);\n }, [options.pollInterval]);\n\n return queue;\n};\n"],
5
+ "mappings": ";;;AAIA,SAASA,eAAe;AAExB,SAASC,sBAAsB;AAC/B,SAASC,iBAAiB;AAC1B,SAASC,iBAAiB;;AAKnB,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;;;ACdA,SAASM,WAAWC,WAAAA,gBAAe;AAGnC,SAASC,iBAAiB;AAYnB,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,qBAAWI,WAAWF,MAAMV,QAAQS,YAAY;QAClD,CAAA;MACF;AAEAC,WAAAA;IACF;AAEA,WAAO,MAAMG,cAAcL,QAAAA;EAC7B,GAAG;IAACR,QAAQS;GAAa;AAEzB,SAAOR;AACT;",
6
+ "names": ["useMemo", "EdgeHttpClient", "invariant", "useConfig", "useEdgeClient", "config", "edgeUrl", "values", "runtime", "services", "edge", "url", "useEffect", "useMemo", "QueueImpl", "useQueue", "client", "queueDxn", "options", "queue", "useMemo", "QueueImpl", "undefined", "toString", "useEffect", "refresh", "interval", "pollInterval", "poll", "finally", "setTimeout", "clearInterval"]
7
7
  }
@@ -1 +1 @@
1
- {"inputs":{"packages/sdk/react-edge-client/src/hooks/useEdgeClient.ts":{"bytes":2338,"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":7824,"imports":[{"path":"react","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":495,"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":5141},"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}],"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":1663},"packages/sdk/react-edge-client/src/index.ts":{"bytesInOutput":0}},"bytes":2611}}}
1
+ {"inputs":{"packages/sdk/react-edge-client/src/hooks/useEdgeClient.ts":{"bytes":2338,"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":3782,"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":495,"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":3026},"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":695},"packages/sdk/react-edge-client/src/index.ts":{"bytesInOutput":0}},"bytes":1643}}}
@@ -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,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACxD,OAAO,EAAE,KAAK,GAAG,EAAE,MAAM,YAAY,CAAC;AAEtC,MAAM,MAAM,eAAe,GAAG;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAGF,MAAM,MAAM,KAAK,CAAC,CAAC,IAAI;IACrB,KAAK,EAAE,CAAC,EAAE,CAAC;IACX,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;IACpB,MAAM,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC;CAC9B,CAAC;AAEF;;GAEG;AAEH,eAAO,MAAM,QAAQ,GAAI,CAAC,UAAU,cAAc,aAAa,GAAG,YAAW,eAAe,KAAQ,KAAK,CAAC,CAAC,CAsE1G,CAAC"}
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;AAEtC,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":"5.7.2"}
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.a279d8c",
3
+ "version": "0.7.5-labs.f5080a1",
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,14 @@
19
19
  "src"
20
20
  ],
21
21
  "dependencies": {
22
- "@dxos/edge-client": "0.7.5-labs.a279d8c",
23
- "@dxos/invariant": "0.7.5-labs.a279d8c",
24
- "@dxos/log": "0.7.5-labs.a279d8c",
25
- "@dxos/react-client": "0.7.5-labs.a279d8c",
26
- "@dxos/util": "0.7.5-labs.a279d8c",
27
- "@dxos/node-std": "0.7.5-labs.a279d8c"
22
+ "@dxos/echo-signals": "0.7.5-labs.f5080a1",
23
+ "@dxos/edge-client": "0.7.5-labs.f5080a1",
24
+ "@dxos/echo-db": "0.7.5-labs.f5080a1",
25
+ "@dxos/node-std": "0.7.5-labs.f5080a1",
26
+ "@dxos/react-client": "0.7.5-labs.f5080a1",
27
+ "@dxos/util": "0.7.5-labs.f5080a1",
28
+ "@dxos/invariant": "0.7.5-labs.f5080a1",
29
+ "@dxos/log": "0.7.5-labs.f5080a1"
28
30
  },
29
31
  "devDependencies": {
30
32
  "react": "~18.2.0",
@@ -2,8 +2,10 @@
2
2
  // Copyright 2025 DXOS.org
3
3
  //
4
4
 
5
- import { useEffect, useRef, useState } from 'react';
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
 
@@ -11,72 +13,29 @@ export type UseQueueOptions = {
11
13
  pollInterval?: number;
12
14
  };
13
15
 
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
16
  /**
23
17
  * Polls the given Edge queue.
24
18
  */
25
19
  // TODO(burdon): Replace polling with socket?
26
- export const useQueue = <T>(client: EdgeHttpClient, queueDxn?: DXN, options: UseQueueOptions = {}): Queue<T> => {
27
- const [items, setItems] = useState<T[]>([]);
28
- const [isLoading, setIsLoading] = useState(true); // Only for initial load.
29
- const [error, setError] = useState<Error | null>(null);
30
- const refreshId = useRef<number>(0);
31
-
32
- const { subspaceTag, spaceId, queueId } = queueDxn?.asQueueDXN() ?? {};
33
-
34
- const append = async (items: T[]) => {
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()]);
20
+ export const useQueue = <T>(
21
+ client: EdgeHttpClient,
22
+ queueDxn?: DXN,
23
+ options: UseQueueOptions = {},
24
+ ): Queue<T> | undefined => {
25
+ const queue = useMemo<QueueImpl<T> | undefined>(
26
+ () => (queueDxn ? new QueueImpl(client, queueDxn) : undefined),
27
+ [client, queueDxn?.toString()],
28
+ );
70
29
 
71
30
  useEffect(() => {
72
- void refresh();
73
- }, [queueDxn?.toString()]);
31
+ void queue?.refresh();
32
+ }, [queue]);
74
33
 
75
34
  useEffect(() => {
76
35
  let interval: NodeJS.Timeout;
77
36
  if (options.pollInterval) {
78
37
  const poll = () => {
79
- void refresh().finally(() => {
38
+ void queue?.refresh().finally(() => {
80
39
  interval = setTimeout(poll, options.pollInterval);
81
40
  });
82
41
  };
@@ -87,10 +46,5 @@ export const useQueue = <T>(client: EdgeHttpClient, queueDxn?: DXN, options: Use
87
46
  return () => clearInterval(interval);
88
47
  }, [options.pollInterval]);
89
48
 
90
- return {
91
- items,
92
- append,
93
- isLoading,
94
- error,
95
- };
49
+ return queue;
96
50
  };