Include Node type as a data attribute in the node's div declaration so that it can be selected and styled in CSS

[canxerian]

It would be very useful to include the node type as defined in the config as a data attribute to the node's HTML representation, as demonstrated:

Example config:

config.addNodeType({
    type: "HomePageContent",
    label: "Home Page",
    description: "Content for the home page",
    initialWidth: 260,
    inputs: ports => [
        // input ports
    ],
    outputs: ports => [
        // output ports
    ]
})

Current Flume generated HTML:

<div 
    class="Node_wrapper__3SmT7" 
    data-node-id="x0a5MUHqGM"
    data-flume-component="node">

Desired HTML:

<div 
    class="Node_wrapper__3SmT7"       
    data-node-type="HomePageContent"  <!-- Add "data-node-type" attribute -->
    data-node-id="x0a5MUHqGM"
    data-flume-component="node">

[chrisjpatty]

Nice, yeah that's a good idea should be easy to add. As soon as I get the typescript rewrite stable I'll add that.

[canxerian]

Thanks for your reply @chrisjpatty!

It's looks like a task I can do - is there a guide on how to contribute to this repo? I checked out the source code but couldn't figure out how to build.

[canxerian]

Figured it out in the end and was able to test my change locally (using yarn install && yarn build && npm pack). PR submitted