@contentstack/live-preview-utils 4.4.2 → 4.4.4

package/dist/modern/livePreview/eventManager/postMessageEvent.hooks.js

@@ -1,8 +1,8 @@
 import "../../chunk-5WRI5ZAA.js";
 
 // src/livePreview/eventManager/postMessageEvent.hooks.ts
-import { isOpeningInNewTab } from "../../common/inIframe.js";
-import Config, { setConfigFromParams } from "../../configManager/configManager.js";
+import { inVisualEditor, isOpeningInNewTab } from "../../common/inIframe.js";
+import Config, { syncToStackSdk } from "../../configManager/configManager.js";
 import { PublicLogger } from "../../logger/logger.js";
 import { ILivePreviewWindowType } from "../../types/types.js";
 import { addParamsToUrl, isOpeningInTimeline } from "../../utils/index.js";
@@ -43,9 +43,10 @@ function useOnEntryUpdatePostMessageEvent() {
       try {
         const { ssr, onChange, stackDetails } = Config.get();
         const event_type = event.data._metadata?.event_type;
-        setConfigFromParams({
-          live_preview: event.data.hash
-        });
+        if (event.data.hash) {
+          Config.set("hash", event.data.hash);
+          syncToStackSdk({ hash: event.data.hash });
+        }
         if (!ssr && !event_type) {
           onChange();
         }
@@ -64,8 +65,8 @@ function useOnEntryUpdatePostMessageEvent() {
               window.location.reload();
             } else {
               live_preview = event.data.hash;
-              content_type_uid = event.data.content_type_uid || stackDetails.$contentTypeUid?.toString() || "";
-              entry_uid = event.data.entry_uid || stackDetails.$entryUid?.toString() || "";
+              content_type_uid = event.data.content_type_uid || stackDetails.contentTypeUid?.toString() || "";
+              entry_uid = event.data.entry_uid || stackDetails.entryUid?.toString() || "";
               url.searchParams.set("live_preview", live_preview);
               if (content_type_uid) {
                 url.searchParams.set(
@@ -103,7 +104,7 @@ function sendInitializeLivePreviewPostMessageEvent() {
   const initConfig = {
     shouldReload: config.ssr,
     href: window.location.href,
-    sdkVersion: "4.4.2",
+    sdkVersion: "4.4.4",
     mode: config.mode
   };
   if (config.enableLivePreviewOutsideIframe !== void 0) {
@@ -120,14 +121,16 @@ function sendInitializeLivePreviewPostMessageEvent() {
       entryUid,
       windowType = ILivePreviewWindowType.PREVIEW
     } = data || {};
+    if (inVisualEditor()) {
+      return;
+    }
     if (Config?.get()?.windowType && Config.get().windowType === ILivePreviewWindowType.BUILDER) {
       return;
     }
     if (contentTypeUid && entryUid) {
-      setConfigFromParams({
-        content_type_uid: contentTypeUid,
-        entry_uid: entryUid
-      });
+      Config.set("stackDetails.contentTypeUid", contentTypeUid);
+      Config.set("stackDetails.entryUid", entryUid);
+      syncToStackSdk({ contentTypeUid, entryUid });
     } else {
     }
     if (Config.get().ssr || isOpeningInTimeline() || isOpeningInNewTab()) {

package/dist/modern/livePreview/eventManager/postMessageEvent.hooks.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/livePreview/eventManager/postMessageEvent.hooks.ts"],"sourcesContent":["import { isOpeningInNewTab } from \"../../common/inIframe\";\nimport Config, { setConfigFromParams } from \"../../configManager/configManager\";\nimport { PublicLogger } from \"../../logger/logger\";\nimport { ILivePreviewWindowType } from \"../../types/types\";\nimport { addParamsToUrl, isOpeningInTimeline } from \"../../utils\";\nimport livePreviewPostMessage from \"./livePreviewEventManager\";\nimport { LIVE_PREVIEW_POST_MESSAGE_EVENTS } from \"./livePreviewEventManager.constant\";\nimport {\n    HistoryLivePreviewPostMessageEventData,\n    LivePreviewInitEventResponse,\n    OnChangeLivePreviewPostMessageEventData,\n    OnChangeLivePreviewPostMessageEventTypes,\n} from \"./types/livePreviewPostMessageEvent.type\";\n\n/**\n * Registers a post message event listener for history-related events.\n * The listener handles events for forward, backward, and reload actions on the browser history.\n */\nexport function useHistoryPostMessageEvent(): void {\n    livePreviewPostMessage?.on<HistoryLivePreviewPostMessageEventData>(\n        LIVE_PREVIEW_POST_MESSAGE_EVENTS.HISTORY,\n        (event) => {\n            switch (event.data.type) {\n                case \"forward\": {\n                    window.history.forward();\n                    break;\n                }\n                case \"backward\": {\n                    window.history.back();\n                    break;\n                }\n                case \"reload\": {\n                    window.history.go();\n                    break;\n                }\n                default: {\n                    const exhaustiveCheck: never = event.data.type;\n                    throw new Error(`Unhandled event: ${exhaustiveCheck}`);\n                }\n            }\n        }\n    );\n}\n\n/**\n * Registers a post message event listener for updating the entry in the live preview.\n */\nexport function useOnEntryUpdatePostMessageEvent(): void {\n    livePreviewPostMessage?.on<OnChangeLivePreviewPostMessageEventData>(\n        LIVE_PREVIEW_POST_MESSAGE_EVENTS.ON_CHANGE,\n        (event) => {\n            try {\n                const { ssr, onChange, stackDetails } = Config.get();\n                const event_type = event.data._metadata?.event_type;\n                setConfigFromParams({\n                    live_preview: event.data.hash,\n                });\n\n                // This section will run when there is a change in the entry and the website is CSR\n                if (!ssr && !event_type) {\n                    onChange();\n                }\n\n                if (isOpeningInNewTab()) {\n                    if (!window) {\n                        PublicLogger.error(\"window is not defined\");\n                        return;\n                    };\n\n                    if (ssr && !event_type) {\n                        const url = new URL(window.location.href);\n                        let live_preview = url.searchParams.get(\"live_preview\");\n                        let content_type_uid = url.searchParams.get(\"content_type_uid\");\n                        let entry_uid = url.searchParams.get(\"entry_uid\");\n\n                        if (live_preview && content_type_uid && entry_uid) {\n                            // All required params are present, just reload\n                            window.location.reload();\n                        } else {\n                            live_preview = event.data.hash;\n                            content_type_uid = event.data.content_type_uid || stackDetails.$contentTypeUid?.toString() || \"\";\n                            entry_uid = event.data.entry_uid || stackDetails.$entryUid?.toString() || \"\";\n                            // Set missing params and redirect\n                            url.searchParams.set(\"live_preview\", live_preview);\n                            if (content_type_uid) {\n                                url.searchParams.set(\n                                    \"content_type_uid\",\n                                    content_type_uid\n                                );\n                            }\n                            if (entry_uid) {\n                                url.searchParams.set(\n                                    \"entry_uid\",\n                                    entry_uid\n                                );\n                            }\n                            window.location.href = url.toString();\n                        }\n                    }\n\n                    // This section will run when the hash changes and the website is SSR or CSR\n                    if (event_type === OnChangeLivePreviewPostMessageEventTypes.HASH_CHANGE) {\n                        const newUrl = new URL(window.location.href);\n                        newUrl.searchParams.set(\"live_preview\", event.data.hash);\n                        window.history.pushState({}, \"\", newUrl.toString());\n                    }\n\n                    // This section will run when the URL of the page changes\n                    if (event_type === OnChangeLivePreviewPostMessageEventTypes.URL_CHANGE && event.data.url) {\n                        window.location.href = event.data.url;\n                    }\n                }\n            } catch (error) {\n                PublicLogger.error(\"Error handling live preview update:\", error);\n                return;\n            }\n        }\n    );\n}\n\nexport function sendInitializeLivePreviewPostMessageEvent(): void {\n    const config = Config.get();\n    const initConfig: {\n        shouldReload: boolean;\n        href: string;\n        sdkVersion: string | undefined;\n        mode: number;\n        enableLivePreviewOutsideIframe?: boolean;\n    } = {\n        shouldReload: config.ssr,\n        href: window.location.href,\n        sdkVersion: process?.env?.PACKAGE_VERSION,\n        mode: config.mode,\n    };\n\n    if (config.enableLivePreviewOutsideIframe !== undefined) {\n        initConfig.enableLivePreviewOutsideIframe = config.enableLivePreviewOutsideIframe;\n    }\n\n    livePreviewPostMessage\n        ?.send<LivePreviewInitEventResponse>(\n            LIVE_PREVIEW_POST_MESSAGE_EVENTS.INIT,\n            {\n                config: initConfig,\n            }\n        )\n        .then((data) => {\n            const {\n                contentTypeUid,\n                entryUid,\n                windowType = ILivePreviewWindowType.PREVIEW,\n            } = data || {};\n\n            // TODO: This is a fix for the issue where we were calling sending init in the builder\n            // Let's remove this condition when we fix it.\n            if (Config?.get()?.windowType && Config.get().windowType === ILivePreviewWindowType.BUILDER) {\n                return;\n            }\n\n            if (contentTypeUid && entryUid) {\n                // TODO: we should not use this function. Instead we should have sideEffect run automatically when we set the config.\n                setConfigFromParams({\n                    content_type_uid: contentTypeUid,\n                    entry_uid: entryUid,\n                });\n            } else {\n                // TODO: add debug logs that runs conditionally\n                // PublicLogger.debug(\n                //     \"init message did not contain contentTypeUid or entryUid.\"\n                // );\n            }\n            if (Config.get().ssr || isOpeningInTimeline() || isOpeningInNewTab()) {\n                addParamsToUrl();\n            }\n            Config.set(\"windowType\", windowType);\n\n            // set timeout for client side (use to show warning: You are not editing this page)\n            if (!Config.get().ssr) {\n                setInterval(() => {\n                    sendCurrentPageUrlPostMessageEvent();\n                }, 1500);\n            }\n\n            useHistoryPostMessageEvent();\n            useOnEntryUpdatePostMessageEvent();\n        })\n        .catch((e) => {\n            // TODO: add debug logs that runs conditionally\n            // PublicLogger.debug(\"Error while sending init message\", e);\n        });\n}\n\nfunction sendCurrentPageUrlPostMessageEvent(): void {\n    livePreviewPostMessage\n        ?.send(LIVE_PREVIEW_POST_MESSAGE_EVENTS.CHECK_ENTRY_PAGE, {\n            href: window.location.href,\n        })\n        .catch(() => {\n            // TODO: add debug logs that runs conditionally\n        });\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../../src/livePreview/eventManager/postMessageEvent.hooks.ts"],"sourcesContent":["import { inVisualEditor, isOpeningInNewTab } from \"../../common/inIframe\";\nimport Config, { syncToStackSdk } from \"../../configManager/configManager\";\nimport { PublicLogger } from \"../../logger/logger\";\nimport { ILivePreviewWindowType } from \"../../types/types\";\nimport { addParamsToUrl, isOpeningInTimeline } from \"../../utils\";\nimport livePreviewPostMessage from \"./livePreviewEventManager\";\nimport { LIVE_PREVIEW_POST_MESSAGE_EVENTS } from \"./livePreviewEventManager.constant\";\nimport {\n    HistoryLivePreviewPostMessageEventData,\n    LivePreviewInitEventResponse,\n    OnChangeLivePreviewPostMessageEventData,\n    OnChangeLivePreviewPostMessageEventTypes,\n} from \"./types/livePreviewPostMessageEvent.type\";\n\n/**\n * Registers a post message event listener for history-related events.\n * The listener handles events for forward, backward, and reload actions on the browser history.\n */\nexport function useHistoryPostMessageEvent(): void {\n    livePreviewPostMessage?.on<HistoryLivePreviewPostMessageEventData>(\n        LIVE_PREVIEW_POST_MESSAGE_EVENTS.HISTORY,\n        (event) => {\n            switch (event.data.type) {\n                case \"forward\": {\n                    window.history.forward();\n                    break;\n                }\n                case \"backward\": {\n                    window.history.back();\n                    break;\n                }\n                case \"reload\": {\n                    window.history.go();\n                    break;\n                }\n                default: {\n                    const exhaustiveCheck: never = event.data.type;\n                    throw new Error(`Unhandled event: ${exhaustiveCheck}`);\n                }\n            }\n        }\n    );\n}\n\n/**\n * Registers a post message event listener for updating the entry in the live preview.\n */\nexport function useOnEntryUpdatePostMessageEvent(): void {\n    livePreviewPostMessage?.on<OnChangeLivePreviewPostMessageEventData>(\n        LIVE_PREVIEW_POST_MESSAGE_EVENTS.ON_CHANGE,\n        (event) => {\n            try {\n                const { ssr, onChange, stackDetails } = Config.get();\n                const event_type = event.data._metadata?.event_type;\n                // hash is typed as required string, guard is a safety net\n                if (event.data.hash) {\n                    Config.set(\"hash\", event.data.hash);\n                    syncToStackSdk({ hash: event.data.hash });\n                }\n\n                // This section will run when there is a change in the entry and the website is CSR\n                if (!ssr && !event_type) {\n                    onChange();\n                }\n\n                if (isOpeningInNewTab()) {\n                    if (!window) {\n                        PublicLogger.error(\"window is not defined\");\n                        return;\n                    };\n\n                    if (ssr && !event_type) {\n                        const url = new URL(window.location.href);\n                        let live_preview = url.searchParams.get(\"live_preview\");\n                        let content_type_uid = url.searchParams.get(\"content_type_uid\");\n                        let entry_uid = url.searchParams.get(\"entry_uid\");\n\n                        if (live_preview && content_type_uid && entry_uid) {\n                            // All required params are present, just reload\n                            window.location.reload();\n                        } else {\n                            live_preview = event.data.hash;\n                            content_type_uid = event.data.content_type_uid || stackDetails.contentTypeUid?.toString() || \"\";\n                            entry_uid = event.data.entry_uid || stackDetails.entryUid?.toString() || \"\";\n                            // Set missing params and redirect\n                            url.searchParams.set(\"live_preview\", live_preview);\n                            if (content_type_uid) {\n                                url.searchParams.set(\n                                    \"content_type_uid\",\n                                    content_type_uid\n                                );\n                            }\n                            if (entry_uid) {\n                                url.searchParams.set(\n                                    \"entry_uid\",\n                                    entry_uid\n                                );\n                            }\n                            window.location.href = url.toString();\n                        }\n                    }\n\n                    // This section will run when the hash changes and the website is SSR or CSR\n                    if (event_type === OnChangeLivePreviewPostMessageEventTypes.HASH_CHANGE) {\n                        const newUrl = new URL(window.location.href);\n                        newUrl.searchParams.set(\"live_preview\", event.data.hash);\n                        window.history.pushState({}, \"\", newUrl.toString());\n                    }\n\n                    // This section will run when the URL of the page changes\n                    if (event_type === OnChangeLivePreviewPostMessageEventTypes.URL_CHANGE && event.data.url) {\n                        window.location.href = event.data.url;\n                    }\n                }\n            } catch (error) {\n                PublicLogger.error(\"Error handling live preview update:\", error);\n                return;\n            }\n        }\n    );\n}\n\nexport function sendInitializeLivePreviewPostMessageEvent(): void {\n    const config = Config.get();\n    const initConfig: {\n        shouldReload: boolean;\n        href: string;\n        sdkVersion: string | undefined;\n        mode: number;\n        enableLivePreviewOutsideIframe?: boolean;\n    } = {\n        shouldReload: config.ssr,\n        href: window.location.href,\n        sdkVersion: process?.env?.PACKAGE_VERSION,\n        mode: config.mode,\n    };\n\n    if (config.enableLivePreviewOutsideIframe !== undefined) {\n        initConfig.enableLivePreviewOutsideIframe = config.enableLivePreviewOutsideIframe;\n    }\n\n    livePreviewPostMessage\n        ?.send<LivePreviewInitEventResponse>(\n            LIVE_PREVIEW_POST_MESSAGE_EVENTS.INIT,\n            {\n                config: initConfig,\n            }\n        )\n        .then((data) => {\n            const {\n                contentTypeUid,\n                entryUid,\n                windowType = ILivePreviewWindowType.PREVIEW,\n            } = data || {};\n\n            if(inVisualEditor()){\n                return;\n            }\n\n            // TODO: the upper condition will the handle the visual editor init double firing issue so later we can remove this once verified\n            if (Config?.get()?.windowType && Config.get().windowType === ILivePreviewWindowType.BUILDER) {\n                return;\n            }\n\n            if (contentTypeUid && entryUid) {\n                // Sync is explicit here intentionally: auto-effects via deepsignal would go blind when Config.reset() is called.\n                Config.set(\"stackDetails.contentTypeUid\", contentTypeUid);\n                Config.set(\"stackDetails.entryUid\", entryUid);\n                syncToStackSdk({ contentTypeUid, entryUid });\n            } else {\n                // TODO: add debug logs that runs conditionally\n                // PublicLogger.debug(\n                //     \"init message did not contain contentTypeUid or entryUid.\"\n                // );\n            }\n            if (\n                Config.get().ssr ||\n                isOpeningInTimeline() ||\n                isOpeningInNewTab()\n            ) {\n                addParamsToUrl();\n            }\n            Config.set(\"windowType\", windowType);\n\n            // set timeout for client side (use to show warning: You are not editing this page)\n            if (!Config.get().ssr) {\n                setInterval(() => {\n                    sendCurrentPageUrlPostMessageEvent();\n                }, 1500);\n            }\n\n            useHistoryPostMessageEvent();\n            useOnEntryUpdatePostMessageEvent();\n        })\n        .catch((e) => {\n            // TODO: add debug logs that runs conditionally\n            // PublicLogger.debug(\"Error while sending init message\", e);\n        });\n}\n\nfunction sendCurrentPageUrlPostMessageEvent(): void {\n    livePreviewPostMessage\n        ?.send(LIVE_PREVIEW_POST_MESSAGE_EVENTS.CHECK_ENTRY_PAGE, {\n            href: window.location.href,\n        })\n        .catch(() => {\n            // TODO: add debug logs that runs conditionally\n        });\n}\n"],"mappings":"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","names":[]}

package/dist/modern/livePreview/live-preview.cjs

@@ -69,6 +69,7 @@ var LivePreview = class {
         window.addEventListener("load", this.requestDataSync);
       }
       if (!(0, import_utils.isOpeningInTimeline)() && (config.editButton.enable || config.mode >= import_types.ILivePreviewModeConfig.BUILDER)) {
+        import_editButton.LivePreviewEditButton.livePreviewEditButton?.destroy();
         import_editButton.LivePreviewEditButton.livePreviewEditButton = new import_editButton.LivePreviewEditButton();
       }
     } else if (config.cleanCslpOnProduction) {

package/dist/modern/livePreview/live-preview.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/livePreview/live-preview.ts"],"sourcesContent":["import Config from \"../configManager/configManager\";\nimport { PublicLogger } from \"../logger/logger\";\nimport { ILivePreviewModeConfig } from \"../types/types\";\nimport { addLivePreviewQueryTags, isOpeningInTimeline } from \"../utils\";\nimport { LivePreviewEditButton } from \"./editButton/editButton\";\nimport { sendInitializeLivePreviewPostMessageEvent } from \"./eventManager/postMessageEvent.hooks\";\nimport { removeDataCslp } from \"./livePreviewProductionCleanup\";\nimport { removeFromOnChangeSubscribers } from \"./removeFromOnChangeSubscribers\";\nimport {\n    OnEntryChangeCallback,\n    OnEntryChangeCallbackSubscribers,\n    OnEntryChangeCallbackUID,\n    OnEntryChangeUnsubscribeParameters,\n} from \"./types/onEntryChangeCallback.type\";\n\nexport default class LivePreview {\n    /**\n     * @hideconstructor\n     */\n\n    private subscribers: OnEntryChangeCallbackSubscribers = {};\n\n    constructor() {\n        this.requestDataSync = this.requestDataSync.bind(this);\n        this.subscribeToOnEntryChange =\n            this.subscribeToOnEntryChange.bind(this);\n        this.publish = this.publish.bind(this);\n        this.unsubscribeOnEntryChange =\n            this.unsubscribeOnEntryChange.bind(this);\n\n        const config = Config.get();\n\n        if (config.debug) {\n            PublicLogger.debug(\n                \"Contentstack Live Preview Debugging mode: config --\",\n                Config.config\n            );\n        }\n\n        if (config.enable) {\n            if (\n                typeof document !== undefined\n            ) {\n                if(document.readyState === \"interactive\" || document.readyState === \"complete\"){\n                    this.requestDataSync();\n                } else {\n                    document.addEventListener(\"DOMContentLoaded\", this.requestDataSync);\n                }\n            } else {\n                window.addEventListener(\"load\", this.requestDataSync);\n            }\n\n            // TODO: capetown: add test cases for this condition.\n            // TODO: mjrf: Check if we need the second condition here.\n            // We are already handling the functions separately in the visual builder.\n            // render the hover outline only when edit button enable\n\n            if (\n                !isOpeningInTimeline() && \n                (config.editButton.enable ||\n                config.mode >= ILivePreviewModeConfig.BUILDER)\n            ) {\n                LivePreviewEditButton.livePreviewEditButton =\n                    new LivePreviewEditButton();\n            }\n\n        } else if (config.cleanCslpOnProduction) {\n            removeDataCslp();\n        }\n    }\n\n    // Request parent for data sync when document loads\n    private requestDataSync() {\n        const config = Config.get();\n\n        Config.set(\"onChange\", this.publish);\n\n        //! TODO: we replaced the handleOnChange() with this.\n        //! I don't think we need this. Confirm and remove it.\n        config.onChange();\n\n        sendInitializeLivePreviewPostMessageEvent();\n    }\n\n    subscribeToOnEntryChange(\n        callback: OnEntryChangeCallback,\n        callbackUid: OnEntryChangeCallbackUID\n    ): string {\n        this.subscribers[callbackUid] = callback;\n        return callbackUid;\n    }\n\n    private publish(): void {\n        Object.values<OnEntryChangeCallback>(this.subscribers).forEach(\n            (func) => {\n                func();\n            }\n        );\n    }\n\n    unsubscribeOnEntryChange(\n        callback: OnEntryChangeUnsubscribeParameters\n    ): void {\n        removeFromOnChangeSubscribers(this.subscribers, callback);\n    }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,2BAAmB;AACnB,oBAA6B;AAC7B,mBAAuC;AACvC,mBAA6D;AAC7D,wBAAsC;AACtC,8BAA0D;AAC1D,0CAA+B;AAC/B,2CAA8C;AAQ9C,IAAqB,cAArB,MAAiC;AAAA,EAO7B,cAAc;AAFd;AAAA;AAAA;AAAA,SAAQ,cAAgD,CAAC;AAGrD,SAAK,kBAAkB,KAAK,gBAAgB,KAAK,IAAI;AACrD,SAAK,2BACD,KAAK,yBAAyB,KAAK,IAAI;AAC3C,SAAK,UAAU,KAAK,QAAQ,KAAK,IAAI;AACrC,SAAK,2BACD,KAAK,yBAAyB,KAAK,IAAI;AAE3C,UAAM,SAAS,qBAAAA,QAAO,IAAI;AAE1B,QAAI,OAAO,OAAO;AACd,iCAAa;AAAA,QACT;AAAA,QACA,qBAAAA,QAAO;AAAA,MACX;AAAA,IACJ;AAEA,QAAI,OAAO,QAAQ;AACf,UACI,OAAO,aAAa,QACtB;AACE,YAAG,SAAS,eAAe,iBAAiB,SAAS,eAAe,YAAW;AAC3E,eAAK,gBAAgB;AAAA,QACzB,OAAO;AACH,mBAAS,iBAAiB,oBAAoB,KAAK,eAAe;AAAA,QACtE;AAAA,MACJ,OAAO;AACH,eAAO,iBAAiB,QAAQ,KAAK,eAAe;AAAA,MACxD;AAOA,UACI,KAAC,kCAAoB,MACpB,OAAO,WAAW,UACnB,OAAO,QAAQ,oCAAuB,UACxC;AACE,gDAAsB,wBAClB,IAAI,wCAAsB;AAAA,MAClC;AAAA,IAEJ,WAAW,OAAO,uBAAuB;AACrC,8DAAe;AAAA,IACnB;AAAA,EACJ;AAAA;AAAA,EAGQ,kBAAkB;AACtB,UAAM,SAAS,qBAAAA,QAAO,IAAI;AAE1B,yBAAAA,QAAO,IAAI,YAAY,KAAK,OAAO;AAInC,WAAO,SAAS;AAEhB,2EAA0C;AAAA,EAC9C;AAAA,EAEA,yBACI,UACA,aACM;AACN,SAAK,YAAY,WAAW,IAAI;AAChC,WAAO;AAAA,EACX;AAAA,EAEQ,UAAgB;AACpB,WAAO,OAA8B,KAAK,WAAW,EAAE;AAAA,MACnD,CAAC,SAAS;AACN,aAAK;AAAA,MACT;AAAA,IACJ;AAAA,EACJ;AAAA,EAEA,yBACI,UACI;AACJ,4EAA8B,KAAK,aAAa,QAAQ;AAAA,EAC5D;AACJ;","names":["Config"]}
+{"version":3,"sources":["../../../src/livePreview/live-preview.ts"],"sourcesContent":["import Config from \"../configManager/configManager\";\nimport { PublicLogger } from \"../logger/logger\";\nimport { ILivePreviewModeConfig } from \"../types/types\";\nimport { addLivePreviewQueryTags, isOpeningInTimeline } from \"../utils\";\nimport { LivePreviewEditButton } from \"./editButton/editButton\";\nimport { sendInitializeLivePreviewPostMessageEvent } from \"./eventManager/postMessageEvent.hooks\";\nimport { removeDataCslp } from \"./livePreviewProductionCleanup\";\nimport { removeFromOnChangeSubscribers } from \"./removeFromOnChangeSubscribers\";\nimport {\n    OnEntryChangeCallback,\n    OnEntryChangeCallbackSubscribers,\n    OnEntryChangeCallbackUID,\n    OnEntryChangeUnsubscribeParameters,\n} from \"./types/onEntryChangeCallback.type\";\n\nexport default class LivePreview {\n    /**\n     * @hideconstructor\n     */\n\n    private subscribers: OnEntryChangeCallbackSubscribers = {};\n\n    constructor() {\n        this.requestDataSync = this.requestDataSync.bind(this);\n        this.subscribeToOnEntryChange =\n            this.subscribeToOnEntryChange.bind(this);\n        this.publish = this.publish.bind(this);\n        this.unsubscribeOnEntryChange =\n            this.unsubscribeOnEntryChange.bind(this);\n\n        const config = Config.get();\n\n        if (config.debug) {\n            PublicLogger.debug(\n                \"Contentstack Live Preview Debugging mode: config --\",\n                Config.config\n            );\n        }\n\n        if (config.enable) {\n            if (\n                typeof document !== undefined\n            ) {\n                if(document.readyState === \"interactive\" || document.readyState === \"complete\"){\n                    this.requestDataSync();\n                } else {\n                    document.addEventListener(\"DOMContentLoaded\", this.requestDataSync);\n                }\n            } else {\n                window.addEventListener(\"load\", this.requestDataSync);\n            }\n\n            // TODO: capetown: add test cases for this condition.\n            // TODO: mjrf: Check if we need the second condition here.\n            // We are already handling the functions separately in the visual builder.\n            // render the hover outline only when edit button enable\n\n            if (\n                !isOpeningInTimeline() &&\n                (config.editButton.enable ||\n                config.mode >= ILivePreviewModeConfig.BUILDER)\n            ) {\n                // Destroy any instance created by the module-load effect before\n                // config was applied, so this init-time construction gets the\n                // correct config (including overlayPropagation).\n                LivePreviewEditButton.livePreviewEditButton?.destroy();\n                LivePreviewEditButton.livePreviewEditButton =\n                    new LivePreviewEditButton();\n            }\n\n        } else if (config.cleanCslpOnProduction) {\n            removeDataCslp();\n        }\n    }\n\n    // Request parent for data sync when document loads\n    private requestDataSync() {\n        const config = Config.get();\n\n        Config.set(\"onChange\", this.publish);\n\n        //! TODO: we replaced the handleOnChange() with this.\n        //! I don't think we need this. Confirm and remove it.\n        config.onChange();\n\n        sendInitializeLivePreviewPostMessageEvent();\n    }\n\n    subscribeToOnEntryChange(\n        callback: OnEntryChangeCallback,\n        callbackUid: OnEntryChangeCallbackUID\n    ): string {\n        this.subscribers[callbackUid] = callback;\n        return callbackUid;\n    }\n\n    private publish(): void {\n        Object.values<OnEntryChangeCallback>(this.subscribers).forEach(\n            (func) => {\n                func();\n            }\n        );\n    }\n\n    unsubscribeOnEntryChange(\n        callback: OnEntryChangeUnsubscribeParameters\n    ): void {\n        removeFromOnChangeSubscribers(this.subscribers, callback);\n    }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,2BAAmB;AACnB,oBAA6B;AAC7B,mBAAuC;AACvC,mBAA6D;AAC7D,wBAAsC;AACtC,8BAA0D;AAC1D,0CAA+B;AAC/B,2CAA8C;AAQ9C,IAAqB,cAArB,MAAiC;AAAA,EAO7B,cAAc;AAFd;AAAA;AAAA;AAAA,SAAQ,cAAgD,CAAC;AAGrD,SAAK,kBAAkB,KAAK,gBAAgB,KAAK,IAAI;AACrD,SAAK,2BACD,KAAK,yBAAyB,KAAK,IAAI;AAC3C,SAAK,UAAU,KAAK,QAAQ,KAAK,IAAI;AACrC,SAAK,2BACD,KAAK,yBAAyB,KAAK,IAAI;AAE3C,UAAM,SAAS,qBAAAA,QAAO,IAAI;AAE1B,QAAI,OAAO,OAAO;AACd,iCAAa;AAAA,QACT;AAAA,QACA,qBAAAA,QAAO;AAAA,MACX;AAAA,IACJ;AAEA,QAAI,OAAO,QAAQ;AACf,UACI,OAAO,aAAa,QACtB;AACE,YAAG,SAAS,eAAe,iBAAiB,SAAS,eAAe,YAAW;AAC3E,eAAK,gBAAgB;AAAA,QACzB,OAAO;AACH,mBAAS,iBAAiB,oBAAoB,KAAK,eAAe;AAAA,QACtE;AAAA,MACJ,OAAO;AACH,eAAO,iBAAiB,QAAQ,KAAK,eAAe;AAAA,MACxD;AAOA,UACI,KAAC,kCAAoB,MACpB,OAAO,WAAW,UACnB,OAAO,QAAQ,oCAAuB,UACxC;AAIE,gDAAsB,uBAAuB,QAAQ;AACrD,gDAAsB,wBAClB,IAAI,wCAAsB;AAAA,MAClC;AAAA,IAEJ,WAAW,OAAO,uBAAuB;AACrC,8DAAe;AAAA,IACnB;AAAA,EACJ;AAAA;AAAA,EAGQ,kBAAkB;AACtB,UAAM,SAAS,qBAAAA,QAAO,IAAI;AAE1B,yBAAAA,QAAO,IAAI,YAAY,KAAK,OAAO;AAInC,WAAO,SAAS;AAEhB,2EAA0C;AAAA,EAC9C;AAAA,EAEA,yBACI,UACA,aACM;AACN,SAAK,YAAY,WAAW,IAAI;AAChC,WAAO;AAAA,EACX;AAAA,EAEQ,UAAgB;AACpB,WAAO,OAA8B,KAAK,WAAW,EAAE;AAAA,MACnD,CAAC,SAAS;AACN,aAAK;AAAA,MACT;AAAA,IACJ;AAAA,EACJ;AAAA,EAEA,yBACI,UACI;AACJ,4EAA8B,KAAK,aAAa,QAAQ;AAAA,EAC5D;AACJ;","names":["Config"]}

package/dist/modern/livePreview/live-preview.js

@@ -37,6 +37,7 @@ var LivePreview = class {
         window.addEventListener("load", this.requestDataSync);
       }
       if (!isOpeningInTimeline() && (config.editButton.enable || config.mode >= ILivePreviewModeConfig.BUILDER)) {
+        LivePreviewEditButton.livePreviewEditButton?.destroy();
         LivePreviewEditButton.livePreviewEditButton = new LivePreviewEditButton();
       }
     } else if (config.cleanCslpOnProduction) {

package/dist/modern/livePreview/live-preview.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/livePreview/live-preview.ts"],"sourcesContent":["import Config from \"../configManager/configManager\";\nimport { PublicLogger } from \"../logger/logger\";\nimport { ILivePreviewModeConfig } from \"../types/types\";\nimport { addLivePreviewQueryTags, isOpeningInTimeline } from \"../utils\";\nimport { LivePreviewEditButton } from \"./editButton/editButton\";\nimport { sendInitializeLivePreviewPostMessageEvent } from \"./eventManager/postMessageEvent.hooks\";\nimport { removeDataCslp } from \"./livePreviewProductionCleanup\";\nimport { removeFromOnChangeSubscribers } from \"./removeFromOnChangeSubscribers\";\nimport {\n    OnEntryChangeCallback,\n    OnEntryChangeCallbackSubscribers,\n    OnEntryChangeCallbackUID,\n    OnEntryChangeUnsubscribeParameters,\n} from \"./types/onEntryChangeCallback.type\";\n\nexport default class LivePreview {\n    /**\n     * @hideconstructor\n     */\n\n    private subscribers: OnEntryChangeCallbackSubscribers = {};\n\n    constructor() {\n        this.requestDataSync = this.requestDataSync.bind(this);\n        this.subscribeToOnEntryChange =\n            this.subscribeToOnEntryChange.bind(this);\n        this.publish = this.publish.bind(this);\n        this.unsubscribeOnEntryChange =\n            this.unsubscribeOnEntryChange.bind(this);\n\n        const config = Config.get();\n\n        if (config.debug) {\n            PublicLogger.debug(\n                \"Contentstack Live Preview Debugging mode: config --\",\n                Config.config\n            );\n        }\n\n        if (config.enable) {\n            if (\n                typeof document !== undefined\n            ) {\n                if(document.readyState === \"interactive\" || document.readyState === \"complete\"){\n                    this.requestDataSync();\n                } else {\n                    document.addEventListener(\"DOMContentLoaded\", this.requestDataSync);\n                }\n            } else {\n                window.addEventListener(\"load\", this.requestDataSync);\n            }\n\n            // TODO: capetown: add test cases for this condition.\n            // TODO: mjrf: Check if we need the second condition here.\n            // We are already handling the functions separately in the visual builder.\n            // render the hover outline only when edit button enable\n\n            if (\n                !isOpeningInTimeline() && \n                (config.editButton.enable ||\n                config.mode >= ILivePreviewModeConfig.BUILDER)\n            ) {\n                LivePreviewEditButton.livePreviewEditButton =\n                    new LivePreviewEditButton();\n            }\n\n        } else if (config.cleanCslpOnProduction) {\n            removeDataCslp();\n        }\n    }\n\n    // Request parent for data sync when document loads\n    private requestDataSync() {\n        const config = Config.get();\n\n        Config.set(\"onChange\", this.publish);\n\n        //! TODO: we replaced the handleOnChange() with this.\n        //! I don't think we need this. Confirm and remove it.\n        config.onChange();\n\n        sendInitializeLivePreviewPostMessageEvent();\n    }\n\n    subscribeToOnEntryChange(\n        callback: OnEntryChangeCallback,\n        callbackUid: OnEntryChangeCallbackUID\n    ): string {\n        this.subscribers[callbackUid] = callback;\n        return callbackUid;\n    }\n\n    private publish(): void {\n        Object.values<OnEntryChangeCallback>(this.subscribers).forEach(\n            (func) => {\n                func();\n            }\n        );\n    }\n\n    unsubscribeOnEntryChange(\n        callback: OnEntryChangeUnsubscribeParameters\n    ): void {\n        removeFromOnChangeSubscribers(this.subscribers, callback);\n    }\n}\n"],"mappings":";;;AAAA,OAAO,YAAY;AACnB,SAAS,oBAAoB;AAC7B,SAAS,8BAA8B;AACvC,SAAkC,2BAA2B;AAC7D,SAAS,6BAA6B;AACtC,SAAS,iDAAiD;AAC1D,SAAS,sBAAsB;AAC/B,SAAS,qCAAqC;AAQ9C,IAAqB,cAArB,MAAiC;AAAA,EAO7B,cAAc;AAFd;AAAA;AAAA;AAAA,SAAQ,cAAgD,CAAC;AAGrD,SAAK,kBAAkB,KAAK,gBAAgB,KAAK,IAAI;AACrD,SAAK,2BACD,KAAK,yBAAyB,KAAK,IAAI;AAC3C,SAAK,UAAU,KAAK,QAAQ,KAAK,IAAI;AACrC,SAAK,2BACD,KAAK,yBAAyB,KAAK,IAAI;AAE3C,UAAM,SAAS,OAAO,IAAI;AAE1B,QAAI,OAAO,OAAO;AACd,mBAAa;AAAA,QACT;AAAA,QACA,OAAO;AAAA,MACX;AAAA,IACJ;AAEA,QAAI,OAAO,QAAQ;AACf,UACI,OAAO,aAAa,QACtB;AACE,YAAG,SAAS,eAAe,iBAAiB,SAAS,eAAe,YAAW;AAC3E,eAAK,gBAAgB;AAAA,QACzB,OAAO;AACH,mBAAS,iBAAiB,oBAAoB,KAAK,eAAe;AAAA,QACtE;AAAA,MACJ,OAAO;AACH,eAAO,iBAAiB,QAAQ,KAAK,eAAe;AAAA,MACxD;AAOA,UACI,CAAC,oBAAoB,MACpB,OAAO,WAAW,UACnB,OAAO,QAAQ,uBAAuB,UACxC;AACE,8BAAsB,wBAClB,IAAI,sBAAsB;AAAA,MAClC;AAAA,IAEJ,WAAW,OAAO,uBAAuB;AACrC,qBAAe;AAAA,IACnB;AAAA,EACJ;AAAA;AAAA,EAGQ,kBAAkB;AACtB,UAAM,SAAS,OAAO,IAAI;AAE1B,WAAO,IAAI,YAAY,KAAK,OAAO;AAInC,WAAO,SAAS;AAEhB,8CAA0C;AAAA,EAC9C;AAAA,EAEA,yBACI,UACA,aACM;AACN,SAAK,YAAY,WAAW,IAAI;AAChC,WAAO;AAAA,EACX;AAAA,EAEQ,UAAgB;AACpB,WAAO,OAA8B,KAAK,WAAW,EAAE;AAAA,MACnD,CAAC,SAAS;AACN,aAAK;AAAA,MACT;AAAA,IACJ;AAAA,EACJ;AAAA,EAEA,yBACI,UACI;AACJ,kCAA8B,KAAK,aAAa,QAAQ;AAAA,EAC5D;AACJ;","names":[]}
+{"version":3,"sources":["../../../src/livePreview/live-preview.ts"],"sourcesContent":["import Config from \"../configManager/configManager\";\nimport { PublicLogger } from \"../logger/logger\";\nimport { ILivePreviewModeConfig } from \"../types/types\";\nimport { addLivePreviewQueryTags, isOpeningInTimeline } from \"../utils\";\nimport { LivePreviewEditButton } from \"./editButton/editButton\";\nimport { sendInitializeLivePreviewPostMessageEvent } from \"./eventManager/postMessageEvent.hooks\";\nimport { removeDataCslp } from \"./livePreviewProductionCleanup\";\nimport { removeFromOnChangeSubscribers } from \"./removeFromOnChangeSubscribers\";\nimport {\n    OnEntryChangeCallback,\n    OnEntryChangeCallbackSubscribers,\n    OnEntryChangeCallbackUID,\n    OnEntryChangeUnsubscribeParameters,\n} from \"./types/onEntryChangeCallback.type\";\n\nexport default class LivePreview {\n    /**\n     * @hideconstructor\n     */\n\n    private subscribers: OnEntryChangeCallbackSubscribers = {};\n\n    constructor() {\n        this.requestDataSync = this.requestDataSync.bind(this);\n        this.subscribeToOnEntryChange =\n            this.subscribeToOnEntryChange.bind(this);\n        this.publish = this.publish.bind(this);\n        this.unsubscribeOnEntryChange =\n            this.unsubscribeOnEntryChange.bind(this);\n\n        const config = Config.get();\n\n        if (config.debug) {\n            PublicLogger.debug(\n                \"Contentstack Live Preview Debugging mode: config --\",\n                Config.config\n            );\n        }\n\n        if (config.enable) {\n            if (\n                typeof document !== undefined\n            ) {\n                if(document.readyState === \"interactive\" || document.readyState === \"complete\"){\n                    this.requestDataSync();\n                } else {\n                    document.addEventListener(\"DOMContentLoaded\", this.requestDataSync);\n                }\n            } else {\n                window.addEventListener(\"load\", this.requestDataSync);\n            }\n\n            // TODO: capetown: add test cases for this condition.\n            // TODO: mjrf: Check if we need the second condition here.\n            // We are already handling the functions separately in the visual builder.\n            // render the hover outline only when edit button enable\n\n            if (\n                !isOpeningInTimeline() &&\n                (config.editButton.enable ||\n                config.mode >= ILivePreviewModeConfig.BUILDER)\n            ) {\n                // Destroy any instance created by the module-load effect before\n                // config was applied, so this init-time construction gets the\n                // correct config (including overlayPropagation).\n                LivePreviewEditButton.livePreviewEditButton?.destroy();\n                LivePreviewEditButton.livePreviewEditButton =\n                    new LivePreviewEditButton();\n            }\n\n        } else if (config.cleanCslpOnProduction) {\n            removeDataCslp();\n        }\n    }\n\n    // Request parent for data sync when document loads\n    private requestDataSync() {\n        const config = Config.get();\n\n        Config.set(\"onChange\", this.publish);\n\n        //! TODO: we replaced the handleOnChange() with this.\n        //! I don't think we need this. Confirm and remove it.\n        config.onChange();\n\n        sendInitializeLivePreviewPostMessageEvent();\n    }\n\n    subscribeToOnEntryChange(\n        callback: OnEntryChangeCallback,\n        callbackUid: OnEntryChangeCallbackUID\n    ): string {\n        this.subscribers[callbackUid] = callback;\n        return callbackUid;\n    }\n\n    private publish(): void {\n        Object.values<OnEntryChangeCallback>(this.subscribers).forEach(\n            (func) => {\n                func();\n            }\n        );\n    }\n\n    unsubscribeOnEntryChange(\n        callback: OnEntryChangeUnsubscribeParameters\n    ): void {\n        removeFromOnChangeSubscribers(this.subscribers, callback);\n    }\n}\n"],"mappings":";;;AAAA,OAAO,YAAY;AACnB,SAAS,oBAAoB;AAC7B,SAAS,8BAA8B;AACvC,SAAkC,2BAA2B;AAC7D,SAAS,6BAA6B;AACtC,SAAS,iDAAiD;AAC1D,SAAS,sBAAsB;AAC/B,SAAS,qCAAqC;AAQ9C,IAAqB,cAArB,MAAiC;AAAA,EAO7B,cAAc;AAFd;AAAA;AAAA;AAAA,SAAQ,cAAgD,CAAC;AAGrD,SAAK,kBAAkB,KAAK,gBAAgB,KAAK,IAAI;AACrD,SAAK,2BACD,KAAK,yBAAyB,KAAK,IAAI;AAC3C,SAAK,UAAU,KAAK,QAAQ,KAAK,IAAI;AACrC,SAAK,2BACD,KAAK,yBAAyB,KAAK,IAAI;AAE3C,UAAM,SAAS,OAAO,IAAI;AAE1B,QAAI,OAAO,OAAO;AACd,mBAAa;AAAA,QACT;AAAA,QACA,OAAO;AAAA,MACX;AAAA,IACJ;AAEA,QAAI,OAAO,QAAQ;AACf,UACI,OAAO,aAAa,QACtB;AACE,YAAG,SAAS,eAAe,iBAAiB,SAAS,eAAe,YAAW;AAC3E,eAAK,gBAAgB;AAAA,QACzB,OAAO;AACH,mBAAS,iBAAiB,oBAAoB,KAAK,eAAe;AAAA,QACtE;AAAA,MACJ,OAAO;AACH,eAAO,iBAAiB,QAAQ,KAAK,eAAe;AAAA,MACxD;AAOA,UACI,CAAC,oBAAoB,MACpB,OAAO,WAAW,UACnB,OAAO,QAAQ,uBAAuB,UACxC;AAIE,8BAAsB,uBAAuB,QAAQ;AACrD,8BAAsB,wBAClB,IAAI,sBAAsB;AAAA,MAClC;AAAA,IAEJ,WAAW,OAAO,uBAAuB;AACrC,qBAAe;AAAA,IACnB;AAAA,EACJ;AAAA;AAAA,EAGQ,kBAAkB;AACtB,UAAM,SAAS,OAAO,IAAI;AAE1B,WAAO,IAAI,YAAY,KAAK,OAAO;AAInC,WAAO,SAAS;AAEhB,8CAA0C;AAAA,EAC9C;AAAA,EAEA,yBACI,UACA,aACM;AACN,SAAK,YAAY,WAAW,IAAI;AAChC,WAAO;AAAA,EACX;AAAA,EAEQ,UAAgB;AACpB,WAAO,OAA8B,KAAK,WAAW,EAAE;AAAA,MACnD,CAAC,SAAS;AACN,aAAK;AAAA,MACT;AAAA,IACJ;AAAA,EACJ;AAAA,EAEA,yBACI,UACI;AACJ,kCAA8B,KAAK,aAAa,QAAQ;AAAA,EAC5D;AACJ;","names":[]}

package/dist/modern/livePreview/onPageTraversal.cjs

@@ -36,7 +36,7 @@ module.exports = __toCommonJS(onPageTraversal_exports);
 var import_livePreviewEventManager = __toESM(require("./eventManager/livePreviewEventManager.cjs"), 1);
 var import_livePreviewEventManager2 = require("./eventManager/livePreviewEventManager.constant.cjs");
 function handlePageTraversal() {
-  window.addEventListener("unload", () => {
+  window.addEventListener("pagehide", () => {
     const targetURL = document.activeElement.href;
     if (targetURL) {
       import_livePreviewEventManager.default?.send(

package/dist/modern/livePreview/onPageTraversal.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/livePreview/onPageTraversal.ts"],"sourcesContent":["import livePreviewPostMessage from \"./eventManager/livePreviewEventManager\";\nimport { LIVE_PREVIEW_POST_MESSAGE_EVENTS } from \"./eventManager/livePreviewEventManager.constant\";\n\nexport function handlePageTraversal(): void {\n    window.addEventListener(\"unload\", () => {\n        const targetURL = (document.activeElement as HTMLAnchorElement).href;\n        if (targetURL) {\n            livePreviewPostMessage?.send(\n                LIVE_PREVIEW_POST_MESSAGE_EVENTS.URL_CHANGE,\n                {\n                    targetURL,\n                }\n            );\n        }\n    });\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qCAAmC;AACnC,IAAAA,kCAAiD;AAE1C,SAAS,sBAA4B;AACxC,SAAO,iBAAiB,UAAU,MAAM;AACpC,UAAM,YAAa,SAAS,cAAoC;AAChE,QAAI,WAAW;AACX,qCAAAC,SAAwB;AAAA,QACpB,iEAAiC;AAAA,QACjC;AAAA,UACI;AAAA,QACJ;AAAA,MACJ;AAAA,IACJ;AAAA,EACJ,CAAC;AACL;","names":["import_livePreviewEventManager","livePreviewPostMessage"]}
+{"version":3,"sources":["../../../src/livePreview/onPageTraversal.ts"],"sourcesContent":["import livePreviewPostMessage from \"./eventManager/livePreviewEventManager\";\nimport { LIVE_PREVIEW_POST_MESSAGE_EVENTS } from \"./eventManager/livePreviewEventManager.constant\";\n\nexport function handlePageTraversal(): void {\n    window.addEventListener(\"pagehide\", () => {\n        const targetURL = (document.activeElement as HTMLAnchorElement).href;\n        if (targetURL) {\n            livePreviewPostMessage?.send(\n                LIVE_PREVIEW_POST_MESSAGE_EVENTS.URL_CHANGE,\n                {\n                    targetURL,\n                }\n            );\n        }\n    });\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qCAAmC;AACnC,IAAAA,kCAAiD;AAE1C,SAAS,sBAA4B;AACxC,SAAO,iBAAiB,YAAY,MAAM;AACtC,UAAM,YAAa,SAAS,cAAoC;AAChE,QAAI,WAAW;AACX,qCAAAC,SAAwB;AAAA,QACpB,iEAAiC;AAAA,QACjC;AAAA,UACI;AAAA,QACJ;AAAA,MACJ;AAAA,IACJ;AAAA,EACJ,CAAC;AACL;","names":["import_livePreviewEventManager","livePreviewPostMessage"]}

package/dist/modern/livePreview/onPageTraversal.js

@@ -4,7 +4,7 @@ import "../chunk-5WRI5ZAA.js";
 import livePreviewPostMessage from "./eventManager/livePreviewEventManager.js";
 import { LIVE_PREVIEW_POST_MESSAGE_EVENTS } from "./eventManager/livePreviewEventManager.constant.js";
 function handlePageTraversal() {
-  window.addEventListener("unload", () => {
+  window.addEventListener("pagehide", () => {
     const targetURL = document.activeElement.href;
     if (targetURL) {
       livePreviewPostMessage?.send(

package/dist/modern/livePreview/onPageTraversal.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/livePreview/onPageTraversal.ts"],"sourcesContent":["import livePreviewPostMessage from \"./eventManager/livePreviewEventManager\";\nimport { LIVE_PREVIEW_POST_MESSAGE_EVENTS } from \"./eventManager/livePreviewEventManager.constant\";\n\nexport function handlePageTraversal(): void {\n    window.addEventListener(\"unload\", () => {\n        const targetURL = (document.activeElement as HTMLAnchorElement).href;\n        if (targetURL) {\n            livePreviewPostMessage?.send(\n                LIVE_PREVIEW_POST_MESSAGE_EVENTS.URL_CHANGE,\n                {\n                    targetURL,\n                }\n            );\n        }\n    });\n}\n"],"mappings":";;;AAAA,OAAO,4BAA4B;AACnC,SAAS,wCAAwC;AAE1C,SAAS,sBAA4B;AACxC,SAAO,iBAAiB,UAAU,MAAM;AACpC,UAAM,YAAa,SAAS,cAAoC;AAChE,QAAI,WAAW;AACX,8BAAwB;AAAA,QACpB,iCAAiC;AAAA,QACjC;AAAA,UACI;AAAA,QACJ;AAAA,MACJ;AAAA,IACJ;AAAA,EACJ,CAAC;AACL;","names":[]}
+{"version":3,"sources":["../../../src/livePreview/onPageTraversal.ts"],"sourcesContent":["import livePreviewPostMessage from \"./eventManager/livePreviewEventManager\";\nimport { LIVE_PREVIEW_POST_MESSAGE_EVENTS } from \"./eventManager/livePreviewEventManager.constant\";\n\nexport function handlePageTraversal(): void {\n    window.addEventListener(\"pagehide\", () => {\n        const targetURL = (document.activeElement as HTMLAnchorElement).href;\n        if (targetURL) {\n            livePreviewPostMessage?.send(\n                LIVE_PREVIEW_POST_MESSAGE_EVENTS.URL_CHANGE,\n                {\n                    targetURL,\n                }\n            );\n        }\n    });\n}\n"],"mappings":";;;AAAA,OAAO,4BAA4B;AACnC,SAAS,wCAAwC;AAE1C,SAAS,sBAA4B;AACxC,SAAO,iBAAiB,YAAY,MAAM;AACtC,UAAM,YAAa,SAAS,cAAoC;AAChE,QAAI,WAAW;AACX,8BAAwB;AAAA,QACpB,iCAAiC;AAAA,QACjC;AAAA,UACI;AAAA,QACJ;AAAA,MACJ;AAAA,IACJ;AAAA,EACJ,CAAC;AACL;","names":[]}

package/dist/modern/preview/contentstack-live-preview-HOC.cjs

@@ -35,6 +35,7 @@ __export(contentstack_live_preview_HOC_exports, {
 module.exports = __toCommonJS(contentstack_live_preview_HOC_exports);
 var import_lodash_es = require("lodash-es");
 var import_uuid = require("uuid");
+var import_inIframe = require("../common/inIframe.cjs");
 var import_config = require("../configManager/config.default.cjs");
 var import_configManager = __toESM(require("../configManager/configManager.cjs"), 1);
 var import_live_preview = __toESM(require("../livePreview/live-preview.cjs"), 1);
@@ -43,6 +44,8 @@ var import_removeFromOnChangeSubscribers = require("../livePreview/removeFromOnC
 var import_logger = require("../logger/logger.cjs");
 var import_compare = require("../timeline/compare/compare.cjs");
 var import_visualBuilder = require("../visualBuilder/index.cjs");
+var import_visualBuilderPostMessage = __toESM(require("../visualBuilder/utils/visualBuilderPostMessage.cjs"), 1);
+var import_postMessage = require("../visualBuilder/utils/types/postMessage.types.cjs");
 var _ContentstackLivePreview = class _ContentstackLivePreview {
   /**
    * Initializes the Live Preview SDK with the provided user configuration.
@@ -222,12 +225,44 @@ var _ContentstackLivePreview = class _ContentstackLivePreview {
       callback
     );
   }
+  /**
+   * Sets the page-level entry context for the current page.
+   * Used by the Visual Builder "Start Editing" button to know which entry
+   * the current page is rendering, enabling accurate VB navigation.
+   *
+   * Place this call alongside your existing `addEditableTags` call — both
+   * reference the same `entry` object so there is no extra lookup.
+   *
+   * @example
+   * ```js
+   * // In your page component / useEffect
+   * Utils.addEditableTags(entry, "blog_post", true, "en-us");
+   * ContentstackLivePreview.setPageContext({ entryUid: entry.uid, contentTypeUid: "blog_post" });
+   * ```
+   */
+  static setPageContext(context) {
+    import_configManager.default.set("pageContext", context);
+    if ((0, import_inIframe.inIframe)()) {
+      import_visualBuilderPostMessage.default?.send(
+        import_postMessage.VisualBuilderPostMessageEvents.PAGE_CONTEXT,
+        {
+          entryUid: context.entryUid,
+          contentTypeUid: context.contentTypeUid
+        }
+      ).catch((error) => {
+        import_logger.PublicLogger.error(
+          "Failed to send page context to Visual Builder.",
+          error
+        );
+      });
+    }
+  }
   /**
    * Retrieves the version of the SDK.
    * @returns The version of the SDK as a string.
    */
   static getSdkVersion() {
-    return "4.4.2";
+    return "4.4.4";
   }
 };
 _ContentstackLivePreview.previewConstructors = {};

package/dist/modern/preview/contentstack-live-preview-HOC.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/preview/contentstack-live-preview-HOC.ts"],"sourcesContent":["import { cloneDeep, isEmpty, pick } from \"lodash-es\";\nimport { v4 as uuidv4 } from \"uuid\";\nimport { getUserInitData } from \"../configManager/config.default\";\nimport Config, { updateConfigFromUrl } from \"../configManager/configManager\";\nimport LivePreview from \"../livePreview/live-preview\";\nimport { handlePageTraversal } from \"../livePreview/onPageTraversal\";\nimport { removeFromOnChangeSubscribers } from \"../livePreview/removeFromOnChangeSubscribers\";\nimport {\n    OnEntryChangeCallback,\n    OnEntryChangeCallbackSubscribers,\n    OnEntryChangeCallbackUID,\n    OnEntryChangeConfig,\n    OnEntryChangeUnsubscribeParameters,\n} from \"../livePreview/types/onEntryChangeCallback.type\";\nimport { PublicLogger } from \"../logger/logger\";\nimport { handleWebCompare } from \"../timeline/compare/compare\";\nimport type { IExportedConfig, IInitData } from \"../types/types\";\nimport { VisualBuilder } from \"../visualBuilder\";\n\nclass ContentstackLivePreview {\n    private static previewConstructors:\n        | {\n              livePreview: LivePreview;\n              visualBuilder: VisualBuilder;\n          }\n        | Record<string, never> = {};\n\n    /**\n     * The subscribers for the onEntryChange event. We store them here when the SDK is not initialized.\n     */\n    private static onEntryChangeCallbacks: OnEntryChangeCallbackSubscribers =\n        {};\n\n    /**\n     * Initializes the Live Preview SDK with the provided user configuration.\n     * If the SDK is already initialized, subsequent calls to this method will return the existing SDK instance.\n     * @param userConfig - The user configuration to initialize the SDK with. See {@link https://github.com/contentstack/live-preview-sdk/blob/main/docs/live-preview-configs.md#initconfig-iconfig|Live preview User config} for more details.\n     * @returns A promise that resolves to the constructors of the Live Preview SDK.\n     */\n    static init(\n        userConfig: Partial<IInitData> = getUserInitData()\n    ): Promise<typeof ContentstackLivePreview.previewConstructors> {\n        if (typeof window === \"undefined\") {\n            PublicLogger.warn(\"The SDK is not initialized in the browser.\");\n            return Promise.resolve(ContentstackLivePreview.previewConstructors);\n        }\n\n        // handle user config\n        Config.replace(userConfig);\n        updateConfigFromUrl();\n\n        if (ContentstackLivePreview.isInitialized()) {\n            PublicLogger.warn(\n                \"You have already initialized the Live Preview SDK. So, any subsequent initialization returns the existing SDK instance.\"\n            );\n            return Promise.resolve(ContentstackLivePreview.previewConstructors);\n        } else {\n            return ContentstackLivePreview.initializePreview();\n        }\n    }\n\n    /**\n     * It is the live preview hash.\n     * This hash could be used when data is fetched manually.\n     */\n    static get hash(): string {\n        if (!ContentstackLivePreview.isInitialized()) {\n            updateConfigFromUrl(); // check if we could extract from the URL\n        }\n        return Config.get().hash;\n    }\n\n    static get config(): IExportedConfig {\n        if (!ContentstackLivePreview.isInitialized()) {\n            updateConfigFromUrl(); // check if we could extract from the URL\n        }\n        const config = Config.get();\n        const clonedConfig = cloneDeep(config);\n        const configToShare = pick(clonedConfig, [\n            'ssr',\n            'enable',\n            'cleanCslpOnProduction',\n            'stackDetails',\n            'clientUrlParams',\n            'windowType',\n            'hash',\n            'editButton',\n            'mode',\n        ]);\n        return configToShare;\n    }\n\n    private static isInitialized(): boolean {\n        return !isEmpty(ContentstackLivePreview.previewConstructors);\n    }\n\n    private static initializePreview() {\n        ContentstackLivePreview.previewConstructors = {\n            livePreview: new LivePreview(),\n            visualBuilder: new VisualBuilder(),\n        };\n\n        // set up onEntryChange callbacks added when the SDK was not initialized\n        const livePreview =\n            ContentstackLivePreview.previewConstructors.livePreview;\n        Object.entries(ContentstackLivePreview.onEntryChangeCallbacks).forEach(\n            ([callbackUid, callback]) => {\n                livePreview.subscribeToOnEntryChange(callback, callbackUid);\n            }\n        );\n\n        ContentstackLivePreview.onEntryChangeCallbacks = {};\n\n        handlePageTraversal();\n        handleWebCompare();\n\n        return Promise.resolve(ContentstackLivePreview.previewConstructors);\n    }\n\n    /**\n     * Registers a callback function to be called when an entry changes.\n     * @param onChangeCallback The callback function to be called when an entry changes.\n     * @param config Optional configuration for the callback.\n     * @param config.skipInitialRender If true, the callback will not be called when it is first registered.\n     * @returns A unique identifier for the registered callback.\n     *\n     * @example\n     * ```js\n     * const callbackUid = ContentstackLivePreview.onEntryChange(() => {\n     *    console.log(\"Entry changed\");\n     * });\n     *\n     * // Unsubscribe the callback\n     * ContentstackLivePreview.unsubscribeOnEntryChange(callbackUid);\n     * ```\n     */\n    static onEntryChange(\n        onChangeCallback: OnEntryChangeCallback,\n        config: OnEntryChangeConfig = {}\n    ): OnEntryChangeCallbackUID {\n        const { skipInitialRender = false } = config;\n\n        const callbackUid = uuidv4();\n\n        if (ContentstackLivePreview.isInitialized()) {\n            ContentstackLivePreview.previewConstructors.livePreview.subscribeToOnEntryChange(\n                onChangeCallback,\n                callbackUid\n            );\n        } else {\n            ContentstackLivePreview.onEntryChangeCallbacks[callbackUid] =\n                onChangeCallback;\n        }\n\n        const searchParams =\n            typeof window !== \"undefined\"\n                ? new URLSearchParams(window.location.search)\n                : null;\n        const hasLivePreviewHash =\n            searchParams && searchParams.has(\"live_preview\");\n        const isBuilder = searchParams && searchParams.has(\"builder\");\n        const shouldCallCallback = hasLivePreviewHash && isBuilder;\n        // calling onChangeCallback when live_preview search parameter\n        // is present because we don't send the initial client-data-send\n        //  message in visual builder\n        if (!skipInitialRender || shouldCallCallback) {\n            onChangeCallback();\n        }\n\n        return callbackUid;\n    }\n\n    /**\n     * Registers a callback function to be called when there is a change in the entry being edited in live preview mode. The difference between this and `onEntryChange` is that this callback will not be called when it is first registered.\n     * @param onChangeCallback The callback function to be called when there is a change in the entry.\n     * @returns A unique identifier for the registered callback.\n     *\n     * @example\n     * ```js\n     * const callbackUid = ContentstackLivePreview.onLiveEdit(() => {\n     *   console.log(\"Entry changed\");\n     * });\n     *\n     * // Unsubscribe the callback\n     * ContentstackLivePreview.unsubscribeOnEntryChange(callbackUid);\n     * ```\n     *\n     */\n    static onLiveEdit(\n        onChangeCallback: OnEntryChangeCallback\n    ): OnEntryChangeCallbackUID {\n        return ContentstackLivePreview.onEntryChange(onChangeCallback, {\n            skipInitialRender: true,\n        });\n    }\n\n    /**\n     * Unsubscribes from the entry change event.\n     * @param callback - The callback function to be unsubscribed.\n     *\n     * @example\n     * ```js\n     * // unsubscribing using the Callback UID\n     * const callbackUid = ContentstackLivePreview.onEntryChange(() => {\n     *  console.log(\"Entry changed\");\n     * });\n     *\n     * // Unsubscribe the callback\n     * ContentstackLivePreview.unsubscribeOnEntryChange(callbackUid);\n     * ```\n     *\n     * @example\n     * ```js\n     * // unsubscribing using the callback function\n     * const callback = () => {console.log(\"Entry changed\")};\n     * ContentstackLivePreview.onEntryChange(callback);\n     *\n     * // Unsubscribe the callback\n     * ContentstackLivePreview.unsubscribeOnEntryChange(callback);\n     * ```\n     *\n     * @example\n     * ```js\n     * // The same is applicable to onLiveEdit\n     * const callbackUid = ContentstackLivePreview.onLiveEdit(() => {\n     * console.log(\"Entry changed\");\n     * });\n     *\n     * // Unsubscribe the callback\n     * ContentstackLivePreview.unsubscribeOnEntryChange(callbackUid);\n     * ```\n     *\n     *\n     */\n    static unsubscribeOnEntryChange(\n        callback: OnEntryChangeUnsubscribeParameters\n    ): void {\n        if (!ContentstackLivePreview.isInitialized()) {\n            removeFromOnChangeSubscribers(\n                ContentstackLivePreview.onEntryChangeCallbacks,\n                callback\n            );\n            return;\n        }\n        ContentstackLivePreview.previewConstructors.livePreview.unsubscribeOnEntryChange(\n            callback\n        );\n    }\n\n    /**\n     * Retrieves the version of the SDK.\n     * @returns The version of the SDK as a string.\n     */\n    static getSdkVersion(): string {\n        return process?.env?.PACKAGE_VERSION!;\n    }\n}\n\nexport default ContentstackLivePreview;"],"mappings":"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","names":["Config","LivePreview","uuidv4"]}
+{"version":3,"sources":["../../../src/preview/contentstack-live-preview-HOC.ts"],"sourcesContent":["import { cloneDeep, isEmpty, pick } from \"lodash-es\";\nimport { v4 as uuidv4 } from \"uuid\";\nimport { inIframe } from \"../common/inIframe\";\nimport { getUserInitData } from \"../configManager/config.default\";\nimport Config, { updateConfigFromUrl } from \"../configManager/configManager\";\nimport LivePreview from \"../livePreview/live-preview\";\nimport { handlePageTraversal } from \"../livePreview/onPageTraversal\";\nimport { removeFromOnChangeSubscribers } from \"../livePreview/removeFromOnChangeSubscribers\";\nimport {\n    OnEntryChangeCallback,\n    OnEntryChangeCallbackSubscribers,\n    OnEntryChangeCallbackUID,\n    OnEntryChangeConfig,\n    OnEntryChangeUnsubscribeParameters,\n} from \"../livePreview/types/onEntryChangeCallback.type\";\nimport { PublicLogger } from \"../logger/logger\";\nimport { handleWebCompare } from \"../timeline/compare/compare\";\nimport type { IExportedConfig, IInitData } from \"../types/types\";\nimport { VisualBuilder } from \"../visualBuilder\";\nimport visualBuilderPostMessage from \"../visualBuilder/utils/visualBuilderPostMessage\";\nimport {\n    IPageContextPostMessageEvent,\n    VisualBuilderPostMessageEvents,\n} from \"../visualBuilder/utils/types/postMessage.types\";\n\nclass ContentstackLivePreview {\n    private static previewConstructors:\n        | {\n              livePreview: LivePreview;\n              visualBuilder: VisualBuilder;\n          }\n        | Record<string, never> = {};\n\n    /**\n     * The subscribers for the onEntryChange event. We store them here when the SDK is not initialized.\n     */\n    private static onEntryChangeCallbacks: OnEntryChangeCallbackSubscribers =\n        {};\n\n    /**\n     * Initializes the Live Preview SDK with the provided user configuration.\n     * If the SDK is already initialized, subsequent calls to this method will return the existing SDK instance.\n     * @param userConfig - The user configuration to initialize the SDK with. See {@link https://github.com/contentstack/live-preview-sdk/blob/main/docs/live-preview-configs.md#initconfig-iconfig|Live preview User config} for more details.\n     * @returns A promise that resolves to the constructors of the Live Preview SDK.\n     */\n    static init(\n        userConfig: Partial<IInitData> = getUserInitData()\n    ): Promise<typeof ContentstackLivePreview.previewConstructors> {\n        if (typeof window === \"undefined\") {\n            PublicLogger.warn(\"The SDK is not initialized in the browser.\");\n            return Promise.resolve(ContentstackLivePreview.previewConstructors);\n        }\n\n        // handle user config\n        Config.replace(userConfig);\n        updateConfigFromUrl();\n\n        if (ContentstackLivePreview.isInitialized()) {\n            PublicLogger.warn(\n                \"You have already initialized the Live Preview SDK. So, any subsequent initialization returns the existing SDK instance.\"\n            );\n            return Promise.resolve(ContentstackLivePreview.previewConstructors);\n        } else {\n            return ContentstackLivePreview.initializePreview();\n        }\n    }\n\n    /**\n     * It is the live preview hash.\n     * This hash could be used when data is fetched manually.\n     */\n    static get hash(): string {\n        if (!ContentstackLivePreview.isInitialized()) {\n            updateConfigFromUrl(); // check if we could extract from the URL\n        }\n        return Config.get().hash;\n    }\n\n    static get config(): IExportedConfig {\n        if (!ContentstackLivePreview.isInitialized()) {\n            updateConfigFromUrl(); // check if we could extract from the URL\n        }\n        const config = Config.get();\n        const clonedConfig = cloneDeep(config);\n        const configToShare = pick(clonedConfig, [\n            'ssr',\n            'enable',\n            'cleanCslpOnProduction',\n            'stackDetails',\n            'clientUrlParams',\n            'windowType',\n            'hash',\n            'editButton',\n            'mode',\n        ]);\n        return configToShare;\n    }\n\n    private static isInitialized(): boolean {\n        return !isEmpty(ContentstackLivePreview.previewConstructors);\n    }\n\n    private static initializePreview() {\n        ContentstackLivePreview.previewConstructors = {\n            livePreview: new LivePreview(),\n            visualBuilder: new VisualBuilder(),\n        };\n\n        // set up onEntryChange callbacks added when the SDK was not initialized\n        const livePreview =\n            ContentstackLivePreview.previewConstructors.livePreview;\n        Object.entries(ContentstackLivePreview.onEntryChangeCallbacks).forEach(\n            ([callbackUid, callback]) => {\n                livePreview.subscribeToOnEntryChange(callback, callbackUid);\n            }\n        );\n\n        ContentstackLivePreview.onEntryChangeCallbacks = {};\n\n        handlePageTraversal();\n        handleWebCompare();\n\n        return Promise.resolve(ContentstackLivePreview.previewConstructors);\n    }\n\n    /**\n     * Registers a callback function to be called when an entry changes.\n     * @param onChangeCallback The callback function to be called when an entry changes.\n     * @param config Optional configuration for the callback.\n     * @param config.skipInitialRender If true, the callback will not be called when it is first registered.\n     * @returns A unique identifier for the registered callback.\n     *\n     * @example\n     * ```js\n     * const callbackUid = ContentstackLivePreview.onEntryChange(() => {\n     *    console.log(\"Entry changed\");\n     * });\n     *\n     * // Unsubscribe the callback\n     * ContentstackLivePreview.unsubscribeOnEntryChange(callbackUid);\n     * ```\n     */\n    static onEntryChange(\n        onChangeCallback: OnEntryChangeCallback,\n        config: OnEntryChangeConfig = {}\n    ): OnEntryChangeCallbackUID {\n        const { skipInitialRender = false } = config;\n\n        const callbackUid = uuidv4();\n\n        if (ContentstackLivePreview.isInitialized()) {\n            ContentstackLivePreview.previewConstructors.livePreview.subscribeToOnEntryChange(\n                onChangeCallback,\n                callbackUid\n            );\n        } else {\n            ContentstackLivePreview.onEntryChangeCallbacks[callbackUid] =\n                onChangeCallback;\n        }\n\n        const searchParams =\n            typeof window !== \"undefined\"\n                ? new URLSearchParams(window.location.search)\n                : null;\n        const hasLivePreviewHash =\n            searchParams && searchParams.has(\"live_preview\");\n        const isBuilder = searchParams && searchParams.has(\"builder\");\n        const shouldCallCallback = hasLivePreviewHash && isBuilder;\n        // calling onChangeCallback when live_preview search parameter\n        // is present because we don't send the initial client-data-send\n        //  message in visual builder\n        if (!skipInitialRender || shouldCallCallback) {\n            onChangeCallback();\n        }\n\n        return callbackUid;\n    }\n\n    /**\n     * Registers a callback function to be called when there is a change in the entry being edited in live preview mode. The difference between this and `onEntryChange` is that this callback will not be called when it is first registered.\n     * @param onChangeCallback The callback function to be called when there is a change in the entry.\n     * @returns A unique identifier for the registered callback.\n     *\n     * @example\n     * ```js\n     * const callbackUid = ContentstackLivePreview.onLiveEdit(() => {\n     *   console.log(\"Entry changed\");\n     * });\n     *\n     * // Unsubscribe the callback\n     * ContentstackLivePreview.unsubscribeOnEntryChange(callbackUid);\n     * ```\n     *\n     */\n    static onLiveEdit(\n        onChangeCallback: OnEntryChangeCallback\n    ): OnEntryChangeCallbackUID {\n        return ContentstackLivePreview.onEntryChange(onChangeCallback, {\n            skipInitialRender: true,\n        });\n    }\n\n    /**\n     * Unsubscribes from the entry change event.\n     * @param callback - The callback function to be unsubscribed.\n     *\n     * @example\n     * ```js\n     * // unsubscribing using the Callback UID\n     * const callbackUid = ContentstackLivePreview.onEntryChange(() => {\n     *  console.log(\"Entry changed\");\n     * });\n     *\n     * // Unsubscribe the callback\n     * ContentstackLivePreview.unsubscribeOnEntryChange(callbackUid);\n     * ```\n     *\n     * @example\n     * ```js\n     * // unsubscribing using the callback function\n     * const callback = () => {console.log(\"Entry changed\")};\n     * ContentstackLivePreview.onEntryChange(callback);\n     *\n     * // Unsubscribe the callback\n     * ContentstackLivePreview.unsubscribeOnEntryChange(callback);\n     * ```\n     *\n     * @example\n     * ```js\n     * // The same is applicable to onLiveEdit\n     * const callbackUid = ContentstackLivePreview.onLiveEdit(() => {\n     * console.log(\"Entry changed\");\n     * });\n     *\n     * // Unsubscribe the callback\n     * ContentstackLivePreview.unsubscribeOnEntryChange(callbackUid);\n     * ```\n     *\n     *\n     */\n    static unsubscribeOnEntryChange(\n        callback: OnEntryChangeUnsubscribeParameters\n    ): void {\n        if (!ContentstackLivePreview.isInitialized()) {\n            removeFromOnChangeSubscribers(\n                ContentstackLivePreview.onEntryChangeCallbacks,\n                callback\n            );\n            return;\n        }\n        ContentstackLivePreview.previewConstructors.livePreview.unsubscribeOnEntryChange(\n            callback\n        );\n    }\n\n    /**\n     * Sets the page-level entry context for the current page.\n     * Used by the Visual Builder \"Start Editing\" button to know which entry\n     * the current page is rendering, enabling accurate VB navigation.\n     *\n     * Place this call alongside your existing `addEditableTags` call — both\n     * reference the same `entry` object so there is no extra lookup.\n     *\n     * @example\n     * ```js\n     * // In your page component / useEffect\n     * Utils.addEditableTags(entry, \"blog_post\", true, \"en-us\");\n     * ContentstackLivePreview.setPageContext({ entryUid: entry.uid, contentTypeUid: \"blog_post\" });\n     * ```\n     */\n    static setPageContext(context: { entryUid: string; contentTypeUid: string }): void {\n        Config.set(\"pageContext\", context);\n        // init() fires before async data fetching, so the INIT post-message has no\n        // entry context in CSR apps. Send it now so VB can update its current entry.\n        // Only send when inside an iframe — skip when the site opens in a plain browser tab.\n        if (inIframe()) {\n            visualBuilderPostMessage\n                ?.send<IPageContextPostMessageEvent>(\n                    VisualBuilderPostMessageEvents.PAGE_CONTEXT,\n                    {\n                        entryUid: context.entryUid,\n                        contentTypeUid: context.contentTypeUid,\n                    }\n                )\n                .catch((error) => {\n                    PublicLogger.error(\n                        \"Failed to send page context to Visual Builder.\",\n                        error\n                    );\n                });\n        }\n    }\n\n    /**\n     * Retrieves the version of the SDK.\n     * @returns The version of the SDK as a string.\n     */\n    static getSdkVersion(): string {\n        return process?.env?.PACKAGE_VERSION!;\n    }\n}\n\nexport default ContentstackLivePreview;"],"mappings":"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","names":["Config","LivePreview","uuidv4","visualBuilderPostMessage"]}

package/dist/modern/preview/contentstack-live-preview-HOC.d.cts

@@ -97,6 +97,25 @@ declare class ContentstackLivePreview {
      *
      */
     static unsubscribeOnEntryChange(callback: OnEntryChangeUnsubscribeParameters): void;
+    /**
+     * Sets the page-level entry context for the current page.
+     * Used by the Visual Builder "Start Editing" button to know which entry
+     * the current page is rendering, enabling accurate VB navigation.
+     *
+     * Place this call alongside your existing `addEditableTags` call — both
+     * reference the same `entry` object so there is no extra lookup.
+     *
+     * @example
+     * ```js
+     * // In your page component / useEffect
+     * Utils.addEditableTags(entry, "blog_post", true, "en-us");
+     * ContentstackLivePreview.setPageContext({ entryUid: entry.uid, contentTypeUid: "blog_post" });
+     * ```
+     */
+    static setPageContext(context: {
+        entryUid: string;
+        contentTypeUid: string;
+    }): void;
     /**
      * Retrieves the version of the SDK.
      * @returns The version of the SDK as a string.

package/dist/modern/preview/contentstack-live-preview-HOC.d.ts

@@ -97,6 +97,25 @@ declare class ContentstackLivePreview {
      *
      */
     static unsubscribeOnEntryChange(callback: OnEntryChangeUnsubscribeParameters): void;
+    /**
+     * Sets the page-level entry context for the current page.
+     * Used by the Visual Builder "Start Editing" button to know which entry
+     * the current page is rendering, enabling accurate VB navigation.
+     *
+     * Place this call alongside your existing `addEditableTags` call — both
+     * reference the same `entry` object so there is no extra lookup.
+     *
+     * @example
+     * ```js
+     * // In your page component / useEffect
+     * Utils.addEditableTags(entry, "blog_post", true, "en-us");
+     * ContentstackLivePreview.setPageContext({ entryUid: entry.uid, contentTypeUid: "blog_post" });
+     * ```
+     */
+    static setPageContext(context: {
+        entryUid: string;
+        contentTypeUid: string;
+    }): void;
     /**
      * Retrieves the version of the SDK.
      * @returns The version of the SDK as a string.

package/dist/modern/preview/contentstack-live-preview-HOC.js

@@ -3,6 +3,7 @@ import "../chunk-5WRI5ZAA.js";
 // src/preview/contentstack-live-preview-HOC.ts
 import { cloneDeep, isEmpty, pick } from "lodash-es";
 import { v4 as uuidv4 } from "uuid";
+import { inIframe } from "../common/inIframe.js";
 import { getUserInitData } from "../configManager/config.default.js";
 import Config, { updateConfigFromUrl } from "../configManager/configManager.js";
 import LivePreview from "../livePreview/live-preview.js";
@@ -11,6 +12,10 @@ import { removeFromOnChangeSubscribers } from "../livePreview/removeFromOnChange
 import { PublicLogger } from "../logger/logger.js";
 import { handleWebCompare } from "../timeline/compare/compare.js";
 import { VisualBuilder } from "../visualBuilder/index.js";
+import visualBuilderPostMessage from "../visualBuilder/utils/visualBuilderPostMessage.js";
+import {
+  VisualBuilderPostMessageEvents
+} from "../visualBuilder/utils/types/postMessage.types.js";
 var _ContentstackLivePreview = class _ContentstackLivePreview {
   /**
    * Initializes the Live Preview SDK with the provided user configuration.
@@ -190,12 +195,44 @@ var _ContentstackLivePreview = class _ContentstackLivePreview {
       callback
     );
   }
+  /**
+   * Sets the page-level entry context for the current page.
+   * Used by the Visual Builder "Start Editing" button to know which entry
+   * the current page is rendering, enabling accurate VB navigation.
+   *
+   * Place this call alongside your existing `addEditableTags` call — both
+   * reference the same `entry` object so there is no extra lookup.
+   *
+   * @example
+   * ```js
+   * // In your page component / useEffect
+   * Utils.addEditableTags(entry, "blog_post", true, "en-us");
+   * ContentstackLivePreview.setPageContext({ entryUid: entry.uid, contentTypeUid: "blog_post" });
+   * ```
+   */
+  static setPageContext(context) {
+    Config.set("pageContext", context);
+    if (inIframe()) {
+      visualBuilderPostMessage?.send(
+        VisualBuilderPostMessageEvents.PAGE_CONTEXT,
+        {
+          entryUid: context.entryUid,
+          contentTypeUid: context.contentTypeUid
+        }
+      ).catch((error) => {
+        PublicLogger.error(
+          "Failed to send page context to Visual Builder.",
+          error
+        );
+      });
+    }
+  }
   /**
    * Retrieves the version of the SDK.
    * @returns The version of the SDK as a string.
    */
   static getSdkVersion() {
-    return "4.4.2";
+    return "4.4.4";
   }
 };
 _ContentstackLivePreview.previewConstructors = {};

package/dist/modern/preview/contentstack-live-preview-HOC.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/preview/contentstack-live-preview-HOC.ts"],"sourcesContent":["import { cloneDeep, isEmpty, pick } from \"lodash-es\";\nimport { v4 as uuidv4 } from \"uuid\";\nimport { getUserInitData } from \"../configManager/config.default\";\nimport Config, { updateConfigFromUrl } from \"../configManager/configManager\";\nimport LivePreview from \"../livePreview/live-preview\";\nimport { handlePageTraversal } from \"../livePreview/onPageTraversal\";\nimport { removeFromOnChangeSubscribers } from \"../livePreview/removeFromOnChangeSubscribers\";\nimport {\n    OnEntryChangeCallback,\n    OnEntryChangeCallbackSubscribers,\n    OnEntryChangeCallbackUID,\n    OnEntryChangeConfig,\n    OnEntryChangeUnsubscribeParameters,\n} from \"../livePreview/types/onEntryChangeCallback.type\";\nimport { PublicLogger } from \"../logger/logger\";\nimport { handleWebCompare } from \"../timeline/compare/compare\";\nimport type { IExportedConfig, IInitData } from \"../types/types\";\nimport { VisualBuilder } from \"../visualBuilder\";\n\nclass ContentstackLivePreview {\n    private static previewConstructors:\n        | {\n              livePreview: LivePreview;\n              visualBuilder: VisualBuilder;\n          }\n        | Record<string, never> = {};\n\n    /**\n     * The subscribers for the onEntryChange event. We store them here when the SDK is not initialized.\n     */\n    private static onEntryChangeCallbacks: OnEntryChangeCallbackSubscribers =\n        {};\n\n    /**\n     * Initializes the Live Preview SDK with the provided user configuration.\n     * If the SDK is already initialized, subsequent calls to this method will return the existing SDK instance.\n     * @param userConfig - The user configuration to initialize the SDK with. See {@link https://github.com/contentstack/live-preview-sdk/blob/main/docs/live-preview-configs.md#initconfig-iconfig|Live preview User config} for more details.\n     * @returns A promise that resolves to the constructors of the Live Preview SDK.\n     */\n    static init(\n        userConfig: Partial<IInitData> = getUserInitData()\n    ): Promise<typeof ContentstackLivePreview.previewConstructors> {\n        if (typeof window === \"undefined\") {\n            PublicLogger.warn(\"The SDK is not initialized in the browser.\");\n            return Promise.resolve(ContentstackLivePreview.previewConstructors);\n        }\n\n        // handle user config\n        Config.replace(userConfig);\n        updateConfigFromUrl();\n\n        if (ContentstackLivePreview.isInitialized()) {\n            PublicLogger.warn(\n                \"You have already initialized the Live Preview SDK. So, any subsequent initialization returns the existing SDK instance.\"\n            );\n            return Promise.resolve(ContentstackLivePreview.previewConstructors);\n        } else {\n            return ContentstackLivePreview.initializePreview();\n        }\n    }\n\n    /**\n     * It is the live preview hash.\n     * This hash could be used when data is fetched manually.\n     */\n    static get hash(): string {\n        if (!ContentstackLivePreview.isInitialized()) {\n            updateConfigFromUrl(); // check if we could extract from the URL\n        }\n        return Config.get().hash;\n    }\n\n    static get config(): IExportedConfig {\n        if (!ContentstackLivePreview.isInitialized()) {\n            updateConfigFromUrl(); // check if we could extract from the URL\n        }\n        const config = Config.get();\n        const clonedConfig = cloneDeep(config);\n        const configToShare = pick(clonedConfig, [\n            'ssr',\n            'enable',\n            'cleanCslpOnProduction',\n            'stackDetails',\n            'clientUrlParams',\n            'windowType',\n            'hash',\n            'editButton',\n            'mode',\n        ]);\n        return configToShare;\n    }\n\n    private static isInitialized(): boolean {\n        return !isEmpty(ContentstackLivePreview.previewConstructors);\n    }\n\n    private static initializePreview() {\n        ContentstackLivePreview.previewConstructors = {\n            livePreview: new LivePreview(),\n            visualBuilder: new VisualBuilder(),\n        };\n\n        // set up onEntryChange callbacks added when the SDK was not initialized\n        const livePreview =\n            ContentstackLivePreview.previewConstructors.livePreview;\n        Object.entries(ContentstackLivePreview.onEntryChangeCallbacks).forEach(\n            ([callbackUid, callback]) => {\n                livePreview.subscribeToOnEntryChange(callback, callbackUid);\n            }\n        );\n\n        ContentstackLivePreview.onEntryChangeCallbacks = {};\n\n        handlePageTraversal();\n        handleWebCompare();\n\n        return Promise.resolve(ContentstackLivePreview.previewConstructors);\n    }\n\n    /**\n     * Registers a callback function to be called when an entry changes.\n     * @param onChangeCallback The callback function to be called when an entry changes.\n     * @param config Optional configuration for the callback.\n     * @param config.skipInitialRender If true, the callback will not be called when it is first registered.\n     * @returns A unique identifier for the registered callback.\n     *\n     * @example\n     * ```js\n     * const callbackUid = ContentstackLivePreview.onEntryChange(() => {\n     *    console.log(\"Entry changed\");\n     * });\n     *\n     * // Unsubscribe the callback\n     * ContentstackLivePreview.unsubscribeOnEntryChange(callbackUid);\n     * ```\n     */\n    static onEntryChange(\n        onChangeCallback: OnEntryChangeCallback,\n        config: OnEntryChangeConfig = {}\n    ): OnEntryChangeCallbackUID {\n        const { skipInitialRender = false } = config;\n\n        const callbackUid = uuidv4();\n\n        if (ContentstackLivePreview.isInitialized()) {\n            ContentstackLivePreview.previewConstructors.livePreview.subscribeToOnEntryChange(\n                onChangeCallback,\n                callbackUid\n            );\n        } else {\n            ContentstackLivePreview.onEntryChangeCallbacks[callbackUid] =\n                onChangeCallback;\n        }\n\n        const searchParams =\n            typeof window !== \"undefined\"\n                ? new URLSearchParams(window.location.search)\n                : null;\n        const hasLivePreviewHash =\n            searchParams && searchParams.has(\"live_preview\");\n        const isBuilder = searchParams && searchParams.has(\"builder\");\n        const shouldCallCallback = hasLivePreviewHash && isBuilder;\n        // calling onChangeCallback when live_preview search parameter\n        // is present because we don't send the initial client-data-send\n        //  message in visual builder\n        if (!skipInitialRender || shouldCallCallback) {\n            onChangeCallback();\n        }\n\n        return callbackUid;\n    }\n\n    /**\n     * Registers a callback function to be called when there is a change in the entry being edited in live preview mode. The difference between this and `onEntryChange` is that this callback will not be called when it is first registered.\n     * @param onChangeCallback The callback function to be called when there is a change in the entry.\n     * @returns A unique identifier for the registered callback.\n     *\n     * @example\n     * ```js\n     * const callbackUid = ContentstackLivePreview.onLiveEdit(() => {\n     *   console.log(\"Entry changed\");\n     * });\n     *\n     * // Unsubscribe the callback\n     * ContentstackLivePreview.unsubscribeOnEntryChange(callbackUid);\n     * ```\n     *\n     */\n    static onLiveEdit(\n        onChangeCallback: OnEntryChangeCallback\n    ): OnEntryChangeCallbackUID {\n        return ContentstackLivePreview.onEntryChange(onChangeCallback, {\n            skipInitialRender: true,\n        });\n    }\n\n    /**\n     * Unsubscribes from the entry change event.\n     * @param callback - The callback function to be unsubscribed.\n     *\n     * @example\n     * ```js\n     * // unsubscribing using the Callback UID\n     * const callbackUid = ContentstackLivePreview.onEntryChange(() => {\n     *  console.log(\"Entry changed\");\n     * });\n     *\n     * // Unsubscribe the callback\n     * ContentstackLivePreview.unsubscribeOnEntryChange(callbackUid);\n     * ```\n     *\n     * @example\n     * ```js\n     * // unsubscribing using the callback function\n     * const callback = () => {console.log(\"Entry changed\")};\n     * ContentstackLivePreview.onEntryChange(callback);\n     *\n     * // Unsubscribe the callback\n     * ContentstackLivePreview.unsubscribeOnEntryChange(callback);\n     * ```\n     *\n     * @example\n     * ```js\n     * // The same is applicable to onLiveEdit\n     * const callbackUid = ContentstackLivePreview.onLiveEdit(() => {\n     * console.log(\"Entry changed\");\n     * });\n     *\n     * // Unsubscribe the callback\n     * ContentstackLivePreview.unsubscribeOnEntryChange(callbackUid);\n     * ```\n     *\n     *\n     */\n    static unsubscribeOnEntryChange(\n        callback: OnEntryChangeUnsubscribeParameters\n    ): void {\n        if (!ContentstackLivePreview.isInitialized()) {\n            removeFromOnChangeSubscribers(\n                ContentstackLivePreview.onEntryChangeCallbacks,\n                callback\n            );\n            return;\n        }\n        ContentstackLivePreview.previewConstructors.livePreview.unsubscribeOnEntryChange(\n            callback\n        );\n    }\n\n    /**\n     * Retrieves the version of the SDK.\n     * @returns The version of the SDK as a string.\n     */\n    static getSdkVersion(): string {\n        return process?.env?.PACKAGE_VERSION!;\n    }\n}\n\nexport default ContentstackLivePreview;"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/preview/contentstack-live-preview-HOC.ts"],"sourcesContent":["import { cloneDeep, isEmpty, pick } from \"lodash-es\";\nimport { v4 as uuidv4 } from \"uuid\";\nimport { inIframe } from \"../common/inIframe\";\nimport { getUserInitData } from \"../configManager/config.default\";\nimport Config, { updateConfigFromUrl } from \"../configManager/configManager\";\nimport LivePreview from \"../livePreview/live-preview\";\nimport { handlePageTraversal } from \"../livePreview/onPageTraversal\";\nimport { removeFromOnChangeSubscribers } from \"../livePreview/removeFromOnChangeSubscribers\";\nimport {\n    OnEntryChangeCallback,\n    OnEntryChangeCallbackSubscribers,\n    OnEntryChangeCallbackUID,\n    OnEntryChangeConfig,\n    OnEntryChangeUnsubscribeParameters,\n} from \"../livePreview/types/onEntryChangeCallback.type\";\nimport { PublicLogger } from \"../logger/logger\";\nimport { handleWebCompare } from \"../timeline/compare/compare\";\nimport type { IExportedConfig, IInitData } from \"../types/types\";\nimport { VisualBuilder } from \"../visualBuilder\";\nimport visualBuilderPostMessage from \"../visualBuilder/utils/visualBuilderPostMessage\";\nimport {\n    IPageContextPostMessageEvent,\n    VisualBuilderPostMessageEvents,\n} from \"../visualBuilder/utils/types/postMessage.types\";\n\nclass ContentstackLivePreview {\n    private static previewConstructors:\n        | {\n              livePreview: LivePreview;\n              visualBuilder: VisualBuilder;\n          }\n        | Record<string, never> = {};\n\n    /**\n     * The subscribers for the onEntryChange event. We store them here when the SDK is not initialized.\n     */\n    private static onEntryChangeCallbacks: OnEntryChangeCallbackSubscribers =\n        {};\n\n    /**\n     * Initializes the Live Preview SDK with the provided user configuration.\n     * If the SDK is already initialized, subsequent calls to this method will return the existing SDK instance.\n     * @param userConfig - The user configuration to initialize the SDK with. See {@link https://github.com/contentstack/live-preview-sdk/blob/main/docs/live-preview-configs.md#initconfig-iconfig|Live preview User config} for more details.\n     * @returns A promise that resolves to the constructors of the Live Preview SDK.\n     */\n    static init(\n        userConfig: Partial<IInitData> = getUserInitData()\n    ): Promise<typeof ContentstackLivePreview.previewConstructors> {\n        if (typeof window === \"undefined\") {\n            PublicLogger.warn(\"The SDK is not initialized in the browser.\");\n            return Promise.resolve(ContentstackLivePreview.previewConstructors);\n        }\n\n        // handle user config\n        Config.replace(userConfig);\n        updateConfigFromUrl();\n\n        if (ContentstackLivePreview.isInitialized()) {\n            PublicLogger.warn(\n                \"You have already initialized the Live Preview SDK. So, any subsequent initialization returns the existing SDK instance.\"\n            );\n            return Promise.resolve(ContentstackLivePreview.previewConstructors);\n        } else {\n            return ContentstackLivePreview.initializePreview();\n        }\n    }\n\n    /**\n     * It is the live preview hash.\n     * This hash could be used when data is fetched manually.\n     */\n    static get hash(): string {\n        if (!ContentstackLivePreview.isInitialized()) {\n            updateConfigFromUrl(); // check if we could extract from the URL\n        }\n        return Config.get().hash;\n    }\n\n    static get config(): IExportedConfig {\n        if (!ContentstackLivePreview.isInitialized()) {\n            updateConfigFromUrl(); // check if we could extract from the URL\n        }\n        const config = Config.get();\n        const clonedConfig = cloneDeep(config);\n        const configToShare = pick(clonedConfig, [\n            'ssr',\n            'enable',\n            'cleanCslpOnProduction',\n            'stackDetails',\n            'clientUrlParams',\n            'windowType',\n            'hash',\n            'editButton',\n            'mode',\n        ]);\n        return configToShare;\n    }\n\n    private static isInitialized(): boolean {\n        return !isEmpty(ContentstackLivePreview.previewConstructors);\n    }\n\n    private static initializePreview() {\n        ContentstackLivePreview.previewConstructors = {\n            livePreview: new LivePreview(),\n            visualBuilder: new VisualBuilder(),\n        };\n\n        // set up onEntryChange callbacks added when the SDK was not initialized\n        const livePreview =\n            ContentstackLivePreview.previewConstructors.livePreview;\n        Object.entries(ContentstackLivePreview.onEntryChangeCallbacks).forEach(\n            ([callbackUid, callback]) => {\n                livePreview.subscribeToOnEntryChange(callback, callbackUid);\n            }\n        );\n\n        ContentstackLivePreview.onEntryChangeCallbacks = {};\n\n        handlePageTraversal();\n        handleWebCompare();\n\n        return Promise.resolve(ContentstackLivePreview.previewConstructors);\n    }\n\n    /**\n     * Registers a callback function to be called when an entry changes.\n     * @param onChangeCallback The callback function to be called when an entry changes.\n     * @param config Optional configuration for the callback.\n     * @param config.skipInitialRender If true, the callback will not be called when it is first registered.\n     * @returns A unique identifier for the registered callback.\n     *\n     * @example\n     * ```js\n     * const callbackUid = ContentstackLivePreview.onEntryChange(() => {\n     *    console.log(\"Entry changed\");\n     * });\n     *\n     * // Unsubscribe the callback\n     * ContentstackLivePreview.unsubscribeOnEntryChange(callbackUid);\n     * ```\n     */\n    static onEntryChange(\n        onChangeCallback: OnEntryChangeCallback,\n        config: OnEntryChangeConfig = {}\n    ): OnEntryChangeCallbackUID {\n        const { skipInitialRender = false } = config;\n\n        const callbackUid = uuidv4();\n\n        if (ContentstackLivePreview.isInitialized()) {\n            ContentstackLivePreview.previewConstructors.livePreview.subscribeToOnEntryChange(\n                onChangeCallback,\n                callbackUid\n            );\n        } else {\n            ContentstackLivePreview.onEntryChangeCallbacks[callbackUid] =\n                onChangeCallback;\n        }\n\n        const searchParams =\n            typeof window !== \"undefined\"\n                ? new URLSearchParams(window.location.search)\n                : null;\n        const hasLivePreviewHash =\n            searchParams && searchParams.has(\"live_preview\");\n        const isBuilder = searchParams && searchParams.has(\"builder\");\n        const shouldCallCallback = hasLivePreviewHash && isBuilder;\n        // calling onChangeCallback when live_preview search parameter\n        // is present because we don't send the initial client-data-send\n        //  message in visual builder\n        if (!skipInitialRender || shouldCallCallback) {\n            onChangeCallback();\n        }\n\n        return callbackUid;\n    }\n\n    /**\n     * Registers a callback function to be called when there is a change in the entry being edited in live preview mode. The difference between this and `onEntryChange` is that this callback will not be called when it is first registered.\n     * @param onChangeCallback The callback function to be called when there is a change in the entry.\n     * @returns A unique identifier for the registered callback.\n     *\n     * @example\n     * ```js\n     * const callbackUid = ContentstackLivePreview.onLiveEdit(() => {\n     *   console.log(\"Entry changed\");\n     * });\n     *\n     * // Unsubscribe the callback\n     * ContentstackLivePreview.unsubscribeOnEntryChange(callbackUid);\n     * ```\n     *\n     */\n    static onLiveEdit(\n        onChangeCallback: OnEntryChangeCallback\n    ): OnEntryChangeCallbackUID {\n        return ContentstackLivePreview.onEntryChange(onChangeCallback, {\n            skipInitialRender: true,\n        });\n    }\n\n    /**\n     * Unsubscribes from the entry change event.\n     * @param callback - The callback function to be unsubscribed.\n     *\n     * @example\n     * ```js\n     * // unsubscribing using the Callback UID\n     * const callbackUid = ContentstackLivePreview.onEntryChange(() => {\n     *  console.log(\"Entry changed\");\n     * });\n     *\n     * // Unsubscribe the callback\n     * ContentstackLivePreview.unsubscribeOnEntryChange(callbackUid);\n     * ```\n     *\n     * @example\n     * ```js\n     * // unsubscribing using the callback function\n     * const callback = () => {console.log(\"Entry changed\")};\n     * ContentstackLivePreview.onEntryChange(callback);\n     *\n     * // Unsubscribe the callback\n     * ContentstackLivePreview.unsubscribeOnEntryChange(callback);\n     * ```\n     *\n     * @example\n     * ```js\n     * // The same is applicable to onLiveEdit\n     * const callbackUid = ContentstackLivePreview.onLiveEdit(() => {\n     * console.log(\"Entry changed\");\n     * });\n     *\n     * // Unsubscribe the callback\n     * ContentstackLivePreview.unsubscribeOnEntryChange(callbackUid);\n     * ```\n     *\n     *\n     */\n    static unsubscribeOnEntryChange(\n        callback: OnEntryChangeUnsubscribeParameters\n    ): void {\n        if (!ContentstackLivePreview.isInitialized()) {\n            removeFromOnChangeSubscribers(\n                ContentstackLivePreview.onEntryChangeCallbacks,\n                callback\n            );\n            return;\n        }\n        ContentstackLivePreview.previewConstructors.livePreview.unsubscribeOnEntryChange(\n            callback\n        );\n    }\n\n    /**\n     * Sets the page-level entry context for the current page.\n     * Used by the Visual Builder \"Start Editing\" button to know which entry\n     * the current page is rendering, enabling accurate VB navigation.\n     *\n     * Place this call alongside your existing `addEditableTags` call — both\n     * reference the same `entry` object so there is no extra lookup.\n     *\n     * @example\n     * ```js\n     * // In your page component / useEffect\n     * Utils.addEditableTags(entry, \"blog_post\", true, \"en-us\");\n     * ContentstackLivePreview.setPageContext({ entryUid: entry.uid, contentTypeUid: \"blog_post\" });\n     * ```\n     */\n    static setPageContext(context: { entryUid: string; contentTypeUid: string }): void {\n        Config.set(\"pageContext\", context);\n        // init() fires before async data fetching, so the INIT post-message has no\n        // entry context in CSR apps. Send it now so VB can update its current entry.\n        // Only send when inside an iframe — skip when the site opens in a plain browser tab.\n        if (inIframe()) {\n            visualBuilderPostMessage\n                ?.send<IPageContextPostMessageEvent>(\n                    VisualBuilderPostMessageEvents.PAGE_CONTEXT,\n                    {\n                        entryUid: context.entryUid,\n                        contentTypeUid: context.contentTypeUid,\n                    }\n                )\n                .catch((error) => {\n                    PublicLogger.error(\n                        \"Failed to send page context to Visual Builder.\",\n                        error\n                    );\n                });\n        }\n    }\n\n    /**\n     * Retrieves the version of the SDK.\n     * @returns The version of the SDK as a string.\n     */\n    static getSdkVersion(): string {\n        return process?.env?.PACKAGE_VERSION!;\n    }\n}\n\nexport default ContentstackLivePreview;"],"mappings":"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","names":[]}

package/dist/modern/types/global.d.cjs

@@ -0,0 +1,19 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/types/global.d.ts
+var global_d_exports = {};
+module.exports = __toCommonJS(global_d_exports);
+//# sourceMappingURL=global.d.cjs.map

package/dist/modern/types/global.d.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/types/global.d.ts"],"sourcesContent":["import type { IPageContext } from \"./types\";\n\ndeclare global {\n    interface Window {\n        __CS_PAGE_CONTEXT__?: IPageContext;\n    }\n}\n\nexport {};\n"],"mappings":";;;;;;;;;;;;;;;;AAAA;AAAA;","names":[]}

package/dist/modern/types/global.d.d.cts

@@ -0,0 +1,8 @@
+import { IPageContext } from './types.cjs';
+import '../visualBuilder/types/collab.types.cjs';
+
+declare global {
+    interface Window {
+        __CS_PAGE_CONTEXT__?: IPageContext;
+    }
+}

package/dist/modern/types/global.d.d.ts

@@ -0,0 +1,8 @@
+import { IPageContext } from './types.js';
+import '../visualBuilder/types/collab.types.js';
+
+declare global {
+    interface Window {
+        __CS_PAGE_CONTEXT__?: IPageContext;
+    }
+}

package/dist/modern/types/global.d.js

@@ -0,0 +1 @@
+//# sourceMappingURL=global.d.js.map

package/dist/modern/types/global.d.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}