☰

Greasy Fork is available in English.

Claude helper (对话导出\字数统计\时间显示)

✴️1、可以导出 claude ai对话的内容。✴️2、统计当前字数 (包括粘贴、上传、article的内容，含换行符/markdown语法符号等)。✴️3、显示对话的时间、模型信息、Token用量。ℹ️显示的信息均来自网页内本身存在但未显示的属性值。

Bu scripti kur?
Yazarın tavsiye ettiği betik

Siz bunuda beğenebilirsiniz: Wider AI Chat↔️.

Bu scripti kur 
  1. // ==UserScript==
  2. // @name        Claude helper (对话导出\字数统计\时间显示)
  3. // @name:zh-CN  Claude 助手 (对话导出\字数统计\时间显示)
  4. // @version      0.6.9
  5. // @description  ✴️1、可以导出 claude ai对话的内容。✴️2、统计当前字数 (包括粘贴、上传、article的内容，含换行符/markdown语法符号等)。✴️3、显示对话的时间、模型信息、Token用量。ℹ️显示的信息均来自网页内本身存在但未显示的属性值。
  6. // @author       Yearly
  7. // @match        https://claude.ai/*
  8. // @include      https://*claude*.com/*
  9. // @match        https://chat.kelaode.ai/*
  10. // @match        https://lobe.aicnn.xyz/*
  11. // @match        https://claude.asia/*
  12. // @include      https://*claude*.cc/*
  13. // @icon         data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgODAgODAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTAgMGg4MHY4MEgweiIgZmlsbD0iIzQ0NSIvPjxwYXRoIGQ9Im0zMyA0NC0yMy0xYy0xIDAtMi0yLTItM3MwLTEgMS0xbDI0IDItMjEtMTVjMC0xLTEtMS0xLTNzMy00IDYtMmwxNCAxMi05LTE3di0yYzAtMSAxLTUgMy01IDEgMCAzIDAgNCAxbDExIDIzIDItMjBjMC0yIDEtNCAzLTRzMyAxIDMgMmwtMyAyMCAxMi0xNGMxLTEgMy0yIDQtMSAyIDIgMiA0IDEgNkw1MSAzN2gxbDEyLTJjMy0xIDYtMiA3IDAgMSAxIDAgMyAwIDNsLTIxIDVjMTQgMSAxNSAwIDE4IDEgMiAwIDMgMiAzIDMgMCAzLTIgMy0zIDNsLTE5LTQgMTUgMTR2MWwtMiAxYy0xIDAtOS03LTE0LTExbDcgMTFjMSAxIDEgMyAwIDRzLTMgMS0zIDBMNDEgNTBjMCA3LTEgMTMtMiAxOSAwIDEtMSAxLTMgMi0xIDAtMy0xLTItM2wxLTQgMy0xNi0xMCAxMy00IDVoLTFjLTEgMC0yLTEtMi0zbDE0LTE4LTE3IDExaC00cy0xLTIgMC0zbDUtNHoiIGZpbGw9IiNENzUiLz48L3N2Zz4=
  14. // @license      AGPL-v3.0
  15. // @namespace    https://greasyfork.org/zh-CN/scripts/502829-claude-helper
  16. // @supportURL   https://greasyfork.org/zh-CN/scripts/502829-claude-helper
  17. // @homepageURL  https://greasyfork.org/zh-CN/scripts/502829-claude-helper
  18. // @grant        GM_addStyle
  19. // @grant        GM_xmlhttpRequest
  20. // @grant        GM_registerMenuCommand
  21. // @grant        GM_download
  22. // @noframes
  23. // ==/UserScript==
  24.  
  25. (function() {
  26.  
  27.   if(0) {
  28.     GM_addStyle(`
  29.       .xl\:max-w-\[48rem\] {
  30.         width:95% !important;
  31.         max-width:96% !important;
  32.       }
  33.       div.mx-auto.md:max-w-3xl {
  34.         max-width: calc(100% - 10px);
  35.       }
  36.       div.mx-auto.flex {
  37.         max-width: calc(100% - 10px);
  38.       }
  39.       body > div.flex.min-h-screen.w-full div.flex.flex-col div.flex.gap-2 div.mt-1.max-h-96.w-full.overflow-y-auto.break-words > div.ProseMirror.break-words{
  40.         max-width:90%;
  41.       }
  42.       body > div.flex.min-h-screen.w-full > div > main > div.top-5.z-10.mx-auto.w-full.max-w-2xl.md{
  43.         max-width:100%;
  44.       }
  45.       body > div.flex.min-h-screen.w-full > div > main > div.mx-auto.w-full.max-w-2xl.px-1.md {
  46.         max-width:100%;
  47.       }
  48.       body > div.flex.min-h-screen.w-full > div > main.max-w-7xl {
  49.         max-width: 90rem;
  50.       }
  51.       main > div.composer-parent  article > div.text-base > div.mx-auto {
  52.         max-width: 95%;
  53.       }
  54.       main article > div.text-base > div.mx-auto {
  55.         max-width: 95%;
  56.       }
  57.       `);
  58.   }
  59.  
  60.   GM_addStyle(`
  61.   div.relative.flex.w-full.overflow-x-hidden.overflow-y-scroll > div.relative.mx-auto.flex.h-full.w-full > div.flex.mx-auto.w-full > div[data-test-render-count] > div.mb-1.mt-1 > div.group.relative.inline-flex {
  62.     border: 1px solid #dfded7;
  63.   }
  64.   `);
  65.  
  66.   // fix aicnn
  67.   GM_addStyle(`
  68.     .hidden.md\:flex { display: flex; }
  69.     .hidden.flex-row-reverse { display: flex; }
  70.   `);
  71.  
  72.   // model info
  73.   function conversation_model() {
  74.     let conversation = document.querySelector("body > div.flex.min-h-screen.w-full > div > div.flex.h-screen") ;
  75.     if(!conversation) return null;
  76.  
  77.     let reactProps = Object.keys(conversation).find(key => key.startsWith('__reactProps$'));
  78.     if (!reactProps) return null;
  79.  
  80.     let conversProps = conversation[reactProps];
  81.     if (!conversProps) return null;
  82.     let model = conversProps.children[1]?.props?.children[0]?.props?.conversation?.model; //claude-3-5-sonnet-20240620
  83.  
  84.     return model;
  85.   }
  86.  
  87.   // model info
  88.   function conversation_info() {
  89.     let conversation = document.querySelector("body > div.flex.min-h-screen.w-full > div > div.flex.h-screen") ;
  90.     if(!conversation) return null;
  91.  
  92.     let reactProps = Object.keys(conversation).find(key => key.startsWith('__reactProps$'));
  93.     if (!reactProps) return null;
  94.  
  95.     let conversProps = conversation[reactProps];
  96.     if (!conversProps) return null;
  97.     let info = conversProps.children[1]?.props?.children[0]?.props?.conversation; //claude-3-5-sonnet-20240620
  98.  
  99.     return info;
  100.   }
  101.  
  102.   // tokensSoFar
  103.   function conversation_tokensSoFar() {
  104.     let conversation = document.querySelector("body > div.flex.min-h-screen.w-full > div > div.flex.h-screen") ;
  105.     if(!conversation) return null;
  106.  
  107.     let reactProps = Object.keys(conversation).find(key => key.startsWith('__reactProps$'));
  108.     if (!reactProps) return null;
  109.  
  110.     let conversProps = conversation[reactProps];
  111.     if (!conversProps) return null;
  112.     let tokensSoFar = conversProps.children[1]?.props?.children[0]?.props?.conversation?.tokensSoFar;
  113.  
  114.     return tokensSoFar;
  115.   }
  116.  
  117.   // msg count
  118.   var last_uuid = '', last_length = 0;
  119.   function get_msg_count() {
  120.     let mainScreen = document.querySelector("body > div.flex.min-h-screen.w-full > div > div > div.relative.flex.w-full > div.relative.mx-auto.flex");
  121.     if(!mainScreen) return;
  122.  
  123.     let tx_cnts = 0, tx_sz = 0;
  124.     let rx_cnts = 0, rx_sz = 0;
  125.     let fp_cnts = 0, fp_sz = 0, img_cnts = 0;
  126.     let i = 0;
  127.  
  128.     let reactProps = Object.keys(mainScreen).find(key => key.startsWith('__reactProps$'));
  129.     if (!reactProps) return null;
  130.  
  131.     let msgProps = mainScreen[reactProps];
  132.  
  133.     let Msgs = (msgProps.children[1].props.children[0]);
  134.  
  135.     Msgs.forEach(function(msg_item){
  136.       let msg = msg_item.props.message || msg_item.props.children[0].props.msg;
  137.  
  138.       if(msg.sender == "human" && msg.content[0].text) {
  139.         tx_cnts +=1;
  140.         tx_sz += msg.content[0].text.length;
  141.         for(i = 0; i < msg.attachments.length; i++) {
  142.           tx_sz += msg.attachments[i].file_size;
  143.           fp_cnts += 1;
  144.           fp_sz += msg.attachments[i].file_size;;
  145.         }
  146.         img_cnts += msg.files.length;
  147.       } else if(msg.sender == "assistant" && msg.content[0].text) {
  148.         rx_cnts +=1;
  149.         rx_sz += msg.content[0].text.length;
  150.       }
  151.     });
  152.  
  153.     return {
  154.       tx_cnts: tx_cnts, tx_sz: tx_sz,
  155.       rx_cnts: rx_cnts, rx_sz: rx_sz,
  156.       fp_cnts: fp_cnts, fp_sz: fp_sz,
  157.       img_cnts: img_cnts,
  158.     };
  159.   }
  160.  
  161.   function msg_counter_main() {
  162.     let fieldset = document.querySelector("body > div.flex.min-h-screen.w-full fieldset") || document.querySelector("body > div.flex.min-h-screen.w-full > div > div > div.relative.flex.w-full> div.relative.mx-auto.flex.h-full.w-full > div.sticky.bottom-0.mx-auto.w-full");
  163.     if (fieldset) {
  164.       let ret = get_msg_count();
  165.       if(!ret) return;
  166.  
  167.       let count_result = document.querySelector("#claude-msg-counter")
  168.       if(!count_result) {
  169.         count_result = document.createElement("pre");
  170.         count_result.id = "claude-msg-counter";
  171.         count_result.className="border-0.5 relative z-[5] text-text-200 border-accent-pro-100/20 bg-accent-pro-900 rounded-t-xl border-b-0"
  172.         count_result.style = "font-size:12px; padding: 5px 7px 14px; margin: -3px 0px -12px; text-wrap: pretty; z-index: 6;";
  173.         let targetParent = fieldset.querySelector("div.flex.md\\:px-2.flex-col-reverse");
  174.         if(targetParent) {
  175.           targetParent.insertBefore(count_result, targetParent.firstChild);
  176.         } else if(fieldset.querySelector("div.flex.w-full.flex-col.items-center")) {
  177.           fieldset.querySelector("div.flex.w-full.flex-col.items-center").before(count_result);
  178.         }
  179.  
  180.       }
  181.  
  182.       let all_length = ret.tx_sz + ret.rx_sz ;
  183.       let file_info = ""
  184.       let img_file_info = ""
  185.       if (ret.fp_cnts) file_info = ` (包含${ret.fp_cnts}个上传或粘贴文本，${ret.fp_sz}字)`
  186.       if (ret.img_cnts) img_file_info = ` (另有${ret.img_cnts}个非文本内容的上传或粘贴，不能计量字数)`
  187.  
  188.       const model = conversation_model();
  189.       const token = conversation_tokensSoFar();
  190.  
  191.       let model_info = '';
  192.       if (model) {
  193.         model_info = `【模型】${model}。`;
  194.       }
  195.  
  196.       let token_info = '';
  197.       if (token) {
  198.         token_info = `【tokensSoFar】${token}。`;
  199.       }
  200.  
  201.       count_result.innerText = `【统计】已发出:${ret.tx_cnts}条,${ret.tx_sz}字${file_info}; 已回复:${ret.rx_cnts}条,${ret.rx_sz}字; 总计:${all_length}字${img_file_info}。${model_info}${token_info}`;
  202.     }
  203.   }
  204.  
  205.   setInterval(() => {
  206.     msg_counter_main();
  207.   }, 1600);
  208.  
  209.   // show message date/time
  210.   function show_msg_time() {
  211.     let mainScreen = document.querySelector("body > div.flex.min-h-screen.w-full > div > div.flex.h-screen") ;
  212.     if(!mainScreen) return;
  213.  
  214.     const msg_divs = mainScreen.querySelectorAll("div[data-test-render-count] > div.mb-1.mt-1, div[data-test-render-count] > div > div[data-is-streaming].group");
  215.  
  216.     msg_divs.forEach(function(msg_div){
  217.       if (msg_div.nextSibling) return;
  218.       let reactProps = Object.keys(msg_div).find(key => key.startsWith('__reactProps$'));
  219.       if (!reactProps) return;
  220.       let divProps = msg_div[reactProps];
  221.       let updated_at = divProps.children?.[1]?.props?.message?.updated_at ?? divProps.children?.[1]?.props?.children?.[2]?.props?.message?.updated_at;
  222.       if (!updated_at) return;
  223.       const date = new Date(updated_at);
  224.       if (!date) return;
  225.       const localDateStr = date.toLocaleString();
  226.       let timeNode = document.createElement("div");
  227.       timeNode.innerText = localDateStr;
  228.       timeNode.className = 'msg-uptime';
  229.       msg_div.after(timeNode);
  230.     });
  231.   }
  232.   GM_addStyle(`
  233.   div[data-test-render-count] > div > .msg-uptime {
  234.      margin: 1px 5px 5px; font-size: 13px; font-weight: 300;
  235.   }
  236.   div[data-test-render-count] > .msg-uptime {
  237.      margin: -2px 5px 5px; font-size: 13px; font-weight: 300;
  238.   }
  239.   `);
  240.   setInterval(() => {
  241.     show_msg_time();
  242.   }, 2100);
  243.  
  244.   // Add Download Button
  245.   function createPersistentElement(selector, createElementCallback) {
  246.     function ensureElement() {
  247.       const targetElement = document.querySelector(selector);
  248.       if (targetElement) {
  249.         if (!targetElement.querySelector('.-added-element')) {
  250.           const newElement = createElementCallback();
  251.           newElement.classList.add('-added-element');
  252.           targetElement.appendChild(newElement);
  253.         }
  254.       }
  255.     }
  256.  
  257.     ensureElement();
  258.     const observer = new MutationObserver(() => {
  259.       ensureElement();
  260.     });
  261.  
  262.     observer.observe(document.body, {
  263.       childList: true,
  264.       subtree: true
  265.     });
  266.   }
  267.  
  268.   function get_account_email() {
  269.  
  270.     let user_menu = document.querySelector('button[data-testid="user-menu-button"][id^=radix-] > div.relative.flex.w-full.items-center');
  271.     if(!user_menu) return '';
  272.  
  273.     let reactProps = Object.keys(user_menu).find(key => key.startsWith('__reactProps$'));
  274.     if (!reactProps) return '';
  275.  
  276.     let __reactProps = user_menu[reactProps];
  277.     if (!__reactProps) return '';
  278.  
  279.     let account = __reactProps.children[0]?.props?.account?.email_address || '';
  280.     console.log(account);
  281.  
  282.     return account;
  283.   }
  284.  
  285.   function get_msg_context() {
  286.     let context = "";
  287.  
  288.     //  let mainScreen = document.querySelector("body > div.flex.min-h-screen.w-full > div > div.flex.h-screen") ;
  289.     // let mainConversation = document.querySelector("body > div.flex.min-h-screen.w-full > div > div.flex.h-screen") ;
  290.     let mainConversation = document.querySelector("body > div.flex.min-h-screen.w-full > div.min-h-full.w-full.min-w-0.flex-1 > div > div.h-screen.flex.flex-col.overflow-hidden > div > div")
  291.     //let mainConversation = document.querySelector("body > div.flex.min-h-screen.w-full > div > div > div.relative.flex.w-full > div.relative.mx-auto.flex");
  292.     if(!mainConversation) {
  293.       console.warn("not found div")
  294.       return null;
  295.     }
  296.  
  297.     let tx_cnts = 0, tx_sz = 0;
  298.     let rx_cnts = 0, rx_sz = 0;
  299.     let fp_cnts = 0, fp_sz = 0;
  300.     let i = 0;
  301.  
  302.     let reactProps = Object.keys(mainConversation).find(key => key.startsWith('__reactProps$'));
  303.     if (!reactProps) {
  304.       console.warn("not found reactProps")
  305.       return null;
  306.     }
  307.  
  308.     let msgProps = mainConversation[reactProps];
  309.  
  310.  
  311.  
  312.     let convID = (msgProps.children[0]?.props?.conversationUuid);
  313.     let name = (msgProps.children[1]?.props?.name) || document.title.replace('- claude', '');
  314.     let Msgs = (msgProps.children[1].props?.children[0]);
  315.  
  316.  
  317.     if ( !convID || !name || !Msgs && !Msgs.length <= 0) {
  318.       console.warn("not found Msg", convID , name, Msgs);
  319.       return null;
  320.     }
  321.  
  322.     const model = conversation_model();
  323.     const token = conversation_tokensSoFar();
  324.  
  325.     let model_info = '';
  326.     if (model) {
  327.       model_info = `- model            : ${model}\n`;
  328.     }
  329.  
  330.     let token_info = '';
  331.     if (token) {
  332.       token_info = `- tokensSoFar      : ${token}\n`;
  333.     }
  334.  
  335.     let time_info='';
  336.  
  337.     let time_start_str = '';
  338.     let time_start = Msgs[0].props.message.updated_at || Msgs[0].props.message.created_at;
  339.     if (time_start) {
  340.       const date = new Date(time_start);
  341.       if (date) { time_start_str = date.toLocaleString(); }
  342.     }
  343.     let time_last_str = '';
  344.     let time_last = Msgs[Msgs.length-1].updated_at || Msgs[Msgs.length-1].created_at;
  345.     if (time_last) {
  346.       const date = new Date(time_last);
  347.       if (date) { time_last_str = date.toLocaleString(); }
  348.     }
  349.     if(time_start_str && time_last_str) {
  350.       time_info = `- time             : ${time_start_str} ~ ${time_last_str}\n`
  351.     };
  352.  
  353.     let account_info = ''
  354.     let account_email = get_account_email();
  355.     if (account_email) {
  356.       account_info = `- account          : ${account_email}\n`;
  357.     }
  358.  
  359.     context += `# ${name}\n\n${account_info}${model_info}${token_info}${time_info}- conversationUUID : ${convID}\n`;
  360.  
  361.     // Msgs.forEach(function(msg){
  362.     Msgs.forEach(function(msg_item){
  363.       let msg = msg_item.props?.message || msg_item.props?.children[0]?.props.msg;
  364.  
  365.       context += `\n## ${msg.sender}:\n\n`
  366.       context += msg.text;
  367.  
  368.       for(i = 0; i < msg.content.length; i++) {
  369.         context += msg.content[i].text || '';
  370.         if (msg.content[i].input?.id) {
  371.           context += '\n* artifacts: ' + msg.content[i].input?.id + ', title: ' + msg.content[i].input?.title + ' *\n'
  372.           context += `\n\`\`\`${msg.content[i].input?.language}\n ${msg.content[i].input?.content}\n\`\`\`\n`;
  373.         }
  374.       }
  375.  
  376.       for(i = 0; i < msg.attachments.length; i++) {
  377.         context += `\nfile: ${msg.attachments[i].file_name}\n`
  378.         if(msg.attachments[i].extracted_content) {
  379.           context += `\n\`\`\`file_context\n ${msg.attachments[i].extracted_content}\n\`\`\`\n`;
  380.         }
  381.       }
  382.       for(i = 0; i < msg.files.length; i++) {
  383.         context += `file: ${msg.files[i].file_name}\n`
  384.         if(msg.files[i].preview_url) {
  385.           context += `preview_url: ${window.location.origin + msg.files[i].preview_url}\n`;
  386.         }
  387.       }
  388.  
  389.       context += `\n------------------------------------------------------\n`
  390.     });
  391.  
  392.     let blob = new Blob([context], {type: 'text/plain;charset=utf-8'});
  393.     let fileUrl = URL.createObjectURL(blob);
  394.     let tempLink = document.createElement('a');
  395.     tempLink.href = fileUrl;
  396.  
  397.     let fileTitle = name.replaceAll(' ','_') + ".ClaudeAI.export.md";
  398.     tempLink.setAttribute('download', fileTitle);
  399.     tempLink.style.display = 'none';
  400.     document.body.appendChild(tempLink);
  401.     tempLink.click();
  402.     document.body.removeChild(tempLink);
  403.     URL.revokeObjectURL(fileUrl);
  404.  
  405.     return;
  406.   }
  407.  
  408.  
  409.   function createDownloadButton() {
  410.     const button = document.createElement("button");
  411.     button.className = "inline-flex items-center justify-center relative shrink-0 ring-offset-2 ring-offset-bg-300 ring-accent-main-100 focus-visible:outline-none focus-visible:ring-1 disabled:pointer-events-none disabled:opacity-50 disabled:shadow-none disabled:drop-shadow-none text-text-200 transition-all font-styrene active:bg-bg-400 hover:bg-bg-500/40 hover:text-text-100 h-9 w-9 rounded-md active:scale-95 shrink-0";
  412.     button.innerHTML = `<svg width="20" height="20" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg" fill="none"><path stroke="#535358" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M27 7H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h22a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2"/><path stroke="#535358" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 20v-8l-4 4-4-4v8m12-3.5 3.5 3.5 3.5-3.5M22.5 20v-9"/></svg>`;
  413.     button.title="Download Conversation Markdown"
  414.     button.addEventListener("click", () => {
  415.       get_msg_context();
  416.     });
  417.  
  418.     return button;
  419.   }
  420.  
  421.   // 添加按钮
  422.   createPersistentElement("body  header > div.flex.w-full.items-center div[data-state='closed']", createDownloadButton);
  423.  
  424. })();
  425.  
  426.  
  427. (function() {
  428.  
  429.   function AddDownloadAllChats(){
  430.  
  431.     let user_menu = document.querySelector('button[data-testid="user-menu-button"][id^=radix-] > div.relative.flex.w-full.items-center');
  432.     if(!user_menu) {
  433.       setTimeout(() => AddDownloadAllChats(), 1000);
  434.       return null;
  435.     }
  436.  
  437.     let reactProps = Object.keys(user_menu).find(key => key.startsWith('__reactProps$'));
  438.     if (!reactProps) return null;
  439.  
  440.     let __reactProps = user_menu[reactProps];
  441.     if (!__reactProps) return null;
  442.     let master_id = __reactProps.children[0]?.props?.account?.memberships[0]?.organization?.uuid;
  443.     let account = __reactProps.children[0]?.props?.account?.email_address || '';
  444.  
  445.     console.log(master_id);
  446.  
  447.     let progressWindow, progressBar, statusText, downloadButton, debugInfo;
  448.  
  449.  
  450.     function createProgressWindow() {
  451.       progressWindow = document.createElement('div');
  452.       progressWindow.style.cssText = `
  453.           position: fixed;
  454.           top: 20px;
  455.           right: 20px;
  456.           width: 300px;
  457.           padding: 10px;
  458.           background: white;
  459.           border: 1px solid #ccc;
  460.           box-shadow: 0 0 10px rgba(0,0,0,0.1);
  461.           z-index: 99999;
  462.         `;
  463.  
  464.       statusText = document.createElement('div');
  465.       progressWindow.appendChild(statusText);
  466.  
  467.       progressBar = document.createElement('progress');
  468.       progressBar.style.width = '100%';
  469.       progressBar.max = 100;
  470.       progressWindow.appendChild(progressBar);
  471.  
  472.       downloadButton = document.createElement('button');
  473.       downloadButton.textContent = 'Download TAR';
  474.       downloadButton.style.cssText = `
  475.             display: none;
  476.             margin-top: 10px;
  477.             padding: 5px 10px;
  478.             background-color: #4CAF50;
  479.             color: white;
  480.             border: none;
  481.             cursor: pointer;
  482.         `;
  483.       progressWindow.appendChild(downloadButton);
  484.  
  485.       debugInfo = document.createElement('div');
  486.       debugInfo.style.marginTop = '10px';
  487.       progressWindow.appendChild(debugInfo);
  488.  
  489.       document.body.appendChild(progressWindow);
  490.     }
  491.  
  492.     function updateProgress(percent, status) {
  493.       progressBar.value = percent;
  494.       statusText.textContent = status;
  495.     }
  496.  
  497.     function updateDebugInfo(info) {
  498.       debugInfo.textContent = info;
  499.       console.log('Debug:', info);
  500.     }
  501.  
  502.     function makeRequest(url) {
  503.       return fetch(url)
  504.         .then(response => {
  505.         if (!response.ok) {
  506.           throw new Error(`Request failed: ${response.status}`);
  507.         }
  508.         return response.json();
  509.       })
  510.         .catch(error => {
  511.         if (error instanceof SyntaxError) {
  512.           throw new Error(`Failed to parse JSON: ${error}`);
  513.         }
  514.         throw error;
  515.       });
  516.     }
  517.  
  518.     function createTarHeader(filename, size) {
  519.       const header = new Uint8Array(512);
  520.       const encoder = new TextEncoder();
  521.  
  522.       encoder.encodeInto(filename, header.subarray(0, 100)); // File name
  523.       encoder.encodeInto('000644 \0', header.subarray(100, 108)); // File mode (default to 644 octal)
  524.       encoder.encodeInto('0000000 \0', header.subarray(108, 116)); // Owner's numeric user ID (default to 0)
  525.       encoder.encodeInto('0000000 \0', header.subarray(116, 124)); // Group's numeric user ID (default to 0)
  526.       encoder.encodeInto(size.toString(8).padStart(11, '0') + ' ', header.subarray(124, 136)); // File size in bytes (octal)
  527.       const mtime = Math.floor(Date.now() / 1000).toString(8).padStart(11, '0') + ' '; // Last modification time in numeric Unix time format (octal)
  528.       encoder.encodeInto(mtime, header.subarray(136, 148));
  529.       encoder.encodeInto('        ', header.subarray(148, 156)); // Checksum for header block (calculate later)
  530.       header[156] = '0'.charCodeAt(0); // Type flag (default to '0' for normal file)
  531.       let checksum = 0;
  532.       for (let i = 0; i < 512; i++) {
  533.         checksum += header[i];
  534.       }
  535.       encoder.encodeInto(checksum.toString(8).padStart(6, '0') + '\0 ', header.subarray(148, 156)); // Calculate and set the checksum
  536.  
  537.       return header;
  538.     }
  539.  
  540.     function createTarFile(files) {
  541.       const chunks = [];
  542.  
  543.       for (const [filename, content] of Object.entries(files)) {
  544.         const encoder = new TextEncoder();
  545.         const fileContent = encoder.encode(content);
  546.         const header = createTarHeader(filename, fileContent.length);
  547.         chunks.push(header);
  548.         chunks.push(fileContent);
  549.         // Pad the file content to a multiple of 512 bytes
  550.         const padding = 512 - (fileContent.length % 512);
  551.         if (padding < 512) {
  552.           chunks.push(new Uint8Array(padding));
  553.         }
  554.       }
  555.       // Add two 512-byte blocks filled with zeros to mark the end of the archive
  556.       chunks.push(new Uint8Array(1024));
  557.  
  558.       return new Blob(chunks, { type: 'application/x-tar' });
  559.     }
  560.  
  561.     var jsonfiles = {};
  562.  
  563.     async function backupAllChats() {
  564.       createProgressWindow();
  565.       updateProgress(0, 'Fetching conversation list...');
  566.  
  567.       try {
  568.         const conversations = await makeRequest(`/api/organizations/${master_id}/chat_conversations`);
  569.         updateDebugInfo(`Total conversations: ${conversations.length}`);
  570.         const totalConversations = conversations.length;
  571.  
  572.         for (let i = 0; i < conversations.length; i++) {
  573.           const conversation = conversations[i];
  574.           updateProgress((i / totalConversations) * 100, `Fetching conversation ${i + 1} of ${totalConversations}`);
  575.  
  576.           try {
  577.             // `/api/organizations/${master_id}/chat_conversations/${conversation.uuid}?tree=True&rendering_mode=messages&render_all_tools=true`
  578.             const detailedConversation = await makeRequest(`/api/organizations/${master_id}/chat_conversations/${conversation.uuid}?tree=True&rendering_mode=raw`);
  579.  
  580.             if (detailedConversation.chat_messages?.length == 0) {
  581.               continue;
  582.             }
  583.             const fileContent = JSON.stringify(detailedConversation, null, 2);
  584.  
  585.             let fileName = `${conversation.name.replaceAll(' ','_').substr(0,50)}_${conversation.updated_at.substr(0,10)}`;
  586.             fileName+='.json';
  587.  
  588.             jsonfiles[fileName] = fileContent;
  589.  
  590.             updateDebugInfo(`Added file: ${fileName}, Size: ${fileContent.length} bytes`);
  591.           } catch (error) {
  592.             console.error(`Error fetching conversation ${conversation.uuid}:`, error);
  593.             updateDebugInfo(`Error fetching conversation ${conversation.uuid}: ${error}`);
  594.           }
  595.         }
  596.  
  597.         updateProgress(95, 'Generating Tar file...');
  598.         updateDebugInfo('Starting Tar generation...');
  599.  
  600.         const tarBlob = createTarFile(jsonfiles);
  601.  
  602.         const sizeInKB = (tarBlob.size / (1024)).toFixed(2);
  603.         updateDebugInfo(`Tar file size: ${sizeInKB} KB`);
  604.  
  605.         downloadButton.style.display = 'block';
  606.         updateProgress(100, 'Click the button below to download');
  607.  
  608.         downloadButton.onclick = function() {
  609.           const url = window.URL.createObjectURL(tarBlob);
  610.           const a = document.createElement('a');
  611.           a.href = url;
  612.  
  613.           const timeStr = (new Date()).toLocaleString().replace(/[\/:]/g,'-').replaceAll(' ','_');
  614.           a.download = `ClaudeBackup_${account}_${timeStr}.tar`;
  615.           document.body.appendChild(a);
  616.           a.click();
  617.           window.URL.revokeObjectURL(url);
  618.           document.body.removeChild(a);
  619.           updateProgress(100, 'Download started!');
  620.           setTimeout(() => progressWindow.remove(), 3000);
  621.         };
  622.  
  623.       } catch (error) {
  624.         console.error('Error:', error);
  625.         updateProgress(100, 'Error occurred. Check console for details.');
  626.         updateDebugInfo(`Error: ${error}`);
  627.       }
  628.     }
  629.  
  630.     GM_registerMenuCommand("备份全部对话记录(Json格式)", backupAllChats);
  631.  
  632.   };
  633.  
  634.   setTimeout(() => AddDownloadAllChats(), 1000);
  635.  
  636.   // 将页面上的重置时间用更完整的本地时间表示
  637.   let lastProcessedTime = '';
  638.   const updateInterval = 2000; // 每2秒更新一次
  639.  
  640.   function convertTime(shortTime) {
  641.     const now = new Date();
  642.     const [time, period] = shortTime.split(' ');
  643.     let [hours, minutes] = time.split(':');
  644.  
  645.     hours = parseInt(hours);
  646.  
  647.     if (period.toLowerCase() === 'pm' && hours !== 12) {
  648.       hours += 12;
  649.     } else if (period.toLowerCase() === 'am' && hours === 12) {
  650.       hours = 0;
  651.     }
  652.  
  653.     if (now.getHours() > hours) {
  654.       now.setDate(now.getDate() + 1);
  655.     }
  656.  
  657.     now.setHours(hours);
  658.     now.setMinutes(minutes || 0);
  659.     now.setSeconds(0);
  660.     now.setMilliseconds(0);
  661.  
  662.     return now.toLocaleString();
  663.   }
  664.  
  665.   function updateTime() {
  666.     const element = document.querySelector("div.sticky div.w-full > div.items-center > div.text-danger-000 > div > div.text-sm > span");
  667.  
  668.     if (!element) return;
  669.  
  670.     const originalText = element.getAttribute('data-original-time') || element.textContent.trim();
  671.     if (!element.hasAttribute('data-original-time')) {
  672.       element.setAttribute('data-original-time', originalText);
  673.     }
  674.     if (originalText !== lastProcessedTime) {
  675.       const fullTime = convertTime(originalText);
  676.       element.textContent = `${originalText} (${fullTime})`;
  677.       lastProcessedTime = originalText;
  678.     }
  679.   }
  680.  
  681.   function debounce(func, wait) {
  682.     let timeout;
  683.     return function executedFunction(...args) {
  684.       const later = () => {
  685.         clearTimeout(timeout);
  686.         func(...args);
  687.       };
  688.       clearTimeout(timeout);
  689.       timeout = setTimeout(later, wait);
  690.     };
  691.   }
  692.  
  693.   const debouncedUpdateTime = debounce(updateTime, 350);
  694.  
  695.   function checkForChanges() {
  696.     debouncedUpdateTime();
  697.     requestAnimationFrame(checkForChanges);
  698.   }
  699.  
  700.   requestAnimationFrame(checkForChanges);
  701.   setInterval(updateTime, updateInterval);
  702. })();