feat(dependencies-of): Limit graph scaling to 2x

If there's a single module, it doesn't need to be friggen' huge

Author: danopia

feat/dependencies-of/api.ts

@@ -117,9 +117,12 @@ async function serveHtmlGraphPage(req: Request, modUrl: string, modSlug: string,
       .then(dotProc => dotProc.captureAllOutput())
       .then(raw => {
         const fullSvg = new TextDecoder().decode(raw);
+        const attrs = [`id="graph"`];
+        const svgWidth = fullSvg.match(/viewBox="(?:([0-9.-]+) ){3}/)?.[1];
+        if (svgWidth) attrs.push(`style="max-width: ${parseInt(svgWidth)*2}px;"`);
         return fullSvg
           .slice(fullSvg.indexOf('<!--'))
-          .replace(/<svg width="[^"]+" height="[^"]+"/, '<svg id="graph"');
+          .replace(/<svg width="[^"]+" height="[^"]+"/, '<svg '+attrs.join(' '));
       })
 
   ).catch(err => {

public/global.css

@@ -42,6 +42,7 @@ input.url {
 svg#graph {
   grid-area: graph;
   max-height: 100%;
+  justify-self: center;
 }
 #graph text {
   fill: #111;