Remove defer from script where type=module is used

core/templates/core/500.jinja

@@ -1,7 +1,7 @@
 {% extends "core/base.jinja" %}
 {% block additional_js %}
   {% if settings.SENTRY_DSN %}
-    <script src="{{ static('bundled/sentry-popup-index.ts') }}" defer ></script>
+    <script type="module" src="{{ static('bundled/sentry-popup-index.ts') }}"></script>
   {% endif %}
 {% endblock additional_js %}
 

core/templates/core/user_godfathers_tree.jinja

@@ -7,7 +7,7 @@
 {%- endblock -%}
 
 {% block additional_js %}
-  <script type="module" src="{{ static("bundled/user/family-graph-index.js") }}" defer></script>
+  <script type="module" src="{{ static("bundled/user/family-graph-index.js") }}"></script>
 {% endblock %}
 
 {% block title %}

core/templates/core/user_pictures.jinja

@@ -5,7 +5,7 @@
 {%- endblock -%}
 
 {% block additional_js %}
-  <script type="module" src="{{ static('bundled/user/pictures-index.js') }}" defer></script>
+  <script type="module" src="{{ static('bundled/user/pictures-index.js') }}"></script>
 {% endblock %}
 
 {% block title %}

core/templates/core/widgets/autocomplete_select.jinja

@@ -1,5 +1,5 @@
 {% for js in statics.js %}
-  <script-once type="module" src="{{ js }}" defer></script-once>
+  <script-once type="module" src="{{ js }}"></script-once>
 {% endfor %}
 {% for css in statics.css %}
   <link-once rel="stylesheet" type="text/css" href="{{ css }}" defer></link-once>

core/templates/core/widgets/markdown_textarea.jinja

@@ -1,5 +1,5 @@
 <div>
-  <script-once type="module" src="{{ statics.js }}" defer></script-once>
+  <script-once type="module" src="{{ statics.js }}"></script-once>
   <link-once rel="stylesheet" type="text/css" href="{{ statics.css }}" defer></link-once>
 
     <markdown-input name="{{ widget.name }}"{% include "django/forms/widgets/attrs.html" %}>{% if widget.value %}{{ widget.value }}{% endif %}</markdown-input>

core/templates/core/widgets/nfc.jinja

@@ -1,4 +1,4 @@
-<script-once type="module" src="{{ statics.js }}" defer></script-once>
+<script-once type="module" src="{{ statics.js }}"></script-once>
 <link-once rel="stylesheet" type="text/css" href="{{ statics.css }}" defer></link-once>
 
   <span>

docs/howto/statics.md

@@ -36,8 +36,8 @@ Pour accéder au fichier, il faut utiliser `static` comme pour le reste mais en
 
 ```jinja
 	{# Example pour ajouter sith/core/bundled/alpine-index.js #}
-	<script src="{{ static('bundled/alpine-index.js') }}" defer></script>
+	<script type="module" src="{{ static('bundled/alpine-index.js') }}"></script>
-	<script src="{{ static('bundled/other-index.ts') }}" defer></script>
+	<script type="module" src="{{ static('bundled/other-index.ts') }}"></script>
 ```
 
 !!!note
@@ -46,6 +46,11 @@ Pour accéder au fichier, il faut utiliser `static` comme pour le reste mais en
 	Les autres fichiers sont disponibles à l'import dans le JavaScript comme
 	si ils étaient tous au même niveau.
 
+!!!warning
+
+	Le bundler ne génère que des modules javascript.
+	Ajouter `type="module"` n'est pas optionnel !
+
 ### Les imports au sein des fichiers des fichiers javascript bundlés
 
 Pour importer au sein d'un fichier js bundlé, il faut préfixer ses imports de `#app:`.

galaxy/templates/galaxy/user.jinja

@@ -5,7 +5,7 @@
 {% endblock %}
 
 {% block additional_js %}
-  <script type="module" src="{{ static('bundled/galaxy/galaxy-index.js') }}" defer></script>
+  <script type="module" src="{{ static('bundled/galaxy/galaxy-index.js') }}"></script>
 {% endblock %}
 
 

pedagogy/templates/pedagogy/guide.jinja

@@ -10,7 +10,7 @@
 {% endblock %}
 
 {% block additional_js %}
-  <script type="module" src="{{ static('bundled/pedagogy/guide-index.js') }}" defer></script>
+  <script type="module" src="{{ static('bundled/pedagogy/guide-index.js') }}"></script>
 {% endblock %}
 
 {% block head %}

sas/templates/sas/album.jinja

@@ -6,7 +6,7 @@
 {%- endblock -%}
 
 {%- block additional_js -%}
-  <script type="module" src="{{ static('bundled/sas/album-index.js') }}" defer></script>
+  <script type="module" src="{{ static('bundled/sas/album-index.js') }}"></script>
 {%- endblock -%}
 
 {% block title %}

sas/templates/sas/picture.jinja

@@ -7,8 +7,8 @@
 {%- endblock -%}
 
 {%- block additional_js -%}
-  <script type="module" defer src="{{ static('bundled/core/components/ajax-select-index.ts') }}"></script>
+  <script type="module" src="{{ static('bundled/core/components/ajax-select-index.ts') }}"></script>
-  <script type="module" defer src="{{ static("bundled/sas/viewer-index.ts") }}"></script>
+  <script type="module" src="{{ static("bundled/sas/viewer-index.ts") }}"></script>
 {%- endblock -%}
 
 {% block title %}

subscription/templates/subscription/stats.jinja

@@ -6,7 +6,7 @@
 
 {% block head %}
   {{ super() }}
-  <script type="module" src="{{ static('bundled/subscription/stats-index.ts') }}" defer></script>
+  <script type="module" src="{{ static('bundled/subscription/stats-index.ts') }}"></script>
 {% endblock %}
 
 {% block content %}