@contentstack/live-preview-utils 2.0.2 → 2.0.4

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

@@ -1 +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\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 ?? 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":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAAuC;AACvC,2BAA6B;AAG7B,IAAM,wBAAwB,CAC1B,gBACA,eACO;AACP,iBAAe,gBAAgB,OAC3B,WAAW,QAAQ,eAAe,gBAAgB;AACtD,iBAAe,gBAAgB,WAC3B,WAAW,YAAY,eAAe,gBAAgB;AAC1D,iBAAe,gBAAgB,OAC3B,WAAW,QAAQ,eAAe,gBAAgB;AAEtD,MAAI,WAAW,aAAa,UAAa,WAAW,SAAS,QAAW;AACpE,YAAQ,WAAW,UAAU;AAAA,MACzB,KAAK,QAAQ;AACT,uBAAe,gBAAgB,OAAO;AACtC;AAAA,MACJ;AAAA,MACA,KAAK,SAAS;AACV,uBAAe,gBAAgB,OAAO;AACtC;AAAA,MACJ;AAAA,IACJ;AAAA,EACJ;AAGA,MAAI,OAAO,eAAe,gBAAgB;AAE1C,MAAI,KAAK,SAAS,GAAG,GAAG;AACpB,WAAO,KAAK,MAAM,GAAG,EAAE;AACvB,mBAAe,gBAAgB,OAAO;AAAA,EAC1C;AAEA,iBAAe,gBAAgB,MAAM,GAAG,eAAe,gBAAgB,QAAQ,MAAM,eAAe,gBAAgB,IAAI,IAAI,eAAe,gBAAgB,IAAI;AACnK;AAEA,SAAS,mBACL,SACoB;AACpB,SAAO,OAAO,UAAU,eAAe,KAAK,SAAS,aAAa;AACtE;AAEA,SAAS,iBACL,SACoB;AACpB,SAAO,CAAC,mBAAmB,OAAO;AACtC;AAEO,IAAM,iBAAiB,CAC1B,UACA,WACO;AAtDX;AAwDI,MAAI,mBAAmB,QAAQ,GAAG;AAC9B,sCAAa;AAAA,MACT;AAAA,IACJ;AAEA,UAAM,qBAAoB,qCAAU,iBAAgB,CAAC;AAGrD,WAAO,MAAM;AAEb,WAAO,qBACH,kBAAkB,sBAAsB,OAAO;AAEnD,WAAO,SAAS,kBAAkB,UAAU,OAAO;AAEnD,WAAO,wBACH,kBAAkB,yBAClB,OAAO;AAEX,WAAO,aAAa;AAAA,MAChB,YAAQ;AAAA,QACJ,kBAAkB,cAAc,OAAO;AAAA,MAC3C;AAAA;AAAA,MAEA,SACI,MAAM,SAAQ,uBAAkB,eAAlB,mBAA8B,OAAO,OACnD,uBAAkB,eAAlB,mBAA8B,YACxB,uBAAkB,eAAlB,mBAA8B,UAC9B,OAAO,WAAW,WAAW,CAAC;AAAA,MACxC,YACI,uBAAkB,eAAlB,mBAA8B,aAC9B,OAAO,WAAW,YAClB;AAAA,MAEJ,2BACI,uBAAkB,eAAlB,mBAA8B,4BAC9B,OAAO,WAAW,2BAClB;AAAA,IACR;AAEA,WAAO,WAAW;AAIlB,QAAI,OAAO,UAAU,eAAe,KAAK,UAAU,aAAa,GAAG;AAC/D,aAAO,aAAa,cAAc,SAAS;AAAA,IAC/C;AAEA,QAAI,OAAO,UAAU,eAAe,KAAK,UAAU,QAAQ,GAAG;AAC1D,aAAO,aAAa,SAAS,SAAS;AAAA,IAC1C;AAGA;AAAA,MACI;AAAA,MACA,kBAAkB,mBAAmB,OAAO;AAAA,IAChD;AAAA,EACJ,WAAW,iBAAiB,QAAQ,GAAG;AACnC,UAAM,WACF,SAAS,YAAY,OAAO;AAEhC,WAAO,SACH,SAAS,YAAU,cAAS,iBAAT,mBAAuB,WAAU,OAAO;AAE/D,WAAO,MACH,SAAS,SACT,cAAS,iBAAT,mBAAuB,SACtB,OAAO,SAAS,aAAa,WAAW,QAAQ,SACjD;AAEJ,WAAO,qBACH,SAAS,wBACT,cAAS,iBAAT,mBAAuB,uBACvB,OAAO;AAEX,WAAO,WAAW;AAElB,WAAO,wBACH,SAAS,2BACT,cAAS,iBAAT,mBAAuB,0BACvB,OAAO;AAEX,WAAO,aAAa;AAAA,MAChB,YAAQ;AAAA,QACJ,SAAS,gBACL,cAAS,iBAAT,mBAAuB,eACvB,OAAO;AAAA,MACf;AAAA;AAAA,MAEA,SACI,MAAM,SAAQ,cAAS,eAAT,mBAAqB,OAAO,OAC1C,cAAS,eAAT,mBAAqB,YACf,cAAS,eAAT,mBAAqB,UACrB,MAAM,SAAQ,cAAS,iBAAT,mBAAuB,OAAO,OAC5C,cAAS,iBAAT,mBAAuB,YACvB,cAAS,iBAAT,mBAAuB,UACvB,OAAO,WAAW,WAAW,CAAC;AAAA,MACxC,YACI,cAAS,eAAT,mBAAqB,eACrB,cAAS,iBAAT,mBAAuB,aACvB,OAAO,WAAW,YAClB;AAAA,MAEJ,2BACI,cAAS,eAAT,mBAAqB,8BACrB,cAAS,iBAAT,mBAAuB,4BACvB,OAAO,WAAW,2BAClB;AAAA,IACR;AAEA,WAAO,aAAa,WAChB,cAAS,iBAAT,mBAAuB,WAAU,OAAO,aAAa;AAEzD,WAAO,aAAa,gBAChB,cAAS,iBAAT,mBAAuB,gBACvB,SAAS,eACT,OAAO,aAAa;AAExB,WAAO,aAAa,WAChB,cAAS,iBAAT,mBAAuB,WACvB,OAAO,aAAa,UACpB;AAGJ;AAAA,MACI;AAAA,MACA,SAAS,qBACL,cAAS,iBAAT,mBAAuB,oBACvB,OAAO;AAAA,IACf;AAAA,EACJ;AACJ;AAEO,IAAM,mBAAmB;AAAA,EAC5B,iBAAiB;AACrB;","names":[]}
+{"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\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 ?? 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 ?? config.stackDetails.branch;\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/legacy/utils/handleUserConfig.js

@@ -79,7 +79,7 @@ var handleInitData = (initData, config) => {
     };
     config.stackDetails.apiKey = ((_u = initData.stackDetails) == null ? void 0 : _u.apiKey) ?? config.stackDetails.apiKey;
     config.stackDetails.environment = ((_v = initData.stackDetails) == null ? void 0 : _v.environment) ?? stackSdk.environment ?? config.stackDetails.environment;
-    config.stackDetails.branch = ((_w = initData.stackDetails) == null ? void 0 : _w.branch) ?? config.stackDetails.branch ?? "main";
+    config.stackDetails.branch = ((_w = initData.stackDetails) == null ? void 0 : _w.branch) ?? config.stackDetails.branch;
     handleClientUrlParams(
       config,
       initData.clientUrlParams ?? ((_x = stackSdk.live_preview) == null ? void 0 : _x.clientUrlParams) ?? config.clientUrlParams

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

@@ -1 +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\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 ?? 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":";AAAA,SAAS,8BAA8B;AACvC,SAAS,oBAAoB;AAG7B,IAAM,wBAAwB,CAC1B,gBACA,eACO;AACP,iBAAe,gBAAgB,OAC3B,WAAW,QAAQ,eAAe,gBAAgB;AACtD,iBAAe,gBAAgB,WAC3B,WAAW,YAAY,eAAe,gBAAgB;AAC1D,iBAAe,gBAAgB,OAC3B,WAAW,QAAQ,eAAe,gBAAgB;AAEtD,MAAI,WAAW,aAAa,UAAa,WAAW,SAAS,QAAW;AACpE,YAAQ,WAAW,UAAU;AAAA,MACzB,KAAK,QAAQ;AACT,uBAAe,gBAAgB,OAAO;AACtC;AAAA,MACJ;AAAA,MACA,KAAK,SAAS;AACV,uBAAe,gBAAgB,OAAO;AACtC;AAAA,MACJ;AAAA,IACJ;AAAA,EACJ;AAGA,MAAI,OAAO,eAAe,gBAAgB;AAE1C,MAAI,KAAK,SAAS,GAAG,GAAG;AACpB,WAAO,KAAK,MAAM,GAAG,EAAE;AACvB,mBAAe,gBAAgB,OAAO;AAAA,EAC1C;AAEA,iBAAe,gBAAgB,MAAM,GAAG,eAAe,gBAAgB,QAAQ,MAAM,eAAe,gBAAgB,IAAI,IAAI,eAAe,gBAAgB,IAAI;AACnK;AAEA,SAAS,mBACL,SACoB;AACpB,SAAO,OAAO,UAAU,eAAe,KAAK,SAAS,aAAa;AACtE;AAEA,SAAS,iBACL,SACoB;AACpB,SAAO,CAAC,mBAAmB,OAAO;AACtC;AAEO,IAAM,iBAAiB,CAC1B,UACA,WACO;AAtDX;AAwDI,MAAI,mBAAmB,QAAQ,GAAG;AAC9B,iBAAa;AAAA,MACT;AAAA,IACJ;AAEA,UAAM,qBAAoB,qCAAU,iBAAgB,CAAC;AAGrD,WAAO,MAAM;AAEb,WAAO,qBACH,kBAAkB,sBAAsB,OAAO;AAEnD,WAAO,SAAS,kBAAkB,UAAU,OAAO;AAEnD,WAAO,wBACH,kBAAkB,yBAClB,OAAO;AAEX,WAAO,aAAa;AAAA,MAChB,QAAQ;AAAA,QACJ,kBAAkB,cAAc,OAAO;AAAA,MAC3C;AAAA;AAAA,MAEA,SACI,MAAM,SAAQ,uBAAkB,eAAlB,mBAA8B,OAAO,OACnD,uBAAkB,eAAlB,mBAA8B,YACxB,uBAAkB,eAAlB,mBAA8B,UAC9B,OAAO,WAAW,WAAW,CAAC;AAAA,MACxC,YACI,uBAAkB,eAAlB,mBAA8B,aAC9B,OAAO,WAAW,YAClB;AAAA,MAEJ,2BACI,uBAAkB,eAAlB,mBAA8B,4BAC9B,OAAO,WAAW,2BAClB;AAAA,IACR;AAEA,WAAO,WAAW;AAIlB,QAAI,OAAO,UAAU,eAAe,KAAK,UAAU,aAAa,GAAG;AAC/D,aAAO,aAAa,cAAc,SAAS;AAAA,IAC/C;AAEA,QAAI,OAAO,UAAU,eAAe,KAAK,UAAU,QAAQ,GAAG;AAC1D,aAAO,aAAa,SAAS,SAAS;AAAA,IAC1C;AAGA;AAAA,MACI;AAAA,MACA,kBAAkB,mBAAmB,OAAO;AAAA,IAChD;AAAA,EACJ,WAAW,iBAAiB,QAAQ,GAAG;AACnC,UAAM,WACF,SAAS,YAAY,OAAO;AAEhC,WAAO,SACH,SAAS,YAAU,cAAS,iBAAT,mBAAuB,WAAU,OAAO;AAE/D,WAAO,MACH,SAAS,SACT,cAAS,iBAAT,mBAAuB,SACtB,OAAO,SAAS,aAAa,WAAW,QAAQ,SACjD;AAEJ,WAAO,qBACH,SAAS,wBACT,cAAS,iBAAT,mBAAuB,uBACvB,OAAO;AAEX,WAAO,WAAW;AAElB,WAAO,wBACH,SAAS,2BACT,cAAS,iBAAT,mBAAuB,0BACvB,OAAO;AAEX,WAAO,aAAa;AAAA,MAChB,QAAQ;AAAA,QACJ,SAAS,gBACL,cAAS,iBAAT,mBAAuB,eACvB,OAAO;AAAA,MACf;AAAA;AAAA,MAEA,SACI,MAAM,SAAQ,cAAS,eAAT,mBAAqB,OAAO,OAC1C,cAAS,eAAT,mBAAqB,YACf,cAAS,eAAT,mBAAqB,UACrB,MAAM,SAAQ,cAAS,iBAAT,mBAAuB,OAAO,OAC5C,cAAS,iBAAT,mBAAuB,YACvB,cAAS,iBAAT,mBAAuB,UACvB,OAAO,WAAW,WAAW,CAAC;AAAA,MACxC,YACI,cAAS,eAAT,mBAAqB,eACrB,cAAS,iBAAT,mBAAuB,aACvB,OAAO,WAAW,YAClB;AAAA,MAEJ,2BACI,cAAS,eAAT,mBAAqB,8BACrB,cAAS,iBAAT,mBAAuB,4BACvB,OAAO,WAAW,2BAClB;AAAA,IACR;AAEA,WAAO,aAAa,WAChB,cAAS,iBAAT,mBAAuB,WAAU,OAAO,aAAa;AAEzD,WAAO,aAAa,gBAChB,cAAS,iBAAT,mBAAuB,gBACvB,SAAS,eACT,OAAO,aAAa;AAExB,WAAO,aAAa,WAChB,cAAS,iBAAT,mBAAuB,WACvB,OAAO,aAAa,UACpB;AAGJ;AAAA,MACI;AAAA,MACA,SAAS,qBACL,cAAS,iBAAT,mBAAuB,oBACvB,OAAO;AAAA,IACf;AAAA,EACJ;AACJ;AAEO,IAAM,mBAAmB;AAAA,EAC5B,iBAAiB;AACrB;","names":[]}
+{"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\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 ?? 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 ?? config.stackDetails.branch;\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":";AAAA,SAAS,8BAA8B;AACvC,SAAS,oBAAoB;AAG7B,IAAM,wBAAwB,CAC1B,gBACA,eACO;AACP,iBAAe,gBAAgB,OAC3B,WAAW,QAAQ,eAAe,gBAAgB;AACtD,iBAAe,gBAAgB,WAC3B,WAAW,YAAY,eAAe,gBAAgB;AAC1D,iBAAe,gBAAgB,OAC3B,WAAW,QAAQ,eAAe,gBAAgB;AAEtD,MAAI,WAAW,aAAa,UAAa,WAAW,SAAS,QAAW;AACpE,YAAQ,WAAW,UAAU;AAAA,MACzB,KAAK,QAAQ;AACT,uBAAe,gBAAgB,OAAO;AACtC;AAAA,MACJ;AAAA,MACA,KAAK,SAAS;AACV,uBAAe,gBAAgB,OAAO;AACtC;AAAA,MACJ;AAAA,IACJ;AAAA,EACJ;AAGA,MAAI,OAAO,eAAe,gBAAgB;AAE1C,MAAI,KAAK,SAAS,GAAG,GAAG;AACpB,WAAO,KAAK,MAAM,GAAG,EAAE;AACvB,mBAAe,gBAAgB,OAAO;AAAA,EAC1C;AAEA,iBAAe,gBAAgB,MAAM,GAAG,eAAe,gBAAgB,QAAQ,MAAM,eAAe,gBAAgB,IAAI,IAAI,eAAe,gBAAgB,IAAI;AACnK;AAEA,SAAS,mBACL,SACoB;AACpB,SAAO,OAAO,UAAU,eAAe,KAAK,SAAS,aAAa;AACtE;AAEA,SAAS,iBACL,SACoB;AACpB,SAAO,CAAC,mBAAmB,OAAO;AACtC;AAEO,IAAM,iBAAiB,CAC1B,UACA,WACO;AAtDX;AAwDI,MAAI,mBAAmB,QAAQ,GAAG;AAC9B,iBAAa;AAAA,MACT;AAAA,IACJ;AAEA,UAAM,qBAAoB,qCAAU,iBAAgB,CAAC;AAGrD,WAAO,MAAM;AAEb,WAAO,qBACH,kBAAkB,sBAAsB,OAAO;AAEnD,WAAO,SAAS,kBAAkB,UAAU,OAAO;AAEnD,WAAO,wBACH,kBAAkB,yBAClB,OAAO;AAEX,WAAO,aAAa;AAAA,MAChB,QAAQ;AAAA,QACJ,kBAAkB,cAAc,OAAO;AAAA,MAC3C;AAAA;AAAA,MAEA,SACI,MAAM,SAAQ,uBAAkB,eAAlB,mBAA8B,OAAO,OACnD,uBAAkB,eAAlB,mBAA8B,YACxB,uBAAkB,eAAlB,mBAA8B,UAC9B,OAAO,WAAW,WAAW,CAAC;AAAA,MACxC,YACI,uBAAkB,eAAlB,mBAA8B,aAC9B,OAAO,WAAW,YAClB;AAAA,MAEJ,2BACI,uBAAkB,eAAlB,mBAA8B,4BAC9B,OAAO,WAAW,2BAClB;AAAA,IACR;AAEA,WAAO,WAAW;AAIlB,QAAI,OAAO,UAAU,eAAe,KAAK,UAAU,aAAa,GAAG;AAC/D,aAAO,aAAa,cAAc,SAAS;AAAA,IAC/C;AAEA,QAAI,OAAO,UAAU,eAAe,KAAK,UAAU,QAAQ,GAAG;AAC1D,aAAO,aAAa,SAAS,SAAS;AAAA,IAC1C;AAGA;AAAA,MACI;AAAA,MACA,kBAAkB,mBAAmB,OAAO;AAAA,IAChD;AAAA,EACJ,WAAW,iBAAiB,QAAQ,GAAG;AACnC,UAAM,WACF,SAAS,YAAY,OAAO;AAEhC,WAAO,SACH,SAAS,YAAU,cAAS,iBAAT,mBAAuB,WAAU,OAAO;AAE/D,WAAO,MACH,SAAS,SACT,cAAS,iBAAT,mBAAuB,SACtB,OAAO,SAAS,aAAa,WAAW,QAAQ,SACjD;AAEJ,WAAO,qBACH,SAAS,wBACT,cAAS,iBAAT,mBAAuB,uBACvB,OAAO;AAEX,WAAO,WAAW;AAElB,WAAO,wBACH,SAAS,2BACT,cAAS,iBAAT,mBAAuB,0BACvB,OAAO;AAEX,WAAO,aAAa;AAAA,MAChB,QAAQ;AAAA,QACJ,SAAS,gBACL,cAAS,iBAAT,mBAAuB,eACvB,OAAO;AAAA,MACf;AAAA;AAAA,MAEA,SACI,MAAM,SAAQ,cAAS,eAAT,mBAAqB,OAAO,OAC1C,cAAS,eAAT,mBAAqB,YACf,cAAS,eAAT,mBAAqB,UACrB,MAAM,SAAQ,cAAS,iBAAT,mBAAuB,OAAO,OAC5C,cAAS,iBAAT,mBAAuB,YACvB,cAAS,iBAAT,mBAAuB,UACvB,OAAO,WAAW,WAAW,CAAC;AAAA,MACxC,YACI,cAAS,eAAT,mBAAqB,eACrB,cAAS,iBAAT,mBAAuB,aACvB,OAAO,WAAW,YAClB;AAAA,MAEJ,2BACI,cAAS,eAAT,mBAAqB,8BACrB,cAAS,iBAAT,mBAAuB,4BACvB,OAAO,WAAW,2BAClB;AAAA,IACR;AAEA,WAAO,aAAa,WAChB,cAAS,iBAAT,mBAAuB,WAAU,OAAO,aAAa;AAEzD,WAAO,aAAa,gBAChB,cAAS,iBAAT,mBAAuB,gBACvB,SAAS,eACT,OAAO,aAAa;AAExB,WAAO,aAAa,WAChB,cAAS,iBAAT,mBAAuB,WAAU,OAAO,aAAa;AAGzD;AAAA,MACI;AAAA,MACA,SAAS,qBACL,cAAS,iBAAT,mBAAuB,oBACvB,OAAO;AAAA,IACf;AAAA,EACJ;AACJ;AAEO,IAAM,mBAAmB;AAAA,EAC5B,iBAAiB;AACrB;","names":[]}

package/dist/modern/compare.cjs

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

package/dist/modern/compare.cjs.map

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

package/dist/modern/compare.js

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

package/dist/modern/compare.js.map

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

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

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

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

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

package/dist/modern/index.cjs.map

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

package/dist/modern/index.d.cts

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

package/dist/modern/index.d.ts

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

package/dist/modern/index.js.map

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

package/dist/modern/live-preview.cjs

@@ -27,6 +27,7 @@ var import_utils = require("./utils/index.cjs");
 var import_public_logger = require("./utils/public-logger.cjs");
 var import_handleUserConfig = require("./utils/handleUserConfig.cjs");
 var import_defaults = require("./utils/defaults.cjs");
+var import_cslpdata = require("./utils/cslpdata.cjs");
 var import_live_preview = require("./styles/live_preview.cjs");
 var LivePreview = class {
   constructor(initData = import_defaults.userInitData) {
@@ -48,7 +49,7 @@ var LivePreview = class {
       stackDetails: {
         apiKey: "",
         environment: "",
-        branch: "main",
+        branch: "",
         contentTypeUid: "",
         entryUid: ""
       },
@@ -249,7 +250,7 @@ var LivePreview = class {
     this.currentElementBesideTooltip = null;
     this.tooltip.style.top = "-100%";
   }
-  generateRedirectUrl(content_type_uid, locale = "en-us", entry_uid, preview_field) {
+  generateRedirectUrl(content_type_uid, locale = "en-us", entry_uid, variant, preview_field) {
     if (!this.config.stackDetails.apiKey) {
       throw `To use edit tags, you must provide the stack API key. Specify the API key while initializing the Live Preview SDK.
 
@@ -277,11 +278,18 @@ var LivePreview = class {
     const port = String(this.config.clientUrlParams.port);
     const environment = String(this.config.stackDetails.environment);
     const branch = String(this.config.stackDetails.branch || "main");
-    const urlHash = `!/stack/${this.config.stackDetails.apiKey}/content-type/${content_type_uid}/${locale ?? "en-us"}/entry/${entry_uid}/edit`;
+    let urlHash = `!/stack/${this.config.stackDetails.apiKey}/content-type/${content_type_uid}/${locale ?? "en-us"}/entry/${entry_uid}`;
+    if (variant) {
+      urlHash += `/variant/${variant}/edit`;
+    } else {
+      urlHash += `/edit`;
+    }
     const url = new URL(`${protocol}://${host}`);
     url.port = port;
     url.hash = urlHash;
-    url.searchParams.append("branch", branch);
+    if (this.config.stackDetails.branch) {
+      url.searchParams.append("branch", branch);
+    }
     url.searchParams.append("preview-field", preview_field);
     url.searchParams.append("preview-locale", locale ?? "en-us");
     url.searchParams.append("preview-environment", environment);
@@ -292,16 +300,23 @@ var LivePreview = class {
       return;
     const cslpTag = this.tooltip.getAttribute("current-data-cslp");
     if (cslpTag) {
-      const [content_type_uid, entry_uid, locale, ...field] = cslpTag.split(".");
+      const {
+        content_type_uid,
+        entry_uid,
+        locale,
+        variant,
+        fieldPath: field
+      } = (0, import_cslpdata.extractDetailsFromCslp)(cslpTag);
       if (window.location !== window.parent.location) {
         window.parent.postMessage(
           {
             from: "live-preview",
             type: "scroll",
             data: {
-              field: field.join("."),
+              field,
               content_type_uid,
               entry_uid,
+              variant,
               locale
             }
           },
@@ -313,7 +328,8 @@ var LivePreview = class {
             content_type_uid,
             locale,
             entry_uid,
-            field.join(".")
+            variant,
+            field
           );
           window.open(redirectUrl, "_blank");
         } catch (error) {
@@ -422,7 +438,7 @@ var LivePreview = class {
           config: {
             shouldReload: this.config.ssr,
             href: window.location.href,
-            sdkVersion: "2.0.2"
+            sdkVersion: "2.0.4"
           }
         }
       },