Gutenberg manipulate Editor Mode state. (Experimental)

mode-switch-plugin.js

(function (wp) {

    var registerPlugin = wp.plugins.registerPlugin;
    var PluginMoreMenuItem = wp.editPost.PluginMoreMenuItem;
    // var image = wp.icons.image;
    var el = wp.element.createElement;
    var withDispatch = wp.data.withDispatch;

    var MoreItem = function (props) {
        return el(PluginMoreMenuItem,
            {
                name: 'my-plugin-sidebar',
                icon: 'admin-post',
                title: 'My plugin sidebar',
                onClick: props.setEditorValue('markdown')
            },
            'Markdown Editor'
        );
    }

    var MoreItemWithDispatch = withDispatch(
        function (dispatch) {
            return {
                setEditorValue: function (value) {
                    dispatch('core/edit-post').switchEditorMode(value);
                }
            }
        }
    )(MoreItem)

    registerPlugin('my-plugin-sidebar', {
        render: function () {
            return el(MoreItemWithDispatch);
        },
    });


    // var PluginSidebar = wp.editPost.PluginSidebar;
    // var el = wp.element.createElement;

    // registerPlugin('my-plugin-sidebar', {
    //     render: function () {
    //         return el(PluginSidebar,
    //             {
    //                 name: 'my-plugin-sidebar',
    //                 icon: 'admin-post',
    //                 title: 'My plugin sidebar',
    //             },
    //             'Meta field'
    //         );
    //     },
    // });




})(window.wp);