@dxos/react-edge-client 0.7.5-labs.5f04cf6

package/LICENSE

@@ -0,0 +1,8 @@
+MIT License 
+Copyright (c) 2022 DXOS
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

package/README.md

@@ -0,0 +1 @@
+# @dxos/react-edge-client

package/dist/lib/browser/index.mjs

@@ -0,0 +1,102 @@
+import "@dxos/node-std/globals";
+
+// packages/sdk/react-edge-client/src/hooks/useEdgeClient.ts
+import { useMemo } from "react";
+import { EdgeHttpClient } from "@dxos/edge-client";
+import { invariant } from "@dxos/invariant";
+import { useConfig } from "@dxos/react-client";
+var __dxlog_file = "/home/runner/work/dxos/dxos/packages/sdk/react-edge-client/src/hooks/useEdgeClient.ts";
+var useEdgeClient = () => {
+  const config = useConfig();
+  const edgeUrl = config.values.runtime?.services?.edge?.url;
+  invariant(edgeUrl, "EDGE services not configured.", {
+    F: __dxlog_file,
+    L: 17,
+    S: void 0,
+    A: [
+      "edgeUrl",
+      "'EDGE services not configured.'"
+    ]
+  });
+  return useMemo(() => new EdgeHttpClient(edgeUrl), [
+    edgeUrl
+  ]);
+};
+
+// packages/sdk/react-edge-client/src/hooks/useQueue.ts
+import { useEffect, useRef, useState } from "react";
+var useQueue = (client, queueDxn, options = {}) => {
+  const [items, setItems] = useState([]);
+  const [isLoading, setIsLoading] = useState(true);
+  const [error, setError] = useState(null);
+  const refreshId = useRef(0);
+  const { subspaceTag, spaceId, queueId } = queueDxn?.asQueueDXN() ?? {};
+  const append = async (items2) => {
+    if (!subspaceTag || !spaceId || !queueId) {
+      return;
+    }
+    try {
+      setItems((prevItems) => [
+        ...prevItems,
+        ...items2
+      ]);
+      void client.insertIntoQueue(subspaceTag, spaceId, queueId, items2);
+    } catch (err) {
+      setError(err);
+    }
+  };
+  const refresh = async () => {
+    if (!subspaceTag || !spaceId || !queueId) {
+      return;
+    }
+    const thisRefreshId = ++refreshId.current;
+    try {
+      const { objects } = await client.queryQueue(subspaceTag, spaceId, {
+        queueId
+      });
+      if (thisRefreshId !== refreshId.current) {
+        return;
+      }
+      setItems(objects);
+    } catch (err) {
+      setError(err);
+    } finally {
+      setIsLoading(false);
+    }
+  };
+  useEffect(() => {
+    void refresh();
+  }, [
+    queueDxn?.toString()
+  ]);
+  useEffect(() => {
+    void refresh();
+  }, [
+    queueDxn?.toString()
+  ]);
+  useEffect(() => {
+    let interval;
+    if (options.pollInterval) {
+      const poll = () => {
+        void refresh().finally(() => {
+          interval = setTimeout(poll, options.pollInterval);
+        });
+      };
+      poll();
+    }
+    return () => clearInterval(interval);
+  }, [
+    options.pollInterval
+  ]);
+  return {
+    items,
+    append,
+    isLoading,
+    error
+  };
+};
+export {
+  useEdgeClient,
+  useQueue
+};
+//# sourceMappingURL=index.mjs.map

package/dist/lib/browser/index.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/hooks/useEdgeClient.ts", "../../../src/hooks/useQueue.ts"],
+  "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"],
+  "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;",
+  "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"]
+}

package/dist/lib/browser/meta.json

@@ -0,0 +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}}}

package/dist/lib/node/index.cjs

@@ -0,0 +1,122 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var node_exports = {};
+__export(node_exports, {
+  useEdgeClient: () => useEdgeClient,
+  useQueue: () => useQueue
+});
+module.exports = __toCommonJS(node_exports);
+var import_react = require("react");
+var import_edge_client = require("@dxos/edge-client");
+var import_invariant = require("@dxos/invariant");
+var import_react_client = require("@dxos/react-client");
+var import_react2 = require("react");
+var __dxlog_file = "/home/runner/work/dxos/dxos/packages/sdk/react-edge-client/src/hooks/useEdgeClient.ts";
+var useEdgeClient = () => {
+  const config = (0, import_react_client.useConfig)();
+  const edgeUrl = config.values.runtime?.services?.edge?.url;
+  (0, import_invariant.invariant)(edgeUrl, "EDGE services not configured.", {
+    F: __dxlog_file,
+    L: 17,
+    S: void 0,
+    A: [
+      "edgeUrl",
+      "'EDGE services not configured.'"
+    ]
+  });
+  return (0, import_react.useMemo)(() => new import_edge_client.EdgeHttpClient(edgeUrl), [
+    edgeUrl
+  ]);
+};
+var useQueue = (client, queueDxn, options = {}) => {
+  const [items, setItems] = (0, import_react2.useState)([]);
+  const [isLoading, setIsLoading] = (0, import_react2.useState)(true);
+  const [error, setError] = (0, import_react2.useState)(null);
+  const refreshId = (0, import_react2.useRef)(0);
+  const { subspaceTag, spaceId, queueId } = queueDxn?.asQueueDXN() ?? {};
+  const append = async (items2) => {
+    if (!subspaceTag || !spaceId || !queueId) {
+      return;
+    }
+    try {
+      setItems((prevItems) => [
+        ...prevItems,
+        ...items2
+      ]);
+      void client.insertIntoQueue(subspaceTag, spaceId, queueId, items2);
+    } catch (err) {
+      setError(err);
+    }
+  };
+  const refresh = async () => {
+    if (!subspaceTag || !spaceId || !queueId) {
+      return;
+    }
+    const thisRefreshId = ++refreshId.current;
+    try {
+      const { objects } = await client.queryQueue(subspaceTag, spaceId, {
+        queueId
+      });
+      if (thisRefreshId !== refreshId.current) {
+        return;
+      }
+      setItems(objects);
+    } catch (err) {
+      setError(err);
+    } finally {
+      setIsLoading(false);
+    }
+  };
+  (0, import_react2.useEffect)(() => {
+    void refresh();
+  }, [
+    queueDxn?.toString()
+  ]);
+  (0, import_react2.useEffect)(() => {
+    void refresh();
+  }, [
+    queueDxn?.toString()
+  ]);
+  (0, import_react2.useEffect)(() => {
+    let interval;
+    if (options.pollInterval) {
+      const poll = () => {
+        void refresh().finally(() => {
+          interval = setTimeout(poll, options.pollInterval);
+        });
+      };
+      poll();
+    }
+    return () => clearInterval(interval);
+  }, [
+    options.pollInterval
+  ]);
+  return {
+    items,
+    append,
+    isLoading,
+    error
+  };
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useEdgeClient,
+  useQueue
+});
+//# sourceMappingURL=index.cjs.map

package/dist/lib/node/index.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/hooks/useEdgeClient.ts", "../../../src/hooks/useQueue.ts"],
+  "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"],
+  "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;",
+  "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"]
+}

package/dist/lib/node/meta.json

@@ -0,0 +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}}}

package/dist/lib/node-esm/index.mjs

@@ -0,0 +1,102 @@
+import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
+
+// packages/sdk/react-edge-client/src/hooks/useEdgeClient.ts
+import { useMemo } from "react";
+import { EdgeHttpClient } from "@dxos/edge-client";
+import { invariant } from "@dxos/invariant";
+import { useConfig } from "@dxos/react-client";
+var __dxlog_file = "/home/runner/work/dxos/dxos/packages/sdk/react-edge-client/src/hooks/useEdgeClient.ts";
+var useEdgeClient = () => {
+  const config = useConfig();
+  const edgeUrl = config.values.runtime?.services?.edge?.url;
+  invariant(edgeUrl, "EDGE services not configured.", {
+    F: __dxlog_file,
+    L: 17,
+    S: void 0,
+    A: [
+      "edgeUrl",
+      "'EDGE services not configured.'"
+    ]
+  });
+  return useMemo(() => new EdgeHttpClient(edgeUrl), [
+    edgeUrl
+  ]);
+};
+
+// packages/sdk/react-edge-client/src/hooks/useQueue.ts
+import { useEffect, useRef, useState } from "react";
+var useQueue = (client, queueDxn, options = {}) => {
+  const [items, setItems] = useState([]);
+  const [isLoading, setIsLoading] = useState(true);
+  const [error, setError] = useState(null);
+  const refreshId = useRef(0);
+  const { subspaceTag, spaceId, queueId } = queueDxn?.asQueueDXN() ?? {};
+  const append = async (items2) => {
+    if (!subspaceTag || !spaceId || !queueId) {
+      return;
+    }
+    try {
+      setItems((prevItems) => [
+        ...prevItems,
+        ...items2
+      ]);
+      void client.insertIntoQueue(subspaceTag, spaceId, queueId, items2);
+    } catch (err) {
+      setError(err);
+    }
+  };
+  const refresh = async () => {
+    if (!subspaceTag || !spaceId || !queueId) {
+      return;
+    }
+    const thisRefreshId = ++refreshId.current;
+    try {
+      const { objects } = await client.queryQueue(subspaceTag, spaceId, {
+        queueId
+      });
+      if (thisRefreshId !== refreshId.current) {
+        return;
+      }
+      setItems(objects);
+    } catch (err) {
+      setError(err);
+    } finally {
+      setIsLoading(false);
+    }
+  };
+  useEffect(() => {
+    void refresh();
+  }, [
+    queueDxn?.toString()
+  ]);
+  useEffect(() => {
+    void refresh();
+  }, [
+    queueDxn?.toString()
+  ]);
+  useEffect(() => {
+    let interval;
+    if (options.pollInterval) {
+      const poll = () => {
+        void refresh().finally(() => {
+          interval = setTimeout(poll, options.pollInterval);
+        });
+      };
+      poll();
+    }
+    return () => clearInterval(interval);
+  }, [
+    options.pollInterval
+  ]);
+  return {
+    items,
+    append,
+    isLoading,
+    error
+  };
+};
+export {
+  useEdgeClient,
+  useQueue
+};
+//# sourceMappingURL=index.mjs.map

package/dist/lib/node-esm/index.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/hooks/useEdgeClient.ts", "../../../src/hooks/useQueue.ts"],
+  "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"],
+  "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;",
+  "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"]
+}

package/dist/lib/node-esm/meta.json

@@ -0,0 +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}}}

package/dist/types/src/hooks/index.d.ts

@@ -0,0 +1,3 @@
+export * from './useEdgeClient';
+export * from './useQueue';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/src/hooks/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/hooks/index.ts"],"names":[],"mappings":"AAIA,cAAc,iBAAiB,CAAC;AAChC,cAAc,YAAY,CAAC"}

package/dist/types/src/hooks/useEdgeClient.d.ts

@@ -0,0 +1,6 @@
+import { EdgeHttpClient } from '@dxos/edge-client';
+/**
+ * Client for edge services.
+ */
+export declare const useEdgeClient: () => EdgeHttpClient;
+//# sourceMappingURL=useEdgeClient.d.ts.map

package/dist/types/src/hooks/useEdgeClient.d.ts.map

@@ -0,0 +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;AACH,eAAO,MAAM,aAAa,sBAKzB,CAAC"}

package/dist/types/src/hooks/useQueue.d.ts

@@ -0,0 +1,16 @@
+import { type EdgeHttpClient } from '@dxos/edge-client';
+import { type DXN } from '@dxos/keys';
+export type UseQueueOptions = {
+    pollInterval?: number;
+};
+export type Queue<T> = {
+    items: T[];
+    isLoading: boolean;
+    error: Error | null;
+    append: (items: T[]) => void;
+};
+/**
+ * Polls the given Edge queue.
+ */
+export declare const useQueue: <T>(client: EdgeHttpClient, queueDxn?: DXN, options?: UseQueueOptions) => Queue<T>;
+//# sourceMappingURL=useQueue.d.ts.map

package/dist/types/src/hooks/useQueue.d.ts.map

@@ -0,0 +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"}

package/dist/types/src/index.d.ts

@@ -0,0 +1,2 @@
+export * from './hooks';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/src/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAIA,cAAc,SAAS,CAAC"}

package/dist/types/tsconfig.tsbuildinfo

@@ -0,0 +1 @@
+{"version":"5.7.2"}

package/package.json

@@ -0,0 +1,43 @@
+{
+  "name": "@dxos/react-edge-client",
+  "version": "0.7.5-labs.5f04cf6",
+  "description": "React hooks for the Edge Client.",
+  "homepage": "https://dxos.org",
+  "bugs": "https://github.com/dxos/dxos/issues",
+  "license": "MIT",
+  "author": "DXOS.org",
+  "exports": {
+    ".": {
+      "types": "./dist/types/src/index.d.ts",
+      "browser": "./dist/lib/browser/index.mjs",
+      "node": "./dist/lib/node-esm/index.mjs"
+    }
+  },
+  "types": "dist/types/src/index.d.ts",
+  "files": [
+    "dist",
+    "src"
+  ],
+  "dependencies": {
+    "@dxos/edge-client": "0.7.5-labs.5f04cf6",
+    "@dxos/invariant": "0.7.5-labs.5f04cf6",
+    "@dxos/log": "0.7.5-labs.5f04cf6",
+    "@dxos/node-std": "0.7.5-labs.5f04cf6",
+    "@dxos/util": "0.7.5-labs.5f04cf6",
+    "@dxos/react-client": "0.7.5-labs.5f04cf6"
+  },
+  "devDependencies": {
+    "react": "~18.2.0",
+    "react-dom": "~18.2.0",
+    "vite": "5.4.7"
+  },
+  "peerDependencies": {
+    "@effect/schema": "^0.75.5",
+    "effect": "^3.12.3",
+    "react": "~18.2.0",
+    "react-dom": "~18.2.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}

package/src/hooks/index.ts

@@ -0,0 +1,6 @@
+//
+// Copyright 2025 DXOS.org
+//
+
+export * from './useEdgeClient';
+export * from './useQueue';

package/src/hooks/useEdgeClient.ts

@@ -0,0 +1,19 @@
+//
+// Copyright 2025 DXOS.org
+//
+
+import { useMemo } from 'react';
+
+import { EdgeHttpClient } from '@dxos/edge-client';
+import { invariant } from '@dxos/invariant';
+import { useConfig } from '@dxos/react-client';
+
+/**
+ * Client for edge services.
+ */
+export const useEdgeClient = () => {
+  const config = useConfig();
+  const edgeUrl = config.values.runtime?.services?.edge?.url;
+  invariant(edgeUrl, 'EDGE services not configured.');
+  return useMemo(() => new EdgeHttpClient(edgeUrl), [edgeUrl]);
+};

package/src/hooks/useQueue.ts

@@ -0,0 +1,96 @@
+//
+// Copyright 2025 DXOS.org
+//
+
+import { useEffect, useRef, useState } from 'react';
+
+import { type EdgeHttpClient } from '@dxos/edge-client';
+import { type DXN } from '@dxos/keys';
+
+export type UseQueueOptions = {
+  pollInterval?: number;
+};
+
+// TODO(burdon): Convert to class.
+export type Queue<T> = {
+  items: T[];
+  isLoading: boolean;
+  error: Error | null;
+  append: (items: T[]) => void;
+};
+
+/**
+ * Polls the given Edge queue.
+ */
+// TODO(burdon): Replace polling with socket?
+export const useQueue = <T>(client: EdgeHttpClient, queueDxn?: DXN, options: UseQueueOptions = {}): Queue<T> => {
+  const [items, setItems] = useState<T[]>([]);
+  const [isLoading, setIsLoading] = useState(true); // Only for initial load.
+  const [error, setError] = useState<Error | null>(null);
+  const refreshId = useRef<number>(0);
+
+  const { subspaceTag, spaceId, queueId } = queueDxn?.asQueueDXN() ?? {};
+
+  const append = async (items: T[]) => {
+    if (!subspaceTag || !spaceId || !queueId) {
+      return;
+    }
+
+    try {
+      setItems((prevItems) => [...prevItems, ...items]);
+      void client.insertIntoQueue(subspaceTag, spaceId, queueId, items);
+    } catch (err) {
+      setError(err as Error);
+    }
+  };
+
+  const refresh = async () => {
+    if (!subspaceTag || !spaceId || !queueId) {
+      return;
+    }
+
+    const thisRefreshId = ++refreshId.current;
+    try {
+      const { objects } = await client.queryQueue(subspaceTag, spaceId, { queueId });
+      if (thisRefreshId !== refreshId.current) {
+        return;
+      }
+
+      setItems(objects as T[]);
+    } catch (err) {
+      setError(err as Error);
+    } finally {
+      setIsLoading(false);
+    }
+  };
+
+  useEffect(() => {
+    void refresh();
+  }, [queueDxn?.toString()]);
+
+  useEffect(() => {
+    void refresh();
+  }, [queueDxn?.toString()]);
+
+  useEffect(() => {
+    let interval: NodeJS.Timeout;
+    if (options.pollInterval) {
+      const poll = () => {
+        void refresh().finally(() => {
+          interval = setTimeout(poll, options.pollInterval);
+        });
+      };
+
+      poll();
+    }
+
+    return () => clearInterval(interval);
+  }, [options.pollInterval]);
+
+  return {
+    items,
+    append,
+    isLoading,
+    error,
+  };
+};

package/src/index.ts

@@ -0,0 +1,5 @@
+//
+// Copyright 2025 DXOS.org
+//
+
+export * from './hooks';