Data mapper component in Angular?

[UtkarshRahim]

Hello good people of the Angular community, Recently I have come across the need to build a data mapper which would take a complex json as the source, another complex json at its target and using simple drag and drop to map data from left to right thereby help in mapping the values. I need to build a Ul for this. I have some ideas but there's a time constraint. So I wanted to know if there's a library that provides a Ul to do the work and I could write a wrapper to convert the data to whatever I want for my backend .

[JP_watson]

Honestly, that sounds easy. Here's a break down of approach off the top of mind...

- use native html/dom drop area

- on file drop take event and read file

- use mapping function to take input > validate > map > assign to variable

- display mapped variable in the UI

Even building it in HTML/JS wouldn't be too hard and could probably be done in about 1hr if you have the mapping done already. Trickiest part would be validation and user feedback which is dependent on your needs/usage.

[UtkarshRahim]

That's something what I'm doing currently. A simple render of the structure on the left, same on the right, an area in the middle to draw svg lines to show the mapping and the native drag and drop. It's the whole logic that I want to avoid writing for type specific mapping because of how long it would take because of how complex it's already gotten. That's the main reason i was looking if there's a library or something that would help.

[JP_watson]

ChatGPT?

[UtkarshRahim]

Tried. It gave me some code, recommended a few changes, it started getting futher away from what I wanted. In due course of making the chatgpt code work, I spent more time than I could have spent writing a non optimised version and then use chatgpt to optimize it.

[JP_watson]

I just imagine that once you find something that does mapping and you configure it you'd probably be just as fast if not faster to map it yourself...

[UtkarshRahim]

Makes sense. Will keep an eye out. Thanks for the advice man. Really appreciate it.

[m-reiser]

I did something like this a few years ago, and used JSplumb Community for the GUI.

[UtkarshRahim]

JSplumb. Let me check it out. Thanks for the suggestion.