Plain Javascript Listen

[DustyArmstrong]

Hi there,

I am using plain JS for my frontend, with the majority of work in Rust (just using JS minimally to do the frontend basics) as I want to improve my Rust skills first and foremost.

I am unsure how to get the listen working though. I am using "withGlobalTauri": True, and my import in main.js looks like this:

const { invoke } = window.__TAURI__.core

In Rust, I am using:

app.emit("frontend-call", Payload { message: "Message from Tauri".into() }).unwrap();.

I have a struct for the payload (message: String).

My JS frontend can invoke Rust just fine but I can't get it to listen to the app.emit or log anything to the console - is this the right emit method from Rust? I'm sure I'm doing something wrong but I think the docs assume I'm using npm so I can't really work out how it applies to vanilla JS, I've tried various configurations and ways of doing this with no luck.

My other project I can invoke and .then ((response)... but I just want to listen. My other Tauri project uses const invoke = window.__TAURI__.core.invoke, which also seems to work here, do I add and then change invoke for listen? Any help is appreciated, just not sure what the correct way to go about this is.

[FabianLars]

is this the right emit method from Rust?

yes though it depends a bit on your listen call which you're not showing here.

generally speaking the window.__TAURI__ api is supported the same as npm. If you see docs only showing imports you can always convert them, for example:

import { someFunction } from "@tauri-apps/api/someModule"; // somePlugin is `api` for 
import { somePluginFunction } from "@tauri-apps/plugin-somePlugin/someModule";
// ^ equal to:
const { someFunction } = window.__TAURI__.someModule;
const { somePluginFunction } = window.__TAURI__.somePlugin.someModule;

My other project I can invoke and .then ((response)... but I just want to listen. My other Tauri project uses const invoke = window.__TAURI__.core.invoke, which also seems to work here, do I add and then change invoke for listen? Any help is appreciated, just not sure what the correct way to go about this is.

Either window.__TAURI__.event.listen or the listen method on WebviewWindow.

[DustyArmstrong]

I got it working I think!

I used:

const { listen } = window.__TAURI__.event

listen('my_event', (event) => {
     console.log("Run");
})

@FabianLars thank you for the reply, I arrived at it as you messaged and I'm happy to see it confirmed.