Link to staging downloads in non-production builds (#7831)

* Link to staging downloads in non-production builds

* Move download path to route utils

Author: jacebrowning

src/App.tsx

@@ -47,11 +47,11 @@ import { DownloadAppToast } from '@src/components/DownloadAppToast'
 import { WasmErrToast } from '@src/components/WasmErrToast'
 import openWindow from '@src/lib/openWindow'
 import {
-  APP_DOWNLOAD_PATH,
   DOWNLOAD_APP_TOAST_ID,
   ONBOARDING_TOAST_ID,
   WASM_INIT_FAILED_TOAST_ID,
 } from '@src/lib/constants'
+import { APP_DOWNLOAD_PATH } from '@src/routes/utils'
 import { isPlaywright } from '@src/lib/isPlaywright'
 import { useNetworkHealthStatus } from '@src/components/NetworkHealthIndicator'
 import { useNetworkMachineStatus } from '@src/components/NetworkMachineIndicator'

src/components/OpenInDesktopAppHandler.tsx

@@ -4,10 +4,10 @@ import { base64ToString } from '@src/lib/base64'
 
 import { ActionButton } from '@src/components/ActionButton'
 import {
-  APP_DOWNLOAD_PATH,
   ASK_TO_OPEN_QUERY_PARAM,
   ZOO_STUDIO_PROTOCOL,
 } from '@src/lib/constants'
+import { APP_DOWNLOAD_PATH } from '@src/routes/utils'
 import { isDesktop } from '@src/lib/isDesktop'
 import { Themes, darkModeMatcher, setThemeClass } from '@src/lib/theme'
 import toast from 'react-hot-toast'

src/components/StatusBar/defaultStatusBarItems.tsx

@@ -12,7 +12,7 @@ import { Popover } from '@headlessui/react'
 import Tooltip from '@src/components/Tooltip'
 import { HelpMenu } from '@src/components/HelpMenu'
 import { isDesktop } from '@src/lib/isDesktop'
-import { APP_DOWNLOAD_PATH } from '@src/lib/constants'
+import { APP_DOWNLOAD_PATH } from '@src/routes/utils'
 import { desktopAppPitchMessage } from '@src/components/DownloadAppToast'
 import { withSiteBaseURL } from '@src/lib/withBaseURL'
 import {

src/lib/constants.ts

@@ -3,7 +3,6 @@ import type { Models } from '@kittycad/lib/dist/types/src'
 import type { UnitAngle, UnitLength } from '@rust/kcl-lib/bindings/ModelingCmd'
 
 export const APP_NAME = 'Design Studio'
-export const APP_DOWNLOAD_PATH = 'design-studio/download'
 /** Search string in new project names to increment as an index */
 export const INDEX_IDENTIFIER = '$n'
 /** The maximum number of 0's to pad a default project name's index with */

src/lib/promptToEdit.tsx

@@ -5,7 +5,8 @@ import { diffLines } from 'diff'
 import toast from 'react-hot-toast'
 import type { TextToCadMultiFileIteration_type } from '@kittycad/lib/dist/types/src/models'
 import { getCookie, TOKEN_PERSIST_KEY } from '@src/machines/authMachine'
-import { APP_DOWNLOAD_PATH, COOKIE_NAME } from '@src/lib/constants'
+import { COOKIE_NAME } from '@src/lib/constants'
+import { APP_DOWNLOAD_PATH } from '@src/routes/utils'
 import { isDesktop } from '@src/lib/isDesktop'
 import { openExternalBrowserIfDesktop } from '@src/lib/openWindow'
 import { ActionButton } from '@src/components/ActionButton'

src/routes/Onboarding/BrowserOnboardingRoutes.tsx

@@ -17,8 +17,8 @@ import {
   ONBOARDING_DATA_ATTRIBUTE,
   BROWSER_PROJECT_NAME,
   PROJECT_ENTRYPOINT,
-  APP_DOWNLOAD_PATH,
 } from '@src/lib/constants'
+import { APP_DOWNLOAD_PATH } from '@src/routes/utils'
 import { PATHS, joinRouterPaths } from '@src/lib/paths'
 import type { Selections } from '@src/lib/selections'
 import { systemIOActor, commandBarActor } from '@src/lib/singletons'

src/routes/utils.ts

@@ -50,6 +50,8 @@ export const IS_STAGING = PACKAGE_NAME.indexOf('-staging') > -1
 export const IS_STAGING_OR_DEBUG =
   IS_STAGING || APP_VERSION === '0.0.0' || APP_VERSION === 'dev'
 
+export const APP_DOWNLOAD_PATH = `design-studio/download${IS_STAGING_OR_DEBUG ? '/staging' : ''}`
+
 export function getRefFromVersion(version: string) {
   const hash = version.split('.').pop()
   if (hash && hash.length === 7) {