@dxos/plugin-markdown 0.6.8-main.046e6cf
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/LICENSE +8 -0
- package/README.md +15 -0
- package/dist/lib/browser/DocumentCard-CDWDPILF.mjs +11 -0
- package/dist/lib/browser/DocumentCard-CDWDPILF.mjs.map +7 -0
- package/dist/lib/browser/DocumentEditor-VMHFHWOQ.mjs +11 -0
- package/dist/lib/browser/DocumentEditor-VMHFHWOQ.mjs.map +7 -0
- package/dist/lib/browser/MarkdownEditor-KYUQ45PC.mjs +10 -0
- package/dist/lib/browser/MarkdownEditor-KYUQ45PC.mjs.map +7 -0
- package/dist/lib/browser/chunk-4GGD6YJO.mjs +19 -0
- package/dist/lib/browser/chunk-4GGD6YJO.mjs.map +7 -0
- package/dist/lib/browser/chunk-6ZL2GJCQ.mjs +177 -0
- package/dist/lib/browser/chunk-6ZL2GJCQ.mjs.map +7 -0
- package/dist/lib/browser/chunk-DX3K37SM.mjs +86 -0
- package/dist/lib/browser/chunk-DX3K37SM.mjs.map +7 -0
- package/dist/lib/browser/chunk-MDX3MAMP.mjs +119 -0
- package/dist/lib/browser/chunk-MDX3MAMP.mjs.map +7 -0
- package/dist/lib/browser/chunk-PZDW7KVZ.mjs +172 -0
- package/dist/lib/browser/chunk-PZDW7KVZ.mjs.map +7 -0
- package/dist/lib/browser/chunk-RETREORA.mjs +39 -0
- package/dist/lib/browser/chunk-RETREORA.mjs.map +7 -0
- package/dist/lib/browser/index.mjs +506 -0
- package/dist/lib/browser/index.mjs.map +7 -0
- package/dist/lib/browser/meta.json +1 -0
- package/dist/lib/browser/meta.mjs +9 -0
- package/dist/lib/browser/meta.mjs.map +7 -0
- package/dist/lib/browser/types/index.mjs +12 -0
- package/dist/lib/browser/types/index.mjs.map +7 -0
- package/dist/lib/node/DocumentCard-SOTFILJY.cjs +32 -0
- package/dist/lib/node/DocumentCard-SOTFILJY.cjs.map +7 -0
- package/dist/lib/node/DocumentEditor-CUKHGS5R.cjs +29 -0
- package/dist/lib/node/DocumentEditor-CUKHGS5R.cjs.map +7 -0
- package/dist/lib/node/MarkdownEditor-GGFCD26C.cjs +31 -0
- package/dist/lib/node/MarkdownEditor-GGFCD26C.cjs.map +7 -0
- package/dist/lib/node/chunk-FW5O2I25.cjs +114 -0
- package/dist/lib/node/chunk-FW5O2I25.cjs.map +7 -0
- package/dist/lib/node/chunk-IUQ2SKGY.cjs +202 -0
- package/dist/lib/node/chunk-IUQ2SKGY.cjs.map +7 -0
- package/dist/lib/node/chunk-TGMR2CKU.cjs +52 -0
- package/dist/lib/node/chunk-TGMR2CKU.cjs.map +7 -0
- package/dist/lib/node/chunk-TO3FCKT7.cjs +202 -0
- package/dist/lib/node/chunk-TO3FCKT7.cjs.map +7 -0
- package/dist/lib/node/chunk-TZDYK4MV.cjs +151 -0
- package/dist/lib/node/chunk-TZDYK4MV.cjs.map +7 -0
- package/dist/lib/node/chunk-VYLYUDDI.cjs +58 -0
- package/dist/lib/node/chunk-VYLYUDDI.cjs.map +7 -0
- package/dist/lib/node/index.cjs +517 -0
- package/dist/lib/node/index.cjs.map +7 -0
- package/dist/lib/node/meta.cjs +30 -0
- package/dist/lib/node/meta.cjs.map +7 -0
- package/dist/lib/node/meta.json +1 -0
- package/dist/lib/node/types/index.cjs +34 -0
- package/dist/lib/node/types/index.cjs.map +7 -0
- package/dist/types/src/MarkdownPlugin.d.ts +4 -0
- package/dist/types/src/MarkdownPlugin.d.ts.map +1 -0
- package/dist/types/src/components/DocumentCard.d.ts +16 -0
- package/dist/types/src/components/DocumentCard.d.ts.map +1 -0
- package/dist/types/src/components/DocumentEditor.d.ts +14 -0
- package/dist/types/src/components/DocumentEditor.d.ts.map +1 -0
- package/dist/types/src/components/HeadingMenu.d.ts +13 -0
- package/dist/types/src/components/HeadingMenu.d.ts.map +1 -0
- package/dist/types/src/components/Layout.d.ts +6 -0
- package/dist/types/src/components/Layout.d.ts.map +1 -0
- package/dist/types/src/components/MarkdownEditor.d.ts +19 -0
- package/dist/types/src/components/MarkdownEditor.d.ts.map +1 -0
- package/dist/types/src/components/MarkdownEditor.stories.d.ts +27 -0
- package/dist/types/src/components/MarkdownEditor.stories.d.ts.map +1 -0
- package/dist/types/src/components/MarkdownSettings.d.ts +6 -0
- package/dist/types/src/components/MarkdownSettings.d.ts.map +1 -0
- package/dist/types/src/components/Toolbar.stories.d.ts +9 -0
- package/dist/types/src/components/Toolbar.stories.d.ts.map +1 -0
- package/dist/types/src/components/index.d.ts +13 -0
- package/dist/types/src/components/index.d.ts.map +1 -0
- package/dist/types/src/extensions.d.ts +20 -0
- package/dist/types/src/extensions.d.ts.map +1 -0
- package/dist/types/src/index.d.ts +6 -0
- package/dist/types/src/index.d.ts.map +1 -0
- package/dist/types/src/meta.d.ts +15 -0
- package/dist/types/src/meta.d.ts.map +1 -0
- package/dist/types/src/translations.d.ts +29 -0
- package/dist/types/src/translations.d.ts.map +1 -0
- package/dist/types/src/types/document.d.ts +97 -0
- package/dist/types/src/types/document.d.ts.map +1 -0
- package/dist/types/src/types/index.d.ts +3 -0
- package/dist/types/src/types/index.d.ts.map +1 -0
- package/dist/types/src/types/types.d.ts +42 -0
- package/dist/types/src/types/types.d.ts.map +1 -0
- package/dist/types/src/util.d.ts +11 -0
- package/dist/types/src/util.d.ts.map +1 -0
- package/package.json +94 -0
- package/src/MarkdownPlugin.tsx +341 -0
- package/src/components/DocumentCard.tsx +107 -0
- package/src/components/DocumentEditor.tsx +140 -0
- package/src/components/HeadingMenu.tsx +46 -0
- package/src/components/Layout.tsx +27 -0
- package/src/components/MarkdownEditor.stories.tsx +55 -0
- package/src/components/MarkdownEditor.tsx +241 -0
- package/src/components/MarkdownSettings.tsx +105 -0
- package/src/components/Toolbar.stories.tsx +118 -0
- package/src/components/index.ts +21 -0
- package/src/extensions.tsx +175 -0
- package/src/index.ts +11 -0
- package/src/meta.tsx +19 -0
- package/src/translations.ts +36 -0
- package/src/types/document.ts +17 -0
- package/src/types/index.ts +6 -0
- package/src/types/types.ts +75 -0
- package/src/util.tsx +48 -0
package/LICENSE
ADDED
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
MIT License
|
|
2
|
+
Copyright (c) 2022 DXOS
|
|
3
|
+
|
|
4
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
|
|
5
|
+
|
|
6
|
+
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
|
|
7
|
+
|
|
8
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
package/README.md
ADDED
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
# @dxos/plugin-markdown
|
|
2
|
+
|
|
3
|
+
Surface plugin for Stack entities.
|
|
4
|
+
|
|
5
|
+
## DXOS Resources
|
|
6
|
+
|
|
7
|
+
- [Website](https://dxos.org)
|
|
8
|
+
- [Developer Documentation](https://docs.dxos.org)
|
|
9
|
+
- Talk to us on [Discord](https://dxos.org/discord)
|
|
10
|
+
|
|
11
|
+
## Contributions
|
|
12
|
+
|
|
13
|
+
Your ideas, issues, and code are most welcome. Please take a look at our [community code of conduct](https://github.com/dxos/dxos/blob/main/CODE_OF_CONDUCT.md), the [issue guide](https://github.com/dxos/dxos/blob/main/CONTRIBUTING.md#submitting-issues), and the [PR contribution guide](https://github.com/dxos/dxos/blob/main/CONTRIBUTING.md#submitting-prs).
|
|
14
|
+
|
|
15
|
+
License: [MIT](./LICENSE) Copyright 2023 © DXOS
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import {
|
|
2
|
+
DocumentCard,
|
|
3
|
+
DocumentCard_default
|
|
4
|
+
} from "./chunk-DX3K37SM.mjs";
|
|
5
|
+
import "./chunk-MDX3MAMP.mjs";
|
|
6
|
+
import "./chunk-4GGD6YJO.mjs";
|
|
7
|
+
export {
|
|
8
|
+
DocumentCard,
|
|
9
|
+
DocumentCard_default as default
|
|
10
|
+
};
|
|
11
|
+
//# sourceMappingURL=DocumentCard-CDWDPILF.mjs.map
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import {
|
|
2
|
+
DocumentEditor_default
|
|
3
|
+
} from "./chunk-6ZL2GJCQ.mjs";
|
|
4
|
+
import "./chunk-RETREORA.mjs";
|
|
5
|
+
import "./chunk-MDX3MAMP.mjs";
|
|
6
|
+
import "./chunk-PZDW7KVZ.mjs";
|
|
7
|
+
import "./chunk-4GGD6YJO.mjs";
|
|
8
|
+
export {
|
|
9
|
+
DocumentEditor_default as default
|
|
10
|
+
};
|
|
11
|
+
//# sourceMappingURL=DocumentEditor-VMHFHWOQ.mjs.map
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
// packages/plugins/plugin-markdown/src/meta.tsx
|
|
2
|
+
import { TextAa } from "@phosphor-icons/react";
|
|
3
|
+
import React from "react";
|
|
4
|
+
import { pluginMeta } from "@dxos/app-framework";
|
|
5
|
+
var MARKDOWN_PLUGIN = "dxos.org/plugin/markdown";
|
|
6
|
+
var meta_default = pluginMeta({
|
|
7
|
+
id: MARKDOWN_PLUGIN,
|
|
8
|
+
name: "Editor",
|
|
9
|
+
description: "Markdown text editor.",
|
|
10
|
+
homePage: "https://github.com/dxos/dxos/tree/main/packages/apps/plugins/plugin-markdown",
|
|
11
|
+
iconComponent: (props) => /* @__PURE__ */ React.createElement(TextAa, props),
|
|
12
|
+
iconSymbol: "ph--text-aa--regular"
|
|
13
|
+
});
|
|
14
|
+
|
|
15
|
+
export {
|
|
16
|
+
MARKDOWN_PLUGIN,
|
|
17
|
+
meta_default
|
|
18
|
+
};
|
|
19
|
+
//# sourceMappingURL=chunk-4GGD6YJO.mjs.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../src/meta.tsx"],
|
|
4
|
+
"sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { type IconProps, TextAa } from '@phosphor-icons/react';\nimport React from 'react';\n\nimport { pluginMeta } from '@dxos/app-framework';\n\nexport const MARKDOWN_PLUGIN = 'dxos.org/plugin/markdown';\n\nexport default pluginMeta({\n id: MARKDOWN_PLUGIN,\n name: 'Editor',\n description: 'Markdown text editor.',\n homePage: 'https://github.com/dxos/dxos/tree/main/packages/apps/plugins/plugin-markdown',\n iconComponent: (props: IconProps) => <TextAa {...props} />,\n iconSymbol: 'ph--text-aa--regular',\n});\n"],
|
|
5
|
+
"mappings": ";AAIA,SAAyBA,cAAc;AACvC,OAAOC,WAAW;AAElB,SAASC,kBAAkB;AAEpB,IAAMC,kBAAkB;AAE/B,IAAA,eAAeC,WAAW;EACxBC,IAAIF;EACJG,MAAM;EACNC,aAAa;EACbC,UAAU;EACVC,eAAe,CAACC,UAAqB,sBAAA,cAACC,QAAWD,KAAAA;EACjDE,YAAY;AACd,CAAA;",
|
|
6
|
+
"names": ["TextAa", "React", "pluginMeta", "MARKDOWN_PLUGIN", "pluginMeta", "id", "name", "description", "homePage", "iconComponent", "props", "TextAa", "iconSymbol"]
|
|
7
|
+
}
|
|
@@ -0,0 +1,177 @@
|
|
|
1
|
+
import {
|
|
2
|
+
DocumentType,
|
|
3
|
+
TextType
|
|
4
|
+
} from "./chunk-RETREORA.mjs";
|
|
5
|
+
import {
|
|
6
|
+
createBaseExtensions
|
|
7
|
+
} from "./chunk-MDX3MAMP.mjs";
|
|
8
|
+
import {
|
|
9
|
+
MarkdownEditor_default
|
|
10
|
+
} from "./chunk-PZDW7KVZ.mjs";
|
|
11
|
+
|
|
12
|
+
// packages/plugins/plugin-markdown/src/components/DocumentEditor.tsx
|
|
13
|
+
import { EditorView } from "@codemirror/view";
|
|
14
|
+
import React, { useEffect, useMemo } from "react";
|
|
15
|
+
import { useResolvePlugin, parseFileManagerPlugin, useIntentDispatcher } from "@dxos/app-framework";
|
|
16
|
+
import { createDocAccessor, fullyQualifiedId, getSpace } from "@dxos/react-client/echo";
|
|
17
|
+
import { useIdentity } from "@dxos/react-client/halo";
|
|
18
|
+
import { createDataExtensions, listener, localStorageStateStoreAdapter, state } from "@dxos/react-ui-editor";
|
|
19
|
+
|
|
20
|
+
// packages/plugins/plugin-markdown/src/util.tsx
|
|
21
|
+
import { debounce } from "@dxos/async";
|
|
22
|
+
import { create, createEchoObject, isEchoObject, loadObjectReferences } from "@dxos/react-client/echo";
|
|
23
|
+
var isMarkdownProperties = (data) => isEchoObject(data) ? true : data && typeof data === "object" ? "title" in data && typeof data.title === "string" : false;
|
|
24
|
+
var markdownExtensionPlugins = (plugins) => {
|
|
25
|
+
return plugins.filter((plugin) => Boolean(plugin.provides?.markdown));
|
|
26
|
+
};
|
|
27
|
+
var nonTitleChars = /[^\w ]/g;
|
|
28
|
+
var getFallbackName = (content) => {
|
|
29
|
+
return content.substring(0, 31).split("\n")[0].replaceAll(nonTitleChars, "").trim();
|
|
30
|
+
};
|
|
31
|
+
var setFallbackName = debounce((doc, content) => {
|
|
32
|
+
const name = getFallbackName(content);
|
|
33
|
+
if (doc.fallbackName !== name) {
|
|
34
|
+
doc.fallbackName = name;
|
|
35
|
+
}
|
|
36
|
+
}, 200);
|
|
37
|
+
var serializer = {
|
|
38
|
+
serialize: async ({ object }) => {
|
|
39
|
+
const content = await loadObjectReferences(object, (doc) => doc.content);
|
|
40
|
+
return JSON.stringify({
|
|
41
|
+
name: object.name,
|
|
42
|
+
content: content.content
|
|
43
|
+
});
|
|
44
|
+
},
|
|
45
|
+
deserialize: async ({ content: serialized }) => {
|
|
46
|
+
const { name, content } = JSON.parse(serialized);
|
|
47
|
+
return createEchoObject(create(DocumentType, {
|
|
48
|
+
name,
|
|
49
|
+
content: create(TextType, {
|
|
50
|
+
content
|
|
51
|
+
}),
|
|
52
|
+
threads: []
|
|
53
|
+
}));
|
|
54
|
+
}
|
|
55
|
+
};
|
|
56
|
+
|
|
57
|
+
// packages/plugins/plugin-markdown/src/components/DocumentEditor.tsx
|
|
58
|
+
var DocumentEditor = ({ document: doc, extensionProviders = [], viewMode, settings, ...props }) => {
|
|
59
|
+
const space = getSpace(doc);
|
|
60
|
+
const identity = useIdentity();
|
|
61
|
+
const dispatch = useIntentDispatcher();
|
|
62
|
+
const baseExtensions = useMemo(() => {
|
|
63
|
+
return createBaseExtensions({
|
|
64
|
+
viewMode,
|
|
65
|
+
settings,
|
|
66
|
+
document: doc,
|
|
67
|
+
dispatch
|
|
68
|
+
});
|
|
69
|
+
}, [
|
|
70
|
+
doc,
|
|
71
|
+
viewMode,
|
|
72
|
+
dispatch,
|
|
73
|
+
settings,
|
|
74
|
+
settings.folding,
|
|
75
|
+
settings.numberedHeadings
|
|
76
|
+
]);
|
|
77
|
+
const providerExtensions = useMemo(() => extensionProviders.reduce((acc, provider) => {
|
|
78
|
+
const provided = typeof provider === "function" ? provider({
|
|
79
|
+
document: doc
|
|
80
|
+
}) : provider;
|
|
81
|
+
acc.push(...provided);
|
|
82
|
+
return acc;
|
|
83
|
+
}, []), [
|
|
84
|
+
extensionProviders
|
|
85
|
+
]);
|
|
86
|
+
const extensions = useMemo(() => [
|
|
87
|
+
// NOTE: Data extensions must be first so that automerge is updated before other extensions compute their state.
|
|
88
|
+
createDataExtensions({
|
|
89
|
+
id: doc.id,
|
|
90
|
+
text: doc.content && createDocAccessor(doc.content, [
|
|
91
|
+
"content"
|
|
92
|
+
]),
|
|
93
|
+
space,
|
|
94
|
+
identity
|
|
95
|
+
}),
|
|
96
|
+
state(localStorageStateStoreAdapter),
|
|
97
|
+
listener({
|
|
98
|
+
onChange: (text) => {
|
|
99
|
+
setFallbackName(doc, text);
|
|
100
|
+
}
|
|
101
|
+
}),
|
|
102
|
+
providerExtensions,
|
|
103
|
+
baseExtensions
|
|
104
|
+
], [
|
|
105
|
+
doc,
|
|
106
|
+
doc.content,
|
|
107
|
+
space,
|
|
108
|
+
baseExtensions,
|
|
109
|
+
providerExtensions,
|
|
110
|
+
identity
|
|
111
|
+
]);
|
|
112
|
+
const initialValue = useMemo(() => doc.content?.content, [
|
|
113
|
+
doc.content
|
|
114
|
+
]);
|
|
115
|
+
useEffect(() => {
|
|
116
|
+
if (!doc.fallbackName && doc.content?.content) {
|
|
117
|
+
doc.fallbackName = getFallbackName(doc.content.content);
|
|
118
|
+
}
|
|
119
|
+
}, [
|
|
120
|
+
doc,
|
|
121
|
+
doc.content
|
|
122
|
+
]);
|
|
123
|
+
const {
|
|
124
|
+
scrollTo
|
|
125
|
+
/*, selection */
|
|
126
|
+
} = useMemo(() => {
|
|
127
|
+
const { scrollTo: scrollTo2, selection } = localStorageStateStoreAdapter.getState(doc.id) ?? {};
|
|
128
|
+
return {
|
|
129
|
+
scrollTo: scrollTo2?.from ? EditorView.scrollIntoView(scrollTo2.from, {
|
|
130
|
+
y: "start",
|
|
131
|
+
yMargin: 0
|
|
132
|
+
}) : void 0,
|
|
133
|
+
selection
|
|
134
|
+
};
|
|
135
|
+
}, [
|
|
136
|
+
doc
|
|
137
|
+
]);
|
|
138
|
+
const fileManagerPlugin = useResolvePlugin(parseFileManagerPlugin);
|
|
139
|
+
const handleFileUpload = useMemo(() => {
|
|
140
|
+
if (space === void 0) {
|
|
141
|
+
return void 0;
|
|
142
|
+
}
|
|
143
|
+
if (fileManagerPlugin?.provides.file.upload === void 0) {
|
|
144
|
+
return void 0;
|
|
145
|
+
}
|
|
146
|
+
return async (file) => {
|
|
147
|
+
return fileManagerPlugin?.provides?.file?.upload?.(file, space);
|
|
148
|
+
};
|
|
149
|
+
}, [
|
|
150
|
+
fileManagerPlugin,
|
|
151
|
+
space
|
|
152
|
+
]);
|
|
153
|
+
return /* @__PURE__ */ React.createElement(MarkdownEditor_default, {
|
|
154
|
+
id: fullyQualifiedId(doc),
|
|
155
|
+
initialValue,
|
|
156
|
+
extensions,
|
|
157
|
+
scrollTo,
|
|
158
|
+
// TODO(wittjosiah): Ensure selection is within the document.
|
|
159
|
+
// selection={selection}
|
|
160
|
+
onFileUpload: handleFileUpload,
|
|
161
|
+
inputMode: settings.editorInputMode,
|
|
162
|
+
toolbar: settings.toolbar,
|
|
163
|
+
viewMode,
|
|
164
|
+
...props
|
|
165
|
+
});
|
|
166
|
+
};
|
|
167
|
+
var DocumentEditor_default = DocumentEditor;
|
|
168
|
+
|
|
169
|
+
export {
|
|
170
|
+
isMarkdownProperties,
|
|
171
|
+
markdownExtensionPlugins,
|
|
172
|
+
getFallbackName,
|
|
173
|
+
setFallbackName,
|
|
174
|
+
serializer,
|
|
175
|
+
DocumentEditor_default
|
|
176
|
+
};
|
|
177
|
+
//# sourceMappingURL=chunk-6ZL2GJCQ.mjs.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../src/components/DocumentEditor.tsx", "../../../src/util.tsx"],
|
|
4
|
+
"sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport { EditorView } from '@codemirror/view';\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} 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 acc.push(...provided);\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 const { scrollTo /*, selection */ } = useMemo(() => {\n const { scrollTo, selection } = localStorageStateStoreAdapter.getState(doc.id) ?? {};\n return {\n scrollTo: scrollTo?.from ? EditorView.scrollIntoView(scrollTo.from, { y: 'start', yMargin: 0 }) : undefined,\n selection,\n };\n }, [doc]);\n\n const fileManagerPlugin = useResolvePlugin(parseFileManagerPlugin);\n\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={fullyQualifiedId(doc)}\n initialValue={initialValue}\n extensions={extensions}\n scrollTo={scrollTo}\n // TODO(wittjosiah): Ensure selection is within the document.\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": ["EditorView", "React", "useEffect", "useMemo", "useResolvePlugin", "parseFileManagerPlugin", "useIntentDispatcher", "createDocAccessor", "fullyQualifiedId", "getSpace", "useIdentity", "createDataExtensions", "listener", "localStorageStateStoreAdapter", "state", "debounce", "create", "createEchoObject", "isEchoObject", "loadObjectReferences", "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", "doc", "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", "content", "createDocAccessor", "state", "localStorageStateStoreAdapter", "listener", "onChange", "setFallbackName", "initialValue", "useEffect", "fallbackName", "getFallbackName", "scrollTo", "selection", "getState", "from", "EditorView", "scrollIntoView", "y", "yMargin", "undefined", "fileManagerPlugin", "useResolvePlugin", "parseFileManagerPlugin", "handleFileUpload", "provides", "file", "upload", "MarkdownEditor", "fullyQualifiedId", "onFileUpload", "inputMode", "editorInputMode", "toolbar"]
|
|
7
|
+
}
|
|
@@ -0,0 +1,86 @@
|
|
|
1
|
+
import {
|
|
2
|
+
createBaseExtensions
|
|
3
|
+
} from "./chunk-MDX3MAMP.mjs";
|
|
4
|
+
import {
|
|
5
|
+
MARKDOWN_PLUGIN
|
|
6
|
+
} from "./chunk-4GGD6YJO.mjs";
|
|
7
|
+
|
|
8
|
+
// packages/plugins/plugin-markdown/src/components/DocumentCard.tsx
|
|
9
|
+
import React, { forwardRef } from "react";
|
|
10
|
+
import { createDocAccessor } from "@dxos/react-client/echo";
|
|
11
|
+
import { DropdownMenu, Input, useThemeContext, useTranslation } from "@dxos/react-ui";
|
|
12
|
+
import { Card } from "@dxos/react-ui-card";
|
|
13
|
+
import { createBasicExtensions, createDataExtensions, createThemeExtensions, useTextEditor } from "@dxos/react-ui-editor";
|
|
14
|
+
import { focusRing, mx } from "@dxos/react-ui-theme";
|
|
15
|
+
var DocumentCard = /* @__PURE__ */ forwardRef(({ classNames, isDragging, draggableStyle, draggableProps, item: { id, object, color }, grow, settings, onSelect, onAction }, forwardRef2) => {
|
|
16
|
+
const { t } = useTranslation(MARKDOWN_PLUGIN);
|
|
17
|
+
const { themeMode } = useThemeContext();
|
|
18
|
+
const { parentRef, focusAttributes } = useTextEditor(() => ({
|
|
19
|
+
initialValue: object.content?.content,
|
|
20
|
+
extensions: [
|
|
21
|
+
createBasicExtensions({
|
|
22
|
+
placeholder: t("editor placeholder")
|
|
23
|
+
}),
|
|
24
|
+
createThemeExtensions({
|
|
25
|
+
themeMode
|
|
26
|
+
}),
|
|
27
|
+
createDataExtensions({
|
|
28
|
+
id: object.id,
|
|
29
|
+
text: object.content && createDocAccessor(object.content, [
|
|
30
|
+
"content"
|
|
31
|
+
])
|
|
32
|
+
}),
|
|
33
|
+
createBaseExtensions({
|
|
34
|
+
document: object,
|
|
35
|
+
debug: settings.debug,
|
|
36
|
+
experimental: settings.experimental
|
|
37
|
+
})
|
|
38
|
+
]
|
|
39
|
+
}), [
|
|
40
|
+
object,
|
|
41
|
+
object.content,
|
|
42
|
+
themeMode
|
|
43
|
+
]);
|
|
44
|
+
return /* @__PURE__ */ React.createElement("div", {
|
|
45
|
+
role: "none",
|
|
46
|
+
ref: forwardRef2,
|
|
47
|
+
className: "flex w-full",
|
|
48
|
+
style: draggableStyle
|
|
49
|
+
}, /* @__PURE__ */ React.createElement(Card.Root, {
|
|
50
|
+
classNames: mx("w-full snap-center", color, isDragging && "opacity-20", classNames),
|
|
51
|
+
grow
|
|
52
|
+
}, /* @__PURE__ */ React.createElement(Card.Header, {
|
|
53
|
+
onDoubleClick: () => onSelect?.()
|
|
54
|
+
}, /* @__PURE__ */ React.createElement(Card.DragHandle, draggableProps), /* @__PURE__ */ React.createElement(Input.Root, null, /* @__PURE__ */ React.createElement(Input.TextInput, {
|
|
55
|
+
variant: "subdued",
|
|
56
|
+
classNames: "p-0",
|
|
57
|
+
placeholder: t("document title placeholder"),
|
|
58
|
+
value: object.name,
|
|
59
|
+
onChange: (event) => object.name = event.target.value
|
|
60
|
+
})), /* @__PURE__ */ React.createElement(Card.Menu, null, /* @__PURE__ */ React.createElement(DropdownMenu.Item, {
|
|
61
|
+
onClick: () => onAction?.({
|
|
62
|
+
id,
|
|
63
|
+
action: "delete"
|
|
64
|
+
})
|
|
65
|
+
}, /* @__PURE__ */ React.createElement("span", {
|
|
66
|
+
className: "grow"
|
|
67
|
+
}, "Delete")), /* @__PURE__ */ React.createElement(DropdownMenu.Item, {
|
|
68
|
+
onClick: () => onAction?.({
|
|
69
|
+
id,
|
|
70
|
+
action: "set-color"
|
|
71
|
+
})
|
|
72
|
+
}, /* @__PURE__ */ React.createElement("span", {
|
|
73
|
+
className: "grow"
|
|
74
|
+
}, "Change color")))), /* @__PURE__ */ React.createElement(Card.Body, null, /* @__PURE__ */ React.createElement("div", {
|
|
75
|
+
...focusAttributes,
|
|
76
|
+
ref: parentRef,
|
|
77
|
+
className: mx(focusRing, "rounded-sm h-full p-1 text-sm")
|
|
78
|
+
}))));
|
|
79
|
+
});
|
|
80
|
+
var DocumentCard_default = DocumentCard;
|
|
81
|
+
|
|
82
|
+
export {
|
|
83
|
+
DocumentCard,
|
|
84
|
+
DocumentCard_default
|
|
85
|
+
};
|
|
86
|
+
//# sourceMappingURL=chunk-DX3K37SM.mjs.map
|
|
@@ -0,0 +1,7 @@
|
|
|
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
|
+
}
|
|
@@ -0,0 +1,119 @@
|
|
|
1
|
+
// packages/plugins/plugin-markdown/src/extensions.tsx
|
|
2
|
+
import { ArrowSquareDown, ArrowSquareOut } from "@phosphor-icons/react";
|
|
3
|
+
import React, { StrictMode } from "react";
|
|
4
|
+
import { createRoot } from "react-dom/client";
|
|
5
|
+
import { NavigationAction } from "@dxos/app-framework";
|
|
6
|
+
import { invariant } from "@dxos/invariant";
|
|
7
|
+
import { fullyQualifiedId } from "@dxos/react-client/echo";
|
|
8
|
+
import { autocomplete, decorateMarkdown, linkTooltip, typewriter, formattingKeymap, InputModeExtensions, folding } from "@dxos/react-ui-editor";
|
|
9
|
+
import { getSize, mx } from "@dxos/react-ui-theme";
|
|
10
|
+
import { isNotFalsy, nonNullable } from "@dxos/util";
|
|
11
|
+
var __dxlog_file = "/home/runner/work/dxos/dxos/packages/plugins/plugin-markdown/src/extensions.tsx";
|
|
12
|
+
var createBaseExtensions = ({ viewMode, settings, document, query, dispatch }) => {
|
|
13
|
+
const extensions = [
|
|
14
|
+
//
|
|
15
|
+
// Common.
|
|
16
|
+
//
|
|
17
|
+
...viewMode === "source" ? [] : [
|
|
18
|
+
decorateMarkdown({
|
|
19
|
+
selectionChangeDelay: 100,
|
|
20
|
+
numberedHeadings: settings?.numberedHeadings ? {
|
|
21
|
+
from: 2
|
|
22
|
+
} : void 0,
|
|
23
|
+
// TODO(wittjosiah): For internal links, consider ignoring the link text and rendering the label of the object being linked to.
|
|
24
|
+
renderLinkButton: dispatch && document ? onRenderLink((id) => {
|
|
25
|
+
void dispatch({
|
|
26
|
+
action: NavigationAction.ADD_TO_ACTIVE,
|
|
27
|
+
data: {
|
|
28
|
+
id,
|
|
29
|
+
part: "main",
|
|
30
|
+
pivotId: fullyQualifiedId(document),
|
|
31
|
+
scrollIntoView: true
|
|
32
|
+
}
|
|
33
|
+
});
|
|
34
|
+
}) : void 0
|
|
35
|
+
}),
|
|
36
|
+
settings?.folding && folding()
|
|
37
|
+
].filter(isNotFalsy),
|
|
38
|
+
formattingKeymap(),
|
|
39
|
+
linkTooltip(renderLinkTooltip)
|
|
40
|
+
];
|
|
41
|
+
if (settings?.editorInputMode) {
|
|
42
|
+
const extension = InputModeExtensions[settings.editorInputMode];
|
|
43
|
+
if (extension) {
|
|
44
|
+
extensions.push(extension);
|
|
45
|
+
}
|
|
46
|
+
}
|
|
47
|
+
if (query) {
|
|
48
|
+
extensions.push(autocomplete({
|
|
49
|
+
onSearch: (text) => {
|
|
50
|
+
return query.objects.map((object) => object.name?.length && object.id !== document?.id ? {
|
|
51
|
+
label: object.name,
|
|
52
|
+
// TODO(burdon): Factor out URL builder.
|
|
53
|
+
apply: `[${object.name}](/${fullyQualifiedId(object)})`
|
|
54
|
+
} : void 0).filter(nonNullable);
|
|
55
|
+
}
|
|
56
|
+
}));
|
|
57
|
+
}
|
|
58
|
+
if (settings?.debug) {
|
|
59
|
+
const items = settings.typewriter ?? "";
|
|
60
|
+
extensions.push(...[
|
|
61
|
+
items ? typewriter({
|
|
62
|
+
items: items.split(/[,\n]/)
|
|
63
|
+
}) : void 0
|
|
64
|
+
].filter(nonNullable));
|
|
65
|
+
}
|
|
66
|
+
if (settings?.experimental) {
|
|
67
|
+
extensions.push(...[].filter(nonNullable));
|
|
68
|
+
}
|
|
69
|
+
return extensions;
|
|
70
|
+
};
|
|
71
|
+
var hover = "rounded-sm text-primary-600 hover:text-primary-500 dark:text-primary-300 hover:dark:text-primary-200";
|
|
72
|
+
var onRenderLink = (onSelectObject) => (el, url) => {
|
|
73
|
+
const isInternal = url.startsWith("/") || // TODO(wittjosiah): This should probably be parsed out on paste?
|
|
74
|
+
url.startsWith(window.location.origin);
|
|
75
|
+
const options = isInternal ? {
|
|
76
|
+
onClick: () => {
|
|
77
|
+
const qualifiedId = url.split("/").at(-1);
|
|
78
|
+
invariant(qualifiedId, "Invalid link format.", {
|
|
79
|
+
F: __dxlog_file,
|
|
80
|
+
L: 144,
|
|
81
|
+
S: void 0,
|
|
82
|
+
A: [
|
|
83
|
+
"qualifiedId",
|
|
84
|
+
"'Invalid link format.'"
|
|
85
|
+
]
|
|
86
|
+
});
|
|
87
|
+
onSelectObject(qualifiedId);
|
|
88
|
+
}
|
|
89
|
+
} : {
|
|
90
|
+
href: url,
|
|
91
|
+
rel: "noreferrer",
|
|
92
|
+
target: "_blank"
|
|
93
|
+
};
|
|
94
|
+
const LinkIcon = isInternal ? ArrowSquareDown : ArrowSquareOut;
|
|
95
|
+
createRoot(el).render(/* @__PURE__ */ React.createElement(StrictMode, null, /* @__PURE__ */ React.createElement("a", {
|
|
96
|
+
...options,
|
|
97
|
+
className: hover
|
|
98
|
+
}, /* @__PURE__ */ React.createElement(LinkIcon, {
|
|
99
|
+
weight: "bold",
|
|
100
|
+
className: mx(getSize(4), "inline-block leading-none mis-1 cursor-pointer")
|
|
101
|
+
}))));
|
|
102
|
+
};
|
|
103
|
+
var renderLinkTooltip = (el, url) => {
|
|
104
|
+
const web = new URL(url);
|
|
105
|
+
createRoot(el).render(/* @__PURE__ */ React.createElement(StrictMode, null, /* @__PURE__ */ React.createElement("a", {
|
|
106
|
+
href: url,
|
|
107
|
+
target: "_blank",
|
|
108
|
+
rel: "noreferrer",
|
|
109
|
+
className: hover
|
|
110
|
+
}, web.origin, /* @__PURE__ */ React.createElement(ArrowSquareOut, {
|
|
111
|
+
weight: "bold",
|
|
112
|
+
className: mx(getSize(4), "inline-block leading-none mis-1 cursor-pointer")
|
|
113
|
+
}))));
|
|
114
|
+
};
|
|
115
|
+
|
|
116
|
+
export {
|
|
117
|
+
createBaseExtensions
|
|
118
|
+
};
|
|
119
|
+
//# sourceMappingURL=chunk-MDX3MAMP.mjs.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../src/extensions.tsx"],
|
|
4
|
+
"sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { ArrowSquareDown, ArrowSquareOut, type Icon } from '@phosphor-icons/react';\nimport React, { type AnchorHTMLAttributes, StrictMode } from 'react';\nimport { createRoot } from 'react-dom/client';\n\nimport { type IntentDispatcher, NavigationAction } from '@dxos/app-framework';\nimport { invariant } from '@dxos/invariant';\nimport { fullyQualifiedId, type Query } from '@dxos/react-client/echo';\nimport {\n type AutocompleteResult,\n type Extension,\n type EditorViewMode,\n autocomplete,\n decorateMarkdown,\n linkTooltip,\n typewriter,\n formattingKeymap,\n InputModeExtensions,\n folding,\n} from '@dxos/react-ui-editor';\nimport { getSize, mx } from '@dxos/react-ui-theme';\nimport { isNotFalsy, nonNullable } from '@dxos/util';\n\nimport { type DocumentType, type MarkdownSettingsProps } from './types';\n\nexport type ExtensionsOptions = {\n viewMode?: EditorViewMode;\n settings?: MarkdownSettingsProps;\n document?: DocumentType;\n debug?: boolean;\n experimental?: boolean;\n numberedHeadings?: boolean;\n folding?: boolean;\n query?: Query<DocumentType>;\n dispatch?: IntentDispatcher;\n};\n\n/**\n * Create extension instances for editor.\n */\nexport const createBaseExtensions = ({\n viewMode,\n settings,\n document,\n query,\n dispatch,\n}: ExtensionsOptions): Extension[] => {\n const extensions: Extension[] = [\n //\n // Common.\n //\n ...(viewMode === 'source'\n ? []\n : [\n decorateMarkdown({\n selectionChangeDelay: 100,\n numberedHeadings: settings?.numberedHeadings ? { from: 2 } : undefined,\n // TODO(wittjosiah): For internal links, consider ignoring the link text and rendering the label of the object being linked to.\n renderLinkButton:\n dispatch && document\n ? onRenderLink((id: string) => {\n void dispatch({\n action: NavigationAction.ADD_TO_ACTIVE,\n data: {\n id,\n part: 'main',\n pivotId: fullyQualifiedId(document),\n scrollIntoView: true,\n },\n });\n })\n : undefined,\n }),\n settings?.folding && folding(),\n ].filter(isNotFalsy)),\n formattingKeymap(),\n linkTooltip(renderLinkTooltip),\n ];\n\n //\n // Editor mode.\n //\n if (settings?.editorInputMode) {\n const extension = InputModeExtensions[settings.editorInputMode];\n if (extension) {\n extensions.push(extension);\n }\n }\n\n //\n // Autocomplete object links.\n //\n if (query) {\n extensions.push(\n autocomplete({\n onSearch: (text: string) => {\n // TODO query\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(nonNullable);\n },\n }),\n );\n }\n\n if (settings?.debug) {\n const items = settings.typewriter ?? '';\n extensions.push(...[items ? typewriter({ items: items.split(/[,\\n]/) }) : undefined].filter(nonNullable));\n }\n\n if (settings?.experimental) {\n extensions.push(...[].filter(nonNullable));\n }\n\n return extensions;\n};\n\n// TODO(burdon): Factor out style.\nconst hover = 'rounded-sm text-primary-600 hover:text-primary-500 dark:text-primary-300 hover:dark:text-primary-200';\n\nconst onRenderLink = (onSelectObject: (id: string) => void) => (el: Element, url: string) => {\n // TODO(burdon): Formalize/document internal link format.\n const isInternal =\n url.startsWith('/') ||\n // TODO(wittjosiah): This should probably be parsed out on paste?\n url.startsWith(window.location.origin);\n\n const options: AnchorHTMLAttributes<any> = isInternal\n ? {\n onClick: () => {\n const qualifiedId = url.split('/').at(-1);\n invariant(qualifiedId, 'Invalid link format.');\n onSelectObject(qualifiedId);\n },\n }\n : {\n href: url,\n rel: 'noreferrer',\n target: '_blank',\n };\n\n const LinkIcon: Icon = isInternal ? ArrowSquareDown : ArrowSquareOut;\n\n createRoot(el).render(\n <StrictMode>\n <a {...options} className={hover}>\n <LinkIcon weight='bold' className={mx(getSize(4), 'inline-block leading-none mis-1 cursor-pointer')} />\n </a>\n </StrictMode>,\n );\n};\n\nconst renderLinkTooltip = (el: Element, url: string) => {\n const web = new URL(url);\n createRoot(el).render(\n <StrictMode>\n <a href={url} target='_blank' rel='noreferrer' className={hover}>\n {web.origin}\n <ArrowSquareOut weight='bold' className={mx(getSize(4), 'inline-block leading-none mis-1 cursor-pointer')} />\n </a>\n </StrictMode>,\n );\n};\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
|
+
"names": ["ArrowSquareDown", "ArrowSquareOut", "React", "StrictMode", "createRoot", "NavigationAction", "invariant", "fullyQualifiedId", "autocomplete", "decorateMarkdown", "linkTooltip", "typewriter", "formattingKeymap", "InputModeExtensions", "folding", "getSize", "mx", "isNotFalsy", "nonNullable", "createBaseExtensions", "viewMode", "settings", "document", "query", "dispatch", "extensions", "selectionChangeDelay", "numberedHeadings", "from", "undefined", "renderLinkButton", "onRenderLink", "id", "action", "ADD_TO_ACTIVE", "data", "part", "pivotId", "scrollIntoView", "filter", "renderLinkTooltip", "editorInputMode", "extension", "push", "onSearch", "text", "objects", "map", "object", "name", "length", "label", "apply", "debug", "items", "split", "experimental", "hover", "onSelectObject", "el", "url", "isInternal", "startsWith", "window", "location", "origin", "options", "onClick", "qualifiedId", "at", "href", "rel", "target", "LinkIcon", "render", "a", "className", "weight", "web", "URL"]
|
|
7
|
+
}
|