refa: raw NJK includes

core/models/template.js

@@ -20,6 +20,9 @@ import { fileURLToPath } from 'url';
 import convertWikilinks from '../utils/convertWikilinks.js';
 import convertQuotes from '../utils/convertQuotes.js';
 import cosmoscopeTemplate from '../../static/template/cosmoscope.njk';
+import favicon from '../../static/icons/cosmafavicon.png';
+import logo from '../../static/icons/cosmalogo.svg';
+import frontendScript from 'front';
 
 const __dirname = path.dirname(fileURLToPath(import.meta.url));
 
@@ -319,6 +322,9 @@ class Template {
       },
 
       app: app, // app version, description, license…
+      script: frontendScript,
+      favicon,
+      logo,
     });
   }
 }

static/template/cosmoscope.njk

@@ -10,7 +10,7 @@
     <meta name="date" content="{{ date }}">
     <title>Cosma — {{ metadata.title }}</title>
 
-    <link rel="icon" type="image/png" sizes="16x16" href="{{ faviconPath | imgPathToBase64 }}" />
+    <link rel="icon" type="image/png" sizes="16x16" href="{{ favicon }}" />
 
     <style> 
         :root {
@@ -534,9 +534,7 @@
                 {% endif %}
 
                 {% if publishMode and metadata %}
-                <div class="logo">
-                    {% include "static/icons/cosmalogo.svg" %}
-                </div>
+                <div class="logo">{{ logo | safe }}</div>
                 {% else %}
                 <h1>Cosma</h1>
                 {% endif %}
@@ -597,17 +595,9 @@
         const sorting = {{ sorting | dump | safe }};
 
         const focusIsActive = {{ focusIsActive }};
-    </script>
 
-    {# Cosma functions #}
-
-    {% if devMode %}
-    <script src="dist/front.js"></script>
-    {% else %}
-    <script>
-        {% include "dist/front.js" %}
+        {{ script | safe }}
     </script>
-    {% endif %}
 
 </body>
 

webpack-back.config.mjs

@@ -21,6 +21,18 @@ export default {
         test: /\.njk$/,
         type: 'asset/source',
       },
+      {
+        test: /\.raw.js$/,
+        type: 'asset/source',
+      },
+      {
+        test: /\.svg$/,
+        type: 'asset/source',
+      },
+      {
+        test: /\.png$/,
+        type: 'asset/inline',
+      },
     ],
   },
   plugins: [
@@ -31,6 +43,10 @@ export default {
   ],
   resolve: {
     extensions: ['.js'],
+    alias: {
+
+      front: path.resolve(__dirname, './dist/front.raw.js'), // Chemin vers le bundle front
+    },
   },
   mode: 'development',
 };

webpack-front.config.mjs

@@ -7,7 +7,7 @@ export default {
   entry: path.resolve(__dirname, './core/frontend/index.js'),
   output: {
     path: path.resolve(__dirname, './dist'),
-    filename: 'front.js',
+    filename: 'front.raw.js',
   },
   module: {
     rules: [