Browser Save Page As doesn't export importmap js

[sbounmy]

Hey there, I've been stuck with these for weeks.

I have an app that user should be able to "Save Page As" for offline mode.

However when I export, the assets defined in importmap.rb are not exported (tried on Safari and Chrome) so my page is broken.

I think browser need to have a javascript_include_tag to be able to export.

What would be the best approach to solve this ? Knowing that I would like to keep importmap working for online mode.
I tried to :

• tweak eshim but didnt work
• use jsbundling to compile the js files but didnt work well with existing importmap
• having a custom javascript_importmap_tags that would loop through Rails.application.importmap but import statement didnt work

[faqndo97]

@sbounmy What's the exact error? Can you provide how your importmap looks like and what's happening on your network tab when accessing form the downloaded page?

[dhh]

Closed for lack of response.

[sbounmy]

@faqndo97 sorry for the delay (missed the notif)

Failed to load resource: net::ERR_FAILED

mostly because when Save Page As the assets'url are not changing.

# Current
<link rel="modulepreload" href="https://hongbaob.tc/assets/services/bitcoin/transaction-4e5e1668.js">

# Should be
<link rel="modulepreload" href="file://**transaction.js">

I can see that saved files doesnt include dependencies defined in importmap.rb

[sbounmy]

I end up ditching importmap-rails for jsbundling-rails+ esbuild
Now Save Page As work properly with all assets downloaded for offline mode.

For those interested :

// package.json 
// iife format is important for js to bypass esm cross origin error
  "scripts": {
    "build": "esbuild app/javascript/*.* --bundle --sourcemap --minify --format=iife --outdir=app/assets/builds --public-path=/assets **--inject:./app/javascript/esbuild-shims.js"**
  }

// application.html.erb
// no type module with iife
<%= javascript_include_tag "application", "data-turbo-track": "reload" %>