Added support for using .mjs files in extra_javascript

squidfunk · May 30, 2023 · 530f844 · 530f844
1 parent e8c4528
commit 530f844
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 3 deletions.
diff --git a/docs/schema.json b/docs/schema.json
@@ -98,7 +98,7 @@
       "items": {
         "title": "Path to JavaScript file",
         "markdownDescription": "https://squidfunk.github.io/mkdocs-material/customization/#additional-javascript",
-        "pattern": "\\.js($|\\?)"
+        "pattern": "\\.m?js($|\\?)"
       },
       "uniqueItems": true,
       "minItems": 1

diff --git a/material/base.html b/material/base.html
@@ -242,7 +242,11 @@
     {% block scripts %}
       <script src="{{ 'assets/javascripts/bundle.b4d07000.min.js' | url }}"></script>
       {% for path in config.extra_javascript %}
-        <script src="{{ path | url }}"></script>
+        {% if path.endswith(".mjs") %}
+          <script type="module" src="{{ path | url }}"></script>
+        {% else %}
+          <script src="{{ path | url }}"></script>
+        {% endif %}
       {% endfor %}
     {% endblock %}
   </body>

diff --git a/src/base.html b/src/base.html
@@ -420,7 +420,11 @@
 
       <!-- Custom JavaScript -->
       {% for path in config.extra_javascript %}
-        <script src="{{ path | url }}"></script>
+        {% if path.endswith(".mjs") %}
+          <script type="module" src="{{ path | url }}"></script>
+        {% else %}
+          <script src="{{ path | url }}"></script>
+        {% endif %}
       {% endfor %}
     {% endblock %}
   </body>