Wrapping Elements in different modules (Msg conflicts)

[dmy]

Why start another post?

How to mix types in Elm

I’m stuck a point where I want to display a list from a submodule that produces an output of type “Element Msg” along with data from the main module that produces also “Element Msg”. The issue is that the Msg in both cases is of different types. How do I mix both types? I would really appreciate your help. Best regards

The solution is to use Element.map as said in the other post.

@tauling

However, the “solution” is quite bad, because I mix the boundaries of both modules.

What do you mean exactly? Your exposed types from the other module can be opaque if you want them to stay “private”.

Maybe your issue is with this:

@tauling

I am creating an Element (elm ui) in my Main.elm , which I would like to wrap in another Element . The wrapping is done in another module.

It does not feel right to want to use a Main element in another module. Most likely you want it the other way: wrap the other element in your Main using Element.map.

Also do you really need another element with its own msg type?

Maybe you could use the same pattern as the one for example used in Input.text that takes a String -> msg instead of requiring to use Element.map (which is an heavy solution that should be used only when really necessary, for example for full SPA “pages”).

Look for example at An Approach to Nested Reusable View Functions in Elm | by Mickey Vashchinsky | Medium for a more detailed description.