Merge pull request #33341 from overleaf/mj-two-step-export-web

[web] Add two-step pandoc conversion download

GitOrigin-RevId: 093f435a497a7583d2b4d23558415cc442f84553

services/web/frontend/js/features/ide-react/hooks/use-convert-project.ts

@@ -0,0 +1,44 @@
+import { getJSON } from '@/infrastructure/fetch-json'
+import { useLocation } from '@/shared/hooks/use-location'
+import { debugConsole } from '@/utils/debugging'
+import { useProjectContext } from '@/shared/context/project-context'
+import { useCallback } from 'react'
+import {
+  hidePreparingExportToast,
+  showExportDocumentError,
+  showPreparingExportToast,
+} from '../components/toolbar/export-document-toasts'
+
+const SLOW_CONVERSION_THRESHOLD = 2000
+
+export default function useConvertProject(type: 'docx' | 'markdown') {
+  const { projectId } = useProjectContext()
+  const location = useLocation()
+  const triggerConversion = useCallback(async () => {
+    let handle: string | undefined
+    const toastTimer = setTimeout(() => {
+      handle = showPreparingExportToast()
+    }, SLOW_CONVERSION_THRESHOLD)
+    const hidePreparingToast = () => {
+      clearTimeout(toastTimer)
+      if (handle) hidePreparingExportToast(handle)
+    }
+    try {
+      const response = await getJSON(
+        `/project/${projectId}/download/conversion/${type}?responseFormat=json`
+      )
+      hidePreparingToast()
+      const { downloadUrl } = response
+      if (downloadUrl) {
+        const url = new URL(downloadUrl, window.location.origin)
+        location.assign(url.toString())
+      }
+    } catch (error) {
+      hidePreparingToast()
+      showExportDocumentError()
+      debugConsole.error(error)
+    }
+  }, [projectId, type, location])
+
+  return triggerConversion
+}