@dxos/react-ui-editor 0.9.0 → 0.9.1-staging.ee54ba693a
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 +34 -43
- package/dist/lib/browser/index.mjs.map +3 -3
- package/dist/lib/browser/meta.json +1 -1
- package/dist/lib/node-esm/index.mjs +34 -43
- package/dist/lib/node-esm/index.mjs.map +3 -3
- package/dist/lib/node-esm/meta.json +1 -1
- package/dist/types/src/components/Editor/Editor.d.ts +1 -1
- package/dist/types/src/components/Editor/Editor.d.ts.map +1 -1
- package/dist/types/src/components/Editor/Editor.stories.d.ts.map +1 -1
- package/dist/types/src/components/EditorMenuProvider/menu-presets.d.ts.map +1 -1
- package/dist/types/src/components/EditorPreviewProvider/EditorPreviewProvider.d.ts +4 -2
- package/dist/types/src/components/EditorPreviewProvider/EditorPreviewProvider.d.ts.map +1 -1
- package/dist/types/src/components/EditorToolbar/EditorToolbar.d.ts.map +1 -1
- package/dist/types/src/extensions/Assistant.stories.d.ts +2 -2
- package/dist/types/src/extensions/Assistant.stories.d.ts.map +1 -1
- package/dist/types/src/hooks/useBasicMarkdownExtensions.d.ts +3 -1
- package/dist/types/src/hooks/useBasicMarkdownExtensions.d.ts.map +1 -1
- package/dist/types/src/stories/EditorToolbar.stories.d.ts +2 -2
- package/dist/types/src/stories/EditorToolbar.stories.d.ts.map +1 -1
- package/dist/types/src/stories/Outliner.stories.d.ts +2 -2
- package/dist/types/src/stories/Outliner.stories.d.ts.map +1 -1
- package/dist/types/src/stories/Popover.stories.d.ts +2 -2
- package/dist/types/src/stories/Popover.stories.d.ts.map +1 -1
- package/dist/types/src/stories/Widgets.stories.d.ts +25 -0
- package/dist/types/src/stories/Widgets.stories.d.ts.map +1 -0
- package/dist/types/tsconfig.tsbuildinfo +1 -1
- package/package.json +54 -52
- package/src/components/Editor/Editor.stories.tsx +3 -2
- package/src/components/Editor/Editor.tsx +2 -2
- package/src/components/EditorMenuProvider/menu-presets.ts +29 -23
- package/src/components/EditorPreviewProvider/EditorPreviewProvider.tsx +4 -3
- package/src/components/EditorToolbar/EditorToolbar.tsx +4 -1
- package/src/extensions/Assistant.stories.tsx +4 -4
- package/src/hooks/useBasicMarkdownExtensions.ts +5 -2
- package/src/stories/Automerge.stories.tsx +8 -8
- package/src/stories/EditorToolbar.stories.tsx +2 -2
- package/src/stories/Outliner.stories.tsx +2 -2
- package/src/stories/Popover.stories.tsx +3 -3
- package/src/stories/Widgets.stories.tsx +241 -0
- package/src/stories/components/util.tsx +1 -1
- package/dist/types/src/stories/Preview.stories.d.ts +0 -26
- package/dist/types/src/stories/Preview.stories.d.ts.map +0 -1
- package/dist/types/src/stories/Tags.stories.d.ts +0 -16
- package/dist/types/src/stories/Tags.stories.d.ts.map +0 -1
- package/src/stories/Preview.stories.tsx +0 -247
- package/src/stories/Tags.stories.tsx +0 -104
|
@@ -1 +1 @@
|
|
|
1
|
-
{"inputs":{"src/components/EditorMenuProvider/menu.ts":{"bytes":6007,"imports":[{"path":"@dxos/ui-editor","kind":"import-statement","external":true}],"format":"esm"},"src/components/EditorMenuProvider/popover.ts":{"bytes":35472,"imports":[{"path":"@codemirror/state","kind":"import-statement","external":true},{"path":"@codemirror/view","kind":"import-statement","external":true},{"path":"@dxos/ui-editor","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true}],"format":"esm"},"src/components/EditorMenuProvider/menu-presets.ts":{"bytes":12618,"imports":[{"path":"@dxos/ui-editor","kind":"import-statement","external":true},{"path":"src/components/EditorMenuProvider/popover.ts","kind":"import-statement","original":"./popover"}],"format":"esm"},"src/components/EditorMenuProvider/EditorMenuProvider.tsx":{"bytes":21930,"imports":[{"path":"@radix-ui/react-use-controllable-state","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/async","kind":"import-statement","external":true},{"path":"@dxos/invariant","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true}],"format":"esm"},"src/components/EditorMenuProvider/useEditorMenu.ts":{"bytes":20804,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/invariant","kind":"import-statement","external":true},{"path":"@dxos/ui-editor","kind":"import-statement","external":true},{"path":"src/components/EditorMenuProvider/menu.ts","kind":"import-statement","original":"./menu"},{"path":"src/components/EditorMenuProvider/popover.ts","kind":"import-statement","original":"./popover"}],"format":"esm"},"src/components/EditorMenuProvider/index.ts":{"bytes":770,"imports":[{"path":"src/components/EditorMenuProvider/menu.ts","kind":"import-statement","original":"./menu"},{"path":"src/components/EditorMenuProvider/menu-presets.ts","kind":"import-statement","original":"./menu-presets"},{"path":"src/components/EditorMenuProvider/popover.ts","kind":"import-statement","original":"./popover"},{"path":"src/components/EditorMenuProvider/EditorMenuProvider.tsx","kind":"import-statement","original":"./EditorMenuProvider"},{"path":"src/components/EditorMenuProvider/useEditorMenu.ts","kind":"import-statement","original":"./useEditorMenu"}],"format":"esm"},"src/components/EditorToolbar/types.ts":{"bytes":576,"imports":[],"format":"esm"},"src/components/EditorToolbar/blocks.ts":{"bytes":6752,"imports":[{"path":"@dxos/ui-editor","kind":"import-statement","external":true},{"path":"#translations","kind":"import-statement","external":true}],"format":"esm"},"src/components/EditorToolbar/formatting.ts":{"bytes":6665,"imports":[{"path":"@dxos/ui-editor","kind":"import-statement","external":true},{"path":"#translations","kind":"import-statement","external":true}],"format":"esm"},"src/components/EditorToolbar/headings.ts":{"bytes":6383,"imports":[{"path":"@dxos/ui-editor","kind":"import-statement","external":true},{"path":"#translations","kind":"import-statement","external":true}],"format":"esm"},"src/components/EditorToolbar/image.ts":{"bytes":1815,"imports":[{"path":"#translations","kind":"import-statement","external":true}],"format":"esm"},"src/components/EditorToolbar/lists.ts":{"bytes":5789,"imports":[{"path":"@dxos/ui-editor","kind":"import-statement","external":true},{"path":"#translations","kind":"import-statement","external":true}],"format":"esm"},"src/components/EditorToolbar/search.ts":{"bytes":2108,"imports":[{"path":"@codemirror/search","kind":"import-statement","external":true},{"path":"#translations","kind":"import-statement","external":true}],"format":"esm"},"src/components/EditorToolbar/view-mode.ts":{"bytes":4664,"imports":[{"path":"#translations","kind":"import-statement","external":true}],"format":"esm"},"src/components/EditorToolbar/EditorToolbar.tsx":{"bytes":11936,"imports":[{"path":"@effect-atom/atom-react","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-menu","kind":"import-statement","external":true},{"path":"src/components/EditorToolbar/blocks.ts","kind":"import-statement","original":"./blocks"},{"path":"src/components/EditorToolbar/formatting.ts","kind":"import-statement","original":"./formatting"},{"path":"src/components/EditorToolbar/headings.ts","kind":"import-statement","original":"./headings"},{"path":"src/components/EditorToolbar/image.ts","kind":"import-statement","original":"./image"},{"path":"src/components/EditorToolbar/lists.ts","kind":"import-statement","original":"./lists"},{"path":"src/components/EditorToolbar/search.ts","kind":"import-statement","original":"./search"},{"path":"src/components/EditorToolbar/view-mode.ts","kind":"import-statement","original":"./view-mode"}],"format":"esm"},"src/components/EditorToolbar/index.ts":{"bytes":474,"imports":[{"path":"src/components/EditorToolbar/types.ts","kind":"import-statement","original":"./types"},{"path":"src/components/EditorToolbar/EditorToolbar.tsx","kind":"import-statement","original":"./EditorToolbar"}],"format":"esm"},"src/hooks/useBasicMarkdownExtensions.ts":{"bytes":5093,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/ui-editor","kind":"import-statement","external":true}],"format":"esm"},"src/hooks/useTextEditor.ts":{"bytes":17291,"imports":[{"path":"@codemirror/state","kind":"import-statement","external":true},{"path":"@codemirror/view","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/log","kind":"import-statement","external":true},{"path":"@dxos/ui-editor","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true}],"format":"esm"},"src/hooks/index.ts":{"bytes":523,"imports":[{"path":"src/hooks/useBasicMarkdownExtensions.ts","kind":"import-statement","original":"./useBasicMarkdownExtensions"},{"path":"src/hooks/useTextEditor.ts","kind":"import-statement","original":"./useTextEditor"}],"format":"esm"},"src/components/Editor/controller.ts":{"bytes":5174,"imports":[],"format":"esm"},"src/components/Editor/EditorView.tsx":{"bytes":11507,"imports":[{"path":"@codemirror/state","kind":"import-statement","external":true},{"path":"@codemirror/view","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/ui-editor","kind":"import-statement","external":true},{"path":"@dxos/ui-theme","kind":"import-statement","external":true},{"path":"src/hooks/index.ts","kind":"import-statement","original":"../../hooks"},{"path":"src/components/Editor/controller.ts","kind":"import-statement","original":"./controller"}],"format":"esm"},"src/components/Editor/Editor.tsx":{"bytes":16022,"imports":[{"path":"@effect-atom/atom-react","kind":"import-statement","external":true},{"path":"@radix-ui/react-context","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/invariant","kind":"import-statement","external":true},{"path":"@dxos/ui-theme","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true},{"path":"src/components/EditorMenuProvider/index.ts","kind":"import-statement","original":"../EditorMenuProvider"},{"path":"src/components/EditorToolbar/index.ts","kind":"import-statement","original":"../EditorToolbar"},{"path":"src/components/Editor/EditorView.tsx","kind":"import-statement","original":"./EditorView"}],"format":"esm"},"src/components/Editor/index.ts":{"bytes":370,"imports":[{"path":"src/components/Editor/Editor.tsx","kind":"import-statement","original":"./Editor"}],"format":"esm"},"src/components/EditorPreviewProvider/EditorPreviewProvider.tsx":{"bytes":8232,"imports":[{"path":"@radix-ui/react-context","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/async","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true}],"format":"esm"},"src/components/EditorPreviewProvider/index.ts":{"bytes":409,"imports":[{"path":"src/components/EditorPreviewProvider/EditorPreviewProvider.tsx","kind":"import-statement","original":"./EditorPreviewProvider"}],"format":"esm"},"src/components/index.ts":{"bytes":609,"imports":[{"path":"src/components/Editor/index.ts","kind":"import-statement","original":"./Editor"},{"path":"src/components/EditorMenuProvider/index.ts","kind":"import-statement","original":"./EditorMenuProvider"},{"path":"src/components/EditorPreviewProvider/index.ts","kind":"import-statement","original":"./EditorPreviewProvider"}],"format":"esm"},"src/extensions/assistant-extension.tsx":{"bytes":22176,"imports":[{"path":"@codemirror/lint","kind":"import-statement","external":true},{"path":"@codemirror/state","kind":"import-statement","external":true},{"path":"@codemirror/view","kind":"import-statement","external":true},{"path":"@dxos/log","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true}],"format":"esm"},"src/extensions/index.ts":{"bytes":403,"imports":[{"path":"src/extensions/assistant-extension.tsx","kind":"import-statement","original":"./assistant-extension"}],"format":"esm"},"src/index.ts":{"bytes":553,"imports":[{"path":"src/components/index.ts","kind":"import-statement","original":"./components"},{"path":"src/extensions/index.ts","kind":"import-statement","original":"./extensions"},{"path":"src/hooks/index.ts","kind":"import-statement","original":"./hooks"}],"format":"esm"},"src/translations.ts":{"bytes":4235,"imports":[],"format":"esm"}},"outputs":{"dist/lib/browser/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":112833},"dist/lib/browser/index.mjs":{"imports":[{"path":"@effect-atom/atom-react","kind":"import-statement","external":true},{"path":"@radix-ui/react-context","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/invariant","kind":"import-statement","external":true},{"path":"@dxos/ui-theme","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true},{"path":"@dxos/ui-editor","kind":"import-statement","external":true},{"path":"@dxos/ui-editor","kind":"import-statement","external":true},{"path":"@codemirror/state","kind":"import-statement","external":true},{"path":"@codemirror/view","kind":"import-statement","external":true},{"path":"@dxos/ui-editor","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true},{"path":"@radix-ui/react-use-controllable-state","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/async","kind":"import-statement","external":true},{"path":"@dxos/invariant","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/invariant","kind":"import-statement","external":true},{"path":"@dxos/ui-editor","kind":"import-statement","external":true},{"path":"@effect-atom/atom-react","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-menu","kind":"import-statement","external":true},{"path":"@dxos/ui-editor","kind":"import-statement","external":true},{"path":"#translations","kind":"import-statement","external":true},{"path":"@dxos/ui-editor","kind":"import-statement","external":true},{"path":"#translations","kind":"import-statement","external":true},{"path":"@dxos/ui-editor","kind":"import-statement","external":true},{"path":"#translations","kind":"import-statement","external":true},{"path":"#translations","kind":"import-statement","external":true},{"path":"@dxos/ui-editor","kind":"import-statement","external":true},{"path":"#translations","kind":"import-statement","external":true},{"path":"@codemirror/search","kind":"import-statement","external":true},{"path":"#translations","kind":"import-statement","external":true},{"path":"#translations","kind":"import-statement","external":true},{"path":"@codemirror/state","kind":"import-statement","external":true},{"path":"@codemirror/view","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/ui-editor","kind":"import-statement","external":true},{"path":"@dxos/ui-theme","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/ui-editor","kind":"import-statement","external":true},{"path":"@codemirror/state","kind":"import-statement","external":true},{"path":"@codemirror/view","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/log","kind":"import-statement","external":true},{"path":"@dxos/ui-editor","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true},{"path":"@radix-ui/react-context","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/async","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@codemirror/lint","kind":"import-statement","external":true},{"path":"@codemirror/state","kind":"import-statement","external":true},{"path":"@codemirror/view","kind":"import-statement","external":true},{"path":"@dxos/log","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true}],"exports":["Editor","EditorMenuProvider","EditorPreviewProvider","assistant","createEditorController","createMenuGroup","filterMenuGroups","formattingCommands","getMenuItem","getNextMenuItem","getPreviousMenuItem","linkSlashCommands","popover","popoverRangeEffect","popoverStateField","useBasicMarkdownExtensions","useEditorContext","useEditorMenu","useEditorPreview","useTextEditor"],"entryPoint":"src/index.ts","inputs":{"src/components/Editor/Editor.tsx":{"bytesInOutput":3147},"src/components/EditorMenuProvider/menu.ts":{"bytesInOutput":1066},"src/components/EditorMenuProvider/menu-presets.ts":{"bytesInOutput":3394},"src/components/EditorMenuProvider/popover.ts":{"bytesInOutput":7468},"src/components/EditorMenuProvider/EditorMenuProvider.tsx":{"bytesInOutput":5395},"src/components/EditorMenuProvider/useEditorMenu.ts":{"bytesInOutput":4510},"src/components/EditorToolbar/EditorToolbar.tsx":{"bytesInOutput":2027},"src/components/EditorToolbar/blocks.ts":{"bytesInOutput":1447},"src/components/EditorToolbar/formatting.ts":{"bytesInOutput":1404},"src/components/EditorToolbar/headings.ts":{"bytesInOutput":1485},"src/components/EditorToolbar/image.ts":{"bytesInOutput":333},"src/components/EditorToolbar/lists.ts":{"bytesInOutput":1236},"src/components/EditorToolbar/search.ts":{"bytesInOutput":402},"src/components/EditorToolbar/view-mode.ts":{"bytesInOutput":954},"src/components/Editor/EditorView.tsx":{"bytesInOutput":2133},"src/hooks/useBasicMarkdownExtensions.ts":{"bytesInOutput":756},"src/hooks/useTextEditor.ts":{"bytesInOutput":4164},"src/components/Editor/controller.ts":{"bytesInOutput":834},"src/components/EditorPreviewProvider/EditorPreviewProvider.tsx":{"bytesInOutput":1882},"src/index.ts":{"bytesInOutput":0},"src/extensions/assistant-extension.tsx":{"bytesInOutput":5585}},"bytes":51170},"dist/lib/browser/translations.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":1970},"dist/lib/browser/translations.mjs":{"imports":[],"exports":["translationKey","translations"],"entryPoint":"src/translations.ts","inputs":{"src/translations.ts":{"bytesInOutput":1229}},"bytes":1339}}}
|
|
1
|
+
{"inputs":{"src/components/EditorMenuProvider/menu.ts":{"bytes":6007,"imports":[{"path":"@dxos/ui-editor","kind":"import-statement","external":true}],"format":"esm"},"src/components/EditorMenuProvider/popover.ts":{"bytes":35472,"imports":[{"path":"@codemirror/state","kind":"import-statement","external":true},{"path":"@codemirror/view","kind":"import-statement","external":true},{"path":"@dxos/ui-editor","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true}],"format":"esm"},"src/components/EditorMenuProvider/menu-presets.ts":{"bytes":13511,"imports":[{"path":"@dxos/ui-editor","kind":"import-statement","external":true},{"path":"src/components/EditorMenuProvider/popover.ts","kind":"import-statement","original":"./popover"}],"format":"esm"},"src/components/EditorMenuProvider/EditorMenuProvider.tsx":{"bytes":21930,"imports":[{"path":"@radix-ui/react-use-controllable-state","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/async","kind":"import-statement","external":true},{"path":"@dxos/invariant","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true}],"format":"esm"},"src/components/EditorMenuProvider/useEditorMenu.ts":{"bytes":20804,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/invariant","kind":"import-statement","external":true},{"path":"@dxos/ui-editor","kind":"import-statement","external":true},{"path":"src/components/EditorMenuProvider/menu.ts","kind":"import-statement","original":"./menu"},{"path":"src/components/EditorMenuProvider/popover.ts","kind":"import-statement","original":"./popover"}],"format":"esm"},"src/components/EditorMenuProvider/index.ts":{"bytes":770,"imports":[{"path":"src/components/EditorMenuProvider/menu.ts","kind":"import-statement","original":"./menu"},{"path":"src/components/EditorMenuProvider/menu-presets.ts","kind":"import-statement","original":"./menu-presets"},{"path":"src/components/EditorMenuProvider/popover.ts","kind":"import-statement","original":"./popover"},{"path":"src/components/EditorMenuProvider/EditorMenuProvider.tsx","kind":"import-statement","original":"./EditorMenuProvider"},{"path":"src/components/EditorMenuProvider/useEditorMenu.ts","kind":"import-statement","original":"./useEditorMenu"}],"format":"esm"},"src/components/EditorToolbar/types.ts":{"bytes":576,"imports":[],"format":"esm"},"src/components/EditorToolbar/blocks.ts":{"bytes":6752,"imports":[{"path":"@dxos/ui-editor","kind":"import-statement","external":true},{"path":"#translations","kind":"import-statement","external":true}],"format":"esm"},"src/components/EditorToolbar/formatting.ts":{"bytes":6665,"imports":[{"path":"@dxos/ui-editor","kind":"import-statement","external":true},{"path":"#translations","kind":"import-statement","external":true}],"format":"esm"},"src/components/EditorToolbar/headings.ts":{"bytes":6383,"imports":[{"path":"@dxos/ui-editor","kind":"import-statement","external":true},{"path":"#translations","kind":"import-statement","external":true}],"format":"esm"},"src/components/EditorToolbar/image.ts":{"bytes":1815,"imports":[{"path":"#translations","kind":"import-statement","external":true}],"format":"esm"},"src/components/EditorToolbar/lists.ts":{"bytes":5789,"imports":[{"path":"@dxos/ui-editor","kind":"import-statement","external":true},{"path":"#translations","kind":"import-statement","external":true}],"format":"esm"},"src/components/EditorToolbar/search.ts":{"bytes":2108,"imports":[{"path":"@codemirror/search","kind":"import-statement","external":true},{"path":"#translations","kind":"import-statement","external":true}],"format":"esm"},"src/components/EditorToolbar/view-mode.ts":{"bytes":4664,"imports":[{"path":"#translations","kind":"import-statement","external":true}],"format":"esm"},"src/components/EditorToolbar/EditorToolbar.tsx":{"bytes":12468,"imports":[{"path":"@effect-atom/atom-react","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-menu","kind":"import-statement","external":true},{"path":"src/components/EditorToolbar/blocks.ts","kind":"import-statement","original":"./blocks"},{"path":"src/components/EditorToolbar/formatting.ts","kind":"import-statement","original":"./formatting"},{"path":"src/components/EditorToolbar/headings.ts","kind":"import-statement","original":"./headings"},{"path":"src/components/EditorToolbar/image.ts","kind":"import-statement","original":"./image"},{"path":"src/components/EditorToolbar/lists.ts","kind":"import-statement","original":"./lists"},{"path":"src/components/EditorToolbar/search.ts","kind":"import-statement","original":"./search"},{"path":"src/components/EditorToolbar/view-mode.ts","kind":"import-statement","original":"./view-mode"}],"format":"esm"},"src/components/EditorToolbar/index.ts":{"bytes":474,"imports":[{"path":"src/components/EditorToolbar/types.ts","kind":"import-statement","original":"./types"},{"path":"src/components/EditorToolbar/EditorToolbar.tsx","kind":"import-statement","original":"./EditorToolbar"}],"format":"esm"},"src/hooks/useBasicMarkdownExtensions.ts":{"bytes":5465,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/ui-editor","kind":"import-statement","external":true}],"format":"esm"},"src/hooks/useTextEditor.ts":{"bytes":17291,"imports":[{"path":"@codemirror/state","kind":"import-statement","external":true},{"path":"@codemirror/view","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/log","kind":"import-statement","external":true},{"path":"@dxos/ui-editor","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true}],"format":"esm"},"src/hooks/index.ts":{"bytes":523,"imports":[{"path":"src/hooks/useBasicMarkdownExtensions.ts","kind":"import-statement","original":"./useBasicMarkdownExtensions"},{"path":"src/hooks/useTextEditor.ts","kind":"import-statement","original":"./useTextEditor"}],"format":"esm"},"src/components/Editor/controller.ts":{"bytes":5174,"imports":[],"format":"esm"},"src/components/Editor/EditorView.tsx":{"bytes":11507,"imports":[{"path":"@codemirror/state","kind":"import-statement","external":true},{"path":"@codemirror/view","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/ui-editor","kind":"import-statement","external":true},{"path":"@dxos/ui-theme","kind":"import-statement","external":true},{"path":"src/hooks/index.ts","kind":"import-statement","original":"../../hooks"},{"path":"src/components/Editor/controller.ts","kind":"import-statement","original":"./controller"}],"format":"esm"},"src/components/Editor/Editor.tsx":{"bytes":16022,"imports":[{"path":"@effect-atom/atom-react","kind":"import-statement","external":true},{"path":"@radix-ui/react-context","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/invariant","kind":"import-statement","external":true},{"path":"@dxos/ui-theme","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true},{"path":"src/components/EditorMenuProvider/index.ts","kind":"import-statement","original":"../EditorMenuProvider"},{"path":"src/components/EditorToolbar/index.ts","kind":"import-statement","original":"../EditorToolbar"},{"path":"src/components/Editor/EditorView.tsx","kind":"import-statement","original":"./EditorView"}],"format":"esm"},"src/components/Editor/index.ts":{"bytes":370,"imports":[{"path":"src/components/Editor/Editor.tsx","kind":"import-statement","original":"./Editor"}],"format":"esm"},"src/components/EditorPreviewProvider/EditorPreviewProvider.tsx":{"bytes":8487,"imports":[{"path":"@radix-ui/react-context","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/async","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true}],"format":"esm"},"src/components/EditorPreviewProvider/index.ts":{"bytes":409,"imports":[{"path":"src/components/EditorPreviewProvider/EditorPreviewProvider.tsx","kind":"import-statement","original":"./EditorPreviewProvider"}],"format":"esm"},"src/components/index.ts":{"bytes":609,"imports":[{"path":"src/components/Editor/index.ts","kind":"import-statement","original":"./Editor"},{"path":"src/components/EditorMenuProvider/index.ts","kind":"import-statement","original":"./EditorMenuProvider"},{"path":"src/components/EditorPreviewProvider/index.ts","kind":"import-statement","original":"./EditorPreviewProvider"}],"format":"esm"},"src/extensions/assistant-extension.tsx":{"bytes":22176,"imports":[{"path":"@codemirror/lint","kind":"import-statement","external":true},{"path":"@codemirror/state","kind":"import-statement","external":true},{"path":"@codemirror/view","kind":"import-statement","external":true},{"path":"@dxos/log","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true}],"format":"esm"},"src/extensions/index.ts":{"bytes":403,"imports":[{"path":"src/extensions/assistant-extension.tsx","kind":"import-statement","original":"./assistant-extension"}],"format":"esm"},"src/index.ts":{"bytes":553,"imports":[{"path":"src/components/index.ts","kind":"import-statement","original":"./components"},{"path":"src/extensions/index.ts","kind":"import-statement","original":"./extensions"},{"path":"src/hooks/index.ts","kind":"import-statement","original":"./hooks"}],"format":"esm"},"src/translations.ts":{"bytes":4235,"imports":[],"format":"esm"}},"outputs":{"dist/lib/browser/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":114006},"dist/lib/browser/index.mjs":{"imports":[{"path":"@effect-atom/atom-react","kind":"import-statement","external":true},{"path":"@radix-ui/react-context","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/invariant","kind":"import-statement","external":true},{"path":"@dxos/ui-theme","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true},{"path":"@dxos/ui-editor","kind":"import-statement","external":true},{"path":"@dxos/ui-editor","kind":"import-statement","external":true},{"path":"@codemirror/state","kind":"import-statement","external":true},{"path":"@codemirror/view","kind":"import-statement","external":true},{"path":"@dxos/ui-editor","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true},{"path":"@radix-ui/react-use-controllable-state","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/async","kind":"import-statement","external":true},{"path":"@dxos/invariant","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/invariant","kind":"import-statement","external":true},{"path":"@dxos/ui-editor","kind":"import-statement","external":true},{"path":"@effect-atom/atom-react","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-menu","kind":"import-statement","external":true},{"path":"@dxos/ui-editor","kind":"import-statement","external":true},{"path":"#translations","kind":"import-statement","external":true},{"path":"@dxos/ui-editor","kind":"import-statement","external":true},{"path":"#translations","kind":"import-statement","external":true},{"path":"@dxos/ui-editor","kind":"import-statement","external":true},{"path":"#translations","kind":"import-statement","external":true},{"path":"#translations","kind":"import-statement","external":true},{"path":"@dxos/ui-editor","kind":"import-statement","external":true},{"path":"#translations","kind":"import-statement","external":true},{"path":"@codemirror/search","kind":"import-statement","external":true},{"path":"#translations","kind":"import-statement","external":true},{"path":"#translations","kind":"import-statement","external":true},{"path":"@codemirror/state","kind":"import-statement","external":true},{"path":"@codemirror/view","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/ui-editor","kind":"import-statement","external":true},{"path":"@dxos/ui-theme","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/ui-editor","kind":"import-statement","external":true},{"path":"@codemirror/state","kind":"import-statement","external":true},{"path":"@codemirror/view","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/log","kind":"import-statement","external":true},{"path":"@dxos/ui-editor","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true},{"path":"@radix-ui/react-context","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/async","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@codemirror/lint","kind":"import-statement","external":true},{"path":"@codemirror/state","kind":"import-statement","external":true},{"path":"@codemirror/view","kind":"import-statement","external":true},{"path":"@dxos/log","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true}],"exports":["Editor","EditorMenuProvider","EditorPreviewProvider","assistant","createEditorController","createMenuGroup","filterMenuGroups","formattingCommands","getMenuItem","getNextMenuItem","getPreviousMenuItem","linkSlashCommands","popover","popoverRangeEffect","popoverStateField","useBasicMarkdownExtensions","useEditorContext","useEditorMenu","useEditorPreview","useTextEditor"],"entryPoint":"src/index.ts","inputs":{"src/components/Editor/Editor.tsx":{"bytesInOutput":3147},"src/components/EditorMenuProvider/menu.ts":{"bytesInOutput":1066},"src/components/EditorMenuProvider/menu-presets.ts":{"bytesInOutput":3220},"src/components/EditorMenuProvider/popover.ts":{"bytesInOutput":7468},"src/components/EditorMenuProvider/EditorMenuProvider.tsx":{"bytesInOutput":5395},"src/components/EditorMenuProvider/useEditorMenu.ts":{"bytesInOutput":4510},"src/components/EditorToolbar/EditorToolbar.tsx":{"bytesInOutput":2074},"src/components/EditorToolbar/blocks.ts":{"bytesInOutput":1447},"src/components/EditorToolbar/formatting.ts":{"bytesInOutput":1404},"src/components/EditorToolbar/headings.ts":{"bytesInOutput":1485},"src/components/EditorToolbar/image.ts":{"bytesInOutput":333},"src/components/EditorToolbar/lists.ts":{"bytesInOutput":1236},"src/components/EditorToolbar/search.ts":{"bytesInOutput":402},"src/components/EditorToolbar/view-mode.ts":{"bytesInOutput":954},"src/components/Editor/EditorView.tsx":{"bytesInOutput":2133},"src/hooks/useBasicMarkdownExtensions.ts":{"bytesInOutput":814},"src/hooks/useTextEditor.ts":{"bytesInOutput":4164},"src/components/Editor/controller.ts":{"bytesInOutput":834},"src/components/EditorPreviewProvider/EditorPreviewProvider.tsx":{"bytesInOutput":1882},"src/index.ts":{"bytesInOutput":0},"src/extensions/assistant-extension.tsx":{"bytesInOutput":5585}},"bytes":51101},"dist/lib/browser/translations.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":1970},"dist/lib/browser/translations.mjs":{"imports":[],"exports":["translationKey","translations"],"entryPoint":"src/translations.ts","inputs":{"src/translations.ts":{"bytesInOutput":1229}},"bytes":1339}}}
|
|
@@ -288,6 +288,30 @@ var popoverStateField = StateField.define({
|
|
|
288
288
|
var getLastIndexOf = (str, delimiters) => Math.max(...delimiters.map((delim) => str.lastIndexOf(delim)));
|
|
289
289
|
|
|
290
290
|
// src/components/EditorMenuProvider/menu-presets.ts
|
|
291
|
+
var openLinkQuery = (view, insert) => {
|
|
292
|
+
requestAnimationFrame(() => {
|
|
293
|
+
const { head } = view.state.selection.main;
|
|
294
|
+
const to = head + insert.length;
|
|
295
|
+
view.dispatch({
|
|
296
|
+
changes: {
|
|
297
|
+
from: head,
|
|
298
|
+
insert
|
|
299
|
+
},
|
|
300
|
+
selection: {
|
|
301
|
+
anchor: to,
|
|
302
|
+
head: to
|
|
303
|
+
},
|
|
304
|
+
// The popover trigger is the single "@"; a second "@" lives in the query range and switches to block mode.
|
|
305
|
+
effects: popoverRangeEffect.of({
|
|
306
|
+
trigger: "@",
|
|
307
|
+
range: {
|
|
308
|
+
from: head,
|
|
309
|
+
to
|
|
310
|
+
}
|
|
311
|
+
})
|
|
312
|
+
});
|
|
313
|
+
});
|
|
314
|
+
};
|
|
291
315
|
var formattingCommands = {
|
|
292
316
|
id: "markdown",
|
|
293
317
|
label: "Markdown",
|
|
@@ -374,49 +398,13 @@ var linkSlashCommands = {
|
|
|
374
398
|
id: "inline-link",
|
|
375
399
|
label: "Inline link",
|
|
376
400
|
icon: "ph--link--regular",
|
|
377
|
-
onSelect: ({ view
|
|
378
|
-
view.dispatch({
|
|
379
|
-
changes: {
|
|
380
|
-
from: head,
|
|
381
|
-
insert: "@"
|
|
382
|
-
},
|
|
383
|
-
selection: {
|
|
384
|
-
anchor: head + 1,
|
|
385
|
-
head: head + 1
|
|
386
|
-
},
|
|
387
|
-
effects: popoverRangeEffect.of({
|
|
388
|
-
trigger: "@",
|
|
389
|
-
range: {
|
|
390
|
-
from: head,
|
|
391
|
-
to: head + 1
|
|
392
|
-
}
|
|
393
|
-
})
|
|
394
|
-
});
|
|
395
|
-
}
|
|
401
|
+
onSelect: ({ view }) => openLinkQuery(view, "@")
|
|
396
402
|
},
|
|
397
403
|
{
|
|
398
|
-
id: "
|
|
399
|
-
label: "
|
|
404
|
+
id: "inline-object",
|
|
405
|
+
label: "Inline object",
|
|
400
406
|
icon: "ph--lego--regular",
|
|
401
|
-
onSelect: ({ view
|
|
402
|
-
view.dispatch({
|
|
403
|
-
changes: {
|
|
404
|
-
from: head,
|
|
405
|
-
insert: "@@"
|
|
406
|
-
},
|
|
407
|
-
selection: {
|
|
408
|
-
anchor: head + 2,
|
|
409
|
-
head: head + 2
|
|
410
|
-
},
|
|
411
|
-
effects: popoverRangeEffect.of({
|
|
412
|
-
trigger: "@",
|
|
413
|
-
range: {
|
|
414
|
-
from: head,
|
|
415
|
-
to: head + 2
|
|
416
|
-
}
|
|
417
|
-
})
|
|
418
|
-
});
|
|
419
|
-
}
|
|
407
|
+
onSelect: ({ view }) => openLinkQuery(view, "@@")
|
|
420
408
|
}
|
|
421
409
|
]
|
|
422
410
|
};
|
|
@@ -1022,10 +1010,11 @@ var addViewMode = (state, onViewModeChange) => (builder) => {
|
|
|
1022
1010
|
};
|
|
1023
1011
|
|
|
1024
1012
|
// src/components/EditorToolbar/EditorToolbar.tsx
|
|
1013
|
+
var SECTION_ROLE = "org.dxos.role.section";
|
|
1025
1014
|
var EditorToolbar = /* @__PURE__ */ memo(({ classNames, role, attendableId, onAction, ...props }) => {
|
|
1026
1015
|
const menuActions = useMarkdownMenuActions(props);
|
|
1027
1016
|
return /* @__PURE__ */ React2.createElement(ElevationProvider, {
|
|
1028
|
-
elevation: role ===
|
|
1017
|
+
elevation: role === SECTION_ROLE ? "positioned" : "base"
|
|
1029
1018
|
}, /* @__PURE__ */ React2.createElement(Menu2.Root, {
|
|
1030
1019
|
...menuActions,
|
|
1031
1020
|
attendableId,
|
|
@@ -1072,11 +1061,12 @@ import { mx } from "@dxos/ui-theme";
|
|
|
1072
1061
|
import { useMemo as useMemo3 } from "react";
|
|
1073
1062
|
import { useThemeContext as useThemeContext2 } from "@dxos/react-ui";
|
|
1074
1063
|
import { createBasicExtensions, createMarkdownExtensions, createThemeExtensions, decorateMarkdown } from "@dxos/ui-editor";
|
|
1075
|
-
var useBasicMarkdownExtensions = ({ placeholder: placeholder2, decorate = true, extensions } = {}) => {
|
|
1064
|
+
var useBasicMarkdownExtensions = ({ placeholder: placeholder2, decorate = true, readonly = false, extensions } = {}) => {
|
|
1076
1065
|
const { themeMode } = useThemeContext2();
|
|
1077
1066
|
return useMemo3(() => [
|
|
1078
1067
|
createBasicExtensions({
|
|
1079
|
-
placeholder: placeholder2
|
|
1068
|
+
placeholder: placeholder2,
|
|
1069
|
+
readOnly: readonly
|
|
1080
1070
|
}),
|
|
1081
1071
|
createThemeExtensions({
|
|
1082
1072
|
syntaxHighlighting: true,
|
|
@@ -1091,6 +1081,7 @@ var useBasicMarkdownExtensions = ({ placeholder: placeholder2, decorate = true,
|
|
|
1091
1081
|
placeholder2,
|
|
1092
1082
|
themeMode,
|
|
1093
1083
|
decorate,
|
|
1084
|
+
readonly,
|
|
1094
1085
|
extensions
|
|
1095
1086
|
]);
|
|
1096
1087
|
};
|