Embed Javascript funtionality into Vaadin 14 project

Hi! I'm looking for someone to help embed some Javascript functionality to my Vaadin 14 / Flow app. This needs some Vaadin 14 Flow skills and some Javascript skills. No need to be an expert - General skills are OK. The project is to take SOME of the code from the ToastUi image editing javascript project on GitHub and create it as a Vaadin 14 Flow component that I can use as a Java component. My Vaadin app is a port from a (big!) Java Swing app. Java is my main skill, not Javascript. I need VERY BASIC image editing. I need less than 1% of Photoshop features. I need less than 5% of ToastUI features. Even the simple ToastUi product has too many features for my end users. I ONLY need freeform markup (draw a simple line on top of image), and MAYBE some straight lines / circles, and text. I strongly prefer to just use raw embedded JavaScript and NOT import additional libraries or add-ons to do this (I've had BIG problems doing this :-). Where to start? The ToastUI javascript image editing library is fantastic and MIT license. I suggest reusing a tiny fraction of that code. In the end I want it as a Flow Component with a super simple interface. Notes ... - the images are ALWAYS small jpegs, and typically 50kb - 150kb - I hand over (1) an image maybe as Base64 String? (2) line color (3) line thickness (4) markup option eg MAYBE: straight line, circle, text - Undo (basic) - Finish (hand back the updated Base64 String) Process ... simpler to work on a shared Vaadin 14 starter project that we both have access to. - GitHub - IntelliJ - Vaadin 14 starter project with a "hello world" screen Once complete I will copy this to my internal project. Milestones might be like … 1. Setup share dev environment - IntelliJ / Maven project - GitHub - Vaadin 14 (or earlier) project 2. Setup basic Hello World project - launch "Hello World" to browser (eg localhost:9876) - I can setup my ImgMkup class that will be my interface 3. Initial implementations - you take the base64 and cfg and the javascript to make it work. 3.1 Freeform mark up using mouse 3.2 Straight line 3.3 Circle/Oval 3.4 Text IP is either mine or maybe public as MIT license. <sample-interface-pseudo-code> public class MyImgMkup { private String base64JpgAsStr = null; public enum Editor {FREEFORM, CIRCLE, LINE, TEXT} public class EditCfg { public String color = "red"; public int thicknessPx = 4; // px public Editor editor = [login to view URL]; // FREEFORM = default editor // If (add text enabled): String font, int fontSize, String txt } public MyImgMkup(String base64JpgAsStr) { this.base64JpgAsStr=base64JpgAsStr; } public String getEditedJpg() { // get updated image from the script return "Some-Updated-Base64-Jpg-String"; } /** User clicked a button to choose an editor or line color/size. */ public void setEditCfg(EditCfg cfg) {} /** User clicked UNDO button once. */ public void undo() {} public Component getImgMkupEditor() { /** * "Magic" in here to get / launch / use JS libraries and place them into a * Component that can be used in Vaadin. * */ return (a Vaadin Component); } } </sample-interface-pseudo-code>