fix

src/hooks/useMessagingService.ts

@@ -8,15 +8,17 @@ const useMessagingService = () => {
   const dispatch = useAppDispatch()
   
   //methods
-  const methods = useMemo(() => ({
+  const methods: {
-    [MESSAGE_TO_APP_SET_INFOS]: (params: any, from: string, context: MethodContext) => {
+    [key: string]: (params: any, context: MethodContext) => boolean
+  } = useMemo(() => ({
+    [MESSAGE_TO_APP_SET_INFOS]: (params: any, context: MethodContext) => {
       dispatch(setInfos(params.infos))
       dispatch(setCurInfo(undefined))
       dispatch(setCurFetched(false))
       dispatch(setData(undefined))
       return true
     },
-    [MESSAGE_TO_APP_SET_VIDEO_INFO]: (params: any, from: string, context: MethodContext) => {
+    [MESSAGE_TO_APP_SET_VIDEO_INFO]: (params: any, context: MethodContext) => {
       dispatch(setInfos(params.infos))
       dispatch(setUrl(params.url))
       dispatch(setTitle(params.title))

src/messaging/ExtensionMessage.ts

@@ -26,6 +26,7 @@ class ExtensionMessage {
       const method = this.methods?.[event.method]
       if (method != null) {
         method(event.params, {
+          from: event.from,
           event,
           sender,
         }).then(data => sendResponse({

src/messaging/InjectMessage.ts

@@ -25,6 +25,7 @@ class InjectMessage {
         const method = this.methods?.[event.method]
         if (method != null) {
             method(event.params, {
+                from: event.from,
                 event,
                 sender,
             }).then(data => {
@@ -71,6 +72,7 @@ class InjectMessage {
             this.postMessageToApp = postMessage
             listenMessage((method, params, sendResponse) => {
                 this.messageHandler({
+                    from: 'app',
                     target: MESSAGE_TARGET_INJECT,
                     method,
                     params,
@@ -87,6 +89,7 @@ class InjectMessage {
 
     sendExtension = async <T = any>(method: string, params?: any): Promise<T> => {
         return await chrome.runtime.sendMessage<MessageData, MessageResult>({
+            from: 'inject',
             target: MESSAGE_TARGET_EXTENSION,
             method,
             params: params ?? {},

src/messaging/useMessage.ts

@@ -5,6 +5,7 @@ import { useCallback } from 'react'
 const useMessage = () => {
     const sendExtension = useCallback(async <T = any>(method: string, params?: any) => {
         return await chrome.runtime.sendMessage<MessageData, MessageResult>({
+            from: 'app',
             target: MESSAGE_TARGET_EXTENSION,
             method,
             params: params ?? {},

src/messaging/useMessageService.ts

@@ -19,12 +19,12 @@ export const injectWaiter = new Waiter<typeof postInjectMessage>(() => ({
 }), 100, 15000)
 
 const useMessageService = (methods?: {
-  [key: string]: (params: any, from: string, context: MethodContext) => boolean
+  [key: string]: (params: any, context: MethodContext) => boolean
 }) => {
-  const messageHandler = useCallback((method: string, params: any, from: string, context: any): boolean => {
+  const messageHandler = useCallback((method: string, params: any, context: MethodContext): boolean => {
     const handler = methods?.[method]
     if (handler != null) {
-      return handler(params, from, context)
+      return handler(params, context)
     }else {
       debug('unknown message method: ', method)
       return false
@@ -48,7 +48,13 @@ const useMessageService = (methods?: {
       listenMessage((method, params, sendResponse) => {
         debug('inject => ', method, params)
 
-        const success = messageHandler(method, params, MESSAGE_TARGET_INJECT, {})
+        const success = messageHandler(method, params, {
+          from: 'inject',
+          event: {
+            method,
+            params,
+          },
+        })
         sendResponse({
           success,
           code: success ? 200 : 500
@@ -69,8 +75,10 @@ const useMessageService = (methods?: {
     // check event target
     if (!event || event.target !== MESSAGE_TARGET_APP) return
 
-    messageHandler(event.method, event.params, MESSAGE_TARGET_EXTENSION, {
+    messageHandler(event.method, event.params, {
-      sender
+      from: 'extension',
+      event,
+      sender,
     })
   }, [messageHandler])
 

src/typings.d.ts

@@ -1,5 +1,7 @@
+type MessageFrom = 'extension' | 'inject' | 'app'
 
 interface MessageData {
+  from: MessageFrom
   target: string
   method: string
   params?: any
@@ -14,6 +16,7 @@ interface MessageResult {
 }
 
 interface MethodContext {
+  from: MessageFrom
   event: any
   sender?: chrome.runtime.MessageSender | null
 }