feat: content finalization

src/containers/PageConstructor/PageConstructor.tsx

@@ -14,6 +14,7 @@ import {
     BlockTypes,
     CustomConfig,
     CustomItems,
+    FinalizeContent,
     HeaderBlockTypes,
     NavigationData,
     NavigationItemTypes,
@@ -49,16 +50,15 @@ export interface PageConstructorProps {
     custom?: CustomConfig;
     renderMenu?: () => React.ReactNode;
     navigation?: NavigationData;
+    finalizeContent?: FinalizeContent;
 }
 
 export const Constructor = (props: PageConstructorProps) => {
-    const {
-        content: {blocks = [], background} = {},
-        renderMenu,
-        shouldRenderBlock,
-        navigation,
-        custom,
-    } = props;
+    const {renderMenu, shouldRenderBlock, navigation, custom, finalizeContent} = props;
+
+    const content =
+        props.content && finalizeContent ? finalizeContent(props.content) : props.content;
+    const {blocks = [], background} = content ?? {};
 
     const {context} = useMemo(
         () => ({

src/editor/containers/Editor/Editor.tsx

@@ -22,6 +22,7 @@ export const Editor = ({
     onChange,
     providerProps,
     transformContent,
+    finalizeContent,
     deviceEmulationSettings,
     theme: editorTheme,
     ...rest
@@ -81,6 +82,7 @@ export const Editor = ({
             content: transformedContent,
             custom,
             viewMode,
+            finalizeContent,
         };
     }, [
         injectEditBlockProps,
@@ -89,6 +91,7 @@ export const Editor = ({
         viewMode,
         transformedContent,
         rest.custom,
+        finalizeContent,
     ]);
 
     const context = useMemo(

src/editor/types/index.ts

@@ -1,5 +1,5 @@
 import {PageConstructorProps, PageConstructorProviderProps} from '../../containers/PageConstructor';
-import {BlockDecorationProps, PageContent} from '../../models';
+import {BlockDecorationProps, FinalizeContent, PageContent} from '../../models';
 import {Theme} from '../../models/common';
 import {SchemaCustomConfig} from '../../schema';
 import {EditBlockActions} from '../components/EditBlock/EditBlock';
@@ -26,6 +26,7 @@ export interface EditorProps
     providerProps?: PageConstructorProviderProps;
     onChange?: (data: PageContent) => void;
     transformContent?: ContentTransformer;
+    finalizeContent?: FinalizeContent;
     customSchema?: SchemaCustomConfig;
     deviceEmulationSettings?: DeviceEmulationSettings;
     theme?: Theme;

src/models/constructor.ts

@@ -16,12 +16,15 @@ export interface Menu {
     title: string;
 }
 
+export type PageMetadata = Record<string, object>;
+
 export type ConstructorBlock = ConstructorItem | CustomBlock;
 
 export interface PageContent extends Animatable {
     blocks: ConstructorBlock[];
     menu?: Menu;
     background?: ThemedMediaProps;
+    meta?: PageMetadata;
 }
 
 export interface InitConstrucorState {
@@ -44,6 +47,7 @@ export type FetchLoadableData<TData = LoadableData> = (
     params: FetchLoadableDataParams,
 ) => Promise<TData>;
 export type ShouldRenderBlock = (block: ConstructorBlock, blockKey: string) => Boolean;
+export type FinalizeContent = (content: PageContent) => PageContent;
 export type OnInit = (data: InitConstrucorState) => void;
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 type ComponentProps = React.ComponentProps<React.ComponentClass<any>>;