trame iframe connection

[Alicia-Sun]

Hi, I'm trying to create a project where I run a trame app which is basically just a full screen of lidar points which works on its own. Then, I have a separate react app that embeds the trame app as an iframe. This also so far works in combination.
However, I'm trying to get the react app to communicate with the trame app so it can alter some of the views. for instance, when I click a button, the lidar points become pink. I cannot establish any connection between them. I've read through the trame iframe widget docs as well as the js-lib.

Currently in my react app (running on localhost:3000) I do this:
the iframe is embedded like this: <iframe id="trame_app" title="Main Iframe" className="main-iframe" src="http://localhost:8080/index.html" frameBorder="0" ></iframe>
const iframe = document.getElementById("trame_app");
const communicator = new ClientCommunicator(iframe, "http://localhost:8080");
setTrame(communicator);

and then I call some api endpoint via communicator.trigger("get_user_data");

On my trame python app (running on localhost:8080):
i've imported the widget
from trame.widgets import iframe

I've added the communicator
with DivLayout(server) as layout:
layout.toolbar = None
layout.icon = None
layout.title = None
layout.footer = None
comm = iframe.Communicator(target_origin="http://localhost:3000", enable_rpc=True)
paraview.VtkRemoteLocalView(....

and I've also exposed the trame api endpoints
state, ctrl = server.state, server.controller
@ctrl.trigger("get_user_data")
def send_user_data():
print("blah blah blah.")

Sorry if I am going about this wrong, perhaps I misunderstood something in the docs I was reading (https://github.com/Kitware/trame-iframe/tree/master/js-lib). I'd appreciate any feedback, thanks!

[Alicia-Sun]

Never mind, I didn't realize there was a trame-react library. Fixed