page renderer props

Author: Palanikannan1437

packages/editor/src/core/components/editors/document/page-renderer.tsx

@@ -31,9 +31,6 @@ type Props = {
   isLoading?: boolean;
   isTouchDevice: boolean;
   tabIndex?: number;
-  extendedEditorProps?: IEditorPropsExtended;
-  flaggedExtensions: IEditorProps["flaggedExtensions"];
-  disabledExtensions: IEditorProps["disabledExtensions"];
   provider?: HocuspocusProvider;
   state?: TCollabValue["state"];
 };
@@ -53,8 +50,6 @@ export function PageRenderer(props: Props) {
     isTouchDevice,
     tabIndex,
     titleEditor,
-    flaggedExtensions,
-    disabledExtensions,
     provider,
     state,
   } = props;
@@ -98,7 +93,14 @@ export function PageRenderer(props: Props) {
             <EditorContentWrapper editor={editor} id={id} tabIndex={tabIndex} />
             {editor.isEditable && !isTouchDevice && (
               <div>
-                {bubbleMenuEnabled && <EditorBubbleMenu editor={editor} />}
+                {bubbleMenuEnabled && (
+                  <EditorBubbleMenu
+                    editor={editor}
+                    disabledExtensions={disabledExtensions}
+                    extendedEditorProps={extendedEditorProps}
+                    flaggedExtensions={flaggedExtensions}
+                  />
+                )}
                 <BlockMenu
                   editor={editor}
                   flaggedExtensions={flaggedExtensions}

packages/editor/src/core/hooks/use-collaborative-editor.ts

@@ -15,6 +15,7 @@ import type {
   TCollaborativeEditorHookProps,
   ICollaborativeDocumentEditorProps,
   IEditorPropsExtended,
+  IEditorProps,
   TEditorHookProps,
   EditorTitleRefApi,
 } from "@/types";
@@ -124,7 +125,6 @@ export const useCollaborativeEditor = (props: UseCollaborativeEditorArgs) => {
       onEditorFocus,
       onTransaction,
       placeholder,
-      showPlaceholderOnEmpty,
       provider,
       tabIndex,
     }),
@@ -150,6 +150,7 @@ export const useCollaborativeEditor = (props: UseCollaborativeEditorArgs) => {
       onTransaction,
       placeholder,
       showPlaceholderOnEmpty,
+      provider,
       tabIndex,
     ]
   );
@@ -175,6 +176,7 @@ export const useCollaborativeEditor = (props: UseCollaborativeEditorArgs) => {
     updatePageProperties?: ICollaborativeDocumentEditorProps["updatePageProperties"];
     extensions: Extensions;
     extendedEditorProps?: IEditorPropsExtended;
+    getEditorMetaData?: IEditorProps["getEditorMetaData"];
   }>(
     () => ({
       id,
@@ -184,8 +186,9 @@ export const useCollaborativeEditor = (props: UseCollaborativeEditorArgs) => {
       updatePageProperties,
       extensions: titleExtensions,
       extendedEditorProps,
+      getEditorMetaData,
     }),
-    [provider, id, editable, titleRef, updatePageProperties, titleExtensions, extendedEditorProps]
+    [provider, id, editable, titleRef, updatePageProperties, titleExtensions, extendedEditorProps, getEditorMetaData]
   );
 
   const titleEditor = useTitleEditor(titleEditorConfig as Parameters<typeof useTitleEditor>[0]);

packages/editor/src/core/hooks/use-title-editor.ts

@@ -10,7 +10,7 @@ import { TitleExtensions } from "@/extensions/title-extension";
 // helpers
 import { getEditorRefHelpers } from "@/helpers/editor-ref";
 // types
-import type { IEditorPropsExtended } from "@/types";
+import type { IEditorPropsExtended, IEditorProps } from "@/types";
 import type { EditorTitleRefApi, ICollaborativeDocumentEditorProps } from "@/types/editor";
 
 type Props = {
@@ -24,14 +24,15 @@ type Props = {
   updatePageProperties?: ICollaborativeDocumentEditorProps["updatePageProperties"];
   id: string;
   extendedEditorProps?: IEditorPropsExtended;
+  getEditorMetaData?: IEditorProps["getEditorMetaData"];
 };
 
 /**
  * A hook that creates a title editor with collaboration features
  * Uses the same Y.Doc as the main editor but a different field
  */
 export const useTitleEditor = (props: Props) => {
-  const { editable = true, id, initialValue = "", extensions, provider, updatePageProperties, titleRef } = props;
+  const { editable = true, id, initialValue = "", extensions, provider, updatePageProperties, titleRef, getEditorMetaData } = props;
 
   // Force editor recreation when Y.Doc changes (provider.document.guid)
   const docKey = provider?.document?.guid ?? id;
@@ -62,6 +63,7 @@ export const useTitleEditor = (props: Props) => {
     ...getEditorRefHelpers({
       editor,
       provider,
+      getEditorMetaData: getEditorMetaData ?? (() => ({ file_assets: [], user_mentions: [] })),
     }),
     clearEditor: (emitUpdate = false) => {
       editor