@contentstack/live-preview-utils 2.0.2 → 2.0.4

package/README.md

@@ -15,8 +15,19 @@ npm install @contentstack/live-preview-utils
 Alternatively, if you want to include the package directly in your website HTML code, use the following command:
 
 ```html
-<script src="https://unpkg.com/@contentstack/live-preview-utils@2.0.2/dist/legacy/index.js"></script>
+<script type='module'  integrity='sha384-lCmcVfWM6NvgMmsDlPZYYJ9MwFk9oDU3WhsJ3KmUJPWa7iKvIuYl+XzTl+cOCuim' crossorigin="anonymous">
+     import ContentstackLivePreview from 'https://esm.sh/@contentstack/live-preview-utils@2.0.4';
+
+     ContentstackLivePreview.init({
+        stackDetails: {
+            apiKey: "your-stack-api-key",
+        },
+    });
+</script>
 ```
+> [!NOTE]
+> This step involves incorporating the package into your HTML code and initializing it, eliminating the need for re-initialization in the subsequent step.
+
 
 # Initializing the SDK
 
@@ -35,18 +46,6 @@ ContentstackLivePreview.init({
 });
 ```
 
-Alternatively, if you want to initialize the SDK directly inside the HTML tag, use the ContentstackLivePreview.init() method as follows:
-
-```html
-<script>
-    ContentstackLivePreview.init({
-        stackDetails: {
-            apiKey: "your-stack-api-key",
-        },
-    });
-</script>
-```
-
 
 # License
 

package/dist/legacy/compare.cjs

@@ -33,7 +33,6 @@ __export(compare_exports, {
   handleWebCompare: () => handleWebCompare
 });
 module.exports = __toCommonJS(compare_exports);
-var import_post_robot = __toESM(require("post-robot"), 1);
 var import_compare = require("./styles/compare.cjs");
 var import_compare2 = require("./utils/compare.cjs");
 var voidElements = /* @__PURE__ */ new Set([
@@ -55,57 +54,83 @@ var voidElements = /* @__PURE__ */ new Set([
 ]);
 var LEAF_CSLP_SELECTOR = "[data-cslp]:not(:has([data-cslp]))";
 function handleWebCompare() {
-  (0, import_compare.loadCompareGlobalStyle)();
-  (0, import_compare2.registerCompareElement)();
-  import_post_robot.default.on("send-current-base-route", async () => {
-    return { url: window.location.href.split("?")[0] };
-  });
-  import_post_robot.default.on("send-cslp-data", async () => {
-    const elements = Array.from(
-      document.querySelectorAll(LEAF_CSLP_SELECTOR)
-    );
-    const map = {};
-    for (const element of elements) {
-      const cslp = element.getAttribute("data-cslp");
-      if (element.hasAttributes() && voidElements.has(element.tagName.toLowerCase())) {
-        let attributes = "";
-        for (const attr of element.attributes) {
-          attributes += `${attr.name} -> ${attr.value}
+  if (typeof window === "undefined" || typeof document === "undefined") {
+    return;
+  }
+  import("post-robot").then((postRobot) => {
+    (0, import_compare.loadCompareGlobalStyle)();
+    (0, import_compare2.registerCompareElement)();
+    postRobot.on("send-current-base-route", async () => {
+      return { url: window.location.href.split("?")[0] };
+    });
+    postRobot.on("send-cslp-data", async () => {
+      const elements = Array.from(
+        document.querySelectorAll(LEAF_CSLP_SELECTOR)
+      );
+      const map = {};
+      for (const element of elements) {
+        const cslp = element.getAttribute("data-cslp");
+        if (element.hasAttributes() && voidElements.has(element.tagName.toLowerCase())) {
+          let attributes = "";
+          for (const attr of element.attributes) {
+            attributes += `${attr.name} -> ${attr.value}
 `;
+          }
+          map[cslp] = attributes;
+        } else {
+          map[cslp] = element.innerHTML;
         }
-        map[cslp] = attributes;
-      } else {
-        map[cslp] = element.innerHTML;
       }
-    }
-    return map;
-  });
-  const mergeColors = (className = ".cs-compare--added") => {
-    const elements = Array.from(document.querySelectorAll(className));
-    for (let i = 1; i < elements.length; i++) {
-      const prev = elements[i - 1];
-      const next = elements[i];
-      if (prev.nextElementSibling === next)
-        prev.appendChild(prev.nextSibling);
-    }
-  };
-  import_post_robot.default.on("diff-value", async ({ data }) => {
-    const { diff, type } = data;
-    const operation = type === "base" ? "removed" : "added";
-    const elements = Array.from(
-      document.querySelectorAll(LEAF_CSLP_SELECTOR)
-    );
-    for (const element of elements) {
-      const path = element.getAttribute("data-cslp");
-      if (!diff[path])
-        continue;
-      if (voidElements.has(element.tagName.toLowerCase())) {
-        element.classList.add(`cs-compare__void--${operation}`);
-      } else {
-        element.innerHTML = diff[path];
+      return map;
+    });
+    const mergeColors = (className = ".cs-compare--added") => {
+      const elements = Array.from(document.querySelectorAll(className));
+      for (let i = 1; i < elements.length; i++) {
+        const prev = elements[i - 1];
+        const next = elements[i];
+        if (prev.nextElementSibling === next)
+          prev.appendChild(prev.nextSibling);
+      }
+    };
+    postRobot.on("diff-value", async ({ data }) => {
+      const { diff, type } = data;
+      const operation = type === "base" ? "removed" : "added";
+      const elements = Array.from(
+        document.querySelectorAll(LEAF_CSLP_SELECTOR)
+      );
+      for (const element of elements) {
+        const path = element.getAttribute("data-cslp");
+        if (!diff[path])
+          continue;
+        if (voidElements.has(element.tagName.toLowerCase())) {
+          element.classList.add(`cs-compare__void--${operation}`);
+        } else {
+          element.innerHTML = diff[path];
+        }
+      }
+      mergeColors(`.cs-compare--${operation}`);
+    });
+    postRobot.on("remove-diff", async () => {
+      const elements = Array.from(
+        document.querySelectorAll("cs-compare")
+      );
+      for (const element of elements) {
+        const parent = element.parentElement;
+        while (element.firstChild) {
+          parent.insertBefore(element.firstChild, element);
+        }
+        parent.removeChild(element);
+      }
+      const voidElements2 = Array.from(
+        document.querySelectorAll(
+          ".cs-compare__void--added, .cs-compare__void--removed"
+        )
+      );
+      for (const element of voidElements2) {
+        element.classList.remove("cs-compare__void--added");
+        element.classList.remove("cs-compare__void--removed");
       }
-    }
-    mergeColors(`.cs-compare--${operation}`);
+    });
   });
 }
 // Annotate the CommonJS export names for ESM import in node:

package/dist/legacy/compare.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/compare.ts"],"sourcesContent":["import postRobot from \"post-robot\";\nimport { loadCompareGlobalStyle } from \"./styles/compare\";\nimport { registerCompareElement } from \"./utils/compare\";\n\nconst voidElements = new Set([\n    \"area\",\n    \"base\",\n    \"br\",\n    \"col\",\n    \"embed\",\n    \"hr\",\n    \"img\",\n    \"input\",\n    \"keygen\",\n    \"link\",\n    \"meta\",\n    \"param\",\n    \"source\",\n    \"track\",\n    \"wbr\",\n]);\n\nconst LEAF_CSLP_SELECTOR = \"[data-cslp]:not(:has([data-cslp]))\";\n\nexport function handleWebCompare() {\n    loadCompareGlobalStyle();\n    registerCompareElement();\n    postRobot.on(\"send-current-base-route\", async () => {\n        return { url: window.location.href.split(\"?\")[0] };\n    });\n\n    postRobot.on(\"send-cslp-data\", async () => {\n        const elements = Array.from(\n            document.querySelectorAll(LEAF_CSLP_SELECTOR)\n        );\n        const map: Record<string, string> = {};\n        for (const element of elements) {\n            const cslp = element.getAttribute(\"data-cslp\")!;\n            if (\n                element.hasAttributes() &&\n                voidElements.has(element.tagName.toLowerCase())\n            ) {\n                let attributes = \"\";\n                for (const attr of element.attributes) {\n                    attributes += `${attr.name} -> ${attr.value}\\n`;\n                }\n                map[cslp] = attributes;\n            } else {\n                map[cslp] = element.innerHTML;\n            }\n        }\n        return map;\n    });\n\n    const mergeColors = (className = \".cs-compare--added\") => {\n        const elements = Array.from(document.querySelectorAll(className));\n        for (let i = 1; i < elements.length; i++) {\n            const prev = elements[i - 1];\n            const next = elements[i];\n            if (prev.nextElementSibling === next)\n                prev.appendChild(prev.nextSibling!);\n        }\n    };\n\n    postRobot.on(\"diff-value\", async ({ data }) => {\n        const { diff, type } = data;\n        const operation = type === \"base\" ? \"removed\" : \"added\";\n        const elements = Array.from(\n            document.querySelectorAll(LEAF_CSLP_SELECTOR)\n        );\n        for (const element of elements) {\n            const path = element.getAttribute(\"data-cslp\")!;\n            if (!diff[path]) continue;\n\n            if (voidElements.has(element.tagName.toLowerCase())) {\n                element.classList.add(`cs-compare__void--${operation}`);\n            } else {\n                element.innerHTML = diff[path];\n            }\n        }\n\n        mergeColors(`.cs-compare--${operation}`);\n    });\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAAsB;AACtB,qBAAuC;AACvC,IAAAA,kBAAuC;AAEvC,IAAM,eAAe,oBAAI,IAAI;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,CAAC;AAED,IAAM,qBAAqB;AAEpB,SAAS,mBAAmB;AAC/B,6CAAuB;AACvB,8CAAuB;AACvB,oBAAAC,QAAU,GAAG,2BAA2B,YAAY;AAChD,WAAO,EAAE,KAAK,OAAO,SAAS,KAAK,MAAM,GAAG,EAAE,CAAC,EAAE;AAAA,EACrD,CAAC;AAED,oBAAAA,QAAU,GAAG,kBAAkB,YAAY;AACvC,UAAM,WAAW,MAAM;AAAA,MACnB,SAAS,iBAAiB,kBAAkB;AAAA,IAChD;AACA,UAAM,MAA8B,CAAC;AACrC,eAAW,WAAW,UAAU;AAC5B,YAAM,OAAO,QAAQ,aAAa,WAAW;AAC7C,UACI,QAAQ,cAAc,KACtB,aAAa,IAAI,QAAQ,QAAQ,YAAY,CAAC,GAChD;AACE,YAAI,aAAa;AACjB,mBAAW,QAAQ,QAAQ,YAAY;AACnC,wBAAc,GAAG,KAAK,IAAI,OAAO,KAAK,KAAK;AAAA;AAAA,QAC/C;AACA,YAAI,IAAI,IAAI;AAAA,MAChB,OAAO;AACH,YAAI,IAAI,IAAI,QAAQ;AAAA,MACxB;AAAA,IACJ;AACA,WAAO;AAAA,EACX,CAAC;AAED,QAAM,cAAc,CAAC,YAAY,yBAAyB;AACtD,UAAM,WAAW,MAAM,KAAK,SAAS,iBAAiB,SAAS,CAAC;AAChE,aAAS,IAAI,GAAG,IAAI,SAAS,QAAQ,KAAK;AACtC,YAAM,OAAO,SAAS,IAAI,CAAC;AAC3B,YAAM,OAAO,SAAS,CAAC;AACvB,UAAI,KAAK,uBAAuB;AAC5B,aAAK,YAAY,KAAK,WAAY;AAAA,IAC1C;AAAA,EACJ;AAEA,oBAAAA,QAAU,GAAG,cAAc,OAAO,EAAE,KAAK,MAAM;AAC3C,UAAM,EAAE,MAAM,KAAK,IAAI;AACvB,UAAM,YAAY,SAAS,SAAS,YAAY;AAChD,UAAM,WAAW,MAAM;AAAA,MACnB,SAAS,iBAAiB,kBAAkB;AAAA,IAChD;AACA,eAAW,WAAW,UAAU;AAC5B,YAAM,OAAO,QAAQ,aAAa,WAAW;AAC7C,UAAI,CAAC,KAAK,IAAI;AAAG;AAEjB,UAAI,aAAa,IAAI,QAAQ,QAAQ,YAAY,CAAC,GAAG;AACjD,gBAAQ,UAAU,IAAI,qBAAqB,SAAS,EAAE;AAAA,MAC1D,OAAO;AACH,gBAAQ,YAAY,KAAK,IAAI;AAAA,MACjC;AAAA,IACJ;AAEA,gBAAY,gBAAgB,SAAS,EAAE;AAAA,EAC3C,CAAC;AACL;","names":["import_compare","postRobot"]}
+{"version":3,"sources":["../../src/compare.ts"],"sourcesContent":["import { loadCompareGlobalStyle } from \"./styles/compare\";\nimport { registerCompareElement } from \"./utils/compare\";\n\nconst voidElements = new Set([\n    \"area\",\n    \"base\",\n    \"br\",\n    \"col\",\n    \"embed\",\n    \"hr\",\n    \"img\",\n    \"input\",\n    \"keygen\",\n    \"link\",\n    \"meta\",\n    \"param\",\n    \"source\",\n    \"track\",\n    \"wbr\",\n]);\n\nconst LEAF_CSLP_SELECTOR = \"[data-cslp]:not(:has([data-cslp]))\";\n\nexport function handleWebCompare() {\n    // Check if window and document are available\n    if (typeof window === \"undefined\" || typeof document === \"undefined\") {\n        // Server-side, don't execute client-specific logic\n        return;\n    }\n\n    // Client-side logic\n    import(\"post-robot\").then((postRobot) => {\n        loadCompareGlobalStyle();\n        registerCompareElement();\n\n        postRobot.on(\"send-current-base-route\", async () => {\n            return { url: window.location.href.split(\"?\")[0] };\n        });\n\n        postRobot.on(\"send-cslp-data\", async () => {\n            const elements = Array.from(\n                document.querySelectorAll(LEAF_CSLP_SELECTOR)\n            );\n            const map: Record<string, string> = {};\n            for (const element of elements) {\n                const cslp = element.getAttribute(\"data-cslp\")!;\n                if (\n                    element.hasAttributes() &&\n                    voidElements.has(element.tagName.toLowerCase())\n                ) {\n                    let attributes = \"\";\n                    for (const attr of element.attributes) {\n                        attributes += `${attr.name} -> ${attr.value}\\n`;\n                    }\n                    map[cslp] = attributes;\n                } else {\n                    map[cslp] = element.innerHTML;\n                }\n            }\n            return map;\n        });\n\n        const mergeColors = (className = \".cs-compare--added\") => {\n            const elements = Array.from(document.querySelectorAll(className));\n            for (let i = 1; i < elements.length; i++) {\n                const prev = elements[i - 1];\n                const next = elements[i];\n                if (prev.nextElementSibling === next)\n                    prev.appendChild(prev.nextSibling!);\n            }\n        };\n\n        postRobot.on(\"diff-value\", async ({ data }) => {\n            const { diff, type } = data;\n            const operation = type === \"base\" ? \"removed\" : \"added\";\n            const elements = Array.from(\n                document.querySelectorAll(LEAF_CSLP_SELECTOR)\n            );\n            for (const element of elements) {\n                const path = element.getAttribute(\"data-cslp\")!;\n                if (!diff[path]) continue;\n\n                if (voidElements.has(element.tagName.toLowerCase())) {\n                    element.classList.add(`cs-compare__void--${operation}`);\n                } else {\n                    element.innerHTML = diff[path];\n                }\n            }\n\n            mergeColors(`.cs-compare--${operation}`);\n        });\n\n        postRobot.on(\"remove-diff\", async () => {\n            // unwrap the cs-compare tags\n            const elements = Array.from(\n                document.querySelectorAll(\"cs-compare\")\n            );\n            for (const element of elements) {\n                const parent = element.parentElement!;\n                while (element.firstChild) {\n                    parent.insertBefore(element.firstChild, element);\n                }\n                parent.removeChild(element);\n            }\n            // remove classes cs-compare__void--added and cs-compare__void--removed\n            const voidElements = Array.from(\n                document.querySelectorAll(\n                    \".cs-compare__void--added, .cs-compare__void--removed\"\n                )\n            );\n            for (const element of voidElements) {\n                element.classList.remove(\"cs-compare__void--added\");\n                element.classList.remove(\"cs-compare__void--removed\");\n            }\n        });\n    });\n}\n"],"mappings":"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","names":["import_compare","voidElements"]}

package/dist/legacy/compare.js

@@ -1,5 +1,4 @@
 // src/compare.ts
-import postRobot from "post-robot";
 import { loadCompareGlobalStyle } from "./styles/compare.js";
 import { registerCompareElement } from "./utils/compare.js";
 var voidElements = /* @__PURE__ */ new Set([
@@ -21,57 +20,83 @@ var voidElements = /* @__PURE__ */ new Set([
 ]);
 var LEAF_CSLP_SELECTOR = "[data-cslp]:not(:has([data-cslp]))";
 function handleWebCompare() {
-  loadCompareGlobalStyle();
-  registerCompareElement();
-  postRobot.on("send-current-base-route", async () => {
-    return { url: window.location.href.split("?")[0] };
-  });
-  postRobot.on("send-cslp-data", async () => {
-    const elements = Array.from(
-      document.querySelectorAll(LEAF_CSLP_SELECTOR)
-    );
-    const map = {};
-    for (const element of elements) {
-      const cslp = element.getAttribute("data-cslp");
-      if (element.hasAttributes() && voidElements.has(element.tagName.toLowerCase())) {
-        let attributes = "";
-        for (const attr of element.attributes) {
-          attributes += `${attr.name} -> ${attr.value}
+  if (typeof window === "undefined" || typeof document === "undefined") {
+    return;
+  }
+  import("post-robot").then((postRobot) => {
+    loadCompareGlobalStyle();
+    registerCompareElement();
+    postRobot.on("send-current-base-route", async () => {
+      return { url: window.location.href.split("?")[0] };
+    });
+    postRobot.on("send-cslp-data", async () => {
+      const elements = Array.from(
+        document.querySelectorAll(LEAF_CSLP_SELECTOR)
+      );
+      const map = {};
+      for (const element of elements) {
+        const cslp = element.getAttribute("data-cslp");
+        if (element.hasAttributes() && voidElements.has(element.tagName.toLowerCase())) {
+          let attributes = "";
+          for (const attr of element.attributes) {
+            attributes += `${attr.name} -> ${attr.value}
 `;
+          }
+          map[cslp] = attributes;
+        } else {
+          map[cslp] = element.innerHTML;
         }
-        map[cslp] = attributes;
-      } else {
-        map[cslp] = element.innerHTML;
       }
-    }
-    return map;
-  });
-  const mergeColors = (className = ".cs-compare--added") => {
-    const elements = Array.from(document.querySelectorAll(className));
-    for (let i = 1; i < elements.length; i++) {
-      const prev = elements[i - 1];
-      const next = elements[i];
-      if (prev.nextElementSibling === next)
-        prev.appendChild(prev.nextSibling);
-    }
-  };
-  postRobot.on("diff-value", async ({ data }) => {
-    const { diff, type } = data;
-    const operation = type === "base" ? "removed" : "added";
-    const elements = Array.from(
-      document.querySelectorAll(LEAF_CSLP_SELECTOR)
-    );
-    for (const element of elements) {
-      const path = element.getAttribute("data-cslp");
-      if (!diff[path])
-        continue;
-      if (voidElements.has(element.tagName.toLowerCase())) {
-        element.classList.add(`cs-compare__void--${operation}`);
-      } else {
-        element.innerHTML = diff[path];
+      return map;
+    });
+    const mergeColors = (className = ".cs-compare--added") => {
+      const elements = Array.from(document.querySelectorAll(className));
+      for (let i = 1; i < elements.length; i++) {
+        const prev = elements[i - 1];
+        const next = elements[i];
+        if (prev.nextElementSibling === next)
+          prev.appendChild(prev.nextSibling);
+      }
+    };
+    postRobot.on("diff-value", async ({ data }) => {
+      const { diff, type } = data;
+      const operation = type === "base" ? "removed" : "added";
+      const elements = Array.from(
+        document.querySelectorAll(LEAF_CSLP_SELECTOR)
+      );
+      for (const element of elements) {
+        const path = element.getAttribute("data-cslp");
+        if (!diff[path])
+          continue;
+        if (voidElements.has(element.tagName.toLowerCase())) {
+          element.classList.add(`cs-compare__void--${operation}`);
+        } else {
+          element.innerHTML = diff[path];
+        }
+      }
+      mergeColors(`.cs-compare--${operation}`);
+    });
+    postRobot.on("remove-diff", async () => {
+      const elements = Array.from(
+        document.querySelectorAll("cs-compare")
+      );
+      for (const element of elements) {
+        const parent = element.parentElement;
+        while (element.firstChild) {
+          parent.insertBefore(element.firstChild, element);
+        }
+        parent.removeChild(element);
+      }
+      const voidElements2 = Array.from(
+        document.querySelectorAll(
+          ".cs-compare__void--added, .cs-compare__void--removed"
+        )
+      );
+      for (const element of voidElements2) {
+        element.classList.remove("cs-compare__void--added");
+        element.classList.remove("cs-compare__void--removed");
       }
-    }
-    mergeColors(`.cs-compare--${operation}`);
+    });
   });
 }
 export {

package/dist/legacy/compare.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/compare.ts"],"sourcesContent":["import postRobot from \"post-robot\";\nimport { loadCompareGlobalStyle } from \"./styles/compare\";\nimport { registerCompareElement } from \"./utils/compare\";\n\nconst voidElements = new Set([\n    \"area\",\n    \"base\",\n    \"br\",\n    \"col\",\n    \"embed\",\n    \"hr\",\n    \"img\",\n    \"input\",\n    \"keygen\",\n    \"link\",\n    \"meta\",\n    \"param\",\n    \"source\",\n    \"track\",\n    \"wbr\",\n]);\n\nconst LEAF_CSLP_SELECTOR = \"[data-cslp]:not(:has([data-cslp]))\";\n\nexport function handleWebCompare() {\n    loadCompareGlobalStyle();\n    registerCompareElement();\n    postRobot.on(\"send-current-base-route\", async () => {\n        return { url: window.location.href.split(\"?\")[0] };\n    });\n\n    postRobot.on(\"send-cslp-data\", async () => {\n        const elements = Array.from(\n            document.querySelectorAll(LEAF_CSLP_SELECTOR)\n        );\n        const map: Record<string, string> = {};\n        for (const element of elements) {\n            const cslp = element.getAttribute(\"data-cslp\")!;\n            if (\n                element.hasAttributes() &&\n                voidElements.has(element.tagName.toLowerCase())\n            ) {\n                let attributes = \"\";\n                for (const attr of element.attributes) {\n                    attributes += `${attr.name} -> ${attr.value}\\n`;\n                }\n                map[cslp] = attributes;\n            } else {\n                map[cslp] = element.innerHTML;\n            }\n        }\n        return map;\n    });\n\n    const mergeColors = (className = \".cs-compare--added\") => {\n        const elements = Array.from(document.querySelectorAll(className));\n        for (let i = 1; i < elements.length; i++) {\n            const prev = elements[i - 1];\n            const next = elements[i];\n            if (prev.nextElementSibling === next)\n                prev.appendChild(prev.nextSibling!);\n        }\n    };\n\n    postRobot.on(\"diff-value\", async ({ data }) => {\n        const { diff, type } = data;\n        const operation = type === \"base\" ? \"removed\" : \"added\";\n        const elements = Array.from(\n            document.querySelectorAll(LEAF_CSLP_SELECTOR)\n        );\n        for (const element of elements) {\n            const path = element.getAttribute(\"data-cslp\")!;\n            if (!diff[path]) continue;\n\n            if (voidElements.has(element.tagName.toLowerCase())) {\n                element.classList.add(`cs-compare__void--${operation}`);\n            } else {\n                element.innerHTML = diff[path];\n            }\n        }\n\n        mergeColors(`.cs-compare--${operation}`);\n    });\n}\n"],"mappings":";AAAA,OAAO,eAAe;AACtB,SAAS,8BAA8B;AACvC,SAAS,8BAA8B;AAEvC,IAAM,eAAe,oBAAI,IAAI;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,CAAC;AAED,IAAM,qBAAqB;AAEpB,SAAS,mBAAmB;AAC/B,yBAAuB;AACvB,yBAAuB;AACvB,YAAU,GAAG,2BAA2B,YAAY;AAChD,WAAO,EAAE,KAAK,OAAO,SAAS,KAAK,MAAM,GAAG,EAAE,CAAC,EAAE;AAAA,EACrD,CAAC;AAED,YAAU,GAAG,kBAAkB,YAAY;AACvC,UAAM,WAAW,MAAM;AAAA,MACnB,SAAS,iBAAiB,kBAAkB;AAAA,IAChD;AACA,UAAM,MAA8B,CAAC;AACrC,eAAW,WAAW,UAAU;AAC5B,YAAM,OAAO,QAAQ,aAAa,WAAW;AAC7C,UACI,QAAQ,cAAc,KACtB,aAAa,IAAI,QAAQ,QAAQ,YAAY,CAAC,GAChD;AACE,YAAI,aAAa;AACjB,mBAAW,QAAQ,QAAQ,YAAY;AACnC,wBAAc,GAAG,KAAK,IAAI,OAAO,KAAK,KAAK;AAAA;AAAA,QAC/C;AACA,YAAI,IAAI,IAAI;AAAA,MAChB,OAAO;AACH,YAAI,IAAI,IAAI,QAAQ;AAAA,MACxB;AAAA,IACJ;AACA,WAAO;AAAA,EACX,CAAC;AAED,QAAM,cAAc,CAAC,YAAY,yBAAyB;AACtD,UAAM,WAAW,MAAM,KAAK,SAAS,iBAAiB,SAAS,CAAC;AAChE,aAAS,IAAI,GAAG,IAAI,SAAS,QAAQ,KAAK;AACtC,YAAM,OAAO,SAAS,IAAI,CAAC;AAC3B,YAAM,OAAO,SAAS,CAAC;AACvB,UAAI,KAAK,uBAAuB;AAC5B,aAAK,YAAY,KAAK,WAAY;AAAA,IAC1C;AAAA,EACJ;AAEA,YAAU,GAAG,cAAc,OAAO,EAAE,KAAK,MAAM;AAC3C,UAAM,EAAE,MAAM,KAAK,IAAI;AACvB,UAAM,YAAY,SAAS,SAAS,YAAY;AAChD,UAAM,WAAW,MAAM;AAAA,MACnB,SAAS,iBAAiB,kBAAkB;AAAA,IAChD;AACA,eAAW,WAAW,UAAU;AAC5B,YAAM,OAAO,QAAQ,aAAa,WAAW;AAC7C,UAAI,CAAC,KAAK,IAAI;AAAG;AAEjB,UAAI,aAAa,IAAI,QAAQ,QAAQ,YAAY,CAAC,GAAG;AACjD,gBAAQ,UAAU,IAAI,qBAAqB,SAAS,EAAE;AAAA,MAC1D,OAAO;AACH,gBAAQ,YAAY,KAAK,IAAI;AAAA,MACjC;AAAA,IACJ;AAEA,gBAAY,gBAAgB,SAAS,EAAE;AAAA,EAC3C,CAAC;AACL;","names":[]}
+{"version":3,"sources":["../../src/compare.ts"],"sourcesContent":["import { loadCompareGlobalStyle } from \"./styles/compare\";\nimport { registerCompareElement } from \"./utils/compare\";\n\nconst voidElements = new Set([\n    \"area\",\n    \"base\",\n    \"br\",\n    \"col\",\n    \"embed\",\n    \"hr\",\n    \"img\",\n    \"input\",\n    \"keygen\",\n    \"link\",\n    \"meta\",\n    \"param\",\n    \"source\",\n    \"track\",\n    \"wbr\",\n]);\n\nconst LEAF_CSLP_SELECTOR = \"[data-cslp]:not(:has([data-cslp]))\";\n\nexport function handleWebCompare() {\n    // Check if window and document are available\n    if (typeof window === \"undefined\" || typeof document === \"undefined\") {\n        // Server-side, don't execute client-specific logic\n        return;\n    }\n\n    // Client-side logic\n    import(\"post-robot\").then((postRobot) => {\n        loadCompareGlobalStyle();\n        registerCompareElement();\n\n        postRobot.on(\"send-current-base-route\", async () => {\n            return { url: window.location.href.split(\"?\")[0] };\n        });\n\n        postRobot.on(\"send-cslp-data\", async () => {\n            const elements = Array.from(\n                document.querySelectorAll(LEAF_CSLP_SELECTOR)\n            );\n            const map: Record<string, string> = {};\n            for (const element of elements) {\n                const cslp = element.getAttribute(\"data-cslp\")!;\n                if (\n                    element.hasAttributes() &&\n                    voidElements.has(element.tagName.toLowerCase())\n                ) {\n                    let attributes = \"\";\n                    for (const attr of element.attributes) {\n                        attributes += `${attr.name} -> ${attr.value}\\n`;\n                    }\n                    map[cslp] = attributes;\n                } else {\n                    map[cslp] = element.innerHTML;\n                }\n            }\n            return map;\n        });\n\n        const mergeColors = (className = \".cs-compare--added\") => {\n            const elements = Array.from(document.querySelectorAll(className));\n            for (let i = 1; i < elements.length; i++) {\n                const prev = elements[i - 1];\n                const next = elements[i];\n                if (prev.nextElementSibling === next)\n                    prev.appendChild(prev.nextSibling!);\n            }\n        };\n\n        postRobot.on(\"diff-value\", async ({ data }) => {\n            const { diff, type } = data;\n            const operation = type === \"base\" ? \"removed\" : \"added\";\n            const elements = Array.from(\n                document.querySelectorAll(LEAF_CSLP_SELECTOR)\n            );\n            for (const element of elements) {\n                const path = element.getAttribute(\"data-cslp\")!;\n                if (!diff[path]) continue;\n\n                if (voidElements.has(element.tagName.toLowerCase())) {\n                    element.classList.add(`cs-compare__void--${operation}`);\n                } else {\n                    element.innerHTML = diff[path];\n                }\n            }\n\n            mergeColors(`.cs-compare--${operation}`);\n        });\n\n        postRobot.on(\"remove-diff\", async () => {\n            // unwrap the cs-compare tags\n            const elements = Array.from(\n                document.querySelectorAll(\"cs-compare\")\n            );\n            for (const element of elements) {\n                const parent = element.parentElement!;\n                while (element.firstChild) {\n                    parent.insertBefore(element.firstChild, element);\n                }\n                parent.removeChild(element);\n            }\n            // remove classes cs-compare__void--added and cs-compare__void--removed\n            const voidElements = Array.from(\n                document.querySelectorAll(\n                    \".cs-compare__void--added, .cs-compare__void--removed\"\n                )\n            );\n            for (const element of voidElements) {\n                element.classList.remove(\"cs-compare__void--added\");\n                element.classList.remove(\"cs-compare__void--removed\");\n            }\n        });\n    });\n}\n"],"mappings":"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","names":["voidElements"]}

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

@@ -193,7 +193,7 @@ var ContentstackLivePreview = {
     }
   },
   getSdkVersion() {
-    return "2.0.2";
+    return "2.0.4";
   }
 };
 var contentstack_live_preview_HOC_default = ContentstackLivePreview;

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

@@ -159,7 +159,7 @@ var ContentstackLivePreview = {
     }
   },
   getSdkVersion() {
-    return "2.0.2";
+    return "2.0.4";
   }
 };
 var contentstack_live_preview_HOC_default = ContentstackLivePreview;

package/dist/legacy/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["import ContentstackLivePreviewHOC, {\n    ICSLivePreview,\n} from \"./contentstack-live-preview-HOC\";\n\nconst LightLivePreviewHoC = {\n    init() {},\n    onLiveEdit() {},\n    onEntryChange(callback: () => void) {\n        return callback();\n    },\n    get hash(): string {\n        return \"\";\n    },\n    setConfigFromParams() {},\n};\n\nexport const ContentstackLivePreview =\n    process.env.PURGE_PREVIEW_SDK || process.env.REACT_APP_PURGE_PREVIEW_SDK\n        ? (LightLivePreviewHoC as unknown as ICSLivePreview)\n        : ContentstackLivePreviewHOC;\n\nexport default ContentstackLivePreview;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,2CAEO;AAEP,IAAM,sBAAsB;AAAA,EACxB,OAAO;AAAA,EAAC;AAAA,EACR,aAAa;AAAA,EAAC;AAAA,EACd,cAAc,UAAsB;AAChC,WAAO,SAAS;AAAA,EACpB;AAAA,EACA,IAAI,OAAe;AACf,WAAO;AAAA,EACX;AAAA,EACA,sBAAsB;AAAA,EAAC;AAC3B;AAEO,IAAM,0BACT,QAAQ,IAAI,qBAAqB,QAAQ,IAAI,8BACtC,sBACD,qCAAAA;AAEV,IAAO,cAAQ;","names":["ContentstackLivePreviewHOC"]}
+{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["import ContentstackLivePreviewHOC, {\n    ICSLivePreview,\n} from \"./contentstack-live-preview-HOC\";\n\nimport { IStackSdk as ExternalStackSdkType } from \"./utils/types\";\nexport type IStackSdk = ExternalStackSdkType;\n\nconst LightLivePreviewHoC = {\n    init() {},\n    onLiveEdit() {},\n    onEntryChange(callback: () => void) {\n        return callback();\n    },\n    get hash(): string {\n        return \"\";\n    },\n    setConfigFromParams() {},\n};\n\nexport const ContentstackLivePreview =\n    process.env.PURGE_PREVIEW_SDK || process.env.REACT_APP_PURGE_PREVIEW_SDK\n        ? (LightLivePreviewHoC as unknown as ICSLivePreview)\n        : ContentstackLivePreviewHOC;\n\nexport default ContentstackLivePreview;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,2CAEO;AAKP,IAAM,sBAAsB;AAAA,EACxB,OAAO;AAAA,EAAC;AAAA,EACR,aAAa;AAAA,EAAC;AAAA,EACd,cAAc,UAAsB;AAChC,WAAO,SAAS;AAAA,EACpB;AAAA,EACA,IAAI,OAAe;AACf,WAAO;AAAA,EACX;AAAA,EACA,sBAAsB;AAAA,EAAC;AAC3B;AAEO,IAAM,0BACT,QAAQ,IAAI,qBAAqB,QAAQ,IAAI,8BACtC,sBACD,qCAAAA;AAEV,IAAO,cAAQ;","names":["ContentstackLivePreviewHOC"]}

package/dist/legacy/index.d.cts

@@ -1,7 +1,8 @@
 import { ICSLivePreview } from './contentstack-live-preview-HOC.cjs';
-import './utils/types.cjs';
+import { IStackSdk as IStackSdk$1 } from './utils/types.cjs';
 import './live-preview.cjs';
 
+type IStackSdk = IStackSdk$1;
 declare const ContentstackLivePreview: ICSLivePreview;
 
-export { ContentstackLivePreview, ContentstackLivePreview as default };
+export { ContentstackLivePreview, type IStackSdk, ContentstackLivePreview as default };

package/dist/legacy/index.d.ts

@@ -1,7 +1,8 @@
 import { ICSLivePreview } from './contentstack-live-preview-HOC.js';
-import './utils/types.js';
+import { IStackSdk as IStackSdk$1 } from './utils/types.js';
 import './live-preview.js';
 
+type IStackSdk = IStackSdk$1;
 declare const ContentstackLivePreview: ICSLivePreview;
 
-export { ContentstackLivePreview, ContentstackLivePreview as default };
+export { ContentstackLivePreview, type IStackSdk, ContentstackLivePreview as default };

package/dist/legacy/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["import ContentstackLivePreviewHOC, {\n    ICSLivePreview,\n} from \"./contentstack-live-preview-HOC\";\n\nconst LightLivePreviewHoC = {\n    init() {},\n    onLiveEdit() {},\n    onEntryChange(callback: () => void) {\n        return callback();\n    },\n    get hash(): string {\n        return \"\";\n    },\n    setConfigFromParams() {},\n};\n\nexport const ContentstackLivePreview =\n    process.env.PURGE_PREVIEW_SDK || process.env.REACT_APP_PURGE_PREVIEW_SDK\n        ? (LightLivePreviewHoC as unknown as ICSLivePreview)\n        : ContentstackLivePreviewHOC;\n\nexport default ContentstackLivePreview;\n"],"mappings":";AAAA,OAAO,gCAEA;AAEP,IAAM,sBAAsB;AAAA,EACxB,OAAO;AAAA,EAAC;AAAA,EACR,aAAa;AAAA,EAAC;AAAA,EACd,cAAc,UAAsB;AAChC,WAAO,SAAS;AAAA,EACpB;AAAA,EACA,IAAI,OAAe;AACf,WAAO;AAAA,EACX;AAAA,EACA,sBAAsB;AAAA,EAAC;AAC3B;AAEO,IAAM,0BACT,QAAQ,IAAI,qBAAqB,QAAQ,IAAI,8BACtC,sBACD;AAEV,IAAO,cAAQ;","names":[]}
+{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["import ContentstackLivePreviewHOC, {\n    ICSLivePreview,\n} from \"./contentstack-live-preview-HOC\";\n\nimport { IStackSdk as ExternalStackSdkType } from \"./utils/types\";\nexport type IStackSdk = ExternalStackSdkType;\n\nconst LightLivePreviewHoC = {\n    init() {},\n    onLiveEdit() {},\n    onEntryChange(callback: () => void) {\n        return callback();\n    },\n    get hash(): string {\n        return \"\";\n    },\n    setConfigFromParams() {},\n};\n\nexport const ContentstackLivePreview =\n    process.env.PURGE_PREVIEW_SDK || process.env.REACT_APP_PURGE_PREVIEW_SDK\n        ? (LightLivePreviewHoC as unknown as ICSLivePreview)\n        : ContentstackLivePreviewHOC;\n\nexport default ContentstackLivePreview;\n"],"mappings":";AAAA,OAAO,gCAEA;AAKP,IAAM,sBAAsB;AAAA,EACxB,OAAO;AAAA,EAAC;AAAA,EACR,aAAa;AAAA,EAAC;AAAA,EACd,cAAc,UAAsB;AAChC,WAAO,SAAS;AAAA,EACpB;AAAA,EACA,IAAI,OAAe;AACf,WAAO;AAAA,EACX;AAAA,EACA,sBAAsB;AAAA,EAAC;AAC3B;AAEO,IAAM,0BACT,QAAQ,IAAI,qBAAqB,QAAQ,IAAI,8BACtC,sBACD;AAEV,IAAO,cAAQ;","names":[]}

package/dist/legacy/live-preview.cjs

@@ -27,6 +27,7 @@ var import_utils = require("./utils/index.cjs");
 var import_public_logger = require("./utils/public-logger.cjs");
 var import_handleUserConfig = require("./utils/handleUserConfig.cjs");
 var import_defaults = require("./utils/defaults.cjs");
+var import_cslpdata = require("./utils/cslpdata.cjs");
 var import_live_preview = require("./styles/live_preview.cjs");
 var LivePreview = class {
   constructor(initData = import_defaults.userInitData) {
@@ -48,7 +49,7 @@ var LivePreview = class {
       stackDetails: {
         apiKey: "",
         environment: "",
-        branch: "main",
+        branch: "",
         contentTypeUid: "",
         entryUid: ""
       },
@@ -250,7 +251,7 @@ var LivePreview = class {
     this.currentElementBesideTooltip = null;
     this.tooltip.style.top = "-100%";
   }
-  generateRedirectUrl(content_type_uid, locale = "en-us", entry_uid, preview_field) {
+  generateRedirectUrl(content_type_uid, locale = "en-us", entry_uid, variant, 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.
 
@@ -278,11 +279,18 @@ var LivePreview = class {
     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`;
+    let urlHash = `!/stack/${this.config.stackDetails.apiKey}/content-type/${content_type_uid}/${locale ?? "en-us"}/entry/${entry_uid}`;
+    if (variant) {
+      urlHash += `/variant/${variant}/edit`;
+    } else {
+      urlHash += `/edit`;
+    }
     const url = new URL(`${protocol}://${host}`);
     url.port = port;
     url.hash = urlHash;
-    url.searchParams.append("branch", branch);
+    if (this.config.stackDetails.branch) {
+      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);
@@ -293,16 +301,23 @@ var LivePreview = class {
       return;
     const cslpTag = this.tooltip.getAttribute("current-data-cslp");
     if (cslpTag) {
-      const [content_type_uid, entry_uid, locale, ...field] = cslpTag.split(".");
+      const {
+        content_type_uid,
+        entry_uid,
+        locale,
+        variant,
+        fieldPath: field
+      } = (0, import_cslpdata.extractDetailsFromCslp)(cslpTag);
       if (window.location !== window.parent.location) {
         window.parent.postMessage(
           {
             from: "live-preview",
             type: "scroll",
             data: {
-              field: field.join("."),
+              field,
               content_type_uid,
               entry_uid,
+              variant,
               locale
             }
           },
@@ -314,7 +329,8 @@ var LivePreview = class {
             content_type_uid,
             locale,
             entry_uid,
-            field.join(".")
+            variant,
+            field
           );
           window.open(redirectUrl, "_blank");
         } catch (error) {
@@ -423,7 +439,7 @@ var LivePreview = class {
           config: {
             shouldReload: this.config.ssr,
             href: window.location.href,
-            sdkVersion: "2.0.2"
+            sdkVersion: "2.0.4"
           }
         }
       },