chore: release 1.11.6

优化导出
chore: release 1.11.5
2024-10-10 11:21:23 +08:00 · 2024-10-10 09:23:42 +08:00 · 2024-10-09 20:17:33 +08:00 · 2024-10-09 20:17:08 +08:00 · 2024-10-09 08:36:01 +08:00 · 2024-10-08 19:27:24 +08:00
40 changed files with 307 additions and 140 deletions
--- a/.env.development
+++ b/.env.development
@@ -1,3 +1 @@
 VITE_ENV=web-dev
 VITE_EXTENSION_ID=nejipfbcnfhckfpmlgibfommbnahchko
--- a/.env.production_chrome
+++ b/.env.production_chrome
@@ -1,4 +1,3 @@
 NODE_ENV=production
 VITE_ENV=chrome
 VITE_EXTENSION_ID=bciglihaegkdhoogebcdblfhppoilclp
--- a/README.md
+++ b/README.md
@@ -65,7 +65,3 @@ node版本：18.15.0
 ## 许可证
 该项目采用 **MIT 许可证**，详情请参阅许可证文件。
 ## 截图
 ![完整截图](./screenshot/完整截图.png)
--- a/index.html
+++ b/index.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html lang="zh" data-theme="light">
  <head>
-    <title>bilibili-subtitle - 哔哩哔哩字幕</title>
+    <title>哔哔君 - 哔哩哔哩字幕列表</title>
    <meta charset="UTF-8" />
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
    <link rel="icon" href="/favicon-128x128.png" sizes="128x128">
--- a/manifest.config.ts
+++ b/manifest.config.ts
@@ -12,7 +12,7 @@ const [major, minor, patch, label = '0'] = version
  .split(/[.-]/)
 export default defineManifest(async (env) => ({
-  "name": "哔哩哔哩字幕列表",
+  "name": "哔哔君 - 哔哩哔哩字幕列表",
  "description": "显示B站视频的字幕列表,可点击跳转与下载字幕,并支持翻译和总结字幕!",
  "version": `${major}.${minor}.${patch}`,
  "manifest_version": 3,
--- a/options.html
+++ b/options.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html lang="en" data-theme="light">
  <head>
-    <title>哔哩哔哩字幕列表选项</title>
+    <title>哔哔君 - 哔哩哔哩字幕列表选项</title>
    <meta charset="UTF-8" />
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
    <link rel="icon" href="/favicon-16x16.png" sizes="16x16">
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
  "private": true,
  "name": "bilibili-subtitle",
-  "version": "1.11.1",
+  "version": "1.11.6",
  "type": "module",
  "description": "哔哩哔哩字幕列表",
  "main": "index.js",
@@ -24,6 +24,7 @@
    "ahooks": "^3.7.1",
    "classnames": "^2.3.2",
    "daisyui": "^2.42.1",
    "dayjs": "^1.11.13",
    "js-search": "^2.0.0",
    "less": "^4.1.3",
    "lodash-es": "^4.17.21",
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -41,6 +41,9 @@ importers:
      daisyui:
        specifier: ^2.42.1
        version: 2.42.1(autoprefixer@10.4.13(postcss@8.4.19))(postcss@8.4.19)
      dayjs:
        specifier: ^1.11.13
        version: 1.11.13
      js-search:
        specifier: ^2.0.0
        version: 2.0.0
@@ -856,8 +859,8 @@ packages:
      autoprefixer: ^10.0.2
      postcss: ^8.1.6
-  dayjs@1.11.5:
+  dayjs@1.11.13:
-    resolution: {integrity: sha512-CAdX5Q3YW3Gclyo5Vpqkgpj8fSdLQcRuzfX6mC6Phy0nfJ0eGYOeS7m4mt2plDWLAtA4TqTakvbboHvUxfe4iA==}
+    resolution: {integrity: sha512-oaMBel6gjolK862uaPQOVTA7q3TZhuSvuMQAAglQDOWYO9A91IrAOUJEyKVlqJlHE0vq5p5UXxzdPfMH/x6xNg==}
  debug@2.6.9:
    resolution: {integrity: sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==}
@@ -3114,7 +3117,7 @@ snapshots:
    dependencies:
      '@types/js-cookie': 2.2.7
      ahooks-v3-count: 1.0.0
-      dayjs: 1.11.5
+      dayjs: 1.11.13
      intersection-observer: 0.12.2
      js-cookie: 2.2.1
      lodash: 4.17.21
@@ -3126,7 +3129,7 @@ snapshots:
    dependencies:
      '@types/js-cookie': 2.2.7
      ahooks-v3-count: 1.0.0
-      dayjs: 1.11.5
+      dayjs: 1.11.13
      intersection-observer: 0.12.2
      js-cookie: 2.2.1
      lodash: 4.17.21
@@ -3385,7 +3388,7 @@ snapshots:
    transitivePeerDependencies:
      - ts-node
-  dayjs@1.11.5: {}
+  dayjs@1.11.13: {}
  debug@2.6.9:
    dependencies:
--- a/popup.html
+++ b/popup.html
@@ -1,11 +0,0 @@
 <!DOCTYPE html>
 <html lang="zh" style="width: 500px;">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  </head>
  <body>
    <img src="shot.jpg" style="width: 100%; object-fit: contain;"/>
  </body>
 </html>
--- a/public/bibijun.png
+++ b/public/bibijun.png
--- a/public/favicon-128x128.png
+++ b/public/favicon-128x128.png
--- a/public/favicon-16x16.png
+++ b/public/favicon-16x16.png
--- a/public/favicon-32x32.png
+++ b/public/favicon-32x32.png
--- a/public/favicon-48x48.png
+++ b/public/favicon-48x48.png
--- a/public/favicon-64x64.png
+++ b/public/favicon-64x64.png
--- a/public/favicon.ico
+++ b/public/favicon.ico
--- a/public/shot.jpg
+++ b/public/shot.jpg
--- a/public/subtitle.svg
+++ b/public/subtitle.svg
@@ -1,3 +0,0 @@
 <?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 <svg t="1672795365953" class="icon" viewBox="0 0 1303 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2585"
     width="254.4921875" height="200"><path d="M110.964364 1023.720727c-60.509091 0-109.847273-48.872727-109.847273-108.916363V109.009455C1.117091 48.965818 50.455273 0 110.964364 0h1081.902545c60.509091 0 109.847273 48.872727 109.847273 108.916364v805.794909c0 60.043636-49.338182 108.916364-109.847273 108.916363H110.964364z m0-927.650909c-6.609455 0-12.101818 5.771636-12.101819 12.939637v805.794909c0 7.168 5.492364 13.032727 12.101819 13.032727h1081.902545c6.609455 0 12.101818-5.864727 12.101818-13.032727V109.009455c0-7.168-5.492364-13.032727-12.101818-13.032728H110.964364z" fill="#00AEEC" p-id="2586"></path><path d="M1003.054545 520.098909a51.572364 51.572364 0 0 1-50.26909 52.689455h-80.058182a51.572364 51.572364 0 0 1-50.269091-52.689455c0-29.137455 22.434909-52.782545 50.269091-52.782545h80.058182c27.834182 0 50.269091 23.645091 50.26909 52.782545zM1096.610909 270.149818c0 28.858182-22.341818 52.410182-49.989818 52.410182H232.541091a51.293091 51.293091 0 0 1-50.082909-52.410182c0-29.044364 22.434909-52.503273 50.082909-52.503273h814.08c27.648 0 50.082909 23.458909 50.082909 52.503273zM768.744727 520.098909c0 28.858182-22.341818 52.410182-50.082909 52.410182H232.541091a51.293091 51.293091 0 0 1-50.082909-52.410182c0-29.044364 22.434909-52.503273 50.082909-52.503273H718.661818c27.648 0 50.082909 23.458909 50.082909 52.503273zM1096.610909 735.976727c0 29.044364-22.341818 52.503273-49.989818 52.503273H560.500364a51.293091 51.293091 0 0 1-50.082909-52.503273c0-28.951273 22.341818-52.410182 50.082909-52.410182h486.120727c27.648 0 50.082909 23.458909 50.082909 52.410182z" fill="#00AEEC" p-id="2587"></path></svg>
--- a/screenshot/列表视图.png
+++ b/screenshot/列表视图.png
--- a/screenshot/完整截图.png
+++ b/screenshot/完整截图.png
--- a/screenshot/总结.png
+++ b/screenshot/总结.png
--- a/screenshot/文章视图.png
+++ b/screenshot/文章视图.png
--- a/screenshot/翻译.png
+++ b/screenshot/翻译.png
--- a/sidepanel.html
+++ b/sidepanel.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html lang="zh" data-theme="light">
  <head>
-    <title>哔哩哔哩字幕列表</title>
+    <title>哔哔君 - 哔哩哔哩字幕列表</title>
    <meta charset="UTF-8" />
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
    <link rel="icon" href="/favicon-128x128.png" sizes="128x128">
--- a/src/components/DebateChat.tsx
+++ b/src/components/DebateChat.tsx
@@ -0,0 +1,43 @@
 import { useAppSelector } from '@/hooks/redux';
 import React from 'react';
 const DebateChat: React.FC<DebateProps> = ({ messages }) => {
    const fontSize = useAppSelector(state => state.env.envData.fontSize)
  return (
    <div className="flex flex-col h-full">
      <div className="flex-1 overflow-y-auto p-4">
        {messages.map((message, index) => (
          <div
            key={index}
            className={`flex mb-4 ${
              message.side === 'pro' ? 'justify-start' : 'justify-end'
            }`}
          >
            <div
              className={`max-w-[85%] rounded-2xl p-3 shadow-md relative ${
                message.side === 'pro'
                  ? 'bg-blue-100 text-blue-800 ml-2'
                  : 'bg-green-100 text-green-800 mr-2'
              }`}
            >
              <p className={`${fontSize === 'large' ? 'text-sm' : 'text-xs'} font-bold mb-1`}>
                {message.side === 'pro' ? '正方' : '反方'}
              </p>
              <p className={fontSize === 'large' ? 'text-sm' : 'text-xs'}>{message.content}</p>
              <div
                className={`absolute w-4 h-4 ${
                  message.side === 'pro'
                    ? 'bg-blue-100 -left-2 top-2 rounded-bl-full'
                    : 'bg-green-100 -right-2 top-2 rounded-br-full'
                }`}
              ></div>
            </div>
          </div>
        ))}
      </div>
    </div>
  );
 };
 export default DebateChat;
--- a/src/components/Header.tsx
+++ b/src/components/Header.tsx
@@ -83,7 +83,8 @@ const Header = (props: {
    }
  }}>
    <div className='shrink-0 flex items-center'>
-      <span className='shrink-0 text-[15px] font-medium pl-[16px] pr-[14px]'>字幕列表</span>
+      <img src="bibijun.png" alt="Logo" className="w-auto h-6 ml-2 mr-1" />
      {/* <span className='shrink-0 text-[15px] font-medium pl-1 pr-[14px]'>字幕列表</span> */}
      <MoreBtn placement={'right-start'}/>
    </div>
    <div className='flex gap-0.5 items-center mr-[16px]'>
--- a/src/components/MoreBtn.tsx
+++ b/src/components/MoreBtn.tsx
@@ -19,6 +19,8 @@ import {downloadText, openUrl} from '@kky002/kky-util'
 import toast from 'react-hot-toast'
 import {getSummarize} from '../utils/bizUtil'
 import { useMessage } from '@/hooks/message'
 import dayjs from 'dayjs';
 interface Props {
  placement: Placement
 }
@@ -68,6 +70,8 @@ const MoreBtn = (props: Props) => {
  const segments = useAppSelector(state => state.env.segments)
  const url = useAppSelector(state => state.env.url)
  const title = useAppSelector(state => state.env.title)
  const ctime = useAppSelector(state => state.env.ctime) //时间戳，单位s
  const author = useAppSelector(state => state.env.author)
  const curSummaryType = useAppSelector(state => state.env.tempData.curSummaryType)
  const {sendInject} = useMessage()
@@ -79,20 +83,21 @@ const MoreBtn = (props: Props) => {
    let fileName = title
    let s, suffix
    let time = ctime ? dayjs(ctime * 1000).format('YYYY-MM-DD HH:mm:ss') : '' // 2024-05-01 12:00:00
    if (!downloadType || downloadType === 'text') {
-      s = `${title??'无标题'}\n${url??'无链接'}\n\n`
+      s = `${title??'无标题'}\n${url??'无链接'}\n${author??'无作者'} ${time}\n\n`
      for (const item of data.body) {
        s += item.content + '\n'
      }
      suffix = 'txt'
    } else if (downloadType === 'textWithTime') {
-      s = `${title??'无标题'}\n${url??'无链接'}\n\n`
+      s = `${title??'无标题'}\n${url??'无链接'}\n${author??'无作者'} ${time}\n\n`
      for (const item of data.body) {
        s += formatTime(item.from) + ' ' + item.content + '\n'
      }
      suffix = 'txt'
    } else if (downloadType === 'article') {
-      s = `${title??'无标题'}\n${url??'无链接'}\n\n`
+      s = `${title??'无标题'}\n${url??'无链接'}\n${author??'无作者'} ${time}\n\n`
      for (const item of data.body) {
        s += item.content + ', '
      }
@@ -142,7 +147,7 @@ const MoreBtn = (props: Props) => {
      s = JSON.stringify(data)
      suffix = 'json'
    } else if (downloadType === 'summarize') {
-      s = `${title??'无标题'}\n${url??'无链接'}\n\n`
+      s = `${title??'无标题'}\n${url??'无链接'}\n${author??'无作者'} ${time}\n\n`
      const [success, content] = getSummarize(title, segments, curSummaryType)
      if (!success) return
      s += content
@@ -245,7 +250,7 @@ const MoreBtn = (props: Props) => {
            下载音频(m4s)
          </a>
        </li>
-        <li className='hover:bg-accent'>
+        {/* <li className='hover:bg-accent'>
          <a className='flex items-center' onClick={(e) => {
            e.preventDefault()
            e.stopPropagation()
@@ -264,7 +269,7 @@ const MoreBtn = (props: Props) => {
            <AiFillWechat className='w-[20px] h-[20px] text-primary/75 bg-white rounded-sm p-0.5'/>
            微信公众号(IndieKKY)
          </a>
-        </li>
+        </li> */}
        {/* <li className='hover:bg-accent'> */}
        {/*  <a className='flex items-center' onClick={(e) => { */}
        {/*    e.preventDefault() */}
@@ -297,6 +302,17 @@ const MoreBtn = (props: Props) => {
            选项
          </a>
        </li>
        {/* 官网 */}
        <li className='hover:bg-accent'>
          <a className='flex items-center' onClick={(e) => {
            e.preventDefault()
            e.stopPropagation()
            openUrl('https://www.bibijun.cc')
          }}>
            <img alt='哔哔君' src='/favicon-128x128.png' className='w-[20px] h-[20px] bg-white rounded-sm p-0.5'/>
            🏠 哔哔君官网
          </a>
        </li>
      </ul>
    </Popover>}
  </>
--- a/src/components/SegmentCard.tsx
+++ b/src/components/SegmentCard.tsx
@@ -2,7 +2,7 @@ import React, {MutableRefObject, useCallback, useEffect, useMemo, useRef} from '
 import {useAppDispatch, useAppSelector} from '../hooks/redux'
 import {setFloatKeyPointsSegIdx, setSegmentFold, setTempData} from '../redux/envReducer'
 import classNames from 'classnames'
-import {FaClipboardList} from 'react-icons/fa'
+import {FaClipboardList, FaComments} from 'react-icons/fa'
 import {PAGE_MAIN, PAGE_SETTINGS, SUMMARIZE_THRESHOLD, SUMMARIZE_TYPES} from '../consts/const'
 import useTranslate from '../hooks/useTranslate'
 import {BsDashSquare, BsPlusSquare, CgFileDocument, FaQuestion, GrOverview, RiFileCopy2Line} from 'react-icons/all'
@@ -12,6 +12,7 @@ import {useInViewport} from 'ahooks'
 import SegmentItem from './SegmentItem'
 import {stopPopFunc} from '../utils/util'
 import useSubtitle from '../hooks/useSubtitle'
 import DebateChat from './DebateChat'
 const SummarizeItemOverview = (props: {
  segment: Segment
@@ -113,6 +114,8 @@ const Summarize = (props: {
            <div className={classNames('font-normal', fontSize === 'large' ? 'text-sm' : 'text-xs')}>{question.a}</div>
          </div>)}
        </div>}
      {summary?.type === 'debate' && (summary.content != null) &&
        <DebateChat messages={summary.content} />}
    </div>
    <div className='flex flex-col justify-center items-center'>
      {segment.text.length < SUMMARIZE_THRESHOLD && <div className='desc-lighter text-xs'>文字过短，无法总结.</div>}
@@ -200,6 +203,12 @@ const SegmentCard = (props: {
    }))
  }, [dispatch])
  const onSelDebate = useCallback(() => {
    dispatch(setTempData({
      curSummaryType: 'debate'
    }))
  }, [dispatch])
  return <div
    className={classNames('border border-base-300 bg-base-200/25 rounded flex flex-col m-1.5 p-1.5 gap-1 shadow', showCurrent && 'shadow-primary')}>
    <div className='relative flex justify-center min-h-[20px]'>
@@ -215,6 +224,7 @@ const SegmentCard = (props: {
        <a className={classNames('tab tab-lifted tab-xs', curSummaryType === 'overview' && 'tab-active')} onClick={onSelOverview}><GrOverview/>概览</a>
        <a className={classNames('tab tab-lifted tab-xs', curSummaryType === 'keypoint' && 'tab-active')} onClick={onSelKeypoint}><FaClipboardList/>要点</a>
        <a className={classNames('tab tab-lifted tab-xs', curSummaryType === 'question' && 'tab-active')} onClick={onSelQuestion}><FaQuestion/>问题</a>
        <a className={classNames('tab tab-lifted tab-xs', curSummaryType === 'debate' && 'tab-active')} onClick={onSelDebate}><FaComments/>辩论</a>
        <a className="tab tab-lifted tab-xs tab-disabled cursor-default"></a>
      </div>}
      <div
--- a/src/consts/const.ts
+++ b/src/consts/const.ts
@@ -11,6 +11,7 @@ export const PROMPT_TYPE_TRANSLATE = 'translate'
 export const PROMPT_TYPE_SUMMARIZE_OVERVIEW = 'summarize_overview'
 export const PROMPT_TYPE_SUMMARIZE_KEYPOINT = 'summarize_keypoint'
 export const PROMPT_TYPE_SUMMARIZE_QUESTION = 'summarize_question'
 export const PROMPT_TYPE_SUMMARIZE_DEBATE = 'summarize_debate'
 export const PROMPT_TYPE_SUMMARIZE_BRIEF = 'summarize_brief'
 export const PROMPT_TYPE_ASK = 'ask'
 export const PROMPT_TYPES = [{
@@ -28,6 +29,9 @@ export const PROMPT_TYPES = [{
 }, {
  name: '问题',
  type: PROMPT_TYPE_SUMMARIZE_QUESTION,
 }, {
  name: '辩论',
  type: PROMPT_TYPE_SUMMARIZE_DEBATE,
 }, {
  name: '提问',
  type: PROMPT_TYPE_ASK,
@@ -58,6 +62,12 @@ export const SUMMARIZE_TYPES = {
    downloadName: '💡常见问题💡',
    promptType: PROMPT_TYPE_SUMMARIZE_QUESTION,
  },
  debate: {
    name: '辩论',
    desc: '辩论',
    downloadName: '💡辩论💡',
    promptType: PROMPT_TYPE_SUMMARIZE_DEBATE,
  },
 }
 export const PROMPT_DEFAULTS = {
@@ -175,6 +185,42 @@ Provide an example to illustrate the expected output:
    }
 ]
 \`\`\`
 `,
 [PROMPT_TYPE_SUMMARIZE_DEBATE]: `You are a helpful assistant skilled at generating debates based on video subtitles.
 ## Context
 The video's title: '''{{title}}'''.
 The video's subtitles:
 '''
 {{segment}}
 '''
 ## Command
 Please play the roles of both the affirmative and negative sides to discuss the author's viewpoint.
 The conversation should consist of 10 rounds(5 sentences from the affirmative side, 5 sentences from the negative side.).
 The tone should be straightforward.
 Answer in language '{{language}}'.
 ## Output format
 Provide an example to illustrate the expected output:
 \`\`\`json
 [
    {
        "side": "pro",
        "content": "xxx"
    },
    {
        "side": "con",
        "content": "xxx"
    }
 ]
 \`\`\`
 `,
  [PROMPT_TYPE_ASK]: `You are a helpful assistant who answers question related to video subtitles.
 Answer in language '{{language}}'.
@@ -245,6 +291,9 @@ for (const model of MODELS) {
 export const LANGUAGES = [{
  code: 'en',
  name: 'English',
 }, {
  code: 'ja',
  name: '日本語',
 }, {
  code: 'ena',
  name: 'American English',
@@ -278,6 +327,39 @@ export const LANGUAGES = [{
 }, {
  code: 'Italian',
  name: 'Italiano',
 }, {
  code: 'ko',
  name: '한국어',
 }, {
  code: 'hi',
  name: 'हिन्दी',
 }, {
  code: 'tr',
  name: 'Türkçe',
 }, {
  code: 'nl',
  name: 'Nederlands',
 }, {
  code: 'pl',
  name: 'Polski',
 }, {
  code: 'sv',
  name: 'Svenska',
 }, {
  code: 'vi',
  name: 'Tiếng Việt',
 }, {
  code: 'th',
  name: 'ไทย',
 }, {
  code: 'id',
  name: 'Bahasa Indonesia',
 }, {
  code: 'el',
  name: 'Ελληνικά',
 }, {
  code: 'he',
  name: 'עברית',
 }]
 export const LANGUAGES_MAP: {[key: string]: typeof LANGUAGES[number]} = {}
 for (const language of LANGUAGES) {
--- a/src/hooks/useMessageService.ts
+++ b/src/hooks/useMessageService.ts
@@ -1,4 +1,4 @@
-import { setCurFetched, setCurInfo, setData, setInfos, setTitle, setUrl } from '@/redux/envReducer'
+import { setAuthor, setCtime, setCurFetched, setCurInfo, setData, setInfos, setTitle, setUrl } from '@/redux/envReducer'
 import { useMemo } from 'react'
 import { useAppDispatch } from './redux'
 import useMessagingService from '@/messaging/layer2/useMessagingService'
@@ -20,6 +20,8 @@ const useMessageService = () => {
      dispatch(setInfos(params.infos))
      dispatch(setUrl(params.url))
      dispatch(setTitle(params.title))
      dispatch(setCtime(params.ctime))
      dispatch(setAuthor(params.author))
      console.debug('video title: ', params.title)
    },
  }), [dispatch])
--- a/src/inject/inject.ts
+++ b/src/inject/inject.ts
@@ -120,6 +120,8 @@ const debug = (...args: any[]) => {
  }
  let aid: number | null = null
  let ctime: number | null = null
  let author: string | undefined
  let title = ''
  let pages: any[] = []
  let pagesMap: Record<string, any> = {}
@@ -162,6 +164,8 @@ const debug = (...args: any[]) => {
          aid = parseInt(aidOrBvid.slice(2))
          pages = await fetch(`https://api.bilibili.com/x/player/pagelist?aid=${aid}`, { credentials: 'include' }).then(res => res.json()).then(res => res.data)
          cid = pages[0].cid
          ctime = pages[0].ctime
          author = pages[0].owner?.name
          title = pages[0].part
          await fetch(`https://api.bilibili.com/x/player/v2?aid=${aid}&cid=${cid}`, { credentials: 'include' }).then(res => res.json()).then(res => {
            subtitles = res.data.subtitle.subtitles
@@ -171,6 +175,8 @@ const debug = (...args: any[]) => {
            title = res.data.title
            aid = res.data.aid
            cid = res.data.cid
            ctime = res.data.ctime
            author = res.data.owner?.name
            pages = res.data.pages
          })
          await fetch(`https://api.bilibili.com/x/player/v2?aid=${aid}&cid=${cid}`, { credentials: 'include' }).then(res => res.json()).then(res => {
@@ -191,6 +197,8 @@ const debug = (...args: any[]) => {
          url: location.origin + location.pathname,
          title,
          aid,
          ctime,
          author,
          pages,
          infos: subtitles,
        })
--- a/src/message-typings.d.ts
+++ b/src/message-typings.d.ts
@@ -1,21 +1,19 @@
 //extension
-interface ExtensionCloseSidePanelMessage extends ExtensionMessage<{}> {
+interface ExtensionCloseSidePanelMessage extends ExtensionMessage {
    method: 'CLOSE_SIDE_PANEL';
  }
-  interface ExtensionAddTaskMessage extends ExtensionMessage<{ taskDef: TaskDef }> {
+  interface ExtensionAddTaskMessage extends ExtensionMessage<{ taskDef: TaskDef }, Task> {
    method: 'ADD_TASK';
    return: Task
  }
-  interface ExtensionGetTaskMessage extends ExtensionMessage<{ taskId: string }> {
+  interface ExtensionGetTaskMessage extends ExtensionMessage<{ taskId: string }, {
    method: 'GET_TASK';
    return: {
    code: 'ok'
    task: Task
  } | {
    code: 'not_found'
-    }
+  }> {
    method: 'GET_TASK';
  }
  interface ExtensionShowFlagMessage extends ExtensionMessage<{ show: boolean }> {
@@ -82,7 +80,7 @@ interface ExtensionCloseSidePanelMessage extends ExtensionMessage<{}> {
    method: 'SET_INFOS';
  }
-  interface AppSetVideoInfoMessage extends AppMessage<{ url: string, title: string, aid: number | null, pages: any, infos: any }> {
+  interface AppSetVideoInfoMessage extends AppMessage<{ url: string, title: string, aid: number | null, ctime: number | null, author?: string, pages: any, infos: any }> {
    method: 'SET_VIDEO_INFO';
  }
--- a/src/messaging/layer2/InjectMessaging.ts
+++ b/src/messaging/layer2/InjectMessaging.ts
@@ -62,7 +62,7 @@ class InjectMessaging<AllExtensionMessagesType extends ExtensionMessage, AllInje
        [K in AllInjectMessagesType['method']]: (params: Extract<AllInjectMessagesType, { method: K }>['params'], context: MethodContext) => Promise<any>
    }) {
        this.methods = methods
-        this.port = chrome.runtime.connect(import.meta.env.VITE_EXTENSION_ID, {
+        this.port = chrome.runtime.connect({
            name: 'bilibili-inject',
        })
        this.l1protocol = new Layer1Protocol<L2ReqMsg, L2ResMsg>(this.messageHandler, this.port)
--- a/src/messaging/layer2/useMessagingService.ts
+++ b/src/messaging/layer2/useMessagingService.ts
@@ -63,7 +63,7 @@ const useMessagingService = <AllAPPMessagesType extends AppMessage>(methods?: {
  }, [methods])
  const port = useMemo(() => {
-    return chrome.runtime.connect(import.meta.env.VITE_EXTENSION_ID, {
+    return chrome.runtime.connect({
      name: 'bilibili-app',
    })
  }, [])
--- a/src/messaging/messaging-typings.d.ts
+++ b/src/messaging/messaging-typings.d.ts
@@ -4,13 +4,13 @@ interface Message<T = any, R = any> {
    return: R
 }
-interface ExtensionMessage<T = any> extends Message<T> {
+interface ExtensionMessage<T = any, R = any> extends Message<T, R> {
 }
-interface InjectMessage<T = any> extends Message<T> {
+interface InjectMessage<T = any, R = any> extends Message<T, R> {
 }
-interface AppMessage<T = any> extends Message<T> {
+interface AppMessage<T = any, R = any> extends Message<T, R> {
 }
--- a/src/pages/OptionsPage.tsx
+++ b/src/pages/OptionsPage.tsx
@@ -27,17 +27,23 @@ import toast from 'react-hot-toast'
 import {useBoolean, useEventTarget} from 'ahooks'
 import {useEventChecked} from '@kky002/kky-hooks'
 import { useMessage } from '@/hooks/message'
 import { FaChevronDown, FaChevronUp } from 'react-icons/fa'
-const Section = (props: {
+const OptionCard = ({ title, children, defaultExpanded = true }: { title: React.ReactNode; children: React.ReactNode; defaultExpanded?: boolean }) => {
-  title: ShowElement
+  const [isExpanded, setIsExpanded] = useState(defaultExpanded);
-  htmlFor?: string
+
-} & PropsWithChildren) => {
+  return (
-  const {title, htmlFor, children} = props
+    <div className="card bg-base-200 shadow-xl mb-4">
-  return <div className='flex flex-col gap-1'>
+      <div className="card-body p-4">
-    <label className='font-medium desc-lighter text-sm' htmlFor={htmlFor}>{title}</label>
+        <h2 className="card-title flex justify-between cursor-pointer" onClick={() => setIsExpanded(!isExpanded)}>
-    <div className='flex flex-col gap-1 rounded py-2 px-2 bg-base-200/75'>{children}</div>
+          {title}
          {isExpanded ? <FaChevronUp /> : <FaChevronDown />}
        </h2>
        {isExpanded && <div className="mt-4">{children}</div>}
      </div>
-}
+    </div>
  );
 };
 const FormItem = (props: {
  title: ShowElement
@@ -45,14 +51,16 @@ const FormItem = (props: {
  htmlFor?: string
 } & PropsWithChildren) => {
  const {title, tip, htmlFor, children} = props
-  return <div className='flex items-center gap-2'>
+  return (
-    <div className={classNames('basis-3/12 justify-end flex-center', tip && 'tooltip tooltip-right z-[100] underline underline-offset-2 decoration-dashed')} data-tip={tip}>
+    <div className='flex items-center gap-4 mb-2'>
-      <label className='font-medium desc' htmlFor={htmlFor}>{title}</label>
+      <div className={classNames('w-1/3 text-right', tip && 'tooltip tooltip-right z-50')} data-tip={tip}>
        <label className={classNames('font-medium', tip && 'border-b border-dotted border-current pb-[2px]')} htmlFor={htmlFor}>{title}</label>
      </div>
-    <div className='basis-9/12 flex items-center'>
+      <div className='w-2/3'>
        {children}
      </div>
    </div>
  )
 }
 const OptionsPage = () => {
@@ -199,9 +207,9 @@ const OptionsPage = () => {
    setAiTypeValue('gemini')
  }, [])
-  return <div className='flex justify-center'>
+  return (
-    <div className="w-2/3 max-w-[600px] flex flex-col gap-3 p-2">
+    <div className='container mx-auto max-w-3xl p-4'>
-      <Section title='通用配置'>
+      <OptionCard title="通用配置">
        <FormItem title='侧边栏' htmlFor='sidePanel' tip='字幕列表是否显示在侧边栏'>
          <input id='sidePanel' type='checkbox' className='toggle toggle-primary' checked={sidePanelValue}
                 onChange={setSidePanelValue}/>
@@ -216,37 +224,37 @@ const OptionsPage = () => {
        </FormItem>}
        <FormItem title='主题'>
          <div className="btn-group">
-            <button onClick={onSelTheme1} className={classNames('btn btn-xs no-animation', (!themeValue || themeValue === 'system')?'btn-active':'')}>系统</button>
+            <button onClick={onSelTheme1} className={classNames('btn btn-sm no-animation', (!themeValue || themeValue === 'system')?'btn-active':'')}>系统</button>
-            <button onClick={onSelTheme2} className={classNames('btn btn-xs no-animation', themeValue === 'light'?'btn-active':'')}>浅色</button>
+            <button onClick={onSelTheme2} className={classNames('btn btn-sm no-animation', themeValue === 'light'?'btn-active':'')}>浅色</button>
-            <button onClick={onSelTheme3} className={classNames('btn btn-xs no-animation', themeValue === 'dark'?'btn-active':'')}>深色</button>
+            <button onClick={onSelTheme3} className={classNames('btn btn-sm no-animation', themeValue === 'dark'?'btn-active':'')}>深色</button>
          </div>
        </FormItem>
        <FormItem title='字体大小'>
          <div className="btn-group">
-            <button onClick={onSelFontSize1} className={classNames('btn btn-xs no-animation', (!fontSizeValue || fontSizeValue === 'normal')?'btn-active':'')}>普通</button>
+            <button onClick={onSelFontSize1} className={classNames('btn btn-sm no-animation', (!fontSizeValue || fontSizeValue === 'normal')?'btn-active':'')}>普通</button>
-            <button onClick={onSelFontSize2} className={classNames('btn btn-xs no-animation', fontSizeValue === 'large'?'btn-active':'')}>加大</button>
+            <button onClick={onSelFontSize2} className={classNames('btn btn-sm no-animation', fontSizeValue === 'large'?'btn-active':'')}>加大</button>
          </div>
        </FormItem>
        <FormItem title='AI类型' tip='OPENAI质量更高'>
          <div className="btn-group">
-            <button onClick={onSelOpenai} className={classNames('btn btn-xs no-animation', (!aiTypeValue || aiTypeValue === 'openai')?'btn-active':'')}>OpenAI</button>
+            <button onClick={onSelOpenai} className={classNames('btn btn-sm', (!aiTypeValue || aiTypeValue === 'openai')?'btn-active':'')}>OpenAI</button>
-            <button onClick={onSelGemini} className={classNames('btn btn-xs no-animation', aiTypeValue === 'gemini'?'btn-active':'')}>Gemini</button>
+            <button onClick={onSelGemini} className={classNames('btn btn-sm', aiTypeValue === 'gemini'?'btn-active':'')}>Gemini</button>
          </div>
        </FormItem>
-      </Section>
+      </OptionCard>
-      {(!aiTypeValue || aiTypeValue === 'openai') && <Section title='openai配置'>
+      <OptionCard title="AI 配置">
-        <FormItem title='ApiKey' htmlFor='apiKey'>
+        {(!aiTypeValue || aiTypeValue === 'openai') && <FormItem title='ApiKey' htmlFor='apiKey'>
          <input id='apiKey' type='text' className='input input-sm input-bordered w-full' placeholder='sk-xxx'
                 value={apiKeyValue} onChange={onChangeApiKeyValue}/>
-        </FormItem>
+        </FormItem>}
-        <FormItem title='服务器' htmlFor='serverUrl'>
+        {(!aiTypeValue || aiTypeValue === 'openai') && <FormItem title='服务器' htmlFor='serverUrl'>
          <input id='serverUrl' type='text' className='input input-sm input-bordered w-full'
                 placeholder={DEFAULT_SERVER_URL_OPENAI} value={serverUrlValue}
                 onChange={e => setServerUrlValue(e.target.value)}/>
-        </FormItem>
+        </FormItem>}
-        <div>
+        {(!aiTypeValue || aiTypeValue === 'openai') && <div>
-          <div className='desc text-xs text-center'>
+          <div className='desc text-sm text-center'>
            <div className='flex justify-center font-semibold'>【官方地址】</div>
            <div>官方网址：<a className='link link-primary' href='https://platform.openai.com/' target='_blank'
                             rel="noreferrer">点击访问</a></div>
@@ -262,16 +270,16 @@ const OptionsPage = () => {
            {/*                   rel='noreferrer'>点击设置</a></div> */}
            {/* <div className='text-amber-600 flex justify-center items-center'><FaGripfire/>目前价格不到官方价格的6折<FaGripfire/></div> */}
          </div>
-        </div>
+        </div>}
-        <FormItem title='模型选择' htmlFor='modelSel' tip='注意，不同模型有不同价格与token限制'>
+        {(!aiTypeValue || aiTypeValue === 'openai') && <FormItem title='模型选择' htmlFor='modelSel' tip='注意，不同模型有不同价格与token限制'>
          <select id='modelSel' className="select select-sm select-bordered" value={modelValue}
                  onChange={onChangeModelValue}>
            {MODELS.map(model => <option key={model.code} value={model.code}>{model.name}</option>)}
          </select>
-        </FormItem>
+        </FormItem>}
-        <div className='desc text-xs'>
+        {(!aiTypeValue || aiTypeValue === 'openai') && <div className='desc text-sm'>
          {MODEL_TIP}
-        </div>
+        </div>}
        {modelValue === 'custom' && <FormItem title='模型名' htmlFor='customModel'>
          <input id='customModel' type='text' className='input input-sm input-bordered w-full' placeholder='llama2'
                 value={customModelValue} onChange={onChangeCustomModelValue}/>
@@ -282,26 +290,23 @@ const OptionsPage = () => {
                 value={customModelTokensValue}
                 onChange={e => setCustomModelTokensValue(e.target.value ? parseInt(e.target.value) : undefined)}/>
        </FormItem>}
-      </Section>}
+        {aiTypeValue === 'gemini' && <FormItem title='ApiKey' htmlFor='geminiApiKey'>
      {aiTypeValue === 'gemini' && <Section title='gemini配置'>
        <FormItem title='ApiKey' htmlFor='geminiApiKey'>
          <input id='geminiApiKey' type='text' className='input input-sm input-bordered w-full' placeholder='xxx'
                 value={geminiApiKeyValue} onChange={onChangeGeminiApiKeyValue}/>
-        </FormItem>
+        </FormItem>}
-        <div>
+        {aiTypeValue === 'gemini' && <div>
-          <div className='desc text-xs'>
+          <div className='desc text-sm'>
            <div>官方网址：<a className='link link-primary' href='https://makersuite.google.com/app/apikey'
                             target='_blank'
                             rel="noreferrer">Google AI Studio</a> (目前免费)
            </div>
-            <div className='text-xs text-error flex items-center'><IoWarning className='text-sm text-warning'/>谷歌模型安全要求比较高，有些视频可能无法生成总结!
+            <div className='text-sm text-error flex items-center'><IoWarning className='text-sm text-warning'/>谷歌模型安全要求比较高，有些视频可能无法生成总结!
            </div>
          </div>
-        </div>
+        </div>}
-      </Section>}
+      </OptionCard>
-      <Section title={<div className='flex items-center'>
+      <OptionCard title={<div className='flex items-center'>
        翻译配置
        {!apiKeySetted && <div className='tooltip tooltip-right ml-1' data-tip='未设置ApiKey无法使用'>
          <IoWarning className='text-sm text-warning'/>
@@ -320,24 +325,24 @@ const OptionsPage = () => {
        <FormItem title='翻译条数' tip='每次翻译条数'>
          <div className='flex-1 flex flex-col'>
            <input type="range" min={TRANSLATE_FETCH_MIN} max={TRANSLATE_FETCH_MAX} step={TRANSLATE_FETCH_STEP} value={fetchAmountValue} className="range range-primary" onChange={onFetchAmountChange} />
-            <div className="w-full flex justify-between text-xs px-2">
+            <div className="w-full flex justify-between text-sm px-2">
              {transFetchAmountList.map(amount => <span key={amount}>{amount}</span>)}
            </div>
          </div>
        </FormItem>
        <FormItem title='翻译显示'>
          <div className="btn-group">
-            <button onClick={onSel1} className={classNames('btn btn-xs no-animation', (!transDisplayValue || transDisplayValue === 'originPrimary')?'btn-active':'')}>原文为主</button>
+            <button onClick={onSel1} className={classNames('btn btn-sm no-animation', (!transDisplayValue || transDisplayValue === 'originPrimary')?'btn-active':'')}>原文为主</button>
-            <button onClick={onSel2} className={classNames('btn btn-xs no-animation', transDisplayValue === 'targetPrimary'?'btn-active':'')}>翻译为主</button>
+            <button onClick={onSel2} className={classNames('btn btn-sm no-animation', transDisplayValue === 'targetPrimary'?'btn-active':'')}>翻译为主</button>
-            <button onClick={onSel3} className={classNames('btn btn-xs no-animation', transDisplayValue === 'target'?'btn-active':'')}>仅翻译</button>
+            <button onClick={onSel3} className={classNames('btn btn-sm no-animation', transDisplayValue === 'target'?'btn-active':'')}>仅翻译</button>
          </div>
        </FormItem>
        <FormItem title='隐藏翻译' tip='取消自动翻译时,隐藏已翻译内容' htmlFor='hideOnDisableAutoTranslate'>
          <input id='hideOnDisableAutoTranslate' type='checkbox' className='toggle toggle-primary' checked={hideOnDisableAutoTranslateValue}
                 onChange={onChangeHideOnDisableAutoTranslate}/>
        </FormItem>
-      </Section>
+      </OptionCard>
-      <Section title={<div className='flex items-center'>
+      <OptionCard title={<div className='flex items-center'>
        总结配置
        {!apiKeySetted && <div className='tooltip tooltip-right ml-1' data-tip='未设置ApiKey无法使用'>
          <IoWarning className='text-sm text-warning'/>
@@ -360,17 +365,17 @@ const OptionsPage = () => {
          <div className='flex-1 flex flex-col'>
            <input id='words' type='number' className='input input-sm input-bordered w-full' placeholder={`默认为上限x${WORDS_RATE}`} value={wordsValue??''} onChange={e => setWordsValue(e.target.value?parseInt(e.target.value):undefined)}/>
            {/* <input type="range" min={WORDS_MIN} max={WORDS_MAX} step={WORDS_STEP} value={wordsValue} className="range range-primary" onChange={onWordsChange} /> */}
-            {/* <div className="w-full flex justify-between text-xs px-2"> */}
+            {/* <div className="w-full flex justify-between text-sm px-2"> */}
            {/*  {wordsList.map(words => <span key={words}>{words}</span>)} */}
            {/* </div> */}
          </div>
        </FormItem>
-        <div className='desc text-xs'>
+        <div className='desc text-sm'>
          当前选择的模型的分段字数上限是<span className='font-semibold font-mono'>{aiTypeValue === 'gemini'?GEMINI_TOKENS:(MODEL_MAP[modelValue??MODEL_DEFAULT]?.tokens??'未知')}</span>
          （太接近上限总结会报错）
        </div>
-      </Section>
+      </OptionCard>
-      <Section title={<div className='flex items-center'>
+      <OptionCard title={<div className='flex items-center'>
        搜索配置
      </div>}>
        <FormItem title='启用搜索' htmlFor='searchEnabled' tip='是否启用字幕搜索功能'>
@@ -381,23 +386,23 @@ const OptionsPage = () => {
          <input id='cnSearchEnabled' type='checkbox' className='toggle toggle-primary' checked={cnSearchEnabledValue}
                 onChange={setCnSearchEnabledValue}/>
        </FormItem>
-      </Section>
+      </OptionCard>
-      <Section title={<div className='flex items-center'>
+      <OptionCard title={<div className='flex items-center'>
        提问配置
      </div>}>
        <FormItem title='启用提问' htmlFor='askEnabled' tip='是否启用字幕提问功能'>
          <input id='askEnabled' type='checkbox' className='toggle toggle-primary' checked={askEnabledValue}
                 onChange={setAskEnabledValue}/>
        </FormItem>
-      </Section>
+      </OptionCard>
-      <Section title='提示词配置'>
+      <OptionCard title='提示词配置'>
        <div className='flex justify-center'>
-          <a className='text-xs link link-primary' onClick={togglePromptsFold}>点击{promptsFold ? '展开' : '折叠'}</a>
+          <a className='text-sm link link-primary' onClick={togglePromptsFold}>点击{promptsFold ? '展开' : '折叠'}</a>
        </div>
        {!promptsFold && PROMPT_TYPES.map((item, idx) => <FormItem key={item.type} title={<div>
          <div>{item.name}</div>
-          <div className='link text-xs' onClick={() => {
+          <div className='link text-sm' onClick={() => {
            setPromptsValue({
              ...promptsValue,
              // @ts-expect-error
@@ -414,20 +419,14 @@ const OptionsPage = () => {
                      })
                    }}/>
        </FormItem>)}
-      </Section>
+      </OptionCard>
-      <div className='flex justify-center gap-5'>
+      <div className='flex flex-col justify-center items-center gap-5 mt-6'>
-        <button className='btn btn-primary btn-sm' onClick={onSave}>保存</button>
+        <button className='btn btn-primary btn-wide' onClick={onSave}>保存</button>
-        <button className='btn btn-sm' onClick={onCancel}>取消</button>
+        <button className='btn btn-wide' onClick={onCancel}>取消</button>
        {/* <button className='btn btn-sm' onClick={() => {
          dispatch(setTempData({
            reviewed: undefined,
            // reviewActions: 0
          }))
        }}>重置</button> */}
      </div>
      </div>
    </div>
  )
 }
 export default OptionsPage
--- a/src/redux/envReducer.ts
+++ b/src/redux/envReducer.ts
@@ -32,7 +32,8 @@ interface EnvState {
  segments?: Segment[]
  url?: string
  title?: string
-
+  ctime?: number | null
  author?: string
  taskIds?: string[]
  transResults: { [key: number]: TransResult }
  lastTransTime?: number
@@ -271,6 +272,12 @@ export const slice = createSlice({
    setTitle: (state, action: PayloadAction<string | undefined>) => {
      state.title = action.payload
    },
    setCtime: (state, action: PayloadAction<number | null | undefined>) => {
      state.ctime = action.payload
    },
    setAuthor: (state, action: PayloadAction<string | undefined>) => {
      state.author = action.payload
    },
    setInfos: (state, action: PayloadAction<any[]>) => {
      state.infos = action.payload
    },
@@ -342,6 +349,8 @@ export const {
  addAskInfo,
  delAskInfo,
  mergeAskInfo,
  setCtime,
  setAuthor,
 } = slice.actions
 export default slice.reducer
--- a/src/typings.d.ts
+++ b/src/typings.d.ts
@@ -151,4 +151,13 @@ interface BriefSummary extends Summary {
 }
 type SummaryStatus = 'init' | 'pending' | 'done'
-type SummaryType = 'overview' | 'keypoint' | 'brief' | 'question'
+type SummaryType = 'overview' | 'keypoint' | 'brief' | 'question' | 'debate'
 interface DebateMessage {
  side: 'pro' | 'con';
  content: string;
 }
 interface DebateProps {
  messages: DebateMessage[];
 }
--- a/src/utils/bizUtil.ts
+++ b/src/utils/bizUtil.ts
@@ -81,6 +81,9 @@ export const isSummaryEmpty = (summary: Summary) => {
  } else if (summary.type === 'question') {
    const content: any[] = summary.content??[]
    return content.length === 0
  } else if (summary.type === 'debate') {
    const content: Array<{ side: string, content: string }> = summary.content ?? []
    return content.length === 0
  }
  return true
 }
@@ -107,6 +110,11 @@ export const getSummaryStr = (summary: Summary) => {
    s += content.map(item => {
      return item.q + '\n' + item.a + '\n'
    }).join('\n')
  } else if (summary.type === 'debate') {
    const content: Array<{ side: string, content: string }> = summary.content ?? []
    s += content.map(item => {
      return (item.side === 'pro'?'正方：':'反方：') + item.content + '\n'
    }).join('\n')
  } 
  return s
 }
--- a/src/vite-env.d.ts
+++ b/src/vite-env.d.ts
@@ -1,7 +1,6 @@
 /// <reference types="vite/client" />
 interface ImportMetaEnv {
  readonly VITE_EXTENSION_ID: string
 }
 interface ImportMeta {
Author	SHA1	Message	Date
IndieKKY	0a6bda667e	chore: release 1.11.6	2024-10-10 11:21:23 +08:00
IndieKKY	5a0a123af9	优化导出	2024-10-10 09:23:42 +08:00
IndieKKY	b481b8a55a	chore: release 1.11.5	2024-10-09 20:17:33 +08:00
IndieKKY	3cede8650d	增加总结：辩论	2024-10-09 20:17:08 +08:00
IndieKKY	69e0497081	chore: release 1.11.4	2024-10-09 08:36:01 +08:00
IndieKKY	8776186486	添加官网链接	2024-10-08 19:27:24 +08:00
IndieKKY	d31c2d7b03	chore: release 1.11.3	2024-10-07 19:10:54 +08:00
IndieKKY	1c5534fc82	fix	2024-10-07 19:10:39 +08:00
IndieKKY	44895a98a6	chore: release 1.11.2	2024-10-07 18:59:16 +08:00
IndieKKY	53d3522fd6	完善	2024-10-07 18:56:39 +08:00
IndieKKY	56bb936aaa	哔哔君	2024-10-07 18:15:20 +08:00
IndieKKY	d52a4e8378	fix	2024-10-07 09:43:38 +08:00
IndieKKY	f69bc7f040	优化	2024-10-07 09:36:48 +08:00
`@@ -1,3 +1 @@`
	`VITE_ENV=web-dev`	`VITE_ENV=web-dev`

	`VITE_EXTENSION_ID=nejipfbcnfhckfpmlgibfommbnahchko`