@gravity-ui/markdown-editor 13.0.0

package/build/esm/presets/yfm.d.ts

@@ -0,0 +1,18 @@
+import type { ExtensionAuto } from '../core';
+import { DeflistOptions, UnderlineOptions } from '../extensions/markdown';
+import { CheckboxOptions, ImgSizeOptions, VideoOptions, YfmConfigsOptions, YfmCutOptions, YfmFileOptions, YfmHeadingOptions, YfmNoteOptions, YfmTableOptions } from '../extensions/yfm';
+import { DefaultPresetOptions } from './default';
+export declare type YfmPresetOptions = Omit<DefaultPresetOptions, 'heading' | 'image'> & {
+    checkbox?: CheckboxOptions;
+    deflist?: DeflistOptions;
+    underline?: UnderlineOptions;
+    imgSize?: ImgSizeOptions;
+    video?: VideoOptions;
+    yfmConfigs?: YfmConfigsOptions;
+    yfmCut?: YfmCutOptions;
+    yfmFile?: YfmFileOptions;
+    yfmHeading?: YfmHeadingOptions;
+    yfmNote?: YfmNoteOptions;
+    yfmTable?: YfmTableOptions;
+};
+export declare const YfmPreset: ExtensionAuto<YfmPresetOptions>;

package/build/esm/presets/yfm.js

@@ -0,0 +1,23 @@
+import { Deflist, Subscript, Superscript, Underline, } from '../extensions/markdown';
+import { Checkbox, ImgSize, Monospace, Video, YfmConfigs, YfmCut, YfmFile, YfmHeading, YfmNote, YfmTable, YfmTabs, } from '../extensions/yfm';
+import { DefaultPreset } from './default';
+export const YfmPreset = (builder, opts) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
+    builder.use(DefaultPreset, Object.assign(Object.assign({}, opts), { image: false, heading: false }));
+    builder
+        .use(Deflist, (_a = opts.deflist) !== null && _a !== void 0 ? _a : {})
+        .use(Subscript)
+        .use(Superscript)
+        .use(Underline, (_b = opts.underline) !== null && _b !== void 0 ? _b : {})
+        .use(Checkbox, (_c = opts.checkbox) !== null && _c !== void 0 ? _c : {})
+        .use(ImgSize, (_d = opts.imgSize) !== null && _d !== void 0 ? _d : {})
+        .use(Monospace)
+        .use(Video, (_e = opts.video) !== null && _e !== void 0 ? _e : {})
+        .use(YfmConfigs, (_f = opts.yfmConfigs) !== null && _f !== void 0 ? _f : {})
+        .use(YfmCut, (_g = opts.yfmCut) !== null && _g !== void 0 ? _g : {})
+        .use(YfmNote, (_h = opts.yfmNote) !== null && _h !== void 0 ? _h : {})
+        .use(YfmFile, (_j = opts.yfmFile) !== null && _j !== void 0 ? _j : {})
+        .use(YfmHeading, (_k = opts.yfmHeading) !== null && _k !== void 0 ? _k : {})
+        .use(YfmTable, (_l = opts.yfmTable) !== null && _l !== void 0 ? _l : {})
+        .use(YfmTabs);
+};

package/build/esm/presets/zero-specs.d.ts

@@ -0,0 +1,6 @@
+import type { ExtensionAuto } from '../core';
+import { BaseSchemaSpecsOptions } from '../extensions/base/specs';
+export declare type ZeroSpecPresetOptions = {
+    baseSchema?: BaseSchemaSpecsOptions;
+};
+export declare const ZeroSpecsPreset: ExtensionAuto<ZeroSpecPresetOptions>;

package/build/esm/presets/zero-specs.js

@@ -0,0 +1,5 @@
+import { BaseSchemaSpecs } from '../extensions/base/specs';
+export const ZeroSpecsPreset = (builder, opts) => {
+    var _a;
+    builder.use(BaseSchemaSpecs, (_a = opts.baseSchema) !== null && _a !== void 0 ? _a : {});
+};

package/build/esm/presets/zero.d.ts

@@ -0,0 +1,6 @@
+import type { ExtensionAuto } from '../core';
+import { BaseSchemaOptions } from '../extensions/base';
+export declare type ZeroPresetOptions = {
+    baseSchema?: BaseSchemaOptions;
+};
+export declare const ZeroPreset: ExtensionAuto<ZeroPresetOptions>;

package/build/esm/presets/zero.js

@@ -0,0 +1,9 @@
+import { BaseInputRules, BaseKeymap, BaseSchema, BaseStyles, } from '../extensions/base';
+export const ZeroPreset = (builder, opts) => {
+    var _a;
+    builder
+        .use(BaseSchema, (_a = opts.baseSchema) !== null && _a !== void 0 ? _a : {})
+        .use(BaseKeymap)
+        .use(BaseInputRules)
+        .use(BaseStyles);
+};

package/build/esm/react-utils/ErrorBoundary.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const ErrorLoggerBoundary: React.FC<{
+    children?: React.ReactNode;
+}>;

package/build/esm/react-utils/ErrorBoundary.js

@@ -0,0 +1,8 @@
+import React from 'react';
+import { ErrorBoundary } from 'react-error-boundary';
+import { logger } from '../logger';
+export const ErrorLoggerBoundary = ({ children }) => (React.createElement(ErrorBoundary, { onError: (e) => {
+        logger.error(e);
+    }, fallbackRender: () => {
+        return null;
+    } }, children));

package/build/esm/react-utils/hooks.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="lodash" />
+declare type SetTrue = () => void;
+declare type SetFalse = () => void;
+declare type Toggle = () => void;
+export declare function useBooleanState(initial: boolean | (() => boolean)): [boolean, SetTrue, SetFalse, Toggle];
+export declare const useComponentWillMount: (cb: () => void) => void;
+export declare const useRenderTime: (cb: (time: number) => void) => void;
+declare type AnyFunction = (...args: any[]) => any;
+export declare function useDebounce<Fn extends AnyFunction>(cb: Fn, wait: number): import("lodash").DebouncedFunc<(...args: Parameters<Fn>) => void>;
+export {};

package/build/esm/react-utils/hooks.js

@@ -0,0 +1,36 @@
+import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { useEffectOnce, useLatest } from 'react-use';
+import { debounce } from '../lodash';
+export function useBooleanState(initial) {
+    const [value, setValue] = useState(initial);
+    return [
+        value,
+        useCallback(() => setValue(true), []),
+        useCallback(() => setValue(false), []),
+        useCallback(() => setValue((val) => !val), []),
+    ];
+}
+export const useComponentWillMount = (cb) => {
+    const willMount = useRef(true);
+    if (willMount.current)
+        cb();
+    willMount.current = false;
+};
+export const useRenderTime = (cb) => {
+    let time = 0;
+    useComponentWillMount(() => {
+        time = Date.now();
+    });
+    useEffectOnce(() => {
+        cb(Date.now() - time);
+    });
+};
+export function useDebounce(cb, wait) {
+    const latestCb = useLatest(cb);
+    const debouncedFn = useMemo(() => debounce((...args) => {
+        latestCb.current.apply(null, args);
+    }, wait), [latestCb, wait]);
+    // cancel function on unmount
+    useEffect(() => () => debouncedFn.cancel(), [debouncedFn]);
+    return debouncedFn;
+}

package/build/esm/react-utils/index.d.ts

@@ -0,0 +1,7 @@
+export * from './ErrorBoundary';
+export * from './hooks';
+export * from './react-node-view';
+export * from './toaster';
+export * from './useNodeEditing';
+export * from './useNodeHovered';
+export * from './useSticky';

package/build/esm/react-utils/index.js

@@ -0,0 +1,7 @@
+export * from './ErrorBoundary';
+export * from './hooks';
+export * from './react-node-view';
+export * from './toaster';
+export * from './useNodeEditing';
+export * from './useNodeHovered';
+export * from './useSticky';

package/build/esm/react-utils/react-node-view.d.ts

@@ -0,0 +1,41 @@
+import React from 'react';
+import type { Mark, Node } from 'prosemirror-model';
+import type { EditorView, NodeView, NodeViewConstructor } from 'prosemirror-view';
+import { ExtensionDeps, Serializer } from '../core';
+declare type ReactNodeViewOptions<T> = {
+    isInline?: boolean;
+    reactNodeWrapperCn?: string;
+    extensionOptions?: T;
+};
+export declare const ReactNodeStopEventCn = "prosemirror-stop-event";
+export declare type ReactNodeViewProps<T extends object = {}> = {
+    dom: HTMLElement;
+    view: EditorView;
+    updateAttributes: (attrs: object, marks?: Mark[]) => void;
+    node: Node;
+    getPos: () => number | undefined;
+    serializer: Serializer;
+    extensionOptions?: T;
+};
+export declare class ReactNodeView<T extends object = {}> implements NodeView {
+    readonly dom: HTMLElement;
+    node: Node;
+    readonly view: EditorView;
+    readonly serializer: Serializer;
+    readonly renderItem: import("../extensions").RendererItem;
+    readonly getPos: () => number | undefined;
+    constructor(Component: React.FC<ReactNodeViewProps<T>>, opts: {
+        node: Node;
+        view: EditorView;
+        getPos: () => number | undefined;
+        serializer: Serializer;
+        options?: ReactNodeViewOptions<T>;
+    });
+    update(node: Node): boolean;
+    destroy(): void;
+    ignoreMutation(): boolean;
+    updateAttributes(attributes: {}, marks?: Mark[]): void;
+    stopEvent(e: Event): boolean;
+}
+export declare const reactNodeViewFactory: <T extends object = {}>(Component: React.FC<ReactNodeViewProps<T>>, options?: ReactNodeViewOptions<T>) => (deps: ExtensionDeps) => NodeViewConstructor;
+export {};

package/build/esm/react-utils/react-node-view.js

@@ -0,0 +1,56 @@
+import React from 'react';
+import { createPortal } from 'react-dom';
+import { getReactRendererFromState } from '../extensions';
+export const ReactNodeStopEventCn = 'prosemirror-stop-event';
+export class ReactNodeView {
+    constructor(Component, opts) {
+        const { getPos, node, serializer, view, options } = opts;
+        this.node = node;
+        this.dom = (options === null || options === void 0 ? void 0 : options.isInline)
+            ? document.createElement('span')
+            : document.createElement('div');
+        this.dom.classList.add('react-node-wrapper');
+        if (options === null || options === void 0 ? void 0 : options.reactNodeWrapperCn) {
+            this.dom.classList.add(options === null || options === void 0 ? void 0 : options.reactNodeWrapperCn);
+        }
+        this.dom.contentEditable = 'false';
+        this.serializer = serializer;
+        this.view = view;
+        this.getPos = getPos;
+        this.renderItem = getReactRendererFromState(view.state).createItem(`${Component.displayName || this.node.type.name}-view`, () => createPortal(React.createElement(Component, { dom: this.dom, view: this.view, updateAttributes: this.updateAttributes.bind(this), node: this.node, getPos: this.getPos.bind(this), serializer: this.serializer, extensionOptions: options === null || options === void 0 ? void 0 : options.extensionOptions }), this.dom));
+    }
+    update(node) {
+        if (node.type !== this.node.type)
+            return false;
+        if (this.node === node)
+            return true;
+        this.node = node;
+        this.renderItem.rerender();
+        return true;
+    }
+    destroy() {
+        this.renderItem.remove();
+    }
+    ignoreMutation() {
+        return true;
+    }
+    updateAttributes(attributes, marks = []) {
+        const pos = this.getPos();
+        if (pos === undefined)
+            return;
+        const { tr } = this.view.state;
+        tr.setNodeMarkup(pos, undefined, Object.assign(Object.assign({}, this.node.attrs), attributes), marks);
+        this.view.dispatch(tr);
+    }
+    stopEvent(e) {
+        const target = e.target;
+        const isInput = ['INPUT', 'BUTTON', 'SELECT', 'TEXTAREA'].includes(target.tagName);
+        if (isInput ||
+            (typeof target.className === 'string' &&
+                target.className.includes(ReactNodeStopEventCn))) {
+            return true;
+        }
+        return false;
+    }
+}
+export const reactNodeViewFactory = (Component, options) => ({ serializer }) => (node, view, getPos) => new ReactNodeView(Component, { node, view, getPos, serializer, options });

package/build/esm/react-utils/toaster.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { ToasterPublicMethods } from '@gravity-ui/uikit';
+export declare const ToasterContext: React.Context<ToasterPublicMethods | null>;
+export declare function useToaster(): ToasterPublicMethods;

package/build/esm/react-utils/toaster.js

@@ -0,0 +1,10 @@
+import React from 'react';
+export const ToasterContext = React.createContext(null);
+ToasterContext.displayName = 'YEToasterContext';
+export function useToaster() {
+    const toaster = React.useContext(ToasterContext);
+    if (!toaster) {
+        throw new Error('YEToaster: `useToaster` hook is used out of context');
+    }
+    return React.useMemo(() => toaster, [toaster]);
+}

package/build/esm/react-utils/useAutoFocus.d.ts

@@ -0,0 +1,2 @@
+import { RefObject } from 'react';
+export declare const useAutoFocus: (nodeRef: RefObject<HTMLElement>) => void;

package/build/esm/react-utils/useAutoFocus.js

@@ -0,0 +1,14 @@
+import { useEffect } from 'react';
+export const useAutoFocus = (nodeRef) => {
+    useEffect(() => {
+        const { current: anchor } = nodeRef;
+        const timeout = setTimeout(() => {
+            anchor === null || anchor === void 0 ? void 0 : anchor.focus();
+        });
+        return () => {
+            clearTimeout(timeout);
+        };
+        // https://github.com/facebook/react/issues/23392#issuecomment-1055610198
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [nodeRef.current]);
+};

package/build/esm/react-utils/useNodeEditing.d.ts

@@ -0,0 +1,6 @@
+import { RefObject } from 'react';
+import { EditorView } from 'prosemirror-view';
+export declare const useNodeEditing: ({ nodeRef, view, }: {
+    nodeRef: RefObject<HTMLElement>;
+    view: EditorView;
+}) => [boolean, () => void, () => void, () => void];

package/build/esm/react-utils/useNodeEditing.js

@@ -0,0 +1,18 @@
+import { useEffect } from 'react';
+import { useBooleanState } from './hooks';
+export const useNodeEditing = ({ nodeRef, view, }) => {
+    const state = useBooleanState(false);
+    const [, , unsetEdit, toggleEdit] = state;
+    useEffect(() => {
+        const { current: anchor } = nodeRef;
+        anchor === null || anchor === void 0 ? void 0 : anchor.addEventListener('dblclick', toggleEdit);
+        view.dom.addEventListener('focus', unsetEdit);
+        return () => {
+            anchor === null || anchor === void 0 ? void 0 : anchor.removeEventListener('dblclick', toggleEdit);
+            view.dom.removeEventListener('focus', unsetEdit);
+        };
+        // https://github.com/facebook/react/issues/23392#issuecomment-1055610198
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [view.dom, toggleEdit, unsetEdit, nodeRef.current]);
+    return state;
+};

package/build/esm/react-utils/useNodeHovered.d.ts

@@ -0,0 +1,2 @@
+import { RefObject } from 'react';
+export declare const useNodeHovered: (nodeRef: RefObject<HTMLElement>) => boolean;

package/build/esm/react-utils/useNodeHovered.js

@@ -0,0 +1,17 @@
+import { useEffect } from 'react';
+import { useBooleanState } from './hooks';
+export const useNodeHovered = (nodeRef) => {
+    const [nodeHovered, setNodeHovered, unsetNodeHovered] = useBooleanState(false);
+    useEffect(() => {
+        const { current: anchor } = nodeRef;
+        anchor === null || anchor === void 0 ? void 0 : anchor.addEventListener('mouseenter', setNodeHovered);
+        anchor === null || anchor === void 0 ? void 0 : anchor.addEventListener('mouseleave', unsetNodeHovered);
+        return () => {
+            anchor === null || anchor === void 0 ? void 0 : anchor.removeEventListener('mouseenter', setNodeHovered);
+            anchor === null || anchor === void 0 ? void 0 : anchor.removeEventListener('mouseleave', unsetNodeHovered);
+        };
+        // https://github.com/facebook/react/issues/23392#issuecomment-1055610198
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [nodeRef.current, setNodeHovered, unsetNodeHovered]);
+    return nodeHovered;
+};

package/build/esm/react-utils/useSticky.d.ts

@@ -0,0 +1,2 @@
+import { RefObject } from 'react';
+export declare function useSticky<T extends HTMLElement>(elemRef: RefObject<T>): boolean;

package/build/esm/react-utils/useSticky.js

@@ -0,0 +1,39 @@
+import { useState } from 'react';
+import { useEffectOnce, useLatest } from 'react-use';
+const events = new Set([
+    'resize',
+    'scroll',
+    'touchstart',
+    'touchmove',
+    'touchend',
+    'pageshow',
+    'load',
+    'orientationchange',
+]);
+export function useSticky(elemRef) {
+    const [sticky, setSticky] = useState(false);
+    const stickyRef = useLatest(sticky);
+    useEffectOnce(() => {
+        observe();
+        for (const eventName of events) {
+            window.addEventListener(eventName, observe, true);
+        }
+        return () => {
+            for (const eventName of events) {
+                window.removeEventListener(eventName, observe, true);
+            }
+        };
+        function observe() {
+            if (!elemRef.current)
+                return;
+            const refPageOffset = elemRef.current.getBoundingClientRect().top;
+            const stickyOffset = parseInt(getComputedStyle(elemRef.current).top, 10);
+            const stickyActive = refPageOffset <= stickyOffset;
+            if (stickyActive && !stickyRef.current)
+                setSticky(true);
+            else if (!stickyActive && stickyRef.current)
+                setSticky(false);
+        }
+    });
+    return sticky;
+}

package/build/esm/shortcuts/chars.d.ts

@@ -0,0 +1,2 @@
+import { Chars } from './types';
+export declare const cmChars: Chars;

package/build/esm/shortcuts/chars.js

@@ -0,0 +1,9 @@
+import { isMac } from '../utils/platform';
+import { Key as K, ModKey as MK } from './const';
+const cmMac = {
+    [MK.Mod]: 'cmd',
+};
+const cmPC = {
+    [MK.Mod]: 'ctrl',
+};
+export const cmChars = Object.assign({ [K.Esc]: 'Esc' }, (isMac() ? cmMac : cmPC));

package/build/esm/shortcuts/const.d.ts

@@ -0,0 +1,42 @@
+export declare enum ModKey {
+    Mod = "mod",
+    Alt = "alt",
+    Option = "alt",
+    Cmd = "cmd",
+    Ctrl = "ctrl",
+    Control = "ctrl",
+    Shift = "shift",
+    Tab = "tab"
+}
+export declare enum Key {
+    Enter = "Enter",
+    Esc = "Escape"
+}
+export declare enum Action {
+    __debug = "__debug__",
+    Cancel = "cancel",
+    Submit = "submit",
+    Undo = "undo",
+    Redo = "redo",
+    Bold = "bold",
+    Italic = "italic",
+    Underline = "underline",
+    Strike = "strike",
+    Code = "code",
+    Link = "link",
+    Text = "text",
+    Heading1 = "h1",
+    Heading2 = "h2",
+    Heading3 = "h3",
+    Heading4 = "h4",
+    Heading5 = "h5",
+    Heading6 = "h6",
+    BulletList = "ulist",
+    OrderedList = "olist",
+    LiftListItem = "list__action_lift",
+    SinkListItem = "list__action_sink",
+    Quote = "quote",
+    CodeBlock = "codeblock",
+    Cut = "cut",
+    Note = "note"
+}

package/build/esm/shortcuts/const.js

@@ -0,0 +1,45 @@
+export var ModKey;
+(function (ModKey) {
+    ModKey["Mod"] = "mod";
+    ModKey["Alt"] = "alt";
+    ModKey["Option"] = "alt";
+    ModKey["Cmd"] = "cmd";
+    ModKey["Ctrl"] = "ctrl";
+    ModKey["Control"] = "ctrl";
+    ModKey["Shift"] = "shift";
+    ModKey["Tab"] = "tab";
+})(ModKey || (ModKey = {}));
+export var Key;
+(function (Key) {
+    Key["Enter"] = "Enter";
+    Key["Esc"] = "Escape";
+})(Key || (Key = {}));
+export var Action;
+(function (Action) {
+    Action["__debug"] = "__debug__";
+    Action["Cancel"] = "cancel";
+    Action["Submit"] = "submit";
+    Action["Undo"] = "undo";
+    Action["Redo"] = "redo";
+    Action["Bold"] = "bold";
+    Action["Italic"] = "italic";
+    Action["Underline"] = "underline";
+    Action["Strike"] = "strike";
+    Action["Code"] = "code";
+    Action["Link"] = "link";
+    Action["Text"] = "text";
+    Action["Heading1"] = "h1";
+    Action["Heading2"] = "h2";
+    Action["Heading3"] = "h3";
+    Action["Heading4"] = "h4";
+    Action["Heading5"] = "h5";
+    Action["Heading6"] = "h6";
+    Action["BulletList"] = "ulist";
+    Action["OrderedList"] = "olist";
+    Action["LiftListItem"] = "list__action_lift";
+    Action["SinkListItem"] = "list__action_sink";
+    Action["Quote"] = "quote";
+    Action["CodeBlock"] = "codeblock";
+    Action["Cut"] = "cut";
+    Action["Note"] = "note";
+})(Action || (Action = {}));

package/build/esm/shortcuts/default.d.ts

@@ -0,0 +1 @@
+export {};

package/build/esm/shortcuts/default.js

@@ -0,0 +1,31 @@
+import { Action as A, Key as K, ModKey as MK } from './const';
+import { formatter } from './formatter';
+/* eslint-disable */
+formatter
+    .set(A.__debug, [MK.Mod, MK.Option, ']'])
+    .set(A.Cancel, [K.Esc])
+    .set(A.Submit, [MK.Mod, K.Enter])
+    .set(A.Undo, [MK.Mod, 'z'])
+    .set(A.Redo, [MK.Mod, MK.Shift, 'z'])
+    .set(A.Bold, [MK.Mod, 'b'])
+    .set(A.Italic, [MK.Mod, 'i'])
+    .set(A.Underline, [MK.Mod, 'u'])
+    .set(A.Strike, [MK.Mod, MK.Shift, 's'])
+    .set(A.Code, [MK.Mod, 'e'])
+    .set(A.Link, [MK.Mod, 'k'])
+    .set(A.Text, { pc: [MK.Ctrl, MK.Shift, '0'], mac: [MK.Cmd, MK.Option, '0'] })
+    .set(A.Heading1, { pc: [MK.Ctrl, MK.Shift, '1'], mac: [MK.Cmd, MK.Option, '1'] })
+    .set(A.Heading2, { pc: [MK.Ctrl, MK.Shift, '2'], mac: [MK.Cmd, MK.Option, '2'] })
+    .set(A.Heading3, { pc: [MK.Ctrl, MK.Shift, '3'], mac: [MK.Cmd, MK.Option, '3'] })
+    .set(A.Heading4, { pc: [MK.Ctrl, MK.Shift, '4'], mac: [MK.Cmd, MK.Option, '4'] })
+    .set(A.Heading5, { pc: [MK.Ctrl, MK.Shift, '5'], mac: [MK.Cmd, MK.Option, '5'] })
+    .set(A.Heading6, { pc: [MK.Ctrl, MK.Shift, '6'], mac: [MK.Cmd, MK.Option, '6'] })
+    .set(A.BulletList, [MK.Mod, MK.Shift, 'l'])
+    .set(A.OrderedList, [MK.Mod, MK.Shift, 'm'])
+    .set(A.SinkListItem, [MK.Tab])
+    .set(A.LiftListItem, [MK.Shift, MK.Tab])
+    .set(A.Quote, [MK.Mod, MK.Shift, '.'])
+    .set(A.CodeBlock, { pc: [MK.Ctrl, MK.Shift, 'e'], mac: [MK.Cmd, MK.Option, 'e'] })
+    .set(A.Cut, { pc: [MK.Ctrl, MK.Shift, '7'], mac: [MK.Cmd, MK.Option, '7'] })
+    .set(A.Note, { pc: [MK.Ctrl, MK.Shift, '8'], mac: [MK.Cmd, MK.Option, '8'] });
+/* eslint-enable */

package/build/esm/shortcuts/formatter.d.ts

@@ -0,0 +1,10 @@
+import { Defs, PlatfrormDefs } from './types';
+declare class ShortCutFormatter {
+    #private;
+    set(name: string, defs: Defs | PlatfrormDefs): this;
+    toPM(name: string): string | null;
+    toCM(name: string): string | null;
+    toView(name: string): string | undefined;
+}
+export declare const formatter: ShortCutFormatter;
+export {};

package/build/esm/shortcuts/formatter.js

@@ -0,0 +1,43 @@
+var _ShortCutFormatter_map;
+import { __classPrivateFieldGet } from "tslib";
+import { isMac } from '../utils/platform';
+import { cmChars } from './chars';
+import { ModKey as MK } from './const';
+class ShortCutFormatter {
+    constructor() {
+        _ShortCutFormatter_map.set(this, new Map());
+    }
+    set(name, defs) {
+        if (Array.isArray(defs)) {
+            __classPrivateFieldGet(this, _ShortCutFormatter_map, "f").set(name, defs);
+        }
+        else {
+            const platformedDefs = defs[isMac() ? 'mac' : 'pc'];
+            if (platformedDefs) {
+                __classPrivateFieldGet(this, _ShortCutFormatter_map, "f").set(name, platformedDefs);
+            }
+        }
+        return this;
+    }
+    toPM(name) {
+        const defs = __classPrivateFieldGet(this, _ShortCutFormatter_map, "f").get(name);
+        if (!defs)
+            return null;
+        return defs.join('-');
+    }
+    toCM(name) {
+        const defs = __classPrivateFieldGet(this, _ShortCutFormatter_map, "f").get(name);
+        if (!defs)
+            return null;
+        return defs
+            .map((str) => { var _a; return (_a = cmChars[str]) !== null && _a !== void 0 ? _a : str; })
+            .sort((a) => (a === MK.Shift ? -1 : 0))
+            .join('-');
+    }
+    toView(name) {
+        const defs = __classPrivateFieldGet(this, _ShortCutFormatter_map, "f").get(name);
+        return defs === null || defs === void 0 ? void 0 : defs.join('+');
+    }
+}
+_ShortCutFormatter_map = new WeakMap();
+export const formatter = new ShortCutFormatter();

package/build/esm/shortcuts/index.d.ts

@@ -0,0 +1,3 @@
+import './default';
+export * from './const';
+export * from './formatter';

package/build/esm/shortcuts/index.js

@@ -0,0 +1,3 @@
+import './default';
+export * from './const';
+export * from './formatter';

package/build/esm/shortcuts/types.d.ts

@@ -0,0 +1,6 @@
+export declare type Chars = Partial<Record<string, string>>;
+export declare type Defs = string[];
+export declare type PlatfrormDefs = {
+    pc?: Defs;
+    mac?: Defs;
+};

package/build/esm/shortcuts/types.js

@@ -0,0 +1 @@
+export {};

package/build/esm/styles/markdown copy.css

@@ -0,0 +1,24 @@
+.g-root .yfm:not(.yfm_only-light) {
+  --yfm-file-icon-color: var(--g-color-text-primary);
+}
+
+.g-root {
+  --yfm-color-text-gray: var(--g-color-text-secondary);
+  --yfm-color-text-yellow: var(--g-color-private-yellow-600-solid);
+  --yfm-color-text-orange: var(--g-color-private-orange-500-solid);
+  --yfm-color-text-red: var(--g-color-text-danger);
+  --yfm-color-text-green: var(--g-color-text-positive);
+  --yfm-color-text-blue: var(--g-color-text-info);
+  --yfm-color-text-violet: var(--g-color-text-utility);
+}
+
+.g-root {
+  --yfm-colorify-black: var(--g-color-text-primary);
+  --yfm-colorify-gray: var(--yfm-color-text-gray);
+  --yfm-colorify-yellow: var(--yfm-color-text-yellow);
+  --yfm-colorify-orange: var(--yfm-color-text-orange);
+  --yfm-colorify-red: var(--yfm-color-text-red);
+  --yfm-colorify-green: var(--yfm-color-text-green);
+  --yfm-colorify-blue: var(--yfm-color-text-blue);
+  --yfm-colorify-violet: var(--yfm-color-text-violet);
+}