error handling

pi-base · Nov 4, 2024 · ea9fa67 · ea9fa67
1 parent cc26f09
commit ea9fa67
Showing 1 changed file with 15 additions and 4 deletions.
diff --git a/packages/viewer/src/components/GraphViz/GraphViz.svelte b/packages/viewer/src/components/GraphViz/GraphViz.svelte
@@ -5,11 +5,22 @@
   import * as graphviz from 'd3-graphviz'
   export let dot = 'digraph  {a -> b}'
   let graphDiv: HTMLElement
-  onMount(() => {
-    d3.select(graphDiv).graphviz().renderDot(dot)
-  })
+  const renderer = (dot: string) => {
+    return () => {
+      try {
+        d3.select(graphDiv).graphviz().renderDot(dot)
+      } catch {
+        d3.select(graphDiv)
+          .graphviz()
+          .renderDot(
+            `digraph {A[label="Invalid dot code",color=red,fontcolor=red]}`,
+          )
+      }
+    }
+  }
+  onMount(renderer(dot))
   $: if (graphDiv) {
-    d3.select(graphDiv).graphviz().renderDot(dot)
+    renderer(dot)()
   }
 </script>