@dxos/plugin-markdown 0.6.12-main.f9d0246 → 0.6.12-staging.e11e696

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 (112) hide show
  1. package/dist/lib/browser/MarkdownContainer-OWVU5WMN.mjs +467 -0
  2. package/dist/lib/browser/MarkdownContainer-OWVU5WMN.mjs.map +7 -0
  3. package/dist/lib/browser/chunk-7WORDTCY.mjs +50 -0
  4. package/dist/lib/browser/chunk-7WORDTCY.mjs.map +7 -0
  5. package/dist/lib/browser/{chunk-N7FS4CK2.mjs → chunk-OUZCML5B.mjs} +3 -1
  6. package/dist/lib/browser/chunk-OUZCML5B.mjs.map +7 -0
  7. package/dist/lib/browser/index.mjs +54 -101
  8. package/dist/lib/browser/index.mjs.map +4 -4
  9. package/dist/lib/browser/meta.json +1 -1
  10. package/dist/lib/browser/types/index.mjs +5 -3
  11. package/dist/lib/node/MarkdownContainer-IWMLWI6Z.cjs +482 -0
  12. package/dist/lib/node/MarkdownContainer-IWMLWI6Z.cjs.map +7 -0
  13. package/dist/lib/node/{chunk-RVNU7MRZ.cjs → chunk-HVDIBL5H.cjs} +9 -6
  14. package/dist/lib/node/chunk-HVDIBL5H.cjs.map +7 -0
  15. package/dist/lib/node/chunk-L2FIDO4L.cjs +72 -0
  16. package/dist/lib/node/chunk-L2FIDO4L.cjs.map +7 -0
  17. package/dist/lib/node/index.cjs +76 -119
  18. package/dist/lib/node/index.cjs.map +4 -4
  19. package/dist/lib/node/meta.json +1 -1
  20. package/dist/lib/node/types/index.cjs +7 -5
  21. package/dist/lib/node/types/index.cjs.map +2 -2
  22. package/dist/lib/node-esm/MarkdownContainer-MLTDWWGB.mjs +468 -0
  23. package/dist/lib/node-esm/MarkdownContainer-MLTDWWGB.mjs.map +7 -0
  24. package/dist/lib/node-esm/{chunk-3CHPA7Y7.mjs → chunk-4AGP7IJE.mjs} +3 -1
  25. package/dist/lib/node-esm/chunk-4AGP7IJE.mjs.map +7 -0
  26. package/dist/lib/node-esm/chunk-YOIARYUO.mjs +51 -0
  27. package/dist/lib/node-esm/chunk-YOIARYUO.mjs.map +7 -0
  28. package/dist/lib/node-esm/index.mjs +54 -101
  29. package/dist/lib/node-esm/index.mjs.map +4 -4
  30. package/dist/lib/node-esm/meta.json +1 -1
  31. package/dist/lib/node-esm/types/index.mjs +5 -3
  32. package/dist/types/src/MarkdownPlugin.d.ts.map +1 -1
  33. package/dist/types/src/components/MarkdownContainer.d.ts +15 -0
  34. package/dist/types/src/components/MarkdownContainer.d.ts.map +1 -0
  35. package/dist/types/src/components/MarkdownEditor.d.ts +7 -2
  36. package/dist/types/src/components/MarkdownEditor.d.ts.map +1 -1
  37. package/dist/types/src/components/MarkdownEditor.stories.d.ts +3 -3
  38. package/dist/types/src/components/MarkdownEditor.stories.d.ts.map +1 -1
  39. package/dist/types/src/components/index.d.ts +2 -11
  40. package/dist/types/src/components/index.d.ts.map +1 -1
  41. package/dist/types/src/extensions.d.ts +11 -15
  42. package/dist/types/src/extensions.d.ts.map +1 -1
  43. package/dist/types/src/types/document.d.ts +8 -1
  44. package/dist/types/src/types/document.d.ts.map +1 -1
  45. package/dist/types/src/types/types.d.ts +1 -1
  46. package/dist/types/src/types/types.d.ts.map +1 -1
  47. package/package.json +32 -31
  48. package/src/MarkdownPlugin.tsx +31 -86
  49. package/src/components/MarkdownContainer.tsx +108 -0
  50. package/src/components/MarkdownEditor.stories.tsx +11 -5
  51. package/src/components/MarkdownEditor.tsx +25 -35
  52. package/src/components/index.ts +2 -14
  53. package/src/extensions.tsx +124 -67
  54. package/src/types/document.ts +12 -0
  55. package/src/types/types.ts +2 -1
  56. package/dist/lib/browser/DocumentCard-RKENHCNE.mjs +0 -11
  57. package/dist/lib/browser/DocumentCard-RKENHCNE.mjs.map +0 -7
  58. package/dist/lib/browser/DocumentEditor-JZI4663Q.mjs +0 -11
  59. package/dist/lib/browser/DocumentEditor-JZI4663Q.mjs.map +0 -7
  60. package/dist/lib/browser/MarkdownEditor-5EUT7P66.mjs +0 -10
  61. package/dist/lib/browser/MarkdownEditor-5EUT7P66.mjs.map +0 -7
  62. package/dist/lib/browser/chunk-354DCID5.mjs +0 -117
  63. package/dist/lib/browser/chunk-354DCID5.mjs.map +0 -7
  64. package/dist/lib/browser/chunk-AFWT6Z7B.mjs +0 -86
  65. package/dist/lib/browser/chunk-AFWT6Z7B.mjs.map +0 -7
  66. package/dist/lib/browser/chunk-AVGUYNPR.mjs +0 -220
  67. package/dist/lib/browser/chunk-AVGUYNPR.mjs.map +0 -7
  68. package/dist/lib/browser/chunk-N7FS4CK2.mjs.map +0 -7
  69. package/dist/lib/browser/chunk-QIO7ZONH.mjs +0 -164
  70. package/dist/lib/browser/chunk-QIO7ZONH.mjs.map +0 -7
  71. package/dist/lib/node/DocumentCard-ECPKHJT7.cjs +0 -32
  72. package/dist/lib/node/DocumentCard-ECPKHJT7.cjs.map +0 -7
  73. package/dist/lib/node/DocumentEditor-QPH26VQZ.cjs +0 -29
  74. package/dist/lib/node/DocumentEditor-QPH26VQZ.cjs.map +0 -7
  75. package/dist/lib/node/MarkdownEditor-ZD4W4UJ6.cjs +0 -31
  76. package/dist/lib/node/MarkdownEditor-ZD4W4UJ6.cjs.map +0 -7
  77. package/dist/lib/node/chunk-2T7LIVPT.cjs +0 -246
  78. package/dist/lib/node/chunk-2T7LIVPT.cjs.map +0 -7
  79. package/dist/lib/node/chunk-5ZWOR7JF.cjs +0 -114
  80. package/dist/lib/node/chunk-5ZWOR7JF.cjs.map +0 -7
  81. package/dist/lib/node/chunk-KDXONMFH.cjs +0 -189
  82. package/dist/lib/node/chunk-KDXONMFH.cjs.map +0 -7
  83. package/dist/lib/node/chunk-KTYIOXL5.cjs +0 -149
  84. package/dist/lib/node/chunk-KTYIOXL5.cjs.map +0 -7
  85. package/dist/lib/node/chunk-RVNU7MRZ.cjs.map +0 -7
  86. package/dist/lib/node-esm/DocumentCard-RHVY4Z6L.mjs +0 -12
  87. package/dist/lib/node-esm/DocumentCard-RHVY4Z6L.mjs.map +0 -7
  88. package/dist/lib/node-esm/DocumentEditor-6F5ONTIO.mjs +0 -12
  89. package/dist/lib/node-esm/DocumentEditor-6F5ONTIO.mjs.map +0 -7
  90. package/dist/lib/node-esm/MarkdownEditor-OS7YG6MA.mjs +0 -11
  91. package/dist/lib/node-esm/MarkdownEditor-OS7YG6MA.mjs.map +0 -7
  92. package/dist/lib/node-esm/chunk-3CHPA7Y7.mjs.map +0 -7
  93. package/dist/lib/node-esm/chunk-NZ4H6J5H.mjs +0 -165
  94. package/dist/lib/node-esm/chunk-NZ4H6J5H.mjs.map +0 -7
  95. package/dist/lib/node-esm/chunk-OE3CMI5X.mjs +0 -87
  96. package/dist/lib/node-esm/chunk-OE3CMI5X.mjs.map +0 -7
  97. package/dist/lib/node-esm/chunk-QARGBUBS.mjs +0 -221
  98. package/dist/lib/node-esm/chunk-QARGBUBS.mjs.map +0 -7
  99. package/dist/lib/node-esm/chunk-RO5FEVW6.mjs +0 -119
  100. package/dist/lib/node-esm/chunk-RO5FEVW6.mjs.map +0 -7
  101. package/dist/types/src/components/DocumentCard.d.ts +0 -16
  102. package/dist/types/src/components/DocumentCard.d.ts.map +0 -1
  103. package/dist/types/src/components/DocumentEditor.d.ts +0 -14
  104. package/dist/types/src/components/DocumentEditor.d.ts.map +0 -1
  105. package/dist/types/src/components/HeadingMenu.d.ts +0 -13
  106. package/dist/types/src/components/HeadingMenu.d.ts.map +0 -1
  107. package/dist/types/src/components/Layout.d.ts +0 -6
  108. package/dist/types/src/components/Layout.d.ts.map +0 -1
  109. package/src/components/DocumentCard.tsx +0 -107
  110. package/src/components/DocumentEditor.tsx +0 -142
  111. package/src/components/HeadingMenu.tsx +0 -46
  112. package/src/components/Layout.tsx +0 -27
@@ -1,220 +0,0 @@
1
- import {
2
- MARKDOWN_PLUGIN
3
- } from "./chunk-2SJN46PA.mjs";
4
-
5
- // packages/plugins/plugin-markdown/src/components/MarkdownEditor.tsx
6
- import { openSearchPanel } from "@codemirror/search";
7
- import React, { useMemo, useEffect, useCallback as useCallback2 } from "react";
8
- import { LayoutAction as LayoutAction2, useResolvePlugin, parseLayoutPlugin, useIntentDispatcher } from "@dxos/app-framework";
9
- import { useThemeContext, useTranslation } from "@dxos/react-ui";
10
- import { useIsDirectlyAttended } from "@dxos/react-ui-attention";
11
- import { Toolbar, createBasicExtensions, createMarkdownExtensions, createThemeExtensions, dropFile, processAction, useActionHandler, useCommentState, useCommentClickListener, useFormattingState, useTextEditor, editorContent, editorGutter } from "@dxos/react-ui-editor";
12
- import { sectionToolbarLayout } from "@dxos/react-ui-stack";
13
- import { textBlockWidth, focusRing, mx } from "@dxos/react-ui-theme";
14
- import { isNotFalsy, nonNullable } from "@dxos/util";
15
-
16
- // packages/plugins/plugin-markdown/src/hooks/useSelectCurrentThread.tsx
17
- import { EditorView } from "@codemirror/view";
18
- import { useCallback } from "react";
19
- import { LayoutAction, useIntentResolver } from "@dxos/app-framework";
20
- import { Cursor, setSelection } from "@dxos/react-ui-editor";
21
- var useSelectCurrentThread = (editorView, documentId) => {
22
- const handleScrollIntoView = useCallback(({ action, data }) => {
23
- if (action === LayoutAction.SCROLL_INTO_VIEW) {
24
- if (editorView && data?.id === documentId && data?.cursor) {
25
- const range = Cursor.getRangeFromCursor(editorView.state, data.cursor);
26
- if (range) {
27
- const selection = editorView.state.selection.main.from !== range.from ? {
28
- anchor: range.from
29
- } : void 0;
30
- const effects = [
31
- // NOTE: This does not use the DOM scrollIntoView function.
32
- EditorView.scrollIntoView(range.from, {
33
- y: "start",
34
- yMargin: 96
35
- })
36
- ];
37
- if (selection) {
38
- effects.push(setSelection.of({
39
- current: documentId
40
- }));
41
- }
42
- editorView.dispatch({
43
- effects,
44
- selection: selection ? {
45
- anchor: range.from
46
- } : void 0
47
- });
48
- }
49
- }
50
- }
51
- }, [
52
- documentId,
53
- editorView
54
- ]);
55
- useIntentResolver(MARKDOWN_PLUGIN, handleScrollIntoView);
56
- };
57
-
58
- // packages/plugins/plugin-markdown/src/components/MarkdownEditor.tsx
59
- var attentionFragment = mx("group-focus-within/editor:attention-surface group-[[aria-current]]/editor:attention-surface", "group-focus-within/editor:border-separator");
60
- var DEFAULT_VIEW_MODE = "preview";
61
- var MarkdownEditor = ({ id, role = "article", initialValue, extensions, extensionProviders, scrollPastEnd, scrollTo, selection, toolbar, viewMode, onFileUpload, onViewModeChange }) => {
62
- const { t } = useTranslation(MARKDOWN_PLUGIN);
63
- const { themeMode } = useThemeContext();
64
- const dispatch = useIntentDispatcher();
65
- const layoutPlugin = useResolvePlugin(parseLayoutPlugin);
66
- const [formattingState, formattingObserver] = useFormattingState();
67
- const isDirectlyAttended = useIsDirectlyAttended(id);
68
- const providerExtensions = useMemo(
69
- // TODO(burdon): Must pass object to provider.
70
- () => extensionProviders?.flatMap((provider) => provider({})).filter(nonNullable),
71
- [
72
- extensionProviders
73
- ]
74
- );
75
- const [commentsState, commentObserver] = useCommentState();
76
- const onCommentClick = useCallback2(() => {
77
- void dispatch({
78
- action: LayoutAction2.SET_LAYOUT,
79
- data: {
80
- element: "complementary",
81
- state: true
82
- }
83
- });
84
- }, [
85
- dispatch
86
- ]);
87
- const commentClickObserver = useCommentClickListener(onCommentClick);
88
- const handleDrop = async (view, { files }) => {
89
- const file = files[0];
90
- const info = file && onFileUpload ? await onFileUpload(file) : void 0;
91
- if (info) {
92
- processAction(view, {
93
- type: "image",
94
- data: info.url
95
- });
96
- }
97
- };
98
- const { parentRef, view: editorView, focusAttributes } = useTextEditor(() => ({
99
- initialValue,
100
- extensions: [
101
- formattingObserver,
102
- commentObserver,
103
- commentClickObserver,
104
- createBasicExtensions({
105
- readonly: viewMode === "readonly",
106
- placeholder: t("editor placeholder"),
107
- scrollPastEnd: role === "section" ? false : scrollPastEnd
108
- }),
109
- createMarkdownExtensions({
110
- themeMode
111
- }),
112
- createThemeExtensions({
113
- themeMode,
114
- syntaxHighlighting: true,
115
- slots: {
116
- content: {
117
- className: editorContent
118
- }
119
- }
120
- }),
121
- editorGutter,
122
- role !== "section" && onFileUpload && dropFile({
123
- onDrop: handleDrop
124
- }),
125
- providerExtensions,
126
- extensions
127
- ].filter(isNotFalsy),
128
- ...role !== "section" && {
129
- id,
130
- scrollTo,
131
- selection,
132
- // TODO(wittjosiah): Autofocus based on layout is racy.
133
- autoFocus: layoutPlugin?.provides.layout ? layoutPlugin?.provides.layout.scrollIntoView === id : true,
134
- moveToEndOfLine: true
135
- }
136
- }), [
137
- id,
138
- initialValue,
139
- formattingObserver,
140
- viewMode,
141
- themeMode,
142
- extensions,
143
- providerExtensions
144
- ]);
145
- useTest(editorView);
146
- useSelectCurrentThread(editorView, id);
147
- const handleToolbarAction = useActionHandler(editorView);
148
- const handleAction = (action) => {
149
- switch (action.type) {
150
- case "search": {
151
- if (editorView) {
152
- openSearchPanel(editorView);
153
- }
154
- return;
155
- }
156
- case "view-mode": {
157
- onViewModeChange?.(id, action.data);
158
- return;
159
- }
160
- }
161
- handleToolbarAction?.(action);
162
- };
163
- return /* @__PURE__ */ React.createElement("div", {
164
- role: "none",
165
- ...role === "section" ? {
166
- className: "flex flex-col"
167
- } : {
168
- className: "contents group/editor",
169
- ...isDirectlyAttended && {
170
- "aria-current": "location"
171
- }
172
- }
173
- }, toolbar && /* @__PURE__ */ React.createElement("div", {
174
- role: "none",
175
- className: mx("flex shrink-0 justify-center overflow-x-auto", attentionFragment)
176
- }, /* @__PURE__ */ React.createElement(Toolbar.Root, {
177
- classNames: role === "section" ? [
178
- textBlockWidth,
179
- "z-[2] group-focus-within/section:visible",
180
- !isDirectlyAttended && "invisible",
181
- sectionToolbarLayout
182
- ] : [
183
- textBlockWidth,
184
- "group-focus-within/editor:border-separator group-[[aria-current]]/editor:border-separator"
185
- ],
186
- state: formattingState && {
187
- ...formattingState,
188
- ...commentsState
189
- },
190
- onAction: handleAction
191
- }, /* @__PURE__ */ React.createElement(Toolbar.Markdown, null), onFileUpload && /* @__PURE__ */ React.createElement(Toolbar.Custom, {
192
- onUpload: onFileUpload
193
- }), /* @__PURE__ */ React.createElement(Toolbar.Separator, null), /* @__PURE__ */ React.createElement(Toolbar.View, {
194
- mode: viewMode ?? DEFAULT_VIEW_MODE
195
- }), /* @__PURE__ */ React.createElement(Toolbar.Actions, null))), /* @__PURE__ */ React.createElement("div", {
196
- role: "none",
197
- ref: parentRef,
198
- "data-testid": "composer.markdownRoot",
199
- "data-toolbar": toolbar ? "enabled" : "disabled",
200
- className: role === "section" ? mx("flex flex-col flex-1 min-bs-[12rem]", focusRing) : mx("flex is-full bs-full overflow-hidden", focusRing, attentionFragment, "focus-visible:ring-inset", "data-[toolbar=disabled]:pbs-2 data-[toolbar=disabled]:row-span-2"),
201
- ...focusAttributes
202
- }));
203
- };
204
- var useTest = (view) => {
205
- useEffect(() => {
206
- const composer = window.composer;
207
- if (composer) {
208
- composer.editorView = view;
209
- }
210
- }, [
211
- view
212
- ]);
213
- };
214
- var MarkdownEditor_default = MarkdownEditor;
215
-
216
- export {
217
- MarkdownEditor,
218
- MarkdownEditor_default
219
- };
220
- //# sourceMappingURL=chunk-AVGUYNPR.mjs.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/components/MarkdownEditor.tsx", "../../../src/hooks/useSelectCurrentThread.tsx"],
4
- "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { openSearchPanel } from '@codemirror/search';\nimport { type EditorView } from '@codemirror/view';\nimport React, { useMemo, useEffect, useCallback } from 'react';\n\nimport {\n type FileInfo,\n LayoutAction,\n type LayoutCoordinate,\n useResolvePlugin,\n parseLayoutPlugin,\n useIntentDispatcher,\n} from '@dxos/app-framework';\nimport { useThemeContext, useTranslation } from '@dxos/react-ui';\nimport { useIsDirectlyAttended } from '@dxos/react-ui-attention';\nimport {\n type Action,\n type DNDOptions,\n type EditorViewMode,\n type EditorInputMode,\n type UseTextEditorProps,\n Toolbar,\n createBasicExtensions,\n createMarkdownExtensions,\n createThemeExtensions,\n dropFile,\n processAction,\n useActionHandler,\n useCommentState,\n useCommentClickListener,\n useFormattingState,\n useTextEditor,\n editorContent,\n editorGutter,\n} from '@dxos/react-ui-editor';\nimport { sectionToolbarLayout } from '@dxos/react-ui-stack';\nimport { textBlockWidth, focusRing, mx } from '@dxos/react-ui-theme';\nimport { isNotFalsy, nonNullable } from '@dxos/util';\n\nimport { useSelectCurrentThread } from '../hooks';\nimport { MARKDOWN_PLUGIN } from '../meta';\nimport { type MarkdownPluginState } from '../types';\n\n// TODO(Zan): Factor into a shared location.\nconst attentionFragment = mx(\n 'group-focus-within/editor:attention-surface group-[[aria-current]]/editor:attention-surface',\n 'group-focus-within/editor:border-separator',\n);\n\nconst DEFAULT_VIEW_MODE: EditorViewMode = 'preview';\n\nexport type MarkdownEditorProps = {\n id: string;\n coordinate?: LayoutCoordinate;\n inputMode?: EditorInputMode;\n role?: string;\n scrollPastEnd?: boolean;\n toolbar?: boolean;\n viewMode?: EditorViewMode;\n onViewModeChange?: (id: string, mode: EditorViewMode) => void;\n onFileUpload?: (file: File) => Promise<FileInfo | undefined>;\n} & Pick<UseTextEditorProps, 'initialValue' | 'scrollTo' | 'selection' | 'extensions'> &\n Partial<Pick<MarkdownPluginState, 'extensionProviders'>>;\n\nexport const MarkdownEditor = ({\n id,\n role = 'article',\n initialValue,\n extensions,\n extensionProviders,\n scrollPastEnd,\n scrollTo,\n selection,\n toolbar,\n viewMode,\n onFileUpload,\n onViewModeChange,\n}: MarkdownEditorProps) => {\n const { t } = useTranslation(MARKDOWN_PLUGIN);\n const { themeMode } = useThemeContext();\n const dispatch = useIntentDispatcher();\n const layoutPlugin = useResolvePlugin(parseLayoutPlugin);\n const [formattingState, formattingObserver] = useFormattingState();\n const isDirectlyAttended = useIsDirectlyAttended(id);\n\n // Extensions from other plugins.\n const providerExtensions = useMemo(\n // TODO(burdon): Must pass object to provider.\n () => extensionProviders?.flatMap((provider) => provider({})).filter(nonNullable),\n [extensionProviders],\n );\n\n // TODO(Zan): Move these into thread plugin as well?\n const [commentsState, commentObserver] = useCommentState();\n const onCommentClick = useCallback(() => {\n void dispatch({ action: LayoutAction.SET_LAYOUT, data: { element: 'complementary', state: true } });\n }, [dispatch]);\n const commentClickObserver = useCommentClickListener(onCommentClick);\n\n // Drag files.\n const handleDrop: DNDOptions['onDrop'] = async (view, { files }) => {\n const file = files[0];\n const info = file && onFileUpload ? await onFileUpload(file) : undefined;\n if (info) {\n processAction(view, { type: 'image', data: info.url });\n }\n };\n\n const {\n parentRef,\n view: editorView,\n focusAttributes,\n } = useTextEditor(\n () => ({\n initialValue,\n extensions: [\n formattingObserver,\n commentObserver,\n commentClickObserver,\n createBasicExtensions({\n readonly: viewMode === 'readonly',\n placeholder: t('editor placeholder'),\n scrollPastEnd: role === 'section' ? false : scrollPastEnd,\n }),\n createMarkdownExtensions({ themeMode }),\n createThemeExtensions({\n themeMode,\n syntaxHighlighting: true,\n slots: { content: { className: editorContent } },\n }),\n editorGutter,\n role !== 'section' && onFileUpload && dropFile({ onDrop: handleDrop }),\n providerExtensions,\n extensions,\n ].filter(isNotFalsy),\n ...(role !== 'section' && {\n id,\n scrollTo,\n selection,\n // TODO(wittjosiah): Autofocus based on layout is racy.\n autoFocus: layoutPlugin?.provides.layout ? layoutPlugin?.provides.layout.scrollIntoView === id : true,\n moveToEndOfLine: true,\n }),\n }),\n [id, initialValue, formattingObserver, viewMode, themeMode, extensions, providerExtensions],\n );\n\n useTest(editorView);\n useSelectCurrentThread(editorView, id);\n\n // Toolbar handler.\n const handleToolbarAction = useActionHandler(editorView);\n const handleAction = (action: Action) => {\n switch (action.type) {\n case 'search': {\n if (editorView) {\n openSearchPanel(editorView);\n }\n return;\n }\n case 'view-mode': {\n onViewModeChange?.(id, action.data);\n return;\n }\n }\n\n handleToolbarAction?.(action);\n };\n\n return (\n <div\n role='none'\n // TODO(burdon): Move role logic out of here (see sheet, table, sketch, etc.)\n {...(role === 'section'\n ? { className: 'flex flex-col' }\n : {\n className: 'contents group/editor',\n ...(isDirectlyAttended && { 'aria-current': 'location' }),\n })}\n >\n {toolbar && (\n <div role='none' className={mx('flex shrink-0 justify-center overflow-x-auto', attentionFragment)}>\n <Toolbar.Root\n classNames={\n role === 'section'\n ? [\n textBlockWidth,\n 'z-[2] group-focus-within/section:visible',\n !isDirectlyAttended && 'invisible',\n sectionToolbarLayout,\n ]\n : [\n textBlockWidth,\n 'group-focus-within/editor:border-separator group-[[aria-current]]/editor:border-separator',\n ]\n }\n state={formattingState && { ...formattingState, ...commentsState }}\n onAction={handleAction}\n >\n <Toolbar.Markdown />\n {onFileUpload && <Toolbar.Custom onUpload={onFileUpload} />}\n <Toolbar.Separator />\n <Toolbar.View mode={viewMode ?? DEFAULT_VIEW_MODE} />\n <Toolbar.Actions />\n </Toolbar.Root>\n </div>\n )}\n <div\n role='none'\n ref={parentRef}\n data-testid='composer.markdownRoot'\n data-toolbar={toolbar ? 'enabled' : 'disabled'}\n className={\n role === 'section'\n ? mx('flex flex-col flex-1 min-bs-[12rem]', focusRing)\n : mx(\n 'flex is-full bs-full overflow-hidden',\n focusRing,\n attentionFragment,\n 'focus-visible:ring-inset',\n 'data-[toolbar=disabled]:pbs-2 data-[toolbar=disabled]:row-span-2',\n )\n }\n {...focusAttributes}\n />\n </div>\n );\n};\n\n// Expose editor view for playwright tests.\n// TODO(wittjosiah): Find a better way to expose this or find a way to limit it to test runs.\nconst useTest = (view?: EditorView) => {\n useEffect(() => {\n const composer = (window as any).composer;\n if (composer) {\n composer.editorView = view;\n }\n }, [view]);\n};\n\nexport default MarkdownEditor;\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { EditorView } from '@codemirror/view';\nimport { useCallback } from 'react';\n\nimport { LayoutAction, useIntentResolver } from '@dxos/app-framework';\nimport { Cursor, setSelection } from '@dxos/react-ui-editor';\n\nimport { MARKDOWN_PLUGIN } from '../meta';\n\n/**\n * Handle scrolling and selection of the current thread in a markdown editor.\n */\nexport const useSelectCurrentThread = (editorView: EditorView | undefined, documentId: string) => {\n const handleScrollIntoView = useCallback(\n ({ action, data }: { action: string; data?: any }) => {\n if (action === LayoutAction.SCROLL_INTO_VIEW) {\n if (editorView && data?.id === documentId && data?.cursor) {\n // TODO(burdon): We need typed intents.\n const range = Cursor.getRangeFromCursor(editorView.state, data.cursor);\n if (range) {\n const selection = editorView.state.selection.main.from !== range.from ? { anchor: range.from } : undefined;\n const effects = [\n // NOTE: This does not use the DOM scrollIntoView function.\n EditorView.scrollIntoView(range.from, { y: 'start', yMargin: 96 }),\n ];\n if (selection) {\n // Update the editor selection to get bi-directional highlighting.\n effects.push(setSelection.of({ current: documentId }));\n }\n\n editorView.dispatch({\n effects,\n selection: selection ? { anchor: range.from } : undefined,\n });\n }\n }\n }\n },\n [documentId, editorView],\n );\n\n useIntentResolver(MARKDOWN_PLUGIN, handleScrollIntoView);\n};\n"],
5
- "mappings": "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",
6
- "names": ["openSearchPanel", "React", "useMemo", "useEffect", "useCallback", "LayoutAction", "useResolvePlugin", "parseLayoutPlugin", "useIntentDispatcher", "useThemeContext", "useTranslation", "useIsDirectlyAttended", "Toolbar", "createBasicExtensions", "createMarkdownExtensions", "createThemeExtensions", "dropFile", "processAction", "useActionHandler", "useCommentState", "useCommentClickListener", "useFormattingState", "useTextEditor", "editorContent", "editorGutter", "sectionToolbarLayout", "textBlockWidth", "focusRing", "mx", "isNotFalsy", "nonNullable", "EditorView", "useCallback", "LayoutAction", "useIntentResolver", "Cursor", "setSelection", "useSelectCurrentThread", "editorView", "documentId", "handleScrollIntoView", "useCallback", "action", "data", "LayoutAction", "SCROLL_INTO_VIEW", "id", "cursor", "range", "Cursor", "getRangeFromCursor", "state", "selection", "main", "from", "anchor", "undefined", "effects", "EditorView", "scrollIntoView", "y", "yMargin", "push", "setSelection", "of", "current", "dispatch", "useIntentResolver", "MARKDOWN_PLUGIN", "attentionFragment", "mx", "DEFAULT_VIEW_MODE", "MarkdownEditor", "id", "role", "initialValue", "extensions", "extensionProviders", "scrollPastEnd", "scrollTo", "selection", "toolbar", "viewMode", "onFileUpload", "onViewModeChange", "t", "useTranslation", "MARKDOWN_PLUGIN", "themeMode", "useThemeContext", "dispatch", "useIntentDispatcher", "layoutPlugin", "useResolvePlugin", "parseLayoutPlugin", "formattingState", "formattingObserver", "useFormattingState", "isDirectlyAttended", "useIsDirectlyAttended", "providerExtensions", "useMemo", "flatMap", "provider", "filter", "nonNullable", "commentsState", "commentObserver", "useCommentState", "onCommentClick", "useCallback", "action", "LayoutAction", "SET_LAYOUT", "data", "element", "state", "commentClickObserver", "useCommentClickListener", "handleDrop", "view", "files", "file", "info", "undefined", "processAction", "type", "url", "parentRef", "editorView", "focusAttributes", "useTextEditor", "createBasicExtensions", "readonly", "placeholder", "createMarkdownExtensions", "createThemeExtensions", "syntaxHighlighting", "slots", "content", "className", "editorContent", "editorGutter", "dropFile", "onDrop", "isNotFalsy", "autoFocus", "provides", "layout", "scrollIntoView", "moveToEndOfLine", "useTest", "useSelectCurrentThread", "handleToolbarAction", "useActionHandler", "handleAction", "openSearchPanel", "div", "Toolbar", "Root", "classNames", "textBlockWidth", "sectionToolbarLayout", "onAction", "Markdown", "Custom", "onUpload", "Separator", "View", "mode", "Actions", "ref", "data-testid", "data-toolbar", "focusRing", "useEffect", "composer", "window"]
7
- }
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/types/document.ts", "../../../src/types/types.ts"],
4
- "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport { ref, S, TypedObject } from '@dxos/echo-schema';\nimport { ThreadType } from '@dxos/plugin-space/types';\n\nexport class TextType extends TypedObject({ typename: 'dxos.org/type/Text', version: '0.1.0' })({\n content: S.String,\n}) {}\n\nexport class DocumentType extends TypedObject({ typename: 'dxos.org/type/Document', version: '0.1.0' })({\n name: S.optional(S.String),\n fallbackName: S.optional(S.String),\n content: ref(TextType),\n threads: S.mutable(S.Array(ref(ThreadType))),\n}) {}\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport type {\n GraphBuilderProvides,\n GraphSerializerProvides,\n IntentResolverProvides,\n MetadataRecordsProvides,\n SettingsProvides,\n SurfaceProvides,\n TranslationsProvides,\n} from '@dxos/app-framework';\nimport { type SchemaProvides } from '@dxos/plugin-client';\nimport { type SpaceInitProvides } from '@dxos/plugin-space';\nimport { type Extension, type EditorInputMode, type EditorViewMode } from '@dxos/react-ui-editor';\n\nimport { type DocumentType } from './document';\nimport { MARKDOWN_PLUGIN } from '../meta';\n\nconst MARKDOWN_ACTION = `${MARKDOWN_PLUGIN}/action`;\n\nexport enum MarkdownAction {\n CREATE = `${MARKDOWN_ACTION}/create`,\n SET_VIEW_MODE = `${MARKDOWN_ACTION}/set-view-mode`,\n}\n\nexport type MarkdownProperties = Record<string, any>;\n\nexport type MarkdownExtensionProvider = (props: { document?: DocumentType }) => Extension | undefined;\n\nexport type OnChange = (text: string) => void;\n\nexport type MarkdownExtensionProvides = {\n // TODO(burdon): Rename.\n markdown: {\n extensions: MarkdownExtensionProvider;\n };\n};\n\n// TODO(wittjosiah): Factor out to graph plugin?\ntype StackProvides = {\n stack: {\n creators?: Record<string, any>[];\n };\n};\n\nexport type MarkdownPluginState = {\n // Codemirror extensions provided by other plugins.\n extensionProviders: NonNullable<MarkdownExtensionProvider>[];\n\n // TODO(burdon): Extend view mode per document to include scroll position, etc.\n // View mode per document.\n viewMode: Record<string, EditorViewMode>;\n};\n\nexport type MarkdownSettingsProps = {\n defaultViewMode: EditorViewMode;\n editorInputMode?: EditorInputMode;\n experimental?: boolean;\n debug?: boolean;\n toolbar?: boolean;\n typewriter?: string;\n // TODO(burdon): Per document settings.\n numberedHeadings?: boolean;\n folding?: boolean;\n};\n\n// TODO(Zan): Move this to the plugin-space plugin or another common location when we implement comments in sheets.\ntype ThreadProvides<T> = {\n thread: {\n predicate: (obj: any) => obj is T;\n createSort: (obj: T) => (anchorA: string | undefined, anchorB: string | undefined) => number;\n };\n};\n\nexport type MarkdownPluginProvides = SurfaceProvides &\n IntentResolverProvides &\n GraphBuilderProvides &\n GraphSerializerProvides &\n MetadataRecordsProvides &\n SettingsProvides<MarkdownSettingsProps> &\n TranslationsProvides &\n SchemaProvides &\n SpaceInitProvides &\n StackProvides &\n ThreadProvides<DocumentType>;\n"],
5
- "mappings": ";;;;;AAIA,SAASA,KAAKC,GAAGC,mBAAmB;AACpC,SAASC,kBAAkB;AAEpB,IAAMC,WAAN,cAAuBC,YAAY;EAAEC,UAAU;EAAsBC,SAAS;AAAQ,CAAA,EAAG;EAC9FC,SAASC,EAAEC;AACb,CAAA,EAAA;AAAI;AAEG,IAAMC,eAAN,cAA2BN,YAAY;EAAEC,UAAU;EAA0BC,SAAS;AAAQ,CAAA,EAAG;EACtGK,MAAMH,EAAEI,SAASJ,EAAEC,MAAM;EACzBI,cAAcL,EAAEI,SAASJ,EAAEC,MAAM;EACjCF,SAASO,IAAIX,QAAAA;EACbY,SAASP,EAAEQ,QAAQR,EAAES,MAAMH,IAAII,UAAAA,CAAAA,CAAAA;AACjC,CAAA,EAAA;AAAI;;;ACIJ,IAAMC,kBAAkB,GAAGC,eAAAA;;UAEfC,iBAAAA;8CACD,GAAGF,eAAAA,SAAwB,IAAA;qDACpB,GAAGA,eAAAA,gBAA+B,IAAA;GAFxCE,mBAAAA,iBAAAA,CAAAA,EAAAA;",
6
- "names": ["ref", "S", "TypedObject", "ThreadType", "TextType", "TypedObject", "typename", "version", "content", "S", "String", "DocumentType", "name", "optional", "fallbackName", "ref", "threads", "mutable", "Array", "ThreadType", "MARKDOWN_ACTION", "MARKDOWN_PLUGIN", "MarkdownAction"]
7
- }
@@ -1,164 +0,0 @@
1
- import {
2
- DocumentType,
3
- TextType
4
- } from "./chunk-N7FS4CK2.mjs";
5
- import {
6
- createBaseExtensions
7
- } from "./chunk-354DCID5.mjs";
8
- import {
9
- MarkdownEditor_default
10
- } from "./chunk-AVGUYNPR.mjs";
11
-
12
- // packages/plugins/plugin-markdown/src/components/DocumentEditor.tsx
13
- import React, { useEffect, useMemo } from "react";
14
- import { useResolvePlugin, parseFileManagerPlugin, useIntentDispatcher } from "@dxos/app-framework";
15
- import { createDocAccessor, fullyQualifiedId, getSpace } from "@dxos/react-client/echo";
16
- import { useIdentity } from "@dxos/react-client/halo";
17
- import { createDataExtensions, listener, localStorageStateStoreAdapter, state } from "@dxos/react-ui-editor";
18
-
19
- // packages/plugins/plugin-markdown/src/util.tsx
20
- import { debounce } from "@dxos/async";
21
- import { create, createEchoObject, isEchoObject, loadObjectReferences } from "@dxos/react-client/echo";
22
- var isMarkdownProperties = (data) => isEchoObject(data) ? true : data && typeof data === "object" ? "title" in data && typeof data.title === "string" : false;
23
- var markdownExtensionPlugins = (plugins) => {
24
- return plugins.filter((plugin) => Boolean(plugin.provides?.markdown));
25
- };
26
- var nonTitleChars = /[^\w ]/g;
27
- var getFallbackName = (content) => {
28
- return content.substring(0, 31).split("\n")[0].replaceAll(nonTitleChars, "").trim();
29
- };
30
- var setFallbackName = debounce((doc, content) => {
31
- const name = getFallbackName(content);
32
- if (doc.fallbackName !== name) {
33
- doc.fallbackName = name;
34
- }
35
- }, 200);
36
- var serializer = {
37
- serialize: async ({ object }) => {
38
- const content = await loadObjectReferences(object, (doc) => doc.content);
39
- return JSON.stringify({
40
- name: object.name,
41
- content: content.content
42
- });
43
- },
44
- deserialize: async ({ content: serialized }) => {
45
- const { name, content } = JSON.parse(serialized);
46
- return createEchoObject(create(DocumentType, {
47
- name,
48
- content: create(TextType, {
49
- content
50
- }),
51
- threads: []
52
- }));
53
- }
54
- };
55
-
56
- // packages/plugins/plugin-markdown/src/components/DocumentEditor.tsx
57
- var DocumentEditor = ({ document: doc, extensionProviders = [], viewMode, settings, ...props }) => {
58
- const space = getSpace(doc);
59
- const identity = useIdentity();
60
- const dispatch = useIntentDispatcher();
61
- const baseExtensions = useMemo(() => createBaseExtensions({
62
- viewMode,
63
- settings,
64
- document: doc,
65
- dispatch
66
- }), [
67
- doc,
68
- viewMode,
69
- dispatch,
70
- settings,
71
- settings.folding,
72
- settings.numberedHeadings
73
- ]);
74
- const pluginExtensions = useMemo(() => extensionProviders.reduce((acc, provider) => {
75
- const extension = typeof provider === "function" ? provider({
76
- document: doc
77
- }) : provider;
78
- if (extension) {
79
- acc.push(extension);
80
- }
81
- return acc;
82
- }, []), [
83
- extensionProviders
84
- ]);
85
- const extensions = useMemo(() => [
86
- // NOTE: Data extensions must be first so that automerge is updated before other extensions compute their state.
87
- createDataExtensions({
88
- id: doc.id,
89
- text: doc.content && createDocAccessor(doc.content, [
90
- "content"
91
- ]),
92
- space,
93
- identity
94
- }),
95
- state(localStorageStateStoreAdapter),
96
- listener({
97
- onChange: (text) => {
98
- setFallbackName(doc, text);
99
- }
100
- }),
101
- baseExtensions,
102
- pluginExtensions
103
- ], [
104
- baseExtensions,
105
- pluginExtensions,
106
- doc,
107
- doc.content,
108
- space,
109
- identity
110
- ]);
111
- const initialValue = useMemo(() => doc.content?.content, [
112
- doc.content
113
- ]);
114
- useEffect(() => {
115
- if (!doc.fallbackName && doc.content?.content) {
116
- doc.fallbackName = getFallbackName(doc.content.content);
117
- }
118
- }, [
119
- doc,
120
- doc.content
121
- ]);
122
- const id = fullyQualifiedId(doc);
123
- const { scrollTo, selection } = useMemo(() => localStorageStateStoreAdapter.getState(id) ?? {}, [
124
- doc
125
- ]);
126
- const fileManagerPlugin = useResolvePlugin(parseFileManagerPlugin);
127
- const handleFileUpload = useMemo(() => {
128
- if (space === void 0) {
129
- return void 0;
130
- }
131
- if (fileManagerPlugin?.provides.file.upload === void 0) {
132
- return void 0;
133
- }
134
- return async (file) => {
135
- return fileManagerPlugin?.provides?.file?.upload?.(file, space);
136
- };
137
- }, [
138
- fileManagerPlugin,
139
- space
140
- ]);
141
- return /* @__PURE__ */ React.createElement(MarkdownEditor_default, {
142
- id,
143
- initialValue,
144
- extensions,
145
- scrollTo,
146
- selection,
147
- onFileUpload: handleFileUpload,
148
- inputMode: settings.editorInputMode,
149
- toolbar: settings.toolbar,
150
- viewMode,
151
- ...props
152
- });
153
- };
154
- var DocumentEditor_default = DocumentEditor;
155
-
156
- export {
157
- isMarkdownProperties,
158
- markdownExtensionPlugins,
159
- getFallbackName,
160
- setFallbackName,
161
- serializer,
162
- DocumentEditor_default
163
- };
164
- //# sourceMappingURL=chunk-QIO7ZONH.mjs.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/components/DocumentEditor.tsx", "../../../src/util.tsx"],
4
- "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { useEffect, useMemo } from 'react';\n\nimport { useResolvePlugin, parseFileManagerPlugin, useIntentDispatcher } from '@dxos/app-framework';\nimport { createDocAccessor, fullyQualifiedId, getSpace } from '@dxos/react-client/echo';\nimport { useIdentity } from '@dxos/react-client/halo';\nimport {\n createDataExtensions,\n listener,\n localStorageStateStoreAdapter,\n state,\n type Extension,\n type EditorSelectionState,\n} from '@dxos/react-ui-editor';\n\nimport MarkdownEditor, { type MarkdownEditorProps } from './MarkdownEditor';\nimport { createBaseExtensions } from '../extensions';\nimport { type DocumentType, type MarkdownPluginState, type MarkdownSettingsProps } from '../types';\nimport { getFallbackName, setFallbackName } from '../util';\n\ntype DocumentEditorProps = {\n document: DocumentType;\n settings: MarkdownSettingsProps;\n} & Omit<MarkdownEditorProps, 'id' | 'inputMode' | 'toolbar' | 'extensions'> &\n Pick<MarkdownPluginState, 'extensionProviders'>;\n\n/**\n * Editor for a `DocumentType`.\n */\nconst DocumentEditor = ({\n document: doc,\n extensionProviders = [],\n viewMode,\n settings,\n ...props\n}: DocumentEditorProps) => {\n const space = getSpace(doc);\n const identity = useIdentity();\n const dispatch = useIntentDispatcher();\n\n // TODO(wittjosiah): Autocomplete is not working and this query is causing performance issues.\n // TODO(burdon): Unsubscribe.\n // const query = space?.db.query(Filter.schema(DocumentType));\n // query?.subscribe();\n const baseExtensions = useMemo(\n () =>\n createBaseExtensions({\n viewMode,\n settings,\n document: doc,\n dispatch,\n // query,\n }),\n [doc, viewMode, dispatch, settings, settings.folding, settings.numberedHeadings],\n );\n\n const pluginExtensions = useMemo(\n () =>\n extensionProviders.reduce((acc: Extension[], provider) => {\n const extension = typeof provider === 'function' ? provider({ document: doc }) : provider;\n if (extension) {\n acc.push(extension);\n }\n return acc;\n }, []),\n [extensionProviders],\n );\n\n const extensions = useMemo(\n () => [\n // NOTE: Data extensions must be first so that automerge is updated before other extensions compute their state.\n createDataExtensions({\n id: doc.id,\n text: doc.content && createDocAccessor(doc.content, ['content']),\n space,\n identity,\n }),\n state(localStorageStateStoreAdapter),\n listener({\n onChange: (text) => {\n setFallbackName(doc, text);\n },\n }),\n baseExtensions,\n pluginExtensions,\n ],\n [baseExtensions, pluginExtensions, doc, doc.content, space, identity],\n );\n\n const initialValue = useMemo(() => doc.content?.content, [doc.content]);\n\n // Migrate gradually to `fallbackName`.\n useEffect(() => {\n if (!doc.fallbackName && doc.content?.content) {\n doc.fallbackName = getFallbackName(doc.content.content);\n }\n }, [doc, doc.content]);\n\n // Restore last selection and scroll point.\n const id = fullyQualifiedId(doc);\n const { scrollTo, selection } = useMemo<EditorSelectionState>(\n () => localStorageStateStoreAdapter.getState(id) ?? {},\n [doc],\n );\n\n const fileManagerPlugin = useResolvePlugin(parseFileManagerPlugin);\n const handleFileUpload = useMemo(() => {\n if (space === undefined) {\n return undefined;\n }\n\n if (fileManagerPlugin?.provides.file.upload === undefined) {\n return undefined;\n }\n\n return async (file: File) => {\n return fileManagerPlugin?.provides?.file?.upload?.(file, space);\n };\n }, [fileManagerPlugin, space]);\n\n return (\n <MarkdownEditor\n id={id}\n initialValue={initialValue}\n extensions={extensions}\n scrollTo={scrollTo}\n selection={selection}\n onFileUpload={handleFileUpload}\n inputMode={settings.editorInputMode}\n toolbar={settings.toolbar}\n viewMode={viewMode}\n {...props}\n />\n );\n};\n\nexport default DocumentEditor;\n\nexport type DocumentEditor = typeof DocumentEditor;\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { type Plugin } from '@dxos/app-framework';\nimport { debounce } from '@dxos/async';\nimport { type TypedObjectSerializer } from '@dxos/plugin-space/types';\nimport { create, createEchoObject, isEchoObject, loadObjectReferences } from '@dxos/react-client/echo';\n\nimport { DocumentType, type MarkdownProperties, type MarkdownExtensionProvides, TextType } from './types';\n\nexport const isMarkdownProperties = (data: unknown): data is MarkdownProperties =>\n isEchoObject(data)\n ? true\n : data && typeof data === 'object'\n ? 'title' in data && typeof data.title === 'string'\n : false;\n\ntype MarkdownExtensionPlugin = Plugin<MarkdownExtensionProvides>;\n\nexport const markdownExtensionPlugins = (plugins: Plugin[]): MarkdownExtensionPlugin[] => {\n return (plugins as MarkdownExtensionPlugin[]).filter((plugin) => Boolean(plugin.provides?.markdown));\n};\n\nconst nonTitleChars = /[^\\w ]/g;\n\nexport const getFallbackName = (content: string) => {\n return content.substring(0, 31).split('\\n')[0].replaceAll(nonTitleChars, '').trim();\n};\n\nexport const setFallbackName = debounce((doc: DocumentType, content: string) => {\n const name = getFallbackName(content);\n if (doc.fallbackName !== name) {\n doc.fallbackName = name;\n }\n}, 200);\n\nexport const serializer: TypedObjectSerializer<DocumentType> = {\n serialize: async ({ object }): Promise<string> => {\n const content = await loadObjectReferences(object, (doc) => doc.content);\n return JSON.stringify({ name: object.name, content: content.content });\n },\n\n deserialize: async ({ content: serialized }) => {\n const { name, content } = JSON.parse(serialized);\n return createEchoObject(create(DocumentType, { name, content: create(TextType, { content }), threads: [] }));\n },\n};\n"],
5
- "mappings": "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",
6
- "names": ["React", "useEffect", "useMemo", "useResolvePlugin", "parseFileManagerPlugin", "useIntentDispatcher", "createDocAccessor", "fullyQualifiedId", "getSpace", "useIdentity", "createDataExtensions", "listener", "localStorageStateStoreAdapter", "state", "debounce", "create", "createEchoObject", "isEchoObject", "loadObjectReferences", "isMarkdownProperties", "data", "isEchoObject", "title", "markdownExtensionPlugins", "plugins", "filter", "plugin", "Boolean", "provides", "markdown", "nonTitleChars", "getFallbackName", "content", "substring", "split", "replaceAll", "trim", "setFallbackName", "debounce", "doc", "name", "fallbackName", "serializer", "serialize", "object", "loadObjectReferences", "JSON", "stringify", "deserialize", "serialized", "parse", "createEchoObject", "create", "DocumentType", "TextType", "threads", "DocumentEditor", "document", "doc", "extensionProviders", "viewMode", "settings", "props", "space", "getSpace", "identity", "useIdentity", "dispatch", "useIntentDispatcher", "baseExtensions", "useMemo", "createBaseExtensions", "folding", "numberedHeadings", "pluginExtensions", "reduce", "acc", "provider", "extension", "push", "extensions", "createDataExtensions", "id", "text", "content", "createDocAccessor", "state", "localStorageStateStoreAdapter", "listener", "onChange", "setFallbackName", "initialValue", "useEffect", "fallbackName", "getFallbackName", "fullyQualifiedId", "scrollTo", "selection", "getState", "fileManagerPlugin", "useResolvePlugin", "parseFileManagerPlugin", "handleFileUpload", "undefined", "provides", "file", "upload", "MarkdownEditor", "onFileUpload", "inputMode", "editorInputMode", "toolbar"]
7
- }
@@ -1,32 +0,0 @@
1
- "use strict";
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __hasOwnProp = Object.prototype.hasOwnProperty;
6
- var __export = (target, all) => {
7
- for (var name in all)
8
- __defProp(target, name, { get: all[name], enumerable: true });
9
- };
10
- var __copyProps = (to, from, except, desc) => {
11
- if (from && typeof from === "object" || typeof from === "function") {
12
- for (let key of __getOwnPropNames(from))
13
- if (!__hasOwnProp.call(to, key) && key !== except)
14
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
15
- }
16
- return to;
17
- };
18
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
19
- var DocumentCard_ECPKHJT7_exports = {};
20
- __export(DocumentCard_ECPKHJT7_exports, {
21
- DocumentCard: () => import_chunk_5ZWOR7JF.DocumentCard,
22
- default: () => import_chunk_5ZWOR7JF.DocumentCard_default
23
- });
24
- module.exports = __toCommonJS(DocumentCard_ECPKHJT7_exports);
25
- var import_chunk_5ZWOR7JF = require("./chunk-5ZWOR7JF.cjs");
26
- var import_chunk_KTYIOXL5 = require("./chunk-KTYIOXL5.cjs");
27
- var import_chunk_LPD4NOTH = require("./chunk-LPD4NOTH.cjs");
28
- // Annotate the CommonJS export names for ESM import in node:
29
- 0 && (module.exports = {
30
- DocumentCard
31
- });
32
- //# sourceMappingURL=DocumentCard-ECPKHJT7.cjs.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["DocumentCard-ECPKHJT7.cjs"],
4
- "sourcesContent": ["import {\n DocumentCard,\n DocumentCard_default\n} from \"./chunk-5ZWOR7JF.cjs\";\nimport \"./chunk-KTYIOXL5.cjs\";\nimport \"./chunk-LPD4NOTH.cjs\";\nexport {\n DocumentCard,\n DocumentCard_default as default\n};\n//# sourceMappingURL=DocumentCard-ECPKHJT7.cjs.map\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAGO;AACP,4BAAO;AACP,4BAAO;",
6
- "names": []
7
- }
@@ -1,29 +0,0 @@
1
- "use strict";
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __hasOwnProp = Object.prototype.hasOwnProperty;
6
- var __export = (target, all) => {
7
- for (var name in all)
8
- __defProp(target, name, { get: all[name], enumerable: true });
9
- };
10
- var __copyProps = (to, from, except, desc) => {
11
- if (from && typeof from === "object" || typeof from === "function") {
12
- for (let key of __getOwnPropNames(from))
13
- if (!__hasOwnProp.call(to, key) && key !== except)
14
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
15
- }
16
- return to;
17
- };
18
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
19
- var DocumentEditor_QPH26VQZ_exports = {};
20
- __export(DocumentEditor_QPH26VQZ_exports, {
21
- default: () => import_chunk_KDXONMFH.DocumentEditor_default
22
- });
23
- module.exports = __toCommonJS(DocumentEditor_QPH26VQZ_exports);
24
- var import_chunk_KDXONMFH = require("./chunk-KDXONMFH.cjs");
25
- var import_chunk_RVNU7MRZ = require("./chunk-RVNU7MRZ.cjs");
26
- var import_chunk_KTYIOXL5 = require("./chunk-KTYIOXL5.cjs");
27
- var import_chunk_2T7LIVPT = require("./chunk-2T7LIVPT.cjs");
28
- var import_chunk_LPD4NOTH = require("./chunk-LPD4NOTH.cjs");
29
- //# sourceMappingURL=DocumentEditor-QPH26VQZ.cjs.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["DocumentEditor-QPH26VQZ.cjs"],
4
- "sourcesContent": ["import {\n DocumentEditor_default\n} from \"./chunk-KDXONMFH.cjs\";\nimport \"./chunk-RVNU7MRZ.cjs\";\nimport \"./chunk-KTYIOXL5.cjs\";\nimport \"./chunk-2T7LIVPT.cjs\";\nimport \"./chunk-LPD4NOTH.cjs\";\nexport {\n DocumentEditor_default as default\n};\n//# sourceMappingURL=DocumentEditor-QPH26VQZ.cjs.map\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAEO;AACP,4BAAO;AACP,4BAAO;AACP,4BAAO;AACP,4BAAO;",
6
- "names": []
7
- }
@@ -1,31 +0,0 @@
1
- "use strict";
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __hasOwnProp = Object.prototype.hasOwnProperty;
6
- var __export = (target, all) => {
7
- for (var name in all)
8
- __defProp(target, name, { get: all[name], enumerable: true });
9
- };
10
- var __copyProps = (to, from, except, desc) => {
11
- if (from && typeof from === "object" || typeof from === "function") {
12
- for (let key of __getOwnPropNames(from))
13
- if (!__hasOwnProp.call(to, key) && key !== except)
14
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
15
- }
16
- return to;
17
- };
18
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
19
- var MarkdownEditor_ZD4W4UJ6_exports = {};
20
- __export(MarkdownEditor_ZD4W4UJ6_exports, {
21
- MarkdownEditor: () => import_chunk_2T7LIVPT.MarkdownEditor,
22
- default: () => import_chunk_2T7LIVPT.MarkdownEditor_default
23
- });
24
- module.exports = __toCommonJS(MarkdownEditor_ZD4W4UJ6_exports);
25
- var import_chunk_2T7LIVPT = require("./chunk-2T7LIVPT.cjs");
26
- var import_chunk_LPD4NOTH = require("./chunk-LPD4NOTH.cjs");
27
- // Annotate the CommonJS export names for ESM import in node:
28
- 0 && (module.exports = {
29
- MarkdownEditor
30
- });
31
- //# sourceMappingURL=MarkdownEditor-ZD4W4UJ6.cjs.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["MarkdownEditor-ZD4W4UJ6.cjs"],
4
- "sourcesContent": ["import {\n MarkdownEditor,\n MarkdownEditor_default\n} from \"./chunk-2T7LIVPT.cjs\";\nimport \"./chunk-LPD4NOTH.cjs\";\nexport {\n MarkdownEditor,\n MarkdownEditor_default as default\n};\n//# sourceMappingURL=MarkdownEditor-ZD4W4UJ6.cjs.map\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAGO;AACP,4BAAO;",
6
- "names": []
7
- }