editor pdf exporting

apps/web/src/components/ui/report/ReportEditor.tsx

@@ -1,6 +1,6 @@
 'use client';
 
-import React, { useImperativeHandle, useRef } from 'react';
+import React, { useEffect, useImperativeHandle, useRef } from 'react';
 import type { Value, AnyPluginConfig } from 'platejs';
 import { Plate, type TPlateEditor } from 'platejs/react';
 import { EditorContainer } from './EditorContainer';

apps/web/src/components/ui/report/index.ts

@@ -1 +0,0 @@
-export { registerReportEditor, unregisterReportEditor, getReportEditor } from './editorRegistry';

apps/web/src/controllers/ReportPageControllers/ReportPageController/ReportPageController.tsx

@@ -9,10 +9,7 @@ import { useDebounceFn } from '@/hooks/useDebounce';
 import type { ReportElements } from '@buster/server-shared/reports';
 //import DynamicReportEditor from '@/components/ui/report/DynamicReportEditor';
 import { ReportEditor, type IReportEditor } from '@/components/ui/report/ReportEditor';
-import {
+import { registerReportEditor, unregisterReportEditor } from './editorRegistry';
-  registerReportEditor,
-  unregisterReportEditor
-} from '@/components/ui/report/editorRegistry';
 import { ReportEditorSkeleton } from '@/components/ui/report/ReportEditorSkeleton';
 
 export const ReportPageController: React.FC<{

apps/web/src/controllers/ReportPageControllers/ReportPageController/editorRegistry.ts

@@ -1,4 +1,4 @@
-import type { IReportEditor } from './ReportEditor';
+import type { IReportEditor } from '@/components/ui/report/ReportEditor';
 
 // Simple in-memory registry to map reportId -> editor instance
 const reportEditorRegistry = new Map<string, IReportEditor>();
@@ -13,4 +13,4 @@ export const unregisterReportEditor = (reportId: string) => {
 
 export const getReportEditor = (reportId: string): IReportEditor | undefined => {
   return reportEditorRegistry.get(reportId);
-};
+};

apps/web/src/controllers/ReportPageControllers/ReportPageController/index.ts

@@ -1 +1,2 @@
 export * from './ReportPageController';
+export * from './editorRegistry';

apps/web/src/layouts/ChatLayout/FileContainer/FileContainerHeader/ReportContainerHeaderButtons/ReportThreeDotMenu.tsx

@@ -26,7 +26,7 @@ import { useFavoriteStar } from '@/components/features/list/FavoriteStar';
 import { useStatusDropdownContent } from '@/components/features/metrics/StatusBadgeIndicator/useStatusDropdownContent';
 import type { VerificationStatus } from '@buster/server-shared/share';
 import { useSaveToCollectionsDropdownContent } from '@/components/features/dropdowns/SaveToCollectionsDropdown';
-import { getReportEditor } from '@/components/ui/report/editorRegistry';
+import { getReportEditor } from '@/controllers/ReportPageControllers/ReportPageController/editorRegistry';
 import { NodeTypeLabels } from '@/components/ui/report/config/labels';
 import { useExportReport } from '@/components/ui/report/hooks';
 
@@ -313,20 +313,22 @@ const useDuplicateReportSelectMenu = (): DropdownItem => {
 
 // Download as PDF
 const useDownloadPdfSelectMenu = ({ reportId }: { reportId: string }): DropdownItem => {
-  const { openErrorMessage, openInfoMessage } = useBusterNotifications();
+  const { openErrorMessage } = useBusterNotifications();
   const editor = getReportEditor(reportId);
   const { exportToPdf } = useExportReport();
 
-  const onClick = useMemoizedFn(async () => {
+  const onClick = async () => {
-    if (!editor) {
+    try {
-      openErrorMessage(NodeTypeLabels.failedToExportPdf.label);
+      if (!editor) {
-      return;
+        openErrorMessage(NodeTypeLabels.failedToExportPdf.label);
+        return;
+      }
+
+      await exportToPdf(editor);
+    } catch (error) {
+      openErrorMessage('Failed to export PDF');
     }
-
+  };
-    await exportToPdf(editor);
-
-    //
-  });
 
   return useMemo(
     () => ({
@@ -335,6 +337,6 @@ const useDownloadPdfSelectMenu = ({ reportId }: { reportId: string }): DropdownI
       icon: <FileText />,
       onClick
     }),
-    [onClick]
+    []
   );
 };