ajax/bilibili-subtitle
1
0
Fork 0
Code Pull Requests Releases Activity

注释掉推荐

Browse Source
This commit is contained in:
IndieKKY
2024-05-27 08:47:28 +08:00
parent 39d3f9be8e
commit 19553de975
2 changed files with 87 additions and 89 deletions
Download Patch File Download Diff File Expand all files Collapse all files

158
src/biz/Body.tsx
View File

@@ -18,7 +18,6 @@ import {
AiOutlineCloseCircle, AiOutlineCloseCircle,
BsDashSquare, BsDashSquare,
BsPlusSquare, BsPlusSquare,
FaGripfire,
FaQuestion, FaQuestion,
FaRegArrowAltCircleDown, FaRegArrowAltCircleDown,
IoWarning, IoWarning,
@@ -32,7 +31,6 @@ import {
ASK_ENABLED_DEFAULT, ASK_ENABLED_DEFAULT,
HEADER_HEIGHT, HEADER_HEIGHT,
PAGE_SETTINGS, PAGE_SETTINGS,
RECOMMEND_HEIGHT,
SEARCH_BAR_HEIGHT, SEARCH_BAR_HEIGHT,
SUMMARIZE_ALL_THRESHOLD, SUMMARIZE_ALL_THRESHOLD,
TITLE_HEIGHT TITLE_HEIGHT
@@ -272,7 +270,7 @@ const Body = () => {
<div ref={bodyRef} onWheel={onWheel} <div ref={bodyRef} onWheel={onWheel}
className={classNames('flex flex-col gap-1.5 overflow-y-auto select-text scroll-smooth', floatKeyPointsSegIdx != null && 'pb-[100px]')} className={classNames('flex flex-col gap-1.5 overflow-y-auto select-text scroll-smooth', floatKeyPointsSegIdx != null && 'pb-[100px]')}
style={{ style={{
height: `${totalHeight - HEADER_HEIGHT - TITLE_HEIGHT - RECOMMEND_HEIGHT - (showSearchInput ? SEARCH_BAR_HEIGHT : 0)}px` height: `${totalHeight - HEADER_HEIGHT - TITLE_HEIGHT - (showSearchInput ? SEARCH_BAR_HEIGHT : 0)}px`
}} }}
> >
{/* ask */} {/* ask */}
@@ -325,22 +323,22 @@ const Body = () => {
{/* </button>} */} {/* </button>} */}
{/* </div> */} {/* </div> */}
<div className='flex flex-col'> <div className='flex flex-col'>
<div className='flex flex-col items-center text-center py-2 mx-4 border-t border-t-base-300'> {/* <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='/bibigpt.png' {/* <div className='font-semibold text-accent flex items-center gap-1'><img src='/bibigpt.png' */}
alt='BibiGPT logo' {/* alt='BibiGPT logo' */}
className='w-8 h-8'/>BibiGPT {/* className='w-8 h-8'/>BibiGPT */}
</div> {/* </div> */}
<div className='text-sm px-2 desc'>这是<span className='text-amber-600 font-semibold text-base'>网页</span>版的字幕列表，支持<span {/* <div className='text-sm px-2 desc'>这是<span className='text-amber-600 font-semibold text-base'>网页</span>版的字幕列表，支持<span */}
className='font-semibold'>任意</span>视频提取字幕总结（包括没有字幕的视频） {/* className='font-semibold'>任意</span>视频提取字幕总结（包括没有字幕的视频） */}
</div> {/* </div> */}
<div className='flex gap-2'> {/* <div className='flex gap-2'> */}
<a title='BibiGPT' href='https://bibigpt.co/r/bilibili' {/* <a title='BibiGPT' href='https://bibigpt.co/r/bilibili' */}
onClick={(e) => { {/* onClick={(e) => { */}
e.preventDefault() {/* e.preventDefault() */}
openUrl('https://bibigpt.co/r/bilibili') {/* openUrl('https://bibigpt.co/r/bilibili') */}
}} className='link text-sm text-accent'>✨ BibiGPT ✨</a> {/* }} className='link text-sm text-accent'>✨ BibiGPT ✨</a> */}
</div> {/* </div> */}
</div> {/* </div> */}
<div className='flex flex-col items-center text-center py-2 mx-4 border-t border-t-base-300'> <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' <div className='font-semibold text-accent flex items-center gap-1'><img src='/youtube-caption.png'
alt='youtube caption logo' alt='youtube caption logo'
@@ -368,71 +366,71 @@ const Body = () => {
}} className='link text-sm text-accent'>Crx搜搜(国内可访问)</a> }} className='link text-sm text-accent'>Crx搜搜(国内可访问)</a>
</div> </div>
</div> </div>
<div className='flex flex-col items-center text-center py-2 mx-4 border-t border-t-base-300'> {/* <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='/my-article-summarizer.png' {/* <div className='font-semibold text-accent flex items-center gap-1'><img src='/my-article-summarizer.png' */}
alt='My Article Summarizer logo' {/* alt='My Article Summarizer logo' */}
className='w-8 h-8'/>My Article Summarizer {/* className='w-8 h-8'/>My Article Summarizer */}
</div> {/* </div> */}
<div className='text-sm px-2 desc'>网页文章总结（有每日免费额度，无需apikey）。</div> {/* <div className='text-sm px-2 desc'>网页文章总结（有每日免费额度，无需apikey）。</div> */}
<div className='flex gap-2'> {/* <div className='flex gap-2'> */}
<a title='Chrome商店' href='https://chromewebstore.google.com/detail/my-article-summarizer/nanlpakfialleijdidafldapoifndngn' {/* <a title='Chrome商店' href='https://chromewebstore.google.com/detail/my-article-summarizer/nanlpakfialleijdidafldapoifndngn' */}
onClick={(e) => { {/* onClick={(e) => { */}
e.preventDefault() {/* e.preventDefault() */}
openUrl('https://chromewebstore.google.com/detail/my-article-summarizer/nanlpakfialleijdidafldapoifndngn') {/* openUrl('https://chromewebstore.google.com/detail/my-article-summarizer/nanlpakfialleijdidafldapoifndngn') */}
}} className='link text-sm text-accent'>Chrome商店</a> {/* }} className='link text-sm text-accent'>Chrome商店</a> */}
<a title='Crx搜搜(国内可访问)' {/* <a title='Crx搜搜(国内可访问)' */}
href='https://www.crxsoso.com/webstore/detail/nanlpakfialleijdidafldapoifndngn' {/* href='https://www.crxsoso.com/webstore/detail/nanlpakfialleijdidafldapoifndngn' */}
onClick={(e) => { {/* onClick={(e) => { */}
e.preventDefault() {/* e.preventDefault() */}
openUrl('https://www.crxsoso.com/webstore/detail/nanlpakfialleijdidafldapoifndngn') {/* openUrl('https://www.crxsoso.com/webstore/detail/nanlpakfialleijdidafldapoifndngn') */}
}} className='link text-sm text-accent'>Crx搜搜(国内可访问)</a> {/* }} className='link text-sm text-accent'>Crx搜搜(国内可访问)</a> */}
</div> {/* </div> */}
</div> {/* </div> */}
</div> </div>
</div> </div>
{/* recommend */} {/* recommend */}
<div className='p-0.5' style={{ {/* <div className='p-0.5' style={{ */}
height: `${RECOMMEND_HEIGHT}px` {/* height: `${RECOMMEND_HEIGHT}px` */}
}}> {/* }}> */}
{recommendIdx === 0 && <div className='flex items-center gap-1.5 rounded shadow-sm bg-base-200/10'> {/* {recommendIdx === 0 && <div className='flex items-center gap-1.5 rounded shadow-sm bg-base-200/10'> */}
<a className='link link-accent link-hover font-semibold text-sm flex items-center' onClick={(e) => { {/* <a className='link link-accent link-hover font-semibold text-sm flex items-center' onClick={(e) => { */}
e.preventDefault() {/* e.preventDefault() */}
openUrl('https://bibigpt.co/r/bilibili') {/* openUrl('https://bibigpt.co/r/bilibili') */}
}}><img src='/bibigpt.png' {/* }}><img src='/bibigpt.png' */}
alt='BibiGPT logo' {/* alt='BibiGPT logo' */}
className='w-8 h-8'/>✨ BibiGPT ✨</a> {/* className='w-8 h-8'/>✨ BibiGPT ✨</a> */}
<span className='text-sm desc'>支持任意视频的网页版总结。</span> {/* <span className='text-sm desc'>支持任意视频的网页版总结。</span> */}
</div>} {/* </div>} */}
{recommendIdx === 1 && <div className='flex items-center gap-1 rounded shadow-sm bg-base-200/10'> {/* {recommendIdx === 1 && <div className='flex items-center gap-1 rounded shadow-sm bg-base-200/10'> */}
<a className='link link-accent link-hover font-semibold text-sm flex items-center' onClick={(e) => { {/* <a className='link link-accent link-hover font-semibold text-sm flex items-center' onClick={(e) => { */}
e.preventDefault() {/* e.preventDefault() */}
openUrl('https://chromewebstore.google.com/detail/fiaeclpicddpifeflpmlgmbjgaedladf') {/* openUrl('https://chromewebstore.google.com/detail/fiaeclpicddpifeflpmlgmbjgaedladf') */}
}}><img src='/youtube-caption.png' {/* }}><img src='/youtube-caption.png' */}
alt='youtube caption logo' {/* alt='youtube caption logo' */}
className='w-8 h-8'/>YouTube Caption</a> {/* className='w-8 h-8'/>YouTube Caption</a> */}
<span className='text-sm desc'>YouTube版的字幕列表。</span> {/* <span className='text-sm desc'>YouTube版的字幕列表。</span> */}
</div>} {/* </div>} */}
{recommendIdx === 2 && <div className='flex items-center gap-1 rounded shadow-sm bg-base-200/10'> {/* {recommendIdx === 2 && <div className='flex items-center gap-1 rounded shadow-sm bg-base-200/10'> */}
<a className='link link-accent link-hover font-semibold text-sm flex items-center' onClick={(e) => { {/* <a className='link link-accent link-hover font-semibold text-sm flex items-center' onClick={(e) => { */}
e.preventDefault() {/* e.preventDefault() */}
openUrl('https://chromewebstore.google.com/detail/nanlpakfialleijdidafldapoifndngn') {/* openUrl('https://chromewebstore.google.com/detail/nanlpakfialleijdidafldapoifndngn') */}
}}><img src='/my-article-summarizer.png' {/* }}><img src='/my-article-summarizer.png' */}
alt='My Article Summarizer logo' {/* alt='My Article Summarizer logo' */}
className='w-8 h-8'/>My Article Summarizer</a> {/* className='w-8 h-8'/>My Article Summarizer</a> */}
<span className='text-sm desc'>网页文章总结。</span> {/* <span className='text-sm desc'>网页文章总结。</span> */}
</div>} {/* </div>} */}
{recommendIdx === 3 && <div className='flex items-center gap-1 rounded shadow-sm bg-base-200/10'> {/* {recommendIdx === 3 && <div className='flex items-center gap-1 rounded shadow-sm bg-base-200/10'> */}
<a className='link link-accent link-hover font-semibold text-sm flex items-center' onClick={(e) => { {/* <a className='link link-accent link-hover font-semibold text-sm flex items-center' onClick={(e) => { */}
e.preventDefault() {/* e.preventDefault() */}
openUrl('https://api.openai-up.com/register?aff=varM') {/* openUrl('https://api.openai-up.com/register?aff=varM') */}
}}><img src='/openai-up.ico' {/* }}><img src='/openai-up.ico' */}
alt='Openai Up logo' {/* alt='Openai Up logo' */}
className='w-8 h-8'/>Openai代理</a> {/* className='w-8 h-8'/>Openai代理</a> */}
<span className='text-sm desc flex items-center'>目前价格不到官方的6折<FaGripfire {/* <span className='text-sm desc flex items-center'>目前价格不到官方的6折<FaGripfire */}
className='text-amber-600'/></span> {/* className='text-amber-600'/></span> */}
</div>} {/* </div>} */}
</div> {/* </div> */}
</div> </div>
} }

18
src/biz/Settings.tsx
View File

@@ -22,7 +22,7 @@ import {
TRANSLATE_FETCH_STEP, TRANSLATE_FETCH_STEP,
WORDS_RATE, WORDS_RATE,
} from '../const' } from '../const'
import {FaGripfire, IoWarning} from 'react-icons/all' import {IoWarning} from 'react-icons/all'
import classNames from 'classnames' import classNames from 'classnames'
import toast from 'react-hot-toast' import toast from 'react-hot-toast'
import {useBoolean, useEventTarget} from 'ahooks' import {useBoolean, useEventTarget} from 'ahooks'
@@ -241,14 +241,14 @@ const Settings = () => {
<div>服务器地址：<a className='link link-primary' <div>服务器地址：<a className='link link-primary'
onClick={() => setServerUrlValue(DEFAULT_SERVER_URL_OPENAI)} onClick={() => setServerUrlValue(DEFAULT_SERVER_URL_OPENAI)}
rel='noreferrer'>点击设置</a></div> rel='noreferrer'>点击设置</a></div>
<div className='flex justify-center font-semibold'>【第三方代理】</div> {/* <div className='flex justify-center font-semibold'>【第三方代理】</div> */}
<div>代理网址：<a className='link link-primary' href='https://api.openai-up.com/register?aff=varM' {/* <div>代理网址：<a className='link link-primary' href='https://api.openai-up.com/register?aff=varM' */}
target='_blank' {/* target='_blank' */}
rel="noreferrer">点击访问</a></div> {/* rel="noreferrer">点击访问</a></div> */}
<div>服务器地址：<a className='link link-primary' {/* <div>服务器地址：<a className='link link-primary' */}
onClick={() => setServerUrlValue('https://api.openai-up.com')} {/* onClick={() => setServerUrlValue('https://api.openai-up.com')} */}
rel='noreferrer'>点击设置</a></div> {/* rel='noreferrer'>点击设置</a></div> */}
<div className='text-amber-600 flex justify-center items-center'><FaGripfire/>目前价格不到官方价格的6折<FaGripfire/></div> {/* <div className='text-amber-600 flex justify-center items-center'><FaGripfire/>目前价格不到官方价格的6折<FaGripfire/></div> */}
</div> </div>
</div> </div>
<FormItem title='模型选择' htmlFor='modelSel' tip='注意，不同模型有不同价格与token限制'> <FormItem title='模型选择' htmlFor='modelSel' tip='注意，不同模型有不同价格与token限制'>