Widget.Media.JS ESM support

[James Pic]

Currently, Django only renders widget JS media as scripts:

​https://github.com/django/django/blob/main/django/forms/widgets.py#L82

It would be great to support type=module right there.

​https://developer.mozilla.org/fr/docs/Web/JavaScript/Guide/Modules#charger_le_module_via_le_document_html

[Mariusz Felisiak]

As far as I'm aware we can close is as a duplicate of more general ticket #9357.

[James Pic]

And that's how the decision has been made to not support ESM in Django. There goes a very convenient feature for modern web development!

[Mariusz Felisiak]

Replying to James Pic:

And that's how the decision has been made to not support ESM in Django. There goes a very convenient feature for modern web development!

I wouldn't say that. There are other media types that we could support but the first step to opening this door is to handle Media subclasses in Django. It would be straightforward to support JavaScript modules (or others) with #9357, e.g.:

class MyMedia(Media):
    def __init__(self, media=None, css=None, js=None, js_modules=None):
        self.js_modules = js_modules
        super().__init__(media, css, js)

    def render_js_modules(self):
        return format_html(...)

You can start a discussion on the DevelopersMailingList, where you'll reach a wider audience and see what other think. We can always reopen this ticket after reaching a consensus that JavaScript modules should be treated and handled separately.

[James Pic]

Thank you Mariusz! I'm not on the mailing list but if anyone's looking for an example they can use there's one here I just made up: ​https://yourlabs.io/oss/djhacker/-/commit/0861a15f9d4a57f9841a3e07688e0832fde8d9fc

It also allows for async, defer, etc all script attributes: ​https://developer.mozilla.org/fr/docs/Web/HTML/Element/script