@dxos/plugin-markdown 0.6.12-main.ed7cda7 → 0.6.12-staging.e11e696
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-OWVU5WMN.mjs +467 -0
- package/dist/lib/browser/MarkdownContainer-OWVU5WMN.mjs.map +7 -0
- package/dist/lib/browser/chunk-7WORDTCY.mjs +50 -0
- package/dist/lib/browser/chunk-7WORDTCY.mjs.map +7 -0
- package/dist/lib/browser/{chunk-R6CSLNWW.mjs → chunk-OUZCML5B.mjs} +3 -1
- package/dist/lib/browser/chunk-OUZCML5B.mjs.map +7 -0
- package/dist/lib/browser/index.mjs +54 -101
- package/dist/lib/browser/index.mjs.map +4 -4
- package/dist/lib/browser/meta.json +1 -1
- package/dist/lib/browser/types/index.mjs +5 -3
- package/dist/lib/node/MarkdownContainer-IWMLWI6Z.cjs +482 -0
- package/dist/lib/node/MarkdownContainer-IWMLWI6Z.cjs.map +7 -0
- package/dist/lib/node/{chunk-MCA5BBJR.cjs → chunk-HVDIBL5H.cjs} +9 -6
- package/dist/lib/node/chunk-HVDIBL5H.cjs.map +7 -0
- package/dist/lib/node/chunk-L2FIDO4L.cjs +72 -0
- package/dist/lib/node/chunk-L2FIDO4L.cjs.map +7 -0
- package/dist/lib/node/index.cjs +76 -119
- package/dist/lib/node/index.cjs.map +4 -4
- package/dist/lib/node/meta.json +1 -1
- package/dist/lib/node/types/index.cjs +7 -5
- package/dist/lib/node/types/index.cjs.map +2 -2
- package/dist/lib/node-esm/MarkdownContainer-MLTDWWGB.mjs +468 -0
- package/dist/lib/node-esm/MarkdownContainer-MLTDWWGB.mjs.map +7 -0
- package/dist/lib/node-esm/{chunk-W525OVFX.mjs → chunk-4AGP7IJE.mjs} +3 -1
- package/dist/lib/node-esm/chunk-4AGP7IJE.mjs.map +7 -0
- package/dist/lib/node-esm/chunk-YOIARYUO.mjs +51 -0
- package/dist/lib/node-esm/chunk-YOIARYUO.mjs.map +7 -0
- package/dist/lib/node-esm/index.mjs +54 -101
- package/dist/lib/node-esm/index.mjs.map +4 -4
- package/dist/lib/node-esm/meta.json +1 -1
- package/dist/lib/node-esm/types/index.mjs +5 -3
- package/dist/types/src/MarkdownPlugin.d.ts.map +1 -1
- package/dist/types/src/components/MarkdownContainer.d.ts +15 -0
- package/dist/types/src/components/MarkdownContainer.d.ts.map +1 -0
- package/dist/types/src/components/MarkdownEditor.d.ts +7 -2
- package/dist/types/src/components/MarkdownEditor.d.ts.map +1 -1
- package/dist/types/src/components/MarkdownEditor.stories.d.ts +3 -3
- package/dist/types/src/components/MarkdownEditor.stories.d.ts.map +1 -1
- package/dist/types/src/components/index.d.ts +2 -11
- package/dist/types/src/components/index.d.ts.map +1 -1
- package/dist/types/src/extensions.d.ts +11 -15
- package/dist/types/src/extensions.d.ts.map +1 -1
- package/dist/types/src/types/document.d.ts +8 -1
- package/dist/types/src/types/document.d.ts.map +1 -1
- package/dist/types/src/types/types.d.ts +4 -4
- package/dist/types/src/types/types.d.ts.map +1 -1
- package/package.json +32 -31
- package/src/MarkdownPlugin.tsx +31 -86
- package/src/components/MarkdownContainer.tsx +108 -0
- package/src/components/MarkdownEditor.stories.tsx +11 -5
- package/src/components/MarkdownEditor.tsx +25 -35
- package/src/components/index.ts +2 -14
- package/src/extensions.tsx +124 -67
- package/src/types/document.ts +12 -0
- package/src/types/types.ts +5 -3
- package/dist/lib/browser/DocumentCard-RKENHCNE.mjs +0 -11
- package/dist/lib/browser/DocumentCard-RKENHCNE.mjs.map +0 -7
- package/dist/lib/browser/DocumentEditor-FAXQRX37.mjs +0 -11
- package/dist/lib/browser/DocumentEditor-FAXQRX37.mjs.map +0 -7
- package/dist/lib/browser/MarkdownEditor-5EUT7P66.mjs +0 -10
- package/dist/lib/browser/MarkdownEditor-5EUT7P66.mjs.map +0 -7
- package/dist/lib/browser/chunk-354DCID5.mjs +0 -117
- package/dist/lib/browser/chunk-354DCID5.mjs.map +0 -7
- package/dist/lib/browser/chunk-AFWT6Z7B.mjs +0 -86
- package/dist/lib/browser/chunk-AFWT6Z7B.mjs.map +0 -7
- package/dist/lib/browser/chunk-AVGUYNPR.mjs +0 -220
- package/dist/lib/browser/chunk-AVGUYNPR.mjs.map +0 -7
- package/dist/lib/browser/chunk-JDTH4A4I.mjs +0 -166
- package/dist/lib/browser/chunk-JDTH4A4I.mjs.map +0 -7
- package/dist/lib/browser/chunk-R6CSLNWW.mjs.map +0 -7
- package/dist/lib/node/DocumentCard-ECPKHJT7.cjs +0 -32
- package/dist/lib/node/DocumentCard-ECPKHJT7.cjs.map +0 -7
- package/dist/lib/node/DocumentEditor-YVZTTY5L.cjs +0 -29
- package/dist/lib/node/DocumentEditor-YVZTTY5L.cjs.map +0 -7
- package/dist/lib/node/MarkdownEditor-ZD4W4UJ6.cjs +0 -31
- package/dist/lib/node/MarkdownEditor-ZD4W4UJ6.cjs.map +0 -7
- package/dist/lib/node/chunk-2T7LIVPT.cjs +0 -246
- package/dist/lib/node/chunk-2T7LIVPT.cjs.map +0 -7
- package/dist/lib/node/chunk-5ZWOR7JF.cjs +0 -114
- package/dist/lib/node/chunk-5ZWOR7JF.cjs.map +0 -7
- package/dist/lib/node/chunk-KTYIOXL5.cjs +0 -149
- package/dist/lib/node/chunk-KTYIOXL5.cjs.map +0 -7
- package/dist/lib/node/chunk-MCA5BBJR.cjs.map +0 -7
- package/dist/lib/node/chunk-OEWBZFBF.cjs +0 -191
- package/dist/lib/node/chunk-OEWBZFBF.cjs.map +0 -7
- package/dist/lib/node-esm/DocumentCard-RHVY4Z6L.mjs +0 -12
- package/dist/lib/node-esm/DocumentCard-RHVY4Z6L.mjs.map +0 -7
- package/dist/lib/node-esm/DocumentEditor-JBVVPEYE.mjs +0 -12
- package/dist/lib/node-esm/DocumentEditor-JBVVPEYE.mjs.map +0 -7
- package/dist/lib/node-esm/MarkdownEditor-OS7YG6MA.mjs +0 -11
- package/dist/lib/node-esm/MarkdownEditor-OS7YG6MA.mjs.map +0 -7
- package/dist/lib/node-esm/chunk-OE3CMI5X.mjs +0 -87
- package/dist/lib/node-esm/chunk-OE3CMI5X.mjs.map +0 -7
- package/dist/lib/node-esm/chunk-QARGBUBS.mjs +0 -221
- package/dist/lib/node-esm/chunk-QARGBUBS.mjs.map +0 -7
- package/dist/lib/node-esm/chunk-RO5FEVW6.mjs +0 -119
- package/dist/lib/node-esm/chunk-RO5FEVW6.mjs.map +0 -7
- package/dist/lib/node-esm/chunk-UG4MIBCA.mjs +0 -167
- package/dist/lib/node-esm/chunk-UG4MIBCA.mjs.map +0 -7
- package/dist/lib/node-esm/chunk-W525OVFX.mjs.map +0 -7
- package/dist/types/src/components/DocumentCard.d.ts +0 -16
- package/dist/types/src/components/DocumentCard.d.ts.map +0 -1
- package/dist/types/src/components/DocumentEditor.d.ts +0 -14
- package/dist/types/src/components/DocumentEditor.d.ts.map +0 -1
- package/dist/types/src/components/HeadingMenu.d.ts +0 -13
- package/dist/types/src/components/HeadingMenu.d.ts.map +0 -1
- package/dist/types/src/components/Layout.d.ts +0 -6
- package/dist/types/src/components/Layout.d.ts.map +0 -1
- package/src/components/DocumentCard.tsx +0 -107
- package/src/components/DocumentEditor.tsx +0 -139
- package/src/components/HeadingMenu.tsx +0 -46
- package/src/components/Layout.tsx +0 -27
|
@@ -1,191 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __create = Object.create;
|
|
3
|
-
var __defProp = Object.defineProperty;
|
|
4
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
7
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
|
-
var __export = (target, all) => {
|
|
9
|
-
for (var name in all)
|
|
10
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
-
};
|
|
12
|
-
var __copyProps = (to, from, except, desc) => {
|
|
13
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
14
|
-
for (let key of __getOwnPropNames(from))
|
|
15
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
16
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
17
|
-
}
|
|
18
|
-
return to;
|
|
19
|
-
};
|
|
20
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
-
// If the importer is in node compatibility mode or this is not an ESM
|
|
22
|
-
// file that has been converted to a CommonJS file using a Babel-
|
|
23
|
-
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
24
|
-
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
25
|
-
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
26
|
-
mod
|
|
27
|
-
));
|
|
28
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
29
|
-
var chunk_OEWBZFBF_exports = {};
|
|
30
|
-
__export(chunk_OEWBZFBF_exports, {
|
|
31
|
-
DocumentEditor_default: () => DocumentEditor_default,
|
|
32
|
-
getFallbackName: () => getFallbackName,
|
|
33
|
-
isMarkdownProperties: () => isMarkdownProperties,
|
|
34
|
-
markdownExtensionPlugins: () => markdownExtensionPlugins,
|
|
35
|
-
serializer: () => serializer,
|
|
36
|
-
setFallbackName: () => setFallbackName
|
|
37
|
-
});
|
|
38
|
-
module.exports = __toCommonJS(chunk_OEWBZFBF_exports);
|
|
39
|
-
var import_chunk_MCA5BBJR = require("./chunk-MCA5BBJR.cjs");
|
|
40
|
-
var import_chunk_KTYIOXL5 = require("./chunk-KTYIOXL5.cjs");
|
|
41
|
-
var import_chunk_2T7LIVPT = require("./chunk-2T7LIVPT.cjs");
|
|
42
|
-
var import_react = __toESM(require("react"));
|
|
43
|
-
var import_app_framework = require("@dxos/app-framework");
|
|
44
|
-
var import_echo = require("@dxos/react-client/echo");
|
|
45
|
-
var import_halo = require("@dxos/react-client/halo");
|
|
46
|
-
var import_react_ui_editor = require("@dxos/react-ui-editor");
|
|
47
|
-
var import_async = require("@dxos/async");
|
|
48
|
-
var import_echo2 = require("@dxos/react-client/echo");
|
|
49
|
-
var isMarkdownProperties = (data) => (0, import_echo2.isEchoObject)(data) ? true : data && typeof data === "object" ? "title" in data && typeof data.title === "string" : false;
|
|
50
|
-
var markdownExtensionPlugins = (plugins) => {
|
|
51
|
-
return plugins.filter((plugin) => Boolean(plugin.provides?.markdown));
|
|
52
|
-
};
|
|
53
|
-
var nonTitleChars = /[^\w ]/g;
|
|
54
|
-
var getFallbackName = (content) => {
|
|
55
|
-
return content.substring(0, 31).split("\n")[0].replaceAll(nonTitleChars, "").trim();
|
|
56
|
-
};
|
|
57
|
-
var setFallbackName = (0, import_async.debounce)((doc, content) => {
|
|
58
|
-
const name = getFallbackName(content);
|
|
59
|
-
if (doc.fallbackName !== name) {
|
|
60
|
-
doc.fallbackName = name;
|
|
61
|
-
}
|
|
62
|
-
}, 200);
|
|
63
|
-
var serializer = {
|
|
64
|
-
serialize: async ({ object }) => {
|
|
65
|
-
const content = await (0, import_echo2.loadObjectReferences)(object, (doc) => doc.content);
|
|
66
|
-
return JSON.stringify({
|
|
67
|
-
name: object.name,
|
|
68
|
-
content: content.content
|
|
69
|
-
});
|
|
70
|
-
},
|
|
71
|
-
deserialize: async ({ content: serialized }) => {
|
|
72
|
-
const { name, content } = JSON.parse(serialized);
|
|
73
|
-
return (0, import_echo2.createEchoObject)((0, import_echo2.create)(import_chunk_MCA5BBJR.DocumentType, {
|
|
74
|
-
name,
|
|
75
|
-
content: (0, import_echo2.create)(import_chunk_MCA5BBJR.TextType, {
|
|
76
|
-
content
|
|
77
|
-
}),
|
|
78
|
-
threads: []
|
|
79
|
-
}));
|
|
80
|
-
}
|
|
81
|
-
};
|
|
82
|
-
var DocumentEditor = ({ document: doc, extensionProviders = [], viewMode, settings, ...props }) => {
|
|
83
|
-
const space = (0, import_echo.getSpace)(doc);
|
|
84
|
-
const identity = (0, import_halo.useIdentity)();
|
|
85
|
-
const dispatch = (0, import_app_framework.useIntentDispatcher)();
|
|
86
|
-
const baseExtensions = (0, import_react.useMemo)(() => {
|
|
87
|
-
return (0, import_chunk_KTYIOXL5.createBaseExtensions)({
|
|
88
|
-
viewMode,
|
|
89
|
-
settings,
|
|
90
|
-
document: doc,
|
|
91
|
-
dispatch
|
|
92
|
-
});
|
|
93
|
-
}, [
|
|
94
|
-
doc,
|
|
95
|
-
viewMode,
|
|
96
|
-
dispatch,
|
|
97
|
-
settings,
|
|
98
|
-
settings.folding,
|
|
99
|
-
settings.numberedHeadings
|
|
100
|
-
]);
|
|
101
|
-
const providerExtensions = (0, import_react.useMemo)(() => extensionProviders.reduce((acc, provider) => {
|
|
102
|
-
const provided = typeof provider === "function" ? provider({
|
|
103
|
-
document: doc
|
|
104
|
-
}) : provider;
|
|
105
|
-
if (provided) {
|
|
106
|
-
acc.push(...provided);
|
|
107
|
-
}
|
|
108
|
-
return acc;
|
|
109
|
-
}, []), [
|
|
110
|
-
extensionProviders
|
|
111
|
-
]);
|
|
112
|
-
const extensions = (0, import_react.useMemo)(() => [
|
|
113
|
-
// NOTE: Data extensions must be first so that automerge is updated before other extensions compute their state.
|
|
114
|
-
(0, import_react_ui_editor.createDataExtensions)({
|
|
115
|
-
id: doc.id,
|
|
116
|
-
text: doc.content && (0, import_echo.createDocAccessor)(doc.content, [
|
|
117
|
-
"content"
|
|
118
|
-
]),
|
|
119
|
-
space,
|
|
120
|
-
identity
|
|
121
|
-
}),
|
|
122
|
-
(0, import_react_ui_editor.state)(import_react_ui_editor.localStorageStateStoreAdapter),
|
|
123
|
-
(0, import_react_ui_editor.listener)({
|
|
124
|
-
onChange: (text) => {
|
|
125
|
-
setFallbackName(doc, text);
|
|
126
|
-
}
|
|
127
|
-
}),
|
|
128
|
-
providerExtensions,
|
|
129
|
-
baseExtensions
|
|
130
|
-
], [
|
|
131
|
-
doc,
|
|
132
|
-
doc.content,
|
|
133
|
-
space,
|
|
134
|
-
baseExtensions,
|
|
135
|
-
providerExtensions,
|
|
136
|
-
identity
|
|
137
|
-
]);
|
|
138
|
-
const initialValue = (0, import_react.useMemo)(() => doc.content?.content, [
|
|
139
|
-
doc.content
|
|
140
|
-
]);
|
|
141
|
-
(0, import_react.useEffect)(() => {
|
|
142
|
-
if (!doc.fallbackName && doc.content?.content) {
|
|
143
|
-
doc.fallbackName = getFallbackName(doc.content.content);
|
|
144
|
-
}
|
|
145
|
-
}, [
|
|
146
|
-
doc,
|
|
147
|
-
doc.content
|
|
148
|
-
]);
|
|
149
|
-
const id = (0, import_echo.fullyQualifiedId)(doc);
|
|
150
|
-
const { scrollTo, selection } = (0, import_react.useMemo)(() => import_react_ui_editor.localStorageStateStoreAdapter.getState(id) ?? {}, [
|
|
151
|
-
doc
|
|
152
|
-
]);
|
|
153
|
-
const fileManagerPlugin = (0, import_app_framework.useResolvePlugin)(import_app_framework.parseFileManagerPlugin);
|
|
154
|
-
const handleFileUpload = (0, import_react.useMemo)(() => {
|
|
155
|
-
if (space === void 0) {
|
|
156
|
-
return void 0;
|
|
157
|
-
}
|
|
158
|
-
if (fileManagerPlugin?.provides.file.upload === void 0) {
|
|
159
|
-
return void 0;
|
|
160
|
-
}
|
|
161
|
-
return async (file) => {
|
|
162
|
-
return fileManagerPlugin?.provides?.file?.upload?.(file, space);
|
|
163
|
-
};
|
|
164
|
-
}, [
|
|
165
|
-
fileManagerPlugin,
|
|
166
|
-
space
|
|
167
|
-
]);
|
|
168
|
-
return /* @__PURE__ */ import_react.default.createElement(import_chunk_2T7LIVPT.MarkdownEditor_default, {
|
|
169
|
-
id,
|
|
170
|
-
initialValue,
|
|
171
|
-
extensions,
|
|
172
|
-
scrollTo,
|
|
173
|
-
selection,
|
|
174
|
-
onFileUpload: handleFileUpload,
|
|
175
|
-
inputMode: settings.editorInputMode,
|
|
176
|
-
toolbar: settings.toolbar,
|
|
177
|
-
viewMode,
|
|
178
|
-
...props
|
|
179
|
-
});
|
|
180
|
-
};
|
|
181
|
-
var DocumentEditor_default = DocumentEditor;
|
|
182
|
-
// Annotate the CommonJS export names for ESM import in node:
|
|
183
|
-
0 && (module.exports = {
|
|
184
|
-
DocumentEditor_default,
|
|
185
|
-
getFallbackName,
|
|
186
|
-
isMarkdownProperties,
|
|
187
|
-
markdownExtensionPlugins,
|
|
188
|
-
serializer,
|
|
189
|
-
setFallbackName
|
|
190
|
-
});
|
|
191
|
-
//# sourceMappingURL=chunk-OEWBZFBF.cjs.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/components/DocumentEditor.tsx", "../../../src/util.tsx"],
|
|
4
|
-
"sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { useEffect, useMemo } from 'react';\n\nimport { useResolvePlugin, parseFileManagerPlugin, useIntentDispatcher } from '@dxos/app-framework';\nimport { createDocAccessor, fullyQualifiedId, getSpace } from '@dxos/react-client/echo';\nimport { useIdentity } from '@dxos/react-client/halo';\nimport {\n createDataExtensions,\n listener,\n localStorageStateStoreAdapter,\n state,\n type Extension,\n type EditorSelectionState,\n} from '@dxos/react-ui-editor';\n\nimport MarkdownEditor, { type MarkdownEditorProps } from './MarkdownEditor';\nimport { createBaseExtensions } from '../extensions';\nimport { type DocumentType, type MarkdownPluginState, type MarkdownSettingsProps } from '../types';\nimport { getFallbackName, setFallbackName } from '../util';\n\ntype DocumentEditorProps = {\n document: DocumentType;\n settings: MarkdownSettingsProps;\n} & Omit<MarkdownEditorProps, 'id' | 'inputMode' | 'toolbar' | 'extensions'> &\n Pick<MarkdownPluginState, 'extensionProviders'>;\n\n/**\n * Editor for a `DocumentType`.\n */\nconst DocumentEditor = ({\n document: doc,\n extensionProviders = [],\n viewMode,\n settings,\n ...props\n}: DocumentEditorProps) => {\n const space = getSpace(doc);\n const identity = useIdentity();\n const dispatch = useIntentDispatcher();\n\n const baseExtensions = useMemo(() => {\n // TODO(wittjosiah): Autocomplete is not working and this query is causing performance issues.\n // const query = space?.db.query(Filter.schema(DocumentType));\n // query?.subscribe();\n return createBaseExtensions({\n viewMode,\n settings,\n document: doc,\n dispatch,\n // query,\n });\n }, [doc, viewMode, dispatch, settings, settings.folding, settings.numberedHeadings]);\n\n const providerExtensions = useMemo(\n () =>\n extensionProviders.reduce((acc: Extension[], provider) => {\n const provided = typeof provider === 'function' ? provider({ document: doc }) : provider;\n if (provided) {\n acc.push(...provided);\n }\n return acc;\n }, []),\n [extensionProviders],\n );\n\n const extensions = useMemo(\n () => [\n // NOTE: Data extensions must be first so that automerge is updated before other extensions compute their state.\n createDataExtensions({\n id: doc.id,\n text: doc.content && createDocAccessor(doc.content, ['content']),\n space,\n identity,\n }),\n state(localStorageStateStoreAdapter),\n listener({\n onChange: (text) => {\n setFallbackName(doc, text);\n },\n }),\n providerExtensions,\n baseExtensions,\n ],\n [doc, doc.content, space, baseExtensions, providerExtensions, identity],\n );\n\n const initialValue = useMemo(() => doc.content?.content, [doc.content]);\n\n // Migrate gradually to `fallbackName`.\n useEffect(() => {\n if (!doc.fallbackName && doc.content?.content) {\n doc.fallbackName = getFallbackName(doc.content.content);\n }\n }, [doc, doc.content]);\n\n // Restore last selection and scroll point.\n const id = fullyQualifiedId(doc);\n const { scrollTo, selection } = useMemo<EditorSelectionState>(\n () => localStorageStateStoreAdapter.getState(id) ?? {},\n [doc],\n );\n\n const fileManagerPlugin = useResolvePlugin(parseFileManagerPlugin);\n const handleFileUpload = useMemo(() => {\n if (space === undefined) {\n return undefined;\n }\n\n if (fileManagerPlugin?.provides.file.upload === undefined) {\n return undefined;\n }\n\n return async (file: File) => {\n return fileManagerPlugin?.provides?.file?.upload?.(file, space);\n };\n }, [fileManagerPlugin, space]);\n\n return (\n <MarkdownEditor\n id={id}\n initialValue={initialValue}\n extensions={extensions}\n scrollTo={scrollTo}\n selection={selection}\n onFileUpload={handleFileUpload}\n inputMode={settings.editorInputMode}\n toolbar={settings.toolbar}\n viewMode={viewMode}\n {...props}\n />\n );\n};\n\nexport default DocumentEditor;\n\nexport type DocumentEditor = typeof DocumentEditor;\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { type Plugin } from '@dxos/app-framework';\nimport { debounce } from '@dxos/async';\nimport { type TypedObjectSerializer } from '@dxos/plugin-space/types';\nimport { create, createEchoObject, isEchoObject, loadObjectReferences } from '@dxos/react-client/echo';\n\nimport { DocumentType, type MarkdownProperties, type MarkdownExtensionProvides, TextType } 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\ntype MarkdownExtensionPlugin = Plugin<MarkdownExtensionProvides>;\n\nexport const markdownExtensionPlugins = (plugins: Plugin[]): MarkdownExtensionPlugin[] => {\n return (plugins as MarkdownExtensionPlugin[]).filter((plugin) => Boolean(plugin.provides?.markdown));\n};\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, content: content.content });\n },\n\n deserialize: async ({ content: serialized }) => {\n const { name, content } = JSON.parse(serialized);\n return createEchoObject(create(DocumentType, { name, content: create(TextType, { content }), threads: [] }));\n },\n};\n"],
|
|
5
|
-
"mappings": "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",
|
|
6
|
-
"names": ["import_echo", "isMarkdownProperties", "data", "isEchoObject", "title", "markdownExtensionPlugins", "plugins", "filter", "plugin", "Boolean", "provides", "markdown", "nonTitleChars", "getFallbackName", "content", "substring", "split", "replaceAll", "trim", "setFallbackName", "debounce", "doc", "name", "fallbackName", "serializer", "serialize", "object", "loadObjectReferences", "JSON", "stringify", "deserialize", "serialized", "parse", "createEchoObject", "create", "DocumentType", "TextType", "threads", "DocumentEditor", "document", "extensionProviders", "viewMode", "settings", "props", "space", "getSpace", "identity", "useIdentity", "dispatch", "useIntentDispatcher", "baseExtensions", "useMemo", "createBaseExtensions", "folding", "numberedHeadings", "providerExtensions", "reduce", "acc", "provider", "provided", "push", "extensions", "createDataExtensions", "id", "text", "createDocAccessor", "state", "localStorageStateStoreAdapter", "listener", "onChange", "initialValue", "useEffect", "fullyQualifiedId", "scrollTo", "selection", "getState", "fileManagerPlugin", "useResolvePlugin", "parseFileManagerPlugin", "handleFileUpload", "undefined", "file", "upload", "React", "MarkdownEditor", "onFileUpload", "inputMode", "editorInputMode", "toolbar"]
|
|
7
|
-
}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
|
|
2
|
-
import {
|
|
3
|
-
DocumentCard,
|
|
4
|
-
DocumentCard_default
|
|
5
|
-
} from "./chunk-OE3CMI5X.mjs";
|
|
6
|
-
import "./chunk-RO5FEVW6.mjs";
|
|
7
|
-
import "./chunk-2BGTVWHN.mjs";
|
|
8
|
-
export {
|
|
9
|
-
DocumentCard,
|
|
10
|
-
DocumentCard_default as default
|
|
11
|
-
};
|
|
12
|
-
//# sourceMappingURL=DocumentCard-RHVY4Z6L.mjs.map
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
|
|
2
|
-
import {
|
|
3
|
-
DocumentEditor_default
|
|
4
|
-
} from "./chunk-UG4MIBCA.mjs";
|
|
5
|
-
import "./chunk-W525OVFX.mjs";
|
|
6
|
-
import "./chunk-RO5FEVW6.mjs";
|
|
7
|
-
import "./chunk-QARGBUBS.mjs";
|
|
8
|
-
import "./chunk-2BGTVWHN.mjs";
|
|
9
|
-
export {
|
|
10
|
-
DocumentEditor_default as default
|
|
11
|
-
};
|
|
12
|
-
//# sourceMappingURL=DocumentEditor-JBVVPEYE.mjs.map
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
|
|
2
|
-
import {
|
|
3
|
-
MarkdownEditor,
|
|
4
|
-
MarkdownEditor_default
|
|
5
|
-
} from "./chunk-QARGBUBS.mjs";
|
|
6
|
-
import "./chunk-2BGTVWHN.mjs";
|
|
7
|
-
export {
|
|
8
|
-
MarkdownEditor,
|
|
9
|
-
MarkdownEditor_default as default
|
|
10
|
-
};
|
|
11
|
-
//# sourceMappingURL=MarkdownEditor-OS7YG6MA.mjs.map
|
|
@@ -1,87 +0,0 @@
|
|
|
1
|
-
import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
|
|
2
|
-
import {
|
|
3
|
-
createBaseExtensions
|
|
4
|
-
} from "./chunk-RO5FEVW6.mjs";
|
|
5
|
-
import {
|
|
6
|
-
MARKDOWN_PLUGIN
|
|
7
|
-
} from "./chunk-2BGTVWHN.mjs";
|
|
8
|
-
|
|
9
|
-
// packages/plugins/plugin-markdown/src/components/DocumentCard.tsx
|
|
10
|
-
import React, { forwardRef } from "react";
|
|
11
|
-
import { createDocAccessor } from "@dxos/react-client/echo";
|
|
12
|
-
import { DropdownMenu, Input, useThemeContext, useTranslation } from "@dxos/react-ui";
|
|
13
|
-
import { Card } from "@dxos/react-ui-card";
|
|
14
|
-
import { createBasicExtensions, createDataExtensions, createThemeExtensions, useTextEditor } from "@dxos/react-ui-editor";
|
|
15
|
-
import { focusRing, mx } from "@dxos/react-ui-theme";
|
|
16
|
-
var DocumentCard = /* @__PURE__ */ forwardRef(({ classNames, isDragging, draggableStyle, draggableProps, item: { id, object, color }, grow, settings, onSelect, onAction }, forwardRef2) => {
|
|
17
|
-
const { t } = useTranslation(MARKDOWN_PLUGIN);
|
|
18
|
-
const { themeMode } = useThemeContext();
|
|
19
|
-
const { parentRef, focusAttributes } = useTextEditor(() => ({
|
|
20
|
-
initialValue: object.content?.content,
|
|
21
|
-
extensions: [
|
|
22
|
-
createBasicExtensions({
|
|
23
|
-
placeholder: t("editor placeholder")
|
|
24
|
-
}),
|
|
25
|
-
createThemeExtensions({
|
|
26
|
-
themeMode
|
|
27
|
-
}),
|
|
28
|
-
createDataExtensions({
|
|
29
|
-
id: object.id,
|
|
30
|
-
text: object.content && createDocAccessor(object.content, [
|
|
31
|
-
"content"
|
|
32
|
-
])
|
|
33
|
-
}),
|
|
34
|
-
createBaseExtensions({
|
|
35
|
-
document: object,
|
|
36
|
-
debug: settings.debug,
|
|
37
|
-
experimental: settings.experimental
|
|
38
|
-
})
|
|
39
|
-
]
|
|
40
|
-
}), [
|
|
41
|
-
object,
|
|
42
|
-
object.content,
|
|
43
|
-
themeMode
|
|
44
|
-
]);
|
|
45
|
-
return /* @__PURE__ */ React.createElement("div", {
|
|
46
|
-
role: "none",
|
|
47
|
-
ref: forwardRef2,
|
|
48
|
-
className: "flex w-full",
|
|
49
|
-
style: draggableStyle
|
|
50
|
-
}, /* @__PURE__ */ React.createElement(Card.Root, {
|
|
51
|
-
classNames: mx("w-full snap-center", color, isDragging && "opacity-20", classNames),
|
|
52
|
-
grow
|
|
53
|
-
}, /* @__PURE__ */ React.createElement(Card.Header, {
|
|
54
|
-
onDoubleClick: () => onSelect?.()
|
|
55
|
-
}, /* @__PURE__ */ React.createElement(Card.DragHandle, draggableProps), /* @__PURE__ */ React.createElement(Input.Root, null, /* @__PURE__ */ React.createElement(Input.TextInput, {
|
|
56
|
-
variant: "subdued",
|
|
57
|
-
classNames: "p-0",
|
|
58
|
-
placeholder: t("document title placeholder"),
|
|
59
|
-
value: object.name,
|
|
60
|
-
onChange: (event) => object.name = event.target.value
|
|
61
|
-
})), /* @__PURE__ */ React.createElement(Card.Menu, null, /* @__PURE__ */ React.createElement(DropdownMenu.Item, {
|
|
62
|
-
onClick: () => onAction?.({
|
|
63
|
-
id,
|
|
64
|
-
action: "delete"
|
|
65
|
-
})
|
|
66
|
-
}, /* @__PURE__ */ React.createElement("span", {
|
|
67
|
-
className: "grow"
|
|
68
|
-
}, "Delete")), /* @__PURE__ */ React.createElement(DropdownMenu.Item, {
|
|
69
|
-
onClick: () => onAction?.({
|
|
70
|
-
id,
|
|
71
|
-
action: "set-color"
|
|
72
|
-
})
|
|
73
|
-
}, /* @__PURE__ */ React.createElement("span", {
|
|
74
|
-
className: "grow"
|
|
75
|
-
}, "Change color")))), /* @__PURE__ */ React.createElement(Card.Body, null, /* @__PURE__ */ React.createElement("div", {
|
|
76
|
-
...focusAttributes,
|
|
77
|
-
ref: parentRef,
|
|
78
|
-
className: mx(focusRing, "rounded-sm h-full p-1 text-sm")
|
|
79
|
-
}))));
|
|
80
|
-
});
|
|
81
|
-
var DocumentCard_default = DocumentCard;
|
|
82
|
-
|
|
83
|
-
export {
|
|
84
|
-
DocumentCard,
|
|
85
|
-
DocumentCard_default
|
|
86
|
-
};
|
|
87
|
-
//# sourceMappingURL=chunk-OE3CMI5X.mjs.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/components/DocumentCard.tsx"],
|
|
4
|
-
"sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { forwardRef } from 'react';\n\nimport { createDocAccessor } from '@dxos/react-client/echo';\nimport { DropdownMenu, Input, useThemeContext, useTranslation } from '@dxos/react-ui';\nimport { Card } from '@dxos/react-ui-card';\nimport {\n createBasicExtensions,\n createDataExtensions,\n createThemeExtensions,\n useTextEditor,\n} from '@dxos/react-ui-editor';\nimport type { MosaicTileComponent } from '@dxos/react-ui-mosaic';\nimport { focusRing, mx } from '@dxos/react-ui-theme';\n\nimport { createBaseExtensions } from '../extensions';\nimport { MARKDOWN_PLUGIN } from '../meta';\nimport { type DocumentType, type MarkdownSettingsProps } from '../types';\n\nexport type DocumentItemProps = {\n id: string;\n object: DocumentType;\n color?: string;\n};\n\nexport type DocumentCardProps = {\n settings: MarkdownSettingsProps;\n};\n\n/**\n * @deprecated\n */\n// TODO(wittjosiah): Unify with DocumentEditor.\nexport const DocumentCard: MosaicTileComponent<DocumentItemProps, HTMLDivElement, DocumentCardProps> = forwardRef(\n (\n {\n classNames,\n isDragging,\n draggableStyle,\n draggableProps,\n item: { id, object, color },\n grow,\n settings,\n onSelect,\n onAction,\n },\n forwardRef,\n ) => {\n const { t } = useTranslation(MARKDOWN_PLUGIN);\n const { themeMode } = useThemeContext();\n const { parentRef, focusAttributes } = useTextEditor(\n () => ({\n initialValue: object.content?.content,\n extensions: [\n createBasicExtensions({ placeholder: t('editor placeholder') }),\n createThemeExtensions({ themeMode }),\n createDataExtensions({\n id: object.id,\n text: object.content && createDocAccessor(object.content, ['content']),\n }),\n createBaseExtensions({\n document: object,\n debug: settings.debug,\n experimental: settings.experimental,\n }),\n ],\n }),\n [object, object.content, themeMode],\n );\n\n return (\n <div role='none' ref={forwardRef} className='flex w-full' style={draggableStyle}>\n <Card.Root classNames={mx('w-full snap-center', color, isDragging && 'opacity-20', classNames)} grow={grow}>\n <Card.Header onDoubleClick={() => onSelect?.()}>\n <Card.DragHandle {...draggableProps} />\n <Input.Root>\n <Input.TextInput\n variant='subdued'\n classNames='p-0'\n placeholder={t('document title placeholder')}\n value={object.name}\n onChange={(event) => (object.name = event.target.value)}\n />\n </Input.Root>\n <Card.Menu>\n {/* TODO(burdon): Handle events/intents? */}\n <DropdownMenu.Item onClick={() => onAction?.({ id, action: 'delete' })}>\n <span className='grow'>Delete</span>\n </DropdownMenu.Item>\n <DropdownMenu.Item onClick={() => onAction?.({ id, action: 'set-color' })}>\n <span className='grow'>Change color</span>\n </DropdownMenu.Item>\n </Card.Menu>\n </Card.Header>\n <Card.Body>\n <div {...focusAttributes} ref={parentRef} className={mx(focusRing, 'rounded-sm h-full p-1 text-sm')} />\n </Card.Body>\n </Card.Root>\n </div>\n );\n },\n);\n\nexport default DocumentCard;\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;AAIA,OAAOA,SAASC,kBAAkB;AAElC,SAASC,yBAAyB;AAClC,SAASC,cAAcC,OAAOC,iBAAiBC,sBAAsB;AACrE,SAASC,YAAY;AACrB,SACEC,uBACAC,sBACAC,uBACAC,qBACK;AAEP,SAASC,WAAWC,UAAU;AAoBvB,IAAMC,eAA0FC,2BACrG,CACE,EACEC,YACAC,YACAC,gBACAC,gBACAC,MAAM,EAAEC,IAAIC,QAAQC,MAAK,GACzBC,MACAC,UACAC,UACAC,SAAQ,GAEVZ,gBAAAA;AAEA,QAAM,EAAEa,EAAC,IAAKC,eAAeC,eAAAA;AAC7B,QAAM,EAAEC,UAAS,IAAKC,gBAAAA;AACtB,QAAM,EAAEC,WAAWC,gBAAe,IAAKC,cACrC,OAAO;IACLC,cAAcd,OAAOe,SAASA;IAC9BC,YAAY;MACVC,sBAAsB;QAAEC,aAAaZ,EAAE,oBAAA;MAAsB,CAAA;MAC7Da,sBAAsB;QAAEV;MAAU,CAAA;MAClCW,qBAAqB;QACnBrB,IAAIC,OAAOD;QACXsB,MAAMrB,OAAOe,WAAWO,kBAAkBtB,OAAOe,SAAS;UAAC;SAAU;MACvE,CAAA;MACAQ,qBAAqB;QACnBC,UAAUxB;QACVyB,OAAOtB,SAASsB;QAChBC,cAAcvB,SAASuB;MACzB,CAAA;;EAEJ,IACA;IAAC1B;IAAQA,OAAOe;IAASN;GAAU;AAGrC,SACE,sBAAA,cAACkB,OAAAA;IAAIC,MAAK;IAAOC,KAAKpC;IAAYqC,WAAU;IAAcC,OAAOnC;KAC/D,sBAAA,cAACoC,KAAKC,MAAI;IAACvC,YAAYwC,GAAG,sBAAsBjC,OAAON,cAAc,cAAcD,UAAAA;IAAaQ;KAC9F,sBAAA,cAAC8B,KAAKG,QAAM;IAACC,eAAe,MAAMhC,WAAAA;KAChC,sBAAA,cAAC4B,KAAKK,YAAexC,cAAAA,GACrB,sBAAA,cAACyC,MAAML,MAAI,MACT,sBAAA,cAACK,MAAMC,WAAS;IACdC,SAAQ;IACR9C,YAAW;IACXwB,aAAaZ,EAAE,4BAAA;IACfmC,OAAOzC,OAAO0C;IACdC,UAAU,CAACC,UAAW5C,OAAO0C,OAAOE,MAAMC,OAAOJ;OAGrD,sBAAA,cAACT,KAAKc,MAAI,MAER,sBAAA,cAACC,aAAaC,MAAI;IAACC,SAAS,MAAM5C,WAAW;MAAEN;MAAImD,QAAQ;IAAS,CAAA;KAClE,sBAAA,cAACC,QAAAA;IAAKrB,WAAU;KAAO,QAAA,CAAA,GAEzB,sBAAA,cAACiB,aAAaC,MAAI;IAACC,SAAS,MAAM5C,WAAW;MAAEN;MAAImD,QAAQ;IAAY,CAAA;KACrE,sBAAA,cAACC,QAAAA;IAAKrB,WAAU;KAAO,cAAA,CAAA,CAAA,CAAA,GAI7B,sBAAA,cAACE,KAAKoB,MAAI,MACR,sBAAA,cAACzB,OAAAA;IAAK,GAAGf;IAAiBiB,KAAKlB;IAAWmB,WAAWI,GAAGmB,WAAW,+BAAA;;AAK7E,CAAA;AAGF,IAAA,uBAAe7D;",
|
|
6
|
-
"names": ["React", "forwardRef", "createDocAccessor", "DropdownMenu", "Input", "useThemeContext", "useTranslation", "Card", "createBasicExtensions", "createDataExtensions", "createThemeExtensions", "useTextEditor", "focusRing", "mx", "DocumentCard", "forwardRef", "classNames", "isDragging", "draggableStyle", "draggableProps", "item", "id", "object", "color", "grow", "settings", "onSelect", "onAction", "t", "useTranslation", "MARKDOWN_PLUGIN", "themeMode", "useThemeContext", "parentRef", "focusAttributes", "useTextEditor", "initialValue", "content", "extensions", "createBasicExtensions", "placeholder", "createThemeExtensions", "createDataExtensions", "text", "createDocAccessor", "createBaseExtensions", "document", "debug", "experimental", "div", "role", "ref", "className", "style", "Card", "Root", "mx", "Header", "onDoubleClick", "DragHandle", "Input", "TextInput", "variant", "value", "name", "onChange", "event", "target", "Menu", "DropdownMenu", "Item", "onClick", "action", "span", "Body", "focusRing"]
|
|
7
|
-
}
|
|
@@ -1,221 +0,0 @@
|
|
|
1
|
-
import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
|
|
2
|
-
import {
|
|
3
|
-
MARKDOWN_PLUGIN
|
|
4
|
-
} from "./chunk-2BGTVWHN.mjs";
|
|
5
|
-
|
|
6
|
-
// packages/plugins/plugin-markdown/src/components/MarkdownEditor.tsx
|
|
7
|
-
import { openSearchPanel } from "@codemirror/search";
|
|
8
|
-
import React, { useMemo, useEffect, useCallback as useCallback2 } from "react";
|
|
9
|
-
import { LayoutAction as LayoutAction2, useResolvePlugin, parseLayoutPlugin, useIntentDispatcher } from "@dxos/app-framework";
|
|
10
|
-
import { useThemeContext, useTranslation } from "@dxos/react-ui";
|
|
11
|
-
import { useIsDirectlyAttended } from "@dxos/react-ui-attention";
|
|
12
|
-
import { Toolbar, createBasicExtensions, createMarkdownExtensions, createThemeExtensions, dropFile, processAction, useActionHandler, useCommentState, useCommentClickListener, useFormattingState, useTextEditor, editorContent, editorGutter } from "@dxos/react-ui-editor";
|
|
13
|
-
import { sectionToolbarLayout } from "@dxos/react-ui-stack";
|
|
14
|
-
import { textBlockWidth, focusRing, mx } from "@dxos/react-ui-theme";
|
|
15
|
-
import { isNotFalsy, nonNullable } from "@dxos/util";
|
|
16
|
-
|
|
17
|
-
// packages/plugins/plugin-markdown/src/hooks/useSelectCurrentThread.tsx
|
|
18
|
-
import { EditorView } from "@codemirror/view";
|
|
19
|
-
import { useCallback } from "react";
|
|
20
|
-
import { LayoutAction, useIntentResolver } from "@dxos/app-framework";
|
|
21
|
-
import { Cursor, setSelection } from "@dxos/react-ui-editor";
|
|
22
|
-
var useSelectCurrentThread = (editorView, documentId) => {
|
|
23
|
-
const handleScrollIntoView = useCallback(({ action, data }) => {
|
|
24
|
-
if (action === LayoutAction.SCROLL_INTO_VIEW) {
|
|
25
|
-
if (editorView && data?.id === documentId && data?.cursor) {
|
|
26
|
-
const range = Cursor.getRangeFromCursor(editorView.state, data.cursor);
|
|
27
|
-
if (range) {
|
|
28
|
-
const selection = editorView.state.selection.main.from !== range.from ? {
|
|
29
|
-
anchor: range.from
|
|
30
|
-
} : void 0;
|
|
31
|
-
const effects = [
|
|
32
|
-
// NOTE: This does not use the DOM scrollIntoView function.
|
|
33
|
-
EditorView.scrollIntoView(range.from, {
|
|
34
|
-
y: "start",
|
|
35
|
-
yMargin: 96
|
|
36
|
-
})
|
|
37
|
-
];
|
|
38
|
-
if (selection) {
|
|
39
|
-
effects.push(setSelection.of({
|
|
40
|
-
current: documentId
|
|
41
|
-
}));
|
|
42
|
-
}
|
|
43
|
-
editorView.dispatch({
|
|
44
|
-
effects,
|
|
45
|
-
selection: selection ? {
|
|
46
|
-
anchor: range.from
|
|
47
|
-
} : void 0
|
|
48
|
-
});
|
|
49
|
-
}
|
|
50
|
-
}
|
|
51
|
-
}
|
|
52
|
-
}, [
|
|
53
|
-
documentId,
|
|
54
|
-
editorView
|
|
55
|
-
]);
|
|
56
|
-
useIntentResolver(MARKDOWN_PLUGIN, handleScrollIntoView);
|
|
57
|
-
};
|
|
58
|
-
|
|
59
|
-
// packages/plugins/plugin-markdown/src/components/MarkdownEditor.tsx
|
|
60
|
-
var attentionFragment = mx("group-focus-within/editor:attention-surface group-[[aria-current]]/editor:attention-surface", "group-focus-within/editor:border-separator");
|
|
61
|
-
var DEFAULT_VIEW_MODE = "preview";
|
|
62
|
-
var MarkdownEditor = ({ id, role = "article", initialValue, extensions, extensionProviders, scrollPastEnd, scrollTo, selection, toolbar, viewMode, onFileUpload, onViewModeChange }) => {
|
|
63
|
-
const { t } = useTranslation(MARKDOWN_PLUGIN);
|
|
64
|
-
const { themeMode } = useThemeContext();
|
|
65
|
-
const dispatch = useIntentDispatcher();
|
|
66
|
-
const layoutPlugin = useResolvePlugin(parseLayoutPlugin);
|
|
67
|
-
const [formattingState, formattingObserver] = useFormattingState();
|
|
68
|
-
const isDirectlyAttended = useIsDirectlyAttended(id);
|
|
69
|
-
const providerExtensions = useMemo(
|
|
70
|
-
// TODO(burdon): Must pass object to provider.
|
|
71
|
-
() => extensionProviders?.flatMap((provider) => provider({})).filter(nonNullable),
|
|
72
|
-
[
|
|
73
|
-
extensionProviders
|
|
74
|
-
]
|
|
75
|
-
);
|
|
76
|
-
const [commentsState, commentObserver] = useCommentState();
|
|
77
|
-
const onCommentClick = useCallback2(() => {
|
|
78
|
-
void dispatch({
|
|
79
|
-
action: LayoutAction2.SET_LAYOUT,
|
|
80
|
-
data: {
|
|
81
|
-
element: "complementary",
|
|
82
|
-
state: true
|
|
83
|
-
}
|
|
84
|
-
});
|
|
85
|
-
}, [
|
|
86
|
-
dispatch
|
|
87
|
-
]);
|
|
88
|
-
const commentClickObserver = useCommentClickListener(onCommentClick);
|
|
89
|
-
const handleDrop = async (view, { files }) => {
|
|
90
|
-
const file = files[0];
|
|
91
|
-
const info = file && onFileUpload ? await onFileUpload(file) : void 0;
|
|
92
|
-
if (info) {
|
|
93
|
-
processAction(view, {
|
|
94
|
-
type: "image",
|
|
95
|
-
data: info.url
|
|
96
|
-
});
|
|
97
|
-
}
|
|
98
|
-
};
|
|
99
|
-
const { parentRef, view: editorView, focusAttributes } = useTextEditor(() => ({
|
|
100
|
-
initialValue,
|
|
101
|
-
extensions: [
|
|
102
|
-
formattingObserver,
|
|
103
|
-
commentObserver,
|
|
104
|
-
commentClickObserver,
|
|
105
|
-
createBasicExtensions({
|
|
106
|
-
readonly: viewMode === "readonly",
|
|
107
|
-
placeholder: t("editor placeholder"),
|
|
108
|
-
scrollPastEnd: role === "section" ? false : scrollPastEnd
|
|
109
|
-
}),
|
|
110
|
-
createMarkdownExtensions({
|
|
111
|
-
themeMode
|
|
112
|
-
}),
|
|
113
|
-
createThemeExtensions({
|
|
114
|
-
themeMode,
|
|
115
|
-
syntaxHighlighting: true,
|
|
116
|
-
slots: {
|
|
117
|
-
content: {
|
|
118
|
-
className: editorContent
|
|
119
|
-
}
|
|
120
|
-
}
|
|
121
|
-
}),
|
|
122
|
-
editorGutter,
|
|
123
|
-
role !== "section" && onFileUpload && dropFile({
|
|
124
|
-
onDrop: handleDrop
|
|
125
|
-
}),
|
|
126
|
-
providerExtensions,
|
|
127
|
-
extensions
|
|
128
|
-
].filter(isNotFalsy),
|
|
129
|
-
...role !== "section" && {
|
|
130
|
-
id,
|
|
131
|
-
scrollTo,
|
|
132
|
-
selection,
|
|
133
|
-
// TODO(wittjosiah): Autofocus based on layout is racy.
|
|
134
|
-
autoFocus: layoutPlugin?.provides.layout ? layoutPlugin?.provides.layout.scrollIntoView === id : true,
|
|
135
|
-
moveToEndOfLine: true
|
|
136
|
-
}
|
|
137
|
-
}), [
|
|
138
|
-
id,
|
|
139
|
-
initialValue,
|
|
140
|
-
formattingObserver,
|
|
141
|
-
viewMode,
|
|
142
|
-
themeMode,
|
|
143
|
-
extensions,
|
|
144
|
-
providerExtensions
|
|
145
|
-
]);
|
|
146
|
-
useTest(editorView);
|
|
147
|
-
useSelectCurrentThread(editorView, id);
|
|
148
|
-
const handleToolbarAction = useActionHandler(editorView);
|
|
149
|
-
const handleAction = (action) => {
|
|
150
|
-
switch (action.type) {
|
|
151
|
-
case "search": {
|
|
152
|
-
if (editorView) {
|
|
153
|
-
openSearchPanel(editorView);
|
|
154
|
-
}
|
|
155
|
-
return;
|
|
156
|
-
}
|
|
157
|
-
case "view-mode": {
|
|
158
|
-
onViewModeChange?.(id, action.data);
|
|
159
|
-
return;
|
|
160
|
-
}
|
|
161
|
-
}
|
|
162
|
-
handleToolbarAction?.(action);
|
|
163
|
-
};
|
|
164
|
-
return /* @__PURE__ */ React.createElement("div", {
|
|
165
|
-
role: "none",
|
|
166
|
-
...role === "section" ? {
|
|
167
|
-
className: "flex flex-col"
|
|
168
|
-
} : {
|
|
169
|
-
className: "contents group/editor",
|
|
170
|
-
...isDirectlyAttended && {
|
|
171
|
-
"aria-current": "location"
|
|
172
|
-
}
|
|
173
|
-
}
|
|
174
|
-
}, toolbar && /* @__PURE__ */ React.createElement("div", {
|
|
175
|
-
role: "none",
|
|
176
|
-
className: mx("flex shrink-0 justify-center overflow-x-auto", attentionFragment)
|
|
177
|
-
}, /* @__PURE__ */ React.createElement(Toolbar.Root, {
|
|
178
|
-
classNames: role === "section" ? [
|
|
179
|
-
textBlockWidth,
|
|
180
|
-
"z-[2] group-focus-within/section:visible",
|
|
181
|
-
!isDirectlyAttended && "invisible",
|
|
182
|
-
sectionToolbarLayout
|
|
183
|
-
] : [
|
|
184
|
-
textBlockWidth,
|
|
185
|
-
"group-focus-within/editor:border-separator group-[[aria-current]]/editor:border-separator"
|
|
186
|
-
],
|
|
187
|
-
state: formattingState && {
|
|
188
|
-
...formattingState,
|
|
189
|
-
...commentsState
|
|
190
|
-
},
|
|
191
|
-
onAction: handleAction
|
|
192
|
-
}, /* @__PURE__ */ React.createElement(Toolbar.Markdown, null), onFileUpload && /* @__PURE__ */ React.createElement(Toolbar.Custom, {
|
|
193
|
-
onUpload: onFileUpload
|
|
194
|
-
}), /* @__PURE__ */ React.createElement(Toolbar.Separator, null), /* @__PURE__ */ React.createElement(Toolbar.View, {
|
|
195
|
-
mode: viewMode ?? DEFAULT_VIEW_MODE
|
|
196
|
-
}), /* @__PURE__ */ React.createElement(Toolbar.Actions, null))), /* @__PURE__ */ React.createElement("div", {
|
|
197
|
-
role: "none",
|
|
198
|
-
ref: parentRef,
|
|
199
|
-
"data-testid": "composer.markdownRoot",
|
|
200
|
-
"data-toolbar": toolbar ? "enabled" : "disabled",
|
|
201
|
-
className: role === "section" ? mx("flex flex-col flex-1 min-bs-[12rem]", focusRing) : mx("flex is-full bs-full overflow-hidden", focusRing, attentionFragment, "focus-visible:ring-inset", "data-[toolbar=disabled]:pbs-2 data-[toolbar=disabled]:row-span-2"),
|
|
202
|
-
...focusAttributes
|
|
203
|
-
}));
|
|
204
|
-
};
|
|
205
|
-
var useTest = (view) => {
|
|
206
|
-
useEffect(() => {
|
|
207
|
-
const composer = window.composer;
|
|
208
|
-
if (composer) {
|
|
209
|
-
composer.editorView = view;
|
|
210
|
-
}
|
|
211
|
-
}, [
|
|
212
|
-
view
|
|
213
|
-
]);
|
|
214
|
-
};
|
|
215
|
-
var MarkdownEditor_default = MarkdownEditor;
|
|
216
|
-
|
|
217
|
-
export {
|
|
218
|
-
MarkdownEditor,
|
|
219
|
-
MarkdownEditor_default
|
|
220
|
-
};
|
|
221
|
-
//# sourceMappingURL=chunk-QARGBUBS.mjs.map
|