☰

Greasy Fork is available in English.

c4ai-command-r-plus.hf.space

Customizing the appearance of the cohereforai-c4ai-command-r-plus.hf.space page

// ==UserScript==
// @name         c4ai-command-r-plus.hf.space
// @namespace    Apache-2.0
// @version      1.3.2
// @description  Customizing the appearance of the cohereforai-c4ai-command-r-plus.hf.space page
// @author       Tony 0tis
// @license      Apache-2.0
// @match        *://cohereforai-c4ai-command-r-plus.hf.space/*
// @icon         https://cohereforai-c4ai-command-r-plus.hf.space/favicon.ico
// @grant        none
// ==/UserScript==

(function() {
    const manifestUrl = 'https://raw.githubusercontent.com/tony-0tis/manifests/refs/heads/main/cohereforai-c4ai-command.hf.space/manifest.json'
    console.log('start customize');
    document.title = 'C4AI Command R Plus - on Hugging Face Space by CohereForAI';
    const observer = new MutationObserver((mutationsList, observer)=>{
        for (const mutation of mutationsList) {
            for(const node of mutation.addedNodes){
                if(node.id === 'logo-img'){
                    node.parentNode.parentNode.style.display = 'none';
                }
                if(node.classList && node.classList.contains('label') && node.innerText === 'Examples'){
                	node.parentNode.parentNode.style.display = 'none';
                }
                if(node.classList && node.classList.contains('message-wrap')){
                	let parent = node;
                	while(true || parent){
                		if(parent.id.includes('component')){
                			parent.style.height = '100%';
                			parent.style.overflow = 'auto';
                			if(parent.id === 'component-0'){
                				parent.style.height = 'calc(100dvh - 40px)';
                				document.title = 'C4AI Command R Plus - a Hugging Face Space by CohereForAI';
                				break;
                			}
                		}
                		parent = parent.parentNode;
                	}
                }
                if(node.nodeName === 'FOOTER'){
                    node.style.display = 'none';
                }
                if(node.nodeName === 'TEXTAREA'){
                    node.style.minHeight = '46px';
                    node.parentNode.parentNode.style.padding = '0px';
                }
                if(node.nodeName === 'BUTTON' && node.innerText === 'Clear chat'){
                    node.innerText = '🗑️';
                    node.style.flex = '0';
                    node.style.minWidth = '50px';
                    node.parentNode.style.flexDirection = 'row-reverse';
                }
            }
        }
    });
    observer.observe(document, {attributes: false, childList: true, characterData: false, subtree:true});
    document.addEventListener('beforeunload', ()=>{
        observer.disconnect();
    });

    const manifest = document.createElement('link');
    manifest.rel = 'manifest'
    manifest.href = manifestUrl;
    document.head.appendChild(manifest);
})();