Move out some common code

web/package.json

@@ -33,6 +33,7 @@
     "@turf/along": "^6.5.0",
     "maplibre-draw-polygon": "github:dabreegster/maplibre-draw-polygon",
     "route-snapper": "^0.4.0",
-    "svelte-maplibre": "^0.8.3"
+    "svelte-maplibre": "^0.8.3",
+    "svelte-utils": "github:a-b-street/svelte-utils"
   }
 }

web/src/DebugMode.svelte

@@ -1,7 +1,8 @@
 <script lang="ts">
   import BackButton from "./BackButton.svelte";
   import { CircleLayer, GeoJSON, LineLayer } from "svelte-maplibre";
-  import { Link, layerId, notNull, PropertiesTable, Popup } from "./common";
+  import { Link, layerId, notNull, Popup } from "./common";
+  import { PropertiesTable } from "svelte-utils";
   import RenderNeighbourhood from "./RenderNeighbourhood.svelte";
   import SplitComponent from "./SplitComponent.svelte";
   import { app, mode } from "./stores";

web/src/common/index.ts

@@ -8,13 +8,11 @@ export { default as BasemapPicker } from "./BasemapPicker.svelte";
 export { default as DisableInteractiveLayers } from "./DisableInteractiveLayers.svelte";
 export { default as Geocoder } from "./Geocoder.svelte";
 export { default as Layout } from "./Layout.svelte";
-export { default as Legend } from "./Legend.svelte";
 export { default as Link } from "./Link.svelte";
 export { default as Loading } from "./Loading.svelte";
 export { default as Modal } from "./Modal.svelte";
 export { default as OverpassSelector } from "./OverpassSelector.svelte";
 export { default as Popup } from "./Popup.svelte";
-export { default as PropertiesTable } from "./PropertiesTable.svelte";
 export { default as StreetView } from "./StreetView.svelte";
 export { layerId } from "./zorder";