How to wait/check for Background Worker initialization?

[dangnhdev]

Hi everyone,

I’m currently working on a Chrome extension using the Plasmo framework, and I’ve encountered an issue with waiting for the background worker to initialize before my script starts. My code, which is built with Alpine.js, calls the background worker via relay as soon as the script starts. However, it seems like the background worker hasn’t initialized yet, causing my code to wait indefinitely.
Example code:

import {sendToBackgroundViaRelay} from "@plasmohq/messaging";
export default () => ({
    version: null,
    async init() {
        console.log('alpine component init')
        let result = await sendToBackgroundViaRelay({
            name: "version"
        })
        //this will never be called, it just hang there
        console.log('get version completed')
    }
})

console output

🔵 INFO   | [plasmo/parcel-runtime]: Connected to HMR server for [redacted]/main-world.ts
ext-alert.js:7 alpine component init
admin.71825fa5.js:151 🔵 INFO   | [plasmo/parcel-runtime]: Connected to HMR server for [redacted]/background.ts

If I use setTimeout to delay the call by a few seconds, the code works normally. However, this isn’t a reliable solution as the initialization time can vary.
How can I properly check if the background worker has been initialized before making the call?
Any help or suggestions would be greatly appreciated!