How to get the metadata defined in the component from a node?

[Traveller23]

For example, I wrote propCfg in the Text component, which defines the properties that will be displayed in the settings panel:

Text.craft = {
    propCfg: [
        {name: 'prop1', type: 'number'},
        {name: 'prop2', type: 'number'},
    ],
};

Then, in the settings panel, I get the currently selected component and get its propCfg from its node object, then let the settings panel render the UI based on this propCfg.

    const {actions, enabled, selectedNode} = useEditor((state, query) => {
        const currentNodeId = query.getEvent('selected').last();
        let selectedNode;

        if (currentNodeId) {
            selectedNode = {
                id: currentNodeId,
                name: state.nodes[currentNodeId].data.name,
                propCfg: state.nodes[currentNodeId].propCfg,
                isDeletable: query.node(currentNodeId).isDeletable(),
            };
        }

        return {
            enabled: state.options.enabled,
            selectedNode,
        };
    });

But that's just the result I want, using state.nodes[currentNodeId].propCfg doesn't get the propCfg I wrote earlier.

So, within the settings panel, how do I get my previously defined propCfg?

[Traveller23]

I've submitted a pull request to accomplish this: #578

After adding this feature, whenever we get the Node, we will also get the custom metadata of the user component. So we were able to automate some of the actions that we previously had to perform manually.
This can bring more configurability to the whole framework.