@dxos/plugin-markdown 0.8.1 → 0.8.2-main.36232bc

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-T3HU27RE.mjs → MarkdownContainer-PDIKEQQU.mjs} +15 -12
  2. package/dist/lib/browser/MarkdownContainer-PDIKEQQU.mjs.map +7 -0
  3. package/dist/lib/browser/MarkdownPreview-2G2FVWO2.mjs +73 -0
  4. package/dist/lib/browser/MarkdownPreview-2G2FVWO2.mjs.map +7 -0
  5. package/dist/lib/browser/{app-graph-serializer-NOXI4IQ5.mjs → app-graph-serializer-OCXP7PCK.mjs} +3 -3
  6. package/dist/lib/browser/{artifact-definition-CE6J6NY4.mjs → artifact-definition-XTVOUMMI.mjs} +2 -2
  7. package/dist/lib/browser/{chunk-YCJNW2RU.mjs → chunk-GVOEHF7E.mjs} +10 -1
  8. package/dist/lib/browser/chunk-GVOEHF7E.mjs.map +7 -0
  9. package/dist/lib/browser/{chunk-QXDKFACU.mjs → chunk-LJ2UFBJ2.mjs} +5 -3
  10. package/dist/lib/browser/{chunk-QXDKFACU.mjs.map → chunk-LJ2UFBJ2.mjs.map} +2 -2
  11. package/dist/lib/browser/{chunk-3ULJ4FIJ.mjs → chunk-QV6ZIXAD.mjs} +10 -23
  12. package/dist/lib/browser/chunk-QV6ZIXAD.mjs.map +7 -0
  13. package/dist/lib/browser/chunk-UQ2W5NRK.mjs +20 -0
  14. package/dist/lib/browser/chunk-UQ2W5NRK.mjs.map +7 -0
  15. package/dist/lib/browser/index.mjs +8 -4
  16. package/dist/lib/browser/index.mjs.map +2 -2
  17. package/dist/lib/browser/intent-resolver-H37L3DBD.mjs +86 -0
  18. package/dist/lib/browser/intent-resolver-H37L3DBD.mjs.map +7 -0
  19. package/dist/lib/browser/meta.json +1 -1
  20. package/dist/lib/browser/{react-surface-RQX3CPFV.mjs → react-surface-OIHIDL6Q.mjs} +11 -4
  21. package/dist/lib/browser/react-surface-OIHIDL6Q.mjs.map +7 -0
  22. package/dist/lib/browser/{settings-GCSS3Y4Z.mjs → settings-EQSDBX6O.mjs} +4 -4
  23. package/dist/lib/browser/settings-EQSDBX6O.mjs.map +7 -0
  24. package/dist/lib/browser/{state-O7P5JDIH.mjs → state-AIN4J7N5.mjs} +1 -1
  25. package/dist/lib/browser/{state-O7P5JDIH.mjs.map → state-AIN4J7N5.mjs.map} +2 -2
  26. package/dist/lib/browser/{thread-3QGCFNVZ.mjs → thread-MFKBUVCB.mjs} +2 -2
  27. package/dist/lib/browser/types/index.mjs +3 -1
  28. package/dist/lib/node/{MarkdownContainer-6ZJIFAP6.cjs → MarkdownContainer-GYHFOCWZ.cjs} +18 -15
  29. package/dist/lib/node/MarkdownContainer-GYHFOCWZ.cjs.map +7 -0
  30. package/dist/lib/node/MarkdownPreview-T32LRPVG.cjs +96 -0
  31. package/dist/lib/node/MarkdownPreview-T32LRPVG.cjs.map +7 -0
  32. package/dist/lib/node/{app-graph-serializer-HKK3SEDN.cjs → app-graph-serializer-KBDLASRP.cjs} +9 -9
  33. package/dist/lib/node/{artifact-definition-XGADFWCQ.cjs → artifact-definition-ADEN2KD6.cjs} +9 -9
  34. package/dist/lib/node/{chunk-7QVONRSI.cjs → chunk-HB44GO7V.cjs} +13 -57
  35. package/dist/lib/node/chunk-HB44GO7V.cjs.map +7 -0
  36. package/dist/lib/node/{chunk-H5MYVP6F.cjs → chunk-JO4SBK36.cjs} +9 -7
  37. package/dist/lib/node/{chunk-H5MYVP6F.cjs.map → chunk-JO4SBK36.cjs.map} +2 -2
  38. package/dist/lib/node/chunk-WGMVEPB3.cjs +75 -0
  39. package/dist/lib/node/chunk-WGMVEPB3.cjs.map +7 -0
  40. package/dist/lib/node/{chunk-UEXGNGSS.cjs → chunk-YHL4JSA6.cjs} +14 -4
  41. package/dist/lib/node/chunk-YHL4JSA6.cjs.map +7 -0
  42. package/dist/lib/node/index.cjs +23 -20
  43. package/dist/lib/node/index.cjs.map +2 -2
  44. package/dist/lib/node/{intent-resolver-NW27BF3W.cjs → intent-resolver-NX5QNRYF.cjs} +45 -9
  45. package/dist/lib/node/intent-resolver-NX5QNRYF.cjs.map +7 -0
  46. package/dist/lib/node/meta.json +1 -1
  47. package/dist/lib/node/{react-surface-5X3SMHGI.cjs → react-surface-JYGR4QB3.cjs} +15 -8
  48. package/dist/lib/node/react-surface-JYGR4QB3.cjs.map +7 -0
  49. package/dist/lib/node/{settings-S2ISUVIH.cjs → settings-2JXASSLU.cjs} +7 -7
  50. package/dist/lib/node/settings-2JXASSLU.cjs.map +7 -0
  51. package/dist/lib/node/{state-L44SG3ZM.cjs → state-PC7IVXFP.cjs} +4 -4
  52. package/dist/lib/node/{state-L44SG3ZM.cjs.map → state-PC7IVXFP.cjs.map} +2 -2
  53. package/dist/lib/node/{thread-42R57L4K.cjs → thread-MXEGV6HS.cjs} +6 -6
  54. package/dist/lib/node/types/index.cjs +8 -6
  55. package/dist/lib/node/types/index.cjs.map +2 -2
  56. package/dist/lib/node-esm/{MarkdownContainer-URAPTO37.mjs → MarkdownContainer-7T5H7ROL.mjs} +15 -12
  57. package/dist/lib/node-esm/MarkdownContainer-7T5H7ROL.mjs.map +7 -0
  58. package/dist/lib/node-esm/MarkdownPreview-MGR5BF6U.mjs +74 -0
  59. package/dist/lib/node-esm/MarkdownPreview-MGR5BF6U.mjs.map +7 -0
  60. package/dist/lib/node-esm/{app-graph-serializer-QQ2CTHOQ.mjs → app-graph-serializer-67CO7ST3.mjs} +3 -3
  61. package/dist/lib/node-esm/{artifact-definition-WRG5ZRN5.mjs → artifact-definition-KTS5M2FW.mjs} +2 -2
  62. package/dist/lib/node-esm/{chunk-F6UHVLH7.mjs → chunk-4U2F4EB7.mjs} +10 -23
  63. package/dist/lib/node-esm/chunk-4U2F4EB7.mjs.map +7 -0
  64. package/dist/lib/node-esm/chunk-JNA7GQEA.mjs +22 -0
  65. package/dist/lib/node-esm/chunk-JNA7GQEA.mjs.map +7 -0
  66. package/dist/lib/node-esm/{chunk-4AM4VU3Y.mjs → chunk-NUZHKZSZ.mjs} +10 -1
  67. package/dist/lib/node-esm/chunk-NUZHKZSZ.mjs.map +7 -0
  68. package/dist/lib/node-esm/{chunk-JAVD67QP.mjs → chunk-VQA6BQGT.mjs} +5 -3
  69. package/dist/lib/node-esm/{chunk-JAVD67QP.mjs.map → chunk-VQA6BQGT.mjs.map} +2 -2
  70. package/dist/lib/node-esm/index.mjs +8 -4
  71. package/dist/lib/node-esm/index.mjs.map +2 -2
  72. package/dist/lib/node-esm/intent-resolver-XES4ZCA6.mjs +87 -0
  73. package/dist/lib/node-esm/intent-resolver-XES4ZCA6.mjs.map +7 -0
  74. package/dist/lib/node-esm/meta.json +1 -1
  75. package/dist/lib/node-esm/{react-surface-6IKC3G46.mjs → react-surface-QIMBMILA.mjs} +11 -4
  76. package/dist/lib/node-esm/react-surface-QIMBMILA.mjs.map +7 -0
  77. package/dist/lib/node-esm/{settings-ZDIFTK4N.mjs → settings-67RVIH3N.mjs} +4 -4
  78. package/dist/lib/node-esm/settings-67RVIH3N.mjs.map +7 -0
  79. package/dist/lib/node-esm/{state-DWPOKLEY.mjs → state-PNOPM4TS.mjs} +1 -1
  80. package/dist/lib/node-esm/{state-DWPOKLEY.mjs.map → state-PNOPM4TS.mjs.map} +2 -2
  81. package/dist/lib/node-esm/{thread-R2KHZD6V.mjs → thread-5U4KSBED.mjs} +2 -2
  82. package/dist/lib/node-esm/types/index.mjs +3 -1
  83. package/dist/types/src/capabilities/intent-resolver.d.ts.map +1 -1
  84. package/dist/types/src/capabilities/react-surface.d.ts.map +1 -1
  85. package/dist/types/src/components/MarkdownContainer.d.ts.map +1 -1
  86. package/dist/types/src/components/{MarkdownEditor.d.ts → MarkdownEditor/MarkdownEditor.d.ts} +1 -1
  87. package/dist/types/src/components/MarkdownEditor/MarkdownEditor.d.ts.map +1 -0
  88. package/dist/types/src/components/{MarkdownEditor.stories.d.ts → MarkdownEditor/MarkdownEditor.stories.d.ts} +3 -3
  89. package/dist/types/src/components/MarkdownEditor/MarkdownEditor.stories.d.ts.map +1 -0
  90. package/dist/types/src/components/MarkdownEditor/index.d.ts +2 -0
  91. package/dist/types/src/components/MarkdownEditor/index.d.ts.map +1 -0
  92. package/dist/types/src/components/MarkdownPreview/MarkdownPreview.d.ts +6 -0
  93. package/dist/types/src/components/MarkdownPreview/MarkdownPreview.d.ts.map +1 -0
  94. package/dist/types/src/components/MarkdownPreview/MarkdownPreview.stories.d.ts +191 -0
  95. package/dist/types/src/components/MarkdownPreview/MarkdownPreview.stories.d.ts.map +1 -0
  96. package/dist/types/src/components/MarkdownPreview/index.d.ts +4 -0
  97. package/dist/types/src/components/MarkdownPreview/index.d.ts.map +1 -0
  98. package/dist/types/src/components/{MarkdownSettings.d.ts → MarkdownSettings/MarkdownSettings.d.ts} +1 -1
  99. package/dist/types/src/components/MarkdownSettings/MarkdownSettings.d.ts.map +1 -0
  100. package/dist/types/src/components/MarkdownSettings/index.d.ts +2 -0
  101. package/dist/types/src/components/MarkdownSettings/index.d.ts.map +1 -0
  102. package/dist/types/src/components/Suggestions.stories.d.ts +12 -0
  103. package/dist/types/src/components/Suggestions.stories.d.ts.map +1 -0
  104. package/dist/types/src/components/Toolbar.stories.d.ts +2 -2
  105. package/dist/types/src/components/Toolbar.stories.d.ts.map +1 -1
  106. package/dist/types/src/components/index.d.ts +1 -0
  107. package/dist/types/src/components/index.d.ts.map +1 -1
  108. package/dist/types/src/extensions.d.ts.map +1 -1
  109. package/dist/types/src/translations.d.ts +6 -0
  110. package/dist/types/src/translations.d.ts.map +1 -1
  111. package/dist/types/src/types/schema.d.ts +421 -17
  112. package/dist/types/src/types/schema.d.ts.map +1 -1
  113. package/dist/types/src/types/types.d.ts +120 -8
  114. package/dist/types/src/types/types.d.ts.map +1 -1
  115. package/dist/types/src/util.d.ts +1 -0
  116. package/dist/types/src/util.d.ts.map +1 -1
  117. package/package.json +37 -32
  118. package/src/MarkdownPlugin.tsx +3 -3
  119. package/src/capabilities/intent-resolver.ts +38 -5
  120. package/src/capabilities/react-surface.tsx +8 -1
  121. package/src/capabilities/settings.ts +2 -2
  122. package/src/capabilities/state.ts +1 -1
  123. package/src/components/MarkdownContainer.tsx +1 -0
  124. package/src/components/{MarkdownEditor.stories.tsx → MarkdownEditor/MarkdownEditor.stories.tsx} +22 -35
  125. package/src/components/{MarkdownEditor.tsx → MarkdownEditor/MarkdownEditor.tsx} +4 -4
  126. package/src/components/MarkdownEditor/index.ts +5 -0
  127. package/src/components/MarkdownPreview/MarkdownPreview.stories.tsx +68 -0
  128. package/src/components/MarkdownPreview/MarkdownPreview.tsx +59 -0
  129. package/src/components/MarkdownPreview/index.ts +9 -0
  130. package/src/components/{MarkdownSettings.tsx → MarkdownSettings/MarkdownSettings.tsx} +2 -2
  131. package/src/components/MarkdownSettings/index.ts +5 -0
  132. package/src/components/Suggestions.stories.tsx +184 -0
  133. package/src/components/Toolbar.stories.tsx +15 -15
  134. package/src/components/index.ts +1 -0
  135. package/src/extensions.tsx +37 -32
  136. package/src/translations.ts +2 -0
  137. package/src/types/schema.ts +5 -0
  138. package/src/util.tsx +6 -2
  139. package/dist/lib/browser/MarkdownContainer-T3HU27RE.mjs.map +0 -7
  140. package/dist/lib/browser/chunk-3ULJ4FIJ.mjs.map +0 -7
  141. package/dist/lib/browser/chunk-YCJNW2RU.mjs.map +0 -7
  142. package/dist/lib/browser/intent-resolver-42GQ6HNZ.mjs +0 -50
  143. package/dist/lib/browser/intent-resolver-42GQ6HNZ.mjs.map +0 -7
  144. package/dist/lib/browser/react-surface-RQX3CPFV.mjs.map +0 -7
  145. package/dist/lib/browser/settings-GCSS3Y4Z.mjs.map +0 -7
  146. package/dist/lib/node/MarkdownContainer-6ZJIFAP6.cjs.map +0 -7
  147. package/dist/lib/node/chunk-7QVONRSI.cjs.map +0 -7
  148. package/dist/lib/node/chunk-UEXGNGSS.cjs.map +0 -7
  149. package/dist/lib/node/intent-resolver-NW27BF3W.cjs.map +0 -7
  150. package/dist/lib/node/react-surface-5X3SMHGI.cjs.map +0 -7
  151. package/dist/lib/node/settings-S2ISUVIH.cjs.map +0 -7
  152. package/dist/lib/node-esm/MarkdownContainer-URAPTO37.mjs.map +0 -7
  153. package/dist/lib/node-esm/chunk-4AM4VU3Y.mjs.map +0 -7
  154. package/dist/lib/node-esm/chunk-F6UHVLH7.mjs.map +0 -7
  155. package/dist/lib/node-esm/intent-resolver-7HOMUVHR.mjs +0 -51
  156. package/dist/lib/node-esm/intent-resolver-7HOMUVHR.mjs.map +0 -7
  157. package/dist/lib/node-esm/react-surface-6IKC3G46.mjs.map +0 -7
  158. package/dist/lib/node-esm/settings-ZDIFTK4N.mjs.map +0 -7
  159. package/dist/types/src/components/MarkdownEditor.d.ts.map +0 -1
  160. package/dist/types/src/components/MarkdownEditor.stories.d.ts.map +0 -1
  161. package/dist/types/src/components/MarkdownSettings.d.ts.map +0 -1
  162. /package/dist/lib/browser/{app-graph-serializer-NOXI4IQ5.mjs.map → app-graph-serializer-OCXP7PCK.mjs.map} +0 -0
  163. /package/dist/lib/browser/{artifact-definition-CE6J6NY4.mjs.map → artifact-definition-XTVOUMMI.mjs.map} +0 -0
  164. /package/dist/lib/browser/{thread-3QGCFNVZ.mjs.map → thread-MFKBUVCB.mjs.map} +0 -0
  165. /package/dist/lib/node/{app-graph-serializer-HKK3SEDN.cjs.map → app-graph-serializer-KBDLASRP.cjs.map} +0 -0
  166. /package/dist/lib/node/{artifact-definition-XGADFWCQ.cjs.map → artifact-definition-ADEN2KD6.cjs.map} +0 -0
  167. /package/dist/lib/node/{thread-42R57L4K.cjs.map → thread-MXEGV6HS.cjs.map} +0 -0
  168. /package/dist/lib/node-esm/{app-graph-serializer-QQ2CTHOQ.mjs.map → app-graph-serializer-67CO7ST3.mjs.map} +0 -0
  169. /package/dist/lib/node-esm/{artifact-definition-WRG5ZRN5.mjs.map → artifact-definition-KTS5M2FW.mjs.map} +0 -0
  170. /package/dist/lib/node-esm/{thread-R2KHZD6V.mjs.map → thread-5U4KSBED.mjs.map} +0 -0
@@ -0,0 +1,59 @@
1
+ //
2
+ // Copyright 2025 DXOS.org
3
+ //
4
+
5
+ import React, { useCallback } from 'react';
6
+
7
+ import { createIntent, LayoutAction, useIntentDispatcher } from '@dxos/app-framework';
8
+ import { isInstanceOf } from '@dxos/echo-schema';
9
+ import { type PreviewProps, previewCard, previewTitle, previewProse, previewChrome } from '@dxos/plugin-preview';
10
+ import { fullyQualifiedId } from '@dxos/react-client/echo';
11
+ import { Button, Icon, useTranslation } from '@dxos/react-ui';
12
+ import { mx } from '@dxos/react-ui-theme';
13
+ import { TextType } from '@dxos/schema';
14
+
15
+ import { MARKDOWN_PLUGIN } from '../../meta';
16
+ import { DocumentType } from '../../types';
17
+ import { getAbstract, getFallbackName } from '../../util';
18
+
19
+ // TODO(burdon): Factor out.
20
+ const getTitle = (subject: DocumentType | TextType, fallback: string) => {
21
+ if (isInstanceOf(DocumentType, subject)) {
22
+ return subject.name ?? subject.fallbackName ?? getFallbackName(subject.content?.target?.content ?? fallback);
23
+ } else if (isInstanceOf(TextType, subject)) {
24
+ return getFallbackName(subject.content);
25
+ }
26
+ };
27
+
28
+ // TODO(burdon): Factor out.
29
+ const getSnippet = (subject: DocumentType | TextType, fallback: string) => {
30
+ if (isInstanceOf(DocumentType, subject)) {
31
+ return getAbstract(subject.content?.target?.content ?? fallback);
32
+ } else if (isInstanceOf(TextType, subject)) {
33
+ return getAbstract(subject.content);
34
+ }
35
+ };
36
+
37
+ export const MarkdownPreview = ({ classNames, subject }: PreviewProps<DocumentType | TextType>) => {
38
+ const { dispatchPromise: dispatch } = useIntentDispatcher();
39
+ const { t } = useTranslation(MARKDOWN_PLUGIN);
40
+ const snippet = getSnippet(subject, t('fallback abstract'));
41
+
42
+ const handleNavigate = useCallback(
43
+ async () => dispatch(createIntent(LayoutAction.Open, { part: 'main', subject: [fullyQualifiedId(subject)] })),
44
+ [dispatch, subject],
45
+ );
46
+
47
+ return (
48
+ <div role='none' className={mx(previewCard, classNames)}>
49
+ <h2 className={mx(previewTitle, previewProse)}>{getTitle(subject, t('fallback title'))}</h2>
50
+ {snippet && <p className={mx(previewProse, 'line-clamp-3 break-words col-span-2')}>{snippet}</p>}
51
+ <div role='none' className={previewChrome}>
52
+ <Button onClick={handleNavigate}>
53
+ <span className='grow'>{t('navigate to document label')}</span>
54
+ <Icon icon='ph--arrow-right--regular' />
55
+ </Button>
56
+ </div>
57
+ </div>
58
+ );
59
+ };
@@ -0,0 +1,9 @@
1
+ //
2
+ // Copyright 2025 DXOS.org
3
+ //
4
+
5
+ import { MarkdownPreview } from './MarkdownPreview';
6
+
7
+ export * from './MarkdownPreview';
8
+
9
+ export default MarkdownPreview;
@@ -8,8 +8,8 @@ import { Input, Select, useTranslation } from '@dxos/react-ui';
8
8
  import { type EditorInputMode, EditorInputModes, type EditorViewMode, EditorViewModes } from '@dxos/react-ui-editor';
9
9
  import { DeprecatedFormContainer, DeprecatedFormInput } from '@dxos/react-ui-form';
10
10
 
11
- import { MARKDOWN_PLUGIN } from '../meta';
12
- import { type MarkdownSettingsProps } from '../types';
11
+ import { MARKDOWN_PLUGIN } from '../../meta';
12
+ import { type MarkdownSettingsProps } from '../../types';
13
13
 
14
14
  export const MarkdownSettings = ({ settings }: { settings: MarkdownSettingsProps }) => {
15
15
  const { t } = useTranslation(MARKDOWN_PLUGIN);
@@ -0,0 +1,5 @@
1
+ //
2
+ // Copyright 2025 DXOS.org
3
+ //
4
+
5
+ export * from './MarkdownSettings';
@@ -0,0 +1,184 @@
1
+ //
2
+ // Copyright 2023 DXOS.org
3
+ //
4
+
5
+ import '@dxos-theme';
6
+
7
+ import { type Meta } from '@storybook/react';
8
+ import React, { type FC, useEffect, useMemo, useState } from 'react';
9
+
10
+ import {
11
+ Capabilities,
12
+ CollaborationActions,
13
+ IntentPlugin,
14
+ SettingsPlugin,
15
+ contributes,
16
+ createIntent,
17
+ useCapability,
18
+ useIntentDispatcher,
19
+ } from '@dxos/app-framework';
20
+ import { withPluginManager } from '@dxos/app-framework/testing';
21
+ import { Message } from '@dxos/artifact';
22
+ import { S, AST, create, type Expando, EchoObject } from '@dxos/echo-schema';
23
+ import { invariant } from '@dxos/invariant';
24
+ import { DXN } from '@dxos/keys';
25
+ import { live, makeRef, refFromDXN } from '@dxos/live-object';
26
+ import { ClientPlugin } from '@dxos/plugin-client';
27
+ import { PreviewPlugin } from '@dxos/plugin-preview';
28
+ import { SpacePlugin } from '@dxos/plugin-space';
29
+ import { StorybookLayoutPlugin } from '@dxos/plugin-storybook-layout';
30
+ import { ThemePlugin } from '@dxos/plugin-theme';
31
+ import { faker } from '@dxos/random';
32
+ import { createQueueDxn, useQueue, useSpace } from '@dxos/react-client/echo';
33
+ import { IconButton, Toolbar } from '@dxos/react-ui';
34
+ import { command, useTextEditor } from '@dxos/react-ui-editor';
35
+ import { StackItem } from '@dxos/react-ui-stack';
36
+ import { defaultTx } from '@dxos/react-ui-theme';
37
+ import { withLayout } from '@dxos/storybook-utils';
38
+
39
+ import MarkdownContainer from './MarkdownContainer';
40
+ import { MarkdownPlugin } from '../MarkdownPlugin';
41
+ import { MarkdownCapabilities } from '../capabilities';
42
+ import { MARKDOWN_PLUGIN } from '../meta';
43
+ import translations from '../translations';
44
+ import { createDocument, DocumentType, type MarkdownSettingsProps } from '../types';
45
+
46
+ faker.seed(1);
47
+
48
+ const TestItem = S.Struct({
49
+ title: S.String.annotations({
50
+ [AST.TitleAnnotationId]: 'Title',
51
+ [AST.DescriptionAnnotationId]: 'Product title',
52
+ }),
53
+ description: S.String.annotations({
54
+ [AST.TitleAnnotationId]: 'Description',
55
+ [AST.DescriptionAnnotationId]: 'Product description',
56
+ }),
57
+ }).pipe(EchoObject({ typename: 'dxos.org/type/Test', version: '0.1.0' }));
58
+
59
+ const TestChat: FC<{ doc: DocumentType; content: string }> = ({ doc, content }) => {
60
+ const { dispatchPromise: dispatch } = useIntentDispatcher();
61
+ const { parentRef } = useTextEditor({ initialValue: content });
62
+
63
+ const space = useSpace();
64
+ const queueDxn = useMemo(() => space && createQueueDxn(space.id), [space]);
65
+ const queue = useQueue<Message>(queueDxn);
66
+
67
+ const handleInsert = () => {
68
+ invariant(space);
69
+ invariant(queue);
70
+ queue.append([create(Message, { role: 'assistant', content: [{ type: 'text', text: 'Hello' }] })]);
71
+ const message = queue.items[queue.items.length - 1];
72
+
73
+ // {
74
+ // const ref = refFromDXN(new DXN(DXN.kind.QUEUE, [...queue.dxn.parts, message.id]));
75
+
76
+ // const message = deref(ref);
77
+ // }
78
+
79
+ void dispatch(
80
+ createIntent(CollaborationActions.InsertContent, {
81
+ spaceId: space.id,
82
+ target: makeRef(doc as any as Expando), // TODO(burdon): Comomon base type.
83
+ object: refFromDXN(new DXN(DXN.kind.QUEUE, [...queue.dxn.parts, message.id])),
84
+ label: 'Proposal',
85
+ }),
86
+ );
87
+ };
88
+
89
+ return (
90
+ <StackItem.Content toolbar classNames='w-full'>
91
+ <Toolbar.Root classNames='border-be border-separator'>
92
+ <IconButton icon='ph--plus--regular' disabled={!queue} label='Insert' onClick={handleInsert} />
93
+ </Toolbar.Root>
94
+ <div ref={parentRef} className='p-4' />
95
+ </StackItem.Content>
96
+ );
97
+ };
98
+
99
+ const DefaultStory = ({ document, chat }: { document: string; chat: string }) => {
100
+ const space = useSpace();
101
+ const [doc, setDoc] = useState<DocumentType>();
102
+ const settings = useCapability(Capabilities.SettingsStore).getStore<MarkdownSettingsProps>(MARKDOWN_PLUGIN)!.value;
103
+
104
+ useEffect(() => {
105
+ if (!space) {
106
+ return undefined;
107
+ }
108
+
109
+ const doc = space.db.add(
110
+ createDocument({
111
+ name: 'Test',
112
+
113
+ // Create links.
114
+ content: document.replaceAll(/\[(\w+)\]/g, (_, label) => {
115
+ const obj = space.db.add(live(TestItem, { title: label, description: faker.lorem.paragraph() }));
116
+ const dxn = makeRef(obj).dxn.toString();
117
+ return `[${label}][${dxn}]`;
118
+ }),
119
+ }),
120
+ );
121
+
122
+ setDoc(doc);
123
+ }, [space]);
124
+
125
+ if (!space || !doc) {
126
+ return <></>;
127
+ }
128
+
129
+ return (
130
+ <>
131
+ <MarkdownContainer id={doc.id} object={doc} settings={settings} />
132
+ <TestChat doc={doc} content={chat} />
133
+ </>
134
+ );
135
+ };
136
+
137
+ const meta: Meta<typeof DefaultStory> = {
138
+ title: 'plugins/plugin-markdown/Suggestions',
139
+ render: DefaultStory,
140
+ decorators: [
141
+ withPluginManager({
142
+ plugins: [
143
+ ThemePlugin({ tx: defaultTx }),
144
+ StorybookLayoutPlugin(),
145
+ ClientPlugin({
146
+ types: [DocumentType, TestItem],
147
+ onClientInitialized: async (_, client) => {
148
+ await client.halo.createIdentity();
149
+ },
150
+ }),
151
+ SpacePlugin(),
152
+ SettingsPlugin(),
153
+ IntentPlugin(),
154
+ MarkdownPlugin(),
155
+ PreviewPlugin(),
156
+ ],
157
+ capabilities: [contributes(MarkdownCapabilities.Extensions, [() => command()])],
158
+ }),
159
+ withLayout({ tooltips: true, fullscreen: true, classNames: 'grid grid-cols-2' }),
160
+ ],
161
+ parameters: {
162
+ translations,
163
+ },
164
+ };
165
+
166
+ export default meta;
167
+
168
+ type Story = Meta<typeof DefaultStory>;
169
+
170
+ export const Default: Story = {
171
+ args: {
172
+ chat: 'Hello\n',
173
+ document: [
174
+ '# Test',
175
+ '',
176
+ faker.lorem.paragraph(1),
177
+ '',
178
+ 'This is a [DXOS] story that tests [ECHO] references inside the Markdown plugin.',
179
+ '',
180
+ faker.lorem.paragraph(3),
181
+ '',
182
+ ].join('\n'),
183
+ },
184
+ };
@@ -8,11 +8,12 @@ import { type Meta } from '@storybook/react';
8
8
  import React, { type FC, useState } from 'react';
9
9
 
10
10
  import { PublicKey } from '@dxos/keys';
11
- import { create } from '@dxos/live-object';
11
+ import { live } from '@dxos/live-object';
12
12
  import { faker } from '@dxos/random';
13
13
  import { createDocAccessor, createObject } from '@dxos/react-client/echo';
14
14
  import { useThemeContext } from '@dxos/react-ui';
15
15
  import {
16
+ EditorToolbar,
16
17
  type EditorAction,
17
18
  type Comment,
18
19
  comments,
@@ -23,7 +24,6 @@ import {
23
24
  decorateMarkdown,
24
25
  editorContent,
25
26
  formattingKeymap,
26
- EditorToolbar,
27
27
  translations,
28
28
  useActionHandler,
29
29
  useComments,
@@ -36,11 +36,9 @@ import { withLayout, withTheme } from '@dxos/storybook-utils';
36
36
 
37
37
  faker.seed(101);
38
38
 
39
- const _onUpload = async (file: File) => ({ url: file.name });
40
-
41
39
  const DefaultStory: FC<{ content?: string }> = ({ content = '' }) => {
42
40
  const { themeMode } = useThemeContext();
43
- const [text] = useState(createObject(create(TextType, { content })));
41
+ const [text] = useState(createObject(live(TextType, { content })));
44
42
  const toolbarState = useEditorToolbarState({ viewMode: 'preview' });
45
43
  const formattingObserver = useFormattingState(toolbarState);
46
44
  const { parentRef, view } = useTextEditor(() => {
@@ -79,9 +77,9 @@ const DefaultStory: FC<{ content?: string }> = ({ content = '' }) => {
79
77
  useComments(view, text.id, _comments);
80
78
 
81
79
  return (
82
- <div role='none' className='fixed inset-0 flex flex-col'>
80
+ <div role='none' className='flex flex-col'>
83
81
  <EditorToolbar onAction={handleAction} state={toolbarState ?? {}} />
84
- <div ref={parentRef} />
82
+ <div className='flex grow overflow-hidden' ref={parentRef} />
85
83
  </div>
86
84
  );
87
85
  };
@@ -96,18 +94,20 @@ const content = [
96
94
  '',
97
95
  ].join('\n');
98
96
 
99
- export const Default = {
100
- args: {
101
- content,
102
- },
103
- };
104
-
105
97
  const meta: Meta<typeof EditorToolbar> = {
106
98
  title: 'plugins/plugin-markdown/Toolbar',
107
99
  component: EditorToolbar,
108
100
  render: DefaultStory as any,
109
- decorators: [withTheme, withLayout({ tooltips: true })],
110
- parameters: { translations, layout: 'fullscreen' },
101
+ decorators: [withTheme, withLayout({ tooltips: true, fullscreen: true })],
102
+ parameters: {
103
+ translations,
104
+ },
111
105
  };
112
106
 
113
107
  export default meta;
108
+
109
+ export const Default = {
110
+ args: {
111
+ content,
112
+ },
113
+ };
@@ -7,3 +7,4 @@ import { lazy } from 'react';
7
7
  export * from './MarkdownSettings';
8
8
 
9
9
  export const MarkdownContainer = lazy(() => import('./MarkdownContainer'));
10
+ export const MarkdownPreview = lazy(() => import('./MarkdownPreview'));
@@ -29,8 +29,10 @@ import {
29
29
  formattingKeymap,
30
30
  linkTooltip,
31
31
  listener,
32
+ preview,
32
33
  selectionState,
33
34
  typewriter,
35
+ type RenderCallback,
34
36
  } from '@dxos/react-ui-editor';
35
37
  import { defaultTx } from '@dxos/react-ui-theme';
36
38
  import { type TextType } from '@dxos/schema';
@@ -175,7 +177,7 @@ const createBaseExtensions = ({
175
177
  // TODO(wittjosiah): For internal links, consider ignoring the link text and rendering the label of the object being linked to.
176
178
  renderLinkButton:
177
179
  dispatch && (document || id)
178
- ? onRenderLink((id: string) => {
180
+ ? createLinkRenderer((id: string) => {
179
181
  void dispatch(
180
182
  createIntent(LayoutAction.Open, {
181
183
  part: 'main',
@@ -189,6 +191,7 @@ const createBaseExtensions = ({
189
191
  : undefined,
190
192
  }),
191
193
  linkTooltip(renderLinkTooltip),
194
+ preview(),
192
195
  ],
193
196
  );
194
197
  }
@@ -233,40 +236,42 @@ const style = {
233
236
  icon: 'inline-block leading-none mis-1 cursor-pointer',
234
237
  };
235
238
 
236
- const onRenderLink = (onSelectObject: (id: string) => void) => (el: Element, url: string) => {
237
- // TODO(burdon): Formalize/document internal link format.
238
- const isInternal =
239
- url.startsWith('/') ||
240
- // TODO(wittjosiah): This should probably be parsed out on paste?
241
- url.startsWith(window.location.origin);
239
+ const createLinkRenderer =
240
+ (onSelectObject: (id: string) => void): RenderCallback<{ url: string }> =>
241
+ (el, { url }) => {
242
+ // TODO(burdon): Formalize/document internal link format.
243
+ const isInternal =
244
+ url.startsWith('/') ||
245
+ // TODO(wittjosiah): This should probably be parsed out on paste?
246
+ url.startsWith(window.location.origin);
242
247
 
243
- const options: AnchorHTMLAttributes<any> = isInternal
244
- ? {
245
- onClick: () => {
246
- const qualifiedId = url.split('/').at(-1);
247
- invariant(qualifiedId, 'Invalid link format.');
248
- onSelectObject(qualifiedId);
249
- },
250
- }
251
- : {
252
- href: url,
253
- rel: 'noreferrer',
254
- target: '_blank',
255
- };
248
+ const options: AnchorHTMLAttributes<any> = isInternal
249
+ ? {
250
+ onClick: () => {
251
+ const qualifiedId = url.split('/').at(-1);
252
+ invariant(qualifiedId, 'Invalid link format.');
253
+ onSelectObject(qualifiedId);
254
+ },
255
+ }
256
+ : {
257
+ href: url,
258
+ rel: 'noreferrer',
259
+ target: '_blank',
260
+ };
256
261
 
257
- renderRoot(
258
- el,
259
- <a {...options} className={style.hover}>
260
- <Icon
261
- icon={isInternal ? 'ph--arrow-square-down--bold' : 'ph--arrow-square-out--bold'}
262
- size={4}
263
- classNames={style.icon}
264
- />
265
- </a>,
266
- );
267
- };
262
+ renderRoot(
263
+ el,
264
+ <a {...options} className={style.hover}>
265
+ <Icon
266
+ icon={isInternal ? 'ph--arrow-square-down--bold' : 'ph--arrow-square-out--bold'}
267
+ size={4}
268
+ classNames={style.icon}
269
+ />
270
+ </a>,
271
+ );
272
+ };
268
273
 
269
- const renderLinkTooltip = (el: Element, url: string) => {
274
+ const renderLinkTooltip: RenderCallback<{ url: string }> = (el, { url }) => {
270
275
  const web = new URL(url);
271
276
  renderRoot(
272
277
  el,
@@ -35,6 +35,8 @@ export default [
35
35
  'toggle view mode label': 'Toggle read-only',
36
36
  'default view mode label': 'Default view mode',
37
37
  'upload image label': 'Upload image',
38
+ 'fallback title': 'Untitled',
39
+ 'navigate to document label': 'Open document',
38
40
  },
39
41
  },
40
42
  },
@@ -3,6 +3,7 @@
3
3
  //
4
4
 
5
5
  import { EchoObject, Expando, LabelAnnotationId, Ref, S } from '@dxos/echo-schema';
6
+ import { makeRef, live } from '@dxos/live-object';
6
7
  import { ThreadType } from '@dxos/plugin-space/types';
7
8
  import { TextType } from '@dxos/schema';
8
9
 
@@ -20,6 +21,10 @@ export const DocumentSchema = S.Struct({
20
21
  export const DocumentType = DocumentSchema.pipe(EchoObject({ typename: 'dxos.org/type/Document', version: '0.1.0' }));
21
22
  export type DocumentType = S.Schema.Type<typeof DocumentType>;
22
23
 
24
+ // TODO(burdon): Replace when defaults are supported.
25
+ export const createDocument = ({ name, content }: { name: string; content: string }) =>
26
+ live(DocumentType, { name, content: makeRef(live(TextType, { content })), threads: [] });
27
+
23
28
  /**
24
29
  * Checks if an object conforms to the interface needed to render an editor.
25
30
  */
package/src/util.tsx CHANGED
@@ -4,7 +4,7 @@
4
4
 
5
5
  import { debounce } from '@dxos/async';
6
6
  import { type TypedObjectSerializer } from '@dxos/plugin-space/types';
7
- import { create, createObject, isEchoObject, loadObjectReferences, makeRef } from '@dxos/react-client/echo';
7
+ import { live, createObject, isEchoObject, loadObjectReferences, makeRef } from '@dxos/react-client/echo';
8
8
  import { TextType } from '@dxos/schema';
9
9
 
10
10
  import { DocumentType, type MarkdownProperties } from './types';
@@ -22,6 +22,10 @@ export const getFallbackName = (content: string) => {
22
22
  return content.substring(0, 31).split('\n')[0].replaceAll(nonTitleChars, '').trim();
23
23
  };
24
24
 
25
+ export const getAbstract = (content: string) => {
26
+ return content.substring(0, 128).split('\n')[0].replaceAll(nonTitleChars, '').trim();
27
+ };
28
+
25
29
  export const setFallbackName = debounce((doc: DocumentType, content: string) => {
26
30
  const name = getFallbackName(content);
27
31
  if (doc.fallbackName !== name) {
@@ -38,7 +42,7 @@ export const serializer: TypedObjectSerializer<DocumentType> = {
38
42
  deserialize: async ({ content: serialized }) => {
39
43
  const { name, fallbackName, content } = JSON.parse(serialized);
40
44
  return createObject(
41
- create(DocumentType, { name, fallbackName, content: makeRef(create(TextType, { content })), threads: [] }),
45
+ live(DocumentType, { name, fallbackName, content: makeRef(live(TextType, { content })), threads: [] }),
42
46
  );
43
47
  },
44
48
  };
@@ -1,7 +0,0 @@
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 { isInstanceOf } from '@dxos/echo-schema';\nimport { fullyQualifiedId, getSpace } from '@dxos/react-client/echo';\nimport { TextType } from '@dxos/schema';\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 | TextType | 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 = isInstanceOf(DocumentType, object) ? object : undefined;\n const text = isInstanceOf(TextType, object) ? object : undefined;\n const extensions = useExtensions({ document: doc, text, id, 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 if (text) {\n return (\n <MarkdownEditor\n id={id}\n role={role}\n initialValue={text.content}\n extensions={extensions}\n viewMode={viewMode}\n toolbar={settings.toolbar}\n comment={false}\n inputMode={settings.editorInputMode}\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, useIntentDispatcher } from '@dxos/app-framework';\nimport { ATTENDABLE_PATH_SEPARATOR, DeckAction } from '@dxos/plugin-deck/types';\nimport { useThemeContext, useTranslation } from '@dxos/react-ui';\nimport {\n type DNDOptions,\n type EditorAction,\n type EditorViewMode,\n type EditorInputMode,\n type EditorSelectionState,\n type EditorStateStore,\n EditorToolbar,\n type UseTextEditorProps,\n createBasicExtensions,\n createEditorAction,\n createMarkdownExtensions,\n createThemeExtensions,\n dropFile,\n editorContent,\n editorGutter,\n processEditorPayload,\n stackItemContentEditorClassNames,\n useActionHandler,\n useCommentState,\n useCommentClickListener,\n useFormattingState,\n useTextEditor,\n useEditorToolbarState,\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 // TODO(wittjosiah): Generalize custom toolbar actions (e.g. comment, upload, etc.)\n comment?: 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 comment = true,\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(DeckAction.ChangeCompanion, {\n primary: id,\n companion: `${id}${ATTENDABLE_PATH_SEPARATOR}comments`,\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 comment && commentObserver,\n comment && 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, comment, 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 comment={comment}\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 { type TextType } from '@dxos/schema';\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 id?: string;\n text?: TextType;\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 = ({\n document,\n id,\n text,\n settings,\n viewMode,\n editorStateStore,\n}: ExtensionsOptions): Extension[] => {\n const { dispatchPromise: dispatch } = useIntentDispatcher();\n const identity = useIdentity();\n const space = getSpace(document) ?? getSpace(text);\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 id,\n text,\n settings,\n viewMode,\n dispatch,\n // query,\n }),\n [\n document,\n id,\n text,\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 text &&\n id &&\n createDataExtensions({\n id,\n text: createDocAccessor(text, ['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, text, id, space, identity],\n );\n};\n\n/**\n * Create extension instances for editor.\n */\nconst createBaseExtensions = ({\n document,\n id,\n dispatch,\n settings,\n query,\n viewMode,\n}: 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 || id)\n ? onRenderLink((id: string) => {\n void dispatch(\n createIntent(LayoutAction.Open, {\n part: 'main',\n subject: [id],\n options: {\n pivotId: document ? fullyQualifiedId(document) : id,\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", "isInstanceOf", "fullyQualifiedId", "getSpace", "TextType", "openSearchPanel", "React", "useMemo", "useEffect", "useCallback", "useDropzone", "createIntent", "useIntentDispatcher", "ATTENDABLE_PATH_SEPARATOR", "DeckAction", "useThemeContext", "useTranslation", "EditorToolbar", "createBasicExtensions", "createEditorAction", "createMarkdownExtensions", "createThemeExtensions", "dropFile", "editorContent", "editorGutter", "processEditorPayload", "stackItemContentEditorClassNames", "useActionHandler", "useCommentState", "useCommentClickListener", "useFormattingState", "useTextEditor", "useEditorToolbarState", "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", "comment", "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", "DeckAction", "ChangeCompanion", "primary", "companion", "ATTENDABLE_PATH_SEPARATOR", "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", "state", "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", "id", "text", "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", "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", "isInstanceOf", "DocumentType", "undefined", "text", "TextType", "extensions", "useExtensions", "document", "React", "DocumentEditor", "fullyQualifiedId", "MarkdownEditor", "initialValue", "content", "toolbar", "comment", "inputMode", "editorInputMode", "props", "space", "getSpace", "useEffect", "fallbackName", "target", "getFallbackName", "upload", "useCapabilities", "Capabilities", "FileUploader", "handleFileUpload", "useMemo", "file", "onFileUpload"]
7
- }
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/util.tsx", "../../../src/capabilities/index.ts"],
4
- "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { debounce } from '@dxos/async';\nimport { type TypedObjectSerializer } from '@dxos/plugin-space/types';\nimport { create, createObject, isEchoObject, loadObjectReferences, makeRef } from '@dxos/react-client/echo';\nimport { TextType } from '@dxos/schema';\n\nimport { DocumentType, type MarkdownProperties } from './types';\n\nexport const isMarkdownProperties = (data: unknown): data is MarkdownProperties =>\n isEchoObject(data)\n ? true\n : data && typeof data === 'object'\n ? 'title' in data && typeof data.title === 'string'\n : false;\n\nconst nonTitleChars = /[^\\w ]/g;\n\nexport const getFallbackName = (content: string) => {\n return content.substring(0, 31).split('\\n')[0].replaceAll(nonTitleChars, '').trim();\n};\n\nexport const setFallbackName = debounce((doc: DocumentType, content: string) => {\n const name = getFallbackName(content);\n if (doc.fallbackName !== name) {\n doc.fallbackName = name;\n }\n}, 200);\n\nexport const serializer: TypedObjectSerializer<DocumentType> = {\n serialize: async ({ object }): Promise<string> => {\n const content = await loadObjectReferences(object, (doc) => doc.content);\n return JSON.stringify({ name: object.name, fallbackName: object.fallbackName, content: content.target?.content });\n },\n\n deserialize: async ({ content: serialized }) => {\n const { name, fallbackName, content } = JSON.parse(serialized);\n return createObject(\n create(DocumentType, { name, fallbackName, content: makeRef(create(TextType, { content })), threads: [] }),\n );\n },\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { lazy } from '@dxos/app-framework';\n\nexport const AppGraphSerializer = lazy(() => import('./app-graph-serializer'));\nexport const ArtifactDefinition = lazy(() => import('./artifact-definition'));\nexport const IntentResolver = lazy(() => import('./intent-resolver'));\nexport const ReactSurface = lazy(() => import('./react-surface'));\nexport const MarkdownSettings = lazy(() => import('./settings'));\nexport const MarkdownState = lazy(() => import('./state'));\nexport const Thread = lazy(() => import('./thread'));\n\nexport * from './capabilities';\n"],
5
- "mappings": ";;;;;AAIA,SAASA,gBAAgB;AAEzB,SAASC,QAAQC,cAAcC,cAAcC,sBAAsBC,eAAe;AAClF,SAASC,gBAAgB;AAIlB,IAAMC,uBAAuB,CAACC,SACnCC,aAAaD,IAAAA,IACT,OACAA,QAAQ,OAAOA,SAAS,WACtB,WAAWA,QAAQ,OAAOA,KAAKE,UAAU,WACzC;AAER,IAAMC,gBAAgB;AAEf,IAAMC,kBAAkB,CAACC,YAAAA;AAC9B,SAAOA,QAAQC,UAAU,GAAG,EAAA,EAAIC,MAAM,IAAA,EAAM,CAAA,EAAGC,WAAWL,eAAe,EAAA,EAAIM,KAAI;AACnF;AAEO,IAAMC,kBAAkBC,SAAS,CAACC,KAAmBP,YAAAA;AAC1D,QAAMQ,OAAOT,gBAAgBC,OAAAA;AAC7B,MAAIO,IAAIE,iBAAiBD,MAAM;AAC7BD,QAAIE,eAAeD;EACrB;AACF,GAAG,GAAA;AAEI,IAAME,aAAkD;EAC7DC,WAAW,OAAO,EAAEC,OAAM,MAAE;AAC1B,UAAMZ,UAAU,MAAMa,qBAAqBD,QAAQ,CAACL,QAAQA,IAAIP,OAAO;AACvE,WAAOc,KAAKC,UAAU;MAAEP,MAAMI,OAAOJ;MAAMC,cAAcG,OAAOH;MAAcT,SAASA,QAAQgB,QAAQhB;IAAQ,CAAA;EACjH;EAEAiB,aAAa,OAAO,EAAEjB,SAASkB,WAAU,MAAE;AACzC,UAAM,EAAEV,MAAMC,cAAcT,QAAO,IAAKc,KAAKK,MAAMD,UAAAA;AACnD,WAAOE,aACLC,OAAOC,cAAc;MAAEd;MAAMC;MAAcT,SAASuB,QAAQF,OAAOG,UAAU;QAAExB;MAAQ,CAAA,CAAA;MAAKyB,SAAS,CAAA;IAAG,CAAA,CAAA;EAE5G;AACF;;;ACvCA,SAASC,YAAY;AAEd,IAAMC,qBAAqBC,KAAK,MAAM,OAAO,qCAAA,CAAA;AAC7C,IAAMC,qBAAqBD,KAAK,MAAM,OAAO,oCAAA,CAAA;AAC7C,IAAME,iBAAiBF,KAAK,MAAM,OAAO,gCAAA,CAAA;AACzC,IAAMG,eAAeH,KAAK,MAAM,OAAO,8BAAA,CAAA;AACvC,IAAMI,mBAAmBJ,KAAK,MAAM,OAAO,yBAAA,CAAA;AAC3C,IAAMK,gBAAgBL,KAAK,MAAM,OAAO,sBAAA,CAAA;AACxC,IAAMM,SAASN,KAAK,MAAM,OAAO,uBAAA,CAAA;",
6
- "names": ["debounce", "create", "createObject", "isEchoObject", "loadObjectReferences", "makeRef", "TextType", "isMarkdownProperties", "data", "isEchoObject", "title", "nonTitleChars", "getFallbackName", "content", "substring", "split", "replaceAll", "trim", "setFallbackName", "debounce", "doc", "name", "fallbackName", "serializer", "serialize", "object", "loadObjectReferences", "JSON", "stringify", "target", "deserialize", "serialized", "parse", "createObject", "create", "DocumentType", "makeRef", "TextType", "threads", "lazy", "AppGraphSerializer", "lazy", "ArtifactDefinition", "IntentResolver", "ReactSurface", "MarkdownSettings", "MarkdownState", "Thread"]
7
- }