Era Material: append script by JSON - The Keyword | Google: add support module and nomodule

era-material-append-script-by-json.html

<div id="base-scripts" data-scripts='[
  {
    "url": "/static/main.mjs",
    "options": {
      "async": false,
      "defer": false,
      "type": "module"
      "nomodule": false
    }
  },
  {
    "url": "/static/main.js",
    "options": {
      "async": true,
      "defer": false,
      "type": "text/javascript",
      "nomodule": true
    }
  }
]'></div>

<div id="extra-scripts" data-scripts=''></div>

<script>
var base_scripts = document.querySelector("#base-scripts").getAttribute("data-scripts");
base_scripts = JSON.parse(base_scripts);

var extra_scripts = document.querySelector("#extra-scripts").getAttribute("data-scripts");

if (extra_scripts) {
  extra_scripts = JSON.parse(extra_scripts);
} else {
  extra_scripts = [];
}

var scripts = base_scripts.concat(extra_scripts);

scripts.forEach(function(scriptObj) {
  var s = document.createElement("script");
  s.async = scriptObj.options.async;
  s.defer = scriptObj.options.defer;
  s.type = scriptObj.options.type;
  s.noModule = scriptObj.options.nomodule;
  s.src = scriptObj.url;
  document.head.appendChild(s);
});
</script>