Update comments UI : Refonte complète des commentaires — threading N-niveaux, éditeur riche, sécurité, validation

flask_setup/middleware.py

@@ -56,6 +56,7 @@ def add_headers(self, response: Response) -> Response:
             "font-src 'self' https://fonts.gstatic.com;"
             "img-src 'self' data: https:;"
             "frame-src https://www.youtube.com;"
+            "connect-src 'self' https://cdn.jsdelivr.net;"
             "base-uri 'self';"
             "form-action 'self';"
             "report-uri /csp-report;"
@@ -145,8 +146,11 @@ def _add_cache_headers(response: Response) -> Response:
     """
     if flask_request:
         path = flask_request.path
-        if path.startswith(("/static/",)):
-            response.headers["Cache-Control"] = "public, max-age=31536000, immutable"
+        if path.startswith("/static/"):
+            if path.startswith("/static/dist/"):
+                response.headers["Cache-Control"] = "public, max-age=31536000, immutable"
+            else:
+                response.headers["Cache-Control"] = "no-cache"
     return response
 
 

frontend/core/components/ArticleViewer.jsx

@@ -14,6 +14,16 @@ function BlockNoteViewer({ initialContent }) {
     document.documentElement.dataset.theme === 'dark' ? 'dark' : 'light',
   );
 
+  useEffect(() => {
+    const el = document.querySelector('.article-static-content');
+    if (el) el.remove();
+  }, []);
+
+  useEffect(() => {
+    const section = document.getElementById('comments-section');
+    if (section) section.classList.remove('comments-hidden');
+  }, []);
+
   useEffect(() => {
     const el = document.documentElement;
     const observer = new MutationObserver(() => {

frontend/core/hooks/useArticle.js

@@ -1,8 +1,12 @@
 import { useState, useEffect } from 'react';
 
 export default function useArticle(articleId) {
-  const [loaded, setLoaded] = useState(!articleId);
-  const [contentStr, setContentStr] = useState('');
+  const ssrEl = typeof document !== 'undefined'
+    ? document.getElementById('article-data') : null;
+  const ssrContent = ssrEl ? ssrEl.textContent : null;
+
+  const [loaded, setLoaded] = useState(!articleId || !!ssrContent);
+  const [contentStr, setContentStr] = useState(ssrContent || '');
   const [title, setTitle] = useState('');
   const [error, setError] = useState('');
 
@@ -11,6 +15,9 @@ export default function useArticle(articleId) {
       setLoaded(true);
       return;
     }
+    if (ssrContent) {
+      return;
+    }
     (async () => {
       try {
         const r = await fetch(`/api/articles/${articleId}`);