@dxos/plugin-markdown 0.8.3-main.672df60 → 0.8.3-staging.0fa589b
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/lib/browser/{MarkdownContainer-DGPA7SEG.mjs → MarkdownContainer-EFWQ6DHD.mjs} +231 -49
- package/dist/lib/browser/MarkdownContainer-EFWQ6DHD.mjs.map +7 -0
- package/dist/lib/browser/{MarkdownPreview-KQN2TGK6.mjs → MarkdownPreview-F4PYFW5L.mjs} +8 -8
- package/dist/lib/browser/MarkdownPreview-F4PYFW5L.mjs.map +7 -0
- package/dist/lib/browser/{anchor-sort-VS4OZVPP.mjs → anchor-sort-BMAN2ABT.mjs} +4 -4
- package/dist/lib/browser/anchor-sort-BMAN2ABT.mjs.map +7 -0
- package/dist/lib/browser/{app-graph-serializer-V6RLEHVY.mjs → app-graph-serializer-EI6TEHRQ.mjs} +7 -5
- package/dist/lib/browser/app-graph-serializer-EI6TEHRQ.mjs.map +7 -0
- package/dist/lib/browser/{artifact-definition-5NAODQLG.mjs → artifact-definition-FQ2R6KPT.mjs} +6 -6
- package/dist/lib/browser/artifact-definition-FQ2R6KPT.mjs.map +7 -0
- package/dist/lib/browser/{chunk-OTOPAFWC.mjs → chunk-354IBM5X.mjs} +7 -7
- package/dist/lib/browser/{chunk-C5RABVIX.mjs → chunk-D767LUGU.mjs} +7 -3
- package/dist/lib/browser/chunk-D767LUGU.mjs.map +7 -0
- package/dist/lib/browser/{chunk-77NGW7EO.mjs → chunk-LXSRQPEP.mjs} +9 -9
- package/dist/lib/browser/chunk-LXSRQPEP.mjs.map +7 -0
- package/dist/lib/browser/{chunk-ECSM56YC.mjs → chunk-N2D26K6W.mjs} +4 -5
- package/dist/lib/browser/chunk-N2D26K6W.mjs.map +7 -0
- package/dist/lib/browser/index.mjs +7 -8
- package/dist/lib/browser/index.mjs.map +3 -3
- package/dist/lib/browser/{intent-resolver-4GDYST4Y.mjs → intent-resolver-6ZOABX2J.mjs} +6 -7
- package/dist/lib/browser/intent-resolver-6ZOABX2J.mjs.map +7 -0
- package/dist/lib/browser/meta.json +1 -1
- package/dist/lib/browser/{react-surface-DM6B4UUJ.mjs → react-surface-4B5ELMEW.mjs} +14 -9
- package/dist/lib/browser/react-surface-4B5ELMEW.mjs.map +7 -0
- package/dist/lib/browser/{settings-W5CK4PXP.mjs → settings-PLH54VC7.mjs} +4 -4
- package/dist/lib/browser/settings-PLH54VC7.mjs.map +7 -0
- package/dist/lib/browser/types/index.mjs +1 -1
- package/dist/lib/node/{MarkdownContainer-BZK66EQD.cjs → MarkdownContainer-KYGUEZIL.cjs} +277 -95
- package/dist/lib/node/MarkdownContainer-KYGUEZIL.cjs.map +7 -0
- package/dist/lib/node/{MarkdownPreview-H7FFIWJH.cjs → MarkdownPreview-GCJJCXY6.cjs} +17 -17
- package/dist/lib/node/MarkdownPreview-GCJJCXY6.cjs.map +7 -0
- package/dist/lib/node/{anchor-sort-NHVF23EU.cjs → anchor-sort-V3T4SFFI.cjs} +12 -12
- package/dist/lib/node/anchor-sort-V3T4SFFI.cjs.map +7 -0
- package/dist/lib/node/{app-graph-serializer-CLALIYN3.cjs → app-graph-serializer-E6BXEDEL.cjs} +14 -12
- package/dist/lib/node/app-graph-serializer-E6BXEDEL.cjs.map +7 -0
- package/dist/lib/node/{artifact-definition-VEAHK7BX.cjs → artifact-definition-U27MH5SC.cjs} +16 -16
- package/dist/lib/node/artifact-definition-U27MH5SC.cjs.map +7 -0
- package/dist/lib/node/{chunk-RQS4KBMG.cjs → chunk-3HHV4MM6.cjs} +6 -7
- package/dist/lib/node/chunk-3HHV4MM6.cjs.map +7 -0
- package/dist/lib/node/{chunk-G7RBJX22.cjs → chunk-CJLYFGPI.cjs} +12 -12
- package/dist/lib/node/chunk-CJLYFGPI.cjs.map +7 -0
- package/dist/lib/node/{chunk-BBDDZLQH.cjs → chunk-FU3XZZCO.cjs} +10 -10
- package/dist/lib/node/{chunk-ZDTL47I7.cjs → chunk-LQAC5HL7.cjs} +10 -6
- package/dist/lib/node/chunk-LQAC5HL7.cjs.map +7 -0
- package/dist/lib/node/index.cjs +26 -27
- package/dist/lib/node/index.cjs.map +3 -3
- package/dist/lib/node/{intent-resolver-AUZVK3NZ.cjs → intent-resolver-OEFLRNEJ.cjs} +14 -15
- package/dist/lib/node/intent-resolver-OEFLRNEJ.cjs.map +7 -0
- package/dist/lib/node/meta.json +1 -1
- package/dist/lib/node/{react-surface-QBW4FFXF.cjs → react-surface-456HQ4KZ.cjs} +21 -16
- package/dist/lib/node/react-surface-456HQ4KZ.cjs.map +7 -0
- package/dist/lib/node/{settings-IRKU3WPM.cjs → settings-E3NUTXJ4.cjs} +7 -7
- package/dist/lib/node/settings-E3NUTXJ4.cjs.map +7 -0
- package/dist/lib/node/types/index.cjs +7 -7
- package/dist/lib/node/types/index.cjs.map +1 -1
- package/dist/lib/node-esm/{MarkdownContainer-2DYVQ6RC.mjs → MarkdownContainer-O3SGMH4G.mjs} +231 -49
- package/dist/lib/node-esm/MarkdownContainer-O3SGMH4G.mjs.map +7 -0
- package/dist/lib/node-esm/{MarkdownPreview-JUIXYYKF.mjs → MarkdownPreview-KFDRV4GC.mjs} +8 -8
- package/dist/lib/node-esm/MarkdownPreview-KFDRV4GC.mjs.map +7 -0
- package/dist/lib/node-esm/{anchor-sort-G2HLCYFK.mjs → anchor-sort-BXL7BE67.mjs} +4 -4
- package/dist/lib/node-esm/anchor-sort-BXL7BE67.mjs.map +7 -0
- package/dist/lib/node-esm/{app-graph-serializer-C3RNTQGM.mjs → app-graph-serializer-F7DGNF3G.mjs} +7 -5
- package/dist/lib/node-esm/app-graph-serializer-F7DGNF3G.mjs.map +7 -0
- package/dist/lib/node-esm/{artifact-definition-7TIJW2CO.mjs → artifact-definition-NQOHB6S5.mjs} +6 -6
- package/dist/lib/node-esm/artifact-definition-NQOHB6S5.mjs.map +7 -0
- package/dist/lib/node-esm/{chunk-TCFJNUAE.mjs → chunk-BWDDFDJY.mjs} +7 -3
- package/dist/lib/node-esm/chunk-BWDDFDJY.mjs.map +7 -0
- package/dist/lib/node-esm/{chunk-6RPARLIK.mjs → chunk-K26TX5V4.mjs} +9 -9
- package/dist/lib/node-esm/chunk-K26TX5V4.mjs.map +7 -0
- package/dist/lib/node-esm/{chunk-NCMPVEXO.mjs → chunk-T2Y2BT53.mjs} +4 -5
- package/dist/lib/node-esm/chunk-T2Y2BT53.mjs.map +7 -0
- package/dist/lib/node-esm/{chunk-KK7LP3UQ.mjs → chunk-YOABAQ7A.mjs} +7 -7
- package/dist/lib/node-esm/index.mjs +7 -8
- package/dist/lib/node-esm/index.mjs.map +3 -3
- package/dist/lib/node-esm/{intent-resolver-FTNXUNI2.mjs → intent-resolver-CLMSVF2K.mjs} +6 -7
- package/dist/lib/node-esm/intent-resolver-CLMSVF2K.mjs.map +7 -0
- package/dist/lib/node-esm/meta.json +1 -1
- package/dist/lib/node-esm/{react-surface-A4VAOQG6.mjs → react-surface-YHFOQTVO.mjs} +14 -9
- package/dist/lib/node-esm/react-surface-YHFOQTVO.mjs.map +7 -0
- package/dist/lib/node-esm/{settings-MK7D7LHQ.mjs → settings-SIY33P3F.mjs} +4 -4
- package/dist/lib/node-esm/settings-SIY33P3F.mjs.map +7 -0
- package/dist/lib/node-esm/types/index.mjs +1 -1
- package/dist/types/src/MarkdownPlugin.d.ts.map +1 -1
- package/dist/types/src/capabilities/app-graph-serializer.d.ts.map +1 -1
- package/dist/types/src/capabilities/intent-resolver.d.ts.map +1 -1
- package/dist/types/src/components/MarkdownContainer.d.ts +1 -1
- package/dist/types/src/components/MarkdownContainer.d.ts.map +1 -1
- package/dist/types/src/components/MarkdownContainer.stories.d.ts +9 -0
- package/dist/types/src/components/MarkdownContainer.stories.d.ts.map +1 -0
- package/dist/types/src/components/MarkdownEditor/MarkdownEditor.d.ts +4 -3
- package/dist/types/src/components/MarkdownEditor/MarkdownEditor.d.ts.map +1 -1
- package/dist/types/src/components/MarkdownPreview/MarkdownPreview.stories.d.ts +3 -9
- package/dist/types/src/components/MarkdownPreview/MarkdownPreview.stories.d.ts.map +1 -1
- package/dist/types/src/components/Suggestions.stories.d.ts.map +1 -1
- package/dist/types/src/extensions.d.ts +3 -2
- package/dist/types/src/extensions.d.ts.map +1 -1
- package/dist/types/src/translations.d.ts +52 -2
- package/dist/types/src/translations.d.ts.map +1 -1
- package/dist/types/src/types/schema.d.ts +11 -14
- package/dist/types/src/types/schema.d.ts.map +1 -1
- package/dist/types/src/types/types.d.ts +5 -6
- package/dist/types/src/types/types.d.ts.map +1 -1
- package/dist/types/src/util.d.ts.map +1 -1
- package/package.json +38 -38
- package/src/MarkdownPlugin.tsx +3 -5
- package/src/capabilities/anchor-sort.ts +2 -2
- package/src/capabilities/app-graph-serializer.ts +5 -3
- package/src/capabilities/artifact-definition.ts +3 -3
- package/src/capabilities/intent-resolver.ts +4 -5
- package/src/capabilities/react-surface.tsx +5 -5
- package/src/capabilities/settings.ts +2 -2
- package/src/components/MarkdownContainer.stories.tsx +103 -0
- package/src/components/MarkdownContainer.tsx +149 -52
- package/src/components/MarkdownEditor/MarkdownEditor.stories.tsx +1 -1
- package/src/components/MarkdownEditor/MarkdownEditor.tsx +215 -139
- package/src/components/MarkdownPreview/MarkdownPreview.stories.tsx +8 -7
- package/src/components/MarkdownPreview/MarkdownPreview.tsx +5 -5
- package/src/components/Suggestions.stories.tsx +7 -9
- package/src/components/Toolbar.stories.tsx +3 -3
- package/src/extensions.tsx +7 -1
- package/src/translations.ts +6 -1
- package/src/types/schema.ts +2 -3
- package/src/util.tsx +5 -7
- package/dist/lib/browser/MarkdownContainer-DGPA7SEG.mjs.map +0 -7
- package/dist/lib/browser/MarkdownPreview-KQN2TGK6.mjs.map +0 -7
- package/dist/lib/browser/anchor-sort-VS4OZVPP.mjs.map +0 -7
- package/dist/lib/browser/app-graph-serializer-V6RLEHVY.mjs.map +0 -7
- package/dist/lib/browser/artifact-definition-5NAODQLG.mjs.map +0 -7
- package/dist/lib/browser/chunk-77NGW7EO.mjs.map +0 -7
- package/dist/lib/browser/chunk-C5RABVIX.mjs.map +0 -7
- package/dist/lib/browser/chunk-ECSM56YC.mjs.map +0 -7
- package/dist/lib/browser/intent-resolver-4GDYST4Y.mjs.map +0 -7
- package/dist/lib/browser/react-surface-DM6B4UUJ.mjs.map +0 -7
- package/dist/lib/browser/settings-W5CK4PXP.mjs.map +0 -7
- package/dist/lib/node/MarkdownContainer-BZK66EQD.cjs.map +0 -7
- package/dist/lib/node/MarkdownPreview-H7FFIWJH.cjs.map +0 -7
- package/dist/lib/node/anchor-sort-NHVF23EU.cjs.map +0 -7
- package/dist/lib/node/app-graph-serializer-CLALIYN3.cjs.map +0 -7
- package/dist/lib/node/artifact-definition-VEAHK7BX.cjs.map +0 -7
- package/dist/lib/node/chunk-G7RBJX22.cjs.map +0 -7
- package/dist/lib/node/chunk-RQS4KBMG.cjs.map +0 -7
- package/dist/lib/node/chunk-ZDTL47I7.cjs.map +0 -7
- package/dist/lib/node/intent-resolver-AUZVK3NZ.cjs.map +0 -7
- package/dist/lib/node/react-surface-QBW4FFXF.cjs.map +0 -7
- package/dist/lib/node/settings-IRKU3WPM.cjs.map +0 -7
- package/dist/lib/node-esm/MarkdownContainer-2DYVQ6RC.mjs.map +0 -7
- package/dist/lib/node-esm/MarkdownPreview-JUIXYYKF.mjs.map +0 -7
- package/dist/lib/node-esm/anchor-sort-G2HLCYFK.mjs.map +0 -7
- package/dist/lib/node-esm/app-graph-serializer-C3RNTQGM.mjs.map +0 -7
- package/dist/lib/node-esm/artifact-definition-7TIJW2CO.mjs.map +0 -7
- package/dist/lib/node-esm/chunk-6RPARLIK.mjs.map +0 -7
- package/dist/lib/node-esm/chunk-NCMPVEXO.mjs.map +0 -7
- package/dist/lib/node-esm/chunk-TCFJNUAE.mjs.map +0 -7
- package/dist/lib/node-esm/intent-resolver-FTNXUNI2.mjs.map +0 -7
- package/dist/lib/node-esm/react-surface-A4VAOQG6.mjs.map +0 -7
- package/dist/lib/node-esm/settings-MK7D7LHQ.mjs.map +0 -7
- /package/dist/lib/browser/{chunk-OTOPAFWC.mjs.map → chunk-354IBM5X.mjs.map} +0 -0
- /package/dist/lib/node/{chunk-BBDDZLQH.cjs.map → chunk-FU3XZZCO.cjs.map} +0 -0
- /package/dist/lib/node-esm/{chunk-KK7LP3UQ.mjs.map → chunk-YOABAQ7A.mjs.map} +0 -0
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
|
|
2
|
-
import "./chunk-
|
|
2
|
+
import "./chunk-YOABAQ7A.mjs";
|
|
3
3
|
import {
|
|
4
4
|
MarkdownCapabilities
|
|
5
5
|
} from "./chunk-JXXDCSMW.mjs";
|
|
6
6
|
import {
|
|
7
7
|
getFallbackName,
|
|
8
8
|
setFallbackName
|
|
9
|
-
} from "./chunk-
|
|
9
|
+
} from "./chunk-K26TX5V4.mjs";
|
|
10
10
|
import {
|
|
11
11
|
DocumentType
|
|
12
|
-
} from "./chunk-
|
|
12
|
+
} from "./chunk-T2Y2BT53.mjs";
|
|
13
13
|
import {
|
|
14
14
|
MARKDOWN_PLUGIN
|
|
15
15
|
} from "./chunk-RX63ZNML.mjs";
|
|
@@ -17,19 +17,23 @@ import {
|
|
|
17
17
|
// packages/plugins/plugin-markdown/src/components/MarkdownContainer.tsx
|
|
18
18
|
import { useSignals as _useSignals2 } from "@preact-signals/safe-react/tracking";
|
|
19
19
|
import { Rx } from "@effect-rx/rx-react";
|
|
20
|
-
import React3, { useEffect as useEffect2, useMemo as useMemo4 } from "react";
|
|
21
|
-
import {
|
|
22
|
-
import {
|
|
23
|
-
import {
|
|
20
|
+
import React3, { useCallback as useCallback2, useEffect as useEffect2, useMemo as useMemo4, useState } from "react";
|
|
21
|
+
import { createPortal } from "react-dom";
|
|
22
|
+
import { Capabilities, Surface, useAppGraph, useCapabilities as useCapabilities2, usePluginManager } from "@dxos/app-framework";
|
|
23
|
+
import { DXN, Filter, Obj, Query } from "@dxos/echo";
|
|
24
|
+
import { SpaceCapabilities } from "@dxos/plugin-space";
|
|
25
|
+
import { fullyQualifiedId as fullyQualifiedId2, getSpace as getSpace2, useQuery, useSpace } from "@dxos/react-client/echo";
|
|
26
|
+
import { toLocalizedString as toLocalizedString2, useTranslation as useTranslation2 } from "@dxos/react-ui";
|
|
27
|
+
import { insertAtCursor, insertAtLineStart } from "@dxos/react-ui-editor";
|
|
24
28
|
import { DataType } from "@dxos/schema";
|
|
25
29
|
|
|
26
30
|
// packages/plugins/plugin-markdown/src/components/MarkdownEditor/MarkdownEditor.tsx
|
|
27
31
|
import { useSignals as _useSignals } from "@preact-signals/safe-react/tracking";
|
|
28
|
-
import React, { useMemo as useMemo2, useEffect, useCallback } from "react";
|
|
32
|
+
import React, { forwardRef, useMemo as useMemo2, useEffect, useCallback, useImperativeHandle, useRef } from "react";
|
|
29
33
|
import { useDropzone } from "react-dropzone";
|
|
30
34
|
import { invariant as invariant2 } from "@dxos/invariant";
|
|
31
|
-
import { useThemeContext, useTranslation } from "@dxos/react-ui";
|
|
32
|
-
import { EditorToolbar, createBasicExtensions, createMarkdownExtensions, createThemeExtensions, dropFile, editorSlots,
|
|
35
|
+
import { toLocalizedString, useThemeContext, useTranslation } from "@dxos/react-ui";
|
|
36
|
+
import { CommandMenu, EditorToolbar, RefPopover, addLink, createElement, coreSlashCommands, createBasicExtensions, createMarkdownExtensions, createThemeExtensions, dropFile, editorGutter, editorSlots, filterItems, linkSlashCommands, processEditorPayload, stackItemContentEditorClassNames, useEditorToolbarState, useFormattingState, useTextEditor, useCommandMenu } from "@dxos/react-ui-editor";
|
|
33
37
|
import { StackItem } from "@dxos/react-ui-stack";
|
|
34
38
|
import { isNotFalsy, isNonNullable } from "@dxos/util";
|
|
35
39
|
|
|
@@ -95,7 +99,84 @@ var useSelectCurrentThread = (editorView, documentId2) => {
|
|
|
95
99
|
|
|
96
100
|
// packages/plugins/plugin-markdown/src/components/MarkdownEditor/MarkdownEditor.tsx
|
|
97
101
|
var __dxlog_file2 = "/home/runner/work/dxos/dxos/packages/plugins/plugin-markdown/src/components/MarkdownEditor/MarkdownEditor.tsx";
|
|
98
|
-
var MarkdownEditor = ({
|
|
102
|
+
var MarkdownEditor = ({ extensions: _extensions, slashCommandGroups, onLinkQuery, ...props }) => {
|
|
103
|
+
var _effect = _useSignals();
|
|
104
|
+
try {
|
|
105
|
+
const { t } = useTranslation();
|
|
106
|
+
const viewRef = useRef();
|
|
107
|
+
const getMenu = useCallback((trigger, query) => {
|
|
108
|
+
switch (trigger) {
|
|
109
|
+
case "@":
|
|
110
|
+
return onLinkQuery?.(query) ?? [];
|
|
111
|
+
case "/":
|
|
112
|
+
default:
|
|
113
|
+
return filterItems([
|
|
114
|
+
coreSlashCommands,
|
|
115
|
+
linkSlashCommands,
|
|
116
|
+
...slashCommandGroups ?? []
|
|
117
|
+
], (item) => query ? toLocalizedString(item.label, t).toLowerCase().includes(query.toLowerCase()) : true);
|
|
118
|
+
}
|
|
119
|
+
}, [
|
|
120
|
+
onLinkQuery,
|
|
121
|
+
slashCommandGroups
|
|
122
|
+
]);
|
|
123
|
+
const options = useMemo2(() => {
|
|
124
|
+
const trigger = onLinkQuery ? [
|
|
125
|
+
"/",
|
|
126
|
+
"@"
|
|
127
|
+
] : [
|
|
128
|
+
"/"
|
|
129
|
+
];
|
|
130
|
+
return {
|
|
131
|
+
viewRef,
|
|
132
|
+
trigger,
|
|
133
|
+
placeholder: {
|
|
134
|
+
delay: 3e3,
|
|
135
|
+
content: () => {
|
|
136
|
+
return createElement("div", void 0, [
|
|
137
|
+
createElement("span", {
|
|
138
|
+
text: "Press"
|
|
139
|
+
}),
|
|
140
|
+
...trigger.map((text) => createElement("span", {
|
|
141
|
+
className: "border border-separator rounded-sm mx-1 px-1.5 pt-[1px] pb-[2px]",
|
|
142
|
+
text
|
|
143
|
+
})),
|
|
144
|
+
createElement("span", {
|
|
145
|
+
text: "for commands."
|
|
146
|
+
})
|
|
147
|
+
]);
|
|
148
|
+
}
|
|
149
|
+
},
|
|
150
|
+
getMenu
|
|
151
|
+
};
|
|
152
|
+
}, [
|
|
153
|
+
getMenu
|
|
154
|
+
]);
|
|
155
|
+
const { commandMenu, groupsRef, currentItem, onSelect, ...refPopoverProps } = useCommandMenu(options);
|
|
156
|
+
const extensions = useMemo2(() => [
|
|
157
|
+
_extensions,
|
|
158
|
+
commandMenu
|
|
159
|
+
].filter(isNotFalsy), [
|
|
160
|
+
_extensions,
|
|
161
|
+
commandMenu
|
|
162
|
+
]);
|
|
163
|
+
return /* @__PURE__ */ React.createElement(RefPopover, {
|
|
164
|
+
modal: false,
|
|
165
|
+
...refPopoverProps
|
|
166
|
+
}, /* @__PURE__ */ React.createElement(MarkdownEditorImpl, {
|
|
167
|
+
ref: viewRef,
|
|
168
|
+
...props,
|
|
169
|
+
extensions
|
|
170
|
+
}), /* @__PURE__ */ React.createElement(CommandMenu, {
|
|
171
|
+
groups: groupsRef.current,
|
|
172
|
+
currentItem,
|
|
173
|
+
onSelect
|
|
174
|
+
}));
|
|
175
|
+
} finally {
|
|
176
|
+
_effect.f();
|
|
177
|
+
}
|
|
178
|
+
};
|
|
179
|
+
var MarkdownEditorImpl = /* @__PURE__ */ forwardRef(({ id, role = "article", initialValue, customActions, editorStateStore, extensions, extensionProviders, scrollPastEnd, toolbar, viewMode, onFileUpload, onViewModeChange }, forwardedRef) => {
|
|
99
180
|
var _effect = _useSignals();
|
|
100
181
|
try {
|
|
101
182
|
const { t } = useTranslation(MARKDOWN_PLUGIN);
|
|
@@ -160,6 +241,9 @@ var MarkdownEditor = ({ id, role = "article", initialValue, extensions, extensio
|
|
|
160
241
|
extensions,
|
|
161
242
|
providerExtensions
|
|
162
243
|
]);
|
|
244
|
+
useImperativeHandle(forwardedRef, () => editorView, [
|
|
245
|
+
editorView
|
|
246
|
+
]);
|
|
163
247
|
useTest(editorView);
|
|
164
248
|
useSelectCurrentThread(editorView, id);
|
|
165
249
|
const { acceptedFiles, getInputProps, open } = useDropzone({
|
|
@@ -201,7 +285,7 @@ var MarkdownEditor = ({ id, role = "article", initialValue, extensions, extensio
|
|
|
201
285
|
const getView = useCallback(() => {
|
|
202
286
|
invariant2(editorView, void 0, {
|
|
203
287
|
F: __dxlog_file2,
|
|
204
|
-
L:
|
|
288
|
+
L: 240,
|
|
205
289
|
S: void 0,
|
|
206
290
|
A: [
|
|
207
291
|
"editorView",
|
|
@@ -245,7 +329,7 @@ var MarkdownEditor = ({ id, role = "article", initialValue, extensions, extensio
|
|
|
245
329
|
} finally {
|
|
246
330
|
_effect.f();
|
|
247
331
|
}
|
|
248
|
-
};
|
|
332
|
+
});
|
|
249
333
|
var useTest = (view) => {
|
|
250
334
|
useEffect(() => {
|
|
251
335
|
const composer = window.composer;
|
|
@@ -269,7 +353,7 @@ import { InputModeExtensions, createDataExtensions, autocomplete, decorateMarkdo
|
|
|
269
353
|
import { defaultTx } from "@dxos/react-ui-theme";
|
|
270
354
|
import { isNotFalsy as isNotFalsy2 } from "@dxos/util";
|
|
271
355
|
var __dxlog_file3 = "/home/runner/work/dxos/dxos/packages/plugins/plugin-markdown/src/extensions.tsx";
|
|
272
|
-
var useExtensions = ({ document, id, text, settings, selectionManager, viewMode, editorStateStore }) => {
|
|
356
|
+
var useExtensions = ({ document, id, text, settings, selectionManager, viewMode, editorStateStore, previewOptions }) => {
|
|
273
357
|
const { dispatchPromise: dispatch } = useIntentDispatcher();
|
|
274
358
|
const identity = useIdentity();
|
|
275
359
|
const space = getSpace(document) ?? getSpace(text);
|
|
@@ -280,6 +364,7 @@ var useExtensions = ({ document, id, text, settings, selectionManager, viewMode,
|
|
|
280
364
|
settings,
|
|
281
365
|
selectionManager,
|
|
282
366
|
viewMode,
|
|
367
|
+
previewOptions,
|
|
283
368
|
dispatch
|
|
284
369
|
}), [
|
|
285
370
|
document,
|
|
@@ -287,6 +372,7 @@ var useExtensions = ({ document, id, text, settings, selectionManager, viewMode,
|
|
|
287
372
|
text,
|
|
288
373
|
viewMode,
|
|
289
374
|
dispatch,
|
|
375
|
+
previewOptions,
|
|
290
376
|
settings,
|
|
291
377
|
settings.editorInputMode,
|
|
292
378
|
settings.folding,
|
|
@@ -348,7 +434,7 @@ var useExtensions = ({ document, id, text, settings, selectionManager, viewMode,
|
|
|
348
434
|
identity
|
|
349
435
|
]);
|
|
350
436
|
};
|
|
351
|
-
var createBaseExtensions = ({ document, id, dispatch, settings, selectionManager, query, viewMode }) => {
|
|
437
|
+
var createBaseExtensions = ({ document, id, dispatch, settings, selectionManager, query, viewMode, previewOptions }) => {
|
|
352
438
|
const extensions = [
|
|
353
439
|
selectionManager && selectionChange(selectionManager),
|
|
354
440
|
settings.editorInputMode && InputModeExtensions[settings.editorInputMode],
|
|
@@ -376,7 +462,7 @@ var createBaseExtensions = ({ document, id, dispatch, settings, selectionManager
|
|
|
376
462
|
}) : void 0
|
|
377
463
|
}),
|
|
378
464
|
linkTooltip(renderLinkTooltip),
|
|
379
|
-
preview()
|
|
465
|
+
preview(previewOptions)
|
|
380
466
|
]);
|
|
381
467
|
}
|
|
382
468
|
if (query) {
|
|
@@ -426,7 +512,7 @@ var createLinkRenderer = (onSelectObject) => (el, { url }) => {
|
|
|
426
512
|
const qualifiedId = url.split("/").at(-1);
|
|
427
513
|
invariant3(qualifiedId, "Invalid link format.", {
|
|
428
514
|
F: __dxlog_file3,
|
|
429
|
-
L:
|
|
515
|
+
L: 287,
|
|
430
516
|
S: void 0,
|
|
431
517
|
A: [
|
|
432
518
|
"qualifiedId",
|
|
@@ -473,9 +559,25 @@ var renderRoot = (root, node) => {
|
|
|
473
559
|
var MarkdownContainer = ({ id, role, object, settings, selectionManager, viewMode, editorStateStore, onViewModeChange }) => {
|
|
474
560
|
var _effect = _useSignals2();
|
|
475
561
|
try {
|
|
562
|
+
const { t } = useTranslation2();
|
|
476
563
|
const scrollPastEnd = role === "article";
|
|
477
|
-
const doc =
|
|
478
|
-
const text =
|
|
564
|
+
const doc = Obj.instanceOf(DocumentType, object) ? object : void 0;
|
|
565
|
+
const text = Obj.instanceOf(DataType.Text, object) ? object : void 0;
|
|
566
|
+
const [previewBlocks, setPreviewBlocks] = useState([]);
|
|
567
|
+
const previewOptions = useMemo4(() => ({
|
|
568
|
+
addBlockContainer: (link, el) => {
|
|
569
|
+
setPreviewBlocks((prev) => [
|
|
570
|
+
...prev,
|
|
571
|
+
{
|
|
572
|
+
link,
|
|
573
|
+
el
|
|
574
|
+
}
|
|
575
|
+
]);
|
|
576
|
+
},
|
|
577
|
+
removeBlockContainer: (link) => {
|
|
578
|
+
setPreviewBlocks((prev) => prev.filter(({ link: prevLink }) => prevLink.ref !== link.ref));
|
|
579
|
+
}
|
|
580
|
+
}), []);
|
|
479
581
|
const extensions = useExtensions({
|
|
480
582
|
document: doc,
|
|
481
583
|
text,
|
|
@@ -483,33 +585,85 @@ var MarkdownContainer = ({ id, role, object, settings, selectionManager, viewMod
|
|
|
483
585
|
settings,
|
|
484
586
|
selectionManager,
|
|
485
587
|
viewMode,
|
|
486
|
-
editorStateStore
|
|
588
|
+
editorStateStore,
|
|
589
|
+
previewOptions
|
|
487
590
|
});
|
|
488
|
-
|
|
489
|
-
|
|
490
|
-
|
|
491
|
-
|
|
492
|
-
|
|
493
|
-
|
|
494
|
-
|
|
495
|
-
|
|
496
|
-
|
|
497
|
-
|
|
498
|
-
|
|
499
|
-
|
|
500
|
-
|
|
501
|
-
|
|
502
|
-
|
|
503
|
-
|
|
504
|
-
|
|
505
|
-
|
|
506
|
-
|
|
507
|
-
|
|
508
|
-
|
|
509
|
-
|
|
510
|
-
}
|
|
511
|
-
|
|
512
|
-
|
|
591
|
+
const manager = usePluginManager();
|
|
592
|
+
const resolve = useCallback2((typename) => manager.context.getCapabilities(Capabilities.Metadata).find(({ id: id2 }) => id2 === typename)?.metadata ?? {}, [
|
|
593
|
+
manager
|
|
594
|
+
]);
|
|
595
|
+
const space = getSpace2(object);
|
|
596
|
+
const objectForms = useCapabilities2(SpaceCapabilities.ObjectForm);
|
|
597
|
+
const filter = useMemo4(() => Filter.or(...objectForms.map((form) => Filter.type(form.objectSchema))), [
|
|
598
|
+
objectForms
|
|
599
|
+
]);
|
|
600
|
+
const onLinkQuery = useCallback2(async (query) => {
|
|
601
|
+
const name = query?.startsWith("@") ? query.slice(1).toLowerCase() : query?.toLowerCase() ?? "";
|
|
602
|
+
const results = await space?.db.query(Query.select(filter)).run();
|
|
603
|
+
const getLabel = (object2) => {
|
|
604
|
+
const type = Obj.getTypename(object2);
|
|
605
|
+
const metadata = resolve(type);
|
|
606
|
+
return metadata.label?.(object2) || object2.name || [
|
|
607
|
+
"object name placeholder",
|
|
608
|
+
{
|
|
609
|
+
ns: type,
|
|
610
|
+
default: "New object"
|
|
611
|
+
}
|
|
612
|
+
];
|
|
613
|
+
};
|
|
614
|
+
const items = results?.objects.filter((object2) => toLocalizedString2(getLabel(object2), t).toLowerCase().includes(name)).map((object2) => {
|
|
615
|
+
const metadata = resolve(Obj.getTypename(object2));
|
|
616
|
+
const label = toLocalizedString2(getLabel(object2), t);
|
|
617
|
+
return {
|
|
618
|
+
id: object2.id,
|
|
619
|
+
label,
|
|
620
|
+
icon: metadata.icon,
|
|
621
|
+
onSelect: (view, head) => {
|
|
622
|
+
const link = `[${label}][${Obj.getDXN(object2)}]`;
|
|
623
|
+
if (query?.startsWith("@")) {
|
|
624
|
+
insertAtLineStart(view, head, `!${link}
|
|
625
|
+
`);
|
|
626
|
+
} else {
|
|
627
|
+
insertAtCursor(view, head, `${link} `);
|
|
628
|
+
}
|
|
629
|
+
}
|
|
630
|
+
};
|
|
631
|
+
}) ?? [];
|
|
632
|
+
return [
|
|
633
|
+
{
|
|
634
|
+
id: "echo",
|
|
635
|
+
items
|
|
636
|
+
}
|
|
637
|
+
];
|
|
638
|
+
}, [
|
|
639
|
+
filter,
|
|
640
|
+
resolve,
|
|
641
|
+
space
|
|
642
|
+
]);
|
|
643
|
+
const editor = doc ? /* @__PURE__ */ React3.createElement(DocumentEditor, {
|
|
644
|
+
id: fullyQualifiedId2(object),
|
|
645
|
+
role,
|
|
646
|
+
document: doc,
|
|
647
|
+
extensions,
|
|
648
|
+
viewMode,
|
|
649
|
+
settings,
|
|
650
|
+
scrollPastEnd,
|
|
651
|
+
onViewModeChange,
|
|
652
|
+
onLinkQuery: space ? onLinkQuery : void 0
|
|
653
|
+
}) : text ? /* @__PURE__ */ React3.createElement(MarkdownEditor, {
|
|
654
|
+
id,
|
|
655
|
+
role,
|
|
656
|
+
initialValue: text.content,
|
|
657
|
+
extensions,
|
|
658
|
+
viewMode,
|
|
659
|
+
toolbar: settings.toolbar,
|
|
660
|
+
inputMode: settings.editorInputMode,
|
|
661
|
+
scrollPastEnd,
|
|
662
|
+
onViewModeChange,
|
|
663
|
+
onLinkQuery: space ? onLinkQuery : void 0
|
|
664
|
+
}) : (
|
|
665
|
+
// TODO(burdon): Normalize with above.
|
|
666
|
+
/* @__PURE__ */ React3.createElement(MarkdownEditor, {
|
|
513
667
|
id,
|
|
514
668
|
role,
|
|
515
669
|
initialValue: object.text,
|
|
@@ -518,9 +672,37 @@ var MarkdownContainer = ({ id, role, object, settings, selectionManager, viewMod
|
|
|
518
672
|
toolbar: settings.toolbar,
|
|
519
673
|
inputMode: settings.editorInputMode,
|
|
520
674
|
scrollPastEnd,
|
|
521
|
-
onViewModeChange
|
|
522
|
-
|
|
523
|
-
|
|
675
|
+
onViewModeChange,
|
|
676
|
+
onLinkQuery: space ? onLinkQuery : void 0
|
|
677
|
+
})
|
|
678
|
+
);
|
|
679
|
+
return /* @__PURE__ */ React3.createElement(React3.Fragment, null, editor, previewBlocks.map(({ link, el }) => /* @__PURE__ */ React3.createElement(PreviewBlock, {
|
|
680
|
+
key: link.ref,
|
|
681
|
+
link,
|
|
682
|
+
el
|
|
683
|
+
})));
|
|
684
|
+
} finally {
|
|
685
|
+
_effect.f();
|
|
686
|
+
}
|
|
687
|
+
};
|
|
688
|
+
var PreviewBlock = ({ link, el }) => {
|
|
689
|
+
var _effect = _useSignals2();
|
|
690
|
+
try {
|
|
691
|
+
const echoDXN = useMemo4(() => DXN.parse(link.ref).asEchoDXN(), [
|
|
692
|
+
link.ref
|
|
693
|
+
]);
|
|
694
|
+
const space = useSpace(echoDXN?.spaceId);
|
|
695
|
+
const [subject] = useQuery(space, Query.select(Filter.ids(echoDXN?.echoId ?? "")));
|
|
696
|
+
const data = useMemo4(() => ({
|
|
697
|
+
subject
|
|
698
|
+
}), [
|
|
699
|
+
subject
|
|
700
|
+
]);
|
|
701
|
+
return /* @__PURE__ */ createPortal(/* @__PURE__ */ React3.createElement(Surface, {
|
|
702
|
+
role: "card--document",
|
|
703
|
+
data,
|
|
704
|
+
limit: 1
|
|
705
|
+
}), el);
|
|
524
706
|
} finally {
|
|
525
707
|
_effect.f();
|
|
526
708
|
}
|
|
@@ -586,4 +768,4 @@ export {
|
|
|
586
768
|
DocumentEditor,
|
|
587
769
|
MarkdownContainer_default as default
|
|
588
770
|
};
|
|
589
|
-
//# sourceMappingURL=MarkdownContainer-
|
|
771
|
+
//# sourceMappingURL=MarkdownContainer-O3SGMH4G.mjs.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../src/components/MarkdownContainer.tsx", "../../../src/components/MarkdownEditor/MarkdownEditor.tsx", "../../../src/hooks/useSelectCurrentThread.tsx", "../../../src/extensions.tsx"],
|
|
4
|
+
"sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport { Rx } from '@effect-rx/rx-react';\nimport React, { useCallback, useEffect, useMemo, useState } from 'react';\nimport { createPortal } from 'react-dom';\n\nimport { Capabilities, Surface, useAppGraph, useCapabilities, usePluginManager } from '@dxos/app-framework';\nimport { DXN, Filter, Obj, Query } from '@dxos/echo';\nimport { SpaceCapabilities } from '@dxos/plugin-space';\nimport { fullyQualifiedId, getSpace, useQuery, useSpace } from '@dxos/react-client/echo';\nimport { toLocalizedString, useTranslation } from '@dxos/react-ui';\nimport { type SelectionManager } from '@dxos/react-ui-attention';\nimport {\n type CommandMenuGroup,\n type CommandMenuItem,\n insertAtCursor,\n insertAtLineStart,\n type PreviewLinkRef,\n type PreviewOptions,\n} from '@dxos/react-ui-editor';\nimport { DataType } 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 | DataType.Text | any;\n settings: MarkdownSettingsProps;\n selectionManager?: SelectionManager;\n};\n\nconst MarkdownContainer = ({\n id,\n role,\n object,\n settings,\n selectionManager,\n viewMode,\n editorStateStore,\n onViewModeChange,\n}: MarkdownContainerProps) => {\n const { t } = useTranslation();\n const scrollPastEnd = role === 'article';\n const doc = Obj.instanceOf(DocumentType, object) ? object : undefined;\n const text = Obj.instanceOf(DataType.Text, object) ? object : undefined;\n const [previewBlocks, setPreviewBlocks] = useState<{ link: PreviewLinkRef; el: HTMLElement }[]>([]);\n const previewOptions = useMemo(\n (): PreviewOptions => ({\n addBlockContainer: (link, el) => {\n setPreviewBlocks((prev) => [...prev, { link, el }]);\n },\n removeBlockContainer: (link) => {\n setPreviewBlocks((prev) => prev.filter(({ link: prevLink }) => prevLink.ref !== link.ref));\n },\n }),\n [],\n );\n const extensions = useExtensions({\n document: doc,\n text,\n id,\n settings,\n selectionManager,\n viewMode,\n editorStateStore,\n previewOptions,\n });\n\n // TODO(wittjosiah): Factor out.\n const manager = usePluginManager();\n const resolve = useCallback(\n (typename: string) =>\n manager.context.getCapabilities(Capabilities.Metadata).find(({ id }) => id === typename)?.metadata ?? {},\n [manager],\n );\n const space = getSpace(object);\n const objectForms = useCapabilities(SpaceCapabilities.ObjectForm);\n const filter = useMemo(() => Filter.or(...objectForms.map((form) => Filter.type(form.objectSchema))), [objectForms]);\n const onLinkQuery = useCallback(\n async (query?: string): Promise<CommandMenuGroup[]> => {\n const name = query?.startsWith('@') ? query.slice(1).toLowerCase() : query?.toLowerCase() ?? '';\n const results = await space?.db.query(Query.select(filter)).run();\n // TODO(wittjosiah): Use `Obj.Any` type.\n const getLabel = (object: any) => {\n const type = Obj.getTypename(object)!;\n const metadata = resolve(type);\n return (\n metadata.label?.(object) || object.name || ['object name placeholder', { ns: type, default: 'New object' }]\n );\n };\n const items =\n results?.objects\n .filter((object) => toLocalizedString(getLabel(object), t).toLowerCase().includes(name))\n // TODO(wittjosiah): Remove `any` type.\n .map((object: any): CommandMenuItem => {\n const metadata = resolve(Obj.getTypename(object)!);\n const label = toLocalizedString(getLabel(object), t);\n return {\n id: object.id,\n label,\n icon: metadata.icon,\n onSelect: (view, head) => {\n const link = `[${label}][${Obj.getDXN(object)}]`;\n if (query?.startsWith('@')) {\n insertAtLineStart(view, head, `!${link}\\n`);\n } else {\n insertAtCursor(view, head, `${link} `);\n }\n },\n };\n }) ?? [];\n return [{ id: 'echo', items }];\n },\n [filter, resolve, space],\n );\n\n const editor = doc ? (\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 onLinkQuery={space ? onLinkQuery : undefined}\n />\n ) : text ? (\n <MarkdownEditor\n id={id}\n role={role}\n initialValue={text.content}\n extensions={extensions}\n viewMode={viewMode}\n toolbar={settings.toolbar}\n inputMode={settings.editorInputMode}\n scrollPastEnd={scrollPastEnd}\n onViewModeChange={onViewModeChange}\n onLinkQuery={space ? onLinkQuery : undefined}\n />\n ) : (\n // TODO(burdon): Normalize with above.\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 onLinkQuery={space ? onLinkQuery : undefined}\n />\n );\n\n return (\n <>\n {editor}\n {previewBlocks.map(({ link, el }) => (\n <PreviewBlock key={link.ref} link={link} el={el} />\n ))}\n </>\n );\n};\n\n// TODO(wittjosiah): This shouldn't be \"card\" but \"block\".\n// It's not a preview card but an interactive embedded object.\nconst PreviewBlock = ({ link, el }: { link: PreviewLinkRef; el: HTMLElement }) => {\n const echoDXN = useMemo(() => DXN.parse(link.ref).asEchoDXN(), [link.ref]);\n const space = useSpace(echoDXN?.spaceId);\n const [subject] = useQuery(space, Query.select(Filter.ids(echoDXN?.echoId ?? '')));\n const data = useMemo(() => ({ subject }), [subject]);\n\n return createPortal(<Surface role='card--document' data={data} limit={1} />, el);\n};\n\ntype DocumentEditorProps = Omit<MarkdownContainerProps, 'object' | 'extensionProviders' | 'editorStateStore'> &\n Pick<MarkdownEditorProps, 'id' | 'scrollPastEnd' | 'extensions' | 'onLinkQuery'> & {\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 const { graph } = useAppGraph();\n const customActions = useMemo(() => {\n return Rx.make((get) => {\n const actions = get(graph.actions(id));\n const nodes = actions.filter((action) => action.properties.disposition === 'toolbar');\n return { nodes, edges: nodes.map((node) => ({ source: 'root', target: node.id })) };\n });\n }, [graph]);\n\n return (\n <MarkdownEditor\n id={id}\n initialValue={doc.content?.target?.content}\n viewMode={viewMode}\n toolbar={settings.toolbar}\n customActions={customActions}\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 { type EditorView } from '@codemirror/view';\nimport React, { forwardRef, useMemo, useEffect, useCallback, useImperativeHandle, useRef } from 'react';\nimport { useDropzone } from 'react-dropzone';\n\nimport { type FileInfo } from '@dxos/app-framework';\nimport { invariant } from '@dxos/invariant';\nimport { toLocalizedString, useThemeContext, useTranslation } from '@dxos/react-ui';\nimport {\n CommandMenu,\n type CommandMenuGroup,\n type DNDOptions,\n type EditorInputMode,\n type EditorSelectionState,\n type EditorStateStore,\n EditorToolbar,\n type EditorToolbarActionGraphProps,\n type EditorViewMode,\n RefPopover,\n type UseTextEditorProps,\n addLink,\n createElement,\n coreSlashCommands,\n createBasicExtensions,\n createMarkdownExtensions,\n createThemeExtensions,\n dropFile,\n editorGutter,\n editorSlots,\n filterItems,\n linkSlashCommands,\n processEditorPayload,\n stackItemContentEditorClassNames,\n useEditorToolbarState,\n useFormattingState,\n useTextEditor,\n useCommandMenu,\n type UseCommandMenuOptions,\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 slashCommandGroups?: CommandMenuGroup[];\n toolbar?: boolean;\n customActions?: EditorToolbarActionGraphProps['customActions'];\n // TODO(wittjosiah): Generalize custom toolbar actions (e.g. comment, upload, etc.)\n viewMode?: EditorViewMode;\n editorStateStore?: EditorStateStore;\n onViewModeChange?: (id: string, mode: EditorViewMode) => void;\n onLinkQuery?: (query?: string) => Promise<CommandMenuGroup[]>;\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 * 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 extensions: _extensions,\n slashCommandGroups,\n onLinkQuery,\n ...props\n}: MarkdownEditorProps) => {\n const { t } = useTranslation();\n const viewRef = useRef<EditorView>();\n\n const getMenu = useCallback(\n (trigger: string, query?: string) => {\n switch (trigger) {\n case '@':\n return onLinkQuery?.(query) ?? [];\n case '/':\n default:\n return filterItems([coreSlashCommands, linkSlashCommands, ...(slashCommandGroups ?? [])], (item) =>\n query ? toLocalizedString(item.label, t).toLowerCase().includes(query.toLowerCase()) : true,\n );\n }\n },\n [onLinkQuery, slashCommandGroups],\n );\n\n const options = useMemo<UseCommandMenuOptions>(() => {\n const trigger = onLinkQuery ? ['/', '@'] : ['/'];\n return {\n viewRef,\n trigger,\n placeholder: {\n delay: 3_000,\n content: () => {\n return createElement('div', undefined, [\n createElement('span', { text: 'Press' }),\n ...trigger.map((text) =>\n createElement('span', {\n className: 'border border-separator rounded-sm mx-1 px-1.5 pt-[1px] pb-[2px]',\n text,\n }),\n ),\n createElement('span', { text: 'for commands.' }),\n ]);\n },\n },\n getMenu,\n };\n }, [getMenu]);\n\n const { commandMenu, groupsRef, currentItem, onSelect, ...refPopoverProps } = useCommandMenu(options);\n\n const extensions = useMemo(() => [_extensions, commandMenu].filter(isNotFalsy), [_extensions, commandMenu]);\n\n return (\n <RefPopover modal={false} {...refPopoverProps}>\n <MarkdownEditorImpl ref={viewRef} {...props} extensions={extensions} />\n <CommandMenu groups={groupsRef.current} currentItem={currentItem} onSelect={onSelect} />\n </RefPopover>\n );\n};\n\nconst MarkdownEditorImpl = forwardRef<EditorView | undefined, MarkdownEditorProps>(\n (\n {\n id,\n role = 'article',\n initialValue,\n customActions,\n editorStateStore,\n extensions,\n extensionProviders,\n scrollPastEnd,\n toolbar,\n viewMode,\n onFileUpload,\n onViewModeChange,\n },\n forwardedRef,\n ) => {\n const { t } = useTranslation(MARKDOWN_PLUGIN);\n const { themeMode } = useThemeContext();\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(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 createBasicExtensions({\n readOnly: viewMode === 'readonly',\n placeholder: t('editor placeholder'),\n scrollPastEnd: role === 'section' ? false : scrollPastEnd,\n }),\n createMarkdownExtensions({ themeMode }),\n createThemeExtensions({ themeMode, syntaxHighlighting: true, slots: editorSlots }),\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 useImperativeHandle(forwardedRef, () => editorView, [editorView]);\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 addLink({ url: info.url, image: true })(editorView);\n }\n });\n }\n }, [acceptedFiles, editorView, onFileUpload]);\n\n const getView = useCallback(() => {\n invariant(editorView);\n return editorView;\n }, [editorView]);\n\n const handleViewModeChange = useCallback(\n (mode: EditorViewMode) => onViewModeChange?.(id, mode),\n [id, onViewModeChange],\n );\n\n const handleImageUpload = useCallback(() => {\n if (onFileUpload) {\n open();\n }\n }, [onFileUpload]);\n\n return (\n <StackItem.Content toolbar={!!toolbar}>\n {toolbar && (\n <>\n <EditorToolbar\n attendableId={id}\n role={role}\n state={toolbarState}\n customActions={customActions}\n getView={getView}\n image={handleImageUpload}\n viewMode={handleViewModeChange}\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 data-popover-collision-boundary={true}\n {...focusAttributes}\n />\n </StackItem.Content>\n );\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", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { EditorView } from '@codemirror/view';\nimport { Schema } from 'effect';\nimport { useMemo } from 'react';\n\nimport { createResolver, LayoutAction, useIntentResolver } from '@dxos/app-framework';\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 (!Schema.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 QueryResult } from '@dxos/react-client/echo';\nimport { useIdentity } from '@dxos/react-client/halo';\nimport { Icon, ThemeProvider } from '@dxos/react-ui';\nimport { type SelectionManager } from '@dxos/react-ui-attention';\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 preview,\n selectionState,\n typewriter,\n type RenderCallback,\n EditorView,\n documentId,\n Cursor,\n type PreviewOptions,\n} from '@dxos/react-ui-editor';\nimport { defaultTx } from '@dxos/react-ui-theme';\nimport { type DataType } 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?: DataType.Text;\n dispatch?: PromiseIntentDispatcher;\n query?: QueryResult<DocumentType>;\n settings: MarkdownSettingsProps;\n selectionManager?: SelectionManager;\n viewMode?: EditorViewMode;\n editorStateStore?: EditorStateStore;\n previewOptions?: PreviewOptions;\n};\n\n// TODO(burdon): Merge with createBaseExtensions below.\nexport const useExtensions = ({\n document,\n id,\n text,\n settings,\n selectionManager,\n viewMode,\n editorStateStore,\n previewOptions,\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.type(DocumentType));\n // query?.subscribe();\n const baseExtensions = useMemo(\n () =>\n createBaseExtensions({\n document,\n id,\n text,\n settings,\n selectionManager,\n viewMode,\n previewOptions,\n dispatch,\n // query,\n }),\n [\n document,\n id,\n text,\n viewMode,\n dispatch,\n previewOptions,\n settings,\n settings.editorInputMode,\n settings.folding,\n settings.numberedHeadings,\n settings.debug,\n settings.typewriter,\n selectionManager,\n ],\n );\n\n const extensionProviders = useCapabilities(MarkdownCapabilities.Extensions);\n\n //\n // External extensions from other plugins.\n //\n const pluginExtensions = useMemo<Extension[]>(() => {\n if (!document) {\n return [];\n }\n\n return 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 // 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 selectionManager,\n query,\n viewMode,\n previewOptions,\n}: ExtensionsOptions): Extension[] => {\n const extensions: Extension[] = [\n selectionManager && selectionChange(selectionManager),\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 ? createLinkRenderer((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 preview(previewOptions),\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\nexport const selectionChange = (selectionManager: SelectionManager) => {\n return EditorView.updateListener.of((update) => {\n if (update.selectionSet) {\n const id = update.state.facet(documentId);\n const cursorConverter = update.state.facet(Cursor.converter);\n const selection = update.state.selection;\n const ranges = selection.ranges\n .map((range) => ({\n from: cursorConverter.toCursor(range.from),\n to: cursorConverter.toCursor(range.to),\n }))\n .filter(({ from, to }) => to > from);\n selectionManager.updateMultiRange(id, ranges);\n }\n });\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 createLinkRenderer =\n (onSelectObject: (id: string) => void): RenderCallback<{ url: string }> =>\n (el, { url }) => {\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: RenderCallback<{ url: string }> = (el, { url }) => {\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": ["Rx", "React", "useCallback", "useEffect", "useMemo", "useState", "createPortal", "Capabilities", "Surface", "useAppGraph", "useCapabilities", "usePluginManager", "DXN", "Filter", "Obj", "Query", "SpaceCapabilities", "fullyQualifiedId", "getSpace", "useQuery", "useSpace", "toLocalizedString", "useTranslation", "insertAtCursor", "insertAtLineStart", "DataType", "React", "forwardRef", "useMemo", "useEffect", "useCallback", "useImperativeHandle", "useRef", "useDropzone", "invariant", "toLocalizedString", "useThemeContext", "useTranslation", "CommandMenu", "EditorToolbar", "RefPopover", "addLink", "createElement", "coreSlashCommands", "createBasicExtensions", "createMarkdownExtensions", "createThemeExtensions", "dropFile", "editorGutter", "editorSlots", "filterItems", "linkSlashCommands", "processEditorPayload", "stackItemContentEditorClassNames", "useEditorToolbarState", "useFormattingState", "useTextEditor", "useCommandMenu", "StackItem", "isNotFalsy", "isNonNullable", "EditorView", "Schema", "useMemo", "createResolver", "LayoutAction", "useIntentResolver", "invariant", "Cursor", "setSelection", "useSelectCurrentThread", "editorView", "documentId", "scrollIntoViewResolver", "useMemo", "createResolver", "intent", "LayoutAction", "UpdateLayout", "position", "filter", "data", "Schema", "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", "extensions", "_extensions", "slashCommandGroups", "onLinkQuery", "props", "t", "useTranslation", "viewRef", "useRef", "getMenu", "useCallback", "trigger", "query", "filterItems", "coreSlashCommands", "linkSlashCommands", "item", "toLocalizedString", "label", "toLowerCase", "includes", "options", "useMemo", "placeholder", "delay", "content", "createElement", "undefined", "text", "map", "className", "commandMenu", "groupsRef", "currentItem", "onSelect", "refPopoverProps", "useCommandMenu", "filter", "isNotFalsy", "RefPopover", "modal", "MarkdownEditorImpl", "ref", "CommandMenu", "groups", "current", "forwardRef", "id", "role", "initialValue", "customActions", "editorStateStore", "extensionProviders", "scrollPastEnd", "toolbar", "viewMode", "onFileUpload", "onViewModeChange", "forwardedRef", "MARKDOWN_PLUGIN", "themeMode", "useThemeContext", "toolbarState", "useEditorToolbarState", "formattingObserver", "useFormattingState", "scrollTo", "selection", "getState", "providerExtensions", "flatMap", "provider", "isNonNullable", "handleDrop", "view", "files", "file", "info", "processEditorPayload", "type", "data", "url", "parentRef", "editorView", "focusAttributes", "useTextEditor", "createBasicExtensions", "readOnly", "createMarkdownExtensions", "createThemeExtensions", "syntaxHighlighting", "slots", "editorSlots", "editorGutter", "dropFile", "onDrop", "moveToEndOfLine", "useImperativeHandle", "useTest", "useSelectCurrentThread", "acceptedFiles", "getInputProps", "open", "useDropzone", "multiple", "noDrag", "accept", "useEffect", "length", "requestAnimationFrame", "f", "File", "name", "lastModified", "addLink", "image", "getView", "invariant", "handleViewModeChange", "mode", "handleImageUpload", "StackItem", "Content", "EditorToolbar", "attendableId", "state", "input", "div", "data-testid", "data-toolbar", "stackItemContentEditorClassNames", "data-popover-collision-boundary", "composer", "window", "React", "useMemo", "createRoot", "createIntent", "LayoutAction", "useCapabilities", "useIntentDispatcher", "invariant", "createDocAccessor", "fullyQualifiedId", "getSpace", "useIdentity", "Icon", "ThemeProvider", "InputModeExtensions", "createDataExtensions", "autocomplete", "decorateMarkdown", "folding", "formattingKeymap", "linkTooltip", "listener", "preview", "selectionState", "typewriter", "EditorView", "documentId", "Cursor", "defaultTx", "isNotFalsy", "useExtensions", "document", "id", "text", "settings", "selectionManager", "viewMode", "editorStateStore", "previewOptions", "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", "selectionChange", "InputModeExtensions", "formattingKeymap", "decorateMarkdown", "selectionChangeDelay", "from", "undefined", "renderLinkButton", "createLinkRenderer", "createIntent", "LayoutAction", "Open", "part", "subject", "options", "pivotId", "fullyQualifiedId", "linkTooltip", "renderLinkTooltip", "preview", "autocomplete", "onSearch", "objects", "map", "object", "name", "length", "label", "apply", "items", "split", "EditorView", "updateListener", "of", "update", "selectionSet", "state", "facet", "documentId", "cursorConverter", "Cursor", "converter", "selection", "ranges", "range", "toCursor", "to", "updateMultiRange", "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", "selectionManager", "viewMode", "editorStateStore", "onViewModeChange", "t", "useTranslation", "scrollPastEnd", "doc", "Obj", "instanceOf", "DocumentType", "undefined", "text", "DataType", "Text", "previewBlocks", "setPreviewBlocks", "useState", "previewOptions", "useMemo", "addBlockContainer", "link", "el", "prev", "removeBlockContainer", "filter", "prevLink", "ref", "extensions", "useExtensions", "document", "manager", "usePluginManager", "resolve", "useCallback", "typename", "context", "getCapabilities", "Capabilities", "Metadata", "find", "metadata", "space", "getSpace", "objectForms", "useCapabilities", "SpaceCapabilities", "ObjectForm", "Filter", "or", "map", "form", "type", "objectSchema", "onLinkQuery", "query", "name", "startsWith", "slice", "toLowerCase", "results", "db", "Query", "select", "run", "getLabel", "getTypename", "label", "ns", "default", "items", "objects", "toLocalizedString", "includes", "icon", "onSelect", "view", "head", "getDXN", "insertAtLineStart", "insertAtCursor", "editor", "React", "DocumentEditor", "fullyQualifiedId", "MarkdownEditor", "initialValue", "content", "toolbar", "inputMode", "editorInputMode", "PreviewBlock", "key", "echoDXN", "DXN", "parse", "asEchoDXN", "useSpace", "spaceId", "subject", "useQuery", "ids", "echoId", "data", "createPortal", "Surface", "limit", "props", "useEffect", "fallbackName", "target", "getFallbackName", "upload", "FileUploader", "handleFileUpload", "file", "graph", "useAppGraph", "customActions", "Rx", "make", "get", "actions", "nodes", "action", "properties", "disposition", "edges", "node", "source", "onFileUpload"]
|
|
7
|
+
}
|
|
@@ -2,10 +2,10 @@ import { createRequire } from 'node:module';const require = createRequire(import
|
|
|
2
2
|
import {
|
|
3
3
|
getAbstract,
|
|
4
4
|
getFallbackName
|
|
5
|
-
} from "./chunk-
|
|
5
|
+
} from "./chunk-K26TX5V4.mjs";
|
|
6
6
|
import {
|
|
7
7
|
DocumentType
|
|
8
|
-
} from "./chunk-
|
|
8
|
+
} from "./chunk-T2Y2BT53.mjs";
|
|
9
9
|
import {
|
|
10
10
|
MARKDOWN_PLUGIN
|
|
11
11
|
} from "./chunk-RX63ZNML.mjs";
|
|
@@ -15,22 +15,22 @@ import { useSignals as _useSignals } from "@preact-signals/safe-react/tracking";
|
|
|
15
15
|
import { pipe } from "effect";
|
|
16
16
|
import React, { useCallback } from "react";
|
|
17
17
|
import { chain, createIntent, LayoutAction, useIntentDispatcher } from "@dxos/app-framework";
|
|
18
|
-
import {
|
|
18
|
+
import { Obj } from "@dxos/echo";
|
|
19
19
|
import { fullyQualifiedId } from "@dxos/react-client/echo";
|
|
20
20
|
import { Button, Icon, useTranslation } from "@dxos/react-ui";
|
|
21
21
|
import { Card } from "@dxos/react-ui-stack";
|
|
22
22
|
import { DataType } from "@dxos/schema";
|
|
23
23
|
var getTitle = (subject, fallback) => {
|
|
24
|
-
if (
|
|
24
|
+
if (Obj.instanceOf(DocumentType, subject)) {
|
|
25
25
|
return subject.name ?? subject.fallbackName ?? getFallbackName(subject.content?.target?.content ?? fallback);
|
|
26
|
-
} else if (
|
|
26
|
+
} else if (Obj.instanceOf(DataType.Text, subject)) {
|
|
27
27
|
return getFallbackName(subject.content);
|
|
28
28
|
}
|
|
29
29
|
};
|
|
30
30
|
var getSnippet = (subject, fallback) => {
|
|
31
|
-
if (
|
|
31
|
+
if (Obj.instanceOf(DocumentType, subject)) {
|
|
32
32
|
return getAbstract(subject.content?.target?.content ?? fallback);
|
|
33
|
-
} else if (
|
|
33
|
+
} else if (Obj.instanceOf(DataType.Text, subject)) {
|
|
34
34
|
return getAbstract(subject.content);
|
|
35
35
|
}
|
|
36
36
|
};
|
|
@@ -78,4 +78,4 @@ export {
|
|
|
78
78
|
MarkdownPreview,
|
|
79
79
|
MarkdownPreview_default as default
|
|
80
80
|
};
|
|
81
|
-
//# sourceMappingURL=MarkdownPreview-
|
|
81
|
+
//# sourceMappingURL=MarkdownPreview-KFDRV4GC.mjs.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../src/components/MarkdownPreview/MarkdownPreview.tsx", "../../../src/components/MarkdownPreview/index.ts"],
|
|
4
|
+
"sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { pipe } from 'effect';\nimport React, { useCallback } from 'react';\n\nimport { chain, createIntent, LayoutAction, useIntentDispatcher } from '@dxos/app-framework';\nimport { Obj } from '@dxos/echo';\nimport { type PreviewProps } from '@dxos/plugin-preview';\nimport { fullyQualifiedId } from '@dxos/react-client/echo';\nimport { Button, Icon, useTranslation } from '@dxos/react-ui';\nimport { Card } from '@dxos/react-ui-stack';\nimport { DataType } from '@dxos/schema';\n\nimport { MARKDOWN_PLUGIN } from '../../meta';\nimport { DocumentType } from '../../types';\nimport { getAbstract, getFallbackName } from '../../util';\n\n// TODO(burdon): Factor out.\nconst getTitle = (subject: DocumentType | DataType.Text, fallback: string) => {\n if (Obj.instanceOf(DocumentType, subject)) {\n return subject.name ?? subject.fallbackName ?? getFallbackName(subject.content?.target?.content ?? fallback);\n } else if (Obj.instanceOf(DataType.Text, subject)) {\n return getFallbackName(subject.content);\n }\n};\n\n// TODO(burdon): Factor out.\nconst getSnippet = (subject: DocumentType | DataType.Text, fallback: string) => {\n if (Obj.instanceOf(DocumentType, subject)) {\n return getAbstract(subject.content?.target?.content ?? fallback);\n } else if (Obj.instanceOf(DataType.Text, subject)) {\n return getAbstract(subject.content);\n }\n};\n\nexport const MarkdownPreview = ({ subject, role }: PreviewProps<DocumentType | DataType.Text>) => {\n const { dispatchPromise: dispatch } = useIntentDispatcher();\n const { t } = useTranslation(MARKDOWN_PLUGIN);\n const snippet = getSnippet(subject, t('fallback abstract'));\n\n // TODO(wittjosiah): Factor out so this component isn't dependent on the app framework.\n const handleNavigate = useCallback(\n () =>\n dispatch(\n pipe(\n createIntent(LayoutAction.UpdatePopover, {\n part: 'popover',\n subject: null,\n options: { state: false, anchorId: '' },\n }),\n chain(LayoutAction.Open, { part: 'main', subject: [fullyQualifiedId(subject)] }),\n ),\n ),\n [dispatch, subject],\n );\n\n return (\n <Card.Container role={role}>\n <Card.Heading>{getTitle(subject, t('fallback title'))}</Card.Heading>\n {snippet && <Card.Text classNames='line-clamp-3 break-words col-span-2'>{snippet}</Card.Text>}\n <Card.Chrome>\n <Button onClick={handleNavigate}>\n <span className='grow'>{t('navigate to document label')}</span>\n <Icon icon='ph--arrow-right--regular' />\n </Button>\n </Card.Chrome>\n </Card.Container>\n );\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { MarkdownPreview } from './MarkdownPreview';\n\nexport * from './MarkdownPreview';\n\nexport default MarkdownPreview;\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;AAIA,SAASA,YAAY;AACrB,OAAOC,SAASC,mBAAmB;AAEnC,SAASC,OAAOC,cAAcC,cAAcC,2BAA2B;AACvE,SAASC,WAAW;AAEpB,SAASC,wBAAwB;AACjC,SAASC,QAAQC,MAAMC,sBAAsB;AAC7C,SAASC,YAAY;AACrB,SAASC,gBAAgB;AAOzB,IAAMC,WAAW,CAACC,SAAuCC,aAAAA;AACvD,MAAIC,IAAIC,WAAWC,cAAcJ,OAAAA,GAAU;AACzC,WAAOA,QAAQK,QAAQL,QAAQM,gBAAgBC,gBAAgBP,QAAQQ,SAASC,QAAQD,WAAWP,QAAAA;EACrG,WAAWC,IAAIC,WAAWO,SAASC,MAAMX,OAAAA,GAAU;AACjD,WAAOO,gBAAgBP,QAAQQ,OAAO;EACxC;AACF;AAGA,IAAMI,aAAa,CAACZ,SAAuCC,aAAAA;AACzD,MAAIC,IAAIC,WAAWC,cAAcJ,OAAAA,GAAU;AACzC,WAAOa,YAAYb,QAAQQ,SAASC,QAAQD,WAAWP,QAAAA;EACzD,WAAWC,IAAIC,WAAWO,SAASC,MAAMX,OAAAA,GAAU;AACjD,WAAOa,YAAYb,QAAQQ,OAAO;EACpC;AACF;AAEO,IAAMM,kBAAkB,CAAC,EAAEd,SAASe,KAAI,MAA8C;;;AAC3F,UAAM,EAAEC,iBAAiBC,SAAQ,IAAKC,oBAAAA;AACtC,UAAM,EAAEC,EAAC,IAAKC,eAAeC,eAAAA;AAC7B,UAAMC,UAAUV,WAAWZ,SAASmB,EAAE,mBAAA,CAAA;AAGtC,UAAMI,iBAAiBC,YACrB,MACEP,SACEQ,KACEC,aAAaC,aAAaC,eAAe;MACvCC,MAAM;MACN7B,SAAS;MACT8B,SAAS;QAAEC,OAAO;QAAOC,UAAU;MAAG;IACxC,CAAA,GACAC,MAAMN,aAAaO,MAAM;MAAEL,MAAM;MAAQ7B,SAAS;QAACmC,iBAAiBnC,OAAAA;;IAAU,CAAA,CAAA,CAAA,GAGpF;MAACiB;MAAUjB;KAAQ;AAGrB,WACE,sBAAA,cAACoC,KAAKC,WAAS;MAACtB;OACd,sBAAA,cAACqB,KAAKE,SAAO,MAAEvC,SAASC,SAASmB,EAAE,gBAAA,CAAA,CAAA,GAClCG,WAAW,sBAAA,cAACc,KAAKzB,MAAI;MAAC4B,YAAW;OAAuCjB,OAAAA,GACzE,sBAAA,cAACc,KAAKI,QAAM,MACV,sBAAA,cAACC,QAAAA;MAAOC,SAASnB;OACf,sBAAA,cAACoB,QAAAA;MAAKC,WAAU;OAAQzB,EAAE,4BAAA,CAAA,GAC1B,sBAAA,cAAC0B,MAAAA;MAAKC,MAAK;;;;;AAKrB;;;AC9DA,IAAA,0BAAeC;",
|
|
6
|
+
"names": ["pipe", "React", "useCallback", "chain", "createIntent", "LayoutAction", "useIntentDispatcher", "Obj", "fullyQualifiedId", "Button", "Icon", "useTranslation", "Card", "DataType", "getTitle", "subject", "fallback", "Obj", "instanceOf", "DocumentType", "name", "fallbackName", "getFallbackName", "content", "target", "DataType", "Text", "getSnippet", "getAbstract", "MarkdownPreview", "role", "dispatchPromise", "dispatch", "useIntentDispatcher", "t", "useTranslation", "MARKDOWN_PLUGIN", "snippet", "handleNavigate", "useCallback", "pipe", "createIntent", "LayoutAction", "UpdatePopover", "part", "options", "state", "anchorId", "chain", "Open", "fullyQualifiedId", "Card", "Container", "Heading", "classNames", "Chrome", "Button", "onClick", "span", "className", "Icon", "icon", "MarkdownPreview"]
|
|
7
|
+
}
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
|
|
2
2
|
import {
|
|
3
3
|
DocumentType
|
|
4
|
-
} from "./chunk-
|
|
4
|
+
} from "./chunk-T2Y2BT53.mjs";
|
|
5
5
|
import "./chunk-RX63ZNML.mjs";
|
|
6
6
|
|
|
7
7
|
// packages/plugins/plugin-markdown/src/capabilities/anchor-sort.ts
|
|
8
8
|
import { Capabilities, contributes } from "@dxos/app-framework";
|
|
9
|
-
import {
|
|
9
|
+
import { Type } from "@dxos/echo";
|
|
10
10
|
import { createDocAccessor, getRangeFromCursor, getTarget } from "@dxos/react-client/echo";
|
|
11
11
|
var anchor_sort_default = () => contributes(Capabilities.AnchorSort, {
|
|
12
|
-
key:
|
|
12
|
+
key: Type.getTypename(DocumentType),
|
|
13
13
|
sort: (anchorA, anchorB) => {
|
|
14
14
|
const doc = getTarget(anchorA);
|
|
15
15
|
const accessor = doc.content.target ? createDocAccessor(doc.content.target, [
|
|
@@ -30,4 +30,4 @@ var anchor_sort_default = () => contributes(Capabilities.AnchorSort, {
|
|
|
30
30
|
export {
|
|
31
31
|
anchor_sort_default as default
|
|
32
32
|
};
|
|
33
|
-
//# sourceMappingURL=anchor-sort-
|
|
33
|
+
//# sourceMappingURL=anchor-sort-BXL7BE67.mjs.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../src/capabilities/anchor-sort.ts"],
|
|
4
|
+
"sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { Capabilities, contributes } from '@dxos/app-framework';\nimport { Type } from '@dxos/echo';\nimport { createDocAccessor, getRangeFromCursor, getTarget } from '@dxos/react-client/echo';\n\nimport { DocumentType } from '../types';\n\nexport default () =>\n contributes(Capabilities.AnchorSort, {\n key: Type.getTypename(DocumentType)!,\n sort: (anchorA, anchorB) => {\n const doc = getTarget(anchorA) as DocumentType;\n const accessor = doc.content.target ? createDocAccessor(doc.content.target, ['content']) : undefined;\n if (doc !== getTarget(anchorB) || !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 const posA = getStartPosition(anchorA.anchor);\n const posB = getStartPosition(anchorB.anchor);\n return posA - posB;\n },\n });\n"],
|
|
5
|
+
"mappings": ";;;;;;;AAIA,SAASA,cAAcC,mBAAmB;AAC1C,SAASC,YAAY;AACrB,SAASC,mBAAmBC,oBAAoBC,iBAAiB;AAIjE,IAAA,sBAAe,MACbC,YAAYC,aAAaC,YAAY;EACnCC,KAAKC,KAAKC,YAAYC,YAAAA;EACtBC,MAAM,CAACC,SAASC,YAAAA;AACd,UAAMC,MAAMC,UAAUH,OAAAA;AACtB,UAAMI,WAAWF,IAAIG,QAAQC,SAASC,kBAAkBL,IAAIG,QAAQC,QAAQ;MAAC;KAAU,IAAIE;AAC3F,QAAIN,QAAQC,UAAUF,OAAAA,KAAY,CAACG,UAAU;AAC3C,aAAO;IACT;AAEA,UAAMK,mBAAmB,CAACC,WAAAA;AACxB,YAAMC,QAAQD,SAASE,mBAAmBR,UAAUM,MAAAA,IAAUF;AAC9D,aAAOG,OAAOE,SAASC,OAAOC;IAChC;AAEA,UAAMC,OAAOP,iBAAiBT,QAAQiB,MAAM;AAC5C,UAAMC,OAAOT,iBAAiBR,QAAQgB,MAAM;AAC5C,WAAOD,OAAOE;EAChB;AACF,CAAA;",
|
|
6
|
+
"names": ["Capabilities", "contributes", "Type", "createDocAccessor", "getRangeFromCursor", "getTarget", "contributes", "Capabilities", "AnchorSort", "key", "Type", "getTypename", "DocumentType", "sort", "anchorA", "anchorB", "doc", "getTarget", "accessor", "content", "target", "createDocAccessor", "undefined", "getStartPosition", "cursor", "range", "getRangeFromCursor", "start", "Number", "MAX_SAFE_INTEGER", "posA", "anchor", "posB"]
|
|
7
|
+
}
|