cosmocode / dokuwiki-plugin-prosemirror

import MenuItem from '../MenuItem';

import { svgIcon } from '../MDI';

import footnoteSchema from '../../../nodeviews/Footnote/footnoteSchema';

export default class FootnoteMenuItemDispatcher extends AbstractMenuItemDispatcher {

    static getMenuItem(schema) {

        if (!this.isAvailable(schema)) {

            throw new Error('Footnote not available in schema!');

        }

        return new MenuItem({

            command: (state, dispatch) => {

                const { $from } = state.selection;

                const index = $from.index();

                if (!$from.parent.canReplaceWith(index, index, schema.nodes.footnote)) {

                    return false;

                }

                const selectedContent = state.selection.content().content.toJSON();

                const footnoteDoc = {

                    type: 'doc',

                    content: selectedContent || [{ type: 'paragraph' }],

                };

                try {

                    footnoteSchema.nodeFromJSON(footnoteDoc);

                } catch (e) {

                    return false;

                }

                if (dispatch) {

                    const footnoteNode = schema.nodes.footnote.create({ contentJSON: JSON.stringify(footnoteDoc) });

                    dispatch(state.tr.replaceSelectionWith(footnoteNode));

                }

                return true;

            },

            icon: svgIcon('note-plus-outline'),

            label: 'Add a footnote',

        });

    }

}