@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.
Files changed (178) hide show
  1. package/dist/lib/browser/{MarkdownContainer-6OPC5MKP.mjs → MarkdownContainer-ZVCWASOD.mjs} +187 -124
  2. package/dist/lib/browser/MarkdownContainer-ZVCWASOD.mjs.map +7 -0
  3. package/dist/lib/browser/app-graph-serializer-BG3MHYI4.mjs +51 -0
  4. package/dist/lib/browser/app-graph-serializer-BG3MHYI4.mjs.map +7 -0
  5. package/dist/lib/browser/chunk-EZ65DY2X.mjs +16 -0
  6. package/dist/lib/browser/chunk-EZ65DY2X.mjs.map +7 -0
  7. package/dist/lib/browser/{chunk-TZN5FGB2.mjs → chunk-NPLFZ76Q.mjs} +24 -13
  8. package/dist/lib/browser/chunk-NPLFZ76Q.mjs.map +7 -0
  9. package/dist/lib/browser/chunk-P4K367ZX.mjs +66 -0
  10. package/dist/lib/browser/chunk-P4K367ZX.mjs.map +7 -0
  11. package/dist/lib/browser/chunk-ROJ4VUZB.mjs +47 -0
  12. package/dist/lib/browser/chunk-ROJ4VUZB.mjs.map +7 -0
  13. package/dist/lib/browser/chunk-YTHIPV5Q.mjs +22 -0
  14. package/dist/lib/browser/chunk-YTHIPV5Q.mjs.map +7 -0
  15. package/dist/lib/browser/index.mjs +99 -452
  16. package/dist/lib/browser/index.mjs.map +4 -4
  17. package/dist/lib/browser/intent-resolver-CCOPGHVY.mjs +43 -0
  18. package/dist/lib/browser/intent-resolver-CCOPGHVY.mjs.map +7 -0
  19. package/dist/lib/browser/meta.json +1 -1
  20. package/dist/lib/browser/react-surface-FDSOMV5N.mjs +149 -0
  21. package/dist/lib/browser/react-surface-FDSOMV5N.mjs.map +7 -0
  22. package/dist/lib/browser/settings-U7E4DUWJ.mjs +28 -0
  23. package/dist/lib/browser/settings-U7E4DUWJ.mjs.map +7 -0
  24. package/dist/lib/browser/state-QMQXUPSI.mjs +37 -0
  25. package/dist/lib/browser/state-QMQXUPSI.mjs.map +7 -0
  26. package/dist/lib/browser/thread-Y4WMNFBC.mjs +36 -0
  27. package/dist/lib/browser/thread-Y4WMNFBC.mjs.map +7 -0
  28. package/dist/lib/browser/types/index.mjs +4 -4
  29. package/dist/lib/node/{MarkdownContainer-6OKJOHTZ.cjs → MarkdownContainer-HJR4TB7X.cjs} +179 -118
  30. package/dist/lib/node/MarkdownContainer-HJR4TB7X.cjs.map +7 -0
  31. package/dist/lib/node/app-graph-serializer-QZWERV4M.cjs +62 -0
  32. package/dist/lib/node/app-graph-serializer-QZWERV4M.cjs.map +7 -0
  33. package/dist/lib/node/{meta.cjs → chunk-23NQGZX3.cjs} +13 -8
  34. package/dist/lib/node/chunk-23NQGZX3.cjs.map +7 -0
  35. package/dist/lib/node/{chunk-KEPAM4JP.cjs → chunk-2WJ7TUBY.cjs} +39 -14
  36. package/dist/lib/node/chunk-2WJ7TUBY.cjs.map +7 -0
  37. package/dist/lib/node/chunk-CZXXBKMN.cjs +86 -0
  38. package/dist/lib/node/chunk-CZXXBKMN.cjs.map +7 -0
  39. package/dist/lib/node/{chunk-PHHIPRJC.cjs → chunk-QZ4XQYNC.cjs} +16 -9
  40. package/dist/lib/node/chunk-QZ4XQYNC.cjs.map +7 -0
  41. package/dist/lib/node/chunk-ZO5ABSHT.cjs +64 -0
  42. package/dist/lib/node/chunk-ZO5ABSHT.cjs.map +7 -0
  43. package/dist/lib/node/index.cjs +90 -450
  44. package/dist/lib/node/index.cjs.map +4 -4
  45. package/dist/lib/node/intent-resolver-5LCIY27K.cjs +56 -0
  46. package/dist/lib/node/intent-resolver-5LCIY27K.cjs.map +7 -0
  47. package/dist/lib/node/meta.json +1 -1
  48. package/dist/lib/node/react-surface-Y4IB5T27.cjs +162 -0
  49. package/dist/lib/node/react-surface-Y4IB5T27.cjs.map +7 -0
  50. package/dist/lib/node/settings-4OYDMRVY.cjs +42 -0
  51. package/dist/lib/node/settings-4OYDMRVY.cjs.map +7 -0
  52. package/dist/lib/node/state-QSA5AOLH.cjs +51 -0
  53. package/dist/lib/node/state-QSA5AOLH.cjs.map +7 -0
  54. package/dist/lib/node/thread-BZE6RKFE.cjs +52 -0
  55. package/dist/lib/node/thread-BZE6RKFE.cjs.map +7 -0
  56. package/dist/lib/node/types/index.cjs +7 -7
  57. package/dist/lib/node/types/index.cjs.map +1 -1
  58. package/dist/lib/node-esm/{MarkdownContainer-GBNSGROQ.mjs → MarkdownContainer-ILR7OVRM.mjs} +187 -124
  59. package/dist/lib/node-esm/MarkdownContainer-ILR7OVRM.mjs.map +7 -0
  60. package/dist/lib/node-esm/app-graph-serializer-H7LI476D.mjs +52 -0
  61. package/dist/lib/node-esm/app-graph-serializer-H7LI476D.mjs.map +7 -0
  62. package/dist/lib/node-esm/chunk-BBVPC53M.mjs +24 -0
  63. package/dist/lib/node-esm/chunk-BBVPC53M.mjs.map +7 -0
  64. package/dist/lib/node-esm/chunk-MMVIEZ43.mjs +67 -0
  65. package/dist/lib/node-esm/chunk-MMVIEZ43.mjs.map +7 -0
  66. package/dist/lib/node-esm/chunk-OXPPXUUU.mjs +48 -0
  67. package/dist/lib/node-esm/chunk-OXPPXUUU.mjs.map +7 -0
  68. package/dist/lib/node-esm/{chunk-NUMUUCYF.mjs → chunk-T62F7XQE.mjs} +24 -13
  69. package/dist/lib/node-esm/chunk-T62F7XQE.mjs.map +7 -0
  70. package/dist/lib/node-esm/chunk-Y5QKDC4V.mjs +17 -0
  71. package/dist/lib/node-esm/chunk-Y5QKDC4V.mjs.map +7 -0
  72. package/dist/lib/node-esm/index.mjs +99 -452
  73. package/dist/lib/node-esm/index.mjs.map +4 -4
  74. package/dist/lib/node-esm/intent-resolver-HFEI5NFC.mjs +44 -0
  75. package/dist/lib/node-esm/intent-resolver-HFEI5NFC.mjs.map +7 -0
  76. package/dist/lib/node-esm/meta.json +1 -1
  77. package/dist/lib/node-esm/react-surface-N5F4I26E.mjs +150 -0
  78. package/dist/lib/node-esm/react-surface-N5F4I26E.mjs.map +7 -0
  79. package/dist/lib/node-esm/settings-MEN2YBLA.mjs +29 -0
  80. package/dist/lib/node-esm/settings-MEN2YBLA.mjs.map +7 -0
  81. package/dist/lib/node-esm/state-FF4NXLWU.mjs +38 -0
  82. package/dist/lib/node-esm/state-FF4NXLWU.mjs.map +7 -0
  83. package/dist/lib/node-esm/thread-O2YDKT77.mjs +37 -0
  84. package/dist/lib/node-esm/thread-O2YDKT77.mjs.map +7 -0
  85. package/dist/lib/node-esm/types/index.mjs +4 -4
  86. package/dist/types/src/MarkdownPlugin.d.ts +1 -3
  87. package/dist/types/src/MarkdownPlugin.d.ts.map +1 -1
  88. package/dist/types/src/capabilities/app-graph-serializer.d.ts +4 -0
  89. package/dist/types/src/capabilities/app-graph-serializer.d.ts.map +1 -0
  90. package/dist/types/src/capabilities/capabilities.d.ts +12 -0
  91. package/dist/types/src/capabilities/capabilities.d.ts.map +1 -0
  92. package/dist/types/src/capabilities/index.d.ts +16 -0
  93. package/dist/types/src/capabilities/index.d.ts.map +1 -0
  94. package/dist/types/src/capabilities/intent-resolver.d.ts +4 -0
  95. package/dist/types/src/capabilities/intent-resolver.d.ts.map +1 -0
  96. package/dist/types/src/capabilities/react-surface.d.ts +4 -0
  97. package/dist/types/src/capabilities/react-surface.d.ts.map +1 -0
  98. package/dist/types/src/capabilities/settings.d.ts +4 -0
  99. package/dist/types/src/capabilities/settings.d.ts.map +1 -0
  100. package/dist/types/src/capabilities/state.d.ts +11 -0
  101. package/dist/types/src/capabilities/state.d.ts.map +1 -0
  102. package/dist/types/src/capabilities/thread.d.ts +6 -0
  103. package/dist/types/src/capabilities/thread.d.ts.map +1 -0
  104. package/dist/types/src/components/MarkdownContainer.d.ts +1 -1
  105. package/dist/types/src/components/MarkdownContainer.d.ts.map +1 -1
  106. package/dist/types/src/components/MarkdownEditor.d.ts +15 -0
  107. package/dist/types/src/components/MarkdownEditor.d.ts.map +1 -1
  108. package/dist/types/src/components/MarkdownEditor.stories.d.ts.map +1 -1
  109. package/dist/types/src/components/Toolbar.stories.d.ts +2 -2
  110. package/dist/types/src/components/Toolbar.stories.d.ts.map +1 -1
  111. package/dist/types/src/components/index.d.ts +1 -1
  112. package/dist/types/src/components/index.d.ts.map +1 -1
  113. package/dist/types/src/extensions.d.ts +4 -4
  114. package/dist/types/src/extensions.d.ts.map +1 -1
  115. package/dist/types/src/hooks/useSelectCurrentThread.d.ts.map +1 -1
  116. package/dist/types/src/index.d.ts +2 -3
  117. package/dist/types/src/index.d.ts.map +1 -1
  118. package/dist/types/src/meta.d.ts +2 -2
  119. package/dist/types/src/meta.d.ts.map +1 -1
  120. package/dist/types/src/translations.d.ts +3 -0
  121. package/dist/types/src/translations.d.ts.map +1 -1
  122. package/dist/types/src/types/index.d.ts +1 -1
  123. package/dist/types/src/types/index.d.ts.map +1 -1
  124. package/dist/types/src/types/schema.d.ts +75 -0
  125. package/dist/types/src/types/schema.d.ts.map +1 -0
  126. package/dist/types/src/types/types.d.ts +40 -35
  127. package/dist/types/src/types/types.d.ts.map +1 -1
  128. package/dist/types/src/util.d.ts +1 -5
  129. package/dist/types/src/util.d.ts.map +1 -1
  130. package/dist/types/tsconfig.tsbuildinfo +1 -0
  131. package/package.json +33 -37
  132. package/src/MarkdownPlugin.tsx +76 -283
  133. package/src/capabilities/app-graph-serializer.ts +50 -0
  134. package/src/capabilities/capabilities.ts +20 -0
  135. package/src/capabilities/index.ts +14 -0
  136. package/src/capabilities/intent-resolver.ts +33 -0
  137. package/src/capabilities/react-surface.tsx +71 -0
  138. package/src/capabilities/settings.ts +25 -0
  139. package/src/capabilities/state.ts +31 -0
  140. package/src/capabilities/thread.ts +34 -0
  141. package/src/components/MarkdownContainer.tsx +14 -10
  142. package/src/components/MarkdownEditor.stories.tsx +16 -5
  143. package/src/components/MarkdownEditor.tsx +91 -61
  144. package/src/components/MarkdownSettings.tsx +3 -3
  145. package/src/components/Toolbar.stories.tsx +16 -22
  146. package/src/extensions.tsx +25 -22
  147. package/src/hooks/useSelectCurrentThread.tsx +22 -14
  148. package/src/index.ts +2 -5
  149. package/src/meta.ts +7 -2
  150. package/src/translations.ts +1 -0
  151. package/src/types/index.ts +1 -1
  152. package/src/types/{document.ts → schema.ts} +4 -7
  153. package/src/types/types.ts +36 -58
  154. package/src/util.tsx +5 -11
  155. package/dist/lib/browser/MarkdownContainer-6OPC5MKP.mjs.map +0 -7
  156. package/dist/lib/browser/chunk-4X6YX3KU.mjs +0 -15
  157. package/dist/lib/browser/chunk-4X6YX3KU.mjs.map +0 -7
  158. package/dist/lib/browser/chunk-CMSUKMPM.mjs +0 -41
  159. package/dist/lib/browser/chunk-CMSUKMPM.mjs.map +0 -7
  160. package/dist/lib/browser/chunk-TZN5FGB2.mjs.map +0 -7
  161. package/dist/lib/browser/meta.mjs +0 -9
  162. package/dist/lib/browser/meta.mjs.map +0 -7
  163. package/dist/lib/node/MarkdownContainer-6OKJOHTZ.cjs.map +0 -7
  164. package/dist/lib/node/chunk-KEPAM4JP.cjs.map +0 -7
  165. package/dist/lib/node/chunk-PHHIPRJC.cjs.map +0 -7
  166. package/dist/lib/node/chunk-YGMWZIIJ.cjs +0 -61
  167. package/dist/lib/node/chunk-YGMWZIIJ.cjs.map +0 -7
  168. package/dist/lib/node/meta.cjs.map +0 -7
  169. package/dist/lib/node-esm/MarkdownContainer-GBNSGROQ.mjs.map +0 -7
  170. package/dist/lib/node-esm/chunk-BABK7FMW.mjs +0 -17
  171. package/dist/lib/node-esm/chunk-BABK7FMW.mjs.map +0 -7
  172. package/dist/lib/node-esm/chunk-ERJ52KN2.mjs +0 -42
  173. package/dist/lib/node-esm/chunk-ERJ52KN2.mjs.map +0 -7
  174. package/dist/lib/node-esm/chunk-NUMUUCYF.mjs.map +0 -7
  175. package/dist/lib/node-esm/meta.mjs +0 -10
  176. package/dist/lib/node-esm/meta.mjs.map +0 -7
  177. package/dist/types/src/types/document.d.ts +0 -106
  178. 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-TZN5FGB2.mjs";
4
+ } from "./chunk-NPLFZ76Q.mjs";
5
5
  import {
6
6
  DocumentType
7
- } from "./chunk-CMSUKMPM.mjs";
7
+ } from "./chunk-P4K367ZX.mjs";
8
+ import {
9
+ MarkdownCapabilities
10
+ } from "./chunk-EZ65DY2X.mjs";
8
11
  import {
9
12
  MARKDOWN_PLUGIN
10
- } from "./chunk-4X6YX3KU.mjs";
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 useMemo3 } from "react";
14
- import { useResolvePlugin, parseFileManagerPlugin } from "@dxos/app-framework";
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 as useCallback2 } from "react";
20
- import { LayoutAction as LayoutAction2, NavigationAction, useIntentDispatcher } from "@dxos/app-framework";
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 { useAttention } from "@dxos/react-ui-attention";
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 { useCallback } from "react";
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 handleScrollIntoView = useCallback(({ action, data }) => {
35
- if (action === LayoutAction.SCROLL_INTO_VIEW) {
36
- if (editorView && data?.id === documentId && data?.cursor) {
37
- const range = Cursor.getRangeFromCursor(editorView.state, data.cursor);
38
- if (range) {
39
- const selection = editorView.state.selection.main.from !== range.from ? {
40
- anchor: range.from
41
- } : void 0;
42
- const effects = [
43
- // NOTE: This does not use the DOM scrollIntoView function.
44
- EditorView.scrollIntoView(range.from, {
45
- y: "start",
46
- yMargin: 96
47
- })
48
- ];
49
- if (selection) {
50
- effects.push(setSelection.of({
51
- current: documentId
52
- }));
53
- }
54
- editorView.dispatch({
55
- effects,
56
- selection: selection ? {
57
- anchor: range.from
58
- } : void 0
59
- });
60
- return {
61
- data: true
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, handleScrollIntoView);
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 [formattingState, formattingObserver] = useFormattingState();
80
- const { hasAttention } = useAttention(id);
81
- const { scrollTo, selection } = useMemo(() => editorStateStore?.getState(id) ?? {}, [
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 = useMemo(() => extensionProviders?.flatMap((provider) => provider({})).filter(nonNullable), [
102
+ const providerExtensions = useMemo2(() => extensionProviders?.flatMap((provider) => provider({})).filter(nonNullable), [
85
103
  extensionProviders
86
104
  ]);
87
- const [commentsState, commentObserver] = useCommentState();
88
- const onCommentClick = useCallback2(() => {
89
- void dispatch([
90
- {
91
- action: NavigationAction.OPEN,
92
- data: {
93
- activeParts: {
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
- processAction(view, {
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("div", {
187
- role: "none",
188
- className: mx("attention-surface is-full border-be !border-separator", role === "section" && "sticky block-start-0 z-[1] -mbe-px min-is-0")
189
- }, /* @__PURE__ */ React.createElement(Toolbar.Root, {
190
- classNames: [
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(Toolbar.Markdown, null), onFileUpload && /* @__PURE__ */ React.createElement(Toolbar.Custom, {
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: mx("ch-focus-ring-inset data-[toolbar=disabled]:pbs-2 attention-surface", role === "article" ? "min-bs-0" : "[&_.cm-scroller]:overflow-hidden [&_.cm-scroller]:min-bs-24"),
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 useMemo2 } from "react";
283
+ import React2, { useMemo as useMemo3 } from "react";
225
284
  import { createRoot } from "react-dom/client";
226
- import { NavigationAction as NavigationAction2, useIntentDispatcher as useIntentDispatcher2 } from "@dxos/app-framework";
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 __dxlog_file = "/home/runner/work/dxos/dxos/packages/plugins/plugin-markdown/src/extensions.tsx";
235
- var useExtensions = ({ document, settings, viewMode, editorStateStore, extensionProviders }) => {
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 = useMemo2(() => createBaseExtensions({
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 pluginExtensions = useMemo2(() => extensionProviders?.reduce((acc, provider) => {
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 useMemo2(() => [
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
- action: NavigationAction2.ADD_TO_ACTIVE,
309
- data: {
310
- id,
311
- part: "main",
312
- pivotId: fullyQualifiedId(document),
313
- scrollIntoView: true
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
- invariant(qualifiedId, "Invalid link format.", {
353
- F: __dxlog_file,
354
- L: 215,
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, extensionProviders, settings, viewMode, editorStateStore, onViewModeChange }) => {
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 (!doc.fallbackName && doc.content?.content) {
437
- doc.fallbackName = getFallbackName(doc.content.content);
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 fileManagerPlugin = useResolvePlugin(parseFileManagerPlugin);
444
- const handleFileUpload = useMemo3(() => {
445
- if (space === void 0 || fileManagerPlugin?.provides.file.upload === 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) => fileManagerPlugin?.provides?.file?.upload?.(file, space);
511
+ return async (file) => upload(file, space);
449
512
  }, [
450
513
  space,
451
- fileManagerPlugin
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-6OPC5MKP.mjs.map
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
+ }