if(!window.hasOwnProperty("aiExecuted")){
console.log(`%cPost-Summary-AI 文章摘要AI生成工具:%chttps://github.com/qxchuckle/Post-Summary-AI%c`, "border:1px #888 solid;border-right:0;border-radius:5px 0 0 5px;padding: 5px 10px;color:white;background:#4976f5;margin:10px 0", "border:1px #888 solid;border-left:0;border-radius:0 5px 5px 0;padding: 5px 10px;","");
window.aiExecuted = "chuckle";
}
function ChucklePostAI(AI_option) {
MAIN(AI_option);
if(AI_option.pjax){
document.addEventListener('pjax:complete', ()=>{
setTimeout(()=>{
MAIN(AI_option);
}, 0);
});
}
function MAIN(AI_option) {
// 如果有则删除
const box = document.querySelector(".post-ai");
if (box) {
box.parentElement.removeChild(box);
}
const currentPath = window.location.pathname;
const currentURL = "https://blog.hzchu.top" + currentPath;
// 排除页面
if(AI_option.eliminate && AI_option.eliminate.length && AI_option.eliminate.some(item => currentURL.includes(item))){
console.log("Post-Summary-AI 已排除当前页面(黑名单)");
return;
}
if(AI_option.whitelist && AI_option.whitelist.length && !AI_option.whitelist.some(item => currentURL.includes(item))){
console.log("Post-Summary-AI 已排除当前页面(白名单)");
return;
}
// 获取挂载元素，即文章内容所在的容器元素
let targetElement = "";
// 若el配置不存在则自动获取，如果auto_mount配置为真也自动获取
if(!AI_option.auto_mount && AI_option.el){
targetElement = document.querySelector(AI_option.el ? AI_option.el : '#post #article-container');
}else{
targetElement = getArticleElements();
}
// 获取文章标题，默认获取网页标题
const post_title = document.querySelector(AI_option.title_el) ? document.querySelector(AI_option.title_el).textContent : document.title;
if (!targetElement) {
return;
};
const interface = {
name: "QX-AI",
introduce: "我是文章辅助AI: QX-AI，点击下方的按钮，让我生成本文简介、推荐相关文章等。",
version: "GPT-4",
button: ["介绍自己", "推荐相关文章", "生成AI简介", "矩阵穿梭"],
...AI_option.interface
}
insertCSS(); // 插入css
// 插入html结构
const post_ai_box = document.createElement('div');
post_ai_box.className = 'post-ai';
post_ai_box.setAttribute('id', 'post-ai');
targetElement.insertBefore(post_ai_box, targetElement.firstChild);
post_ai_box.innerHTML = `
${interface.name}
切换简介
${interface.version}
${interface.name}初始化中...
${interface.button[0]}
${interface.button[1]}
${interface.button[2]}
${interface.button[3]}
`;
// ai主体业务逻辑
let animationRunning = true; // 标志变量，控制动画函数的运行
let explanation = document.querySelector('.ai-explanation');
let post_ai = document.querySelector('.post-ai');
let ai_btn_item = document.querySelectorAll('.ai-btn-item');
let ai_toggle = document.querySelector('.ai-Toggle');
let ai_speech = document.querySelector('.ai-speech-box');
let ai_str = '';
let ai_str_length = '';
let delay_init = 600;
let i = 0;
let j = 0;
let speed = AI_option.speed || 20;
let character_speed = speed*7.5;
let sto = [];
let elapsed = 0;
let completeGenerate = false;
let controller = new AbortController();//控制fetch
let signal = controller.signal;
let summaryId = ""; // 记录当前摘要ID
const summary_toggle = AI_option.summary_toggle ?? true;
const summary_speech = AI_option.summary_speech ?? true;
let switch_control = 0;
let executedForSwitchControl = false;
let summary_audio = '';
let audioBlob = '';
let isPaused = false;
const summary_num = AI_option.summary_num || 3; // 切换时允许生成的摘要总数，默认3个
//默认true，使用tianliGPT，false使用官方api，记得配置Key
const choiceApi = true;
const apiKey = "填入chatGPT的apiKey";
//tianliGPT的参数
const tlReferer = `https://${window.location.host}/`;
const tlKey = AI_option.key ? AI_option.key : '123456';
//-----------------------------------------------
const animate = (timestamp) => {
if (!animationRunning) {
return; // 动画函数停止运行
}
if (!animate.start) animate.start = timestamp;
elapsed = timestamp - animate.start;
if (elapsed >= speed) {
animate.start = timestamp;
if (i < ai_str_length - 1) {
let char = ai_str.charAt(i + 1);
let delay = /[,.，。!?！？]/.test(char) ? character_speed : speed;
if (explanation.firstElementChild) {
explanation.removeChild(explanation.firstElementChild);
}
explanation.innerHTML += char;
let div = document.createElement('div');
div.className = "ai-cursor";
explanation.appendChild(div);
i++;
if (delay === character_speed) {
document.querySelector('.ai-explanation .ai-cursor').style.opacity = "0";
}
if (i === ai_str_length - 1) {
observer.disconnect();// 暂停监听
explanation.removeChild(explanation.firstElementChild);
}
sto[0] = setTimeout(() => {
requestAnimationFrame(animate);
}, delay);
}
} else {
requestAnimationFrame(animate);
}
};
const observer = new IntersectionObserver((entries) => {
let isVisible = entries[0].isIntersecting;
animationRunning = isVisible; // 标志变量更新
if (animationRunning) {
delay_init = i === 0 ? 200 : 20;
sto[1] = setTimeout(() => {
if (j) {
i = 0;
j = 0;
}
if (i === 0) {
explanation.innerHTML = ai_str.charAt(0);
}
requestAnimationFrame(animate);
}, delay_init);
}
}, { threshold: 0 });
function clearSTO() {
if (sto.length) {
sto.forEach((item) => {
if (item) {
clearTimeout(item);
}
});
}
}
function resetAI(df = true, str = '生成中. . .') {
i = 0;//重置计数器
j = 1;
clearSTO();
animationRunning = false;
elapsed = 0;
if (df) {
explanation.innerHTML = str;
} else {
explanation.innerHTML = '请等待. . .';
}
if (!completeGenerate) {
controller.abort();
}
ai_str = '';
ai_str_length = '';
if(summary_toggle){
ai_toggle.style.opacity = "0";
ai_toggle.style.pointerEvents = "none";
}
if(summary_speech){
summarySpeechInit();
ai_speech.style.opacity = "0";
ai_speech.style.pointerEvents = "none";
}
observer.disconnect();// 暂停上一次监听
}
function startAI(str, df = true) {
// 如果打字机配置项存在且为false，则关闭打字机，否则默认开启打字机效果
if(AI_option.hasOwnProperty('typewriter') && !AI_option.typewriter){
explanation.innerHTML = str;
}else{
resetAI(df);
ai_str = str;
ai_str_length = ai_str.length;
observer.observe(post_ai);//启动新监听
}
}
function aiIntroduce() {
startAI(interface.introduce);
}
function aiRecommend() {
resetAI();
sto[2] = setTimeout(async() => {
let info = await recommendList();
if(info === "" || info === false){
startAI(`${interface.name}未能找到任何可推荐的文章。`);
}else if(info){
explanation.innerHTML = info;
}
}, 200);
}
async function aiGenerateAbstract() {
resetAI();
const ele = targetElement;
const content = getTextContent(ele);
const response = await getGptResponse(content, choiceApi);//true使用tianliGPT，false使用官方api
if(response){
startAI(response.summary);
if(summary_toggle){
ai_toggle.style.opacity = "1";
ai_toggle.style.pointerEvents = "auto";
summarySpeechShow();
}
}
}
async function switchAbstract() {
resetAI();
audioBlob = null;
const ele = targetElement;
switch_control = (switch_control + 1) % summary_num;
const content = getTextContent(ele) + "#".repeat(switch_control);
let response = "";
if(switch_control === 1 && !executedForSwitchControl){
sessionStorage.setItem('backupsSummary', sessionStorage.getItem('summary')); // 将第一次的简介存起来
executedForSwitchControl = true;
}
if(!sessionStorage.getItem(`summary${"#".repeat(switch_control)}`)){
sessionStorage.removeItem('summary');
response = await getGptResponse(content, choiceApi);
if(response){
sessionStorage.setItem(`summary${"#".repeat(switch_control)}`, JSON.stringify(response));
}
}else{
response = JSON.parse(sessionStorage.getItem(`summary${"#".repeat(switch_control)}`));
summaryId = response.id;
if(switch_control === 0){
sessionStorage.setItem('summary', sessionStorage.getItem('backupsSummary'));
}else{
sessionStorage.setItem('summary', sessionStorage.getItem(`summary${"#".repeat(switch_control)}`));
}
}
if(response){
startAI(response.summary);
ai_toggle.style.opacity = "1";
ai_toggle.style.pointerEvents = "auto";
summarySpeechShow();
}
}
async function recommendList() {
completeGenerate = false;
controller = new AbortController();
signal = controller.signal;
let response = '';
let info = '';
let data = '';
const options = {
signal,
method: 'GET',
headers: {'content-type': 'application/x-www-form-urlencoded'},
};
// 利用sessionStorage缓存推荐列表，有则缓存中读取，无则获取后缓存
if(sessionStorage.getItem('recommendList')){
data = JSON.parse(sessionStorage.getItem('recommendList'));
}else{
try {
response = await fetch(`https://dolgpt.hzchu.top/recommends?url=${encodeURIComponent(window.location.href)}&author=${AI_option.rec_method ? AI_option.rec_method : 'all'}`, options);
completeGenerate = true;
if (response.status === 429) {
startAI('请求过于频繁，请稍后再请求AI。');
}
if (!response.ok) {
throw new Error('Response not ok');
}
// 处理响应
} catch (error) {
if (error.name === "AbortError") {
// console.log("请求已被中止");
}else{
console.error('Error occurred:', error);
startAI("获取推荐出错了，请稍后再试。");
}
completeGenerate = true;
return false;
}
// 解析响应并返回结果
data = await response.json();
sessionStorage.setItem('recommendList', JSON.stringify(data));
}
if(data.hasOwnProperty("success") && !data.success){
return false;
}else{
info = `推荐文章：
`;
info += '';
data.forEach((item, index) => {
info += `
`;
});
info += '