@dxos/plugin-markdown 0.6.13 → 0.6.14-main.7bd9c89
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-X53JPAW5.mjs +469 -0
- package/dist/lib/browser/MarkdownContainer-X53JPAW5.mjs.map +7 -0
- package/dist/lib/browser/chunk-45N5MEOV.mjs +50 -0
- package/dist/lib/browser/chunk-45N5MEOV.mjs.map +7 -0
- package/dist/lib/browser/chunk-DRJ3FPYF.mjs +15 -0
- package/dist/lib/browser/chunk-DRJ3FPYF.mjs.map +7 -0
- package/dist/lib/browser/{chunk-CQJL4G4X.mjs → chunk-US5O2P3R.mjs} +4 -2
- package/dist/lib/browser/chunk-US5O2P3R.mjs.map +7 -0
- package/dist/lib/browser/index.mjs +80 -119
- package/dist/lib/browser/index.mjs.map +4 -4
- package/dist/lib/browser/meta.json +1 -1
- package/dist/lib/browser/meta.mjs +1 -1
- package/dist/lib/browser/types/index.mjs +6 -4
- package/dist/lib/node/MarkdownContainer-GZ6EAOPC.cjs +484 -0
- package/dist/lib/node/MarkdownContainer-GZ6EAOPC.cjs.map +7 -0
- package/dist/lib/node/{DocumentCard-EHJDDSRY.cjs → chunk-P7YU53RP.cjs} +16 -10
- package/dist/lib/node/chunk-P7YU53RP.cjs.map +7 -0
- package/dist/lib/node/{chunk-VWQH4WC2.cjs → chunk-UJMOZCIA.cjs} +11 -8
- package/dist/lib/node/chunk-UJMOZCIA.cjs.map +7 -0
- package/dist/lib/node/chunk-W2YJVZ3N.cjs +72 -0
- package/dist/lib/node/chunk-W2YJVZ3N.cjs.map +7 -0
- package/dist/lib/node/index.cjs +114 -149
- package/dist/lib/node/index.cjs.map +4 -4
- package/dist/lib/node/meta.cjs +3 -3
- package/dist/lib/node/meta.cjs.map +1 -1
- package/dist/lib/node/meta.json +1 -1
- package/dist/lib/node/types/index.cjs +8 -6
- package/dist/lib/node/types/index.cjs.map +2 -2
- package/dist/lib/node-esm/MarkdownContainer-FGCDNB4S.mjs +470 -0
- package/dist/lib/node-esm/MarkdownContainer-FGCDNB4S.mjs.map +7 -0
- package/dist/lib/node-esm/chunk-MIDCCMIX.mjs +42 -0
- package/dist/lib/node-esm/chunk-MIDCCMIX.mjs.map +7 -0
- package/dist/lib/node-esm/chunk-NEVN5WR6.mjs +17 -0
- package/dist/lib/node-esm/chunk-NEVN5WR6.mjs.map +7 -0
- package/dist/lib/node-esm/chunk-UCNOGIBC.mjs +51 -0
- package/dist/lib/node-esm/chunk-UCNOGIBC.mjs.map +7 -0
- package/dist/lib/node-esm/index.mjs +494 -0
- package/dist/lib/node-esm/index.mjs.map +7 -0
- package/dist/lib/node-esm/meta.json +1 -0
- package/dist/lib/node-esm/meta.mjs +10 -0
- package/dist/lib/node-esm/types/index.mjs +15 -0
- 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 +8 -3
- package/dist/types/src/components/MarkdownEditor.d.ts.map +1 -1
- package/dist/types/src/components/MarkdownEditor.stories.d.ts +4 -14
- package/dist/types/src/components/MarkdownEditor.stories.d.ts.map +1 -1
- package/dist/types/src/components/Toolbar.stories.d.ts +4 -2
- package/dist/types/src/components/Toolbar.stories.d.ts.map +1 -1
- package/dist/types/src/components/index.d.ts +1 -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/hooks/index.d.ts +2 -0
- package/dist/types/src/hooks/index.d.ts.map +1 -0
- package/dist/types/src/hooks/useSelectCurrentThread.d.ts +6 -0
- package/dist/types/src/hooks/useSelectCurrentThread.d.ts.map +1 -0
- package/dist/types/src/meta.d.ts +4 -9
- package/dist/types/src/meta.d.ts.map +1 -1
- package/dist/types/src/types/document.d.ts +10 -1
- package/dist/types/src/types/document.d.ts.map +1 -1
- package/dist/types/src/types/types.d.ts +8 -9
- package/dist/types/src/types/types.d.ts.map +1 -1
- package/package.json +41 -36
- package/src/MarkdownPlugin.tsx +51 -98
- package/src/components/MarkdownContainer.tsx +111 -0
- package/src/components/MarkdownEditor.stories.tsx +34 -23
- package/src/components/MarkdownEditor.tsx +40 -76
- package/src/components/Toolbar.stories.tsx +14 -11
- package/src/components/index.ts +2 -14
- package/src/extensions.tsx +124 -67
- package/src/hooks/index.ts +5 -0
- package/src/hooks/useSelectCurrentThread.tsx +46 -0
- package/src/meta.ts +15 -0
- package/src/types/document.ts +12 -0
- package/src/types/types.ts +10 -7
- package/src/util.tsx +2 -2
- package/dist/lib/browser/DocumentCard-2P4EICBA.mjs +0 -11
- package/dist/lib/browser/DocumentEditor-GPWV3VN3.mjs +0 -11
- package/dist/lib/browser/MarkdownEditor-EKJJQEFL.mjs +0 -10
- package/dist/lib/browser/MarkdownEditor-EKJJQEFL.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-4GGD6YJO.mjs +0 -19
- package/dist/lib/browser/chunk-4GGD6YJO.mjs.map +0 -7
- package/dist/lib/browser/chunk-7AF2JLK4.mjs +0 -164
- package/dist/lib/browser/chunk-7AF2JLK4.mjs.map +0 -7
- package/dist/lib/browser/chunk-CQJL4G4X.mjs.map +0 -7
- package/dist/lib/browser/chunk-RL7QY322.mjs +0 -86
- package/dist/lib/browser/chunk-RL7QY322.mjs.map +0 -7
- package/dist/lib/browser/chunk-VUN4QKTT.mjs +0 -208
- package/dist/lib/browser/chunk-VUN4QKTT.mjs.map +0 -7
- package/dist/lib/node/DocumentCard-EHJDDSRY.cjs.map +0 -7
- package/dist/lib/node/DocumentEditor-I5GCRBKU.cjs +0 -29
- package/dist/lib/node/DocumentEditor-I5GCRBKU.cjs.map +0 -7
- package/dist/lib/node/MarkdownEditor-UE23H75V.cjs +0 -31
- package/dist/lib/node/MarkdownEditor-UE23H75V.cjs.map +0 -7
- package/dist/lib/node/chunk-7XIBNEI7.cjs +0 -238
- package/dist/lib/node/chunk-7XIBNEI7.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-Q4ZSCBQE.cjs +0 -114
- package/dist/lib/node/chunk-Q4ZSCBQE.cjs.map +0 -7
- package/dist/lib/node/chunk-RVGN72IX.cjs +0 -189
- package/dist/lib/node/chunk-RVGN72IX.cjs.map +0 -7
- package/dist/lib/node/chunk-TGMR2CKU.cjs +0 -52
- package/dist/lib/node/chunk-TGMR2CKU.cjs.map +0 -7
- package/dist/lib/node/chunk-VWQH4WC2.cjs.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 -137
- package/src/components/HeadingMenu.tsx +0 -46
- package/src/components/Layout.tsx +0 -27
- package/src/meta.tsx +0 -19
- /package/dist/lib/{browser/DocumentCard-2P4EICBA.mjs.map → node-esm/meta.mjs.map} +0 -0
- /package/dist/lib/{browser/DocumentEditor-GPWV3VN3.mjs.map → node-esm/types/index.mjs.map} +0 -0
|
@@ -1,7 +0,0 @@
|
|
|
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 //\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 // Markdown\n //\n if (viewMode !== 'source') {\n extensions.push(\n ...[\n formattingKeymap(),\n decorateMarkdown({\n selectionChangeDelay: 100,\n numberedHeadings: settings?.numberedHeadings ? { from: 2 } : undefined,\n // TODO(wittjosiah): For internal links, consider ignoring the link text and rendering the label of the object being linked to.\n renderLinkButton:\n dispatch && document\n ? onRenderLink((id: string) => {\n void dispatch({\n 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 linkTooltip(renderLinkTooltip),\n ],\n );\n }\n\n //\n // Autocomplete object links.\n //\n if (query) {\n extensions.push(\n autocomplete({\n onSearch: (text: string) => {\n // TODO 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 extensions.push(\n ...[\n //\n settings?.folding && folding(),\n ].filter(isNotFalsy),\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 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", "editorInputMode", "extension", "push", "selectionChangeDelay", "numberedHeadings", "from", "undefined", "renderLinkButton", "onRenderLink", "id", "action", "ADD_TO_ACTIVE", "data", "part", "pivotId", "scrollIntoView", "renderLinkTooltip", "onSearch", "text", "objects", "map", "object", "name", "length", "label", "apply", "filter", "debug", "items", "split", "hover", "onSelectObject", "el", "url", "isInternal", "startsWith", "window", "location", "origin", "options", "onClick", "qualifiedId", "at", "href", "rel", "target", "LinkIcon", "render", "a", "className", "weight", "web", "URL"]
|
|
7
|
-
}
|
|
@@ -1,19 +0,0 @@
|
|
|
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
|
|
@@ -1,7 +0,0 @@
|
|
|
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
|
-
}
|
|
@@ -1,164 +0,0 @@
|
|
|
1
|
-
import {
|
|
2
|
-
DocumentType,
|
|
3
|
-
TextType
|
|
4
|
-
} from "./chunk-CQJL4G4X.mjs";
|
|
5
|
-
import {
|
|
6
|
-
createBaseExtensions
|
|
7
|
-
} from "./chunk-354DCID5.mjs";
|
|
8
|
-
import {
|
|
9
|
-
MarkdownEditor_default
|
|
10
|
-
} from "./chunk-VUN4QKTT.mjs";
|
|
11
|
-
|
|
12
|
-
// packages/plugins/plugin-markdown/src/components/DocumentEditor.tsx
|
|
13
|
-
import React, { useEffect, useMemo } from "react";
|
|
14
|
-
import { useResolvePlugin, parseFileManagerPlugin, useIntentDispatcher } from "@dxos/app-framework";
|
|
15
|
-
import { createDocAccessor, fullyQualifiedId, getSpace } from "@dxos/react-client/echo";
|
|
16
|
-
import { useIdentity } from "@dxos/react-client/halo";
|
|
17
|
-
import { createDataExtensions, listener, localStorageStateStoreAdapter, state } from "@dxos/react-ui-editor";
|
|
18
|
-
|
|
19
|
-
// packages/plugins/plugin-markdown/src/util.tsx
|
|
20
|
-
import { debounce } from "@dxos/async";
|
|
21
|
-
import { create, createEchoObject, isEchoObject, loadObjectReferences } from "@dxos/react-client/echo";
|
|
22
|
-
var isMarkdownProperties = (data) => isEchoObject(data) ? true : data && typeof data === "object" ? "title" in data && typeof data.title === "string" : false;
|
|
23
|
-
var markdownExtensionPlugins = (plugins) => {
|
|
24
|
-
return plugins.filter((plugin) => Boolean(plugin.provides?.markdown));
|
|
25
|
-
};
|
|
26
|
-
var nonTitleChars = /[^\w ]/g;
|
|
27
|
-
var getFallbackName = (content) => {
|
|
28
|
-
return content.substring(0, 31).split("\n")[0].replaceAll(nonTitleChars, "").trim();
|
|
29
|
-
};
|
|
30
|
-
var setFallbackName = debounce((doc, content) => {
|
|
31
|
-
const name = getFallbackName(content);
|
|
32
|
-
if (doc.fallbackName !== name) {
|
|
33
|
-
doc.fallbackName = name;
|
|
34
|
-
}
|
|
35
|
-
}, 200);
|
|
36
|
-
var serializer = {
|
|
37
|
-
serialize: async ({ object }) => {
|
|
38
|
-
const content = await loadObjectReferences(object, (doc) => doc.content);
|
|
39
|
-
return JSON.stringify({
|
|
40
|
-
name: object.name,
|
|
41
|
-
content: content.content
|
|
42
|
-
});
|
|
43
|
-
},
|
|
44
|
-
deserialize: async ({ content: serialized }) => {
|
|
45
|
-
const { name, content } = JSON.parse(serialized);
|
|
46
|
-
return createEchoObject(create(DocumentType, {
|
|
47
|
-
name,
|
|
48
|
-
content: create(TextType, {
|
|
49
|
-
content
|
|
50
|
-
}),
|
|
51
|
-
threads: []
|
|
52
|
-
}));
|
|
53
|
-
}
|
|
54
|
-
};
|
|
55
|
-
|
|
56
|
-
// packages/plugins/plugin-markdown/src/components/DocumentEditor.tsx
|
|
57
|
-
var DocumentEditor = ({ document: doc, extensionProviders = [], viewMode, settings, ...props }) => {
|
|
58
|
-
const space = getSpace(doc);
|
|
59
|
-
const identity = useIdentity();
|
|
60
|
-
const dispatch = useIntentDispatcher();
|
|
61
|
-
const baseExtensions = useMemo(() => {
|
|
62
|
-
return createBaseExtensions({
|
|
63
|
-
viewMode,
|
|
64
|
-
settings,
|
|
65
|
-
document: doc,
|
|
66
|
-
dispatch
|
|
67
|
-
});
|
|
68
|
-
}, [
|
|
69
|
-
doc,
|
|
70
|
-
viewMode,
|
|
71
|
-
dispatch,
|
|
72
|
-
settings,
|
|
73
|
-
settings.folding,
|
|
74
|
-
settings.numberedHeadings
|
|
75
|
-
]);
|
|
76
|
-
const providerExtensions = useMemo(() => extensionProviders.reduce((acc, provider) => {
|
|
77
|
-
const provided = typeof provider === "function" ? provider({
|
|
78
|
-
document: doc
|
|
79
|
-
}) : provider;
|
|
80
|
-
acc.push(...provided);
|
|
81
|
-
return acc;
|
|
82
|
-
}, []), [
|
|
83
|
-
extensionProviders
|
|
84
|
-
]);
|
|
85
|
-
const extensions = useMemo(() => [
|
|
86
|
-
// NOTE: Data extensions must be first so that automerge is updated before other extensions compute their state.
|
|
87
|
-
createDataExtensions({
|
|
88
|
-
id: doc.id,
|
|
89
|
-
text: doc.content && createDocAccessor(doc.content, [
|
|
90
|
-
"content"
|
|
91
|
-
]),
|
|
92
|
-
space,
|
|
93
|
-
identity
|
|
94
|
-
}),
|
|
95
|
-
state(localStorageStateStoreAdapter),
|
|
96
|
-
listener({
|
|
97
|
-
onChange: (text) => {
|
|
98
|
-
setFallbackName(doc, text);
|
|
99
|
-
}
|
|
100
|
-
}),
|
|
101
|
-
providerExtensions,
|
|
102
|
-
baseExtensions
|
|
103
|
-
], [
|
|
104
|
-
doc,
|
|
105
|
-
doc.content,
|
|
106
|
-
space,
|
|
107
|
-
baseExtensions,
|
|
108
|
-
providerExtensions,
|
|
109
|
-
identity
|
|
110
|
-
]);
|
|
111
|
-
const initialValue = useMemo(() => doc.content?.content, [
|
|
112
|
-
doc.content
|
|
113
|
-
]);
|
|
114
|
-
useEffect(() => {
|
|
115
|
-
if (!doc.fallbackName && doc.content?.content) {
|
|
116
|
-
doc.fallbackName = getFallbackName(doc.content.content);
|
|
117
|
-
}
|
|
118
|
-
}, [
|
|
119
|
-
doc,
|
|
120
|
-
doc.content
|
|
121
|
-
]);
|
|
122
|
-
const id = fullyQualifiedId(doc);
|
|
123
|
-
const { scrollTo, selection } = useMemo(() => localStorageStateStoreAdapter.getState(id) ?? {}, [
|
|
124
|
-
doc
|
|
125
|
-
]);
|
|
126
|
-
const fileManagerPlugin = useResolvePlugin(parseFileManagerPlugin);
|
|
127
|
-
const handleFileUpload = useMemo(() => {
|
|
128
|
-
if (space === void 0) {
|
|
129
|
-
return void 0;
|
|
130
|
-
}
|
|
131
|
-
if (fileManagerPlugin?.provides.file.upload === void 0) {
|
|
132
|
-
return void 0;
|
|
133
|
-
}
|
|
134
|
-
return async (file) => {
|
|
135
|
-
return fileManagerPlugin?.provides?.file?.upload?.(file, space);
|
|
136
|
-
};
|
|
137
|
-
}, [
|
|
138
|
-
fileManagerPlugin,
|
|
139
|
-
space
|
|
140
|
-
]);
|
|
141
|
-
return /* @__PURE__ */ React.createElement(MarkdownEditor_default, {
|
|
142
|
-
id,
|
|
143
|
-
initialValue,
|
|
144
|
-
extensions,
|
|
145
|
-
scrollTo,
|
|
146
|
-
selection,
|
|
147
|
-
onFileUpload: handleFileUpload,
|
|
148
|
-
inputMode: settings.editorInputMode,
|
|
149
|
-
toolbar: settings.toolbar,
|
|
150
|
-
viewMode,
|
|
151
|
-
...props
|
|
152
|
-
});
|
|
153
|
-
};
|
|
154
|
-
var DocumentEditor_default = DocumentEditor;
|
|
155
|
-
|
|
156
|
-
export {
|
|
157
|
-
isMarkdownProperties,
|
|
158
|
-
markdownExtensionPlugins,
|
|
159
|
-
getFallbackName,
|
|
160
|
-
setFallbackName,
|
|
161
|
-
serializer,
|
|
162
|
-
DocumentEditor_default
|
|
163
|
-
};
|
|
164
|
-
//# sourceMappingURL=chunk-7AF2JLK4.mjs.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 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 // 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": ["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", "fullyQualifiedId", "scrollTo", "selection", "getState", "fileManagerPlugin", "useResolvePlugin", "parseFileManagerPlugin", "handleFileUpload", "undefined", "provides", "file", "upload", "MarkdownEditor", "onFileUpload", "inputMode", "editorInputMode", "toolbar"]
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/types/document.ts", "../../../src/types/types.ts"],
|
|
4
|
-
"sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport { ref, S, TypedObject } from '@dxos/echo-schema';\nimport { ThreadType } from '@dxos/plugin-space/types';\n\nexport class TextType extends TypedObject({ typename: 'dxos.org/type/Text', version: '0.1.0' })({\n content: S.String,\n}) {}\n\nexport class DocumentType extends TypedObject({ typename: 'dxos.org/type/Document', version: '0.1.0' })({\n name: S.optional(S.String),\n fallbackName: S.optional(S.String),\n content: ref(TextType),\n threads: S.mutable(S.Array(ref(ThreadType))),\n}) {}\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport type {\n GraphBuilderProvides,\n GraphSerializerProvides,\n IntentResolverProvides,\n MetadataRecordsProvides,\n SettingsProvides,\n SurfaceProvides,\n TranslationsProvides,\n} from '@dxos/app-framework';\nimport { type SchemaProvides } from '@dxos/plugin-client';\nimport { type Extension, type EditorInputMode, type EditorViewMode } from '@dxos/react-ui-editor';\n\nimport { type DocumentType } from './document';\nimport { MARKDOWN_PLUGIN } from '../meta';\n\nconst MARKDOWN_ACTION = `${MARKDOWN_PLUGIN}/action`;\n\nexport enum MarkdownAction {\n CREATE = `${MARKDOWN_ACTION}/create`,\n SET_VIEW_MODE = `${MARKDOWN_ACTION}/set-view-mode`,\n}\n\nexport type MarkdownProperties = Record<string, any>;\n\nexport type ExtensionsProvider = (props: { document?: DocumentType }) => Extension[];\n\nexport type OnChange = (text: string) => void;\n\nexport type MarkdownExtensionProvides = {\n markdown: {\n extensions: ExtensionsProvider;\n };\n};\n\n// TODO(wittjosiah): Factor out to graph plugin?\ntype StackProvides = {\n stack: {\n creators?: Record<string, any>[];\n };\n};\n\nexport type MarkdownPluginState = {\n // Codemirror extensions provided by other plugins.\n extensionProviders: NonNullable<ExtensionsProvider>[];\n\n // TODO(burdon): Extend view mode per document to include scroll position, etc.\n // View mode per document.\n viewMode: { [key: string]: EditorViewMode };\n};\n\nexport type MarkdownSettingsProps = {\n defaultViewMode: EditorViewMode;\n editorInputMode?: EditorInputMode;\n experimental?: boolean;\n debug?: boolean;\n toolbar?: boolean;\n typewriter?: string;\n // TODO(burdon): Per document settings.\n numberedHeadings?: boolean;\n folding?: boolean;\n};\n\n// TODO(Zan): Move this to the plugin-space plugin or another common location\n// when we implement comments in sheets.\ntype ThreadProvides<T> = {\n thread: {\n predicate: (obj: any) => obj is T;\n createSort: (obj: T) => (anchorA: string, anchorB: string) => number;\n };\n};\n\nexport type MarkdownPluginProvides = SurfaceProvides &\n IntentResolverProvides &\n GraphBuilderProvides &\n GraphSerializerProvides &\n MetadataRecordsProvides &\n SettingsProvides<MarkdownSettingsProps> &\n TranslationsProvides &\n SchemaProvides &\n StackProvides &\n ThreadProvides<DocumentType>;\n"],
|
|
5
|
-
"mappings": ";;;;;AAIA,SAASA,KAAKC,GAAGC,mBAAmB;AACpC,SAASC,kBAAkB;AAEpB,IAAMC,WAAN,cAAuBC,YAAY;EAAEC,UAAU;EAAsBC,SAAS;AAAQ,CAAA,EAAG;EAC9FC,SAASC,EAAEC;AACb,CAAA,EAAA;AAAI;AAEG,IAAMC,eAAN,cAA2BN,YAAY;EAAEC,UAAU;EAA0BC,SAAS;AAAQ,CAAA,EAAG;EACtGK,MAAMH,EAAEI,SAASJ,EAAEC,MAAM;EACzBI,cAAcL,EAAEI,SAASJ,EAAEC,MAAM;EACjCF,SAASO,IAAIX,QAAAA;EACbY,SAASP,EAAEQ,QAAQR,EAAES,MAAMH,IAAII,UAAAA,CAAAA,CAAAA;AACjC,CAAA,EAAA;AAAI;;;ACGJ,IAAMC,kBAAkB,GAAGC,eAAAA;;UAEfC,iBAAAA;8CACD,GAAGF,eAAAA,SAAwB,IAAA;qDACpB,GAAGA,eAAAA,gBAA+B,IAAA;GAFxCE,mBAAAA,iBAAAA,CAAAA,EAAAA;",
|
|
6
|
-
"names": ["ref", "S", "TypedObject", "ThreadType", "TextType", "TypedObject", "typename", "version", "content", "S", "String", "DocumentType", "name", "optional", "fallbackName", "ref", "threads", "mutable", "Array", "ThreadType", "MARKDOWN_ACTION", "MARKDOWN_PLUGIN", "MarkdownAction"]
|
|
7
|
-
}
|
|
@@ -1,86 +0,0 @@
|
|
|
1
|
-
import {
|
|
2
|
-
createBaseExtensions
|
|
3
|
-
} from "./chunk-354DCID5.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-RL7QY322.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,208 +0,0 @@
|
|
|
1
|
-
import {
|
|
2
|
-
MARKDOWN_PLUGIN
|
|
3
|
-
} from "./chunk-4GGD6YJO.mjs";
|
|
4
|
-
|
|
5
|
-
// packages/plugins/plugin-markdown/src/components/MarkdownEditor.tsx
|
|
6
|
-
import { openSearchPanel } from "@codemirror/search";
|
|
7
|
-
import { EditorView } from "@codemirror/view";
|
|
8
|
-
import React, { useMemo, useEffect, useCallback } from "react";
|
|
9
|
-
import { LayoutAction, useResolvePlugin, useIntentResolver, parseLayoutPlugin, useIntentDispatcher } from "@dxos/app-framework";
|
|
10
|
-
import { parseAttentionPlugin } from "@dxos/plugin-attention";
|
|
11
|
-
import { useThemeContext, useTranslation } from "@dxos/react-ui";
|
|
12
|
-
import { Toolbar, createBasicExtensions, createMarkdownExtensions, createThemeExtensions, dropFile, processAction, useActionHandler, useCommentState, useCommentClickListener, useFormattingState, useTextEditor, editorContent, editorGutter, Cursor, setSelection } 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 { nonNullable } from "@dxos/util";
|
|
16
|
-
var attentionFragment = mx("group-focus-within/editor:attention-surface group-[[aria-current]]/editor:attention-surface", "group-focus-within/editor:border-separator");
|
|
17
|
-
var DEFAULT_VIEW_MODE = "preview";
|
|
18
|
-
var MarkdownEditor = ({ id, role = "article", initialValue, extensions, extensionProviders, scrollPastEnd, scrollTo, selection, toolbar, viewMode, onFileUpload, onViewModeChange }) => {
|
|
19
|
-
const { t } = useTranslation(MARKDOWN_PLUGIN);
|
|
20
|
-
const { themeMode } = useThemeContext();
|
|
21
|
-
const dispatch = useIntentDispatcher();
|
|
22
|
-
const attentionPlugin = useResolvePlugin(parseAttentionPlugin);
|
|
23
|
-
const layoutPlugin = useResolvePlugin(parseLayoutPlugin);
|
|
24
|
-
const attended = Array.from(attentionPlugin?.provides.attention?.attended ?? []);
|
|
25
|
-
const isDirectlyAttended = attended.length === 1 && attended[0] === id;
|
|
26
|
-
const [formattingState, formattingObserver] = useFormattingState();
|
|
27
|
-
const providerExtensions = useMemo(() => extensionProviders?.map((provider) => provider({})), [
|
|
28
|
-
extensionProviders
|
|
29
|
-
]);
|
|
30
|
-
const [commentsState, commentObserver] = useCommentState();
|
|
31
|
-
const onCommentClick = useCallback(() => {
|
|
32
|
-
void dispatch({
|
|
33
|
-
action: LayoutAction.SET_LAYOUT,
|
|
34
|
-
data: {
|
|
35
|
-
element: "complementary",
|
|
36
|
-
state: true
|
|
37
|
-
}
|
|
38
|
-
});
|
|
39
|
-
}, [
|
|
40
|
-
dispatch
|
|
41
|
-
]);
|
|
42
|
-
const commentClickObserver = useCommentClickListener(onCommentClick);
|
|
43
|
-
useIntentResolver(MARKDOWN_PLUGIN, ({ action, data }) => {
|
|
44
|
-
switch (action) {
|
|
45
|
-
// TODO(burdon): Use fully qualified ids everywhere.
|
|
46
|
-
case LayoutAction.SCROLL_INTO_VIEW: {
|
|
47
|
-
if (editorView && data?.id === id && data?.cursor) {
|
|
48
|
-
const range = Cursor.getRangeFromCursor(editorView.state, data.cursor);
|
|
49
|
-
if (range) {
|
|
50
|
-
const selection2 = editorView.state.selection.main.from !== range.from ? {
|
|
51
|
-
anchor: range.from
|
|
52
|
-
} : void 0;
|
|
53
|
-
const effects = [
|
|
54
|
-
// NOTE: This does not use the DOM scrollIntoView function.
|
|
55
|
-
EditorView.scrollIntoView(range.from, {
|
|
56
|
-
y: "start",
|
|
57
|
-
yMargin: 96
|
|
58
|
-
})
|
|
59
|
-
];
|
|
60
|
-
if (selection2) {
|
|
61
|
-
effects.push(setSelection.of({
|
|
62
|
-
current: id
|
|
63
|
-
}));
|
|
64
|
-
}
|
|
65
|
-
editorView.dispatch({
|
|
66
|
-
effects,
|
|
67
|
-
selection: selection2 ? {
|
|
68
|
-
anchor: range.from
|
|
69
|
-
} : void 0
|
|
70
|
-
});
|
|
71
|
-
}
|
|
72
|
-
}
|
|
73
|
-
break;
|
|
74
|
-
}
|
|
75
|
-
}
|
|
76
|
-
});
|
|
77
|
-
const handleDrop = async (view, { files }) => {
|
|
78
|
-
const file = files[0];
|
|
79
|
-
const info = file && onFileUpload ? await onFileUpload(file) : void 0;
|
|
80
|
-
if (info) {
|
|
81
|
-
processAction(view, {
|
|
82
|
-
type: "image",
|
|
83
|
-
data: info.url
|
|
84
|
-
});
|
|
85
|
-
}
|
|
86
|
-
};
|
|
87
|
-
const { parentRef, view: editorView, focusAttributes } = useTextEditor(() => ({
|
|
88
|
-
initialValue,
|
|
89
|
-
extensions: [
|
|
90
|
-
formattingObserver,
|
|
91
|
-
commentObserver,
|
|
92
|
-
commentClickObserver,
|
|
93
|
-
createBasicExtensions({
|
|
94
|
-
readonly: viewMode === "readonly",
|
|
95
|
-
placeholder: t("editor placeholder"),
|
|
96
|
-
scrollPastEnd: role === "section" ? false : scrollPastEnd
|
|
97
|
-
}),
|
|
98
|
-
createMarkdownExtensions({
|
|
99
|
-
themeMode
|
|
100
|
-
}),
|
|
101
|
-
createThemeExtensions({
|
|
102
|
-
themeMode,
|
|
103
|
-
syntaxHighlighting: true,
|
|
104
|
-
slots: {
|
|
105
|
-
content: {
|
|
106
|
-
className: editorContent
|
|
107
|
-
}
|
|
108
|
-
}
|
|
109
|
-
}),
|
|
110
|
-
editorGutter,
|
|
111
|
-
role !== "section" && onFileUpload ? dropFile({
|
|
112
|
-
onDrop: handleDrop
|
|
113
|
-
}) : [],
|
|
114
|
-
providerExtensions,
|
|
115
|
-
extensions
|
|
116
|
-
].filter(nonNullable),
|
|
117
|
-
...role !== "section" && {
|
|
118
|
-
id,
|
|
119
|
-
scrollTo,
|
|
120
|
-
selection,
|
|
121
|
-
// TODO(wittjosiah): Autofocus based on layout is racy.
|
|
122
|
-
autoFocus: layoutPlugin?.provides.layout ? layoutPlugin?.provides.layout.scrollIntoView === id : true,
|
|
123
|
-
moveToEndOfLine: true
|
|
124
|
-
}
|
|
125
|
-
}), [
|
|
126
|
-
id,
|
|
127
|
-
initialValue,
|
|
128
|
-
formattingObserver,
|
|
129
|
-
viewMode,
|
|
130
|
-
themeMode,
|
|
131
|
-
extensions,
|
|
132
|
-
providerExtensions
|
|
133
|
-
]);
|
|
134
|
-
useTest(editorView);
|
|
135
|
-
const handleToolbarAction = useActionHandler(editorView);
|
|
136
|
-
const handleAction = (action) => {
|
|
137
|
-
switch (action.type) {
|
|
138
|
-
case "search": {
|
|
139
|
-
if (editorView) {
|
|
140
|
-
openSearchPanel(editorView);
|
|
141
|
-
}
|
|
142
|
-
return;
|
|
143
|
-
}
|
|
144
|
-
case "view-mode": {
|
|
145
|
-
onViewModeChange?.(id, action.data);
|
|
146
|
-
return;
|
|
147
|
-
}
|
|
148
|
-
}
|
|
149
|
-
handleToolbarAction?.(action);
|
|
150
|
-
};
|
|
151
|
-
return /* @__PURE__ */ React.createElement("div", {
|
|
152
|
-
role: "none",
|
|
153
|
-
...role === "section" ? {
|
|
154
|
-
className: "flex flex-col"
|
|
155
|
-
} : {
|
|
156
|
-
className: "contents group/editor",
|
|
157
|
-
...isDirectlyAttended && {
|
|
158
|
-
"aria-current": "location"
|
|
159
|
-
}
|
|
160
|
-
}
|
|
161
|
-
}, toolbar && /* @__PURE__ */ React.createElement("div", {
|
|
162
|
-
role: "none",
|
|
163
|
-
className: mx("flex shrink-0 justify-center overflow-x-auto", attentionFragment)
|
|
164
|
-
}, /* @__PURE__ */ React.createElement(Toolbar.Root, {
|
|
165
|
-
classNames: role === "section" ? [
|
|
166
|
-
textBlockWidth,
|
|
167
|
-
"z-[2] group-focus-within/section:visible",
|
|
168
|
-
!isDirectlyAttended && "invisible",
|
|
169
|
-
sectionToolbarLayout
|
|
170
|
-
] : [
|
|
171
|
-
textBlockWidth,
|
|
172
|
-
"group-focus-within/editor:border-separator group-[[aria-current]]/editor:border-separator"
|
|
173
|
-
],
|
|
174
|
-
state: formattingState && {
|
|
175
|
-
...formattingState,
|
|
176
|
-
...commentsState
|
|
177
|
-
},
|
|
178
|
-
onAction: handleAction
|
|
179
|
-
}, /* @__PURE__ */ React.createElement(Toolbar.Markdown, null), onFileUpload && /* @__PURE__ */ React.createElement(Toolbar.Custom, {
|
|
180
|
-
onUpload: onFileUpload
|
|
181
|
-
}), /* @__PURE__ */ React.createElement(Toolbar.Separator, null), /* @__PURE__ */ React.createElement(Toolbar.View, {
|
|
182
|
-
mode: viewMode ?? DEFAULT_VIEW_MODE
|
|
183
|
-
}), /* @__PURE__ */ React.createElement(Toolbar.Actions, null))), /* @__PURE__ */ React.createElement("div", {
|
|
184
|
-
role: "none",
|
|
185
|
-
ref: parentRef,
|
|
186
|
-
"data-testid": "composer.markdownRoot",
|
|
187
|
-
"data-toolbar": toolbar ? "enabled" : "disabled",
|
|
188
|
-
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"),
|
|
189
|
-
...focusAttributes
|
|
190
|
-
}));
|
|
191
|
-
};
|
|
192
|
-
var useTest = (view) => {
|
|
193
|
-
useEffect(() => {
|
|
194
|
-
const composer = window.composer;
|
|
195
|
-
if (composer) {
|
|
196
|
-
composer.editorView = view;
|
|
197
|
-
}
|
|
198
|
-
}, [
|
|
199
|
-
view
|
|
200
|
-
]);
|
|
201
|
-
};
|
|
202
|
-
var MarkdownEditor_default = MarkdownEditor;
|
|
203
|
-
|
|
204
|
-
export {
|
|
205
|
-
MarkdownEditor,
|
|
206
|
-
MarkdownEditor_default
|
|
207
|
-
};
|
|
208
|
-
//# sourceMappingURL=chunk-VUN4QKTT.mjs.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/components/MarkdownEditor.tsx"],
|
|
4
|
-
"sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { openSearchPanel } from '@codemirror/search';\nimport { EditorView } from '@codemirror/view';\nimport React, { useMemo, useEffect, useCallback } from 'react';\n\nimport {\n type FileInfo,\n LayoutAction,\n type LayoutCoordinate,\n useResolvePlugin,\n useIntentResolver,\n parseLayoutPlugin,\n useIntentDispatcher,\n} from '@dxos/app-framework';\nimport { parseAttentionPlugin } from '@dxos/plugin-attention';\nimport { useThemeContext, useTranslation } from '@dxos/react-ui';\nimport {\n type Action,\n type DNDOptions,\n type EditorViewMode,\n type EditorInputMode,\n type UseTextEditorProps,\n Toolbar,\n createBasicExtensions,\n createMarkdownExtensions,\n createThemeExtensions,\n dropFile,\n processAction,\n useActionHandler,\n useCommentState,\n useCommentClickListener,\n useFormattingState,\n useTextEditor,\n editorContent,\n editorGutter,\n Cursor,\n setSelection,\n} from '@dxos/react-ui-editor';\nimport { sectionToolbarLayout } from '@dxos/react-ui-stack';\nimport { textBlockWidth, focusRing, mx } from '@dxos/react-ui-theme';\nimport { nonNullable } from '@dxos/util';\n\nimport { MARKDOWN_PLUGIN } from '../meta';\nimport type { MarkdownPluginState } from '../types';\n\nconst attentionFragment = mx(\n 'group-focus-within/editor:attention-surface group-[[aria-current]]/editor:attention-surface',\n 'group-focus-within/editor:border-separator',\n);\n\nconst DEFAULT_VIEW_MODE: EditorViewMode = 'preview';\n\nexport type MarkdownEditorProps = {\n id: string;\n coordinate?: LayoutCoordinate;\n inputMode?: EditorInputMode;\n role?: string;\n scrollPastEnd?: boolean;\n toolbar?: boolean;\n viewMode?: EditorViewMode;\n onViewModeChange?: (id: string, mode: EditorViewMode) => void;\n onFileUpload?: (file: File) => Promise<FileInfo | undefined>;\n} & Pick<UseTextEditorProps, 'initialValue' | 'scrollTo' | 'selection' | 'extensions'> &\n Partial<Pick<MarkdownPluginState, 'extensionProviders'>>;\n\nexport const MarkdownEditor = ({\n id,\n role = 'article',\n initialValue,\n extensions,\n extensionProviders,\n scrollPastEnd,\n scrollTo,\n selection,\n toolbar,\n viewMode,\n onFileUpload,\n onViewModeChange,\n}: MarkdownEditorProps) => {\n const { t } = useTranslation(MARKDOWN_PLUGIN);\n const { themeMode } = useThemeContext();\n const dispatch = useIntentDispatcher();\n const attentionPlugin = useResolvePlugin(parseAttentionPlugin);\n const layoutPlugin = useResolvePlugin(parseLayoutPlugin);\n const attended = Array.from(attentionPlugin?.provides.attention?.attended ?? []);\n const isDirectlyAttended = attended.length === 1 && attended[0] === id;\n const [formattingState, formattingObserver] = useFormattingState();\n\n // Extensions from other plugins.\n const providerExtensions = useMemo(() => extensionProviders?.map((provider) => provider({})), [extensionProviders]);\n\n // TODO(Zan): Move these into thread plugin as well?\n const [commentsState, commentObserver] = useCommentState();\n const onCommentClick = useCallback(() => {\n void dispatch({ action: LayoutAction.SET_LAYOUT, data: { element: 'complementary', state: true } });\n }, [dispatch]);\n const commentClickObserver = useCommentClickListener(onCommentClick);\n\n // Focus the space that references the comment.\n useIntentResolver(MARKDOWN_PLUGIN, ({ action, data }) => {\n switch (action) {\n // TODO(burdon): Use fully qualified ids everywhere.\n case LayoutAction.SCROLL_INTO_VIEW: {\n if (editorView && data?.id === id && data?.cursor) {\n // TODO(burdon): We need typed intents.\n const range = Cursor.getRangeFromCursor(editorView.state, data.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: id }));\n }\n\n editorView.dispatch({\n effects,\n selection: selection ? { anchor: range.from } : undefined,\n });\n }\n }\n break;\n }\n }\n });\n\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 processAction(view, { type: 'image', data: info.url });\n }\n };\n\n const {\n parentRef,\n view: editorView,\n focusAttributes,\n } = useTextEditor(\n () => ({\n initialValue,\n extensions: [\n formattingObserver,\n commentObserver,\n commentClickObserver,\n createBasicExtensions({\n readonly: viewMode === 'readonly',\n placeholder: t('editor placeholder'),\n scrollPastEnd: role === 'section' ? false : scrollPastEnd,\n }),\n createMarkdownExtensions({ themeMode }),\n createThemeExtensions({\n themeMode,\n syntaxHighlighting: true,\n slots: { content: { className: editorContent } },\n }),\n editorGutter,\n role !== 'section' && onFileUpload ? dropFile({ onDrop: handleDrop }) : [],\n providerExtensions,\n extensions,\n ].filter(nonNullable),\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, initialValue, formattingObserver, viewMode, themeMode, extensions, providerExtensions],\n );\n\n useTest(editorView);\n\n // Toolbar handler.\n const handleToolbarAction = useActionHandler(editorView);\n const handleAction = (action: Action) => {\n switch (action.type) {\n case 'search': {\n if (editorView) {\n openSearchPanel(editorView);\n }\n return;\n }\n case 'view-mode': {\n onViewModeChange?.(id, action.data);\n return;\n }\n }\n\n handleToolbarAction?.(action);\n };\n\n return (\n <div\n role='none'\n // TODO(burdon): Move role logic out of here (see sheet, table, sketch, etc.)\n {...(role === 'section'\n ? { className: 'flex flex-col' }\n : {\n className: 'contents group/editor',\n ...(isDirectlyAttended && { 'aria-current': 'location' }),\n })}\n >\n {toolbar && (\n <div role='none' className={mx('flex shrink-0 justify-center overflow-x-auto', attentionFragment)}>\n <Toolbar.Root\n classNames={\n role === 'section'\n ? [\n textBlockWidth,\n 'z-[2] group-focus-within/section:visible',\n !isDirectlyAttended && 'invisible',\n sectionToolbarLayout,\n ]\n : [\n textBlockWidth,\n 'group-focus-within/editor:border-separator group-[[aria-current]]/editor:border-separator',\n ]\n }\n state={formattingState && { ...formattingState, ...commentsState }}\n onAction={handleAction}\n >\n <Toolbar.Markdown />\n {onFileUpload && <Toolbar.Custom onUpload={onFileUpload} />}\n <Toolbar.Separator />\n <Toolbar.View mode={viewMode ?? DEFAULT_VIEW_MODE} />\n <Toolbar.Actions />\n </Toolbar.Root>\n </div>\n )}\n <div\n role='none'\n ref={parentRef}\n data-testid='composer.markdownRoot'\n data-toolbar={toolbar ? 'enabled' : 'disabled'}\n className={\n role === 'section'\n ? mx('flex flex-col flex-1 min-bs-[12rem]', focusRing)\n : mx(\n 'flex is-full bs-full overflow-hidden',\n focusRing,\n attentionFragment,\n 'focus-visible:ring-inset',\n 'data-[toolbar=disabled]:pbs-2 data-[toolbar=disabled]:row-span-2',\n )\n }\n {...focusAttributes}\n />\n </div>\n );\n};\n\n// Expose editor view for playwright tests.\n// TODO(wittjosiah): Find a better way to expose this or find a way to limit it to test runs.\nconst useTest = (view?: EditorView) => {\n useEffect(() => {\n const composer = (window as any).composer;\n if (composer) {\n composer.editorView = view;\n }\n }, [view]);\n};\n\nexport default MarkdownEditor;\n"],
|
|
5
|
-
"mappings": "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",
|
|
6
|
-
"names": ["openSearchPanel", "EditorView", "React", "useMemo", "useEffect", "useCallback", "LayoutAction", "useResolvePlugin", "useIntentResolver", "parseLayoutPlugin", "useIntentDispatcher", "parseAttentionPlugin", "useThemeContext", "useTranslation", "Toolbar", "createBasicExtensions", "createMarkdownExtensions", "createThemeExtensions", "dropFile", "processAction", "useActionHandler", "useCommentState", "useCommentClickListener", "useFormattingState", "useTextEditor", "editorContent", "editorGutter", "Cursor", "setSelection", "sectionToolbarLayout", "textBlockWidth", "focusRing", "mx", "nonNullable", "attentionFragment", "mx", "DEFAULT_VIEW_MODE", "MarkdownEditor", "id", "role", "initialValue", "extensions", "extensionProviders", "scrollPastEnd", "scrollTo", "selection", "toolbar", "viewMode", "onFileUpload", "onViewModeChange", "t", "useTranslation", "MARKDOWN_PLUGIN", "themeMode", "useThemeContext", "dispatch", "useIntentDispatcher", "attentionPlugin", "useResolvePlugin", "parseAttentionPlugin", "layoutPlugin", "parseLayoutPlugin", "attended", "Array", "from", "provides", "attention", "isDirectlyAttended", "length", "formattingState", "formattingObserver", "useFormattingState", "providerExtensions", "useMemo", "map", "provider", "commentsState", "commentObserver", "useCommentState", "onCommentClick", "useCallback", "action", "LayoutAction", "SET_LAYOUT", "data", "element", "state", "commentClickObserver", "useCommentClickListener", "useIntentResolver", "SCROLL_INTO_VIEW", "editorView", "cursor", "range", "Cursor", "getRangeFromCursor", "main", "anchor", "undefined", "effects", "EditorView", "scrollIntoView", "y", "yMargin", "push", "setSelection", "of", "current", "handleDrop", "view", "files", "file", "info", "processAction", "type", "url", "parentRef", "focusAttributes", "useTextEditor", "createBasicExtensions", "readonly", "placeholder", "createMarkdownExtensions", "createThemeExtensions", "syntaxHighlighting", "slots", "content", "className", "editorContent", "editorGutter", "dropFile", "onDrop", "filter", "nonNullable", "autoFocus", "layout", "moveToEndOfLine", "useTest", "handleToolbarAction", "useActionHandler", "handleAction", "openSearchPanel", "div", "Toolbar", "Root", "classNames", "textBlockWidth", "sectionToolbarLayout", "onAction", "Markdown", "Custom", "onUpload", "Separator", "View", "mode", "Actions", "ref", "data-testid", "data-toolbar", "focusRing", "useEffect", "composer", "window"]
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["DocumentCard-EHJDDSRY.cjs"],
|
|
4
|
-
"sourcesContent": ["import {\n DocumentCard,\n DocumentCard_default\n} from \"./chunk-Q4ZSCBQE.cjs\";\nimport \"./chunk-KTYIOXL5.cjs\";\nimport \"./chunk-TGMR2CKU.cjs\";\nexport {\n DocumentCard,\n DocumentCard_default as default\n};\n//# sourceMappingURL=DocumentCard-EHJDDSRY.cjs.map\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAGO;AACP,4BAAO;AACP,4BAAO;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|