@contentstack/live-preview-utils 1.4.1 → 2.0.0

package/README.md

@@ -15,7 +15,7 @@ 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@1.4.1/dist/index.js"></script>
+<script src="https://unpkg.com/@contentstack/live-preview-utils@2.0.0/dist/index.js"></script>
 ```
 
 # Initializing the SDK

package/dist/legacy/compare.cjs

@@ -0,0 +1,115 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/compare.ts
+var compare_exports = {};
+__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([
+  "area",
+  "base",
+  "br",
+  "col",
+  "embed",
+  "hr",
+  "img",
+  "input",
+  "keygen",
+  "link",
+  "meta",
+  "param",
+  "source",
+  "track",
+  "wbr"
+]);
+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}
+`;
+        }
+        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];
+      }
+    }
+    mergeColors(`.cs-compare--${operation}`);
+  });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  handleWebCompare
+});
+//# sourceMappingURL=compare.cjs.map

package/dist/legacy/compare.cjs.map

@@ -0,0 +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"]}

package/dist/legacy/compare.d.cts

@@ -0,0 +1,3 @@
+declare function handleWebCompare(): void;
+
+export { handleWebCompare };

package/dist/legacy/compare.d.ts

@@ -0,0 +1,3 @@
+declare function handleWebCompare(): void;
+
+export { handleWebCompare };

package/dist/legacy/compare.js

@@ -0,0 +1,80 @@
+// 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([
+  "area",
+  "base",
+  "br",
+  "col",
+  "embed",
+  "hr",
+  "img",
+  "input",
+  "keygen",
+  "link",
+  "meta",
+  "param",
+  "source",
+  "track",
+  "wbr"
+]);
+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}
+`;
+        }
+        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];
+      }
+    }
+    mergeColors(`.cs-compare--${operation}`);
+  });
+}
+export {
+  handleWebCompare
+};
+//# sourceMappingURL=compare.js.map

package/dist/legacy/compare.js.map

@@ -0,0 +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":[]}

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

@@ -0,0 +1,200 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/contentstack-live-preview-HOC.ts
+var contentstack_live_preview_HOC_exports = {};
+__export(contentstack_live_preview_HOC_exports, {
+  default: () => contentstack_live_preview_HOC_default
+});
+module.exports = __toCommonJS(contentstack_live_preview_HOC_exports);
+var import_uuid = require("uuid");
+var import_camelCase = __toESM(require("./utils/camelCase.cjs"), 1);
+var import_live_preview = __toESM(require("./live-preview.cjs"), 1);
+var import_defaults = require("./utils/defaults.cjs");
+var import_public_logger = require("./utils/public-logger.cjs");
+var import_compare = require("./compare.cjs");
+var import_handlePageTraversal = require("./utils/handlePageTraversal.cjs");
+var ContentstackLivePreview = {
+  livePreview: null,
+  userConfig: null,
+  subscribers: {},
+  configs: {
+    params: {}
+  },
+  init(userConfig = import_defaults.userInitData) {
+    if (typeof window !== "undefined") {
+      if (ContentstackLivePreview.livePreview) {
+        import_public_logger.PublicLogger.warn(
+          "You have already initialized the Live Preview SDK. So, any subsequent initialization returns the existing SDK instance."
+        );
+        return Promise.resolve(ContentstackLivePreview.livePreview);
+      } else {
+        (0, import_compare.handleWebCompare)();
+        (0, import_handlePageTraversal.handlePageTraversal)();
+        ContentstackLivePreview.livePreview = new import_live_preview.default(
+          userConfig
+        );
+        ContentstackLivePreview.livePreview.setOnChangeCallback(
+          ContentstackLivePreview.publish
+        );
+        ContentstackLivePreview.livePreview.setConfigFromParams(
+          ContentstackLivePreview.configs.params
+        );
+        ContentstackLivePreview.configs.params = {};
+        return Promise.resolve(ContentstackLivePreview.livePreview);
+      }
+    } else {
+      ContentstackLivePreview.userConfig = userConfig;
+    }
+  },
+  get hash() {
+    if (!ContentstackLivePreview.livePreview) {
+      const urlParams = new URLSearchParams(
+        ContentstackLivePreview.configs.params
+      );
+      return urlParams.get("live_preview") ?? "";
+    }
+    return ContentstackLivePreview.livePreview.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 (!ContentstackLivePreview.livePreview) {
+      ContentstackLivePreview.configs.params = params;
+      return;
+    }
+    ContentstackLivePreview.livePreview.setConfigFromParams(params);
+  },
+  publish() {
+    Object.values(
+      ContentstackLivePreview.subscribers
+    ).forEach((func) => {
+      func();
+    });
+  },
+  subscribe(callback) {
+    const callbackUid = (0, import_uuid.v4)();
+    ContentstackLivePreview.subscribers[callbackUid] = callback;
+    return callbackUid;
+  },
+  /**
+   * @type {function}
+   * @param onChangeCallback A function param to fetch the data from contentstack database
+   * @param config An optional object param, pass {skipInitialRender:Boolean} to skip init call to onChangeCallback
+   * @returns Subscribed Callback UID
+   */
+  onEntryChange(onChangeCallback, config) {
+    const { skipInitialRender = false } = config || {};
+    if (ContentstackLivePreview.userConfig) {
+      ContentstackLivePreview.livePreview = new import_live_preview.default(
+        ContentstackLivePreview.userConfig
+      );
+      ContentstackLivePreview.livePreview.setOnChangeCallback(
+        ContentstackLivePreview.publish
+      );
+      ContentstackLivePreview.livePreview.setConfigFromParams(
+        ContentstackLivePreview.configs.params
+      );
+      ContentstackLivePreview.configs.params = {};
+      ContentstackLivePreview.userConfig = null;
+    }
+    const callbackUid = ContentstackLivePreview.subscribe(onChangeCallback);
+    if (!skipInitialRender) {
+      onChangeCallback();
+    }
+    return callbackUid;
+  },
+  /**
+   * @type {function}
+   * @param onChangeCallback A function param to fetch the data from contentstack database on content change.
+   * @returns Subscribed Callback UID
+   */
+  onLiveEdit(onChangeCallback) {
+    return ContentstackLivePreview.onEntryChange(onChangeCallback, {
+      skipInitialRender: true
+    });
+  },
+  unsubscribeOnEntryChange(callback) {
+    if (typeof callback === "string") {
+      if (!ContentstackLivePreview.subscribers[callback]) {
+        import_public_logger.PublicLogger.warn("No subscriber found with the given id.");
+      }
+      delete ContentstackLivePreview.subscribers[callback];
+    } else if (typeof callback === "function") {
+      const isCallbackDeleted = Object.entries(
+        ContentstackLivePreview.subscribers
+      ).some(([uid, func]) => {
+        if (func === callback) {
+          delete ContentstackLivePreview.subscribers[uid];
+          return true;
+        }
+        return false;
+      });
+      if (!isCallbackDeleted) {
+        import_public_logger.PublicLogger.warn(
+          "No subscriber found with the given callback."
+        );
+      }
+    }
+  },
+  async getGatsbyDataFormat(sdkQuery, prefix) {
+    if (typeof sdkQuery.find === "function") {
+      return sdkQuery.toJSON().find().then((result) => {
+        return result.map((res) => {
+          return res.map((entry) => {
+            const dataTitle = (0, import_camelCase.default)(
+              `${prefix}_${sdkQuery.content_type_uid}`
+            );
+            return { [dataTitle]: entry };
+          });
+        });
+      }).catch((err) => {
+        console.error(err);
+      });
+    } else if (typeof sdkQuery.fetch === "function") {
+      return sdkQuery.toJSON().fetch().then((ent) => {
+        const dataTitle = (0, import_camelCase.default)(
+          `${prefix}_${sdkQuery.content_type_uid}`
+        );
+        const entry = { [dataTitle]: ent };
+        return entry;
+      }).catch((err) => {
+        console.error(err);
+      });
+    }
+  },
+  getSdkVersion() {
+    return "2.0.0";
+  }
+};
+var contentstack_live_preview_HOC_default = ContentstackLivePreview;
+//# sourceMappingURL=contentstack-live-preview-HOC.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/contentstack-live-preview-HOC.ts"],"sourcesContent":["import { v4 } from \"uuid\";\nimport camelCase from \"./utils/camelCase\";\n\nimport {\n    IInitData,\n    IStackSdk,\n    OnEntryChangeCallback,\n    OnEntryChangeCallbackUID,\n    OnEntryChangeConfig,\n} from \"./utils/types\";\nimport LivePreview from \"./live-preview\";\nimport { userInitData } from \"./utils/defaults\";\nimport { PublicLogger } from \"./utils/public-logger\";\nimport { handleWebCompare } from \"./compare\";\nimport { handlePageTraversal } from \"./utils/handlePageTraversal\";\n\nexport interface ICSLivePreview {\n    livePreview: LivePreview | null;\n    userConfig: Partial<IInitData> | null;\n    subscribers: { [uid: string]: OnEntryChangeCallback };\n    configs: {\n        params: ConstructorParameters<typeof URLSearchParams>[0];\n    };\n    init: (userConfig?: Partial<IInitData>) => Promise<LivePreview> | undefined;\n    hash: string;\n    setConfigFromParams(\n        params: ConstructorParameters<typeof URLSearchParams>[0]\n    ): void;\n    publish(): void;\n    subscribe(callback: OnEntryChangeCallback): OnEntryChangeCallbackUID;\n    onEntryChange(\n        onChangeCallback: OnEntryChangeCallback,\n        config?: OnEntryChangeConfig\n    ): OnEntryChangeCallbackUID;\n    onLiveEdit(\n        onChangeCallback: OnEntryChangeCallback\n    ): OnEntryChangeCallbackUID;\n    unsubscribeOnEntryChange(callback: string | OnEntryChangeCallback): void;\n    getGatsbyDataFormat(sdkQuery: IStackSdk, prefix: string): Promise<any>;\n    getSdkVersion(): string;\n}\n\nconst ContentstackLivePreview: ICSLivePreview = {\n    livePreview: null,\n    userConfig: null,\n    subscribers: {},\n    configs: {\n        params: {},\n    },\n\n    init(\n        userConfig: Partial<IInitData> = userInitData\n    ): Promise<LivePreview> | undefined {\n        if (typeof window !== \"undefined\") {\n            if (ContentstackLivePreview.livePreview) {\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.livePreview);\n            } else {\n                handleWebCompare();\n                handlePageTraversal();\n\n                ContentstackLivePreview.livePreview = new LivePreview(\n                    userConfig\n                );\n                ContentstackLivePreview.livePreview.setOnChangeCallback(\n                    ContentstackLivePreview.publish\n                );\n\n                ContentstackLivePreview.livePreview.setConfigFromParams(\n                    ContentstackLivePreview.configs.params\n                );\n                ContentstackLivePreview.configs.params = {};\n\n                return Promise.resolve(ContentstackLivePreview.livePreview);\n            }\n        } else {\n            ContentstackLivePreview.userConfig = userConfig;\n        }\n    },\n\n    get hash(): string {\n        if (!ContentstackLivePreview.livePreview) {\n            const urlParams = new URLSearchParams(\n                ContentstackLivePreview.configs.params\n            );\n            return urlParams.get(\"live_preview\") ?? \"\";\n        }\n\n        return ContentstackLivePreview.livePreview.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 (!ContentstackLivePreview.livePreview) {\n            ContentstackLivePreview.configs.params = params;\n            return;\n        }\n\n        ContentstackLivePreview.livePreview.setConfigFromParams(params);\n    },\n\n    publish(): void {\n        Object.values<OnEntryChangeCallback>(\n            ContentstackLivePreview.subscribers\n        ).forEach((func) => {\n            func();\n        });\n    },\n    subscribe(callback: OnEntryChangeCallback): OnEntryChangeCallbackUID {\n        const callbackUid = v4();\n        ContentstackLivePreview.subscribers[callbackUid] = callback;\n        return callbackUid;\n    },\n    /**\n     * @type {function}\n     * @param onChangeCallback A function param to fetch the data from contentstack database\n     * @param config An optional object param, pass {skipInitialRender:Boolean} to skip init call to onChangeCallback\n     * @returns Subscribed Callback UID\n     */\n    onEntryChange(\n        onChangeCallback: OnEntryChangeCallback,\n        config?: OnEntryChangeConfig\n    ): OnEntryChangeCallbackUID {\n        const { skipInitialRender = false } = config || {};\n        if (ContentstackLivePreview.userConfig) {\n            ContentstackLivePreview.livePreview = new LivePreview(\n                ContentstackLivePreview.userConfig\n            );\n            ContentstackLivePreview.livePreview.setOnChangeCallback(\n                ContentstackLivePreview.publish\n            );\n\n            ContentstackLivePreview.livePreview.setConfigFromParams(\n                ContentstackLivePreview.configs.params\n            );\n\n            ContentstackLivePreview.configs.params = {};\n\n            ContentstackLivePreview.userConfig = null;\n        }\n        const callbackUid = ContentstackLivePreview.subscribe(onChangeCallback);\n        if (!skipInitialRender) {\n            onChangeCallback();\n        }\n        return callbackUid;\n    },\n    /**\n     * @type {function}\n     * @param onChangeCallback A function param to fetch the data from contentstack database on content change.\n     * @returns Subscribed Callback UID\n     */\n    onLiveEdit(\n        onChangeCallback: OnEntryChangeCallback\n    ): OnEntryChangeCallbackUID {\n        return ContentstackLivePreview.onEntryChange(onChangeCallback, {\n            skipInitialRender: true,\n        });\n    },\n    unsubscribeOnEntryChange(callback: string | OnEntryChangeCallback): void {\n        if (typeof callback === \"string\") {\n            if (!ContentstackLivePreview.subscribers[callback]) {\n                PublicLogger.warn(\"No subscriber found with the given id.\");\n            }\n            delete ContentstackLivePreview.subscribers[callback];\n        } else if (typeof callback === \"function\") {\n            const isCallbackDeleted = Object.entries<() => void>(\n                ContentstackLivePreview.subscribers\n            ).some(([uid, func]) => {\n                if (func === callback) {\n                    delete ContentstackLivePreview.subscribers[uid];\n                    return true;\n                }\n                return false;\n            });\n\n            if (!isCallbackDeleted) {\n                PublicLogger.warn(\n                    \"No subscriber found with the given callback.\"\n                );\n            }\n        }\n    },\n    async getGatsbyDataFormat(\n        sdkQuery: IStackSdk,\n        prefix: string\n    ): Promise<any> {\n        if (typeof sdkQuery.find === \"function\") {\n            return sdkQuery\n                .toJSON()\n                .find()\n                .then((result: { [key: string]: any }) => {\n                    return result.map((res: { [key: string]: any }) => {\n                        return res.map((entry: { [key: string]: any }) => {\n                            const dataTitle = camelCase(\n                                `${prefix}_${sdkQuery.content_type_uid}`\n                            );\n                            return { [dataTitle]: entry };\n                        });\n                    });\n                })\n                .catch((err: any) => {\n                    console.error(err);\n                });\n        } else if (typeof sdkQuery.fetch === \"function\") {\n            return sdkQuery\n                .toJSON()\n                .fetch()\n                .then((ent: { [key: string]: any }) => {\n                    const dataTitle = camelCase(\n                        `${prefix}_${sdkQuery.content_type_uid}`\n                    );\n                    const entry = { [dataTitle]: ent };\n\n                    return entry;\n                })\n                .catch((err: unknown) => {\n                    console.error(err);\n                });\n        }\n    },\n    getSdkVersion(): string {\n        return process.env.PACKAGE_VERSION!;\n    },\n};\n\nexport default ContentstackLivePreview;\n"],"mappings":"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","names":["LivePreview","camelCase"]}

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

@@ -0,0 +1,26 @@
+import { IInitData, OnEntryChangeCallback, OnEntryChangeCallbackUID, OnEntryChangeConfig, IStackSdk } from './utils/types.cjs';
+import LivePreview from './live-preview.cjs';
+
+interface ICSLivePreview {
+    livePreview: LivePreview | null;
+    userConfig: Partial<IInitData> | null;
+    subscribers: {
+        [uid: string]: OnEntryChangeCallback;
+    };
+    configs: {
+        params: ConstructorParameters<typeof URLSearchParams>[0];
+    };
+    init: (userConfig?: Partial<IInitData>) => Promise<LivePreview> | undefined;
+    hash: string;
+    setConfigFromParams(params: ConstructorParameters<typeof URLSearchParams>[0]): void;
+    publish(): void;
+    subscribe(callback: OnEntryChangeCallback): OnEntryChangeCallbackUID;
+    onEntryChange(onChangeCallback: OnEntryChangeCallback, config?: OnEntryChangeConfig): OnEntryChangeCallbackUID;
+    onLiveEdit(onChangeCallback: OnEntryChangeCallback): OnEntryChangeCallbackUID;
+    unsubscribeOnEntryChange(callback: string | OnEntryChangeCallback): void;
+    getGatsbyDataFormat(sdkQuery: IStackSdk, prefix: string): Promise<any>;
+    getSdkVersion(): string;
+}
+declare const ContentstackLivePreview: ICSLivePreview;
+
+export { type ICSLivePreview, ContentstackLivePreview as default };

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

@@ -0,0 +1,26 @@
+import { IInitData, OnEntryChangeCallback, OnEntryChangeCallbackUID, OnEntryChangeConfig, IStackSdk } from './utils/types.js';
+import LivePreview from './live-preview.js';
+
+interface ICSLivePreview {
+    livePreview: LivePreview | null;
+    userConfig: Partial<IInitData> | null;
+    subscribers: {
+        [uid: string]: OnEntryChangeCallback;
+    };
+    configs: {
+        params: ConstructorParameters<typeof URLSearchParams>[0];
+    };
+    init: (userConfig?: Partial<IInitData>) => Promise<LivePreview> | undefined;
+    hash: string;
+    setConfigFromParams(params: ConstructorParameters<typeof URLSearchParams>[0]): void;
+    publish(): void;
+    subscribe(callback: OnEntryChangeCallback): OnEntryChangeCallbackUID;
+    onEntryChange(onChangeCallback: OnEntryChangeCallback, config?: OnEntryChangeConfig): OnEntryChangeCallbackUID;
+    onLiveEdit(onChangeCallback: OnEntryChangeCallback): OnEntryChangeCallbackUID;
+    unsubscribeOnEntryChange(callback: string | OnEntryChangeCallback): void;
+    getGatsbyDataFormat(sdkQuery: IStackSdk, prefix: string): Promise<any>;
+    getSdkVersion(): string;
+}
+declare const ContentstackLivePreview: ICSLivePreview;
+
+export { type ICSLivePreview, ContentstackLivePreview as default };