From 8e23f143e46b5be5d29738016981beaa734bc4dc Mon Sep 17 00:00:00 2001
From: IndieKKY <indiekky@gmail.com>
Date: Mon, 26 Feb 2024 11:47:57 +0800
Subject: [PATCH] bibigpt

---
 public/bibigpt.png  | Bin 0 -> 4069 bytes
 src/biz/Body.tsx    |  53 ++++++++++++++++++++++++++++++++------------
 src/biz/MoreBtn.tsx |  17 +++++++++++---
 3 files changed, 53 insertions(+), 17 deletions(-)
 create mode 100644 public/bibigpt.png

diff --git a/public/bibigpt.png b/public/bibigpt.png
new file mode 100644
index 0000000000000000000000000000000000000000..5be4212a39749c6911a549cba5928f7c2ea17c8f
GIT binary patch
literal 4069
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
CJHK`S

literal 0
HcmV?d00001

diff --git a/src/biz/Body.tsx b/src/biz/Body.tsx
index cf8d3a9..6ba5882 100644
--- a/src/biz/Body.tsx
+++ b/src/biz/Body.tsx
@@ -210,29 +210,54 @@ const Body = () => {
     <div ref={bodyRef} onWheel={onWheel}
          className={classNames('flex flex-col gap-1.5 overflow-y-auto select-text scroll-smooth', floatKeyPointsSegIdx != null && 'pb-[100px]')}
          style={{
-           height: `${totalHeight - HEADER_HEIGHT - TITLE_HEIGHT - (envData.searchEnabled?SEARCH_BAR_HEIGHT:0)}px`
+           height: `${totalHeight - HEADER_HEIGHT - TITLE_HEIGHT - (envData.searchEnabled ? SEARCH_BAR_HEIGHT : 0)}px`
          }}
     >
-      {segments?.map((segment, segmentIdx) => <SegmentCard key={segment.startIdx} segment={segment} segmentIdx={segmentIdx} bodyRef={bodyRef}/>)}
+      {segments?.map((segment, segmentIdx) => <SegmentCard key={segment.startIdx} segment={segment}
+                                                           segmentIdx={segmentIdx} bodyRef={bodyRef}/>)}
 
       {/* tip */}
       <div className='flex flex-col items-center text-center pt-1 pb-2'>
         <div className='font-semibold text-accent'>💡<span className='underline underline-offset-4'>提示</span>💡</div>
-        <div className='text-sm desc px-2'>可以尝试将<span className='text-amber-600 font-semibold'>概览</span>生成的内容粘贴到<span className='text-secondary/75 font-semibold'>视频评论</span>里，发布后看看有什么效果🥳</div>
-        {(segments?.length??0) > 0 && <button className='mt-1.5 btn btn-xs btn-info' onClick={onCopy}>点击复制生成的{SUMMARIZE_TYPES[curSummaryType].name}<RiFileCopy2Line/></button>}
+        <div className='text-sm desc px-2'>可以尝试将<span className='text-amber-600 font-semibold'>概览</span>生成的内容粘贴到<span
+          className='text-secondary/75 font-semibold'>视频评论</span>里，发布后看看有什么效果🥳
+        </div>
+        {(segments?.length ?? 0) > 0 && <button className='mt-1.5 btn btn-xs btn-info'
+                                                onClick={onCopy}>点击复制生成的{SUMMARIZE_TYPES[curSummaryType].name}<RiFileCopy2Line/>
+        </button>}
       </div>
       <div className='flex flex-col items-center text-center py-2 mx-4 border-t border-t-base-300'>
-        <div className='font-semibold text-accent flex items-center gap-1'><img src='/youtube-caption.png' alt='youtube caption pro' className='w-8 h-8'/>YouTube Caption Pro</div>
-        <div className='text-sm px-2 desc'>这是<span className='text-amber-600 font-semibold text-base'>YouTube</span>版的字幕列表</div>
+        <div className='font-semibold text-accent flex items-center gap-1'><img src='/bibigpt.png'
+                                                                                alt='BibiGPT'
+                                                                                className='w-8 h-8'/>BibiGPT
+        </div>
+        <div className='text-sm px-2 desc'>这是<span className='text-amber-600 font-semibold text-base'>网页</span>版的字幕列表，支持<span className='font-semibold'>任意</span>视频提取字幕总结（包括没有字幕的视频）</div>
         <div className='flex gap-2'>
-          <a title='Chrome商店' href='https://chromewebstore.google.com/detail/fiaeclpicddpifeflpmlgmbjgaedladf' onClick={(e) => {
-            e.preventDefault()
-            openUrl('https://chromewebstore.google.com/detail/fiaeclpicddpifeflpmlgmbjgaedladf')
-          }} className='link text-sm text-accent'>Chrome商店</a>
-          <a title='Edge商店' href='https://microsoftedge.microsoft.com/addons/detail/galeejdehabppfgooagmkclpppnbccpc' onClick={e => {
-            e.preventDefault()
-            openUrl('https://microsoftedge.microsoft.com/addons/detail/galeejdehabppfgooagmkclpppnbccpc')
-          }} className='link text-sm text-accent'>Edge商店</a>
+          <a title='BibiGPT' href='https://bibigpt.co/r/bilibili'
+             onClick={(e) => {
+               e.preventDefault()
+               openUrl('https://bibigpt.co/r/bilibili')
+             }} className='link text-sm text-accent'>✨ BibiGPT ✨</a>
+        </div>
+      </div>
+      <div className='flex flex-col items-center text-center py-2 mx-4 border-t border-t-base-300'>
+        <div className='font-semibold text-accent flex items-center gap-1'><img src='/youtube-caption.png'
+                                                                                alt='youtube caption'
+                                                                                className='w-8 h-8'/>YouTube Caption Pro
+        </div>
+        <div className='text-sm px-2 desc'>这是<span className='text-amber-600 font-semibold text-base'>YouTube</span>版的字幕列表
+        </div>
+        <div className='flex gap-2'>
+          <a title='Chrome商店' href='https://chromewebstore.google.com/detail/fiaeclpicddpifeflpmlgmbjgaedladf'
+             onClick={(e) => {
+               e.preventDefault()
+               openUrl('https://chromewebstore.google.com/detail/fiaeclpicddpifeflpmlgmbjgaedladf')
+             }} className='link text-sm text-accent'>Chrome商店</a>
+          <a title='Edge商店' href='https://microsoftedge.microsoft.com/addons/detail/galeejdehabppfgooagmkclpppnbccpc'
+             onClick={e => {
+               e.preventDefault()
+               openUrl('https://microsoftedge.microsoft.com/addons/detail/galeejdehabppfgooagmkclpppnbccpc')
+             }} className='link text-sm text-accent'>Edge商店</a>
         </div>
       </div>
     </div>
diff --git a/src/biz/MoreBtn.tsx b/src/biz/MoreBtn.tsx
index 055546a..3676194 100644
--- a/src/biz/MoreBtn.tsx
+++ b/src/biz/MoreBtn.tsx
@@ -261,14 +261,25 @@ const MoreBtn = (props: Props) => {
             微信公众号(IndieKKY)
           </a>
         </li>
+        <li className='hover:bg-accent'>
+          <a className='flex items-center' onClick={(e) => {
+            e.preventDefault()
+            e.stopPropagation()
+            openUrl('https://bibigpt.co/r/bilibili')
+          }}>
+            <img alt='BibiGPT' src='/bibigpt.png' className='w-[20px] h-[20px] bg-white rounded-sm p-0.5'/>
+            BibiGPT
+          </a>
+        </li>
         <li className='hover:bg-accent'>
           <a className='flex items-center' onClick={(e) => {
             e.preventDefault()
             e.stopPropagation()
             openUrl('https://chromewebstore.google.com/detail/fiaeclpicddpifeflpmlgmbjgaedladf')
           }}>
-            <img alt='youtube subtitle' src='/youtube-caption.png' className='w-[20px] h-[20px] bg-white rounded-sm p-0.5'/>
-            Youtube Caption Pro
+            <img alt='youtube subtitle' src='/youtube-caption.png'
+                 className='w-[20px] h-[20px] bg-white rounded-sm p-0.5'/>
+            Youtube Caption
           </a>
         </li>
         <li className='hover:bg-accent'>
@@ -284,7 +295,7 @@ const MoreBtn = (props: Props) => {
         </li>
       </ul>
     </Popover>}
-</>
+  </>
 }
 
 export default MoreBtn