feat(editor): add flag hideUrl

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

@@ -36,6 +36,7 @@ interface EditorSlots {
 export interface EditorProviderProps {
     initialUrl: string;
     disableUrlField?: boolean;
+    hideUrl?: boolean;
     children: React.ReactNode;
 }
 
@@ -131,9 +132,14 @@ const EditorViewInternal = ({slots = {}, content}: EditorViewProps) => {
     );
 };
 
-export const EditorProvider = ({initialUrl, disableUrlField, children}: EditorProviderProps) => {
+export const EditorProvider = ({
+    initialUrl,
+    disableUrlField,
+    hideUrl,
+    children,
+}: EditorProviderProps) => {
     return (
-        <IframeProvider initialUrl={initialUrl} disableUrlField={disableUrlField}>
+        <IframeProvider initialUrl={initialUrl} disableUrlField={disableUrlField} hideUrl={hideUrl}>
             <MainEditorStoreProvider>{children}</MainEditorStoreProvider>
         </IframeProvider>
     );
@@ -143,7 +149,11 @@ export const EditorView = (props: EditorViewProps) => <EditorViewInternal {...pr
 
 export const Editor = (props: EditorProps) => {
     return (
-        <EditorProvider initialUrl={props.initialUrl} disableUrlField={props.disableUrlField}>
+        <EditorProvider
+            initialUrl={props.initialUrl}
+            disableUrlField={props.disableUrlField}
+            hideUrl={props.hideUrl}
+        >
             <EditorView {...props} />
         </EditorProvider>
     );

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

@@ -13,7 +13,7 @@ const b = editorCn('source');
 
 const Source = () => {
     const {resetInitialize} = useMainEditorStore();
-    const {disableUrlField, url, setUrl} = React.useContext(IframeContext);
+    const {disableUrlField, hideUrl, url, setUrl} = React.useContext(IframeContext);
 
     const onUpdateUrl = React.useCallback(
         (value: string) => {
@@ -30,6 +30,10 @@ const Source = () => {
         }, 0);
     };
 
+    if (hideUrl) {
+        return null;
+    }
+
     return (
         <div className={b()}>
             <Button className={b('icon')} view="flat" size="m" onClick={reloadIframe}>

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

@@ -17,4 +17,5 @@ const DefaultTemplate: StoryFn = (args) => {
 
 export const Default = DefaultTemplate.bind({});
 
-// Default.args = data.default;
+export const HideUrl = DefaultTemplate.bind({});
+HideUrl.args = {hideUrl: true};

src/editor-v2/context/iframeContext/IframeContext.tsx

@@ -10,6 +10,7 @@ export interface IframeContextProps {
     url: string;
     setUrl: (url: string) => void;
     disableUrlField?: boolean;
+    hideUrl?: boolean;
 }
 
 export const IframeContext = React.createContext<IframeContextProps>({

src/editor-v2/context/iframeContext/IframeProvider.tsx

@@ -5,12 +5,14 @@ import {IframeContext} from './IframeContext';
 interface IframeProviderProps extends React.PropsWithChildren {
     initialUrl?: string;
     disableUrlField?: boolean;
+    hideUrl?: boolean;
 }
 
 export const IframeProvider = ({
     children,
     initialUrl = '',
     disableUrlField,
+    hideUrl,
 }: IframeProviderProps) => {
     const [iframeElement, setIframeElement] = React.useState<HTMLIFrameElement>();
     const [url, setUrl] = React.useState(initialUrl);
@@ -25,6 +27,7 @@ export const IframeProvider = ({
                 iframeElement,
                 setIframeElement: setIframeElementFunc,
                 disableUrlField,
+                hideUrl,
             }}
         >
             {children}