// ==UserScript==
// @name         哔哩哔哩收藏夹导出
// @namespace    https://github.com/AHCorn/Bilibili-Favlist-Export
// @icon         https://www.bilibili.com/favicon.ico
// @version      3.1
// @license      GPL-3.0
// @description  导出哔哩哔哩收藏夹为 CSV 或 HTML 文件，以便导入 Raindrop 或 Firefox。
// @author       AHCorn
// @match        http*://space.bilibili.com/*/*
// @grant        GM_addStyle
// @grant        GM_download
// @grant        GM_registerMenuCommand
// @grant        GM_setValue
// @grant        GM_getValue
// @require      https://cdn.jsdelivr.net/npm/jquery@3.7.1/dist/jquery.min.js
// @downloadURL https://update.greasyfork.icu/scripts/487532/%E5%93%94%E5%93%A9%E5%93%94%E5%93%A9%E6%94%B6%E8%97%8F%E5%A4%B9%E5%AF%BC%E5%87%BA.user.js
// @updateURL https://update.greasyfork.icu/scripts/487532/%E5%93%94%E5%93%A9%E5%93%94%E5%93%A9%E6%94%B6%E8%97%8F%E5%A4%B9%E5%AF%BC%E5%87%BA.meta.js
// ==/UserScript==

(function () {
    'use strict';
    // 要改导出速度可以在下方更改（单位ms）
    let DELAY = GM_getValue('exportDelay', 2000); 
    const DELAY_SPEEDS = {
        slow: 4000,
        normal: 2000,
        fast: 1000
    };
    let filterInvalidVideos = GM_getValue('filterInvalidVideos', true);
    let csvHeaderOptions = {
        title: "\uFEFFtitle",
        url: "url",
        foldername: "folder",
        created: "created"
    };
    let csvHeaderActive = ["\uFEFFtitle", "url", "folder", "created"];
    function updateCSVHeader() {
        csvHeaderActive = Object.keys(csvHeaderOptions)
            .filter(option => csvInclude[option])
            .map(option => csvHeaderOptions[option]);
    }
    let csvContent = csvHeaderActive.join(",") + "\n";
    let htmlTemplateStart = `<!DOCTYPE NETSCAPE-Bookmark-file-1>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=UTF-8">
<TITLE>Bookmarks</TITLE>
<H1>{BOOKMARK_TITLE}</H1>
<DL><p>
<DT><H3 ADD_DATE="{dateNow}" LAST_MODIFIED="{dateNow}">{globalFolderName}</H3>
<DL><p>`;
    const HTML_TEMPLATE_END = `</DL><p>
</DL><p>`;
    let htmlContent = "";
    let csvInclude = {
        title: true,
        url: true,
        foldername: true,
        created: true
    };
    let exportCurrentFolderOnly = false;
    let currentFolderName = "";
    let addedFolders = new Set();

    GM_addStyle(`
        #bilibili-export-panel {
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            background: linear-gradient(135deg, #f6f8fa, #e9ecef);
            border-radius: 24px;
            box-shadow: 0 10px 30px rgba(0,0,0,0.1), 0 1px 8px rgba(0,0,0,0.06);
            padding: 30px;
            width: 90%;
            max-width: 400px;
            display: none;
            z-index: 10000;
            font-family: 'Segoe UI', 'Roboto', sans-serif;
            transition: all 0.3s cubic-bezier(0.25,0.8,0.25,1);
            box-sizing: border-box !important;
            -webkit-box-sizing: border-box !important;
        }
        #bilibili-export-panel * {
            box-sizing: border-box !important;
            -webkit-box-sizing: border-box !important;
        }
        #bilibili-export-panel h2 {
            margin: 0 0 20px;
            color: #00a1d6;
            font-size: 28px;
            text-align: center;
            font-weight: 700;
        }
        #current-exporting {
            margin-bottom: 20px;
            padding: 10px;
            background-color: rgba(0,161,214,0.1);
            border-left: 4px solid #00a1d6;
            border-right: 4px solid #00a1d6;
            border-radius: 4px;
            font-size: 14px;
            color: #00a1d6;
            text-align: center;
            transition: all 0.5s ease;
        }
        #current-exporting.completed {
            background-color: rgba(76,175,80,0.1);
            border-left-color: #4CAF50;
            border-right-color: #4CAF50;
            color: #4CAF50;
        }
        @keyframes pulse {
            0% { transform: scale(1); }
            50% { transform: scale(1.05); }
            100% { transform: scale(1); }
        }
        #current-exporting.completed {
            animation: pulse 0.5s ease-in-out;
        }
        #formatSelector {
            display: flex;
            justify-content: center;
            align-items: center;
            margin-bottom: 25px;
            position: relative;
            background-color: #e0e0e0;
            border-radius: 20px;
            padding: 5px;
            box-shadow: inset 0 2px 4px rgba(0,0,0,0.1);
            overflow: hidden;
        }
        .formatButton {
            z-index: 2;
            padding: 10px 20px;
            font-size: 16px;
            color: #3c4043;
            cursor: pointer;
            transition: color 0.3s ease-in-out;
            font-weight: 600;
            flex: 1;
            text-align: center;
            position: relative;
            user-select: none;
        }
        .formatButton.selected { color: #FFF; }
        .slider {
            position: absolute;
            left: 5px;
            top: 5px;
            background-color: #00a1d6;
            border-radius: 15px;
            transition: transform 0.3s ease-in-out;
            height: calc(100% - 10px);
            width: calc(50% - 5px);
            z-index: 1;
            box-shadow: 0 2px 4px rgba(0,0,0,0.2);
            pointer-events: none;
        }
        .toggle-switch {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-bottom: 12px;
            padding: 10px 15px;
            background-color: #f1f3f4;
            border-radius: 12px;
            transition: all 0.3s ease;
        }
        .toggle-switch:hover { background-color: #e8eaed; }
        .toggle-switch label {
            font-size: 16px;
            color: #3c4043;
            font-weight: 600;
        }
        .switch {
            position: relative;
            display: inline-block;
            width: 52px;
            height: 28px;
        }
        .switch input { opacity: 0; width: 0; height: 0; }
        .switch-slider {
            position: absolute;
            cursor: pointer;
            top: 0; left: 0; right: 0; bottom: 0;
            background-color: #ccc;
            transition: .4s;
            border-radius: 34px;
        }
        .switch-slider:before {
            position: absolute;
            content: "";
            height: 20px;
            width: 20px;
            left: 4px;
            bottom: 4px;
            background-color: white;
            transition: .4s;
            border-radius: 50%;
        }
        input:checked + .switch-slider { background-color: #00a1d6; }
        input:checked + .switch-slider:before { transform: translateX(24px); }
        #export-button {
            display: block;
            width: 100%;
            padding: 12px;
            background-color: #00a1d6;
            color: white;
            border: none;
            border-radius: 12px;
            font-size: 18px;
            font-weight: bold;
            cursor: pointer;
            transition: all 0.3s ease;
            position: relative;
            overflow: hidden;
            min-height: 48px;
        }
        #export-button::after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            width: var(--progress, 0%);
            background-color: rgba(0,0,0,0.1);
            transition: width 0.3s ease;
            z-index: 1;
            pointer-events: none;
        }
        #export-button.exporting {
            background-color: #e0e0e0;
            color: #333;
        }
        #export-button .progress-text {
            position: relative;
            z-index: 2;
        }
        #export-button:not(.exporting) {
            background-color: #00a1d6;
            color: white;
        }
        #export-button.exporting:hover {
            background-color: #ff4d4f;
            transform: translateY(-2px);
            box-shadow: 0 4px 8px rgba(255,77,79,0.3);
        }
        #export-button.exporting:hover .progress-text {
            opacity: 0;
        }
        #export-button.exporting:hover::before {
            content: '终止导出';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: transparent;
            color: white;
            z-index: 3;
            transition: all 0.3s ease;
        }
        .input-group {
            margin-bottom: 15px;
            width: 100%;
        }
        .input-group input {
            width: 100%;
            padding: 10px;
            border: 1px solid #dadce0;
            border-radius: 8px;
            font-size: 14px;
            box-sizing: border-box !important;
            -webkit-box-sizing: border-box !important;
            margin: 0;
        }
        @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
        @keyframes slideIn { from { transform: translate(-50%, -60%); } to { transform: translate(-50%, -50%); } }
        #bilibili-export-panel.show {
            display: block;
            animation: fadeIn 0.3s ease-out, slideIn 0.3s ease-out;
        }
        #panel-overlay {
            position: fixed;
            top: 0; left: 0;
            width: 100%; height: 100%;
            background-color: rgba(0,0,0,0.5);
            z-index: 9999;
            display: none;
        }
        #current-exporting.completed {
            cursor: help;
        }
        #current-exporting[title] {
            text-decoration: underline dotted;
        }
        #refresh-button {
            display: none;
            width: 100%;
            padding: 8px;
            background-color: #4CAF50;
            color: white;
            border: none;
            border-radius: 8px;
            font-size: 14px;
            font-weight: bold;
            cursor: pointer;
            transition: all 0.3s ease;
            margin-top: 10px;
            text-align: center;
            opacity: 0;
            transform: translateY(-10px);
        }
        #refresh-button.show {
            display: block;
            opacity: 1;
            transform: translateY(0);
        }
        #refresh-button:hover {
            background-color: #45a049;
            transform: translateY(-2px);
            box-shadow: 0 4px 8px rgba(76,175,80,0.3);
        }
        #refresh-button:active {
            transform: translateY(0);
        }
        .button-container {
            display: flex;
            flex-direction: column;
            gap: 10px;
            margin-top: 20px;
        }
        #speedSelector {
            display: flex;
            justify-content: center;
            align-items: center;
            margin-bottom: 25px;
            position: relative;
            background-color: #e0e0e0;
            border-radius: 20px;
            padding: 5px;
            box-shadow: inset 0 2px 4px rgba(0,0,0,0.1);
            overflow: hidden;
        }
        .speedButton {
            z-index: 2;
            padding: 10px 15px;
            font-size: 14px;
            color: #3c4043;
            cursor: pointer;
            transition: color 0.3s ease-in-out;
            font-weight: 600;
            flex: 1;
            text-align: center;
            position: relative;
            user-select: none;
        }
        .speedButton.selected { color: #FFF; }
        .speed-slider {
            position: absolute;
            left: 5px;
            top: 5px;
            background-color: #00a1d6;
            border-radius: 15px;
            transition: transform 0.3s ease-in-out;
            height: calc(100% - 10px);
            width: calc(33.33% - 5px);
            z-index: 1;
            box-shadow: 0 2px 4px rgba(0,0,0,0.2);
            pointer-events: none;
        }
        .github-link {
            position: absolute;
            top: 20px;
            right: 20px;
            width: 24px;
            height: 24px;
            opacity: 0.7;
            transition: opacity 0.3s ease;
        }
        .github-link:hover {
            opacity: 1;
        }
        .github-link svg {
            width: 100%;
            height: 100%;
            fill: #00a1d6;
        }
    `);


    function* listGen() {
        // 新版
        if ($(".favlist-aside").length > 0) {
            let groups = $(".favlist-aside .fav-collapse");
            let group = groups.filter(function() {
                let headerText = $(this).find(".vui_collapse_item_header").first().text().trim();
                return headerText.indexOf("我创建的收藏夹") !== -1;
            }).first();
            if (group.length > 0) {
                let favorites = group.find(".fav-sidebar-item");
                for (let item of favorites.get()) {
                    yield item;
                }
                return;
            }
        }

        // 旧版
        if ($("#fav-createdList-container").length > 0) {
            let defaultFolder = $("#fav-createdList-container > .fav-item.cur");
            if (defaultFolder.length > 0) {
                yield defaultFolder[0];
            }

            let folders = $("#fav-createdList-container > ul.fav-list > li.fav-item");
            for (let folder of folders.get()) {
                yield folder;
            }
            return;
        }

        if ($(".fav-list").length > 0) {
            let folders = $(".fav-list .fav-item").get();
            for (let folder of folders) {
                yield folder;
            }
        } else if ($(".favlist-aside .fav-sidebar-item").length > 0) {
            let folders = $(".favlist-aside .fav-sidebar-item").get();
            for (let folder of folders) {
                yield folder;
            }
        } else if ($(".fav-sortable-list .fav-sidebar-item").length > 0) {
            let folders = $(".fav-sortable-list .fav-sidebar-item").get();
            for (let folder of folders) {
                yield folder;
            }
        }
    }

    let gen = listGen();
    let panel = null;
    let exportButton = null;
    let formatButtons = null;
    let bookmarkTitleInput = null;
    let globalFolderNameInput = null;
    let totalPage = 0;
    let currentPage = 0;
    let isExporting = false;
    let hasExportedData = false; 
    let exportFormat = GM_getValue('exportFormat', 'csv');
    let exportedData = {
        csv: null,
        html: null,
        htmlConfig: {
            title: '',
            globalFolderName: ''
        },
        errors: [] 
    };

    function getCSVFileName() {
        let userName = "";
        if ($(".nickname").length > 0) {
            userName = $(".nickname").first().text().trim();
        } else {
            userName = $("#h-name").text().trim();
        }
        if (exportCurrentFolderOnly) {
            // 文件名优化
            let folderName = currentFolderName || getFolderName() || getFolderNameFromSidebar() || "";
            return userName + "的" + folderName + "收藏.csv";
        } else {
            return userName + "的收藏夹.csv";
        }
    }
    function getHTMLFileName() {
        let userName = "";
        if ($(".nickname").length > 0) {
            userName = $(".nickname").first().text().trim();
        } else {
            userName = $("#h-name").text().trim();
        }
        if (exportCurrentFolderOnly) {
            let folderName = currentFolderName || getFolderName() || getFolderNameFromSidebar() || "";
            return userName + "的" + folderName + "收藏.html";
        } else {
            return userName + "的收藏夹.html";
        }
    }

    function getFolderName() {
        let folderName = "";
        // 新版
        if ($(".favlist-info-detail__title .vui_ellipsis.multi-mode").length > 0) {
            folderName = $(".favlist-info-detail__title .vui_ellipsis.multi-mode").first().text().trim();
        }
        // 旧版
        else if ($(".fav-name").length > 0) {
            folderName = $(".fav-name").first().text().trim();
        }
        // 兜底
        else if ($("#fav-createdList-container").length > 0) {
            folderName = $("#fav-createdList-container .fav-item.cur a.text").text().trim();
        }
        return folderName || "未知收藏夹";
    }
    
    function getFolderNameFromSidebar() {
        let selected = $(".fav-sidebar-item.vui_sidebar-item--active").first();
        if (selected.length > 0) {
            let folder = selected.find(".vui_ellipsis").first().text().trim();
            if (!folder) {
                folder = selected.text().trim();
            }
            return folder;
        }
        return "";
    }

    // 去掉 URL 中查询参数
    function getVideosFromPage() {
        var results = [];
        var folderName = currentFolderName.replace(/\//g, '\\');

        // 新版
        if ($(".items").length > 0) {
            $(".items__item").each(function () {
                var title = $(this).find(".bili-video-card__title a").text().trim();
                if (!title) return;
                if (filterInvalidVideos && (title === "已失效视频" || title.includes("视频不见了"))) {
                    return;
                }
                var url = $(this).find(".bili-video-card__cover a").attr("href");
                if (url) {
                    if (url.indexOf("http") !== 0) {
                        url = "https:" + url;
                    }
                    url = url.split('?')[0];
                }
                var pubText = $(this).find(".bili-video-card__subtitle a .bili-video-card__text span").attr("title") || "";
                var created = "";
                var match = pubText.match(/收藏于((?:\d{4}[\/-])?\d{1,2}[\/-]\d{1,2})/);
                if(match) {
                    created = parseTime(match[1]);
                } else {
                    var textContent = $(this).find(".bili-video-card__subtitle").text().trim();
                    var m2 = textContent.match(/收藏于((?:\d{4}[\/-])?\d{1,2}[\/-]\d{1,2})/);
                    created = m2 ? parseTime(m2[1]) : "";
                }
                results.push(generateCSVLine(folderName, title, url, created));
                addHTMLBookmark(folderName, title, url, created);
            });
        }
        else if ($(".fav-video-list").length > 0) {
            $(".fav-video-list > li").each(function () {
                var titleElement = $(this).find("a.title");
                var title = titleElement.text().trim();
                if (!title) return;
                if (filterInvalidVideos && (title === "已失效视频" || title.includes("视频不见了"))) {
                    return;
                }
                var url = titleElement.attr("href");
                if (url) {
                    if (url.indexOf("http") !== 0) {
                        url = "https:" + url;
                    }
                    url = url.split('?')[0];
                }
                var timeElement = $(this).find(".meta.pubdate");
                var timeText = timeElement.text().trim().replace("收藏于：", "").trim();
                var created = parseTime(timeText);
                results.push(generateCSVLine(folderName, title, url, created));
                addHTMLBookmark(folderName, title, url, created);
            });
        }
        return results.join('\n');
    }

    function escapeCSV(field) {
        return '"' + String(field).replace(/"/g, '""') + '"';
    }

    function getCurrentTimestamp() {
        return Math.floor(Date.now() / 1000);
    }

    function addHTMLFolder(folderName) {
        if (addedFolders.has(folderName)) {
            htmlContent += `</DL><p>\n`;
            return;
        }
        
        if (addedFolders.size > 0) {
            htmlContent += `</DL><p>\n`;
        }
        
        addedFolders.add(folderName);
        // 获取当前时间戳
        let dateNow = getCurrentTimestamp();
        htmlContent += `<DT><H3 ADD_DATE="${dateNow}" LAST_MODIFIED="${dateNow}">${folderName}</H3>\n<DL><p>\n`;
    }

    function addHTMLBookmark(folderName, title, url, created) {
        if (!addedFolders.has(folderName) || addedFolders.size === 0) {
            addHTMLFolder(folderName);
        } else if (Array.from(addedFolders).pop() !== folderName) {
            addHTMLFolder(folderName);
        }

        // 创建时间转换为时间戳
        let timestamp;
        if (created) {
            timestamp = Math.floor(new Date(created).getTime() / 1000);
        } else {
            timestamp = getCurrentTimestamp();
        }

        htmlContent += `<DT><A HREF="${url}" ADD_DATE="${timestamp}" LAST_MODIFIED="${timestamp}">${title}</A>\n`;
    }

    function generateCSVLine(folderName, title, url, created) {
        let parts = [];
        if (csvInclude.title) parts.push(escapeCSV(title));
        if (csvInclude.url) parts.push(escapeCSV(url));
        if (csvInclude.foldername) parts.push(escapeCSV(folderName));
        if (csvInclude.created) parts.push(escapeCSV(created));
        return parts.join(',');
    }


    function parseTime(timeText) {
        timeText = timeText.replace(/^收藏于/, '').trim();
        if (timeText.indexOf("年") > -1) {
            timeText = timeText.replace("年", "-")
                               .replace("月", "-")
                               .replace("日", "")
                               .trim();
        }
        let now = new Date();
        let currentYear = now.getFullYear();
        if (timeText.match(/^\d{1,2}-\d{1,2}$/)) {
            let [month, day] = timeText.split('-').map(Number);
            return `${currentYear}-${month.toString().padStart(2, '0')}-${day.toString().padStart(2, '0')}`;
        } else if (timeText.match(/^\d{4}[\/-]\d{1,2}[\/-]\d{1,2}$/)) {
            let delimiter = timeText.indexOf('/') > -1 ? '/' : '-';
            let parts = timeText.split(delimiter);
            let year = parts[0];
            let month = parts[1].padStart(2, '0');
            let day = parts[2].padStart(2, '0');
            return `${year}-${month}-${day}`;
        } else if (timeText === "昨天") {
            let yesterday = new Date(now.getTime() - 24 * 60 * 60 * 1000);
            return yesterday.toISOString().split('T')[0];
        } else if (timeText.includes("年前") || timeText.includes("月前") || timeText.includes("天前") ||
                   timeText.includes("小时前") || timeText.includes("分钟前")) {
            let time;
            if (timeText.includes("年前")) {
                let years = parseInt(timeText);
                time = new Date(now.getFullYear() - years, now.getMonth(), now.getDate());
            } else if (timeText.includes("月前")) {
                let months = parseInt(timeText);
                time = new Date(now.getFullYear(), now.getMonth() - months, now.getDate());
            } else if (timeText.includes("天前")) {
                let days = parseInt(timeText);
                time = new Date(now.getTime() - days * 24 * 60 * 60 * 1000);
            } else if (timeText.includes("小时前")) {
                let hours = parseInt(timeText);
                time = new Date(now.getTime() - hours * 60 * 60 * 1000);
            } else if (timeText.includes("分钟前")) {
                let minutes = parseInt(timeText);
                time = new Date(now.getTime() - minutes * 60 * 1000);
            }
            return time.toISOString().split('T')[0];
        } else {
            return timeText;
        }
    }

    // 遍历当前收藏夹
    async function processVideos() {
        if (isExporting) {
            let retryCount = 0;
            let videosLine = "";

            while (retryCount < 2) {
                videosLine = getVideosFromPage();

                if (videosLine.length === 0) {
                    if (retryCount === 0) {
                        document.querySelector('#current-exporting').textContent = `正在导出：${currentFolderName}（内容为空，等待重试...）`;
                        await new Promise(resolve => setTimeout(resolve, 3000));
                        retryCount++;
                        continue;
                    } else {
                        exportedData.errors.push({
                            folder: currentFolderName,
                            page: currentPage + 1,
                            message: "页面内容为空"
                        });
                        document.querySelector('#current-exporting').textContent =
                            `正在导出：${currentFolderName}（警告：第${currentPage + 1}页内容为空）`;
                    }
                }
                break;
            }

            csvContent += videosLine + '\n';
            currentPage++;
            updateProgress(Math.round((currentPage / totalPage) * 100));

            // 检查新版 / 旧版的下一页
            let hasOldNext = $(".be-pager-next:visible").length > 0;
            let hasNewNext = $(".vui_pagenation .vui_pagenation--btn-side:contains('下一页'):visible").length > 0;

            if (currentPage >= totalPage || (!hasOldNext && !hasNewNext)) {
                if (exportCurrentFolderOnly) {
                    finishExport();
                } else {
                    setTimeout(changeList, DELAY);
                }
            } else {
                if (hasOldNext) {
                    $(".be-pager-next").click();
                } else if (hasNewNext) {
                    $(".vui_pagenation .vui_pagenation--btn-side:contains('下一页')").click();
                }
                setTimeout(processVideos, DELAY);
            }
        }
    }

    function changeList() {
        if (isExporting) {
            if (exportCurrentFolderOnly) {
                processVideos();
            } else {
                let list = gen.next().value;
                if (list) {
                    let folderTitle = "";
                    if ($("#fav-createdList-container").length > 0) {
                        // 区分默认
                        if ($(list).hasClass("cur")) {
                            folderTitle = $(list).find("a.text").text().trim();
                        } else {
                            folderTitle = $(list).find("a.text").text().trim();
                            $(list).find("a.text")[0].click();
                        }
                    }
                    // 新
                    else {
                        folderTitle = $(list).attr("title") ||
                                    $(list).find(".vui_ellipsis").first().text().trim() ||
                                    $(list).text().trim();
                        if ($(list).find(".vui_sidebar-item").length > 0) {
                            $(list).find(".vui_sidebar-item").click();
                        } else {
                            $(list).click();
                        }
                    }

                    currentFolderName = folderTitle || getFolderName() || getFolderNameFromSidebar() || "未知收藏夹";
                    setTimeout(() => {
                        if ($(".be-pager-total").length > 0) {
                            totalPage = parseInt($(".be-pager-total").text().match(/\d+/)[0]) || 1;
                        } else if ($(".vui_pagenation-go__count").length > 0) {
                            let text = $(".vui_pagenation-go__count").text();
                            let match = text.match(/共\s*(\d+)\s*页/);
                            totalPage = match ? parseInt(match[1]) : 1;
                        } else {
                            totalPage = 1;
                        }
                        currentPage = 0;
                        document.querySelector('#current-exporting').textContent = `正在导出：${currentFolderName}`;
                        document.querySelector('#current-exporting').classList.remove('completed');
                        processVideos();
                    }, DELAY);
                } else {
                    finishExport();
                }
            }
        }
    }

    function updateProgress(percentage) {
        exportButton.innerHTML = `<span class="progress-text">导出中... ${percentage}%</span>`;
        exportButton.style.setProperty('--progress', `${percentage}%`);
        exportButton.classList.add('exporting');
    }

    function updateHTMLConfig() {
        exportedData.htmlConfig = {
            title: bookmarkTitleInput.value.trim(),
            globalFolderName: globalFolderNameInput.value.trim()
        };
        if (exportedData.html) {
            exportedData.html = htmlTemplateStart
                .replace("{globalFolderName}", exportedData.htmlConfig.globalFolderName)
                .replace("{BOOKMARK_TITLE}", exportedData.htmlConfig.title)
                .replace("{dateNow}", getCurrentTimestamp()) +
                htmlContent + HTML_TEMPLATE_END;
        }
    }

    function startExport() {
        if (hasExportedData) {
            if (exportFormat === "csv") {
                downloadCSV();
            } else if (exportFormat === "html") {
                if (!bookmarkTitleInput.value || !globalFolderNameInput.value) {
                    alert("请配置书签标题和全局父文件夹名称。");
                    return;
                }
                downloadHTML();
            }
            return;
        }

        exportedData.htmlConfig = {
            title: bookmarkTitleInput.value.trim(),
            globalFolderName: globalFolderNameInput.value.trim()
        };

        exportedData.errors = [];
        htmlContent = "";
        addedFolders = new Set(); 
        csvContent = "\uFEFF" + csvHeaderActive.join(",") + "\n";

        GM_setValue('bookmarkTitle', bookmarkTitleInput.value);
        GM_setValue('globalFolderName', globalFolderNameInput.value);
        exportButton.disabled = false; 
        exportButton.style.cursor = 'pointer'; 
        exportButton.innerHTML = "导出中... 0%";
        isExporting = true;
        document.querySelector('#current-exporting').textContent = "准备开始导出...";
        document.querySelector('#current-exporting').classList.remove('completed');
        exportButton.classList.add('exporting'); 

        exportButton.onclick = () => {
            if (confirm('确定要终止导出吗？')) {
                isExporting = false;
                finishExport(true);
            }
        };

        if (exportCurrentFolderOnly) {
            currentFolderName = getFolderName() || getFolderNameFromSidebar() || "未知收藏夹";
            if ($(".be-pager-total").length > 0) {
                totalPage = parseInt($(".be-pager-total").text().match(/\d+/)[0]) || 1;
            } else if ($(".vui_pagenation-go__count").length > 0) {
                let text = $(".vui_pagenation-go__count").text();
                let match = text.match(/共\s*(\d+)\s*页/);
                totalPage = match ? parseInt(match[1]) : 1;
            } else {
                totalPage = 1;
            }
            currentPage = 0;
            document.querySelector('#current-exporting').textContent = `正在导出：${currentFolderName}`; // 更新状态提示
            processVideos();
        } else {
            gen = listGen();
            changeList();
        }
    }

    function finishExport(isTerminated = false) {
        isExporting = false;
        exportButton.disabled = false;
        exportButton.style.cursor = 'pointer';
        exportButton.classList.remove('exporting');
        exportButton.style.setProperty('--progress', '0%');
        let currentExporting = document.querySelector('#current-exporting');

        if (!isTerminated) {
            if (addedFolders.size > 0) {
                htmlContent += `</DL><p>\n`;
            }
            
            exportedData.csv = csvContent;
            exportedData.html = htmlTemplateStart
                .replace("{globalFolderName}", exportedData.htmlConfig.globalFolderName)
                .replace("{BOOKMARK_TITLE}", exportedData.htmlConfig.title)
                .replace("{dateNow}", getCurrentTimestamp()) +
                htmlContent + HTML_TEMPLATE_END;

            hasExportedData = true;
            exportButton.innerHTML = `<span class="progress-text">立即下载</span>`;

            if (exportedData.errors.length > 0) {
                let errorMsg = "导出完成，但存在以下异常：\n";
                exportedData.errors.forEach(error => {
                    errorMsg += `${error.folder}（第${error.page}页）: ${error.message}\n`;
                });
                currentExporting.textContent = "导出完成（存在异常）";
                currentExporting.title = errorMsg;
            } else {
                currentExporting.textContent = "导出完成";
            }

            const refreshButton = document.querySelector('#refresh-button');
            refreshButton.classList.add('show');
            refreshButton.onclick = () => {
                location.reload();
            };

            exportButton.onclick = () => {
                if (exportFormat === "csv") {
                    downloadCSV();
                } else if (exportFormat === "html") {
                    if (!bookmarkTitleInput.value || !globalFolderNameInput.value) {
                        alert("请配置书签标题和全局父文件夹名称。");
                        return;
                    }
                    downloadHTML();
                }
            };
        } else {
            if (csvContent.length > csvHeaderActive.join(",").length + 2) {
                exportedData.csv = csvContent;
                exportedData.html = htmlTemplateStart
                    .replace("{globalFolderName}", exportedData.htmlConfig.globalFolderName)
                    .replace("{BOOKMARK_TITLE}", exportedData.htmlConfig.title)
                    .replace("{dateNow}", getCurrentTimestamp()) +
                    htmlContent + HTML_TEMPLATE_END;
                hasExportedData = true;
                exportButton.innerHTML = "立即下载";
                currentExporting.textContent = "导出已终止（可下载已导出内容）";

                const refreshButton = document.querySelector('#refresh-button');
                refreshButton.classList.add('show');
                refreshButton.onclick = () => {
                    location.reload();
                };

                exportButton.onclick = () => {
                    if (exportFormat === "csv") {
                        downloadCSV();
                    } else if (exportFormat === "html") {
                        if (!bookmarkTitleInput.value || !globalFolderNameInput.value) {
                            alert("请配置书签标题和全局父文件夹名称。");
                            return;
                        }
                        downloadHTML();
                    }
                };
            } else {
                exportButton.innerHTML = "开始导出";
                currentExporting.textContent = "导出已终止";
                exportedData.csv = null;
                exportedData.html = null;
                exportedData.errors = [];
                hasExportedData = false;
                document.querySelector('#refresh-button').classList.remove('show');
                exportButton.onclick = startExport;
            }
        }
        currentExporting.classList.add('completed');
    }

    function downloadCSV() {
        if (!exportedData.csv) {
            alert('没有可用的导出数据，请先执行导出操作。');
            return;
        }
        let fileName = getCSVFileName();
        let blobUrl = URL.createObjectURL(new Blob([exportedData.csv], {type: 'text/csv;charset=utf-8;'}));
        GM_download({
            url: blobUrl,
            name: fileName,
            onload: () => {},
            onerror: () => {
                alert('下载失败，正在尝试弹出新标签页进行下载，请允许弹窗权限');
                let htmlContent = `
<html>
<head><meta charset="UTF-8"></head>
<body><a href="${blobUrl}" download="${fileName}">点击下载 CSV 文件</a></body>
</html>`;
                let htmlBlob = new Blob([htmlContent], {type: 'text/html;charset=utf-8;'});
                let htmlBlobUrl = URL.createObjectURL(htmlBlob);
                window.open(htmlBlobUrl, '_blank');
            }
        });
    }

    function downloadHTML() {
        if (!exportedData.html) {
            alert('没有可用的导出数据，请先执行导出操作。');
            return;
        }
        let fileName = getHTMLFileName();
        let blobUrl = URL.createObjectURL(new Blob([exportedData.html], {type: 'text/html;charset=utf-8;'}));
        GM_download({
            url: blobUrl,
            name: fileName,
            onload: () => {},
            onerror: () => {
                alert('下载失败，正在尝试弹出新标签页进行下载，请允许弹窗权限');
                let htmlContent = `
<html>
<head><meta charset="UTF-8"></head>
<body><a href="${blobUrl}" download="${fileName}">点击下载 HTML 文件</a></body>
</html>`;
                let htmlBlob = new Blob([htmlContent], {type: 'text/html;charset=utf-8;'});
                let htmlBlobUrl = URL.createObjectURL(htmlBlob);
                window.open(htmlBlobUrl, '_blank');
            }
        });
    }

    function createPanel() {
        panel = document.createElement("div");
        panel.id = "bilibili-export-panel";
        panel.innerHTML = `
        <h2>收藏夹导出设置</h2>
        <a href="https://github.com/AHCorn/Bilibili-Favlist-Export" target="_blank" class="github-link">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
                <path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"/>
            </svg>
        </a>
        <div id="current-exporting">点击下方按钮开始导出</div>
        <div id="formatSelector">
            <div class="slider"></div>
            <div class="formatButton" data-format="csv">CSV 格式</div>
            <div class="formatButton" data-format="html">HTML 格式</div>
        </div>
        <div id="csv-options">
            <div class="toggle-switch">
                <label for="include-title">包含标题</label>
                <label class="switch">
                    <input type="checkbox" id="include-title" checked>
                    <span class="switch-slider"></span>
                </label>
            </div>
            <div class="toggle-switch">
                <label for="include-url">包含网址</label>
                <label class="switch">
                    <input type="checkbox" id="include-url" checked>
                    <span class="switch-slider"></span>
                </label>
            </div>
            <div class="toggle-switch">
                <label for="include-foldername">包含收藏夹名称</label>
                <label class="switch">
                    <input type="checkbox" id="include-foldername" checked>
                    <span class="switch-slider"></span>
                </label>
            </div>
            <div class="toggle-switch">
                <label for="include-created">包含收藏时间</label>
                <label class="switch">
                    <input type="checkbox" id="include-created" checked>
                    <span class="switch-slider"></span>
                </label>
            </div>
        </div>
        <div id="html-options" style="display: none;">
            <div class="input-group">
                <input type="text" id="bookmark-title" placeholder="书签标题 (H1)">
            </div>
            <div class="input-group">
                <input type="text" id="global-folder-name" placeholder="全局父文件夹名称">
            </div>
        </div>
        <div class="toggle-switch">
            <label for="export-current-folder-only">仅导出当前文件夹</label>
            <label class="switch">
                <input type="checkbox" id="export-current-folder-only">
                <span class="switch-slider"></span>
            </label>
        </div>
        <div class="toggle-switch">
            <label for="filter-invalid-videos">过滤已失效视频</label>
            <label class="switch">
                <input type="checkbox" id="filter-invalid-videos" checked>
                <span class="switch-slider"></span>
            </label>
        </div>
        <div id="speedSelector">
            <div class="speed-slider"></div>
            <div class="speedButton" data-speed="slow">慢速</div>
            <div class="speedButton" data-speed="normal">正常</div>
            <div class="speedButton" data-speed="fast">快速</div>
        </div>
        <div class="button-container">
            <button id="export-button">开始导出</button>
            <button id="refresh-button">刷新后继续导出</button>
        </div>`;
        document.body.appendChild(panel);

        let overlay = document.createElement("div");
        overlay.id = "panel-overlay";
        document.body.appendChild(overlay);

        formatButtons = panel.querySelectorAll('.formatButton');
        formatButtons.forEach(button => {
            button.addEventListener('click', function() {
                const newFormat = this.dataset.format;
                if (newFormat !== exportFormat) {
                    exportFormat = newFormat;
                    GM_setValue('exportFormat', exportFormat);
                    updateFormatButtons();
                }

                if (hasExportedData) {
                    if (exportFormat === 'html' && !exportedData.html) {
                        exportedData.html = htmlTemplateStart
                            .replace("{globalFolderName}", exportedData.htmlConfig.globalFolderName)
                            .replace("{BOOKMARK_TITLE}", exportedData.htmlConfig.title)
                            .replace("{dateNow}", getCurrentTimestamp()) +
                            htmlContent + HTML_TEMPLATE_END;
                    }
                    exportButton.innerHTML = "立即下载";
                    exportButton.onclick = () => {
                        if (exportFormat === "csv") {
                            downloadCSV();
                        } else if (exportFormat === "html") {
                            if (!bookmarkTitleInput.value || !globalFolderNameInput.value) {
                                alert("请配置书签标题和全局父文件夹名称。");
                                return;
                            }
                            downloadHTML();
                        }
                    };
                }
            });
        });

        bookmarkTitleInput = panel.querySelector('#bookmark-title');
        globalFolderNameInput = panel.querySelector('#global-folder-name');

        ['title', 'url', 'foldername', 'created'].forEach(option => {
            panel.querySelector(`#include-${option}`).addEventListener('change', (e) => {
                csvInclude[option] = e.target.checked;
                GM_setValue(`include_${option}`, csvInclude[option]);
                updateCSVHeader();
            });
        });

        panel.querySelector('#export-current-folder-only').addEventListener('change', (e) => {
            exportCurrentFolderOnly = e.target.checked;
            GM_setValue('exportCurrentFolderOnly', exportCurrentFolderOnly);
        });

        panel.querySelector('#filter-invalid-videos').addEventListener('change', (e) => {
            filterInvalidVideos = e.target.checked;
            GM_setValue('filterInvalidVideos', filterInvalidVideos);
        });

        exportButton = panel.querySelector('#export-button');
        exportButton.onclick = startExport;

        overlay.addEventListener('click', hidePanel);

        updateFormatButtons();
        toggleOptions();
        loadSavedSettings();

        bookmarkTitleInput.addEventListener('input', updateHTMLConfig);
        globalFolderNameInput.addEventListener('input', updateHTMLConfig);

        const speedButtons = panel.querySelectorAll('.speedButton');
        speedButtons.forEach(button => {
            button.addEventListener('click', function() {
                const newSpeed = this.dataset.speed;
                const newDelay = DELAY_SPEEDS[newSpeed];
                if (newDelay !== DELAY) {
                    if (newSpeed === 'fast') {
                        if (confirm('快速导出（1000ms）可能会因为页面加载速度不够导致链接错位，是否继续？')) {
                            DELAY = newDelay;
                            GM_setValue('exportDelay', DELAY);
                            updateSpeedButtons();
                        }
                    } else {
                        DELAY = newDelay;
                        GM_setValue('exportDelay', DELAY);
                        updateSpeedButtons();
                    }
                }
            });
        });
    }

    function updateFormatButtons() {
        formatButtons.forEach(button => {
            button.classList.toggle('selected', button.dataset.format === exportFormat);
        });
        const slider = panel.querySelector('.slider');
        slider.style.transform = exportFormat === 'csv' ? 'translateX(0)' : 'translateX(100%)';
        toggleOptions();
    }

    function toggleOptions() {
        const csvOptions = panel.querySelector('#csv-options');
        const htmlOptions = panel.querySelector('#html-options');

        if (exportFormat === 'csv') {
            csvOptions.style.display = 'block';
            htmlOptions.style.display = 'none';
        } else {
            csvOptions.style.display = 'none';
            htmlOptions.style.display = 'block';
        }
    }

    function loadSavedSettings() {
        ['title', 'url', 'foldername', 'created'].forEach(option => {
            const saved = GM_getValue(`include_${option}`);
            if (saved !== undefined) {
                csvInclude[option] = saved;
                panel.querySelector(`#include-${option}`).checked = saved;
            }
        });
        updateCSVHeader();

        bookmarkTitleInput.value = GM_getValue('bookmarkTitle', '');
        globalFolderNameInput.value = GM_getValue('globalFolderName', '');
        exportCurrentFolderOnly = GM_getValue('exportCurrentFolderOnly', false);
        panel.querySelector('#export-current-folder-only').checked = exportCurrentFolderOnly;
        filterInvalidVideos = GM_getValue('filterInvalidVideos', true);
        panel.querySelector('#filter-invalid-videos').checked = filterInvalidVideos;

        DELAY = GM_getValue('exportDelay', DELAY_SPEEDS.normal);
        updateSpeedButtons();
    }

    function updateSpeedButtons() {
        const speedButtons = panel.querySelectorAll('.speedButton');
        const currentSpeed = Object.entries(DELAY_SPEEDS).find(([_, value]) => value === DELAY)?.[0] || 'normal';
        const slider = panel.querySelector('.speed-slider');

        speedButtons.forEach(button => {
            button.classList.toggle('selected', button.dataset.speed === currentSpeed);
        });

        switch(currentSpeed) {
            case 'slow':
                slider.style.transform = 'translateX(0)';
                break;
            case 'normal':
                slider.style.transform = 'translateX(100%)';
                break;
            case 'fast':
                slider.style.transform = 'translateX(200%)';
                break;
        }
    }

    function showPanel() {
        panel.style.opacity = 0;
        panel.style.display = 'block';
        document.getElementById('panel-overlay').style.display = 'block';

        if (hasExportedData) {
            exportButton.innerHTML = "立即下载";
            exportButton.onclick = () => {
                if (exportFormat === "csv") {
                    downloadCSV();
                } else if (exportFormat === "html") {
                    if (!bookmarkTitleInput.value || !globalFolderNameInput.value) {
                        alert("请配置书签标题和全局父文件夹名称。");
                        return;
                    }
                    downloadHTML();
                }
            };
            if (exportedData.errors.length > 0) {
                document.querySelector('#current-exporting').textContent = "导出完成（存在异常）";
            } else {
                document.querySelector('#current-exporting').textContent = "导出完成";
            }
            document.querySelector('#refresh-button').classList.add('show');
        } else {
            exportButton.innerHTML = "开始导出";
            exportButton.onclick = startExport;
            document.querySelector('#current-exporting').textContent = "点击下方按钮开始导出";
            document.querySelector('#refresh-button').classList.remove('show');
        }

        setTimeout(() => { panel.style.opacity = 1; }, 0);
    }

    function hidePanel() {
        panel.style.opacity = 0;
        document.getElementById('panel-overlay').style.display = 'none';
        setTimeout(() => { panel.style.display = 'none'; }, 300);
    }

    function init() {
        createPanel();
        GM_registerMenuCommand("导出 Bilibili 收藏夹", showPanel);
    }

    if (location.href.includes("https://space.bilibili.com/") && location.href.includes("/favlist")) {
        init();
    }
})();