Merge branch 'main' of https://huggingface.co/spaces/Molbap/transformers-modular-refactor

app.py

@@ -13,6 +13,17 @@ import gradio as gr
 
 from modular_graph_and_candidates import build_graph_json, generate_html, build_timeline_json, generate_timeline_html
 
+def _escape_srcdoc(text: str) -> str:
+    """Escape for inclusion inside an <iframe srcdoc="…"> attribute."""
+    return (
+        text.replace("&", "&amp;")
+            .replace("\"", "&quot;")
+            .replace("'", "&#x27;")
+            .replace("<", "&lt;")
+            .replace(">", "&gt;")
+    )
+
+
 HF_MAIN_REPO = "https://github.com/huggingface/transformers"
 
 CACHE_REPO = "Molbap/hf_cached_embeds_log"
@@ -33,16 +44,6 @@ def _fetch_from_cache_repo(kind: str, sim_method: str, threshold: float, multimo
     return iframe_html, str(tmp)
 
 
-def _escape_srcdoc(text: str) -> str:
-    """Escape for inclusion inside an <iframe srcdoc="…"> attribute."""
-    return (
-        text.replace("&", "&amp;")
-            .replace("\"", "&quot;")
-            .replace("'", "&#x27;")
-            .replace("<", "&lt;")
-            .replace(">", "&gt;")
-    )
-
 
 def run_graph(repo_url: str, threshold: float, multimodal: bool, sim_method: str):
     return _fetch_from_cache_repo("graph", sim_method, threshold, multimodal)

modular_graph_and_candidates.py

@@ -685,7 +685,6 @@ function updateVisibility() {
 }
 document.getElementById('toggleRed').addEventListener('change', updateVisibility);
 
-const HF_LOGO_URI = "./static/hf-logo.png";
 const graph = __GRAPH_DATA__;
 const W = innerWidth, H = innerHeight;
 const svg = d3.select('#dependency').call(d3.zoom().on('zoom', e => g.attr('transform', e.transform)));
@@ -709,23 +708,7 @@ const node = g.selectAll('g.node')
   .call(d3.drag().on('start', dragStart).on('drag', dragged).on('end', dragEnd));
 
 const baseSel = node.filter(d => d.cls === 'base');
-if (HF_LOGO_URI){
-  baseSel.append('image')
-    .attr('href', HF_LOGO_URI)
-    .attr('width', 40)
-    .attr('height', 40)
-    .attr('x', -20)
-    .attr('y', -20)
-    .on('error', function() {
-      console.log('Image failed to load:', HF_LOGO_URI);
-      // Fallback to circle
-      d3.select(this.parentNode).append('circle')
-        .attr('r', 22).attr('fill', '#ffbe0b');
-    });
-  console.log('Loading logo from:', HF_LOGO_URI);
-}else{
-  baseSel.append('circle').attr('r', d => 22*d.sz).attr('fill', '#ffbe0b');
-}
+baseSel.append('circle').attr('r', d => 22*d.sz).attr('fill', '#ffbe0b');
 node.filter(d => d.cls !== 'base').append('circle').attr('r', d => 20*d.sz);
 
 node.append('text')
@@ -922,7 +905,6 @@ function updateVisibility() {
 }
 document.getElementById('toggleRed').addEventListener('change', updateVisibility);
 
-const HF_LOGO_URI = "./static/hf-logo.png";
 const timeline = __TIMELINE_DATA__;
 const W = innerWidth, H = innerHeight;
 
@@ -1003,20 +985,7 @@ const node = g.selectAll('g.node')
   .call(d3.drag().on('start', dragStart).on('drag', dragged).on('end', dragEnd));
 
 const baseSel = node.filter(d => d.cls === 'base');
-if (HF_LOGO_URI) {
-  baseSel.append('image')
-    .attr('href', HF_LOGO_URI)
-    .attr('width', 35)
-    .attr('height', 35)
-    .attr('x', -17.5)
-    .attr('y', -17.5)
-    .on('error', function() {
-      d3.select(this.parentNode).append('circle')
-        .attr('r', 20).attr('fill', '#ffbe0b');
-    });
-} else {
-  baseSel.append('circle').attr('r', 20).attr('fill', '#ffbe0b');
-}
+baseSel.append('circle').attr('r', 20).attr('fill', '#ffbe0b');
 node.filter(d => d.cls !== 'base').append('circle').attr('r', 18);
 
 node.append('text')