MediaWiki:Gadget-Section editor test.js

Note: After saving, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
• Opera: Press Ctrl-F5.

var sections = [
	'Normative',
	'Research',
	'Press',
	'Comments'
];

var namespace = mw.config.get('wgCanonicalNamespace');
var url = mw.util.getUrl();
var page = mw.config.get('wgPageName');

var baseLink = url.substr(0, url.length - page.length);
var pageName = url.substr(url.length - page.length + (namespace.length > 0 ? (namespace.length + 1) : 0));

function makeToolbarTools() {
    if ( namespace == 'Term' ) {
        sections.forEach(function(e){
            var url = mw.config.get('wgScript') + '/' + encodeURIComponent( e ) + ":" + encodeURIComponent( pageName );
            mw.util.addPortletLink( 'p-tb', url+"?veaction=edit", e, 't-tk-sub-'+e.toLowerCase(), e + " subsection" );
            mw.util.addPortletLink('p-cactions', url, e, 'ca-tk-'+e.toLowerCase(), e + " subsection" );
        });
    }
    else if (sections.includes(namespace)) {
        var url = mw.config.get('wgScript') + '/' + "Term:" + encodeURIComponent( pageName );
        mw.util.addPortletLink( 'p-tb', url+"?veaction=edit", "Term", 't-tk-sub-term', "Term page" );
        mw.util.addPortletLink('p-cactions', url, "Term", 'ca-tk-term', "Term page" );
    }
}
//makeToolbarTools();

mw.loader.using(['mediawiki.api']).then( function () {
    var api = new mw.Api();

    function makePageTools() {
        if ( namespace == 'Term' ) {
            function addLinks(user) {
                $(".mw-headline").each(function(_,e){
                    var $e = $(e);
                    if ($.inArray($e.attr('id'), sections) >= 0 && $e.next().attr('class') != 'mw-editsection') {
                        var base = $('<span class="mw-editsection"></span>');
                        base.append('<span class="mw-editsection-bracket">[</span>');
                        base.append('<a href="/index.php?title='+$e.attr('id')+':'+pageName+'&amp;veaction=edit&amp;section=T-1" class="mw-editsection-visualeditor" title="Edit section: ">edit</a>');
                        base.append('<span class="mw-editsection-divider"> | </span>');
                        base.append('<a href="/index.php?title='+$e.attr('id')+':'+pageName+'&amp;action=edit&amp;section=T-1" title="Edit section: ">edit source</a>');
                        base.append('<span class="mw-editsection-bracket">]</span>');
                        base.insertAfter($e);
                    }
                });
            }

            api.getUserInfo().then(addLinks);
        }
    }

    makePageTools();
} );

//TODO: make smart insertion
mw.loader.using(['mediawiki.api', 'oojs']).then( function () {
    var api = new mw.Api();
    var rest = new mw.Rest();

    function makeVisualTools() {
        if (namespace != 'Term') return;
        
        //Create and register command
        
        var commandName = 'insertSections';
        var title = 'Insert Term Template';
        
        var template = [];
        
        var pageTemplates = {};
        
        var promises = [];
        
        sections.forEach(function(e){
            //Create template
            template = template.concat([
                {
                    type: 'mwTransclusionBlock',
                    attributes: {
                        mw: {
                            parts: [ {
                                template: {
                                    i:0,
                                    target: {
                                        href: "./"+e+":"+pageName,
                                        wt: e+":"+pageName
                                    }
                                },
                                params: {}
                            } ]
                        }
                    }
                },
                { type: '/mwTransclusionBlock' },
                { type: 'paragraph' },
                { type: '/paragraph' }
            ]);
            //Gather template
            promises.push(rest.get("/v1/page/Template:"+e).then(function(res){
                if (res && res.source)
                {
                    pageTemplates[e] = res.source;
                }
            }));
        });
        
        Promise.all(promises).then(function(){
            //console.log(pageTemplates);
        });
        
        var InsertSectionsCommand = function(name) {
            InsertSectionsCommand.super.call( this, name );
            this.subcommand = new ve.ui.Command( commandName, 'content', 'insert', {
                args: [ template, false, true ],
                supportedSelections: [ 'linear' ]
            });
        }
        OO.inheritClass( InsertSectionsCommand, ve.ui.Command );
        
        InsertSectionsCommand.prototype.execute = function(surface, args, source) {
            sections.forEach(function(section){
                var tm = pageTemplates[section];
                api.create(section+":"+pageName, {}, tm !== undefined ? tm : 'Section: '+section);
            });
            
            var ret = this.subcommand.execute(surface, args, source);
            
            return ret;
        }
        
        ve.ui.commandRegistry.register(new InsertSectionsCommand(commandName));

        //Create and register tool
        function SectionTemplater() {
            SectionTemplater.parent.apply( this, arguments );
        }
        OO.inheritClass( SectionTemplater, ve.ui.MWTransclusionDialogTool );

        SectionTemplater.static.name = 'sectiontemplater';
        SectionTemplater.static.group = 'insert';
        SectionTemplater.static.title = title;
        SectionTemplater.static.commandName = commandName;
        ve.ui.toolFactory.register( SectionTemplater );
    }

    //Initialize
    mw.hook( 've.loadModules' ).add( function( addPlugin ) {
        addPlugin( function() {
            return mw.loader.using( [ 'ext.visualEditor.core', 'ext.visualEditor.mwwikitext', 'ext.visualEditor.mwtransclusion' ] )
                .then( function() {
                    makeVisualTools();
                } );
        } );
    } );
} );