@dxos/plugin-markdown 0.7.4 → 0.7.5-labs.071a3e2
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/{MarkdownContainer-6OPC5MKP.mjs → MarkdownContainer-ZVCWASOD.mjs} +187 -124
- package/dist/lib/browser/MarkdownContainer-ZVCWASOD.mjs.map +7 -0
- package/dist/lib/browser/app-graph-serializer-BG3MHYI4.mjs +51 -0
- package/dist/lib/browser/app-graph-serializer-BG3MHYI4.mjs.map +7 -0
- package/dist/lib/browser/chunk-EZ65DY2X.mjs +16 -0
- package/dist/lib/browser/chunk-EZ65DY2X.mjs.map +7 -0
- package/dist/lib/browser/{chunk-TZN5FGB2.mjs → chunk-NPLFZ76Q.mjs} +24 -13
- package/dist/lib/browser/chunk-NPLFZ76Q.mjs.map +7 -0
- package/dist/lib/browser/chunk-P4K367ZX.mjs +66 -0
- package/dist/lib/browser/chunk-P4K367ZX.mjs.map +7 -0
- package/dist/lib/browser/chunk-ROJ4VUZB.mjs +47 -0
- package/dist/lib/browser/chunk-ROJ4VUZB.mjs.map +7 -0
- package/dist/lib/browser/chunk-YTHIPV5Q.mjs +22 -0
- package/dist/lib/browser/chunk-YTHIPV5Q.mjs.map +7 -0
- package/dist/lib/browser/index.mjs +99 -452
- package/dist/lib/browser/index.mjs.map +4 -4
- package/dist/lib/browser/intent-resolver-CCOPGHVY.mjs +43 -0
- package/dist/lib/browser/intent-resolver-CCOPGHVY.mjs.map +7 -0
- package/dist/lib/browser/meta.json +1 -1
- package/dist/lib/browser/react-surface-FDSOMV5N.mjs +149 -0
- package/dist/lib/browser/react-surface-FDSOMV5N.mjs.map +7 -0
- package/dist/lib/browser/settings-U7E4DUWJ.mjs +28 -0
- package/dist/lib/browser/settings-U7E4DUWJ.mjs.map +7 -0
- package/dist/lib/browser/state-QMQXUPSI.mjs +37 -0
- package/dist/lib/browser/state-QMQXUPSI.mjs.map +7 -0
- package/dist/lib/browser/thread-Y4WMNFBC.mjs +36 -0
- package/dist/lib/browser/thread-Y4WMNFBC.mjs.map +7 -0
- package/dist/lib/browser/types/index.mjs +4 -4
- package/dist/lib/node/{MarkdownContainer-6OKJOHTZ.cjs → MarkdownContainer-HJR4TB7X.cjs} +179 -118
- package/dist/lib/node/MarkdownContainer-HJR4TB7X.cjs.map +7 -0
- package/dist/lib/node/app-graph-serializer-QZWERV4M.cjs +62 -0
- package/dist/lib/node/app-graph-serializer-QZWERV4M.cjs.map +7 -0
- package/dist/lib/node/{meta.cjs → chunk-23NQGZX3.cjs} +13 -8
- package/dist/lib/node/chunk-23NQGZX3.cjs.map +7 -0
- package/dist/lib/node/{chunk-KEPAM4JP.cjs → chunk-2WJ7TUBY.cjs} +39 -14
- package/dist/lib/node/chunk-2WJ7TUBY.cjs.map +7 -0
- package/dist/lib/node/chunk-CZXXBKMN.cjs +86 -0
- package/dist/lib/node/chunk-CZXXBKMN.cjs.map +7 -0
- package/dist/lib/node/{chunk-PHHIPRJC.cjs → chunk-QZ4XQYNC.cjs} +16 -9
- package/dist/lib/node/chunk-QZ4XQYNC.cjs.map +7 -0
- package/dist/lib/node/chunk-ZO5ABSHT.cjs +64 -0
- package/dist/lib/node/chunk-ZO5ABSHT.cjs.map +7 -0
- package/dist/lib/node/index.cjs +90 -450
- package/dist/lib/node/index.cjs.map +4 -4
- package/dist/lib/node/intent-resolver-5LCIY27K.cjs +56 -0
- package/dist/lib/node/intent-resolver-5LCIY27K.cjs.map +7 -0
- package/dist/lib/node/meta.json +1 -1
- package/dist/lib/node/react-surface-Y4IB5T27.cjs +162 -0
- package/dist/lib/node/react-surface-Y4IB5T27.cjs.map +7 -0
- package/dist/lib/node/settings-4OYDMRVY.cjs +42 -0
- package/dist/lib/node/settings-4OYDMRVY.cjs.map +7 -0
- package/dist/lib/node/state-QSA5AOLH.cjs +51 -0
- package/dist/lib/node/state-QSA5AOLH.cjs.map +7 -0
- package/dist/lib/node/thread-BZE6RKFE.cjs +52 -0
- package/dist/lib/node/thread-BZE6RKFE.cjs.map +7 -0
- package/dist/lib/node/types/index.cjs +7 -7
- package/dist/lib/node/types/index.cjs.map +1 -1
- package/dist/lib/node-esm/{MarkdownContainer-GBNSGROQ.mjs → MarkdownContainer-ILR7OVRM.mjs} +187 -124
- package/dist/lib/node-esm/MarkdownContainer-ILR7OVRM.mjs.map +7 -0
- package/dist/lib/node-esm/app-graph-serializer-H7LI476D.mjs +52 -0
- package/dist/lib/node-esm/app-graph-serializer-H7LI476D.mjs.map +7 -0
- package/dist/lib/node-esm/chunk-BBVPC53M.mjs +24 -0
- package/dist/lib/node-esm/chunk-BBVPC53M.mjs.map +7 -0
- package/dist/lib/node-esm/chunk-MMVIEZ43.mjs +67 -0
- package/dist/lib/node-esm/chunk-MMVIEZ43.mjs.map +7 -0
- package/dist/lib/node-esm/chunk-OXPPXUUU.mjs +48 -0
- package/dist/lib/node-esm/chunk-OXPPXUUU.mjs.map +7 -0
- package/dist/lib/node-esm/{chunk-NUMUUCYF.mjs → chunk-T62F7XQE.mjs} +24 -13
- package/dist/lib/node-esm/chunk-T62F7XQE.mjs.map +7 -0
- package/dist/lib/node-esm/chunk-Y5QKDC4V.mjs +17 -0
- package/dist/lib/node-esm/chunk-Y5QKDC4V.mjs.map +7 -0
- package/dist/lib/node-esm/index.mjs +99 -452
- package/dist/lib/node-esm/index.mjs.map +4 -4
- package/dist/lib/node-esm/intent-resolver-HFEI5NFC.mjs +44 -0
- package/dist/lib/node-esm/intent-resolver-HFEI5NFC.mjs.map +7 -0
- package/dist/lib/node-esm/meta.json +1 -1
- package/dist/lib/node-esm/react-surface-N5F4I26E.mjs +150 -0
- package/dist/lib/node-esm/react-surface-N5F4I26E.mjs.map +7 -0
- package/dist/lib/node-esm/settings-MEN2YBLA.mjs +29 -0
- package/dist/lib/node-esm/settings-MEN2YBLA.mjs.map +7 -0
- package/dist/lib/node-esm/state-FF4NXLWU.mjs +38 -0
- package/dist/lib/node-esm/state-FF4NXLWU.mjs.map +7 -0
- package/dist/lib/node-esm/thread-O2YDKT77.mjs +37 -0
- package/dist/lib/node-esm/thread-O2YDKT77.mjs.map +7 -0
- package/dist/lib/node-esm/types/index.mjs +4 -4
- package/dist/types/src/MarkdownPlugin.d.ts +1 -3
- package/dist/types/src/MarkdownPlugin.d.ts.map +1 -1
- package/dist/types/src/capabilities/app-graph-serializer.d.ts +4 -0
- package/dist/types/src/capabilities/app-graph-serializer.d.ts.map +1 -0
- package/dist/types/src/capabilities/capabilities.d.ts +12 -0
- package/dist/types/src/capabilities/capabilities.d.ts.map +1 -0
- package/dist/types/src/capabilities/index.d.ts +16 -0
- package/dist/types/src/capabilities/index.d.ts.map +1 -0
- package/dist/types/src/capabilities/intent-resolver.d.ts +4 -0
- package/dist/types/src/capabilities/intent-resolver.d.ts.map +1 -0
- package/dist/types/src/capabilities/react-surface.d.ts +4 -0
- package/dist/types/src/capabilities/react-surface.d.ts.map +1 -0
- package/dist/types/src/capabilities/settings.d.ts +4 -0
- package/dist/types/src/capabilities/settings.d.ts.map +1 -0
- package/dist/types/src/capabilities/state.d.ts +11 -0
- package/dist/types/src/capabilities/state.d.ts.map +1 -0
- package/dist/types/src/capabilities/thread.d.ts +6 -0
- package/dist/types/src/capabilities/thread.d.ts.map +1 -0
- package/dist/types/src/components/MarkdownContainer.d.ts +1 -1
- package/dist/types/src/components/MarkdownContainer.d.ts.map +1 -1
- package/dist/types/src/components/MarkdownEditor.d.ts +15 -0
- package/dist/types/src/components/MarkdownEditor.d.ts.map +1 -1
- package/dist/types/src/components/MarkdownEditor.stories.d.ts.map +1 -1
- package/dist/types/src/components/Toolbar.stories.d.ts +2 -2
- package/dist/types/src/components/Toolbar.stories.d.ts.map +1 -1
- package/dist/types/src/components/index.d.ts +1 -1
- package/dist/types/src/components/index.d.ts.map +1 -1
- package/dist/types/src/extensions.d.ts +4 -4
- package/dist/types/src/extensions.d.ts.map +1 -1
- package/dist/types/src/hooks/useSelectCurrentThread.d.ts.map +1 -1
- package/dist/types/src/index.d.ts +2 -3
- package/dist/types/src/index.d.ts.map +1 -1
- package/dist/types/src/meta.d.ts +2 -2
- package/dist/types/src/meta.d.ts.map +1 -1
- package/dist/types/src/translations.d.ts +3 -0
- package/dist/types/src/translations.d.ts.map +1 -1
- package/dist/types/src/types/index.d.ts +1 -1
- package/dist/types/src/types/index.d.ts.map +1 -1
- package/dist/types/src/types/schema.d.ts +75 -0
- package/dist/types/src/types/schema.d.ts.map +1 -0
- package/dist/types/src/types/types.d.ts +40 -35
- package/dist/types/src/types/types.d.ts.map +1 -1
- package/dist/types/src/util.d.ts +1 -5
- package/dist/types/src/util.d.ts.map +1 -1
- package/dist/types/tsconfig.tsbuildinfo +1 -0
- package/package.json +33 -37
- package/src/MarkdownPlugin.tsx +76 -283
- package/src/capabilities/app-graph-serializer.ts +50 -0
- package/src/capabilities/capabilities.ts +20 -0
- package/src/capabilities/index.ts +14 -0
- package/src/capabilities/intent-resolver.ts +33 -0
- package/src/capabilities/react-surface.tsx +71 -0
- package/src/capabilities/settings.ts +25 -0
- package/src/capabilities/state.ts +31 -0
- package/src/capabilities/thread.ts +34 -0
- package/src/components/MarkdownContainer.tsx +14 -10
- package/src/components/MarkdownEditor.stories.tsx +16 -5
- package/src/components/MarkdownEditor.tsx +91 -61
- package/src/components/MarkdownSettings.tsx +3 -3
- package/src/components/Toolbar.stories.tsx +16 -22
- package/src/extensions.tsx +25 -22
- package/src/hooks/useSelectCurrentThread.tsx +22 -14
- package/src/index.ts +2 -5
- package/src/meta.ts +7 -2
- package/src/translations.ts +1 -0
- package/src/types/index.ts +1 -1
- package/src/types/{document.ts → schema.ts} +4 -7
- package/src/types/types.ts +36 -58
- package/src/util.tsx +5 -11
- package/dist/lib/browser/MarkdownContainer-6OPC5MKP.mjs.map +0 -7
- package/dist/lib/browser/chunk-4X6YX3KU.mjs +0 -15
- package/dist/lib/browser/chunk-4X6YX3KU.mjs.map +0 -7
- package/dist/lib/browser/chunk-CMSUKMPM.mjs +0 -41
- package/dist/lib/browser/chunk-CMSUKMPM.mjs.map +0 -7
- package/dist/lib/browser/chunk-TZN5FGB2.mjs.map +0 -7
- package/dist/lib/browser/meta.mjs +0 -9
- package/dist/lib/browser/meta.mjs.map +0 -7
- package/dist/lib/node/MarkdownContainer-6OKJOHTZ.cjs.map +0 -7
- package/dist/lib/node/chunk-KEPAM4JP.cjs.map +0 -7
- package/dist/lib/node/chunk-PHHIPRJC.cjs.map +0 -7
- package/dist/lib/node/chunk-YGMWZIIJ.cjs +0 -61
- package/dist/lib/node/chunk-YGMWZIIJ.cjs.map +0 -7
- package/dist/lib/node/meta.cjs.map +0 -7
- package/dist/lib/node-esm/MarkdownContainer-GBNSGROQ.mjs.map +0 -7
- package/dist/lib/node-esm/chunk-BABK7FMW.mjs +0 -17
- package/dist/lib/node-esm/chunk-BABK7FMW.mjs.map +0 -7
- package/dist/lib/node-esm/chunk-ERJ52KN2.mjs +0 -42
- package/dist/lib/node-esm/chunk-ERJ52KN2.mjs.map +0 -7
- package/dist/lib/node-esm/chunk-NUMUUCYF.mjs.map +0 -7
- package/dist/lib/node-esm/meta.mjs +0 -10
- package/dist/lib/node-esm/meta.mjs.map +0 -7
- package/dist/types/src/types/document.d.ts +0 -106
- package/dist/types/src/types/document.d.ts.map +0 -1
|
@@ -1,108 +1,116 @@
|
|
|
1
1
|
import {
|
|
2
2
|
getFallbackName,
|
|
3
3
|
setFallbackName
|
|
4
|
-
} from "./chunk-
|
|
4
|
+
} from "./chunk-NPLFZ76Q.mjs";
|
|
5
5
|
import {
|
|
6
6
|
DocumentType
|
|
7
|
-
} from "./chunk-
|
|
7
|
+
} from "./chunk-P4K367ZX.mjs";
|
|
8
|
+
import {
|
|
9
|
+
MarkdownCapabilities
|
|
10
|
+
} from "./chunk-EZ65DY2X.mjs";
|
|
8
11
|
import {
|
|
9
12
|
MARKDOWN_PLUGIN
|
|
10
|
-
} from "./chunk-
|
|
13
|
+
} from "./chunk-YTHIPV5Q.mjs";
|
|
11
14
|
|
|
12
15
|
// packages/plugins/plugin-markdown/src/components/MarkdownContainer.tsx
|
|
13
|
-
import React3, { useEffect as useEffect2, useMemo as
|
|
14
|
-
import {
|
|
16
|
+
import React3, { useEffect as useEffect2, useMemo as useMemo4 } from "react";
|
|
17
|
+
import { Capabilities, useCapabilities as useCapabilities2 } from "@dxos/app-framework";
|
|
15
18
|
import { fullyQualifiedId as fullyQualifiedId2, getSpace as getSpace2 } from "@dxos/react-client/echo";
|
|
16
19
|
|
|
17
20
|
// packages/plugins/plugin-markdown/src/components/MarkdownEditor.tsx
|
|
18
21
|
import { openSearchPanel } from "@codemirror/search";
|
|
19
|
-
import React, { useMemo, useEffect, useCallback
|
|
20
|
-
import {
|
|
22
|
+
import React, { useMemo as useMemo2, useEffect, useCallback } from "react";
|
|
23
|
+
import { useDropzone } from "react-dropzone";
|
|
24
|
+
import { createIntent, LayoutAction as LayoutAction2, useIntentDispatcher } from "@dxos/app-framework";
|
|
21
25
|
import { useThemeContext, useTranslation } from "@dxos/react-ui";
|
|
22
|
-
import {
|
|
23
|
-
import { Toolbar, createBasicExtensions, createMarkdownExtensions, createThemeExtensions, dropFile, editorContent, editorGutter, processAction, useActionHandler, useCommentState, useCommentClickListener, useFormattingState, useTextEditor } from "@dxos/react-ui-editor";
|
|
26
|
+
import { EditorToolbar, createBasicExtensions, createMarkdownExtensions, createThemeExtensions, dropFile, editorContent, editorGutter, processEditorPayload, useActionHandler, useCommentState, useCommentClickListener, useFormattingState, useTextEditor, stackItemContentEditorClassNames, useEditorToolbarState, createEditorAction } from "@dxos/react-ui-editor";
|
|
24
27
|
import { StackItem } from "@dxos/react-ui-stack";
|
|
25
|
-
import { mx, textBlockWidth } from "@dxos/react-ui-theme";
|
|
26
28
|
import { isNotFalsy, nonNullable } from "@dxos/util";
|
|
27
29
|
|
|
28
30
|
// packages/plugins/plugin-markdown/src/hooks/useSelectCurrentThread.tsx
|
|
29
31
|
import { EditorView } from "@codemirror/view";
|
|
30
|
-
import {
|
|
31
|
-
import { LayoutAction, useIntentResolver } from "@dxos/app-framework";
|
|
32
|
+
import { useMemo } from "react";
|
|
33
|
+
import { createResolver, LayoutAction, useIntentResolver } from "@dxos/app-framework";
|
|
34
|
+
import { S } from "@dxos/echo-schema";
|
|
35
|
+
import { invariant } from "@dxos/invariant";
|
|
32
36
|
import { Cursor, setSelection } from "@dxos/react-ui-editor";
|
|
37
|
+
var __dxlog_file = "/home/runner/work/dxos/dxos/packages/plugins/plugin-markdown/src/hooks/useSelectCurrentThread.tsx";
|
|
33
38
|
var useSelectCurrentThread = (editorView, documentId) => {
|
|
34
|
-
const
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
39
|
+
const scrollIntoViewResolver = useMemo(() => createResolver({
|
|
40
|
+
intent: LayoutAction.UpdateLayout,
|
|
41
|
+
position: "hoist",
|
|
42
|
+
filter: (data) => {
|
|
43
|
+
if (!S.is(LayoutAction.ScrollIntoView.fields.input)(data)) {
|
|
44
|
+
return false;
|
|
45
|
+
}
|
|
46
|
+
return !!editorView && data.subject === documentId && !!data.options?.cursor;
|
|
47
|
+
},
|
|
48
|
+
resolve: ({ options: { cursor } }) => {
|
|
49
|
+
invariant(editorView, "Editor view is not defined.", {
|
|
50
|
+
F: __dxlog_file,
|
|
51
|
+
L: 32,
|
|
52
|
+
S: void 0,
|
|
53
|
+
A: [
|
|
54
|
+
"editorView",
|
|
55
|
+
"'Editor view is not defined.'"
|
|
56
|
+
]
|
|
57
|
+
});
|
|
58
|
+
const range = Cursor.getRangeFromCursor(editorView.state, cursor);
|
|
59
|
+
if (range) {
|
|
60
|
+
const selection = editorView.state.selection.main.from !== range.from ? {
|
|
61
|
+
anchor: range.from
|
|
62
|
+
} : void 0;
|
|
63
|
+
const effects = [
|
|
64
|
+
// NOTE: This does not use the DOM scrollIntoView function.
|
|
65
|
+
EditorView.scrollIntoView(range.from, {
|
|
66
|
+
y: "start",
|
|
67
|
+
yMargin: 96
|
|
68
|
+
})
|
|
69
|
+
];
|
|
70
|
+
if (selection) {
|
|
71
|
+
effects.push(setSelection.of({
|
|
72
|
+
current: documentId
|
|
73
|
+
}));
|
|
63
74
|
}
|
|
75
|
+
editorView.dispatch({
|
|
76
|
+
effects,
|
|
77
|
+
selection: selection ? {
|
|
78
|
+
anchor: range.from
|
|
79
|
+
} : void 0
|
|
80
|
+
});
|
|
64
81
|
}
|
|
65
82
|
}
|
|
66
|
-
}, [
|
|
83
|
+
}), [
|
|
67
84
|
documentId,
|
|
68
85
|
editorView
|
|
69
86
|
]);
|
|
70
|
-
useIntentResolver(MARKDOWN_PLUGIN,
|
|
87
|
+
useIntentResolver(MARKDOWN_PLUGIN, scrollIntoViewResolver);
|
|
71
88
|
};
|
|
72
89
|
|
|
73
90
|
// packages/plugins/plugin-markdown/src/components/MarkdownEditor.tsx
|
|
74
|
-
var DEFAULT_VIEW_MODE = "preview";
|
|
75
91
|
var MarkdownEditor = ({ id, role = "article", initialValue, extensions, extensionProviders, scrollPastEnd, toolbar, viewMode, editorStateStore, onFileUpload, onViewModeChange }) => {
|
|
76
92
|
const { t } = useTranslation(MARKDOWN_PLUGIN);
|
|
77
93
|
const { themeMode } = useThemeContext();
|
|
78
|
-
const dispatch = useIntentDispatcher();
|
|
79
|
-
const
|
|
80
|
-
|
|
81
|
-
|
|
94
|
+
const { dispatchPromise: dispatch } = useIntentDispatcher();
|
|
95
|
+
const toolbarState = useEditorToolbarState({
|
|
96
|
+
viewMode
|
|
97
|
+
});
|
|
98
|
+
const formattingObserver = useFormattingState(toolbarState);
|
|
99
|
+
const { scrollTo, selection } = useMemo2(() => editorStateStore?.getState(id) ?? {}, [
|
|
82
100
|
id
|
|
83
101
|
]);
|
|
84
|
-
const providerExtensions =
|
|
102
|
+
const providerExtensions = useMemo2(() => extensionProviders?.flatMap((provider) => provider({})).filter(nonNullable), [
|
|
85
103
|
extensionProviders
|
|
86
104
|
]);
|
|
87
|
-
const
|
|
88
|
-
const onCommentClick =
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
complementary: "comments"
|
|
95
|
-
}
|
|
96
|
-
}
|
|
97
|
-
},
|
|
98
|
-
{
|
|
99
|
-
action: LayoutAction2.SET_LAYOUT,
|
|
100
|
-
data: {
|
|
101
|
-
element: "complementary",
|
|
102
|
-
state: true
|
|
103
|
-
}
|
|
105
|
+
const commentObserver = useCommentState(toolbarState);
|
|
106
|
+
const onCommentClick = useCallback(async () => {
|
|
107
|
+
await dispatch(createIntent(LayoutAction2.UpdateComplementary, {
|
|
108
|
+
part: "complementary",
|
|
109
|
+
subject: "comments",
|
|
110
|
+
options: {
|
|
111
|
+
state: "expanded"
|
|
104
112
|
}
|
|
105
|
-
|
|
113
|
+
}));
|
|
106
114
|
}, [
|
|
107
115
|
dispatch
|
|
108
116
|
]);
|
|
@@ -111,7 +119,7 @@ var MarkdownEditor = ({ id, role = "article", initialValue, extensions, extensio
|
|
|
111
119
|
const file = files[0];
|
|
112
120
|
const info = file && onFileUpload ? await onFileUpload(file) : void 0;
|
|
113
121
|
if (info) {
|
|
114
|
-
|
|
122
|
+
processEditorPayload(view, {
|
|
115
123
|
type: "image",
|
|
116
124
|
data: info.url
|
|
117
125
|
});
|
|
@@ -165,9 +173,44 @@ var MarkdownEditor = ({ id, role = "article", initialValue, extensions, extensio
|
|
|
165
173
|
]);
|
|
166
174
|
useTest(editorView);
|
|
167
175
|
useSelectCurrentThread(editorView, id);
|
|
176
|
+
const { acceptedFiles, getInputProps, open } = useDropzone({
|
|
177
|
+
multiple: false,
|
|
178
|
+
noDrag: true,
|
|
179
|
+
accept: {
|
|
180
|
+
"image/*": [
|
|
181
|
+
".jpg",
|
|
182
|
+
".jpeg",
|
|
183
|
+
".png",
|
|
184
|
+
".gif"
|
|
185
|
+
]
|
|
186
|
+
}
|
|
187
|
+
});
|
|
188
|
+
useEffect(() => {
|
|
189
|
+
if (editorView && onFileUpload && acceptedFiles.length) {
|
|
190
|
+
requestAnimationFrame(async () => {
|
|
191
|
+
const f = acceptedFiles[0];
|
|
192
|
+
const file = new File([
|
|
193
|
+
f
|
|
194
|
+
], f.name, {
|
|
195
|
+
type: f.type,
|
|
196
|
+
lastModified: f.lastModified
|
|
197
|
+
});
|
|
198
|
+
const info = await onFileUpload(file);
|
|
199
|
+
if (info) {
|
|
200
|
+
processEditorPayload(editorView, {
|
|
201
|
+
type: "image",
|
|
202
|
+
data: info.url
|
|
203
|
+
});
|
|
204
|
+
}
|
|
205
|
+
});
|
|
206
|
+
}
|
|
207
|
+
}, [
|
|
208
|
+
acceptedFiles,
|
|
209
|
+
editorView
|
|
210
|
+
]);
|
|
168
211
|
const handleToolbarAction = useActionHandler(editorView);
|
|
169
|
-
const handleAction = (action) => {
|
|
170
|
-
switch (action.type) {
|
|
212
|
+
const handleAction = useCallback((action) => {
|
|
213
|
+
switch (action.properties.type) {
|
|
171
214
|
case "search": {
|
|
172
215
|
if (editorView) {
|
|
173
216
|
openSearchPanel(editorView);
|
|
@@ -175,37 +218,34 @@ var MarkdownEditor = ({ id, role = "article", initialValue, extensions, extensio
|
|
|
175
218
|
return;
|
|
176
219
|
}
|
|
177
220
|
case "view-mode": {
|
|
178
|
-
onViewModeChange?.(id, action.data);
|
|
221
|
+
onViewModeChange?.(id, action.properties.data);
|
|
222
|
+
return;
|
|
223
|
+
}
|
|
224
|
+
case "image": {
|
|
225
|
+
open();
|
|
179
226
|
return;
|
|
180
227
|
}
|
|
181
228
|
}
|
|
182
229
|
handleToolbarAction?.(action);
|
|
183
|
-
}
|
|
230
|
+
}, [
|
|
231
|
+
editorView,
|
|
232
|
+
onViewModeChange,
|
|
233
|
+
open
|
|
234
|
+
]);
|
|
184
235
|
return /* @__PURE__ */ React.createElement(StackItem.Content, {
|
|
185
|
-
toolbar
|
|
186
|
-
}, toolbar && /* @__PURE__ */ React.createElement(
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
textBlockWidth,
|
|
192
|
-
!hasAttention && "opacity-20"
|
|
193
|
-
],
|
|
194
|
-
state: formattingState && {
|
|
195
|
-
...formattingState,
|
|
196
|
-
...commentsState
|
|
197
|
-
},
|
|
236
|
+
toolbar: !!toolbar
|
|
237
|
+
}, toolbar && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(EditorToolbar, {
|
|
238
|
+
attendableId: id,
|
|
239
|
+
role,
|
|
240
|
+
state: toolbarState,
|
|
241
|
+
customActions: onFileUpload ? createUploadAction : void 0,
|
|
198
242
|
onAction: handleAction
|
|
199
|
-
}, /* @__PURE__ */ React.createElement(
|
|
200
|
-
onUpload: onFileUpload
|
|
201
|
-
}), /* @__PURE__ */ React.createElement(Toolbar.Separator, null), /* @__PURE__ */ React.createElement(Toolbar.View, {
|
|
202
|
-
mode: viewMode ?? DEFAULT_VIEW_MODE
|
|
203
|
-
}), /* @__PURE__ */ React.createElement(Toolbar.Actions, null))), /* @__PURE__ */ React.createElement("div", {
|
|
243
|
+
}), /* @__PURE__ */ React.createElement("input", getInputProps())), /* @__PURE__ */ React.createElement("div", {
|
|
204
244
|
role: "none",
|
|
205
245
|
ref: parentRef,
|
|
206
246
|
"data-testid": "composer.markdownRoot",
|
|
207
247
|
"data-toolbar": toolbar ? "enabled" : "disabled",
|
|
208
|
-
className:
|
|
248
|
+
className: stackItemContentEditorClassNames(role),
|
|
209
249
|
...focusAttributes
|
|
210
250
|
}));
|
|
211
251
|
};
|
|
@@ -219,24 +259,43 @@ var useTest = (view) => {
|
|
|
219
259
|
view
|
|
220
260
|
]);
|
|
221
261
|
};
|
|
262
|
+
var createUploadAction = () => ({
|
|
263
|
+
nodes: [
|
|
264
|
+
createEditorAction({
|
|
265
|
+
type: "image",
|
|
266
|
+
testId: "editor.toolbar.image"
|
|
267
|
+
}, "ph--image-square--regular", [
|
|
268
|
+
"upload image label",
|
|
269
|
+
{
|
|
270
|
+
ns: MARKDOWN_PLUGIN
|
|
271
|
+
}
|
|
272
|
+
])
|
|
273
|
+
],
|
|
274
|
+
edges: [
|
|
275
|
+
{
|
|
276
|
+
source: "root",
|
|
277
|
+
target: "image"
|
|
278
|
+
}
|
|
279
|
+
]
|
|
280
|
+
});
|
|
222
281
|
|
|
223
282
|
// packages/plugins/plugin-markdown/src/extensions.tsx
|
|
224
|
-
import React2, { useMemo as
|
|
283
|
+
import React2, { useMemo as useMemo3 } from "react";
|
|
225
284
|
import { createRoot } from "react-dom/client";
|
|
226
|
-
import {
|
|
227
|
-
import { invariant } from "@dxos/invariant";
|
|
285
|
+
import { createIntent as createIntent2, LayoutAction as LayoutAction3, useCapabilities, useIntentDispatcher as useIntentDispatcher2 } from "@dxos/app-framework";
|
|
286
|
+
import { invariant as invariant2 } from "@dxos/invariant";
|
|
228
287
|
import { createDocAccessor, fullyQualifiedId, getSpace } from "@dxos/react-client/echo";
|
|
229
288
|
import { useIdentity } from "@dxos/react-client/halo";
|
|
230
289
|
import { Icon, ThemeProvider } from "@dxos/react-ui";
|
|
231
290
|
import { InputModeExtensions, createDataExtensions, autocomplete, decorateMarkdown, folding, formattingKeymap, linkTooltip, listener, selectionState, typewriter } from "@dxos/react-ui-editor";
|
|
232
291
|
import { defaultTx } from "@dxos/react-ui-theme";
|
|
233
292
|
import { isNotFalsy as isNotFalsy2 } from "@dxos/util";
|
|
234
|
-
var
|
|
235
|
-
var useExtensions = ({ document, settings, viewMode, editorStateStore
|
|
236
|
-
const dispatch = useIntentDispatcher2();
|
|
293
|
+
var __dxlog_file2 = "/home/runner/work/dxos/dxos/packages/plugins/plugin-markdown/src/extensions.tsx";
|
|
294
|
+
var useExtensions = ({ document, settings, viewMode, editorStateStore }) => {
|
|
295
|
+
const { dispatchPromise: dispatch } = useIntentDispatcher2();
|
|
237
296
|
const identity = useIdentity();
|
|
238
297
|
const space = getSpace(document);
|
|
239
|
-
const baseExtensions =
|
|
298
|
+
const baseExtensions = useMemo3(() => createBaseExtensions({
|
|
240
299
|
document,
|
|
241
300
|
settings,
|
|
242
301
|
viewMode,
|
|
@@ -252,7 +311,8 @@ var useExtensions = ({ document, settings, viewMode, editorStateStore, extension
|
|
|
252
311
|
settings.debug,
|
|
253
312
|
settings.typewriter
|
|
254
313
|
]);
|
|
255
|
-
const
|
|
314
|
+
const extensionProviders = useCapabilities(MarkdownCapabilities.Extensions);
|
|
315
|
+
const pluginExtensions = useMemo3(() => extensionProviders.flat().reduce((acc, provider) => {
|
|
256
316
|
const extension = typeof provider === "function" ? provider({
|
|
257
317
|
document
|
|
258
318
|
}) : provider;
|
|
@@ -264,11 +324,11 @@ var useExtensions = ({ document, settings, viewMode, editorStateStore, extension
|
|
|
264
324
|
extensionProviders,
|
|
265
325
|
document
|
|
266
326
|
]);
|
|
267
|
-
return
|
|
327
|
+
return useMemo3(() => [
|
|
268
328
|
// NOTE: Data extensions must be first so that automerge is updated before other extensions compute their state.
|
|
269
329
|
document && createDataExtensions({
|
|
270
330
|
id: document.id,
|
|
271
|
-
text: document.content && createDocAccessor(document.content, [
|
|
331
|
+
text: document.content.target && createDocAccessor(document.content.target, [
|
|
272
332
|
"content"
|
|
273
333
|
]),
|
|
274
334
|
space,
|
|
@@ -284,7 +344,7 @@ var useExtensions = ({ document, settings, viewMode, editorStateStore, extension
|
|
|
284
344
|
baseExtensions,
|
|
285
345
|
pluginExtensions,
|
|
286
346
|
document,
|
|
287
|
-
document?.content,
|
|
347
|
+
document?.content?.target,
|
|
288
348
|
space,
|
|
289
349
|
identity
|
|
290
350
|
]);
|
|
@@ -304,15 +364,15 @@ var createBaseExtensions = ({ document, dispatch, settings, query, viewMode }) =
|
|
|
304
364
|
} : void 0,
|
|
305
365
|
// TODO(wittjosiah): For internal links, consider ignoring the link text and rendering the label of the object being linked to.
|
|
306
366
|
renderLinkButton: dispatch && document ? onRenderLink((id) => {
|
|
307
|
-
void dispatch({
|
|
308
|
-
|
|
309
|
-
|
|
310
|
-
id
|
|
311
|
-
|
|
312
|
-
|
|
313
|
-
|
|
367
|
+
void dispatch(createIntent2(LayoutAction3.Open, {
|
|
368
|
+
part: "main",
|
|
369
|
+
subject: [
|
|
370
|
+
id
|
|
371
|
+
],
|
|
372
|
+
options: {
|
|
373
|
+
pivotId: fullyQualifiedId(document)
|
|
314
374
|
}
|
|
315
|
-
});
|
|
375
|
+
}));
|
|
316
376
|
}) : void 0
|
|
317
377
|
}),
|
|
318
378
|
linkTooltip(renderLinkTooltip)
|
|
@@ -349,9 +409,9 @@ var onRenderLink = (onSelectObject) => (el, url) => {
|
|
|
349
409
|
const options = isInternal ? {
|
|
350
410
|
onClick: () => {
|
|
351
411
|
const qualifiedId = url.split("/").at(-1);
|
|
352
|
-
|
|
353
|
-
F:
|
|
354
|
-
L:
|
|
412
|
+
invariant2(qualifiedId, "Invalid link format.", {
|
|
413
|
+
F: __dxlog_file2,
|
|
414
|
+
L: 218,
|
|
355
415
|
S: void 0,
|
|
356
416
|
A: [
|
|
357
417
|
"qualifiedId",
|
|
@@ -395,11 +455,10 @@ var renderRoot = (root, node) => {
|
|
|
395
455
|
};
|
|
396
456
|
|
|
397
457
|
// packages/plugins/plugin-markdown/src/components/MarkdownContainer.tsx
|
|
398
|
-
var MarkdownContainer = ({ id, role, object,
|
|
458
|
+
var MarkdownContainer = ({ id, role, object, settings, viewMode, editorStateStore, onViewModeChange }) => {
|
|
399
459
|
const scrollPastEnd = role === "article";
|
|
400
460
|
const doc = object instanceof DocumentType ? object : void 0;
|
|
401
461
|
const extensions = useExtensions({
|
|
402
|
-
extensionProviders,
|
|
403
462
|
document: doc,
|
|
404
463
|
settings,
|
|
405
464
|
viewMode,
|
|
@@ -433,26 +492,30 @@ var MarkdownContainer = ({ id, role, object, extensionProviders, settings, viewM
|
|
|
433
492
|
var DocumentEditor = ({ id, document: doc, settings, viewMode, ...props }) => {
|
|
434
493
|
const space = getSpace2(doc);
|
|
435
494
|
useEffect2(() => {
|
|
436
|
-
if (
|
|
437
|
-
|
|
495
|
+
if (typeof doc.fallbackName === "string") {
|
|
496
|
+
return;
|
|
497
|
+
}
|
|
498
|
+
const fallbackName = doc.content?.target?.content ? getFallbackName(doc.content.target.content) : void 0;
|
|
499
|
+
if (fallbackName) {
|
|
500
|
+
doc.fallbackName = fallbackName;
|
|
438
501
|
}
|
|
439
502
|
}, [
|
|
440
503
|
doc,
|
|
441
504
|
doc.content
|
|
442
505
|
]);
|
|
443
|
-
const
|
|
444
|
-
const handleFileUpload =
|
|
445
|
-
if (space === void 0 ||
|
|
506
|
+
const [upload] = useCapabilities2(Capabilities.FileUploader);
|
|
507
|
+
const handleFileUpload = useMemo4(() => {
|
|
508
|
+
if (space === void 0 || upload === void 0) {
|
|
446
509
|
return void 0;
|
|
447
510
|
}
|
|
448
|
-
return async (file) =>
|
|
511
|
+
return async (file) => upload(file, space);
|
|
449
512
|
}, [
|
|
450
513
|
space,
|
|
451
|
-
|
|
514
|
+
upload
|
|
452
515
|
]);
|
|
453
516
|
return /* @__PURE__ */ React3.createElement(MarkdownEditor, {
|
|
454
517
|
id,
|
|
455
|
-
initialValue: doc.content?.content,
|
|
518
|
+
initialValue: doc.content?.target?.content,
|
|
456
519
|
viewMode,
|
|
457
520
|
toolbar: settings.toolbar,
|
|
458
521
|
inputMode: settings.editorInputMode,
|
|
@@ -465,4 +528,4 @@ export {
|
|
|
465
528
|
DocumentEditor,
|
|
466
529
|
MarkdownContainer_default as default
|
|
467
530
|
};
|
|
468
|
-
//# sourceMappingURL=MarkdownContainer-
|
|
531
|
+
//# sourceMappingURL=MarkdownContainer-ZVCWASOD.mjs.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../src/components/MarkdownContainer.tsx", "../../../src/components/MarkdownEditor.tsx", "../../../src/hooks/useSelectCurrentThread.tsx", "../../../src/extensions.tsx"],
|
|
4
|
+
"sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { useEffect, useMemo } from 'react';\n\nimport { Capabilities, useCapabilities } from '@dxos/app-framework';\nimport { fullyQualifiedId, getSpace } from '@dxos/react-client/echo';\n\nimport { MarkdownEditor, type MarkdownEditorProps } from './MarkdownEditor';\nimport { useExtensions } from '../extensions';\nimport { DocumentType, type MarkdownSettingsProps } from '../types';\nimport { getFallbackName } from '../util';\n\nexport type MarkdownContainerProps = Pick<\n MarkdownEditorProps,\n 'role' | 'extensionProviders' | 'viewMode' | 'editorStateStore' | 'onViewModeChange'\n> & {\n id: string;\n object: DocumentType | any;\n settings: MarkdownSettingsProps;\n};\n\n// TODO(burdon): Move toolbar here.\n// TODO(burdon): Factor out difference for ECHO and non-ECHO objects; i.e., single component.\nconst MarkdownContainer = ({\n id,\n role,\n object,\n settings,\n viewMode,\n editorStateStore,\n onViewModeChange,\n}: MarkdownContainerProps) => {\n const scrollPastEnd = role === 'article';\n const doc = object instanceof DocumentType ? object : undefined;\n const extensions = useExtensions({ document: doc, settings, viewMode, editorStateStore });\n\n if (doc) {\n return (\n <DocumentEditor\n id={fullyQualifiedId(object)}\n role={role}\n document={doc}\n extensions={extensions}\n viewMode={viewMode}\n settings={settings}\n scrollPastEnd={scrollPastEnd}\n onViewModeChange={onViewModeChange}\n />\n );\n } else {\n return (\n <MarkdownEditor\n id={id}\n role={role}\n initialValue={object.text}\n extensions={extensions}\n viewMode={viewMode}\n toolbar={settings.toolbar}\n inputMode={settings.editorInputMode}\n scrollPastEnd={scrollPastEnd}\n onViewModeChange={onViewModeChange}\n />\n );\n }\n};\n\ntype DocumentEditorProps = Omit<MarkdownContainerProps, 'object' | 'extensionProviders' | 'editorStateStore'> &\n Pick<MarkdownEditorProps, 'id' | 'scrollPastEnd' | 'extensions'> & {\n document: DocumentType;\n };\n\nexport const DocumentEditor = ({ id, document: doc, settings, viewMode, ...props }: DocumentEditorProps) => {\n const space = getSpace(doc);\n\n // Migrate gradually to `fallbackName`.\n useEffect(() => {\n if (typeof doc.fallbackName === 'string') {\n return;\n }\n\n const fallbackName = doc.content?.target?.content ? getFallbackName(doc.content.target.content) : undefined;\n if (fallbackName) {\n doc.fallbackName = fallbackName;\n }\n }, [doc, doc.content]);\n\n // File dragging.\n const [upload] = useCapabilities(Capabilities.FileUploader);\n const handleFileUpload = useMemo(() => {\n if (space === undefined || upload === undefined) {\n return undefined;\n }\n\n // TODO(burdon): Re-order props: space, file.\n return async (file: File) => upload!(file, space);\n }, [space, upload]);\n\n return (\n <MarkdownEditor\n id={id}\n initialValue={doc.content?.target?.content}\n viewMode={viewMode}\n toolbar={settings.toolbar}\n inputMode={settings.editorInputMode}\n onFileUpload={handleFileUpload}\n {...props}\n />\n );\n};\n\nexport default MarkdownContainer;\n", "//\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';\nimport { useDropzone } from 'react-dropzone';\n\nimport { createIntent, type FileInfo, LayoutAction, useIntentDispatcher } from '@dxos/app-framework';\nimport { useThemeContext, useTranslation } from '@dxos/react-ui';\nimport {\n type EditorAction,\n type DNDOptions,\n type EditorViewMode,\n type EditorInputMode,\n type EditorSelectionState,\n type EditorStateStore,\n EditorToolbar,\n type UseTextEditorProps,\n createBasicExtensions,\n createMarkdownExtensions,\n createThemeExtensions,\n dropFile,\n editorContent,\n editorGutter,\n processEditorPayload,\n useActionHandler,\n useCommentState,\n useCommentClickListener,\n useFormattingState,\n useTextEditor,\n stackItemContentEditorClassNames,\n useEditorToolbarState,\n createEditorAction,\n} from '@dxos/react-ui-editor';\nimport { StackItem } from '@dxos/react-ui-stack';\nimport { isNotFalsy, nonNullable } from '@dxos/util';\n\nimport { useSelectCurrentThread } from '../hooks';\nimport { MARKDOWN_PLUGIN } from '../meta';\nimport { type MarkdownPluginState } from '../types';\n\nexport type MarkdownEditorProps = {\n id: string;\n role?: string;\n inputMode?: EditorInputMode;\n scrollPastEnd?: boolean;\n toolbar?: boolean;\n viewMode?: EditorViewMode;\n editorStateStore?: EditorStateStore;\n onViewModeChange?: (id: string, mode: EditorViewMode) => void;\n onFileUpload?: (file: File) => Promise<FileInfo | undefined>;\n} & Pick<UseTextEditorProps, 'initialValue' | 'extensions'> &\n Partial<Pick<MarkdownPluginState, 'extensionProviders'>>;\n\n/**\n * Base markdown editor component.\n *\n * This component provides all the features of the markdown editor that do no depend on ECHO.\n * This allows it to be used as a common editor for markdown content on arbitrary backends (e.g. files).\n */\nexport const MarkdownEditor = ({\n id,\n role = 'article',\n initialValue,\n extensions,\n extensionProviders,\n scrollPastEnd,\n toolbar,\n viewMode,\n editorStateStore,\n onFileUpload,\n onViewModeChange,\n}: MarkdownEditorProps) => {\n const { t } = useTranslation(MARKDOWN_PLUGIN);\n const { themeMode } = useThemeContext();\n const { dispatchPromise: dispatch } = useIntentDispatcher();\n const toolbarState = useEditorToolbarState({ viewMode });\n const formattingObserver = useFormattingState(toolbarState);\n\n // Restore last selection and scroll point.\n const { scrollTo, selection } = useMemo<EditorSelectionState>(() => editorStateStore?.getState(id) ?? {}, [id]);\n\n // Extensions from other plugins.\n // TODO(burdon): Reconcile with DocumentEditor.useExtensions.\n const providerExtensions = useMemo(\n () => extensionProviders?.flatMap((provider) => provider({})).filter(nonNullable),\n [extensionProviders],\n );\n\n // TODO(Zan): Factor out to thread plugin.\n const commentObserver = useCommentState(toolbarState);\n const onCommentClick = useCallback(async () => {\n await dispatch(\n createIntent(LayoutAction.UpdateComplementary, {\n part: 'complementary',\n subject: 'comments',\n options: { state: 'expanded' },\n }),\n );\n }, [dispatch]);\n const commentClickObserver = useCommentClickListener(onCommentClick);\n\n // TODO(wittjosiah): Factor out to file uploader plugin.\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 processEditorPayload(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, formattingObserver, viewMode, themeMode, extensions, providerExtensions],\n );\n\n useTest(editorView);\n useSelectCurrentThread(editorView, id);\n\n // https://react-dropzone.js.org/#src\n const { acceptedFiles, getInputProps, open } = useDropzone({\n multiple: false,\n noDrag: true,\n accept: {\n 'image/*': ['.jpg', '.jpeg', '.png', '.gif'],\n },\n });\n\n useEffect(() => {\n if (editorView && onFileUpload && acceptedFiles.length) {\n requestAnimationFrame(async () => {\n // NOTE: Clone file since react-dropzone patches in a non-standard `path` property, which confuses IPFS.\n const f = acceptedFiles[0];\n const file = new File([f], f.name, {\n type: f.type,\n lastModified: f.lastModified,\n });\n\n const info = await onFileUpload(file);\n if (info) {\n processEditorPayload(editorView, { type: 'image', data: info.url });\n }\n });\n }\n }, [acceptedFiles, editorView]);\n\n // Toolbar handler.\n const handleToolbarAction = useActionHandler(editorView);\n const handleAction = useCallback(\n (action: EditorAction) => {\n switch (action.properties.type) {\n case 'search': {\n if (editorView) {\n openSearchPanel(editorView);\n }\n return;\n }\n case 'view-mode': {\n onViewModeChange?.(id, action.properties.data);\n return;\n }\n case 'image': {\n open();\n return;\n }\n }\n\n handleToolbarAction?.(action);\n },\n [editorView, onViewModeChange, open],\n );\n\n return (\n <StackItem.Content toolbar={!!toolbar}>\n {toolbar && (\n <>\n <EditorToolbar\n attendableId={id}\n role={role}\n state={toolbarState}\n customActions={onFileUpload ? createUploadAction : undefined}\n onAction={handleAction}\n />\n <input {...getInputProps()} />\n </>\n )}\n <div\n role='none'\n ref={parentRef}\n data-testid='composer.markdownRoot'\n data-toolbar={toolbar ? 'enabled' : 'disabled'}\n className={stackItemContentEditorClassNames(role)}\n {...focusAttributes}\n />\n </StackItem.Content>\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 const createUploadAction = () => ({\n nodes: [\n createEditorAction({ type: 'image', testId: 'editor.toolbar.image' }, 'ph--image-square--regular', [\n 'upload image label',\n { ns: MARKDOWN_PLUGIN },\n ]),\n ],\n edges: [{ source: 'root', target: 'image' }],\n});\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { EditorView } from '@codemirror/view';\nimport { useMemo } from 'react';\n\nimport { createResolver, LayoutAction, useIntentResolver } from '@dxos/app-framework';\nimport { S } from '@dxos/echo-schema';\nimport { invariant } from '@dxos/invariant';\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 scrollIntoViewResolver = useMemo(\n () =>\n createResolver({\n intent: LayoutAction.UpdateLayout,\n position: 'hoist',\n filter: (data): data is { part: 'current'; subject: string; options: { cursor: string } } => {\n if (!S.is(LayoutAction.ScrollIntoView.fields.input)(data)) {\n return false;\n }\n\n return !!editorView && data.subject === documentId && !!data.options?.cursor;\n },\n resolve: ({ options: { cursor } }) => {\n invariant(editorView, 'Editor view is not defined.');\n const range = Cursor.getRangeFromCursor(editorView.state, 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 [documentId, editorView],\n );\n\n useIntentResolver(MARKDOWN_PLUGIN, scrollIntoViewResolver);\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { type AnchorHTMLAttributes, type ReactNode, useMemo } from 'react';\nimport { createRoot } from 'react-dom/client';\n\nimport {\n createIntent,\n LayoutAction,\n type PromiseIntentDispatcher,\n useCapabilities,\n useIntentDispatcher,\n} from '@dxos/app-framework';\nimport { invariant } from '@dxos/invariant';\nimport { createDocAccessor, fullyQualifiedId, getSpace, type Query } from '@dxos/react-client/echo';\nimport { useIdentity } from '@dxos/react-client/halo';\nimport { Icon, ThemeProvider } from '@dxos/react-ui';\nimport {\n type AutocompleteResult,\n type EditorStateStore,\n type EditorViewMode,\n type Extension,\n InputModeExtensions,\n createDataExtensions,\n autocomplete,\n decorateMarkdown,\n folding,\n formattingKeymap,\n linkTooltip,\n listener,\n selectionState,\n typewriter,\n} from '@dxos/react-ui-editor';\nimport { defaultTx } from '@dxos/react-ui-theme';\nimport { isNotFalsy } from '@dxos/util';\n\nimport { MarkdownCapabilities } from './capabilities';\nimport { type DocumentType, type MarkdownSettingsProps } from './types';\nimport { setFallbackName } from './util';\n\ntype ExtensionsOptions = {\n document?: DocumentType;\n dispatch?: PromiseIntentDispatcher;\n query?: Query<DocumentType>;\n settings: MarkdownSettingsProps;\n viewMode?: EditorViewMode;\n editorStateStore?: EditorStateStore;\n};\n\n// TODO(burdon): Merge with createBaseExtensions below.\nexport const useExtensions = ({ document, settings, viewMode, editorStateStore }: ExtensionsOptions): Extension[] => {\n const { dispatchPromise: dispatch } = useIntentDispatcher();\n const identity = useIdentity();\n const space = getSpace(document);\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 document,\n settings,\n viewMode,\n dispatch,\n // query,\n }),\n [\n document,\n viewMode,\n dispatch,\n settings,\n settings.editorInputMode,\n settings.folding,\n settings.numberedHeadings,\n settings.debug,\n settings.typewriter,\n ],\n );\n\n const extensionProviders = useCapabilities(MarkdownCapabilities.Extensions);\n\n //\n // External extensions from other plugins.\n //\n const pluginExtensions = useMemo<Extension[] | undefined>(\n () =>\n extensionProviders.flat().reduce((acc: Extension[], provider) => {\n const extension = typeof provider === 'function' ? provider({ document }) : provider;\n if (extension) {\n acc.push(extension);\n }\n\n return acc;\n }, []),\n [extensionProviders, document],\n );\n\n //\n // Basic plugins.\n //\n return useMemo<Extension[]>(\n () =>\n [\n // NOTE: Data extensions must be first so that automerge is updated before other extensions compute their state.\n document &&\n createDataExtensions({\n id: document.id,\n text: document.content.target && createDocAccessor(document.content.target, ['content']),\n space,\n identity,\n }),\n selectionState(editorStateStore),\n document &&\n listener({\n onChange: (text) => setFallbackName(document, text),\n }),\n baseExtensions,\n pluginExtensions,\n ].filter(isNotFalsy),\n [baseExtensions, pluginExtensions, document, document?.content?.target, space, identity],\n );\n};\n\n/**\n * Create extension instances for editor.\n */\nconst createBaseExtensions = ({ document, dispatch, settings, query, viewMode }: ExtensionsOptions): Extension[] => {\n const extensions: Extension[] = [\n settings.editorInputMode && InputModeExtensions[settings.editorInputMode],\n settings.folding && folding(),\n ].filter(isNotFalsy);\n\n //\n // Markdown\n //\n if (viewMode !== 'source') {\n extensions.push(\n ...[\n formattingKeymap(),\n decorateMarkdown({\n selectionChangeDelay: 100,\n numberedHeadings: settings.numberedHeadings ? { from: 2 } : undefined,\n // TODO(wittjosiah): For internal links, consider ignoring the link text and rendering the label of the object being linked to.\n renderLinkButton:\n dispatch && document\n ? onRenderLink((id: string) => {\n void dispatch(\n createIntent(LayoutAction.Open, {\n part: 'main',\n subject: [id],\n options: {\n pivotId: fullyQualifiedId(document),\n },\n }),\n );\n })\n : undefined,\n }),\n linkTooltip(renderLinkTooltip),\n ],\n );\n }\n\n //\n // Autocomplete object links.\n //\n if (query) {\n extensions.push(\n autocomplete({\n onSearch: (text: string) => {\n // TODO(burdon): Specify filter (e.g., stack).\n return query.objects\n .map<AutocompleteResult | undefined>((object) =>\n object.name?.length && object.id !== document?.id\n ? {\n label: object.name,\n // TODO(burdon): Factor out URL builder.\n apply: `[${object.name}](/${fullyQualifiedId(object)})`,\n }\n : undefined,\n )\n .filter(isNotFalsy);\n },\n }),\n );\n }\n\n if (settings.debug) {\n const items = settings.typewriter?.split(/[,\\n]/) ?? '';\n if (items) {\n extensions.push(typewriter({ items }));\n }\n }\n\n return extensions;\n};\n\n// TODO(burdon): Factor out styles.\nconst style = {\n hover: 'rounded-sm text-primary-500 hover:text-primary-600 dark:text-primary-500 hover:dark:text-primary-400',\n icon: 'inline-block leading-none mis-1 cursor-pointer',\n};\n\nconst onRenderLink = (onSelectObject: (id: string) => void) => (el: Element, url: string) => {\n // TODO(burdon): Formalize/document internal link format.\n const isInternal =\n url.startsWith('/') ||\n // TODO(wittjosiah): This should probably be parsed out on paste?\n url.startsWith(window.location.origin);\n\n const options: AnchorHTMLAttributes<any> = isInternal\n ? {\n onClick: () => {\n const qualifiedId = url.split('/').at(-1);\n invariant(qualifiedId, 'Invalid link format.');\n onSelectObject(qualifiedId);\n },\n }\n : {\n href: url,\n rel: 'noreferrer',\n target: '_blank',\n };\n\n renderRoot(\n el,\n <a {...options} className={style.hover}>\n <Icon\n icon={isInternal ? 'ph--arrow-square-down--bold' : 'ph--arrow-square-out--bold'}\n size={4}\n classNames={style.icon}\n />\n </a>,\n );\n};\n\nconst renderLinkTooltip = (el: Element, url: string) => {\n const web = new URL(url);\n renderRoot(\n el,\n <a href={url} rel='noreferrer' target='_blank' className={style.hover}>\n {web.origin}\n <Icon icon='ph--arrow-square-out--bold' size={4} classNames={style.icon} />\n </a>,\n );\n};\n\n// TODO(burdon): Remove react rendering; use DOM directly.\nexport const renderRoot = <T extends Element>(root: T, node: ReactNode): T => {\n createRoot(root).render(<ThemeProvider tx={defaultTx}>{node}</ThemeProvider>);\n return root;\n};\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
|
+
"names": ["React", "useEffect", "useMemo", "Capabilities", "useCapabilities", "fullyQualifiedId", "getSpace", "openSearchPanel", "React", "useMemo", "useEffect", "useCallback", "useDropzone", "createIntent", "LayoutAction", "useIntentDispatcher", "useThemeContext", "useTranslation", "EditorToolbar", "createBasicExtensions", "createMarkdownExtensions", "createThemeExtensions", "dropFile", "editorContent", "editorGutter", "processEditorPayload", "useActionHandler", "useCommentState", "useCommentClickListener", "useFormattingState", "useTextEditor", "stackItemContentEditorClassNames", "useEditorToolbarState", "createEditorAction", "StackItem", "isNotFalsy", "nonNullable", "EditorView", "useMemo", "createResolver", "LayoutAction", "useIntentResolver", "S", "invariant", "Cursor", "setSelection", "useSelectCurrentThread", "editorView", "documentId", "scrollIntoViewResolver", "useMemo", "createResolver", "intent", "LayoutAction", "UpdateLayout", "position", "filter", "data", "S", "is", "ScrollIntoView", "fields", "input", "subject", "options", "cursor", "resolve", "invariant", "range", "Cursor", "getRangeFromCursor", "state", "selection", "main", "from", "anchor", "undefined", "effects", "EditorView", "scrollIntoView", "y", "yMargin", "push", "setSelection", "of", "current", "dispatch", "useIntentResolver", "MARKDOWN_PLUGIN", "MarkdownEditor", "id", "role", "initialValue", "extensions", "extensionProviders", "scrollPastEnd", "toolbar", "viewMode", "editorStateStore", "onFileUpload", "onViewModeChange", "t", "useTranslation", "MARKDOWN_PLUGIN", "themeMode", "useThemeContext", "dispatchPromise", "dispatch", "useIntentDispatcher", "toolbarState", "useEditorToolbarState", "formattingObserver", "useFormattingState", "scrollTo", "selection", "useMemo", "getState", "providerExtensions", "flatMap", "provider", "filter", "nonNullable", "commentObserver", "useCommentState", "onCommentClick", "useCallback", "createIntent", "LayoutAction", "UpdateComplementary", "part", "subject", "options", "state", "commentClickObserver", "useCommentClickListener", "handleDrop", "view", "files", "file", "info", "undefined", "processEditorPayload", "type", "data", "url", "parentRef", "editorView", "focusAttributes", "useTextEditor", "createBasicExtensions", "readonly", "placeholder", "createMarkdownExtensions", "createThemeExtensions", "syntaxHighlighting", "slots", "content", "className", "editorContent", "editorGutter", "dropFile", "onDrop", "isNotFalsy", "moveToEndOfLine", "useTest", "useSelectCurrentThread", "acceptedFiles", "getInputProps", "open", "useDropzone", "multiple", "noDrag", "accept", "useEffect", "length", "requestAnimationFrame", "f", "File", "name", "lastModified", "handleToolbarAction", "useActionHandler", "handleAction", "action", "properties", "openSearchPanel", "StackItem", "Content", "EditorToolbar", "attendableId", "customActions", "createUploadAction", "onAction", "input", "div", "ref", "data-testid", "data-toolbar", "stackItemContentEditorClassNames", "composer", "window", "nodes", "createEditorAction", "testId", "ns", "edges", "source", "target", "React", "useMemo", "createRoot", "createIntent", "LayoutAction", "useCapabilities", "useIntentDispatcher", "invariant", "createDocAccessor", "fullyQualifiedId", "getSpace", "useIdentity", "Icon", "ThemeProvider", "InputModeExtensions", "createDataExtensions", "autocomplete", "decorateMarkdown", "folding", "formattingKeymap", "linkTooltip", "listener", "selectionState", "typewriter", "defaultTx", "isNotFalsy", "useExtensions", "document", "settings", "viewMode", "editorStateStore", "dispatchPromise", "dispatch", "useIntentDispatcher", "identity", "useIdentity", "space", "getSpace", "baseExtensions", "useMemo", "createBaseExtensions", "editorInputMode", "folding", "numberedHeadings", "debug", "typewriter", "extensionProviders", "useCapabilities", "MarkdownCapabilities", "Extensions", "pluginExtensions", "flat", "reduce", "acc", "provider", "extension", "push", "createDataExtensions", "id", "text", "content", "target", "createDocAccessor", "selectionState", "listener", "onChange", "setFallbackName", "filter", "isNotFalsy", "query", "extensions", "InputModeExtensions", "formattingKeymap", "decorateMarkdown", "selectionChangeDelay", "from", "undefined", "renderLinkButton", "onRenderLink", "createIntent", "LayoutAction", "Open", "part", "subject", "options", "pivotId", "fullyQualifiedId", "linkTooltip", "renderLinkTooltip", "autocomplete", "onSearch", "objects", "map", "object", "name", "length", "label", "apply", "items", "split", "style", "hover", "icon", "onSelectObject", "el", "url", "isInternal", "startsWith", "window", "location", "origin", "onClick", "qualifiedId", "at", "invariant", "href", "rel", "renderRoot", "React", "a", "className", "Icon", "size", "classNames", "web", "URL", "root", "node", "createRoot", "render", "ThemeProvider", "tx", "defaultTx", "MarkdownContainer", "id", "role", "object", "settings", "viewMode", "editorStateStore", "onViewModeChange", "scrollPastEnd", "doc", "DocumentType", "undefined", "extensions", "useExtensions", "document", "React", "DocumentEditor", "fullyQualifiedId", "MarkdownEditor", "initialValue", "text", "toolbar", "inputMode", "editorInputMode", "props", "space", "getSpace", "useEffect", "fallbackName", "content", "target", "getFallbackName", "upload", "useCapabilities", "Capabilities", "FileUploader", "handleFileUpload", "useMemo", "file", "onFileUpload"]
|
|
7
|
+
}
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
import {
|
|
2
|
+
translations_default
|
|
3
|
+
} from "./chunk-ROJ4VUZB.mjs";
|
|
4
|
+
import {
|
|
5
|
+
DocumentType,
|
|
6
|
+
MarkdownAction
|
|
7
|
+
} from "./chunk-P4K367ZX.mjs";
|
|
8
|
+
import {
|
|
9
|
+
MARKDOWN_PLUGIN
|
|
10
|
+
} from "./chunk-YTHIPV5Q.mjs";
|
|
11
|
+
|
|
12
|
+
// packages/plugins/plugin-markdown/src/capabilities/app-graph-serializer.ts
|
|
13
|
+
import { pipe } from "effect";
|
|
14
|
+
import { contributes, Capabilities, chain, createIntent } from "@dxos/app-framework";
|
|
15
|
+
import { SpaceAction, CollectionType } from "@dxos/plugin-space/types";
|
|
16
|
+
import { isSpace } from "@dxos/react-client/echo";
|
|
17
|
+
var app_graph_serializer_default = (context) => contributes(Capabilities.AppGraphSerializer, [
|
|
18
|
+
{
|
|
19
|
+
inputType: DocumentType.typename,
|
|
20
|
+
outputType: "text/markdown",
|
|
21
|
+
// Reconcile with metadata serializers.
|
|
22
|
+
serialize: async (node) => {
|
|
23
|
+
const doc = node.data;
|
|
24
|
+
const content = await doc.content.load();
|
|
25
|
+
return {
|
|
26
|
+
name: doc.name || doc.fallbackName || translations_default[0]["en-US"][MARKDOWN_PLUGIN]["document title placeholder"],
|
|
27
|
+
data: content.content,
|
|
28
|
+
type: "text/markdown"
|
|
29
|
+
};
|
|
30
|
+
},
|
|
31
|
+
deserialize: async (data, ancestors) => {
|
|
32
|
+
const space = ancestors.find(isSpace);
|
|
33
|
+
const target = ancestors.findLast((ancestor) => ancestor instanceof CollectionType) ?? space?.properties[CollectionType.typename]?.target;
|
|
34
|
+
if (!space || !target) {
|
|
35
|
+
return;
|
|
36
|
+
}
|
|
37
|
+
const { dispatchPromise: dispatch } = context.requestCapability(Capabilities.IntentDispatcher);
|
|
38
|
+
const result = await dispatch(pipe(createIntent(MarkdownAction.Create, {
|
|
39
|
+
name: data.name,
|
|
40
|
+
content: data.data
|
|
41
|
+
}), chain(SpaceAction.AddObject, {
|
|
42
|
+
target
|
|
43
|
+
})));
|
|
44
|
+
return result.data?.object;
|
|
45
|
+
}
|
|
46
|
+
}
|
|
47
|
+
]);
|
|
48
|
+
export {
|
|
49
|
+
app_graph_serializer_default as default
|
|
50
|
+
};
|
|
51
|
+
//# sourceMappingURL=app-graph-serializer-BG3MHYI4.mjs.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../src/capabilities/app-graph-serializer.ts"],
|
|
4
|
+
"sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { pipe } from 'effect';\n\nimport { contributes, Capabilities, type PluginsContext, chain, createIntent } from '@dxos/app-framework';\nimport { SpaceAction, CollectionType } from '@dxos/plugin-space/types';\nimport { isSpace } from '@dxos/react-client/echo';\n\nimport { MARKDOWN_PLUGIN } from '../meta';\nimport translations from '../translations';\nimport { MarkdownAction, DocumentType } from '../types';\n\nexport default (context: PluginsContext) =>\n contributes(Capabilities.AppGraphSerializer, [\n {\n inputType: DocumentType.typename,\n outputType: 'text/markdown',\n // Reconcile with metadata serializers.\n serialize: async (node) => {\n const doc = node.data;\n const content = await doc.content.load();\n return {\n name: doc.name || doc.fallbackName || translations[0]['en-US'][MARKDOWN_PLUGIN]['document title placeholder'],\n data: content.content,\n type: 'text/markdown',\n };\n },\n deserialize: async (data, ancestors) => {\n const space = ancestors.find(isSpace);\n const target =\n ancestors.findLast((ancestor) => ancestor instanceof CollectionType) ??\n space?.properties[CollectionType.typename]?.target;\n if (!space || !target) {\n return;\n }\n\n const { dispatchPromise: dispatch } = context.requestCapability(Capabilities.IntentDispatcher);\n const result = await dispatch(\n pipe(\n createIntent(MarkdownAction.Create, { name: data.name, content: data.data }),\n chain(SpaceAction.AddObject, { target }),\n ),\n );\n\n return result.data?.object;\n },\n },\n ]);\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;AAIA,SAASA,YAAY;AAErB,SAASC,aAAaC,cAAmCC,OAAOC,oBAAoB;AACpF,SAASC,aAAaC,sBAAsB;AAC5C,SAASC,eAAe;AAMxB,IAAA,+BAAe,CAACC,YACdC,YAAYC,aAAaC,oBAAoB;EAC3C;IACEC,WAAWC,aAAaC;IACxBC,YAAY;;IAEZC,WAAW,OAAOC,SAAAA;AAChB,YAAMC,MAAMD,KAAKE;AACjB,YAAMC,UAAU,MAAMF,IAAIE,QAAQC,KAAI;AACtC,aAAO;QACLC,MAAMJ,IAAII,QAAQJ,IAAIK,gBAAgBC,qBAAa,CAAA,EAAG,OAAA,EAASC,eAAAA,EAAiB,4BAAA;QAChFN,MAAMC,QAAQA;QACdM,MAAM;MACR;IACF;IACAC,aAAa,OAAOR,MAAMS,cAAAA;AACxB,YAAMC,QAAQD,UAAUE,KAAKC,OAAAA;AAC7B,YAAMC,SACJJ,UAAUK,SAAS,CAACC,aAAaA,oBAAoBC,cAAAA,KACrDN,OAAOO,WAAWD,eAAerB,QAAQ,GAAGkB;AAC9C,UAAI,CAACH,SAAS,CAACG,QAAQ;AACrB;MACF;AAEA,YAAM,EAAEK,iBAAiBC,SAAQ,IAAK9B,QAAQ+B,kBAAkB7B,aAAa8B,gBAAgB;AAC7F,YAAMC,SAAS,MAAMH,SACnBI,KACEC,aAAaC,eAAeC,QAAQ;QAAEvB,MAAMH,KAAKG;QAAMF,SAASD,KAAKA;MAAK,CAAA,GAC1E2B,MAAMC,YAAYC,WAAW;QAAEhB;MAAO,CAAA,CAAA,CAAA;AAI1C,aAAOS,OAAOtB,MAAM8B;IACtB;EACF;CACD;",
|
|
6
|
+
"names": ["pipe", "contributes", "Capabilities", "chain", "createIntent", "SpaceAction", "CollectionType", "isSpace", "context", "contributes", "Capabilities", "AppGraphSerializer", "inputType", "DocumentType", "typename", "outputType", "serialize", "node", "doc", "data", "content", "load", "name", "fallbackName", "translations", "MARKDOWN_PLUGIN", "type", "deserialize", "ancestors", "space", "find", "isSpace", "target", "findLast", "ancestor", "CollectionType", "properties", "dispatchPromise", "dispatch", "requestCapability", "IntentDispatcher", "result", "pipe", "createIntent", "MarkdownAction", "Create", "chain", "SpaceAction", "AddObject", "object"]
|
|
7
|
+
}
|