hpcc-systems
diff --git a/‎package-lock.json
+24-3 b/‎package-lock.json
+24-3
diff --git a/‎packages/comms/package.json
+4-1 b/‎packages/comms/package.json
+4-1
diff --git a/‎packages/graph/index.html
+42 b/‎packages/graph/index.html
+42
diff --git a/‎packages/graph/package.json
+2-1 b/‎packages/graph/package.json
+2-1
diff --git a/‎packages/graph/src/AdjacencyGraph.ts
-224 b/‎packages/graph/src/AdjacencyGraph.ts
-224
@@ -7,7 +7,10 @@
     "module": "./dist/index.browser.js",
     "exports": {
         ".": {
-            "types": "./types/index.browser.d.ts",
+            "types": {
+                "node": "./types/index.node.d.ts",
+                "default": "./types/index.browser.d.ts"
+            },
             "node": "./dist/index.node.js",
             "import": "./dist/index.browser.js",
             "require": "./dist/index.browser.umd.cjs"
 
@@ -17,6 +17,7 @@
         }
 
         #placeholder,
+        #placeholder1,
         #placeholder2 {
             width: 100%;
             height: 500px;
@@ -29,6 +30,11 @@
 </head>
 
 <body onresize="doResize()">
+    <h1>ESM Quick Test</h1>
+    <div id="placeholder1"></div>
+    <script type="module">
+        import "./tests/index.ts";
+    </script>
     <h1>ESM Quick Test</h1>
     <div id="placeholder2"></div>
     <script type="module">
@@ -120,6 +126,42 @@ <h1>ESM Quick Test</h1>
             .render()
             ;
     </script>
+    <div id="placeholder"></div>
+    <script type="module">
+        import { SankeyGraph } from "./src/index.ts";
+
+        import "@hpcc-js/common/font-awesome/css/font-awesome.min.css";
+
+        new SankeyGraph()
+            .target("placeholder")
+            .vertexColumns(["category", "id", "label"])
+            .vertices([
+                [0, 0, "Year 1"],
+                [0, 1, "Year 2"],
+                [0, 2, "Year 3"],
+                [0, 3, "Year 4"],
+                [1, 4, "Math"],
+                [1, 5, "English"],
+                [1, 6, "Geometry"],
+                [1, 7, "Science"],
+            ])
+            .edgeColumns(["source", "target", "weight"])
+            .edges([
+                [0, 4, 1],
+                [1, 4, 1],
+                [2, 4, 1],
+                [3, 4, 1],
+                [0, 5, 1],
+                [1, 5, 1],
+                [2, 6, 1],
+                [3, 6, 1],
+                [1, 7, 1],
+                [2, 7, 1],
+                [3, 7, 1],
+            ])
+            .render()
+            ;
+    </script>
     <script>
         function doResize() {
             window.__widget?.resize()?.render();
 
@@ -56,7 +56,8 @@
         "d3-shape": "^1",
         "d3-tile": "^1",
         "d3-transition": "^1",
-        "dagre": "0.8.5"
+        "dagre": "0.8.5",
+        "lit-html": "3.2.1"
     },
     "peerDependencies": {},
     "repository": {