feat: Save detour creation snapshot to db

assets/src/api.ts

@@ -441,6 +441,22 @@ export const putRouteTabs = (routeTabs: RouteTab[]): Promise<Response> =>
     body: JSON.stringify({ route_tabs: routeTabs }),
   })
 
+export const putDetourUpdate = (snapshot: any): Promise<string | null> =>
+  checkedApiCall({
+    url: `/api/detours/update_snapshot`,
+    parser: nullableParser((id: string) => id),
+    dataStruct: any(),
+    defaultResult: null,
+    fetchArgs: {
+      method: "PUT",
+      headers: {
+        "Content-Type": "application/json",
+        "x-csrf-token": getCsrfToken(),
+      },
+      body: JSON.stringify({ snapshot: snapshot }),
+    },
+  })
+
 const getCsrfToken = (): string => appData()?.csrfToken || ""
 
 export const nullableParser =

assets/src/hooks/useDetour.ts

@@ -1,6 +1,6 @@
 import { useCallback } from "react"
 import { ShapePoint } from "../schedule"
-import { fetchUnfinishedDetour } from "../api"
+import { fetchUnfinishedDetour, putDetourUpdate } from "../api"
 import { useApiCall } from "./useApiCall"
 import { isErr, isOk } from "../util/result"
 import { useNearestIntersection } from "./useNearestIntersection"
@@ -27,15 +27,21 @@ export const useDetour = (input: UseDetourInput) => {
 
   // Record snapshots when changed
   useEffect(() => {
-    const snapshotSubscription = actorRef.subscribe(() => {
-      const serializedSnapshot = JSON.stringify(actorRef.getPersistedSnapshot())
+    const snapshotSubscription = actorRef.subscribe((snap) => {
+      const persistedSnapshot = actorRef.getPersistedSnapshot()
+      const serializedSnapshot = JSON.stringify(persistedSnapshot)
       localStorage.setItem("snapshot", serializedSnapshot)
+      putDetourUpdate(persistedSnapshot).then((uuid: string | null) => {
+        if (uuid && snap.matches({ UUID: "Unset" })) {
+          send({ type: "detour.set.uuid", uuid })
+        }
+      })
     })
 
     return () => {
       snapshotSubscription.unsubscribe()
     }
-  }, [actorRef])
+  }, [actorRef, send])
 
   const {
     routePattern,

assets/src/models/createDetourMachine.ts

@@ -13,6 +13,7 @@ import { DetourShape, FinishedDetour } from "./detour"
 export const createDetourMachine = setup({
   types: {
     context: {} as {
+      uuid: string | undefined
       route?: Route
       routePattern?: RoutePattern
 
@@ -59,6 +60,7 @@ export const createDetourMachine = setup({
       | { type: "detour.edit.place-waypoint-on-route"; location: ShapePoint }
       | { type: "detour.edit.place-waypoint"; location: ShapePoint }
       | { type: "detour.edit.undo" }
+      | { type: "detour.set.uuid"; uuid: string }
       | { type: "detour.share.copy-detour"; detourText: string },
   },
   actors: {
@@ -159,12 +161,13 @@ export const createDetourMachine = setup({
   context: ({ input }) => ({
     ...input,
     waypoints: [],
+    uuid: undefined,
     startPoint: undefined,
     endPoint: undefined,
     finishedDetour: undefined,
     detourShape: undefined,
   }),
-
+  type: "parallel",
   initial: "Detour Drawing",
   states: {
     "Detour Drawing": {
@@ -415,6 +418,22 @@ export const createDetourMachine = setup({
         },
       },
     },
+    UUID: {
+      initial: "Unset",
+      states: {
+        Unset: {
+          on: {
+            "detour.set.uuid": {
+              target: "Set",
+              actions: assign({
+                uuid: ({ event }) => event.uuid,
+              }),
+            },
+          },
+        },
+        Set: {},
+      },
+    },
   },
 })
 

lib/skate/detours/detours.ex

@@ -7,6 +7,7 @@ defmodule Skate.Detours.Detours do
   alias Skate.Repo
 
   alias Skate.Detours.Db.Detour
+  alias Skate.Settings.User
 
   @doc """
   Returns the list of detours.
@@ -55,6 +56,39 @@ defmodule Skate.Detours.Detours do
     |> Repo.insert()
   end
 
+  @doc """
+  Creates a detour given a user id & detour id.
+  """
+  def create_detour_for_user(user_id, attrs \\ %{}) do
+    user = User.get_by_id!(user_id)
+
+    %Detour{
+      author: user
+    }
+    |> Detour.changeset(attrs)
+    |> Repo.insert()
+  end
+
+  @doc """
+  Update or create a detour given a user id & detour id.
+  """
+  def update_or_create_detour_for_user(user_id, uuid, attrs \\ %{}) do
+    user = User.get_by_id!(user_id)
+
+    case uuid do
+      nil ->
+        create_detour_for_user(user_id, attrs)
+
+      _ ->
+        Repo.insert(
+          Detour.changeset(%Detour{author: user, id: uuid}, attrs),
+          returning: true,
+          conflict_target: [:id],
+          on_conflict: {:replace, [:state, :updated_at]}
+        )
+    end
+  end
+
   @doc """
   Updates a detour.
 

lib/skate_web/controllers/detours_controller.ex

@@ -4,10 +4,28 @@ defmodule SkateWeb.DetoursController do
   alias Skate.OpenRouteServiceAPI
   use SkateWeb, :controller
 
+  alias Skate.Detours.Detours
   alias Skate.Detours.MissedStops
   alias Skate.Detours.RouteSegments
+  alias SkateWeb.AuthManager
   alias Util.Location
 
+  @spec update_snapshot(Plug.Conn.t(), map()) :: Plug.Conn.t()
+  def update_snapshot(conn, %{"snapshot" => %{"context" => context} = snapshot}) do
+    uuid = Map.get(context, "uuid")
+
+    %{id: user_id} = AuthManager.Plug.current_resource(conn)
+
+    {:ok, returned_detour} =
+      Detours.update_or_create_detour_for_user(user_id, uuid, %{
+        state: snapshot
+      })
+
+    returned_uuid = Map.get(returned_detour, :id)
+
+    json(conn, %{data: returned_uuid})
+  end
+
   @spec unfinished_detour(Plug.Conn.t(), map()) :: Plug.Conn.t()
   def unfinished_detour(conn, %{
         "route_pattern_id" => route_pattern_id,

lib/skate_web/router.ex

@@ -160,6 +160,7 @@ defmodule SkateWeb.Router do
     get "/location_search/search", LocationSearchController, :search
     get "/location_search/suggest", LocationSearchController, :suggest
     post "/detours/directions/", DetourRouteController, :directions
+    put "/detours/update_snapshot", DetoursController, :update_snapshot
     post "/detours/unfinished_detour", DetoursController, :unfinished_detour
     post "/detours/finished_detour", DetoursController, :finished_detour
   end