feat: Add constants referencing base JS and CSS asset to allow import in client code

Author: christophehenry

dsfr/constants.py

@@ -101,3 +101,11 @@
     ("fr-ratio-4x3", "4x3"),
     ("fr-ratio-1x1", "1x1"),
 ]
+
+
+class DsfrStaticAssets:
+    DSFR_MODULE_JS = "dsfr/dist/dsfr/dsfr.module.min.js"
+    DSFR_NOMODULE_JS = "dsfr/dist/dsfr/dsfr.nomodule.min.js"
+    DSFR_CSS = "dsfr/dist/dsfr/dsfr.min.css"
+    DSFR_UTILITY_CSS = "dsfr/dist/utility/utility.min.css"
+    DSFR_OVERRIDES_CSS = "css/dsfr-django-overrides.css"

dsfr/templates/dsfr/global_css.html

@@ -1,11 +1,12 @@
 {% load static %}
 <link rel="stylesheet"
-      href="{% static 'dsfr/dist/dsfr/dsfr.min.css' %}"
+      href="{% static DsfrStaticAssets.DSFR_CSS %}"
       {% if self.USE_INTEGRITY_CHECKSUMS %}integrity="{{ self.INTEGRITY_CSS }}"{% endif %}>
 <link rel="stylesheet"
-      href="{% static 'dsfr/dist/utility/utility.min.css' %}"
+      href="{% static DsfrStaticAssets.DSFR_UTILITY_CSS %}"
       {% if self.USE_INTEGRITY_CHECKSUMS %}integrity="{{ self.INTEGRITY_UTILITY_CSS }}"{% endif %}>
-<link rel="stylesheet" href="{% static 'css/dsfr-django-overrides.css' %}">
+<link rel="stylesheet"
+      href="{% static DsfrStaticAssets.DSFR_OVERRIDES_CSS %}">
 
 <meta name="theme-color" content="#000091">
 <!-- Définit la couleur de thème du navigateur (Safari/Android) -->

dsfr/templates/dsfr/global_js.html

@@ -1,9 +1,9 @@
 {% load static %}
 <script type="module"
-        src="{% static 'dsfr/dist/dsfr/dsfr.module.min.js' %}"
+        src="{% static DsfrStaticAssets.DSFR_MODULE_JS %}"
         {% if self.USE_INTEGRITY_CHECKSUMS %}integrity="{{ self.INTEGRITY_JS_MODULE }}"{% endif %}
         {% if self.nonce %} nonce="{{self.nonce}}"{% endif %}></script>
 <script nomodule
-        src="{% static 'dsfr/dist/dsfr/dsfr.nomodule.min.js' %}"
+        src="{% static DsfrStaticAssets.DSFR_NOMODULE_JS %}"
         {% if self.USE_INTEGRITY_CHECKSUMS %}integrity="{{ self.INTEGRITY_JS_NOMODULE }}"{% endif %}
         {% if self.nonce %} nonce="{{self.nonce}}"{% endif %}></script>

dsfr/templatetags/dsfr_tags.py

@@ -15,6 +15,7 @@
     INTEGRITY_JS_MODULE,
     INTEGRITY_JS_NOMODULE,
 )
+from dsfr.constants import DsfrStaticAssets
 from dsfr.utils import (
     find_active_menu_items,
     generate_random_id,
@@ -63,7 +64,7 @@ def dsfr_css() -> dict:
     ):
         tag_data["USE_INTEGRITY_CHECKSUMS"] = False
 
-    return {"self": tag_data}
+    return {"self": tag_data, "DsfrStaticAssets": DsfrStaticAssets}
 
 
 @register.inclusion_tag("dsfr/global_js.html", takes_context=True)
@@ -93,7 +94,7 @@ def dsfr_js(context, *args, **kwargs) -> dict:
     ):
         tag_data["USE_INTEGRITY_CHECKSUMS"] = False
 
-    return {"self": tag_data}
+    return {"self": tag_data, "DsfrStaticAssets": DsfrStaticAssets}
 
 
 @register.inclusion_tag("dsfr/favicon.html")