MediaWiki:Common.js

/* Any JavaScript here will be loaded for all users on every page load. */
// Helix Project - Wiki Chat Bubble (ES5 Compatible)
window.addEventListener('load', function() {
    console.log('Loading Helix Wiki Chat Bubble...');
    
    // Simple, reliable chat bubble for wiki
    var chatBubble = document.createElement('div');
    chatBubble.innerHTML = '💬 Wiki Help';
    chatBubble.id = 'helix-wiki-chat-bubble';
    
    // Set styles individually (ES5 compatible)
    chatBubble.style.position = 'fixed';
    chatBubble.style.bottom = '20px';
    chatBubble.style.right = '20px';
    chatBubble.style.background = '#007cba';
    chatBubble.style.color = 'white';
    chatBubble.style.padding = '12px 18px';
    chatBubble.style.borderRadius = '20px';
    chatBubble.style.cursor = 'pointer';
    chatBubble.style.zIndex = '1000';
    chatBubble.style.boxShadow = '0 2px 10px rgba(0,0,0,0.2)';
    chatBubble.style.fontFamily = 'sans-serif';
    chatBubble.style.fontSize = '14px';
    chatBubble.style.fontWeight = 'bold';
    
    // Simple click action - go to wiki help
    chatBubble.onclick = function() {
        window.location.href = '/wiki/Help:Contents';
    };
    
    // Add hover effect
    chatBubble.onmouseover = function() {
        this.style.background = '#005a87';
        this.style.transform = 'scale(1.05)';
    };
    
    chatBubble.onmouseout = function() {
        this.style.background = '#007cba';
        this.style.transform = 'scale(1)';
    };
    
    document.body.appendChild(chatBubble);
    console.log('Helix Wiki Chat Bubble added successfully');
    
    // Optional: Keep your existing Chatbase integration
    var script = document.createElement('script');
    script.src = 'https://www.chatbase.co/embed.min.js';
    script.setAttribute('chatbotId', 'i65eBj3COxUlFEU_Lsrw0');
    script.setAttribute('domain', 'www.chatbase.co');
    script.defer = true;
    document.body.appendChild(script);
});