@dxos/react-ui-chat 0.8.4-main.dedc0f3 → 0.8.4-main.ead640a
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/lib/browser/index.mjs +29 -7
- package/dist/lib/browser/index.mjs.map +3 -3
- package/dist/lib/browser/meta.json +1 -1
- package/dist/lib/node-esm/index.mjs +29 -7
- package/dist/lib/node-esm/index.mjs.map +3 -3
- package/dist/lib/node-esm/meta.json +1 -1
- package/dist/types/src/components/ChatDialog/ChatDialog.stories.d.ts +0 -1
- package/dist/types/src/components/ChatDialog/ChatDialog.stories.d.ts.map +1 -1
- package/dist/types/src/components/ChatEditor/ChatEditor.d.ts.map +1 -1
- package/dist/types/src/components/ChatEditor/ChatEditor.stories.d.ts +0 -1
- package/dist/types/src/components/ChatEditor/ChatEditor.stories.d.ts.map +1 -1
- package/dist/types/tsconfig.tsbuildinfo +1 -1
- package/package.json +35 -34
- package/src/components/ChatDialog/ChatDialog.stories.tsx +2 -4
- package/src/components/ChatEditor/ChatEditor.stories.tsx +1 -3
- package/src/components/ChatEditor/ChatEditor.tsx +25 -8
|
@@ -261,15 +261,18 @@ var ReferenceWidget = class extends WidgetType {
|
|
|
261
261
|
|
|
262
262
|
// src/components/ChatEditor/ChatEditor.tsx
|
|
263
263
|
import { useSignals as _useSignals2 } from "@preact-signals/safe-react/tracking";
|
|
264
|
+
import { keymap as keymap2 } from "@codemirror/view";
|
|
265
|
+
import { useFocusFinders } from "@fluentui/react-tabster";
|
|
264
266
|
import React2, { forwardRef, useImperativeHandle } from "react";
|
|
265
267
|
import { useThemeContext } from "@dxos/react-ui";
|
|
266
268
|
import { autocomplete, createBasicExtensions, createThemeExtensions, useTextEditor } from "@dxos/react-ui-editor";
|
|
267
269
|
import { mx as mx2 } from "@dxos/react-ui-theme";
|
|
268
|
-
import {
|
|
270
|
+
import { isTruthy } from "@dxos/util";
|
|
269
271
|
var ChatEditor = /* @__PURE__ */ forwardRef(({ classNames, extensions, references: references2, autoFocus, lineWrapping = false, placeholder, onSubmit, onSuggest, onCancel }, forwardRef2) => {
|
|
270
272
|
var _effect = _useSignals2();
|
|
271
273
|
try {
|
|
272
274
|
const { themeMode } = useThemeContext();
|
|
275
|
+
const { findNextFocusable, findPrevFocusable } = useFocusFinders();
|
|
273
276
|
const { parentRef, view } = useTextEditor(() => ({
|
|
274
277
|
debug: true,
|
|
275
278
|
autoFocus,
|
|
@@ -277,6 +280,11 @@ var ChatEditor = /* @__PURE__ */ forwardRef(({ classNames, extensions, reference
|
|
|
277
280
|
createThemeExtensions({
|
|
278
281
|
themeMode
|
|
279
282
|
}),
|
|
283
|
+
createBasicExtensions({
|
|
284
|
+
bracketMatching: false,
|
|
285
|
+
lineWrapping,
|
|
286
|
+
placeholder
|
|
287
|
+
}),
|
|
280
288
|
autocomplete({
|
|
281
289
|
onSubmit,
|
|
282
290
|
onSuggest,
|
|
@@ -285,13 +293,27 @@ var ChatEditor = /* @__PURE__ */ forwardRef(({ classNames, extensions, reference
|
|
|
285
293
|
references2 ? references({
|
|
286
294
|
provider: references2.provider
|
|
287
295
|
}) : [],
|
|
288
|
-
|
|
289
|
-
|
|
290
|
-
|
|
291
|
-
|
|
292
|
-
|
|
296
|
+
// TODO(burdon): Standardize.
|
|
297
|
+
keymap2.of([
|
|
298
|
+
{
|
|
299
|
+
key: "Tab",
|
|
300
|
+
preventDefault: true,
|
|
301
|
+
run: (view2) => {
|
|
302
|
+
findNextFocusable(view2.dom)?.focus();
|
|
303
|
+
return true;
|
|
304
|
+
}
|
|
305
|
+
},
|
|
306
|
+
{
|
|
307
|
+
key: "Shift-Tab",
|
|
308
|
+
preventDefault: true,
|
|
309
|
+
run: (view2) => {
|
|
310
|
+
findPrevFocusable(view2.dom)?.focus();
|
|
311
|
+
return true;
|
|
312
|
+
}
|
|
313
|
+
}
|
|
314
|
+
]),
|
|
293
315
|
extensions
|
|
294
|
-
].filter(
|
|
316
|
+
].filter(isTruthy)
|
|
295
317
|
}), [
|
|
296
318
|
themeMode,
|
|
297
319
|
extensions,
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/components/ChatDialog/ChatDialog.tsx", "../../../src/components/ChatEditor/references.ts", "../../../src/components/ChatEditor/ChatEditor.tsx", "../../../src/translations.ts"],
|
|
4
|
-
"sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { createContext } from '@radix-ui/react-context';\nimport React, { type Dispatch, type PropsWithChildren, type SetStateAction, useEffect, useState } from 'react';\n\nimport { Dialog, Icon, IconButton, type ThemedClassName, useControlledState } from '@dxos/react-ui';\nimport { ResizeHandle, type Size, resizeAttributes, sizeStyle } from '@dxos/react-ui-dnd';\nimport { mx } from '@dxos/react-ui-theme';\n\nconst preventDefault = (event: Event) => event.preventDefault();\n\n// TODO(burdon): Factor out.\nconst Endcap = ({ children }: PropsWithChildren) => {\n return (\n <div className='grid w-[var(--rail-action)] h-[var(--rail-action)] items-center justify-center'>{children}</div>\n );\n};\n\n//\n// Context\n//\n\ntype ChatDialogContextValue = {\n open: boolean;\n setOpen: Dispatch<SetStateAction<boolean>>;\n expanded: boolean;\n setExpanded: Dispatch<SetStateAction<boolean>>;\n size: Size;\n setSize: Dispatch<SetStateAction<Size>>;\n};\n\nconst [ChatDialogContextProvider, useChatDialogContext] = createContext<ChatDialogContextValue>('ChatDialog');\n\n//\n// Root\n//\n\ntype ChatDialogRootProps = PropsWithChildren<{\n open?: boolean;\n expanded?: boolean;\n onOpenChange?: (open: boolean) => void;\n onExpandedChange?: (expanded: boolean) => void;\n onEscape?: () => void;\n}>;\n\nconst ChatDialogRoot = ({\n children,\n open: _open = false,\n expanded: expandedParam = false,\n onOpenChange,\n onExpandedChange,\n onEscape,\n}: ChatDialogRootProps) => {\n const [size, setSize] = useState<Size>('min-content');\n const [open, setOpen] = useControlledState<boolean>(_open, onOpenChange);\n const [expanded, setExpanded] = useControlledState<boolean>(expandedParam, onExpandedChange);\n\n // NOTE: We set the min size to 5rem (80px), and the header and prompt bar to 40px (i.e., the rail-size) each.\n // The dialog has no vertical padding and has box-content so that when closed it collapses to the size of the header and prompt bar.\n return (\n <ChatDialogContextProvider\n open={open}\n setOpen={setOpen}\n expanded={expanded}\n setExpanded={setExpanded}\n size={size}\n setSize={setSize}\n >\n <Dialog.Root modal={false} open={open} onOpenChange={setOpen}>\n <div role='none' className='dx-dialog__overlay bg-transparent pointer-events-none' data-block-align='end'>\n <Dialog.Content\n inOverlayLayout\n classNames={[\n 'grid grid-rows-[var(--rail-action)_1fr_min-content] p-0 overflow-hidden',\n 'box-content md:is-[35rem] md:max-is-none pointer-events-auto',\n ]}\n onEscapeKeyDown={onEscape}\n onInteractOutside={preventDefault}\n >\n {children}\n </Dialog.Content>\n </div>\n </Dialog.Root>\n </ChatDialogContextProvider>\n );\n};\n\nChatDialogRoot.displayName = 'ChatDialog.Root';\n\n//\n// Header\n//\n\ntype ChatDialogHeaderProps = ThemedClassName<{\n title?: string;\n}>;\n\nconst ChatDialogHeader = ({ classNames, title }: ChatDialogHeaderProps) => {\n const { expanded, setExpanded } = useChatDialogContext(ChatDialogHeader.displayName);\n\n return (\n <div className={mx('grid grid-cols-[var(--rail-action)_1fr_min-content] items-center overflow-hidden', classNames)}>\n <Endcap>\n <Dialog.Close>\n <Icon icon='ph--x--regular' />\n </Dialog.Close>\n </Endcap>\n <Dialog.Title\n classNames='flex w-full justify-center text-sm text-subdued select-none cursor-pointer'\n onClick={() => setExpanded((expanded) => !expanded)}\n >\n {title}\n </Dialog.Title>\n <Endcap>\n <IconButton\n variant='ghost'\n icon='ph--caret-up--regular'\n iconOnly\n classNames={mx('!p-1 [&>svg]:transition [&>svg]:duration-200', expanded && '[&>svg]:rotate-180')}\n label={expanded ? 'Close' : 'Open'}\n onClick={() => setExpanded((expanded) => !expanded)}\n />\n </Endcap>\n </div>\n );\n};\n\nChatDialogHeader.displayName = 'ChatDialog.Header';\n\n//\n// Content\n//\n\ntype ChatDialogContentProps = ThemedClassName<PropsWithChildren>;\n\nconst ChatDialogContent = ({ children, classNames }: ChatDialogContentProps) => {\n const { expanded, size, setSize } = useChatDialogContext(ChatDialogContent.displayName);\n useEffect(() => {\n setSize(expanded ? 'min-content' : 0);\n }, [expanded]);\n\n return (\n <div\n className={mx(\n 'flex flex-col overflow-y-auto border-t border-b border-subduedSeparator',\n 'transition-[block-size] ease-in-out duration-0 [&:not([data-dx-resizing=\"true\"])]:duration-200',\n classNames,\n )}\n style={{\n ...sizeStyle(size, 'vertical', true),\n maxBlockSize: 'calc(100dvh - env(safe-area-inset-bottom) - env(safe-area-inset-top) - 14rem)',\n }}\n {...resizeAttributes}\n >\n <ResizeHandle\n side='block-start'\n iconPosition='center'\n defaultSize='min-content'\n fallbackSize={0}\n minSize={0}\n onSizeChange={setSize}\n />\n {children}\n </div>\n );\n};\n\nChatDialogContent.displayName = 'ChatDialog.Content';\n\n//\n// Footer\n//\n\ntype ChatDialogFooterProps = ThemedClassName<PropsWithChildren>;\n\nconst ChatDialogFooter = ({ children, classNames }: ChatDialogFooterProps) => {\n return <div className={mx(classNames)}>{children}</div>;\n};\n\nChatDialogFooter.displayName = 'ChatDialog.Footer';\n\n//\n// ChatDialog\n//\n\nexport const ChatDialog = {\n Root: ChatDialogRoot,\n Header: ChatDialogHeader,\n Content: ChatDialogContent,\n Footer: ChatDialogFooter,\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { type CompletionResult, autocompletion, completionKeymap } from '@codemirror/autocomplete';\nimport { type Extension, RangeSet } from '@codemirror/state';\nimport {\n Decoration,\n type DecorationSet,\n EditorView,\n ViewPlugin,\n type ViewUpdate,\n WidgetType,\n keymap,\n} from '@codemirror/view';\n\nimport { Mutex } from '@dxos/async';\nimport { invariant } from '@dxos/invariant';\n\n// TODO(dmaretskyi): Consider adding details renderer for when you hover over the reference.\nexport type ReferenceData = {\n uri: string;\n label: string;\n};\n\nexport interface ReferencesProvider {\n getReferences({ query }: { query: string }): Promise<ReferenceData[]>;\n resolveReference({ uri }: { uri: string }): Promise<ReferenceData | null>;\n}\n\nexport type ReferencesOptions = {\n provider: ReferencesProvider;\n\n /**\n * @default '@'\n */\n triggerCharacter?: string;\n\n /**\n * Prevent the autocomplete from closing when the user blurs the editor.\n * @default false\n */\n debug?: boolean;\n};\n\n/**\n * Lookup object references.\n */\nexport const references = ({ provider, triggerCharacter = '@', debug = false }: ReferencesOptions): Extension => {\n invariant(triggerCharacter.length === 1);\n\n const decorationField = ViewPlugin.fromClass(\n class ReferenceView {\n // TODO(burdon): Why?\n private _mutex = new Mutex();\n\n decorations: DecorationSet = Decoration.set([]);\n\n constructor(view: EditorView) {\n queueMicrotask(async () => {\n const guard = await this._mutex.acquire();\n try {\n this.decorations = await this._computeDecorations(view);\n } finally {\n guard.release();\n }\n });\n }\n\n update(update: ViewUpdate) {\n if (update.docChanged) {\n queueMicrotask(async () => {\n const guard = await this._mutex.acquire();\n try {\n this.decorations = await this._computeDecorations(update.view);\n } finally {\n guard.release();\n }\n });\n }\n }\n\n private async _computeDecorations(view: EditorView): Promise<DecorationSet> {\n const text = view.state.doc.toString();\n const references = text.matchAll(new RegExp(`${triggerCharacter}[a-zA-Z0-9@:]+\\\\s`, 'g'));\n\n const decorations = [];\n for (const match of references) {\n const reference = match[0];\n const uri = reference.slice(1, -1);\n const data = await provider.resolveReference({ uri });\n if (data) {\n decorations.push(\n Decoration.replace({\n widget: new ReferenceWidget(data),\n }).range(match.index!, match.index! + reference.length),\n );\n }\n }\n\n return Decoration.set(decorations);\n }\n },\n {\n decorations: (v) => v.decorations,\n provide: (plugin) => [\n EditorView.atomicRanges.of(\n (view): DecorationSet => view.plugin(decorationField)?.decorations ?? RangeSet.empty,\n ),\n ],\n },\n );\n\n return [\n decorationField,\n\n EditorView.theme({\n '.cm-reference-pill': {\n borderRadius: '0.25rem',\n borderWidth: '1px',\n marginRight: '0.25rem',\n marginLeft: '0.25rem',\n },\n }),\n\n autocompletion({\n tooltipClass: () => 'shadow rounded',\n activateOnTyping: true,\n aboveCursor: true,\n closeOnBlur: !debug,\n override: [\n async (context): Promise<CompletionResult | null> => {\n const match = context.matchBefore(new RegExp(`${triggerCharacter}[a-zA-Z0-9]+`));\n if (!match || match?.to === match?.from) {\n return null;\n }\n\n const query = match.text.slice(1);\n const references = await provider.getReferences({ query });\n return {\n from: match.from,\n filter: false,\n options: references.map((reference) => ({\n label: reference.label,\n apply: `${triggerCharacter}${reference.uri} `,\n })),\n };\n },\n ],\n }),\n\n keymap.of(completionKeymap),\n ];\n};\n\nclass ReferenceWidget extends WidgetType {\n constructor(private data: ReferenceData) {\n super();\n }\n\n override toDOM(): HTMLSpanElement {\n const span = document.createElement('span');\n span.textContent = `@ ${this.data.label}`;\n span.className = 'cm-reference-pill';\n return span;\n }\n\n override eq(other: ReferenceWidget): boolean {\n return other.data.uri === this.data.uri;\n }\n\n override ignoreEvent(): boolean {\n return true;\n }\n}\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { type Extension } from '@codemirror/state';\nimport React, { forwardRef, useImperativeHandle } from 'react';\n\nimport { type ThemedClassName, useThemeContext } from '@dxos/react-ui';\nimport {\n type AutocompleteOptions,\n type BasicExtensionsOptions,\n type UseTextEditorProps,\n autocomplete,\n createBasicExtensions,\n createThemeExtensions,\n useTextEditor,\n} from '@dxos/react-ui-editor';\nimport { mx } from '@dxos/react-ui-theme';\nimport { isNonNullable } from '@dxos/util';\n\nimport { type ReferencesOptions, references as referencesExtension } from './references';\n\nexport interface ChatEditorController {\n focus(): void;\n getText(): string;\n setText(text: string): void;\n}\n\nexport type ChatEditorProps = ThemedClassName<\n {\n extensions?: Extension;\n references?: ReferencesOptions;\n } & AutocompleteOptions &\n Pick<UseTextEditorProps, 'id' | 'autoFocus'> &\n Pick<BasicExtensionsOptions, 'lineWrapping' | 'placeholder'>\n>;\n\nexport const ChatEditor = forwardRef<ChatEditorController, ChatEditorProps>(\n (\n { classNames, extensions, references, autoFocus, lineWrapping = false, placeholder, onSubmit, onSuggest, onCancel },\n forwardRef,\n ) => {\n const { themeMode } = useThemeContext();\n\n const { parentRef, view } = useTextEditor(\n () => ({\n debug: true,\n autoFocus,\n extensions: [\n createThemeExtensions({ themeMode }),\n autocomplete({ onSubmit, onSuggest, onCancel }),\n references ? referencesExtension({ provider: references.provider }) : [],\n createBasicExtensions({\n bracketMatching: false,\n lineWrapping,\n placeholder,\n }),\n extensions,\n ].filter(isNonNullable),\n }),\n [themeMode, extensions, onSubmit, onSuggest, onCancel],\n );\n\n // Expose editor view.\n useImperativeHandle(forwardRef, () => {\n return {\n focus: () => {\n view?.focus();\n },\n getText: () => view?.state.doc.toString() ?? '',\n setText: (text: string) => {\n view?.dispatch({\n changes: {\n from: 0,\n to: view.state.doc.length,\n insert: text,\n },\n selection: {\n anchor: text.length,\n head: text.length,\n },\n });\n },\n };\n }, [view, onSubmit]);\n\n return <div ref={parentRef} className={mx('is-full', classNames)} />;\n },\n);\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { type Resource } from '@dxos/react-ui';\n\nexport const translationKey = 'react-ui-chat';\n\nexport const translations = [\n {\n 'en-US': {\n [translationKey]: {},\n },\n },\n] as const satisfies Resource[];\n"],
|
|
5
|
-
"mappings": "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
|
|
6
|
-
"names": ["createContext", "React", "useEffect", "useState", "Dialog", "Icon", "IconButton", "useControlledState", "ResizeHandle", "resizeAttributes", "sizeStyle", "mx", "preventDefault", "event", "Endcap", "children", "div", "className", "ChatDialogContextProvider", "useChatDialogContext", "createContext", "ChatDialogRoot", "open", "_open", "expanded", "expandedParam", "onOpenChange", "onExpandedChange", "onEscape", "size", "setSize", "useState", "setOpen", "useControlledState", "setExpanded", "Dialog", "Root", "modal", "role", "data-block-align", "Content", "inOverlayLayout", "classNames", "onEscapeKeyDown", "onInteractOutside", "displayName", "ChatDialogHeader", "title", "mx", "Close", "Icon", "icon", "Title", "onClick", "IconButton", "variant", "iconOnly", "label", "ChatDialogContent", "useEffect", "style", "sizeStyle", "maxBlockSize", "resizeAttributes", "ResizeHandle", "side", "iconPosition", "defaultSize", "fallbackSize", "minSize", "onSizeChange", "ChatDialogFooter", "ChatDialog", "Header", "Footer", "autocompletion", "completionKeymap", "RangeSet", "Decoration", "EditorView", "ViewPlugin", "WidgetType", "keymap", "Mutex", "invariant", "references", "provider", "triggerCharacter", "debug", "length", "decorationField", "fromClass", "ReferenceView", "update", "docChanged", "queueMicrotask", "guard", "_mutex", "acquire", "decorations", "_computeDecorations", "view", "release", "text", "state", "doc", "toString", "matchAll", "RegExp", "match", "reference", "uri", "slice", "data", "resolveReference", "push", "replace", "widget", "ReferenceWidget", "range", "index", "set", "v", "provide", "plugin", "atomicRanges", "of", "empty", "theme", "borderRadius", "borderWidth", "marginRight", "marginLeft", "tooltipClass", "activateOnTyping", "aboveCursor", "closeOnBlur", "override", "context", "matchBefore", "to", "from", "query", "getReferences", "filter", "options", "map", "label", "apply", "toDOM", "span", "document", "createElement", "textContent", "className", "eq", "other", "ignoreEvent", "React", "forwardRef", "useImperativeHandle", "useThemeContext", "autocomplete", "createBasicExtensions", "createThemeExtensions", "useTextEditor", "mx", "
|
|
4
|
+
"sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { createContext } from '@radix-ui/react-context';\nimport React, { type Dispatch, type PropsWithChildren, type SetStateAction, useEffect, useState } from 'react';\n\nimport { Dialog, Icon, IconButton, type ThemedClassName, useControlledState } from '@dxos/react-ui';\nimport { ResizeHandle, type Size, resizeAttributes, sizeStyle } from '@dxos/react-ui-dnd';\nimport { mx } from '@dxos/react-ui-theme';\n\nconst preventDefault = (event: Event) => event.preventDefault();\n\n// TODO(burdon): Factor out.\nconst Endcap = ({ children }: PropsWithChildren) => {\n return (\n <div className='grid w-[var(--rail-action)] h-[var(--rail-action)] items-center justify-center'>{children}</div>\n );\n};\n\n//\n// Context\n//\n\ntype ChatDialogContextValue = {\n open: boolean;\n setOpen: Dispatch<SetStateAction<boolean>>;\n expanded: boolean;\n setExpanded: Dispatch<SetStateAction<boolean>>;\n size: Size;\n setSize: Dispatch<SetStateAction<Size>>;\n};\n\nconst [ChatDialogContextProvider, useChatDialogContext] = createContext<ChatDialogContextValue>('ChatDialog');\n\n//\n// Root\n//\n\ntype ChatDialogRootProps = PropsWithChildren<{\n open?: boolean;\n expanded?: boolean;\n onOpenChange?: (open: boolean) => void;\n onExpandedChange?: (expanded: boolean) => void;\n onEscape?: () => void;\n}>;\n\nconst ChatDialogRoot = ({\n children,\n open: _open = false,\n expanded: expandedParam = false,\n onOpenChange,\n onExpandedChange,\n onEscape,\n}: ChatDialogRootProps) => {\n const [size, setSize] = useState<Size>('min-content');\n const [open, setOpen] = useControlledState<boolean>(_open, onOpenChange);\n const [expanded, setExpanded] = useControlledState<boolean>(expandedParam, onExpandedChange);\n\n // NOTE: We set the min size to 5rem (80px), and the header and prompt bar to 40px (i.e., the rail-size) each.\n // The dialog has no vertical padding and has box-content so that when closed it collapses to the size of the header and prompt bar.\n return (\n <ChatDialogContextProvider\n open={open}\n setOpen={setOpen}\n expanded={expanded}\n setExpanded={setExpanded}\n size={size}\n setSize={setSize}\n >\n <Dialog.Root modal={false} open={open} onOpenChange={setOpen}>\n <div role='none' className='dx-dialog__overlay bg-transparent pointer-events-none' data-block-align='end'>\n <Dialog.Content\n inOverlayLayout\n classNames={[\n 'grid grid-rows-[var(--rail-action)_1fr_min-content] p-0 overflow-hidden',\n 'box-content md:is-[35rem] md:max-is-none pointer-events-auto',\n ]}\n onEscapeKeyDown={onEscape}\n onInteractOutside={preventDefault}\n >\n {children}\n </Dialog.Content>\n </div>\n </Dialog.Root>\n </ChatDialogContextProvider>\n );\n};\n\nChatDialogRoot.displayName = 'ChatDialog.Root';\n\n//\n// Header\n//\n\ntype ChatDialogHeaderProps = ThemedClassName<{\n title?: string;\n}>;\n\nconst ChatDialogHeader = ({ classNames, title }: ChatDialogHeaderProps) => {\n const { expanded, setExpanded } = useChatDialogContext(ChatDialogHeader.displayName);\n\n return (\n <div className={mx('grid grid-cols-[var(--rail-action)_1fr_min-content] items-center overflow-hidden', classNames)}>\n <Endcap>\n <Dialog.Close>\n <Icon icon='ph--x--regular' />\n </Dialog.Close>\n </Endcap>\n <Dialog.Title\n classNames='flex w-full justify-center text-sm text-subdued select-none cursor-pointer'\n onClick={() => setExpanded((expanded) => !expanded)}\n >\n {title}\n </Dialog.Title>\n <Endcap>\n <IconButton\n variant='ghost'\n icon='ph--caret-up--regular'\n iconOnly\n classNames={mx('!p-1 [&>svg]:transition [&>svg]:duration-200', expanded && '[&>svg]:rotate-180')}\n label={expanded ? 'Close' : 'Open'}\n onClick={() => setExpanded((expanded) => !expanded)}\n />\n </Endcap>\n </div>\n );\n};\n\nChatDialogHeader.displayName = 'ChatDialog.Header';\n\n//\n// Content\n//\n\ntype ChatDialogContentProps = ThemedClassName<PropsWithChildren>;\n\nconst ChatDialogContent = ({ children, classNames }: ChatDialogContentProps) => {\n const { expanded, size, setSize } = useChatDialogContext(ChatDialogContent.displayName);\n useEffect(() => {\n setSize(expanded ? 'min-content' : 0);\n }, [expanded]);\n\n return (\n <div\n className={mx(\n 'flex flex-col overflow-y-auto border-t border-b border-subduedSeparator',\n 'transition-[block-size] ease-in-out duration-0 [&:not([data-dx-resizing=\"true\"])]:duration-200',\n classNames,\n )}\n style={{\n ...sizeStyle(size, 'vertical', true),\n maxBlockSize: 'calc(100dvh - env(safe-area-inset-bottom) - env(safe-area-inset-top) - 14rem)',\n }}\n {...resizeAttributes}\n >\n <ResizeHandle\n side='block-start'\n iconPosition='center'\n defaultSize='min-content'\n fallbackSize={0}\n minSize={0}\n onSizeChange={setSize}\n />\n {children}\n </div>\n );\n};\n\nChatDialogContent.displayName = 'ChatDialog.Content';\n\n//\n// Footer\n//\n\ntype ChatDialogFooterProps = ThemedClassName<PropsWithChildren>;\n\nconst ChatDialogFooter = ({ children, classNames }: ChatDialogFooterProps) => {\n return <div className={mx(classNames)}>{children}</div>;\n};\n\nChatDialogFooter.displayName = 'ChatDialog.Footer';\n\n//\n// ChatDialog\n//\n\nexport const ChatDialog = {\n Root: ChatDialogRoot,\n Header: ChatDialogHeader,\n Content: ChatDialogContent,\n Footer: ChatDialogFooter,\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { type CompletionResult, autocompletion, completionKeymap } from '@codemirror/autocomplete';\nimport { type Extension, RangeSet } from '@codemirror/state';\nimport {\n Decoration,\n type DecorationSet,\n EditorView,\n ViewPlugin,\n type ViewUpdate,\n WidgetType,\n keymap,\n} from '@codemirror/view';\n\nimport { Mutex } from '@dxos/async';\nimport { invariant } from '@dxos/invariant';\n\n// TODO(dmaretskyi): Consider adding details renderer for when you hover over the reference.\nexport type ReferenceData = {\n uri: string;\n label: string;\n};\n\nexport interface ReferencesProvider {\n getReferences({ query }: { query: string }): Promise<ReferenceData[]>;\n resolveReference({ uri }: { uri: string }): Promise<ReferenceData | null>;\n}\n\nexport type ReferencesOptions = {\n provider: ReferencesProvider;\n\n /**\n * @default '@'\n */\n triggerCharacter?: string;\n\n /**\n * Prevent the autocomplete from closing when the user blurs the editor.\n * @default false\n */\n debug?: boolean;\n};\n\n/**\n * Lookup object references.\n */\nexport const references = ({ provider, triggerCharacter = '@', debug = false }: ReferencesOptions): Extension => {\n invariant(triggerCharacter.length === 1);\n\n const decorationField = ViewPlugin.fromClass(\n class ReferenceView {\n // TODO(burdon): Why?\n private _mutex = new Mutex();\n\n decorations: DecorationSet = Decoration.set([]);\n\n constructor(view: EditorView) {\n queueMicrotask(async () => {\n const guard = await this._mutex.acquire();\n try {\n this.decorations = await this._computeDecorations(view);\n } finally {\n guard.release();\n }\n });\n }\n\n update(update: ViewUpdate) {\n if (update.docChanged) {\n queueMicrotask(async () => {\n const guard = await this._mutex.acquire();\n try {\n this.decorations = await this._computeDecorations(update.view);\n } finally {\n guard.release();\n }\n });\n }\n }\n\n private async _computeDecorations(view: EditorView): Promise<DecorationSet> {\n const text = view.state.doc.toString();\n const references = text.matchAll(new RegExp(`${triggerCharacter}[a-zA-Z0-9@:]+\\\\s`, 'g'));\n\n const decorations = [];\n for (const match of references) {\n const reference = match[0];\n const uri = reference.slice(1, -1);\n const data = await provider.resolveReference({ uri });\n if (data) {\n decorations.push(\n Decoration.replace({\n widget: new ReferenceWidget(data),\n }).range(match.index!, match.index! + reference.length),\n );\n }\n }\n\n return Decoration.set(decorations);\n }\n },\n {\n decorations: (v) => v.decorations,\n provide: (plugin) => [\n EditorView.atomicRanges.of(\n (view): DecorationSet => view.plugin(decorationField)?.decorations ?? RangeSet.empty,\n ),\n ],\n },\n );\n\n return [\n decorationField,\n\n EditorView.theme({\n '.cm-reference-pill': {\n borderRadius: '0.25rem',\n borderWidth: '1px',\n marginRight: '0.25rem',\n marginLeft: '0.25rem',\n },\n }),\n\n autocompletion({\n tooltipClass: () => 'shadow rounded',\n activateOnTyping: true,\n aboveCursor: true,\n closeOnBlur: !debug,\n override: [\n async (context): Promise<CompletionResult | null> => {\n const match = context.matchBefore(new RegExp(`${triggerCharacter}[a-zA-Z0-9]+`));\n if (!match || match?.to === match?.from) {\n return null;\n }\n\n const query = match.text.slice(1);\n const references = await provider.getReferences({ query });\n return {\n from: match.from,\n filter: false,\n options: references.map((reference) => ({\n label: reference.label,\n apply: `${triggerCharacter}${reference.uri} `,\n })),\n };\n },\n ],\n }),\n\n keymap.of(completionKeymap),\n ];\n};\n\nclass ReferenceWidget extends WidgetType {\n constructor(private data: ReferenceData) {\n super();\n }\n\n override toDOM(): HTMLSpanElement {\n const span = document.createElement('span');\n span.textContent = `@ ${this.data.label}`;\n span.className = 'cm-reference-pill';\n return span;\n }\n\n override eq(other: ReferenceWidget): boolean {\n return other.data.uri === this.data.uri;\n }\n\n override ignoreEvent(): boolean {\n return true;\n }\n}\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { type Extension } from '@codemirror/state';\nimport { keymap } from '@codemirror/view';\nimport { useFocusFinders } from '@fluentui/react-tabster';\nimport React, { forwardRef, useImperativeHandle } from 'react';\n\nimport { type ThemedClassName, useThemeContext } from '@dxos/react-ui';\nimport {\n type AutocompleteOptions,\n type BasicExtensionsOptions,\n type UseTextEditorProps,\n autocomplete,\n createBasicExtensions,\n createThemeExtensions,\n useTextEditor,\n} from '@dxos/react-ui-editor';\nimport { mx } from '@dxos/react-ui-theme';\nimport { isTruthy } from '@dxos/util';\n\nimport { type ReferencesOptions, references as referencesExtension } from './references';\n\nexport interface ChatEditorController {\n focus(): void;\n getText(): string;\n setText(text: string): void;\n}\n\nexport type ChatEditorProps = ThemedClassName<\n {\n extensions?: Extension;\n references?: ReferencesOptions;\n } & AutocompleteOptions &\n Pick<UseTextEditorProps, 'id' | 'autoFocus'> &\n Pick<BasicExtensionsOptions, 'lineWrapping' | 'placeholder'>\n>;\n\nexport const ChatEditor = forwardRef<ChatEditorController, ChatEditorProps>(\n (\n { classNames, extensions, references, autoFocus, lineWrapping = false, placeholder, onSubmit, onSuggest, onCancel },\n forwardRef,\n ) => {\n const { themeMode } = useThemeContext();\n const { findNextFocusable, findPrevFocusable } = useFocusFinders();\n const { parentRef, view } = useTextEditor(\n () => ({\n debug: true,\n autoFocus,\n extensions: [\n createThemeExtensions({ themeMode }),\n createBasicExtensions({ bracketMatching: false, lineWrapping, placeholder }),\n autocomplete({ onSubmit, onSuggest, onCancel }),\n references ? referencesExtension({ provider: references.provider }) : [],\n // TODO(burdon): Standardize.\n keymap.of([\n {\n key: 'Tab',\n preventDefault: true,\n run: (view) => {\n findNextFocusable(view.dom)?.focus();\n return true;\n },\n },\n {\n key: 'Shift-Tab',\n preventDefault: true,\n run: (view) => {\n findPrevFocusable(view.dom)?.focus();\n return true;\n },\n },\n ]),\n extensions,\n ].filter(isTruthy),\n }),\n [themeMode, extensions, onSubmit, onSuggest, onCancel],\n );\n\n // Expose editor view.\n useImperativeHandle(forwardRef, () => {\n return {\n focus: () => {\n view?.focus();\n },\n getText: () => view?.state.doc.toString() ?? '',\n setText: (text: string) => {\n view?.dispatch({\n changes: {\n from: 0,\n to: view.state.doc.length,\n insert: text,\n },\n selection: {\n anchor: text.length,\n head: text.length,\n },\n });\n },\n };\n }, [view, onSubmit]);\n\n return <div ref={parentRef} className={mx('is-full', classNames)} />;\n },\n);\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { type Resource } from '@dxos/react-ui';\n\nexport const translationKey = 'react-ui-chat';\n\nexport const translations = [\n {\n 'en-US': {\n [translationKey]: {},\n },\n },\n] as const satisfies Resource[];\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
|
+
"names": ["createContext", "React", "useEffect", "useState", "Dialog", "Icon", "IconButton", "useControlledState", "ResizeHandle", "resizeAttributes", "sizeStyle", "mx", "preventDefault", "event", "Endcap", "children", "div", "className", "ChatDialogContextProvider", "useChatDialogContext", "createContext", "ChatDialogRoot", "open", "_open", "expanded", "expandedParam", "onOpenChange", "onExpandedChange", "onEscape", "size", "setSize", "useState", "setOpen", "useControlledState", "setExpanded", "Dialog", "Root", "modal", "role", "data-block-align", "Content", "inOverlayLayout", "classNames", "onEscapeKeyDown", "onInteractOutside", "displayName", "ChatDialogHeader", "title", "mx", "Close", "Icon", "icon", "Title", "onClick", "IconButton", "variant", "iconOnly", "label", "ChatDialogContent", "useEffect", "style", "sizeStyle", "maxBlockSize", "resizeAttributes", "ResizeHandle", "side", "iconPosition", "defaultSize", "fallbackSize", "minSize", "onSizeChange", "ChatDialogFooter", "ChatDialog", "Header", "Footer", "autocompletion", "completionKeymap", "RangeSet", "Decoration", "EditorView", "ViewPlugin", "WidgetType", "keymap", "Mutex", "invariant", "references", "provider", "triggerCharacter", "debug", "length", "decorationField", "fromClass", "ReferenceView", "update", "docChanged", "queueMicrotask", "guard", "_mutex", "acquire", "decorations", "_computeDecorations", "view", "release", "text", "state", "doc", "toString", "matchAll", "RegExp", "match", "reference", "uri", "slice", "data", "resolveReference", "push", "replace", "widget", "ReferenceWidget", "range", "index", "set", "v", "provide", "plugin", "atomicRanges", "of", "empty", "theme", "borderRadius", "borderWidth", "marginRight", "marginLeft", "tooltipClass", "activateOnTyping", "aboveCursor", "closeOnBlur", "override", "context", "matchBefore", "to", "from", "query", "getReferences", "filter", "options", "map", "label", "apply", "toDOM", "span", "document", "createElement", "textContent", "className", "eq", "other", "ignoreEvent", "keymap", "useFocusFinders", "React", "forwardRef", "useImperativeHandle", "useThemeContext", "autocomplete", "createBasicExtensions", "createThemeExtensions", "useTextEditor", "mx", "isTruthy", "ChatEditor", "forwardRef", "classNames", "extensions", "references", "autoFocus", "lineWrapping", "placeholder", "onSubmit", "onSuggest", "onCancel", "themeMode", "useThemeContext", "findNextFocusable", "findPrevFocusable", "useFocusFinders", "parentRef", "view", "useTextEditor", "debug", "createThemeExtensions", "createBasicExtensions", "bracketMatching", "autocomplete", "referencesExtension", "provider", "keymap", "of", "key", "preventDefault", "run", "dom", "focus", "filter", "isTruthy", "useImperativeHandle", "getText", "state", "doc", "toString", "setText", "text", "dispatch", "changes", "from", "to", "length", "insert", "selection", "anchor", "head", "React", "div", "ref", "className", "mx", "translationKey", "translations"]
|
|
7
7
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"inputs":{"src/components/ChatDialog/ChatDialog.tsx":{"bytes":17762,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@radix-ui/react-context","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-dnd","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true}],"format":"esm"},"src/components/ChatDialog/index.ts":{"bytes":480,"imports":[{"path":"src/components/ChatDialog/ChatDialog.tsx","kind":"import-statement","original":"./ChatDialog"}],"format":"esm"},"src/components/ChatEditor/references.ts":{"bytes":16344,"imports":[{"path":"@codemirror/autocomplete","kind":"import-statement","external":true},{"path":"@codemirror/state","kind":"import-statement","external":true},{"path":"@codemirror/view","kind":"import-statement","external":true},{"path":"@dxos/async","kind":"import-statement","external":true},{"path":"@dxos/invariant","kind":"import-statement","external":true}],"format":"esm"},"src/components/ChatEditor/ChatEditor.tsx":{"bytes":
|
|
1
|
+
{"inputs":{"src/components/ChatDialog/ChatDialog.tsx":{"bytes":17762,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@radix-ui/react-context","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-dnd","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true}],"format":"esm"},"src/components/ChatDialog/index.ts":{"bytes":480,"imports":[{"path":"src/components/ChatDialog/ChatDialog.tsx","kind":"import-statement","original":"./ChatDialog"}],"format":"esm"},"src/components/ChatEditor/references.ts":{"bytes":16344,"imports":[{"path":"@codemirror/autocomplete","kind":"import-statement","external":true},{"path":"@codemirror/state","kind":"import-statement","external":true},{"path":"@codemirror/view","kind":"import-statement","external":true},{"path":"@dxos/async","kind":"import-statement","external":true},{"path":"@dxos/invariant","kind":"import-statement","external":true}],"format":"esm"},"src/components/ChatEditor/ChatEditor.tsx":{"bytes":11267,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@codemirror/view","kind":"import-statement","external":true},{"path":"@fluentui/react-tabster","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-editor","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true},{"path":"src/components/ChatEditor/references.ts","kind":"import-statement","original":"./references"}],"format":"esm"},"src/components/ChatEditor/index.ts":{"bytes":574,"imports":[{"path":"src/components/ChatEditor/references.ts","kind":"import-statement","original":"./references"},{"path":"src/components/ChatEditor/ChatEditor.tsx","kind":"import-statement","original":"./ChatEditor"}],"format":"esm"},"src/components/index.ts":{"bytes":563,"imports":[{"path":"src/components/ChatDialog/index.ts","kind":"import-statement","original":"./ChatDialog"},{"path":"src/components/ChatEditor/index.ts","kind":"import-statement","original":"./ChatEditor"}],"format":"esm"},"src/translations.ts":{"bytes":1041,"imports":[],"format":"esm"},"src/index.ts":{"bytes":558,"imports":[{"path":"src/components/index.ts","kind":"import-statement","original":"./components"},{"path":"src/translations.ts","kind":"import-statement","original":"./translations"}],"format":"esm"}},"outputs":{"dist/lib/browser/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":23418},"dist/lib/browser/index.mjs":{"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@radix-ui/react-context","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-dnd","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@codemirror/autocomplete","kind":"import-statement","external":true},{"path":"@codemirror/state","kind":"import-statement","external":true},{"path":"@codemirror/view","kind":"import-statement","external":true},{"path":"@dxos/async","kind":"import-statement","external":true},{"path":"@dxos/invariant","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@codemirror/view","kind":"import-statement","external":true},{"path":"@fluentui/react-tabster","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-editor","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true}],"exports":["ChatDialog","ChatEditor","references","translationKey","translations"],"entryPoint":"src/index.ts","inputs":{"src/components/ChatDialog/ChatDialog.tsx":{"bytesInOutput":4874},"src/components/ChatDialog/index.ts":{"bytesInOutput":0},"src/components/index.ts":{"bytesInOutput":0},"src/components/ChatEditor/references.ts":{"bytesInOutput":3999},"src/components/ChatEditor/index.ts":{"bytesInOutput":0},"src/components/ChatEditor/ChatEditor.tsx":{"bytesInOutput":2700},"src/index.ts":{"bytesInOutput":0},"src/translations.ts":{"bytesInOutput":118}},"bytes":11970}}}
|
|
@@ -263,15 +263,18 @@ var ReferenceWidget = class extends WidgetType {
|
|
|
263
263
|
|
|
264
264
|
// src/components/ChatEditor/ChatEditor.tsx
|
|
265
265
|
import { useSignals as _useSignals2 } from "@preact-signals/safe-react/tracking";
|
|
266
|
+
import { keymap as keymap2 } from "@codemirror/view";
|
|
267
|
+
import { useFocusFinders } from "@fluentui/react-tabster";
|
|
266
268
|
import React2, { forwardRef, useImperativeHandle } from "react";
|
|
267
269
|
import { useThemeContext } from "@dxos/react-ui";
|
|
268
270
|
import { autocomplete, createBasicExtensions, createThemeExtensions, useTextEditor } from "@dxos/react-ui-editor";
|
|
269
271
|
import { mx as mx2 } from "@dxos/react-ui-theme";
|
|
270
|
-
import {
|
|
272
|
+
import { isTruthy } from "@dxos/util";
|
|
271
273
|
var ChatEditor = /* @__PURE__ */ forwardRef(({ classNames, extensions, references: references2, autoFocus, lineWrapping = false, placeholder, onSubmit, onSuggest, onCancel }, forwardRef2) => {
|
|
272
274
|
var _effect = _useSignals2();
|
|
273
275
|
try {
|
|
274
276
|
const { themeMode } = useThemeContext();
|
|
277
|
+
const { findNextFocusable, findPrevFocusable } = useFocusFinders();
|
|
275
278
|
const { parentRef, view } = useTextEditor(() => ({
|
|
276
279
|
debug: true,
|
|
277
280
|
autoFocus,
|
|
@@ -279,6 +282,11 @@ var ChatEditor = /* @__PURE__ */ forwardRef(({ classNames, extensions, reference
|
|
|
279
282
|
createThemeExtensions({
|
|
280
283
|
themeMode
|
|
281
284
|
}),
|
|
285
|
+
createBasicExtensions({
|
|
286
|
+
bracketMatching: false,
|
|
287
|
+
lineWrapping,
|
|
288
|
+
placeholder
|
|
289
|
+
}),
|
|
282
290
|
autocomplete({
|
|
283
291
|
onSubmit,
|
|
284
292
|
onSuggest,
|
|
@@ -287,13 +295,27 @@ var ChatEditor = /* @__PURE__ */ forwardRef(({ classNames, extensions, reference
|
|
|
287
295
|
references2 ? references({
|
|
288
296
|
provider: references2.provider
|
|
289
297
|
}) : [],
|
|
290
|
-
|
|
291
|
-
|
|
292
|
-
|
|
293
|
-
|
|
294
|
-
|
|
298
|
+
// TODO(burdon): Standardize.
|
|
299
|
+
keymap2.of([
|
|
300
|
+
{
|
|
301
|
+
key: "Tab",
|
|
302
|
+
preventDefault: true,
|
|
303
|
+
run: (view2) => {
|
|
304
|
+
findNextFocusable(view2.dom)?.focus();
|
|
305
|
+
return true;
|
|
306
|
+
}
|
|
307
|
+
},
|
|
308
|
+
{
|
|
309
|
+
key: "Shift-Tab",
|
|
310
|
+
preventDefault: true,
|
|
311
|
+
run: (view2) => {
|
|
312
|
+
findPrevFocusable(view2.dom)?.focus();
|
|
313
|
+
return true;
|
|
314
|
+
}
|
|
315
|
+
}
|
|
316
|
+
]),
|
|
295
317
|
extensions
|
|
296
|
-
].filter(
|
|
318
|
+
].filter(isTruthy)
|
|
297
319
|
}), [
|
|
298
320
|
themeMode,
|
|
299
321
|
extensions,
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/components/ChatDialog/ChatDialog.tsx", "../../../src/components/ChatEditor/references.ts", "../../../src/components/ChatEditor/ChatEditor.tsx", "../../../src/translations.ts"],
|
|
4
|
-
"sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { createContext } from '@radix-ui/react-context';\nimport React, { type Dispatch, type PropsWithChildren, type SetStateAction, useEffect, useState } from 'react';\n\nimport { Dialog, Icon, IconButton, type ThemedClassName, useControlledState } from '@dxos/react-ui';\nimport { ResizeHandle, type Size, resizeAttributes, sizeStyle } from '@dxos/react-ui-dnd';\nimport { mx } from '@dxos/react-ui-theme';\n\nconst preventDefault = (event: Event) => event.preventDefault();\n\n// TODO(burdon): Factor out.\nconst Endcap = ({ children }: PropsWithChildren) => {\n return (\n <div className='grid w-[var(--rail-action)] h-[var(--rail-action)] items-center justify-center'>{children}</div>\n );\n};\n\n//\n// Context\n//\n\ntype ChatDialogContextValue = {\n open: boolean;\n setOpen: Dispatch<SetStateAction<boolean>>;\n expanded: boolean;\n setExpanded: Dispatch<SetStateAction<boolean>>;\n size: Size;\n setSize: Dispatch<SetStateAction<Size>>;\n};\n\nconst [ChatDialogContextProvider, useChatDialogContext] = createContext<ChatDialogContextValue>('ChatDialog');\n\n//\n// Root\n//\n\ntype ChatDialogRootProps = PropsWithChildren<{\n open?: boolean;\n expanded?: boolean;\n onOpenChange?: (open: boolean) => void;\n onExpandedChange?: (expanded: boolean) => void;\n onEscape?: () => void;\n}>;\n\nconst ChatDialogRoot = ({\n children,\n open: _open = false,\n expanded: expandedParam = false,\n onOpenChange,\n onExpandedChange,\n onEscape,\n}: ChatDialogRootProps) => {\n const [size, setSize] = useState<Size>('min-content');\n const [open, setOpen] = useControlledState<boolean>(_open, onOpenChange);\n const [expanded, setExpanded] = useControlledState<boolean>(expandedParam, onExpandedChange);\n\n // NOTE: We set the min size to 5rem (80px), and the header and prompt bar to 40px (i.e., the rail-size) each.\n // The dialog has no vertical padding and has box-content so that when closed it collapses to the size of the header and prompt bar.\n return (\n <ChatDialogContextProvider\n open={open}\n setOpen={setOpen}\n expanded={expanded}\n setExpanded={setExpanded}\n size={size}\n setSize={setSize}\n >\n <Dialog.Root modal={false} open={open} onOpenChange={setOpen}>\n <div role='none' className='dx-dialog__overlay bg-transparent pointer-events-none' data-block-align='end'>\n <Dialog.Content\n inOverlayLayout\n classNames={[\n 'grid grid-rows-[var(--rail-action)_1fr_min-content] p-0 overflow-hidden',\n 'box-content md:is-[35rem] md:max-is-none pointer-events-auto',\n ]}\n onEscapeKeyDown={onEscape}\n onInteractOutside={preventDefault}\n >\n {children}\n </Dialog.Content>\n </div>\n </Dialog.Root>\n </ChatDialogContextProvider>\n );\n};\n\nChatDialogRoot.displayName = 'ChatDialog.Root';\n\n//\n// Header\n//\n\ntype ChatDialogHeaderProps = ThemedClassName<{\n title?: string;\n}>;\n\nconst ChatDialogHeader = ({ classNames, title }: ChatDialogHeaderProps) => {\n const { expanded, setExpanded } = useChatDialogContext(ChatDialogHeader.displayName);\n\n return (\n <div className={mx('grid grid-cols-[var(--rail-action)_1fr_min-content] items-center overflow-hidden', classNames)}>\n <Endcap>\n <Dialog.Close>\n <Icon icon='ph--x--regular' />\n </Dialog.Close>\n </Endcap>\n <Dialog.Title\n classNames='flex w-full justify-center text-sm text-subdued select-none cursor-pointer'\n onClick={() => setExpanded((expanded) => !expanded)}\n >\n {title}\n </Dialog.Title>\n <Endcap>\n <IconButton\n variant='ghost'\n icon='ph--caret-up--regular'\n iconOnly\n classNames={mx('!p-1 [&>svg]:transition [&>svg]:duration-200', expanded && '[&>svg]:rotate-180')}\n label={expanded ? 'Close' : 'Open'}\n onClick={() => setExpanded((expanded) => !expanded)}\n />\n </Endcap>\n </div>\n );\n};\n\nChatDialogHeader.displayName = 'ChatDialog.Header';\n\n//\n// Content\n//\n\ntype ChatDialogContentProps = ThemedClassName<PropsWithChildren>;\n\nconst ChatDialogContent = ({ children, classNames }: ChatDialogContentProps) => {\n const { expanded, size, setSize } = useChatDialogContext(ChatDialogContent.displayName);\n useEffect(() => {\n setSize(expanded ? 'min-content' : 0);\n }, [expanded]);\n\n return (\n <div\n className={mx(\n 'flex flex-col overflow-y-auto border-t border-b border-subduedSeparator',\n 'transition-[block-size] ease-in-out duration-0 [&:not([data-dx-resizing=\"true\"])]:duration-200',\n classNames,\n )}\n style={{\n ...sizeStyle(size, 'vertical', true),\n maxBlockSize: 'calc(100dvh - env(safe-area-inset-bottom) - env(safe-area-inset-top) - 14rem)',\n }}\n {...resizeAttributes}\n >\n <ResizeHandle\n side='block-start'\n iconPosition='center'\n defaultSize='min-content'\n fallbackSize={0}\n minSize={0}\n onSizeChange={setSize}\n />\n {children}\n </div>\n );\n};\n\nChatDialogContent.displayName = 'ChatDialog.Content';\n\n//\n// Footer\n//\n\ntype ChatDialogFooterProps = ThemedClassName<PropsWithChildren>;\n\nconst ChatDialogFooter = ({ children, classNames }: ChatDialogFooterProps) => {\n return <div className={mx(classNames)}>{children}</div>;\n};\n\nChatDialogFooter.displayName = 'ChatDialog.Footer';\n\n//\n// ChatDialog\n//\n\nexport const ChatDialog = {\n Root: ChatDialogRoot,\n Header: ChatDialogHeader,\n Content: ChatDialogContent,\n Footer: ChatDialogFooter,\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { type CompletionResult, autocompletion, completionKeymap } from '@codemirror/autocomplete';\nimport { type Extension, RangeSet } from '@codemirror/state';\nimport {\n Decoration,\n type DecorationSet,\n EditorView,\n ViewPlugin,\n type ViewUpdate,\n WidgetType,\n keymap,\n} from '@codemirror/view';\n\nimport { Mutex } from '@dxos/async';\nimport { invariant } from '@dxos/invariant';\n\n// TODO(dmaretskyi): Consider adding details renderer for when you hover over the reference.\nexport type ReferenceData = {\n uri: string;\n label: string;\n};\n\nexport interface ReferencesProvider {\n getReferences({ query }: { query: string }): Promise<ReferenceData[]>;\n resolveReference({ uri }: { uri: string }): Promise<ReferenceData | null>;\n}\n\nexport type ReferencesOptions = {\n provider: ReferencesProvider;\n\n /**\n * @default '@'\n */\n triggerCharacter?: string;\n\n /**\n * Prevent the autocomplete from closing when the user blurs the editor.\n * @default false\n */\n debug?: boolean;\n};\n\n/**\n * Lookup object references.\n */\nexport const references = ({ provider, triggerCharacter = '@', debug = false }: ReferencesOptions): Extension => {\n invariant(triggerCharacter.length === 1);\n\n const decorationField = ViewPlugin.fromClass(\n class ReferenceView {\n // TODO(burdon): Why?\n private _mutex = new Mutex();\n\n decorations: DecorationSet = Decoration.set([]);\n\n constructor(view: EditorView) {\n queueMicrotask(async () => {\n const guard = await this._mutex.acquire();\n try {\n this.decorations = await this._computeDecorations(view);\n } finally {\n guard.release();\n }\n });\n }\n\n update(update: ViewUpdate) {\n if (update.docChanged) {\n queueMicrotask(async () => {\n const guard = await this._mutex.acquire();\n try {\n this.decorations = await this._computeDecorations(update.view);\n } finally {\n guard.release();\n }\n });\n }\n }\n\n private async _computeDecorations(view: EditorView): Promise<DecorationSet> {\n const text = view.state.doc.toString();\n const references = text.matchAll(new RegExp(`${triggerCharacter}[a-zA-Z0-9@:]+\\\\s`, 'g'));\n\n const decorations = [];\n for (const match of references) {\n const reference = match[0];\n const uri = reference.slice(1, -1);\n const data = await provider.resolveReference({ uri });\n if (data) {\n decorations.push(\n Decoration.replace({\n widget: new ReferenceWidget(data),\n }).range(match.index!, match.index! + reference.length),\n );\n }\n }\n\n return Decoration.set(decorations);\n }\n },\n {\n decorations: (v) => v.decorations,\n provide: (plugin) => [\n EditorView.atomicRanges.of(\n (view): DecorationSet => view.plugin(decorationField)?.decorations ?? RangeSet.empty,\n ),\n ],\n },\n );\n\n return [\n decorationField,\n\n EditorView.theme({\n '.cm-reference-pill': {\n borderRadius: '0.25rem',\n borderWidth: '1px',\n marginRight: '0.25rem',\n marginLeft: '0.25rem',\n },\n }),\n\n autocompletion({\n tooltipClass: () => 'shadow rounded',\n activateOnTyping: true,\n aboveCursor: true,\n closeOnBlur: !debug,\n override: [\n async (context): Promise<CompletionResult | null> => {\n const match = context.matchBefore(new RegExp(`${triggerCharacter}[a-zA-Z0-9]+`));\n if (!match || match?.to === match?.from) {\n return null;\n }\n\n const query = match.text.slice(1);\n const references = await provider.getReferences({ query });\n return {\n from: match.from,\n filter: false,\n options: references.map((reference) => ({\n label: reference.label,\n apply: `${triggerCharacter}${reference.uri} `,\n })),\n };\n },\n ],\n }),\n\n keymap.of(completionKeymap),\n ];\n};\n\nclass ReferenceWidget extends WidgetType {\n constructor(private data: ReferenceData) {\n super();\n }\n\n override toDOM(): HTMLSpanElement {\n const span = document.createElement('span');\n span.textContent = `@ ${this.data.label}`;\n span.className = 'cm-reference-pill';\n return span;\n }\n\n override eq(other: ReferenceWidget): boolean {\n return other.data.uri === this.data.uri;\n }\n\n override ignoreEvent(): boolean {\n return true;\n }\n}\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { type Extension } from '@codemirror/state';\nimport React, { forwardRef, useImperativeHandle } from 'react';\n\nimport { type ThemedClassName, useThemeContext } from '@dxos/react-ui';\nimport {\n type AutocompleteOptions,\n type BasicExtensionsOptions,\n type UseTextEditorProps,\n autocomplete,\n createBasicExtensions,\n createThemeExtensions,\n useTextEditor,\n} from '@dxos/react-ui-editor';\nimport { mx } from '@dxos/react-ui-theme';\nimport { isNonNullable } from '@dxos/util';\n\nimport { type ReferencesOptions, references as referencesExtension } from './references';\n\nexport interface ChatEditorController {\n focus(): void;\n getText(): string;\n setText(text: string): void;\n}\n\nexport type ChatEditorProps = ThemedClassName<\n {\n extensions?: Extension;\n references?: ReferencesOptions;\n } & AutocompleteOptions &\n Pick<UseTextEditorProps, 'id' | 'autoFocus'> &\n Pick<BasicExtensionsOptions, 'lineWrapping' | 'placeholder'>\n>;\n\nexport const ChatEditor = forwardRef<ChatEditorController, ChatEditorProps>(\n (\n { classNames, extensions, references, autoFocus, lineWrapping = false, placeholder, onSubmit, onSuggest, onCancel },\n forwardRef,\n ) => {\n const { themeMode } = useThemeContext();\n\n const { parentRef, view } = useTextEditor(\n () => ({\n debug: true,\n autoFocus,\n extensions: [\n createThemeExtensions({ themeMode }),\n autocomplete({ onSubmit, onSuggest, onCancel }),\n references ? referencesExtension({ provider: references.provider }) : [],\n createBasicExtensions({\n bracketMatching: false,\n lineWrapping,\n placeholder,\n }),\n extensions,\n ].filter(isNonNullable),\n }),\n [themeMode, extensions, onSubmit, onSuggest, onCancel],\n );\n\n // Expose editor view.\n useImperativeHandle(forwardRef, () => {\n return {\n focus: () => {\n view?.focus();\n },\n getText: () => view?.state.doc.toString() ?? '',\n setText: (text: string) => {\n view?.dispatch({\n changes: {\n from: 0,\n to: view.state.doc.length,\n insert: text,\n },\n selection: {\n anchor: text.length,\n head: text.length,\n },\n });\n },\n };\n }, [view, onSubmit]);\n\n return <div ref={parentRef} className={mx('is-full', classNames)} />;\n },\n);\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { type Resource } from '@dxos/react-ui';\n\nexport const translationKey = 'react-ui-chat';\n\nexport const translations = [\n {\n 'en-US': {\n [translationKey]: {},\n },\n },\n] as const satisfies Resource[];\n"],
|
|
5
|
-
"mappings": "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
|
|
6
|
-
"names": ["createContext", "React", "useEffect", "useState", "Dialog", "Icon", "IconButton", "useControlledState", "ResizeHandle", "resizeAttributes", "sizeStyle", "mx", "preventDefault", "event", "Endcap", "children", "div", "className", "ChatDialogContextProvider", "useChatDialogContext", "createContext", "ChatDialogRoot", "open", "_open", "expanded", "expandedParam", "onOpenChange", "onExpandedChange", "onEscape", "size", "setSize", "useState", "setOpen", "useControlledState", "setExpanded", "Dialog", "Root", "modal", "role", "data-block-align", "Content", "inOverlayLayout", "classNames", "onEscapeKeyDown", "onInteractOutside", "displayName", "ChatDialogHeader", "title", "mx", "Close", "Icon", "icon", "Title", "onClick", "IconButton", "variant", "iconOnly", "label", "ChatDialogContent", "useEffect", "style", "sizeStyle", "maxBlockSize", "resizeAttributes", "ResizeHandle", "side", "iconPosition", "defaultSize", "fallbackSize", "minSize", "onSizeChange", "ChatDialogFooter", "ChatDialog", "Header", "Footer", "autocompletion", "completionKeymap", "RangeSet", "Decoration", "EditorView", "ViewPlugin", "WidgetType", "keymap", "Mutex", "invariant", "references", "provider", "triggerCharacter", "debug", "length", "decorationField", "fromClass", "ReferenceView", "update", "docChanged", "queueMicrotask", "guard", "_mutex", "acquire", "decorations", "_computeDecorations", "view", "release", "text", "state", "doc", "toString", "matchAll", "RegExp", "match", "reference", "uri", "slice", "data", "resolveReference", "push", "replace", "widget", "ReferenceWidget", "range", "index", "set", "v", "provide", "plugin", "atomicRanges", "of", "empty", "theme", "borderRadius", "borderWidth", "marginRight", "marginLeft", "tooltipClass", "activateOnTyping", "aboveCursor", "closeOnBlur", "override", "context", "matchBefore", "to", "from", "query", "getReferences", "filter", "options", "map", "label", "apply", "toDOM", "span", "document", "createElement", "textContent", "className", "eq", "other", "ignoreEvent", "React", "forwardRef", "useImperativeHandle", "useThemeContext", "autocomplete", "createBasicExtensions", "createThemeExtensions", "useTextEditor", "mx", "
|
|
4
|
+
"sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { createContext } from '@radix-ui/react-context';\nimport React, { type Dispatch, type PropsWithChildren, type SetStateAction, useEffect, useState } from 'react';\n\nimport { Dialog, Icon, IconButton, type ThemedClassName, useControlledState } from '@dxos/react-ui';\nimport { ResizeHandle, type Size, resizeAttributes, sizeStyle } from '@dxos/react-ui-dnd';\nimport { mx } from '@dxos/react-ui-theme';\n\nconst preventDefault = (event: Event) => event.preventDefault();\n\n// TODO(burdon): Factor out.\nconst Endcap = ({ children }: PropsWithChildren) => {\n return (\n <div className='grid w-[var(--rail-action)] h-[var(--rail-action)] items-center justify-center'>{children}</div>\n );\n};\n\n//\n// Context\n//\n\ntype ChatDialogContextValue = {\n open: boolean;\n setOpen: Dispatch<SetStateAction<boolean>>;\n expanded: boolean;\n setExpanded: Dispatch<SetStateAction<boolean>>;\n size: Size;\n setSize: Dispatch<SetStateAction<Size>>;\n};\n\nconst [ChatDialogContextProvider, useChatDialogContext] = createContext<ChatDialogContextValue>('ChatDialog');\n\n//\n// Root\n//\n\ntype ChatDialogRootProps = PropsWithChildren<{\n open?: boolean;\n expanded?: boolean;\n onOpenChange?: (open: boolean) => void;\n onExpandedChange?: (expanded: boolean) => void;\n onEscape?: () => void;\n}>;\n\nconst ChatDialogRoot = ({\n children,\n open: _open = false,\n expanded: expandedParam = false,\n onOpenChange,\n onExpandedChange,\n onEscape,\n}: ChatDialogRootProps) => {\n const [size, setSize] = useState<Size>('min-content');\n const [open, setOpen] = useControlledState<boolean>(_open, onOpenChange);\n const [expanded, setExpanded] = useControlledState<boolean>(expandedParam, onExpandedChange);\n\n // NOTE: We set the min size to 5rem (80px), and the header and prompt bar to 40px (i.e., the rail-size) each.\n // The dialog has no vertical padding and has box-content so that when closed it collapses to the size of the header and prompt bar.\n return (\n <ChatDialogContextProvider\n open={open}\n setOpen={setOpen}\n expanded={expanded}\n setExpanded={setExpanded}\n size={size}\n setSize={setSize}\n >\n <Dialog.Root modal={false} open={open} onOpenChange={setOpen}>\n <div role='none' className='dx-dialog__overlay bg-transparent pointer-events-none' data-block-align='end'>\n <Dialog.Content\n inOverlayLayout\n classNames={[\n 'grid grid-rows-[var(--rail-action)_1fr_min-content] p-0 overflow-hidden',\n 'box-content md:is-[35rem] md:max-is-none pointer-events-auto',\n ]}\n onEscapeKeyDown={onEscape}\n onInteractOutside={preventDefault}\n >\n {children}\n </Dialog.Content>\n </div>\n </Dialog.Root>\n </ChatDialogContextProvider>\n );\n};\n\nChatDialogRoot.displayName = 'ChatDialog.Root';\n\n//\n// Header\n//\n\ntype ChatDialogHeaderProps = ThemedClassName<{\n title?: string;\n}>;\n\nconst ChatDialogHeader = ({ classNames, title }: ChatDialogHeaderProps) => {\n const { expanded, setExpanded } = useChatDialogContext(ChatDialogHeader.displayName);\n\n return (\n <div className={mx('grid grid-cols-[var(--rail-action)_1fr_min-content] items-center overflow-hidden', classNames)}>\n <Endcap>\n <Dialog.Close>\n <Icon icon='ph--x--regular' />\n </Dialog.Close>\n </Endcap>\n <Dialog.Title\n classNames='flex w-full justify-center text-sm text-subdued select-none cursor-pointer'\n onClick={() => setExpanded((expanded) => !expanded)}\n >\n {title}\n </Dialog.Title>\n <Endcap>\n <IconButton\n variant='ghost'\n icon='ph--caret-up--regular'\n iconOnly\n classNames={mx('!p-1 [&>svg]:transition [&>svg]:duration-200', expanded && '[&>svg]:rotate-180')}\n label={expanded ? 'Close' : 'Open'}\n onClick={() => setExpanded((expanded) => !expanded)}\n />\n </Endcap>\n </div>\n );\n};\n\nChatDialogHeader.displayName = 'ChatDialog.Header';\n\n//\n// Content\n//\n\ntype ChatDialogContentProps = ThemedClassName<PropsWithChildren>;\n\nconst ChatDialogContent = ({ children, classNames }: ChatDialogContentProps) => {\n const { expanded, size, setSize } = useChatDialogContext(ChatDialogContent.displayName);\n useEffect(() => {\n setSize(expanded ? 'min-content' : 0);\n }, [expanded]);\n\n return (\n <div\n className={mx(\n 'flex flex-col overflow-y-auto border-t border-b border-subduedSeparator',\n 'transition-[block-size] ease-in-out duration-0 [&:not([data-dx-resizing=\"true\"])]:duration-200',\n classNames,\n )}\n style={{\n ...sizeStyle(size, 'vertical', true),\n maxBlockSize: 'calc(100dvh - env(safe-area-inset-bottom) - env(safe-area-inset-top) - 14rem)',\n }}\n {...resizeAttributes}\n >\n <ResizeHandle\n side='block-start'\n iconPosition='center'\n defaultSize='min-content'\n fallbackSize={0}\n minSize={0}\n onSizeChange={setSize}\n />\n {children}\n </div>\n );\n};\n\nChatDialogContent.displayName = 'ChatDialog.Content';\n\n//\n// Footer\n//\n\ntype ChatDialogFooterProps = ThemedClassName<PropsWithChildren>;\n\nconst ChatDialogFooter = ({ children, classNames }: ChatDialogFooterProps) => {\n return <div className={mx(classNames)}>{children}</div>;\n};\n\nChatDialogFooter.displayName = 'ChatDialog.Footer';\n\n//\n// ChatDialog\n//\n\nexport const ChatDialog = {\n Root: ChatDialogRoot,\n Header: ChatDialogHeader,\n Content: ChatDialogContent,\n Footer: ChatDialogFooter,\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { type CompletionResult, autocompletion, completionKeymap } from '@codemirror/autocomplete';\nimport { type Extension, RangeSet } from '@codemirror/state';\nimport {\n Decoration,\n type DecorationSet,\n EditorView,\n ViewPlugin,\n type ViewUpdate,\n WidgetType,\n keymap,\n} from '@codemirror/view';\n\nimport { Mutex } from '@dxos/async';\nimport { invariant } from '@dxos/invariant';\n\n// TODO(dmaretskyi): Consider adding details renderer for when you hover over the reference.\nexport type ReferenceData = {\n uri: string;\n label: string;\n};\n\nexport interface ReferencesProvider {\n getReferences({ query }: { query: string }): Promise<ReferenceData[]>;\n resolveReference({ uri }: { uri: string }): Promise<ReferenceData | null>;\n}\n\nexport type ReferencesOptions = {\n provider: ReferencesProvider;\n\n /**\n * @default '@'\n */\n triggerCharacter?: string;\n\n /**\n * Prevent the autocomplete from closing when the user blurs the editor.\n * @default false\n */\n debug?: boolean;\n};\n\n/**\n * Lookup object references.\n */\nexport const references = ({ provider, triggerCharacter = '@', debug = false }: ReferencesOptions): Extension => {\n invariant(triggerCharacter.length === 1);\n\n const decorationField = ViewPlugin.fromClass(\n class ReferenceView {\n // TODO(burdon): Why?\n private _mutex = new Mutex();\n\n decorations: DecorationSet = Decoration.set([]);\n\n constructor(view: EditorView) {\n queueMicrotask(async () => {\n const guard = await this._mutex.acquire();\n try {\n this.decorations = await this._computeDecorations(view);\n } finally {\n guard.release();\n }\n });\n }\n\n update(update: ViewUpdate) {\n if (update.docChanged) {\n queueMicrotask(async () => {\n const guard = await this._mutex.acquire();\n try {\n this.decorations = await this._computeDecorations(update.view);\n } finally {\n guard.release();\n }\n });\n }\n }\n\n private async _computeDecorations(view: EditorView): Promise<DecorationSet> {\n const text = view.state.doc.toString();\n const references = text.matchAll(new RegExp(`${triggerCharacter}[a-zA-Z0-9@:]+\\\\s`, 'g'));\n\n const decorations = [];\n for (const match of references) {\n const reference = match[0];\n const uri = reference.slice(1, -1);\n const data = await provider.resolveReference({ uri });\n if (data) {\n decorations.push(\n Decoration.replace({\n widget: new ReferenceWidget(data),\n }).range(match.index!, match.index! + reference.length),\n );\n }\n }\n\n return Decoration.set(decorations);\n }\n },\n {\n decorations: (v) => v.decorations,\n provide: (plugin) => [\n EditorView.atomicRanges.of(\n (view): DecorationSet => view.plugin(decorationField)?.decorations ?? RangeSet.empty,\n ),\n ],\n },\n );\n\n return [\n decorationField,\n\n EditorView.theme({\n '.cm-reference-pill': {\n borderRadius: '0.25rem',\n borderWidth: '1px',\n marginRight: '0.25rem',\n marginLeft: '0.25rem',\n },\n }),\n\n autocompletion({\n tooltipClass: () => 'shadow rounded',\n activateOnTyping: true,\n aboveCursor: true,\n closeOnBlur: !debug,\n override: [\n async (context): Promise<CompletionResult | null> => {\n const match = context.matchBefore(new RegExp(`${triggerCharacter}[a-zA-Z0-9]+`));\n if (!match || match?.to === match?.from) {\n return null;\n }\n\n const query = match.text.slice(1);\n const references = await provider.getReferences({ query });\n return {\n from: match.from,\n filter: false,\n options: references.map((reference) => ({\n label: reference.label,\n apply: `${triggerCharacter}${reference.uri} `,\n })),\n };\n },\n ],\n }),\n\n keymap.of(completionKeymap),\n ];\n};\n\nclass ReferenceWidget extends WidgetType {\n constructor(private data: ReferenceData) {\n super();\n }\n\n override toDOM(): HTMLSpanElement {\n const span = document.createElement('span');\n span.textContent = `@ ${this.data.label}`;\n span.className = 'cm-reference-pill';\n return span;\n }\n\n override eq(other: ReferenceWidget): boolean {\n return other.data.uri === this.data.uri;\n }\n\n override ignoreEvent(): boolean {\n return true;\n }\n}\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { type Extension } from '@codemirror/state';\nimport { keymap } from '@codemirror/view';\nimport { useFocusFinders } from '@fluentui/react-tabster';\nimport React, { forwardRef, useImperativeHandle } from 'react';\n\nimport { type ThemedClassName, useThemeContext } from '@dxos/react-ui';\nimport {\n type AutocompleteOptions,\n type BasicExtensionsOptions,\n type UseTextEditorProps,\n autocomplete,\n createBasicExtensions,\n createThemeExtensions,\n useTextEditor,\n} from '@dxos/react-ui-editor';\nimport { mx } from '@dxos/react-ui-theme';\nimport { isTruthy } from '@dxos/util';\n\nimport { type ReferencesOptions, references as referencesExtension } from './references';\n\nexport interface ChatEditorController {\n focus(): void;\n getText(): string;\n setText(text: string): void;\n}\n\nexport type ChatEditorProps = ThemedClassName<\n {\n extensions?: Extension;\n references?: ReferencesOptions;\n } & AutocompleteOptions &\n Pick<UseTextEditorProps, 'id' | 'autoFocus'> &\n Pick<BasicExtensionsOptions, 'lineWrapping' | 'placeholder'>\n>;\n\nexport const ChatEditor = forwardRef<ChatEditorController, ChatEditorProps>(\n (\n { classNames, extensions, references, autoFocus, lineWrapping = false, placeholder, onSubmit, onSuggest, onCancel },\n forwardRef,\n ) => {\n const { themeMode } = useThemeContext();\n const { findNextFocusable, findPrevFocusable } = useFocusFinders();\n const { parentRef, view } = useTextEditor(\n () => ({\n debug: true,\n autoFocus,\n extensions: [\n createThemeExtensions({ themeMode }),\n createBasicExtensions({ bracketMatching: false, lineWrapping, placeholder }),\n autocomplete({ onSubmit, onSuggest, onCancel }),\n references ? referencesExtension({ provider: references.provider }) : [],\n // TODO(burdon): Standardize.\n keymap.of([\n {\n key: 'Tab',\n preventDefault: true,\n run: (view) => {\n findNextFocusable(view.dom)?.focus();\n return true;\n },\n },\n {\n key: 'Shift-Tab',\n preventDefault: true,\n run: (view) => {\n findPrevFocusable(view.dom)?.focus();\n return true;\n },\n },\n ]),\n extensions,\n ].filter(isTruthy),\n }),\n [themeMode, extensions, onSubmit, onSuggest, onCancel],\n );\n\n // Expose editor view.\n useImperativeHandle(forwardRef, () => {\n return {\n focus: () => {\n view?.focus();\n },\n getText: () => view?.state.doc.toString() ?? '',\n setText: (text: string) => {\n view?.dispatch({\n changes: {\n from: 0,\n to: view.state.doc.length,\n insert: text,\n },\n selection: {\n anchor: text.length,\n head: text.length,\n },\n });\n },\n };\n }, [view, onSubmit]);\n\n return <div ref={parentRef} className={mx('is-full', classNames)} />;\n },\n);\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { type Resource } from '@dxos/react-ui';\n\nexport const translationKey = 'react-ui-chat';\n\nexport const translations = [\n {\n 'en-US': {\n [translationKey]: {},\n },\n },\n] as const satisfies Resource[];\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
|
+
"names": ["createContext", "React", "useEffect", "useState", "Dialog", "Icon", "IconButton", "useControlledState", "ResizeHandle", "resizeAttributes", "sizeStyle", "mx", "preventDefault", "event", "Endcap", "children", "div", "className", "ChatDialogContextProvider", "useChatDialogContext", "createContext", "ChatDialogRoot", "open", "_open", "expanded", "expandedParam", "onOpenChange", "onExpandedChange", "onEscape", "size", "setSize", "useState", "setOpen", "useControlledState", "setExpanded", "Dialog", "Root", "modal", "role", "data-block-align", "Content", "inOverlayLayout", "classNames", "onEscapeKeyDown", "onInteractOutside", "displayName", "ChatDialogHeader", "title", "mx", "Close", "Icon", "icon", "Title", "onClick", "IconButton", "variant", "iconOnly", "label", "ChatDialogContent", "useEffect", "style", "sizeStyle", "maxBlockSize", "resizeAttributes", "ResizeHandle", "side", "iconPosition", "defaultSize", "fallbackSize", "minSize", "onSizeChange", "ChatDialogFooter", "ChatDialog", "Header", "Footer", "autocompletion", "completionKeymap", "RangeSet", "Decoration", "EditorView", "ViewPlugin", "WidgetType", "keymap", "Mutex", "invariant", "references", "provider", "triggerCharacter", "debug", "length", "decorationField", "fromClass", "ReferenceView", "update", "docChanged", "queueMicrotask", "guard", "_mutex", "acquire", "decorations", "_computeDecorations", "view", "release", "text", "state", "doc", "toString", "matchAll", "RegExp", "match", "reference", "uri", "slice", "data", "resolveReference", "push", "replace", "widget", "ReferenceWidget", "range", "index", "set", "v", "provide", "plugin", "atomicRanges", "of", "empty", "theme", "borderRadius", "borderWidth", "marginRight", "marginLeft", "tooltipClass", "activateOnTyping", "aboveCursor", "closeOnBlur", "override", "context", "matchBefore", "to", "from", "query", "getReferences", "filter", "options", "map", "label", "apply", "toDOM", "span", "document", "createElement", "textContent", "className", "eq", "other", "ignoreEvent", "keymap", "useFocusFinders", "React", "forwardRef", "useImperativeHandle", "useThemeContext", "autocomplete", "createBasicExtensions", "createThemeExtensions", "useTextEditor", "mx", "isTruthy", "ChatEditor", "forwardRef", "classNames", "extensions", "references", "autoFocus", "lineWrapping", "placeholder", "onSubmit", "onSuggest", "onCancel", "themeMode", "useThemeContext", "findNextFocusable", "findPrevFocusable", "useFocusFinders", "parentRef", "view", "useTextEditor", "debug", "createThemeExtensions", "createBasicExtensions", "bracketMatching", "autocomplete", "referencesExtension", "provider", "keymap", "of", "key", "preventDefault", "run", "dom", "focus", "filter", "isTruthy", "useImperativeHandle", "getText", "state", "doc", "toString", "setText", "text", "dispatch", "changes", "from", "to", "length", "insert", "selection", "anchor", "head", "React", "div", "ref", "className", "mx", "translationKey", "translations"]
|
|
7
7
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"inputs":{"src/components/ChatDialog/ChatDialog.tsx":{"bytes":17762,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@radix-ui/react-context","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-dnd","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true}],"format":"esm"},"src/components/ChatDialog/index.ts":{"bytes":480,"imports":[{"path":"src/components/ChatDialog/ChatDialog.tsx","kind":"import-statement","original":"./ChatDialog"}],"format":"esm"},"src/components/ChatEditor/references.ts":{"bytes":16344,"imports":[{"path":"@codemirror/autocomplete","kind":"import-statement","external":true},{"path":"@codemirror/state","kind":"import-statement","external":true},{"path":"@codemirror/view","kind":"import-statement","external":true},{"path":"@dxos/async","kind":"import-statement","external":true},{"path":"@dxos/invariant","kind":"import-statement","external":true}],"format":"esm"},"src/components/ChatEditor/ChatEditor.tsx":{"bytes":
|
|
1
|
+
{"inputs":{"src/components/ChatDialog/ChatDialog.tsx":{"bytes":17762,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@radix-ui/react-context","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-dnd","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true}],"format":"esm"},"src/components/ChatDialog/index.ts":{"bytes":480,"imports":[{"path":"src/components/ChatDialog/ChatDialog.tsx","kind":"import-statement","original":"./ChatDialog"}],"format":"esm"},"src/components/ChatEditor/references.ts":{"bytes":16344,"imports":[{"path":"@codemirror/autocomplete","kind":"import-statement","external":true},{"path":"@codemirror/state","kind":"import-statement","external":true},{"path":"@codemirror/view","kind":"import-statement","external":true},{"path":"@dxos/async","kind":"import-statement","external":true},{"path":"@dxos/invariant","kind":"import-statement","external":true}],"format":"esm"},"src/components/ChatEditor/ChatEditor.tsx":{"bytes":11267,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@codemirror/view","kind":"import-statement","external":true},{"path":"@fluentui/react-tabster","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-editor","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true},{"path":"src/components/ChatEditor/references.ts","kind":"import-statement","original":"./references"}],"format":"esm"},"src/components/ChatEditor/index.ts":{"bytes":574,"imports":[{"path":"src/components/ChatEditor/references.ts","kind":"import-statement","original":"./references"},{"path":"src/components/ChatEditor/ChatEditor.tsx","kind":"import-statement","original":"./ChatEditor"}],"format":"esm"},"src/components/index.ts":{"bytes":563,"imports":[{"path":"src/components/ChatDialog/index.ts","kind":"import-statement","original":"./ChatDialog"},{"path":"src/components/ChatEditor/index.ts","kind":"import-statement","original":"./ChatEditor"}],"format":"esm"},"src/translations.ts":{"bytes":1041,"imports":[],"format":"esm"},"src/index.ts":{"bytes":558,"imports":[{"path":"src/components/index.ts","kind":"import-statement","original":"./components"},{"path":"src/translations.ts","kind":"import-statement","original":"./translations"}],"format":"esm"}},"outputs":{"dist/lib/node-esm/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":23420},"dist/lib/node-esm/index.mjs":{"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@radix-ui/react-context","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-dnd","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@codemirror/autocomplete","kind":"import-statement","external":true},{"path":"@codemirror/state","kind":"import-statement","external":true},{"path":"@codemirror/view","kind":"import-statement","external":true},{"path":"@dxos/async","kind":"import-statement","external":true},{"path":"@dxos/invariant","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@codemirror/view","kind":"import-statement","external":true},{"path":"@fluentui/react-tabster","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-editor","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true}],"exports":["ChatDialog","ChatEditor","references","translationKey","translations"],"entryPoint":"src/index.ts","inputs":{"src/components/ChatDialog/ChatDialog.tsx":{"bytesInOutput":4874},"src/components/ChatDialog/index.ts":{"bytesInOutput":0},"src/components/index.ts":{"bytesInOutput":0},"src/components/ChatEditor/references.ts":{"bytesInOutput":3999},"src/components/ChatEditor/index.ts":{"bytesInOutput":0},"src/components/ChatEditor/ChatEditor.tsx":{"bytesInOutput":2700},"src/index.ts":{"bytesInOutput":0},"src/translations.ts":{"bytesInOutput":118}},"bytes":12063}}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChatDialog.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/ChatDialog/ChatDialog.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,
|
|
1
|
+
{"version":3,"file":"ChatDialog.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/ChatDialog/ChatDialog.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAmB,MAAM,OAAO,CAAC;AAWxC,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyC8B,CAAC;AAEzC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChatEditor.d.ts","sourceRoot":"","sources":["../../../../../src/components/ChatEditor/ChatEditor.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"ChatEditor.d.ts","sourceRoot":"","sources":["../../../../../src/components/ChatEditor/ChatEditor.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAGnD,OAAO,KAA0C,MAAM,OAAO,CAAC;AAE/D,OAAO,EAAE,KAAK,eAAe,EAAmB,MAAM,gBAAgB,CAAC;AACvE,OAAO,EACL,KAAK,mBAAmB,EACxB,KAAK,sBAAsB,EAC3B,KAAK,kBAAkB,EAKxB,MAAM,uBAAuB,CAAC;AAI/B,OAAO,EAAE,KAAK,iBAAiB,EAAqC,MAAM,cAAc,CAAC;AAEzF,MAAM,WAAW,oBAAoB;IACnC,KAAK,IAAI,IAAI,CAAC;IACd,OAAO,IAAI,MAAM,CAAC;IAClB,OAAO,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;CAC7B;AAED,MAAM,MAAM,eAAe,GAAG,eAAe,CAC3C;IACE,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,UAAU,CAAC,EAAE,iBAAiB,CAAC;CAChC,GAAG,mBAAmB,GACrB,IAAI,CAAC,kBAAkB,EAAE,IAAI,GAAG,WAAW,CAAC,GAC5C,IAAI,CAAC,sBAAsB,EAAE,cAAc,GAAG,aAAa,CAAC,CAC/D,CAAC;AAEF,eAAO,MAAM,UAAU;iBAPN,SAAS;iBACT,iBAAiB;;;8CAwEjC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChatEditor.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/ChatEditor/ChatEditor.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,
|
|
1
|
+
{"version":3,"file":"ChatEditor.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/ChatEditor/ChatEditor.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAUjE,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;CAQyB,CAAC;AAEpC,eAAe,IAAI,CAAC;AAIpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAuB7B,CAAC;AAiBF,eAAO,MAAM,cAAc,EAAE,KAkB5B,CAAC"}
|