MR目标分支设置

自定义GitLab推送后创建合并请求的目标分支，支持手动设置
换行
// ==UserScript==
// @name         MR目标分支设置
// @namespace    http://tampermonkey.net/
// @version      0.2
// @description  自定义GitLab推送后创建合并请求的目标分支，支持手动设置
// @author       章小慢
// @match        https://git.xxxxx.co/* 
// @grant        GM_getValue
// @grant        GM_setValue
// ==/UserScript==


(function() {
    'use strict';

    // 从存储中获取目标分支，默认为develop
    let TARGET_BRANCH = GM_getValue('gitlabMrTargetBranch', 'develop');
    
    // 更新切换按钮文本，显示当前分支
    const updateToggleButtonText = (toggleBtn) => {
        toggleBtn.textContent = `MR → ${TARGET_BRANCH}`;
    };
    
    // 创建设置面板
    const createSettingsPanel = () => {
        // 检查面板是否已存在
        if (document.getElementById('mr-branch-settings-panel')) {
            return;
        }
        
        // 创建面板元素
        const panel = document.createElement('div');
        panel.id = 'mr-branch-settings-panel';
        panel.style.cssText = `
            position: fixed;
            top: 90px;
            right: 20px;
            background: white;
            padding: 15px;
            border-radius: 8px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.2);
            z-index: 9999;
            font-family: Arial, sans-serif;
            width: 280px;
        `;
        
        // 面板标题
        const title = document.createElement('h4');
        title.textContent = 'MR目标分支设置';
        title.style.marginTop = '0';
        title.style.marginBottom = '10px';
        
        // 输入框
        const input = document.createElement('input');
        input.type = 'text';
        input.id = 'target-branch-input';
        input.value = TARGET_BRANCH;
        input.style.width = '100%';
        input.style.padding = '8px';
        input.style.marginBottom = '10px';
        input.style.boxSizing = 'border-box';
        input.placeholder = '输入目标分支名称';
        
        // 保存按钮
        const saveBtn = document.createElement('button');
        saveBtn.textContent = '保存设置';
        saveBtn.style.backgroundColor = '#28a745';
        saveBtn.style.color = 'white';
        saveBtn.style.border = 'none';
        saveBtn.style.padding = '8px 15px';
        saveBtn.style.borderRadius = '4px';
        saveBtn.style.cursor = 'pointer';
        saveBtn.style.width = '100%';
        
        // 切换面板显示的按钮
        const toggleBtn = document.createElement('button');
        toggleBtn.id = 'toggle-settings-btn';
        toggleBtn.style.cssText = `
            position: fixed;
            top: 90px;
            right: 20px;
            background: #007bff;
            color: white;
            border: none;
            padding: 8px 15px;
            border-radius: 4px;
            cursor: pointer;
            z-index: 10000;
            box-shadow: 0 2px 5px rgba(0,0,0,0.2);
        `;
        
        // 初始化按钮文本
        updateToggleButtonText(toggleBtn);
        
        // 保存设置
        saveBtn.addEventListener('click', () => {
            const newBranch = input.value.trim();
            if (newBranch) {
                TARGET_BRANCH = newBranch;
                GM_setValue('gitlabMrTargetBranch', TARGET_BRANCH);
                console.log(`已设置目标分支为: ${TARGET_BRANCH}`)
                
                
                // 更新按钮文本
                updateToggleButtonText(toggleBtn);
                
                // 更新所有MR按钮
                document.querySelectorAll('.qa-create-merge-request').forEach(button => {
                    modifyMergeRequestLink(button);
                });
                
                // 隐藏面板
                panel.style.display = 'none';
                toggleBtn.style.display = 'block';
            } else {
                alert('请输入有效的分支名称');
            }
        });
        
        // 切换面板显示
        toggleBtn.addEventListener('click', () => {
            panel.style.display = panel.style.display === 'none' ? 'block' : 'none';
            toggleBtn.style.display = panel.style.display === 'none' ? 'block' : 'none';
            input.focus();
        });
        
        // 组装面板
        panel.appendChild(title);
        panel.appendChild(input);
        panel.appendChild(saveBtn);
        panel.style.display = 'none'; // 默认隐藏
        
        // 添加到页面
        document.body.appendChild(panel);
        document.body.appendChild(toggleBtn);
    };
    
    // 监视页面变化的函数，用于处理动态加载的内容
    const observePageChanges = () => {
        // 选择要观察的节点
        const targetNode = document.body;
        
        // 观察器的配置
        const config = { childList: true, subtree: true };
        
        // 当观察到变动时执行的回调函数
        const callback = function(mutationsList, observer) {
            // 检查是否存在创建合并请求的按钮
            const mrButtons = document.querySelectorAll('.qa-create-merge-request');
            mrButtons.forEach(button => {
                modifyMergeRequestLink(button);
            });
        };
        
        // 创建一个观察器实例并传入回调函数
        const observer = new MutationObserver(callback);
        
        // 开始观察目标节点
        observer.observe(targetNode, config);
    };
    
    // 修改合并请求链接的函数
    const modifyMergeRequestLink = (button) => {
        const originalHref = button.getAttribute('href');
        
        if (originalHref && originalHref.includes('merge_request%5Btarget_branch%5D=')) {
            // 替换目标分支参数
            const newHref = originalHref.replace(
                /merge_request%5Btarget_branch%5D=[^&]+/,
                `merge_request%5Btarget_branch%5D=${encodeURIComponent(TARGET_BRANCH)}`
            );
            
            // 只有当链接实际改变时才更新，避免重复操作
            if (newHref !== originalHref) {
                button.setAttribute('href', newHref);
                
                // 更新按钮文本，显示当前目标分支
                button.textContent = `Create MR to ${TARGET_BRANCH}`;
                
                // 添加视觉提示
                button.classList.remove('btn-info', 'btn-success');
                button.classList.add('btn-primary');
            }
        }
    };
    
    // 页面加载完成后开始执行
    window.addEventListener('load', function() {
        // 创建设置面板
        createSettingsPanel();
        
        // 立即检查并修改已存在的按钮
        document.querySelectorAll('.qa-create-merge-request').forEach(button => {
            modifyMergeRequestLink(button);
        });
        
        // 启动页面变化监视器
        observePageChanges();
    });
})();
欢迎访问Greasy Fork镜像
