Migrated to nix for dependency managment

visualizer/src/api/mod.tsx

@@ -35,7 +35,7 @@ apiRouter.get("/match/:id/pane/player", async function(ctx){
 });
 
 apiRouter.get("/match/:id/pane/player/data", async function(ctx){
-    ctx.response.body = <svg:rect width="100" height="100" />
+    ctx.response.body = <rect width="100" height="100"/>
 });
 
 apiRouter.get('/list-matches', async (ctx) => {

visualizer/src/api/tab.tsx

@@ -32,7 +32,8 @@ export class ViewTabService {
     playerTab(matchInfo: MatchInfo){
         return (<div>
             <div id="foo"></div>
-            <form hx-get={"/api/v1/match/:id/pane/player/data"}
+            <form hx-swap="innerHTML"
+                  hx-get={"/api/v1/match/:id/pane/player/data"}
                   hx-target="#court-content">
                 <div class="field is-horizontal">
                   <div class="field-label is-normal">

visualizer/src/views/base.tsx

@@ -8,7 +8,7 @@ export function Head(){
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/default.min.css"/>
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/atom-one-light.min.css"/>
 
-    <script src="https://unpkg.com/htmx.org@1.9.9"></script>
+    <script src="/vendor/htmx/htmx.js"></script>
   </head>)
 }
 

visualizer/src/views/mod.tsx

@@ -19,6 +19,7 @@ function Court(){
         <line x1={600} x2={600} y1={0} y2={450} style={returnLine}></line>,
     ]
     return (<svg class="court-side"
+                 xmlns="http://www.w3.org/2000/svg"
                  style={{width: 900 + 2 * margin, height: 450 + 2 * margin, backgroundColor: 'pink'}}>
         <g class="court-border" id="court" transform = {`translate(${margin} ${margin})`}>
             <rect width={900} height={450} style={courtBorder}/>