@dxos/plugin-thread 0.7.1 → 0.7.2-main.f1adc9f

package/dist/lib/node/index.cjs

@@ -31,13 +31,13 @@ __export(node_exports, {
   ThreadAction: () => import_chunk_ANGUPCW3.ThreadAction,
   ThreadPlugin: () => ThreadPlugin,
   default: () => src_default,
-  useAnalyticsCallback: () => import_chunk_GXREFXBX.useAnalyticsCallback,
-  useOnEditAnalytics: () => import_chunk_GXREFXBX.useOnEditAnalytics,
-  useStatus: () => import_chunk_GXREFXBX.useStatus
+  useAnalyticsCallback: () => import_chunk_AWJEBUB4.useAnalyticsCallback,
+  useOnEditAnalytics: () => import_chunk_AWJEBUB4.useOnEditAnalytics,
+  useStatus: () => import_chunk_AWJEBUB4.useStatus
 });
 module.exports = __toCommonJS(node_exports);
 var import_chunk_ANGUPCW3 = require("./chunk-ANGUPCW3.cjs");
-var import_chunk_GXREFXBX = require("./chunk-GXREFXBX.cjs");
+var import_chunk_AWJEBUB4 = require("./chunk-AWJEBUB4.cjs");
 var import_chunk_IC2NICNC = require("./chunk-IC2NICNC.cjs");
 var import_react = __toESM(require("react"));
 var import_app_framework = require("@dxos/app-framework");
@@ -49,14 +49,13 @@ var import_meta = require("@dxos/plugin-observability/meta");
 var import_plugin_space = require("@dxos/plugin-space");
 var import_types = require("@dxos/plugin-space/types");
 var import_echo = require("@dxos/react-client/echo");
-var import_echo2 = require("@dxos/react-client/echo");
 var import_react_ui_thread = require("@dxos/react-ui-thread");
 var import_react2 = require("react");
 var import_react3 = require("@phosphor-icons/react");
 var import_react4 = __toESM(require("react"));
 var import_echo_schema = require("@dxos/echo-schema");
 var import_types2 = require("@dxos/plugin-space/types");
-var import_echo3 = require("@dxos/react-client/echo");
+var import_echo2 = require("@dxos/react-client/echo");
 var import_halo = require("@dxos/react-client/halo");
 var import_react_ui = require("@dxos/react-ui");
 var import_react_ui_editor = require("@dxos/react-ui-editor");
@@ -65,22 +64,21 @@ var import_react_ui_thread2 = require("@dxos/react-ui-thread");
 var import_util = require("@dxos/util");
 var import_react5 = require("@phosphor-icons/react");
 var import_react6 = __toESM(require("react"));
-var import_echo4 = require("@dxos/react-client/echo");
+var import_echo3 = require("@dxos/react-client/echo");
 var import_react_ui2 = require("@dxos/react-ui");
 var import_react_ui_theme2 = require("@dxos/react-ui-theme");
 var import_react7 = __toESM(require("react"));
 var import_app_framework2 = require("@dxos/app-framework");
-var import_echo5 = require("@dxos/react-client/echo");
-var import_react_ui3 = require("@dxos/react-ui");
+var import_echo4 = require("@dxos/react-client/echo");
 var import_react_ui_attention = require("@dxos/react-ui-attention");
 var import_util2 = require("@dxos/util");
 var import_react8 = __toESM(require("react"));
-var import_react_ui4 = require("@dxos/react-ui");
+var import_react_ui3 = require("@dxos/react-ui");
 var import_react_ui_form = require("@dxos/react-ui-form");
 var import_view = require("@codemirror/view");
 var import_signals_core = require("@preact/signals-core");
 var import_types3 = require("@dxos/plugin-space/types");
-var import_echo6 = require("@dxos/react-client/echo");
+var import_echo5 = require("@dxos/react-client/echo");
 var import_react_ui_editor2 = require("@dxos/react-ui-editor");
 var import_util3 = require("@dxos/util");
 var sizeClass = (0, import_react_ui_theme.getSize)(4);
@@ -132,13 +130,13 @@ var DeleteThreadButton = ({ onDelete }) => {
 };
 var CommentContainer = ({ thread, detached, context, current, onAttend, onThreadDelete, onMessageDelete, onResolve, onComment }) => {
   const identity = (0, import_halo.useIdentity)();
-  const space = (0, import_echo3.getSpace)(thread);
-  const members = (0, import_echo3.useMembers)(space?.key);
-  const activity = (0, import_chunk_GXREFXBX.useStatus)(space, (0, import_echo3.fullyQualifiedId)(thread));
+  const space = (0, import_echo2.getSpace)(thread);
+  const members = (0, import_echo2.useMembers)(space?.key);
+  const activity = (0, import_chunk_AWJEBUB4.useStatus)(space, (0, import_echo2.fullyQualifiedId)(thread));
   const { t } = (0, import_react_ui.useTranslation)(import_chunk_IC2NICNC.THREAD_PLUGIN);
   const threadScrollRef = (0, import_react4.useRef)(null);
   const { themeMode } = (0, import_react_ui.useThemeContext)();
-  const textboxMetadata = (0, import_chunk_GXREFXBX.getMessageMetadata)((0, import_echo3.fullyQualifiedId)(thread), identity);
+  const textboxMetadata = (0, import_chunk_AWJEBUB4.getMessageMetadata)((0, import_echo2.fullyQualifiedId)(thread), identity);
   const [_count, _setCount] = (0, import_react4.useState)(0);
   const rerenderEditor = () => _setCount((count) => count + 1);
   const messageRef = (0, import_react4.useRef)("");
@@ -152,7 +150,7 @@ var CommentContainer = ({ thread, detached, context, current, onAttend, onThread
     (0, import_react_ui_editor.listener)({
       onChange: (text) => messageRef.current = text
     }),
-    import_chunk_GXREFXBX.command
+    import_chunk_AWJEBUB4.command
   ], [
     _count
   ]);
@@ -185,7 +183,7 @@ var CommentContainer = ({ thread, detached, context, current, onAttend, onThread
     onClickCapture: onAttend,
     onFocusCapture: onAttend,
     current,
-    id: (0, import_echo3.fullyQualifiedId)(thread)
+    id: (0, import_echo2.fullyQualifiedId)(thread)
   }, /* @__PURE__ */ import_react4.default.createElement("div", {
     role: "none",
     className: (0, import_react_ui_theme.mx)("col-span-2 grid grid-cols-[var(--rail-size)_1fr_min-content]", import_react_ui_theme.hoverableControls, import_react_ui_theme.hoverableFocusedWithinControls)
@@ -205,7 +203,7 @@ var CommentContainer = ({ thread, detached, context, current, onAttend, onThread
     onResolve
   }), onThreadDelete && /* @__PURE__ */ import_react4.default.createElement(DeleteThreadButton, {
     onDelete: onThreadDelete
-  }))), thread.messages.filter(import_util.nonNullable).map((message) => /* @__PURE__ */ import_react4.default.createElement(import_chunk_GXREFXBX.MessageContainer, {
+  }))), thread.messages.filter(import_util.nonNullable).map((message) => /* @__PURE__ */ import_react4.default.createElement(import_chunk_AWJEBUB4.MessageContainer, {
     key: message.id,
     message,
     members,
@@ -236,7 +234,7 @@ var CommentsContainer = ({ threads: threads2, detached = [], currentId, showReso
     currentId
   ]);
   return /* @__PURE__ */ import_react6.default.createElement(import_react6.default.Fragment, null, filteredThreads.length > 0 ? filteredThreads.map((thread) => {
-    const threadId = (0, import_echo4.fullyQualifiedId)(thread);
+    const threadId = (0, import_echo3.fullyQualifiedId)(thread);
     return /* @__PURE__ */ import_react6.default.createElement(CommentContainer, {
       key: threadId,
       thread,
@@ -258,7 +256,7 @@ var CommentsContainer = ({ threads: threads2, detached = [], currentId, showReso
     });
   }) : /* @__PURE__ */ import_react6.default.createElement("div", {
     role: "alert",
-    className: (0, import_react_ui_theme2.mx)(import_react_ui_theme2.descriptionText, "place-self-center border border-dashed border-neutral-400/50 rounded-lg text-center p-4 m-4")
+    className: (0, import_react_ui_theme2.mx)(import_react_ui_theme2.descriptionText, "place-self-center border border-dashed border-unAccent rounded-lg text-center p-4 m-4")
   }, /* @__PURE__ */ import_react6.default.createElement("h2", {
     className: "mbe-2 font-medium text-baseText"
   }, t("no comments title")), /* @__PURE__ */ import_react6.default.createElement("p", null, /* @__PURE__ */ import_react6.default.createElement(import_react_ui2.Trans, {
@@ -293,7 +291,7 @@ var ThreadComplementary = ({ role, subject, drafts, current, showResolvedThreads
     JSON.stringify(drafts)
   ]);
   const detachedIds = (0, import_react7.useMemo)(() => {
-    return threads2.filter(({ anchor }) => !anchor).map((thread) => (0, import_echo5.fullyQualifiedId)(thread));
+    return threads2.filter(({ anchor }) => !anchor).map((thread) => (0, import_echo4.fullyQualifiedId)(thread));
   }, [
     threads2
   ]);
@@ -307,26 +305,21 @@ var ThreadComplementary = ({ role, subject, drafts, current, showResolvedThreads
     threads2
   ]);
   const attended = (0, import_react_ui_attention.useAttended)();
-  const qualifiedSubjectId = (0, import_echo5.fullyQualifiedId)(subject);
-  return /* @__PURE__ */ import_react7.default.createElement("div", {
-    role: "none",
-    className: "contents"
-  }, /* @__PURE__ */ import_react7.default.createElement(import_react_ui3.ScrollArea.Root, {
-    classNames: "row-span-2"
-  }, /* @__PURE__ */ import_react7.default.createElement(import_react_ui3.ScrollArea.Viewport, null, /* @__PURE__ */ import_react7.default.createElement(CommentsContainer, {
+  const qualifiedSubjectId = (0, import_echo4.fullyQualifiedId)(subject);
+  return /* @__PURE__ */ import_react7.default.createElement(CommentsContainer, {
     threads: threads2,
     detached: detachedIds,
     currentId: attended.includes(qualifiedSubjectId) ? current : void 0,
     showResolvedThreads,
     onThreadAttend: (thread) => {
-      const threadId = (0, import_echo5.fullyQualifiedId)(thread);
+      const threadId = (0, import_echo4.fullyQualifiedId)(thread);
       if (current !== threadId) {
         current = threadId;
         void dispatch?.([
           {
             action: import_app_framework2.LayoutAction.SCROLL_INTO_VIEW,
             data: {
-              id: (0, import_echo5.fullyQualifiedId)(subject),
+              id: (0, import_echo4.fullyQualifiedId)(subject),
               thread: threadId,
               cursor: thread.anchor
             }
@@ -369,32 +362,29 @@ var ThreadComplementary = ({ role, subject, drafts, current, showResolvedThreads
         }
       });
     }
-  }), /* @__PURE__ */ import_react7.default.createElement("div", {
-    role: "none",
-    className: "bs-10"
-  }), /* @__PURE__ */ import_react7.default.createElement(import_react_ui3.ScrollArea.Scrollbar, null, /* @__PURE__ */ import_react7.default.createElement(import_react_ui3.ScrollArea.Thumb, null)))));
+  });
 };
 var ThreadSettings = ({ settings }) => {
-  const { t } = (0, import_react_ui4.useTranslation)(import_chunk_IC2NICNC.THREAD_PLUGIN);
+  const { t } = (0, import_react_ui3.useTranslation)(import_chunk_IC2NICNC.THREAD_PLUGIN);
   return /* @__PURE__ */ import_react8.default.createElement(import_react8.default.Fragment, null, /* @__PURE__ */ import_react8.default.createElement(import_react_ui_form.DeprecatedFormInput, {
     label: t("settings standalone label")
-  }, /* @__PURE__ */ import_react8.default.createElement(import_react_ui4.Input.Switch, {
+  }, /* @__PURE__ */ import_react8.default.createElement(import_react_ui3.Input.Switch, {
     checked: settings.standalone,
     onCheckedChange: (checked) => settings.standalone = !!checked
   })));
 };
-var ThreadMain = (0, import_react2.lazy)(() => import("./ThreadMain-ZS2PYBRX.cjs"));
-var ThreadArticle = (0, import_react2.lazy)(() => import("./ThreadArticle-LV3HHHJT.cjs"));
+var ThreadMain = (0, import_react2.lazy)(() => import("./ThreadMain-UYUGGUOM.cjs"));
+var ThreadArticle = (0, import_react2.lazy)(() => import("./ThreadArticle-QQMCCCH5.cjs"));
 var getName = (doc, anchor) => {
   if (doc.content) {
     const [start, end] = anchor.split(":");
-    return (0, import_echo6.getTextInRange)((0, import_echo6.createDocAccessor)(doc.content, [
+    return (0, import_echo5.getTextInRange)((0, import_echo5.createDocAccessor)(doc.content, [
       "content"
     ]), start, end);
   }
 };
 var threads = (state, doc, dispatch) => {
-  const space = doc && (0, import_echo6.getSpace)(doc);
+  const space = doc && (0, import_echo5.getSpace)(doc);
   if (!doc || !space || !dispatch) {
     return [
       (0, import_react_ui_editor2.comments)()
@@ -402,7 +392,7 @@ var threads = (state, doc, dispatch) => {
   }
   const threads2 = (0, import_signals_core.computed)(() => [
     ...doc.threads.filter(import_util3.nonNullable),
-    ...state.drafts[(0, import_echo6.fullyQualifiedId)(doc)] ?? []
+    ...state.drafts[(0, import_echo5.fullyQualifiedId)(doc)] ?? []
   ].filter((thread) => !(thread?.status === "resolved")));
   return [
     import_view.EditorView.updateListener.of((update) => {
@@ -417,12 +407,12 @@ var threads = (state, doc, dispatch) => {
         });
       }
     }),
-    (0, import_react_ui_editor2.createExternalCommentSync)((0, import_echo6.fullyQualifiedId)(doc), (sink) => (0, import_signals_core.effect)(() => sink()), () => threads2.value.filter((thread) => thread?.anchor).map((thread) => ({
-      id: (0, import_echo6.fullyQualifiedId)(thread),
+    (0, import_react_ui_editor2.createExternalCommentSync)((0, import_echo5.fullyQualifiedId)(doc), (sink) => (0, import_signals_core.effect)(() => sink()), () => threads2.value.filter((thread) => thread?.anchor).map((thread) => ({
+      id: (0, import_echo5.fullyQualifiedId)(thread),
       cursor: thread.anchor
     }))),
     (0, import_react_ui_editor2.comments)({
-      id: (0, import_echo6.fullyQualifiedId)(doc),
+      id: (0, import_echo5.fullyQualifiedId)(doc),
       onCreate: ({ cursor }) => {
         const name = getName(doc, cursor);
         void dispatch({
@@ -435,9 +425,9 @@ var threads = (state, doc, dispatch) => {
         });
       },
       onDelete: ({ id }) => {
-        const draft = state.drafts[(0, import_echo6.fullyQualifiedId)(doc)];
+        const draft = state.drafts[(0, import_echo5.fullyQualifiedId)(doc)];
         if (draft) {
-          const index = draft.findIndex((thread2) => (0, import_echo6.fullyQualifiedId)(thread2) === id);
+          const index = draft.findIndex((thread2) => (0, import_echo5.fullyQualifiedId)(thread2) === id);
           if (index !== -1) {
             draft.splice(index, 1);
           }
@@ -448,7 +438,7 @@ var threads = (state, doc, dispatch) => {
         }
       },
       onUpdate: ({ id, cursor }) => {
-        const thread = state.drafts[(0, import_echo6.fullyQualifiedId)(doc)]?.find((thread2) => (0, import_echo6.fullyQualifiedId)(thread2) === id) ?? doc.threads.find((thread2) => thread2?.id === id);
+        const thread = state.drafts[(0, import_echo5.fullyQualifiedId)(doc)]?.find((thread2) => (0, import_echo5.fullyQualifiedId)(thread2) === id) ?? doc.threads.find((thread2) => thread2?.id === id);
         if (thread instanceof import_types3.ThreadType && thread.anchor) {
           thread.name = getName(doc, thread.anchor);
           thread.anchor = cursor;
@@ -550,11 +540,11 @@ var ThreadPlugin = () => {
             ],
             icon: "ph--chat--regular",
             // TODO(wittjosiah): Move out of metadata.
-            loadReferences: (channel) => (0, import_echo2.loadObjectReferences)(channel, (channel2) => channel2.threads)
+            loadReferences: (channel) => (0, import_echo.loadObjectReferences)(channel, (channel2) => channel2.threads)
           },
           [import_types.ThreadType.typename]: {
             // TODO(wittjosiah): Move out of metadata.
-            loadReferences: (thread) => (0, import_echo2.loadObjectReferences)(thread, (thread2) => thread2.messages)
+            loadReferences: (thread) => (0, import_echo.loadObjectReferences)(thread, (thread2) => thread2.messages)
           },
           [import_types.MessageType.typename]: {
             // TODO(wittjosiah): Move out of metadata.
@@ -624,8 +614,9 @@ var ThreadPlugin = () => {
                   return;
                 }
                 const [subjectId] = id.split("~");
-                const { spaceId, objectId } = (0, import_echo2.parseId)(subjectId);
-                const space = client.spaces.get().find((space2) => space2.id === spaceId);
+                const { spaceId, objectId } = (0, import_echo.parseId)(subjectId);
+                const spaces = (0, import_plugin_graph.toSignal)((onChange) => client.spaces.subscribe(() => onChange()).unsubscribe, () => client.spaces.get());
+                const space = spaces?.find((space2) => space2.id === spaceId && space2.state.get() === import_echo.SpaceState.SPACE_READY);
                 if (!objectId) {
                   return {
                     id,
@@ -645,13 +636,9 @@ var ThreadPlugin = () => {
                     }
                   };
                 }
-                const object = (0, import_plugin_graph.toSignal)((onChange) => {
-                  const timeout = setTimeout(async () => {
-                    await space?.db.loadObjectById(objectId);
-                    onChange();
-                  });
-                  return () => clearTimeout(timeout);
-                }, () => space?.db.getObjectById(objectId), subjectId);
+                const [object] = (0, import_plugin_space.memoizeQuery)(space, {
+                  id: objectId
+                });
                 if (!object || !subjectId) {
                   return;
                 }
@@ -788,7 +775,7 @@ var ThreadPlugin = () => {
                   const currentPosition = layoutEntries.findIndex((entry) => channel.id === entry.id);
                   if (currentPosition > 0) {
                     const objectToTheLeft = layoutEntries[currentPosition - 1];
-                    const context = (0, import_echo2.getSpace)(data.object)?.db.getObjectById(objectToTheLeft.id);
+                    const context = (0, import_echo.getSpace)(data.object)?.db.getObjectById(objectToTheLeft.id);
                     return /* @__PURE__ */ import_react.default.createElement(ThreadArticle, {
                       thread: data.object.threads[0],
                       context
@@ -800,9 +787,9 @@ var ThreadPlugin = () => {
                 });
               }
               if (data.subject instanceof import_types.ThreadType) {
-                return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_chunk_GXREFXBX.ChatHeading, {
+                return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_chunk_AWJEBUB4.ChatHeading, {
                   attendableId: data.subject.id
-                }), /* @__PURE__ */ import_react.default.createElement(import_chunk_GXREFXBX.ChatContainer, {
+                }), /* @__PURE__ */ import_react.default.createElement(import_chunk_AWJEBUB4.ChatContainer, {
                   thread: data.subject
                 }));
               }
@@ -810,11 +797,11 @@ var ThreadPlugin = () => {
             }
             case "complementary--comments": {
               if (data.subject && typeof data.subject === "object" && "threads" in data.subject && Array.isArray(data.subject.threads) && !(data.subject instanceof import_types.ChannelType)) {
-                const { showResolvedThreads } = getViewState((0, import_echo2.fullyQualifiedId)(data.subject));
+                const { showResolvedThreads } = getViewState((0, import_echo.fullyQualifiedId)(data.subject));
                 return /* @__PURE__ */ import_react.default.createElement(ThreadComplementary, {
                   role,
                   subject: data.subject,
-                  drafts: state.drafts[(0, import_echo2.fullyQualifiedId)(data.subject)],
+                  drafts: state.drafts[(0, import_echo.fullyQualifiedId)(data.subject)],
                   current: state.current,
                   showResolvedThreads
                 });
@@ -837,14 +824,14 @@ var ThreadPlugin = () => {
                   } catch (err) {
                     import_log.log.error("Subject does not support threads array", subject?.typename, {
                       F: __dxlog_file,
-                      L: 357,
+                      L: 359,
                       S: void 0,
                       C: (f, a) => f(...a)
                     });
                     return;
                   }
                 }
-                const subjectId = (0, import_echo2.fullyQualifiedId)(subject);
+                const subjectId = (0, import_echo.fullyQualifiedId)(subject);
                 const thread = (0, import_echo.create)(import_types.ThreadType, {
                   name,
                   anchor: cursor,
@@ -866,7 +853,7 @@ var ThreadPlugin = () => {
                       {
                         action: import_chunk_ANGUPCW3.ThreadAction.SELECT,
                         data: {
-                          current: (0, import_echo2.fullyQualifiedId)(thread)
+                          current: (0, import_echo.fullyQualifiedId)(thread)
                         }
                       }
                     ],
@@ -931,7 +918,7 @@ var ThreadPlugin = () => {
               } else if (thread.status === "resolved") {
                 thread.status = "active";
               }
-              const space = (0, import_echo2.getSpace)(thread);
+              const space = (0, import_echo.getSpace)(thread);
               const spaceId = space?.id;
               return {
                 data: true,
@@ -956,7 +943,7 @@ var ThreadPlugin = () => {
               if (!(thread instanceof import_types.ThreadType) || !(subject && typeof subject === "object" && "threads" in subject)) {
                 return;
               }
-              const subjectId = (0, import_echo2.fullyQualifiedId)(subject);
+              const subjectId = (0, import_echo.fullyQualifiedId)(subject);
               const draft = state.drafts[subjectId];
               if (draft) {
                 const index = draft.findIndex((t) => t.id === thread.id);
@@ -967,7 +954,7 @@ var ThreadPlugin = () => {
                   };
                 }
               }
-              const space = (0, import_echo2.getSpace)(thread);
+              const space = (0, import_echo.getSpace)(thread);
               if (!space || !subject.threads) {
                 return;
               }
@@ -1028,8 +1015,8 @@ var ThreadPlugin = () => {
               if (!(thread instanceof import_types.ThreadType) || !(subject && typeof subject === "object" && "threads" in subject && Array.isArray(subject.threads))) {
                 return;
               }
-              const subjectId = (0, import_echo2.fullyQualifiedId)(subject);
-              const space = (0, import_echo2.getSpace)(subject);
+              const subjectId = (0, import_echo.fullyQualifiedId)(subject);
+              const space = (0, import_echo.getSpace)(subject);
               const intents = [];
               const analyticsProperties = {
                 threadId: thread.id,
@@ -1068,7 +1055,7 @@ var ThreadPlugin = () => {
             }
             case import_chunk_ANGUPCW3.ThreadAction.DELETE_MESSAGE: {
               const { subject, thread, messageId } = intent.data ?? {};
-              const space = (0, import_echo2.getSpace)(subject);
+              const space = (0, import_echo.getSpace)(subject);
               if (!(thread instanceof import_types.ThreadType) || !(subject && typeof subject === "object" && "threads" in subject)) {
                 return;
               }