优化

src/hooks/message.ts

@@ -0,0 +1,3 @@
+import useMessaging from "@/messaging/layer2/useMessaging";
+
+export const useMessage = useMessaging<AllExtensionMessages, AllInjectMessages>

src/hooks/useSubtitle.ts

@@ -1,13 +1,13 @@
 import {useAppDispatch, useAppSelector} from './redux'
 import React, {useCallback} from 'react'
 import {setNeedScroll, setReviewAction, setTempData} from '../redux/envReducer'
-import useMessaging from '../messaging/layer2/useMessaging'
+import { useMessage } from './message'
 const useSubtitle = () => {
   const dispatch = useAppDispatch()
   const reviewed = useAppSelector(state => state.env.tempData.reviewed)
   const reviewAction = useAppSelector(state => state.env.reviewAction)
   const reviewActions = useAppSelector(state => state.env.tempData.reviewActions)
-  const {sendInject} = useMessaging()
+  const {sendInject} = useMessage()
   
   const move = useCallback((time: number, togglePause: boolean) => {
     sendInject('MOVE', {time, togglePause})

src/hooks/useSubtitleService.ts

@@ -20,6 +20,7 @@ import {EVENT_EXPAND, GEMINI_TOKENS, TOTAL_HEIGHT_MAX, TOTAL_HEIGHT_MIN, WORDS_M
 import {useAsyncEffect, useInterval} from 'ahooks'
 import {getModelMaxTokens, getWholeText} from '../utils/bizUtil'
 import useMessaging from '../messaging/layer2/useMessaging'
+import { useMessage } from './message'
 
 /**
  * Service是单例，类似后端的服务概念
@@ -43,7 +44,7 @@ const useSubtitleService = () => {
   const autoTranslate = useAppSelector(state => state.env.autoTranslate)
   const reviewed = useAppSelector(state => state.env.tempData.reviewed)
   const reviewActions = useAppSelector(state => state.env.tempData.reviewActions)
-  const {sendInject} = useMessaging()
+  const {sendInject} = useMessage()
 
   //如果reviewActions达到15次，则设置reviewed为false
   useEffect(() => {

src/hooks/useTranslate.ts

@@ -30,6 +30,7 @@ import {useMemoizedFn} from 'ahooks/es'
 import {extractJsonArray, extractJsonObject, getModel} from '../utils/bizUtil'
 import {formatTime} from '../utils/util'
 import useMessaging from '@/messaging/layer2/useMessaging'
+import { useMessage } from './message'
 const useTranslate = () => {
   const dispatch = useAppDispatch()
   const data = useAppSelector(state => state.env.data)
@@ -43,7 +44,7 @@ const useTranslate = () => {
   const reviewed = useAppSelector(state => state.env.tempData.reviewed)
   const reviewAction = useAppSelector(state => state.env.reviewAction)
   const reviewActions = useAppSelector(state => state.env.tempData.reviewActions)
-  const {sendExtension} = useMessaging()
+  const {sendExtension} = useMessage()
   /**
    * 获取下一个需要翻译的行
    * 会检测冷却