fix(UI): improve dependency graph node rendering (#937)

Fixes #915
jsr-io · Feb 6, 2025 · aedc70d · aedc70d
1 parent e4f2d55
commit aedc70d
Showing 1 changed file with 13 additions and 2 deletions.
diff --git a/frontend/routes/package/(_islands)/DependencyGraph.tsx b/frontend/routes/package/(_islands)/DependencyGraph.tsx
@@ -236,7 +236,7 @@ function renderDependency(
       content = `${tooltip}\n${
         dependency.entrypoints.map((entrypoint) => {
           if (entrypoint == ".") {
-            return "<I>default entrypoint</I>";
+            return "<i>default entrypoint</i>";
           } else {
             return entrypoint;
           }
@@ -262,11 +262,22 @@ function renderDependency(
       break;
   }
 
+  const renderAttributeValue = (content?: string) => {
+    if (!content) return content;
+
+    const hasHTMLTag = /<i>(.+?)<\/i>/.test(content);
+    if (hasHTMLTag) {
+      const htmlContent = content.replace(/\n/g, "<br/>");
+      return `<${htmlContent}>`;
+    }
+    return `"${content}"`;
+  };
+
   return `[${
     Object
       .entries({ href, tooltip, label: content, color })
       .filter(([_, v]) => v)
-      .map(([k, v]) => `${k}="${v}"`)
+      .map(([k, v]) => `${k}=${renderAttributeValue(v)}`)
       .join(", ")
   }]`;
 }