@gravity-ui/markdown-editor 15.36.0 → 15.37.0
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/README.md +87 -0
- package/build/cjs/extensions/additional/QuoteLink/QuoteLinkSpecs/index.js +1 -0
- package/build/cjs/extensions/additional/QuoteLink/QuoteLinkSpecs/index.js.map +1 -1
- package/build/cjs/extensions/behavior/Clipboard/clipboard.js +2 -13
- package/build/cjs/extensions/behavior/Clipboard/clipboard.js.map +1 -1
- package/build/cjs/extensions/behavior/Clipboard/selection-content.d.ts +1 -0
- package/build/cjs/extensions/behavior/Clipboard/selection-content.js +35 -0
- package/build/cjs/extensions/behavior/Clipboard/selection-content.js.map +1 -0
- package/build/cjs/extensions/behavior/Selection/commands.d.ts +2 -1
- package/build/cjs/extensions/behavior/Selection/commands.js +47 -1
- package/build/cjs/extensions/behavior/Selection/commands.js.map +1 -1
- package/build/cjs/extensions/behavior/Selection/selection.d.ts +15 -0
- package/build/cjs/extensions/behavior/Selection/selection.js +1 -0
- package/build/cjs/extensions/behavior/Selection/selection.js.map +1 -1
- package/build/cjs/extensions/markdown/Blockquote/BlockquoteSpecs/index.js +1 -0
- package/build/cjs/extensions/markdown/Blockquote/BlockquoteSpecs/index.js.map +1 -1
- package/build/cjs/extensions/markdown/CodeBlock/CodeBlockHighlight/CodeBlockHighlight.d.ts +2 -2
- package/build/cjs/extensions/markdown/CodeBlock/CodeBlockHighlight/CodeBlockHighlight.js +17 -75
- package/build/cjs/extensions/markdown/CodeBlock/CodeBlockHighlight/CodeBlockHighlight.js.map +1 -1
- package/build/cjs/extensions/markdown/CodeBlock/CodeBlockHighlight/TooltipPlugin/CodeBlockToolbar.d.ts +14 -0
- package/build/cjs/extensions/markdown/CodeBlock/CodeBlockHighlight/TooltipPlugin/CodeBlockToolbar.js +117 -0
- package/build/cjs/extensions/markdown/CodeBlock/CodeBlockHighlight/TooltipPlugin/CodeBlockToolbar.js.map +1 -0
- package/build/cjs/extensions/markdown/CodeBlock/CodeBlockHighlight/TooltipPlugin/CodeLangSelect.d.ts +9 -0
- package/build/cjs/extensions/markdown/CodeBlock/CodeBlockHighlight/TooltipPlugin/CodeLangSelect.js +22 -0
- package/build/cjs/extensions/markdown/CodeBlock/CodeBlockHighlight/TooltipPlugin/CodeLangSelect.js.map +1 -0
- package/build/cjs/extensions/markdown/CodeBlock/CodeBlockHighlight/TooltipPlugin/index.d.ts +2 -3
- package/build/cjs/extensions/markdown/CodeBlock/CodeBlockHighlight/TooltipPlugin/index.js +5 -93
- package/build/cjs/extensions/markdown/CodeBlock/CodeBlockHighlight/TooltipPlugin/index.js.map +1 -1
- package/build/cjs/extensions/markdown/CodeBlock/CodeBlockHighlight/plugins/codeBlockLangsPlugin.d.ts +23 -0
- package/build/cjs/extensions/markdown/CodeBlock/CodeBlockHighlight/plugins/codeBlockLangsPlugin.js +88 -0
- package/build/cjs/extensions/markdown/CodeBlock/CodeBlockHighlight/plugins/codeBlockLangsPlugin.js.map +1 -0
- package/build/cjs/extensions/markdown/Deflist/DeflistSpecs/schema.js +2 -0
- package/build/cjs/extensions/markdown/Deflist/DeflistSpecs/schema.js.map +1 -1
- package/build/cjs/extensions/markdown/Table/TableSpecs/schema.js +1 -0
- package/build/cjs/extensions/markdown/Table/TableSpecs/schema.js.map +1 -1
- package/build/cjs/extensions/yfm/YfmCut/YfmCutSpecs/schema.js +2 -0
- package/build/cjs/extensions/yfm/YfmCut/YfmCutSpecs/schema.js.map +1 -1
- package/build/cjs/extensions/yfm/YfmNote/YfmNoteSpecs/schema.js +2 -0
- package/build/cjs/extensions/yfm/YfmNote/YfmNoteSpecs/schema.js.map +1 -1
- package/build/cjs/extensions/yfm/YfmNote/plugins/YfmNoteTooltipPlugin/YfmNoteToolbar.css +20 -0
- package/build/cjs/extensions/yfm/YfmNote/plugins/YfmNoteTooltipPlugin/YfmNoteToolbar.d.ts +9 -0
- package/build/cjs/extensions/yfm/YfmNote/plugins/YfmNoteTooltipPlugin/YfmNoteToolbar.js +77 -0
- package/build/cjs/extensions/yfm/YfmNote/plugins/YfmNoteTooltipPlugin/YfmNoteToolbar.js.map +1 -0
- package/build/cjs/extensions/yfm/YfmNote/plugins/YfmNoteTooltipPlugin/index.d.ts +1 -2
- package/build/cjs/extensions/yfm/YfmNote/plugins/YfmNoteTooltipPlugin/index.js +5 -65
- package/build/cjs/extensions/yfm/YfmNote/plugins/YfmNoteTooltipPlugin/index.js.map +1 -1
- package/build/cjs/extensions/yfm/YfmTable/YfmTableSpecs/schema.js +2 -0
- package/build/cjs/extensions/yfm/YfmTable/YfmTableSpecs/schema.js.map +1 -1
- package/build/cjs/extensions/yfm/YfmTabs/YfmTabsSpecs/schema.js +3 -0
- package/build/cjs/extensions/yfm/YfmTabs/YfmTabsSpecs/schema.js.map +1 -1
- package/build/cjs/plugins/BaseTooltip/index.d.ts +1 -0
- package/build/cjs/plugins/BaseTooltip/index.js +4 -3
- package/build/cjs/plugins/BaseTooltip/index.js.map +1 -1
- package/build/cjs/toolbar/ToolbarGroup.js +4 -3
- package/build/cjs/toolbar/ToolbarGroup.js.map +1 -1
- package/build/cjs/toolbar/types.d.ts +2 -0
- package/build/cjs/toolbar/types.js.map +1 -1
- package/build/cjs/version.js +1 -1
- package/build/cjs/version.js.map +1 -1
- package/build/esm/extensions/additional/QuoteLink/QuoteLinkSpecs/index.js +1 -0
- package/build/esm/extensions/additional/QuoteLink/QuoteLinkSpecs/index.js.map +1 -1
- package/build/esm/extensions/behavior/Clipboard/clipboard.js +1 -12
- package/build/esm/extensions/behavior/Clipboard/clipboard.js.map +1 -1
- package/build/esm/extensions/behavior/Clipboard/selection-content.d.ts +1 -0
- package/build/esm/extensions/behavior/Clipboard/selection-content.js +32 -0
- package/build/esm/extensions/behavior/Clipboard/selection-content.js.map +1 -0
- package/build/esm/extensions/behavior/Selection/commands.d.ts +2 -1
- package/build/esm/extensions/behavior/Selection/commands.js +47 -2
- package/build/esm/extensions/behavior/Selection/commands.js.map +1 -1
- package/build/esm/extensions/behavior/Selection/selection.d.ts +15 -0
- package/build/esm/extensions/behavior/Selection/selection.js +2 -1
- package/build/esm/extensions/behavior/Selection/selection.js.map +1 -1
- package/build/esm/extensions/markdown/Blockquote/BlockquoteSpecs/index.js +1 -0
- package/build/esm/extensions/markdown/Blockquote/BlockquoteSpecs/index.js.map +1 -1
- package/build/esm/extensions/markdown/CodeBlock/CodeBlockHighlight/CodeBlockHighlight.d.ts +2 -2
- package/build/esm/extensions/markdown/CodeBlock/CodeBlockHighlight/CodeBlockHighlight.js +17 -75
- package/build/esm/extensions/markdown/CodeBlock/CodeBlockHighlight/CodeBlockHighlight.js.map +1 -1
- package/build/esm/extensions/markdown/CodeBlock/CodeBlockHighlight/TooltipPlugin/CodeBlockToolbar.d.ts +14 -0
- package/build/esm/extensions/markdown/CodeBlock/CodeBlockHighlight/TooltipPlugin/CodeBlockToolbar.js +114 -0
- package/build/esm/extensions/markdown/CodeBlock/CodeBlockHighlight/TooltipPlugin/CodeBlockToolbar.js.map +1 -0
- package/build/esm/extensions/markdown/CodeBlock/CodeBlockHighlight/TooltipPlugin/CodeLangSelect.d.ts +9 -0
- package/build/esm/extensions/markdown/CodeBlock/CodeBlockHighlight/TooltipPlugin/CodeLangSelect.js +19 -0
- package/build/esm/extensions/markdown/CodeBlock/CodeBlockHighlight/TooltipPlugin/CodeLangSelect.js.map +1 -0
- package/build/esm/extensions/markdown/CodeBlock/CodeBlockHighlight/TooltipPlugin/index.d.ts +2 -3
- package/build/esm/extensions/markdown/CodeBlock/CodeBlockHighlight/TooltipPlugin/index.js +6 -94
- package/build/esm/extensions/markdown/CodeBlock/CodeBlockHighlight/TooltipPlugin/index.js.map +1 -1
- package/build/esm/extensions/markdown/CodeBlock/CodeBlockHighlight/plugins/codeBlockLangsPlugin.d.ts +23 -0
- package/build/esm/extensions/markdown/CodeBlock/CodeBlockHighlight/plugins/codeBlockLangsPlugin.js +83 -0
- package/build/esm/extensions/markdown/CodeBlock/CodeBlockHighlight/plugins/codeBlockLangsPlugin.js.map +1 -0
- package/build/esm/extensions/markdown/Deflist/DeflistSpecs/schema.js +2 -0
- package/build/esm/extensions/markdown/Deflist/DeflistSpecs/schema.js.map +1 -1
- package/build/esm/extensions/markdown/Table/TableSpecs/schema.js +1 -0
- package/build/esm/extensions/markdown/Table/TableSpecs/schema.js.map +1 -1
- package/build/esm/extensions/yfm/YfmCut/YfmCutSpecs/schema.js +2 -0
- package/build/esm/extensions/yfm/YfmCut/YfmCutSpecs/schema.js.map +1 -1
- package/build/esm/extensions/yfm/YfmNote/YfmNoteSpecs/schema.js +2 -0
- package/build/esm/extensions/yfm/YfmNote/YfmNoteSpecs/schema.js.map +1 -1
- package/build/esm/extensions/yfm/YfmNote/plugins/YfmNoteTooltipPlugin/YfmNoteToolbar.css +20 -0
- package/build/esm/extensions/yfm/YfmNote/plugins/YfmNoteTooltipPlugin/YfmNoteToolbar.d.ts +9 -0
- package/build/esm/extensions/yfm/YfmNote/plugins/YfmNoteTooltipPlugin/YfmNoteToolbar.js +74 -0
- package/build/esm/extensions/yfm/YfmNote/plugins/YfmNoteTooltipPlugin/YfmNoteToolbar.js.map +1 -0
- package/build/esm/extensions/yfm/YfmNote/plugins/YfmNoteTooltipPlugin/index.d.ts +1 -2
- package/build/esm/extensions/yfm/YfmNote/plugins/YfmNoteTooltipPlugin/index.js +4 -64
- package/build/esm/extensions/yfm/YfmNote/plugins/YfmNoteTooltipPlugin/index.js.map +1 -1
- package/build/esm/extensions/yfm/YfmTable/YfmTableSpecs/schema.js +2 -0
- package/build/esm/extensions/yfm/YfmTable/YfmTableSpecs/schema.js.map +1 -1
- package/build/esm/extensions/yfm/YfmTabs/YfmTabsSpecs/schema.js +3 -0
- package/build/esm/extensions/yfm/YfmTabs/YfmTabsSpecs/schema.js.map +1 -1
- package/build/esm/plugins/BaseTooltip/index.d.ts +1 -0
- package/build/esm/plugins/BaseTooltip/index.js +4 -3
- package/build/esm/plugins/BaseTooltip/index.js.map +1 -1
- package/build/esm/toolbar/ToolbarGroup.js +4 -3
- package/build/esm/toolbar/ToolbarGroup.js.map +1 -1
- package/build/esm/toolbar/types.d.ts +2 -0
- package/build/esm/toolbar/types.js.map +1 -1
- package/build/esm/version.js +1 -1
- package/build/esm/version.js.map +1 -1
- package/build/styles.css +9 -5
- package/package.json +4 -3
- package/build/cjs/extensions/yfm/YfmNote/plugins/YfmNoteTooltipPlugin/index.css +0 -16
- package/build/esm/extensions/yfm/YfmNote/plugins/YfmNoteTooltipPlugin/index.css +0 -16
|
@@ -1,105 +1,17 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { ListOl as LineNumbersIcon, TrashBin as RemoveIcon, ArrowUturnCwLeft as WrappingIcon, } from '@gravity-ui/icons';
|
|
3
|
-
import { ClipboardButton, Select } from '@gravity-ui/uikit';
|
|
4
|
-
import { cn } from "../../../../../classname.js";
|
|
5
|
-
import { i18n } from "../../../../../i18n/codeblock/index.js";
|
|
6
|
-
import { i18n as i18nPlaceholder } from "../../../../../i18n/placeholder/index.js";
|
|
7
2
|
import { BaseTooltipPluginView } from "../../../../../plugins/BaseTooltip/index.js";
|
|
8
|
-
import {
|
|
9
|
-
import {
|
|
10
|
-
import {
|
|
11
|
-
import { CodeBlockNodeAttr, codeBlockType } from "../../CodeBlockSpecs/index.js";
|
|
12
|
-
import { PlainTextLang } from "../const.js";
|
|
13
|
-
import { isNodeHasLineWrapping } from "../plugins/codeBlockLineWrappingPlugin.js";
|
|
14
|
-
import { isLineNumbersVisible, toggleLineNumbers, toggleLineWrapping } from "./utils.js";
|
|
3
|
+
import { codeBlockType } from "../../CodeBlockSpecs/index.js";
|
|
4
|
+
import { getCodeBlockLangsState } from "../plugins/codeBlockLangsPlugin.js";
|
|
5
|
+
import { CodeBlockToolbar } from "./CodeBlockToolbar.js";
|
|
15
6
|
import "./TooltipView.css";
|
|
16
|
-
const
|
|
17
|
-
const bToolbar = cn('code-block-toolbar');
|
|
18
|
-
const CodeMenu = ({ view, pos, node, selectItems, mapping }) => {
|
|
19
|
-
const lang = node.attrs[CodeBlockNodeAttr.Lang];
|
|
20
|
-
const value = mapping[lang] || lang || PlainTextLang;
|
|
21
|
-
const handleClick = (type) => {
|
|
22
|
-
view.focus();
|
|
23
|
-
if (type === value)
|
|
24
|
-
return;
|
|
25
|
-
view.dispatch(view.state.tr.setNodeAttribute(pos, CodeBlockNodeAttr.Lang, type));
|
|
26
|
-
};
|
|
27
|
-
return (_jsx(Select, { size: "m", width: "max", disablePortal: true, value: [value], onUpdate: (v) => handleClick(v[0]), options: selectItems, filterable: true, filterPlaceholder: i18nPlaceholder('select_filter'), popupClassName: bCodeBlock('select-popup'), className: bCodeBlock('select-button'), renderEmptyOptions: () => (_jsx("div", { className: bCodeBlock('select-empty'), children: i18n('empty_option') })) }));
|
|
28
|
-
};
|
|
29
|
-
export const codeLangSelectTooltipViewCreator = (view, langItems, mapping = {}, { showCodeWrapping, showLineNumbers }) => {
|
|
7
|
+
export const codeLangSelectTooltipViewCreator = (view, { showCodeWrapping, showLineNumbers }) => {
|
|
30
8
|
return new BaseTooltipPluginView(view, {
|
|
31
9
|
idPrefix: 'code-block-tooltip',
|
|
32
10
|
nodeType: codeBlockType(view.state.schema),
|
|
33
11
|
popupPlacement: ['bottom', 'top'],
|
|
34
12
|
content: (view, { node, pos }, _onChange, _forceEdit, _onOutsideClick, rerender) => {
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
langItems.length > 0 &&
|
|
38
|
-
{
|
|
39
|
-
id: 'code-block-type',
|
|
40
|
-
type: ToolbarDataType.ReactComponent,
|
|
41
|
-
component: () => (_jsx(CodeMenu, { view: view, pos: pos, node: node, selectItems: langItems, mapping: mapping })),
|
|
42
|
-
width: 28,
|
|
43
|
-
},
|
|
44
|
-
showCodeWrapping &&
|
|
45
|
-
{
|
|
46
|
-
id: 'code-block-wrapping',
|
|
47
|
-
icon: { data: WrappingIcon },
|
|
48
|
-
title: i18n('code_wrapping'),
|
|
49
|
-
type: ToolbarDataType.SingleButton,
|
|
50
|
-
isActive: () => isNodeHasLineWrapping(view.state, pos),
|
|
51
|
-
isEnable: () => true,
|
|
52
|
-
exec: () => {
|
|
53
|
-
toggleLineWrapping({
|
|
54
|
-
pos,
|
|
55
|
-
node,
|
|
56
|
-
state: view.state,
|
|
57
|
-
dispatch: view.dispatch,
|
|
58
|
-
});
|
|
59
|
-
// forcing rerender because editor's toolbar isn't updated when the decorations change
|
|
60
|
-
rerender?.();
|
|
61
|
-
},
|
|
62
|
-
},
|
|
63
|
-
showLineNumbers &&
|
|
64
|
-
{
|
|
65
|
-
id: 'code-block-linenumbers',
|
|
66
|
-
icon: { data: LineNumbersIcon },
|
|
67
|
-
title: i18n('show_line_numbers'),
|
|
68
|
-
type: ToolbarDataType.SingleButton,
|
|
69
|
-
isActive: () => isLineNumbersVisible(node),
|
|
70
|
-
isEnable: () => true,
|
|
71
|
-
exec: () => toggleLineNumbers({
|
|
72
|
-
pos,
|
|
73
|
-
node,
|
|
74
|
-
state: view.state,
|
|
75
|
-
dispatch: view.dispatch,
|
|
76
|
-
}),
|
|
77
|
-
},
|
|
78
|
-
{
|
|
79
|
-
id: 'code-block-copy',
|
|
80
|
-
type: ToolbarDataType.ReactNodeFn,
|
|
81
|
-
width: 28,
|
|
82
|
-
content: () => _jsx(ClipboardButton, { text: node.textContent }),
|
|
83
|
-
},
|
|
84
|
-
].filter(isTruthy),
|
|
85
|
-
[
|
|
86
|
-
{
|
|
87
|
-
id: 'code-block-remove',
|
|
88
|
-
icon: { data: RemoveIcon },
|
|
89
|
-
title: i18n('remove'),
|
|
90
|
-
theme: 'danger',
|
|
91
|
-
type: ToolbarDataType.SingleButton,
|
|
92
|
-
isActive: () => false,
|
|
93
|
-
isEnable: () => true,
|
|
94
|
-
exec: () => removeNode({
|
|
95
|
-
pos: pos,
|
|
96
|
-
node: node,
|
|
97
|
-
tr: view.state.tr,
|
|
98
|
-
dispatch: view.dispatch.bind(view),
|
|
99
|
-
}),
|
|
100
|
-
},
|
|
101
|
-
],
|
|
102
|
-
] }));
|
|
13
|
+
const { langItems, aliasMapping } = getCodeBlockLangsState(view.state);
|
|
14
|
+
return (_jsx(CodeBlockToolbar, { pos: pos, node: node, editorView: view, mapping: aliasMapping, langItems: langItems, rerenderTooltip: rerender, showLineNumbers: showLineNumbers, showCodeWrapping: showCodeWrapping }));
|
|
103
15
|
},
|
|
104
16
|
});
|
|
105
17
|
};
|
package/build/esm/extensions/markdown/CodeBlock/CodeBlockHighlight/TooltipPlugin/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"../../../../../../../src","sources":["extensions/markdown/CodeBlock/CodeBlockHighlight/TooltipPlugin/index.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n ListOl as LineNumbersIcon,\n TrashBin as RemoveIcon,\n ArrowUturnCwLeft as WrappingIcon,\n} from '@gravity-ui/icons';\nimport {ClipboardButton, Select, type SelectOption} from '@gravity-ui/uikit';\nimport type {Node} from 'prosemirror-model';\nimport type {EditorView} from 'prosemirror-view';\n\nimport {cn} from 'src/classname';\nimport {i18n} from 'src/i18n/codeblock';\nimport {i18n as i18nPlaceholder} from 'src/i18n/placeholder';\nimport {BaseTooltipPluginView} from 'src/plugins/BaseTooltip';\nimport {Toolbar, ToolbarDataType, type ToolbarGroupItemData} from 'src/toolbar';\nimport {removeNode} from 'src/utils/remove-node';\nimport {isTruthy} from 'src/utils/truthy';\n\nimport {CodeBlockNodeAttr, codeBlockType} from '../../CodeBlockSpecs';\nimport {PlainTextLang} from '../const';\nimport {isNodeHasLineWrapping} from '../plugins/codeBlockLineWrappingPlugin';\n\nimport {isLineNumbersVisible, toggleLineNumbers, toggleLineWrapping} from './utils';\n\nimport './TooltipView.scss';\n\nconst bCodeBlock = cn('code-block');\nconst bToolbar = cn('code-block-toolbar');\n\ntype CodeMenuProps = {\n view: EditorView;\n pos: number;\n node: Node;\n selectItems: SelectOption[];\n mapping: Record<string, string>;\n};\n\nconst CodeMenu: React.FC<CodeMenuProps> = ({view, pos, node, selectItems, mapping}) => {\n const lang = node.attrs[CodeBlockNodeAttr.Lang];\n const value = mapping[lang] || lang || PlainTextLang;\n\n const handleClick = (type: string) => {\n view.focus();\n if (type === value) return;\n\n view.dispatch(view.state.tr.setNodeAttribute(pos, CodeBlockNodeAttr.Lang, type));\n };\n\n return (\n <Select\n size=\"m\"\n width=\"max\"\n disablePortal\n value={[value]}\n onUpdate={(v) => handleClick(v[0])}\n options={selectItems}\n filterable\n filterPlaceholder={i18nPlaceholder('select_filter')}\n popupClassName={bCodeBlock('select-popup')}\n className={bCodeBlock('select-button')}\n renderEmptyOptions={() => (\n <div className={bCodeBlock('select-empty')}>{i18n('empty_option')}</div>\n )}\n // TODO: in onOpenChange return focus to view.dom after press Esc in Select\n // after https://github.com/gravity-ui/uikit/issues/2075\n />\n );\n};\n\ntype Options = {\n showCodeWrapping: boolean;\n showLineNumbers: boolean;\n};\n\nexport const codeLangSelectTooltipViewCreator = (\n view: EditorView,\n langItems: SelectOption[],\n mapping: Record<string, string> = {},\n {showCodeWrapping, showLineNumbers}: Options,\n) => {\n return new BaseTooltipPluginView(view, {\n idPrefix: 'code-block-tooltip',\n nodeType: codeBlockType(view.state.schema),\n popupPlacement: ['bottom', 'top'],\n content: (view, {node, pos}, _onChange, _forceEdit, _onOutsideClick, rerender) => {\n return (\n <Toolbar\n editor={{}}\n focus={() => view.focus()}\n className={bToolbar()}\n data={[\n [\n langItems.length > 0 &&\n ({\n id: 'code-block-type',\n type: ToolbarDataType.ReactComponent,\n component: () => (\n <CodeMenu\n view={view}\n pos={pos}\n node={node}\n selectItems={langItems}\n mapping={mapping}\n />\n ),\n width: 28,\n } satisfies ToolbarGroupItemData<{}>),\n showCodeWrapping &&\n ({\n id: 'code-block-wrapping',\n icon: {data: WrappingIcon},\n title: i18n('code_wrapping'),\n type: ToolbarDataType.SingleButton,\n isActive: () => isNodeHasLineWrapping(view.state, pos),\n isEnable: () => true,\n exec: () => {\n toggleLineWrapping({\n pos,\n node,\n state: view.state,\n dispatch: view.dispatch,\n });\n // forcing rerender because editor's toolbar isn't updated when the decorations change\n rerender?.();\n },\n } satisfies ToolbarGroupItemData<{}>),\n showLineNumbers &&\n ({\n id: 'code-block-linenumbers',\n icon: {data: LineNumbersIcon},\n title: i18n('show_line_numbers'),\n type: ToolbarDataType.SingleButton,\n isActive: () => isLineNumbersVisible(node),\n isEnable: () => true,\n exec: () =>\n toggleLineNumbers({\n pos,\n node,\n state: view.state,\n dispatch: view.dispatch,\n }),\n } satisfies ToolbarGroupItemData<{}>),\n {\n id: 'code-block-copy',\n type: ToolbarDataType.ReactNodeFn,\n width: 28,\n content: () => <ClipboardButton text={node.textContent} />,\n } satisfies ToolbarGroupItemData<{}>,\n ].filter(isTruthy),\n [\n {\n id: 'code-block-remove',\n icon: {data: RemoveIcon},\n title: i18n('remove'),\n theme: 'danger',\n type: ToolbarDataType.SingleButton,\n isActive: () => false,\n isEnable: () => true,\n exec: () =>\n removeNode({\n pos: pos,\n node: node,\n tr: view.state.tr,\n dispatch: view.dispatch.bind(view),\n }),\n },\n ],\n ]}\n />\n );\n },\n });\n};\n"]}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"../../../../../../../src","sources":["extensions/markdown/CodeBlock/CodeBlockHighlight/TooltipPlugin/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,qBAAqB,EAAC,oDAAgC;AAE9D,OAAO,EAAC,aAAa,EAAC,sCAA6B;AACnD,OAAO,EAAC,sBAAsB,EAAC,2CAAwC;AAEvE,OAAO,EAAC,gBAAgB,EAAC,8BAA2B;AAEpD,2BAA4B;AAO5B,MAAM,CAAC,MAAM,gCAAgC,GAAG,CAC5C,IAAgB,EAChB,EAAC,gBAAgB,EAAE,eAAe,EAAU,EAC9C,EAAE;IACA,OAAO,IAAI,qBAAqB,CAAC,IAAI,EAAE;QACnC,QAAQ,EAAE,oBAAoB;QAC9B,QAAQ,EAAE,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC;QAC1C,cAAc,EAAE,CAAC,QAAQ,EAAE,KAAK,CAAC;QACjC,OAAO,EAAE,CAAC,IAAI,EAAE,EAAC,IAAI,EAAE,GAAG,EAAC,EAAE,SAAS,EAAE,UAAU,EAAE,eAAe,EAAE,QAAQ,EAAE,EAAE;YAC7E,MAAM,EAAC,SAAS,EAAE,YAAY,EAAC,GAAG,sBAAsB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YAErE,OAAO,CACH,KAAC,gBAAgB,IACb,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,IAAI,EAChB,OAAO,EAAE,YAAY,EACrB,SAAS,EAAE,SAAS,EACpB,eAAe,EAAE,QAAQ,EACzB,eAAe,EAAE,eAAe,EAChC,gBAAgB,EAAE,gBAAgB,GACpC,CACL,CAAC;QACN,CAAC;KACJ,CAAC,CAAC;AACP,CAAC,CAAC","sourcesContent":["import type {EditorView} from '#pm/view';\nimport {BaseTooltipPluginView} from 'src/plugins/BaseTooltip';\n\nimport {codeBlockType} from '../../CodeBlockSpecs';\nimport {getCodeBlockLangsState} from '../plugins/codeBlockLangsPlugin';\n\nimport {CodeBlockToolbar} from './CodeBlockToolbar';\n\nimport './TooltipView.scss';\n\ntype Options = {\n showCodeWrapping: boolean;\n showLineNumbers: boolean;\n};\n\nexport const codeLangSelectTooltipViewCreator = (\n view: EditorView,\n {showCodeWrapping, showLineNumbers}: Options,\n) => {\n return new BaseTooltipPluginView(view, {\n idPrefix: 'code-block-tooltip',\n nodeType: codeBlockType(view.state.schema),\n popupPlacement: ['bottom', 'top'],\n content: (view, {node, pos}, _onChange, _forceEdit, _onOutsideClick, rerender) => {\n const {langItems, aliasMapping} = getCodeBlockLangsState(view.state);\n\n return (\n <CodeBlockToolbar\n pos={pos}\n node={node}\n editorView={view}\n mapping={aliasMapping}\n langItems={langItems}\n rerenderTooltip={rerender}\n showLineNumbers={showLineNumbers}\n showCodeWrapping={showCodeWrapping}\n />\n );\n },\n });\n};\n"]}
|
package/build/esm/extensions/markdown/CodeBlock/CodeBlockHighlight/plugins/codeBlockLangsPlugin.d.ts
ADDED
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import type { Options } from '@diplodoc/transform';
|
|
2
|
+
import type { createLowlight } from 'lowlight' with { 'resolution-mode': 'import' };
|
|
3
|
+
import type { EditorState } from "../../../../../pm/state.js";
|
|
4
|
+
import { Plugin, PluginKey } from "../../../../../pm/state.js";
|
|
5
|
+
export type HighlightLangMap = Options['highlightLangs'];
|
|
6
|
+
export type Lowlight = ReturnType<typeof createLowlight>;
|
|
7
|
+
export type LLRoot = ReturnType<Lowlight['highlight']>;
|
|
8
|
+
type LangItem = {
|
|
9
|
+
value: string;
|
|
10
|
+
content: string;
|
|
11
|
+
};
|
|
12
|
+
type CodeBlockLangsState = {
|
|
13
|
+
langItems: LangItem[];
|
|
14
|
+
aliasMapping: Record<string, string>;
|
|
15
|
+
lowlight: Lowlight | null;
|
|
16
|
+
loaded: boolean;
|
|
17
|
+
};
|
|
18
|
+
export declare const codeBlockLangsPluginKey: PluginKey<CodeBlockLangsState>;
|
|
19
|
+
export declare function getCodeBlockLangsState(state: EditorState): CodeBlockLangsState;
|
|
20
|
+
export declare function codeBlockLangsPlugin(langsConfig: HighlightLangMap | undefined, logger: {
|
|
21
|
+
log: (msg: string) => void;
|
|
22
|
+
}): Plugin<CodeBlockLangsState>;
|
|
23
|
+
export {};
|
package/build/esm/extensions/markdown/CodeBlock/CodeBlockHighlight/plugins/codeBlockLangsPlugin.js
ADDED
|
@@ -0,0 +1,83 @@
|
|
|
1
|
+
import { Plugin, PluginKey } from "../../../../../pm/state.js";
|
|
2
|
+
import { capitalize } from "../../../../../lodash.js";
|
|
3
|
+
import { globalLogger } from "../../../../../logger.js";
|
|
4
|
+
import { PlainTextLang } from "../const.js";
|
|
5
|
+
export const codeBlockLangsPluginKey = new PluginKey('code_block_langs');
|
|
6
|
+
const defaultState = {
|
|
7
|
+
langItems: [],
|
|
8
|
+
aliasMapping: {},
|
|
9
|
+
lowlight: null,
|
|
10
|
+
loaded: false,
|
|
11
|
+
};
|
|
12
|
+
export function getCodeBlockLangsState(state) {
|
|
13
|
+
return codeBlockLangsPluginKey.getState(state) ?? defaultState;
|
|
14
|
+
}
|
|
15
|
+
export function codeBlockLangsPlugin(langsConfig, logger) {
|
|
16
|
+
return new Plugin({
|
|
17
|
+
key: codeBlockLangsPluginKey,
|
|
18
|
+
state: {
|
|
19
|
+
init: (_config, _state) => {
|
|
20
|
+
return defaultState;
|
|
21
|
+
},
|
|
22
|
+
apply: (tr, state) => {
|
|
23
|
+
const meta = tr.getMeta(codeBlockLangsPluginKey);
|
|
24
|
+
if (meta)
|
|
25
|
+
return meta;
|
|
26
|
+
return state;
|
|
27
|
+
},
|
|
28
|
+
},
|
|
29
|
+
view: (view) => {
|
|
30
|
+
loadAndInit(view, langsConfig, logger);
|
|
31
|
+
return {};
|
|
32
|
+
},
|
|
33
|
+
});
|
|
34
|
+
}
|
|
35
|
+
async function loadAndInit(view, langsConfig, logger) {
|
|
36
|
+
try {
|
|
37
|
+
const [{ default: hljs }, low] = await Promise.all([
|
|
38
|
+
import('highlight.js/lib/core'),
|
|
39
|
+
import('lowlight'),
|
|
40
|
+
]);
|
|
41
|
+
const all = low.all;
|
|
42
|
+
const create = low.createLowlight;
|
|
43
|
+
const langs = { ...all, ...langsConfig };
|
|
44
|
+
const lowlight = create(langs);
|
|
45
|
+
const langItems = [];
|
|
46
|
+
const aliasMapping = {};
|
|
47
|
+
for (const lang of Object.keys(langs)) {
|
|
48
|
+
const defs = langs[lang](hljs);
|
|
49
|
+
langItems.push({
|
|
50
|
+
value: lang,
|
|
51
|
+
content: defs.name || capitalize(lang),
|
|
52
|
+
});
|
|
53
|
+
if (defs.aliases) {
|
|
54
|
+
for (const alias of defs.aliases) {
|
|
55
|
+
aliasMapping[alias] = lang;
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
}
|
|
59
|
+
langItems.sort(sortLangs);
|
|
60
|
+
if (!view.isDestroyed) {
|
|
61
|
+
const newState = {
|
|
62
|
+
langItems,
|
|
63
|
+
aliasMapping,
|
|
64
|
+
lowlight,
|
|
65
|
+
loaded: true,
|
|
66
|
+
};
|
|
67
|
+
view.dispatch(view.state.tr.setMeta(codeBlockLangsPluginKey, newState));
|
|
68
|
+
}
|
|
69
|
+
}
|
|
70
|
+
catch (e) {
|
|
71
|
+
globalLogger.info('Skip code_block highlighting');
|
|
72
|
+
logger.log('Skip code_block highlighting');
|
|
73
|
+
}
|
|
74
|
+
}
|
|
75
|
+
function sortLangs(a, b) {
|
|
76
|
+
// plaintext always goes first
|
|
77
|
+
if (a.value === PlainTextLang)
|
|
78
|
+
return -1;
|
|
79
|
+
if (b.value === PlainTextLang)
|
|
80
|
+
return 1;
|
|
81
|
+
return 0;
|
|
82
|
+
}
|
|
83
|
+
//# sourceMappingURL=codeBlockLangsPlugin.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"codeBlockLangsPlugin.js","sourceRoot":"../../../../../../../src","sources":["extensions/markdown/CodeBlock/CodeBlockHighlight/plugins/codeBlockLangsPlugin.ts"],"names":[],"mappings":"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","sourcesContent":["import type {Options} from '@diplodoc/transform';\nimport type {createLowlight} from 'lowlight' with {'resolution-mode': 'import'};\n\nimport type {EditorState} from '#pm/state';\nimport {Plugin, PluginKey} from '#pm/state';\nimport type {EditorView} from '#pm/view';\nimport {capitalize} from 'src/lodash';\nimport {globalLogger} from 'src/logger';\n\nimport {PlainTextLang} from '../const';\n\nexport type HighlightLangMap = Options['highlightLangs'];\n\nexport type Lowlight = ReturnType<typeof createLowlight>;\nexport type LLRoot = ReturnType<Lowlight['highlight']>;\n\ntype LangItem = {\n value: string;\n content: string;\n};\n\ntype CodeBlockLangsState = {\n langItems: LangItem[];\n aliasMapping: Record<string, string>;\n lowlight: Lowlight | null;\n loaded: boolean;\n};\n\nexport const codeBlockLangsPluginKey = new PluginKey<CodeBlockLangsState>('code_block_langs');\n\nconst defaultState: CodeBlockLangsState = {\n langItems: [],\n aliasMapping: {},\n lowlight: null,\n loaded: false,\n};\n\nexport function getCodeBlockLangsState(state: EditorState): CodeBlockLangsState {\n return codeBlockLangsPluginKey.getState(state) ?? defaultState;\n}\n\nexport function codeBlockLangsPlugin(\n langsConfig: HighlightLangMap | undefined,\n logger: {log: (msg: string) => void},\n) {\n return new Plugin<CodeBlockLangsState>({\n key: codeBlockLangsPluginKey,\n state: {\n init: (_config, _state) => {\n return defaultState;\n },\n apply: (tr, state) => {\n const meta = tr.getMeta(codeBlockLangsPluginKey);\n if (meta) return meta as CodeBlockLangsState;\n return state;\n },\n },\n view: (view: EditorView) => {\n loadAndInit(view, langsConfig, logger);\n return {};\n },\n });\n}\n\nasync function loadAndInit(\n view: EditorView,\n langsConfig: HighlightLangMap | undefined,\n logger: {log: (msg: string) => void},\n) {\n try {\n const [{default: hljs}, low] = await Promise.all([\n import('highlight.js/lib/core'),\n import('lowlight'),\n ]);\n\n const all: HighlightLangMap = low.all;\n const create: typeof createLowlight = low.createLowlight;\n const langs: NonNullable<HighlightLangMap> = {...all, ...langsConfig};\n const lowlight = create(langs);\n\n const langItems: LangItem[] = [];\n const aliasMapping: Record<string, string> = {};\n\n for (const lang of Object.keys(langs)) {\n const defs = langs[lang](hljs);\n langItems.push({\n value: lang,\n content: defs.name || capitalize(lang),\n });\n if (defs.aliases) {\n for (const alias of defs.aliases) {\n aliasMapping[alias] = lang;\n }\n }\n }\n\n langItems.sort(sortLangs);\n\n if (!view.isDestroyed) {\n const newState: CodeBlockLangsState = {\n langItems,\n aliasMapping,\n lowlight,\n loaded: true,\n };\n view.dispatch(view.state.tr.setMeta(codeBlockLangsPluginKey, newState));\n }\n } catch (e) {\n globalLogger.info('Skip code_block highlighting');\n logger.log('Skip code_block highlighting');\n }\n}\n\nfunction sortLangs(a: LangItem, b: LangItem): number {\n // plaintext always goes first\n if (a.value === PlainTextLang) return -1;\n if (b.value === PlainTextLang) return 1;\n return 0;\n}\n"]}
|
|
@@ -13,6 +13,7 @@ export const getSchemaSpecs = (opts, placeholder) => ({
|
|
|
13
13
|
},
|
|
14
14
|
selectable: true,
|
|
15
15
|
allowSelection: true,
|
|
16
|
+
selectAll: 'node',
|
|
16
17
|
complex: 'root',
|
|
17
18
|
},
|
|
18
19
|
[DeflistNode.Term]: {
|
|
@@ -50,6 +51,7 @@ export const getSchemaSpecs = (opts, placeholder) => ({
|
|
|
50
51
|
},
|
|
51
52
|
selectable: false,
|
|
52
53
|
allowSelection: false,
|
|
54
|
+
selectAll: 'node',
|
|
53
55
|
complex: 'leaf',
|
|
54
56
|
},
|
|
55
57
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"schema.js","sourceRoot":"../../../../../../src","sources":["extensions/markdown/Deflist/DeflistSpecs/schema.ts"],"names":[],"mappings":"AAIA,OAAO,EAAC,WAAW,EAAE,WAAW,EAAC,mBAAgB;AAIjD,MAAM,oBAAoB,GAAG;IACzB,IAAI,EAAE,iBAAiB;IACvB,IAAI,EAAE,wBAAwB;CACjC,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,CAC1B,IAA0B,EAC1B,WAAgC,EACH,EAAE,CAAC,CAAC;IACjC,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE;QAChB,KAAK,EAAE,OAAO;QACd,OAAO,EAAE,IAAI,WAAW,CAAC,IAAI,IAAI,WAAW,CAAC,IAAI,IAAI;QACrD,QAAQ,EAAE,CAAC,EAAC,GAAG,EAAE,IAAI,EAAC,CAAC;QACvB,KAAK;YACD,OAAO,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;QACrB,CAAC;QACD,UAAU,EAAE,IAAI;QAChB,cAAc,EAAE,IAAI;QACpB,OAAO,EAAE,MAAM;KAClB;IAED,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE;QAChB,KAAK,EAAE,EAAC,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,EAAC,OAAO,EAAE,IAAI,EAAC,EAAC;QAC5C,QAAQ,EAAE,IAAI;QACd,KAAK,EAAE,OAAO;QACd,OAAO,EAAE,SAAS;QAClB,QAAQ,EAAE,CAAC,EAAC,GAAG,EAAE,IAAI,EAAC,CAAC;QACvB,KAAK,CAAC,IAAI;YACN,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;QACjC,CAAC;QACD,WAAW,EAAE;YACT,OAAO,EACH,WAAW,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC;gBAC/B,IAAI,EAAE,sBAAsB;gBAC5B,oBAAoB,CAAC,IAAI;YAC7B,aAAa,EAAE,IAAI;SACtB;QACD,UAAU,EAAE,KAAK;QACjB,cAAc,EAAE,KAAK;QACrB,OAAO,EAAE,MAAM;KAClB;IAED,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE;QAChB,QAAQ,EAAE,IAAI;QACd,KAAK,EAAE,OAAO;QACd,OAAO,EAAE,QAAQ;QACjB,QAAQ,EAAE,CAAC,EAAC,GAAG,EAAE,IAAI,EAAC,CAAC;QACvB,KAAK;YACD,OAAO,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;QACrB,CAAC;QACD,WAAW,EAAE;YACT,OAAO,EACH,WAAW,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC;gBAC/B,IAAI,EAAE,sBAAsB;gBAC5B,oBAAoB,CAAC,IAAI;YAC7B,aAAa,EAAE,IAAI;SACtB;QACD,UAAU,EAAE,KAAK;QACjB,cAAc,EAAE,KAAK;QACrB,OAAO,EAAE,MAAM;KAClB;CACJ,CAAC,CAAC","sourcesContent":["import type {NodeSpec} from 'prosemirror-model';\n\nimport type {PlaceholderOptions} from '../../../../utils/placeholder';\n\nimport {DeflistAttr, DeflistNode} from './const';\n\nimport type {DeflistSpecsOptions} from './index';\n\nconst DEFAULT_PLACEHOLDERS = {\n Term: 'Definition term',\n Desc: 'Definition description',\n};\n\nexport const getSchemaSpecs = (\n opts?: DeflistSpecsOptions,\n placeholder?: PlaceholderOptions,\n): Record<DeflistNode, NodeSpec> => ({\n [DeflistNode.List]: {\n group: 'block',\n content: `(${DeflistNode.Term} ${DeflistNode.Desc})+`,\n parseDOM: [{tag: 'dl'}],\n toDOM() {\n return ['dl', 0];\n },\n selectable: true,\n allowSelection: true,\n complex: 'root',\n },\n\n [DeflistNode.Term]: {\n attrs: {[DeflistAttr.Line]: {default: null}},\n defining: true,\n group: 'block',\n content: 'inline*',\n parseDOM: [{tag: 'dt'}],\n toDOM(node) {\n return ['dt', node.attrs, 0];\n },\n placeholder: {\n content:\n placeholder?.[DeflistNode.Term] ??\n opts?.deflistTermPlaceholder ??\n DEFAULT_PLACEHOLDERS.Term,\n alwaysVisible: true,\n },\n selectable: false,\n allowSelection: false,\n complex: 'leaf',\n },\n\n [DeflistNode.Desc]: {\n defining: true,\n group: 'block',\n content: 'block+',\n parseDOM: [{tag: 'dd'}],\n toDOM() {\n return ['dd', 0];\n },\n placeholder: {\n content:\n placeholder?.[DeflistNode.Desc] ??\n opts?.deflistDescPlaceholder ??\n DEFAULT_PLACEHOLDERS.Desc,\n alwaysVisible: true,\n },\n selectable: false,\n allowSelection: false,\n complex: 'leaf',\n },\n});\n"]}
|
|
1
|
+
{"version":3,"file":"schema.js","sourceRoot":"../../../../../../src","sources":["extensions/markdown/Deflist/DeflistSpecs/schema.ts"],"names":[],"mappings":"AAIA,OAAO,EAAC,WAAW,EAAE,WAAW,EAAC,mBAAgB;AAIjD,MAAM,oBAAoB,GAAG;IACzB,IAAI,EAAE,iBAAiB;IACvB,IAAI,EAAE,wBAAwB;CACjC,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,CAC1B,IAA0B,EAC1B,WAAgC,EACH,EAAE,CAAC,CAAC;IACjC,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE;QAChB,KAAK,EAAE,OAAO;QACd,OAAO,EAAE,IAAI,WAAW,CAAC,IAAI,IAAI,WAAW,CAAC,IAAI,IAAI;QACrD,QAAQ,EAAE,CAAC,EAAC,GAAG,EAAE,IAAI,EAAC,CAAC;QACvB,KAAK;YACD,OAAO,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;QACrB,CAAC;QACD,UAAU,EAAE,IAAI;QAChB,cAAc,EAAE,IAAI;QACpB,SAAS,EAAE,MAAM;QACjB,OAAO,EAAE,MAAM;KAClB;IAED,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE;QAChB,KAAK,EAAE,EAAC,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,EAAC,OAAO,EAAE,IAAI,EAAC,EAAC;QAC5C,QAAQ,EAAE,IAAI;QACd,KAAK,EAAE,OAAO;QACd,OAAO,EAAE,SAAS;QAClB,QAAQ,EAAE,CAAC,EAAC,GAAG,EAAE,IAAI,EAAC,CAAC;QACvB,KAAK,CAAC,IAAI;YACN,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;QACjC,CAAC;QACD,WAAW,EAAE;YACT,OAAO,EACH,WAAW,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC;gBAC/B,IAAI,EAAE,sBAAsB;gBAC5B,oBAAoB,CAAC,IAAI;YAC7B,aAAa,EAAE,IAAI;SACtB;QACD,UAAU,EAAE,KAAK;QACjB,cAAc,EAAE,KAAK;QACrB,OAAO,EAAE,MAAM;KAClB;IAED,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE;QAChB,QAAQ,EAAE,IAAI;QACd,KAAK,EAAE,OAAO;QACd,OAAO,EAAE,QAAQ;QACjB,QAAQ,EAAE,CAAC,EAAC,GAAG,EAAE,IAAI,EAAC,CAAC;QACvB,KAAK;YACD,OAAO,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;QACrB,CAAC;QACD,WAAW,EAAE;YACT,OAAO,EACH,WAAW,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC;gBAC/B,IAAI,EAAE,sBAAsB;gBAC5B,oBAAoB,CAAC,IAAI;YAC7B,aAAa,EAAE,IAAI;SACtB;QACD,UAAU,EAAE,KAAK;QACjB,cAAc,EAAE,KAAK;QACrB,SAAS,EAAE,MAAM;QACjB,OAAO,EAAE,MAAM;KAClB;CACJ,CAAC,CAAC","sourcesContent":["import type {NodeSpec} from 'prosemirror-model';\n\nimport type {PlaceholderOptions} from '../../../../utils/placeholder';\n\nimport {DeflistAttr, DeflistNode} from './const';\n\nimport type {DeflistSpecsOptions} from './index';\n\nconst DEFAULT_PLACEHOLDERS = {\n Term: 'Definition term',\n Desc: 'Definition description',\n};\n\nexport const getSchemaSpecs = (\n opts?: DeflistSpecsOptions,\n placeholder?: PlaceholderOptions,\n): Record<DeflistNode, NodeSpec> => ({\n [DeflistNode.List]: {\n group: 'block',\n content: `(${DeflistNode.Term} ${DeflistNode.Desc})+`,\n parseDOM: [{tag: 'dl'}],\n toDOM() {\n return ['dl', 0];\n },\n selectable: true,\n allowSelection: true,\n selectAll: 'node',\n complex: 'root',\n },\n\n [DeflistNode.Term]: {\n attrs: {[DeflistAttr.Line]: {default: null}},\n defining: true,\n group: 'block',\n content: 'inline*',\n parseDOM: [{tag: 'dt'}],\n toDOM(node) {\n return ['dt', node.attrs, 0];\n },\n placeholder: {\n content:\n placeholder?.[DeflistNode.Term] ??\n opts?.deflistTermPlaceholder ??\n DEFAULT_PLACEHOLDERS.Term,\n alwaysVisible: true,\n },\n selectable: false,\n allowSelection: false,\n complex: 'leaf',\n },\n\n [DeflistNode.Desc]: {\n defining: true,\n group: 'block',\n content: 'block+',\n parseDOM: [{tag: 'dd'}],\n toDOM() {\n return ['dd', 0];\n },\n placeholder: {\n content:\n placeholder?.[DeflistNode.Desc] ??\n opts?.deflistDescPlaceholder ??\n DEFAULT_PLACEHOLDERS.Desc,\n alwaysVisible: true,\n },\n selectable: false,\n allowSelection: false,\n selectAll: 'node',\n complex: 'leaf',\n },\n});\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"schema.js","sourceRoot":"../../../../../../src","sources":["extensions/markdown/Table/TableSpecs/schema.ts"],"names":[],"mappings":"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","sourcesContent":["import type {NodeSpec} from 'prosemirror-model';\n\nimport {TableRole} from '../../../../table-utils';\nimport {CellAlign, TableAttrs, TableNode} from '../const';\n\nexport const schemaSpecs: Record<TableNode, NodeSpec> = {\n [TableNode.Table]: {\n group: 'block',\n content: `${TableNode.Head} ${TableNode.Body}`,\n isolating: true,\n parseDOM: [{tag: 'table'}],\n toDOM() {\n return ['table', 0];\n },\n selectable: true,\n allowSelection: true,\n tableRole: TableRole.Table,\n complex: 'root',\n },\n\n [TableNode.Head]: {\n group: 'block',\n content: TableNode.Row,\n isolating: true,\n parseDOM: [{tag: 'thead'}],\n toDOM() {\n return ['thead', 0];\n },\n tableRole: TableRole.Body,\n selectable: false,\n allowSelection: false,\n complex: 'inner',\n },\n\n [TableNode.Body]: {\n group: 'block',\n content: `${TableNode.Row}+`,\n isolating: true,\n parseDOM: [{tag: 'tbody'}],\n toDOM() {\n return ['tbody', 0];\n },\n tableRole: TableRole.Body,\n selectable: false,\n allowSelection: false,\n complex: 'inner',\n },\n\n [TableNode.Row]: {\n group: 'block',\n attrs: {[TableAttrs.Line]: {default: null}},\n content: `(${TableNode.HeaderCell}|${TableNode.DataCell})+`,\n isolating: true,\n parseDOM: [{tag: 'tr'}],\n toDOM(node) {\n return ['tr', node.attrs, 0];\n },\n tableRole: TableRole.Row,\n selectable: false,\n allowSelection: false,\n complex: 'inner',\n },\n\n [TableNode.HeaderCell]: cellTemplate('th'),\n\n [TableNode.DataCell]: cellTemplate('td'),\n};\n\nfunction cellTemplate(tag: 'th' | 'td'): NodeSpec {\n return {\n attrs: {[TableAttrs.CellAlign]: {default: CellAlign.Left}},\n group: 'block',\n content: '(text | inline)*',\n isolating: true,\n parseDOM: [\n {\n tag,\n getAttrs(dom) {\n if (!(dom as Element).hasAttribute(TableAttrs.CellAlign)) return null;\n return {\n [TableAttrs.CellAlign]: (dom as Element).getAttribute(TableAttrs.CellAlign),\n };\n },\n },\n ],\n toDOM({attrs}) {\n return [\n tag,\n {\n ...attrs,\n style: `text-align:${attrs[TableAttrs.CellAlign]}`,\n },\n 0,\n ];\n },\n tableRole: TableRole.Cell,\n selectable: false,\n allowSelection: false,\n complex: 'leaf',\n };\n}\n"]}
|
|
1
|
+
{"version":3,"file":"schema.js","sourceRoot":"../../../../../../src","sources":["extensions/markdown/Table/TableSpecs/schema.ts"],"names":[],"mappings":"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","sourcesContent":["import type {NodeSpec} from 'prosemirror-model';\n\nimport {TableRole} from '../../../../table-utils';\nimport {CellAlign, TableAttrs, TableNode} from '../const';\n\nexport const schemaSpecs: Record<TableNode, NodeSpec> = {\n [TableNode.Table]: {\n group: 'block',\n content: `${TableNode.Head} ${TableNode.Body}`,\n isolating: true,\n parseDOM: [{tag: 'table'}],\n toDOM() {\n return ['table', 0];\n },\n selectable: true,\n allowSelection: true,\n selectAll: 'node',\n tableRole: TableRole.Table,\n complex: 'root',\n },\n\n [TableNode.Head]: {\n group: 'block',\n content: TableNode.Row,\n isolating: true,\n parseDOM: [{tag: 'thead'}],\n toDOM() {\n return ['thead', 0];\n },\n tableRole: TableRole.Body,\n selectable: false,\n allowSelection: false,\n complex: 'inner',\n },\n\n [TableNode.Body]: {\n group: 'block',\n content: `${TableNode.Row}+`,\n isolating: true,\n parseDOM: [{tag: 'tbody'}],\n toDOM() {\n return ['tbody', 0];\n },\n tableRole: TableRole.Body,\n selectable: false,\n allowSelection: false,\n complex: 'inner',\n },\n\n [TableNode.Row]: {\n group: 'block',\n attrs: {[TableAttrs.Line]: {default: null}},\n content: `(${TableNode.HeaderCell}|${TableNode.DataCell})+`,\n isolating: true,\n parseDOM: [{tag: 'tr'}],\n toDOM(node) {\n return ['tr', node.attrs, 0];\n },\n tableRole: TableRole.Row,\n selectable: false,\n allowSelection: false,\n complex: 'inner',\n },\n\n [TableNode.HeaderCell]: cellTemplate('th'),\n\n [TableNode.DataCell]: cellTemplate('td'),\n};\n\nfunction cellTemplate(tag: 'th' | 'td'): NodeSpec {\n return {\n attrs: {[TableAttrs.CellAlign]: {default: CellAlign.Left}},\n group: 'block',\n content: '(text | inline)*',\n isolating: true,\n parseDOM: [\n {\n tag,\n getAttrs(dom) {\n if (!(dom as Element).hasAttribute(TableAttrs.CellAlign)) return null;\n return {\n [TableAttrs.CellAlign]: (dom as Element).getAttribute(TableAttrs.CellAlign),\n };\n },\n },\n ],\n toDOM({attrs}) {\n return [\n tag,\n {\n ...attrs,\n style: `text-align:${attrs[TableAttrs.CellAlign]}`,\n },\n 0,\n ];\n },\n tableRole: TableRole.Cell,\n selectable: false,\n allowSelection: false,\n complex: 'leaf',\n };\n}\n"]}
|
|
@@ -19,6 +19,7 @@ export const getSchemaSpecs = (opts, placeholder) => ({
|
|
|
19
19
|
},
|
|
20
20
|
selectable: true,
|
|
21
21
|
allowSelection: true,
|
|
22
|
+
selectAll: 'node',
|
|
22
23
|
defining: true,
|
|
23
24
|
complex: 'root',
|
|
24
25
|
},
|
|
@@ -61,6 +62,7 @@ export const getSchemaSpecs = (opts, placeholder) => ({
|
|
|
61
62
|
definingAsContext: true,
|
|
62
63
|
selectable: false,
|
|
63
64
|
allowSelection: false,
|
|
65
|
+
selectAll: 'content',
|
|
64
66
|
complex: 'leaf',
|
|
65
67
|
},
|
|
66
68
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"schema.js","sourceRoot":"../../../../../../src","sources":["extensions/yfm/YfmCut/YfmCutSpecs/schema.ts"],"names":[],"mappings":"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","sourcesContent":["import type {NodeSpec} from '#pm/model';\nimport type {PlaceholderOptions} from 'src/utils/placeholder';\n\nimport {CutAttr, CutNode, YfmCutClassName} from './const';\n\nexport type YfmCutSchemaOptions = {\n /**\n * @deprecated use placeholder option in BehaviorPreset instead.\n */\n yfmCutTitlePlaceholder?: NonNullable<NodeSpec['placeholder']>['content'];\n /**\n * @deprecated use placeholder option in BehaviorPreset instead.\n */\n yfmCutContentPlaceholder?: NonNullable<NodeSpec['placeholder']>['content'];\n};\n\nconst DEFAULT_PLACEHOLDERS = {\n Title: 'Cut title',\n Content: 'Cut content',\n};\n\nexport const getSchemaSpecs = (\n opts?: YfmCutSchemaOptions,\n placeholder?: PlaceholderOptions,\n): Record<CutNode, NodeSpec> => ({\n [CutNode.Cut]: {\n attrs: {class: {default: YfmCutClassName.Cut}, [CutAttr.Markup]: {default: null}},\n content: `${CutNode.CutTitle} ${CutNode.CutContent}`,\n group: 'block yfm-cut',\n parseDOM: [\n {\n tag: `.${YfmCutClassName.Cut}`,\n getAttrs: (node) => ({[CutAttr.Markup]: node.getAttribute(CutAttr.Markup)}),\n },\n ],\n toDOM(node) {\n return ['div', node.attrs, 0];\n },\n selectable: true,\n allowSelection: true,\n defining: true,\n complex: 'root',\n },\n\n [CutNode.CutTitle]: {\n attrs: {\n [CutAttr.Class]: {default: YfmCutClassName.Title},\n [CutAttr.Line]: {default: null},\n },\n content: 'inline*',\n group: 'block yfm-cut',\n parseDOM: [{tag: `.${YfmCutClassName.Title}`}],\n toDOM(node) {\n return ['div', node.attrs, 0];\n },\n placeholder: {\n content:\n placeholder?.[CutNode.CutTitle] ??\n opts?.yfmCutTitlePlaceholder ??\n DEFAULT_PLACEHOLDERS.Title,\n alwaysVisible: true,\n },\n definingAsContext: true,\n selectable: false,\n allowSelection: false,\n complex: 'leaf',\n },\n\n [CutNode.CutContent]: {\n attrs: {class: {default: YfmCutClassName.Content}},\n content: '(block | paragraph)+',\n group: 'block yfm-cut',\n parseDOM: [{tag: `.${YfmCutClassName.Content}`}],\n toDOM(node) {\n return ['div', node.attrs, 0];\n },\n placeholder: {\n content:\n placeholder?.[CutNode.CutContent] ??\n opts?.yfmCutContentPlaceholder ??\n DEFAULT_PLACEHOLDERS.Content,\n alwaysVisible: true,\n },\n definingAsContext: true,\n selectable: false,\n allowSelection: false,\n complex: 'leaf',\n },\n});\n"]}
|
|
1
|
+
{"version":3,"file":"schema.js","sourceRoot":"../../../../../../src","sources":["extensions/yfm/YfmCut/YfmCutSpecs/schema.ts"],"names":[],"mappings":"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","sourcesContent":["import type {NodeSpec} from '#pm/model';\nimport type {PlaceholderOptions} from 'src/utils/placeholder';\n\nimport {CutAttr, CutNode, YfmCutClassName} from './const';\n\nexport type YfmCutSchemaOptions = {\n /**\n * @deprecated use placeholder option in BehaviorPreset instead.\n */\n yfmCutTitlePlaceholder?: NonNullable<NodeSpec['placeholder']>['content'];\n /**\n * @deprecated use placeholder option in BehaviorPreset instead.\n */\n yfmCutContentPlaceholder?: NonNullable<NodeSpec['placeholder']>['content'];\n};\n\nconst DEFAULT_PLACEHOLDERS = {\n Title: 'Cut title',\n Content: 'Cut content',\n};\n\nexport const getSchemaSpecs = (\n opts?: YfmCutSchemaOptions,\n placeholder?: PlaceholderOptions,\n): Record<CutNode, NodeSpec> => ({\n [CutNode.Cut]: {\n attrs: {class: {default: YfmCutClassName.Cut}, [CutAttr.Markup]: {default: null}},\n content: `${CutNode.CutTitle} ${CutNode.CutContent}`,\n group: 'block yfm-cut',\n parseDOM: [\n {\n tag: `.${YfmCutClassName.Cut}`,\n getAttrs: (node) => ({[CutAttr.Markup]: node.getAttribute(CutAttr.Markup)}),\n },\n ],\n toDOM(node) {\n return ['div', node.attrs, 0];\n },\n selectable: true,\n allowSelection: true,\n selectAll: 'node',\n defining: true,\n complex: 'root',\n },\n\n [CutNode.CutTitle]: {\n attrs: {\n [CutAttr.Class]: {default: YfmCutClassName.Title},\n [CutAttr.Line]: {default: null},\n },\n content: 'inline*',\n group: 'block yfm-cut',\n parseDOM: [{tag: `.${YfmCutClassName.Title}`}],\n toDOM(node) {\n return ['div', node.attrs, 0];\n },\n placeholder: {\n content:\n placeholder?.[CutNode.CutTitle] ??\n opts?.yfmCutTitlePlaceholder ??\n DEFAULT_PLACEHOLDERS.Title,\n alwaysVisible: true,\n },\n definingAsContext: true,\n selectable: false,\n allowSelection: false,\n complex: 'leaf',\n },\n\n [CutNode.CutContent]: {\n attrs: {class: {default: YfmCutClassName.Content}},\n content: '(block | paragraph)+',\n group: 'block yfm-cut',\n parseDOM: [{tag: `.${YfmCutClassName.Content}`}],\n toDOM(node) {\n return ['div', node.attrs, 0];\n },\n placeholder: {\n content:\n placeholder?.[CutNode.CutContent] ??\n opts?.yfmCutContentPlaceholder ??\n DEFAULT_PLACEHOLDERS.Content,\n alwaysVisible: true,\n },\n definingAsContext: true,\n selectable: false,\n allowSelection: false,\n selectAll: 'content',\n complex: 'leaf',\n },\n});\n"]}
|
|
@@ -24,6 +24,7 @@ export const getSchemaSpecs = (opts, placeholder) => ({
|
|
|
24
24
|
},
|
|
25
25
|
selectable: true,
|
|
26
26
|
allowSelection: true,
|
|
27
|
+
selectAll: 'node',
|
|
27
28
|
complex: 'root',
|
|
28
29
|
},
|
|
29
30
|
[NoteNode.NoteTitle]: {
|
|
@@ -63,6 +64,7 @@ export const getSchemaSpecs = (opts, placeholder) => ({
|
|
|
63
64
|
},
|
|
64
65
|
selectable: false,
|
|
65
66
|
allowSelection: false,
|
|
67
|
+
selectAll: 'content',
|
|
66
68
|
placeholder: {
|
|
67
69
|
content: placeholder?.[NoteNode.NoteContent] ?? DEFAULT_CONTENT_PLACEHOLDER,
|
|
68
70
|
alwaysVisible: true,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"schema.js","sourceRoot":"../../../../../../src","sources":["extensions/yfm/YfmNote/YfmNoteSpecs/schema.ts"],"names":[],"mappings":"AAIA,OAAO,EAAC,SAAS,EAAE,QAAQ,EAAC,mBAAgB;AAI5C,MAAM,yBAAyB,GAAG,MAAM,CAAC;AACzC,MAAM,2BAA2B,GAAG,cAAc,CAAC;AAEnD,MAAM,CAAC,MAAM,cAAc,GAAG,CAC1B,IAA0B,EAC1B,WAAgC,EACN,EAAE,CAAC,CAAC;IAC9B,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE;QACb,KAAK,EAAE;YACH,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,EAAC,OAAO,EAAE,0BAA0B,EAAC;YACxD,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,EAAC,OAAO,EAAE,MAAM,EAAC;SACtC;QACD,OAAO,EAAE,GAAG,QAAQ,CAAC,SAAS,IAAI,QAAQ,CAAC,WAAW,EAAE;QACxD,KAAK,EAAE,gBAAgB;QACvB,QAAQ,EAAE;YACN;gBACI,GAAG,EAAE,cAAc;gBACnB,QAAQ,EAAE,GAAG;gBACb,QAAQ,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;oBACjB,CAAC,SAAS,CAAC,KAAK,CAAC,EAAG,IAAgB,CAAC,YAAY,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI,EAAE;oBACxE,CAAC,SAAS,CAAC,IAAI,CAAC,EAAG,IAAgB,CAAC,YAAY,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,MAAM;iBAC7E,CAAC;aACL;SACJ;QACD,KAAK,CAAC,IAAI;YACN,OAAO,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;QAClC,CAAC;QACD,UAAU,EAAE,IAAI;QAChB,cAAc,EAAE,IAAI;QACpB,OAAO,EAAE,MAAM;KAClB;IAED,CAAC,QAAQ,CAAC,SAAS,CAAC,EAAE;QAClB,KAAK,EAAE,EAAC,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,EAAC,OAAO,EAAE,IAAI,EAAC,EAAC;QAC1C,OAAO,EAAE,SAAS;QAClB,KAAK,EAAE,gBAAgB;QACvB,QAAQ,EAAE;YACN;gBACI,GAAG,EAAE,kBAAkB;gBACvB,QAAQ,EAAE,GAAG;aAChB;SACJ;QACD,KAAK,CAAC,IAAI;YACN,OAAO,CAAC,GAAG,EAAE,EAAC,KAAK,EAAE,gBAAgB,EAAE,GAAG,IAAI,CAAC,KAAK,EAAC,EAAE,CAAC,CAAC,CAAC;QAC9D,CAAC;QACD,UAAU,EAAE,KAAK;QACjB,cAAc,EAAE,KAAK;QACrB,WAAW,EAAE;YACT,OAAO,EACH,WAAW,EAAE,CAAC,QAAQ,CAAC,SAAS,CAAC;gBACjC,IAAI,EAAE,uBAAuB;gBAC7B,yBAAyB;YAC7B,aAAa,EAAE,IAAI;SACtB;QACD,OAAO,EAAE,MAAM;KAClB;IACD,CAAC,QAAQ,CAAC,WAAW,CAAC,EAAE;QACpB,OAAO,EAAE,sBAAsB;QAC/B,KAAK,EAAE,gBAAgB;QACvB,QAAQ,EAAE;YACN;gBACI,GAAG,EAAE,sBAAsB;gBAC3B,QAAQ,EAAE,GAAG;aAChB;SACJ;QACD,KAAK;YACD,OAAO,CAAC,KAAK,EAAE,EAAC,KAAK,EAAE,kBAAkB,EAAC,EAAE,CAAC,CAAC,CAAC;QACnD,CAAC;QACD,UAAU,EAAE,KAAK;QACjB,cAAc,EAAE,KAAK;QACrB,WAAW,EAAE;YACT,OAAO,EAAE,WAAW,EAAE,CAAC,QAAQ,CAAC,WAAW,CAAC,IAAI,2BAA2B;YAC3E,aAAa,EAAE,IAAI;SACtB;QACD,OAAO,EAAE,MAAM;KAClB;CACJ,CAAC,CAAC","sourcesContent":["import type {NodeSpec} from 'prosemirror-model';\n\nimport type {PlaceholderOptions} from '../../../../utils/placeholder';\n\nimport {NoteAttrs, NoteNode} from './const';\n\nimport type {YfmNoteSpecsOptions} from './index';\n\nconst DEFAULT_TITLE_PLACEHOLDER = 'Note';\nconst DEFAULT_CONTENT_PLACEHOLDER = 'Note content';\n\nexport const getSchemaSpecs = (\n opts?: YfmNoteSpecsOptions,\n placeholder?: PlaceholderOptions,\n): Record<NoteNode, NodeSpec> => ({\n [NoteNode.Note]: {\n attrs: {\n [NoteAttrs.Class]: {default: 'yfm-note yfm-accent-info'},\n [NoteAttrs.Type]: {default: 'info'},\n },\n content: `${NoteNode.NoteTitle} ${NoteNode.NoteContent}`,\n group: 'block yfm-note',\n parseDOM: [\n {\n tag: 'div.yfm-note',\n priority: 100,\n getAttrs: (node) => ({\n [NoteAttrs.Class]: (node as Element).getAttribute(NoteAttrs.Class) || '',\n [NoteAttrs.Type]: (node as Element).getAttribute(NoteAttrs.Type) || 'info',\n }),\n },\n ],\n toDOM(node) {\n return ['div', node.attrs, 0];\n },\n selectable: true,\n allowSelection: true,\n complex: 'root',\n },\n\n [NoteNode.NoteTitle]: {\n attrs: {[NoteAttrs.Line]: {default: null}},\n content: 'inline*',\n group: 'block yfm-note',\n parseDOM: [\n {\n tag: 'p.yfm-note-title',\n priority: 100,\n },\n ],\n toDOM(node) {\n return ['p', {class: 'yfm-note-title', ...node.attrs}, 0];\n },\n selectable: false,\n allowSelection: false,\n placeholder: {\n content:\n placeholder?.[NoteNode.NoteTitle] ??\n opts?.yfmNoteTitlePlaceholder ??\n DEFAULT_TITLE_PLACEHOLDER,\n alwaysVisible: true,\n },\n complex: 'leaf',\n },\n [NoteNode.NoteContent]: {\n content: '(block | paragraph)+',\n group: 'block yfm-note',\n parseDOM: [\n {\n tag: 'div.yfm-note-content',\n priority: 100,\n },\n ],\n toDOM() {\n return ['div', {class: 'yfm-note-content'}, 0];\n },\n selectable: false,\n allowSelection: false,\n placeholder: {\n content: placeholder?.[NoteNode.NoteContent] ?? DEFAULT_CONTENT_PLACEHOLDER,\n alwaysVisible: true,\n },\n complex: 'leaf',\n },\n});\n"]}
|
|
1
|
+
{"version":3,"file":"schema.js","sourceRoot":"../../../../../../src","sources":["extensions/yfm/YfmNote/YfmNoteSpecs/schema.ts"],"names":[],"mappings":"AAIA,OAAO,EAAC,SAAS,EAAE,QAAQ,EAAC,mBAAgB;AAI5C,MAAM,yBAAyB,GAAG,MAAM,CAAC;AACzC,MAAM,2BAA2B,GAAG,cAAc,CAAC;AAEnD,MAAM,CAAC,MAAM,cAAc,GAAG,CAC1B,IAA0B,EAC1B,WAAgC,EACN,EAAE,CAAC,CAAC;IAC9B,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE;QACb,KAAK,EAAE;YACH,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,EAAC,OAAO,EAAE,0BAA0B,EAAC;YACxD,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,EAAC,OAAO,EAAE,MAAM,EAAC;SACtC;QACD,OAAO,EAAE,GAAG,QAAQ,CAAC,SAAS,IAAI,QAAQ,CAAC,WAAW,EAAE;QACxD,KAAK,EAAE,gBAAgB;QACvB,QAAQ,EAAE;YACN;gBACI,GAAG,EAAE,cAAc;gBACnB,QAAQ,EAAE,GAAG;gBACb,QAAQ,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;oBACjB,CAAC,SAAS,CAAC,KAAK,CAAC,EAAG,IAAgB,CAAC,YAAY,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI,EAAE;oBACxE,CAAC,SAAS,CAAC,IAAI,CAAC,EAAG,IAAgB,CAAC,YAAY,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,MAAM;iBAC7E,CAAC;aACL;SACJ;QACD,KAAK,CAAC,IAAI;YACN,OAAO,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;QAClC,CAAC;QACD,UAAU,EAAE,IAAI;QAChB,cAAc,EAAE,IAAI;QACpB,SAAS,EAAE,MAAM;QACjB,OAAO,EAAE,MAAM;KAClB;IAED,CAAC,QAAQ,CAAC,SAAS,CAAC,EAAE;QAClB,KAAK,EAAE,EAAC,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,EAAC,OAAO,EAAE,IAAI,EAAC,EAAC;QAC1C,OAAO,EAAE,SAAS;QAClB,KAAK,EAAE,gBAAgB;QACvB,QAAQ,EAAE;YACN;gBACI,GAAG,EAAE,kBAAkB;gBACvB,QAAQ,EAAE,GAAG;aAChB;SACJ;QACD,KAAK,CAAC,IAAI;YACN,OAAO,CAAC,GAAG,EAAE,EAAC,KAAK,EAAE,gBAAgB,EAAE,GAAG,IAAI,CAAC,KAAK,EAAC,EAAE,CAAC,CAAC,CAAC;QAC9D,CAAC;QACD,UAAU,EAAE,KAAK;QACjB,cAAc,EAAE,KAAK;QACrB,WAAW,EAAE;YACT,OAAO,EACH,WAAW,EAAE,CAAC,QAAQ,CAAC,SAAS,CAAC;gBACjC,IAAI,EAAE,uBAAuB;gBAC7B,yBAAyB;YAC7B,aAAa,EAAE,IAAI;SACtB;QACD,OAAO,EAAE,MAAM;KAClB;IACD,CAAC,QAAQ,CAAC,WAAW,CAAC,EAAE;QACpB,OAAO,EAAE,sBAAsB;QAC/B,KAAK,EAAE,gBAAgB;QACvB,QAAQ,EAAE;YACN;gBACI,GAAG,EAAE,sBAAsB;gBAC3B,QAAQ,EAAE,GAAG;aAChB;SACJ;QACD,KAAK;YACD,OAAO,CAAC,KAAK,EAAE,EAAC,KAAK,EAAE,kBAAkB,EAAC,EAAE,CAAC,CAAC,CAAC;QACnD,CAAC;QACD,UAAU,EAAE,KAAK;QACjB,cAAc,EAAE,KAAK;QACrB,SAAS,EAAE,SAAS;QACpB,WAAW,EAAE;YACT,OAAO,EAAE,WAAW,EAAE,CAAC,QAAQ,CAAC,WAAW,CAAC,IAAI,2BAA2B;YAC3E,aAAa,EAAE,IAAI;SACtB;QACD,OAAO,EAAE,MAAM;KAClB;CACJ,CAAC,CAAC","sourcesContent":["import type {NodeSpec} from 'prosemirror-model';\n\nimport type {PlaceholderOptions} from '../../../../utils/placeholder';\n\nimport {NoteAttrs, NoteNode} from './const';\n\nimport type {YfmNoteSpecsOptions} from './index';\n\nconst DEFAULT_TITLE_PLACEHOLDER = 'Note';\nconst DEFAULT_CONTENT_PLACEHOLDER = 'Note content';\n\nexport const getSchemaSpecs = (\n opts?: YfmNoteSpecsOptions,\n placeholder?: PlaceholderOptions,\n): Record<NoteNode, NodeSpec> => ({\n [NoteNode.Note]: {\n attrs: {\n [NoteAttrs.Class]: {default: 'yfm-note yfm-accent-info'},\n [NoteAttrs.Type]: {default: 'info'},\n },\n content: `${NoteNode.NoteTitle} ${NoteNode.NoteContent}`,\n group: 'block yfm-note',\n parseDOM: [\n {\n tag: 'div.yfm-note',\n priority: 100,\n getAttrs: (node) => ({\n [NoteAttrs.Class]: (node as Element).getAttribute(NoteAttrs.Class) || '',\n [NoteAttrs.Type]: (node as Element).getAttribute(NoteAttrs.Type) || 'info',\n }),\n },\n ],\n toDOM(node) {\n return ['div', node.attrs, 0];\n },\n selectable: true,\n allowSelection: true,\n selectAll: 'node',\n complex: 'root',\n },\n\n [NoteNode.NoteTitle]: {\n attrs: {[NoteAttrs.Line]: {default: null}},\n content: 'inline*',\n group: 'block yfm-note',\n parseDOM: [\n {\n tag: 'p.yfm-note-title',\n priority: 100,\n },\n ],\n toDOM(node) {\n return ['p', {class: 'yfm-note-title', ...node.attrs}, 0];\n },\n selectable: false,\n allowSelection: false,\n placeholder: {\n content:\n placeholder?.[NoteNode.NoteTitle] ??\n opts?.yfmNoteTitlePlaceholder ??\n DEFAULT_TITLE_PLACEHOLDER,\n alwaysVisible: true,\n },\n complex: 'leaf',\n },\n [NoteNode.NoteContent]: {\n content: '(block | paragraph)+',\n group: 'block yfm-note',\n parseDOM: [\n {\n tag: 'div.yfm-note-content',\n priority: 100,\n },\n ],\n toDOM() {\n return ['div', {class: 'yfm-note-content'}, 0];\n },\n selectable: false,\n allowSelection: false,\n selectAll: 'content',\n placeholder: {\n content: placeholder?.[NoteNode.NoteContent] ?? DEFAULT_CONTENT_PLACEHOLDER,\n alwaysVisible: true,\n },\n complex: 'leaf',\n },\n});\n"]}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
.g-md-yfm-note-toolbar {
|
|
2
|
+
margin: var(--g-spacing-half);
|
|
3
|
+
}
|
|
4
|
+
|
|
5
|
+
.g-md-toolbar-group__s-button_id_note-type-tip {
|
|
6
|
+
--g-button-text-color: var(--yfm-color-note-tip);
|
|
7
|
+
--g-button-text-color-hover: var(--yfm-color-note-tip);
|
|
8
|
+
}
|
|
9
|
+
.g-md-toolbar-group__s-button_id_note-type-info {
|
|
10
|
+
--g-button-text-color: var(--yfm-color-note-info);
|
|
11
|
+
--g-button-text-color-hover: var(--yfm-color-note-info);
|
|
12
|
+
}
|
|
13
|
+
.g-md-toolbar-group__s-button_id_note-type-alert {
|
|
14
|
+
--g-button-text-color: var(--yfm-color-note-important);
|
|
15
|
+
--g-button-text-color-hover: var(--yfm-color-note-important);
|
|
16
|
+
}
|
|
17
|
+
.g-md-toolbar-group__s-button_id_note-type-warning {
|
|
18
|
+
--g-button-text-color: var(--yfm-color-note-warning);
|
|
19
|
+
--g-button-text-color-hover: var(--yfm-color-note-warning);
|
|
20
|
+
}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { Node } from "../../../../../pm/model.js";
|
|
2
|
+
import type { EditorView } from "../../../../../pm/view.js";
|
|
3
|
+
import "./YfmNoteToolbar.css";
|
|
4
|
+
export type YfmNoteToolbarProps = {
|
|
5
|
+
node: Node;
|
|
6
|
+
pos: number;
|
|
7
|
+
editorView: EditorView;
|
|
8
|
+
};
|
|
9
|
+
export declare function YfmNoteToolbar({ pos, node, editorView }: YfmNoteToolbarProps): JSX.Element;
|
|
@@ -0,0 +1,74 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { useCallback, useMemo } from 'react';
|
|
3
|
+
import { CircleInfo, TrashBin } from '@gravity-ui/icons';
|
|
4
|
+
import { useLatest } from 'react-use';
|
|
5
|
+
import { i18n } from "../../../../../i18n/yfm-note/index.js";
|
|
6
|
+
import { typedMemo } from "../../../../../react-utils/memo.js";
|
|
7
|
+
import { Toolbar, ToolbarDataType } from "../../../../../toolbar/index.js";
|
|
8
|
+
import { ToolbarWrapToContext } from "../../../../../toolbar/ToolbarRerender.js";
|
|
9
|
+
import { removeNode } from "../../../../../utils/remove-node.js";
|
|
10
|
+
import { NoteAttrs } from "../../const.js";
|
|
11
|
+
import "./YfmNoteToolbar.css";
|
|
12
|
+
const ToolbarMemoized = typedMemo(Toolbar);
|
|
13
|
+
var YfmNoteType;
|
|
14
|
+
(function (YfmNoteType) {
|
|
15
|
+
YfmNoteType["tip"] = "tip";
|
|
16
|
+
YfmNoteType["info"] = "info";
|
|
17
|
+
YfmNoteType["warning"] = "warning";
|
|
18
|
+
YfmNoteType["alert"] = "alert";
|
|
19
|
+
})(YfmNoteType || (YfmNoteType = {}));
|
|
20
|
+
const isEnable = () => true;
|
|
21
|
+
const changeType = (type) => ({ node, pos, dispatch, tr }) => {
|
|
22
|
+
dispatch(tr.setNodeMarkup(pos, null, {
|
|
23
|
+
...node.attrs,
|
|
24
|
+
[NoteAttrs.Class]: `yfm-note yfm-accent-${type}`,
|
|
25
|
+
[NoteAttrs.Type]: type,
|
|
26
|
+
}));
|
|
27
|
+
};
|
|
28
|
+
export function YfmNoteToolbar({ pos, node, editorView }) {
|
|
29
|
+
const posRef = useLatest(pos);
|
|
30
|
+
const nodeRef = useLatest(node);
|
|
31
|
+
const onFocus = useCallback(() => {
|
|
32
|
+
editorView.focus();
|
|
33
|
+
}, [editorView]);
|
|
34
|
+
const toolbarData = useMemo(() => {
|
|
35
|
+
return [
|
|
36
|
+
[YfmNoteType.info, YfmNoteType.tip, YfmNoteType.warning, YfmNoteType.alert].map((type) => ({
|
|
37
|
+
id: `note-type-${type}`,
|
|
38
|
+
icon: { data: CircleInfo },
|
|
39
|
+
title: i18n(type),
|
|
40
|
+
type: ToolbarDataType.SingleButton,
|
|
41
|
+
isActive: () => nodeRef.current.attrs[NoteAttrs.Type] === type,
|
|
42
|
+
isEnable,
|
|
43
|
+
exec: (view) => changeType(type)({
|
|
44
|
+
pos: posRef.current,
|
|
45
|
+
node: nodeRef.current,
|
|
46
|
+
tr: view.state.tr,
|
|
47
|
+
dispatch: view.dispatch,
|
|
48
|
+
}),
|
|
49
|
+
})),
|
|
50
|
+
[
|
|
51
|
+
{
|
|
52
|
+
id: 'note-remove',
|
|
53
|
+
icon: { data: TrashBin },
|
|
54
|
+
title: i18n('remove'),
|
|
55
|
+
type: ToolbarDataType.SingleButton,
|
|
56
|
+
theme: 'danger',
|
|
57
|
+
isActive: () => false,
|
|
58
|
+
isEnable,
|
|
59
|
+
exec: (view) => removeNode({
|
|
60
|
+
pos: posRef.current,
|
|
61
|
+
node: nodeRef.current,
|
|
62
|
+
tr: view.state.tr,
|
|
63
|
+
dispatch: view.dispatch,
|
|
64
|
+
}),
|
|
65
|
+
},
|
|
66
|
+
],
|
|
67
|
+
];
|
|
68
|
+
}, [nodeRef, posRef]);
|
|
69
|
+
return (_jsx(ToolbarWrapToContext, { editor: editorView, children: _jsx(ToolbarMemoized, { editor: editorView, focus: onFocus,
|
|
70
|
+
// the yfm class allows to access css variables
|
|
71
|
+
// https://github.com/diplodoc-platform/transform/blob/master/src/scss/_common.scss#L17
|
|
72
|
+
className: "yfm g-md-yfm-note-toolbar", qa: "g-md-toolbar-yfm-note", data: toolbarData }) }));
|
|
73
|
+
}
|
|
74
|
+
//# sourceMappingURL=YfmNoteToolbar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"YfmNoteToolbar.js","sourceRoot":"../../../../../../../src","sources":["extensions/yfm/YfmNote/plugins/YfmNoteTooltipPlugin/YfmNoteToolbar.tsx"],"names":[],"mappings":"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","sourcesContent":["import {useCallback, useMemo} from 'react';\n\nimport {CircleInfo, TrashBin} from '@gravity-ui/icons';\nimport {useLatest} from 'react-use';\n\nimport type {Node} from '#pm/model';\nimport type {Transaction} from '#pm/state';\nimport type {EditorView} from '#pm/view';\nimport {i18n} from 'src/i18n/yfm-note';\nimport {typedMemo} from 'src/react-utils/memo';\nimport {Toolbar, type ToolbarData, ToolbarDataType} from 'src/toolbar';\nimport {ToolbarWrapToContext} from 'src/toolbar/ToolbarRerender';\nimport {removeNode} from 'src/utils/remove-node';\n\nimport {NoteAttrs} from '../../const';\n\nimport './YfmNoteToolbar.scss';\n\nconst ToolbarMemoized = typedMemo(Toolbar);\n\nenum YfmNoteType {\n tip = 'tip',\n info = 'info',\n warning = 'warning',\n alert = 'alert',\n}\n\nconst isEnable = () => true;\n\nconst changeType: (\n type: YfmNoteType,\n) => (params: {\n node: Node;\n pos: number;\n dispatch: EditorView['dispatch'];\n tr: Transaction;\n}) => void =\n (type) =>\n ({node, pos, dispatch, tr}) => {\n dispatch(\n tr.setNodeMarkup(pos, null, {\n ...node.attrs,\n [NoteAttrs.Class]: `yfm-note yfm-accent-${type}`,\n [NoteAttrs.Type]: type,\n }),\n );\n };\n\nexport type YfmNoteToolbarProps = {\n node: Node;\n pos: number;\n editorView: EditorView;\n};\n\nexport function YfmNoteToolbar({pos, node, editorView}: YfmNoteToolbarProps) {\n const posRef = useLatest(pos);\n const nodeRef = useLatest(node);\n\n const onFocus = useCallback(() => {\n editorView.focus();\n }, [editorView]);\n\n const toolbarData = useMemo<ToolbarData<EditorView>>(() => {\n return [\n [YfmNoteType.info, YfmNoteType.tip, YfmNoteType.warning, YfmNoteType.alert].map(\n (type) => ({\n id: `note-type-${type}`,\n icon: {data: CircleInfo},\n title: i18n(type),\n type: ToolbarDataType.SingleButton,\n isActive: () => nodeRef.current.attrs[NoteAttrs.Type] === type,\n isEnable,\n exec: (view) =>\n changeType(type)({\n pos: posRef.current,\n node: nodeRef.current,\n tr: view.state.tr,\n dispatch: view.dispatch,\n }),\n }),\n ),\n [\n {\n id: 'note-remove',\n icon: {data: TrashBin},\n title: i18n('remove'),\n type: ToolbarDataType.SingleButton,\n theme: 'danger',\n isActive: () => false,\n isEnable,\n exec: (view) =>\n removeNode({\n pos: posRef.current,\n node: nodeRef.current,\n tr: view.state.tr,\n dispatch: view.dispatch,\n }),\n },\n ],\n ];\n }, [nodeRef, posRef]);\n\n return (\n <ToolbarWrapToContext editor={editorView}>\n <ToolbarMemoized\n editor={editorView}\n focus={onFocus}\n // the yfm class allows to access css variables\n // https://github.com/diplodoc-platform/transform/blob/master/src/scss/_common.scss#L17\n className=\"yfm g-md-yfm-note-toolbar\"\n qa=\"g-md-toolbar-yfm-note\"\n data={toolbarData}\n />\n </ToolbarWrapToContext>\n );\n}\n"]}
|
|
@@ -1,4 +1,3 @@
|
|
|
1
1
|
import { Plugin } from 'prosemirror-state';
|
|
2
2
|
import type { ExtensionDeps } from "../../../../../core/index.js";
|
|
3
|
-
|
|
4
|
-
export declare const yfmNoteTooltipPlugin: ({ actions, schema }: ExtensionDeps) => Plugin<any>;
|
|
3
|
+
export declare const yfmNoteTooltipPlugin: (_deps: ExtensionDeps) => Plugin<any>;
|