Created a TypeScript wrapper library for the JUCE WebView integration

Useful Tools and Components
1

I recently decided to tackle integrating a WebView UI with JUCE and made some improvements to way this integration is done on the frontend side. There are a two main points that led me to do this:

  • There is only JavaScript support and I use TypeScript 99% of the time for any web project.
  • The original JUCE code exposes a nice way to listen to changes from the backend, but this object only listens to changes from the backend instead of from both sides.

So the library is called nectar and is open-source. Feel free to check it out and use it in your own projects if it helps make the JUCE and WebView integration a little easier for you :slight_smile:

This is NOT a component library, but rather the building blocks you would need for a component that is tied to a JUCE parameter. There’s also a cool GlobalEventManager that currently supports subscribing to mouse click and key down / up events (this is way better for performance than individually registering event handlers in each individual component).

4 Likes