hexo-theme-solitude 2.0.10 → 2.0.12-rc.1

package/source/css/_page/_home/home-top.styl

@@ -28,6 +28,7 @@
         justify-content start
         flex-wrap wrap
         align-content space-between
+        width 100%
         gap .5rem
 
         +maxWidth1200()
@@ -79,7 +80,7 @@
     .top-post-item
       display flex
       flex-direction column
-      width calc(100% / 3 - 0.5rem)
+      flex 1 1 30%
       align-items flex-start
       background var(--efu-card-bg)
       border-radius 12px
@@ -92,10 +93,6 @@
       box-shadow var(--efu-shadow-border)
       min-width fit-content
 
-      &:nth-last-child(2):nth-child(1),
-      &:nth-last-child(1):nth-child(2)
-        width calc(100% / 2 - 0.5rem)
-
       +maxWidth1200()
         width 200px
         min-width 200px
@@ -272,9 +269,7 @@
   color var(--efu-white)
   position relative
   background-size 200%
-
-  &:not(:last-child)
-    margin-right 10px
+  margin-right 10px
 
   &:hover
     background-position 100% 0

package/source/css/_page/music.styl

@@ -5,6 +5,14 @@ body[data-type=music]
   #page-header.not-top-img #nav .back-home-button
     color var(--efu-white)
 
+  #page-header #nav #nav-right .nav-button a.console_switchbutton label i
+    background: var(--efu-white)
+  
+  #page-header #nav #nav-right .nav-button a.console_switchbutton
+    &:hover
+      label i
+        background var(--efu-card-bg)
+
   .page
     .layout#content-inner
       background none

package/source/css/_page/recentcomment.styl

@@ -1,15 +1,13 @@
 div.console_recentcomments
   display flex
   flex-wrap wrap
-  gap 12px
+  gap 8px
   min-height 100px
   width 100%
-  margin-top .5rem
 
 .comment-card
   position relative
   width calc(100% / 3 - 8px)
-  min-width fit-content
   background var(--efu-card-bg)
   border-radius 12px
   border var(--style-border-always)

package/source/css/_post/meta.styl

@@ -114,7 +114,7 @@
         overflow hidden
         margin 0 -20% 0 auto
         transform rotate(10deg) translateY(-8%) scale(1.8)
-        filter blur(10px)
+        filter blur(30px)
         opacity 0
 
         &.loaded
@@ -383,4 +383,4 @@
   background var(--efu-hovertext)
   border-radius 12px 12px 0 0
   +minWidth768()
-    min-height 250px
+    min-height 250px

package/source/css/_post/postAI.styl

@@ -16,7 +16,6 @@
     color var(--efu-lighttext)
     border-radius 8px
     align-items center
-    padding 0 12px
     user-select none
 
     .ai-title-left
@@ -116,7 +115,6 @@
   .ai-bottom
     width 100%
     margin-top 12px
-    padding 0 12px
     display flex
 
     .ai-tips
@@ -126,5 +124,9 @@
 
     .ai-report
       font-size 12px
-      color var(--efu-secondtext)
-      white-space nowrap
+      color var(--efu-secondtext) !important
+      white-space nowrap
+      border-bottom none!important
+
+      &:hover
+        background: none !important

package/source/css/_tags/gallery.styl

@@ -96,6 +96,7 @@
     display flex
     gap .5rem
     margin-top .5rem
+    flex-wrap wrap
 
   .gallery-item
     min-height 5rem
@@ -121,4 +122,4 @@
   opacity 0
   transition .3s
   &.show
-    opacity 1
+    opacity 1

package/source/css/third_party/tianli_talk.styl

@@ -12,7 +12,7 @@
   background var(--efu-card-bg)
   border-radius 20px
   overflow hidden
-  padding 8px
+  padding 10px
   color var(--efu-fontcolor)
   width 42px
   border var(--style-border-always)

package/source/css/var.styl

@@ -1,13 +1,13 @@
 error_img = hexo-config('errorpage.img')
 
 $dark_theme = convert(hexo-config('theme_color.dark'))
-$dark_theme_op = convert(hexo-config('theme_color.dark_op'))
-$dark_theme_op_deep = convert(hexo-config('theme_color.dark_op_deep'))
-$dark_theme_none = convert(hexo-config('theme_color.dark_none'))
+$dark_theme_op = convert(hexo-config('theme_color.dark') + '23')
+$dark_theme_op_deep = convert(hexo-config('theme_color.dark') + 'dd')
+$dark_theme_none = convert(hexo-config('theme_color.dark') + '00')
 $light_theme = convert(hexo-config('theme_color.light'))
-$light_theme_op = convert(hexo-config('theme_color.light_op'))
-$light_theme_op_deep = convert(hexo-config('theme_color.light_op_deep'))
-$light_theme_none = hexo-config('theme_color.light_none')
+$light_theme_op = convert(hexo-config('theme_color.light') + '23')
+$light_theme_op_deep = convert(hexo-config('theme_color.light') + 'dd')
+$light_theme_none = convert(hexo-config('theme_color.light') + '00')
 
 $todayCardColor = convert(hexo-config('hometop.recommendList.color'))
 
@@ -29,4 +29,4 @@ $line-height-code-block = 1.6
 $font-size = unquote(hexo-config('font.font-size'))
 $code-font-size = unquote(hexo-config('font.code-font-size'))
 $font-family = unquote(hexo-config('font.font-family'))
-$code-font-family = unquote(hexo-config('font.code-font-family'))
+$code-font-family = unquote(hexo-config('font.code-font-family'))

package/source/js/covercolor/ave.js

@@ -0,0 +1,58 @@
+const coverColor = () => {
+    const path = document.getElementById("post-cover")?.src;
+    path ? handleApiColor(path) : setDefaultThemeColors();
+}
+
+const handleApiColor = (path) => {
+    const cacheGroup = JSON.parse(localStorage.getItem('Solitude')) || {};
+    const color = cacheGroup.postcolor?.[path]?.value;
+    color ? setThemeColors(color) : img2color(path);
+}
+
+const img2color = (src) => {
+    fetch(`${src}?imageAve`)
+        .then(response => response.json())
+        .then(({ RGB }) => {
+            RGB = `#${RGB.slice(2)}`;
+            setThemeColors(RGB);
+            cacheColor(src, RGB);
+        })
+        .catch(console.error);
+}
+
+const setThemeColors = (value) => {
+    if (!value) return setDefaultThemeColors();
+    const [r, g, b] = value.match(/\w\w/g).map(x => parseInt(x, 16));
+    const [main, op, opDeep, none] = [`${value}`, `${value}23`, `${value}dd`, `${value}00`];
+    document.documentElement.style.setProperty('--efu-main', main);
+    document.documentElement.style.setProperty('--efu-main-op', op);
+    document.documentElement.style.setProperty('--efu-main-op-deep', opDeep);
+    document.documentElement.style.setProperty('--efu-main-none', none);
+    adjustBrightness(r, g, b);
+    document.getElementById("coverdiv").classList.add("loaded");
+    initThemeColor();
+}
+
+const setDefaultThemeColors = () => {
+    const vars = ['--efu-theme', '--efu-theme-op', '--efu-theme-op-deep', '--efu-theme-none'];
+    vars.forEach((varName, i) => document.documentElement.style.setProperty(['--efu-main', '--efu-main-op', '--efu-main-op-deep', '--efu-main-none'][i], `var(${varName})`));
+    initThemeColor();
+}
+
+const cacheColor = (src, color) => {
+    const cacheGroup = JSON.parse(localStorage.getItem('Solitude')) || { postcolor: {} };
+    cacheGroup.postcolor[src] = { value: color, expiration: Date.now() + coverColorConfig.time };
+    localStorage.setItem('Solitude', JSON.stringify(cacheGroup));
+}
+
+const adjustBrightness = (r, g, b) => {
+    if (Math.round(((r * 299) + (g * 587) + (b * 114)) / 1000) < 125) {
+        document.querySelectorAll('.card-content').forEach(item =>
+            item.style.setProperty('--efu-card-bg', 'var(--efu-white)')
+        );
+        document.querySelectorAll('.author-info__sayhi').forEach(item => {
+            item.style.setProperty('background', 'var(--efu-white-op)');
+            item.style.setProperty('color', 'var(--efu-white)');
+        });
+    }
+}

package/source/js/covercolor/local.js

@@ -12,93 +12,21 @@ function setDefaultThemeColors() {
 }
 
 const localColor = path => {
+    var colorThief = new ColorThief();
     const img = new Image();
     img.crossOrigin = "Anonymous";
-    img.onload = () => setThemeColors(calculateColor(img));
+    img.onload = () => setThemeColors(rgbToHex(colorThief.getColor(img)));
     img.onerror = () => console.error('Image Error');
     img.src = path;
 }
 
-const calculateColor = img => {
-    const canvas = document.createElement("canvas");
-    const ctx = canvas.getContext("2d");
-    ctx.drawImage(img, 0, 0);
-    const data = ctx.getImageData(0, 0, img.width, img.height).data;
-    const {r, g, b} = calculateRGB(data);
-    let value = rgbToHex(r, g, b);
-    return getContrastYIQ(value) === "light" ? LightenDarkenColor(value, -50) : LightenDarkenColor(value, 20);
-}
-
-function calculateRGB(data) {
-    let r = 0, g = 0, b = 0;
-    const step = 5;
-    for (let i = 0; i < data.length; i += 4 * step) {
-        r += data[i];
-        g += data[i + 1];
-        b += data[i + 2];
-    }
-    r = Math.floor(r / (data.length / 4 / step));
-    g = Math.floor(g / (data.length / 4 / step));
-    b = Math.floor(b / (data.length / 4 / step));
-    return {r, g, b};
-}
-
-function rgbToHex(r, g, b) {
-    return "#" + [r, g, b].map(x => x.toString(16).padStart(2, '0')).join('');
-}
-
-function LightenDarkenColor(col, amt) {
-    let usePound = false;
-
-    if (col[0] === "#") {
-        col = col.slice(1);
-        usePound = true;
-    }
-
-    const num = parseInt(col, 16);
-    const r = Math.min(255, Math.max(0, (num >> 16) + amt * 2));
-    const b = Math.min(255, Math.max(0, ((num >> 8) & 0xff) + amt * 2));
-    const g = Math.min(255, Math.max(0, (num & 0xff) + amt * 2));
-
-    return `${usePound ? "#" : ""}${(g | (b << 8) | (r << 16)).toString(16).padStart(6, "0")}`;
-}
-
-function getContrastYIQ(hexcolor) {
-    let colorrgb = colorRgb(hexcolor);
-    let colors = colorrgb.match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/);
-    let red = colors[1];
-    let green = colors[2];
-    let blue = colors[3];
-    let brightness = (red * 299) + (green * 587) + (blue * 114);
-    brightness = brightness / 255000;
-    return brightness >= 0.5 ? "light" : "dark";
-}
-
-function colorRgb(str) {
-    const HEX_SHORT_REGEX = /^#([0-9a-fA-f]{3})$/;
-    const HEX_LONG_REGEX = /^#([0-9a-fA-f]{6})$/;
-    const HEX_SHORT_LENGTH = 4;
-
-    if (!str || typeof str !== 'string') {
-        return str;
-    }
-
-    const sColor = str.toLowerCase();
-    let hexValue = "";
-
-    if (sColor && (HEX_SHORT_REGEX.test(sColor) || HEX_LONG_REGEX.test(sColor))) {
-        hexValue = sColor.length === HEX_SHORT_LENGTH ?
-            sColor.replace(/^#(.)/g, "#$1$1") :
-            sColor;
-
-        const rgbValue = hexValue.slice(1)
-            .match(/.{2}/g)
-            .map(val => parseInt(val, 16));
-
-        return `rgb(${rgbValue[0]}, ${rgbValue[1]}, ${rgbValue[2]})`;
-    } else {
-        return sColor;
-    }
+const rgbToHex = ([r, g, b]) => {
+  const hex = '#' + [r, g, b].map(x => {
+    const component = Math.floor(x * 0.8);
+    const hexValue = component.toString(16);
+    return hexValue.length === 1 ? '0' + hexValue : hexValue;
+  }).join('');
+  return hex;
 }
 
 function setThemeColors(value, r = null, g = null, b = null) {
@@ -139,4 +67,4 @@ function setThemeColors(value, r = null, g = null, b = null) {
         document.documentElement.style.setProperty('--efu-main-none', 'var(--efu-theme-none)');
         initThemeColor();
     }
-}
+}

package/source/js/main.js

@@ -27,10 +27,9 @@ const sidebarFn = () => {
   });
 }
 const scrollFn = () => {
-  const innerHeight = window.innerHeight;
   let initTop = 0;
   const $header = document.getElementById('page-header');
-  const throttledScroll = utils.throttle((e) => {
+  const throttledScroll = utils.throttle(() => {
     initThemeColor();
     const currentTop = window.scrollY || document.documentElement.scrollTop;
     const isDown = scrollDirection(currentTop);
@@ -155,10 +154,10 @@ const sco = {
     $console.classList.toggle("on", this.musicPlaying);
     if (this.musicPlaying) {
       $meting.aplayer.play();
-      rm?.menuItems.music[0] && ($rm_text.textContent = GLOBAL_CONFIG.right_menu.music.stop) && ($rm_icon.className = 'solitude st-pause-fill')
+      (typeof rm !== 'undefined') && rm?.menuItems.music[0] && ($rm_text.textContent = GLOBAL_CONFIG.right_menu.music.stop) && ($rm_icon.className = 'solitude st-pause-fill')
     } else {
       $meting.aplayer.pause();
-      rm?.menuItems.music[0] && ($rm_text.textContent = GLOBAL_CONFIG.right_menu.music.start) && ($rm_icon.className = 'solitude st-play-fill')
+      (typeof rm !== 'undefined') && rm?.menuItems.music[0] && ($rm_text.textContent = GLOBAL_CONFIG.right_menu.music.start) && ($rm_icon.className = 'solitude st-play-fill')
     }
   },
   switchCommentBarrage() {
@@ -598,7 +597,7 @@ class tabs {
 
   static clickFnOfTabs() {
     document.querySelectorAll('#article-container .tab > button').forEach((item) => {
-      item.addEventListener('click', function (e) {
+      item.addEventListener('click', function () {
         const that = this;
         const $tabItem = that.parentNode;
         if (!$tabItem.classList.contains('active')) {
@@ -668,7 +667,7 @@ window.refreshFn = () => {
   lazyload.enable && utils.lazyloadImg();
   lightbox && utils.lightbox(document.querySelectorAll("#article-container img:not(.flink-avatar,.gallery-group img, .no-lightbox)"));
   randomlink && randomLinksList();
-  post_ai && is_post && efu_ai.init();
+  post_ai && is_post && ai.init();
   sco.switchComments();
   initObserver();
   if (is_home) {

package/source/js/music.js

@@ -1,8 +1,4 @@
-/**
- * Music Player
- * @description Initialize the music player and add event listeners to control the player
- */
-class ScoMusicPlayer {
+class MusicPlayer {
     constructor() {
         this.init();
     }
@@ -113,11 +109,8 @@ class ScoMusicPlayer {
     }
 }
 
-/**
- * Initialize the music player
- */
 function initializeMusicPlayer() {
     let exitingMusic = window.scoMusic;
     if (exitingMusic) exitingMusic.destroy();
-    window.scoMusic = new ScoMusicPlayer();
+    window.scoMusic = new MusicPlayer();
 }

package/source/js/third_party/barrage.min.js

@@ -1,6 +1,6 @@
 /**
  * Barrage Comment
- * author: @efuo
+ * author: @everfu
  * date: 2024-04-28
  */
 function _0x2736(_0x423b83,_0x26de1b){const _0x562b41=_0x562b();return _0x2736=function(_0x2736dc,_0x1e863c){_0x2736dc=_0x2736dc-0x11f;let _0x1c44ad=_0x562b41[_0x2736dc];return _0x1c44ad;},_0x2736(_0x423b83,_0x26de1b);}const _0xf096ba=_0x2736;(function(_0x244294,_0x51eb5a){const _0x2047ac=_0x2736,_0x461abb=_0x244294();while(!![]){try{const _0x362f69=-parseInt(_0x2047ac(0x12f))/0x1+-parseInt(_0x2047ac(0x126))/0x2+-parseInt(_0x2047ac(0x120))/0x3+-parseInt(_0x2047ac(0x15b))/0x4+parseInt(_0x2047ac(0x13c))/0x5+parseInt(_0x2047ac(0x153))/0x6*(parseInt(_0x2047ac(0x15c))/0x7)+parseInt(_0x2047ac(0x132))/0x8*(parseInt(_0x2047ac(0x152))/0x9);if(_0x362f69===_0x51eb5a)break;else _0x461abb['push'](_0x461abb['shift']());}catch(_0x59d2ed){_0x461abb['push'](_0x461abb['shift']());}}}(_0x562b,0xa9d59));class Barrage{constructor(_0x35d098){const _0xc51bb8=_0x2736;this['comments']=_0x35d098,this[_0xc51bb8(0x136)]=document[_0xc51bb8(0x15a)](_0xc51bb8(0x142)),this[_0xc51bb8(0x12c)]=[],this[_0xc51bb8(0x133)]=0x0,this[_0xc51bb8(0x139)]=[],this[_0xc51bb8(0x14b)]=![],this[_0xc51bb8(0x146)]();}[_0xf096ba(0x13e)]=_0x50912d=>{const _0x243af9=_0xf096ba;return _0x50912d['flatMap'](_0x18bbb5=>_0x18bbb5[_0x243af9(0x14a)]?[_0x18bbb5,...this['filterAndFlatten'](_0x18bbb5[_0x243af9(0x14a)])]:[_0x18bbb5]);};[_0xf096ba(0x135)](_0x25b918){const _0x4cf7a3=_0xf096ba;return _0x25b918[_0x4cf7a3(0x124)](/(<([^>]+)>)/ig,'')[_0x4cf7a3(0x12e)]();}[_0xf096ba(0x147)](_0x3c5b88){const _0x58f618=_0xf096ba,_0x1c09f9=this[_0x58f618(0x135)](_0x3c5b88[_0x58f618(0x156)]);if(!_0x1c09f9)return![];const _0xbed29a=document[_0x58f618(0x127)]('div');return _0xbed29a[_0x58f618(0x122)]=_0x58f618(0x138),_0xbed29a[_0x58f618(0x12d)]='<div\x20class=\x22barrageHead\x22><a\x20class=\x22barrageTitle\x22\x20href=\x22javascript:sco.scrollTo(\x27post-comment\x27)\x22>'+GLOBAL_CONFIG[_0x58f618(0x125)][_0x58f618(0x158)][_0x58f618(0x134)]+_0x58f618(0x140)+_0x3c5b88['nick']+_0x58f618(0x149)+GLOBAL_CONFIG[_0x58f618(0x130)][_0x58f618(0x13b)]+_0x58f618(0x143)+_0x3c5b88[_0x58f618(0x131)]+_0x58f618(0x14d)+(_0x3c5b88['id']?_0x58f618(0x14f)+_0x3c5b88['id']+'\x27)':'javascript:sco.scrollTo(\x27post-comment\x27)')+'\x22>'+_0x1c09f9+_0x58f618(0x11f),this[_0x58f618(0x136)][_0x58f618(0x155)](_0xbed29a),this[_0x58f618(0x139)][_0x58f618(0x12a)](_0xbed29a),!![];}[_0xf096ba(0x141)](_0x4142a6){const _0x5da976=_0xf096ba;_0x4142a6[_0x5da976(0x13a)][_0x5da976(0x14e)](_0x5da976(0x13f)),setTimeout(()=>this[_0x5da976(0x136)][_0x5da976(0x121)](_0x4142a6),0x3e8);}[_0xf096ba(0x154)](){const _0x3d0cb8=_0xf096ba;if(this['barrageList'][_0x3d0cb8(0x159)]&&!this[_0x3d0cb8(0x14b)]){if(!this[_0x3d0cb8(0x147)](this['barrageList'][this[_0x3d0cb8(0x133)]]))return this[_0x3d0cb8(0x133)]=(this[_0x3d0cb8(0x133)]+0x1)%this[_0x3d0cb8(0x12c)][_0x3d0cb8(0x159)],this[_0x3d0cb8(0x154)]();this[_0x3d0cb8(0x133)]=(this[_0x3d0cb8(0x133)]+0x1)%this['barrageList'][_0x3d0cb8(0x159)];}this[_0x3d0cb8(0x139)][_0x3d0cb8(0x159)]>Math['min'](0x1,this['barrageList'][_0x3d0cb8(0x159)])&&!this[_0x3d0cb8(0x14b)]&&this[_0x3d0cb8(0x141)](this['barrageTimer'][_0x3d0cb8(0x150)]());}['initBarrage'](){const _0x571de5=_0xf096ba,_0x2e2e3e=utils[_0x571de5(0x157)][_0x571de5(0x137)](_0x571de5(0x128));this[_0x571de5(0x136)]['style']['display']=_0x2e2e3e?_0x571de5(0x13d):_0x571de5(0x144),this[_0x571de5(0x12c)]=this['filterAndFlatten'](this[_0x571de5(0x145)]),this[_0x571de5(0x136)][_0x571de5(0x12d)]='',clearInterval(this['commentInterval']),this[_0x571de5(0x14c)]=setInterval(()=>this[_0x571de5(0x154)](),0x1388);}[_0xf096ba(0x146)](){const _0x81bb1e=_0xf096ba;this['initBarrage'](),this['dom'][_0x81bb1e(0x148)]('mouseover',()=>this['hoverOnCommentBarrage']=!![]),this[_0x81bb1e(0x136)][_0x81bb1e(0x148)](_0x81bb1e(0x151),()=>this[_0x81bb1e(0x14b)]=![]);}[_0xf096ba(0x123)](){const _0x569798=_0xf096ba;clearInterval(this[_0x569798(0x14c)]),this[_0x569798(0x136)][_0x569798(0x129)]('mouseover',()=>this[_0x569798(0x14b)]=!![]),this[_0x569798(0x136)][_0x569798(0x129)](_0x569798(0x151),()=>this['hoverOnCommentBarrage']=![]),this[_0x569798(0x136)][_0x569798(0x12d)]='';}}function _0x562b(){const _0x3031bd=['</div><img\x20class=\x22barrageAvatar\x22\x20src=\x22','replies','hoverOnCommentBarrage','commentInterval','\x22/><a\x20class=\x22comment-barrage-close\x22\x20href=\x22javascript:sco.switchCommentBarrage();\x22><i\x20class=\x22solitude\x20st-close-fill\x22></i></a></div><a\x20class=\x22barrageContent\x22\x20href=\x22','add','javascript:sco.scrollTo(\x27','shift','mouseout','10792323NNfVVh','32478HpqMfw','manageBarrage','appendChild','content','saveToLocal','barrage','length','querySelector','209952OxSGhj','854DBnOiw','</a>','3742368aCgLQg','removeChild','className','destroy','replace','lang','1438760uXBNRa','createElement','commentBarrageSwitch','removeEventListener','push','currentBarrage','barrageList','innerHTML','trim','271090IyHbzI','comment','mailMd5','8MDfQRc','barrageIndex','title','sanitizeContent','dom','get','comment-barrage-item','barrageTimer','classList','avatar','5632610YtcmxI','flex','filterAndFlatten','out','</a><div\x20class=\x22barrageNick\x22>','removeBarrageItem','.comment-barrage','/avatar/','none','comments','init','createBarrageItem','addEventListener'];_0x562b=function(){return _0x3031bd;};return _0x562b();}function initializeCommentBarrage(_0x506af1){const _0x438d69=_0xf096ba;if(_0x506af1[_0x438d69(0x159)]===0x0)return;let _0x6d138e=window[_0x438d69(0x12b)];if(_0x6d138e)_0x6d138e[_0x438d69(0x123)]();window[_0x438d69(0x12b)]=new Barrage(_0x506af1);}

package/source/js/third_party/post_ai.min.js

@@ -0,0 +1 @@
+class POST_AI{constructor(){this.root="https://summary.tianli0.top";this.aiTalkMode=false;this.aiPostExplanation='';this.config=GLOBAL_CONFIG.post_ai;this.scoGPTIsRunning=false;console.log(' %c TianliGPT %c 文章摘要 %c https://postchat.zhheo.com','background:#35495e ; padding: 1px; border-radius: 3px 0 0 3px;  color: #fff','background:#ff9a9a ; padding: 1px; border-radius: 0 3px 3px 0;  color: #fff','background:unset ; padding: 1px; border-radius: 0 3px 3px 0;  color: #fff')}init(){if(!document.querySelector(".ai-explanation"))return;this.scoGPTIsRunning=false;this.aiPostExplanation=PAGE_CONFIG.ai_text?PAGE_CONFIG.ai_text+"":false;if(!this.aiPostExplanation){this.generate()}else{this.aiShowAnimation(Promise.resolve(this.aiPostExplanation))}this.AIEngine()}getTitleAndContent(){const e=document.getElementById("article-container");const t=document.title;const n=e.getElementsByTagName("p");const i=e.querySelectorAll("h1, h2, h3, h4, h5");return(t+" "+Array.from(i).concat(Array.from(n)).map(e=>e.innerText.replace(/https?:\/\/[^\s]+/g,"")).join(" ")).slice(0,1000)}async generate(){this.aiShowAnimation(this.fetch(document.title,this.getTitleAndContent(),this.config.key))}async fetch(title,content,key){const url=`${this.root}/?content=${encodeURIComponent(content)}&title=${title}&key=${encodeURIComponent(key)}&url=${encodeURIComponent(window.location.href)}`;const response=await fetch(url);const data=await response.json();if(response.ok){this.aiPostExplanation=data.summary;return data.summary}else{console.error("Request failed:",data.err_msg);return data.err_msg}}aiShowAnimation(promise,onComplete=false){const explanationElement=document.querySelector(".ai-explanation");const tagElement=document.querySelector(".ai-tag");if(!explanationElement||this.scoGPTIsRunning)return;this.scoGPTIsRunning=true;this.cleanSuggestions();tagElement.classList.add("loadingAI");explanationElement.style.display="block";explanationElement.innerHTML='生成中...<span class="blinking-cursor"></span>';setTimeout(()=>{let startTime,update,currentIndex=0,isIntersecting=true,isInitial=true;const observer=new IntersectionObserver(entries=>{isIntersecting=entries[0].isIntersecting;if(isIntersecting)requestAnimationFrame(update)},{threshold:0});promise.then(result=>{startTime=performance.now();update=()=>{if(currentIndex<result.length&&isIntersecting){const now=performance.now();const timeElapsed=now-startTime;const char=result.slice(currentIndex,currentIndex+1);const isPunctuation=/[，。！、？,.!?]/.test(char);const isAlphaNumeric=/[a-zA-Z0-9]/.test(char);const delay=isPunctuation?100*Math.random()+100:(isAlphaNumeric?10:25);if(timeElapsed>=delay){explanationElement.innerText=result.slice(0,currentIndex+1);startTime=now;currentIndex++;if(currentIndex<result.length){explanationElement.innerHTML=result.slice(0,currentIndex)+'<span class="blinking-cursor"></span>'}else{explanationElement.innerHTML=result;explanationElement.style.display="block";this.scoGPTIsRunning=false;tagElement.classList.remove("loadingAI");observer.disconnect();if(onComplete)this.createSuggestions()}}if(isIntersecting)requestAnimationFrame(update)}};if(isIntersecting&&isInitial){requestAnimationFrame(update);isInitial=false}observer.observe(explanationElement)}).catch(error=>{console.error("检索信息失败：",error);explanationElement.innerHTML="检索信息失败";explanationElement.style.display="block";this.scoGPTIsRunning=false;tagElement.classList.remove("loadingAI");observer.disconnect()})},2000)}AIEngine(){const e=document.querySelector(".ai-tag");if(e){e.addEventListener("click",()=>{if(!this.scoGPTIsRunning){this.aiTalkMode=true;this.aiShowAnimation(Promise.resolve(this.config.talk),true)}})}}cleanSuggestions(){const e=document.querySelector(".ai-suggestions");if(e){e.innerHTML=""}else{console.error("没有这个元素：'ai-suggestions'")}}createSuggestions(){if(this.aiTalkMode){this.cleanSuggestions();this.createSuggestionItemWithAction("这篇文章讲了什么？",()=>{if(this.aiPostExplanation===""){this.generate()}else{this.aiShowAnimation(Promise.resolve(this.aiPostExplanation),true)}});if(this.config.randomPost){this.createSuggestionItemWithAction("带我去看看其他文章",()=>toRandomPost())}this.aiTalkMode=true}}createSuggestionItemWithAction(text,action){const suggestions=document.querySelector(".ai-suggestions");if(!suggestions){console.error("无法找到具有class为ai-suggestions的元素");return}const item=document.createElement("div");item.classList.add("ai-suggestions-item");item.textContent=text;item.addEventListener("click",action);suggestions.appendChild(item)}}const ai=new POST_AI();