@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.
Files changed (170) hide show
  1. package/dist/lib/browser/{MarkdownContainer-XY6NEUOA.mjs → MarkdownContainer-ZVCWASOD.mjs} +155 -92
  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-R4MG2DP2.mjs → chunk-NPLFZ76Q.mjs} +20 -9
  8. package/dist/lib/browser/chunk-NPLFZ76Q.mjs.map +7 -0
  9. package/dist/lib/browser/{chunk-6FIHBJRV.mjs → chunk-P4K367ZX.mjs} +17 -12
  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 +100 -367
  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-EX6YDF6J.cjs → MarkdownContainer-HJR4TB7X.cjs} +159 -98
  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-SXQAPZZU.cjs → chunk-2WJ7TUBY.cjs} +37 -12
  36. package/dist/lib/node/chunk-2WJ7TUBY.cjs.map +7 -0
  37. package/dist/lib/node/{chunk-CQMXZ54Z.cjs → chunk-CZXXBKMN.cjs} +21 -16
  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 +92 -366
  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-E7W623A7.mjs → MarkdownContainer-ILR7OVRM.mjs} +155 -92
  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-ZVFBKBSA.mjs → chunk-MMVIEZ43.mjs} +17 -12
  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-Y76MM22C.mjs → chunk-T62F7XQE.mjs} +20 -9
  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 +100 -367
  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 +2 -2
  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/schema.d.ts +0 -7
  123. package/dist/types/src/types/schema.d.ts.map +1 -1
  124. package/dist/types/src/types/types.d.ts +12 -26
  125. package/dist/types/src/types/types.d.ts.map +1 -1
  126. package/dist/types/src/util.d.ts +1 -5
  127. package/dist/types/src/util.d.ts.map +1 -1
  128. package/dist/types/tsconfig.tsbuildinfo +1 -1
  129. package/package.json +32 -37
  130. package/src/MarkdownPlugin.tsx +73 -215
  131. package/src/capabilities/app-graph-serializer.ts +50 -0
  132. package/src/capabilities/capabilities.ts +20 -0
  133. package/src/capabilities/index.ts +14 -0
  134. package/src/capabilities/intent-resolver.ts +33 -0
  135. package/src/capabilities/react-surface.tsx +71 -0
  136. package/src/capabilities/settings.ts +25 -0
  137. package/src/capabilities/state.ts +31 -0
  138. package/src/capabilities/thread.ts +34 -0
  139. package/src/components/MarkdownContainer.tsx +6 -7
  140. package/src/components/MarkdownEditor.stories.tsx +16 -5
  141. package/src/components/MarkdownEditor.tsx +89 -51
  142. package/src/components/MarkdownSettings.tsx +3 -3
  143. package/src/components/Toolbar.stories.tsx +16 -22
  144. package/src/extensions.tsx +18 -14
  145. package/src/hooks/useSelectCurrentThread.tsx +13 -8
  146. package/src/index.ts +2 -5
  147. package/src/meta.ts +7 -2
  148. package/src/translations.ts +1 -0
  149. package/src/types/schema.ts +1 -5
  150. package/src/types/types.ts +16 -44
  151. package/src/util.tsx +2 -8
  152. package/dist/lib/browser/MarkdownContainer-XY6NEUOA.mjs.map +0 -7
  153. package/dist/lib/browser/chunk-4X6YX3KU.mjs +0 -15
  154. package/dist/lib/browser/chunk-4X6YX3KU.mjs.map +0 -7
  155. package/dist/lib/browser/chunk-6FIHBJRV.mjs.map +0 -7
  156. package/dist/lib/browser/chunk-R4MG2DP2.mjs.map +0 -7
  157. package/dist/lib/browser/meta.mjs +0 -9
  158. package/dist/lib/browser/meta.mjs.map +0 -7
  159. package/dist/lib/node/MarkdownContainer-EX6YDF6J.cjs.map +0 -7
  160. package/dist/lib/node/chunk-CQMXZ54Z.cjs.map +0 -7
  161. package/dist/lib/node/chunk-PHHIPRJC.cjs.map +0 -7
  162. package/dist/lib/node/chunk-SXQAPZZU.cjs.map +0 -7
  163. package/dist/lib/node/meta.cjs.map +0 -7
  164. package/dist/lib/node-esm/MarkdownContainer-E7W623A7.mjs.map +0 -7
  165. package/dist/lib/node-esm/chunk-BABK7FMW.mjs +0 -17
  166. package/dist/lib/node-esm/chunk-BABK7FMW.mjs.map +0 -7
  167. package/dist/lib/node-esm/chunk-Y76MM22C.mjs.map +0 -7
  168. package/dist/lib/node-esm/chunk-ZVFBKBSA.mjs.map +0 -7
  169. package/dist/lib/node-esm/meta.mjs +0 -10
  170. package/dist/lib/node-esm/meta.mjs.map +0 -7
@@ -26,30 +26,31 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
26
26
  mod
27
27
  ));
28
28
  var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
29
- var MarkdownContainer_EX6YDF6J_exports = {};
30
- __export(MarkdownContainer_EX6YDF6J_exports, {
29
+ var MarkdownContainer_HJR4TB7X_exports = {};
30
+ __export(MarkdownContainer_HJR4TB7X_exports, {
31
31
  DocumentEditor: () => DocumentEditor,
32
32
  default: () => MarkdownContainer_default
33
33
  });
34
- module.exports = __toCommonJS(MarkdownContainer_EX6YDF6J_exports);
35
- var import_chunk_SXQAPZZU = require("./chunk-SXQAPZZU.cjs");
36
- var import_chunk_CQMXZ54Z = require("./chunk-CQMXZ54Z.cjs");
37
- var import_chunk_PHHIPRJC = require("./chunk-PHHIPRJC.cjs");
34
+ module.exports = __toCommonJS(MarkdownContainer_HJR4TB7X_exports);
35
+ var import_chunk_2WJ7TUBY = require("./chunk-2WJ7TUBY.cjs");
36
+ var import_chunk_CZXXBKMN = require("./chunk-CZXXBKMN.cjs");
37
+ var import_chunk_23NQGZX3 = require("./chunk-23NQGZX3.cjs");
38
+ var import_chunk_QZ4XQYNC = require("./chunk-QZ4XQYNC.cjs");
38
39
  var import_react = __toESM(require("react"));
39
40
  var import_app_framework = require("@dxos/app-framework");
40
41
  var import_echo = require("@dxos/react-client/echo");
41
42
  var import_search = require("@codemirror/search");
42
43
  var import_react2 = __toESM(require("react"));
44
+ var import_react_dropzone = require("react-dropzone");
43
45
  var import_app_framework2 = require("@dxos/app-framework");
44
46
  var import_react_ui = require("@dxos/react-ui");
45
- var import_react_ui_attention = require("@dxos/react-ui-attention");
46
47
  var import_react_ui_editor = require("@dxos/react-ui-editor");
47
48
  var import_react_ui_stack = require("@dxos/react-ui-stack");
48
- var import_react_ui_theme = require("@dxos/react-ui-theme");
49
49
  var import_util = require("@dxos/util");
50
50
  var import_view = require("@codemirror/view");
51
51
  var import_react3 = require("react");
52
52
  var import_app_framework3 = require("@dxos/app-framework");
53
+ var import_echo_schema = require("@dxos/echo-schema");
53
54
  var import_invariant = require("@dxos/invariant");
54
55
  var import_react_ui_editor2 = require("@dxos/react-ui-editor");
55
56
  var import_react4 = __toESM(require("react"));
@@ -60,77 +61,83 @@ var import_echo2 = require("@dxos/react-client/echo");
60
61
  var import_halo = require("@dxos/react-client/halo");
61
62
  var import_react_ui2 = require("@dxos/react-ui");
62
63
  var import_react_ui_editor3 = require("@dxos/react-ui-editor");
63
- var import_react_ui_theme2 = require("@dxos/react-ui-theme");
64
+ var import_react_ui_theme = require("@dxos/react-ui-theme");
64
65
  var import_util2 = require("@dxos/util");
65
66
  var __dxlog_file = "/home/runner/work/dxos/dxos/packages/plugins/plugin-markdown/src/hooks/useSelectCurrentThread.tsx";
66
67
  var useSelectCurrentThread = (editorView, documentId) => {
67
- const scrollIntoViewResolver = (0, import_react3.useMemo)(() => (0, import_app_framework3.createResolver)(import_app_framework3.LayoutAction.ScrollIntoView, ({ cursor }) => {
68
- (0, import_invariant.invariant)(editorView, "Editor view is not defined.", {
69
- F: __dxlog_file,
70
- L: 23,
71
- S: void 0,
72
- A: [
73
- "editorView",
74
- "'Editor view is not defined.'"
75
- ]
76
- });
77
- const range = import_react_ui_editor2.Cursor.getRangeFromCursor(editorView.state, cursor);
78
- if (range) {
79
- const selection = editorView.state.selection.main.from !== range.from ? {
80
- anchor: range.from
81
- } : void 0;
82
- const effects = [
83
- // NOTE: This does not use the DOM scrollIntoView function.
84
- import_view.EditorView.scrollIntoView(range.from, {
85
- y: "start",
86
- yMargin: 96
87
- })
88
- ];
89
- if (selection) {
90
- effects.push(import_react_ui_editor2.setSelection.of({
91
- current: documentId
92
- }));
68
+ const scrollIntoViewResolver = (0, import_react3.useMemo)(() => (0, import_app_framework3.createResolver)({
69
+ intent: import_app_framework3.LayoutAction.UpdateLayout,
70
+ position: "hoist",
71
+ filter: (data) => {
72
+ if (!import_echo_schema.S.is(import_app_framework3.LayoutAction.ScrollIntoView.fields.input)(data)) {
73
+ return false;
93
74
  }
94
- editorView.dispatch({
95
- effects,
96
- selection: selection ? {
97
- anchor: range.from
98
- } : void 0
75
+ return !!editorView && data.subject === documentId && !!data.options?.cursor;
76
+ },
77
+ resolve: ({ options: { cursor } }) => {
78
+ (0, import_invariant.invariant)(editorView, "Editor view is not defined.", {
79
+ F: __dxlog_file,
80
+ L: 32,
81
+ S: void 0,
82
+ A: [
83
+ "editorView",
84
+ "'Editor view is not defined.'"
85
+ ]
99
86
  });
87
+ const range = import_react_ui_editor2.Cursor.getRangeFromCursor(editorView.state, cursor);
88
+ if (range) {
89
+ const selection = editorView.state.selection.main.from !== range.from ? {
90
+ anchor: range.from
91
+ } : void 0;
92
+ const effects = [
93
+ // NOTE: This does not use the DOM scrollIntoView function.
94
+ import_view.EditorView.scrollIntoView(range.from, {
95
+ y: "start",
96
+ yMargin: 96
97
+ })
98
+ ];
99
+ if (selection) {
100
+ effects.push(import_react_ui_editor2.setSelection.of({
101
+ current: documentId
102
+ }));
103
+ }
104
+ editorView.dispatch({
105
+ effects,
106
+ selection: selection ? {
107
+ anchor: range.from
108
+ } : void 0
109
+ });
110
+ }
100
111
  }
101
- }, {
102
- disposition: "hoist",
103
- filter: (data) => !!editorView && data.id === documentId && !!data.cursor
104
112
  }), [
105
113
  documentId,
106
114
  editorView
107
115
  ]);
108
- (0, import_app_framework3.useIntentResolver)(import_chunk_PHHIPRJC.MARKDOWN_PLUGIN, scrollIntoViewResolver);
116
+ (0, import_app_framework3.useIntentResolver)(import_chunk_QZ4XQYNC.MARKDOWN_PLUGIN, scrollIntoViewResolver);
109
117
  };
110
- var DEFAULT_VIEW_MODE = "preview";
111
118
  var MarkdownEditor = ({ id, role = "article", initialValue, extensions, extensionProviders, scrollPastEnd, toolbar, viewMode, editorStateStore, onFileUpload, onViewModeChange }) => {
112
- const { t } = (0, import_react_ui.useTranslation)(import_chunk_PHHIPRJC.MARKDOWN_PLUGIN);
119
+ const { t } = (0, import_react_ui.useTranslation)(import_chunk_QZ4XQYNC.MARKDOWN_PLUGIN);
113
120
  const { themeMode } = (0, import_react_ui.useThemeContext)();
114
121
  const { dispatchPromise: dispatch } = (0, import_app_framework2.useIntentDispatcher)();
115
- const [formattingState, formattingObserver] = (0, import_react_ui_editor.useFormattingState)();
116
- const { hasAttention } = (0, import_react_ui_attention.useAttention)(id);
122
+ const toolbarState = (0, import_react_ui_editor.useEditorToolbarState)({
123
+ viewMode
124
+ });
125
+ const formattingObserver = (0, import_react_ui_editor.useFormattingState)(toolbarState);
117
126
  const { scrollTo, selection } = (0, import_react2.useMemo)(() => editorStateStore?.getState(id) ?? {}, [
118
127
  id
119
128
  ]);
120
129
  const providerExtensions = (0, import_react2.useMemo)(() => extensionProviders?.flatMap((provider) => provider({})).filter(import_util.nonNullable), [
121
130
  extensionProviders
122
131
  ]);
123
- const [commentsState, commentObserver] = (0, import_react_ui_editor.useCommentState)();
132
+ const commentObserver = (0, import_react_ui_editor.useCommentState)(toolbarState);
124
133
  const onCommentClick = (0, import_react2.useCallback)(async () => {
125
- await dispatch((0, import_app_framework2.createIntent)(import_app_framework2.NavigationAction.Open, {
126
- activeParts: {
127
- complementary: "comments"
134
+ await dispatch((0, import_app_framework2.createIntent)(import_app_framework2.LayoutAction.UpdateComplementary, {
135
+ part: "complementary",
136
+ subject: "comments",
137
+ options: {
138
+ state: "expanded"
128
139
  }
129
140
  }));
130
- await dispatch((0, import_app_framework2.createIntent)(import_app_framework2.LayoutAction.SetLayout, {
131
- element: "complementary",
132
- state: true
133
- }));
134
141
  }, [
135
142
  dispatch
136
143
  ]);
@@ -139,7 +146,7 @@ var MarkdownEditor = ({ id, role = "article", initialValue, extensions, extensio
139
146
  const file = files[0];
140
147
  const info = file && onFileUpload ? await onFileUpload(file) : void 0;
141
148
  if (info) {
142
- (0, import_react_ui_editor.processAction)(view, {
149
+ (0, import_react_ui_editor.processEditorPayload)(view, {
143
150
  type: "image",
144
151
  data: info.url
145
152
  });
@@ -193,9 +200,44 @@ var MarkdownEditor = ({ id, role = "article", initialValue, extensions, extensio
193
200
  ]);
194
201
  useTest(editorView);
195
202
  useSelectCurrentThread(editorView, id);
203
+ const { acceptedFiles, getInputProps, open } = (0, import_react_dropzone.useDropzone)({
204
+ multiple: false,
205
+ noDrag: true,
206
+ accept: {
207
+ "image/*": [
208
+ ".jpg",
209
+ ".jpeg",
210
+ ".png",
211
+ ".gif"
212
+ ]
213
+ }
214
+ });
215
+ (0, import_react2.useEffect)(() => {
216
+ if (editorView && onFileUpload && acceptedFiles.length) {
217
+ requestAnimationFrame(async () => {
218
+ const f = acceptedFiles[0];
219
+ const file = new File([
220
+ f
221
+ ], f.name, {
222
+ type: f.type,
223
+ lastModified: f.lastModified
224
+ });
225
+ const info = await onFileUpload(file);
226
+ if (info) {
227
+ (0, import_react_ui_editor.processEditorPayload)(editorView, {
228
+ type: "image",
229
+ data: info.url
230
+ });
231
+ }
232
+ });
233
+ }
234
+ }, [
235
+ acceptedFiles,
236
+ editorView
237
+ ]);
196
238
  const handleToolbarAction = (0, import_react_ui_editor.useActionHandler)(editorView);
197
- const handleAction = (action) => {
198
- switch (action.type) {
239
+ const handleAction = (0, import_react2.useCallback)((action) => {
240
+ switch (action.properties.type) {
199
241
  case "search": {
200
242
  if (editorView) {
201
243
  (0, import_search.openSearchPanel)(editorView);
@@ -203,37 +245,34 @@ var MarkdownEditor = ({ id, role = "article", initialValue, extensions, extensio
203
245
  return;
204
246
  }
205
247
  case "view-mode": {
206
- onViewModeChange?.(id, action.data);
248
+ onViewModeChange?.(id, action.properties.data);
249
+ return;
250
+ }
251
+ case "image": {
252
+ open();
207
253
  return;
208
254
  }
209
255
  }
210
256
  handleToolbarAction?.(action);
211
- };
257
+ }, [
258
+ editorView,
259
+ onViewModeChange,
260
+ open
261
+ ]);
212
262
  return /* @__PURE__ */ import_react2.default.createElement(import_react_ui_stack.StackItem.Content, {
213
- toolbar
214
- }, toolbar && /* @__PURE__ */ import_react2.default.createElement("div", {
215
- role: "none",
216
- className: (0, import_react_ui_theme.mx)("attention-surface is-full border-be !border-separator", role === "section" && "sticky block-start-0 z-[1] -mbe-px min-is-0")
217
- }, /* @__PURE__ */ import_react2.default.createElement(import_react_ui_editor.Toolbar.Root, {
218
- classNames: [
219
- import_react_ui_theme.textBlockWidth,
220
- !hasAttention && "opacity-20"
221
- ],
222
- state: formattingState && {
223
- ...formattingState,
224
- ...commentsState
225
- },
263
+ toolbar: !!toolbar
264
+ }, toolbar && /* @__PURE__ */ import_react2.default.createElement(import_react2.default.Fragment, null, /* @__PURE__ */ import_react2.default.createElement(import_react_ui_editor.EditorToolbar, {
265
+ attendableId: id,
266
+ role,
267
+ state: toolbarState,
268
+ customActions: onFileUpload ? createUploadAction : void 0,
226
269
  onAction: handleAction
227
- }, /* @__PURE__ */ import_react2.default.createElement(import_react_ui_editor.Toolbar.Markdown, null), onFileUpload && /* @__PURE__ */ import_react2.default.createElement(import_react_ui_editor.Toolbar.Custom, {
228
- onUpload: onFileUpload
229
- }), /* @__PURE__ */ import_react2.default.createElement(import_react_ui_editor.Toolbar.Separator, null), /* @__PURE__ */ import_react2.default.createElement(import_react_ui_editor.Toolbar.View, {
230
- mode: viewMode ?? DEFAULT_VIEW_MODE
231
- }), /* @__PURE__ */ import_react2.default.createElement(import_react_ui_editor.Toolbar.Actions, null))), /* @__PURE__ */ import_react2.default.createElement("div", {
270
+ }), /* @__PURE__ */ import_react2.default.createElement("input", getInputProps())), /* @__PURE__ */ import_react2.default.createElement("div", {
232
271
  role: "none",
233
272
  ref: parentRef,
234
273
  "data-testid": "composer.markdownRoot",
235
274
  "data-toolbar": toolbar ? "enabled" : "disabled",
236
- className: (0, import_react_ui_theme.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"),
275
+ className: (0, import_react_ui_editor.stackItemContentEditorClassNames)(role),
237
276
  ...focusAttributes
238
277
  }));
239
278
  };
@@ -247,8 +286,27 @@ var useTest = (view) => {
247
286
  view
248
287
  ]);
249
288
  };
289
+ var createUploadAction = () => ({
290
+ nodes: [
291
+ (0, import_react_ui_editor.createEditorAction)({
292
+ type: "image",
293
+ testId: "editor.toolbar.image"
294
+ }, "ph--image-square--regular", [
295
+ "upload image label",
296
+ {
297
+ ns: import_chunk_QZ4XQYNC.MARKDOWN_PLUGIN
298
+ }
299
+ ])
300
+ ],
301
+ edges: [
302
+ {
303
+ source: "root",
304
+ target: "image"
305
+ }
306
+ ]
307
+ });
250
308
  var __dxlog_file2 = "/home/runner/work/dxos/dxos/packages/plugins/plugin-markdown/src/extensions.tsx";
251
- var useExtensions = ({ document, settings, viewMode, editorStateStore, extensionProviders }) => {
309
+ var useExtensions = ({ document, settings, viewMode, editorStateStore }) => {
252
310
  const { dispatchPromise: dispatch } = (0, import_app_framework4.useIntentDispatcher)();
253
311
  const identity = (0, import_halo.useIdentity)();
254
312
  const space = (0, import_echo2.getSpace)(document);
@@ -268,7 +326,8 @@ var useExtensions = ({ document, settings, viewMode, editorStateStore, extension
268
326
  settings.debug,
269
327
  settings.typewriter
270
328
  ]);
271
- const pluginExtensions = (0, import_react4.useMemo)(() => extensionProviders?.reduce((acc, provider) => {
329
+ const extensionProviders = (0, import_app_framework4.useCapabilities)(import_chunk_23NQGZX3.MarkdownCapabilities.Extensions);
330
+ const pluginExtensions = (0, import_react4.useMemo)(() => extensionProviders.flat().reduce((acc, provider) => {
272
331
  const extension = typeof provider === "function" ? provider({
273
332
  document
274
333
  }) : provider;
@@ -292,7 +351,7 @@ var useExtensions = ({ document, settings, viewMode, editorStateStore, extension
292
351
  }),
293
352
  (0, import_react_ui_editor3.selectionState)(editorStateStore),
294
353
  document && (0, import_react_ui_editor3.listener)({
295
- onChange: (text) => (0, import_chunk_SXQAPZZU.setFallbackName)(document, text)
354
+ onChange: (text) => (0, import_chunk_2WJ7TUBY.setFallbackName)(document, text)
296
355
  }),
297
356
  baseExtensions,
298
357
  pluginExtensions
@@ -320,11 +379,14 @@ var createBaseExtensions = ({ document, dispatch, settings, query, viewMode }) =
320
379
  } : void 0,
321
380
  // TODO(wittjosiah): For internal links, consider ignoring the link text and rendering the label of the object being linked to.
322
381
  renderLinkButton: dispatch && document ? onRenderLink((id) => {
323
- void dispatch((0, import_app_framework4.createIntent)(import_app_framework4.NavigationAction.AddToActive, {
324
- id,
382
+ void dispatch((0, import_app_framework4.createIntent)(import_app_framework4.LayoutAction.Open, {
325
383
  part: "main",
326
- pivotId: (0, import_echo2.fullyQualifiedId)(document),
327
- scrollIntoView: true
384
+ subject: [
385
+ id
386
+ ],
387
+ options: {
388
+ pivotId: (0, import_echo2.fullyQualifiedId)(document)
389
+ }
328
390
  }));
329
391
  }) : void 0
330
392
  }),
@@ -364,7 +426,7 @@ var onRenderLink = (onSelectObject) => (el, url) => {
364
426
  const qualifiedId = url.split("/").at(-1);
365
427
  (0, import_invariant2.invariant)(qualifiedId, "Invalid link format.", {
366
428
  F: __dxlog_file2,
367
- L: 214,
429
+ L: 218,
368
430
  S: void 0,
369
431
  A: [
370
432
  "qualifiedId",
@@ -402,15 +464,14 @@ var renderLinkTooltip = (el, url) => {
402
464
  };
403
465
  var renderRoot = (root, node) => {
404
466
  (0, import_client.createRoot)(root).render(/* @__PURE__ */ import_react4.default.createElement(import_react_ui2.ThemeProvider, {
405
- tx: import_react_ui_theme2.defaultTx
467
+ tx: import_react_ui_theme.defaultTx
406
468
  }, node));
407
469
  return root;
408
470
  };
409
- var MarkdownContainer = ({ id, role, object, extensionProviders, settings, viewMode, editorStateStore, onViewModeChange }) => {
471
+ var MarkdownContainer = ({ id, role, object, settings, viewMode, editorStateStore, onViewModeChange }) => {
410
472
  const scrollPastEnd = role === "article";
411
- const doc = object instanceof import_chunk_CQMXZ54Z.DocumentType ? object : void 0;
473
+ const doc = object instanceof import_chunk_CZXXBKMN.DocumentType ? object : void 0;
412
474
  const extensions = useExtensions({
413
- extensionProviders,
414
475
  document: doc,
415
476
  settings,
416
477
  viewMode,
@@ -447,7 +508,7 @@ var DocumentEditor = ({ id, document: doc, settings, viewMode, ...props }) => {
447
508
  if (typeof doc.fallbackName === "string") {
448
509
  return;
449
510
  }
450
- const fallbackName = doc.content?.target?.content ? (0, import_chunk_SXQAPZZU.getFallbackName)(doc.content.target.content) : void 0;
511
+ const fallbackName = doc.content?.target?.content ? (0, import_chunk_2WJ7TUBY.getFallbackName)(doc.content.target.content) : void 0;
451
512
  if (fallbackName) {
452
513
  doc.fallbackName = fallbackName;
453
514
  }
@@ -455,15 +516,15 @@ var DocumentEditor = ({ id, document: doc, settings, viewMode, ...props }) => {
455
516
  doc,
456
517
  doc.content
457
518
  ]);
458
- const fileManagerPlugin = (0, import_app_framework.useResolvePlugin)(import_app_framework.parseFileManagerPlugin);
519
+ const [upload] = (0, import_app_framework.useCapabilities)(import_app_framework.Capabilities.FileUploader);
459
520
  const handleFileUpload = (0, import_react.useMemo)(() => {
460
- if (space === void 0 || fileManagerPlugin?.provides.file.upload === void 0) {
521
+ if (space === void 0 || upload === void 0) {
461
522
  return void 0;
462
523
  }
463
- return async (file) => fileManagerPlugin?.provides?.file?.upload?.(file, space);
524
+ return async (file) => upload(file, space);
464
525
  }, [
465
526
  space,
466
- fileManagerPlugin
527
+ upload
467
528
  ]);
468
529
  return /* @__PURE__ */ import_react.default.createElement(MarkdownEditor, {
469
530
  id,
@@ -480,4 +541,4 @@ var MarkdownContainer_default = MarkdownContainer;
480
541
  0 && (module.exports = {
481
542
  DocumentEditor
482
543
  });
483
- //# sourceMappingURL=MarkdownContainer-EX6YDF6J.cjs.map
544
+ //# sourceMappingURL=MarkdownContainer-HJR4TB7X.cjs.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": ["import_react", "import_app_framework", "import_react_ui_editor", "import_invariant", "import_echo", "import_react_ui", "import_util", "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", "themeMode", "useThemeContext", "dispatchPromise", "useIntentDispatcher", "toolbarState", "useEditorToolbarState", "formattingObserver", "useFormattingState", "scrollTo", "getState", "providerExtensions", "flatMap", "provider", "nonNullable", "commentObserver", "useCommentState", "onCommentClick", "useCallback", "createIntent", "UpdateComplementary", "part", "commentClickObserver", "useCommentClickListener", "handleDrop", "view", "files", "file", "info", "processEditorPayload", "type", "url", "parentRef", "focusAttributes", "useTextEditor", "createBasicExtensions", "readonly", "placeholder", "createMarkdownExtensions", "createThemeExtensions", "syntaxHighlighting", "slots", "content", "className", "editorContent", "editorGutter", "dropFile", "onDrop", "isNotFalsy", "moveToEndOfLine", "useTest", "acceptedFiles", "getInputProps", "open", "useDropzone", "multiple", "noDrag", "accept", "useEffect", "length", "requestAnimationFrame", "f", "File", "name", "lastModified", "handleToolbarAction", "useActionHandler", "handleAction", "action", "properties", "openSearchPanel", "React", "StackItem", "Content", "EditorToolbar", "attendableId", "customActions", "createUploadAction", "onAction", "div", "ref", "data-testid", "data-toolbar", "stackItemContentEditorClassNames", "composer", "window", "nodes", "createEditorAction", "testId", "ns", "edges", "source", "target", "useExtensions", "document", "settings", "identity", "useIdentity", "space", "getSpace", "baseExtensions", "createBaseExtensions", "editorInputMode", "folding", "numberedHeadings", "debug", "typewriter", "useCapabilities", "MarkdownCapabilities", "Extensions", "pluginExtensions", "flat", "reduce", "acc", "extension", "createDataExtensions", "text", "createDocAccessor", "selectionState", "listener", "onChange", "setFallbackName", "query", "InputModeExtensions", "formattingKeymap", "decorateMarkdown", "selectionChangeDelay", "renderLinkButton", "onRenderLink", "Open", "pivotId", "fullyQualifiedId", "linkTooltip", "renderLinkTooltip", "autocomplete", "onSearch", "objects", "map", "object", "label", "apply", "items", "split", "style", "hover", "icon", "onSelectObject", "el", "isInternal", "startsWith", "location", "origin", "onClick", "qualifiedId", "at", "href", "rel", "renderRoot", "a", "Icon", "size", "classNames", "web", "URL", "root", "node", "createRoot", "render", "ThemeProvider", "tx", "defaultTx", "MarkdownContainer", "doc", "DocumentType", "DocumentEditor", "inputMode", "props", "fallbackName", "getFallbackName", "upload", "Capabilities", "FileUploader", "handleFileUpload"]
7
+ }
@@ -0,0 +1,62 @@
1
+ "use strict";
2
+ var __defProp = Object.defineProperty;
3
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
+ var __getOwnPropNames = Object.getOwnPropertyNames;
5
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
6
+ var __export = (target, all) => {
7
+ for (var name in all)
8
+ __defProp(target, name, { get: all[name], enumerable: true });
9
+ };
10
+ var __copyProps = (to, from, except, desc) => {
11
+ if (from && typeof from === "object" || typeof from === "function") {
12
+ for (let key of __getOwnPropNames(from))
13
+ if (!__hasOwnProp.call(to, key) && key !== except)
14
+ __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
15
+ }
16
+ return to;
17
+ };
18
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
19
+ var app_graph_serializer_QZWERV4M_exports = {};
20
+ __export(app_graph_serializer_QZWERV4M_exports, {
21
+ default: () => app_graph_serializer_default
22
+ });
23
+ module.exports = __toCommonJS(app_graph_serializer_QZWERV4M_exports);
24
+ var import_chunk_ZO5ABSHT = require("./chunk-ZO5ABSHT.cjs");
25
+ var import_chunk_CZXXBKMN = require("./chunk-CZXXBKMN.cjs");
26
+ var import_chunk_QZ4XQYNC = require("./chunk-QZ4XQYNC.cjs");
27
+ var import_effect = require("effect");
28
+ var import_app_framework = require("@dxos/app-framework");
29
+ var import_types = require("@dxos/plugin-space/types");
30
+ var import_echo = require("@dxos/react-client/echo");
31
+ var app_graph_serializer_default = (context) => (0, import_app_framework.contributes)(import_app_framework.Capabilities.AppGraphSerializer, [
32
+ {
33
+ inputType: import_chunk_CZXXBKMN.DocumentType.typename,
34
+ outputType: "text/markdown",
35
+ // Reconcile with metadata serializers.
36
+ serialize: async (node) => {
37
+ const doc = node.data;
38
+ const content = await doc.content.load();
39
+ return {
40
+ name: doc.name || doc.fallbackName || import_chunk_ZO5ABSHT.translations_default[0]["en-US"][import_chunk_QZ4XQYNC.MARKDOWN_PLUGIN]["document title placeholder"],
41
+ data: content.content,
42
+ type: "text/markdown"
43
+ };
44
+ },
45
+ deserialize: async (data, ancestors) => {
46
+ const space = ancestors.find(import_echo.isSpace);
47
+ const target = ancestors.findLast((ancestor) => ancestor instanceof import_types.CollectionType) ?? space?.properties[import_types.CollectionType.typename]?.target;
48
+ if (!space || !target) {
49
+ return;
50
+ }
51
+ const { dispatchPromise: dispatch } = context.requestCapability(import_app_framework.Capabilities.IntentDispatcher);
52
+ const result = await dispatch((0, import_effect.pipe)((0, import_app_framework.createIntent)(import_chunk_CZXXBKMN.MarkdownAction.Create, {
53
+ name: data.name,
54
+ content: data.data
55
+ }), (0, import_app_framework.chain)(import_types.SpaceAction.AddObject, {
56
+ target
57
+ })));
58
+ return result.data?.object;
59
+ }
60
+ }
61
+ ]);
62
+ //# sourceMappingURL=app-graph-serializer-QZWERV4M.cjs.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,oBAAqB;AAErB,2BAAoF;AACpF,mBAA4C;AAC5C,kBAAwB;AAMxB,IAAA,+BAAe,CAACA,gBACdC,kCAAYC,kCAAaC,oBAAoB;EAC3C;IACEC,WAAWC,mCAAaC;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,2CAAa,CAAA,EAAG,OAAA,EAASC,qCAAAA,EAAiB,4BAAA;QAChFN,MAAMC,QAAQA;QACdM,MAAM;MACR;IACF;IACAC,aAAa,OAAOR,MAAMS,cAAAA;AACxB,YAAMC,QAAQD,UAAUE,KAAKC,mBAAAA;AAC7B,YAAMC,SACJJ,UAAUK,SAAS,CAACC,aAAaA,oBAAoBC,2BAAAA,KACrDN,OAAOO,WAAWD,4BAAerB,QAAQ,GAAGkB;AAC9C,UAAI,CAACH,SAAS,CAACG,QAAQ;AACrB;MACF;AAEA,YAAM,EAAEK,iBAAiBC,SAAQ,IAAK9B,QAAQ+B,kBAAkB7B,kCAAa8B,gBAAgB;AAC7F,YAAMC,SAAS,MAAMH,aACnBI,wBACEC,mCAAaC,qCAAeC,QAAQ;QAAEvB,MAAMH,KAAKG;QAAMF,SAASD,KAAKA;MAAK,CAAA,OAC1E2B,4BAAMC,yBAAYC,WAAW;QAAEhB;MAAO,CAAA,CAAA,CAAA;AAI1C,aAAOS,OAAOtB,MAAM8B;IACtB;EACF;CACD;",
6
+ "names": ["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
+ }
@@ -16,15 +16,20 @@ var __copyProps = (to, from, except, desc) => {
16
16
  return to;
17
17
  };
18
18
  var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
19
- var meta_exports = {};
20
- __export(meta_exports, {
21
- MARKDOWN_PLUGIN: () => import_chunk_PHHIPRJC.MARKDOWN_PLUGIN,
22
- default: () => import_chunk_PHHIPRJC.meta_default
19
+ var chunk_23NQGZX3_exports = {};
20
+ __export(chunk_23NQGZX3_exports, {
21
+ MarkdownCapabilities: () => MarkdownCapabilities
23
22
  });
24
- module.exports = __toCommonJS(meta_exports);
25
- var import_chunk_PHHIPRJC = require("./chunk-PHHIPRJC.cjs");
23
+ module.exports = __toCommonJS(chunk_23NQGZX3_exports);
24
+ var import_chunk_QZ4XQYNC = require("./chunk-QZ4XQYNC.cjs");
25
+ var import_app_framework = require("@dxos/app-framework");
26
+ var MarkdownCapabilities;
27
+ (function(MarkdownCapabilities2) {
28
+ MarkdownCapabilities2.State = (0, import_app_framework.defineCapability)(`${import_chunk_QZ4XQYNC.MARKDOWN_PLUGIN}/capability/state`);
29
+ MarkdownCapabilities2.Extensions = (0, import_app_framework.defineCapability)(`${import_chunk_QZ4XQYNC.MARKDOWN_PLUGIN}/capability/extensions`);
30
+ })(MarkdownCapabilities || (MarkdownCapabilities = {}));
26
31
  // Annotate the CommonJS export names for ESM import in node:
27
32
  0 && (module.exports = {
28
- MARKDOWN_PLUGIN
33
+ MarkdownCapabilities
29
34
  });
30
- //# sourceMappingURL=meta.cjs.map
35
+ //# sourceMappingURL=chunk-23NQGZX3.cjs.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,2BAAiC;;UAMhBA,uBAAAA;wBACFC,YAAQC,uCAKlB,GAAGC,qCAAAA,mBAAkC;wBAE3BC,iBAAaF,uCAA8C,GAAGC,qCAAAA,wBAAuC;AACpH,GATiBH,yBAAAA,uBAAAA,CAAAA,EAAAA;",
6
+ "names": ["MarkdownCapabilities", "State", "defineCapability", "MARKDOWN_PLUGIN", "Extensions"]
7
+ }