fix: editor add initialContent

Author: qradle-yndx

src/editor-v2/containers/Editor/Editor.tsx

@@ -26,6 +26,7 @@ interface SidebarTabComponent {
 interface EditorViewProps {
     onUpdate?: (pageContent: PageContentWithNavigation) => void;
     initialUrl: string;
+    initialContent?: PageContentWithNavigation;
     disableUrlField?: boolean;
     componentsConfig?: {
         middleTop?: React.ElementType;
@@ -36,11 +37,11 @@ interface EditorViewProps {
     };
 }
 
-const EditorView = ({componentsConfig = {}}: EditorViewProps) => {
+const EditorView = ({componentsConfig = {}, initialContent}: EditorViewProps) => {
     const store = useMainEditorStore();
     const {manipulateOverlayMode, disableMode} = store;
 
-    useMainEditorInitialize();
+    useMainEditorInitialize(initialContent);
 
     // Disable insert mode on any MouseUp event
     // Maybe should be attached to body

src/editor-v2/hooks/useMainEditorInitialize.ts

@@ -1,9 +1,11 @@
+import * as React from 'react';
 import {usePostMessageAPIListener} from '../../common/postMessage';
+import {PageContentWithNavigation} from '../../models';
 
 import {useMainEditorStore} from './useMainEditorStore';
 import {usePostMessageEvents} from './usePostMessageEvents';
 
-const useMainEditorInitialize = () => {
+const useMainEditorInitialize = (initialContent?: PageContentWithNavigation) => {
     const {requestPostMessage} = usePostMessageEvents();
     const {
         initialize,
@@ -22,11 +24,20 @@ const useMainEditorInitialize = () => {
         () => {
             initialize();
             requestPostMessage('GET_SUPPORTED_BLOCKS', {});
-            requestPostMessage('GET_INITIAL_CONTENT', {});
+
+            if (!initialContent) {
+                requestPostMessage('GET_INITIAL_CONTENT', {});
+            }
         },
         [requestPostMessage],
     );
 
+    React.useEffect(() => {
+        if (initialContent) {
+            setContent(initialContent);
+        }
+    }, [initialContent]);
+
     usePostMessageAPIListener('ON_INITIAL_CONTENT', (data) => {
         setContent(data);
     });