[Question] How to refer to assets from an UX Controller

[Spomky]

[Question] How to refer to assets from an UX Controller

[weaverryan]

That’s a great question. Importing image files doesn’t work with native JavaScript/importmaps/AssetMapper. It’s kind of a thing webpack invented, but I totally understand that we got used to the convenience.

Anyway, the answer is to pass the images as values to the stimulus controller. Is that simple - though I realize if you are rendering this controller frequently, that could be annoying.

i don’t know if it’s worth it, but we could create a system to help with this. The only thing you’re missing if you do the iconUrl: ../… solution is the version hash. AssetMapper dumps a manifest.json file with a map to the versioned filenames (though maybe not in dev), which could be used in JavaScript to find the final name.

Or… we could add something to AssetMapper to actually support importing images… in a similar way to the upcoming CSS support in 6.4. Hmm…

[Spomky]

Many thanks for your anwser.
I now pass the assets as values, but it becomes less readable. I do not call it many times, so still accepable.

Or… we could add something to AssetMapper to actually support importing images… in a similar way to the upcoming CSS support in 6.4. Hmm…

By "Hmm...", do you mean you have something in mind? Let me know if I can help finding a more elegant solution than using values.

[weaverryan]

Yea, I have something in mind, I just don’t know if it’s a good idea or not :). So for now, let’s stick with values as, like you mentioned, it’s fairly rare.

[Spomky]

👍
Thanks. I close this for now.