Go for a more generic js bundling architecture

* Don't tie the output name to webpack itself
* Don't call js bundling webpack in python code
* Make the doc more generic about js bundling

core/templates/core/500.jinja

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

core/templates/core/base.jinja

@@ -14,17 +14,17 @@
 
       {% block jquery_css %}
         {# Thile file is quite heavy (around 250kb), so declaring it in a block allows easy removal #}
-        <link rel="stylesheet" href="{{ static('webpack/jquery-index.css') }}">
+        <link rel="stylesheet" href="{{ static('bundled/jquery-index.css') }}">
       {% endblock %}
-      <link rel="preload" as="style" href="{{ static('webpack/fontawesome-index.css') }}" onload="this.onload=null;this.rel='stylesheet'">
-      <noscript><link rel="stylesheet" href="{{ static('webpack/fontawesome-index.css') }}"></noscript>
+      <link rel="preload" as="style" href="{{ static('bundled/fontawesome-index.css') }}" onload="this.onload=null;this.rel='stylesheet'">
+      <noscript><link rel="stylesheet" href="{{ static('bundled/fontawesome-index.css') }}"></noscript>
 
       <script src="{{ url('javascript-catalog') }}"></script>
-      <script src={{ static("webpack/core/components/include-index.ts") }}></script>
-      <script src="{{ static('webpack/alpine-index.js') }}" defer></script>
-      <script src="{{ static('webpack/htmx-index.js') }}" defer></script>
+      <script src={{ static("bundled/core/components/include-index.ts") }}></script>
+      <script src="{{ static('bundled/alpine-index.js') }}" defer></script>
+      <script src="{{ static('bundled/htmx-index.js') }}" defer></script>
             <!-- Jquery declared here to be accessible in every django widgets -->
-      <script src="{{ static('webpack/jquery-index.js') }}"></script>
+      <script src="{{ static('bundled/jquery-index.js') }}"></script>
             <!-- Put here to always have access to those functions on django widgets -->
       <script src="{{ static('core/js/script.js') }}"></script>
 

core/templates/core/user_godfathers_tree.jinja

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

core/templates/core/user_pictures.jinja

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

core/views/forms.py

@@ -76,7 +76,7 @@ class NFCTextInput(TextInput):
     def get_context(self, name, value, attrs):
         context = super().get_context(name, value, attrs)
         context["statics"] = {
-            "js": staticfiles_storage.url("webpack/core/components/nfc-input-index.ts"),
+            "js": staticfiles_storage.url("bundled/core/components/nfc-input-index.ts"),
             "css": staticfiles_storage.url("core/components/nfc-input.scss"),
         }
         return context

core/views/widgets/markdown.py

@@ -9,7 +9,7 @@ class MarkdownInput(Textarea):
         context = super().get_context(name, value, attrs)
 
         context["statics"] = {
-            "js": staticfiles_storage.url("webpack/core/components/easymde-index.ts"),
-            "css": staticfiles_storage.url("webpack/core/components/easymde-index.css"),
+            "js": staticfiles_storage.url("bundled/core/components/easymde-index.ts"),
+            "css": staticfiles_storage.url("bundled/core/components/easymde-index.css"),
         }
         return context

core/views/widgets/select.py

@@ -19,10 +19,10 @@ class AutoCompleteSelectMixin:
     pk = "id"
 
     js = [
-        "webpack/core/components/ajax-select-index.ts",
+        "bundled/core/components/ajax-select-index.ts",
     ]
     css = [
-        "webpack/core/components/ajax-select-index.css",
+        "bundled/core/components/ajax-select-index.css",
         "core/components/ajax-select.scss",
     ]