@dxos/react-ui-editor 0.8.4-main.e8ec1fe → 0.8.4-main.ef1bc66f44
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 +473 -8271
- package/dist/lib/browser/index.mjs.map +4 -4
- package/dist/lib/browser/meta.json +1 -1
- package/dist/lib/node-esm/index.mjs +472 -8269
- package/dist/lib/node-esm/index.mjs.map +4 -4
- package/dist/lib/node-esm/meta.json +1 -1
- package/dist/types/src/components/Editor/Editor.d.ts +8 -2
- package/dist/types/src/components/Editor/Editor.d.ts.map +1 -1
- package/dist/types/src/components/Editor/Editor.stories.d.ts +4 -1
- package/dist/types/src/components/Editor/Editor.stories.d.ts.map +1 -1
- package/dist/types/src/components/EditorContent/EditorContent.d.ts +4 -2
- package/dist/types/src/components/EditorContent/EditorContent.d.ts.map +1 -1
- package/dist/types/src/components/EditorMenuProvider/EditorMenuProvider.d.ts +1 -1
- package/dist/types/src/components/EditorMenuProvider/EditorMenuProvider.d.ts.map +1 -1
- package/dist/types/src/components/EditorMenuProvider/index.d.ts +0 -1
- package/dist/types/src/components/EditorMenuProvider/index.d.ts.map +1 -1
- package/dist/types/src/components/EditorMenuProvider/menu-presets.d.ts.map +1 -1
- package/dist/types/src/components/EditorMenuProvider/menu.d.ts.map +1 -1
- package/dist/types/src/components/EditorMenuProvider/popover.d.ts +1 -2
- package/dist/types/src/components/EditorMenuProvider/popover.d.ts.map +1 -1
- package/dist/types/src/components/EditorMenuProvider/useEditorMenu.d.ts.map +1 -1
- package/dist/types/src/components/EditorPreviewProvider/EditorPreviewProvider.d.ts +1 -1
- package/dist/types/src/components/EditorPreviewProvider/EditorPreviewProvider.d.ts.map +1 -1
- package/dist/types/src/components/EditorToolbar/EditorToolbar.d.ts +7 -5
- package/dist/types/src/components/EditorToolbar/EditorToolbar.d.ts.map +1 -1
- package/dist/types/src/components/EditorToolbar/actions.d.ts +8 -23
- package/dist/types/src/components/EditorToolbar/actions.d.ts.map +1 -1
- package/dist/types/src/components/EditorToolbar/blocks.d.ts +6 -5
- package/dist/types/src/components/EditorToolbar/blocks.d.ts.map +1 -1
- package/dist/types/src/components/EditorToolbar/formatting.d.ts +6 -5
- package/dist/types/src/components/EditorToolbar/formatting.d.ts.map +1 -1
- package/dist/types/src/components/EditorToolbar/headings.d.ts +6 -5
- package/dist/types/src/components/EditorToolbar/headings.d.ts.map +1 -1
- package/dist/types/src/components/EditorToolbar/image.d.ts +4 -11
- package/dist/types/src/components/EditorToolbar/image.d.ts.map +1 -1
- package/dist/types/src/components/EditorToolbar/index.d.ts +1 -1
- package/dist/types/src/components/EditorToolbar/index.d.ts.map +1 -1
- package/dist/types/src/components/EditorToolbar/search.d.ts +4 -11
- package/dist/types/src/components/EditorToolbar/search.d.ts.map +1 -1
- package/dist/types/src/components/EditorToolbar/useEditorToolbar.d.ts +4 -4
- package/dist/types/src/components/EditorToolbar/useEditorToolbar.d.ts.map +1 -1
- package/dist/types/src/components/EditorToolbar/view-mode.d.ts +7 -6
- package/dist/types/src/components/EditorToolbar/view-mode.d.ts.map +1 -1
- package/dist/types/src/components/index.d.ts.map +1 -1
- package/dist/types/src/hooks/useTextEditor.d.ts +1 -1
- package/dist/types/src/hooks/useTextEditor.d.ts.map +1 -1
- package/dist/types/src/index.d.ts +0 -8
- package/dist/types/src/index.d.ts.map +1 -1
- package/dist/types/src/{extensions/automerge/automerge.stories.d.ts → stories/Automerge.stories.d.ts} +5 -9
- package/dist/types/src/stories/Automerge.stories.d.ts.map +1 -0
- package/dist/types/src/stories/CommandDialog.stories.d.ts.map +1 -1
- package/dist/types/src/stories/Comments.stories.d.ts +3 -2
- package/dist/types/src/stories/Comments.stories.d.ts.map +1 -1
- package/dist/types/src/stories/EditorToolbar.stories.d.ts +4 -4
- package/dist/types/src/stories/EditorToolbar.stories.d.ts.map +1 -1
- package/dist/types/src/stories/Experimental.stories.d.ts +3 -2
- package/dist/types/src/stories/Experimental.stories.d.ts.map +1 -1
- package/dist/types/src/stories/Markdown.stories.d.ts +3 -2
- package/dist/types/src/stories/Markdown.stories.d.ts.map +1 -1
- package/dist/types/src/stories/Outliner.stories.d.ts.map +1 -1
- package/dist/types/src/stories/Popover.stories.d.ts.map +1 -1
- package/dist/types/src/stories/Preview.stories.d.ts +3 -2
- package/dist/types/src/stories/Preview.stories.d.ts.map +1 -1
- package/dist/types/src/stories/Tags.stories.d.ts.map +1 -1
- package/dist/types/src/stories/TextEditor.stories.d.ts +3 -2
- package/dist/types/src/stories/TextEditor.stories.d.ts.map +1 -1
- package/dist/types/src/stories/Theme.stories.d.ts +8 -0
- package/dist/types/src/stories/Theme.stories.d.ts.map +1 -0
- package/dist/types/src/stories/components/EditorStory.d.ts +8 -19
- package/dist/types/src/stories/components/EditorStory.d.ts.map +1 -1
- package/dist/types/src/stories/components/util.d.ts +3 -3
- package/dist/types/src/stories/components/util.d.ts.map +1 -1
- package/dist/types/src/translations.d.ts +5 -5
- package/dist/types/src/translations.d.ts.map +1 -1
- package/dist/types/src/util/index.d.ts +0 -5
- package/dist/types/src/util/index.d.ts.map +1 -1
- package/dist/types/src/util/react.d.ts +5 -1
- package/dist/types/src/util/react.d.ts.map +1 -1
- package/dist/types/tsconfig.tsbuildinfo +1 -1
- package/package.json +62 -63
- package/src/components/Editor/Editor.stories.tsx +14 -8
- package/src/components/Editor/Editor.tsx +20 -9
- package/src/components/EditorContent/EditorContent.tsx +19 -6
- package/src/components/EditorMenuProvider/EditorMenuProvider.tsx +4 -6
- package/src/components/EditorMenuProvider/index.ts +0 -1
- package/src/components/EditorMenuProvider/menu-presets.ts +2 -1
- package/src/components/EditorMenuProvider/menu.ts +1 -2
- package/src/components/EditorMenuProvider/popover.ts +1 -3
- package/src/components/EditorMenuProvider/useEditorMenu.ts +1 -3
- package/src/components/EditorPreviewProvider/EditorPreviewProvider.tsx +6 -9
- package/src/components/EditorToolbar/EditorToolbar.tsx +18 -15
- package/src/components/EditorToolbar/actions.ts +8 -7
- package/src/components/EditorToolbar/blocks.ts +3 -4
- package/src/components/EditorToolbar/formatting.ts +3 -4
- package/src/components/EditorToolbar/headings.ts +3 -3
- package/src/components/EditorToolbar/image.ts +8 -1
- package/src/components/EditorToolbar/index.ts +1 -1
- package/src/components/EditorToolbar/search.ts +8 -1
- package/src/components/EditorToolbar/useEditorToolbar.ts +6 -6
- package/src/components/EditorToolbar/view-mode.ts +3 -3
- package/src/components/index.ts +0 -2
- package/src/hooks/useTextEditor.ts +9 -3
- package/src/index.ts +0 -10
- package/src/stories/Automerge.stories.tsx +175 -0
- package/src/stories/CommandDialog.stories.tsx +4 -6
- package/src/stories/Comments.stories.tsx +44 -39
- package/src/stories/EditorToolbar.stories.tsx +28 -13
- package/src/stories/Experimental.stories.tsx +5 -7
- package/src/stories/Markdown.stories.tsx +15 -15
- package/src/stories/Outliner.stories.tsx +5 -6
- package/src/stories/Popover.stories.tsx +21 -25
- package/src/stories/Preview.stories.tsx +58 -52
- package/src/stories/Tags.stories.tsx +20 -11
- package/src/stories/TextEditor.stories.tsx +12 -18
- package/src/stories/Theme.stories.tsx +61 -0
- package/src/stories/components/EditorStory.tsx +17 -21
- package/src/stories/components/util.tsx +3 -3
- package/src/translations.ts +4 -4
- package/src/util/index.ts +1 -6
- package/src/util/react.tsx +6 -2
- package/dist/lib/browser/chunk-HL3YF6WC.mjs +0 -22
- package/dist/lib/browser/chunk-HL3YF6WC.mjs.map +0 -7
- package/dist/lib/browser/types/index.mjs +0 -13
- package/dist/lib/browser/types/index.mjs.map +0 -7
- package/dist/lib/node-esm/chunk-YJZGD3LY.mjs +0 -24
- package/dist/lib/node-esm/chunk-YJZGD3LY.mjs.map +0 -7
- package/dist/lib/node-esm/types/index.mjs +0 -14
- package/dist/lib/node-esm/types/index.mjs.map +0 -7
- package/dist/types/src/components/EditorContent/EditorContent.stories.d.ts +0 -26
- package/dist/types/src/components/EditorContent/EditorContent.stories.d.ts.map +0 -1
- package/dist/types/src/components/EditorMenuProvider/util.d.ts +0 -8
- package/dist/types/src/components/EditorMenuProvider/util.d.ts.map +0 -1
- package/dist/types/src/defaults.d.ts +0 -14
- package/dist/types/src/defaults.d.ts.map +0 -1
- package/dist/types/src/extensions/annotations.d.ts +0 -9
- package/dist/types/src/extensions/annotations.d.ts.map +0 -1
- package/dist/types/src/extensions/autocomplete/autocomplete.d.ts +0 -17
- package/dist/types/src/extensions/autocomplete/autocomplete.d.ts.map +0 -1
- package/dist/types/src/extensions/autocomplete/index.d.ts +0 -5
- package/dist/types/src/extensions/autocomplete/index.d.ts.map +0 -1
- package/dist/types/src/extensions/autocomplete/match.d.ts +0 -13
- package/dist/types/src/extensions/autocomplete/match.d.ts.map +0 -1
- package/dist/types/src/extensions/autocomplete/placeholder.d.ts +0 -20
- package/dist/types/src/extensions/autocomplete/placeholder.d.ts.map +0 -1
- package/dist/types/src/extensions/autocomplete/typeahead.d.ts +0 -10
- package/dist/types/src/extensions/autocomplete/typeahead.d.ts.map +0 -1
- package/dist/types/src/extensions/automerge/automerge.d.ts +0 -4
- package/dist/types/src/extensions/automerge/automerge.d.ts.map +0 -1
- package/dist/types/src/extensions/automerge/automerge.stories.d.ts.map +0 -1
- package/dist/types/src/extensions/automerge/automerge.test.d.ts +0 -2
- package/dist/types/src/extensions/automerge/automerge.test.d.ts.map +0 -1
- package/dist/types/src/extensions/automerge/cursor.d.ts +0 -4
- package/dist/types/src/extensions/automerge/cursor.d.ts.map +0 -1
- package/dist/types/src/extensions/automerge/defs.d.ts +0 -17
- package/dist/types/src/extensions/automerge/defs.d.ts.map +0 -1
- package/dist/types/src/extensions/automerge/index.d.ts +0 -2
- package/dist/types/src/extensions/automerge/index.d.ts.map +0 -1
- package/dist/types/src/extensions/automerge/sync.d.ts +0 -17
- package/dist/types/src/extensions/automerge/sync.d.ts.map +0 -1
- package/dist/types/src/extensions/automerge/update-automerge.d.ts +0 -6
- package/dist/types/src/extensions/automerge/update-automerge.d.ts.map +0 -1
- package/dist/types/src/extensions/automerge/update-codemirror.d.ts +0 -5
- package/dist/types/src/extensions/automerge/update-codemirror.d.ts.map +0 -1
- package/dist/types/src/extensions/autoscroll.d.ts +0 -20
- package/dist/types/src/extensions/autoscroll.d.ts.map +0 -1
- package/dist/types/src/extensions/awareness/awareness-provider.d.ts +0 -31
- package/dist/types/src/extensions/awareness/awareness-provider.d.ts.map +0 -1
- package/dist/types/src/extensions/awareness/awareness.d.ts +0 -46
- package/dist/types/src/extensions/awareness/awareness.d.ts.map +0 -1
- package/dist/types/src/extensions/awareness/index.d.ts +0 -3
- package/dist/types/src/extensions/awareness/index.d.ts.map +0 -1
- package/dist/types/src/extensions/blast.d.ts +0 -25
- package/dist/types/src/extensions/blast.d.ts.map +0 -1
- package/dist/types/src/extensions/blocks.d.ts +0 -2
- package/dist/types/src/extensions/blocks.d.ts.map +0 -1
- package/dist/types/src/extensions/bookmarks.d.ts +0 -12
- package/dist/types/src/extensions/bookmarks.d.ts.map +0 -1
- package/dist/types/src/extensions/comments.d.ts +0 -95
- package/dist/types/src/extensions/comments.d.ts.map +0 -1
- package/dist/types/src/extensions/debug.d.ts +0 -3
- package/dist/types/src/extensions/debug.d.ts.map +0 -1
- package/dist/types/src/extensions/dnd.d.ts +0 -9
- package/dist/types/src/extensions/dnd.d.ts.map +0 -1
- package/dist/types/src/extensions/factories.d.ts +0 -83
- package/dist/types/src/extensions/factories.d.ts.map +0 -1
- package/dist/types/src/extensions/focus.d.ts +0 -7
- package/dist/types/src/extensions/focus.d.ts.map +0 -1
- package/dist/types/src/extensions/folding.d.ts +0 -7
- package/dist/types/src/extensions/folding.d.ts.map +0 -1
- package/dist/types/src/extensions/hashtag.d.ts +0 -3
- package/dist/types/src/extensions/hashtag.d.ts.map +0 -1
- package/dist/types/src/extensions/index.d.ts +0 -32
- package/dist/types/src/extensions/index.d.ts.map +0 -1
- package/dist/types/src/extensions/json.d.ts +0 -7
- package/dist/types/src/extensions/json.d.ts.map +0 -1
- package/dist/types/src/extensions/listener.d.ts +0 -13
- package/dist/types/src/extensions/listener.d.ts.map +0 -1
- package/dist/types/src/extensions/markdown/action.d.ts +0 -12
- package/dist/types/src/extensions/markdown/action.d.ts.map +0 -1
- package/dist/types/src/extensions/markdown/bundle.d.ts +0 -22
- package/dist/types/src/extensions/markdown/bundle.d.ts.map +0 -1
- package/dist/types/src/extensions/markdown/changes.d.ts +0 -10
- package/dist/types/src/extensions/markdown/changes.d.ts.map +0 -1
- package/dist/types/src/extensions/markdown/changes.test.d.ts +0 -2
- package/dist/types/src/extensions/markdown/changes.test.d.ts.map +0 -1
- package/dist/types/src/extensions/markdown/debug.d.ts +0 -11
- package/dist/types/src/extensions/markdown/debug.d.ts.map +0 -1
- package/dist/types/src/extensions/markdown/decorate.d.ts +0 -25
- package/dist/types/src/extensions/markdown/decorate.d.ts.map +0 -1
- package/dist/types/src/extensions/markdown/formatting.d.ts +0 -61
- package/dist/types/src/extensions/markdown/formatting.d.ts.map +0 -1
- package/dist/types/src/extensions/markdown/formatting.test.d.ts +0 -3
- package/dist/types/src/extensions/markdown/formatting.test.d.ts.map +0 -1
- package/dist/types/src/extensions/markdown/highlight.d.ts +0 -37
- package/dist/types/src/extensions/markdown/highlight.d.ts.map +0 -1
- package/dist/types/src/extensions/markdown/image.d.ts +0 -7
- package/dist/types/src/extensions/markdown/image.d.ts.map +0 -1
- package/dist/types/src/extensions/markdown/index.d.ts +0 -10
- package/dist/types/src/extensions/markdown/index.d.ts.map +0 -1
- package/dist/types/src/extensions/markdown/link.d.ts +0 -7
- package/dist/types/src/extensions/markdown/link.d.ts.map +0 -1
- package/dist/types/src/extensions/markdown/parser.test.d.ts +0 -2
- package/dist/types/src/extensions/markdown/parser.test.d.ts.map +0 -1
- package/dist/types/src/extensions/markdown/styles.d.ts +0 -4
- package/dist/types/src/extensions/markdown/styles.d.ts.map +0 -1
- package/dist/types/src/extensions/markdown/table.d.ts +0 -8
- package/dist/types/src/extensions/markdown/table.d.ts.map +0 -1
- package/dist/types/src/extensions/mention.d.ts +0 -7
- package/dist/types/src/extensions/mention.d.ts.map +0 -1
- package/dist/types/src/extensions/modal.d.ts +0 -7
- package/dist/types/src/extensions/modal.d.ts.map +0 -1
- package/dist/types/src/extensions/modes.d.ts +0 -10
- package/dist/types/src/extensions/modes.d.ts.map +0 -1
- package/dist/types/src/extensions/outliner/commands.d.ts +0 -10
- package/dist/types/src/extensions/outliner/commands.d.ts.map +0 -1
- package/dist/types/src/extensions/outliner/editor.d.ts +0 -5
- package/dist/types/src/extensions/outliner/editor.d.ts.map +0 -1
- package/dist/types/src/extensions/outliner/editor.test.d.ts +0 -2
- package/dist/types/src/extensions/outliner/editor.test.d.ts.map +0 -1
- package/dist/types/src/extensions/outliner/index.d.ts +0 -4
- package/dist/types/src/extensions/outliner/index.d.ts.map +0 -1
- package/dist/types/src/extensions/outliner/menu.d.ts +0 -8
- package/dist/types/src/extensions/outliner/menu.d.ts.map +0 -1
- package/dist/types/src/extensions/outliner/outliner.d.ts +0 -11
- package/dist/types/src/extensions/outliner/outliner.d.ts.map +0 -1
- package/dist/types/src/extensions/outliner/outliner.test.d.ts +0 -2
- package/dist/types/src/extensions/outliner/outliner.test.d.ts.map +0 -1
- package/dist/types/src/extensions/outliner/selection.d.ts +0 -12
- package/dist/types/src/extensions/outliner/selection.d.ts.map +0 -1
- package/dist/types/src/extensions/outliner/tree.d.ts +0 -79
- package/dist/types/src/extensions/outliner/tree.d.ts.map +0 -1
- package/dist/types/src/extensions/outliner/tree.test.d.ts +0 -2
- package/dist/types/src/extensions/outliner/tree.test.d.ts.map +0 -1
- package/dist/types/src/extensions/preview/index.d.ts +0 -2
- package/dist/types/src/extensions/preview/index.d.ts.map +0 -1
- package/dist/types/src/extensions/preview/preview.d.ts +0 -32
- package/dist/types/src/extensions/preview/preview.d.ts.map +0 -1
- package/dist/types/src/extensions/replacer.d.ts +0 -21
- package/dist/types/src/extensions/replacer.d.ts.map +0 -1
- package/dist/types/src/extensions/replacer.test.d.ts +0 -2
- package/dist/types/src/extensions/replacer.test.d.ts.map +0 -1
- package/dist/types/src/extensions/scrolling.d.ts +0 -78
- package/dist/types/src/extensions/scrolling.d.ts.map +0 -1
- package/dist/types/src/extensions/selection.d.ts +0 -24
- package/dist/types/src/extensions/selection.d.ts.map +0 -1
- package/dist/types/src/extensions/state.d.ts +0 -2
- package/dist/types/src/extensions/state.d.ts.map +0 -1
- package/dist/types/src/extensions/submit.d.ts +0 -10
- package/dist/types/src/extensions/submit.d.ts.map +0 -1
- package/dist/types/src/extensions/tab.d.ts +0 -4
- package/dist/types/src/extensions/tab.d.ts.map +0 -1
- package/dist/types/src/extensions/tags/extended-markdown.d.ts +0 -10
- package/dist/types/src/extensions/tags/extended-markdown.d.ts.map +0 -1
- package/dist/types/src/extensions/tags/extended-markdown.test.d.ts +0 -2
- package/dist/types/src/extensions/tags/extended-markdown.test.d.ts.map +0 -1
- package/dist/types/src/extensions/tags/index.d.ts +0 -4
- package/dist/types/src/extensions/tags/index.d.ts.map +0 -1
- package/dist/types/src/extensions/tags/streamer.d.ts +0 -12
- package/dist/types/src/extensions/tags/streamer.d.ts.map +0 -1
- package/dist/types/src/extensions/tags/xml-tags.d.ts +0 -97
- package/dist/types/src/extensions/tags/xml-tags.d.ts.map +0 -1
- package/dist/types/src/extensions/tags/xml-util.d.ts +0 -10
- package/dist/types/src/extensions/tags/xml-util.d.ts.map +0 -1
- package/dist/types/src/extensions/typewriter.d.ts +0 -10
- package/dist/types/src/extensions/typewriter.d.ts.map +0 -1
- package/dist/types/src/styles/index.d.ts +0 -4
- package/dist/types/src/styles/index.d.ts.map +0 -1
- package/dist/types/src/styles/markdown.d.ts +0 -8
- package/dist/types/src/styles/markdown.d.ts.map +0 -1
- package/dist/types/src/styles/theme.d.ts +0 -38
- package/dist/types/src/styles/theme.d.ts.map +0 -1
- package/dist/types/src/styles/tokens.d.ts +0 -3
- package/dist/types/src/styles/tokens.d.ts.map +0 -1
- package/dist/types/src/types/index.d.ts +0 -2
- package/dist/types/src/types/index.d.ts.map +0 -1
- package/dist/types/src/types/types.d.ts +0 -21
- package/dist/types/src/types/types.d.ts.map +0 -1
- package/dist/types/src/util/cursor.d.ts +0 -31
- package/dist/types/src/util/cursor.d.ts.map +0 -1
- package/dist/types/src/util/debug.d.ts +0 -21
- package/dist/types/src/util/debug.d.ts.map +0 -1
- package/dist/types/src/util/decorations.d.ts +0 -4
- package/dist/types/src/util/decorations.d.ts.map +0 -1
- package/dist/types/src/util/dom.d.ts +0 -10
- package/dist/types/src/util/dom.d.ts.map +0 -1
- package/dist/types/src/util/facet.d.ts +0 -3
- package/dist/types/src/util/facet.d.ts.map +0 -1
- package/src/components/EditorContent/EditorContent.stories.tsx +0 -70
- package/src/components/EditorMenuProvider/util.ts +0 -31
- package/src/defaults.ts +0 -52
- package/src/extensions/annotations.ts +0 -55
- package/src/extensions/autocomplete/autocomplete.ts +0 -151
- package/src/extensions/autocomplete/index.ts +0 -8
- package/src/extensions/autocomplete/match.ts +0 -46
- package/src/extensions/autocomplete/placeholder.ts +0 -117
- package/src/extensions/autocomplete/typeahead.ts +0 -87
- package/src/extensions/automerge/automerge.stories.tsx +0 -149
- package/src/extensions/automerge/automerge.test.tsx +0 -78
- package/src/extensions/automerge/automerge.ts +0 -105
- package/src/extensions/automerge/cursor.ts +0 -28
- package/src/extensions/automerge/defs.ts +0 -31
- package/src/extensions/automerge/index.ts +0 -5
- package/src/extensions/automerge/sync.ts +0 -79
- package/src/extensions/automerge/update-automerge.ts +0 -50
- package/src/extensions/automerge/update-codemirror.ts +0 -115
- package/src/extensions/autoscroll.ts +0 -163
- package/src/extensions/awareness/awareness-provider.ts +0 -127
- package/src/extensions/awareness/awareness.ts +0 -315
- package/src/extensions/awareness/index.ts +0 -6
- package/src/extensions/blast.ts +0 -363
- package/src/extensions/blocks.ts +0 -131
- package/src/extensions/bookmarks.ts +0 -75
- package/src/extensions/comments.ts +0 -598
- package/src/extensions/debug.ts +0 -15
- package/src/extensions/dnd.ts +0 -37
- package/src/extensions/factories.ts +0 -278
- package/src/extensions/focus.ts +0 -36
- package/src/extensions/folding.tsx +0 -43
- package/src/extensions/hashtag.tsx +0 -68
- package/src/extensions/index.ts +0 -35
- package/src/extensions/json.ts +0 -57
- package/src/extensions/listener.ts +0 -32
- package/src/extensions/markdown/action.ts +0 -117
- package/src/extensions/markdown/bundle.ts +0 -105
- package/src/extensions/markdown/changes.test.ts +0 -26
- package/src/extensions/markdown/changes.ts +0 -149
- package/src/extensions/markdown/debug.ts +0 -44
- package/src/extensions/markdown/decorate.ts +0 -601
- package/src/extensions/markdown/formatting.test.ts +0 -498
- package/src/extensions/markdown/formatting.ts +0 -1265
- package/src/extensions/markdown/highlight.ts +0 -183
- package/src/extensions/markdown/image.ts +0 -118
- package/src/extensions/markdown/index.ts +0 -13
- package/src/extensions/markdown/link.ts +0 -50
- package/src/extensions/markdown/parser.test.ts +0 -75
- package/src/extensions/markdown/styles.ts +0 -135
- package/src/extensions/markdown/table.ts +0 -150
- package/src/extensions/mention.ts +0 -41
- package/src/extensions/modal.ts +0 -24
- package/src/extensions/modes.ts +0 -41
- package/src/extensions/outliner/commands.ts +0 -270
- package/src/extensions/outliner/editor.test.ts +0 -33
- package/src/extensions/outliner/editor.ts +0 -184
- package/src/extensions/outliner/index.ts +0 -7
- package/src/extensions/outliner/menu.ts +0 -128
- package/src/extensions/outliner/outliner.test.ts +0 -100
- package/src/extensions/outliner/outliner.ts +0 -167
- package/src/extensions/outliner/selection.ts +0 -50
- package/src/extensions/outliner/tree.test.ts +0 -168
- package/src/extensions/outliner/tree.ts +0 -317
- package/src/extensions/preview/index.ts +0 -5
- package/src/extensions/preview/preview.ts +0 -193
- package/src/extensions/replacer.test.ts +0 -75
- package/src/extensions/replacer.ts +0 -93
- package/src/extensions/scrolling.ts +0 -189
- package/src/extensions/selection.ts +0 -100
- package/src/extensions/state.ts +0 -7
- package/src/extensions/submit.ts +0 -62
- package/src/extensions/tab.ts +0 -29
- package/src/extensions/tags/extended-markdown.test.ts +0 -262
- package/src/extensions/tags/extended-markdown.ts +0 -78
- package/src/extensions/tags/index.ts +0 -7
- package/src/extensions/tags/streamer.ts +0 -243
- package/src/extensions/tags/xml-tags.ts +0 -500
- package/src/extensions/tags/xml-util.ts +0 -94
- package/src/extensions/typewriter.ts +0 -68
- package/src/styles/index.ts +0 -7
- package/src/styles/markdown.ts +0 -26
- package/src/styles/theme.ts +0 -269
- package/src/styles/tokens.ts +0 -17
- package/src/types/index.ts +0 -5
- package/src/types/types.ts +0 -32
- package/src/util/cursor.ts +0 -56
- package/src/util/debug.ts +0 -69
- package/src/util/decorations.ts +0 -21
- package/src/util/dom.ts +0 -34
- package/src/util/facet.ts +0 -13
|
@@ -12,11 +12,7 @@ import { invariant } from '@dxos/invariant';
|
|
|
12
12
|
import { faker } from '@dxos/random';
|
|
13
13
|
import { Popover } from '@dxos/react-ui';
|
|
14
14
|
import { withTheme } from '@dxos/react-ui/testing';
|
|
15
|
-
import { Card } from '@dxos/react-ui-
|
|
16
|
-
import { hoverableControlItem, hoverableControlItemTransition, hoverableControls } from '@dxos/react-ui-theme';
|
|
17
|
-
import { trim } from '@dxos/util';
|
|
18
|
-
|
|
19
|
-
import { type EditorController, EditorPreviewProvider, useEditorPreview } from '../components';
|
|
15
|
+
import { Card } from '@dxos/react-ui-mosaic';
|
|
20
16
|
import {
|
|
21
17
|
type PreviewBlock,
|
|
22
18
|
type PreviewLinkRef,
|
|
@@ -24,13 +20,17 @@ import {
|
|
|
24
20
|
getLinkRef,
|
|
25
21
|
image,
|
|
26
22
|
preview,
|
|
27
|
-
} from '
|
|
23
|
+
} from '@dxos/ui-editor';
|
|
24
|
+
import { hoverableControls } from '@dxos/ui-theme';
|
|
25
|
+
import { isTruthy, trim } from '@dxos/util';
|
|
26
|
+
|
|
27
|
+
import { type EditorController, EditorPreviewProvider, useEditorPreview } from '../components';
|
|
28
28
|
|
|
29
29
|
import { EditorStory } from './components';
|
|
30
30
|
|
|
31
|
-
const handlePreviewLookup = async ({
|
|
31
|
+
const handlePreviewLookup = async ({ dxn, label }: PreviewLinkRef): Promise<PreviewLinkTarget> => {
|
|
32
32
|
// Random text.
|
|
33
|
-
faker.seed(
|
|
33
|
+
faker.seed(dxn.split('').reduce((acc: number, char: string) => acc + char.charCodeAt(0), 1));
|
|
34
34
|
const text = Array.from({ length: 2 }, () => faker.lorem.paragraphs()).join('\n\n');
|
|
35
35
|
return {
|
|
36
36
|
label,
|
|
@@ -51,14 +51,26 @@ const useRefTarget = (link: PreviewLinkRef): PreviewLinkTarget | undefined => {
|
|
|
51
51
|
|
|
52
52
|
const PreviewCard = () => {
|
|
53
53
|
const { target } = useEditorPreview('PreviewCard');
|
|
54
|
+
if (!target) {
|
|
55
|
+
return null;
|
|
56
|
+
}
|
|
57
|
+
|
|
54
58
|
return (
|
|
55
59
|
<Popover.Portal>
|
|
56
60
|
<Popover.Content onOpenAutoFocus={(event) => event.preventDefault()}>
|
|
57
|
-
<Popover.Viewport>
|
|
58
|
-
<Card.
|
|
59
|
-
<Card.
|
|
60
|
-
|
|
61
|
-
|
|
61
|
+
<Popover.Viewport classNames='popover-card-width'>
|
|
62
|
+
<Card.Root border={false}>
|
|
63
|
+
<Card.Toolbar>
|
|
64
|
+
<Card.Icon toolbar icon='ph--file-text--regular' />
|
|
65
|
+
<Card.Title>{target.label}</Card.Title>
|
|
66
|
+
<Popover.Close asChild>
|
|
67
|
+
<Card.Close />
|
|
68
|
+
</Popover.Close>
|
|
69
|
+
</Card.Toolbar>
|
|
70
|
+
<Card.Row>
|
|
71
|
+
<Card.Text variant='description'>{target.text}</Card.Text>
|
|
72
|
+
</Card.Row>
|
|
73
|
+
</Card.Root>
|
|
62
74
|
</Popover.Viewport>
|
|
63
75
|
<Popover.Arrow />
|
|
64
76
|
</Popover.Content>
|
|
@@ -90,7 +102,7 @@ const PreviewBlockComponent = ({ link, el, view }: { link: PreviewLinkRef; el: H
|
|
|
90
102
|
}
|
|
91
103
|
|
|
92
104
|
const link = getLinkRef(view.state, node);
|
|
93
|
-
if (link?.
|
|
105
|
+
if (link?.dxn !== action.link.dxn) {
|
|
94
106
|
return;
|
|
95
107
|
}
|
|
96
108
|
|
|
@@ -133,40 +145,35 @@ const PreviewBlockComponent = ({ link, el, view }: { link: PreviewLinkRef; el: H
|
|
|
133
145
|
}, [handleAction, link, target]);
|
|
134
146
|
|
|
135
147
|
return createPortal(
|
|
136
|
-
<Card.
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
<Card.
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
</Card.
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
{link.label}
|
|
166
|
-
</Card.Heading>
|
|
167
|
-
</div>
|
|
168
|
-
{target && <Card.Text classNames='line-clamp-3 mbs-0'>{target.text}</Card.Text>}
|
|
169
|
-
</Card.StaticRoot>,
|
|
148
|
+
<Card.Root classNames={hoverableControls}>
|
|
149
|
+
{!view?.state.readOnly && (
|
|
150
|
+
<Card.Toolbar>
|
|
151
|
+
<Card.Icon toolbar icon='ph--bookmark--regular' />
|
|
152
|
+
<Card.Title>{link.label}</Card.Title>
|
|
153
|
+
<Card.Menu
|
|
154
|
+
items={[
|
|
155
|
+
{
|
|
156
|
+
id: 'delete',
|
|
157
|
+
label: link.suggest ? 'Discard' : 'Delete',
|
|
158
|
+
icon: 'ph--x--regular',
|
|
159
|
+
onClick: handleDelete,
|
|
160
|
+
},
|
|
161
|
+
target && {
|
|
162
|
+
id: 'apply',
|
|
163
|
+
label: 'Apply',
|
|
164
|
+
icon: 'ph--check--regular',
|
|
165
|
+
onClick: handleInsert,
|
|
166
|
+
},
|
|
167
|
+
].filter(isTruthy)}
|
|
168
|
+
/>
|
|
169
|
+
</Card.Toolbar>
|
|
170
|
+
)}
|
|
171
|
+
{target && (
|
|
172
|
+
<Card.Row>
|
|
173
|
+
<Card.Text className='text-description'>{target.text}</Card.Text>
|
|
174
|
+
</Card.Row>
|
|
175
|
+
)}
|
|
176
|
+
</Card.Root>,
|
|
170
177
|
el,
|
|
171
178
|
);
|
|
172
179
|
};
|
|
@@ -174,7 +181,7 @@ const PreviewBlockComponent = ({ link, el, view }: { link: PreviewLinkRef; el: H
|
|
|
174
181
|
const meta = {
|
|
175
182
|
title: 'ui/react-ui-editor/Preview',
|
|
176
183
|
component: EditorStory,
|
|
177
|
-
decorators: [withTheme],
|
|
184
|
+
decorators: [withTheme()],
|
|
178
185
|
parameters: {
|
|
179
186
|
layout: 'fullscreen',
|
|
180
187
|
},
|
|
@@ -211,21 +218,20 @@ export const Default: Story = {
|
|
|
211
218
|
setPreviewBlocks((prev) => [...prev, block]);
|
|
212
219
|
},
|
|
213
220
|
removeBlockContainer: (block) => {
|
|
214
|
-
setPreviewBlocks((prev) => prev.filter(({ link: prevLink }) => prevLink.
|
|
221
|
+
setPreviewBlocks((prev) => prev.filter(({ link: prevLink }) => prevLink.dxn !== block.link.dxn));
|
|
215
222
|
},
|
|
216
223
|
}),
|
|
217
224
|
];
|
|
218
225
|
}, []);
|
|
219
226
|
|
|
220
227
|
// TODO(burdon): Migrate to Editor.Root.
|
|
221
|
-
// TODO(burdon): Ranges must be sorted error (decorate.enter).
|
|
222
228
|
return (
|
|
223
229
|
<EditorPreviewProvider onLookup={handlePreviewLookup}>
|
|
224
230
|
<EditorStory ref={setController} text={text} extensions={extensions} />
|
|
225
231
|
<PreviewCard />
|
|
226
232
|
{controller?.view &&
|
|
227
233
|
previewBlocks.map(({ link, el }) => (
|
|
228
|
-
<PreviewBlockComponent key={link.
|
|
234
|
+
<PreviewBlockComponent key={link.dxn} link={link} el={el} view={controller.view!} />
|
|
229
235
|
))}
|
|
230
236
|
</EditorPreviewProvider>
|
|
231
237
|
);
|
|
@@ -8,8 +8,6 @@ import { createPortal } from 'react-dom';
|
|
|
8
8
|
|
|
9
9
|
import { useThemeContext } from '@dxos/react-ui';
|
|
10
10
|
import { withTheme } from '@dxos/react-ui/testing';
|
|
11
|
-
import { trim } from '@dxos/util';
|
|
12
|
-
|
|
13
11
|
import {
|
|
14
12
|
type XmlWidgetRegistry,
|
|
15
13
|
type XmlWidgetState,
|
|
@@ -18,7 +16,9 @@ import {
|
|
|
18
16
|
decorateMarkdown,
|
|
19
17
|
extendedMarkdown,
|
|
20
18
|
xmlTags,
|
|
21
|
-
} from '
|
|
19
|
+
} from '@dxos/ui-editor';
|
|
20
|
+
import { safeParseInt, trim } from '@dxos/util';
|
|
21
|
+
|
|
22
22
|
import { useTextEditor } from '../hooks';
|
|
23
23
|
|
|
24
24
|
const registry = {
|
|
@@ -27,12 +27,19 @@ const registry = {
|
|
|
27
27
|
*/
|
|
28
28
|
['test' as const]: {
|
|
29
29
|
block: true,
|
|
30
|
-
Component: () => {
|
|
31
|
-
const [count, setCount] = useState(0);
|
|
30
|
+
Component: ({ start = '0' }) => {
|
|
31
|
+
const [count, setCount] = useState<number>(safeParseInt(start, 0));
|
|
32
32
|
useEffect(() => {
|
|
33
33
|
const interval = setInterval(() => {
|
|
34
|
-
setCount((prev) =>
|
|
35
|
-
|
|
34
|
+
setCount((prev) => {
|
|
35
|
+
if (prev >= 200) {
|
|
36
|
+
clearInterval(interval);
|
|
37
|
+
return prev;
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
return prev + 1;
|
|
41
|
+
});
|
|
42
|
+
}, 100);
|
|
36
43
|
return () => clearInterval(interval);
|
|
37
44
|
}, []);
|
|
38
45
|
|
|
@@ -58,7 +65,7 @@ const DefaultStory = ({ text }: { text?: string }) => {
|
|
|
58
65
|
return (
|
|
59
66
|
<>
|
|
60
67
|
<div ref={parentRef} className='is-full p-4' />
|
|
61
|
-
{widgets.map(({
|
|
68
|
+
{widgets.map(({ id, root, Component, props }) => (
|
|
62
69
|
<div key={id}>{createPortal(<Component {...props} />, root)}</div>
|
|
63
70
|
))}
|
|
64
71
|
</>
|
|
@@ -70,15 +77,17 @@ const text = trim`
|
|
|
70
77
|
|
|
71
78
|
React widget below.
|
|
72
79
|
|
|
73
|
-
<test id="
|
|
80
|
+
<test id="t-1" />
|
|
81
|
+
|
|
82
|
+
<test id="t-2" start="100" />
|
|
74
83
|
|
|
75
84
|
React widget above.
|
|
76
85
|
`;
|
|
77
86
|
|
|
78
87
|
const meta = {
|
|
79
|
-
title: 'ui/react-ui-editor/
|
|
88
|
+
title: 'ui/react-ui-editor/Tags',
|
|
80
89
|
render: DefaultStory,
|
|
81
|
-
decorators: [withTheme],
|
|
90
|
+
decorators: [withTheme()],
|
|
82
91
|
parameters: {
|
|
83
92
|
layout: 'fullscreen',
|
|
84
93
|
},
|
|
@@ -9,20 +9,18 @@ import React from 'react';
|
|
|
9
9
|
|
|
10
10
|
import { log } from '@dxos/log';
|
|
11
11
|
import { withTheme } from '@dxos/react-ui/testing';
|
|
12
|
-
|
|
13
|
-
import { editorMonospace } from '../defaults';
|
|
14
12
|
import {
|
|
15
13
|
InputModeExtensions,
|
|
16
14
|
decorateMarkdown,
|
|
17
15
|
folding,
|
|
18
16
|
image,
|
|
17
|
+
join,
|
|
19
18
|
listener,
|
|
20
19
|
mention,
|
|
21
20
|
selectionState,
|
|
22
21
|
staticCompletion,
|
|
23
22
|
typeahead,
|
|
24
|
-
} from '
|
|
25
|
-
import { str } from '../util';
|
|
23
|
+
} from '@dxos/ui-editor';
|
|
26
24
|
|
|
27
25
|
import {
|
|
28
26
|
EditorStory,
|
|
@@ -39,7 +37,7 @@ import {
|
|
|
39
37
|
const meta = {
|
|
40
38
|
title: 'ui/react-ui-editor/TextEditor',
|
|
41
39
|
component: EditorStory,
|
|
42
|
-
decorators: [withTheme],
|
|
40
|
+
decorators: [withTheme()],
|
|
43
41
|
parameters: {
|
|
44
42
|
layout: 'fullscreen',
|
|
45
43
|
controls: { disable: true },
|
|
@@ -97,7 +95,7 @@ export const NoExtensions: Story = {
|
|
|
97
95
|
export const Vim: Story = {
|
|
98
96
|
render: () => (
|
|
99
97
|
<EditorStory
|
|
100
|
-
text={
|
|
98
|
+
text={join('# Vim Mode', '', 'The distant future. The year 2000.', '', content.paragraphs)}
|
|
101
99
|
extensions={[defaultExtensions, InputModeExtensions.vim]}
|
|
102
100
|
/>
|
|
103
101
|
),
|
|
@@ -110,7 +108,7 @@ export const Vim: Story = {
|
|
|
110
108
|
export const Listener: Story = {
|
|
111
109
|
render: () => (
|
|
112
110
|
<EditorStory
|
|
113
|
-
text={
|
|
111
|
+
text={join('# Listener', '', content.footer)}
|
|
114
112
|
extensions={[
|
|
115
113
|
listener({
|
|
116
114
|
onFocus: ({ focusing }) => {
|
|
@@ -140,7 +138,7 @@ export const Folding: Story = {
|
|
|
140
138
|
export const Scrolling: Story = {
|
|
141
139
|
render: () => (
|
|
142
140
|
<EditorStory
|
|
143
|
-
text={
|
|
141
|
+
text={join('# Large Document', '', longText)}
|
|
144
142
|
extensions={selectionState({
|
|
145
143
|
setState: (id, state) => global.set(id, state),
|
|
146
144
|
getState: (id) => global.get(id),
|
|
@@ -151,7 +149,7 @@ export const Scrolling: Story = {
|
|
|
151
149
|
|
|
152
150
|
export const ScrollingWithImages: Story = {
|
|
153
151
|
render: () => (
|
|
154
|
-
<EditorStory text={
|
|
152
|
+
<EditorStory text={join('# Large Document', '', largeWithImages)} extensions={[decorateMarkdown(), image()]} />
|
|
155
153
|
),
|
|
156
154
|
};
|
|
157
155
|
|
|
@@ -159,7 +157,7 @@ export const ScrollTo: Story = {
|
|
|
159
157
|
render: () => {
|
|
160
158
|
// NOTE: Selection won't appear if text is reformatted.
|
|
161
159
|
const word = 'Scroll to here...';
|
|
162
|
-
const text =
|
|
160
|
+
const text = join('# Scroll To', longText, '', word, '', longText);
|
|
163
161
|
const idx = text.indexOf(word);
|
|
164
162
|
return (
|
|
165
163
|
<EditorStory
|
|
@@ -178,11 +176,7 @@ export const ScrollTo: Story = {
|
|
|
178
176
|
|
|
179
177
|
export const Typescript: Story = {
|
|
180
178
|
render: () => (
|
|
181
|
-
<EditorStory
|
|
182
|
-
text={content.typescript}
|
|
183
|
-
lineNumbers
|
|
184
|
-
extensions={[editorMonospace, javascript({ typescript: true })]}
|
|
185
|
-
/>
|
|
179
|
+
<EditorStory text={content.typescript} lineNumbers monospace extensions={javascript({ typescript: true })} />
|
|
186
180
|
),
|
|
187
181
|
};
|
|
188
182
|
|
|
@@ -195,7 +189,7 @@ const completions = ['hello world!', 'dxos.org'];
|
|
|
195
189
|
export const Typeahead: Story = {
|
|
196
190
|
render: () => (
|
|
197
191
|
<EditorStory
|
|
198
|
-
text={
|
|
192
|
+
text={join('# Typeahead', '')}
|
|
199
193
|
extensions={[
|
|
200
194
|
typeahead({
|
|
201
195
|
onComplete: staticCompletion(completions, { minLength: 2 }),
|
|
@@ -212,7 +206,7 @@ export const Typeahead: Story = {
|
|
|
212
206
|
export const Mention: Story = {
|
|
213
207
|
render: () => (
|
|
214
208
|
<EditorStory
|
|
215
|
-
text={
|
|
209
|
+
text={join('# Mention', '', 'Type @...', content.footer)}
|
|
216
210
|
extensions={[
|
|
217
211
|
mention({
|
|
218
212
|
onSearch: (text) => names.filter((name) => name.toLowerCase().startsWith(text.toLowerCase())),
|
|
@@ -229,7 +223,7 @@ export const Mention: Story = {
|
|
|
229
223
|
export const Search: Story = {
|
|
230
224
|
render: () => (
|
|
231
225
|
<EditorStory
|
|
232
|
-
text={
|
|
226
|
+
text={join('# Search', text)}
|
|
233
227
|
extensions={defaultExtensions}
|
|
234
228
|
onReady={(view) => openSearchPanel(view)}
|
|
235
229
|
/>
|
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
//
|
|
2
|
+
// Copyright 2025 DXOS.org
|
|
3
|
+
//
|
|
4
|
+
|
|
5
|
+
import { type Meta, type StoryObj } from '@storybook/react-vite';
|
|
6
|
+
import React, { useMemo } from 'react';
|
|
7
|
+
|
|
8
|
+
import { useThemeContext } from '@dxos/react-ui';
|
|
9
|
+
import { withLayout, withTheme } from '@dxos/react-ui/testing';
|
|
10
|
+
import { createBasicExtensions, createThemeExtensions } from '@dxos/ui-editor';
|
|
11
|
+
|
|
12
|
+
import { Editor } from '../components';
|
|
13
|
+
|
|
14
|
+
const createText = (monospace?: boolean) =>
|
|
15
|
+
[`${monospace ? 'monospace' : 'body'}`, 'Hello world', '0123456789'].join('\n');
|
|
16
|
+
|
|
17
|
+
const DefaultStory = () => {
|
|
18
|
+
const { themeMode } = useThemeContext();
|
|
19
|
+
const [ext1, ext2] = useMemo(
|
|
20
|
+
() => [
|
|
21
|
+
//
|
|
22
|
+
[
|
|
23
|
+
createBasicExtensions({ placeholder: 'Enter text', search: true }),
|
|
24
|
+
createThemeExtensions({ themeMode, monospace: false }),
|
|
25
|
+
],
|
|
26
|
+
[
|
|
27
|
+
createBasicExtensions({ placeholder: 'Enter text', search: true }),
|
|
28
|
+
createThemeExtensions({ themeMode, monospace: true }),
|
|
29
|
+
],
|
|
30
|
+
],
|
|
31
|
+
[],
|
|
32
|
+
);
|
|
33
|
+
|
|
34
|
+
return (
|
|
35
|
+
<div className='is-full grid grid-cols-2 gap-2'>
|
|
36
|
+
<Editor.Root>
|
|
37
|
+
<Editor.Content classNames='p-2' extensions={ext1} initialValue={createText(false)} />
|
|
38
|
+
</Editor.Root>
|
|
39
|
+
<Editor.Root>
|
|
40
|
+
<Editor.Content classNames='p-2' extensions={ext2} initialValue={createText(true)} />
|
|
41
|
+
</Editor.Root>
|
|
42
|
+
</div>
|
|
43
|
+
);
|
|
44
|
+
};
|
|
45
|
+
|
|
46
|
+
const meta: Meta<typeof DefaultStory> = {
|
|
47
|
+
title: 'ui/react-ui-editor/Theme',
|
|
48
|
+
component: DefaultStory,
|
|
49
|
+
decorators: [withTheme(), withLayout()],
|
|
50
|
+
parameters: {
|
|
51
|
+
layout: 'fullscreen',
|
|
52
|
+
},
|
|
53
|
+
};
|
|
54
|
+
|
|
55
|
+
export default meta;
|
|
56
|
+
|
|
57
|
+
type Story = StoryObj<typeof meta>;
|
|
58
|
+
|
|
59
|
+
export const Default: Story = {
|
|
60
|
+
args: {},
|
|
61
|
+
};
|
|
@@ -5,30 +5,28 @@
|
|
|
5
5
|
import { type EditorView } from '@codemirror/view';
|
|
6
6
|
import React, { type ReactNode, forwardRef, useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react';
|
|
7
7
|
|
|
8
|
-
import {
|
|
9
|
-
import {
|
|
10
|
-
import { live } from '@dxos/echo/internal';
|
|
8
|
+
import { Obj } from '@dxos/echo';
|
|
9
|
+
import { TestSchema } from '@dxos/echo/testing';
|
|
11
10
|
import { invariant } from '@dxos/invariant';
|
|
12
11
|
import { PublicKey } from '@dxos/keys';
|
|
13
12
|
import { log } from '@dxos/log';
|
|
14
13
|
import { useMergeRefs, useThemeContext } from '@dxos/react-ui';
|
|
15
14
|
import { useAttentionAttributes } from '@dxos/react-ui-attention';
|
|
16
15
|
import { JsonFilter } from '@dxos/react-ui-syntax-highlighter';
|
|
17
|
-
import { mx } from '@dxos/react-ui-theme';
|
|
18
|
-
import { isNonNullable } from '@dxos/util';
|
|
19
|
-
|
|
20
|
-
import { type EditorController, createEditorController } from '../../components';
|
|
21
|
-
import { editorGutter, editorSlots } from '../../defaults';
|
|
22
16
|
import {
|
|
23
17
|
type DebugNode,
|
|
24
18
|
type ThemeExtensionsOptions,
|
|
25
19
|
createBasicExtensions,
|
|
26
|
-
createDataExtensions,
|
|
27
20
|
createMarkdownExtensions,
|
|
28
21
|
createThemeExtensions,
|
|
29
22
|
debugTree,
|
|
30
23
|
decorateMarkdown,
|
|
31
|
-
|
|
24
|
+
editorSlots,
|
|
25
|
+
} from '@dxos/ui-editor';
|
|
26
|
+
import { mx } from '@dxos/ui-theme';
|
|
27
|
+
import { isNonNullable } from '@dxos/util';
|
|
28
|
+
|
|
29
|
+
import { type EditorController, createEditorController } from '../../components';
|
|
32
30
|
import { type UseTextEditorProps, useTextEditor } from '../../hooks';
|
|
33
31
|
|
|
34
32
|
// Type definitions.
|
|
@@ -41,25 +39,26 @@ export type StoryProps = Pick<UseTextEditorProps, 'id' | 'scrollTo' | 'selection
|
|
|
41
39
|
debug?: DebugMode;
|
|
42
40
|
debugCustom?: (view: EditorView) => ReactNode;
|
|
43
41
|
text?: string;
|
|
44
|
-
object?: Expando
|
|
42
|
+
object?: Obj.Obj<TestSchema.Expando>;
|
|
45
43
|
readOnly?: boolean;
|
|
46
44
|
placeholder?: string;
|
|
47
45
|
lineNumbers?: boolean;
|
|
46
|
+
monospace?: boolean;
|
|
48
47
|
onReady?: (view: EditorView) => void;
|
|
49
48
|
};
|
|
50
49
|
|
|
51
50
|
export const EditorStory = forwardRef<EditorController, StoryProps>(
|
|
52
|
-
({ debug, debugCustom, text, extensions:
|
|
51
|
+
({ debug, debugCustom, text, extensions: extensionsProp, ...props }, forwardedRef) => {
|
|
53
52
|
const controllerRef = useRef<EditorController>(null);
|
|
54
53
|
const mergedRef = useMergeRefs([controllerRef, forwardedRef]);
|
|
55
54
|
|
|
56
55
|
const attentionAttrs = useAttentionAttributes('test-panel');
|
|
57
56
|
const [tree, setTree] = useState<DebugNode>();
|
|
58
|
-
const [object] = useState(
|
|
57
|
+
const [object] = useState(Obj.make(TestSchema.Expando, { content: text ?? '' }));
|
|
59
58
|
|
|
60
59
|
const extensions = useMemo(
|
|
61
|
-
() => (debug ? [
|
|
62
|
-
[debug,
|
|
60
|
+
() => (debug ? [extensionsProp, debugTree(setTree)].filter(isNonNullable) : extensionsProp),
|
|
61
|
+
[debug, extensionsProp],
|
|
63
62
|
);
|
|
64
63
|
|
|
65
64
|
const view = controllerRef.current?.view;
|
|
@@ -88,10 +87,8 @@ export const EditorStory = forwardRef<EditorController, StoryProps>(
|
|
|
88
87
|
|
|
89
88
|
/**
|
|
90
89
|
* Default story component.
|
|
91
|
-
* @deprecated
|
|
92
90
|
*/
|
|
93
|
-
|
|
94
|
-
export const EditorComponent = forwardRef<EditorController, StoryProps>(
|
|
91
|
+
const EditorComponent = forwardRef<EditorController, StoryProps>(
|
|
95
92
|
(
|
|
96
93
|
{
|
|
97
94
|
id = defaultId,
|
|
@@ -100,6 +97,7 @@ export const EditorComponent = forwardRef<EditorController, StoryProps>(
|
|
|
100
97
|
readOnly,
|
|
101
98
|
placeholder = 'New document.',
|
|
102
99
|
lineNumbers,
|
|
100
|
+
monospace,
|
|
103
101
|
scrollTo,
|
|
104
102
|
selection,
|
|
105
103
|
extensions,
|
|
@@ -118,12 +116,10 @@ export const EditorComponent = forwardRef<EditorController, StoryProps>(
|
|
|
118
116
|
selection,
|
|
119
117
|
initialValue: text,
|
|
120
118
|
extensions: [
|
|
121
|
-
createDataExtensions({ id, text: createDocAccessor(object, ['content']) }),
|
|
122
119
|
createBasicExtensions({ readOnly, placeholder, lineNumbers, scrollPastEnd: true, search: true }),
|
|
120
|
+
createThemeExtensions({ monospace, themeMode, syntaxHighlighting: true, slots }),
|
|
123
121
|
createMarkdownExtensions(),
|
|
124
|
-
createThemeExtensions({ themeMode, syntaxHighlighting: true, slots }),
|
|
125
122
|
decorateMarkdown(),
|
|
126
|
-
editorGutter,
|
|
127
123
|
extensions || [],
|
|
128
124
|
],
|
|
129
125
|
}),
|
|
@@ -8,8 +8,6 @@ import React, { type FC } from 'react';
|
|
|
8
8
|
|
|
9
9
|
import { faker } from '@dxos/random';
|
|
10
10
|
import { Icon } from '@dxos/react-ui';
|
|
11
|
-
import { mx } from '@dxos/react-ui-theme';
|
|
12
|
-
|
|
13
11
|
import {
|
|
14
12
|
type EditorSelectionState,
|
|
15
13
|
decorateMarkdown,
|
|
@@ -18,7 +16,9 @@ import {
|
|
|
18
16
|
image,
|
|
19
17
|
linkTooltip,
|
|
20
18
|
table,
|
|
21
|
-
} from '
|
|
19
|
+
} from '@dxos/ui-editor';
|
|
20
|
+
import { mx } from '@dxos/ui-theme';
|
|
21
|
+
|
|
22
22
|
import { createRenderer, str } from '../../util';
|
|
23
23
|
|
|
24
24
|
export const num = () => faker.number.int({ min: 0, max: 9999 }).toLocaleString();
|
package/src/translations.ts
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
|
|
5
5
|
import { type Resource } from '@dxos/react-ui';
|
|
6
6
|
|
|
7
|
-
export const translationKey = 'react-ui-editor';
|
|
7
|
+
export const translationKey = '@dxos/react-ui-editor';
|
|
8
8
|
|
|
9
9
|
export const translations = [
|
|
10
10
|
{
|
|
@@ -29,11 +29,11 @@ export const translations = [
|
|
|
29
29
|
'heading level label_zero': 'Paragraph',
|
|
30
30
|
'heading level label_one': 'Heading level {{count}}',
|
|
31
31
|
'heading level label_other': 'Heading level {{count}}',
|
|
32
|
+
'search label': 'Search',
|
|
32
33
|
'view mode label': 'Editor view',
|
|
33
|
-
'preview mode label': '
|
|
34
|
+
'preview mode label': 'Markdown',
|
|
34
35
|
'readonly mode label': 'Read only',
|
|
35
|
-
'
|
|
36
|
-
'source mode label': 'Source',
|
|
36
|
+
'source mode label': 'Plain text',
|
|
37
37
|
},
|
|
38
38
|
},
|
|
39
39
|
},
|
package/src/util/index.ts
CHANGED
package/src/util/react.tsx
CHANGED
|
@@ -6,9 +6,13 @@ import React, { type FC, type ReactNode } from 'react';
|
|
|
6
6
|
import { createRoot } from 'react-dom/client';
|
|
7
7
|
|
|
8
8
|
import { ThemeProvider, Tooltip } from '@dxos/react-ui';
|
|
9
|
-
import {
|
|
9
|
+
import { type RenderCallback } from '@dxos/ui-editor';
|
|
10
|
+
import { defaultTx } from '@dxos/ui-theme';
|
|
10
11
|
|
|
11
|
-
|
|
12
|
+
/**
|
|
13
|
+
* @deprecated Use `trim` from `@dxos/util`.
|
|
14
|
+
*/
|
|
15
|
+
export const str = (...lines: string[]) => lines.join('\n');
|
|
12
16
|
|
|
13
17
|
/** @deprecated */
|
|
14
18
|
// TODO(wittjosiah): Replace with portals which are lighter weight and inherit context from the main react tree.
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
// src/types/types.ts
|
|
2
|
-
import * as Schema from "effect/Schema";
|
|
3
|
-
var EditorViewModes = [
|
|
4
|
-
"preview",
|
|
5
|
-
"readonly",
|
|
6
|
-
"source"
|
|
7
|
-
];
|
|
8
|
-
var EditorViewMode = Schema.Union(...EditorViewModes.map((mode) => Schema.Literal(mode)));
|
|
9
|
-
var EditorInputModes = [
|
|
10
|
-
"default",
|
|
11
|
-
"vim",
|
|
12
|
-
"vscode"
|
|
13
|
-
];
|
|
14
|
-
var EditorInputMode = Schema.Union(...EditorInputModes.map((mode) => Schema.Literal(mode)));
|
|
15
|
-
|
|
16
|
-
export {
|
|
17
|
-
EditorViewModes,
|
|
18
|
-
EditorViewMode,
|
|
19
|
-
EditorInputModes,
|
|
20
|
-
EditorInputMode
|
|
21
|
-
};
|
|
22
|
-
//# sourceMappingURL=chunk-HL3YF6WC.mjs.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/types/types.ts"],
|
|
4
|
-
"sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport { type EditorView } from '@codemirror/view';\nimport * as Schema from 'effect/Schema';\n\n// Runtime data structure.\nexport type Range = {\n from: number;\n to: number;\n};\n\n// Persistent data structure.\n// TODO(burdon): Rename annotation?\nexport type Comment = {\n id: string;\n cursor?: string;\n};\n\n/**\n * Callback that renders into a DOM element within the editor.\n */\nexport type RenderCallback<Props extends object> = (el: HTMLElement, props: Props, view: EditorView) => void;\n\nexport const EditorViewModes = ['preview', 'readonly', 'source'] as const;\nexport const EditorViewMode = Schema.Union(...EditorViewModes.map((mode) => Schema.Literal(mode)));\nexport type EditorViewMode = Schema.Schema.Type<typeof EditorViewMode>;\n\nexport const EditorInputModes = ['default', 'vim', 'vscode'] as const;\nexport const EditorInputMode = Schema.Union(...EditorInputModes.map((mode) => Schema.Literal(mode)));\nexport type EditorInputMode = Schema.Schema.Type<typeof EditorInputMode>;\n"],
|
|
5
|
-
"mappings": ";AAKA,YAAYA,YAAY;AAoBjB,IAAMC,kBAAkB;EAAC;EAAW;EAAY;;AAChD,IAAMC,iBAAwBC,aAAK,GAAIF,gBAAgBG,IAAI,CAACC,SAAgBC,eAAQD,IAAAA,CAAAA,CAAAA;AAGpF,IAAME,mBAAmB;EAAC;EAAW;EAAO;;AAC5C,IAAMC,kBAAyBL,aAAK,GAAII,iBAAiBH,IAAI,CAACC,SAAgBC,eAAQD,IAAAA,CAAAA,CAAAA;",
|
|
6
|
-
"names": ["Schema", "EditorViewModes", "EditorViewMode", "Union", "map", "mode", "Literal", "EditorInputModes", "EditorInputMode"]
|
|
7
|
-
}
|