Use the TS RouteTool from the upstreamed NPM package

package.json

@@ -54,8 +54,14 @@
     "maplibre-gl": "^4.0.2",
     "read-excel-file": "^5.7.1",
     "route-snapper": "^0.3.0",
+    "route-snapper-ts": "^0.0.3",
     "svelte": "^4.2.10",
     "svelte-maplibre": "^0.9.2",
     "uuid": "^9.0.1"
+  },
+  "overrides": {
+    "route-snapper-ts": {
+      "route-snapper": "^0.3.0"
+    }
   }
 }

src/lib/draw/EditGeometryMode.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import type { LineString, Point, Polygon } from "geojson";
+  import type { Feature, LineString, Point, Polygon } from "geojson";
   import {
     gjSchemeCollection,
     mode,
@@ -12,11 +12,12 @@
   import { interventionName } from "lib/sidebar/scheme_data";
   import { schema } from "stores";
   import { onDestroy, onMount } from "svelte";
-  import type { Feature, FeatureUnion } from "types";
+  import type { FeatureUnion } from "types";
   import PointControls from "./point/PointControls.svelte";
   import PolygonControls from "./polygon/PolygonControls.svelte";
   import RouteControls from "./route/RouteControls.svelte";
   import SnapPolygonControls from "./snap_polygon/SnapPolygonControls.svelte";
+  import { type Props } from "route-snapper-ts";
 
   export let id: number;
 
@@ -39,14 +40,14 @@
     name = interventionName(feature);
 
     if (feature.geometry.type == "LineString") {
-      $routeTool?.editExistingRoute(feature as Feature<LineString>);
+      $routeTool?.editExistingRoute(feature as Feature<LineString, Props>);
       $routeTool?.addEventListenerSuccess(onSuccess);
       $routeTool?.addEventListenerUpdated(onUpdate);
       $routeTool?.addEventListenerFailure(onFailure);
       controls = "route";
     } else if (feature.geometry.type == "Polygon") {
       if (feature.properties.waypoints) {
-        $routeTool?.editExistingArea(feature as Feature<Polygon>);
+        $routeTool?.editExistingArea(feature as Feature<Polygon, Props>);
         $routeTool?.addEventListenerSuccess(onSuccess);
         $routeTool?.addEventListenerUpdated(onUpdate);
         $routeTool?.addEventListenerFailure(onFailure);

src/lib/draw/route/RouteSnapperLoader.svelte

@@ -1,10 +1,10 @@
 <script lang="ts">
   import { routeTool } from "lib/draw/stores";
   import { ErrorMessage } from "govuk-svelte";
-  import init from "route-snapper";
   import { map } from "stores";
   import { onMount } from "svelte";
-  import { RouteTool } from "./route_tool";
+  import { init, RouteTool } from "route-snapper-ts";
+  import { routeToolGj, snapMode, undoLength } from "./stores";
 
   export let url: string;
 
@@ -19,7 +19,9 @@
     console.log(`Grabbing ${url}`);
     try {
       const graphBytes = await fetchWithProgress(url);
-      routeTool.set(new RouteTool($map, graphBytes));
+      routeTool.set(
+        new RouteTool($map, graphBytes, routeToolGj, snapMode, undoLength),
+      );
       progress = 100;
       routeToolReady = true;
     } catch (err) {