🚀 benchmark ?

packages/demo/demo.getBestRoute.ts

@@ -15,8 +15,6 @@ const { canvas, draw } = createCanvas(grid);
 document.body.appendChild(canvas);
 
 const onChange = () => {
-  debugger;
-
   const grid0 = copyGrid(grid);
   const stack0: Color[] = [];
   let snake0 = snake;

packages/demo/demo.index.ts

@@ -0,0 +1,21 @@
+import * as grid from "@snk/compute/__fixtures__/grid";
+
+const container = document.createElement("div");
+container.style.fontFamily = "helvetica";
+document.body.appendChild(container);
+
+for (const demo of ["getAvailableRoutes", "getBestRoute"]) {
+  const title = document.createElement("h1");
+  title.innerText = demo;
+
+  container.appendChild(title);
+
+  for (const g of Object.keys(grid)) {
+    const a = document.createElement("a");
+    a.style.display = "block";
+    a.innerText = `${demo} - ${g}`;
+    a.href = `/demo-${demo}.html?grid=${g}`;
+
+    container.appendChild(a);
+  }
+}

packages/demo/webpack.config.ts

@@ -13,6 +13,7 @@ const config: Configuration = {
   entry: {
     "demo.getAvailableRoutes": "./demo.getAvailableRoutes",
     "demo.getBestRoute": "./demo.getBestRoute",
+    "demo.index": "./demo.index",
   },
   resolve: { extensions: [".ts", ".js"] },
   output: {
@@ -36,6 +37,10 @@ const config: Configuration = {
     ],
   },
   plugins: [
+    new HtmlWebpackPlugin({
+      filename: "index.html",
+      chunks: ["demo.index"],
+    }),
     new HtmlWebpackPlugin({
       filename: "demo-getAvailableRoutes.html",
       chunks: ["demo.getAvailableRoutes"],