@dxos/plugin-markdown 0.7.5-main.499c70c → 0.7.5-main.6a330ac

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 (184) hide show
  1. package/dist/lib/browser/{MarkdownContainer-XY6NEUOA.mjs → MarkdownContainer-TTRIEPSE.mjs} +157 -94
  2. package/dist/lib/browser/MarkdownContainer-TTRIEPSE.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/artifact-definition-7CNIKNQT.mjs +110 -0
  6. package/dist/lib/browser/artifact-definition-7CNIKNQT.mjs.map +7 -0
  7. package/dist/lib/browser/chunk-EZ65DY2X.mjs +16 -0
  8. package/dist/lib/browser/chunk-EZ65DY2X.mjs.map +7 -0
  9. package/dist/lib/browser/{chunk-R4MG2DP2.mjs → chunk-GPKIUDG2.mjs} +22 -9
  10. package/dist/lib/browser/chunk-GPKIUDG2.mjs.map +7 -0
  11. package/dist/lib/browser/{chunk-6FIHBJRV.mjs → chunk-P4K367ZX.mjs} +17 -12
  12. package/dist/lib/browser/chunk-P4K367ZX.mjs.map +7 -0
  13. package/dist/lib/browser/chunk-ROJ4VUZB.mjs +47 -0
  14. package/dist/lib/browser/chunk-ROJ4VUZB.mjs.map +7 -0
  15. package/dist/lib/browser/chunk-YTHIPV5Q.mjs +22 -0
  16. package/dist/lib/browser/chunk-YTHIPV5Q.mjs.map +7 -0
  17. package/dist/lib/browser/index.mjs +124 -366
  18. package/dist/lib/browser/index.mjs.map +4 -4
  19. package/dist/lib/browser/intent-resolver-CIFJVGAU.mjs +43 -0
  20. package/dist/lib/browser/intent-resolver-CIFJVGAU.mjs.map +7 -0
  21. package/dist/lib/browser/meta.json +1 -1
  22. package/dist/lib/browser/react-surface-LG2MTHC7.mjs +149 -0
  23. package/dist/lib/browser/react-surface-LG2MTHC7.mjs.map +7 -0
  24. package/dist/lib/browser/settings-U7E4DUWJ.mjs +28 -0
  25. package/dist/lib/browser/settings-U7E4DUWJ.mjs.map +7 -0
  26. package/dist/lib/browser/state-QMQXUPSI.mjs +37 -0
  27. package/dist/lib/browser/state-QMQXUPSI.mjs.map +7 -0
  28. package/dist/lib/browser/thread-Y4WMNFBC.mjs +36 -0
  29. package/dist/lib/browser/thread-Y4WMNFBC.mjs.map +7 -0
  30. package/dist/lib/browser/types/index.mjs +4 -4
  31. package/dist/lib/node/{MarkdownContainer-EX6YDF6J.cjs → MarkdownContainer-2R6WRR5T.cjs} +160 -99
  32. package/dist/lib/node/MarkdownContainer-2R6WRR5T.cjs.map +7 -0
  33. package/dist/lib/node/app-graph-serializer-QZWERV4M.cjs +62 -0
  34. package/dist/lib/node/app-graph-serializer-QZWERV4M.cjs.map +7 -0
  35. package/dist/lib/node/artifact-definition-E6EQTWBS.cjs +124 -0
  36. package/dist/lib/node/artifact-definition-E6EQTWBS.cjs.map +7 -0
  37. package/dist/lib/node/{meta.cjs → chunk-23NQGZX3.cjs} +13 -8
  38. package/dist/lib/node/chunk-23NQGZX3.cjs.map +7 -0
  39. package/dist/lib/node/{chunk-CQMXZ54Z.cjs → chunk-CZXXBKMN.cjs} +21 -16
  40. package/dist/lib/node/chunk-CZXXBKMN.cjs.map +7 -0
  41. package/dist/lib/node/{chunk-PHHIPRJC.cjs → chunk-QZ4XQYNC.cjs} +16 -9
  42. package/dist/lib/node/chunk-QZ4XQYNC.cjs.map +7 -0
  43. package/dist/lib/node/{chunk-SXQAPZZU.cjs → chunk-VFE34V2L.cjs} +40 -12
  44. package/dist/lib/node/chunk-VFE34V2L.cjs.map +7 -0
  45. package/dist/lib/node/chunk-ZO5ABSHT.cjs +64 -0
  46. package/dist/lib/node/chunk-ZO5ABSHT.cjs.map +7 -0
  47. package/dist/lib/node/index.cjs +113 -364
  48. package/dist/lib/node/index.cjs.map +4 -4
  49. package/dist/lib/node/intent-resolver-6COP7TEQ.cjs +56 -0
  50. package/dist/lib/node/intent-resolver-6COP7TEQ.cjs.map +7 -0
  51. package/dist/lib/node/meta.json +1 -1
  52. package/dist/lib/node/react-surface-JJ2DHTCW.cjs +162 -0
  53. package/dist/lib/node/react-surface-JJ2DHTCW.cjs.map +7 -0
  54. package/dist/lib/node/settings-4OYDMRVY.cjs +42 -0
  55. package/dist/lib/node/settings-4OYDMRVY.cjs.map +7 -0
  56. package/dist/lib/node/state-QSA5AOLH.cjs +51 -0
  57. package/dist/lib/node/state-QSA5AOLH.cjs.map +7 -0
  58. package/dist/lib/node/thread-BZE6RKFE.cjs +52 -0
  59. package/dist/lib/node/thread-BZE6RKFE.cjs.map +7 -0
  60. package/dist/lib/node/types/index.cjs +7 -7
  61. package/dist/lib/node/types/index.cjs.map +1 -1
  62. package/dist/lib/node-esm/{MarkdownContainer-E7W623A7.mjs → MarkdownContainer-WXTODKI4.mjs} +157 -94
  63. package/dist/lib/node-esm/MarkdownContainer-WXTODKI4.mjs.map +7 -0
  64. package/dist/lib/node-esm/app-graph-serializer-H7LI476D.mjs +52 -0
  65. package/dist/lib/node-esm/app-graph-serializer-H7LI476D.mjs.map +7 -0
  66. package/dist/lib/node-esm/artifact-definition-S64WTOFK.mjs +111 -0
  67. package/dist/lib/node-esm/artifact-definition-S64WTOFK.mjs.map +7 -0
  68. package/dist/lib/node-esm/{chunk-Y76MM22C.mjs → chunk-7I4X2C7G.mjs} +22 -9
  69. package/dist/lib/node-esm/chunk-7I4X2C7G.mjs.map +7 -0
  70. package/dist/lib/node-esm/chunk-BBVPC53M.mjs +24 -0
  71. package/dist/lib/node-esm/chunk-BBVPC53M.mjs.map +7 -0
  72. package/dist/lib/node-esm/{chunk-ZVFBKBSA.mjs → chunk-MMVIEZ43.mjs} +17 -12
  73. package/dist/lib/node-esm/chunk-MMVIEZ43.mjs.map +7 -0
  74. package/dist/lib/node-esm/chunk-OXPPXUUU.mjs +48 -0
  75. package/dist/lib/node-esm/chunk-OXPPXUUU.mjs.map +7 -0
  76. package/dist/lib/node-esm/chunk-Y5QKDC4V.mjs +17 -0
  77. package/dist/lib/node-esm/chunk-Y5QKDC4V.mjs.map +7 -0
  78. package/dist/lib/node-esm/index.mjs +124 -366
  79. package/dist/lib/node-esm/index.mjs.map +4 -4
  80. package/dist/lib/node-esm/intent-resolver-GF3EHDYE.mjs +44 -0
  81. package/dist/lib/node-esm/intent-resolver-GF3EHDYE.mjs.map +7 -0
  82. package/dist/lib/node-esm/meta.json +1 -1
  83. package/dist/lib/node-esm/react-surface-O2WYA2AU.mjs +150 -0
  84. package/dist/lib/node-esm/react-surface-O2WYA2AU.mjs.map +7 -0
  85. package/dist/lib/node-esm/settings-MEN2YBLA.mjs +29 -0
  86. package/dist/lib/node-esm/settings-MEN2YBLA.mjs.map +7 -0
  87. package/dist/lib/node-esm/state-FF4NXLWU.mjs +38 -0
  88. package/dist/lib/node-esm/state-FF4NXLWU.mjs.map +7 -0
  89. package/dist/lib/node-esm/thread-O2YDKT77.mjs +37 -0
  90. package/dist/lib/node-esm/thread-O2YDKT77.mjs.map +7 -0
  91. package/dist/lib/node-esm/types/index.mjs +4 -4
  92. package/dist/types/src/MarkdownPlugin.d.ts +1 -3
  93. package/dist/types/src/MarkdownPlugin.d.ts.map +1 -1
  94. package/dist/types/src/capabilities/app-graph-serializer.d.ts +4 -0
  95. package/dist/types/src/capabilities/app-graph-serializer.d.ts.map +1 -0
  96. package/dist/types/src/capabilities/artifact-definition.d.ts +11 -0
  97. package/dist/types/src/capabilities/artifact-definition.d.ts.map +1 -0
  98. package/dist/types/src/capabilities/capabilities.d.ts +12 -0
  99. package/dist/types/src/capabilities/capabilities.d.ts.map +1 -0
  100. package/dist/types/src/capabilities/index.d.ts +17 -0
  101. package/dist/types/src/capabilities/index.d.ts.map +1 -0
  102. package/dist/types/src/capabilities/intent-resolver.d.ts +4 -0
  103. package/dist/types/src/capabilities/intent-resolver.d.ts.map +1 -0
  104. package/dist/types/src/capabilities/react-surface.d.ts +4 -0
  105. package/dist/types/src/capabilities/react-surface.d.ts.map +1 -0
  106. package/dist/types/src/capabilities/settings.d.ts +4 -0
  107. package/dist/types/src/capabilities/settings.d.ts.map +1 -0
  108. package/dist/types/src/capabilities/state.d.ts +11 -0
  109. package/dist/types/src/capabilities/state.d.ts.map +1 -0
  110. package/dist/types/src/capabilities/thread.d.ts +6 -0
  111. package/dist/types/src/capabilities/thread.d.ts.map +1 -0
  112. package/dist/types/src/components/MarkdownContainer.d.ts +2 -3
  113. package/dist/types/src/components/MarkdownContainer.d.ts.map +1 -1
  114. package/dist/types/src/components/MarkdownEditor.d.ts +16 -2
  115. package/dist/types/src/components/MarkdownEditor.d.ts.map +1 -1
  116. package/dist/types/src/components/MarkdownEditor.stories.d.ts.map +1 -1
  117. package/dist/types/src/components/MarkdownSettings.d.ts +1 -2
  118. package/dist/types/src/components/MarkdownSettings.d.ts.map +1 -1
  119. package/dist/types/src/components/Toolbar.stories.d.ts +2 -2
  120. package/dist/types/src/components/Toolbar.stories.d.ts.map +1 -1
  121. package/dist/types/src/components/index.d.ts +1 -1
  122. package/dist/types/src/components/index.d.ts.map +1 -1
  123. package/dist/types/src/events.d.ts +4 -0
  124. package/dist/types/src/events.d.ts.map +1 -0
  125. package/dist/types/src/extensions.d.ts +2 -2
  126. package/dist/types/src/extensions.d.ts.map +1 -1
  127. package/dist/types/src/hooks/useSelectCurrentThread.d.ts.map +1 -1
  128. package/dist/types/src/index.d.ts +3 -3
  129. package/dist/types/src/index.d.ts.map +1 -1
  130. package/dist/types/src/meta.d.ts +2 -2
  131. package/dist/types/src/meta.d.ts.map +1 -1
  132. package/dist/types/src/translations.d.ts +3 -0
  133. package/dist/types/src/translations.d.ts.map +1 -1
  134. package/dist/types/src/types/schema.d.ts +18 -25
  135. package/dist/types/src/types/schema.d.ts.map +1 -1
  136. package/dist/types/src/types/types.d.ts +12 -26
  137. package/dist/types/src/types/types.d.ts.map +1 -1
  138. package/dist/types/src/util.d.ts +1 -5
  139. package/dist/types/src/util.d.ts.map +1 -1
  140. package/dist/types/tsconfig.tsbuildinfo +1 -1
  141. package/package.json +34 -38
  142. package/src/MarkdownPlugin.tsx +95 -215
  143. package/src/capabilities/app-graph-serializer.ts +50 -0
  144. package/src/capabilities/artifact-definition.ts +85 -0
  145. package/src/capabilities/capabilities.ts +20 -0
  146. package/src/capabilities/index.ts +15 -0
  147. package/src/capabilities/intent-resolver.ts +33 -0
  148. package/src/capabilities/react-surface.tsx +71 -0
  149. package/src/capabilities/settings.ts +25 -0
  150. package/src/capabilities/state.ts +31 -0
  151. package/src/capabilities/thread.ts +34 -0
  152. package/src/components/MarkdownContainer.tsx +6 -7
  153. package/src/components/MarkdownEditor.stories.tsx +16 -5
  154. package/src/components/MarkdownEditor.tsx +91 -53
  155. package/src/components/MarkdownSettings.tsx +3 -3
  156. package/src/components/Toolbar.stories.tsx +16 -22
  157. package/src/events.ts +11 -0
  158. package/src/extensions.tsx +18 -14
  159. package/src/hooks/useSelectCurrentThread.tsx +13 -8
  160. package/src/index.ts +3 -5
  161. package/src/meta.ts +7 -2
  162. package/src/translations.ts +1 -0
  163. package/src/types/schema.ts +1 -5
  164. package/src/types/types.ts +16 -44
  165. package/src/util.tsx +2 -8
  166. package/dist/lib/browser/MarkdownContainer-XY6NEUOA.mjs.map +0 -7
  167. package/dist/lib/browser/chunk-4X6YX3KU.mjs +0 -15
  168. package/dist/lib/browser/chunk-4X6YX3KU.mjs.map +0 -7
  169. package/dist/lib/browser/chunk-6FIHBJRV.mjs.map +0 -7
  170. package/dist/lib/browser/chunk-R4MG2DP2.mjs.map +0 -7
  171. package/dist/lib/browser/meta.mjs +0 -9
  172. package/dist/lib/browser/meta.mjs.map +0 -7
  173. package/dist/lib/node/MarkdownContainer-EX6YDF6J.cjs.map +0 -7
  174. package/dist/lib/node/chunk-CQMXZ54Z.cjs.map +0 -7
  175. package/dist/lib/node/chunk-PHHIPRJC.cjs.map +0 -7
  176. package/dist/lib/node/chunk-SXQAPZZU.cjs.map +0 -7
  177. package/dist/lib/node/meta.cjs.map +0 -7
  178. package/dist/lib/node-esm/MarkdownContainer-E7W623A7.mjs.map +0 -7
  179. package/dist/lib/node-esm/chunk-BABK7FMW.mjs +0 -17
  180. package/dist/lib/node-esm/chunk-BABK7FMW.mjs.map +0 -7
  181. package/dist/lib/node-esm/chunk-Y76MM22C.mjs.map +0 -7
  182. package/dist/lib/node-esm/chunk-ZVFBKBSA.mjs.map +0 -7
  183. package/dist/lib/node-esm/meta.mjs +0 -10
  184. package/dist/lib/node-esm/meta.mjs.map +0 -7
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../src/capabilities/thread.ts"],
4
+ "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { contributes } from '@dxos/app-framework';\nimport { ThreadCapabilities } from '@dxos/plugin-space';\nimport { createDocAccessor, getRangeFromCursor } from '@dxos/react-client/echo';\n\nimport { DocumentType } from '../types';\n\nexport default () =>\n contributes(ThreadCapabilities.Thread, {\n predicate: (obj) => obj instanceof DocumentType,\n createSort: (doc: DocumentType) => {\n const accessor = doc.content.target ? createDocAccessor(doc.content.target, ['content']) : undefined;\n if (!accessor) {\n return (_) => 0;\n }\n\n const getStartPosition = (cursor: string | undefined) => {\n const range = cursor ? getRangeFromCursor(accessor, cursor) : undefined;\n return range?.start ?? Number.MAX_SAFE_INTEGER;\n };\n\n return (anchorA: string | undefined, anchorB: string | undefined): number => {\n if (anchorA === undefined || anchorB === undefined) {\n return 0;\n }\n const posA = getStartPosition(anchorA);\n const posB = getStartPosition(anchorB);\n return posA - posB;\n };\n },\n });\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;AAIA,2BAA4B;AAC5B,0BAAmC;AACnC,kBAAsD;AAItD,IAAA,iBAAe,UACbA,kCAAYC,uCAAmBC,QAAQ;EACrCC,WAAW,CAACC,QAAQA,eAAeC;EACnCC,YAAY,CAACC,QAAAA;AACX,UAAMC,WAAWD,IAAIE,QAAQC,aAASC,+BAAkBJ,IAAIE,QAAQC,QAAQ;MAAC;KAAU,IAAIE;AAC3F,QAAI,CAACJ,UAAU;AACb,aAAO,CAACK,MAAM;IAChB;AAEA,UAAMC,mBAAmB,CAACC,WAAAA;AACxB,YAAMC,QAAQD,aAASE,gCAAmBT,UAAUO,MAAAA,IAAUH;AAC9D,aAAOI,OAAOE,SAASC,OAAOC;IAChC;AAEA,WAAO,CAACC,SAA6BC,YAAAA;AACnC,UAAID,YAAYT,UAAaU,YAAYV,QAAW;AAClD,eAAO;MACT;AACA,YAAMW,OAAOT,iBAAiBO,OAAAA;AAC9B,YAAMG,OAAOV,iBAAiBQ,OAAAA;AAC9B,aAAOC,OAAOC;IAChB;EACF;AACF,CAAA;",
6
+ "names": ["contributes", "ThreadCapabilities", "Thread", "predicate", "obj", "DocumentType", "createSort", "doc", "accessor", "content", "target", "createDocAccessor", "undefined", "_", "getStartPosition", "cursor", "range", "getRangeFromCursor", "start", "Number", "MAX_SAFE_INTEGER", "anchorA", "anchorB", "posA", "posB"]
7
+ }
@@ -18,19 +18,19 @@ var __copyProps = (to, from, except, desc) => {
18
18
  var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
19
19
  var types_exports = {};
20
20
  __export(types_exports, {
21
- DocumentType: () => import_chunk_CQMXZ54Z.DocumentType,
22
- MarkdownAction: () => import_chunk_CQMXZ54Z.MarkdownAction,
23
- TextType: () => import_chunk_CQMXZ54Z.TextType,
24
- isEditorModel: () => import_chunk_CQMXZ54Z.isEditorModel
21
+ DocumentType: () => import_chunk_CZXXBKMN.DocumentType,
22
+ MarkdownAction: () => import_chunk_CZXXBKMN.MarkdownAction,
23
+ MarkdownSettingsSchema: () => import_chunk_CZXXBKMN.MarkdownSettingsSchema,
24
+ isEditorModel: () => import_chunk_CZXXBKMN.isEditorModel
25
25
  });
26
26
  module.exports = __toCommonJS(types_exports);
27
- var import_chunk_CQMXZ54Z = require("../chunk-CQMXZ54Z.cjs");
28
- var import_chunk_PHHIPRJC = require("../chunk-PHHIPRJC.cjs");
27
+ var import_chunk_CZXXBKMN = require("../chunk-CZXXBKMN.cjs");
28
+ var import_chunk_QZ4XQYNC = require("../chunk-QZ4XQYNC.cjs");
29
29
  // Annotate the CommonJS export names for ESM import in node:
30
30
  0 && (module.exports = {
31
31
  DocumentType,
32
32
  MarkdownAction,
33
- TextType,
33
+ MarkdownSettingsSchema,
34
34
  isEditorModel
35
35
  });
36
36
  //# sourceMappingURL=index.cjs.map
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["index.cjs"],
4
- "sourcesContent": ["import {\n DocumentType,\n MarkdownAction,\n TextType,\n isEditorModel\n} from \"../chunk-CQMXZ54Z.cjs\";\nimport \"../chunk-PHHIPRJC.cjs\";\nexport {\n DocumentType,\n MarkdownAction,\n TextType,\n isEditorModel\n};\n//# sourceMappingURL=index.cjs.map\n"],
4
+ "sourcesContent": ["import {\n DocumentType,\n MarkdownAction,\n MarkdownSettingsSchema,\n isEditorModel\n} from \"../chunk-CZXXBKMN.cjs\";\nimport \"../chunk-QZ4XQYNC.cjs\";\nexport {\n DocumentType,\n MarkdownAction,\n MarkdownSettingsSchema,\n isEditorModel\n};\n//# sourceMappingURL=index.cjs.map\n"],
5
5
  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAKO;AACP,4BAAO;",
6
6
  "names": []
7
7
  }
@@ -2,75 +2,85 @@ import { createRequire } from 'node:module';const require = createRequire(import
2
2
  import {
3
3
  getFallbackName,
4
4
  setFallbackName
5
- } from "./chunk-Y76MM22C.mjs";
5
+ } from "./chunk-7I4X2C7G.mjs";
6
+ import {
7
+ MarkdownCapabilities
8
+ } from "./chunk-Y5QKDC4V.mjs";
6
9
  import {
7
10
  DocumentType
8
- } from "./chunk-ZVFBKBSA.mjs";
11
+ } from "./chunk-MMVIEZ43.mjs";
9
12
  import {
10
13
  MARKDOWN_PLUGIN
11
- } from "./chunk-BABK7FMW.mjs";
14
+ } from "./chunk-BBVPC53M.mjs";
12
15
 
13
16
  // packages/plugins/plugin-markdown/src/components/MarkdownContainer.tsx
14
17
  import React3, { useEffect as useEffect2, useMemo as useMemo4 } from "react";
15
- import { useResolvePlugin, parseFileManagerPlugin } from "@dxos/app-framework";
18
+ import { Capabilities, useCapabilities as useCapabilities2 } from "@dxos/app-framework";
16
19
  import { fullyQualifiedId as fullyQualifiedId2, getSpace as getSpace2 } from "@dxos/react-client/echo";
17
20
 
18
21
  // packages/plugins/plugin-markdown/src/components/MarkdownEditor.tsx
19
22
  import { openSearchPanel } from "@codemirror/search";
20
23
  import React, { useMemo as useMemo2, useEffect, useCallback } from "react";
21
- import { createIntent, LayoutAction as LayoutAction2, NavigationAction, useIntentDispatcher } from "@dxos/app-framework";
24
+ import { useDropzone } from "react-dropzone";
25
+ import { createIntent, LayoutAction as LayoutAction2, useIntentDispatcher } from "@dxos/app-framework";
22
26
  import { useThemeContext, useTranslation } from "@dxos/react-ui";
23
- import { useAttention } from "@dxos/react-ui-attention";
24
- import { Toolbar, createBasicExtensions, createMarkdownExtensions, createThemeExtensions, dropFile, editorContent, editorGutter, processAction, useActionHandler, useCommentState, useCommentClickListener, useFormattingState, useTextEditor } from "@dxos/react-ui-editor";
27
+ import { EditorToolbar, createBasicExtensions, createMarkdownExtensions, createThemeExtensions, dropFile, editorContent, editorGutter, processEditorPayload, useActionHandler, useCommentState, useCommentClickListener, useFormattingState, useTextEditor, stackItemContentEditorClassNames, useEditorToolbarState, createEditorAction } from "@dxos/react-ui-editor";
25
28
  import { StackItem } from "@dxos/react-ui-stack";
26
- import { mx, textBlockWidth } from "@dxos/react-ui-theme";
27
- import { isNotFalsy, nonNullable } from "@dxos/util";
29
+ import { isNotFalsy, isNonNullable } from "@dxos/util";
28
30
 
29
31
  // packages/plugins/plugin-markdown/src/hooks/useSelectCurrentThread.tsx
30
32
  import { EditorView } from "@codemirror/view";
31
33
  import { useMemo } from "react";
32
34
  import { createResolver, LayoutAction, useIntentResolver } from "@dxos/app-framework";
35
+ import { S } from "@dxos/echo-schema";
33
36
  import { invariant } from "@dxos/invariant";
34
37
  import { Cursor, setSelection } from "@dxos/react-ui-editor";
35
38
  var __dxlog_file = "/home/runner/work/dxos/dxos/packages/plugins/plugin-markdown/src/hooks/useSelectCurrentThread.tsx";
36
39
  var useSelectCurrentThread = (editorView, documentId) => {
37
- const scrollIntoViewResolver = useMemo(() => createResolver(LayoutAction.ScrollIntoView, ({ cursor }) => {
38
- invariant(editorView, "Editor view is not defined.", {
39
- F: __dxlog_file,
40
- L: 23,
41
- S: void 0,
42
- A: [
43
- "editorView",
44
- "'Editor view is not defined.'"
45
- ]
46
- });
47
- const range = Cursor.getRangeFromCursor(editorView.state, cursor);
48
- if (range) {
49
- const selection = editorView.state.selection.main.from !== range.from ? {
50
- anchor: range.from
51
- } : void 0;
52
- const effects = [
53
- // NOTE: This does not use the DOM scrollIntoView function.
54
- EditorView.scrollIntoView(range.from, {
55
- y: "start",
56
- yMargin: 96
57
- })
58
- ];
59
- if (selection) {
60
- effects.push(setSelection.of({
61
- current: documentId
62
- }));
40
+ const scrollIntoViewResolver = useMemo(() => createResolver({
41
+ intent: LayoutAction.UpdateLayout,
42
+ position: "hoist",
43
+ filter: (data) => {
44
+ if (!S.is(LayoutAction.ScrollIntoView.fields.input)(data)) {
45
+ return false;
63
46
  }
64
- editorView.dispatch({
65
- effects,
66
- selection: selection ? {
67
- anchor: range.from
68
- } : void 0
47
+ return !!editorView && data.subject === documentId && !!data.options?.cursor;
48
+ },
49
+ resolve: ({ options: { cursor } }) => {
50
+ invariant(editorView, "Editor view is not defined.", {
51
+ F: __dxlog_file,
52
+ L: 32,
53
+ S: void 0,
54
+ A: [
55
+ "editorView",
56
+ "'Editor view is not defined.'"
57
+ ]
69
58
  });
59
+ const range = Cursor.getRangeFromCursor(editorView.state, cursor);
60
+ if (range) {
61
+ const selection = editorView.state.selection.main.from !== range.from ? {
62
+ anchor: range.from
63
+ } : void 0;
64
+ const effects = [
65
+ // NOTE: This does not use the DOM scrollIntoView function.
66
+ EditorView.scrollIntoView(range.from, {
67
+ y: "start",
68
+ yMargin: 96
69
+ })
70
+ ];
71
+ if (selection) {
72
+ effects.push(setSelection.of({
73
+ current: documentId
74
+ }));
75
+ }
76
+ editorView.dispatch({
77
+ effects,
78
+ selection: selection ? {
79
+ anchor: range.from
80
+ } : void 0
81
+ });
82
+ }
70
83
  }
71
- }, {
72
- disposition: "hoist",
73
- filter: (data) => !!editorView && data.id === documentId && !!data.cursor
74
84
  }), [
75
85
  documentId,
76
86
  editorView
@@ -79,30 +89,29 @@ var useSelectCurrentThread = (editorView, documentId) => {
79
89
  };
80
90
 
81
91
  // packages/plugins/plugin-markdown/src/components/MarkdownEditor.tsx
82
- var DEFAULT_VIEW_MODE = "preview";
83
92
  var MarkdownEditor = ({ id, role = "article", initialValue, extensions, extensionProviders, scrollPastEnd, toolbar, viewMode, editorStateStore, onFileUpload, onViewModeChange }) => {
84
93
  const { t } = useTranslation(MARKDOWN_PLUGIN);
85
94
  const { themeMode } = useThemeContext();
86
95
  const { dispatchPromise: dispatch } = useIntentDispatcher();
87
- const [formattingState, formattingObserver] = useFormattingState();
88
- const { hasAttention } = useAttention(id);
96
+ const toolbarState = useEditorToolbarState({
97
+ viewMode
98
+ });
99
+ const formattingObserver = useFormattingState(toolbarState);
89
100
  const { scrollTo, selection } = useMemo2(() => editorStateStore?.getState(id) ?? {}, [
90
101
  id
91
102
  ]);
92
- const providerExtensions = useMemo2(() => extensionProviders?.flatMap((provider) => provider({})).filter(nonNullable), [
103
+ const providerExtensions = useMemo2(() => extensionProviders?.flatMap((provider) => provider({})).filter(isNonNullable), [
93
104
  extensionProviders
94
105
  ]);
95
- const [commentsState, commentObserver] = useCommentState();
106
+ const commentObserver = useCommentState(toolbarState);
96
107
  const onCommentClick = useCallback(async () => {
97
- await dispatch(createIntent(NavigationAction.Open, {
98
- activeParts: {
99
- complementary: "comments"
108
+ await dispatch(createIntent(LayoutAction2.UpdateComplementary, {
109
+ part: "complementary",
110
+ subject: "comments",
111
+ options: {
112
+ state: "expanded"
100
113
  }
101
114
  }));
102
- await dispatch(createIntent(LayoutAction2.SetLayout, {
103
- element: "complementary",
104
- state: true
105
- }));
106
115
  }, [
107
116
  dispatch
108
117
  ]);
@@ -111,7 +120,7 @@ var MarkdownEditor = ({ id, role = "article", initialValue, extensions, extensio
111
120
  const file = files[0];
112
121
  const info = file && onFileUpload ? await onFileUpload(file) : void 0;
113
122
  if (info) {
114
- processAction(view, {
123
+ processEditorPayload(view, {
115
124
  type: "image",
116
125
  data: info.url
117
126
  });
@@ -165,9 +174,44 @@ var MarkdownEditor = ({ id, role = "article", initialValue, extensions, extensio
165
174
  ]);
166
175
  useTest(editorView);
167
176
  useSelectCurrentThread(editorView, id);
177
+ const { acceptedFiles, getInputProps, open } = useDropzone({
178
+ multiple: false,
179
+ noDrag: true,
180
+ accept: {
181
+ "image/*": [
182
+ ".jpg",
183
+ ".jpeg",
184
+ ".png",
185
+ ".gif"
186
+ ]
187
+ }
188
+ });
189
+ useEffect(() => {
190
+ if (editorView && onFileUpload && acceptedFiles.length) {
191
+ requestAnimationFrame(async () => {
192
+ const f = acceptedFiles[0];
193
+ const file = new File([
194
+ f
195
+ ], f.name, {
196
+ type: f.type,
197
+ lastModified: f.lastModified
198
+ });
199
+ const info = await onFileUpload(file);
200
+ if (info) {
201
+ processEditorPayload(editorView, {
202
+ type: "image",
203
+ data: info.url
204
+ });
205
+ }
206
+ });
207
+ }
208
+ }, [
209
+ acceptedFiles,
210
+ editorView
211
+ ]);
168
212
  const handleToolbarAction = useActionHandler(editorView);
169
- const handleAction = (action) => {
170
- switch (action.type) {
213
+ const handleAction = useCallback((action) => {
214
+ switch (action.properties.type) {
171
215
  case "search": {
172
216
  if (editorView) {
173
217
  openSearchPanel(editorView);
@@ -175,37 +219,34 @@ var MarkdownEditor = ({ id, role = "article", initialValue, extensions, extensio
175
219
  return;
176
220
  }
177
221
  case "view-mode": {
178
- onViewModeChange?.(id, action.data);
222
+ onViewModeChange?.(id, action.properties.data);
223
+ return;
224
+ }
225
+ case "image": {
226
+ open();
179
227
  return;
180
228
  }
181
229
  }
182
230
  handleToolbarAction?.(action);
183
- };
231
+ }, [
232
+ editorView,
233
+ onViewModeChange,
234
+ open
235
+ ]);
184
236
  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
- },
237
+ toolbar: !!toolbar
238
+ }, toolbar && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(EditorToolbar, {
239
+ attendableId: id,
240
+ role,
241
+ state: toolbarState,
242
+ customActions: onFileUpload ? createUploadAction : void 0,
198
243
  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", {
244
+ }), /* @__PURE__ */ React.createElement("input", getInputProps())), /* @__PURE__ */ React.createElement("div", {
204
245
  role: "none",
205
246
  ref: parentRef,
206
247
  "data-testid": "composer.markdownRoot",
207
248
  "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"),
249
+ className: stackItemContentEditorClassNames(role),
209
250
  ...focusAttributes
210
251
  }));
211
252
  };
@@ -219,11 +260,30 @@ var useTest = (view) => {
219
260
  view
220
261
  ]);
221
262
  };
263
+ var createUploadAction = () => ({
264
+ nodes: [
265
+ createEditorAction({
266
+ type: "image",
267
+ testId: "editor.toolbar.image"
268
+ }, "ph--image-square--regular", [
269
+ "upload image label",
270
+ {
271
+ ns: MARKDOWN_PLUGIN
272
+ }
273
+ ])
274
+ ],
275
+ edges: [
276
+ {
277
+ source: "root",
278
+ target: "image"
279
+ }
280
+ ]
281
+ });
222
282
 
223
283
  // packages/plugins/plugin-markdown/src/extensions.tsx
224
284
  import React2, { useMemo as useMemo3 } from "react";
225
285
  import { createRoot } from "react-dom/client";
226
- import { createIntent as createIntent2, NavigationAction as NavigationAction2, useIntentDispatcher as useIntentDispatcher2 } from "@dxos/app-framework";
286
+ import { createIntent as createIntent2, LayoutAction as LayoutAction3, useCapabilities, useIntentDispatcher as useIntentDispatcher2 } from "@dxos/app-framework";
227
287
  import { invariant as invariant2 } from "@dxos/invariant";
228
288
  import { createDocAccessor, fullyQualifiedId, getSpace } from "@dxos/react-client/echo";
229
289
  import { useIdentity } from "@dxos/react-client/halo";
@@ -232,7 +292,7 @@ import { InputModeExtensions, createDataExtensions, autocomplete, decorateMarkdo
232
292
  import { defaultTx } from "@dxos/react-ui-theme";
233
293
  import { isNotFalsy as isNotFalsy2 } from "@dxos/util";
234
294
  var __dxlog_file2 = "/home/runner/work/dxos/dxos/packages/plugins/plugin-markdown/src/extensions.tsx";
235
- var useExtensions = ({ document, settings, viewMode, editorStateStore, extensionProviders }) => {
295
+ var useExtensions = ({ document, settings, viewMode, editorStateStore }) => {
236
296
  const { dispatchPromise: dispatch } = useIntentDispatcher2();
237
297
  const identity = useIdentity();
238
298
  const space = getSpace(document);
@@ -252,7 +312,8 @@ var useExtensions = ({ document, settings, viewMode, editorStateStore, extension
252
312
  settings.debug,
253
313
  settings.typewriter
254
314
  ]);
255
- const pluginExtensions = useMemo3(() => extensionProviders?.reduce((acc, provider) => {
315
+ const extensionProviders = useCapabilities(MarkdownCapabilities.Extensions);
316
+ const pluginExtensions = useMemo3(() => extensionProviders.flat().reduce((acc, provider) => {
256
317
  const extension = typeof provider === "function" ? provider({
257
318
  document
258
319
  }) : provider;
@@ -304,11 +365,14 @@ var createBaseExtensions = ({ document, dispatch, settings, query, viewMode }) =
304
365
  } : void 0,
305
366
  // TODO(wittjosiah): For internal links, consider ignoring the link text and rendering the label of the object being linked to.
306
367
  renderLinkButton: dispatch && document ? onRenderLink((id) => {
307
- void dispatch(createIntent2(NavigationAction2.AddToActive, {
308
- id,
368
+ void dispatch(createIntent2(LayoutAction3.Open, {
309
369
  part: "main",
310
- pivotId: fullyQualifiedId(document),
311
- scrollIntoView: true
370
+ subject: [
371
+ id
372
+ ],
373
+ options: {
374
+ pivotId: fullyQualifiedId(document)
375
+ }
312
376
  }));
313
377
  }) : void 0
314
378
  }),
@@ -348,7 +412,7 @@ var onRenderLink = (onSelectObject) => (el, url) => {
348
412
  const qualifiedId = url.split("/").at(-1);
349
413
  invariant2(qualifiedId, "Invalid link format.", {
350
414
  F: __dxlog_file2,
351
- L: 214,
415
+ L: 218,
352
416
  S: void 0,
353
417
  A: [
354
418
  "qualifiedId",
@@ -392,11 +456,10 @@ var renderRoot = (root, node) => {
392
456
  };
393
457
 
394
458
  // packages/plugins/plugin-markdown/src/components/MarkdownContainer.tsx
395
- var MarkdownContainer = ({ id, role, object, extensionProviders, settings, viewMode, editorStateStore, onViewModeChange }) => {
459
+ var MarkdownContainer = ({ id, role, object, settings, viewMode, editorStateStore, onViewModeChange }) => {
396
460
  const scrollPastEnd = role === "article";
397
461
  const doc = object instanceof DocumentType ? object : void 0;
398
462
  const extensions = useExtensions({
399
- extensionProviders,
400
463
  document: doc,
401
464
  settings,
402
465
  viewMode,
@@ -441,15 +504,15 @@ var DocumentEditor = ({ id, document: doc, settings, viewMode, ...props }) => {
441
504
  doc,
442
505
  doc.content
443
506
  ]);
444
- const fileManagerPlugin = useResolvePlugin(parseFileManagerPlugin);
507
+ const [upload] = useCapabilities2(Capabilities.FileUploader);
445
508
  const handleFileUpload = useMemo4(() => {
446
- if (space === void 0 || fileManagerPlugin?.provides.file.upload === void 0) {
509
+ if (space === void 0 || upload === void 0) {
447
510
  return void 0;
448
511
  }
449
- return async (file) => fileManagerPlugin?.provides?.file?.upload?.(file, space);
512
+ return async (file) => upload(file, space);
450
513
  }, [
451
514
  space,
452
- fileManagerPlugin
515
+ upload
453
516
  ]);
454
517
  return /* @__PURE__ */ React3.createElement(MarkdownEditor, {
455
518
  id,
@@ -466,4 +529,4 @@ export {
466
529
  DocumentEditor,
467
530
  MarkdownContainer_default as default
468
531
  };
469
- //# sourceMappingURL=MarkdownContainer-E7W623A7.mjs.map
532
+ //# sourceMappingURL=MarkdownContainer-WXTODKI4.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, isNonNullable } 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(isNonNullable),\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", "isNonNullable", "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", "isNonNullable", "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,52 @@
1
+ import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
2
+ import {
3
+ translations_default
4
+ } from "./chunk-OXPPXUUU.mjs";
5
+ import {
6
+ DocumentType,
7
+ MarkdownAction
8
+ } from "./chunk-MMVIEZ43.mjs";
9
+ import {
10
+ MARKDOWN_PLUGIN
11
+ } from "./chunk-BBVPC53M.mjs";
12
+
13
+ // packages/plugins/plugin-markdown/src/capabilities/app-graph-serializer.ts
14
+ import { pipe } from "effect";
15
+ import { contributes, Capabilities, chain, createIntent } from "@dxos/app-framework";
16
+ import { SpaceAction, CollectionType } from "@dxos/plugin-space/types";
17
+ import { isSpace } from "@dxos/react-client/echo";
18
+ var app_graph_serializer_default = (context) => contributes(Capabilities.AppGraphSerializer, [
19
+ {
20
+ inputType: DocumentType.typename,
21
+ outputType: "text/markdown",
22
+ // Reconcile with metadata serializers.
23
+ serialize: async (node) => {
24
+ const doc = node.data;
25
+ const content = await doc.content.load();
26
+ return {
27
+ name: doc.name || doc.fallbackName || translations_default[0]["en-US"][MARKDOWN_PLUGIN]["document title placeholder"],
28
+ data: content.content,
29
+ type: "text/markdown"
30
+ };
31
+ },
32
+ deserialize: async (data, ancestors) => {
33
+ const space = ancestors.find(isSpace);
34
+ const target = ancestors.findLast((ancestor) => ancestor instanceof CollectionType) ?? space?.properties[CollectionType.typename]?.target;
35
+ if (!space || !target) {
36
+ return;
37
+ }
38
+ const { dispatchPromise: dispatch } = context.requestCapability(Capabilities.IntentDispatcher);
39
+ const result = await dispatch(pipe(createIntent(MarkdownAction.Create, {
40
+ name: data.name,
41
+ content: data.data
42
+ }), chain(SpaceAction.AddObject, {
43
+ target
44
+ })));
45
+ return result.data?.object;
46
+ }
47
+ }
48
+ ]);
49
+ export {
50
+ app_graph_serializer_default as default
51
+ };
52
+ //# sourceMappingURL=app-graph-serializer-H7LI476D.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
+ }