@contentstack/live-preview-utils 1.4.1 → 2.0.0

package/dist/modern/utils/handlePageTraversal.js

@@ -0,0 +1,22 @@
+// src/utils/handlePageTraversal.ts
+var handlePageTraversal = () => {
+  window.addEventListener("unload", () => {
+    const targetURL = document.activeElement.href;
+    if (targetURL) {
+      window.parent.postMessage(
+        {
+          from: "live-preview",
+          type: "url-change",
+          data: {
+            targetURL
+          }
+        },
+        "*"
+      );
+    }
+  });
+};
+export {
+  handlePageTraversal
+};
+//# sourceMappingURL=handlePageTraversal.js.map

package/dist/modern/utils/handlePageTraversal.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/utils/handlePageTraversal.ts"],"sourcesContent":["export const handlePageTraversal = () => {\n    window.addEventListener(\"unload\", () => {\n        const targetURL = (document.activeElement as HTMLAnchorElement).href;\n        if (targetURL) {\n            window.parent.postMessage(\n                {\n                    from: \"live-preview\",\n                    type: \"url-change\",\n                    data: {\n                        targetURL,\n                    },\n                },\n                \"*\"\n            );\n        }\n    });\n};\n"],"mappings":";AAAO,IAAM,sBAAsB,MAAM;AACrC,SAAO,iBAAiB,UAAU,MAAM;AACpC,UAAM,YAAa,SAAS,cAAoC;AAChE,QAAI,WAAW;AACX,aAAO,OAAO;AAAA,QACV;AAAA,UACI,MAAM;AAAA,UACN,MAAM;AAAA,UACN,MAAM;AAAA,YACF;AAAA,UACJ;AAAA,QACJ;AAAA,QACA;AAAA,MACJ;AAAA,IACJ;AAAA,EACJ,CAAC;AACL;","names":[]}

package/dist/modern/utils/handleUserConfig.cjs

@@ -0,0 +1,123 @@
+"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/utils/handleUserConfig.ts
+var handleUserConfig_exports = {};
+__export(handleUserConfig_exports, {
+  handleInitData: () => handleInitData,
+  handleUserConfig: () => handleUserConfig
+});
+module.exports = __toCommonJS(handleUserConfig_exports);
+var import__ = require("./index.cjs");
+var import_public_logger = require("./public-logger.cjs");
+var handleClientUrlParams = (existingConfig, userConfig) => {
+  existingConfig.clientUrlParams.host = userConfig.host ?? existingConfig.clientUrlParams.host;
+  existingConfig.clientUrlParams.protocol = userConfig.protocol ?? existingConfig.clientUrlParams.protocol;
+  existingConfig.clientUrlParams.port = userConfig.port ?? existingConfig.clientUrlParams.port;
+  if (userConfig.protocol !== void 0 && userConfig.port === void 0) {
+    switch (userConfig.protocol) {
+      case "http": {
+        existingConfig.clientUrlParams.port = 80;
+        break;
+      }
+      case "https": {
+        existingConfig.clientUrlParams.port = 443;
+        break;
+      }
+    }
+  }
+  let host = existingConfig.clientUrlParams.host;
+  if (host.endsWith("/")) {
+    host = host.slice(0, -1);
+    existingConfig.clientUrlParams.host = host;
+  }
+  existingConfig.clientUrlParams.url = `${existingConfig.clientUrlParams.protocol}://${existingConfig.clientUrlParams.host}:${existingConfig.clientUrlParams.port}`;
+};
+function isInitDataStackSdk(initObj) {
+  return Object.prototype.hasOwnProperty.call(initObj, "cachePolicy");
+}
+function isInitDataCommon(initObj) {
+  return !isInitDataStackSdk(initObj);
+}
+var handleInitData = (initData, config) => {
+  if (isInitDataStackSdk(initData)) {
+    import_public_logger.PublicLogger.warn(
+      "Deprecated: Do not pass the Stack object directly to the Live Preview SDK. Pass it using the config.stackSDK config object."
+    );
+    const livePreviewObject = initData?.live_preview || {};
+    config.ssr = false;
+    config.runScriptsOnUpdate = livePreviewObject.runScriptsOnUpdate ?? config.runScriptsOnUpdate;
+    config.enable = livePreviewObject.enable ?? config.enable;
+    config.cleanCslpOnProduction = livePreviewObject.cleanCslpOnProduction ?? config.cleanCslpOnProduction;
+    config.editButton = {
+      enable: (0, import__.shouldRenderEditButton)(
+        livePreviewObject.editButton ?? config.editButton
+      ),
+      // added extra check if exclude data passed by user is array or not
+      exclude: Array.isArray(livePreviewObject.editButton?.exclude) && livePreviewObject.editButton?.exclude ? livePreviewObject.editButton?.exclude : config.editButton.exclude ?? [],
+      position: livePreviewObject.editButton?.position ?? config.editButton.position ?? "top",
+      includeByQueryParameter: livePreviewObject.editButton?.includeByQueryParameter ?? config.editButton.includeByQueryParameter ?? true
+    };
+    config.stackSdk = initData;
+    if (Object.prototype.hasOwnProperty.call(initData.headers, "api_key") && initData.headers.api_key)
+      config.stackDetails.apiKey = initData.headers.api_key;
+    if (Object.prototype.hasOwnProperty.call(initData, "environment")) {
+      config.stackDetails.environment = initData.environment;
+    }
+    if (Object.prototype.hasOwnProperty.call(initData, "branch")) {
+      config.stackDetails.branch = initData.branch;
+    }
+    handleClientUrlParams(
+      config,
+      livePreviewObject.clientUrlParams ?? config.clientUrlParams
+    );
+  } else if (isInitDataCommon(initData)) {
+    const stackSdk = initData.stackSdk || config.stackSdk;
+    config.enable = initData.enable ?? stackSdk.live_preview?.enable ?? config.enable;
+    config.ssr = initData.ssr ?? stackSdk.live_preview?.ssr ?? (typeof initData.stackSdk === "object" ? false : true) ?? true;
+    config.runScriptsOnUpdate = initData.runScriptsOnUpdate ?? stackSdk.live_preview?.runScriptsOnUpdate ?? config.runScriptsOnUpdate;
+    config.stackSdk = stackSdk;
+    config.cleanCslpOnProduction = initData.cleanCslpOnProduction ?? stackSdk.live_preview?.cleanCslpOnProduction ?? config.cleanCslpOnProduction;
+    config.editButton = {
+      enable: (0, import__.shouldRenderEditButton)(
+        initData.editButton ?? stackSdk.live_preview?.editButton ?? config.editButton
+      ),
+      // added extra check if exclude data passed by user is array or not
+      exclude: Array.isArray(initData.editButton?.exclude) && initData.editButton?.exclude ? initData.editButton?.exclude : Array.isArray(stackSdk.live_preview?.exclude) && stackSdk.live_preview?.exclude ? stackSdk.live_preview?.exclude : config.editButton.exclude ?? [],
+      position: initData.editButton?.position ?? stackSdk.live_preview?.position ?? config.editButton.position ?? "top",
+      includeByQueryParameter: initData.editButton?.includeByQueryParameter ?? stackSdk.live_preview?.includeByQueryParameter ?? config.editButton.includeByQueryParameter ?? true
+    };
+    config.stackDetails.apiKey = initData.stackDetails?.apiKey ?? stackSdk.headers?.api_key ?? config.stackDetails.apiKey;
+    config.stackDetails.environment = initData.stackDetails?.environment ?? stackSdk.environment ?? config.stackDetails.environment;
+    config.stackDetails.branch = initData.stackDetails?.branch ?? config.stackDetails.branch ?? "main";
+    handleClientUrlParams(
+      config,
+      initData.clientUrlParams ?? stackSdk.live_preview?.clientUrlParams ?? config.clientUrlParams
+    );
+  }
+};
+var handleUserConfig = {
+  clientUrlParams: handleClientUrlParams
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  handleInitData,
+  handleUserConfig
+});
+//# sourceMappingURL=handleUserConfig.cjs.map

package/dist/modern/utils/handleUserConfig.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/utils/handleUserConfig.ts"],"sourcesContent":["import { shouldRenderEditButton } from \".\";\nimport { PublicLogger } from \"./public-logger\";\nimport { IClientUrlParams, IConfig, IInitData, IStackSdk } from \"./types\";\n\nconst handleClientUrlParams = (\n    existingConfig: IConfig,\n    userConfig: Partial<IClientUrlParams>\n): void => {\n    existingConfig.clientUrlParams.host =\n        userConfig.host ?? existingConfig.clientUrlParams.host;\n    existingConfig.clientUrlParams.protocol =\n        userConfig.protocol ?? existingConfig.clientUrlParams.protocol;\n    existingConfig.clientUrlParams.port =\n        userConfig.port ?? existingConfig.clientUrlParams.port;\n\n    if (userConfig.protocol !== undefined && userConfig.port === undefined) {\n        switch (userConfig.protocol) {\n            case \"http\": {\n                existingConfig.clientUrlParams.port = 80;\n                break;\n            }\n            case \"https\": {\n                existingConfig.clientUrlParams.port = 443;\n                break;\n            }\n        }\n    }\n\n    // build url\n    let host = existingConfig.clientUrlParams.host;\n\n    if (host.endsWith(\"/\")) {\n        host = host.slice(0, -1);\n        existingConfig.clientUrlParams.host = host;\n    }\n\n    existingConfig.clientUrlParams.url = `${existingConfig.clientUrlParams.protocol}://${existingConfig.clientUrlParams.host}:${existingConfig.clientUrlParams.port}`;\n};\n\nfunction isInitDataStackSdk(\n    initObj: Partial<IConfig> | Partial<IStackSdk>\n): initObj is IStackSdk {\n    return Object.prototype.hasOwnProperty.call(initObj, \"cachePolicy\");\n}\n\nfunction isInitDataCommon(\n    initObj: Partial<IConfig> | Partial<IStackSdk>\n): initObj is IInitData {\n    return !isInitDataStackSdk(initObj);\n}\n\nexport const handleInitData = (\n    initData: Partial<IInitData> | Partial<IStackSdk>,\n    config: IConfig\n): void => {\n    // only have stack sdk\n    if (isInitDataStackSdk(initData)) {\n        PublicLogger.warn(\n            \"Deprecated: Do not pass the Stack object directly to the Live Preview SDK. Pass it using the config.stackSDK config object.\"\n        );\n\n        const livePreviewObject = initData?.live_preview || {};\n\n        // only stack indicates that user is running it on client side application\n        config.ssr = false;\n\n        config.runScriptsOnUpdate =\n            livePreviewObject.runScriptsOnUpdate ?? config.runScriptsOnUpdate;\n\n        config.enable = livePreviewObject.enable ?? config.enable;\n\n        config.cleanCslpOnProduction =\n            livePreviewObject.cleanCslpOnProduction ??\n            config.cleanCslpOnProduction;\n\n        config.editButton = {\n            enable: shouldRenderEditButton(\n                livePreviewObject.editButton ?? config.editButton\n            ),\n            // added extra check if exclude data passed by user is array or not\n            exclude:\n                Array.isArray(livePreviewObject.editButton?.exclude) &&\n                livePreviewObject.editButton?.exclude\n                    ? livePreviewObject.editButton?.exclude\n                    : config.editButton.exclude ?? [],\n            position:\n                livePreviewObject.editButton?.position ??\n                config.editButton.position ??\n                \"top\",\n\n            includeByQueryParameter:\n                livePreviewObject.editButton?.includeByQueryParameter ??\n                config.editButton.includeByQueryParameter ??\n                true,\n        };\n\n        config.stackSdk = initData;\n\n        // stack details\n        if (\n            Object.prototype.hasOwnProperty.call(initData.headers, \"api_key\") &&\n            initData.headers.api_key\n        )\n            config.stackDetails.apiKey = initData.headers.api_key;\n\n        if (Object.prototype.hasOwnProperty.call(initData, \"environment\")) {\n            config.stackDetails.environment = initData.environment;\n        }\n\n        if (Object.prototype.hasOwnProperty.call(initData, \"branch\")) {\n            config.stackDetails.branch = initData.branch;\n        }\n\n        // client URL params\n        handleClientUrlParams(\n            config,\n            livePreviewObject.clientUrlParams ?? config.clientUrlParams\n        );\n    } else if (isInitDataCommon(initData)) {\n        const stackSdk: Partial<IStackSdk> =\n            initData.stackSdk || config.stackSdk;\n\n        config.enable =\n            initData.enable ?? stackSdk.live_preview?.enable ?? config.enable;\n\n        config.ssr =\n            initData.ssr ??\n            stackSdk.live_preview?.ssr ??\n            (typeof initData.stackSdk === \"object\" ? false : true) ??\n            true;\n\n        config.runScriptsOnUpdate =\n            initData.runScriptsOnUpdate ??\n            stackSdk.live_preview?.runScriptsOnUpdate ??\n            config.runScriptsOnUpdate;\n\n        config.stackSdk = stackSdk as IStackSdk;\n\n        config.cleanCslpOnProduction =\n            initData.cleanCslpOnProduction ??\n            stackSdk.live_preview?.cleanCslpOnProduction ??\n            config.cleanCslpOnProduction;\n\n        config.editButton = {\n            enable: shouldRenderEditButton(\n                initData.editButton ??\n                    stackSdk.live_preview?.editButton ??\n                    config.editButton\n            ),\n            // added extra check if exclude data passed by user is array or not\n            exclude:\n                Array.isArray(initData.editButton?.exclude) &&\n                initData.editButton?.exclude\n                    ? initData.editButton?.exclude\n                    : Array.isArray(stackSdk.live_preview?.exclude) &&\n                      stackSdk.live_preview?.exclude\n                    ? stackSdk.live_preview?.exclude\n                    : config.editButton.exclude ?? [],\n            position:\n                initData.editButton?.position ??\n                stackSdk.live_preview?.position ??\n                config.editButton.position ??\n                \"top\",\n\n            includeByQueryParameter:\n                initData.editButton?.includeByQueryParameter ??\n                stackSdk.live_preview?.includeByQueryParameter ??\n                config.editButton.includeByQueryParameter ??\n                true,\n        };\n\n        config.stackDetails.apiKey =\n            initData.stackDetails?.apiKey ??\n            stackSdk.headers?.api_key ??\n            config.stackDetails.apiKey;\n\n        config.stackDetails.environment =\n            initData.stackDetails?.environment ??\n            stackSdk.environment ??\n            config.stackDetails.environment;\n\n        config.stackDetails.branch =\n            initData.stackDetails?.branch ??\n            config.stackDetails.branch ??\n            \"main\";\n\n        // client URL params\n        handleClientUrlParams(\n            config,\n            initData.clientUrlParams ??\n                stackSdk.live_preview?.clientUrlParams ??\n                config.clientUrlParams\n        );\n    }\n};\n\nexport const handleUserConfig = {\n    clientUrlParams: handleClientUrlParams,\n};\n"],"mappings":"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","names":[]}

package/dist/modern/utils/handleUserConfig.d.cts

@@ -0,0 +1,8 @@
+import { IInitData, IStackSdk, IConfig, IClientUrlParams } from './types.cjs';
+
+declare const handleInitData: (initData: Partial<IInitData> | Partial<IStackSdk>, config: IConfig) => void;
+declare const handleUserConfig: {
+    clientUrlParams: (existingConfig: IConfig, userConfig: Partial<IClientUrlParams>) => void;
+};
+
+export { handleInitData, handleUserConfig };

package/dist/modern/utils/handleUserConfig.d.ts

@@ -0,0 +1,8 @@
+import { IInitData, IStackSdk, IConfig, IClientUrlParams } from './types.js';
+
+declare const handleInitData: (initData: Partial<IInitData> | Partial<IStackSdk>, config: IConfig) => void;
+declare const handleUserConfig: {
+    clientUrlParams: (existingConfig: IConfig, userConfig: Partial<IClientUrlParams>) => void;
+};
+
+export { handleInitData, handleUserConfig };

package/dist/modern/utils/handleUserConfig.js

@@ -0,0 +1,97 @@
+// src/utils/handleUserConfig.ts
+import { shouldRenderEditButton } from "./index.js";
+import { PublicLogger } from "./public-logger.js";
+var handleClientUrlParams = (existingConfig, userConfig) => {
+  existingConfig.clientUrlParams.host = userConfig.host ?? existingConfig.clientUrlParams.host;
+  existingConfig.clientUrlParams.protocol = userConfig.protocol ?? existingConfig.clientUrlParams.protocol;
+  existingConfig.clientUrlParams.port = userConfig.port ?? existingConfig.clientUrlParams.port;
+  if (userConfig.protocol !== void 0 && userConfig.port === void 0) {
+    switch (userConfig.protocol) {
+      case "http": {
+        existingConfig.clientUrlParams.port = 80;
+        break;
+      }
+      case "https": {
+        existingConfig.clientUrlParams.port = 443;
+        break;
+      }
+    }
+  }
+  let host = existingConfig.clientUrlParams.host;
+  if (host.endsWith("/")) {
+    host = host.slice(0, -1);
+    existingConfig.clientUrlParams.host = host;
+  }
+  existingConfig.clientUrlParams.url = `${existingConfig.clientUrlParams.protocol}://${existingConfig.clientUrlParams.host}:${existingConfig.clientUrlParams.port}`;
+};
+function isInitDataStackSdk(initObj) {
+  return Object.prototype.hasOwnProperty.call(initObj, "cachePolicy");
+}
+function isInitDataCommon(initObj) {
+  return !isInitDataStackSdk(initObj);
+}
+var handleInitData = (initData, config) => {
+  if (isInitDataStackSdk(initData)) {
+    PublicLogger.warn(
+      "Deprecated: Do not pass the Stack object directly to the Live Preview SDK. Pass it using the config.stackSDK config object."
+    );
+    const livePreviewObject = initData?.live_preview || {};
+    config.ssr = false;
+    config.runScriptsOnUpdate = livePreviewObject.runScriptsOnUpdate ?? config.runScriptsOnUpdate;
+    config.enable = livePreviewObject.enable ?? config.enable;
+    config.cleanCslpOnProduction = livePreviewObject.cleanCslpOnProduction ?? config.cleanCslpOnProduction;
+    config.editButton = {
+      enable: shouldRenderEditButton(
+        livePreviewObject.editButton ?? config.editButton
+      ),
+      // added extra check if exclude data passed by user is array or not
+      exclude: Array.isArray(livePreviewObject.editButton?.exclude) && livePreviewObject.editButton?.exclude ? livePreviewObject.editButton?.exclude : config.editButton.exclude ?? [],
+      position: livePreviewObject.editButton?.position ?? config.editButton.position ?? "top",
+      includeByQueryParameter: livePreviewObject.editButton?.includeByQueryParameter ?? config.editButton.includeByQueryParameter ?? true
+    };
+    config.stackSdk = initData;
+    if (Object.prototype.hasOwnProperty.call(initData.headers, "api_key") && initData.headers.api_key)
+      config.stackDetails.apiKey = initData.headers.api_key;
+    if (Object.prototype.hasOwnProperty.call(initData, "environment")) {
+      config.stackDetails.environment = initData.environment;
+    }
+    if (Object.prototype.hasOwnProperty.call(initData, "branch")) {
+      config.stackDetails.branch = initData.branch;
+    }
+    handleClientUrlParams(
+      config,
+      livePreviewObject.clientUrlParams ?? config.clientUrlParams
+    );
+  } else if (isInitDataCommon(initData)) {
+    const stackSdk = initData.stackSdk || config.stackSdk;
+    config.enable = initData.enable ?? stackSdk.live_preview?.enable ?? config.enable;
+    config.ssr = initData.ssr ?? stackSdk.live_preview?.ssr ?? (typeof initData.stackSdk === "object" ? false : true) ?? true;
+    config.runScriptsOnUpdate = initData.runScriptsOnUpdate ?? stackSdk.live_preview?.runScriptsOnUpdate ?? config.runScriptsOnUpdate;
+    config.stackSdk = stackSdk;
+    config.cleanCslpOnProduction = initData.cleanCslpOnProduction ?? stackSdk.live_preview?.cleanCslpOnProduction ?? config.cleanCslpOnProduction;
+    config.editButton = {
+      enable: shouldRenderEditButton(
+        initData.editButton ?? stackSdk.live_preview?.editButton ?? config.editButton
+      ),
+      // added extra check if exclude data passed by user is array or not
+      exclude: Array.isArray(initData.editButton?.exclude) && initData.editButton?.exclude ? initData.editButton?.exclude : Array.isArray(stackSdk.live_preview?.exclude) && stackSdk.live_preview?.exclude ? stackSdk.live_preview?.exclude : config.editButton.exclude ?? [],
+      position: initData.editButton?.position ?? stackSdk.live_preview?.position ?? config.editButton.position ?? "top",
+      includeByQueryParameter: initData.editButton?.includeByQueryParameter ?? stackSdk.live_preview?.includeByQueryParameter ?? config.editButton.includeByQueryParameter ?? true
+    };
+    config.stackDetails.apiKey = initData.stackDetails?.apiKey ?? stackSdk.headers?.api_key ?? config.stackDetails.apiKey;
+    config.stackDetails.environment = initData.stackDetails?.environment ?? stackSdk.environment ?? config.stackDetails.environment;
+    config.stackDetails.branch = initData.stackDetails?.branch ?? config.stackDetails.branch ?? "main";
+    handleClientUrlParams(
+      config,
+      initData.clientUrlParams ?? stackSdk.live_preview?.clientUrlParams ?? config.clientUrlParams
+    );
+  }
+};
+var handleUserConfig = {
+  clientUrlParams: handleClientUrlParams
+};
+export {
+  handleInitData,
+  handleUserConfig
+};
+//# sourceMappingURL=handleUserConfig.js.map

package/dist/modern/utils/handleUserConfig.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/utils/handleUserConfig.ts"],"sourcesContent":["import { shouldRenderEditButton } from \".\";\nimport { PublicLogger } from \"./public-logger\";\nimport { IClientUrlParams, IConfig, IInitData, IStackSdk } from \"./types\";\n\nconst handleClientUrlParams = (\n    existingConfig: IConfig,\n    userConfig: Partial<IClientUrlParams>\n): void => {\n    existingConfig.clientUrlParams.host =\n        userConfig.host ?? existingConfig.clientUrlParams.host;\n    existingConfig.clientUrlParams.protocol =\n        userConfig.protocol ?? existingConfig.clientUrlParams.protocol;\n    existingConfig.clientUrlParams.port =\n        userConfig.port ?? existingConfig.clientUrlParams.port;\n\n    if (userConfig.protocol !== undefined && userConfig.port === undefined) {\n        switch (userConfig.protocol) {\n            case \"http\": {\n                existingConfig.clientUrlParams.port = 80;\n                break;\n            }\n            case \"https\": {\n                existingConfig.clientUrlParams.port = 443;\n                break;\n            }\n        }\n    }\n\n    // build url\n    let host = existingConfig.clientUrlParams.host;\n\n    if (host.endsWith(\"/\")) {\n        host = host.slice(0, -1);\n        existingConfig.clientUrlParams.host = host;\n    }\n\n    existingConfig.clientUrlParams.url = `${existingConfig.clientUrlParams.protocol}://${existingConfig.clientUrlParams.host}:${existingConfig.clientUrlParams.port}`;\n};\n\nfunction isInitDataStackSdk(\n    initObj: Partial<IConfig> | Partial<IStackSdk>\n): initObj is IStackSdk {\n    return Object.prototype.hasOwnProperty.call(initObj, \"cachePolicy\");\n}\n\nfunction isInitDataCommon(\n    initObj: Partial<IConfig> | Partial<IStackSdk>\n): initObj is IInitData {\n    return !isInitDataStackSdk(initObj);\n}\n\nexport const handleInitData = (\n    initData: Partial<IInitData> | Partial<IStackSdk>,\n    config: IConfig\n): void => {\n    // only have stack sdk\n    if (isInitDataStackSdk(initData)) {\n        PublicLogger.warn(\n            \"Deprecated: Do not pass the Stack object directly to the Live Preview SDK. Pass it using the config.stackSDK config object.\"\n        );\n\n        const livePreviewObject = initData?.live_preview || {};\n\n        // only stack indicates that user is running it on client side application\n        config.ssr = false;\n\n        config.runScriptsOnUpdate =\n            livePreviewObject.runScriptsOnUpdate ?? config.runScriptsOnUpdate;\n\n        config.enable = livePreviewObject.enable ?? config.enable;\n\n        config.cleanCslpOnProduction =\n            livePreviewObject.cleanCslpOnProduction ??\n            config.cleanCslpOnProduction;\n\n        config.editButton = {\n            enable: shouldRenderEditButton(\n                livePreviewObject.editButton ?? config.editButton\n            ),\n            // added extra check if exclude data passed by user is array or not\n            exclude:\n                Array.isArray(livePreviewObject.editButton?.exclude) &&\n                livePreviewObject.editButton?.exclude\n                    ? livePreviewObject.editButton?.exclude\n                    : config.editButton.exclude ?? [],\n            position:\n                livePreviewObject.editButton?.position ??\n                config.editButton.position ??\n                \"top\",\n\n            includeByQueryParameter:\n                livePreviewObject.editButton?.includeByQueryParameter ??\n                config.editButton.includeByQueryParameter ??\n                true,\n        };\n\n        config.stackSdk = initData;\n\n        // stack details\n        if (\n            Object.prototype.hasOwnProperty.call(initData.headers, \"api_key\") &&\n            initData.headers.api_key\n        )\n            config.stackDetails.apiKey = initData.headers.api_key;\n\n        if (Object.prototype.hasOwnProperty.call(initData, \"environment\")) {\n            config.stackDetails.environment = initData.environment;\n        }\n\n        if (Object.prototype.hasOwnProperty.call(initData, \"branch\")) {\n            config.stackDetails.branch = initData.branch;\n        }\n\n        // client URL params\n        handleClientUrlParams(\n            config,\n            livePreviewObject.clientUrlParams ?? config.clientUrlParams\n        );\n    } else if (isInitDataCommon(initData)) {\n        const stackSdk: Partial<IStackSdk> =\n            initData.stackSdk || config.stackSdk;\n\n        config.enable =\n            initData.enable ?? stackSdk.live_preview?.enable ?? config.enable;\n\n        config.ssr =\n            initData.ssr ??\n            stackSdk.live_preview?.ssr ??\n            (typeof initData.stackSdk === \"object\" ? false : true) ??\n            true;\n\n        config.runScriptsOnUpdate =\n            initData.runScriptsOnUpdate ??\n            stackSdk.live_preview?.runScriptsOnUpdate ??\n            config.runScriptsOnUpdate;\n\n        config.stackSdk = stackSdk as IStackSdk;\n\n        config.cleanCslpOnProduction =\n            initData.cleanCslpOnProduction ??\n            stackSdk.live_preview?.cleanCslpOnProduction ??\n            config.cleanCslpOnProduction;\n\n        config.editButton = {\n            enable: shouldRenderEditButton(\n                initData.editButton ??\n                    stackSdk.live_preview?.editButton ??\n                    config.editButton\n            ),\n            // added extra check if exclude data passed by user is array or not\n            exclude:\n                Array.isArray(initData.editButton?.exclude) &&\n                initData.editButton?.exclude\n                    ? initData.editButton?.exclude\n                    : Array.isArray(stackSdk.live_preview?.exclude) &&\n                      stackSdk.live_preview?.exclude\n                    ? stackSdk.live_preview?.exclude\n                    : config.editButton.exclude ?? [],\n            position:\n                initData.editButton?.position ??\n                stackSdk.live_preview?.position ??\n                config.editButton.position ??\n                \"top\",\n\n            includeByQueryParameter:\n                initData.editButton?.includeByQueryParameter ??\n                stackSdk.live_preview?.includeByQueryParameter ??\n                config.editButton.includeByQueryParameter ??\n                true,\n        };\n\n        config.stackDetails.apiKey =\n            initData.stackDetails?.apiKey ??\n            stackSdk.headers?.api_key ??\n            config.stackDetails.apiKey;\n\n        config.stackDetails.environment =\n            initData.stackDetails?.environment ??\n            stackSdk.environment ??\n            config.stackDetails.environment;\n\n        config.stackDetails.branch =\n            initData.stackDetails?.branch ??\n            config.stackDetails.branch ??\n            \"main\";\n\n        // client URL params\n        handleClientUrlParams(\n            config,\n            initData.clientUrlParams ??\n                stackSdk.live_preview?.clientUrlParams ??\n                config.clientUrlParams\n        );\n    }\n};\n\nexport const handleUserConfig = {\n    clientUrlParams: handleClientUrlParams,\n};\n"],"mappings":"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","names":[]}

package/dist/modern/utils/index.cjs

@@ -0,0 +1,240 @@
+"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/utils/index.ts
+var utils_exports = {};
+__export(utils_exports, {
+  addLivePreviewQueryTags: () => addLivePreviewQueryTags,
+  createMultipleEditButton: () => createMultipleEditButton,
+  createSingularEditButton: () => createSingularEditButton,
+  getEditButtonPosition: () => getEditButtonPosition,
+  hasWindow: () => hasWindow,
+  shouldRenderEditButton: () => shouldRenderEditButton,
+  tooltipMultipleInnerHtml: () => tooltipMultipleInnerHtml,
+  tooltipSingularInnerHtml: () => tooltipSingularInnerHtml
+});
+module.exports = __toCommonJS(utils_exports);
+var import_live_preview = require("../styles/live_preview.cjs");
+var import_public_logger = require("./public-logger.cjs");
+function hasWindow() {
+  return typeof window !== "undefined";
+}
+var tooltipSingularInnerHtml = `<div class="singular edit-button">
+    <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <path d="M8.1 3.5L0.3 11.3C0.1 11.5 0 11.7 0 12V15C0 15.6 0.4 16 1 16H4C4.3 16 4.5 15.9 4.7 15.7L12.5 7.9L8.1 3.5Z" fill="#718096"></path>
+      <path d="M15.7 3.3L12.7 0.3C12.3 -0.1 11.7 -0.1 11.3 0.3L9.5 2.1L13.9 6.5L15.7 4.7C16.1 4.3 16.1 3.7 15.7 3.3Z" fill="#718096"></path>
+    </svg>Edit
+  </div>`;
+var tooltipMultipleInnerHtml = `<div class="edit-button" title="edit">
+    <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <path d="M8.1 3.5L0.3 11.3C0.1 11.5 0 11.7 0 12V15C0 15.6 0.4 16 1 16H4C4.3 16 4.5 15.9 4.7 15.7L12.5 7.9L8.1 3.5Z" fill="#718096"></path>
+      <path d="M15.7 3.3L12.7 0.3C12.3 -0.1 11.7 -0.1 11.3 0.3L9.5 2.1L13.9 6.5L15.7 4.7C16.1 4.3 16.1 3.7 15.7 3.3Z" fill="#718096"></path>
+    </svg>
+  </div>
+  <div title="click element" class="external-link-button">
+    <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <path d="M2.66654 2.66758H13.3332V13.3342H6.66654V16.0009H13.3332C14.0405 16.0009 14.7187 15.72 15.2188 15.2199C15.7189 14.7198 15.9999 14.0415 15.9999 13.3342V2.66758C15.9999 1.96034 15.7189 1.28206 15.2188 0.781964C14.7187 0.281867 14.0405 0.000915527 13.3332 0.000915527H2.66654C1.9593 0.000915527 1.28102 0.281867 0.780927 0.781964C0.280829 1.28206 -0.00012207 1.96034 -0.00012207 2.66758V9.33425H2.66654V2.66758Z" fill="#718096" />
+      <path d="M6.94263 7.05734L0.999958 13L2.88529 14.8853L8.82796 8.94267L10.8853 11V5.00001H4.88529L6.94263 7.05734Z" fill="#718096" />
+    </svg>
+  </div>`;
+var createSingularEditButton = (editCallback) => {
+  const singularEditButton = document.createElement("div");
+  singularEditButton.classList.add("cslp-tooltip-child", "singular");
+  singularEditButton.setAttribute(
+    "data-test-id",
+    "cslp-singular-edit-button"
+  );
+  singularEditButton.innerHTML = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <path d="M8.1 3.5L0.3 11.3C0.1 11.5 0 11.7 0 12V15C0 15.6 0.4 16 1 16H4C4.3 16 4.5 15.9 4.7 15.7L12.5 7.9L8.1 3.5Z" fill="#718096"></path>
+      <path d="M15.7 3.3L12.7 0.3C12.3 -0.1 11.7 -0.1 11.3 0.3L9.5 2.1L13.9 6.5L15.7 4.7C16.1 4.3 16.1 3.7 15.7 3.3Z" fill="#718096"></path>
+    </svg>Edit`;
+  singularEditButton.addEventListener("click", editCallback);
+  return singularEditButton;
+};
+var createMultipleEditButton = (editCallback, linkCallback) => {
+  const multipleEditButton = document.createElement("div");
+  multipleEditButton.classList.add("cslp-tooltip-child");
+  multipleEditButton.setAttribute("data-title", "Edit");
+  multipleEditButton.setAttribute(
+    "data-test-id",
+    "cslp-multiple-edit-button"
+  );
+  multipleEditButton.innerHTML = ` <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <path d="M8.1 3.5L0.3 11.3C0.1 11.5 0 11.7 0 12V15C0 15.6 0.4 16 1 16H4C4.3 16 4.5 15.9 4.7 15.7L12.5 7.9L8.1 3.5Z" fill="#718096"></path>
+      <path d="M15.7 3.3L12.7 0.3C12.3 -0.1 11.7 -0.1 11.3 0.3L9.5 2.1L13.9 6.5L15.7 4.7C16.1 4.3 16.1 3.7 15.7 3.3Z" fill="#718096"></path>
+    </svg>`;
+  multipleEditButton.addEventListener("click", editCallback);
+  const multipleExternalLinkButton = document.createElement("div");
+  multipleExternalLinkButton.classList.add("cslp-tooltip-child");
+  multipleExternalLinkButton.setAttribute("data-title", "Go to link");
+  multipleExternalLinkButton.setAttribute(
+    "data-test-id",
+    "cslp-multiple-external-link-button"
+  );
+  multipleExternalLinkButton.innerHTML = ` <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <path d="M2.66654 2.66758H13.3332V13.3342H6.66654V16.0009H13.3332C14.0405 16.0009 14.7187 15.72 15.2188 15.2199C15.7189 14.7198 15.9999 14.0415 15.9999 13.3342V2.66758C15.9999 1.96034 15.7189 1.28206 15.2188 0.781964C14.7187 0.281867 14.0405 0.000915527 13.3332 0.000915527H2.66654C1.9593 0.000915527 1.28102 0.281867 0.780927 0.781964C0.280829 1.28206 -0.00012207 1.96034 -0.00012207 2.66758V9.33425H2.66654V2.66758Z" fill="#718096" />
+      <path d="M6.94263 7.05734L0.999958 13L2.88529 14.8853L8.82796 8.94267L10.8853 11V5.00001H4.88529L6.94263 7.05734Z" fill="#718096" />
+    </svg>`;
+  multipleExternalLinkButton.addEventListener("click", linkCallback);
+  const multipleEditFragment = document.createDocumentFragment();
+  multipleEditFragment.appendChild(multipleEditButton);
+  multipleEditFragment.appendChild(multipleExternalLinkButton);
+  const multipleDiv = document.createElement("div");
+  multipleDiv.appendChild(multipleEditFragment);
+  multipleDiv.classList.add((0, import_live_preview.livePreviewStyles)()["multiple"]);
+  return multipleDiv;
+};
+function addLivePreviewQueryTags(link) {
+  try {
+    const docUrl = new URL(document.location.href);
+    const newUrl = new URL(link);
+    const livePreviewHash = docUrl.searchParams.get("live_preview");
+    const ctUid = docUrl.searchParams.get("content_type_uid");
+    const entryUid = docUrl.searchParams.get("entry_uid");
+    if (livePreviewHash && ctUid && entryUid) {
+      newUrl.searchParams.set("live_preview", livePreviewHash);
+      newUrl.searchParams.set("content_type_uid", ctUid);
+      newUrl.searchParams.set("entry_uid", entryUid);
+    }
+    return newUrl.href;
+  } catch (error) {
+    import_public_logger.PublicLogger.error("Error while adding live preview to URL");
+    return link;
+  }
+}
+function inIframe() {
+  return window.location !== window.parent.location;
+}
+function shouldRenderEditButton(editButton) {
+  if (!editButton.enable) {
+    if (editButton.enable === void 0)
+      import_public_logger.PublicLogger.error(
+        "enable key is required inside editButton object"
+      );
+    return false;
+  }
+  try {
+    const currentLocation = new URL(window.location.href);
+    const cslpButtonQueryValue = currentLocation.searchParams.get("cslp-buttons");
+    if (cslpButtonQueryValue !== null && editButton.includeByQueryParameter !== false)
+      return cslpButtonQueryValue === "false" ? false : true;
+  } catch (error) {
+    import_public_logger.PublicLogger.error(error);
+  }
+  if (inIframe() && editButton.exclude?.find(
+    (exclude) => exclude === "insideLivePreviewPortal"
+  )) {
+    return false;
+  } else if (inIframe()) {
+    return true;
+  }
+  if (editButton.exclude?.find(
+    (exclude) => exclude === "outsideLivePreviewPortal"
+  )) {
+    return false;
+  }
+  return true;
+}
+function getEditButtonPosition(currentHoveredElement, defaultPosition) {
+  if (!currentHoveredElement)
+    return { upperBoundOfTooltip: 0, leftBoundOfTooltip: 0 };
+  const cslpButtonPosition = currentHoveredElement.getAttribute(
+    "data-cslp-button-position"
+  );
+  if (cslpButtonPosition) {
+    return calculateEditButtonPosition(
+      currentHoveredElement,
+      cslpButtonPosition
+    );
+  }
+  return calculateEditButtonPosition(
+    currentHoveredElement,
+    defaultPosition || "top"
+  );
+}
+function calculateEditButtonPosition(currentHoveredElement, cslpButtonPosition) {
+  const editButtonPosition = {
+    upperBoundOfTooltip: 0,
+    leftBoundOfTooltip: 0
+  };
+  const currentRectOfElement = currentHoveredElement.getBoundingClientRect();
+  try {
+    const buttonMeasurementValues = {
+      width: 72,
+      halfWidth: 36,
+      height: 40,
+      basicMargin: 5,
+      widthWithMargin: 77
+    };
+    switch (cslpButtonPosition) {
+      case "top-center":
+        editButtonPosition.upperBoundOfTooltip = currentRectOfElement.top - buttonMeasurementValues.height;
+        editButtonPosition.leftBoundOfTooltip = currentRectOfElement.width / 2 - buttonMeasurementValues.halfWidth + currentRectOfElement.left;
+        break;
+      case "top-right":
+        editButtonPosition.upperBoundOfTooltip = currentRectOfElement.top - buttonMeasurementValues.height;
+        editButtonPosition.leftBoundOfTooltip = currentRectOfElement.right - buttonMeasurementValues.width;
+        break;
+      case "right":
+        editButtonPosition.upperBoundOfTooltip = currentRectOfElement.top - buttonMeasurementValues.basicMargin;
+        editButtonPosition.leftBoundOfTooltip = currentRectOfElement.right + buttonMeasurementValues.basicMargin;
+        break;
+      case "bottom":
+        editButtonPosition.upperBoundOfTooltip = currentRectOfElement.bottom + buttonMeasurementValues.basicMargin;
+        editButtonPosition.leftBoundOfTooltip = currentRectOfElement.left - buttonMeasurementValues.basicMargin;
+        break;
+      case "bottom-left":
+        editButtonPosition.upperBoundOfTooltip = currentRectOfElement.bottom + buttonMeasurementValues.basicMargin;
+        editButtonPosition.leftBoundOfTooltip = currentRectOfElement.left - buttonMeasurementValues.basicMargin;
+        break;
+      case "bottom-center":
+        editButtonPosition.upperBoundOfTooltip = currentRectOfElement.bottom + buttonMeasurementValues.basicMargin;
+        editButtonPosition.leftBoundOfTooltip = currentRectOfElement.width / 2 - buttonMeasurementValues.halfWidth + currentRectOfElement.left;
+        break;
+      case "bottom-right":
+        editButtonPosition.upperBoundOfTooltip = currentRectOfElement.bottom + buttonMeasurementValues.basicMargin;
+        editButtonPosition.leftBoundOfTooltip = currentRectOfElement.right - buttonMeasurementValues.width;
+        break;
+      case "left":
+        editButtonPosition.upperBoundOfTooltip = currentRectOfElement.top - buttonMeasurementValues.basicMargin;
+        editButtonPosition.leftBoundOfTooltip = currentRectOfElement.left - buttonMeasurementValues.widthWithMargin;
+        break;
+      default:
+        editButtonPosition.upperBoundOfTooltip = currentRectOfElement.top - buttonMeasurementValues.height;
+        editButtonPosition.leftBoundOfTooltip = currentRectOfElement.left - buttonMeasurementValues.basicMargin;
+        break;
+    }
+    return editButtonPosition;
+  } catch (error) {
+    import_public_logger.PublicLogger.error(error);
+    return editButtonPosition;
+  }
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  addLivePreviewQueryTags,
+  createMultipleEditButton,
+  createSingularEditButton,
+  getEditButtonPosition,
+  hasWindow,
+  shouldRenderEditButton,
+  tooltipMultipleInnerHtml,
+  tooltipSingularInnerHtml
+});
+//# sourceMappingURL=index.cjs.map

package/dist/modern/utils/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/utils/index.ts"],"sourcesContent":["import { livePreviewStyles } from \"../styles/live_preview\";\nimport { PublicLogger } from \"./public-logger\";\nimport { IConfigEditButton, IEditButtonPosition } from \"./types\";\n\nexport function hasWindow(): boolean {\n    return typeof window !== \"undefined\";\n}\n\nexport const tooltipSingularInnerHtml = `<div class=\"singular edit-button\">\n    <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path d=\"M8.1 3.5L0.3 11.3C0.1 11.5 0 11.7 0 12V15C0 15.6 0.4 16 1 16H4C4.3 16 4.5 15.9 4.7 15.7L12.5 7.9L8.1 3.5Z\" fill=\"#718096\"></path>\n      <path d=\"M15.7 3.3L12.7 0.3C12.3 -0.1 11.7 -0.1 11.3 0.3L9.5 2.1L13.9 6.5L15.7 4.7C16.1 4.3 16.1 3.7 15.7 3.3Z\" fill=\"#718096\"></path>\n    </svg>Edit\n  </div>`;\n\nexport const tooltipMultipleInnerHtml = `<div class=\"edit-button\" title=\"edit\">\n    <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path d=\"M8.1 3.5L0.3 11.3C0.1 11.5 0 11.7 0 12V15C0 15.6 0.4 16 1 16H4C4.3 16 4.5 15.9 4.7 15.7L12.5 7.9L8.1 3.5Z\" fill=\"#718096\"></path>\n      <path d=\"M15.7 3.3L12.7 0.3C12.3 -0.1 11.7 -0.1 11.3 0.3L9.5 2.1L13.9 6.5L15.7 4.7C16.1 4.3 16.1 3.7 15.7 3.3Z\" fill=\"#718096\"></path>\n    </svg>\n  </div>\n  <div title=\"click element\" class=\"external-link-button\">\n    <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path d=\"M2.66654 2.66758H13.3332V13.3342H6.66654V16.0009H13.3332C14.0405 16.0009 14.7187 15.72 15.2188 15.2199C15.7189 14.7198 15.9999 14.0415 15.9999 13.3342V2.66758C15.9999 1.96034 15.7189 1.28206 15.2188 0.781964C14.7187 0.281867 14.0405 0.000915527 13.3332 0.000915527H2.66654C1.9593 0.000915527 1.28102 0.281867 0.780927 0.781964C0.280829 1.28206 -0.00012207 1.96034 -0.00012207 2.66758V9.33425H2.66654V2.66758Z\" fill=\"#718096\" />\n      <path d=\"M6.94263 7.05734L0.999958 13L2.88529 14.8853L8.82796 8.94267L10.8853 11V5.00001H4.88529L6.94263 7.05734Z\" fill=\"#718096\" />\n    </svg>\n  </div>`;\n\nexport const createSingularEditButton = (\n    editCallback: (e: MouseEvent) => void\n): HTMLDivElement => {\n    const singularEditButton = document.createElement(\"div\");\n    singularEditButton.classList.add(\"cslp-tooltip-child\", \"singular\");\n    singularEditButton.setAttribute(\n        \"data-test-id\",\n        \"cslp-singular-edit-button\"\n    );\n    singularEditButton.innerHTML = `<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path d=\"M8.1 3.5L0.3 11.3C0.1 11.5 0 11.7 0 12V15C0 15.6 0.4 16 1 16H4C4.3 16 4.5 15.9 4.7 15.7L12.5 7.9L8.1 3.5Z\" fill=\"#718096\"></path>\n      <path d=\"M15.7 3.3L12.7 0.3C12.3 -0.1 11.7 -0.1 11.3 0.3L9.5 2.1L13.9 6.5L15.7 4.7C16.1 4.3 16.1 3.7 15.7 3.3Z\" fill=\"#718096\"></path>\n    </svg>Edit`;\n\n    singularEditButton.addEventListener(\"click\", editCallback);\n\n    return singularEditButton;\n};\n\nexport const createMultipleEditButton = (\n    editCallback: (e: MouseEvent) => void,\n    linkCallback: (e: MouseEvent) => void\n): HTMLDivElement => {\n    const multipleEditButton = document.createElement(\"div\");\n    multipleEditButton.classList.add(\"cslp-tooltip-child\");\n    multipleEditButton.setAttribute(\"data-title\", \"Edit\");\n    multipleEditButton.setAttribute(\n        \"data-test-id\",\n        \"cslp-multiple-edit-button\"\n    );\n    multipleEditButton.innerHTML = ` <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path d=\"M8.1 3.5L0.3 11.3C0.1 11.5 0 11.7 0 12V15C0 15.6 0.4 16 1 16H4C4.3 16 4.5 15.9 4.7 15.7L12.5 7.9L8.1 3.5Z\" fill=\"#718096\"></path>\n      <path d=\"M15.7 3.3L12.7 0.3C12.3 -0.1 11.7 -0.1 11.3 0.3L9.5 2.1L13.9 6.5L15.7 4.7C16.1 4.3 16.1 3.7 15.7 3.3Z\" fill=\"#718096\"></path>\n    </svg>`;\n\n    multipleEditButton.addEventListener(\"click\", editCallback);\n\n    const multipleExternalLinkButton = document.createElement(\"div\");\n    multipleExternalLinkButton.classList.add(\"cslp-tooltip-child\");\n    multipleExternalLinkButton.setAttribute(\"data-title\", \"Go to link\");\n    multipleExternalLinkButton.setAttribute(\n        \"data-test-id\",\n        \"cslp-multiple-external-link-button\"\n    );\n    multipleExternalLinkButton.innerHTML = ` <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path d=\"M2.66654 2.66758H13.3332V13.3342H6.66654V16.0009H13.3332C14.0405 16.0009 14.7187 15.72 15.2188 15.2199C15.7189 14.7198 15.9999 14.0415 15.9999 13.3342V2.66758C15.9999 1.96034 15.7189 1.28206 15.2188 0.781964C14.7187 0.281867 14.0405 0.000915527 13.3332 0.000915527H2.66654C1.9593 0.000915527 1.28102 0.281867 0.780927 0.781964C0.280829 1.28206 -0.00012207 1.96034 -0.00012207 2.66758V9.33425H2.66654V2.66758Z\" fill=\"#718096\" />\n      <path d=\"M6.94263 7.05734L0.999958 13L2.88529 14.8853L8.82796 8.94267L10.8853 11V5.00001H4.88529L6.94263 7.05734Z\" fill=\"#718096\" />\n    </svg>`;\n\n    multipleExternalLinkButton.addEventListener(\"click\", linkCallback);\n\n    const multipleEditFragment = document.createDocumentFragment();\n    multipleEditFragment.appendChild(multipleEditButton);\n    multipleEditFragment.appendChild(multipleExternalLinkButton);\n\n    const multipleDiv = document.createElement(\"div\");\n    multipleDiv.appendChild(multipleEditFragment);\n    multipleDiv.classList.add(livePreviewStyles()[\"multiple\"]);\n\n    return multipleDiv;\n};\n\nexport function addLivePreviewQueryTags(link: string): string {\n    try {\n        const docUrl: URL = new URL(document.location.href);\n        const newUrl: URL = new URL(link);\n        const livePreviewHash: string | null =\n            docUrl.searchParams.get(\"live_preview\");\n        const ctUid: string | null =\n            docUrl.searchParams.get(\"content_type_uid\");\n        const entryUid: string | null = docUrl.searchParams.get(\"entry_uid\");\n        if (livePreviewHash && ctUid && entryUid) {\n            newUrl.searchParams.set(\"live_preview\", livePreviewHash);\n            newUrl.searchParams.set(\"content_type_uid\", ctUid);\n            newUrl.searchParams.set(\"entry_uid\", entryUid);\n        }\n        return newUrl.href;\n    } catch (error) {\n        PublicLogger.error(\"Error while adding live preview to URL\");\n        return link;\n    }\n}\n\nfunction inIframe() {\n    return window.location !== window.parent.location;\n}\n\nexport function shouldRenderEditButton(editButton: IConfigEditButton): boolean {\n    if (!editButton.enable) {\n        if (editButton.enable === undefined)\n            PublicLogger.error(\n                \"enable key is required inside editButton object\"\n            );\n        return false;\n    }\n\n    // return boolean in case of cslp-buttons query added in url\n    try {\n        const currentLocation = new URL(window.location.href);\n        const cslpButtonQueryValue =\n            currentLocation.searchParams.get(\"cslp-buttons\");\n        if (\n            cslpButtonQueryValue !== null &&\n            editButton.includeByQueryParameter !== false\n        )\n            return cslpButtonQueryValue === \"false\" ? false : true;\n    } catch (error) {\n        PublicLogger.error(error);\n    }\n\n    // case if inside live preview\n    if (\n        inIframe() &&\n        editButton.exclude?.find(\n            (exclude) => exclude === \"insideLivePreviewPortal\"\n        )\n    ) {\n        return false;\n    } else if (inIframe()) {\n        return true;\n    }\n\n    // case outside live preview\n    if (\n        editButton.exclude?.find(\n            (exclude) => exclude === \"outsideLivePreviewPortal\"\n        )\n    ) {\n        return false;\n    }\n\n    // Priority list => 1. cslpEditButton query value 2.  Inside live preview  3. renderCslpButtonByDefault value selected by user\n    return true;\n}\n\nexport function getEditButtonPosition(\n    currentHoveredElement: HTMLElement | null,\n    defaultPosition: string | undefined\n): IEditButtonPosition {\n    if (!currentHoveredElement)\n        return { upperBoundOfTooltip: 0, leftBoundOfTooltip: 0 };\n\n    const cslpButtonPosition = currentHoveredElement.getAttribute(\n        \"data-cslp-button-position\"\n    );\n    if (cslpButtonPosition) {\n        return calculateEditButtonPosition(\n            currentHoveredElement,\n            cslpButtonPosition\n        );\n    }\n\n    // NOTE: position \"top\" and \"top-left\" will be the position of edit button if no default position passed in config\n    return calculateEditButtonPosition(\n        currentHoveredElement,\n        defaultPosition || \"top\"\n    );\n}\n\nfunction calculateEditButtonPosition(\n    currentHoveredElement: HTMLElement,\n    cslpButtonPosition: string\n): IEditButtonPosition {\n    const editButtonPosition: IEditButtonPosition = {\n        upperBoundOfTooltip: 0,\n        leftBoundOfTooltip: 0,\n    };\n    const currentRectOfElement = currentHoveredElement.getBoundingClientRect();\n    try {\n        const buttonMeasurementValues = {\n            width: 72,\n            halfWidth: 36,\n            height: 40,\n            basicMargin: 5,\n            widthWithMargin: 77,\n        };\n\n        switch (cslpButtonPosition) {\n            case \"top-center\":\n                editButtonPosition.upperBoundOfTooltip =\n                    currentRectOfElement.top - buttonMeasurementValues.height;\n                editButtonPosition.leftBoundOfTooltip =\n                    currentRectOfElement.width / 2 -\n                    buttonMeasurementValues.halfWidth +\n                    currentRectOfElement.left;\n                break;\n            case \"top-right\":\n                editButtonPosition.upperBoundOfTooltip =\n                    currentRectOfElement.top - buttonMeasurementValues.height;\n                editButtonPosition.leftBoundOfTooltip =\n                    currentRectOfElement.right - buttonMeasurementValues.width;\n                break;\n            case \"right\":\n                editButtonPosition.upperBoundOfTooltip =\n                    currentRectOfElement.top -\n                    buttonMeasurementValues.basicMargin;\n                editButtonPosition.leftBoundOfTooltip =\n                    currentRectOfElement.right +\n                    buttonMeasurementValues.basicMargin;\n                break;\n            case \"bottom\":\n                editButtonPosition.upperBoundOfTooltip =\n                    currentRectOfElement.bottom +\n                    buttonMeasurementValues.basicMargin;\n                editButtonPosition.leftBoundOfTooltip =\n                    currentRectOfElement.left -\n                    buttonMeasurementValues.basicMargin;\n                break;\n            case \"bottom-left\":\n                editButtonPosition.upperBoundOfTooltip =\n                    currentRectOfElement.bottom +\n                    buttonMeasurementValues.basicMargin;\n                editButtonPosition.leftBoundOfTooltip =\n                    currentRectOfElement.left -\n                    buttonMeasurementValues.basicMargin;\n                break;\n            case \"bottom-center\":\n                editButtonPosition.upperBoundOfTooltip =\n                    currentRectOfElement.bottom +\n                    buttonMeasurementValues.basicMargin;\n                editButtonPosition.leftBoundOfTooltip =\n                    currentRectOfElement.width / 2 -\n                    buttonMeasurementValues.halfWidth +\n                    currentRectOfElement.left;\n                break;\n            case \"bottom-right\":\n                editButtonPosition.upperBoundOfTooltip =\n                    currentRectOfElement.bottom +\n                    buttonMeasurementValues.basicMargin;\n                editButtonPosition.leftBoundOfTooltip =\n                    currentRectOfElement.right - buttonMeasurementValues.width;\n                break;\n            case \"left\":\n                editButtonPosition.upperBoundOfTooltip =\n                    currentRectOfElement.top -\n                    buttonMeasurementValues.basicMargin;\n                editButtonPosition.leftBoundOfTooltip =\n                    currentRectOfElement.left -\n                    buttonMeasurementValues.widthWithMargin;\n                break;\n            // default position => top, top-left or any other string\n            default:\n                editButtonPosition.upperBoundOfTooltip =\n                    currentRectOfElement.top - buttonMeasurementValues.height;\n                editButtonPosition.leftBoundOfTooltip =\n                    currentRectOfElement.left -\n                    buttonMeasurementValues.basicMargin;\n                break;\n        }\n        return editButtonPosition;\n    } catch (error) {\n        PublicLogger.error(error);\n        return editButtonPosition;\n    }\n}\n"],"mappings":"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","names":[]}

package/dist/modern/utils/index.d.cts

@@ -0,0 +1,12 @@
+import { IConfigEditButton, IEditButtonPosition } from './types.cjs';
+
+declare function hasWindow(): boolean;
+declare const tooltipSingularInnerHtml = "<div class=\"singular edit-button\">\n    <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path d=\"M8.1 3.5L0.3 11.3C0.1 11.5 0 11.7 0 12V15C0 15.6 0.4 16 1 16H4C4.3 16 4.5 15.9 4.7 15.7L12.5 7.9L8.1 3.5Z\" fill=\"#718096\"></path>\n      <path d=\"M15.7 3.3L12.7 0.3C12.3 -0.1 11.7 -0.1 11.3 0.3L9.5 2.1L13.9 6.5L15.7 4.7C16.1 4.3 16.1 3.7 15.7 3.3Z\" fill=\"#718096\"></path>\n    </svg>Edit\n  </div>";
+declare const tooltipMultipleInnerHtml = "<div class=\"edit-button\" title=\"edit\">\n    <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path d=\"M8.1 3.5L0.3 11.3C0.1 11.5 0 11.7 0 12V15C0 15.6 0.4 16 1 16H4C4.3 16 4.5 15.9 4.7 15.7L12.5 7.9L8.1 3.5Z\" fill=\"#718096\"></path>\n      <path d=\"M15.7 3.3L12.7 0.3C12.3 -0.1 11.7 -0.1 11.3 0.3L9.5 2.1L13.9 6.5L15.7 4.7C16.1 4.3 16.1 3.7 15.7 3.3Z\" fill=\"#718096\"></path>\n    </svg>\n  </div>\n  <div title=\"click element\" class=\"external-link-button\">\n    <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path d=\"M2.66654 2.66758H13.3332V13.3342H6.66654V16.0009H13.3332C14.0405 16.0009 14.7187 15.72 15.2188 15.2199C15.7189 14.7198 15.9999 14.0415 15.9999 13.3342V2.66758C15.9999 1.96034 15.7189 1.28206 15.2188 0.781964C14.7187 0.281867 14.0405 0.000915527 13.3332 0.000915527H2.66654C1.9593 0.000915527 1.28102 0.281867 0.780927 0.781964C0.280829 1.28206 -0.00012207 1.96034 -0.00012207 2.66758V9.33425H2.66654V2.66758Z\" fill=\"#718096\" />\n      <path d=\"M6.94263 7.05734L0.999958 13L2.88529 14.8853L8.82796 8.94267L10.8853 11V5.00001H4.88529L6.94263 7.05734Z\" fill=\"#718096\" />\n    </svg>\n  </div>";
+declare const createSingularEditButton: (editCallback: (e: MouseEvent) => void) => HTMLDivElement;
+declare const createMultipleEditButton: (editCallback: (e: MouseEvent) => void, linkCallback: (e: MouseEvent) => void) => HTMLDivElement;
+declare function addLivePreviewQueryTags(link: string): string;
+declare function shouldRenderEditButton(editButton: IConfigEditButton): boolean;
+declare function getEditButtonPosition(currentHoveredElement: HTMLElement | null, defaultPosition: string | undefined): IEditButtonPosition;
+
+export { addLivePreviewQueryTags, createMultipleEditButton, createSingularEditButton, getEditButtonPosition, hasWindow, shouldRenderEditButton, tooltipMultipleInnerHtml, tooltipSingularInnerHtml };

package/dist/modern/utils/index.d.ts

@@ -0,0 +1,12 @@
+import { IConfigEditButton, IEditButtonPosition } from './types.js';
+
+declare function hasWindow(): boolean;
+declare const tooltipSingularInnerHtml = "<div class=\"singular edit-button\">\n    <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path d=\"M8.1 3.5L0.3 11.3C0.1 11.5 0 11.7 0 12V15C0 15.6 0.4 16 1 16H4C4.3 16 4.5 15.9 4.7 15.7L12.5 7.9L8.1 3.5Z\" fill=\"#718096\"></path>\n      <path d=\"M15.7 3.3L12.7 0.3C12.3 -0.1 11.7 -0.1 11.3 0.3L9.5 2.1L13.9 6.5L15.7 4.7C16.1 4.3 16.1 3.7 15.7 3.3Z\" fill=\"#718096\"></path>\n    </svg>Edit\n  </div>";
+declare const tooltipMultipleInnerHtml = "<div class=\"edit-button\" title=\"edit\">\n    <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path d=\"M8.1 3.5L0.3 11.3C0.1 11.5 0 11.7 0 12V15C0 15.6 0.4 16 1 16H4C4.3 16 4.5 15.9 4.7 15.7L12.5 7.9L8.1 3.5Z\" fill=\"#718096\"></path>\n      <path d=\"M15.7 3.3L12.7 0.3C12.3 -0.1 11.7 -0.1 11.3 0.3L9.5 2.1L13.9 6.5L15.7 4.7C16.1 4.3 16.1 3.7 15.7 3.3Z\" fill=\"#718096\"></path>\n    </svg>\n  </div>\n  <div title=\"click element\" class=\"external-link-button\">\n    <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path d=\"M2.66654 2.66758H13.3332V13.3342H6.66654V16.0009H13.3332C14.0405 16.0009 14.7187 15.72 15.2188 15.2199C15.7189 14.7198 15.9999 14.0415 15.9999 13.3342V2.66758C15.9999 1.96034 15.7189 1.28206 15.2188 0.781964C14.7187 0.281867 14.0405 0.000915527 13.3332 0.000915527H2.66654C1.9593 0.000915527 1.28102 0.281867 0.780927 0.781964C0.280829 1.28206 -0.00012207 1.96034 -0.00012207 2.66758V9.33425H2.66654V2.66758Z\" fill=\"#718096\" />\n      <path d=\"M6.94263 7.05734L0.999958 13L2.88529 14.8853L8.82796 8.94267L10.8853 11V5.00001H4.88529L6.94263 7.05734Z\" fill=\"#718096\" />\n    </svg>\n  </div>";
+declare const createSingularEditButton: (editCallback: (e: MouseEvent) => void) => HTMLDivElement;
+declare const createMultipleEditButton: (editCallback: (e: MouseEvent) => void, linkCallback: (e: MouseEvent) => void) => HTMLDivElement;
+declare function addLivePreviewQueryTags(link: string): string;
+declare function shouldRenderEditButton(editButton: IConfigEditButton): boolean;
+declare function getEditButtonPosition(currentHoveredElement: HTMLElement | null, defaultPosition: string | undefined): IEditButtonPosition;
+
+export { addLivePreviewQueryTags, createMultipleEditButton, createSingularEditButton, getEditButtonPosition, hasWindow, shouldRenderEditButton, tooltipMultipleInnerHtml, tooltipSingularInnerHtml };