Pure Javascript ES6 SVG two panel editor (part)

Pure Javascript ES6 SVG two panel editor (part) I need a developer to develop a pure javascript component to be run on the user browser. The component is a kind of SVG editor with two panels. ENVIRONMENT AND TOOLS: Development should be done in pure javascript (ES6) in a very similar way to the one explained here [login to view URL] Wa already have some code partly working which you can see and test. Attached you will find a screenshot of the currently very immature final result. We also have a video of a similar legacy old application which shows what we really need. I will send the video if you are interested. No other javascript frameworks are allowed. Every other dependency on other library or thirdy part object should be discussed in advance. The project is also using [login to view URL] as CSS. DESCRIPTION: The component (see attached PNG image as demo) is a two-panel graphic editor: on the left panel we have a pure text file (UTF-8 format), displayed with a fixed width font. This left panel we call it the "input panel". On the right there is the second panel, the "composed output" panel. On the right panel I need a full SVG editor which allows the user to draw SVG objects (lines, circles, text with different fonts, boxes). The user should be able to select a rectangular area from the left panel and drag&drop on the right panel to compose the final output. The editor should support also zooming and moving pages up and down in the left input text file. But the composed output (right) panel, will support only zooming and not paging. The right panel represent a printable page, so there should be a way to choose paper format (A4, A3...), and orientation (landscape, portrait). Orientation will also reflect on the right panel. MILESTONE (and full project) I will open a 1st milestone to check if we can work together. The 1st milestone will be of €140 and results will be evaluated according the total o partial fullfilling of following goals: - Make the text selection tool work as expected: currently user is already able to select text on the left panel and drag&drop on the right panel. But text is not shown under firefox, resizing te box does not work. It's totally user-unfriendly. Make it work in the most useable way. - Improve the text drawing tool to make it more user friendly, and add font selection using a font list provided by a webapi you can call via fetch().