@dxos/react-ui-chat 0.8.4-main.3f58842 → 0.8.4-main.5ea62a8

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.
Files changed (29) hide show
  1. package/dist/lib/browser/index.mjs +71 -31
  2. package/dist/lib/browser/index.mjs.map +4 -4
  3. package/dist/lib/browser/meta.json +1 -1
  4. package/dist/lib/node-esm/index.mjs +71 -31
  5. package/dist/lib/node-esm/index.mjs.map +4 -4
  6. package/dist/lib/node-esm/meta.json +1 -1
  7. package/dist/types/src/components/ChatDialog/ChatDialog.d.ts.map +1 -1
  8. package/dist/types/src/components/ChatDialog/ChatDialog.stories.d.ts +35 -4
  9. package/dist/types/src/components/ChatDialog/ChatDialog.stories.d.ts.map +1 -1
  10. package/dist/types/src/components/ChatEditor/ChatEditor.d.ts +3 -2
  11. package/dist/types/src/components/ChatEditor/ChatEditor.d.ts.map +1 -1
  12. package/dist/types/src/components/ChatEditor/ChatEditor.stories.d.ts +20 -4
  13. package/dist/types/src/components/ChatEditor/ChatEditor.stories.d.ts.map +1 -1
  14. package/dist/types/src/components/ChatEditor/autocomplete.d.ts +2 -1
  15. package/dist/types/src/components/ChatEditor/autocomplete.d.ts.map +1 -1
  16. package/dist/types/src/index.d.ts +1 -0
  17. package/dist/types/src/index.d.ts.map +1 -1
  18. package/dist/types/src/translations.d.ts +1 -34
  19. package/dist/types/src/translations.d.ts.map +1 -1
  20. package/dist/types/tsconfig.tsbuildinfo +1 -1
  21. package/package.json +26 -25
  22. package/src/components/ChatDialog/ChatDialog.stories.tsx +7 -6
  23. package/src/components/ChatDialog/ChatDialog.tsx +2 -2
  24. package/src/components/ChatEditor/ChatEditor.stories.tsx +6 -5
  25. package/src/components/ChatEditor/ChatEditor.tsx +9 -8
  26. package/src/components/ChatEditor/autocomplete.ts +8 -6
  27. package/src/components/ChatEditor/references.ts +1 -1
  28. package/src/index.ts +1 -0
  29. package/src/translations.ts +1 -40
@@ -3,7 +3,7 @@ import { useSignals as _useSignals } from "@preact-signals/safe-react/tracking";
3
3
  import { createContext } from "@radix-ui/react-context";
4
4
  import React, { useEffect, useState } from "react";
5
5
  import { Dialog, Icon, IconButton, useControlledState } from "@dxos/react-ui";
6
- import { resizeAttributes, ResizeHandle, sizeStyle } from "@dxos/react-ui-dnd";
6
+ import { ResizeHandle, resizeAttributes, sizeStyle } from "@dxos/react-ui-dnd";
7
7
  import { mx } from "@dxos/react-ui-theme";
8
8
  var preventDefault = (event) => event.preventDefault();
9
9
  var Endcap = ({ children }) => {
@@ -129,6 +129,19 @@ import { RangeSet } from "@codemirror/state";
129
129
  import { Decoration, EditorView, ViewPlugin, WidgetType, keymap } from "@codemirror/view";
130
130
  import { Mutex } from "@dxos/async";
131
131
  import { invariant } from "@dxos/invariant";
132
+ function _define_property(obj, key, value) {
133
+ if (key in obj) {
134
+ Object.defineProperty(obj, key, {
135
+ value,
136
+ enumerable: true,
137
+ configurable: true,
138
+ writable: true
139
+ });
140
+ } else {
141
+ obj[key] = value;
142
+ }
143
+ return obj;
144
+ }
132
145
  var __dxlog_file = "/__w/dxos/dxos/packages/ui/react-ui-chat/src/components/ChatEditor/references.ts";
133
146
  var references = ({ provider, triggerCharacter = "@", debug = false }) => {
134
147
  invariant(triggerCharacter.length === 1, void 0, {
@@ -141,19 +154,6 @@ var references = ({ provider, triggerCharacter = "@", debug = false }) => {
141
154
  ]
142
155
  });
143
156
  const decorationField = ViewPlugin.fromClass(class ReferenceView {
144
- constructor(view) {
145
- // TODO(burdon): Why?
146
- this._mutex = new Mutex();
147
- this.decorations = Decoration.set([]);
148
- queueMicrotask(async () => {
149
- const guard = await this._mutex.acquire();
150
- try {
151
- this.decorations = await this._computeDecorations(view);
152
- } finally {
153
- guard.release();
154
- }
155
- });
156
- }
157
157
  update(update) {
158
158
  if (update.docChanged) {
159
159
  queueMicrotask(async () => {
@@ -184,6 +184,18 @@ var references = ({ provider, triggerCharacter = "@", debug = false }) => {
184
184
  }
185
185
  return Decoration.set(decorations);
186
186
  }
187
+ constructor(view) {
188
+ _define_property(this, "_mutex", new Mutex());
189
+ _define_property(this, "decorations", Decoration.set([]));
190
+ queueMicrotask(async () => {
191
+ const guard = await this._mutex.acquire();
192
+ try {
193
+ this.decorations = await this._computeDecorations(view);
194
+ } finally {
195
+ guard.release();
196
+ }
197
+ });
198
+ }
187
199
  }, {
188
200
  decorations: (v) => v.decorations,
189
201
  provide: (plugin) => [
@@ -230,9 +242,6 @@ var references = ({ provider, triggerCharacter = "@", debug = false }) => {
230
242
  ];
231
243
  };
232
244
  var ReferenceWidget = class extends WidgetType {
233
- constructor(data) {
234
- super(), this.data = data;
235
- }
236
245
  toDOM() {
237
246
  const span = document.createElement("span");
238
247
  span.textContent = `@ ${this.data.label}`;
@@ -245,6 +254,9 @@ var ReferenceWidget = class extends WidgetType {
245
254
  ignoreEvent() {
246
255
  return true;
247
256
  }
257
+ constructor(data) {
258
+ super(), _define_property(this, "data", void 0), this.data = data;
259
+ }
248
260
  };
249
261
 
250
262
  // src/components/ChatEditor/ChatEditor.tsx
@@ -257,13 +269,22 @@ import { isNonNullable } from "@dxos/util";
257
269
 
258
270
  // src/components/ChatEditor/autocomplete.ts
259
271
  import { Prec } from "@codemirror/state";
260
- import { EditorView as EditorView2, Decoration as Decoration2, ViewPlugin as ViewPlugin2, keymap as keymap2, WidgetType as WidgetType2 } from "@codemirror/view";
261
- var autocomplete = ({ onSubmit, onSuggest, onCancel }) => {
272
+ import { Decoration as Decoration2, EditorView as EditorView2, ViewPlugin as ViewPlugin2, WidgetType as WidgetType2, keymap as keymap2 } from "@codemirror/view";
273
+ function _define_property2(obj, key, value) {
274
+ if (key in obj) {
275
+ Object.defineProperty(obj, key, {
276
+ value,
277
+ enumerable: true,
278
+ configurable: true,
279
+ writable: true
280
+ });
281
+ } else {
282
+ obj[key] = value;
283
+ }
284
+ return obj;
285
+ }
286
+ var autocomplete = ({ fireIfEmpty, onSubmit, onSuggest, onCancel }) => {
262
287
  const suggest = ViewPlugin2.fromClass(class {
263
- constructor(view) {
264
- this._currentSuggestion = null;
265
- this._decorations = this.computeDecorations(view);
266
- }
267
288
  update(update) {
268
289
  if (update.docChanged || update.selectionSet) {
269
290
  this._decorations = this.computeDecorations(update.view);
@@ -308,6 +329,11 @@ var autocomplete = ({ onSubmit, onSuggest, onCancel }) => {
308
329
  });
309
330
  return true;
310
331
  }
332
+ constructor(view) {
333
+ _define_property2(this, "_decorations", void 0);
334
+ _define_property2(this, "_currentSuggestion", null);
335
+ this._decorations = this.computeDecorations(view);
336
+ }
311
337
  }, {
312
338
  decorations: (v) => v._decorations
313
339
  });
@@ -343,7 +369,7 @@ var autocomplete = ({ onSubmit, onSuggest, onCancel }) => {
343
369
  preventDefault: true,
344
370
  run: (view) => {
345
371
  const text = view.state.doc.toString().trim();
346
- if (text.length > 0 && onSubmit) {
372
+ if (onSubmit && (fireIfEmpty || text.length > 0)) {
347
373
  const reset = onSubmit(text);
348
374
  if (reset) {
349
375
  view.dispatch({
@@ -394,9 +420,6 @@ var autocomplete = ({ onSubmit, onSuggest, onCancel }) => {
394
420
  ];
395
421
  };
396
422
  var InlineSuggestionWidget = class extends WidgetType2 {
397
- constructor(suffix) {
398
- super(), this.suffix = suffix;
399
- }
400
423
  toDOM() {
401
424
  const span = document.createElement("span");
402
425
  span.textContent = this.suffix;
@@ -406,6 +429,9 @@ var InlineSuggestionWidget = class extends WidgetType2 {
406
429
  eq(other) {
407
430
  return other.suffix === this.suffix;
408
431
  }
432
+ constructor(suffix) {
433
+ super(), _define_property2(this, "suffix", void 0), this.suffix = suffix;
434
+ }
409
435
  };
410
436
 
411
437
  // src/components/ChatEditor/ChatEditor.tsx
@@ -413,7 +439,7 @@ var ChatEditor = /* @__PURE__ */ forwardRef(({ classNames, extensions, reference
413
439
  var _effect = _useSignals2();
414
440
  try {
415
441
  const { themeMode } = useThemeContext();
416
- const { parentRef, view } = useTextEditor({
442
+ const { parentRef, view } = useTextEditor(() => ({
417
443
  debug: true,
418
444
  autoFocus,
419
445
  extensions: [
@@ -435,17 +461,19 @@ var ChatEditor = /* @__PURE__ */ forwardRef(({ classNames, extensions, reference
435
461
  }),
436
462
  extensions
437
463
  ].filter(isNonNullable)
438
- }, [
464
+ }), [
439
465
  themeMode,
440
466
  extensions,
441
467
  onSubmit,
442
- onSuggest
468
+ onSuggest,
469
+ onCancel
443
470
  ]);
444
471
  useImperativeHandle(forwardRef2, () => {
445
472
  return {
446
473
  focus: () => {
447
474
  view?.focus();
448
475
  },
476
+ getText: () => view?.state.doc.toString() ?? "",
449
477
  setText: (text) => {
450
478
  view?.dispatch({
451
479
  changes: {
@@ -472,9 +500,21 @@ var ChatEditor = /* @__PURE__ */ forwardRef(({ classNames, extensions, reference
472
500
  _effect.f();
473
501
  }
474
502
  });
503
+
504
+ // src/translations.ts
505
+ var translationKey = "react-ui-chat";
506
+ var translations = [
507
+ {
508
+ "en-US": {
509
+ [translationKey]: {}
510
+ }
511
+ }
512
+ ];
475
513
  export {
476
514
  ChatDialog,
477
515
  ChatEditor,
478
- references
516
+ references,
517
+ translationKey,
518
+ translations
479
519
  };
480
520
  //# sourceMappingURL=index.mjs.map
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
- "sources": ["../../../src/components/ChatDialog/ChatDialog.tsx", "../../../src/components/ChatEditor/references.ts", "../../../src/components/ChatEditor/ChatEditor.tsx", "../../../src/components/ChatEditor/autocomplete.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, useControlledState, type ThemedClassName } from '@dxos/react-ui';\nimport { resizeAttributes, ResizeHandle, type Size, 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: _expanded = 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>(_expanded, 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 { autocompletion, completionKeymap, type CompletionResult } 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 BasicExtensionsOptions,\n type UseTextEditorProps,\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 { autocomplete, type AutocompleteOptions } from './autocomplete';\nimport { references as referencesExtension, type ReferencesOptions } from './references';\n\n// TODO(burdon): Handle object references.\n\nexport interface ChatEditorController {\n focus(): void;\n setText(text: string): void;\n}\n\nexport type ChatEditorProps = ThemedClassName<\n {\n extensions?: Extension;\n references?: ReferencesOptions;\n } & AutocompleteOptions &\n Pick<UseTextEditorProps, '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 { 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],\n );\n\n // Expose editor view.\n useImperativeHandle(forwardRef, () => {\n return {\n focus: () => {\n view?.focus();\n },\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 2025 DXOS.org\n//\n\nimport { Prec, type Extension } from '@codemirror/state';\nimport {\n EditorView,\n Decoration,\n ViewPlugin,\n keymap,\n type DecorationSet,\n type ViewUpdate,\n WidgetType,\n} from '@codemirror/view';\n\nexport type AutocompleteOptions = {\n /**\n * Callback triggered when Enter is pressed.\n * @param text The current text in the editor\n * @returns true if the editor should reset the document.\n */\n onSubmit?: (text: string) => boolean | void;\n\n /**\n * Function that returns a list of suggestions based on the current text.\n * @param text The current text before the cursor\n * @returns Array of suggestion strings\n */\n onSuggest?: (text: string) => string[];\n\n /**\n * ESC pressed.\n */\n onCancel?: () => void;\n};\n\n/**\n * Creates an autocomplete extension that shows inline suggestions.\n * Pressing Tab will complete the suggestion.\n */\n// TODO(burdon): Move to react-ui-editor.\nexport const autocomplete = ({ onSubmit, onSuggest, onCancel }: AutocompleteOptions): Extension => {\n const suggest = ViewPlugin.fromClass(\n class {\n _decorations: DecorationSet;\n _currentSuggestion: string | null = null;\n\n constructor(view: EditorView) {\n this._decorations = this.computeDecorations(view);\n }\n\n update(update: ViewUpdate) {\n if (update.docChanged || update.selectionSet) {\n this._decorations = this.computeDecorations(update.view);\n }\n }\n\n private computeDecorations(view: EditorView): DecorationSet {\n const text = view.state.doc.toString();\n const suggestions = onSuggest?.(text) ?? [];\n if (!suggestions.length) {\n this._currentSuggestion = null;\n return Decoration.none;\n }\n\n // Get the first suggestion.\n this._currentSuggestion = suggestions[0];\n const suffix = this._currentSuggestion.slice(text.length);\n if (!suffix) {\n return Decoration.none;\n }\n\n // Always show ghost text at the end of the document.\n return Decoration.set([\n Decoration.widget({\n widget: new InlineSuggestionWidget(suffix),\n side: 1,\n }).range(view.state.doc.length),\n ]);\n }\n\n completeSuggestion(view: EditorView): boolean {\n if (!this._currentSuggestion) {\n return false;\n }\n\n const text = view.state.doc.toString();\n const suffix = this._currentSuggestion.slice(text.length);\n if (!suffix) {\n return false;\n }\n\n view.dispatch({\n changes: {\n from: view.state.doc.length,\n insert: suffix,\n },\n selection: {\n anchor: view.state.doc.length + suffix.length,\n },\n });\n\n return true;\n }\n },\n {\n decorations: (v) => v._decorations,\n },\n );\n\n return [\n suggest,\n EditorView.theme({\n '.cm-inline-suggestion': {\n opacity: 0.4,\n },\n }),\n\n Prec.highest(\n keymap.of([\n {\n key: 'Tab',\n preventDefault: true,\n run: (view) => {\n const plugin = view.plugin(suggest);\n return plugin?.completeSuggestion(view) ?? false;\n },\n },\n {\n key: 'ArrowRight',\n preventDefault: true,\n run: (view) => {\n // Only complete if cursor is at the end\n if (view.state.selection.main.head !== view.state.doc.length) {\n return false;\n }\n\n const plugin = view.plugin(suggest);\n return plugin?.completeSuggestion(view) ?? false;\n },\n },\n {\n key: 'Enter',\n preventDefault: true,\n run: (view) => {\n const text = view.state.doc.toString().trim();\n if (text.length > 0 && onSubmit) {\n const reset = onSubmit(text);\n\n // Clear the document after calling onEnter.\n if (reset) {\n view.dispatch({\n changes: {\n from: 0,\n to: view.state.doc.length,\n insert: '',\n },\n });\n }\n }\n\n return true;\n },\n },\n {\n key: 'Shift-Enter',\n preventDefault: true,\n run: (view) => {\n view.dispatch({\n changes: {\n from: view.state.selection.main.head,\n insert: '\\n',\n },\n selection: {\n anchor: view.state.selection.main.head + 1,\n head: view.state.selection.main.head + 1,\n },\n });\n return true;\n },\n },\n {\n key: 'Escape',\n preventDefault: true,\n run: (view) => {\n // Clear the entire document.\n view.dispatch({\n changes: {\n from: 0,\n to: view.state.doc.length,\n insert: '',\n },\n });\n onCancel?.();\n return true;\n },\n },\n ]),\n ),\n ];\n};\n\nclass InlineSuggestionWidget extends WidgetType {\n constructor(private suffix: string) {\n super();\n }\n\n override toDOM(): HTMLSpanElement {\n const span = document.createElement('span');\n span.textContent = this.suffix;\n span.className = 'cm-inline-suggestion';\n return span;\n }\n\n override eq(other: InlineSuggestionWidget): boolean {\n return other.suffix === this.suffix;\n }\n}\n"],
5
- "mappings": "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",
6
- "names": ["createContext", "React", "useEffect", "useState", "Dialog", "Icon", "IconButton", "useControlledState", "resizeAttributes", "ResizeHandle", "sizeStyle", "mx", "preventDefault", "event", "Endcap", "children", "div", "className", "ChatDialogContextProvider", "useChatDialogContext", "createContext", "ChatDialogRoot", "open", "_open", "expanded", "_expanded", "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", "view", "_mutex", "decorations", "set", "queueMicrotask", "guard", "acquire", "_computeDecorations", "release", "update", "docChanged", "text", "state", "doc", "toString", "matchAll", "RegExp", "match", "reference", "uri", "slice", "data", "resolveReference", "push", "replace", "widget", "ReferenceWidget", "range", "index", "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", "createBasicExtensions", "createThemeExtensions", "useTextEditor", "mx", "isNonNullable", "Prec", "EditorView", "Decoration", "ViewPlugin", "keymap", "WidgetType", "autocomplete", "onSubmit", "onSuggest", "onCancel", "suggest", "ViewPlugin", "fromClass", "view", "_currentSuggestion", "_decorations", "computeDecorations", "update", "docChanged", "selectionSet", "text", "state", "doc", "toString", "suggestions", "length", "Decoration", "none", "suffix", "slice", "set", "widget", "InlineSuggestionWidget", "side", "range", "completeSuggestion", "dispatch", "changes", "from", "insert", "selection", "anchor", "decorations", "v", "EditorView", "theme", "opacity", "Prec", "highest", "keymap", "of", "key", "preventDefault", "run", "plugin", "main", "head", "trim", "reset", "to", "WidgetType", "toDOM", "span", "document", "createElement", "textContent", "className", "eq", "other", "ChatEditor", "forwardRef", "classNames", "extensions", "references", "autoFocus", "lineWrapping", "placeholder", "onSubmit", "onSuggest", "onCancel", "themeMode", "useThemeContext", "parentRef", "view", "useTextEditor", "debug", "createThemeExtensions", "autocomplete", "referencesExtension", "provider", "createBasicExtensions", "bracketMatching", "filter", "isNonNullable", "useImperativeHandle", "focus", "setText", "text", "dispatch", "changes", "from", "to", "state", "doc", "length", "insert", "selection", "anchor", "head", "React", "div", "ref", "className", "mx"]
3
+ "sources": ["../../../src/components/ChatDialog/ChatDialog.tsx", "../../../src/components/ChatEditor/references.ts", "../../../src/components/ChatEditor/ChatEditor.tsx", "../../../src/components/ChatEditor/autocomplete.ts", "../../../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: _expanded = 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>(_expanded, 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 BasicExtensionsOptions,\n type UseTextEditorProps,\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 AutocompleteOptions, autocomplete } from './autocomplete';\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 2025 DXOS.org\n//\n\nimport { type Extension, Prec } 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\nexport type AutocompleteOptions = {\n fireIfEmpty?: boolean;\n\n /**\n * Callback triggered when Enter is pressed.\n * @param text The current text in the editor\n * @returns true if the editor should reset the document.\n */\n onSubmit?: (text: string) => boolean | void;\n\n /**\n * Function that returns a list of suggestions based on the current text.\n * @param text The current text before the cursor\n * @returns Array of suggestion strings\n */\n onSuggest?: (text: string) => string[];\n\n /**\n * ESC pressed.\n */\n onCancel?: () => void;\n};\n\n/**\n * Creates an autocomplete extension that shows inline suggestions.\n * Pressing Tab will complete the suggestion.\n */\n// TODO(burdon): Move to react-ui-editor.\nexport const autocomplete = ({ fireIfEmpty, onSubmit, onSuggest, onCancel }: AutocompleteOptions): Extension => {\n const suggest = ViewPlugin.fromClass(\n class {\n _decorations: DecorationSet;\n _currentSuggestion: string | null = null;\n\n constructor(view: EditorView) {\n this._decorations = this.computeDecorations(view);\n }\n\n update(update: ViewUpdate) {\n if (update.docChanged || update.selectionSet) {\n this._decorations = this.computeDecorations(update.view);\n }\n }\n\n private computeDecorations(view: EditorView): DecorationSet {\n const text = view.state.doc.toString();\n const suggestions = onSuggest?.(text) ?? [];\n if (!suggestions.length) {\n this._currentSuggestion = null;\n return Decoration.none;\n }\n\n // Get the first suggestion.\n this._currentSuggestion = suggestions[0];\n const suffix = this._currentSuggestion.slice(text.length);\n if (!suffix) {\n return Decoration.none;\n }\n\n // Always show ghost text at the end of the document.\n return Decoration.set([\n Decoration.widget({\n widget: new InlineSuggestionWidget(suffix),\n side: 1,\n }).range(view.state.doc.length),\n ]);\n }\n\n completeSuggestion(view: EditorView): boolean {\n if (!this._currentSuggestion) {\n return false;\n }\n\n const text = view.state.doc.toString();\n const suffix = this._currentSuggestion.slice(text.length);\n if (!suffix) {\n return false;\n }\n\n view.dispatch({\n changes: {\n from: view.state.doc.length,\n insert: suffix,\n },\n selection: {\n anchor: view.state.doc.length + suffix.length,\n },\n });\n\n return true;\n }\n },\n {\n decorations: (v) => v._decorations,\n },\n );\n\n return [\n suggest,\n EditorView.theme({\n '.cm-inline-suggestion': {\n opacity: 0.4,\n },\n }),\n\n Prec.highest(\n keymap.of([\n {\n key: 'Tab',\n preventDefault: true,\n run: (view) => {\n const plugin = view.plugin(suggest);\n return plugin?.completeSuggestion(view) ?? false;\n },\n },\n {\n key: 'ArrowRight',\n preventDefault: true,\n run: (view) => {\n // Only complete if cursor is at the end\n if (view.state.selection.main.head !== view.state.doc.length) {\n return false;\n }\n\n const plugin = view.plugin(suggest);\n return plugin?.completeSuggestion(view) ?? false;\n },\n },\n {\n key: 'Enter',\n preventDefault: true,\n run: (view) => {\n const text = view.state.doc.toString().trim();\n if (onSubmit && (fireIfEmpty || text.length > 0)) {\n const reset = onSubmit(text);\n\n // Clear the document after calling onEnter.\n if (reset) {\n view.dispatch({\n changes: {\n from: 0,\n to: view.state.doc.length,\n insert: '',\n },\n });\n }\n }\n\n return true;\n },\n },\n {\n key: 'Shift-Enter',\n preventDefault: true,\n run: (view) => {\n view.dispatch({\n changes: {\n from: view.state.selection.main.head,\n insert: '\\n',\n },\n selection: {\n anchor: view.state.selection.main.head + 1,\n head: view.state.selection.main.head + 1,\n },\n });\n return true;\n },\n },\n {\n key: 'Escape',\n preventDefault: true,\n run: (view) => {\n // Clear the entire document.\n view.dispatch({\n changes: {\n from: 0,\n to: view.state.doc.length,\n insert: '',\n },\n });\n onCancel?.();\n return true;\n },\n },\n ]),\n ),\n ];\n};\n\nclass InlineSuggestionWidget extends WidgetType {\n constructor(private suffix: string) {\n super();\n }\n\n override toDOM(): HTMLSpanElement {\n const span = document.createElement('span');\n span.textContent = this.suffix;\n span.className = 'cm-inline-suggestion';\n return span;\n }\n\n override eq(other: InlineSuggestionWidget): boolean {\n return other.suffix === this.suffix;\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", "_expanded", "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", "createBasicExtensions", "createThemeExtensions", "useTextEditor", "mx", "isNonNullable", "Prec", "Decoration", "EditorView", "ViewPlugin", "WidgetType", "keymap", "autocomplete", "fireIfEmpty", "onSubmit", "onSuggest", "onCancel", "suggest", "ViewPlugin", "fromClass", "update", "docChanged", "selectionSet", "_decorations", "computeDecorations", "view", "text", "state", "doc", "toString", "suggestions", "length", "_currentSuggestion", "Decoration", "none", "suffix", "slice", "set", "widget", "InlineSuggestionWidget", "side", "range", "completeSuggestion", "dispatch", "changes", "from", "insert", "selection", "anchor", "decorations", "v", "EditorView", "theme", "opacity", "Prec", "highest", "keymap", "of", "key", "preventDefault", "run", "plugin", "main", "head", "trim", "reset", "to", "WidgetType", "toDOM", "span", "document", "createElement", "textContent", "className", "eq", "other", "_define_property", "ChatEditor", "forwardRef", "classNames", "extensions", "references", "autoFocus", "lineWrapping", "placeholder", "onSubmit", "onSuggest", "onCancel", "themeMode", "useThemeContext", "parentRef", "view", "useTextEditor", "debug", "createThemeExtensions", "autocomplete", "referencesExtension", "provider", "createBasicExtensions", "bracketMatching", "filter", "isNonNullable", "useImperativeHandle", "focus", "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":17734,"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":15921,"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/autocomplete.ts":{"bytes":18917,"imports":[{"path":"@codemirror/state","kind":"import-statement","external":true},{"path":"@codemirror/view","kind":"import-statement","external":true}],"format":"esm"},"src/components/ChatEditor/ChatEditor.tsx":{"bytes":8528,"imports":[{"path":"@preact-signals/safe-react/tracking","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/autocomplete.ts","kind":"import-statement","original":"./autocomplete"},{"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/index.ts":{"bytes":458,"imports":[{"path":"src/components/index.ts","kind":"import-statement","original":"./components"}],"format":"esm"}},"outputs":{"dist/lib/browser/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":31007},"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":"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":"@codemirror/state","kind":"import-statement","external":true},{"path":"@codemirror/view","kind":"import-statement","external":true}],"exports":["ChatDialog","ChatEditor","references"],"entryPoint":"src/index.ts","inputs":{"src/components/ChatDialog/ChatDialog.tsx":{"bytesInOutput":4866},"src/components/ChatDialog/index.ts":{"bytesInOutput":0},"src/components/index.ts":{"bytesInOutput":0},"src/components/ChatEditor/references.ts":{"bytesInOutput":3699},"src/components/ChatEditor/index.ts":{"bytesInOutput":0},"src/components/ChatEditor/ChatEditor.tsx":{"bytesInOutput":1940},"src/components/ChatEditor/autocomplete.ts":{"bytesInOutput":4069},"src/index.ts":{"bytesInOutput":0}},"bytes":14886}}}
1
+ {"inputs":{"src/components/ChatDialog/ChatDialog.tsx":{"bytes":17734,"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/autocomplete.ts":{"bytes":19515,"imports":[{"path":"@codemirror/state","kind":"import-statement","external":true},{"path":"@codemirror/view","kind":"import-statement","external":true}],"format":"esm"},"src/components/ChatEditor/ChatEditor.tsx":{"bytes":8907,"imports":[{"path":"@preact-signals/safe-react/tracking","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/autocomplete.ts","kind":"import-statement","original":"./autocomplete"},{"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":31870},"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":"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":"@codemirror/state","kind":"import-statement","external":true},{"path":"@codemirror/view","kind":"import-statement","external":true}],"exports":["ChatDialog","ChatEditor","references","translationKey","translations"],"entryPoint":"src/index.ts","inputs":{"src/components/ChatDialog/ChatDialog.tsx":{"bytesInOutput":4866},"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":2021},"src/components/ChatEditor/autocomplete.ts":{"bytesInOutput":4467},"src/index.ts":{"bytesInOutput":0},"src/translations.ts":{"bytesInOutput":118}},"bytes":15841}}}
@@ -5,7 +5,7 @@ import { useSignals as _useSignals } from "@preact-signals/safe-react/tracking";
5
5
  import { createContext } from "@radix-ui/react-context";
6
6
  import React, { useEffect, useState } from "react";
7
7
  import { Dialog, Icon, IconButton, useControlledState } from "@dxos/react-ui";
8
- import { resizeAttributes, ResizeHandle, sizeStyle } from "@dxos/react-ui-dnd";
8
+ import { ResizeHandle, resizeAttributes, sizeStyle } from "@dxos/react-ui-dnd";
9
9
  import { mx } from "@dxos/react-ui-theme";
10
10
  var preventDefault = (event) => event.preventDefault();
11
11
  var Endcap = ({ children }) => {
@@ -131,6 +131,19 @@ import { RangeSet } from "@codemirror/state";
131
131
  import { Decoration, EditorView, ViewPlugin, WidgetType, keymap } from "@codemirror/view";
132
132
  import { Mutex } from "@dxos/async";
133
133
  import { invariant } from "@dxos/invariant";
134
+ function _define_property(obj, key, value) {
135
+ if (key in obj) {
136
+ Object.defineProperty(obj, key, {
137
+ value,
138
+ enumerable: true,
139
+ configurable: true,
140
+ writable: true
141
+ });
142
+ } else {
143
+ obj[key] = value;
144
+ }
145
+ return obj;
146
+ }
134
147
  var __dxlog_file = "/__w/dxos/dxos/packages/ui/react-ui-chat/src/components/ChatEditor/references.ts";
135
148
  var references = ({ provider, triggerCharacter = "@", debug = false }) => {
136
149
  invariant(triggerCharacter.length === 1, void 0, {
@@ -143,19 +156,6 @@ var references = ({ provider, triggerCharacter = "@", debug = false }) => {
143
156
  ]
144
157
  });
145
158
  const decorationField = ViewPlugin.fromClass(class ReferenceView {
146
- constructor(view) {
147
- // TODO(burdon): Why?
148
- this._mutex = new Mutex();
149
- this.decorations = Decoration.set([]);
150
- queueMicrotask(async () => {
151
- const guard = await this._mutex.acquire();
152
- try {
153
- this.decorations = await this._computeDecorations(view);
154
- } finally {
155
- guard.release();
156
- }
157
- });
158
- }
159
159
  update(update) {
160
160
  if (update.docChanged) {
161
161
  queueMicrotask(async () => {
@@ -186,6 +186,18 @@ var references = ({ provider, triggerCharacter = "@", debug = false }) => {
186
186
  }
187
187
  return Decoration.set(decorations);
188
188
  }
189
+ constructor(view) {
190
+ _define_property(this, "_mutex", new Mutex());
191
+ _define_property(this, "decorations", Decoration.set([]));
192
+ queueMicrotask(async () => {
193
+ const guard = await this._mutex.acquire();
194
+ try {
195
+ this.decorations = await this._computeDecorations(view);
196
+ } finally {
197
+ guard.release();
198
+ }
199
+ });
200
+ }
189
201
  }, {
190
202
  decorations: (v) => v.decorations,
191
203
  provide: (plugin) => [
@@ -232,9 +244,6 @@ var references = ({ provider, triggerCharacter = "@", debug = false }) => {
232
244
  ];
233
245
  };
234
246
  var ReferenceWidget = class extends WidgetType {
235
- constructor(data) {
236
- super(), this.data = data;
237
- }
238
247
  toDOM() {
239
248
  const span = document.createElement("span");
240
249
  span.textContent = `@ ${this.data.label}`;
@@ -247,6 +256,9 @@ var ReferenceWidget = class extends WidgetType {
247
256
  ignoreEvent() {
248
257
  return true;
249
258
  }
259
+ constructor(data) {
260
+ super(), _define_property(this, "data", void 0), this.data = data;
261
+ }
250
262
  };
251
263
 
252
264
  // src/components/ChatEditor/ChatEditor.tsx
@@ -259,13 +271,22 @@ import { isNonNullable } from "@dxos/util";
259
271
 
260
272
  // src/components/ChatEditor/autocomplete.ts
261
273
  import { Prec } from "@codemirror/state";
262
- import { EditorView as EditorView2, Decoration as Decoration2, ViewPlugin as ViewPlugin2, keymap as keymap2, WidgetType as WidgetType2 } from "@codemirror/view";
263
- var autocomplete = ({ onSubmit, onSuggest, onCancel }) => {
274
+ import { Decoration as Decoration2, EditorView as EditorView2, ViewPlugin as ViewPlugin2, WidgetType as WidgetType2, keymap as keymap2 } from "@codemirror/view";
275
+ function _define_property2(obj, key, value) {
276
+ if (key in obj) {
277
+ Object.defineProperty(obj, key, {
278
+ value,
279
+ enumerable: true,
280
+ configurable: true,
281
+ writable: true
282
+ });
283
+ } else {
284
+ obj[key] = value;
285
+ }
286
+ return obj;
287
+ }
288
+ var autocomplete = ({ fireIfEmpty, onSubmit, onSuggest, onCancel }) => {
264
289
  const suggest = ViewPlugin2.fromClass(class {
265
- constructor(view) {
266
- this._currentSuggestion = null;
267
- this._decorations = this.computeDecorations(view);
268
- }
269
290
  update(update) {
270
291
  if (update.docChanged || update.selectionSet) {
271
292
  this._decorations = this.computeDecorations(update.view);
@@ -310,6 +331,11 @@ var autocomplete = ({ onSubmit, onSuggest, onCancel }) => {
310
331
  });
311
332
  return true;
312
333
  }
334
+ constructor(view) {
335
+ _define_property2(this, "_decorations", void 0);
336
+ _define_property2(this, "_currentSuggestion", null);
337
+ this._decorations = this.computeDecorations(view);
338
+ }
313
339
  }, {
314
340
  decorations: (v) => v._decorations
315
341
  });
@@ -345,7 +371,7 @@ var autocomplete = ({ onSubmit, onSuggest, onCancel }) => {
345
371
  preventDefault: true,
346
372
  run: (view) => {
347
373
  const text = view.state.doc.toString().trim();
348
- if (text.length > 0 && onSubmit) {
374
+ if (onSubmit && (fireIfEmpty || text.length > 0)) {
349
375
  const reset = onSubmit(text);
350
376
  if (reset) {
351
377
  view.dispatch({
@@ -396,9 +422,6 @@ var autocomplete = ({ onSubmit, onSuggest, onCancel }) => {
396
422
  ];
397
423
  };
398
424
  var InlineSuggestionWidget = class extends WidgetType2 {
399
- constructor(suffix) {
400
- super(), this.suffix = suffix;
401
- }
402
425
  toDOM() {
403
426
  const span = document.createElement("span");
404
427
  span.textContent = this.suffix;
@@ -408,6 +431,9 @@ var InlineSuggestionWidget = class extends WidgetType2 {
408
431
  eq(other) {
409
432
  return other.suffix === this.suffix;
410
433
  }
434
+ constructor(suffix) {
435
+ super(), _define_property2(this, "suffix", void 0), this.suffix = suffix;
436
+ }
411
437
  };
412
438
 
413
439
  // src/components/ChatEditor/ChatEditor.tsx
@@ -415,7 +441,7 @@ var ChatEditor = /* @__PURE__ */ forwardRef(({ classNames, extensions, reference
415
441
  var _effect = _useSignals2();
416
442
  try {
417
443
  const { themeMode } = useThemeContext();
418
- const { parentRef, view } = useTextEditor({
444
+ const { parentRef, view } = useTextEditor(() => ({
419
445
  debug: true,
420
446
  autoFocus,
421
447
  extensions: [
@@ -437,17 +463,19 @@ var ChatEditor = /* @__PURE__ */ forwardRef(({ classNames, extensions, reference
437
463
  }),
438
464
  extensions
439
465
  ].filter(isNonNullable)
440
- }, [
466
+ }), [
441
467
  themeMode,
442
468
  extensions,
443
469
  onSubmit,
444
- onSuggest
470
+ onSuggest,
471
+ onCancel
445
472
  ]);
446
473
  useImperativeHandle(forwardRef2, () => {
447
474
  return {
448
475
  focus: () => {
449
476
  view?.focus();
450
477
  },
478
+ getText: () => view?.state.doc.toString() ?? "",
451
479
  setText: (text) => {
452
480
  view?.dispatch({
453
481
  changes: {
@@ -474,9 +502,21 @@ var ChatEditor = /* @__PURE__ */ forwardRef(({ classNames, extensions, reference
474
502
  _effect.f();
475
503
  }
476
504
  });
505
+
506
+ // src/translations.ts
507
+ var translationKey = "react-ui-chat";
508
+ var translations = [
509
+ {
510
+ "en-US": {
511
+ [translationKey]: {}
512
+ }
513
+ }
514
+ ];
477
515
  export {
478
516
  ChatDialog,
479
517
  ChatEditor,
480
- references
518
+ references,
519
+ translationKey,
520
+ translations
481
521
  };
482
522
  //# sourceMappingURL=index.mjs.map