Chrome Extension - Site Page Review - Message Handler. The goal of this function is to orchestrate the messages received by the content scripts and proxy them to the right handler.

eventHandler.ts

import { MessageRate } from "../../types/message.types"
import { ratingMessageHandler } from "./onMessageHandlers/ratingMessageHandler"

export function messageHandler(
    message: Message,
    sender: chrome.runtime.MessageSender,
    sendResponse: SendResponseCallback,
) {
    if (sender.tab && message.type) {
        switch (message.type) {
            case "rating":
                ratingMessageHandler(
                    // eslint-disable-next-line @typescript-eslint/no-explicit-any
                    message as any as Message<MessageRate>,
                    sendResponse,
                )
                break
            default:
                return false
        }
        return true // We will process the messages asynchronously
    }
    return false
}

The project example of a site page review can be found at https://github.com/EduardoAC/site-review-extension.

Also, the code for the message sender can be found at https://gist.github.com/EduardoAC/000b1e39a6ec10a892e7c6cd93730a53.