MediaWiki:Common.js

mw.loader.using('ext.visualEditor.desktopArticleTarget.init').then(function () {
    console.log('VE modules loaded');
    
    // --- Define the command and tool first ---
    function doHighlight(surface) {
        var fragment = surface.getModel().getFragment();
        var selectedText = fragment.getText();
        if (!selectedText) {
            return;
        }
        fragment.insertContent('{{Highlight|' + selectedText + '|yellow}}');
    }
    
    var commandName = 'insertHighlight';
    
    function registerHighlightTool() {
        console.log('Attempting to register highlight tool...');
        
        // Register command
        if (!ve.ui.commandRegistry.lookup(commandName)) {
            ve.ui.commandRegistry.register(
                new ve.ui.Command(
                    commandName,
                    'content',
                    'exec',
                    { args: [doHighlight] }
                )
            );
            console.log('Command registered');
        }
        
        // --- Define the tool ---
        function HighlightTool(toolGroup, config) {
            ve.ui.Tool.call(this, toolGroup, config);
        }
        
        OO.inheritClass(HighlightTool, ve.ui.Tool);
        HighlightTool.static.name = 'highlight';
        HighlightTool.static.group = 'textStyle';
        HighlightTool.static.icon = 'highlight';
        HighlightTool.static.title = 'Highlight text';
        HighlightTool.static.commandName = commandName;
        
        if (!ve.ui.toolFactory.lookup('highlight')) {
            ve.ui.toolFactory.register(HighlightTool);
            console.log('Highlight tool registered');
            return true;
        }
        return false;
    }
    
    // Try multiple hooks
    mw.hook('ve.activationComplete').add(function () {
        console.log('ve.activationComplete fired');
        registerHighlightTool();
        
        // Wait a bit then check toolbar
        setTimeout(function() {
            console.log('Checking toolbar after delay...');
            if (typeof ve !== 'undefined' && ve.init && ve.init.target) {
                console.log('Target exists:', ve.init.target.constructor.name);
                if (ve.init.target.toolbar) {
                    console.log('Toolbar exists');
                    console.log('Toolbar setup:', ve.init.target.toolbar.setup);
                } else {
                    console.log('No toolbar found');
                }
            } else {
                console.log('No target found');
            }
        }, 2000);
    });
    
    // Try other possible hooks
    mw.hook('ve.toolbarSaveButton.stateChanged').add(function() {
        console.log('Toolbar save button state changed - toolbar should be ready');
    });
    
    mw.hook('ve.deactivationComplete').add(function() {
        console.log('VE deactivated');
    });
    
    // List all available ve hooks
    setTimeout(function() {
        if (typeof mw.hook._hooks !== 'undefined') {
            var veHooks = Object.keys(mw.hook._hooks).filter(hook => hook.startsWith('ve.'));
            console.log('Available VE hooks:', veHooks);
        }
    }, 1000);
});