Persist writing session timer on first save when routes change

app/components/common/editor.tsx

@@ -218,11 +218,7 @@ const Editor = ({
 	}
 
 	const handleTitleChange = (title: string) => {
-		if (editorData.title.trim() === '') {
-			setEditorData({ title }, { ignoreAutoSave: isTitleFirstEdit })
-		} else {
-			setEditorData({ title })
-		}
+		setEditorData({ title }, { ignoreAutoSave: isTitleFirstEdit })
 	}
 
 	const handleWordCountChange = (count: number) => {

app/components/editor/writing-session-timer.tsx

@@ -3,6 +3,7 @@ import {
 	FormEvent,
 	ReactNode,
 	SetStateAction,
+	useContext,
 	useEffect,
 	useState,
 } from 'react'
@@ -40,6 +41,7 @@ import {
 	TooltipTrigger,
 } from '~/components/ui/tooltip'
 import { useToast } from '~/components/ui/use-toast'
+import { AureliusContext, AureliusProviderData } from '~/lib/providers/aurelius'
 import {
 	WritingSessionDialogProps,
 	WritingSessionSettings,
@@ -107,9 +109,11 @@ const WritingSessionTimer = ({
 	writingSessionOpen,
 	writingSessionSettings,
 }: WritingSessionTimerProps) => {
+	const { sessionTimer } = useContext<AureliusProviderData>(AureliusContext)
+
 	const [elapsedMinutes, setElapsedMinutes] = useState(0)
 	const [startingWordCount, setStartingWordCount] = useState(wordCount)
-	const sessionTimer = useTimer()
+
 	const { toast } = useToast()
 
 	const pauseWritingSession = () => {

app/lib/providers/aurelius.tsx

@@ -1,14 +1,18 @@
 import { ReactNode, Suspense, createContext } from 'react'
+import { Timer, useTimer } from 'react-use-precision-timer'
 
 import { useQuery } from '@evolu/react'
 import LoadingScreen from '~/components/common/loading-screen'
 import { SettingsRow, settingsQuery } from '~/services/evolu/client'
 
 export type AureliusProviderData = {
+	sessionTimer: Timer
 	settings: SettingsRow
 }
 
 export const AureliusContext = createContext<AureliusProviderData>({
+	// @ts-expect-error: tradeoff between having this comment in multiple places or one place
+	sessionTimer: null,
 	// @ts-expect-error: tradeoff between having this comment in multiple places or one place
 	settings: null,
 })
@@ -19,8 +23,10 @@ type AureliusProviderProps = {
 
 const AureliusProvider = ({ children }: AureliusProviderProps) => {
 	const { rows: settings } = useQuery(settingsQuery)
+	const sessionTimer = useTimer()
 
 	const data: AureliusProviderData = {
+		sessionTimer,
 		settings: settings[0],
 	}