Try to animate line color changes, #46. I don't think it's possible,

https://osmus.slack.com/archives/C01G3D28DAB/p1713634374496459

backend/src/lib.rs

@@ -116,6 +116,11 @@ impl LTN {
  )
  }
 
+ #[wasm_bindgen(js_name = getShortcutList)]
+ pub fn get_shortcut_list(&self) -> Vec<usize> {
+ self.neighbourhood.as_ref().unwrap().get_shortcut_list()
+ }
+
  /// Takes a name and boundary GJ polygon
  #[wasm_bindgen(js_name = setNeighbourhoodBoundary)]
  pub fn set_neighbourhood_boundary(

backend/src/neighbourhood.rs

@@ -158,13 +158,29 @@ impl Neighbourhood {
  serde_json::json!({
  "undo_length": map.undo_stack.len(),
  "redo_length": map.redo_queue.len(),
+ // TODO why not max shortcuts here?
  })
  .as_object()
  .unwrap()
  .clone(),
  ),
  }
  }
+
+ pub fn get_shortcut_list(&self) -> Vec<usize> {
+ let derived = self.derived.as_ref().unwrap();
+ self.interior_roads
+ .iter()
+ .map(|r| {
+ derived
+ .shortcuts
+ .count_per_road
+ .get(r)
+ .cloned()
+ .unwrap_or(0)
+ })
+ .collect()
+ }
 }
 
 enum LineInPolygon {

web/src/RenderNeighbourhood.svelte

@@ -29,7 +29,7 @@
  [
  "interpolate-hcl",
  ["linear"],
- ["get", "shortcuts"],
+ ["feature-state", "cuts"],
  0,
  "white",
  1,
@@ -67,7 +67,7 @@
  }
 </script>
 
-<GeoJSON data={gj} generateId>
+<GeoJSON data={gj} generateId id="render-nhood">
  <GeoJSON data={invertBoundary(gj)}>
  <FillLayer
  {...layerId("neighbourhood-boundary")}
@@ -90,6 +90,9 @@
  paint={{
  "line-width": 10,
  "line-color": lineColor,
+ "line-color-transition": {
+ delay: 600,
+ },
  "line-opacity": hoverStateFilter(1.0, 0.5),
  }}
  on:click={(e) =>

web/src/edit/NeighbourhoodMode.svelte

@@ -55,6 +55,23 @@
  undoLength = gjInput.undo_length;
  redoLength = gjInput.redo_length;
 
+ if ($map.getSource("render-nhood")) {
+ console.log("changing feature state");
+ let shortcuts = $app!.getShortcutList();
+ for (let [idx, value] of shortcuts.entries()) {
+ //console.log(`confirming ${idx} is ${value}... ${gjInput.features[idx + 1].properties.shortcuts}`);
+ $map.setFeatureState(
+ {
+ id: idx + 1,
+ source: "render-nhood",
+ },
+ { cuts: value },
+ );
+ }
+ } else {
+ console.log("source not there yet, hang on");
+ }
+
  autosave();
  }