From 47187e79fb5bcddc823a6224a1f80d39d624f9b2 Mon Sep 17 00:00:00 2001
From: Dustin Carlino <dabreegster@gmail.com>
Date: Mon, 1 Apr 2024 13:11:23 +0100
Subject: [PATCH] Get rid of the debug mode for the route snapper, in favor of
 https://dabreegster.github.io/geojson-viewer/

---
 web/src/App.svelte         |  3 --
 web/src/DebugGJ.svelte     | 62 --------------------------------------
 web/src/NetworkMode.svelte | 15 ++++++---
 web/src/stores.ts          |  3 --
 4 files changed, 10 insertions(+), 73 deletions(-)
 delete mode 100644 web/src/DebugGJ.svelte

diff --git a/web/src/App.svelte b/web/src/App.svelte
index e6ec323..c95f944 100644
--- a/web/src/App.svelte
+++ b/web/src/App.svelte
@@ -18,7 +18,6 @@
     notNull,
   } from "./common";
   import DebugMode from "./DebugMode.svelte";
-  import DebugGJ from "./DebugGJ.svelte";
   import NeighbourhoodMode from "./edit/NeighbourhoodMode.svelte";
   import NetworkMode from "./NetworkMode.svelte";
   import RouteMode from "./RouteMode.svelte";
@@ -170,8 +169,6 @@
           <RouteMode prevMode={$mode.prevMode} />
         {:else if $mode.mode == "debug"}
           <DebugMode />
-        {:else if $mode.mode == "debug-gj"}
-          <DebugGJ />
         {/if}
       {/if}
       <DisableInteractiveLayers />
diff --git a/web/src/DebugGJ.svelte b/web/src/DebugGJ.svelte
deleted file mode 100644
index 8c8a2f1..0000000
--- a/web/src/DebugGJ.svelte
+++ /dev/null
@@ -1,62 +0,0 @@
-<script lang="ts">
-  import BackButton from "./BackButton.svelte";
-  import {
-    hoverStateFilter,
-    CircleLayer,
-    GeoJSON,
-    LineLayer,
-  } from "svelte-maplibre";
-  import { Popup, notNull, PropertiesTable, Link } from "./common";
-  import SplitComponent from "./SplitComponent.svelte";
-  import { app, mode } from "./stores";
-
-  // TODO This should just be a standalone tool
-</script>
-
-<SplitComponent>
-  <div slot="top">
-    <nav aria-label="breadcrumb">
-      <ul>
-        <li>
-          <Link on:click={() => ($mode = { mode: "title" })}>
-            Choose project
-          </Link>
-        </li>
-        <li>Debug route snapper</li>
-      </ul>
-    </nav>
-  </div>
-
-  <div slot="sidebar">
-    <BackButton on:click={() => ($mode = { mode: "network" })} />
-  </div>
-
-  <div slot="map">
-    <GeoJSON data={JSON.parse(notNull($app).toRouteSnapperGj())} generateId>
-      <LineLayer
-        manageHoverState
-        paint={{
-          "line-width": 8,
-          "line-color": "black",
-          "line-opacity": hoverStateFilter(0.5, 1.0),
-        }}
-      >
-        <Popup openOn="hover" let:props>
-          <PropertiesTable properties={props} />
-        </Popup>
-      </LineLayer>
-      <CircleLayer
-        manageHoverState
-        paint={{
-          "circle-radius": 10,
-          "circle-color": "black",
-          "circle-opacity": hoverStateFilter(0.5, 1.0),
-        }}
-      >
-        <Popup openOn="hover" let:props>
-          <PropertiesTable properties={props} />
-        </Popup>
-      </CircleLayer>
-    </GeoJSON>
-  </div>
-</SplitComponent>
diff --git a/web/src/NetworkMode.svelte b/web/src/NetworkMode.svelte
index 14d41a4..d1264b1 100644
--- a/web/src/NetworkMode.svelte
+++ b/web/src/NetworkMode.svelte
@@ -55,6 +55,13 @@
     downloadGeneratedFile($projectName + ".geojson", $app!.toSavefile());
   }
 
+  function debugRouteSnapper() {
+    downloadGeneratedFile(
+      "debug_route_snapper.geojson",
+      $app!.toRouteSnapperGj(),
+    );
+  }
+
   // TODO Hover on button and highlight on map
 </script>
 
@@ -79,11 +86,6 @@
             Route
           </Link>
         </li>
-        <li>
-          <Link on:click={() => ($mode = { mode: "debug-gj" })}>
-            Debug route snapper
-          </Link>
-        </li>
       </ul>
     </nav>
   </div>
@@ -136,6 +138,9 @@
     <hr />
     <p>Current project: {$projectName}</p>
     <button on:click={exportGJ}>Export project to GeoJSON</button>
+    <button class="secondary" on:click={debugRouteSnapper}>
+      Debug route-snapper
+    </button>
   </div>
 
   <div slot="map">
diff --git a/web/src/stores.ts b/web/src/stores.ts
index 30e5a32..09d173f 100644
--- a/web/src/stores.ts
+++ b/web/src/stores.ts
@@ -33,9 +33,6 @@ export type Mode =
     }
   | {
       mode: "debug";
-    }
-  | {
-      mode: "debug-gj";
     };
 
 export let map: Writable<Map | null> = writable(null);