MediaWiki:Common.js

mw.loader.using('ext.visualEditor.desktopArticleTarget.init').then(function () {
    mw.hook('ve.activationComplete').add(function () {
        console.log('ve.activationComplete fired, registering tool...');
        
        function doHighlight(surface) {
            var fragment = surface.getModel().getFragment();
            var selectedText = fragment.getText();
            if (!selectedText) {
                return;
            }
            fragment.insertContent('{{Highlight|' + selectedText + '|yellow}}');
        }
        
        var commandName = 'insertHighlight';
        
        if (!ve.ui.commandRegistry.lookup(commandName)) {
            ve.ui.commandRegistry.register(
                new ve.ui.Command(
                    commandName,
                    'content',
                    'exec',
                    { args: [doHighlight] }
                )
            );
        }
        
        function HighlightTool(toolGroup, config) {
            ve.ui.Tool.call(this, toolGroup, config);
        }
        
        OO.inheritClass(HighlightTool, ve.ui.Tool);
        HighlightTool.static.name = 'highlight';
        HighlightTool.static.group = 'insert'; // Try insert first
        HighlightTool.static.icon = 'highlight';
        HighlightTool.static.title = 'Highlight text';
        HighlightTool.static.commandName = commandName;
        HighlightTool.static.autoAddToCatchall = true;
        HighlightTool.static.autoAddToGroup = true;
        
        if (!ve.ui.toolFactory.lookup('highlight')) {
            ve.ui.toolFactory.register(HighlightTool);
            console.log('Highlight tool registered with insert group');
        }
        
        setTimeout(function() {
            if (ve.init.target && ve.init.target.toolbar) {
                var insertGroup = ve.init.target.toolbar.groups.find(g => g.name === 'insert');
                console.log('Insert group:', insertGroup);
                
                if (insertGroup && insertGroup.items) {
                    console.log('Insert group tools:', insertGroup.items.map(item => item.constructor.static.name));
                    
                    // Check if highlight is in there
                    var highlightTool = insertGroup.items.find(item => item.constructor.static.name === 'highlight');
                    if (highlightTool) {
                        console.log('Found highlight tool in insert group!');
                    } else {
                        console.log('Highlight tool NOT found in insert group');
                    }
                }
            }
        }, 3000);
    });
});