From cddcf58a9331ac2ac5d62919b185e2b5e171c8d2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mime=20=C4=8Cuvalo?= <mimecuvalo@gmail.com>
Date: Fri, 26 Apr 2024 16:20:12 +0100
Subject: [PATCH] snapshot too

---
 apps/dotcom/src/routes.tsx           | 9 +++++++--
 apps/dotcom/src/utils/sharing.ts     | 3 ++-
 packages/dotcom-shared/src/index.ts  | 1 +
 packages/dotcom-shared/src/routes.ts | 2 ++
 4 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/apps/dotcom/src/routes.tsx b/apps/dotcom/src/routes.tsx
index 9789aa0e3..a89245bfc 100644
--- a/apps/dotcom/src/routes.tsx
+++ b/apps/dotcom/src/routes.tsx
@@ -1,5 +1,10 @@
 import { captureException } from '@sentry/react'
-import { READ_ONLY_LEGACY_PREFIX, READ_ONLY_PREFIX, ROOM_PREFIX } from '@tldraw/dotcom-shared'
+import {
+	READ_ONLY_LEGACY_PREFIX,
+	READ_ONLY_PREFIX,
+	ROOM_PREFIX,
+	SNAPSHOT_PREFIX,
+} from '@tldraw/dotcom-shared'
 import { useEffect } from 'react'
 import { Outlet, Route, createRoutesFromElements, useRouteError } from 'react-router-dom'
 import { DefaultErrorFallback } from './components/DefaultErrorFallback/DefaultErrorFallback'
@@ -38,7 +43,7 @@ export const router = createRoutesFromElements(
 				path={`/${ROOM_PREFIX}/:boardId/history/:timestamp`}
 				lazy={() => import('./pages/history-snapshot')}
 			/>
-			<Route path="/s/:roomId" lazy={() => import('./pages/public-snapshot')} />
+			<Route path={`/${SNAPSHOT_PREFIX}/:roomId`} lazy={() => import('./pages/public-snapshot')} />
 			<Route
 				path={`/${READ_ONLY_LEGACY_PREFIX}/:roomId`}
 				lazy={() => import('./pages/public-readonly-legacy')}
diff --git a/apps/dotcom/src/utils/sharing.ts b/apps/dotcom/src/utils/sharing.ts
index d562a6820..193fdd9cf 100644
--- a/apps/dotcom/src/utils/sharing.ts
+++ b/apps/dotcom/src/utils/sharing.ts
@@ -3,6 +3,7 @@ import {
 	CreateSnapshotRequestBody,
 	CreateSnapshotResponseBody,
 	ROOM_PREFIX,
+	SNAPSHOT_PREFIX,
 	Snapshot,
 } from '@tldraw/dotcom-shared'
 import { useMemo } from 'react'
@@ -70,7 +71,7 @@ async function getSnapshotLink(
 	}
 	const paramsToUse = getViewportUrlQuery(editor)
 	const params = paramsToUse ? `?${new URLSearchParams(paramsToUse).toString()}` : ''
-	return new Blob([`${window.location.origin}/s/${response.roomId}${params}`], {
+	return new Blob([`${window.location.origin}/${SNAPSHOT_PREFIX}/${response.roomId}${params}`], {
 		type: 'text/plain',
 	})
 }
diff --git a/packages/dotcom-shared/src/index.ts b/packages/dotcom-shared/src/index.ts
index 500038de4..5d9360f06 100644
--- a/packages/dotcom-shared/src/index.ts
+++ b/packages/dotcom-shared/src/index.ts
@@ -4,6 +4,7 @@ export {
 	ROOM_OPEN_MODE,
 	ROOM_PREFIX,
 	RoomOpenModeToPath,
+	SNAPSHOT_PREFIX,
 	type RoomOpenMode,
 } from './routes'
 export type {
diff --git a/packages/dotcom-shared/src/routes.ts b/packages/dotcom-shared/src/routes.ts
index 6107ba470..3b31b6d25 100644
--- a/packages/dotcom-shared/src/routes.ts
+++ b/packages/dotcom-shared/src/routes.ts
@@ -12,6 +12,8 @@ export const READ_ONLY_PREFIX = 'ro'
 export const READ_ONLY_LEGACY_PREFIX = 'v'
 /** @public */
 export const ROOM_PREFIX = 'r'
+/** @public */
+export const SNAPSHOT_PREFIX = 's'
 
 /** @public */
 export const RoomOpenModeToPath: Record<RoomOpenMode, string> = {