fix: update editor-v2 exports

Author: qradle-yndx

playground/src/app/page.tsx

@@ -4,8 +4,6 @@ import block from 'bem-cn-lite';
 import * as React from 'react';
 
 import {Editor} from '../../../src/editor-v2';
-import Source from '../../../src/editor-v2/containers/Source/Source';
-import ViewSwitches from '../../../src/editor-v2/containers/ViewSwitches/ViewSwitches';
 import C9RComponent from './components/C9RComponent';
 
 import './page.scss';
@@ -24,7 +22,6 @@ const COMPONENTS_CONFIG = {
             component: Test,
         },
     ],
-    rightTop: [Source, ViewSwitches],
 };
 
 export default function Home() {

src/common/postMessage.ts

@@ -39,5 +39,6 @@ export function usePostMessageAPIListener<K extends keyof EventMessageTypes>(
 ) {
     React.useEffect(() => {
         return listenPostMessageEvents(action, callback);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [...deps]);
 }

…/containers/BlockConfig/BlockConfig.scss …ers/BlockConfigForm/BlockConfigForm.scsssrc/editor-v2/containers/BlockConfig/BlockConfig.scss renamed to src/editor-v2/containers/BlockConfigForm/BlockConfigForm.scss src/editor-v2/containers/BlockConfig/BlockConfig.scss renamed to src/editor-v2/containers/BlockConfigForm/BlockConfigForm.scss

@@ -1,7 +1,7 @@
 @import '../../styles/variables.scss';
 @import '../../styles/mixins.scss';
 
-$block: '.#{$ns}block-config';
+$block: '.#{$ns}block-config-form';
 
 #{$block} {
     &__title {

…2/containers/BlockConfig/BlockConfig.tsx …ners/BlockConfigForm/BlockConfigForm.tsxsrc/editor-v2/containers/BlockConfig/BlockConfig.tsx renamed to src/editor-v2/containers/BlockConfigForm/BlockConfigForm.tsx src/editor-v2/containers/BlockConfig/BlockConfig.tsx renamed to src/editor-v2/containers/BlockConfigForm/BlockConfigForm.tsx

@@ -6,15 +6,15 @@ import {useMainEditorStore} from '../../hooks/useMainEditorStore';
 import {generateChildrenPathFromArray} from '../../utils';
 import {editorCn} from '../../utils/cn';
 
-import './BlockConfig.scss';
+import './BlockConfigForm.scss';
 
-const b = editorCn('block-config');
+const b = editorCn('block-config-form');
 
-interface BlockConfigProps {
+interface BlockConfigFormProps {
     className?: string;
 }
 
-const BlockConfig = ({className}: BlockConfigProps) => {
+const BlockConfigForm = ({className}: BlockConfigFormProps) => {
     const {selectedBlock, content, blocks, subBlocks, updateField} = useMainEditorStore();
 
     const currentBlockPath = selectedBlock ? generateChildrenPathFromArray(selectedBlock) : '[]';
@@ -48,4 +48,4 @@ const BlockConfig = ({className}: BlockConfigProps) => {
     );
 };
 
-export default BlockConfig;
+export default BlockConfigForm;

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

@@ -11,6 +11,8 @@ import {useEditorTabs} from '../../hooks/useEditorTabs';
 import useMainEditorInitialize from '../../hooks/useMainEditorInitialize';
 import {useMainEditorStore} from '../../hooks/useMainEditorStore';
 import {editorCn} from '../../utils/cn';
+import Source from '../Source/Source';
+import ViewSwitches from '../ViewSwitches/ViewSwitches';
 
 import './Editor.scss';
 
@@ -62,7 +64,7 @@ const EditorView = ({componentsConfig = {}}: EditorViewProps) => {
                     right={
                         <Sidebar
                             tabs={right}
-                            top={componentsConfig.rightTop}
+                            top={[...(componentsConfig.rightTop || []), Source, ViewSwitches]}
                             defaultTab="block-config"
                         />
                     }

src/editor-v2/containers/index.ts

@@ -0,0 +1,7 @@
+export {Editor} from './Editor/Editor';
+export {default as BlockConfigForm} from './BlockConfigForm/BlockConfigForm';
+export {default as BlocksList} from './BlocksList/BlocksList';
+export {default as Source} from './Source/Source';
+export {default as SourceCode} from './SourceCode/SourceCode';
+export {default as Tree} from './Tree/Tree';
+export {default as ViewSwitches} from './ViewSwitches/ViewSwitches';

src/editor-v2/hooks/index.ts

@@ -0,0 +1,2 @@
+export {usePostMessageEvents} from './usePostMessageEvents';
+export {useMainEditorStore} from './useMainEditorStore';

src/editor-v2/hooks/useEditorTabs.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react';
 
 import Tabs, {TabsItemProps} from '../components/Tabs/Tabs';
-import BlockConfig from '../containers/BlockConfig/BlockConfig';
+import BlockConfigForm from '../containers/BlockConfigForm/BlockConfigForm';
 import BlocksList from '../containers/BlocksList/BlocksList';
 import GlobalConfig from '../containers/GlobalConfig/GlobalConfig';
 import SourceCode from '../containers/SourceCode/SourceCode';
@@ -64,7 +64,7 @@ export const useEditorTabs = ({
                                 {
                                     id: 'block-config',
                                     title: 'INPUTS',
-                                    component: BlockConfig,
+                                    component: BlockConfigForm,
                                 },
                                 {
                                     id: 'source-code-yaml',

src/editor-v2/index.ts

@@ -1,2 +1,5 @@
-export {Editor} from './containers/Editor/Editor';
 export * from '../common/types';
+export * from './containers';
+export * from './hooks';
+export * from './utils';
+export * from './constants';

src/editor-v2/utils/index.ts

@@ -1,6 +1,8 @@
 import _ from 'lodash';
 
 import {ConstructorBlock} from '../../models';
+export * from './code';
+export * from './cn';
 
 export function insert<T>(arr: Array<T>, index: number, newItem: T) {
     return [...arr.slice(0, index), newItem, ...arr.slice(index)];