fix(excalidraw): fusion imports ESM en un seul module + CSP worker-src/blob:

backend/main.py

@@ -570,11 +570,13 @@ class SecurityHeadersMiddleware(BaseHTTPMiddleware):
         response.headers["Referrer-Policy"] = "strict-origin-when-cross-origin"
         response.headers["Content-Security-Policy"] = (
             "default-src 'self'; "
-            "script-src 'self' 'unsafe-inline' https://cdnjs.cloudflare.com https://unpkg.com https://esm.sh https://cdn.jsdelivr.net https://static.cloudflareinsights.com; "
+            "script-src 'self' 'unsafe-inline' blob: https://cdnjs.cloudflare.com https://unpkg.com https://esm.sh https://cdn.jsdelivr.net https://static.cloudflareinsights.com; "
             "style-src 'self' 'unsafe-inline' https://cdnjs.cloudflare.com https://fonts.googleapis.com https://cdn.jsdelivr.net; "
             "img-src 'self' data: blob:; "
-            "connect-src 'self' https://esm.sh https://unpkg.com https://cdnjs.cloudflare.com https://fonts.googleapis.com https://fonts.gstatic.com https://cdn.jsdelivr.net; "
-            "font-src 'self' https://fonts.gstatic.com;"
+            "connect-src 'self' blob: https://esm.sh https://unpkg.com https://cdnjs.cloudflare.com https://fonts.googleapis.com https://fonts.gstatic.com https://cdn.jsdelivr.net; "
+            "font-src 'self' data: https://fonts.gstatic.com; "
+            "worker-src 'self' blob:; "
+            "frame-src 'self' blob:;"
         )
         # Cache static assets aggressively (fingerprinted by PWA manifest hash)
         if request.url.path.startswith("/static/"):

frontend/excalidraw-editor.html

@@ -89,18 +89,15 @@
     <button id="btn-export-svg" title="Export SVG">📐 SVG</button>
   </div>
 
-  <!-- Import React + ReactDOM (Excalidraw peer dependencies) -->
+  <!-- Import React, ReactDOM, and Excalidraw in a single module (order matters!) -->
   <script type="module">
     import React from "https://esm.sh/react@18";
     import ReactDOM from "https://esm.sh/react-dom@18";
+    import * as ExcalidrawLib from "https://esm.sh/@excalidraw/[email protected]";
+
     window.React = React;
     window.ReactDOM = ReactDOM;
-  </script>
-
-  <!-- Configure Excalidraw asset path BEFORE import -->
-  <script type="module">
     window.EXCALIDRAW_ASSET_PATH = "https://esm.sh/@excalidraw/[email protected]/dist/prod/";
-    import * as ExcalidrawLib from "https://esm.sh/@excalidraw/[email protected]";
     window.ExcalidrawLib = ExcalidrawLib;
 
     const { Excalidraw, exportToBlob, exportToSvg } = ExcalidrawLib;