@gravity-ui/markdown-editor 14.12.1 → 14.12.3

package/build/esm/markup/codemirror/search-plugin/plugin.js

@@ -1,22 +1,17 @@
 import { SearchQuery, closeSearchPanel, findNext, findPrevious, getSearchQuery, search, searchKeymap, searchPanelOpen, setSearchQuery, } from '@codemirror/search';
 import { ViewPlugin, keymap } from '@codemirror/view';
-import { debounce } from "../../../lodash.js";
-import { ReactRendererFacet } from "../react-facet.js";
-import { renderSearchPopup } from "./view/SearchPopup.js";
+import { debounce } from '../../../lodash';
+import { ReactRendererFacet } from '../react-facet';
+import { renderSearchPopup } from './view/SearchPopup';
 const INPUT_DELAY = 200;
 export const SearchPanelPlugin = (params) => ViewPlugin.fromClass(class {
-    view;
-    params;
-    anchor;
-    renderer;
-    searchConfig = {
-        search: '',
-        caseSensitive: false,
-        wholeWord: false,
-    };
-    receiver;
-    setViewSearchWithDelay;
     constructor(view) {
+        var _a, _b;
+        this.searchConfig = {
+            search: '',
+            caseSensitive: false,
+            wholeWord: false,
+        };
         this.view = view;
         this.anchor = null;
         this.renderer = null;
@@ -28,10 +23,11 @@ export const SearchPanelPlugin = (params) => ViewPlugin.fromClass(class {
         this.handleSearchPrev = this.handleSearchPrev.bind(this);
         this.handleSearchConfigChange = this.handleSearchConfigChange.bind(this);
         this.handleEditorModeChange = this.handleEditorModeChange.bind(this);
-        this.setViewSearchWithDelay = debounce(this.setViewSearch, this.params.inputDelay ?? INPUT_DELAY);
-        this.receiver?.on('change-editor-mode', this.handleEditorModeChange);
+        this.setViewSearchWithDelay = debounce(this.setViewSearch, (_a = this.params.inputDelay) !== null && _a !== void 0 ? _a : INPUT_DELAY);
+        (_b = this.receiver) === null || _b === void 0 ? void 0 : _b.on('change-editor-mode', this.handleEditorModeChange);
     }
     update(update) {
+        var _a;
         const isPanelOpen = searchPanelOpen(update.state);
         if (isPanelOpen && !this.renderer) {
             const initial = getSearchQuery(update.state);
@@ -50,23 +46,19 @@ export const SearchPanelPlugin = (params) => ViewPlugin.fromClass(class {
             }));
         }
         else if (!isPanelOpen && this.renderer) {
-            this.renderer?.remove();
+            (_a = this.renderer) === null || _a === void 0 ? void 0 : _a.remove();
             this.renderer = null;
         }
     }
     destroy() {
-        this.renderer?.remove();
+        var _a, _b;
+        (_a = this.renderer) === null || _a === void 0 ? void 0 : _a.remove();
         this.renderer = null;
-        this.receiver?.off('change-editor-mode', this.handleEditorModeChange);
+        (_b = this.receiver) === null || _b === void 0 ? void 0 : _b.off('change-editor-mode', this.handleEditorModeChange);
     }
     setViewSearch(config) {
-        this.searchConfig = {
-            ...this.searchConfig,
-            ...config,
-        };
-        const searchQuery = new SearchQuery({
-            ...this.searchConfig,
-        });
+        this.searchConfig = Object.assign(Object.assign({}, this.searchConfig), config);
+        const searchQuery = new SearchQuery(Object.assign({}, this.searchConfig));
         this.view.dispatch({ effects: setSearchQuery.of(searchQuery) });
     }
     handleEditorModeChange({ mode }) {
@@ -101,4 +93,3 @@ export const SearchPanelPlugin = (params) => ViewPlugin.fromClass(class {
         }),
     ],
 });
-//# sourceMappingURL=plugin.js.map

package/build/esm/markup/codemirror/search-plugin/view/SearchPopup.d.ts

@@ -1,7 +1,8 @@
+import React from 'react';
 import type { SearchQuery } from '@codemirror/search';
-import "./SearchPopup.css";
-type SearchInitial = Pick<SearchQuery, 'search' | 'caseSensitive' | 'wholeWord'>;
-type SearchConfig = Pick<SearchInitial, 'caseSensitive' | 'wholeWord'>;
+import './SearchPopup.css';
+declare type SearchInitial = Pick<SearchQuery, 'search' | 'caseSensitive' | 'wholeWord'>;
+declare type SearchConfig = Pick<SearchInitial, 'caseSensitive' | 'wholeWord'>;
 interface SearchCardProps {
     initial: SearchInitial;
     onSearchKeyDown?: (query: string) => void;
@@ -21,5 +22,5 @@ export declare const SearchPopup: React.FC<SearchPopupProps>;
 interface SearchPopupWithRefProps extends Omit<SearchPopupProps, 'anchor'> {
     anchor: HTMLElement | null;
 }
-export declare function renderSearchPopup({ anchor, ...props }: SearchPopupWithRefProps): JSX.Element;
+export declare function renderSearchPopup({ anchor, open, onClose, ...props }: SearchPopupWithRefProps): JSX.Element;
 export {};

package/build/esm/markup/codemirror/search-plugin/view/SearchPopup.js

@@ -1,11 +1,11 @@
-import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-import { useRef, useState } from 'react';
+import { __rest } from "tslib";
+import React, { useRef, useState } from 'react';
 import { ChevronDown, ChevronUp, Xmark } from '@gravity-ui/icons';
 import { Button, Card, Checkbox, Icon, Popup, TextInput, sp, } from '@gravity-ui/uikit';
-import { cn } from "../../../../classname.js";
-import { i18n } from "../../../../i18n/search/index.js";
-import { enterKeyHandler } from "../../../../utils/handlers.js";
-import "./SearchPopup.css";
+import { cn } from '../../../../classname';
+import { i18n } from '../../../../i18n/search';
+import { enterKeyHandler } from '../../../../utils/handlers';
+import './SearchPopup.css';
 const b = cn('search-card');
 const noop = () => { };
 const inverse = (val) => !val;
@@ -15,7 +15,8 @@ export const SearchCard = ({ initial, onChange = noop, onClose = noop, onSearchP
     const [isWholeWord, setIsWholeWord] = useState(initial.wholeWord);
     const textInputRef = useRef(null);
     const setInputFocus = () => {
-        textInputRef.current?.focus();
+        var _a;
+        (_a = textInputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
     };
     const handleInputChange = (value) => {
         setQuery(value);
@@ -51,17 +52,29 @@ export const SearchCard = ({ initial, onChange = noop, onClose = noop, onSearchP
         setInputFocus();
     };
     const handleSearchKeyPress = enterKeyHandler(handleNext);
-    return (_jsxs(Card, { className: b(), children: [_jsxs("div", { className: b('header'), children: [_jsxs("span", { className: b('title'), children: [" ", i18n('title')] }), _jsx(Button, { onClick: handleClose, size: "s", view: "flat", children: _jsx(Icon, { data: Xmark, size: 14 }) })] }), _jsx(TextInput, { controlRef: textInputRef, className: sp({ mb: 2 }), size: "s", autoFocus: true, onKeyPress: handleSearchKeyPress, onUpdate: handleInputChange, value: query, endContent: _jsxs(_Fragment, { children: [_jsx(Button, { onClick: handlePrev, children: _jsx(Icon, { data: ChevronUp, size: 12 }) }), _jsx(Button, { onClick: handleNext, children: _jsx(Icon, { data: ChevronDown, size: 12 }) })] }) }), _jsx(Checkbox, { size: "m", onUpdate: handleIsCaseSensitive, checked: isCaseSensitive, className: sp({ mr: 4 }), children: i18n('label_case-sensitive') }), _jsx(Checkbox, { size: "m", onUpdate: handleIsWholeWord, checked: isWholeWord, children: i18n('label_whole-word') })] }));
+    return (React.createElement(Card, { className: b() },
+        React.createElement("div", { className: b('header') },
+            React.createElement("span", { className: b('title') },
+                " ",
+                i18n('title')),
+            React.createElement(Button, { onClick: handleClose, size: "s", view: "flat" },
+                React.createElement(Icon, { data: Xmark, size: 14 }))),
+        React.createElement(TextInput, { controlRef: textInputRef, className: sp({ mb: 2 }), size: "s", autoFocus: true, onKeyPress: handleSearchKeyPress, onUpdate: handleInputChange, value: query, endContent: React.createElement(React.Fragment, null,
+                React.createElement(Button, { onClick: handlePrev },
+                    React.createElement(Icon, { data: ChevronUp, size: 12 })),
+                React.createElement(Button, { onClick: handleNext },
+                    React.createElement(Icon, { data: ChevronDown, size: 12 }))) }),
+        React.createElement(Checkbox, { size: "m", onUpdate: handleIsCaseSensitive, checked: isCaseSensitive, className: sp({ mr: 4 }) }, i18n('label_case-sensitive')),
+        React.createElement(Checkbox, { size: "m", onUpdate: handleIsWholeWord, checked: isWholeWord }, i18n('label_whole-word'))));
 };
-export const SearchPopup = ({ open, anchor, ...props }) => {
-    return (_jsx(Popup, { open: open, anchorElement: anchor, placement: "bottom-end", onOpenChange: (_open, _event, reason) => {
-            if (reason === 'escape-key') {
-                props.onClose();
-            }
-        }, children: _jsx(SearchCard, { ...props }) }));
+export const SearchPopup = (_a) => {
+    var { open, anchor, onClose } = _a, props = __rest(_a, ["open", "anchor", "onClose"]);
+    const anchorRef = useRef(anchor);
+    return (React.createElement(Popup, { onEscapeKeyDown: onClose, open: anchorRef.current && open, anchorRef: anchorRef, placement: "bottom-end" },
+        React.createElement(SearchCard, Object.assign({ onClose: onClose }, props))));
 };
 SearchPopup.displayName = 'SearchPopup';
-export function renderSearchPopup({ anchor, ...props }) {
-    return _jsx(_Fragment, { children: anchor && _jsx(SearchPopup, { anchor: anchor, ...props }) });
+export function renderSearchPopup(_a) {
+    var { anchor, open, onClose } = _a, props = __rest(_a, ["anchor", "open", "onClose"]);
+    return (React.createElement(React.Fragment, null, anchor && React.createElement(SearchPopup, Object.assign({ open: open, onClose: onClose, anchor: anchor }, props))));
 }
-//# sourceMappingURL=SearchPopup.js.map

package/build/esm/markup/codemirror/smart-reindent/index.js

@@ -1,4 +1,4 @@
-import { parseMarkers } from "./utils.js";
+import { parseMarkers } from './utils';
 /**
  * Reindents pasted text based on the current line's markers
  */
@@ -36,4 +36,3 @@ export function smartReindent(pastedText, currentLineText) {
         .join('\n');
     return reindentedText;
 }
-//# sourceMappingURL=index.js.map

package/build/esm/markup/codemirror/smart-reindent/utils.js

@@ -53,4 +53,3 @@ export function parseMarkers(text) {
     }
     return markers;
 }
-//# sourceMappingURL=utils.js.map

package/build/esm/markup/codemirror/yfm.d.ts

@@ -6,7 +6,7 @@ export declare const customTags: {
     monospace: Tag;
     marked: Tag;
 };
-export type YfmNoteType = 'info' | 'tip' | 'warning' | 'alert';
+export declare type YfmNoteType = 'info' | 'tip' | 'warning' | 'alert';
 export declare const yfmNoteTypes: readonly YfmNoteType[];
 export declare const yfmNoteSnippetTemplate: (type: YfmNoteType) => "{% note info %}\n\n#{}\n\n{% endnote %}\n\n" | "{% note alert %}\n\n#{}\n\n{% endnote %}\n\n" | "{% note tip %}\n\n#{}\n\n{% endnote %}\n\n" | "{% note warning %}\n\n#{}\n\n{% endnote %}\n\n";
 export declare const yfmNoteSnippets: Record<YfmNoteType, ReturnType<typeof snippet>>;

package/build/esm/markup/codemirror/yfm.js

@@ -1,8 +1,8 @@
 import { snippet } from '@codemirror/autocomplete';
 import { markdown, markdownLanguage } from '@codemirror/lang-markdown';
 import { Tag, tags } from '@lezer/highlight';
-import { capitalize } from "../../lodash.js";
-import { DirectiveSyntaxFacet } from "./directive-facet.js";
+import { capitalize } from '../../lodash';
+import { DirectiveSyntaxFacet } from './directive-facet';
 export const customTags = {
     underline: Tag.define(),
     monospace: Tag.define(),
@@ -20,7 +20,6 @@ function mdInlineFactory({ name, char, tag, }) {
         parseInline: [
             {
                 name,
-                // TODO: remove types of arguments after https://github.com/lezer-parser/markdown/issues/51
                 parse(cx, next, pos) {
                     if (next !== char || cx.char(pos + 1) !== char || cx.char(pos + 2) === char)
                         return -1;
@@ -86,7 +85,7 @@ export const mdAutocomplete = {
         //     };
         // }
         const word = context.matchBefore(/^.*/);
-        if (directiveContext.option !== 'only' && word?.text.startsWith('{%')) {
+        if (directiveContext.option !== 'only' && (word === null || word === void 0 ? void 0 : word.text.startsWith('{%'))) {
             return {
                 from: word.from,
                 options: [
@@ -109,7 +108,7 @@ export const mdAutocomplete = {
                 ],
             };
         }
-        if (directiveContext.option !== 'disabled' && word?.text.startsWith(':')) {
+        if (directiveContext.option !== 'disabled' && (word === null || word === void 0 ? void 0 : word.text.startsWith(':'))) {
             const options = [];
             if (directiveContext.valueFor('yfmCut') !== 'disabled') {
                 options.push({
@@ -140,4 +139,3 @@ export function yfmLang({ languageData = [] } = {}) {
         languageData.map((item) => mdSupport.language.data.of(item)),
     ];
 }
-//# sourceMappingURL=yfm.js.map

package/build/esm/markup/commands/blocks.js

@@ -1,4 +1,4 @@
-import { replaceOrInsertAfter, wrapPerLine } from "./helpers.js";
+import { replaceOrInsertAfter, wrapPerLine } from './helpers';
 export const wrapToBlockquote = wrapPerLine({ beforeText: '> ', skipEmptyLine: false });
 export const wrapToCheckbox = wrapPerLine({ beforeText: '[ ] ' });
 export const insertHRule = ({ state, dispatch }) => {
@@ -27,4 +27,3 @@ export const insertYfmHtmlBlock = ({ state, dispatch }) => {
     dispatch(state.update(tr));
     return true;
 };
-//# sourceMappingURL=blocks.js.map

package/build/esm/markup/commands/code.js

@@ -1,8 +1,9 @@
 import { EditorSelection } from '@codemirror/state';
-import { wrapToBlock } from "./helpers.js";
+import { wrapToBlock } from './helpers';
 export const wrapToCodeBlock = wrapToBlock(({ lineBreak }) => '```' + lineBreak, ({ lineBreak }) => lineBreak + '```');
 export const wrapToInlineCode = ({ state, dispatch }) => {
     const tr = state.changeByRange((range) => {
+        var _a;
         const content = state.sliceDoc(range.from, range.to);
         const hasBacktick = content.includes('`');
         const markup = hasBacktick ? '``' : '`';
@@ -16,11 +17,10 @@ export const wrapToInlineCode = ({ state, dispatch }) => {
         return {
             changes,
             range: range.empty
-                ? EditorSelection.range(range.anchor + 1, range.head + 1, range.goalColumn, range.bidiLevel ?? undefined)
+                ? EditorSelection.range(range.anchor + 1, range.head + 1, range.goalColumn, (_a = range.bidiLevel) !== null && _a !== void 0 ? _a : undefined)
                 : range.map(changes),
         };
     });
     dispatch(state.update(tr));
     return true;
 };
-//# sourceMappingURL=code.js.map

package/build/esm/markup/commands/emptyRow.js

@@ -37,4 +37,3 @@ function getBlockExtraLineBreaks(state, line) {
     }
     return { before, after, selection };
 }
-//# sourceMappingURL=emptyRow.js.map

package/build/esm/markup/commands/heading.js

@@ -10,6 +10,7 @@ function toHeading(level) {
     const str = Array(level).fill('#').join('') + ' ';
     return ({ state, dispatch }) => {
         const trSpec = state.changeByRange((range) => {
+            var _a, _b, _c;
             const lineFrom = state.doc.lineAt(range.from);
             const lineTo = state.doc.lineAt(range.to);
             // cursor in empty line
@@ -17,7 +18,7 @@ function toHeading(level) {
                 return {
                     changes: [{ from: lineFrom.from, insert: str }],
                     // move cursor to end of inserted string with sharps (#)
-                    range: EditorSelection.range(range.anchor + str.length, range.head + str.length, range.goalColumn, range.bidiLevel ?? undefined),
+                    range: EditorSelection.range(range.anchor + str.length, range.head + str.length, range.goalColumn, (_a = range.bidiLevel) !== null && _a !== void 0 ? _a : undefined),
                 };
             }
             // multiline selection
@@ -28,7 +29,7 @@ function toHeading(level) {
                 if (line.length === 0 && !range.empty)
                     continue;
                 // replace sharps (#) at start of line
-                const replacedLength = re.exec(line.text)?.[0].length ?? 0;
+                const replacedLength = (_c = (_b = re.exec(line.text)) === null || _b === void 0 ? void 0 : _b[0].length) !== null && _c !== void 0 ? _c : 0;
                 changes.push({ from: line.from, to: line.from + replacedLength, insert: str });
             }
             const changeSet = state.changes(changes);
@@ -41,4 +42,3 @@ function toHeading(level) {
         return true;
     };
 }
-//# sourceMappingURL=heading.js.map

package/build/esm/markup/commands/helpers.d.ts

@@ -7,22 +7,22 @@ export declare function getBlockExtraLineBreaks(state: EditorState, { from: from
     after: number;
 };
 export declare function replaceOrInsertAfter(state: EditorState, markup: string): TransactionSpec;
-export declare const wrapToBlock: (before: string | ((arg: Pick<EditorState, "lineBreak">) => string), after: string | ((arg: Pick<EditorState, "lineBreak">) => string), perLine?: {
-    before: string | ((arg: Pick<EditorState, "lineBreak">) => string);
-    after: string | ((arg: Pick<EditorState, "lineBreak">) => string);
+export declare const wrapToBlock: (before: string | ((arg: Pick<EditorState, 'lineBreak'>) => string), after: string | ((arg: Pick<EditorState, 'lineBreak'>) => string), perLine?: {
+    before: string | ((arg: Pick<EditorState, 'lineBreak'>) => string);
+    after: string | ((arg: Pick<EditorState, 'lineBreak'>) => string);
     /** @default false */
-    skipEmptyLine?: boolean;
-}) => StateCommand;
+    skipEmptyLine?: boolean | undefined;
+} | undefined) => StateCommand;
 export declare function inlineWrapTo(before: string, after?: string): StateCommand;
 export declare function toggleInlineMarkupFactory(markup: string | {
     before: string;
     after?: string;
 }): StateCommand;
-type WrapPerLineOptions = {
+declare type WrapPerLineOptions = {
     beforeText: string;
     afterText?: string;
     skipEmptyLine?: boolean;
 };
-export declare const wrapPerLine: ({ beforeText: before, skipEmptyLine }: WrapPerLineOptions) => StateCommand;
+export declare const wrapPerLine: ({ beforeText, skipEmptyLine }: WrapPerLineOptions) => StateCommand;
 export declare function iterateOverRangeLines(doc: Text, range: SelectionRange, fn: (line: Line) => void): void;
 export {};

package/build/esm/markup/commands/helpers.js

@@ -77,6 +77,7 @@ export const wrapToBlock = (before, after, perLine) => {
 export function inlineWrapTo(before, after = before) {
     return ({ state, dispatch }) => {
         const trSpec = state.changeByRange((range) => {
+            var _a;
             const changes = state.changes([
                 { from: range.from, insert: before },
                 { from: range.to, insert: after },
@@ -84,7 +85,7 @@ export function inlineWrapTo(before, after = before) {
             return {
                 changes,
                 range: range.empty
-                    ? EditorSelection.range(range.anchor + before.length, range.head + before.length, range.goalColumn, range.bidiLevel ?? undefined)
+                    ? EditorSelection.range(range.anchor + before.length, range.head + before.length, range.goalColumn, (_a = range.bidiLevel) !== null && _a !== void 0 ? _a : undefined)
                     : range.map(changes),
             };
         });
@@ -93,13 +94,15 @@ export function inlineWrapTo(before, after = before) {
     };
 }
 export function toggleInlineMarkupFactory(markup) {
+    var _a;
     const [before, after] = typeof markup === 'string'
         ? [markup, markup]
-        : [markup.before, markup.after ?? markup.before];
+        : [markup.before, (_a = markup.after) !== null && _a !== void 0 ? _a : markup.before];
     const beforeLength = before.length;
     const afterLength = after.length;
     return ({ state, dispatch }) => {
         const tr = state.changeByRange((range) => {
+            var _a;
             const hasMarkupBefore = state.sliceDoc(range.from - beforeLength, range.from) === before;
             const hasMarkupAfter = state.sliceDoc(range.to, range.to + afterLength) === after;
             const changeSpec = [];
@@ -124,7 +127,7 @@ export function toggleInlineMarkupFactory(markup) {
             return {
                 changes,
                 range: range.empty && !hasMarkupBefore
-                    ? EditorSelection.range(range.anchor + beforeLength, range.head + beforeLength, range.goalColumn, range.bidiLevel ?? undefined)
+                    ? EditorSelection.range(range.anchor + beforeLength, range.head + beforeLength, range.goalColumn, (_a = range.bidiLevel) !== null && _a !== void 0 ? _a : undefined)
                     : range.map(changes),
             };
         });
@@ -160,4 +163,3 @@ export function iterateOverRangeLines(doc, range, fn) {
         fn(doc.line(i));
     }
 }
-//# sourceMappingURL=helpers.js.map

package/build/esm/markup/commands/index.d.ts

@@ -1,10 +1,10 @@
 export { redo, redoDepth, undo, undoDepth } from '@codemirror/commands';
-export * from "./blocks.js";
-export * from "./code.js";
-export * from "./heading.js";
-export * from "./inline.js";
-export * from "./lists.js";
-export * from "./marks.js";
-export * from "./math.js";
-export * from "./yfm.js";
-export * from "./emptyRow.js";
+export * from './blocks';
+export * from './code';
+export * from './heading';
+export * from './inline';
+export * from './lists';
+export * from './marks';
+export * from './math';
+export * from './yfm';
+export * from './emptyRow';

package/build/esm/markup/commands/index.js

@@ -1,11 +1,10 @@
 export { redo, redoDepth, undo, undoDepth } from '@codemirror/commands';
-export * from "./blocks.js";
-export * from "./code.js";
-export * from "./heading.js";
-export * from "./inline.js";
-export * from "./lists.js";
-export * from "./marks.js";
-export * from "./math.js";
-export * from "./yfm.js";
-export * from "./emptyRow.js";
-//# sourceMappingURL=index.js.map
+export * from './blocks';
+export * from './code';
+export * from './heading';
+export * from './inline';
+export * from './lists';
+export * from './marks';
+export * from './math';
+export * from './yfm';
+export * from './emptyRow';

package/build/esm/markup/commands/inline.d.ts

@@ -1,6 +1,8 @@
 import type { StateCommand } from '@codemirror/state';
 export declare const insertLink: StateCommand;
-export type ImageItem = {
+/** @deprecated */
+export declare const insertAnchor: StateCommand;
+export declare type ImageItem = {
     url?: string;
     title?: string;
     alt?: string;
@@ -8,7 +10,7 @@ export type ImageItem = {
     height?: string;
 };
 export declare function insertImages(images: ImageItem[]): StateCommand;
-export type FileItem = {
+export declare type FileItem = {
     src: string;
     name: string;
     type?: string;

package/build/esm/markup/commands/inline.js

@@ -1,5 +1,5 @@
 import { snippet } from '@codemirror/autocomplete';
-import { DirectiveSyntaxFacet } from "../codemirror/index.js";
+import { DirectiveSyntaxFacet } from '../codemirror';
 const defaultLinkSnippet = snippet(`[#{2:link}](#{1:url} "#{3:title}")`);
 export const insertLink = ({ state, dispatch }) => {
     const { from, to, empty } = state.selection.main;
@@ -9,17 +9,28 @@ export const insertLink = ({ state, dispatch }) => {
     linkSnippet({ state, dispatch }, null, from, to);
     return true;
 };
+// [major] TODO: remove insertAnchor
+const defaultAnchorSnippet = snippet(`#[#{2:text}](#{1:anchor} "#{3:title}")`);
+/** @deprecated */
+export const insertAnchor = ({ state, dispatch }) => {
+    const { from, to, empty } = state.selection.main;
+    const anchorSnippet = empty
+        ? defaultAnchorSnippet
+        : snippet(`#[#{2:${state.sliceDoc(from, to)}}](#{1:anchor} "#{3:title}")`);
+    anchorSnippet({ state, dispatch }, null, from, to);
+    return true;
+};
 export function insertImages(images) {
     return ({ state, dispatch }) => {
         const markup = images
             .map(({ title, url, alt, width, height }) => {
-            let result = `![${alt ?? ''}](${url ?? ''}`;
+            let result = `![${alt !== null && alt !== void 0 ? alt : ''}](${url !== null && url !== void 0 ? url : ''}`;
             if (title) {
                 result += ` "${title}"`;
             }
             if ((width !== undefined && width.length > 0) ||
                 (height !== undefined && height.length > 0)) {
-                result += ` =${width ?? ''}x${height ?? ''}`;
+                result += ` =${width !== null && width !== void 0 ? width : ''}x${height !== null && height !== void 0 ? height : ''}`;
             }
             result += ')';
             return result;
@@ -60,4 +71,3 @@ export const insertFiles = (files) => {
         return true;
     };
 };
-//# sourceMappingURL=inline.js.map

package/build/esm/markup/commands/lists.js

@@ -1,4 +1,4 @@
-import { iterateOverRangeLines, wrapPerLine } from "./helpers.js";
+import { iterateOverRangeLines, wrapPerLine } from './helpers';
 export const toBulletList = wrapPerLine({ beforeText: '- ' });
 export const toOrderedList = wrapPerLine({ beforeText: '1. ' });
 export const sinkListItem = wrapPerLine({ beforeText: '  ', skipEmptyLine: false });
@@ -17,4 +17,3 @@ export const liftListItem = ({ state, dispatch }) => {
     dispatch(state.update(tr));
     return true;
 };
-//# sourceMappingURL=lists.js.map

package/build/esm/markup/commands/marks.js

@@ -1,4 +1,4 @@
-import { inlineWrapTo, toggleInlineMarkupFactory } from "./helpers.js";
+import { inlineWrapTo, toggleInlineMarkupFactory } from './helpers';
 export const colorify = (color) => inlineWrapTo(`{${color}}(`, ')');
 export const toggleBold = toggleInlineMarkupFactory('**');
 export const toggleItalic = toggleInlineMarkupFactory('_');
@@ -6,4 +6,3 @@ export const toggleStrikethrough = toggleInlineMarkupFactory('~~');
 export const toggleUnderline = toggleInlineMarkupFactory('++');
 export const toggleMonospace = toggleInlineMarkupFactory('##');
 export const toggleMarked = toggleInlineMarkupFactory('==');
-//# sourceMappingURL=marks.js.map

package/build/esm/markup/commands/math.js

@@ -1,4 +1,3 @@
-import { inlineWrapTo, wrapToBlock } from "./helpers.js";
+import { inlineWrapTo, wrapToBlock } from './helpers';
 export const wrapToMathInline = inlineWrapTo('$');
 export const wrapToMathBlock = wrapToBlock(({ lineBreak }) => '$$' + lineBreak, ({ lineBreak }) => lineBreak + '$$');
-//# sourceMappingURL=math.js.map

package/build/esm/markup/commands/yfm.js

@@ -1,5 +1,5 @@
-import { DirectiveSyntaxFacet } from "../codemirror/directive-facet.js";
-import { wrapToBlock } from "./helpers.js";
+import { DirectiveSyntaxFacet } from '../codemirror/directive-facet';
+import { wrapToBlock } from './helpers';
 const wrapToYfmCutCurly = wrapToBlock(({ lineBreak }) => '{% cut "title" %}' + lineBreak.repeat(2), ({ lineBreak }) => lineBreak.repeat(2) + '{% endcut %}');
 const wrapToYfmCutDirective = wrapToBlock(({ lineBreak }) => ':::cut [title]' + lineBreak, ({ lineBreak }) => lineBreak + ':::');
 export const wrapToYfmCut = (target) => {
@@ -11,4 +11,3 @@ export const wrapToYfmCut = (target) => {
 export const wrapToYfmNote = wrapToBlock(({ lineBreak }) => '{% note info %}' + lineBreak.repeat(2), ({ lineBreak }) => lineBreak.repeat(2) + '{% endnote %}');
 export const insertYfmTabs = wrapToBlock(({ lineBreak }) => '{% list tabs %}' + lineBreak.repeat(2) + '- Tab name' + lineBreak.repeat(2), ({ lineBreak }) => lineBreak.repeat(2) + '{% endlist %}', { before: '  ', after: '' });
 export const insertYfmTable = wrapToBlock(({ lineBreak }) => ['#|', '||'].join(lineBreak) + lineBreak, ({ lineBreak }) => lineBreak + ['|', '', '||', '||', '', '|', '', '||', '|#', ''].join(lineBreak));
-//# sourceMappingURL=yfm.js.map

package/build/esm/markup/editor.d.ts

@@ -1,5 +1,5 @@
 import type { EditorView } from '@codemirror/view';
-import type { CommonEditor, MarkupString } from "../common/index.js";
+import type { CommonEditor, MarkupString } from '../common';
 export interface CodeEditor {
     readonly cm: EditorView;
 }