@contentstack/live-preview-utils 1.4.2 → 2.0.0

package/dist/legacy/live-preview.js

@@ -0,0 +1,495 @@
+// src/live-preview.ts
+import {
+  createSingularEditButton,
+  createMultipleEditButton,
+  addLivePreviewQueryTags,
+  getEditButtonPosition
+} from "./utils/index.js";
+import { PublicLogger } from "./utils/public-logger.js";
+import { handleInitData } from "./utils/handleUserConfig.js";
+import { userInitData } from "./utils/defaults.js";
+import { livePreviewStyles } from "./styles/live_preview.js";
+var LivePreview = class {
+  constructor(initData = userInitData) {
+    /**
+     * @hideconstructor
+     */
+    this.config = {
+      ssr: true,
+      enable: true,
+      runScriptsOnUpdate: false,
+      cleanCslpOnProduction: true,
+      hash: "",
+      editButton: {
+        enable: true,
+        exclude: [],
+        position: "top",
+        includeByQueryParameter: true
+      },
+      stackDetails: {
+        apiKey: "",
+        environment: "",
+        branch: "main",
+        contentTypeUid: "",
+        entryUid: ""
+      },
+      clientUrlParams: {
+        protocol: "https",
+        host: "app.contentstack.com",
+        port: 443,
+        url: "https://app.contentstack.com:443"
+      },
+      stackSdk: {
+        live_preview: {},
+        headers: {
+          api_key: ""
+        },
+        environment: ""
+      },
+      onChange: () => {
+      }
+    };
+    this.tooltip = null;
+    // this tooltip is responsible to redirect user to Contentstack edit page
+    this.currentElementBesideTooltip = null;
+    // this element helps to move tooltip with the scroll
+    this.isHoveringOnTooltip = false;
+    this.hideInterval = null;
+    this.tooltipChild = {
+      singular: null,
+      multiple: null
+    };
+    this.tooltipCurrentChild = "singular";
+    this.createCslpTooltip = () => {
+      if (!document.getElementById("cslp-tooltip") && this.config.editButton.enable) {
+        const tooltip = document.createElement("button");
+        const tooltipInnerContainer = document.createElement("div");
+        tooltipInnerContainer.classList.add(
+          livePreviewStyles()["cslp-tooltip-inner-container"]
+        );
+        tooltip.classList.add(livePreviewStyles()["cslp-tooltip"]);
+        tooltip.classList.add(livePreviewStyles()["cslp-tooltip"]);
+        tooltip.setAttribute("data-test-id", "cs-cslp-tooltip");
+        tooltip.id = "cslp-tooltip";
+        tooltipInnerContainer.id = "cslp-tooltip-inner-container";
+        tooltip.addEventListener("mouseover", () => {
+          this.toggleHoveringOnEditButton(true);
+        });
+        tooltip.addEventListener("mouseleave", (e) => {
+          this.toggleHoveringOnEditButton(false);
+          this.removeEditButtonStyle(e);
+        });
+        window.document.body.insertAdjacentElement("beforeend", tooltip);
+        this.tooltipChild.singular = createSingularEditButton(
+          this.scrollHandler
+        );
+        this.tooltipChild.multiple = createMultipleEditButton(
+          this.scrollHandler,
+          this.linkClickHandler
+        );
+        tooltipInnerContainer.innerHTML = "";
+        tooltipInnerContainer.appendChild(this.tooltipChild.singular);
+        tooltip.appendChild(tooltipInnerContainer);
+        this.tooltip = tooltip;
+      }
+      this.updateTooltipPosition();
+    };
+    this.toggleHoveringOnEditButton = (isHoveringOnTooltip) => {
+      this.isHoveringOnTooltip = isHoveringOnTooltip;
+    };
+    handleInitData(initData, this.config);
+    this.addEditStyleOnHover = this.addEditStyleOnHover.bind(this);
+    this.removeEditButtonStyle = this.removeEditButtonStyle.bind(this);
+    this.generateRedirectUrl = this.generateRedirectUrl.bind(this);
+    this.scrollHandler = this.scrollHandler.bind(this);
+    this.linkClickHandler = this.linkClickHandler.bind(this);
+    this.handleUserChange = this.handleUserChange.bind(this);
+    this.setOnChangeCallback = this.setOnChangeCallback.bind(this);
+    this.resolveIncomingMessage = this.resolveIncomingMessage.bind(this);
+    this.createCslpTooltip = this.createCslpTooltip.bind(this);
+    this.requestDataSync = this.requestDataSync.bind(this);
+    this.updateTooltipPosition = this.updateTooltipPosition.bind(this);
+    this.removeDataCslp = this.removeDataCslp.bind(this);
+    this.toggleHoveringOnEditButton = this.toggleHoveringOnEditButton.bind(this);
+    this.hideTooltip = this.hideTooltip.bind(this);
+    if (initData.debug) {
+      PublicLogger.debug(
+        "Contentstack Live Preview Debugging mode: config --",
+        this.config
+      );
+    }
+    if (this.config.enable) {
+      if (typeof document !== void 0 && document.readyState === "complete") {
+        this.requestDataSync();
+      } else {
+        window.addEventListener("load", this.requestDataSync);
+      }
+      window.addEventListener("message", this.resolveIncomingMessage);
+      window.addEventListener("scroll", this.updateTooltipPosition);
+      if (this.config.editButton.enable) {
+        window.addEventListener("mouseover", this.addEditStyleOnHover);
+      }
+      if (this.config.ssr) {
+        window.addEventListener("load", (e) => {
+          const allATags = document.querySelectorAll("a");
+          allATags.forEach((tag) => {
+            const docOrigin = document.location.origin;
+            if (tag.href && tag.href.includes(docOrigin)) {
+              const newUrl = addLivePreviewQueryTags(tag.href);
+              tag.href = newUrl;
+            }
+          });
+        });
+        window.addEventListener("click", (event) => {
+          const target = event.target;
+          const targetHref = target.href;
+          const docOrigin = document.location.origin;
+          if (targetHref && targetHref.includes(docOrigin) && !targetHref.includes("live_preview")) {
+            const newUrl = addLivePreviewQueryTags(target.href);
+            event.target.href = newUrl || target.href;
+          }
+        });
+      }
+    } else if (this.config.cleanCslpOnProduction) {
+      this.removeDataCslp();
+    }
+  }
+  addEditStyleOnHover(e) {
+    var _a, _b;
+    let trigger = true;
+    const eventTargets = e.composedPath();
+    for (const eventTarget of eventTargets) {
+      const element = eventTarget;
+      if (element.nodeName === "BODY")
+        break;
+      if (typeof (element == null ? void 0 : element.getAttribute) !== "function")
+        continue;
+      const cslpTag = element.getAttribute("data-cslp");
+      if (trigger && cslpTag) {
+        if (this.hideInterval) {
+          clearInterval(this.hideInterval);
+          this.hideInterval = null;
+        }
+        if (this.currentElementBesideTooltip) {
+          this.currentElementBesideTooltip.classList.remove(
+            livePreviewStyles()["cslp-edit-mode"]
+          );
+          this.currentElementBesideTooltip.removeEventListener(
+            "mouseleave",
+            this.removeEditButtonStyle
+          );
+        }
+        element.classList.add(livePreviewStyles()["cslp-edit-mode"]);
+        this.currentElementBesideTooltip = element;
+        this.currentElementBesideTooltip.addEventListener(
+          "mouseleave",
+          this.removeEditButtonStyle
+        );
+        if (this.updateTooltipPosition()) {
+          (_a = this.tooltip) == null ? void 0 : _a.setAttribute("current-data-cslp", cslpTag);
+          (_b = this.tooltip) == null ? void 0 : _b.setAttribute(
+            "current-href",
+            element.getAttribute("href") ?? ""
+          );
+        }
+        trigger = false;
+      } else if (!trigger) {
+        element.classList.remove(livePreviewStyles()["cslp-edit-mode"]);
+      }
+    }
+  }
+  removeEditButtonStyle(e) {
+    if (!this.currentElementBesideTooltip || !this.tooltip)
+      return false;
+    let trigger = true;
+    const eventTargets = e.composedPath();
+    for (const eventTarget of eventTargets) {
+      const element = eventTarget;
+      if (element.nodeName === "BODY")
+        break;
+      if (typeof (element == null ? void 0 : element.getAttribute) !== "function")
+        continue;
+      const cslpTag = element.getAttribute("data-cslp");
+      if (trigger && cslpTag) {
+        this.hideInterval = setInterval(this.hideTooltip, 500);
+        trigger = false;
+      } else if (!trigger) {
+        element.classList.remove(livePreviewStyles()["cslp-edit-mode"]);
+      }
+    }
+  }
+  hideTooltip() {
+    if (!this.currentElementBesideTooltip || !this.tooltip || this.isHoveringOnTooltip)
+      return false;
+    this.currentElementBesideTooltip.classList.remove(
+      livePreviewStyles()["cslp-edit-mode"]
+    );
+    this.currentElementBesideTooltip.removeEventListener(
+      "mouseleave",
+      this.removeEditButtonStyle
+    );
+    this.currentElementBesideTooltip = null;
+    this.tooltip.style.top = "-100%";
+  }
+  generateRedirectUrl(content_type_uid, locale = "en-us", entry_uid, preview_field) {
+    if (!this.config.stackDetails.apiKey) {
+      throw `To use edit tags, you must provide the stack API key. Specify the API key while initializing the Live Preview SDK.
+
+                ContentstackLivePreview.init({
+                    ...,
+                    stackDetails: {
+                        apiKey: 'your-api-key'
+                    },
+                    ...
+                })`;
+    }
+    if (!this.config.stackDetails.environment) {
+      throw `To use edit tags, you must provide the preview environment. Specify the preview environment while initializing the Live Preview SDK.
+
+                ContentstackLivePreview.init({
+                    ...,
+                    stackDetails: {
+                        environment: 'Your-environment'
+                    },
+                    ...
+                })`;
+    }
+    const protocol = String(this.config.clientUrlParams.protocol);
+    const host = String(this.config.clientUrlParams.host);
+    const port = String(this.config.clientUrlParams.port);
+    const environment = String(this.config.stackDetails.environment);
+    const branch = String(this.config.stackDetails.branch || "main");
+    const urlHash = `!/stack/${this.config.stackDetails.apiKey}/content-type/${content_type_uid}/${locale ?? "en-us"}/entry/${entry_uid}/edit`;
+    const url = new URL(`${protocol}://${host}`);
+    url.port = port;
+    url.hash = urlHash;
+    url.searchParams.append("branch", branch);
+    url.searchParams.append("preview-field", preview_field);
+    url.searchParams.append("preview-locale", locale ?? "en-us");
+    url.searchParams.append("preview-environment", environment);
+    return `${url.origin}/${url.hash}${url.search}`;
+  }
+  scrollHandler() {
+    if (!this.tooltip)
+      return;
+    const cslpTag = this.tooltip.getAttribute("current-data-cslp");
+    if (cslpTag) {
+      const [content_type_uid, entry_uid, locale, ...field] = cslpTag.split(".");
+      if (window.location !== window.parent.location) {
+        window.parent.postMessage(
+          {
+            from: "live-preview",
+            type: "scroll",
+            data: {
+              field: field.join("."),
+              content_type_uid,
+              entry_uid,
+              locale
+            }
+          },
+          "*"
+        );
+      } else {
+        try {
+          const redirectUrl = this.generateRedirectUrl(
+            content_type_uid,
+            locale,
+            entry_uid,
+            field.join(".")
+          );
+          window.open(redirectUrl, "_blank");
+        } catch (error) {
+          PublicLogger.error(error);
+        }
+      }
+    }
+  }
+  linkClickHandler() {
+    if (!this.tooltip)
+      return;
+    const hrefAttribute = this.tooltip.getAttribute("current-href");
+    if (hrefAttribute) {
+      window.location.assign(hrefAttribute);
+    }
+  }
+  handleUserChange(editEntrySearchParams) {
+    this.config.stackSdk.live_preview = {
+      ...this.config.stackSdk.live_preview,
+      ...editEntrySearchParams,
+      live_preview: editEntrySearchParams.hash
+    };
+    this.config.onChange();
+  }
+  setOnChangeCallback(onChangeCallback) {
+    this.config.onChange = onChangeCallback;
+  }
+  /**
+   * It is the live preview hash.
+   * This hash could be used when data is fetched manually.
+   */
+  get hash() {
+    return this.config.hash;
+  }
+  /**
+   * Sets the live preview hash from the query param which is
+   * accessible via `hash` property.
+   * @param params query param in an object form
+   */
+  setConfigFromParams(params = {}) {
+    if (typeof params !== "object")
+      throw new TypeError(
+        "Live preview SDK: query param must be an object"
+      );
+    const urlParams = new URLSearchParams(params);
+    const live_preview = urlParams.get("live_preview");
+    if (live_preview) {
+      this.config.hash = live_preview;
+    }
+  }
+  resolveIncomingMessage(e) {
+    if (typeof e.data !== "object")
+      return;
+    if (e.data.from !== "live-preview")
+      return;
+    switch (e.data.type) {
+      case "client-data-send": {
+        const { contentTypeUid, entryUid } = this.config.stackDetails;
+        const { hash } = e.data.data;
+        this.setConfigFromParams({ live_preview: hash });
+        if (!this.config.ssr) {
+          this.handleUserChange({
+            content_type_uid: contentTypeUid,
+            entry_uid: entryUid,
+            hash
+          });
+        }
+        break;
+      }
+      case "init-ack": {
+        const { contentTypeUid, entryUid } = e.data.data;
+        this.config.stackDetails.contentTypeUid = contentTypeUid;
+        this.config.stackDetails.entryUid = entryUid;
+        break;
+      }
+      case "history": {
+        switch (e.data.data.type) {
+          case "forward": {
+            window.history.forward();
+            break;
+          }
+          case "backward": {
+            window.history.back();
+            break;
+          }
+          case "reload": {
+            window.history.go();
+          }
+        }
+        break;
+      }
+      default: {
+        const exhaustiveCheck = e.data;
+        return exhaustiveCheck;
+      }
+    }
+  }
+  // Request parent for data sync when document loads
+  requestDataSync() {
+    this.createCslpTooltip();
+    window.parent.postMessage(
+      {
+        from: "live-preview",
+        type: "init",
+        data: {
+          config: {
+            shouldReload: this.config.ssr,
+            href: window.location.href,
+            sdkVersion: "2.0.0"
+          }
+        }
+      },
+      "*"
+    );
+    if (!this.config.ssr) {
+      setInterval(() => {
+        window.parent.postMessage(
+          {
+            from: "live-preview",
+            type: "check-entry-page",
+            data: {
+              href: window.location.href
+            }
+          },
+          "*"
+        );
+      }, 1500);
+    }
+  }
+  updateTooltipPosition() {
+    var _a;
+    if (!this.currentElementBesideTooltip || !this.tooltip)
+      return false;
+    const currentRectOfElement = this.currentElementBesideTooltip.getBoundingClientRect();
+    const currentRectOfParentOfElement = (_a = this.tooltip.parentElement) == null ? void 0 : _a.getBoundingClientRect();
+    if (currentRectOfElement && currentRectOfParentOfElement) {
+      let {
+        upperBoundOfTooltip,
+        // eslint-disable-next-line prefer-const
+        leftBoundOfTooltip
+      } = getEditButtonPosition(
+        this.currentElementBesideTooltip,
+        this.config.editButton.position
+      );
+      if (upperBoundOfTooltip < 0) {
+        if (currentRectOfElement.top < 0)
+          upperBoundOfTooltip = currentRectOfElement.top;
+        else
+          upperBoundOfTooltip = 0;
+      }
+      this.tooltip.style.top = upperBoundOfTooltip + "px";
+      this.tooltip.style.zIndex = this.currentElementBesideTooltip.style.zIndex || "200";
+      this.tooltip.style.left = leftBoundOfTooltip + "px";
+      if (this.tooltipChild.singular && this.tooltipChild.multiple) {
+        if (this.currentElementBesideTooltip.hasAttribute("href")) {
+          if (this.tooltipCurrentChild !== "multiple") {
+            const tooltipInnerContainer = this.tooltip.querySelector(
+              `div.${livePreviewStyles()["cslp-tooltip-inner-container"]}`
+            );
+            if (tooltipInnerContainer) {
+              tooltipInnerContainer.innerHTML = "";
+              tooltipInnerContainer.appendChild(
+                this.tooltipChild.multiple
+              );
+              this.tooltipCurrentChild = "multiple";
+            }
+          }
+        } else if (this.tooltipCurrentChild !== "singular") {
+          const tooltipInnerContainer = this.tooltip.querySelector(
+            `div.${livePreviewStyles()["cslp-tooltip-inner-container"]}`
+          );
+          if (tooltipInnerContainer) {
+            tooltipInnerContainer.innerHTML = "";
+            tooltipInnerContainer.appendChild(
+              this.tooltipChild.singular
+            );
+            this.tooltipCurrentChild = "singular";
+          }
+        }
+      }
+      return true;
+    }
+    return false;
+  }
+  // remove attributes when livePreview is false
+  removeDataCslp() {
+    const nodes = document.querySelectorAll("[data-cslp]");
+    nodes.forEach((node) => {
+      node.removeAttribute("data-cslp");
+      node.removeAttribute("data-cslp-button-position");
+    });
+  }
+};
+export {
+  LivePreview as default
+};
+//# sourceMappingURL=live-preview.js.map

package/dist/legacy/live-preview.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/live-preview.ts"],"sourcesContent":["import {\n    createSingularEditButton,\n    createMultipleEditButton,\n    addLivePreviewQueryTags,\n    shouldRenderEditButton,\n    getEditButtonPosition,\n} from \"./utils\";\nimport { PublicLogger } from \"./utils/public-logger\";\nimport {\n    IConfig,\n    IEditButtonPosition,\n    IEditEntrySearchParams,\n    IInitData,\n    ILivePreviewReceivePostMessages,\n} from \"./utils/types\";\nimport { handleInitData } from \"./utils/handleUserConfig\";\nimport { userInitData } from \"./utils/defaults\";\nimport { livePreviewStyles } from \"./styles/live_preview\";\n\nexport default class LivePreview {\n    /**\n     * @hideconstructor\n     */\n\n    private config: IConfig = {\n        ssr: true,\n        enable: true,\n        runScriptsOnUpdate: false,\n        cleanCslpOnProduction: true,\n        hash: \"\",\n\n        editButton: {\n            enable: true,\n            exclude: [],\n            position: \"top\",\n            includeByQueryParameter: true,\n        },\n        stackDetails: {\n            apiKey: \"\",\n            environment: \"\",\n            branch: \"main\",\n            contentTypeUid: \"\",\n            entryUid: \"\",\n        },\n\n        clientUrlParams: {\n            protocol: \"https\",\n            host: \"app.contentstack.com\",\n            port: 443,\n            url: \"https://app.contentstack.com:443\",\n        },\n        stackSdk: {\n            live_preview: {},\n            headers: {\n                api_key: \"\",\n            },\n            environment: \"\",\n        },\n\n        onChange: () => {\n            // this is intentional\n        },\n    };\n\n    private tooltip: HTMLButtonElement | null = null; // this tooltip is responsible to redirect user to Contentstack edit page\n    private currentElementBesideTooltip: HTMLElement | null = null; // this element helps to move tooltip with the scroll\n    private isHoveringOnTooltip = false;\n    private hideInterval: ReturnType<typeof setInterval> | null = null;\n\n    private tooltipChild: {\n        singular: HTMLDivElement | null;\n        multiple: HTMLDivElement | null;\n    } = {\n        singular: null,\n        multiple: null,\n    };\n    private tooltipCurrentChild: \"multiple\" | \"singular\" = \"singular\";\n\n    constructor(initData: Partial<IInitData> = userInitData) {\n        handleInitData(initData, this.config);\n\n        this.addEditStyleOnHover = this.addEditStyleOnHover.bind(this);\n        this.removeEditButtonStyle = this.removeEditButtonStyle.bind(this);\n        this.generateRedirectUrl = this.generateRedirectUrl.bind(this);\n        this.scrollHandler = this.scrollHandler.bind(this);\n        this.linkClickHandler = this.linkClickHandler.bind(this);\n        this.handleUserChange = this.handleUserChange.bind(this);\n        this.setOnChangeCallback = this.setOnChangeCallback.bind(this);\n        this.resolveIncomingMessage = this.resolveIncomingMessage.bind(this);\n        this.createCslpTooltip = this.createCslpTooltip.bind(this);\n        this.requestDataSync = this.requestDataSync.bind(this);\n        this.updateTooltipPosition = this.updateTooltipPosition.bind(this);\n        this.removeDataCslp = this.removeDataCslp.bind(this);\n        this.toggleHoveringOnEditButton =\n            this.toggleHoveringOnEditButton.bind(this);\n        this.hideTooltip = this.hideTooltip.bind(this);\n\n        // @ts-ignore\n        if (initData.debug) {\n            PublicLogger.debug(\n                \"Contentstack Live Preview Debugging mode: config --\",\n                this.config\n            );\n        }\n\n        if (this.config.enable) {\n            if (\n                typeof document !== undefined &&\n                document.readyState === \"complete\"\n            ) {\n                this.requestDataSync();\n            } else {\n                window.addEventListener(\"load\", this.requestDataSync);\n            }\n            window.addEventListener(\"message\", this.resolveIncomingMessage);\n            window.addEventListener(\"scroll\", this.updateTooltipPosition);\n            // render the hover outline only when edit button enable\n            if (this.config.editButton.enable) {\n                window.addEventListener(\"mouseover\", this.addEditStyleOnHover);\n            }\n\n            if (this.config.ssr) {\n                window.addEventListener(\"load\", (e) => {\n                    const allATags = document.querySelectorAll(\"a\");\n                    allATags.forEach((tag) => {\n                        const docOrigin: string = document.location.origin;\n                        if (tag.href && tag.href.includes(docOrigin)) {\n                            const newUrl = addLivePreviewQueryTags(tag.href);\n                            tag.href = newUrl;\n                        }\n                    });\n                });\n\n                // Setting the query params to all the click events related to current domain\n                window.addEventListener(\"click\", (event: any) => {\n                    const target: any = event.target;\n                    const targetHref: string | any = target.href;\n                    const docOrigin: string = document.location.origin;\n                    if (\n                        targetHref &&\n                        targetHref.includes(docOrigin) &&\n                        !targetHref.includes(\"live_preview\")\n                    ) {\n                        const newUrl = addLivePreviewQueryTags(target.href);\n                        event.target.href = newUrl || target.href;\n                    }\n                });\n            }\n        } else if (this.config.cleanCslpOnProduction) {\n            this.removeDataCslp();\n        }\n    }\n\n    private addEditStyleOnHover(e: MouseEvent) {\n        let trigger = true;\n        const eventTargets = e.composedPath();\n\n        for (const eventTarget of eventTargets) {\n            const element = eventTarget as HTMLElement;\n            if (element.nodeName === \"BODY\") break;\n            if (typeof element?.getAttribute !== \"function\") continue;\n\n            const cslpTag = element.getAttribute(\"data-cslp\");\n\n            if (trigger && cslpTag) {\n                if (this.hideInterval) {\n                    clearInterval(this.hideInterval);\n                    this.hideInterval = null;\n                }\n                if (this.currentElementBesideTooltip) {\n                    this.currentElementBesideTooltip.classList.remove(\n                        livePreviewStyles()[\"cslp-edit-mode\"]\n                    );\n                    this.currentElementBesideTooltip.removeEventListener(\n                        \"mouseleave\",\n                        this.removeEditButtonStyle\n                    );\n                }\n                element.classList.add(livePreviewStyles()[\"cslp-edit-mode\"]);\n                this.currentElementBesideTooltip = element;\n                this.currentElementBesideTooltip.addEventListener(\n                    \"mouseleave\",\n                    this.removeEditButtonStyle\n                );\n\n                if (this.updateTooltipPosition()) {\n                    this.tooltip?.setAttribute(\"current-data-cslp\", cslpTag);\n                    this.tooltip?.setAttribute(\n                        \"current-href\",\n                        element.getAttribute(\"href\") ?? \"\"\n                    );\n                }\n\n                trigger = false;\n            } else if (!trigger) {\n                element.classList.remove(livePreviewStyles()[\"cslp-edit-mode\"]);\n            }\n        }\n    }\n\n    private removeEditButtonStyle(e: MouseEvent) {\n        if (!this.currentElementBesideTooltip || !this.tooltip) return false;\n        let trigger = true;\n        const eventTargets = e.composedPath();\n\n        for (const eventTarget of eventTargets) {\n            const element = eventTarget as HTMLElement;\n            if (element.nodeName === \"BODY\") break;\n            if (typeof element?.getAttribute !== \"function\") continue;\n\n            const cslpTag = element.getAttribute(\"data-cslp\");\n\n            if (trigger && cslpTag) {\n                this.hideInterval = setInterval(this.hideTooltip, 500);\n                trigger = false;\n            } else if (!trigger) {\n                element.classList.remove(livePreviewStyles()[\"cslp-edit-mode\"]);\n            }\n        }\n    }\n\n    private hideTooltip() {\n        if (\n            !this.currentElementBesideTooltip ||\n            !this.tooltip ||\n            this.isHoveringOnTooltip\n        )\n            return false;\n        this.currentElementBesideTooltip.classList.remove(\n            livePreviewStyles()[\"cslp-edit-mode\"]\n        );\n        this.currentElementBesideTooltip.removeEventListener(\n            \"mouseleave\",\n            this.removeEditButtonStyle\n        );\n        this.currentElementBesideTooltip = null;\n        this.tooltip.style.top = \"-100%\";\n    }\n\n    private generateRedirectUrl(\n        content_type_uid: string,\n        locale = \"en-us\",\n        entry_uid: string,\n        preview_field: string\n    ): string {\n        if (!this.config.stackDetails.apiKey) {\n            throw `To use edit tags, you must provide the stack API key. Specify the API key while initializing the Live Preview SDK.\n\n                ContentstackLivePreview.init({\n                    ...,\n                    stackDetails: {\n                        apiKey: 'your-api-key'\n                    },\n                    ...\n                })`;\n        }\n\n        if (!this.config.stackDetails.environment) {\n            throw `To use edit tags, you must provide the preview environment. Specify the preview environment while initializing the Live Preview SDK.\n\n                ContentstackLivePreview.init({\n                    ...,\n                    stackDetails: {\n                        environment: 'Your-environment'\n                    },\n                    ...\n                })`;\n        }\n\n        const protocol = String(this.config.clientUrlParams.protocol);\n        const host = String(this.config.clientUrlParams.host);\n        const port = String(this.config.clientUrlParams.port);\n        const environment = String(this.config.stackDetails.environment);\n        const branch = String(this.config.stackDetails.branch || \"main\");\n\n        const urlHash = `!/stack/${\n            this.config.stackDetails.apiKey\n        }/content-type/${content_type_uid}/${\n            locale ?? \"en-us\"\n        }/entry/${entry_uid}/edit`;\n\n        const url = new URL(`${protocol}://${host}`);\n        url.port = port;\n        url.hash = urlHash;\n        url.searchParams.append(\"branch\", branch);\n        url.searchParams.append(\"preview-field\", preview_field);\n        url.searchParams.append(\"preview-locale\", locale ?? \"en-us\");\n        url.searchParams.append(\"preview-environment\", environment);\n\n        return `${url.origin}/${url.hash}${url.search}`;\n    }\n\n    private scrollHandler() {\n        if (!this.tooltip) return;\n\n        const cslpTag = this.tooltip.getAttribute(\"current-data-cslp\");\n\n        if (cslpTag) {\n            const [content_type_uid, entry_uid, locale, ...field] =\n                cslpTag.split(\".\");\n\n            // check if opened inside an iframe\n            if (window.location !== window.parent.location) {\n                window.parent.postMessage(\n                    {\n                        from: \"live-preview\",\n                        type: \"scroll\",\n                        data: {\n                            field: field.join(\".\"),\n                            content_type_uid,\n                            entry_uid,\n                            locale,\n                        },\n                    },\n                    \"*\"\n                );\n            } else {\n                try {\n                    const redirectUrl = this.generateRedirectUrl(\n                        content_type_uid,\n                        locale,\n                        entry_uid,\n                        field.join(\".\")\n                    );\n\n                    window.open(redirectUrl, \"_blank\");\n                } catch (error) {\n                    PublicLogger.error(error);\n                }\n            }\n        }\n    }\n\n    private linkClickHandler() {\n        if (!this.tooltip) return;\n        const hrefAttribute = this.tooltip.getAttribute(\"current-href\");\n\n        if (hrefAttribute) {\n            window.location.assign(hrefAttribute);\n        }\n    }\n\n    private handleUserChange(editEntrySearchParams: IEditEntrySearchParams) {\n        // here we provide contentTypeUid and EntryUid to the StackDelivery SDK.\n        this.config.stackSdk.live_preview = {\n            ...this.config.stackSdk.live_preview,\n            ...editEntrySearchParams,\n            live_preview: editEntrySearchParams.hash,\n        };\n        this.config.onChange();\n    }\n\n    setOnChangeCallback(onChangeCallback: () => void): void {\n        this.config.onChange = onChangeCallback;\n    }\n\n    /**\n     * It is the live preview hash.\n     * This hash could be used when data is fetched manually.\n     */\n    get hash(): string {\n        return this.config.hash;\n    }\n\n    /**\n     * Sets the live preview hash from the query param which is\n     * accessible via `hash` property.\n     * @param params query param in an object form\n     */\n    setConfigFromParams(\n        params: ConstructorParameters<typeof URLSearchParams>[0] = {}\n    ): void {\n        if (typeof params !== \"object\")\n            throw new TypeError(\n                \"Live preview SDK: query param must be an object\"\n            );\n\n        const urlParams = new URLSearchParams(params);\n        const live_preview = urlParams.get(\"live_preview\");\n\n        if (live_preview) {\n            this.config.hash = live_preview;\n        }\n    }\n\n    private resolveIncomingMessage(\n        e: MessageEvent<ILivePreviewReceivePostMessages>\n    ) {\n        if (typeof e.data !== \"object\") return;\n\n        if (e.data.from !== \"live-preview\") return;\n\n        switch (e.data.type) {\n            case \"client-data-send\": {\n                const { contentTypeUid, entryUid } = this.config.stackDetails;\n                const { hash } = e.data.data;\n\n                this.setConfigFromParams({ live_preview: hash });\n\n                if (!this.config.ssr) {\n                    this.handleUserChange({\n                        content_type_uid: contentTypeUid,\n                        entry_uid: entryUid,\n                        hash: hash,\n                    });\n                }\n                break;\n            }\n            case \"init-ack\": {\n                const { contentTypeUid, entryUid } = e.data.data;\n\n                this.config.stackDetails.contentTypeUid = contentTypeUid;\n                this.config.stackDetails.entryUid = entryUid;\n                break;\n            }\n            case \"history\": {\n                switch (e.data.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                    }\n                }\n                break;\n            }\n            default: {\n                // ensure that the switch statement is exhaustive\n                const exhaustiveCheck: never = e.data;\n                return exhaustiveCheck; // TODO: add debug message while we are in development mode.\n            }\n        }\n    }\n\n    private createCslpTooltip = () => {\n        if (\n            !document.getElementById(\"cslp-tooltip\") &&\n            this.config.editButton.enable\n        ) {\n            const tooltip = document.createElement(\"button\");\n            const tooltipInnerContainer = document.createElement(\"div\");\n            tooltipInnerContainer.classList.add(\n                livePreviewStyles()[\"cslp-tooltip-inner-container\"]\n            );\n            tooltip.classList.add(livePreviewStyles()[\"cslp-tooltip\"]);\n            tooltip.classList.add(livePreviewStyles()[\"cslp-tooltip\"]);\n            tooltip.setAttribute(\"data-test-id\", \"cs-cslp-tooltip\");\n            tooltip.id = \"cslp-tooltip\";\n            tooltipInnerContainer.id = \"cslp-tooltip-inner-container\";\n            tooltip.addEventListener(\"mouseover\", () => {\n                this.toggleHoveringOnEditButton(true);\n            });\n            tooltip.addEventListener(\"mouseleave\", (e: MouseEvent) => {\n                this.toggleHoveringOnEditButton(false);\n                this.removeEditButtonStyle(e);\n            });\n            window.document.body.insertAdjacentElement(\"beforeend\", tooltip);\n            this.tooltipChild.singular = createSingularEditButton(\n                this.scrollHandler\n            );\n            this.tooltipChild.multiple = createMultipleEditButton(\n                this.scrollHandler,\n                this.linkClickHandler\n            );\n\n            tooltipInnerContainer.innerHTML = \"\";\n            tooltipInnerContainer.appendChild(this.tooltipChild.singular);\n            tooltip.appendChild(tooltipInnerContainer);\n            this.tooltip = tooltip;\n        }\n        this.updateTooltipPosition();\n    };\n\n    private toggleHoveringOnEditButton = (isHoveringOnTooltip: boolean) => {\n        this.isHoveringOnTooltip = isHoveringOnTooltip;\n    };\n\n    // Request parent for data sync when document loads\n    private requestDataSync() {\n        // add edit tooltip\n        this.createCslpTooltip();\n\n        window.parent.postMessage(\n            {\n                from: \"live-preview\",\n                type: \"init\",\n                data: {\n                    config: {\n                        shouldReload: this.config.ssr,\n                        href: window.location.href,\n                        sdkVersion: process.env.PACKAGE_VERSION,\n                    },\n                },\n            },\n            \"*\"\n        );\n\n        // set timeout for client side (use to show warning: You are not editing this page)\n        if (!this.config.ssr) {\n            setInterval(() => {\n                window.parent.postMessage(\n                    {\n                        from: \"live-preview\",\n                        type: \"check-entry-page\",\n                        data: {\n                            href: window.location.href,\n                        },\n                    },\n                    \"*\"\n                );\n            }, 1500);\n        }\n    }\n\n    private updateTooltipPosition() {\n        if (!this.currentElementBesideTooltip || !this.tooltip) return false;\n\n        const currentRectOfElement =\n            this.currentElementBesideTooltip.getBoundingClientRect();\n        const currentRectOfParentOfElement =\n            this.tooltip.parentElement?.getBoundingClientRect();\n\n        if (currentRectOfElement && currentRectOfParentOfElement) {\n            let {\n                upperBoundOfTooltip,\n                // eslint-disable-next-line prefer-const\n                leftBoundOfTooltip,\n            }: IEditButtonPosition = getEditButtonPosition(\n                this.currentElementBesideTooltip,\n                this.config.editButton.position\n            );\n\n            // if scrolled and element is still visible, make sure tooltip is also visible\n            if (upperBoundOfTooltip < 0) {\n                if (currentRectOfElement.top < 0)\n                    upperBoundOfTooltip = currentRectOfElement.top;\n                else upperBoundOfTooltip = 0;\n            }\n\n            this.tooltip.style.top = upperBoundOfTooltip + \"px\";\n            this.tooltip.style.zIndex =\n                this.currentElementBesideTooltip.style.zIndex || \"200\";\n            this.tooltip.style.left = leftBoundOfTooltip + \"px\";\n\n            if (this.tooltipChild.singular && this.tooltipChild.multiple) {\n                if (this.currentElementBesideTooltip.hasAttribute(\"href\")) {\n                    if (this.tooltipCurrentChild !== \"multiple\") {\n                        const tooltipInnerContainer =\n                            this.tooltip.querySelector(\n                                `div.${\n                                    livePreviewStyles()[\n                                        \"cslp-tooltip-inner-container\"\n                                    ]\n                                }`\n                            );\n                        if (tooltipInnerContainer) {\n                            tooltipInnerContainer.innerHTML = \"\";\n                            tooltipInnerContainer.appendChild(\n                                this.tooltipChild.multiple\n                            );\n                            this.tooltipCurrentChild = \"multiple\";\n                        }\n                    }\n                } else if (this.tooltipCurrentChild !== \"singular\") {\n                    const tooltipInnerContainer = this.tooltip.querySelector(\n                        `div.${\n                            livePreviewStyles()[\"cslp-tooltip-inner-container\"]\n                        }`\n                    );\n                    if (tooltipInnerContainer) {\n                        tooltipInnerContainer.innerHTML = \"\";\n                        tooltipInnerContainer.appendChild(\n                            this.tooltipChild.singular\n                        );\n                        this.tooltipCurrentChild = \"singular\";\n                    }\n                }\n            }\n            return true;\n        }\n\n        return false;\n    }\n\n    // remove attributes when livePreview is false\n    private removeDataCslp() {\n        const nodes = document.querySelectorAll(\"[data-cslp]\");\n\n        nodes.forEach((node) => {\n            node.removeAttribute(\"data-cslp\");\n            node.removeAttribute(\"data-cslp-button-position\");\n        });\n    }\n}\n"],"mappings":"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","names":[]}

package/dist/legacy/styles/compare.cjs

@@ -0,0 +1,56 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+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/styles/compare.ts
+var compare_exports = {};
+__export(compare_exports, {
+  loadCompareGlobalStyle: () => loadCompareGlobalStyle
+});
+module.exports = __toCommonJS(compare_exports);
+var import_goober = require("goober");
+var loadCompareGlobalStyle = () => {
+  const css = import_goober.glob;
+  css`
+        cs-compare {
+            &.cs-compare--added {
+                background: rgba(0, 122, 82, 0.2);
+                border-bottom: 2px solid rgba(0, 122, 82);
+            }
+
+            &.cs-compare--removed {
+                background: rgba(214, 36, 0, 0.2);
+                text-decoration: line-through 2px solid rgba(214, 36, 0, 1);
+            }
+        }
+        .cs-compare__void--added {
+            background: rgba(0, 122, 82, 0.2);
+            outline: 2px solid rgba(0, 122, 82);
+        }
+
+        .cs-compare__void--removed {
+            background: rgba(214, 36, 0, 0.2);
+            outline: 2px solid rgba(214, 36, 0, 1);
+        }
+    `;
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  loadCompareGlobalStyle
+});
+//# sourceMappingURL=compare.cjs.map

package/dist/legacy/styles/compare.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/styles/compare.ts"],"sourcesContent":["import { glob } from \"goober\";\n\nexport const loadCompareGlobalStyle = () => {\n    const css = glob;\n    css`\n        cs-compare {\n            &.cs-compare--added {\n                background: rgba(0, 122, 82, 0.2);\n                border-bottom: 2px solid rgba(0, 122, 82);\n            }\n\n            &.cs-compare--removed {\n                background: rgba(214, 36, 0, 0.2);\n                text-decoration: line-through 2px solid rgba(214, 36, 0, 1);\n            }\n        }\n        .cs-compare__void--added {\n            background: rgba(0, 122, 82, 0.2);\n            outline: 2px solid rgba(0, 122, 82);\n        }\n\n        .cs-compare__void--removed {\n            background: rgba(214, 36, 0, 0.2);\n            outline: 2px solid rgba(214, 36, 0, 1);\n        }\n    `;\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAAqB;AAEd,IAAM,yBAAyB,MAAM;AACxC,QAAM,MAAM;AACZ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAsBJ;","names":[]}

package/dist/legacy/styles/compare.d.cts

@@ -0,0 +1,3 @@
+declare const loadCompareGlobalStyle: () => void;
+
+export { loadCompareGlobalStyle };

package/dist/legacy/styles/compare.d.ts

@@ -0,0 +1,3 @@
+declare const loadCompareGlobalStyle: () => void;
+
+export { loadCompareGlobalStyle };

package/dist/legacy/styles/compare.js

@@ -0,0 +1,31 @@
+// src/styles/compare.ts
+import { glob } from "goober";
+var loadCompareGlobalStyle = () => {
+  const css = glob;
+  css`
+        cs-compare {
+            &.cs-compare--added {
+                background: rgba(0, 122, 82, 0.2);
+                border-bottom: 2px solid rgba(0, 122, 82);
+            }
+
+            &.cs-compare--removed {
+                background: rgba(214, 36, 0, 0.2);
+                text-decoration: line-through 2px solid rgba(214, 36, 0, 1);
+            }
+        }
+        .cs-compare__void--added {
+            background: rgba(0, 122, 82, 0.2);
+            outline: 2px solid rgba(0, 122, 82);
+        }
+
+        .cs-compare__void--removed {
+            background: rgba(214, 36, 0, 0.2);
+            outline: 2px solid rgba(214, 36, 0, 1);
+        }
+    `;
+};
+export {
+  loadCompareGlobalStyle
+};
+//# sourceMappingURL=compare.js.map

package/dist/legacy/styles/compare.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/styles/compare.ts"],"sourcesContent":["import { glob } from \"goober\";\n\nexport const loadCompareGlobalStyle = () => {\n    const css = glob;\n    css`\n        cs-compare {\n            &.cs-compare--added {\n                background: rgba(0, 122, 82, 0.2);\n                border-bottom: 2px solid rgba(0, 122, 82);\n            }\n\n            &.cs-compare--removed {\n                background: rgba(214, 36, 0, 0.2);\n                text-decoration: line-through 2px solid rgba(214, 36, 0, 1);\n            }\n        }\n        .cs-compare__void--added {\n            background: rgba(0, 122, 82, 0.2);\n            outline: 2px solid rgba(0, 122, 82);\n        }\n\n        .cs-compare__void--removed {\n            background: rgba(214, 36, 0, 0.2);\n            outline: 2px solid rgba(214, 36, 0, 1);\n        }\n    `;\n};\n"],"mappings":";AAAA,SAAS,YAAY;AAEd,IAAM,yBAAyB,MAAM;AACxC,QAAM,MAAM;AACZ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAsBJ;","names":[]}