@dxos/react-ui-editor 0.4.7-main.733903e → 0.4.7-main.76c1dea

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 (89) hide show
  1. package/dist/lib/browser/index.mjs +997 -728
  2. package/dist/lib/browser/index.mjs.map +4 -4
  3. package/dist/lib/browser/meta.json +1 -1
  4. package/dist/types/src/components/TextEditor/MarkdownEditor.stories.d.ts +9 -0
  5. package/dist/types/src/components/TextEditor/MarkdownEditor.stories.d.ts.map +1 -1
  6. package/dist/types/src/components/TextEditor/TextEditor.d.ts.map +1 -1
  7. package/dist/types/src/components/TextEditor/TextEditor.stories.d.ts +0 -9
  8. package/dist/types/src/components/TextEditor/TextEditor.stories.d.ts.map +1 -1
  9. package/dist/types/src/components/TextEditor/index.d.ts +0 -2
  10. package/dist/types/src/components/TextEditor/index.d.ts.map +1 -1
  11. package/dist/types/src/components/Toolbar/Toolbar.stories.d.ts +1 -0
  12. package/dist/types/src/components/Toolbar/Toolbar.stories.d.ts.map +1 -1
  13. package/dist/types/src/{components/TextEditor → extensions/automerge}/automerge.stories.d.ts +5 -2
  14. package/dist/types/src/extensions/automerge/automerge.stories.d.ts.map +1 -0
  15. package/dist/types/src/extensions/command/command.d.ts +10 -0
  16. package/dist/types/src/extensions/command/command.d.ts.map +1 -0
  17. package/dist/types/src/extensions/command/hint.d.ts +7 -0
  18. package/dist/types/src/extensions/command/hint.d.ts.map +1 -0
  19. package/dist/types/src/extensions/command/index.d.ts +2 -0
  20. package/dist/types/src/extensions/command/index.d.ts.map +1 -0
  21. package/dist/types/src/extensions/command/state.d.ts +18 -0
  22. package/dist/types/src/extensions/command/state.d.ts.map +1 -0
  23. package/dist/types/src/extensions/comments.d.ts.map +1 -1
  24. package/dist/types/src/extensions/cursor-line-margin.d.ts.map +1 -1
  25. package/dist/types/src/extensions/dnd.d.ts +3 -0
  26. package/dist/types/src/extensions/dnd.d.ts.map +1 -0
  27. package/dist/types/src/extensions/index.d.ts +2 -1
  28. package/dist/types/src/extensions/index.d.ts.map +1 -1
  29. package/dist/types/src/extensions/listener.d.ts +1 -1
  30. package/dist/types/src/extensions/listener.d.ts.map +1 -1
  31. package/dist/types/src/extensions/markdown/bundle.d.ts +2 -2
  32. package/dist/types/src/extensions/markdown/bundle.d.ts.map +1 -1
  33. package/dist/types/src/extensions/markdown/decorate.d.ts +4 -0
  34. package/dist/types/src/extensions/markdown/decorate.d.ts.map +1 -1
  35. package/dist/types/src/extensions/mention.d.ts.map +1 -1
  36. package/dist/types/src/extensions/util/dom.d.ts +15 -0
  37. package/dist/types/src/extensions/util/dom.d.ts.map +1 -0
  38. package/dist/types/src/hooks/defs.d.ts +5 -11
  39. package/dist/types/src/hooks/defs.d.ts.map +1 -1
  40. package/dist/types/src/hooks/useEditorView.d.ts.map +1 -1
  41. package/dist/types/src/hooks/useTextEditor.d.ts +20 -5
  42. package/dist/types/src/hooks/useTextEditor.d.ts.map +1 -1
  43. package/dist/types/src/{components/TextEditor/hooks.stories.d.ts → hooks/useTextEditor.stories.d.ts} +2 -3
  44. package/dist/types/src/hooks/useTextEditor.stories.d.ts.map +1 -0
  45. package/dist/types/src/hooks/useTextModel.d.ts.map +1 -1
  46. package/dist/types/src/index.d.ts +1 -0
  47. package/dist/types/src/index.d.ts.map +1 -1
  48. package/dist/types/src/styles/index.d.ts +0 -1
  49. package/dist/types/src/styles/index.d.ts.map +1 -1
  50. package/dist/types/src/themes/default.d.ts.map +1 -1
  51. package/package.json +31 -31
  52. package/src/components/TextEditor/MarkdownEditor.stories.tsx +95 -8
  53. package/src/components/TextEditor/TextEditor.stories.tsx +0 -15
  54. package/src/components/TextEditor/TextEditor.tsx +13 -6
  55. package/src/components/TextEditor/index.ts +0 -3
  56. package/src/components/Toolbar/Toolbar.stories.tsx +2 -1
  57. package/src/{components/TextEditor → extensions/automerge}/automerge.stories.tsx +32 -37
  58. package/src/extensions/awareness.ts +3 -3
  59. package/src/extensions/command/command.ts +35 -0
  60. package/src/extensions/command/hint.ts +76 -0
  61. package/src/extensions/command/index.ts +5 -0
  62. package/src/extensions/command/state.ts +106 -0
  63. package/src/extensions/comments.ts +2 -1
  64. package/src/extensions/cursor-line-margin.ts +5 -2
  65. package/src/extensions/dnd.ts +17 -0
  66. package/src/extensions/index.ts +2 -1
  67. package/src/extensions/listener.ts +3 -3
  68. package/src/extensions/markdown/bundle.ts +4 -15
  69. package/src/extensions/markdown/decorate.ts +76 -32
  70. package/src/extensions/mention.ts +3 -1
  71. package/src/extensions/util/dom.ts +36 -0
  72. package/src/hooks/defs.ts +6 -20
  73. package/src/hooks/useActionHandler.ts +11 -11
  74. package/src/hooks/useEditorView.ts +0 -1
  75. package/src/{components/TextEditor/hooks.stories.tsx → hooks/useTextEditor.stories.tsx} +8 -8
  76. package/src/hooks/useTextEditor.ts +69 -14
  77. package/src/hooks/useTextModel.ts +20 -18
  78. package/src/index.ts +2 -0
  79. package/src/styles/index.ts +0 -1
  80. package/src/themes/default.ts +1 -0
  81. package/src/util.ts +1 -1
  82. package/dist/types/src/components/TextEditor/automerge.stories.d.ts.map +0 -1
  83. package/dist/types/src/components/TextEditor/hooks.stories.d.ts.map +0 -1
  84. package/dist/types/src/extensions/basic.d.ts +0 -9
  85. package/dist/types/src/extensions/basic.d.ts.map +0 -1
  86. package/dist/types/src/styles/cursors.d.ts +0 -5
  87. package/dist/types/src/styles/cursors.d.ts.map +0 -1
  88. package/src/extensions/basic.ts +0 -41
  89. package/src/styles/cursors.ts +0 -21
@@ -1,9 +0,0 @@
1
- import { type Extension } from '@codemirror/state';
2
- import { type ThemeMode } from '@dxos/react-ui';
3
- import { type TextEditorProps } from '../components';
4
- export type BasicBundleOptions = {
5
- themeMode?: ThemeMode;
6
- bracketMatching?: boolean;
7
- } & Pick<TextEditorProps, 'placeholder' | 'lineWrapping'>;
8
- export declare const createBasicBundle: ({ themeMode, placeholder: _placeholder, lineWrapping, bracketMatching: _bracketMatching, }?: BasicBundleOptions) => Extension[];
9
- //# sourceMappingURL=basic.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"basic.d.ts","sourceRoot":"","sources":["../../../../src/extensions/basic.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAInD,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAGhD,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,eAAe,CAAC;AAErD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,GAAG,IAAI,CAAC,eAAe,EAAE,aAAa,GAAG,cAAc,CAAC,CAAC;AAE1D,eAAO,MAAM,iBAAiB,gGAK3B,kBAAkB,KAAQ,SAAS,EAchB,CAAC"}
@@ -1,5 +0,0 @@
1
- export declare const cursorColor: {
2
- color: string;
3
- light: string;
4
- };
5
- //# sourceMappingURL=cursors.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"cursors.d.ts","sourceRoot":"","sources":["../../../../src/styles/cursors.ts"],"names":[],"mappings":"AAoBA,eAAO,MAAM,WAAW;;;CAAsD,CAAC"}
@@ -1,41 +0,0 @@
1
- //
2
- // Copyright 2023 DXOS.org
3
- //
4
-
5
- import { closeBrackets } from '@codemirror/autocomplete';
6
- import { history } from '@codemirror/commands';
7
- import { bracketMatching, defaultHighlightStyle, syntaxHighlighting } from '@codemirror/language';
8
- import { type Extension } from '@codemirror/state';
9
- import { oneDarkHighlightStyle } from '@codemirror/theme-one-dark';
10
- import { drawSelection, EditorView, highlightActiveLine, placeholder } from '@codemirror/view';
11
-
12
- import { type ThemeMode } from '@dxos/react-ui';
13
- import { isNotFalsy } from '@dxos/util';
14
-
15
- import { type TextEditorProps } from '../components';
16
-
17
- export type BasicBundleOptions = {
18
- themeMode?: ThemeMode;
19
- bracketMatching?: boolean;
20
- } & Pick<TextEditorProps, 'placeholder' | 'lineWrapping'>;
21
-
22
- export const createBasicBundle = ({
23
- themeMode,
24
- placeholder: _placeholder,
25
- lineWrapping = true,
26
- bracketMatching: _bracketMatching = true,
27
- }: BasicBundleOptions = {}): Extension[] =>
28
- [
29
- lineWrapping && EditorView.lineWrapping,
30
-
31
- // https://codemirror.net/docs/ref/#codemirror.minimalSetup
32
- _bracketMatching && bracketMatching(),
33
- closeBrackets(),
34
- drawSelection(),
35
- highlightActiveLine(),
36
- history(),
37
- _placeholder && placeholder(_placeholder),
38
-
39
- // https://github.com/codemirror/theme-one-dark
40
- themeMode === 'dark' ? syntaxHighlighting(oneDarkHighlightStyle) : syntaxHighlighting(defaultHighlightStyle),
41
- ].filter(isNotFalsy);
@@ -1,21 +0,0 @@
1
- //
2
- // Copyright 2023 DXOS.org
3
- //
4
-
5
- // Copied from https://github.com/yjs/y-codemirror.next#example.
6
-
7
- import * as random from 'lib0/random';
8
-
9
- const cursorColors = [
10
- { color: '#30bced', light: '#30bced33' },
11
- { color: '#6eeb83', light: '#6eeb8333' },
12
- { color: '#ffbc42', light: '#ffbc4233' },
13
- { color: '#ecd444', light: '#ecd44433' },
14
- { color: '#ee6352', light: '#ee635233' },
15
- { color: '#9ac2c9', light: '#9ac2c933' },
16
- { color: '#8acb88', light: '#8acb8833' },
17
- { color: '#1be7ff', light: '#1be7ff33' },
18
- ];
19
-
20
- // Select a random color for this user.
21
- export const cursorColor = cursorColors[random.uint32() % cursorColors.length];