Description

On a related note, sometimes I want to share an example with a library developer, and would like the importmap to use the actual esm links to jsdelivr instead of the downloaded files.

Here I was trying to explain to a library developer an issue: https://datatables.net/forums/discussion/77434/typeerror-t-is-not-a-function#latest

Obviously, providing the importmap wasn't useful, as it was a bunch of hashed, downloaded files. I needed to create a jsfiddle that showed the problem, but it was tedious to look up each library.

Example

importmap('app', remote=true) generate something like this:

<script type="importmap">
 "imports": {
   "bootstrap": "https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/+esm",
   "jquery": "https://cdn.jsdelivr.net/npm/jquery@3.7.1/+esm"
}
</script>

So that I could use

<script type="module">
        import bootstrap from "bootstrap"
        import jQuery from "jquery"
</script>

And have the link tags do the same thing. That way, the web page that's created becomes portable.

I would also use this feature to give an HTML page to a web designer, so they could focus on the CSS and HTML without the burden of installing the entire platform. Indeed, I've found it very difficult to find web designers who can install php, node, yarn and the symfony CLI in order to fix some CSS. Thus I love AssetMapper, and this feature would make for really portable pages.