Communicate between JSX and JS

Hello

I am trying to send some kind of event from my Photoshop JSX to JS.

Documentation is pretty vague on the matter

CEP-Resources/CEP 8.0 HTML Extension Cookbook.md at master · Adobe-CEP/CEP-Resources · GitHub

It says basically that you need to do the following:

```

function sendEvent(event) {

    var externalObjectName = "PlugPlugExternalObject";

    var myLib = new ExternalObject("lib:" + externalObjectName);

    var event = new CSXSEvent();

    event.type = event;

    event.dispatch();

}

```

1. create ExternalObject – why is this needed? this object is not used afterwards? What is the `externalObjectName`, does it has to match my extension somehow, or it's a constant?

2. Create CSXSEvent, set type and dispatch it. This actually makes sense

The only problem I have so far is that my event isn't called back in my JS.

```

in JS:

csInterface.addEventListener("myClearEvent", clearCallback);

function clearCallback() {

     alert('clearCallback()');

}

in JSX:

function sendEvent(event) {

    var externalObjectName = "PlugPlugExternalObject";

    var myLib = new ExternalObject("lib:" + externalObjectName);

    var event = new CSXSEvent();

    event.type = event;

    event.dispatch();

}

...

sendEvent("myClearEvent");

```

Nothing happens, I get no alert showing up