@dxos/plugin-markdown 0.7.5-main.9d26e3a → 0.7.5-main.e9bb01b
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-XY6NEUOA.mjs → MarkdownContainer-ZVCWASOD.mjs} +155 -92
- 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-R4MG2DP2.mjs → chunk-NPLFZ76Q.mjs} +20 -9
- package/dist/lib/browser/chunk-NPLFZ76Q.mjs.map +7 -0
- package/dist/lib/browser/{chunk-6FIHBJRV.mjs → chunk-P4K367ZX.mjs} +17 -12
- 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 +100 -367
- 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-EX6YDF6J.cjs → MarkdownContainer-HJR4TB7X.cjs} +159 -98
- 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-SXQAPZZU.cjs → chunk-2WJ7TUBY.cjs} +37 -12
- package/dist/lib/node/chunk-2WJ7TUBY.cjs.map +7 -0
- package/dist/lib/node/{chunk-CQMXZ54Z.cjs → chunk-CZXXBKMN.cjs} +21 -16
- 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 +92 -366
- 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-E7W623A7.mjs → MarkdownContainer-ILR7OVRM.mjs} +155 -92
- 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-ZVFBKBSA.mjs → chunk-MMVIEZ43.mjs} +17 -12
- 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-Y76MM22C.mjs → chunk-T62F7XQE.mjs} +20 -9
- 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 +100 -367
- 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 +2 -2
- 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/schema.d.ts +0 -7
- package/dist/types/src/types/schema.d.ts.map +1 -1
- package/dist/types/src/types/types.d.ts +12 -26
- 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 -1
- package/package.json +32 -37
- package/src/MarkdownPlugin.tsx +73 -215
- 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 +6 -7
- package/src/components/MarkdownEditor.stories.tsx +16 -5
- package/src/components/MarkdownEditor.tsx +89 -51
- package/src/components/MarkdownSettings.tsx +3 -3
- package/src/components/Toolbar.stories.tsx +16 -22
- package/src/extensions.tsx +18 -14
- package/src/hooks/useSelectCurrentThread.tsx +13 -8
- package/src/index.ts +2 -5
- package/src/meta.ts +7 -2
- package/src/translations.ts +1 -0
- package/src/types/schema.ts +1 -5
- package/src/types/types.ts +16 -44
- package/src/util.tsx +2 -8
- package/dist/lib/browser/MarkdownContainer-XY6NEUOA.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-6FIHBJRV.mjs.map +0 -7
- package/dist/lib/browser/chunk-R4MG2DP2.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-EX6YDF6J.cjs.map +0 -7
- package/dist/lib/node/chunk-CQMXZ54Z.cjs.map +0 -7
- package/dist/lib/node/chunk-PHHIPRJC.cjs.map +0 -7
- package/dist/lib/node/chunk-SXQAPZZU.cjs.map +0 -7
- package/dist/lib/node/meta.cjs.map +0 -7
- package/dist/lib/node-esm/MarkdownContainer-E7W623A7.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-Y76MM22C.mjs.map +0 -7
- package/dist/lib/node-esm/chunk-ZVFBKBSA.mjs.map +0 -7
- package/dist/lib/node-esm/meta.mjs +0 -10
- package/dist/lib/node-esm/meta.mjs.map +0 -7
|
@@ -1,75 +1,85 @@
|
|
|
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
16
|
import React3, { useEffect as useEffect2, useMemo as useMemo4 } from "react";
|
|
14
|
-
import {
|
|
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
22
|
import React, { useMemo as useMemo2, useEffect, useCallback } from "react";
|
|
20
|
-
import {
|
|
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
32
|
import { useMemo } from "react";
|
|
31
33
|
import { createResolver, LayoutAction, useIntentResolver } from "@dxos/app-framework";
|
|
34
|
+
import { S } from "@dxos/echo-schema";
|
|
32
35
|
import { invariant } from "@dxos/invariant";
|
|
33
36
|
import { Cursor, setSelection } from "@dxos/react-ui-editor";
|
|
34
37
|
var __dxlog_file = "/home/runner/work/dxos/dxos/packages/plugins/plugin-markdown/src/hooks/useSelectCurrentThread.tsx";
|
|
35
38
|
var useSelectCurrentThread = (editorView, documentId) => {
|
|
36
|
-
const scrollIntoViewResolver = useMemo(() => createResolver(
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
S
|
|
41
|
-
|
|
42
|
-
"editorView",
|
|
43
|
-
"'Editor view is not defined.'"
|
|
44
|
-
]
|
|
45
|
-
});
|
|
46
|
-
const range = Cursor.getRangeFromCursor(editorView.state, cursor);
|
|
47
|
-
if (range) {
|
|
48
|
-
const selection = editorView.state.selection.main.from !== range.from ? {
|
|
49
|
-
anchor: range.from
|
|
50
|
-
} : void 0;
|
|
51
|
-
const effects = [
|
|
52
|
-
// NOTE: This does not use the DOM scrollIntoView function.
|
|
53
|
-
EditorView.scrollIntoView(range.from, {
|
|
54
|
-
y: "start",
|
|
55
|
-
yMargin: 96
|
|
56
|
-
})
|
|
57
|
-
];
|
|
58
|
-
if (selection) {
|
|
59
|
-
effects.push(setSelection.of({
|
|
60
|
-
current: documentId
|
|
61
|
-
}));
|
|
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;
|
|
62
45
|
}
|
|
63
|
-
editorView.
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
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
|
+
]
|
|
68
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
|
+
}));
|
|
74
|
+
}
|
|
75
|
+
editorView.dispatch({
|
|
76
|
+
effects,
|
|
77
|
+
selection: selection ? {
|
|
78
|
+
anchor: range.from
|
|
79
|
+
} : void 0
|
|
80
|
+
});
|
|
81
|
+
}
|
|
69
82
|
}
|
|
70
|
-
}, {
|
|
71
|
-
disposition: "hoist",
|
|
72
|
-
filter: (data) => !!editorView && data.id === documentId && !!data.cursor
|
|
73
83
|
}), [
|
|
74
84
|
documentId,
|
|
75
85
|
editorView
|
|
@@ -78,30 +88,29 @@ var useSelectCurrentThread = (editorView, documentId) => {
|
|
|
78
88
|
};
|
|
79
89
|
|
|
80
90
|
// packages/plugins/plugin-markdown/src/components/MarkdownEditor.tsx
|
|
81
|
-
var DEFAULT_VIEW_MODE = "preview";
|
|
82
91
|
var MarkdownEditor = ({ id, role = "article", initialValue, extensions, extensionProviders, scrollPastEnd, toolbar, viewMode, editorStateStore, onFileUpload, onViewModeChange }) => {
|
|
83
92
|
const { t } = useTranslation(MARKDOWN_PLUGIN);
|
|
84
93
|
const { themeMode } = useThemeContext();
|
|
85
94
|
const { dispatchPromise: dispatch } = useIntentDispatcher();
|
|
86
|
-
const
|
|
87
|
-
|
|
95
|
+
const toolbarState = useEditorToolbarState({
|
|
96
|
+
viewMode
|
|
97
|
+
});
|
|
98
|
+
const formattingObserver = useFormattingState(toolbarState);
|
|
88
99
|
const { scrollTo, selection } = useMemo2(() => editorStateStore?.getState(id) ?? {}, [
|
|
89
100
|
id
|
|
90
101
|
]);
|
|
91
102
|
const providerExtensions = useMemo2(() => extensionProviders?.flatMap((provider) => provider({})).filter(nonNullable), [
|
|
92
103
|
extensionProviders
|
|
93
104
|
]);
|
|
94
|
-
const
|
|
105
|
+
const commentObserver = useCommentState(toolbarState);
|
|
95
106
|
const onCommentClick = useCallback(async () => {
|
|
96
|
-
await dispatch(createIntent(
|
|
97
|
-
|
|
98
|
-
|
|
107
|
+
await dispatch(createIntent(LayoutAction2.UpdateComplementary, {
|
|
108
|
+
part: "complementary",
|
|
109
|
+
subject: "comments",
|
|
110
|
+
options: {
|
|
111
|
+
state: "expanded"
|
|
99
112
|
}
|
|
100
113
|
}));
|
|
101
|
-
await dispatch(createIntent(LayoutAction2.SetLayout, {
|
|
102
|
-
element: "complementary",
|
|
103
|
-
state: true
|
|
104
|
-
}));
|
|
105
114
|
}, [
|
|
106
115
|
dispatch
|
|
107
116
|
]);
|
|
@@ -110,7 +119,7 @@ var MarkdownEditor = ({ id, role = "article", initialValue, extensions, extensio
|
|
|
110
119
|
const file = files[0];
|
|
111
120
|
const info = file && onFileUpload ? await onFileUpload(file) : void 0;
|
|
112
121
|
if (info) {
|
|
113
|
-
|
|
122
|
+
processEditorPayload(view, {
|
|
114
123
|
type: "image",
|
|
115
124
|
data: info.url
|
|
116
125
|
});
|
|
@@ -164,9 +173,44 @@ var MarkdownEditor = ({ id, role = "article", initialValue, extensions, extensio
|
|
|
164
173
|
]);
|
|
165
174
|
useTest(editorView);
|
|
166
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
|
+
]);
|
|
167
211
|
const handleToolbarAction = useActionHandler(editorView);
|
|
168
|
-
const handleAction = (action) => {
|
|
169
|
-
switch (action.type) {
|
|
212
|
+
const handleAction = useCallback((action) => {
|
|
213
|
+
switch (action.properties.type) {
|
|
170
214
|
case "search": {
|
|
171
215
|
if (editorView) {
|
|
172
216
|
openSearchPanel(editorView);
|
|
@@ -174,37 +218,34 @@ var MarkdownEditor = ({ id, role = "article", initialValue, extensions, extensio
|
|
|
174
218
|
return;
|
|
175
219
|
}
|
|
176
220
|
case "view-mode": {
|
|
177
|
-
onViewModeChange?.(id, action.data);
|
|
221
|
+
onViewModeChange?.(id, action.properties.data);
|
|
222
|
+
return;
|
|
223
|
+
}
|
|
224
|
+
case "image": {
|
|
225
|
+
open();
|
|
178
226
|
return;
|
|
179
227
|
}
|
|
180
228
|
}
|
|
181
229
|
handleToolbarAction?.(action);
|
|
182
|
-
}
|
|
230
|
+
}, [
|
|
231
|
+
editorView,
|
|
232
|
+
onViewModeChange,
|
|
233
|
+
open
|
|
234
|
+
]);
|
|
183
235
|
return /* @__PURE__ */ React.createElement(StackItem.Content, {
|
|
184
|
-
toolbar
|
|
185
|
-
}, toolbar && /* @__PURE__ */ React.createElement(
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
textBlockWidth,
|
|
191
|
-
!hasAttention && "opacity-20"
|
|
192
|
-
],
|
|
193
|
-
state: formattingState && {
|
|
194
|
-
...formattingState,
|
|
195
|
-
...commentsState
|
|
196
|
-
},
|
|
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,
|
|
197
242
|
onAction: handleAction
|
|
198
|
-
}, /* @__PURE__ */ React.createElement(
|
|
199
|
-
onUpload: onFileUpload
|
|
200
|
-
}), /* @__PURE__ */ React.createElement(Toolbar.Separator, null), /* @__PURE__ */ React.createElement(Toolbar.View, {
|
|
201
|
-
mode: viewMode ?? DEFAULT_VIEW_MODE
|
|
202
|
-
}), /* @__PURE__ */ React.createElement(Toolbar.Actions, null))), /* @__PURE__ */ React.createElement("div", {
|
|
243
|
+
}), /* @__PURE__ */ React.createElement("input", getInputProps())), /* @__PURE__ */ React.createElement("div", {
|
|
203
244
|
role: "none",
|
|
204
245
|
ref: parentRef,
|
|
205
246
|
"data-testid": "composer.markdownRoot",
|
|
206
247
|
"data-toolbar": toolbar ? "enabled" : "disabled",
|
|
207
|
-
className:
|
|
248
|
+
className: stackItemContentEditorClassNames(role),
|
|
208
249
|
...focusAttributes
|
|
209
250
|
}));
|
|
210
251
|
};
|
|
@@ -218,11 +259,30 @@ var useTest = (view) => {
|
|
|
218
259
|
view
|
|
219
260
|
]);
|
|
220
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
|
+
});
|
|
221
281
|
|
|
222
282
|
// packages/plugins/plugin-markdown/src/extensions.tsx
|
|
223
283
|
import React2, { useMemo as useMemo3 } from "react";
|
|
224
284
|
import { createRoot } from "react-dom/client";
|
|
225
|
-
import { createIntent as createIntent2,
|
|
285
|
+
import { createIntent as createIntent2, LayoutAction as LayoutAction3, useCapabilities, useIntentDispatcher as useIntentDispatcher2 } from "@dxos/app-framework";
|
|
226
286
|
import { invariant as invariant2 } from "@dxos/invariant";
|
|
227
287
|
import { createDocAccessor, fullyQualifiedId, getSpace } from "@dxos/react-client/echo";
|
|
228
288
|
import { useIdentity } from "@dxos/react-client/halo";
|
|
@@ -231,7 +291,7 @@ import { InputModeExtensions, createDataExtensions, autocomplete, decorateMarkdo
|
|
|
231
291
|
import { defaultTx } from "@dxos/react-ui-theme";
|
|
232
292
|
import { isNotFalsy as isNotFalsy2 } from "@dxos/util";
|
|
233
293
|
var __dxlog_file2 = "/home/runner/work/dxos/dxos/packages/plugins/plugin-markdown/src/extensions.tsx";
|
|
234
|
-
var useExtensions = ({ document, settings, viewMode, editorStateStore
|
|
294
|
+
var useExtensions = ({ document, settings, viewMode, editorStateStore }) => {
|
|
235
295
|
const { dispatchPromise: dispatch } = useIntentDispatcher2();
|
|
236
296
|
const identity = useIdentity();
|
|
237
297
|
const space = getSpace(document);
|
|
@@ -251,7 +311,8 @@ var useExtensions = ({ document, settings, viewMode, editorStateStore, extension
|
|
|
251
311
|
settings.debug,
|
|
252
312
|
settings.typewriter
|
|
253
313
|
]);
|
|
254
|
-
const
|
|
314
|
+
const extensionProviders = useCapabilities(MarkdownCapabilities.Extensions);
|
|
315
|
+
const pluginExtensions = useMemo3(() => extensionProviders.flat().reduce((acc, provider) => {
|
|
255
316
|
const extension = typeof provider === "function" ? provider({
|
|
256
317
|
document
|
|
257
318
|
}) : provider;
|
|
@@ -303,11 +364,14 @@ var createBaseExtensions = ({ document, dispatch, settings, query, viewMode }) =
|
|
|
303
364
|
} : void 0,
|
|
304
365
|
// TODO(wittjosiah): For internal links, consider ignoring the link text and rendering the label of the object being linked to.
|
|
305
366
|
renderLinkButton: dispatch && document ? onRenderLink((id) => {
|
|
306
|
-
void dispatch(createIntent2(
|
|
307
|
-
id,
|
|
367
|
+
void dispatch(createIntent2(LayoutAction3.Open, {
|
|
308
368
|
part: "main",
|
|
309
|
-
|
|
310
|
-
|
|
369
|
+
subject: [
|
|
370
|
+
id
|
|
371
|
+
],
|
|
372
|
+
options: {
|
|
373
|
+
pivotId: fullyQualifiedId(document)
|
|
374
|
+
}
|
|
311
375
|
}));
|
|
312
376
|
}) : void 0
|
|
313
377
|
}),
|
|
@@ -347,7 +411,7 @@ var onRenderLink = (onSelectObject) => (el, url) => {
|
|
|
347
411
|
const qualifiedId = url.split("/").at(-1);
|
|
348
412
|
invariant2(qualifiedId, "Invalid link format.", {
|
|
349
413
|
F: __dxlog_file2,
|
|
350
|
-
L:
|
|
414
|
+
L: 218,
|
|
351
415
|
S: void 0,
|
|
352
416
|
A: [
|
|
353
417
|
"qualifiedId",
|
|
@@ -391,11 +455,10 @@ var renderRoot = (root, node) => {
|
|
|
391
455
|
};
|
|
392
456
|
|
|
393
457
|
// packages/plugins/plugin-markdown/src/components/MarkdownContainer.tsx
|
|
394
|
-
var MarkdownContainer = ({ id, role, object,
|
|
458
|
+
var MarkdownContainer = ({ id, role, object, settings, viewMode, editorStateStore, onViewModeChange }) => {
|
|
395
459
|
const scrollPastEnd = role === "article";
|
|
396
460
|
const doc = object instanceof DocumentType ? object : void 0;
|
|
397
461
|
const extensions = useExtensions({
|
|
398
|
-
extensionProviders,
|
|
399
462
|
document: doc,
|
|
400
463
|
settings,
|
|
401
464
|
viewMode,
|
|
@@ -440,15 +503,15 @@ var DocumentEditor = ({ id, document: doc, settings, viewMode, ...props }) => {
|
|
|
440
503
|
doc,
|
|
441
504
|
doc.content
|
|
442
505
|
]);
|
|
443
|
-
const
|
|
506
|
+
const [upload] = useCapabilities2(Capabilities.FileUploader);
|
|
444
507
|
const handleFileUpload = useMemo4(() => {
|
|
445
|
-
if (space === void 0 ||
|
|
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,
|
|
@@ -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
|
+
}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import {
|
|
2
|
+
MARKDOWN_PLUGIN
|
|
3
|
+
} from "./chunk-YTHIPV5Q.mjs";
|
|
4
|
+
|
|
5
|
+
// packages/plugins/plugin-markdown/src/capabilities/capabilities.ts
|
|
6
|
+
import { defineCapability } from "@dxos/app-framework";
|
|
7
|
+
var MarkdownCapabilities;
|
|
8
|
+
(function(MarkdownCapabilities2) {
|
|
9
|
+
MarkdownCapabilities2.State = defineCapability(`${MARKDOWN_PLUGIN}/capability/state`);
|
|
10
|
+
MarkdownCapabilities2.Extensions = defineCapability(`${MARKDOWN_PLUGIN}/capability/extensions`);
|
|
11
|
+
})(MarkdownCapabilities || (MarkdownCapabilities = {}));
|
|
12
|
+
|
|
13
|
+
export {
|
|
14
|
+
MarkdownCapabilities
|
|
15
|
+
};
|
|
16
|
+
//# sourceMappingURL=chunk-EZ65DY2X.mjs.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../src/capabilities/capabilities.ts"],
|
|
4
|
+
"sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { defineCapability } from '@dxos/app-framework';\nimport { type EditorViewMode, type EditorStateStore } from '@dxos/react-ui-editor';\n\nimport { MARKDOWN_PLUGIN } from '../meta';\nimport { type MarkdownExtensionProvider, type MarkdownPluginState } from '../types';\n\nexport namespace MarkdownCapabilities {\n export const State = defineCapability<{\n state: MarkdownPluginState;\n editorState: EditorStateStore;\n getViewMode: (id: string) => EditorViewMode;\n setViewMode: (id: string, viewMode: EditorViewMode) => void;\n }>(`${MARKDOWN_PLUGIN}/capability/state`);\n\n export const Extensions = defineCapability<MarkdownExtensionProvider[]>(`${MARKDOWN_PLUGIN}/capability/extensions`);\n}\n"],
|
|
5
|
+
"mappings": ";;;;;AAIA,SAASA,wBAAwB;;UAMhBC,uBAAAA;wBACFC,QAAQC,iBAKlB,GAAGC,eAAAA,mBAAkC;wBAE3BC,aAAaF,iBAA8C,GAAGC,eAAAA,wBAAuC;AACpH,GATiBH,yBAAAA,uBAAAA,CAAAA,EAAAA;",
|
|
6
|
+
"names": ["defineCapability", "MarkdownCapabilities", "State", "defineCapability", "MARKDOWN_PLUGIN", "Extensions"]
|
|
7
|
+
}
|
|
@@ -1,15 +1,12 @@
|
|
|
1
1
|
import {
|
|
2
|
-
DocumentType
|
|
3
|
-
|
|
4
|
-
} from "./chunk-6FIHBJRV.mjs";
|
|
2
|
+
DocumentType
|
|
3
|
+
} from "./chunk-P4K367ZX.mjs";
|
|
5
4
|
|
|
6
5
|
// packages/plugins/plugin-markdown/src/util.tsx
|
|
7
6
|
import { debounce } from "@dxos/async";
|
|
8
7
|
import { create, createObject, isEchoObject, loadObjectReferences, makeRef } from "@dxos/react-client/echo";
|
|
8
|
+
import { TextType } from "@dxos/schema";
|
|
9
9
|
var isMarkdownProperties = (data) => isEchoObject(data) ? true : data && typeof data === "object" ? "title" in data && typeof data.title === "string" : false;
|
|
10
|
-
var markdownExtensionPlugins = (plugins) => {
|
|
11
|
-
return plugins.filter((plugin) => Boolean(plugin.provides?.markdown));
|
|
12
|
-
};
|
|
13
10
|
var nonTitleChars = /[^\w ]/g;
|
|
14
11
|
var getFallbackName = (content) => {
|
|
15
12
|
return content.substring(0, 31).split("\n")[0].replaceAll(nonTitleChars, "").trim();
|
|
@@ -42,11 +39,25 @@ var serializer = {
|
|
|
42
39
|
}
|
|
43
40
|
};
|
|
44
41
|
|
|
42
|
+
// packages/plugins/plugin-markdown/src/capabilities/index.ts
|
|
43
|
+
import { lazy } from "@dxos/app-framework";
|
|
44
|
+
var AppGraphSerializer = lazy(() => import("./app-graph-serializer-BG3MHYI4.mjs"));
|
|
45
|
+
var IntentResolver = lazy(() => import("./intent-resolver-CCOPGHVY.mjs"));
|
|
46
|
+
var ReactSurface = lazy(() => import("./react-surface-FDSOMV5N.mjs"));
|
|
47
|
+
var MarkdownSettings = lazy(() => import("./settings-U7E4DUWJ.mjs"));
|
|
48
|
+
var MarkdownState = lazy(() => import("./state-QMQXUPSI.mjs"));
|
|
49
|
+
var Thread = lazy(() => import("./thread-Y4WMNFBC.mjs"));
|
|
50
|
+
|
|
45
51
|
export {
|
|
46
52
|
isMarkdownProperties,
|
|
47
|
-
markdownExtensionPlugins,
|
|
48
53
|
getFallbackName,
|
|
49
54
|
setFallbackName,
|
|
50
|
-
serializer
|
|
55
|
+
serializer,
|
|
56
|
+
AppGraphSerializer,
|
|
57
|
+
IntentResolver,
|
|
58
|
+
ReactSurface,
|
|
59
|
+
MarkdownSettings,
|
|
60
|
+
MarkdownState,
|
|
61
|
+
Thread
|
|
51
62
|
};
|
|
52
|
-
//# sourceMappingURL=chunk-
|
|
63
|
+
//# sourceMappingURL=chunk-NPLFZ76Q.mjs.map
|