@dxos/plugin-thread 0.6.8-main.046e6cf

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,15 @@
+# @dxos/plugin-thread
+
+Surface plugin for thread entities.
+
+## DXOS Resources
+
+- [Website](https://dxos.org)
+- [Developer Documentation](https://docs.dxos.org)
+- Talk to us on [Discord](https://dxos.org/discord)
+
+## Contributions
+
+Your ideas, issues, and code are most welcome. Please take a look at our [community code of conduct](https://github.com/dxos/dxos/blob/main/CODE_OF_CONDUCT.md), the [issue guide](https://github.com/dxos/dxos/blob/main/CONTRIBUTING.md#submitting-issues), and the [PR contribution guide](https://github.com/dxos/dxos/blob/main/CONTRIBUTING.md#submitting-prs).
+
+License: [MIT](./LICENSE) Copyright 2023 © DXOS

package/dist/lib/browser/ThreadArticle-J4VCLPMS.mjs

@@ -0,0 +1,18 @@
+import {
+  ChatContainer
+} from "./chunk-CQ2RYETH.mjs";
+import "./chunk-5IBJO53M.mjs";
+
+// packages/plugins/plugin-thread/src/components/ThreadArticle.tsx
+import React from "react";
+var ThreadArticle = (props) => {
+  return /* @__PURE__ */ React.createElement("div", {
+    role: "none",
+    className: "row-span-2"
+  }, /* @__PURE__ */ React.createElement(ChatContainer, props));
+};
+var ThreadArticle_default = ThreadArticle;
+export {
+  ThreadArticle_default as default
+};
+//# sourceMappingURL=ThreadArticle-J4VCLPMS.mjs.map

package/dist/lib/browser/ThreadArticle-J4VCLPMS.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/ThreadArticle.tsx"],
+  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { type ComponentProps, type FC } from 'react';\n\nimport { ChatContainer } from './ChatContainer';\n\nconst ThreadArticle: FC<Pick<ComponentProps<typeof ChatContainer>, 'thread' | 'context'>> = (props) => {\n  // TODO(burdon): Factor out Main container across plugins?\n  return (\n    <div role='none' className='row-span-2'>\n      <ChatContainer {...props} />\n    </div>\n  );\n};\n\nexport default ThreadArticle;\n"],
+  "mappings": ";;;;;;AAIA,OAAOA,WAA6C;AAIpD,IAAMC,gBAAsF,CAACC,UAAAA;AAE3F,SACE,sBAAA,cAACC,OAAAA;IAAIC,MAAK;IAAOC,WAAU;KACzB,sBAAA,cAACC,eAAkBJ,KAAAA,CAAAA;AAGzB;AAEA,IAAA,wBAAeD;",
+  "names": ["React", "ThreadArticle", "props", "div", "role", "className", "ChatContainer"]
+}

package/dist/lib/browser/ThreadMain-VV7MGQZJ.mjs

@@ -0,0 +1,26 @@
+import {
+  ChatContainer
+} from "./chunk-CQ2RYETH.mjs";
+import "./chunk-5IBJO53M.mjs";
+
+// packages/plugins/plugin-thread/src/components/ThreadMain.tsx
+import React from "react";
+import { Main } from "@dxos/react-ui";
+import { baseSurface, topbarBlockPaddingStart, fixedInsetFlexLayout, bottombarBlockPaddingEnd } from "@dxos/react-ui-theme";
+var ThreadMain = ({ thread }) => {
+  return /* @__PURE__ */ React.createElement(Main.Content, {
+    classNames: [
+      baseSurface,
+      fixedInsetFlexLayout,
+      topbarBlockPaddingStart,
+      bottombarBlockPaddingEnd
+    ]
+  }, /* @__PURE__ */ React.createElement(ChatContainer, {
+    thread
+  }));
+};
+var ThreadMain_default = ThreadMain;
+export {
+  ThreadMain_default as default
+};
+//# sourceMappingURL=ThreadMain-VV7MGQZJ.mjs.map

package/dist/lib/browser/ThreadMain-VV7MGQZJ.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/ThreadMain.tsx"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { type FC } from 'react';\n\nimport { type ThreadType } from '@dxos/plugin-space/types';\nimport { Main } from '@dxos/react-ui';\nimport {\n  baseSurface,\n  topbarBlockPaddingStart,\n  fixedInsetFlexLayout,\n  bottombarBlockPaddingEnd,\n} from '@dxos/react-ui-theme';\n\nimport { ChatContainer } from './ChatContainer';\n\nconst ThreadMain: FC<{ thread: ThreadType }> = ({ thread }) => {\n  // TODO(burdon): Factor out Main container across plugins?\n  return (\n    <Main.Content classNames={[baseSurface, fixedInsetFlexLayout, topbarBlockPaddingStart, bottombarBlockPaddingEnd]}>\n      <ChatContainer thread={thread} />\n    </Main.Content>\n  );\n};\n\nexport default ThreadMain;\n"],
+  "mappings": ";;;;;;AAIA,OAAOA,WAAwB;AAG/B,SAASC,YAAY;AACrB,SACEC,aACAC,yBACAC,sBACAC,gCACK;AAIP,IAAMC,aAAyC,CAAC,EAAEC,OAAM,MAAE;AAExD,SACE,sBAAA,cAACC,KAAKC,SAAO;IAACC,YAAY;MAACC;MAAaC;MAAsBC;MAAyBC;;KACrF,sBAAA,cAACC,eAAAA;IAAcR;;AAGrB;AAEA,IAAA,qBAAeD;",
+  "names": ["React", "Main", "baseSurface", "topbarBlockPaddingStart", "fixedInsetFlexLayout", "bottombarBlockPaddingEnd", "ThreadMain", "thread", "Main", "Content", "classNames", "baseSurface", "fixedInsetFlexLayout", "topbarBlockPaddingStart", "bottombarBlockPaddingEnd", "ChatContainer"]
+}

package/dist/lib/browser/chunk-5IBJO53M.mjs

@@ -0,0 +1,21 @@
+// packages/plugins/plugin-thread/src/meta.tsx
+import { Chat } from "@phosphor-icons/react";
+import React from "react";
+import { pluginMeta } from "@dxos/app-framework";
+var THREAD_PLUGIN = "dxos.org/plugin/thread";
+var THREAD_ITEM = `${THREAD_PLUGIN}/item`;
+var meta_default = pluginMeta({
+  id: THREAD_PLUGIN,
+  name: "Threads",
+  // TODO(wittjosiah): Update once scope of threads expands.
+  description: "Comment threads on documents.",
+  iconComponent: (props) => /* @__PURE__ */ React.createElement(Chat, props),
+  iconSymbol: "ph--chat--regular"
+});
+
+export {
+  THREAD_PLUGIN,
+  THREAD_ITEM,
+  meta_default
+};
+//# sourceMappingURL=chunk-5IBJO53M.mjs.map

package/dist/lib/browser/chunk-5IBJO53M.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/meta.tsx"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { Chat, type IconProps } from '@phosphor-icons/react';\nimport React from 'react';\n\nimport { pluginMeta } from '@dxos/app-framework';\n\nexport const THREAD_PLUGIN = 'dxos.org/plugin/thread';\nexport const THREAD_ITEM = `${THREAD_PLUGIN}/item`;\n\nexport default pluginMeta({\n  id: THREAD_PLUGIN,\n  name: 'Threads',\n  // TODO(wittjosiah): Update once scope of threads expands.\n  description: 'Comment threads on documents.',\n  iconComponent: (props: IconProps) => <Chat {...props} />,\n  iconSymbol: 'ph--chat--regular',\n});\n"],
+  "mappings": ";AAIA,SAASA,YAA4B;AACrC,OAAOC,WAAW;AAElB,SAASC,kBAAkB;AAEpB,IAAMC,gBAAgB;AACtB,IAAMC,cAAc,GAAGD,aAAAA;AAE9B,IAAA,eAAeE,WAAW;EACxBC,IAAIH;EACJI,MAAM;;EAENC,aAAa;EACbC,eAAe,CAACC,UAAqB,sBAAA,cAACC,MAASD,KAAAA;EAC/CE,YAAY;AACd,CAAA;",
+  "names": ["Chat", "React", "pluginMeta", "THREAD_PLUGIN", "THREAD_ITEM", "pluginMeta", "id", "name", "description", "iconComponent", "props", "Chat", "iconSymbol"]
+}

package/dist/lib/browser/chunk-CQ2RYETH.mjs

@@ -0,0 +1,410 @@
+import {
+  THREAD_ITEM,
+  THREAD_PLUGIN
+} from "./chunk-5IBJO53M.mjs";
+
+// packages/plugins/plugin-thread/src/hooks/useStatus.ts
+import { useEffect, useState } from "react";
+var useStatus = (space, channel) => {
+  const [processing, setProcessing] = useState(false);
+  useEffect(() => {
+    if (!space || !channel) {
+      return;
+    }
+    const unsubscribe = space.listen(`status/${channel}`, (status) => {
+      const { event } = status.payload ?? {};
+      setProcessing(event === "processing");
+    });
+    const t = setInterval(() => {
+      setProcessing((prev) => {
+        if (typeof prev?.ts === "number" && Date.now() - prev.ts > 3e4) {
+          return void 0;
+        } else {
+          return prev;
+        }
+      });
+    }, 1e3);
+    return () => {
+      unsubscribe();
+      clearInterval(t);
+    };
+  }, [
+    space,
+    channel
+  ]);
+  return processing;
+};
+
+// packages/plugins/plugin-thread/src/hooks/analytics.ts
+import { useCallback } from "react";
+import { useIntentDispatcher } from "@dxos/app-framework";
+import { ObservabilityAction } from "@dxos/plugin-observability/meta";
+import { getSpace } from "@dxos/react-client/echo";
+import { useOnTransition } from "@dxos/react-ui";
+var useAnalyticsCallback = (spaceId, name, meta) => {
+  const dispatch = useIntentDispatcher();
+  return useCallback((dynamicMeta) => {
+    void dispatch({
+      action: ObservabilityAction.SEND_EVENT,
+      data: {
+        name,
+        properties: {
+          ...meta,
+          ...dynamicMeta,
+          spaceId
+        }
+      }
+    });
+  }, [
+    dispatch,
+    name,
+    meta,
+    spaceId
+  ]);
+};
+var useOnEditAnalytics = (message, editing) => {
+  const space = getSpace(message);
+  const onEditAnalytics = useAnalyticsCallback(space?.id, "threads.comment-edited", {
+    messageId: message.id,
+    messageLength: message.text.length
+  });
+  useOnTransition(editing, true, false, onEditAnalytics);
+};
+
+// packages/plugins/plugin-thread/src/components/ChatContainer.tsx
+import { Chat } from "@phosphor-icons/react";
+import React2, { useLayoutEffect, useMemo, useRef as useRef2, useState as useState3 } from "react";
+import { create } from "@dxos/echo-schema";
+import { MessageType } from "@dxos/plugin-space/types";
+import { getSpace as getSpace2, useMembers } from "@dxos/react-client/echo";
+import { useIdentity as useIdentity2 } from "@dxos/react-client/halo";
+import { ScrollArea, useThemeContext as useThemeContext2, useTranslation as useTranslation2 } from "@dxos/react-ui";
+import { PlankHeading, plankHeadingIconProps } from "@dxos/react-ui-deck";
+import { createBasicExtensions as createBasicExtensions2, createThemeExtensions as createThemeExtensions2, listener } from "@dxos/react-ui-editor";
+import { mx as mx3 } from "@dxos/react-ui-theme";
+import { MessageTextbox, Thread, ThreadFooter, threadLayout } from "@dxos/react-ui-thread";
+import { nonNullable as nonNullable2 } from "@dxos/util";
+
+// packages/plugins/plugin-thread/src/components/MessageContainer.tsx
+import { EditorView } from "@codemirror/view";
+import { Check, PencilSimple, X } from "@phosphor-icons/react";
+import React, { forwardRef, useCallback as useCallback2, useEffect as useEffect2, useRef, useState as useState2 } from "react";
+import { Surface } from "@dxos/app-framework";
+import { PublicKey } from "@dxos/react-client";
+import { useIdentity } from "@dxos/react-client/halo";
+import { Button, ButtonGroup, DensityProvider, Tooltip, useOnTransition as useOnTransition2, useThemeContext, useTranslation } from "@dxos/react-ui";
+import { createBasicExtensions, createThemeExtensions, useTextEditor } from "@dxos/react-ui-editor";
+import { Mosaic } from "@dxos/react-ui-mosaic";
+import { getSize, hoverableControlItem, hoverableControls, hoverableFocusedWithinControls, mx as mx2 } from "@dxos/react-ui-theme";
+import { MessageHeading, MessageRoot } from "@dxos/react-ui-thread";
+import { nonNullable } from "@dxos/util";
+
+// packages/plugins/plugin-thread/src/components/command-extension.ts
+import { StreamLanguage, HighlightStyle, syntaxHighlighting } from "@codemirror/language";
+import { tags } from "@dxos/react-ui-editor";
+import { mx, tagRoot } from "@dxos/react-ui-theme";
+var parser = StreamLanguage.define({
+  startState: () => ({
+    count: 0
+  }),
+  token: (stream, state) => {
+    state.count++;
+    if (stream.eatSpace()) {
+      return null;
+    }
+    if (state.count === 1 && stream.match(/^(\/\w+)/)) {
+      return "tagName";
+    }
+    stream.next();
+    return null;
+  }
+});
+var styles = HighlightStyle.define([
+  {
+    tag: tags.tagName,
+    class: mx(tagRoot({
+      palette: "cyan"
+    }), "text-base font-medium")
+  }
+]);
+var command = [
+  parser,
+  syntaxHighlighting(styles)
+];
+
+// packages/plugins/plugin-thread/src/util.ts
+import { generateName } from "@dxos/display-name";
+import { hexToFallback } from "@dxos/util";
+var getMessageMetadata = (id, identity) => {
+  const fallback = hexToFallback(identity?.identityKey.toHex() ?? "0");
+  return {
+    id,
+    authorId: identity?.identityKey.toHex(),
+    authorName: identity?.profile?.displayName ?? (identity?.identityKey ? generateName(identity.identityKey.toHex()) : void 0),
+    authorAvatarProps: {
+      hue: identity?.profile?.data?.hue ?? fallback.hue,
+      emoji: identity?.profile?.data?.emoji ?? fallback.emoji
+    }
+  };
+};
+
+// packages/plugins/plugin-thread/src/components/MessageContainer.tsx
+var messageControlClassNames = [
+  "p-1 min-bs-0 transition-opacity items-start",
+  hoverableControlItem
+];
+var MessageContainer = ({ message, members, onDelete }) => {
+  const senderIdentity = members.find((member) => message.sender.identityKey && PublicKey.equals(member.identity.identityKey, message.sender.identityKey))?.identity;
+  const messageMetadata = getMessageMetadata(message.id, senderIdentity);
+  const userIsAuthor = useIdentity()?.identityKey.toHex() === messageMetadata.authorId;
+  const [editing, setEditing] = useState2(false);
+  const handleDelete = useCallback2(() => onDelete?.(message.id), [
+    message,
+    onDelete
+  ]);
+  const { t } = useTranslation(THREAD_PLUGIN);
+  const editLabel = t(editing ? "save message label" : "edit message label");
+  const deleteLabel = t("delete message label");
+  return /* @__PURE__ */ React.createElement(MessageRoot, {
+    ...messageMetadata,
+    classNames: [
+      hoverableControls,
+      hoverableFocusedWithinControls
+    ]
+  }, /* @__PURE__ */ React.createElement(MessageHeading, {
+    authorName: messageMetadata.authorName,
+    timestamp: messageMetadata.timestamp
+  }, /* @__PURE__ */ React.createElement(ButtonGroup, {
+    classNames: "mie-1"
+  }, userIsAuthor && /* @__PURE__ */ React.createElement(Tooltip.Root, null, /* @__PURE__ */ React.createElement(Tooltip.Trigger, {
+    asChild: true
+  }, /* @__PURE__ */ React.createElement(Button, {
+    variant: "ghost",
+    "data-testid": editing ? "thread.message.save" : "thread.message.edit",
+    classNames: messageControlClassNames,
+    onClick: () => setEditing((editing2) => !editing2)
+  }, /* @__PURE__ */ React.createElement("span", {
+    className: "sr-only"
+  }, editLabel), editing ? /* @__PURE__ */ React.createElement(Check, {
+    className: getSize(4)
+  }) : /* @__PURE__ */ React.createElement(PencilSimple, {
+    className: getSize(4)
+  }))), /* @__PURE__ */ React.createElement(Tooltip.Portal, null, /* @__PURE__ */ React.createElement(Tooltip.Content, {
+    classNames: "z-[21]"
+  }, editLabel, /* @__PURE__ */ React.createElement(Tooltip.Arrow, null)))), onDelete && /* @__PURE__ */ React.createElement(Tooltip.Root, null, /* @__PURE__ */ React.createElement(Tooltip.Trigger, {
+    asChild: true
+  }, /* @__PURE__ */ React.createElement(Button, {
+    variant: "ghost",
+    "data-testid": "thread.message.delete",
+    classNames: messageControlClassNames,
+    onClick: handleDelete
+  }, /* @__PURE__ */ React.createElement("span", {
+    className: "sr-only"
+  }, deleteLabel), /* @__PURE__ */ React.createElement(X, {
+    className: getSize(4)
+  }))), /* @__PURE__ */ React.createElement(Tooltip.Portal, null, /* @__PURE__ */ React.createElement(Tooltip.Content, {
+    classNames: "z-[21]"
+  }, deleteLabel, /* @__PURE__ */ React.createElement(Tooltip.Arrow, null)))))), /* @__PURE__ */ React.createElement(TextboxBlock, {
+    message,
+    isAuthor: userIsAuthor,
+    editing
+  }), message.parts?.filter(nonNullable).map((part, index) => /* @__PURE__ */ React.createElement(MessagePart, {
+    key: index,
+    part
+  })));
+};
+var MessagePart = ({ part }) => {
+  return /* @__PURE__ */ React.createElement(Mosaic.Container, {
+    id: part.id
+  }, /* @__PURE__ */ React.createElement(Mosaic.DraggableTile, {
+    type: THREAD_ITEM,
+    path: part.id,
+    item: part,
+    Component: MessageBlockObjectTile
+  }));
+};
+var TextboxBlock = ({ message, isAuthor, editing }) => {
+  const { themeMode } = useThemeContext();
+  const inMemoryContentRef = useRef(message.text);
+  const handleDocumentChange = useCallback2((newState) => {
+    inMemoryContentRef.current = newState;
+  }, []);
+  const saveDocumentChange = useCallback2(() => {
+    message.text = inMemoryContentRef.current;
+  }, [
+    message
+  ]);
+  useOnTransition2(editing, true, false, saveDocumentChange);
+  const { parentRef, focusAttributes, view } = useTextEditor(() => ({
+    initialValue: message.text,
+    extensions: [
+      createBasicExtensions({
+        readonly: !isAuthor || !editing
+      }),
+      createThemeExtensions({
+        themeMode
+      }),
+      command,
+      EditorView.updateListener.of((update) => {
+        if (update.docChanged) {
+          handleDocumentChange(update.state.doc.toString());
+        }
+      })
+    ]
+  }), [
+    message.text,
+    editing,
+    isAuthor,
+    themeMode,
+    handleDocumentChange
+  ]);
+  useEffect2(() => {
+    editing && view?.focus();
+  }, [
+    editing,
+    view
+  ]);
+  useOnEditAnalytics(message, !!editing);
+  return /* @__PURE__ */ React.createElement("div", {
+    role: "none",
+    ref: parentRef,
+    className: "mie-4",
+    ...focusAttributes
+  });
+};
+var MessageBlockObjectTile = /* @__PURE__ */ forwardRef(({ draggableStyle, draggableProps, item, active, ...props }, forwardedRef) => {
+  let title = item.name ?? item.title ?? item.__typename ?? "Object";
+  if (typeof title !== "string") {
+    title = title?.content ?? "";
+  }
+  return /* @__PURE__ */ React.createElement("div", {
+    role: "group",
+    className: mx2("grid col-span-3 py-1 pr-4", hoverableControls, hoverableFocusedWithinControls),
+    style: draggableStyle,
+    ref: forwardedRef
+  }, /* @__PURE__ */ React.createElement(DensityProvider, {
+    density: "fine"
+  }, /* @__PURE__ */ React.createElement(Surface, {
+    role: "card",
+    limit: 1,
+    data: {
+      content: item
+    },
+    draggableProps,
+    fallback: title,
+    ...props
+  })));
+});
+
+// packages/plugins/plugin-thread/src/components/ChatContainer.tsx
+var ChatHeading = ({ attendableId }) => {
+  const { t } = useTranslation2(THREAD_PLUGIN);
+  return /* @__PURE__ */ React2.createElement("div", {
+    role: "none",
+    className: "flex items-center"
+  }, /* @__PURE__ */ React2.createElement(PlankHeading.Button, {
+    attendableId
+  }, /* @__PURE__ */ React2.createElement(Chat, plankHeadingIconProps)), /* @__PURE__ */ React2.createElement(PlankHeading.Label, {
+    attendableId
+  }, t("chat heading")));
+};
+var ChatContainer = ({ thread, context, current, autoFocusTextbox }) => {
+  const identity = useIdentity2();
+  const space = getSpace2(thread);
+  const members = useMembers(space?.key);
+  const activity = useStatus(space, thread.id);
+  const { t } = useTranslation2(THREAD_PLUGIN);
+  const [_count, _setCount] = useState3(0);
+  const rerenderEditor = () => _setCount((count) => count + 1);
+  const [autoFocus, setAutoFocus] = useState3(autoFocusTextbox);
+  const threadScrollRef = useRef2(null);
+  const { themeMode } = useThemeContext2();
+  const textboxMetadata = getMessageMetadata(thread.id, identity);
+  const messageRef = useRef2("");
+  const extensions = useMemo(() => [
+    createBasicExtensions2({
+      placeholder: t("message placeholder")
+    }),
+    createThemeExtensions2({
+      themeMode
+    }),
+    listener({
+      onChange: (text) => messageRef.current = text
+    }),
+    command
+  ], [
+    themeMode,
+    _count
+  ]);
+  const scrollToEnd = (behavior) => setTimeout(() => threadScrollRef.current?.scrollIntoView({
+    behavior,
+    block: "end"
+  }), 10);
+  useLayoutEffect(() => {
+    scrollToEnd("instant");
+  }, []);
+  const handleCreate = () => {
+    if (!messageRef.current?.length) {
+      return false;
+    }
+    thread.messages.push(create(MessageType, {
+      sender: {
+        identityKey: identity.identityKey.toHex()
+      },
+      timestamp: (/* @__PURE__ */ new Date()).toISOString(),
+      text: messageRef.current,
+      context
+    }));
+    messageRef.current = "";
+    setAutoFocus(true);
+    scrollToEnd("smooth");
+    rerenderEditor();
+    return true;
+  };
+  const handleDelete = (id) => {
+    const messageIndex = thread.messages.filter(nonNullable2).findIndex((message) => message.id === id);
+    if (messageIndex !== -1) {
+      thread.messages.splice(messageIndex, 1);
+    }
+  };
+  return /* @__PURE__ */ React2.createElement(Thread, {
+    current,
+    id: thread.id,
+    classNames: "bs-full grid-rows-[1fr_min-content_min-content] overflow-hidden transition-[padding-block-end] [[data-sidebar-inline-start-state=open]_&]:lg:pbe-0"
+  }, /* @__PURE__ */ React2.createElement(ScrollArea.Root, {
+    classNames: "col-span-2"
+  }, /* @__PURE__ */ React2.createElement(ScrollArea.Viewport, {
+    classNames: "overflow-anchored after:overflow-anchor after:block after:bs-px after:-mbs-px [&>div]:min-bs-full [&>div]:!grid [&>div]:grid-rows-[1fr_0]"
+  }, /* @__PURE__ */ React2.createElement("div", {
+    role: "none",
+    className: mx3(threadLayout, "place-self-end")
+  }, thread.messages.filter(nonNullable2).map((message) => /* @__PURE__ */ React2.createElement(MessageContainer, {
+    key: message.id,
+    message,
+    members,
+    onDelete: handleDelete
+  }))), /* @__PURE__ */ React2.createElement("div", {
+    role: "none",
+    className: "bs-px -mbs-px",
+    ref: threadScrollRef
+  }), /* @__PURE__ */ React2.createElement(ScrollArea.Scrollbar, null, /* @__PURE__ */ React2.createElement(ScrollArea.Thumb, null)))), /* @__PURE__ */ React2.createElement(MessageTextbox, {
+    extensions,
+    autoFocus,
+    onSend: handleCreate,
+    ...textboxMetadata
+  }), /* @__PURE__ */ React2.createElement(ThreadFooter, {
+    activity
+  }, t("activity message")));
+};
+
+export {
+  command,
+  useStatus,
+  useAnalyticsCallback,
+  useOnEditAnalytics,
+  getMessageMetadata,
+  MessageContainer,
+  ChatHeading,
+  ChatContainer
+};
+//# sourceMappingURL=chunk-CQ2RYETH.mjs.map

package/dist/lib/browser/chunk-CQ2RYETH.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/hooks/useStatus.ts", "../../../src/hooks/analytics.ts", "../../../src/components/ChatContainer.tsx", "../../../src/components/MessageContainer.tsx", "../../../src/components/command-extension.ts", "../../../src/util.ts"],
+  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport { useEffect, useState } from 'react';\n\nimport { type Space } from '@dxos/react-client/echo';\n\n// TODO(burdon): Generalize and factor out.\nexport const useStatus = (space?: Space, channel?: string) => {\n  const [processing, setProcessing] = useState(false);\n  useEffect(() => {\n    if (!space || !channel) {\n      return;\n    }\n\n    const unsubscribe = space.listen(`status/${channel}`, (status) => {\n      const { event } = status.payload ?? {};\n      setProcessing(event === 'processing');\n    });\n\n    const t = setInterval(() => {\n      setProcessing((prev: any) => {\n        if (typeof prev?.ts === 'number' && Date.now() - prev.ts > 30_000) {\n          return undefined;\n        } else {\n          return prev;\n        }\n      });\n    }, 1_000);\n\n    return () => {\n      unsubscribe();\n      clearInterval(t);\n    };\n  }, [space, channel]);\n\n  return processing;\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { useCallback } from 'react';\n\nimport { useIntentDispatcher } from '@dxos/app-framework';\nimport { type ReactiveObject } from '@dxos/echo-schema';\nimport { ObservabilityAction } from '@dxos/plugin-observability/meta';\nimport { getSpace } from '@dxos/react-client/echo';\nimport { useOnTransition } from '@dxos/react-ui';\n\nexport const useAnalyticsCallback = (spaceId: string | undefined, name: string, meta?: any) => {\n  const dispatch = useIntentDispatcher();\n\n  return useCallback(\n    (dynamicMeta?: any) => {\n      void dispatch({\n        action: ObservabilityAction.SEND_EVENT,\n        data: {\n          name,\n          properties: { ...meta, ...dynamicMeta, spaceId },\n        },\n      });\n    },\n    [dispatch, name, meta, spaceId],\n  );\n};\n\nexport const useOnEditAnalytics = (message: ReactiveObject<any>, editing: boolean) => {\n  const space = getSpace(message);\n\n  const onEditAnalytics = useAnalyticsCallback(space?.id, 'threads.comment-edited', {\n    messageId: message.id,\n    messageLength: message.text.length,\n  });\n\n  useOnTransition(editing, true, false, onEditAnalytics);\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { Chat } from '@phosphor-icons/react';\nimport React, { useLayoutEffect, useMemo, useRef, useState } from 'react';\n\nimport { create } from '@dxos/echo-schema';\nimport { MessageType } from '@dxos/plugin-space/types';\nimport { getSpace, useMembers } from '@dxos/react-client/echo';\nimport { useIdentity } from '@dxos/react-client/halo';\nimport { ScrollArea, useThemeContext, useTranslation } from '@dxos/react-ui';\nimport { PlankHeading, plankHeadingIconProps } from '@dxos/react-ui-deck';\nimport { createBasicExtensions, createThemeExtensions, listener } from '@dxos/react-ui-editor';\nimport { mx } from '@dxos/react-ui-theme';\nimport { MessageTextbox, type MessageTextboxProps, Thread, ThreadFooter, threadLayout } from '@dxos/react-ui-thread';\nimport { nonNullable } from '@dxos/util';\n\nimport { MessageContainer } from './MessageContainer';\nimport { command } from './command-extension';\nimport { type ThreadContainerProps } from './types';\nimport { useStatus } from '../hooks';\nimport { THREAD_PLUGIN } from '../meta';\nimport { getMessageMetadata } from '../util';\n\nexport const ChatHeading = ({ attendableId }: { attendableId?: string }) => {\n  const { t } = useTranslation(THREAD_PLUGIN);\n  return (\n    <div role='none' className='flex items-center'>\n      <PlankHeading.Button attendableId={attendableId}>\n        <Chat {...plankHeadingIconProps} />\n      </PlankHeading.Button>\n      <PlankHeading.Label attendableId={attendableId}>{t('chat heading')}</PlankHeading.Label>\n    </div>\n  );\n};\n\nexport const ChatContainer = ({ thread, context, current, autoFocusTextbox }: ThreadContainerProps) => {\n  const identity = useIdentity()!;\n  const space = getSpace(thread);\n  const members = useMembers(space?.key);\n  const activity = useStatus(space, thread.id);\n  const { t } = useTranslation(THREAD_PLUGIN);\n  // TODO(wittjosiah): This is a hack to reset the editor after a message is sent.\n  const [_count, _setCount] = useState(0);\n  const rerenderEditor = () => _setCount((count) => count + 1);\n  const [autoFocus, setAutoFocus] = useState(autoFocusTextbox);\n  const threadScrollRef = useRef<HTMLDivElement | null>(null);\n  const { themeMode } = useThemeContext();\n\n  const textboxMetadata = getMessageMetadata(thread.id, identity);\n  const messageRef = useRef('');\n  const extensions = useMemo(\n    () => [\n      createBasicExtensions({ placeholder: t('message placeholder') }),\n      createThemeExtensions({ themeMode }),\n      listener({ onChange: (text) => (messageRef.current = text) }),\n      command,\n    ],\n    [themeMode, _count],\n  );\n\n  // TODO(thure): Factor out.\n  // TODO(thure): `flex-col-reverse` does not work to start the container scrolled to the end while also using\n  //  `ScrollArea`. This is the least-bad way I found to scroll to the end on mount. Note that 0ms was insufficient\n  //  for the desired effect; this is likely hardware-dependent and should be reevaluated.\n  const scrollToEnd = (behavior: ScrollBehavior) =>\n    setTimeout(() => threadScrollRef.current?.scrollIntoView({ behavior, block: 'end' }), 10);\n\n  useLayoutEffect(() => {\n    scrollToEnd('instant');\n  }, []);\n\n  // TODO(burdon): Change to model.\n  const handleCreate: MessageTextboxProps['onSend'] = () => {\n    if (!messageRef.current?.length) {\n      return false;\n    }\n\n    thread.messages.push(\n      create(MessageType, {\n        sender: { identityKey: identity.identityKey.toHex() },\n        timestamp: new Date().toISOString(),\n        text: messageRef.current,\n        context,\n      }),\n    );\n\n    messageRef.current = '';\n    setAutoFocus(true);\n    scrollToEnd('smooth');\n    rerenderEditor();\n    return true;\n  };\n\n  const handleDelete = (id: string) => {\n    const messageIndex = thread.messages.filter(nonNullable).findIndex((message) => message.id === id);\n    if (messageIndex !== -1) {\n      thread.messages.splice(messageIndex, 1);\n    }\n  };\n\n  return (\n    <Thread\n      current={current}\n      id={thread.id}\n      classNames='bs-full grid-rows-[1fr_min-content_min-content] overflow-hidden transition-[padding-block-end] [[data-sidebar-inline-start-state=open]_&]:lg:pbe-0'\n    >\n      <ScrollArea.Root classNames='col-span-2'>\n        <ScrollArea.Viewport classNames='overflow-anchored after:overflow-anchor after:block after:bs-px after:-mbs-px [&>div]:min-bs-full [&>div]:!grid [&>div]:grid-rows-[1fr_0]'>\n          <div role='none' className={mx(threadLayout, 'place-self-end')}>\n            {thread.messages.filter(nonNullable).map((message) => (\n              <MessageContainer key={message.id} message={message} members={members} onDelete={handleDelete} />\n            ))}\n          </div>\n          {/* NOTE(thure): This can’t also be the `overflow-anchor` because `ScrollArea` injects an interceding node that contains this necessary ref’d element. */}\n          <div role='none' className='bs-px -mbs-px' ref={threadScrollRef} />\n          <ScrollArea.Scrollbar>\n            <ScrollArea.Thumb />\n          </ScrollArea.Scrollbar>\n        </ScrollArea.Viewport>\n      </ScrollArea.Root>\n      <MessageTextbox extensions={extensions} autoFocus={autoFocus} onSend={handleCreate} {...textboxMetadata} />\n      <ThreadFooter activity={activity}>{t('activity message')}</ThreadFooter>\n    </Thread>\n  );\n};\n", "//\n// Copyright 2024 DXOS.org\n//\nimport { EditorView } from '@codemirror/view';\nimport { Check, PencilSimple, X } from '@phosphor-icons/react';\nimport React, { forwardRef, useCallback, useEffect, useRef, useState } from 'react';\n\nimport { Surface } from '@dxos/app-framework';\nimport { type Expando, type EchoReactiveObject } from '@dxos/echo-schema';\nimport { type MessageType } from '@dxos/plugin-space/types';\nimport { PublicKey } from '@dxos/react-client';\nimport { type SpaceMember } from '@dxos/react-client/echo';\nimport { useIdentity, type Identity } from '@dxos/react-client/halo';\nimport {\n  Button,\n  ButtonGroup,\n  DensityProvider,\n  Tooltip,\n  useOnTransition,\n  useThemeContext,\n  useTranslation,\n} from '@dxos/react-ui';\nimport { createBasicExtensions, createThemeExtensions, useTextEditor } from '@dxos/react-ui-editor';\nimport { Mosaic, type MosaicTileComponent } from '@dxos/react-ui-mosaic';\nimport {\n  getSize,\n  hoverableControlItem,\n  hoverableControls,\n  hoverableFocusedWithinControls,\n  mx,\n} from '@dxos/react-ui-theme';\nimport { MessageHeading, MessageRoot } from '@dxos/react-ui-thread';\nimport { nonNullable } from '@dxos/util';\n\nimport { command } from './command-extension';\nimport { useOnEditAnalytics } from '../hooks';\nimport { THREAD_ITEM, THREAD_PLUGIN } from '../meta';\nimport { getMessageMetadata } from '../util';\n\nconst messageControlClassNames = ['p-1 min-bs-0 transition-opacity items-start', hoverableControlItem];\n\nexport const MessageContainer = ({\n  message,\n  members,\n  onDelete,\n}: {\n  message: MessageType;\n  members: SpaceMember[];\n  onDelete?: (id: string) => void;\n}) => {\n  const senderIdentity = members.find(\n    (member) => message.sender.identityKey && PublicKey.equals(member.identity.identityKey, message.sender.identityKey),\n  )?.identity;\n  const messageMetadata = getMessageMetadata(message.id, senderIdentity);\n  const userIsAuthor = useIdentity()?.identityKey.toHex() === messageMetadata.authorId;\n  const [editing, setEditing] = useState(false);\n  const handleDelete = useCallback(() => onDelete?.(message.id), [message, onDelete]);\n  const { t } = useTranslation(THREAD_PLUGIN);\n  const editLabel = t(editing ? 'save message label' : 'edit message label');\n  const deleteLabel = t('delete message label');\n\n  return (\n    <MessageRoot {...messageMetadata} classNames={[hoverableControls, hoverableFocusedWithinControls]}>\n      <MessageHeading authorName={messageMetadata.authorName} timestamp={messageMetadata.timestamp}>\n        <ButtonGroup classNames='mie-1'>\n          {userIsAuthor && (\n            <Tooltip.Root>\n              <Tooltip.Trigger asChild>\n                <Button\n                  variant='ghost'\n                  data-testid={editing ? 'thread.message.save' : 'thread.message.edit'}\n                  classNames={messageControlClassNames}\n                  onClick={() => setEditing((editing) => !editing)}\n                >\n                  <span className='sr-only'>{editLabel}</span>\n                  {editing ? <Check className={getSize(4)} /> : <PencilSimple className={getSize(4)} />}\n                </Button>\n              </Tooltip.Trigger>\n              <Tooltip.Portal>\n                <Tooltip.Content classNames='z-[21]'>\n                  {editLabel}\n                  <Tooltip.Arrow />\n                </Tooltip.Content>\n              </Tooltip.Portal>\n            </Tooltip.Root>\n          )}\n          {onDelete && (\n            <Tooltip.Root>\n              <Tooltip.Trigger asChild>\n                <Button\n                  variant='ghost'\n                  data-testid='thread.message.delete'\n                  classNames={messageControlClassNames}\n                  onClick={handleDelete}\n                >\n                  <span className='sr-only'>{deleteLabel}</span>\n                  <X className={getSize(4)} />\n                </Button>\n              </Tooltip.Trigger>\n              <Tooltip.Portal>\n                <Tooltip.Content classNames='z-[21]'>\n                  {deleteLabel}\n                  <Tooltip.Arrow />\n                </Tooltip.Content>\n              </Tooltip.Portal>\n            </Tooltip.Root>\n          )}\n        </ButtonGroup>\n      </MessageHeading>\n      <TextboxBlock message={message} isAuthor={userIsAuthor} editing={editing} />\n      {message.parts?.filter(nonNullable).map((part, index) => <MessagePart key={index} part={part} />)}\n    </MessageRoot>\n  );\n};\n\nconst MessagePart = ({ part }: { part: Expando }) => {\n  return (\n    <Mosaic.Container id={part.id}>\n      <Mosaic.DraggableTile type={THREAD_ITEM} path={part.id} item={part} Component={MessageBlockObjectTile} />\n    </Mosaic.Container>\n  );\n};\n\nconst TextboxBlock = ({\n  message,\n  isAuthor,\n  editing,\n}: {\n  message: MessageType;\n  editing?: boolean;\n  isAuthor?: boolean;\n  identity?: Identity;\n}) => {\n  const { themeMode } = useThemeContext();\n  const inMemoryContentRef = useRef(message.text);\n\n  const handleDocumentChange = useCallback((newState: string) => {\n    inMemoryContentRef.current = newState;\n  }, []);\n\n  const saveDocumentChange = useCallback(() => {\n    message.text = inMemoryContentRef.current;\n  }, [message]);\n\n  useOnTransition(editing, true, false, saveDocumentChange);\n\n  const { parentRef, focusAttributes, view } = useTextEditor(\n    () => ({\n      initialValue: message.text,\n      extensions: [\n        createBasicExtensions({ readonly: !isAuthor || !editing }),\n        createThemeExtensions({ themeMode }),\n        command,\n        EditorView.updateListener.of((update) => {\n          if (update.docChanged) {\n            handleDocumentChange(update.state.doc.toString());\n          }\n        }),\n      ],\n    }),\n    [message.text, editing, isAuthor, themeMode, handleDocumentChange],\n  );\n\n  useEffect(() => {\n    editing && view?.focus();\n  }, [editing, view]);\n\n  useOnEditAnalytics(message, !!editing);\n\n  return <div role='none' ref={parentRef} className='mie-4' {...focusAttributes} />;\n};\n\nconst MessageBlockObjectTile: MosaicTileComponent<EchoReactiveObject<any>> = forwardRef(\n  ({ draggableStyle, draggableProps, item, active, ...props }, forwardedRef) => {\n    let title = item.name ?? item.title ?? item.__typename ?? 'Object';\n    if (typeof title !== 'string') {\n      title = title?.content ?? '';\n    }\n\n    return (\n      <div\n        role='group'\n        className={mx('grid col-span-3 py-1 pr-4', hoverableControls, hoverableFocusedWithinControls)}\n        style={draggableStyle}\n        ref={forwardedRef}\n      >\n        <DensityProvider density='fine'>\n          <Surface\n            role='card'\n            limit={1}\n            data={{ content: item }}\n            draggableProps={draggableProps}\n            fallback={title}\n            {...props}\n          />\n        </DensityProvider>\n      </div>\n    );\n  },\n);\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { StreamLanguage, HighlightStyle, syntaxHighlighting } from '@codemirror/language';\nimport { type Extension } from '@codemirror/state';\n\nimport { tags } from '@dxos/react-ui-editor';\nimport { mx, tagRoot } from '@dxos/react-ui-theme';\n\n/**\n * https://github.com/codemirror/stream-parser/blob/main/test/test-stream-parser.ts\n */\nconst parser = StreamLanguage.define<{ count: number }>({\n  startState: () => ({ count: 0 }),\n  token: (stream, state) => {\n    state.count++;\n    if (stream.eatSpace()) {\n      return null;\n    }\n    if (state.count === 1 && stream.match(/^(\\/\\w+)/)) {\n      return 'tagName';\n    }\n    stream.next();\n    return null;\n  },\n});\n\nconst styles = HighlightStyle.define([\n  {\n    tag: tags.tagName,\n    class: mx(tagRoot({ palette: 'cyan' }), 'text-base font-medium'),\n  },\n]);\n\nexport const command: Extension = [parser, syntaxHighlighting(styles)];\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { generateName } from '@dxos/display-name';\nimport { type PublicKey } from '@dxos/react-client';\nimport { type Identity } from '@dxos/react-client/halo';\nimport { type MessageMetadata } from '@dxos/react-ui-thread';\nimport { hexToFallback } from '@dxos/util';\n\nexport type MessagePropertiesProvider = (identityKey: PublicKey | undefined) => MessageMetadata;\n\nexport const getMessageMetadata = (id: string, identity?: Identity): MessageMetadata => {\n  const fallback = hexToFallback(identity?.identityKey.toHex() ?? '0');\n  return {\n    id,\n    authorId: identity?.identityKey.toHex(),\n    authorName:\n      identity?.profile?.displayName ??\n      (identity?.identityKey ? generateName(identity.identityKey.toHex()) : undefined),\n    authorAvatarProps: {\n      hue: identity?.profile?.data?.hue ?? fallback.hue,\n      emoji: identity?.profile?.data?.emoji ?? fallback.emoji,\n    },\n  };\n};\n"],
+  "mappings": "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",
+  "names": ["useEffect", "useState", "useStatus", "space", "channel", "processing", "setProcessing", "useState", "useEffect", "unsubscribe", "listen", "status", "event", "payload", "t", "setInterval", "prev", "ts", "Date", "now", "undefined", "clearInterval", "useCallback", "useIntentDispatcher", "ObservabilityAction", "getSpace", "useOnTransition", "useAnalyticsCallback", "spaceId", "name", "meta", "dispatch", "useIntentDispatcher", "useCallback", "dynamicMeta", "action", "ObservabilityAction", "SEND_EVENT", "data", "properties", "useOnEditAnalytics", "message", "editing", "space", "getSpace", "onEditAnalytics", "id", "messageId", "messageLength", "text", "length", "useOnTransition", "Chat", "React", "useLayoutEffect", "useMemo", "useRef", "useState", "create", "MessageType", "getSpace", "useMembers", "useIdentity", "ScrollArea", "useThemeContext", "useTranslation", "PlankHeading", "plankHeadingIconProps", "createBasicExtensions", "createThemeExtensions", "listener", "mx", "MessageTextbox", "Thread", "ThreadFooter", "threadLayout", "nonNullable", "EditorView", "Check", "PencilSimple", "X", "React", "forwardRef", "useCallback", "useEffect", "useRef", "useState", "Surface", "PublicKey", "useIdentity", "Button", "ButtonGroup", "DensityProvider", "Tooltip", "useOnTransition", "useThemeContext", "useTranslation", "createBasicExtensions", "createThemeExtensions", "useTextEditor", "Mosaic", "getSize", "hoverableControlItem", "hoverableControls", "hoverableFocusedWithinControls", "mx", "MessageHeading", "MessageRoot", "nonNullable", "StreamLanguage", "HighlightStyle", "syntaxHighlighting", "tags", "mx", "tagRoot", "parser", "StreamLanguage", "define", "startState", "count", "token", "stream", "state", "eatSpace", "match", "next", "styles", "HighlightStyle", "tag", "tags", "tagName", "class", "mx", "tagRoot", "palette", "command", "syntaxHighlighting", "generateName", "hexToFallback", "getMessageMetadata", "id", "identity", "fallback", "hexToFallback", "identityKey", "toHex", "authorId", "authorName", "profile", "displayName", "generateName", "undefined", "authorAvatarProps", "hue", "data", "emoji", "messageControlClassNames", "hoverableControlItem", "MessageContainer", "message", "members", "onDelete", "senderIdentity", "find", "member", "sender", "identityKey", "PublicKey", "equals", "identity", "messageMetadata", "getMessageMetadata", "id", "userIsAuthor", "useIdentity", "toHex", "authorId", "editing", "setEditing", "useState", "handleDelete", "useCallback", "t", "useTranslation", "THREAD_PLUGIN", "editLabel", "deleteLabel", "MessageRoot", "classNames", "hoverableControls", "hoverableFocusedWithinControls", "MessageHeading", "authorName", "timestamp", "ButtonGroup", "Tooltip", "Root", "Trigger", "asChild", "Button", "variant", "data-testid", "onClick", "span", "className", "Check", "getSize", "PencilSimple", "Portal", "Content", "Arrow", "X", "TextboxBlock", "isAuthor", "parts", "filter", "nonNullable", "map", "part", "index", "MessagePart", "key", "Mosaic", "Container", "DraggableTile", "type", "THREAD_ITEM", "path", "item", "Component", "MessageBlockObjectTile", "themeMode", "useThemeContext", "inMemoryContentRef", "useRef", "text", "handleDocumentChange", "newState", "current", "saveDocumentChange", "useOnTransition", "parentRef", "focusAttributes", "view", "useTextEditor", "initialValue", "extensions", "createBasicExtensions", "readonly", "createThemeExtensions", "command", "EditorView", "updateListener", "of", "update", "docChanged", "state", "doc", "toString", "useEffect", "focus", "useOnEditAnalytics", "div", "role", "ref", "forwardRef", "draggableStyle", "draggableProps", "active", "props", "forwardedRef", "title", "name", "__typename", "content", "mx", "style", "DensityProvider", "density", "Surface", "limit", "data", "fallback", "ChatHeading", "attendableId", "t", "useTranslation", "THREAD_PLUGIN", "React", "div", "role", "className", "PlankHeading", "Button", "Chat", "plankHeadingIconProps", "Label", "ChatContainer", "thread", "context", "current", "autoFocusTextbox", "identity", "useIdentity", "space", "getSpace", "members", "useMembers", "key", "activity", "useStatus", "id", "_count", "_setCount", "useState", "rerenderEditor", "count", "autoFocus", "setAutoFocus", "threadScrollRef", "useRef", "themeMode", "useThemeContext", "textboxMetadata", "getMessageMetadata", "messageRef", "extensions", "useMemo", "createBasicExtensions", "placeholder", "createThemeExtensions", "listener", "onChange", "text", "command", "scrollToEnd", "behavior", "setTimeout", "scrollIntoView", "block", "useLayoutEffect", "handleCreate", "length", "messages", "push", "create", "MessageType", "sender", "identityKey", "toHex", "timestamp", "Date", "toISOString", "handleDelete", "messageIndex", "filter", "nonNullable", "findIndex", "message", "splice", "Thread", "classNames", "ScrollArea", "Root", "Viewport", "mx", "threadLayout", "map", "MessageContainer", "onDelete", "ref", "Scrollbar", "Thumb", "MessageTextbox", "onSend", "ThreadFooter"]
+}

package/dist/lib/browser/chunk-TL3JITN7.mjs

@@ -0,0 +1,19 @@
+import {
+  THREAD_PLUGIN
+} from "./chunk-5IBJO53M.mjs";
+
+// packages/plugins/plugin-thread/src/types.ts
+var THREAD_ACTION = `${THREAD_PLUGIN}/action`;
+var ThreadAction;
+(function(ThreadAction2) {
+  ThreadAction2[ThreadAction2["CREATE"] = `${THREAD_ACTION}/create`] = "CREATE";
+  ThreadAction2[ThreadAction2["SELECT"] = `${THREAD_ACTION}/select`] = "SELECT";
+  ThreadAction2[ThreadAction2["DELETE"] = `${THREAD_ACTION}/delete`] = "DELETE";
+  ThreadAction2[ThreadAction2["DELETE_MESSAGE"] = `${THREAD_ACTION}/delete-message`] = "DELETE_MESSAGE";
+  ThreadAction2[ThreadAction2["TOGGLE_RESOLVED"] = `${THREAD_ACTION}/toggle-resolved`] = "TOGGLE_RESOLVED";
+})(ThreadAction || (ThreadAction = {}));
+
+export {
+  ThreadAction
+};
+//# sourceMappingURL=chunk-TL3JITN7.mjs.map

package/dist/lib/browser/chunk-TL3JITN7.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/types.ts"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport type {\n  GraphBuilderProvides,\n  IntentResolverProvides,\n  MetadataRecordsProvides,\n  SettingsProvides,\n  SurfaceProvides,\n  TranslationsProvides,\n} from '@dxos/app-framework';\nimport { type SchemaProvides } from '@dxos/plugin-client';\nimport { type MarkdownExtensionProvides } from '@dxos/plugin-markdown';\nimport { type ThreadType } from '@dxos/plugin-space/types';\n\nimport { THREAD_PLUGIN } from './meta';\n\nconst THREAD_ACTION = `${THREAD_PLUGIN}/action`;\nexport enum ThreadAction {\n  CREATE = `${THREAD_ACTION}/create`,\n  SELECT = `${THREAD_ACTION}/select`,\n  DELETE = `${THREAD_ACTION}/delete`,\n  DELETE_MESSAGE = `${THREAD_ACTION}/delete-message`,\n  TOGGLE_RESOLVED = `${THREAD_ACTION}/toggle-resolved`,\n}\n\nexport type ThreadPluginProvides = SurfaceProvides &\n  IntentResolverProvides &\n  GraphBuilderProvides &\n  MetadataRecordsProvides &\n  SettingsProvides &\n  TranslationsProvides &\n  SchemaProvides &\n  MarkdownExtensionProvides;\n\nexport type ThreadSettingsProps = { standalone?: boolean };\n\nexport interface ThreadModel {\n  root: ThreadType;\n}\n"],
+  "mappings": ";;;;;AAkBA,IAAMA,gBAAgB,GAAGC,aAAAA;;UACbC,eAAAA;0CACD,GAAGF,aAAAA,SAAsB,IAAA;0CACzB,GAAGA,aAAAA,SAAsB,IAAA;0CACzB,GAAGA,aAAAA,SAAsB,IAAA;kDACjB,GAAGA,aAAAA,iBAA8B,IAAA;mDAChC,GAAGA,aAAAA,kBAA+B,IAAA;GAL1CE,iBAAAA,eAAAA,CAAAA,EAAAA;",
+  "names": ["THREAD_ACTION", "THREAD_PLUGIN", "ThreadAction"]
+}