feat: added enableLivePreviewOutsideIframe key to on or off the outside iframe feature by default

Author: contentstackMridul

src/configManager/config.default.ts

@@ -39,6 +39,7 @@ export function getUserInitData(): IInitData {
             environment: "",
         },
         runScriptsOnUpdate: false,
+        enableLivePreviewOutsideIframe: false,
     };
 }
 
@@ -110,5 +111,6 @@ export function getDefaultConfig(): IConfig {
             },
             payload: [],
         },
+        enableLivePreviewOutsideIframe: false,
     };
 }

src/configManager/handleUserConfig.ts

@@ -121,6 +121,8 @@ export const handleInitData = (initData: Partial<IInitData>): void => {
             "bottom-right",
     })
 
+    Config.set("enableLivePreviewOutsideIframe", initData.enableLivePreviewOutsideIframe ?? config.enableLivePreviewOutsideIframe ?? false);
+
     // client URL params
     handleClientUrlParams(
         initData.clientUrlParams ??

src/livePreview/eventManager/postMessageEvent.hooks.ts

@@ -128,6 +128,7 @@ export function sendInitializeLivePreviewPostMessageEvent(): void {
                     href: window.location.href,
                     sdkVersion: process?.env?.PACKAGE_VERSION,
                     mode: Config.get().mode,
+                    enableLivePreviewOutsideIframe: Config.get().enableLivePreviewOutsideIframe,
                 },
             }
         )

src/types/types.ts

@@ -87,6 +87,7 @@ export declare interface IConfig {
         highlightedElement: HTMLElement | null;
     };
     collab: ICollabConfig["collab"];
+    enableLivePreviewOutsideIframe: boolean;
 }
 
 
@@ -132,6 +133,7 @@ export declare interface IInitData {
     editButton: IConfigEditButton;
     editInVisualBuilderButton: IConfigEditInVisualBuilderButton;
     mode: ILivePreviewMode;
+    enableLivePreviewOutsideIframe: boolean; // default: false
 }
 
 // type PickPartial<T, K extends keyof T> = Partial<Pick<T, K>> & Omit<T, K>;