module Importmap::ImportmapTagsHelper # Setup all script tags needed to use an importmap-powered entrypoint (which defaults to application.js) def javascript_importmap_tags(entry_point = "application", shim: true) safe_join [ javascript_inline_importmap_tag, javascript_importmap_module_preload_tags, (javascript_importmap_shim_nonce_configuration_tag if shim), (javascript_importmap_shim_tag if shim), javascript_import_module_tag(entry_point) ].compact, "\n" end # Generate an inline importmap tag using the passed `importmap_json` JSON string. # By default, `Rails.application.importmap.to_json(resolver: self)` is used. def javascript_inline_importmap_tag(importmap_json = Rails.application.importmap.to_json(resolver: self)) tag.script importmap_json.html_safe, type: "importmap", "data-turbo-track": "reload", nonce: content_security_policy_nonce end # Configure es-modules-shim with nonce support if the application is using a content security policy. def javascript_importmap_shim_nonce_configuration_tag if content_security_policy? tag.script({ nonce: content_security_policy_nonce }.to_json.html_safe, type: "esms-options", nonce: content_security_policy_nonce) end end # Include the es-modules-shim needed to make importmaps work in browsers without native support (like Firefox + Safari). def javascript_importmap_shim_tag(minimized: true) javascript_include_tag minimized ? "es-module-shims.min.js" : "es-module-shims.js", async: true, "data-turbo-track": "reload", nonce: content_security_policy_nonce end # Import a named JavaScript module(s) using a script-module tag. def javascript_import_module_tag(*module_names) imports = Array(module_names).collect { |m| %(import "#{m}") }.join("\n") tag.script imports.html_safe, type: "module", nonce: content_security_policy_nonce end # Link tags for preloading all modules marked as preload: true in the `importmap` # (defaults to Rails.application.importmap), such that they'll be fetched # in advance by browsers supporting this link type (https://caniuse.com/?search=modulepreload). def javascript_importmap_module_preload_tags(importmap = Rails.application.importmap) javascript_module_preload_tag(*importmap.preloaded_module_paths(resolver: self)) end # Link tag(s) for preloading the JavaScript module residing in `*paths`. Will return one link tag per path element. def javascript_module_preload_tag(*paths) safe_join(Array(paths).collect { |path| tag.link rel: "modulepreload", href: path, nonce: content_security_policy_nonce }, "\n") end end