@dxos/plugin-markdown 0.6.11-staging.e6894a4 → 0.6.11
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/{DocumentEditor-HOQEHRNG.mjs → DocumentEditor-GPWV3VN3.mjs} +3 -3
- package/dist/lib/browser/{MarkdownEditor-5DHI4ORZ.mjs → MarkdownEditor-EKJJQEFL.mjs} +2 -2
- package/dist/lib/browser/{chunk-NSVC456H.mjs → chunk-7AF2JLK4.mjs} +2 -2
- package/dist/lib/browser/{chunk-CJO5DJVS.mjs → chunk-VUN4QKTT.mjs} +3 -1
- package/dist/lib/browser/{chunk-CJO5DJVS.mjs.map → chunk-VUN4QKTT.mjs.map} +3 -3
- package/dist/lib/browser/index.mjs +6 -5
- package/dist/lib/browser/index.mjs.map +3 -3
- package/dist/lib/browser/meta.json +1 -1
- package/dist/lib/node/{DocumentEditor-MV3S4FKT.cjs → DocumentEditor-I5GCRBKU.cjs} +7 -7
- package/dist/lib/node/{DocumentEditor-MV3S4FKT.cjs.map → DocumentEditor-I5GCRBKU.cjs.map} +2 -2
- package/dist/lib/node/{MarkdownEditor-X3U7B4FU.cjs → MarkdownEditor-UE23H75V.cjs} +7 -7
- package/dist/lib/node/{MarkdownEditor-X3U7B4FU.cjs.map → MarkdownEditor-UE23H75V.cjs.map} +2 -2
- package/dist/lib/node/{chunk-MMYLEP2V.cjs → chunk-7XIBNEI7.cjs} +6 -4
- package/dist/lib/node/{chunk-MMYLEP2V.cjs.map → chunk-7XIBNEI7.cjs.map} +3 -3
- package/dist/lib/node/{chunk-CIIALZRA.cjs → chunk-RVGN72IX.cjs} +6 -6
- package/dist/lib/node/index.cjs +13 -12
- package/dist/lib/node/index.cjs.map +2 -2
- package/dist/lib/node/meta.json +1 -1
- package/dist/types/src/MarkdownPlugin.d.ts.map +1 -1
- package/dist/types/src/components/MarkdownEditor.d.ts.map +1 -1
- package/dist/types/src/components/MarkdownEditor.stories.d.ts.map +1 -1
- package/dist/types/src/components/Toolbar.stories.d.ts.map +1 -1
- package/package.json +28 -28
- package/src/MarkdownPlugin.tsx +1 -0
- package/src/components/MarkdownEditor.stories.tsx +5 -8
- package/src/components/MarkdownEditor.tsx +5 -1
- package/src/components/Toolbar.stories.tsx +14 -16
- /package/dist/lib/browser/{DocumentEditor-HOQEHRNG.mjs.map → DocumentEditor-GPWV3VN3.mjs.map} +0 -0
- /package/dist/lib/browser/{MarkdownEditor-5DHI4ORZ.mjs.map → MarkdownEditor-EKJJQEFL.mjs.map} +0 -0
- /package/dist/lib/browser/{chunk-NSVC456H.mjs.map → chunk-7AF2JLK4.mjs.map} +0 -0
- /package/dist/lib/node/{chunk-CIIALZRA.cjs.map → chunk-RVGN72IX.cjs.map} +0 -0
|
@@ -16,14 +16,14 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
16
16
|
return to;
|
|
17
17
|
};
|
|
18
18
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
|
-
var
|
|
20
|
-
__export(
|
|
21
|
-
default: () =>
|
|
19
|
+
var DocumentEditor_I5GCRBKU_exports = {};
|
|
20
|
+
__export(DocumentEditor_I5GCRBKU_exports, {
|
|
21
|
+
default: () => import_chunk_RVGN72IX.DocumentEditor_default
|
|
22
22
|
});
|
|
23
|
-
module.exports = __toCommonJS(
|
|
24
|
-
var
|
|
23
|
+
module.exports = __toCommonJS(DocumentEditor_I5GCRBKU_exports);
|
|
24
|
+
var import_chunk_RVGN72IX = require("./chunk-RVGN72IX.cjs");
|
|
25
25
|
var import_chunk_VWQH4WC2 = require("./chunk-VWQH4WC2.cjs");
|
|
26
26
|
var import_chunk_KTYIOXL5 = require("./chunk-KTYIOXL5.cjs");
|
|
27
|
-
var
|
|
27
|
+
var import_chunk_7XIBNEI7 = require("./chunk-7XIBNEI7.cjs");
|
|
28
28
|
var import_chunk_TGMR2CKU = require("./chunk-TGMR2CKU.cjs");
|
|
29
|
-
//# sourceMappingURL=DocumentEditor-
|
|
29
|
+
//# sourceMappingURL=DocumentEditor-I5GCRBKU.cjs.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["DocumentEditor-
|
|
4
|
-
"sourcesContent": ["import {\n DocumentEditor_default\n} from \"./chunk-
|
|
3
|
+
"sources": ["DocumentEditor-I5GCRBKU.cjs"],
|
|
4
|
+
"sourcesContent": ["import {\n DocumentEditor_default\n} from \"./chunk-RVGN72IX.cjs\";\nimport \"./chunk-VWQH4WC2.cjs\";\nimport \"./chunk-KTYIOXL5.cjs\";\nimport \"./chunk-7XIBNEI7.cjs\";\nimport \"./chunk-TGMR2CKU.cjs\";\nexport {\n DocumentEditor_default as default\n};\n//# sourceMappingURL=DocumentEditor-I5GCRBKU.cjs.map\n"],
|
|
5
5
|
"mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAEO;AACP,4BAAO;AACP,4BAAO;AACP,4BAAO;AACP,4BAAO;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -16,16 +16,16 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
16
16
|
return to;
|
|
17
17
|
};
|
|
18
18
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
|
-
var
|
|
20
|
-
__export(
|
|
21
|
-
MarkdownEditor: () =>
|
|
22
|
-
default: () =>
|
|
19
|
+
var MarkdownEditor_UE23H75V_exports = {};
|
|
20
|
+
__export(MarkdownEditor_UE23H75V_exports, {
|
|
21
|
+
MarkdownEditor: () => import_chunk_7XIBNEI7.MarkdownEditor,
|
|
22
|
+
default: () => import_chunk_7XIBNEI7.MarkdownEditor_default
|
|
23
23
|
});
|
|
24
|
-
module.exports = __toCommonJS(
|
|
25
|
-
var
|
|
24
|
+
module.exports = __toCommonJS(MarkdownEditor_UE23H75V_exports);
|
|
25
|
+
var import_chunk_7XIBNEI7 = require("./chunk-7XIBNEI7.cjs");
|
|
26
26
|
var import_chunk_TGMR2CKU = require("./chunk-TGMR2CKU.cjs");
|
|
27
27
|
// Annotate the CommonJS export names for ESM import in node:
|
|
28
28
|
0 && (module.exports = {
|
|
29
29
|
MarkdownEditor
|
|
30
30
|
});
|
|
31
|
-
//# sourceMappingURL=MarkdownEditor-
|
|
31
|
+
//# sourceMappingURL=MarkdownEditor-UE23H75V.cjs.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["MarkdownEditor-
|
|
4
|
-
"sourcesContent": ["import {\n MarkdownEditor,\n MarkdownEditor_default\n} from \"./chunk-
|
|
3
|
+
"sources": ["MarkdownEditor-UE23H75V.cjs"],
|
|
4
|
+
"sourcesContent": ["import {\n MarkdownEditor,\n MarkdownEditor_default\n} from \"./chunk-7XIBNEI7.cjs\";\nimport \"./chunk-TGMR2CKU.cjs\";\nexport {\n MarkdownEditor,\n MarkdownEditor_default as default\n};\n//# sourceMappingURL=MarkdownEditor-UE23H75V.cjs.map\n"],
|
|
5
5
|
"mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAGO;AACP,4BAAO;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -26,12 +26,12 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
|
|
|
26
26
|
mod
|
|
27
27
|
));
|
|
28
28
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
29
|
-
var
|
|
30
|
-
__export(
|
|
29
|
+
var chunk_7XIBNEI7_exports = {};
|
|
30
|
+
__export(chunk_7XIBNEI7_exports, {
|
|
31
31
|
MarkdownEditor: () => MarkdownEditor,
|
|
32
32
|
MarkdownEditor_default: () => MarkdownEditor_default
|
|
33
33
|
});
|
|
34
|
-
module.exports = __toCommonJS(
|
|
34
|
+
module.exports = __toCommonJS(chunk_7XIBNEI7_exports);
|
|
35
35
|
var import_chunk_TGMR2CKU = require("./chunk-TGMR2CKU.cjs");
|
|
36
36
|
var import_search = require("@codemirror/search");
|
|
37
37
|
var import_view = require("@codemirror/view");
|
|
@@ -72,6 +72,7 @@ var MarkdownEditor = ({ id, role = "article", initialValue, extensions, extensio
|
|
|
72
72
|
const commentClickObserver = (0, import_react_ui_editor.useCommentClickListener)(onCommentClick);
|
|
73
73
|
(0, import_app_framework.useIntentResolver)(import_chunk_TGMR2CKU.MARKDOWN_PLUGIN, ({ action, data }) => {
|
|
74
74
|
switch (action) {
|
|
75
|
+
// TODO(burdon): Use fully qualified ids everywhere.
|
|
75
76
|
case import_app_framework.LayoutAction.SCROLL_INTO_VIEW: {
|
|
76
77
|
if (editorView && data?.id === id && data?.cursor) {
|
|
77
78
|
const range = import_react_ui_editor.Cursor.getRangeFromCursor(editorView.state, data.cursor);
|
|
@@ -129,6 +130,7 @@ var MarkdownEditor = ({ id, role = "article", initialValue, extensions, extensio
|
|
|
129
130
|
}),
|
|
130
131
|
(0, import_react_ui_editor.createThemeExtensions)({
|
|
131
132
|
themeMode,
|
|
133
|
+
syntaxHighlighting: true,
|
|
132
134
|
slots: {
|
|
133
135
|
content: {
|
|
134
136
|
className: import_react_ui_editor.editorContent
|
|
@@ -233,4 +235,4 @@ var MarkdownEditor_default = MarkdownEditor;
|
|
|
233
235
|
MarkdownEditor,
|
|
234
236
|
MarkdownEditor_default
|
|
235
237
|
});
|
|
236
|
-
//# sourceMappingURL=chunk-
|
|
238
|
+
//# sourceMappingURL=chunk-7XIBNEI7.cjs.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
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({
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,oBAAgC;AAChC,kBAA2B;AAC3B,mBAAuD;AAEvD,2BAQO;AACP,8BAAqC;AACrC,sBAAgD;AAChD,6BAqBO;AACP,4BAAqC;AACrC,4BAA8C;AAC9C,kBAA4B;AAK5B,IAAMA,wBAAoBC,0BACxB,+FACA,4CAAA;AAGF,IAAMC,oBAAoC;AAenC,IAAMC,iBAAiB,CAAC,EAC7BC,IACAC,OAAO,WACPC,cACAC,YACAC,oBACAC,eACAC,UACAC,WACAC,SACAC,UACAC,cACAC,iBAAgB,MACI;AACpB,QAAM,EAAEC,EAAC,QAAKC,gCAAeC,qCAAAA;AAC7B,QAAM,EAAEC,UAAS,QAAKC,iCAAAA;AACtB,QAAMC,eAAWC,0CAAAA;AACjB,QAAMC,sBAAkBC,uCAAiBC,4CAAAA;AACzC,QAAMC,mBAAeF,uCAAiBG,sCAAAA;AACtC,QAAMC,WAAWC,MAAMC,KAAKP,iBAAiBQ,SAASC,WAAWJ,YAAY,CAAA,CAAE;AAC/E,QAAMK,qBAAqBL,SAASM,WAAW,KAAKN,SAAS,CAAA,MAAOxB;AACpE,QAAM,CAAC+B,iBAAiBC,kBAAAA,QAAsBC,2CAAAA;AAG9C,QAAMC,yBAAqBC,sBAAQ,MAAM/B,oBAAoBgC,IAAI,CAACC,aAAaA,SAAS,CAAC,CAAA,CAAA,GAAK;IAACjC;GAAmB;AAGlH,QAAM,CAACkC,eAAeC,eAAAA,QAAmBC,wCAAAA;AACzC,QAAMC,qBAAiBC,0BAAY,MAAA;AACjC,SAAKzB,SAAS;MAAE0B,QAAQC,kCAAaC;MAAYC,MAAM;QAAEC,SAAS;QAAiBC,OAAO;MAAK;IAAE,CAAA;EACnG,GAAG;IAAC/B;GAAS;AACb,QAAMgC,2BAAuBC,gDAAwBT,cAAAA;AAGrDU,8CAAkBrC,uCAAiB,CAAC,EAAE6B,QAAQG,KAAI,MAAE;AAClD,YAAQH,QAAAA
|
|
6
|
-
"names": ["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", "slots", "content", "className", "editorContent", "editorGutter", "dropFile", "onDrop", "filter", "nonNullable", "autoFocus", "layout", "moveToEndOfLine", "useTest", "handleToolbarAction", "useActionHandler", "handleAction", "openSearchPanel", "React", "div", "Toolbar", "Root", "classNames", "textBlockWidth", "sectionToolbarLayout", "onAction", "Markdown", "Custom", "onUpload", "Separator", "View", "mode", "Actions", "ref", "data-testid", "data-toolbar", "focusRing", "useEffect", "composer", "window"]
|
|
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": ["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", "React", "div", "Toolbar", "Root", "classNames", "textBlockWidth", "sectionToolbarLayout", "onAction", "Markdown", "Custom", "onUpload", "Separator", "View", "mode", "Actions", "ref", "data-testid", "data-toolbar", "focusRing", "useEffect", "composer", "window"]
|
|
7
7
|
}
|
|
@@ -26,8 +26,8 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
|
|
|
26
26
|
mod
|
|
27
27
|
));
|
|
28
28
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
29
|
-
var
|
|
30
|
-
__export(
|
|
29
|
+
var chunk_RVGN72IX_exports = {};
|
|
30
|
+
__export(chunk_RVGN72IX_exports, {
|
|
31
31
|
DocumentEditor_default: () => DocumentEditor_default,
|
|
32
32
|
getFallbackName: () => getFallbackName,
|
|
33
33
|
isMarkdownProperties: () => isMarkdownProperties,
|
|
@@ -35,10 +35,10 @@ __export(chunk_CIIALZRA_exports, {
|
|
|
35
35
|
serializer: () => serializer,
|
|
36
36
|
setFallbackName: () => setFallbackName
|
|
37
37
|
});
|
|
38
|
-
module.exports = __toCommonJS(
|
|
38
|
+
module.exports = __toCommonJS(chunk_RVGN72IX_exports);
|
|
39
39
|
var import_chunk_VWQH4WC2 = require("./chunk-VWQH4WC2.cjs");
|
|
40
40
|
var import_chunk_KTYIOXL5 = require("./chunk-KTYIOXL5.cjs");
|
|
41
|
-
var
|
|
41
|
+
var import_chunk_7XIBNEI7 = require("./chunk-7XIBNEI7.cjs");
|
|
42
42
|
var import_react = __toESM(require("react"));
|
|
43
43
|
var import_app_framework = require("@dxos/app-framework");
|
|
44
44
|
var import_echo = require("@dxos/react-client/echo");
|
|
@@ -163,7 +163,7 @@ var DocumentEditor = ({ document: doc, extensionProviders = [], viewMode, settin
|
|
|
163
163
|
fileManagerPlugin,
|
|
164
164
|
space
|
|
165
165
|
]);
|
|
166
|
-
return /* @__PURE__ */ import_react.default.createElement(
|
|
166
|
+
return /* @__PURE__ */ import_react.default.createElement(import_chunk_7XIBNEI7.MarkdownEditor_default, {
|
|
167
167
|
id,
|
|
168
168
|
initialValue,
|
|
169
169
|
extensions,
|
|
@@ -186,4 +186,4 @@ var DocumentEditor_default = DocumentEditor;
|
|
|
186
186
|
serializer,
|
|
187
187
|
setFallbackName
|
|
188
188
|
});
|
|
189
|
-
//# sourceMappingURL=chunk-
|
|
189
|
+
//# sourceMappingURL=chunk-RVGN72IX.cjs.map
|
package/dist/lib/node/index.cjs
CHANGED
|
@@ -33,18 +33,18 @@ __export(node_exports, {
|
|
|
33
33
|
MarkdownPlugin: () => MarkdownPlugin,
|
|
34
34
|
TextType: () => import_chunk_VWQH4WC2.TextType,
|
|
35
35
|
default: () => src_default,
|
|
36
|
-
getFallbackName: () =>
|
|
37
|
-
isMarkdownProperties: () =>
|
|
38
|
-
markdownExtensionPlugins: () =>
|
|
39
|
-
serializer: () =>
|
|
40
|
-
setFallbackName: () =>
|
|
36
|
+
getFallbackName: () => import_chunk_RVGN72IX.getFallbackName,
|
|
37
|
+
isMarkdownProperties: () => import_chunk_RVGN72IX.isMarkdownProperties,
|
|
38
|
+
markdownExtensionPlugins: () => import_chunk_RVGN72IX.markdownExtensionPlugins,
|
|
39
|
+
serializer: () => import_chunk_RVGN72IX.serializer,
|
|
40
|
+
setFallbackName: () => import_chunk_RVGN72IX.setFallbackName
|
|
41
41
|
});
|
|
42
42
|
module.exports = __toCommonJS(node_exports);
|
|
43
43
|
var import_chunk_Q4ZSCBQE = require("./chunk-Q4ZSCBQE.cjs");
|
|
44
|
-
var
|
|
44
|
+
var import_chunk_RVGN72IX = require("./chunk-RVGN72IX.cjs");
|
|
45
45
|
var import_chunk_VWQH4WC2 = require("./chunk-VWQH4WC2.cjs");
|
|
46
46
|
var import_chunk_KTYIOXL5 = require("./chunk-KTYIOXL5.cjs");
|
|
47
|
-
var
|
|
47
|
+
var import_chunk_7XIBNEI7 = require("./chunk-7XIBNEI7.cjs");
|
|
48
48
|
var import_chunk_TGMR2CKU = require("./chunk-TGMR2CKU.cjs");
|
|
49
49
|
var import_react = require("@phosphor-icons/react");
|
|
50
50
|
var import_react2 = __toESM(require("react"));
|
|
@@ -133,8 +133,8 @@ var MarkdownSettings = ({ settings }) => {
|
|
|
133
133
|
})));
|
|
134
134
|
};
|
|
135
135
|
var DocumentCard = import_react3.default.lazy(() => import("./DocumentCard-EHJDDSRY.cjs"));
|
|
136
|
-
var DocumentEditor = import_react3.default.lazy(() => import("./DocumentEditor-
|
|
137
|
-
var MarkdownEditor = import_react3.default.lazy(() => import("./MarkdownEditor-
|
|
136
|
+
var DocumentEditor = import_react3.default.lazy(() => import("./DocumentEditor-I5GCRBKU.cjs"));
|
|
137
|
+
var MarkdownEditor = import_react3.default.lazy(() => import("./MarkdownEditor-UE23H75V.cjs"));
|
|
138
138
|
var translations_default = [
|
|
139
139
|
{
|
|
140
140
|
"en-US": {
|
|
@@ -173,6 +173,7 @@ var MarkdownPlugin = () => {
|
|
|
173
173
|
const settings = new import_local_storage.LocalStorageStore(import_chunk_TGMR2CKU.MARKDOWN_PLUGIN, {
|
|
174
174
|
defaultViewMode: "preview",
|
|
175
175
|
toolbar: true,
|
|
176
|
+
folding: false,
|
|
176
177
|
experimental: false
|
|
177
178
|
});
|
|
178
179
|
const state = new import_local_storage.LocalStorageStore(import_chunk_TGMR2CKU.MARKDOWN_PLUGIN, {
|
|
@@ -234,7 +235,7 @@ var MarkdownPlugin = () => {
|
|
|
234
235
|
storageKey: "view-mode",
|
|
235
236
|
type: import_local_storage.LocalStorageStore.json()
|
|
236
237
|
});
|
|
237
|
-
(0,
|
|
238
|
+
(0, import_chunk_RVGN72IX.markdownExtensionPlugins)(plugins).forEach((plugin) => {
|
|
238
239
|
const { extensions } = plugin.provides.markdown;
|
|
239
240
|
state.values.extensionProviders.push(extensions);
|
|
240
241
|
});
|
|
@@ -261,7 +262,7 @@ var MarkdownPlugin = () => {
|
|
|
261
262
|
doc2.content,
|
|
262
263
|
...doc2.threads
|
|
263
264
|
]),
|
|
264
|
-
serializer:
|
|
265
|
+
serializer: import_chunk_RVGN72IX.serializer
|
|
265
266
|
}
|
|
266
267
|
}
|
|
267
268
|
},
|
|
@@ -412,7 +413,7 @@ var MarkdownPlugin = () => {
|
|
|
412
413
|
if (!accessor) {
|
|
413
414
|
import_log.log.warn("No accessor found for document content.", void 0, {
|
|
414
415
|
F: __dxlog_file,
|
|
415
|
-
L:
|
|
416
|
+
L: 250,
|
|
416
417
|
S: void 0,
|
|
417
418
|
C: (f, a) => f(...a)
|
|
418
419
|
});
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/MarkdownPlugin.tsx", "../../../src/components/index.ts", "../../../src/components/HeadingMenu.tsx", "../../../src/components/Layout.tsx", "../../../src/components/MarkdownSettings.tsx", "../../../src/translations.ts", "../../../src/index.ts"],
|
|
4
|
-
"sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { type IconProps, TextAa } from '@phosphor-icons/react';\nimport React, { type Ref } from 'react';\n\nimport {\n isObject,\n parseIntentPlugin,\n resolvePlugin,\n LayoutAction,\n type LayoutCoordinate,\n NavigationAction,\n type PluginDefinition,\n} from '@dxos/app-framework';\nimport { create } from '@dxos/echo-schema';\nimport { LocalStorageStore } from '@dxos/local-storage';\nimport { log } from '@dxos/log';\nimport { parseClientPlugin } from '@dxos/plugin-client';\nimport { type ActionGroup, createExtension, isActionGroup } from '@dxos/plugin-graph';\nimport { SpaceAction } from '@dxos/plugin-space';\nimport { CollectionType } from '@dxos/plugin-space/types';\nimport {\n createDocAccessor,\n fullyQualifiedId,\n getRangeFromCursor,\n isSpace,\n loadObjectReferences,\n} from '@dxos/react-client/echo';\nimport {\n type EditorInputMode,\n type EditorViewMode,\n EditorViewModes,\n translations as editorTranslations,\n} from '@dxos/react-ui-editor';\nimport { isTileComponentProps } from '@dxos/react-ui-mosaic';\n\nimport { type DocumentItemProps, DocumentCard, DocumentEditor, MarkdownEditor, MarkdownSettings } from './components';\nimport meta, { MARKDOWN_PLUGIN } from './meta';\nimport translations from './translations';\nimport { DocumentType, TextType } from './types';\nimport {\n type MarkdownPluginProvides,\n type MarkdownSettingsProps,\n MarkdownAction,\n type MarkdownPluginState,\n} from './types';\nimport { markdownExtensionPlugins, serializer } from './util';\n\n/**\n * Checks if an object conforms to the interface needed to render an editor.\n */\nconst isEditorModel = (data: any): data is { id: string; text: string } => {\n return (\n data &&\n typeof data === 'object' &&\n 'id' in data &&\n typeof data.id === 'string' &&\n 'text' in data &&\n typeof data.text === 'string'\n );\n};\n\nexport const MarkdownPlugin = (): PluginDefinition<MarkdownPluginProvides> => {\n const settings = new LocalStorageStore<MarkdownSettingsProps>(MARKDOWN_PLUGIN, {\n defaultViewMode: 'preview',\n toolbar: true,\n experimental: false,\n });\n\n const state = new LocalStorageStore<MarkdownPluginState>(MARKDOWN_PLUGIN, { extensionProviders: [], viewMode: {} });\n\n const getViewMode = (id?: string) => {\n return (id && state.values.viewMode[id]) || settings.values.defaultViewMode;\n };\n\n const setViewMode = (id: string, nextViewMode: EditorViewMode) => {\n state.values.viewMode[id] = nextViewMode;\n };\n\n return {\n meta,\n ready: async (plugins) => {\n settings\n .prop({\n key: 'defaultViewMode',\n storageKey: 'default-view-mode',\n type: LocalStorageStore.enum<EditorViewMode>(),\n })\n .prop({\n key: 'editorInputMode',\n storageKey: 'editor-mode',\n type: LocalStorageStore.enum<EditorInputMode>({ allowUndefined: true }),\n })\n .prop({ key: 'toolbar', type: LocalStorageStore.bool({ allowUndefined: true }) })\n .prop({ key: 'experimental', type: LocalStorageStore.bool({ allowUndefined: true }) })\n .prop({ key: 'debug', type: LocalStorageStore.bool({ allowUndefined: true }) })\n .prop({ key: 'typewriter', type: LocalStorageStore.string({ allowUndefined: true }) })\n .prop({ key: 'numberedHeadings', type: LocalStorageStore.bool({ allowUndefined: true }) })\n .prop({ key: 'folding', type: LocalStorageStore.bool({ allowUndefined: true }) });\n\n state.prop({\n key: 'viewMode',\n storageKey: 'view-mode',\n type: LocalStorageStore.json<{ [key: string]: EditorViewMode }>(),\n });\n\n markdownExtensionPlugins(plugins).forEach((plugin) => {\n const { extensions } = plugin.provides.markdown;\n state.values.extensionProviders.push(extensions);\n });\n },\n provides: {\n settings: settings.values,\n metadata: {\n records: {\n [DocumentType.typename]: {\n label: (object: any) => (object instanceof DocumentType ? object.name ?? object.fallbackName : undefined),\n placeholder: ['document title placeholder', { ns: MARKDOWN_PLUGIN }],\n icon: (props: IconProps) => <TextAa {...props} />,\n iconSymbol: 'ph--text-aa--regular',\n graphProps: {\n managesAutofocus: true,\n },\n // TODO(wittjosiah): Move out of metadata.\n loadReferences: (doc: DocumentType) => loadObjectReferences(doc, (doc) => [doc.content, ...doc.threads]),\n serializer,\n },\n },\n },\n translations: [...translations, ...editorTranslations],\n echo: {\n schema: [DocumentType, TextType],\n },\n graph: {\n builder: (plugins) => {\n const client = resolvePlugin(plugins, parseClientPlugin)?.provides.client;\n const dispatch = resolvePlugin(plugins, parseIntentPlugin)?.provides.intent.dispatch;\n if (!client || !dispatch) {\n return [];\n }\n\n return createExtension({\n id: MarkdownAction.CREATE,\n filter: (node): node is ActionGroup => isActionGroup(node) && node.id.startsWith(SpaceAction.ADD_OBJECT),\n actions: ({ node }) => {\n const id = node.id.split('/').at(-1);\n const [spaceId, objectId] = id?.split(':') ?? [];\n const space = client.spaces.get().find((space) => space.id === spaceId);\n const object = objectId && space?.db.getObjectById(objectId);\n const target = objectId ? object : space;\n if (!target) {\n return;\n }\n\n return [\n {\n id: `${MARKDOWN_PLUGIN}/create/${node.id}`,\n data: async () => {\n await dispatch([\n { plugin: MARKDOWN_PLUGIN, action: MarkdownAction.CREATE },\n { action: SpaceAction.ADD_OBJECT, data: { target } },\n { action: NavigationAction.OPEN },\n ]);\n },\n properties: {\n label: ['create document label', { ns: MARKDOWN_PLUGIN }],\n icon: (props: IconProps) => <TextAa {...props} />,\n iconSymbol: 'ph--text-aa--regular',\n testId: 'markdownPlugin.createObject',\n },\n },\n ];\n },\n });\n },\n serializer: (plugins) => {\n const dispatch = resolvePlugin(plugins, parseIntentPlugin)?.provides.intent.dispatch;\n if (!dispatch) {\n return [];\n }\n return [\n {\n inputType: DocumentType.typename,\n outputType: 'text/markdown',\n // Reconcile with metadata serializers.\n serialize: async (node) => {\n const doc = node.data;\n const content = await loadObjectReferences(doc, (doc) => doc.content);\n return {\n name:\n doc.name ||\n doc.fallbackName ||\n translations[0]['en-US'][MARKDOWN_PLUGIN]['document title placeholder'],\n data: content.content,\n type: 'text/markdown',\n };\n },\n deserialize: async (data, ancestors) => {\n const space = ancestors.find(isSpace);\n const target =\n ancestors.findLast((ancestor) => ancestor instanceof CollectionType) ??\n space?.properties[CollectionType.typename];\n if (!space || !target) {\n return;\n }\n\n const result = await dispatch([\n {\n plugin: MARKDOWN_PLUGIN,\n action: MarkdownAction.CREATE,\n data: { name: data.name, content: data.data },\n },\n {\n action: SpaceAction.ADD_OBJECT,\n data: { target },\n },\n ]);\n\n return result?.data.object;\n },\n },\n ];\n },\n },\n stack: {\n creators: [\n {\n id: 'create-stack-section-doc',\n testId: 'markdownPlugin.createSection',\n type: ['plugin name', { ns: MARKDOWN_PLUGIN }],\n label: ['create stack section label', { ns: MARKDOWN_PLUGIN }],\n icon: (props: any) => <TextAa {...props} />,\n intent: {\n plugin: MARKDOWN_PLUGIN,\n action: MarkdownAction.CREATE,\n },\n },\n ],\n },\n thread: {\n // TODO(Zan): How to better handle the type predicate?\n predicate: (obj) => obj instanceof DocumentType,\n createSort: (doc: DocumentType) => {\n const accessor = doc.content ? createDocAccessor(doc.content, ['content']) : undefined;\n\n if (!accessor) {\n log.warn('No accessor found for document content.');\n return (_) => 0;\n }\n\n const getStartPosition = (cursor: string | undefined) => {\n const range = cursor ? getRangeFromCursor(accessor, cursor) : undefined;\n return range?.start ?? Number.MAX_SAFE_INTEGER;\n };\n\n return (anchorA: string, anchorB: string) => getStartPosition(anchorA) - getStartPosition(anchorB);\n },\n },\n surface: {\n component: ({ data, role, ...props }, forwardedRef) => {\n const doc =\n data.active instanceof DocumentType\n ? data.active\n : data.object instanceof DocumentType\n ? data.object\n : undefined;\n\n switch (role) {\n case 'section':\n case 'article': {\n if (doc && doc.content) {\n return (\n <DocumentEditor\n role={role}\n coordinate={data.coordinate as LayoutCoordinate}\n document={doc}\n extensionProviders={state.values.extensionProviders}\n settings={settings.values}\n scrollPastEnd\n viewMode={getViewMode(fullyQualifiedId(doc))}\n onViewModeChange={setViewMode}\n />\n );\n } else if (isEditorModel(data.object)) {\n return (\n <MarkdownEditor\n id={data.object.id}\n role={role}\n coordinate={data.coordinate as LayoutCoordinate}\n initialValue={data.object.text}\n extensionProviders={state.values.extensionProviders}\n inputMode={settings.values.editorInputMode}\n toolbar={settings.values.toolbar}\n scrollPastEnd\n viewMode={getViewMode(data.object.id)}\n onViewModeChange={setViewMode}\n />\n );\n }\n break;\n }\n\n case 'card': {\n if (\n isObject(data.content) &&\n typeof data.content.id === 'string' &&\n data.content.object instanceof DocumentType\n ) {\n // isTileComponentProps is a type guard for these props.\n // `props` will not pass this guard without transforming `data` into `item`.\n const cardProps = {\n ...props,\n item: {\n id: data.content.id,\n object: data.content.object,\n color: typeof data.content.color === 'string' ? data.content.color : undefined,\n } as DocumentItemProps,\n };\n\n return isTileComponentProps(cardProps) ? (\n <DocumentCard {...cardProps} settings={settings.values} ref={forwardedRef as Ref<HTMLDivElement>} />\n ) : null;\n }\n break;\n }\n\n case 'settings': {\n return data.plugin === meta.id ? <MarkdownSettings settings={settings.values} /> : null;\n }\n }\n\n return null;\n },\n },\n intent: {\n resolver: ({ action, data }) => {\n switch (action) {\n case MarkdownAction.CREATE: {\n const doc = create(DocumentType, {\n name: data?.name,\n content: create(TextType, { content: data?.content ?? '' }),\n threads: [],\n });\n\n return {\n data: doc,\n intents: [[{ action: LayoutAction.SCROLL_INTO_VIEW, data: { id: fullyQualifiedId(doc) } }]],\n };\n }\n\n case MarkdownAction.SET_VIEW_MODE: {\n const { id, viewMode } = data ?? {};\n if (typeof id === 'string' && EditorViewModes.includes(viewMode)) {\n state.values.viewMode[id] = viewMode;\n return { data: true };\n }\n\n break;\n }\n }\n },\n },\n },\n };\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { type LazyExoticComponent } from 'react';\n\nimport { type DocumentEditor as DocumentEditorType } from './DocumentEditor';\n\nexport { type DocumentCardProps, type DocumentItemProps } from './DocumentCard';\n\nexport * from './DocumentCard';\nexport * from './DocumentEditor';\nexport * from './MarkdownEditor';\nexport * from './HeadingMenu';\nexport * from './Layout';\nexport * from './MarkdownSettings';\n\n// Lazily load components for content surfaces.\nexport const DocumentCard = React.lazy(() => import('./DocumentCard'));\nexport const DocumentEditor: LazyExoticComponent<DocumentEditorType> = React.lazy(() => import('./DocumentEditor'));\nexport const MarkdownEditor = React.lazy(() => import('./MarkdownEditor'));\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { DotsThreeVertical } from '@phosphor-icons/react';\nimport React, { type PropsWithChildren, type FC } from 'react';\n\nimport { Surface } from '@dxos/app-framework';\nimport { Button, DropdownMenu } from '@dxos/react-ui';\nimport { fineButtonDimensions, getSize } from '@dxos/react-ui-theme';\n\nimport { type DocumentType, type MarkdownProperties } from '../types';\n\n// TODO(thure): This needs to be refactored into a graph node action.\nexport const DocumentHeadingMenu: FC<{ document: DocumentType }> = ({ document }) => {\n return <HeadingMenu properties={document} content={document.content?.content} />;\n};\n\n/**\n * Menu for the layout heading.\n */\nexport const HeadingMenu = ({\n content,\n properties,\n}: PropsWithChildren<{\n content: string | undefined;\n properties: MarkdownProperties;\n}>) => {\n return (\n <DropdownMenu.Root modal={false}>\n <DropdownMenu.Trigger asChild>\n <Button variant='ghost' classNames={fineButtonDimensions}>\n <DotsThreeVertical className={getSize(4)} />\n </Button>\n </DropdownMenu.Trigger>\n <DropdownMenu.Portal>\n <DropdownMenu.Content sideOffset={8} classNames='z-10'>\n <DropdownMenu.Viewport>\n <Surface data={{ content, properties }} role='menuitem' />\n </DropdownMenu.Viewport>\n <DropdownMenu.Arrow />\n </DropdownMenu.Content>\n </DropdownMenu.Portal>\n </DropdownMenu.Root>\n );\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { type PropsWithChildren } from 'react';\n\nimport { Main } from '@dxos/react-ui';\nimport { editorWithToolbarLayout } from '@dxos/react-ui-editor';\nimport { topbarBlockPaddingStart } from '@dxos/react-ui-theme';\n\nexport const MainLayout = ({ children, toolbar }: PropsWithChildren<{ toolbar?: boolean }>) => {\n return (\n <Main.Content\n bounce\n data-toolbar={toolbar ? 'enabled' : 'disabled'}\n classNames={[topbarBlockPaddingStart, editorWithToolbarLayout]}\n >\n {children}\n </Main.Content>\n );\n};\n\n// Used when the editor is embedded in another context (e.g., iframe) and has no topbar/sidebar/etc.\n// TODO(wittjosiah): What's the difference between this and Section/Card?\nexport const EmbeddedLayout = ({ children }: PropsWithChildren) => {\n return <Main.Content classNames='min-bs-[100dvh] grid p-0.5'>{children}</Main.Content>;\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport React from 'react';\n\nimport { SettingsValue } from '@dxos/plugin-settings';\nimport { Input, Select, useTranslation } from '@dxos/react-ui';\nimport { type EditorInputMode, EditorInputModes, type EditorViewMode, EditorViewModes } from '@dxos/react-ui-editor';\n\nimport { MARKDOWN_PLUGIN } from '../meta';\nimport { type MarkdownSettingsProps } from '../types';\n\nexport const MarkdownSettings = ({ settings }: { settings: MarkdownSettingsProps }) => {\n const { t } = useTranslation(MARKDOWN_PLUGIN);\n\n // TODO(wittjosiah): Add skill test confirmation for entering vim mode.\n return (\n <>\n <SettingsValue label={t('default view mode label')}>\n <Select.Root\n value={settings.defaultViewMode}\n onValueChange={(value) => {\n settings.defaultViewMode = value as EditorViewMode;\n }}\n >\n <Select.TriggerButton />\n <Select.Portal>\n <Select.Content>\n <Select.Viewport>\n {EditorViewModes.map((mode) => (\n <Select.Option key={mode} value={mode}>\n {t(`${mode} mode label`, { ns: 'react-ui-editor' })}\n </Select.Option>\n ))}\n </Select.Viewport>\n </Select.Content>\n </Select.Portal>\n </Select.Root>\n </SettingsValue>\n\n <SettingsValue label={t('editor input mode label')}>\n <Select.Root\n value={settings.editorInputMode ?? 'default'}\n onValueChange={(value) => {\n settings.editorInputMode = value as EditorInputMode;\n }}\n >\n <Select.TriggerButton placeholder={t('select editor input mode placeholder')} />\n <Select.Portal>\n <Select.Content>\n <Select.Viewport>\n {EditorInputModes.map((mode) => (\n <Select.Option key={mode} value={mode}>\n {t(`settings editor input mode ${mode} label`)}\n </Select.Option>\n ))}\n </Select.Viewport>\n </Select.Content>\n </Select.Portal>\n </Select.Root>\n </SettingsValue>\n\n <SettingsValue label={t('settings toolbar label')}>\n <Input.Switch checked={settings.toolbar} onCheckedChange={(checked) => (settings.toolbar = !!checked)} />\n </SettingsValue>\n\n <SettingsValue label={t('settings numbered headings label')}>\n <Input.Switch\n checked={settings.numberedHeadings}\n onCheckedChange={(checked) => (settings.numberedHeadings = !!checked)}\n />\n </SettingsValue>\n\n <SettingsValue label={t('settings folding label')}>\n <Input.Switch checked={settings.folding} onCheckedChange={(checked) => (settings.folding = !!checked)} />\n </SettingsValue>\n\n <SettingsValue label={t('settings experimental label')}>\n <Input.Switch\n checked={settings.experimental}\n onCheckedChange={(checked) => (settings.experimental = !!checked)}\n />\n </SettingsValue>\n\n <SettingsValue\n label={t('settings debug label')}\n secondary={\n settings.debug ? (\n <Input.Root>\n <Input.TextArea\n rows={5}\n value={settings.typewriter}\n onChange={({ target: { value } }) => (settings.typewriter = value)}\n placeholder={t('settings debug placeholder')}\n />\n </Input.Root>\n ) : undefined\n }\n >\n <Input.Switch checked={settings.debug} onCheckedChange={(checked) => (settings.debug = !!checked)} />\n </SettingsValue>\n </>\n );\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { MARKDOWN_PLUGIN } from './meta';\n\nexport default [\n {\n 'en-US': {\n [MARKDOWN_PLUGIN]: {\n 'plugin name': 'Editor',\n 'create stack section label': 'Create document',\n 'document title placeholder': 'New document',\n 'choose markdown from space dialog title': 'Choose one or more documents to add',\n // TODO(burdon): Style-guide for user-facing text (e.g., hints, questions, capitalization, etc.)\n 'empty choose markdown from space message': 'None available; try creating a new one instead?',\n 'chooser done label': 'Add selected',\n 'create document label': 'Create document',\n 'editor placeholder': 'New document',\n 'editor input mode label': 'Editor input mode',\n 'select editor input mode placeholder': 'Select editor input mode…',\n 'settings editor input mode default label': 'Default',\n 'settings editor input mode vim label': 'Vim',\n 'settings editor input mode vscode label': 'VS Code',\n 'settings toolbar label': 'Show toolbar',\n 'settings numbered headings label': 'Numbered headings',\n 'settings folding label': 'Folding',\n 'settings experimental label': 'Enable experimental features',\n 'settings debug label': 'Enable debugging features',\n 'settings debug placeholder': 'Typewriter script...',\n 'toggle view mode label': 'Toggle read-only',\n 'default view mode label': 'Default view mode',\n },\n },\n },\n];\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { MarkdownPlugin } from './MarkdownPlugin';\n\nexport default MarkdownPlugin;\n\nexport * from './MarkdownPlugin';\nexport * from './types';\nexport * from './util';\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,mBAAuC;AACvC,IAAAA,gBAAgC;AAEhC,2BAQO;AACP,yBAAuB;AACvB,2BAAkC;AAClC,iBAAoB;AACpB,2BAAkC;AAClC,0BAAiE;AACjE,0BAA4B;AAC5B,mBAA+B;AAC/B,kBAMO;AACP,6BAKO;AACP,6BAAqC;AChCrC,IAAAA,gBAAgD;ACAhD,IAAAA,gBAAkC;AAClC,IAAAA,gBAAuD;AAEvD,IAAAC,wBAAwB;AACxB,sBAAqC;AACrC,4BAA8C;ACL9C,IAAAD,gBAA8C;AAE9C,IAAAE,mBAAqB;AACrB,IAAAC,0BAAwC;AACxC,IAAAC,yBAAwC;ACJxC,IAAAJ,gBAAkB;AAElB,6BAA8B;AAC9B,IAAAE,mBAA8C;AAC9C,IAAAC,0BAA6F;AAKtF,IAAME,mBAAmB,CAAC,EAAEC,SAAQ,MAAuC;AAChF,QAAM,EAAEC,EAAC,QAAKC,iCAAeC,qCAAAA;AAG7B,SACEC,8BAAAA,QAAA,cAAAA,cAAAA,QAAA,UAAA,MACEA,8BAAAA,QAAA,cAACC,sCAAAA;IAAcC,OAAOL,EAAE,yBAAA;KACtBG,8BAAAA,QAAA,cAACG,wBAAOC,MAAI;IACVC,OAAOT,SAASU;IAChBC,eAAe,CAACF,UAAAA;AACdT,eAASU,kBAAkBD;IAC7B;KAEAL,8BAAAA,QAAA,cAACG,wBAAOK,eAAa,IAAA,GACrBR,8BAAAA,QAAA,cAACG,wBAAOM,QAAM,MACZT,8BAAAA,QAAA,cAACG,wBAAOO,SAAO,MACbV,8BAAAA,QAAA,cAACG,wBAAOQ,UAAQ,MACbC,wCAAgBC,IAAI,CAACC,SACpBd,8BAAAA,QAAA,cAACG,wBAAOY,QAAM;IAACC,KAAKF;IAAMT,OAAOS;KAC9BjB,EAAE,GAAGiB,IAAAA,eAAmB;IAAEG,IAAI;EAAkB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAS/DjB,8BAAAA,QAAA,cAACC,sCAAAA;IAAcC,OAAOL,EAAE,yBAAA;KACtBG,8BAAAA,QAAA,cAACG,wBAAOC,MAAI;IACVC,OAAOT,SAASsB,mBAAmB;IACnCX,eAAe,CAACF,UAAAA;AACdT,eAASsB,kBAAkBb;IAC7B;KAEAL,8BAAAA,QAAA,cAACG,wBAAOK,eAAa;IAACW,aAAatB,EAAE,sCAAA;MACrCG,8BAAAA,QAAA,cAACG,wBAAOM,QAAM,MACZT,8BAAAA,QAAA,cAACG,wBAAOO,SAAO,MACbV,8BAAAA,QAAA,cAACG,wBAAOQ,UAAQ,MACbS,yCAAiBP,IAAI,CAACC,SACrBd,8BAAAA,QAAA,cAACG,wBAAOY,QAAM;IAACC,KAAKF;IAAMT,OAAOS;KAC9BjB,EAAE,8BAA8BiB,IAAAA,QAAY,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAS3Dd,8BAAAA,QAAA,cAACC,sCAAAA;IAAcC,OAAOL,EAAE,wBAAA;KACtBG,8BAAAA,QAAA,cAACqB,uBAAMC,QAAM;IAACC,SAAS3B,SAAS4B;IAASC,iBAAiB,CAACF,YAAa3B,SAAS4B,UAAU,CAAC,CAACD;OAG/FvB,8BAAAA,QAAA,cAACC,sCAAAA;IAAcC,OAAOL,EAAE,kCAAA;KACtBG,8BAAAA,QAAA,cAACqB,uBAAMC,QAAM;IACXC,SAAS3B,SAAS8B;IAClBD,iBAAiB,CAACF,YAAa3B,SAAS8B,mBAAmB,CAAC,CAACH;OAIjEvB,8BAAAA,QAAA,cAACC,sCAAAA;IAAcC,OAAOL,EAAE,wBAAA;KACtBG,8BAAAA,QAAA,cAACqB,uBAAMC,QAAM;IAACC,SAAS3B,SAAS+B;IAASF,iBAAiB,CAACF,YAAa3B,SAAS+B,UAAU,CAAC,CAACJ;OAG/FvB,8BAAAA,QAAA,cAACC,sCAAAA;IAAcC,OAAOL,EAAE,6BAAA;KACtBG,8BAAAA,QAAA,cAACqB,uBAAMC,QAAM;IACXC,SAAS3B,SAASgC;IAClBH,iBAAiB,CAACF,YAAa3B,SAASgC,eAAe,CAAC,CAACL;OAI7DvB,8BAAAA,QAAA,cAACC,sCAAAA;IACCC,OAAOL,EAAE,sBAAA;IACTgC,WACEjC,SAASkC,QACP9B,8BAAAA,QAAA,cAACqB,uBAAMjB,MAAI,MACTJ,8BAAAA,QAAA,cAACqB,uBAAMU,UAAQ;MACbC,MAAM;MACN3B,OAAOT,SAASqC;MAChBC,UAAU,CAAC,EAAEC,QAAQ,EAAE9B,MAAK,EAAE,MAAQT,SAASqC,aAAa5B;MAC5Dc,aAAatB,EAAE,4BAAA;UAGjBuC;KAGNpC,8BAAAA,QAAA,cAACqB,uBAAMC,QAAM;IAACC,SAAS3B,SAASkC;IAAOL,iBAAiB,CAACF,YAAa3B,SAASkC,QAAQ,CAAC,CAACP;;AAIjG;AHtFO,IAAMc,eAAerC,cAAAA,QAAMsC,KAAK,MAAM,OAAO,6BAAA,CAAA;AAC7C,IAAMC,iBAA0DvC,cAAAA,QAAMsC,KAAK,MAAM,OAAO,+BAAA,CAAA;AACxF,IAAME,iBAAiBxC,cAAAA,QAAMsC,KAAK,MAAM,OAAO,+BAAA,CAAA;AIdtD,IAAA,uBAAe;EACb;IACE,SAAS;MACP,CAACvC,qCAAAA,GAAkB;QACjB,eAAe;QACf,8BAA8B;QAC9B,8BAA8B;QAC9B,2CAA2C;;QAE3C,4CAA4C;QAC5C,sBAAsB;QACtB,yBAAyB;QACzB,sBAAsB;QACtB,2BAA2B;QAC3B,wCAAwC;QACxC,4CAA4C;QAC5C,wCAAwC;QACxC,2CAA2C;QAC3C,0BAA0B;QAC1B,oCAAoC;QACpC,0BAA0B;QAC1B,+BAA+B;QAC/B,wBAAwB;QACxB,8BAA8B;QAC9B,0BAA0B;QAC1B,2BAA2B;MAC7B;IACF;EACF;;;ALmBF,IAAM0C,gBAAgB,CAACC,SAAAA;AACrB,SACEA,QACA,OAAOA,SAAS,YAChB,QAAQA,QACR,OAAOA,KAAKC,OAAO,YACnB,UAAUD,QACV,OAAOA,KAAKE,SAAS;AAEzB;AAEO,IAAMC,iBAAiB,MAAA;AAC5B,QAAMjD,WAAW,IAAIkD,uCAAyC/C,uCAAiB;IAC7EO,iBAAiB;IACjBkB,SAAS;
|
|
4
|
+
"sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { type IconProps, TextAa } from '@phosphor-icons/react';\nimport React, { type Ref } from 'react';\n\nimport {\n isObject,\n parseIntentPlugin,\n resolvePlugin,\n LayoutAction,\n type LayoutCoordinate,\n NavigationAction,\n type PluginDefinition,\n} from '@dxos/app-framework';\nimport { create } from '@dxos/echo-schema';\nimport { LocalStorageStore } from '@dxos/local-storage';\nimport { log } from '@dxos/log';\nimport { parseClientPlugin } from '@dxos/plugin-client';\nimport { type ActionGroup, createExtension, isActionGroup } from '@dxos/plugin-graph';\nimport { SpaceAction } from '@dxos/plugin-space';\nimport { CollectionType } from '@dxos/plugin-space/types';\nimport {\n createDocAccessor,\n fullyQualifiedId,\n getRangeFromCursor,\n isSpace,\n loadObjectReferences,\n} from '@dxos/react-client/echo';\nimport {\n type EditorInputMode,\n type EditorViewMode,\n EditorViewModes,\n translations as editorTranslations,\n} from '@dxos/react-ui-editor';\nimport { isTileComponentProps } from '@dxos/react-ui-mosaic';\n\nimport { type DocumentItemProps, DocumentCard, DocumentEditor, MarkdownEditor, MarkdownSettings } from './components';\nimport meta, { MARKDOWN_PLUGIN } from './meta';\nimport translations from './translations';\nimport { DocumentType, TextType } from './types';\nimport {\n type MarkdownPluginProvides,\n type MarkdownSettingsProps,\n MarkdownAction,\n type MarkdownPluginState,\n} from './types';\nimport { markdownExtensionPlugins, serializer } from './util';\n\n/**\n * Checks if an object conforms to the interface needed to render an editor.\n */\nconst isEditorModel = (data: any): data is { id: string; text: string } => {\n return (\n data &&\n typeof data === 'object' &&\n 'id' in data &&\n typeof data.id === 'string' &&\n 'text' in data &&\n typeof data.text === 'string'\n );\n};\n\nexport const MarkdownPlugin = (): PluginDefinition<MarkdownPluginProvides> => {\n const settings = new LocalStorageStore<MarkdownSettingsProps>(MARKDOWN_PLUGIN, {\n defaultViewMode: 'preview',\n toolbar: true,\n folding: false,\n experimental: false,\n });\n\n const state = new LocalStorageStore<MarkdownPluginState>(MARKDOWN_PLUGIN, { extensionProviders: [], viewMode: {} });\n\n const getViewMode = (id?: string) => {\n return (id && state.values.viewMode[id]) || settings.values.defaultViewMode;\n };\n\n const setViewMode = (id: string, nextViewMode: EditorViewMode) => {\n state.values.viewMode[id] = nextViewMode;\n };\n\n return {\n meta,\n ready: async (plugins) => {\n settings\n .prop({\n key: 'defaultViewMode',\n storageKey: 'default-view-mode',\n type: LocalStorageStore.enum<EditorViewMode>(),\n })\n .prop({\n key: 'editorInputMode',\n storageKey: 'editor-mode',\n type: LocalStorageStore.enum<EditorInputMode>({ allowUndefined: true }),\n })\n .prop({ key: 'toolbar', type: LocalStorageStore.bool({ allowUndefined: true }) })\n .prop({ key: 'experimental', type: LocalStorageStore.bool({ allowUndefined: true }) })\n .prop({ key: 'debug', type: LocalStorageStore.bool({ allowUndefined: true }) })\n .prop({ key: 'typewriter', type: LocalStorageStore.string({ allowUndefined: true }) })\n .prop({ key: 'numberedHeadings', type: LocalStorageStore.bool({ allowUndefined: true }) })\n .prop({ key: 'folding', type: LocalStorageStore.bool({ allowUndefined: true }) });\n\n state.prop({\n key: 'viewMode',\n storageKey: 'view-mode',\n type: LocalStorageStore.json<{ [key: string]: EditorViewMode }>(),\n });\n\n markdownExtensionPlugins(plugins).forEach((plugin) => {\n const { extensions } = plugin.provides.markdown;\n state.values.extensionProviders.push(extensions);\n });\n },\n provides: {\n settings: settings.values,\n metadata: {\n records: {\n [DocumentType.typename]: {\n label: (object: any) => (object instanceof DocumentType ? object.name ?? object.fallbackName : undefined),\n placeholder: ['document title placeholder', { ns: MARKDOWN_PLUGIN }],\n icon: (props: IconProps) => <TextAa {...props} />,\n iconSymbol: 'ph--text-aa--regular',\n graphProps: {\n managesAutofocus: true,\n },\n // TODO(wittjosiah): Move out of metadata.\n loadReferences: (doc: DocumentType) => loadObjectReferences(doc, (doc) => [doc.content, ...doc.threads]),\n serializer,\n },\n },\n },\n translations: [...translations, ...editorTranslations],\n echo: {\n schema: [DocumentType, TextType],\n },\n graph: {\n builder: (plugins) => {\n const client = resolvePlugin(plugins, parseClientPlugin)?.provides.client;\n const dispatch = resolvePlugin(plugins, parseIntentPlugin)?.provides.intent.dispatch;\n if (!client || !dispatch) {\n return [];\n }\n\n return createExtension({\n id: MarkdownAction.CREATE,\n filter: (node): node is ActionGroup => isActionGroup(node) && node.id.startsWith(SpaceAction.ADD_OBJECT),\n actions: ({ node }) => {\n const id = node.id.split('/').at(-1);\n const [spaceId, objectId] = id?.split(':') ?? [];\n const space = client.spaces.get().find((space) => space.id === spaceId);\n const object = objectId && space?.db.getObjectById(objectId);\n const target = objectId ? object : space;\n if (!target) {\n return;\n }\n\n return [\n {\n id: `${MARKDOWN_PLUGIN}/create/${node.id}`,\n data: async () => {\n await dispatch([\n { plugin: MARKDOWN_PLUGIN, action: MarkdownAction.CREATE },\n { action: SpaceAction.ADD_OBJECT, data: { target } },\n { action: NavigationAction.OPEN },\n ]);\n },\n properties: {\n label: ['create document label', { ns: MARKDOWN_PLUGIN }],\n icon: (props: IconProps) => <TextAa {...props} />,\n iconSymbol: 'ph--text-aa--regular',\n testId: 'markdownPlugin.createObject',\n },\n },\n ];\n },\n });\n },\n serializer: (plugins) => {\n const dispatch = resolvePlugin(plugins, parseIntentPlugin)?.provides.intent.dispatch;\n if (!dispatch) {\n return [];\n }\n return [\n {\n inputType: DocumentType.typename,\n outputType: 'text/markdown',\n // Reconcile with metadata serializers.\n serialize: async (node) => {\n const doc = node.data;\n const content = await loadObjectReferences(doc, (doc) => doc.content);\n return {\n name:\n doc.name ||\n doc.fallbackName ||\n translations[0]['en-US'][MARKDOWN_PLUGIN]['document title placeholder'],\n data: content.content,\n type: 'text/markdown',\n };\n },\n deserialize: async (data, ancestors) => {\n const space = ancestors.find(isSpace);\n const target =\n ancestors.findLast((ancestor) => ancestor instanceof CollectionType) ??\n space?.properties[CollectionType.typename];\n if (!space || !target) {\n return;\n }\n\n const result = await dispatch([\n {\n plugin: MARKDOWN_PLUGIN,\n action: MarkdownAction.CREATE,\n data: { name: data.name, content: data.data },\n },\n {\n action: SpaceAction.ADD_OBJECT,\n data: { target },\n },\n ]);\n\n return result?.data.object;\n },\n },\n ];\n },\n },\n stack: {\n creators: [\n {\n id: 'create-stack-section-doc',\n testId: 'markdownPlugin.createSection',\n type: ['plugin name', { ns: MARKDOWN_PLUGIN }],\n label: ['create stack section label', { ns: MARKDOWN_PLUGIN }],\n icon: (props: any) => <TextAa {...props} />,\n intent: {\n plugin: MARKDOWN_PLUGIN,\n action: MarkdownAction.CREATE,\n },\n },\n ],\n },\n thread: {\n // TODO(Zan): How to better handle the type predicate?\n predicate: (obj) => obj instanceof DocumentType,\n createSort: (doc: DocumentType) => {\n const accessor = doc.content ? createDocAccessor(doc.content, ['content']) : undefined;\n\n if (!accessor) {\n log.warn('No accessor found for document content.');\n return (_) => 0;\n }\n\n const getStartPosition = (cursor: string | undefined) => {\n const range = cursor ? getRangeFromCursor(accessor, cursor) : undefined;\n return range?.start ?? Number.MAX_SAFE_INTEGER;\n };\n\n return (anchorA: string, anchorB: string) => getStartPosition(anchorA) - getStartPosition(anchorB);\n },\n },\n surface: {\n component: ({ data, role, ...props }, forwardedRef) => {\n const doc =\n data.active instanceof DocumentType\n ? data.active\n : data.object instanceof DocumentType\n ? data.object\n : undefined;\n\n switch (role) {\n case 'section':\n case 'article': {\n if (doc && doc.content) {\n return (\n <DocumentEditor\n role={role}\n coordinate={data.coordinate as LayoutCoordinate}\n document={doc}\n extensionProviders={state.values.extensionProviders}\n settings={settings.values}\n scrollPastEnd\n viewMode={getViewMode(fullyQualifiedId(doc))}\n onViewModeChange={setViewMode}\n />\n );\n } else if (isEditorModel(data.object)) {\n return (\n <MarkdownEditor\n id={data.object.id}\n role={role}\n coordinate={data.coordinate as LayoutCoordinate}\n initialValue={data.object.text}\n extensionProviders={state.values.extensionProviders}\n inputMode={settings.values.editorInputMode}\n toolbar={settings.values.toolbar}\n scrollPastEnd\n viewMode={getViewMode(data.object.id)}\n onViewModeChange={setViewMode}\n />\n );\n }\n break;\n }\n\n case 'card': {\n if (\n isObject(data.content) &&\n typeof data.content.id === 'string' &&\n data.content.object instanceof DocumentType\n ) {\n // isTileComponentProps is a type guard for these props.\n // `props` will not pass this guard without transforming `data` into `item`.\n const cardProps = {\n ...props,\n item: {\n id: data.content.id,\n object: data.content.object,\n color: typeof data.content.color === 'string' ? data.content.color : undefined,\n } as DocumentItemProps,\n };\n\n return isTileComponentProps(cardProps) ? (\n <DocumentCard {...cardProps} settings={settings.values} ref={forwardedRef as Ref<HTMLDivElement>} />\n ) : null;\n }\n break;\n }\n\n case 'settings': {\n return data.plugin === meta.id ? <MarkdownSettings settings={settings.values} /> : null;\n }\n }\n\n return null;\n },\n },\n intent: {\n resolver: ({ action, data }) => {\n switch (action) {\n case MarkdownAction.CREATE: {\n const doc = create(DocumentType, {\n name: data?.name,\n content: create(TextType, { content: data?.content ?? '' }),\n threads: [],\n });\n\n return {\n data: doc,\n intents: [[{ action: LayoutAction.SCROLL_INTO_VIEW, data: { id: fullyQualifiedId(doc) } }]],\n };\n }\n\n case MarkdownAction.SET_VIEW_MODE: {\n const { id, viewMode } = data ?? {};\n if (typeof id === 'string' && EditorViewModes.includes(viewMode)) {\n state.values.viewMode[id] = viewMode;\n return { data: true };\n }\n\n break;\n }\n }\n },\n },\n },\n };\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { type LazyExoticComponent } from 'react';\n\nimport { type DocumentEditor as DocumentEditorType } from './DocumentEditor';\n\nexport { type DocumentCardProps, type DocumentItemProps } from './DocumentCard';\n\nexport * from './DocumentCard';\nexport * from './DocumentEditor';\nexport * from './MarkdownEditor';\nexport * from './HeadingMenu';\nexport * from './Layout';\nexport * from './MarkdownSettings';\n\n// Lazily load components for content surfaces.\nexport const DocumentCard = React.lazy(() => import('./DocumentCard'));\nexport const DocumentEditor: LazyExoticComponent<DocumentEditorType> = React.lazy(() => import('./DocumentEditor'));\nexport const MarkdownEditor = React.lazy(() => import('./MarkdownEditor'));\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { DotsThreeVertical } from '@phosphor-icons/react';\nimport React, { type PropsWithChildren, type FC } from 'react';\n\nimport { Surface } from '@dxos/app-framework';\nimport { Button, DropdownMenu } from '@dxos/react-ui';\nimport { fineButtonDimensions, getSize } from '@dxos/react-ui-theme';\n\nimport { type DocumentType, type MarkdownProperties } from '../types';\n\n// TODO(thure): This needs to be refactored into a graph node action.\nexport const DocumentHeadingMenu: FC<{ document: DocumentType }> = ({ document }) => {\n return <HeadingMenu properties={document} content={document.content?.content} />;\n};\n\n/**\n * Menu for the layout heading.\n */\nexport const HeadingMenu = ({\n content,\n properties,\n}: PropsWithChildren<{\n content: string | undefined;\n properties: MarkdownProperties;\n}>) => {\n return (\n <DropdownMenu.Root modal={false}>\n <DropdownMenu.Trigger asChild>\n <Button variant='ghost' classNames={fineButtonDimensions}>\n <DotsThreeVertical className={getSize(4)} />\n </Button>\n </DropdownMenu.Trigger>\n <DropdownMenu.Portal>\n <DropdownMenu.Content sideOffset={8} classNames='z-10'>\n <DropdownMenu.Viewport>\n <Surface data={{ content, properties }} role='menuitem' />\n </DropdownMenu.Viewport>\n <DropdownMenu.Arrow />\n </DropdownMenu.Content>\n </DropdownMenu.Portal>\n </DropdownMenu.Root>\n );\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { type PropsWithChildren } from 'react';\n\nimport { Main } from '@dxos/react-ui';\nimport { editorWithToolbarLayout } from '@dxos/react-ui-editor';\nimport { topbarBlockPaddingStart } from '@dxos/react-ui-theme';\n\nexport const MainLayout = ({ children, toolbar }: PropsWithChildren<{ toolbar?: boolean }>) => {\n return (\n <Main.Content\n bounce\n data-toolbar={toolbar ? 'enabled' : 'disabled'}\n classNames={[topbarBlockPaddingStart, editorWithToolbarLayout]}\n >\n {children}\n </Main.Content>\n );\n};\n\n// Used when the editor is embedded in another context (e.g., iframe) and has no topbar/sidebar/etc.\n// TODO(wittjosiah): What's the difference between this and Section/Card?\nexport const EmbeddedLayout = ({ children }: PropsWithChildren) => {\n return <Main.Content classNames='min-bs-[100dvh] grid p-0.5'>{children}</Main.Content>;\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport React from 'react';\n\nimport { SettingsValue } from '@dxos/plugin-settings';\nimport { Input, Select, useTranslation } from '@dxos/react-ui';\nimport { type EditorInputMode, EditorInputModes, type EditorViewMode, EditorViewModes } from '@dxos/react-ui-editor';\n\nimport { MARKDOWN_PLUGIN } from '../meta';\nimport { type MarkdownSettingsProps } from '../types';\n\nexport const MarkdownSettings = ({ settings }: { settings: MarkdownSettingsProps }) => {\n const { t } = useTranslation(MARKDOWN_PLUGIN);\n\n // TODO(wittjosiah): Add skill test confirmation for entering vim mode.\n return (\n <>\n <SettingsValue label={t('default view mode label')}>\n <Select.Root\n value={settings.defaultViewMode}\n onValueChange={(value) => {\n settings.defaultViewMode = value as EditorViewMode;\n }}\n >\n <Select.TriggerButton />\n <Select.Portal>\n <Select.Content>\n <Select.Viewport>\n {EditorViewModes.map((mode) => (\n <Select.Option key={mode} value={mode}>\n {t(`${mode} mode label`, { ns: 'react-ui-editor' })}\n </Select.Option>\n ))}\n </Select.Viewport>\n </Select.Content>\n </Select.Portal>\n </Select.Root>\n </SettingsValue>\n\n <SettingsValue label={t('editor input mode label')}>\n <Select.Root\n value={settings.editorInputMode ?? 'default'}\n onValueChange={(value) => {\n settings.editorInputMode = value as EditorInputMode;\n }}\n >\n <Select.TriggerButton placeholder={t('select editor input mode placeholder')} />\n <Select.Portal>\n <Select.Content>\n <Select.Viewport>\n {EditorInputModes.map((mode) => (\n <Select.Option key={mode} value={mode}>\n {t(`settings editor input mode ${mode} label`)}\n </Select.Option>\n ))}\n </Select.Viewport>\n </Select.Content>\n </Select.Portal>\n </Select.Root>\n </SettingsValue>\n\n <SettingsValue label={t('settings toolbar label')}>\n <Input.Switch checked={settings.toolbar} onCheckedChange={(checked) => (settings.toolbar = !!checked)} />\n </SettingsValue>\n\n <SettingsValue label={t('settings numbered headings label')}>\n <Input.Switch\n checked={settings.numberedHeadings}\n onCheckedChange={(checked) => (settings.numberedHeadings = !!checked)}\n />\n </SettingsValue>\n\n <SettingsValue label={t('settings folding label')}>\n <Input.Switch checked={settings.folding} onCheckedChange={(checked) => (settings.folding = !!checked)} />\n </SettingsValue>\n\n <SettingsValue label={t('settings experimental label')}>\n <Input.Switch\n checked={settings.experimental}\n onCheckedChange={(checked) => (settings.experimental = !!checked)}\n />\n </SettingsValue>\n\n <SettingsValue\n label={t('settings debug label')}\n secondary={\n settings.debug ? (\n <Input.Root>\n <Input.TextArea\n rows={5}\n value={settings.typewriter}\n onChange={({ target: { value } }) => (settings.typewriter = value)}\n placeholder={t('settings debug placeholder')}\n />\n </Input.Root>\n ) : undefined\n }\n >\n <Input.Switch checked={settings.debug} onCheckedChange={(checked) => (settings.debug = !!checked)} />\n </SettingsValue>\n </>\n );\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { MARKDOWN_PLUGIN } from './meta';\n\nexport default [\n {\n 'en-US': {\n [MARKDOWN_PLUGIN]: {\n 'plugin name': 'Editor',\n 'create stack section label': 'Create document',\n 'document title placeholder': 'New document',\n 'choose markdown from space dialog title': 'Choose one or more documents to add',\n // TODO(burdon): Style-guide for user-facing text (e.g., hints, questions, capitalization, etc.)\n 'empty choose markdown from space message': 'None available; try creating a new one instead?',\n 'chooser done label': 'Add selected',\n 'create document label': 'Create document',\n 'editor placeholder': 'New document',\n 'editor input mode label': 'Editor input mode',\n 'select editor input mode placeholder': 'Select editor input mode…',\n 'settings editor input mode default label': 'Default',\n 'settings editor input mode vim label': 'Vim',\n 'settings editor input mode vscode label': 'VS Code',\n 'settings toolbar label': 'Show toolbar',\n 'settings numbered headings label': 'Numbered headings',\n 'settings folding label': 'Folding',\n 'settings experimental label': 'Enable experimental features',\n 'settings debug label': 'Enable debugging features',\n 'settings debug placeholder': 'Typewriter script...',\n 'toggle view mode label': 'Toggle read-only',\n 'default view mode label': 'Default view mode',\n },\n },\n },\n];\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { MarkdownPlugin } from './MarkdownPlugin';\n\nexport default MarkdownPlugin;\n\nexport * from './MarkdownPlugin';\nexport * from './types';\nexport * from './util';\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": ["import_react", "import_app_framework", "import_react_ui", "import_react_ui_editor", "import_react_ui_theme", "MarkdownSettings", "settings", "t", "useTranslation", "MARKDOWN_PLUGIN", "React", "SettingsValue", "label", "Select", "Root", "value", "defaultViewMode", "onValueChange", "TriggerButton", "Portal", "Content", "Viewport", "EditorViewModes", "map", "mode", "Option", "key", "ns", "editorInputMode", "placeholder", "EditorInputModes", "Input", "Switch", "checked", "toolbar", "onCheckedChange", "numberedHeadings", "folding", "experimental", "secondary", "debug", "TextArea", "rows", "typewriter", "onChange", "target", "undefined", "DocumentCard", "lazy", "DocumentEditor", "MarkdownEditor", "isEditorModel", "data", "id", "text", "MarkdownPlugin", "LocalStorageStore", "state", "extensionProviders", "viewMode", "getViewMode", "values", "setViewMode", "nextViewMode", "meta", "ready", "plugins", "prop", "storageKey", "type", "enum", "allowUndefined", "bool", "string", "json", "markdownExtensionPlugins", "forEach", "plugin", "extensions", "provides", "markdown", "push", "metadata", "records", "DocumentType", "typename", "object", "name", "fallbackName", "icon", "props", "TextAa", "iconSymbol", "graphProps", "managesAutofocus", "loadReferences", "doc", "loadObjectReferences", "content", "threads", "serializer", "translations", "editorTranslations", "echo", "schema", "TextType", "graph", "builder", "client", "resolvePlugin", "parseClientPlugin", "dispatch", "parseIntentPlugin", "intent", "createExtension", "MarkdownAction", "CREATE", "filter", "node", "isActionGroup", "startsWith", "SpaceAction", "ADD_OBJECT", "actions", "split", "at", "spaceId", "objectId", "space", "spaces", "get", "find", "db", "getObjectById", "action", "NavigationAction", "OPEN", "properties", "testId", "inputType", "outputType", "serialize", "deserialize", "ancestors", "isSpace", "findLast", "ancestor", "CollectionType", "result", "stack", "creators", "thread", "predicate", "obj", "createSort", "accessor", "createDocAccessor", "log", "warn", "_", "getStartPosition", "cursor", "range", "getRangeFromCursor", "start", "Number", "MAX_SAFE_INTEGER", "anchorA", "anchorB", "surface", "component", "role", "forwardedRef", "active", "coordinate", "document", "scrollPastEnd", "fullyQualifiedId", "onViewModeChange", "initialValue", "inputMode", "isObject", "cardProps", "item", "color", "isTileComponentProps", "ref", "resolver", "create", "intents", "LayoutAction", "SCROLL_INTO_VIEW", "SET_VIEW_MODE", "includes"]
|
|
7
7
|
}
|