@gravity-ui/markdown-editor 13.5.2 → 13.6.0

package/build/cjs/extensions/yfm/YfmHeading/YfmHeadingSpecs/index.js

@@ -16,7 +16,7 @@ const YfmHeadingSpecs = (builder, opts) => {
                     [const_1.YfmHeadingAttr.Id]: { default: '' },
                     [const_1.YfmHeadingAttr.Level]: { default: 1 },
                     [const_1.YfmHeadingAttr.DataLine]: { default: null },
-                    [const_1.YfmHeadingAttr.Folding]: { default: false },
+                    [const_1.YfmHeadingAttr.Folding]: { default: null },
                 },
                 content: '(text | inline)*',
                 group: 'block',
@@ -39,7 +39,7 @@ const YfmHeadingSpecs = (builder, opts) => {
                         {
                             id: id || null,
                             [const_1.YfmHeadingAttr.DataLine]: lineNumber,
-                            [`data-${const_1.YfmHeadingAttr.Folding}`]: folding ? '' : null,
+                            [`data-${const_1.YfmHeadingAttr.Folding}`]: folding,
                         },
                         0,
                         // [
@@ -74,14 +74,14 @@ const YfmHeadingSpecs = (builder, opts) => {
                         //     attrs[YfmHeadingAttr.Id] = slugify(tokens[index + 1].content);
                         // }
                         // attrs have id only if it explicitly specified manually
-                        return Object.assign({ [const_1.YfmHeadingAttr.Level]: Number(token.tag.slice(1)), [const_1.YfmHeadingAttr.Folding]: (_a = token.meta) === null || _a === void 0 ? void 0 : _a.folding }, attrs);
+                        return Object.assign({ [const_1.YfmHeadingAttr.Level]: Number(token.tag.slice(1)), [const_1.YfmHeadingAttr.Folding]: ((_a = token.meta) === null || _a === void 0 ? void 0 : _a.folding) === true ? true : null }, attrs);
                     },
                 },
             },
             toMd: (state, node) => {
                 const folding = node.attrs[const_1.YfmHeadingAttr.Folding];
                 const level = node.attrs[const_1.YfmHeadingAttr.Level];
-                state.write(state.repeat('#', level) + (folding ? '+' : '') + ' ');
+                state.write(state.repeat('#', level) + (typeof folding === 'boolean' ? '+' : '') + ' ');
                 state.renderInline(node);
                 const anchor = node.attrs[const_1.YfmHeadingAttr.Id];
                 if (anchor /*&& anchor !== node.firstChild?.textContent*/) {

package/build/cjs/extensions/yfm/YfmHeading/YfmHeadingSpecs/utils.js

@@ -10,9 +10,17 @@ Object.defineProperty(exports, "headingRule", { enumerable: true, get: function
 const getNodeAttrs = (level) => (node) => ({
     [const_1.YfmHeadingAttr.Level]: level,
     [const_1.YfmHeadingAttr.Id]: node.getAttribute('id') || '',
-    [const_1.YfmHeadingAttr.Folding]: node.hasAttribute(`data-${const_1.YfmHeadingAttr.Folding}`),
+    [const_1.YfmHeadingAttr.Folding]: getFoldingAttr(node),
 });
 exports.getNodeAttrs = getNodeAttrs;
+function getFoldingAttr(node) {
+    const value = node.getAttribute(`data-${const_1.YfmHeadingAttr.Folding}`);
+    if (value === 'true')
+        return true;
+    if (value === 'false')
+        return false;
+    return null;
+}
 // export const slugify = (str: string) =>
 //     // same config as in yfm-transform
 //     // https://github.com/yandex-cloud/yfm-transform/blob/master/lib/plugins/anchors/index.js#L97-L100

package/build/cjs/i18n/menubar/en.json

@@ -17,6 +17,8 @@
   "cut": "Cut",
   "emoji": "Emoji",
   "file": "File",
+  "folding-heading": "Collapsed section",
+  "folding-heading_hint": "The text under the heading can be collapsed or expanded",
   "heading": "Heading",
   "heading1": "Heading 1",
   "heading2": "Heading 2",

package/build/cjs/i18n/menubar/index.d.ts

@@ -1,4 +1,4 @@
-export declare const i18n: <G extends "bold" | "code" | "link" | "italic" | "strike" | "underline" | "mark" | "quote" | "colorify" | "mono" | "text" | "html" | "cut" | "table" | "image" | "code_inline" | "heading" | "note" | "file" | "codeblock" | "checkbox" | "emoji" | "list" | "tabs" | "math" | "heading1" | "heading2" | "heading3" | "heading4" | "heading5" | "heading6" | "undo" | "redo" | "math_inline" | "math_block" | "colorify__color_blue" | "colorify__color_default" | "colorify__color_gray" | "colorify__color_green" | "colorify__color_orange" | "colorify__color_red" | "colorify__color_violet" | "colorify__color_yellow" | "colorify__group_text" | "hrule" | "list__action_lift" | "list__action_sink" | "list_action_disabled" | "mermaid" | "more_action" | "olist" | "ulist", S extends string>(key: G | (string extends S ? S : never), params?: {
+export declare const i18n: <G extends "bold" | "code" | "link" | "italic" | "strike" | "underline" | "mark" | "quote" | "colorify" | "mono" | "text" | "html" | "cut" | "table" | "image" | "code_inline" | "heading" | "note" | "file" | "codeblock" | "checkbox" | "emoji" | "list" | "tabs" | "math" | "heading1" | "heading2" | "heading3" | "heading4" | "heading5" | "heading6" | "undo" | "redo" | "math_inline" | "math_block" | "colorify__color_blue" | "colorify__color_default" | "colorify__color_gray" | "colorify__color_green" | "colorify__color_orange" | "colorify__color_red" | "colorify__color_violet" | "colorify__color_yellow" | "colorify__group_text" | "folding-heading" | "folding-heading_hint" | "hrule" | "list__action_lift" | "list__action_sink" | "list_action_disabled" | "mermaid" | "more_action" | "olist" | "ulist", S extends string>(key: G | (string extends S ? S : never), params?: {
     [key: string]: any;
 } | undefined) => S extends G ? {
     bold: string;
@@ -19,6 +19,8 @@ export declare const i18n: <G extends "bold" | "code" | "link" | "italic" | "str
     cut: string;
     emoji: string;
     file: string;
+    "folding-heading": string;
+    "folding-heading_hint": string;
     heading: string;
     heading1: string;
     heading2: string;

package/build/cjs/i18n/menubar/ru.json

@@ -17,6 +17,8 @@
   "cut": "Кат",
   "emoji": "Эмодзи",
   "file": "Файл",
+  "folding-heading": "Свёрнутый раздел",
+  "folding-heading_hint": "Текст под заголовком можно свернуть или раскрыть",
   "heading": "Заголовок",
   "heading1": "Заголовок 1",
   "heading2": "Заголовок 2",

package/build/cjs/icons/index.d.ts

@@ -2,4 +2,4 @@ import MermaidIcon from './Mermaid';
 import MonoIcon from './Mono';
 import TabsIcon from './Tabs';
 export { MermaidIcon, MonoIcon, TabsIcon };
-export { ArrowUturnCcwLeft as UndoIcon, ArrowUturnCwRight as RedoIcon, Bold as BoldIcon, Italic as ItalicIcon, Underline as UnderlineIcon, Strikethrough as StrikethroughIcon, FontCursor as MarkIcon, Text as TextIcon, Heading as HeadingIcon, Heading1 as Heading1Icon, Heading2 as Heading2Icon, Heading3 as Heading3Icon, Heading4 as Heading4Icon, Heading5 as Heading5Icon, Heading6 as Heading6Icon, ListUl as ListBlIcon, ListOl as ListOlIcon, TextOutdent as LiftIcon, TextIndent as SinkIcon, Font as TextColorIcon, Link as LinkIcon, QuoteClose as QuoteIcon, Scissors as CutIcon, Sticker as NoteIcon, Paperclip as FileIcon, Minus as HRuleIcon, LayoutList as TableIcon, ChevronsExpandHorizontal as IframeIcon, SquareCheck as CheckListIcon, Picture as ImageIcon, Person as UserIcon, FaceSmile as EmojiIcon, Code as CodeInlineIcon, FileCode as CodeBlockIcon, Function as FunctionInlineIcon, CurlyBracketsFunction as FunctionBlockIcon, Hashtag as AnchorIcon, SquareDashedText as BlockIcon, LayoutColumns3 as LayoutIcon, Pencil as DrawIoIcon, FolderCode as HtmlBlockIcon, } from '@gravity-ui/icons';
+export { ArrowUturnCcwLeft as UndoIcon, ArrowUturnCwRight as RedoIcon, Bold as BoldIcon, Italic as ItalicIcon, Underline as UnderlineIcon, Strikethrough as StrikethroughIcon, FontCursor as MarkIcon, Text as TextIcon, Heading as HeadingIcon, Heading1 as Heading1Icon, Heading2 as Heading2Icon, Heading3 as Heading3Icon, Heading4 as Heading4Icon, Heading5 as Heading5Icon, Heading6 as Heading6Icon, ListUl as ListBlIcon, ListOl as ListOlIcon, TextOutdent as LiftIcon, TextIndent as SinkIcon, Font as TextColorIcon, Link as LinkIcon, QuoteClose as QuoteIcon, Scissors as CutIcon, Sticker as NoteIcon, Paperclip as FileIcon, Minus as HRuleIcon, LayoutList as TableIcon, ChevronsExpandHorizontal as IframeIcon, SquareCheck as CheckListIcon, Picture as ImageIcon, Person as UserIcon, FaceSmile as EmojiIcon, Code as CodeInlineIcon, FileCode as CodeBlockIcon, Function as FunctionInlineIcon, CurlyBracketsFunction as FunctionBlockIcon, Hashtag as AnchorIcon, SquareDashedText as BlockIcon, LayoutColumns3 as LayoutIcon, Pencil as DrawIoIcon, FolderCode as HtmlBlockIcon, ArrowChevronRight as FoldingHeadingIcon, } from '@gravity-ui/icons';

package/build/cjs/icons/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.HtmlBlockIcon = exports.DrawIoIcon = exports.LayoutIcon = exports.BlockIcon = exports.AnchorIcon = exports.FunctionBlockIcon = exports.FunctionInlineIcon = exports.CodeBlockIcon = exports.CodeInlineIcon = exports.EmojiIcon = exports.UserIcon = exports.ImageIcon = exports.CheckListIcon = exports.IframeIcon = exports.TableIcon = exports.HRuleIcon = exports.FileIcon = exports.NoteIcon = exports.CutIcon = exports.QuoteIcon = exports.LinkIcon = exports.TextColorIcon = exports.SinkIcon = exports.LiftIcon = exports.ListOlIcon = exports.ListBlIcon = exports.Heading6Icon = exports.Heading5Icon = exports.Heading4Icon = exports.Heading3Icon = exports.Heading2Icon = exports.Heading1Icon = exports.HeadingIcon = exports.TextIcon = exports.MarkIcon = exports.StrikethroughIcon = exports.UnderlineIcon = exports.ItalicIcon = exports.BoldIcon = exports.RedoIcon = exports.UndoIcon = exports.TabsIcon = exports.MonoIcon = exports.MermaidIcon = void 0;
+exports.FoldingHeadingIcon = exports.HtmlBlockIcon = exports.DrawIoIcon = exports.LayoutIcon = exports.BlockIcon = exports.AnchorIcon = exports.FunctionBlockIcon = exports.FunctionInlineIcon = exports.CodeBlockIcon = exports.CodeInlineIcon = exports.EmojiIcon = exports.UserIcon = exports.ImageIcon = exports.CheckListIcon = exports.IframeIcon = exports.TableIcon = exports.HRuleIcon = exports.FileIcon = exports.NoteIcon = exports.CutIcon = exports.QuoteIcon = exports.LinkIcon = exports.TextColorIcon = exports.SinkIcon = exports.LiftIcon = exports.ListOlIcon = exports.ListBlIcon = exports.Heading6Icon = exports.Heading5Icon = exports.Heading4Icon = exports.Heading3Icon = exports.Heading2Icon = exports.Heading1Icon = exports.HeadingIcon = exports.TextIcon = exports.MarkIcon = exports.StrikethroughIcon = exports.UnderlineIcon = exports.ItalicIcon = exports.BoldIcon = exports.RedoIcon = exports.UndoIcon = exports.TabsIcon = exports.MonoIcon = exports.MermaidIcon = void 0;
 const tslib_1 = require("tslib");
 const Mermaid_1 = tslib_1.__importDefault(require("./Mermaid"));
 exports.MermaidIcon = Mermaid_1.default;
@@ -62,3 +62,4 @@ Object.defineProperty(exports, "LayoutIcon", { enumerable: true, get: function (
 //
 Object.defineProperty(exports, "DrawIoIcon", { enumerable: true, get: function () { return icons_1.Pencil; } });
 Object.defineProperty(exports, "HtmlBlockIcon", { enumerable: true, get: function () { return icons_1.FolderCode; } });
+Object.defineProperty(exports, "FoldingHeadingIcon", { enumerable: true, get: function () { return icons_1.ArrowChevronRight; } });

package/build/cjs/toolbar/ToolbarButton.js

@@ -9,10 +9,11 @@ const common_1 = require("../i18n/common");
 const lodash_1 = require("../lodash");
 const const_1 = require("./const");
 const b = (0, classname_1.cn)('toolbar-button');
-exports.ToolbarButtonView = react_1.default.forwardRef(function ToolbarButtonView({ icon, title, hotkey, disabledPopoverVisible = true, hintWhenDisabled, active, enabled, onClick, className, }, ref) {
+exports.ToolbarButtonView = react_1.default.forwardRef(function ToolbarButtonView({ icon, title, hint, hotkey, disabledPopoverVisible = true, hintWhenDisabled, active, enabled, onClick, className, }, ref) {
     var _a;
     const disabled = !active && !enabled;
     const titleText = (0, lodash_1.isFunction)(title) ? title() : title;
+    const hintText = (0, lodash_1.isFunction)(hint) ? hint() : hint;
     const hideHintWhenDisabled = hintWhenDisabled === false || !disabledPopoverVisible || !disabled;
     const hintWhenDisabledText = typeof hintWhenDisabled === 'string'
         ? hintWhenDisabled
@@ -20,7 +21,7 @@ exports.ToolbarButtonView = react_1.default.forwardRef(function ToolbarButtonVie
             ? hintWhenDisabled()
             : (0, common_1.i18n)('toolbar_action_disabled');
     return (react_1.default.createElement(uikit_1.Popover, { content: hintWhenDisabledText, disabled: hideHintWhenDisabled, tooltipContentClassName: b('action-disabled-tooltip'), placement: ['bottom'] },
-        react_1.default.createElement(uikit_1.ActionTooltip, { openDelay: const_1.ToolbarTooltipDelay.Open, closeDelay: const_1.ToolbarTooltipDelay.Close, title: titleText, hotkey: hotkey },
+        react_1.default.createElement(uikit_1.ActionTooltip, { openDelay: const_1.ToolbarTooltipDelay.Open, closeDelay: const_1.ToolbarTooltipDelay.Close, description: hintText, title: titleText, hotkey: hotkey },
             react_1.default.createElement(uikit_1.Button, { size: "m", ref: ref, selected: active, disabled: disabled, view: active ? 'normal' : 'flat', onClick: onClick, className: b(null, [className]), extraProps: { 'aria-label': titleText } },
                 react_1.default.createElement(uikit_1.Icon, { data: icon.data, size: (_a = icon.size) !== null && _a !== void 0 ? _a : 16 })))));
 });

package/build/cjs/version.js

@@ -2,4 +2,4 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.VERSION = void 0;
 /** During build process, the current version will be injected here */
-exports.VERSION = typeof '13.5.2' !== 'undefined' ? '13.5.2' : 'unknown';
+exports.VERSION = typeof '13.6.0' !== 'undefined' ? '13.6.0' : 'unknown';

package/build/esm/bundle/Editor.js

@@ -238,15 +238,18 @@ export class EditorImpl extends SafeEventEmitter {
         }
         return this.currentEditor.moveCursor(position);
     }
-    moveCursorToLine(line) {
+    moveCursorToLine(/** 0-based line number */ line) {
         const mode = this.currentMode;
         switch (mode) {
             case 'markup': {
-                const lineNumber = line + 1;
                 const view = this.markupEditor.cm;
-                if (lineNumber > 0 && lineNumber <= view.state.doc.lines) {
-                    view.dispatch({ selection: { anchor: view.state.doc.line(lineNumber).from } });
-                }
+                let cmLine = line + 1; // lines in codemirror is 1-based
+                cmLine = Math.max(cmLine, 1);
+                cmLine = Math.min(cmLine, view.state.doc.lines);
+                view.dispatch({
+                    scrollIntoView: true,
+                    selection: { anchor: view.state.doc.line(cmLine).from },
+                });
                 break;
             }
             case 'wysiwyg': {

package/build/esm/bundle/config/icons.d.ts

@@ -1,5 +1,5 @@
 import { ToolbarIconData } from '../../toolbar/types';
-declare type Icon = 'undo' | 'redo' | 'bold' | 'italic' | 'underline' | 'strikethrough' | 'mono' | 'mark' | 'textColor' | 'text' | 'headline' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'bulletList' | 'orderedList' | 'sink' | 'lift' | 'cut' | 'note' | 'code' | 'codeBlock' | 'link' | 'image' | 'table' | 'quote' | 'checklist' | 'horizontalRule' | 'file' | 'functionInline' | 'functionBlock' | 'emoji' | 'tabs' | 'mermaid' | 'html';
+declare type Icon = 'undo' | 'redo' | 'bold' | 'italic' | 'underline' | 'strikethrough' | 'mono' | 'mark' | 'textColor' | 'text' | 'headline' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'bulletList' | 'orderedList' | 'sink' | 'lift' | 'cut' | 'note' | 'code' | 'codeBlock' | 'link' | 'image' | 'table' | 'quote' | 'checklist' | 'horizontalRule' | 'file' | 'functionInline' | 'functionBlock' | 'emoji' | 'tabs' | 'mermaid' | 'html' | 'foldingHeading';
 declare type Icons = Record<Icon, ToolbarIconData>;
 export declare const icons: Icons;
 export {};

package/build/esm/bundle/config/icons.js

@@ -1,4 +1,4 @@
-import { BoldIcon, CheckListIcon, CodeBlockIcon, CodeInlineIcon, CutIcon, EmojiIcon, FileIcon, FunctionBlockIcon, FunctionInlineIcon, HRuleIcon, Heading1Icon, Heading2Icon, Heading3Icon, Heading4Icon, Heading5Icon, Heading6Icon, HeadingIcon, HtmlBlockIcon, ImageIcon, ItalicIcon, LiftIcon, LinkIcon, ListBlIcon, ListOlIcon, MarkIcon, MermaidIcon, MonoIcon, NoteIcon, QuoteIcon, RedoIcon, SinkIcon, StrikethroughIcon, TableIcon, TabsIcon, TextColorIcon, TextIcon, UnderlineIcon, UndoIcon, } from '../../icons';
+import { BoldIcon, CheckListIcon, CodeBlockIcon, CodeInlineIcon, CutIcon, EmojiIcon, FileIcon, FoldingHeadingIcon, FunctionBlockIcon, FunctionInlineIcon, HRuleIcon, Heading1Icon, Heading2Icon, Heading3Icon, Heading4Icon, Heading5Icon, Heading6Icon, HeadingIcon, HtmlBlockIcon, ImageIcon, ItalicIcon, LiftIcon, LinkIcon, ListBlIcon, ListOlIcon, MarkIcon, MermaidIcon, MonoIcon, NoteIcon, QuoteIcon, RedoIcon, SinkIcon, StrikethroughIcon, TableIcon, TabsIcon, TextColorIcon, TextIcon, UnderlineIcon, UndoIcon, } from '../../icons';
 export const icons = {
     undo: { data: UndoIcon },
     redo: { data: RedoIcon },
@@ -38,4 +38,5 @@ export const icons = {
     emoji: { data: EmojiIcon },
     tabs: { data: TabsIcon },
     mermaid: { data: MermaidIcon },
+    foldingHeading: { data: FoldingHeadingIcon },
 };

package/build/esm/bundle/config/wysiwyg.d.ts

@@ -1,5 +1,5 @@
 import { ActionStorage } from 'src/core';
-import type { SelectionContextConfig } from '../../extensions/behavior/SelectionContext';
+import type { SelectionContextConfig, SelectionContextItemData } from '../../extensions/behavior/SelectionContext';
 import { ToolbarData } from '../../toolbar/Toolbar';
 import { ToolbarGroupData } from '../../toolbar/ToolbarGroup';
 import { ToolbarListButtonData } from '../../toolbar/ToolbarListButton';
@@ -49,6 +49,7 @@ export declare const wCommandMenuConfig: WToolbarItemData[];
 export declare const wHiddenData: WToolbarItemData[];
 /** prepared wysiwyg toolbar config */
 export declare const wToolbarConfig: WToolbarData;
+export declare const wToggleHeadingFoldingItemData: SelectionContextItemData;
 export declare const wSelectionMenuConfig: SelectionContextConfig;
 export declare const wMermaidItemData: WToolbarSingleItemData;
 export declare const wToolbarConfigByPreset: Record<EditorPreset, WToolbarData>;

package/build/esm/bundle/config/wysiwyg.js

@@ -440,6 +440,17 @@ export const wToolbarConfig = [
     ],
     [wImageItemData, wFileItemData, wTableItemData, wCheckboxItemData],
 ];
+export const wToggleHeadingFoldingItemData = {
+    id: 'folding-heading',
+    type: ToolbarDataType.SingleButton,
+    icon: icons.foldingHeading,
+    title: () => i18n('folding-heading'),
+    hint: () => i18n('folding-heading_hint'),
+    isActive: (editor) => { var _a, _b; return (_b = (_a = editor.actions.toggleHeadingFolding) === null || _a === void 0 ? void 0 : _a.isActive()) !== null && _b !== void 0 ? _b : false; },
+    isEnable: (editor) => { var _a, _b; return (_b = (_a = editor.actions.toggleHeadingFolding) === null || _a === void 0 ? void 0 : _a.isEnable()) !== null && _b !== void 0 ? _b : false; },
+    exec: (editor) => editor.actions.toggleHeadingFolding.run(),
+    condition: 'enabled',
+};
 const textContextItemData = {
     id: 'text',
     type: ToolbarDataType.ReactComponent,
@@ -453,7 +464,7 @@ const textContextItemData = {
     },
 };
 export const wSelectionMenuConfig = [
-    [textContextItemData],
+    [wToggleHeadingFoldingItemData, textContextItemData],
     [...wBiusGroupConfig, wCodeItemData],
     [
         {

package/build/esm/extensions/yfm/FoldingHeading/FoldingHeading.d.ts

@@ -0,0 +1,12 @@
+import type { Action, ExtensionAuto } from '../../../core';
+import '@diplodoc/folding-headings-extension/runtime/styles.css';
+declare const action = "toggleHeadingFolding";
+export declare const FoldingHeading: ExtensionAuto;
+declare global {
+    namespace WysiwygEditor {
+        interface Actions {
+            [action]: Action;
+        }
+    }
+}
+export {};

package/build/esm/extensions/yfm/FoldingHeading/FoldingHeading.js

@@ -0,0 +1,18 @@
+import { FoldingHeadingSpecs } from './FoldingHeadingSpec';
+import { toggleHeadingFoldingAction } from './actions';
+import { openHeadingAndCreateParagraphAfterIfCursorAtEndOfHeading, removeFoldingIfCursorAtStartOfHeading, } from './commands';
+import { foldingHeadingRule } from './input-rules';
+import { foldingPlugin } from './plugins/Folding';
+import { headingType } from './utils';
+import '@diplodoc/folding-headings-extension/runtime/styles.css';
+const action = 'toggleHeadingFolding';
+export const FoldingHeading = (builder) => {
+    builder.use(FoldingHeadingSpecs);
+    builder.addAction(action, () => toggleHeadingFoldingAction);
+    builder.addInputRules(({ schema }) => ({ rules: [foldingHeadingRule(headingType(schema), 6)] }));
+    builder.addKeymap(() => ({
+        Enter: openHeadingAndCreateParagraphAfterIfCursorAtEndOfHeading,
+        Backspace: removeFoldingIfCursorAtStartOfHeading,
+    }), builder.Priority.High);
+    builder.addPlugin(foldingPlugin);
+};

package/build/esm/extensions/yfm/FoldingHeading/FoldingHeadingSpec/FoldingHeadingSpecs.d.ts

@@ -0,0 +1,2 @@
+import type { ExtensionAuto } from '../../../../core';
+export declare const FoldingHeadingSpecs: ExtensionAuto;

package/build/esm/extensions/yfm/FoldingHeading/FoldingHeadingSpec/FoldingHeadingSpecs.js

@@ -0,0 +1,5 @@
+import { transform } from '@diplodoc/folding-headings-extension';
+import { skipSectionsPlugin } from './md/skip-heading-sections';
+export const FoldingHeadingSpecs = (builder) => {
+    builder.configureMd((md) => md.use(transform({ bundle: false })).use(skipSectionsPlugin));
+};

package/build/esm/extensions/yfm/FoldingHeading/FoldingHeadingSpec/const.d.ts

@@ -0,0 +1,11 @@
+export declare const TokenType: Pick<{
+    readonly Heading: "heading";
+    readonly HeadingOpen: "heading_open";
+    readonly HeadingClose: "heading_close";
+    readonly Section: "heading_section";
+    readonly SectionOpen: "heading_section_open";
+    readonly SectionClose: "heading_section_close";
+    readonly Content: "heading_section_content";
+    readonly ContentOpen: "heading_section_content_open";
+    readonly ContentClose: "heading_section_content_close";
+}, "Heading" | "Section" | "Content">;

package/build/esm/extensions/yfm/FoldingHeading/FoldingHeadingSpec/const.js

@@ -0,0 +1,2 @@
+import { TokenType as MdTokenType } from '@diplodoc/folding-headings-extension';
+export const TokenType = MdTokenType;

package/build/esm/extensions/yfm/FoldingHeading/FoldingHeadingSpec/index.d.ts

@@ -0,0 +1 @@
+export * from './FoldingHeadingSpecs';

package/build/esm/extensions/yfm/FoldingHeading/FoldingHeadingSpec/index.js

@@ -0,0 +1 @@
+export * from './FoldingHeadingSpecs';

package/build/esm/extensions/yfm/FoldingHeading/FoldingHeadingSpec/md/skip-heading-sections.d.ts

@@ -0,0 +1,3 @@
+import type { PluginSimple } from 'markdown-it';
+/** Filter heading section tokens, which are not needed in prosemirror-document */
+export declare const skipSectionsPlugin: PluginSimple;

package/build/esm/extensions/yfm/FoldingHeading/FoldingHeadingSpec/md/skip-heading-sections.js

@@ -0,0 +1,13 @@
+import { TokenType } from '@diplodoc/folding-headings-extension';
+const ignoreTokenTypes = [
+    TokenType.SectionOpen,
+    TokenType.SectionClose,
+    TokenType.ContentOpen,
+    TokenType.ContentClose,
+];
+/** Filter heading section tokens, which are not needed in prosemirror-document */
+export const skipSectionsPlugin = (md) => {
+    md.core.ruler.push('skip-heading-sections', (state) => {
+        state.tokens = state.tokens.filter((token) => !ignoreTokenTypes.includes(token.type));
+    });
+};

package/build/esm/extensions/yfm/FoldingHeading/actions.d.ts

@@ -0,0 +1,2 @@
+import type { ActionSpec } from '../../../core';
+export declare const toggleHeadingFoldingAction: ActionSpec;

package/build/esm/extensions/yfm/FoldingHeading/actions.js

@@ -0,0 +1,7 @@
+import { toggleFoldingOfHeading } from './commands';
+import { hasFolding } from './utils';
+export const toggleHeadingFoldingAction = {
+    isActive: (state) => hasFolding(state.selection),
+    isEnable: toggleFoldingOfHeading,
+    run: toggleFoldingOfHeading,
+};

package/build/esm/extensions/yfm/FoldingHeading/commands/index.d.ts

@@ -0,0 +1,3 @@
+export * from './removeFoldingIfCursorAtStartOfHeading';
+export * from './toggleFoldingOfHeading';
+export * from './openHeadingAndCreateParagraphAfterIfCursorAtEndOfHeading';

package/build/esm/extensions/yfm/FoldingHeading/commands/index.js

@@ -0,0 +1,3 @@
+export * from './removeFoldingIfCursorAtStartOfHeading';
+export * from './toggleFoldingOfHeading';
+export * from './openHeadingAndCreateParagraphAfterIfCursorAtEndOfHeading';

package/build/esm/extensions/yfm/FoldingHeading/commands/openHeadingAndCreateParagraphAfterIfCursorAtEndOfHeading.d.ts

@@ -0,0 +1,2 @@
+import { Command } from 'prosemirror-state';
+export declare const openHeadingAndCreateParagraphAfterIfCursorAtEndOfHeading: Command;

package/build/esm/extensions/yfm/FoldingHeading/commands/openHeadingAndCreateParagraphAfterIfCursorAtEndOfHeading.js

@@ -0,0 +1,23 @@
+import { TextSelection } from 'prosemirror-state';
+import { get$Cursor } from '../../../../utils/selection';
+import { pType } from '../../../base/specs';
+import { YfmHeadingAttr } from '../const';
+import { isFoldedHeading } from '../utils';
+export const openHeadingAndCreateParagraphAfterIfCursorAtEndOfHeading = (state, dispatch) => {
+    const $cursor = get$CursorAtBlockEnd(state.selection);
+    if (!$cursor || !isFoldedHeading($cursor.parent))
+        return false;
+    if (dispatch) {
+        const tr = state.tr
+            .setNodeAttribute($cursor.before(), YfmHeadingAttr.Folding, false)
+            .insert($cursor.after(), pType(state.schema).createAndFill());
+        dispatch(tr.setSelection(TextSelection.create(tr.doc, $cursor.after() + 1)).scrollIntoView());
+    }
+    return true;
+};
+function get$CursorAtBlockEnd(selection) {
+    const $cursor = get$Cursor(selection);
+    if (!$cursor || $cursor.parent.isInline || $cursor.parentOffset < $cursor.parent.content.size)
+        return null;
+    return $cursor;
+}

package/build/esm/extensions/yfm/FoldingHeading/commands/removeFoldingIfCursorAtStartOfHeading.d.ts

@@ -0,0 +1,2 @@
+import type { Command } from 'prosemirror-state';
+export declare const removeFoldingIfCursorAtStartOfHeading: Command;

package/build/esm/extensions/yfm/FoldingHeading/commands/removeFoldingIfCursorAtStartOfHeading.js

@@ -0,0 +1,13 @@
+import { get$Cursor } from '../../../../utils/selection';
+import { YfmHeadingAttr } from '../const';
+import { isFoldingHeading } from '../utils';
+export const removeFoldingIfCursorAtStartOfHeading = (state, dispatch) => {
+    const $cursor = get$Cursor(state.selection);
+    if (!$cursor)
+        return false;
+    if ($cursor.parentOffset === 0 && isFoldingHeading($cursor.parent)) {
+        dispatch === null || dispatch === void 0 ? void 0 : dispatch(state.tr.setNodeAttribute($cursor.before(), YfmHeadingAttr.Folding, null));
+        return true;
+    }
+    return false;
+};

package/build/esm/extensions/yfm/FoldingHeading/commands/toggleFoldingOfHeading.d.ts

@@ -0,0 +1,2 @@
+import type { Command } from 'prosemirror-state';
+export declare const toggleFoldingOfHeading: Command;

package/build/esm/extensions/yfm/FoldingHeading/commands/toggleFoldingOfHeading.js

@@ -0,0 +1,22 @@
+import { pType } from '../../../base/specs';
+import { YfmHeadingAttr } from '../const';
+import { insideHeading, isFoldingHeading, parseLevel } from '../utils';
+export const toggleFoldingOfHeading = (state, dispatch) => {
+    if (!insideHeading(state.selection))
+        return false;
+    if (dispatch) {
+        const { $head } = state.selection;
+        const folding = isFoldingHeading($head.parent);
+        const level = parseLevel($head.parent);
+        const tr = state.tr.setNodeAttribute($head.before(), YfmHeadingAttr.Folding, folding ? null : false);
+        if (!folding) {
+            // insert empty paragraph if content of new folding heading is empty
+            const nextNode = $head.node(-1).maybeChild($head.indexAfter(-1));
+            if (!nextNode || (isFoldingHeading(nextNode) && parseLevel(nextNode) <= level)) {
+                tr.insert($head.after(), pType(state.schema).create());
+            }
+        }
+        dispatch(tr);
+    }
+    return true;
+};

package/build/esm/extensions/yfm/FoldingHeading/const.d.ts

@@ -0,0 +1 @@
+export { YfmHeadingAttr, headingNodeName, type HeadingLevel } from '../YfmHeading/const';

package/build/esm/extensions/yfm/FoldingHeading/const.js

@@ -0,0 +1 @@
+export { YfmHeadingAttr, headingNodeName } from '../YfmHeading/const';

package/build/esm/extensions/yfm/FoldingHeading/index.d.ts

@@ -0,0 +1 @@
+export { FoldingHeading } from './FoldingHeading';

package/build/esm/extensions/yfm/FoldingHeading/index.js

@@ -0,0 +1 @@
+export { FoldingHeading } from './FoldingHeading';

package/build/esm/extensions/yfm/FoldingHeading/input-rules.d.ts

@@ -0,0 +1,4 @@
+import { InputRule } from 'prosemirror-inputrules';
+import type { NodeType } from 'prosemirror-model';
+import { type HeadingLevel } from './const';
+export declare function foldingHeadingRule(nodeType: NodeType, maxLevel: HeadingLevel): InputRule;

package/build/esm/extensions/yfm/FoldingHeading/input-rules.js

@@ -0,0 +1,27 @@
+import { InputRule } from 'prosemirror-inputrules';
+import { hasCodeMark } from '../../../utils/inputrules';
+import { pType } from '../../base/specs';
+import { YfmHeadingAttr } from './const';
+import { isFoldingHeading, isHeading, parseLevel } from './utils';
+export function foldingHeadingRule(nodeType, maxLevel) {
+    return new InputRule(new RegExp('^(#{1,' + maxLevel + '})\\+\\s$'), (state, match, start, end) => {
+        if (hasCodeMark(state, match, start, end))
+            return null;
+        const $start = state.doc.resolve(start);
+        if (!$start.node(-1).canReplaceWith($start.index(-1), $start.indexAfter(-1), nodeType))
+            return null;
+        const level = match[1].length;
+        const pos = $start.before();
+        const tr = state.tr.delete(start, end);
+        if (!isHeading($start.parent))
+            tr.setNodeMarkup(pos, nodeType);
+        tr.setNodeAttribute(pos, YfmHeadingAttr.Level, level);
+        tr.setNodeAttribute(pos, YfmHeadingAttr.Folding, false);
+        // insert empty paragraph if content of new folding heading is empty
+        const nextNode = $start.node(-1).maybeChild($start.indexAfter(-1));
+        if (!nextNode || (isFoldingHeading(nextNode) && parseLevel(nextNode) <= level)) {
+            tr.insert(tr.mapping.map($start.after()), pType(state.schema).create());
+        }
+        return tr;
+    });
+}

package/build/esm/extensions/yfm/FoldingHeading/plugins/Folding.d.ts

@@ -0,0 +1,4 @@
+import { Plugin } from 'prosemirror-state';
+import { DecorationSet } from 'prosemirror-view';
+import './folding.css';
+export declare const foldingPlugin: () => Plugin<DecorationSet>;