@contentstack/live-preview-utils 2.0.3 → 3.0.0

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

@@ -0,0 +1,188 @@
+import "../chunk-5WRI5ZAA.js";
+
+// src/preview/contentstack-live-preview-HOC.ts
+import { v4 as uuidv4 } from "uuid";
+import { isEmpty } from "lodash-es";
+import { getUserInitData } from "../configManager/config.default.js";
+import Config, { updateConfigFromUrl } from "../configManager/configManager.js";
+import { VisualBuilder } from "../visualBuilder/index.js";
+import LivePreview from "../livePreview/live-preview.js";
+import { removeFromOnChangeSubscribers } from "../livePreview/removeFromOnChangeSubscribers.js";
+import { PublicLogger } from "../logger/logger.js";
+import { handlePageTraversal } from "../livePreview/onPageTraversal.js";
+import { handleWebCompare } from "../timeline/compare/compare.js";
+var _ContentstackLivePreview = class _ContentstackLivePreview {
+  /**
+   * Initializes the Live Preview SDK with the provided user configuration.
+   * If the SDK is already initialized, subsequent calls to this method will return the existing SDK instance.
+   * @param userConfig - The user configuration to initialize the SDK with. See {@link https://github.com/contentstack/live-preview-sdk/blob/main/docs/live-preview-configs.md#initconfig-iconfig|Live preview User config} for more details.
+   * @returns A promise that resolves to the constructors of the Live Preview SDK.
+   */
+  static init(userConfig = getUserInitData()) {
+    if (typeof window === "undefined") {
+      PublicLogger.warn("The SDK is not initialized in the browser.");
+      return Promise.resolve(_ContentstackLivePreview.previewConstructors);
+    }
+    Config.replace(userConfig);
+    updateConfigFromUrl();
+    if (_ContentstackLivePreview.isInitialized()) {
+      PublicLogger.warn(
+        "You have already initialized the Live Preview SDK. So, any subsequent initialization returns the existing SDK instance."
+      );
+      return Promise.resolve(_ContentstackLivePreview.previewConstructors);
+    } else {
+      return _ContentstackLivePreview.initializePreview();
+    }
+  }
+  /**
+   * It is the live preview hash.
+   * This hash could be used when data is fetched manually.
+   */
+  static get hash() {
+    if (!_ContentstackLivePreview.isInitialized()) {
+      updateConfigFromUrl();
+    }
+    return Config.get().hash;
+  }
+  static isInitialized() {
+    return !isEmpty(_ContentstackLivePreview.previewConstructors);
+  }
+  static initializePreview() {
+    _ContentstackLivePreview.previewConstructors = {
+      livePreview: new LivePreview(),
+      visualBuilder: new VisualBuilder()
+    };
+    const livePreview = _ContentstackLivePreview.previewConstructors.livePreview;
+    Object.entries(_ContentstackLivePreview.onEntryChangeCallbacks).forEach(
+      ([callbackUid, callback]) => {
+        livePreview.subscribeToOnEntryChange(callback, callbackUid);
+      }
+    );
+    _ContentstackLivePreview.onEntryChangeCallbacks = {};
+    handlePageTraversal();
+    handleWebCompare();
+    return Promise.resolve(_ContentstackLivePreview.previewConstructors);
+  }
+  /**
+   * Registers a callback function to be called when an entry changes.
+   * @param onChangeCallback The callback function to be called when an entry changes.
+   * @param config Optional configuration for the callback.
+   * @param config.skipInitialRender If true, the callback will not be called when it is first registered.
+   * @returns A unique identifier for the registered callback.
+   *
+   * @example
+   * ```js
+   * const callbackUid = ContentstackLivePreview.onEntryChange(() => {
+   *    console.log("Entry changed");
+   * });
+   *
+   * // Unsubscribe the callback
+   * ContentstackLivePreview.unsubscribeOnEntryChange(callbackUid);
+   * ```
+   */
+  static onEntryChange(onChangeCallback, config = {}) {
+    const { skipInitialRender = false } = config;
+    const callbackUid = uuidv4();
+    if (_ContentstackLivePreview.isInitialized()) {
+      _ContentstackLivePreview.previewConstructors.livePreview.subscribeToOnEntryChange(
+        onChangeCallback,
+        callbackUid
+      );
+    } else {
+      _ContentstackLivePreview.onEntryChangeCallbacks[callbackUid] = onChangeCallback;
+    }
+    if (!skipInitialRender) {
+      onChangeCallback();
+    }
+    return callbackUid;
+  }
+  /**
+   * Registers a callback function to be called when there is a change in the entry being edited in live preview mode. The difference between this and `onEntryChange` is that this callback will not be called when it is first registered.
+   * @param onChangeCallback The callback function to be called when there is a change in the entry.
+   * @returns A unique identifier for the registered callback.
+   *
+   * @example
+   * ```js
+   * const callbackUid = ContentstackLivePreview.onLiveEdit(() => {
+   *   console.log("Entry changed");
+   * });
+   *
+   * // Unsubscribe the callback
+   * ContentstackLivePreview.unsubscribeOnEntryChange(callbackUid);
+   * ```
+   *
+   */
+  static onLiveEdit(onChangeCallback) {
+    return _ContentstackLivePreview.onEntryChange(onChangeCallback, {
+      skipInitialRender: true
+    });
+  }
+  /**
+   * Unsubscribes from the entry change event.
+   * @param callback - The callback function to be unsubscribed.
+   *
+   * @example
+   * ```js
+   * // unsubscribing using the Callback UID
+   * const callbackUid = ContentstackLivePreview.onEntryChange(() => {
+   *  console.log("Entry changed");
+   * });
+   *
+   * // Unsubscribe the callback
+   * ContentstackLivePreview.unsubscribeOnEntryChange(callbackUid);
+   * ```
+   *
+   * @example
+   * ```js
+   * // unsubscribing using the callback function
+   * const callback = () => {console.log("Entry changed")};
+   * ContentstackLivePreview.onEntryChange(callback);
+   *
+   * // Unsubscribe the callback
+   * ContentstackLivePreview.unsubscribeOnEntryChange(callback);
+   * ```
+   *
+   * @example
+   * ```js
+   * // The same is applicable to onLiveEdit
+   * const callbackUid = ContentstackLivePreview.onLiveEdit(() => {
+   * console.log("Entry changed");
+   * });
+   *
+   * // Unsubscribe the callback
+   * ContentstackLivePreview.unsubscribeOnEntryChange(callbackUid);
+   * ```
+   *
+   *
+   */
+  static unsubscribeOnEntryChange(callback) {
+    if (!_ContentstackLivePreview.isInitialized()) {
+      removeFromOnChangeSubscribers(
+        _ContentstackLivePreview.onEntryChangeCallbacks,
+        callback
+      );
+      return;
+    }
+    _ContentstackLivePreview.previewConstructors.livePreview.unsubscribeOnEntryChange(
+      callback
+    );
+  }
+  /**
+   * Retrieves the version of the SDK.
+   * @returns The version of the SDK as a string.
+   */
+  static getSdkVersion() {
+    return "3.0.0";
+  }
+};
+_ContentstackLivePreview.previewConstructors = {};
+/**
+ * The subscribers for the onEntryChange event. We store them here when the SDK is not initialized.
+ */
+_ContentstackLivePreview.onEntryChangeCallbacks = {};
+var ContentstackLivePreview = _ContentstackLivePreview;
+var contentstack_live_preview_HOC_default = ContentstackLivePreview;
+export {
+  contentstack_live_preview_HOC_default as default
+};
+//# sourceMappingURL=contentstack-live-preview-HOC.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/preview/contentstack-live-preview-HOC.ts"],"sourcesContent":["import { v4 as uuidv4 } from \"uuid\";\n\nimport { isEmpty } from \"lodash-es\";\nimport { getUserInitData } from \"../configManager/config.default\";\nimport Config, { updateConfigFromUrl } from \"../configManager/configManager\";\nimport { VisualBuilder } from \"../visualBuilder\";\nimport LivePreview from \"../livePreview/live-preview\";\nimport { removeFromOnChangeSubscribers } from \"../livePreview/removeFromOnChangeSubscribers\";\nimport {\n    OnEntryChangeCallback,\n    OnEntryChangeCallbackSubscribers,\n    OnEntryChangeCallbackUID,\n    OnEntryChangeConfig,\n    OnEntryChangeUnsubscribeParameters,\n} from \"../livePreview/types/onEntryChangeCallback.type\";\nimport { PublicLogger } from \"../logger/logger\";\nimport type { IInitData } from \"../types/types\";\nimport { handlePageTraversal } from \"../livePreview/onPageTraversal\";\nimport { handleWebCompare } from \"../timeline/compare/compare\";\n\nclass ContentstackLivePreview {\n    private static previewConstructors:\n        | {\n              livePreview: LivePreview;\n              visualBuilder: VisualBuilder;\n          }\n        | Record<string, never> = {};\n\n    /**\n     * The subscribers for the onEntryChange event. We store them here when the SDK is not initialized.\n     */\n    private static onEntryChangeCallbacks: OnEntryChangeCallbackSubscribers =\n        {};\n\n    /**\n     * Initializes the Live Preview SDK with the provided user configuration.\n     * If the SDK is already initialized, subsequent calls to this method will return the existing SDK instance.\n     * @param userConfig - The user configuration to initialize the SDK with. See {@link https://github.com/contentstack/live-preview-sdk/blob/main/docs/live-preview-configs.md#initconfig-iconfig|Live preview User config} for more details.\n     * @returns A promise that resolves to the constructors of the Live Preview SDK.\n     */\n    static init(\n        userConfig: Partial<IInitData> = getUserInitData()\n    ): Promise<typeof ContentstackLivePreview.previewConstructors> {\n        if (typeof window === \"undefined\") {\n            PublicLogger.warn(\"The SDK is not initialized in the browser.\");\n            return Promise.resolve(ContentstackLivePreview.previewConstructors);\n        }\n\n        // handle user config\n        Config.replace(userConfig);\n        updateConfigFromUrl();\n\n        if (ContentstackLivePreview.isInitialized()) {\n            PublicLogger.warn(\n                \"You have already initialized the Live Preview SDK. So, any subsequent initialization returns the existing SDK instance.\"\n            );\n            return Promise.resolve(ContentstackLivePreview.previewConstructors);\n        } else {\n            return ContentstackLivePreview.initializePreview();\n        }\n    }\n\n    /**\n     * It is the live preview hash.\n     * This hash could be used when data is fetched manually.\n     */\n    static get hash(): string {\n        if (!ContentstackLivePreview.isInitialized()) {\n            updateConfigFromUrl(); // check if we could extract from the URL\n        }\n        return Config.get().hash;\n    }\n\n    private static isInitialized(): boolean {\n        return !isEmpty(ContentstackLivePreview.previewConstructors);\n    }\n\n    private static initializePreview() {\n        ContentstackLivePreview.previewConstructors = {\n            livePreview: new LivePreview(),\n            visualBuilder: new VisualBuilder(),\n        };\n\n        // set up onEntryChange callbacks added when the SDK was not initialized\n        const livePreview =\n            ContentstackLivePreview.previewConstructors.livePreview;\n        Object.entries(ContentstackLivePreview.onEntryChangeCallbacks).forEach(\n            ([callbackUid, callback]) => {\n                livePreview.subscribeToOnEntryChange(callback, callbackUid);\n            }\n        );\n\n        ContentstackLivePreview.onEntryChangeCallbacks = {};\n\n        handlePageTraversal();\n        handleWebCompare();\n\n        return Promise.resolve(ContentstackLivePreview.previewConstructors);\n    }\n\n    /**\n     * Registers a callback function to be called when an entry changes.\n     * @param onChangeCallback The callback function to be called when an entry changes.\n     * @param config Optional configuration for the callback.\n     * @param config.skipInitialRender If true, the callback will not be called when it is first registered.\n     * @returns A unique identifier for the registered callback.\n     *\n     * @example\n     * ```js\n     * const callbackUid = ContentstackLivePreview.onEntryChange(() => {\n     *    console.log(\"Entry changed\");\n     * });\n     *\n     * // Unsubscribe the callback\n     * ContentstackLivePreview.unsubscribeOnEntryChange(callbackUid);\n     * ```\n     */\n    static onEntryChange(\n        onChangeCallback: OnEntryChangeCallback,\n        config: OnEntryChangeConfig = {}\n    ): OnEntryChangeCallbackUID {\n        const { skipInitialRender = false } = config;\n\n        const callbackUid = uuidv4();\n\n        if (ContentstackLivePreview.isInitialized()) {\n            ContentstackLivePreview.previewConstructors.livePreview.subscribeToOnEntryChange(\n                onChangeCallback,\n                callbackUid\n            );\n        } else {\n            ContentstackLivePreview.onEntryChangeCallbacks[callbackUid] =\n                onChangeCallback;\n        }\n\n        if (!skipInitialRender) {\n            onChangeCallback();\n        }\n\n        return callbackUid;\n    }\n\n    /**\n     * Registers a callback function to be called when there is a change in the entry being edited in live preview mode. The difference between this and `onEntryChange` is that this callback will not be called when it is first registered.\n     * @param onChangeCallback The callback function to be called when there is a change in the entry.\n     * @returns A unique identifier for the registered callback.\n     *\n     * @example\n     * ```js\n     * const callbackUid = ContentstackLivePreview.onLiveEdit(() => {\n     *   console.log(\"Entry changed\");\n     * });\n     *\n     * // Unsubscribe the callback\n     * ContentstackLivePreview.unsubscribeOnEntryChange(callbackUid);\n     * ```\n     *\n     */\n    static onLiveEdit(\n        onChangeCallback: OnEntryChangeCallback\n    ): OnEntryChangeCallbackUID {\n        return ContentstackLivePreview.onEntryChange(onChangeCallback, {\n            skipInitialRender: true,\n        });\n    }\n\n    /**\n     * Unsubscribes from the entry change event.\n     * @param callback - The callback function to be unsubscribed.\n     *\n     * @example\n     * ```js\n     * // unsubscribing using the Callback UID\n     * const callbackUid = ContentstackLivePreview.onEntryChange(() => {\n     *  console.log(\"Entry changed\");\n     * });\n     *\n     * // Unsubscribe the callback\n     * ContentstackLivePreview.unsubscribeOnEntryChange(callbackUid);\n     * ```\n     *\n     * @example\n     * ```js\n     * // unsubscribing using the callback function\n     * const callback = () => {console.log(\"Entry changed\")};\n     * ContentstackLivePreview.onEntryChange(callback);\n     *\n     * // Unsubscribe the callback\n     * ContentstackLivePreview.unsubscribeOnEntryChange(callback);\n     * ```\n     *\n     * @example\n     * ```js\n     * // The same is applicable to onLiveEdit\n     * const callbackUid = ContentstackLivePreview.onLiveEdit(() => {\n     * console.log(\"Entry changed\");\n     * });\n     *\n     * // Unsubscribe the callback\n     * ContentstackLivePreview.unsubscribeOnEntryChange(callbackUid);\n     * ```\n     *\n     *\n     */\n    static unsubscribeOnEntryChange(\n        callback: OnEntryChangeUnsubscribeParameters\n    ): void {\n        if (!ContentstackLivePreview.isInitialized()) {\n            removeFromOnChangeSubscribers(\n                ContentstackLivePreview.onEntryChangeCallbacks,\n                callback\n            );\n            return;\n        }\n        ContentstackLivePreview.previewConstructors.livePreview.unsubscribeOnEntryChange(\n            callback\n        );\n    }\n\n    /**\n     * Retrieves the version of the SDK.\n     * @returns The version of the SDK as a string.\n     */\n    static getSdkVersion(): string {\n        return process?.env?.PACKAGE_VERSION!;\n    }\n}\n\nexport default ContentstackLivePreview;\n"],"mappings":"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","names":[]}

package/dist/{legacy → modern/timeline/compare}/compare.cjs

@@ -27,15 +27,15 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/compare.ts
+// src/timeline/compare/compare.ts
 var compare_exports = {};
 __export(compare_exports, {
   handleWebCompare: () => handleWebCompare
 });
 module.exports = __toCommonJS(compare_exports);
-var import_post_robot = __toESM(require("post-robot"), 1);
-var import_compare = require("./styles/compare.cjs");
-var import_compare2 = require("./utils/compare.cjs");
+var import_timelinePostMessage = __toESM(require("../timelinePostMessage/timelinePostMessage.cjs"), 1);
+var import_timelinePostMessage2 = require("../timelinePostMessage/timelinePostMessage.constant.cjs");
+var import_compare = require("./compare.style.cjs");
 var voidElements = /* @__PURE__ */ new Set([
   "area",
   "base",
@@ -54,32 +54,54 @@ var voidElements = /* @__PURE__ */ new Set([
   "wbr"
 ]);
 var LEAF_CSLP_SELECTOR = "[data-cslp]:not(:has([data-cslp]))";
+var DIFF_WRAPPER = "cs-compare";
+function registerCompareElement() {
+  class Compare extends HTMLSpanElement {
+    constructor() {
+      super();
+    }
+  }
+  if (!customElements.get(DIFF_WRAPPER)) {
+    customElements.define(DIFF_WRAPPER, Compare, {
+      extends: "span"
+    });
+  }
+}
 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;
+  }
+  (0, import_compare.compareGlobalStyles)();
+  registerCompareElement();
+  import_timelinePostMessage.default?.on(
+    import_timelinePostMessage2.timelinePostMessageEvents.SEND_CURRENT_BASE_ROUTE,
+    async () => {
+      return { url: window.location.href.split("?")[0] };
+    }
+  );
+  import_timelinePostMessage.default?.on(
+    import_timelinePostMessage2.timelinePostMessageEvents.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;
     }
-    return map;
-  });
+  );
   const mergeColors = (className = ".cs-compare--added") => {
     const elements = Array.from(document.querySelectorAll(className));
     for (let i = 1; i < elements.length; i++) {
@@ -89,25 +111,25 @@ function handleWebCompare() {
         prev.appendChild(prev.nextSibling);
     }
   };
-  import_post_robot.default.on("diff-value", async ({ data }) => {
-    const { diff, type } = data;
+  import_timelinePostMessage.default?.on(import_timelinePostMessage2.timelinePostMessageEvents.DIFF_VALUE, async (event) => {
+    const { diff, type } = event.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 (!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}`);
   });
-  import_post_robot.default.on("remove-diff", async () => {
+  import_timelinePostMessage.default?.on(import_timelinePostMessage2.timelinePostMessageEvents.REMOVE_DIFF, async () => {
     const elements = Array.from(document.querySelectorAll("cs-compare"));
     for (const element of elements) {
       const parent = element.parentElement;

package/dist/modern/timeline/compare/compare.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/timeline/compare/compare.ts"],"sourcesContent":["import timelinePostMessage from \"../timelinePostMessage/timelinePostMessage\";\nimport { timelinePostMessageEvents } from \"../timelinePostMessage/timelinePostMessage.constant\";\nimport { compareGlobalStyles } from \"./compare.style\";\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]))\";\nconst DIFF_WRAPPER = \"cs-compare\";\n\nfunction registerCompareElement() {\n    class Compare extends HTMLSpanElement {\n        constructor() {\n            super();\n        }\n    }\n\n    if (!customElements.get(DIFF_WRAPPER)) {\n        customElements.define(DIFF_WRAPPER, Compare, {\n            extends: \"span\",\n        });\n    }\n}\n\n\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    compareGlobalStyles();\n    registerCompareElement();\n\n    timelinePostMessage?.on(\n        timelinePostMessageEvents.SEND_CURRENT_BASE_ROUTE,\n        async () => {\n            return { url: window.location.href.split(\"?\")[0] };\n        }\n    );\n\n    timelinePostMessage?.on(\n        timelinePostMessageEvents.SEND_CSLP_DATA,\n        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    timelinePostMessage?.on<{\n        diff: Record<string, string>;\n        type: \"base\" | \"compare\";\n    }>(timelinePostMessageEvents.DIFF_VALUE, async (event) => {\n        const { diff, type } = event.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\n    timelinePostMessage?.on(timelinePostMessageEvents.REMOVE_DIFF, async () => {\n        // unwrap the cs-compare tags\n        const elements = Array.from(document.querySelectorAll(\"cs-compare\"));\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"],"mappings":"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","names":["import_timelinePostMessage","timelinePostMessage","voidElements"]}

package/dist/{legacy → modern/timeline/compare}/compare.js

@@ -1,7 +1,9 @@
-// src/compare.ts
-import postRobot from "post-robot";
-import { loadCompareGlobalStyle } from "./styles/compare.js";
-import { registerCompareElement } from "./utils/compare.js";
+import "../../chunk-5WRI5ZAA.js";
+
+// src/timeline/compare/compare.ts
+import timelinePostMessage from "../timelinePostMessage/timelinePostMessage.js";
+import { timelinePostMessageEvents } from "../timelinePostMessage/timelinePostMessage.constant.js";
+import { compareGlobalStyles } from "./compare.style.js";
 var voidElements = /* @__PURE__ */ new Set([
   "area",
   "base",
@@ -20,32 +22,54 @@ var voidElements = /* @__PURE__ */ new Set([
   "wbr"
 ]);
 var LEAF_CSLP_SELECTOR = "[data-cslp]:not(:has([data-cslp]))";
+var DIFF_WRAPPER = "cs-compare";
+function registerCompareElement() {
+  class Compare extends HTMLSpanElement {
+    constructor() {
+      super();
+    }
+  }
+  if (!customElements.get(DIFF_WRAPPER)) {
+    customElements.define(DIFF_WRAPPER, Compare, {
+      extends: "span"
+    });
+  }
+}
 function handleWebCompare() {
-  loadCompareGlobalStyle();
+  if (typeof window === "undefined" || typeof document === "undefined") {
+    return;
+  }
+  compareGlobalStyles();
   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}
+  timelinePostMessage?.on(
+    timelinePostMessageEvents.SEND_CURRENT_BASE_ROUTE,
+    async () => {
+      return { url: window.location.href.split("?")[0] };
+    }
+  );
+  timelinePostMessage?.on(
+    timelinePostMessageEvents.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;
     }
-    return map;
-  });
+  );
   const mergeColors = (className = ".cs-compare--added") => {
     const elements = Array.from(document.querySelectorAll(className));
     for (let i = 1; i < elements.length; i++) {
@@ -55,25 +79,25 @@ function handleWebCompare() {
         prev.appendChild(prev.nextSibling);
     }
   };
-  postRobot.on("diff-value", async ({ data }) => {
-    const { diff, type } = data;
+  timelinePostMessage?.on(timelinePostMessageEvents.DIFF_VALUE, async (event) => {
+    const { diff, type } = event.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 (!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 () => {
+  timelinePostMessage?.on(timelinePostMessageEvents.REMOVE_DIFF, async () => {
     const elements = Array.from(document.querySelectorAll("cs-compare"));
     for (const element of elements) {
       const parent = element.parentElement;

package/dist/modern/timeline/compare/compare.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/timeline/compare/compare.ts"],"sourcesContent":["import timelinePostMessage from \"../timelinePostMessage/timelinePostMessage\";\nimport { timelinePostMessageEvents } from \"../timelinePostMessage/timelinePostMessage.constant\";\nimport { compareGlobalStyles } from \"./compare.style\";\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]))\";\nconst DIFF_WRAPPER = \"cs-compare\";\n\nfunction registerCompareElement() {\n    class Compare extends HTMLSpanElement {\n        constructor() {\n            super();\n        }\n    }\n\n    if (!customElements.get(DIFF_WRAPPER)) {\n        customElements.define(DIFF_WRAPPER, Compare, {\n            extends: \"span\",\n        });\n    }\n}\n\n\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    compareGlobalStyles();\n    registerCompareElement();\n\n    timelinePostMessage?.on(\n        timelinePostMessageEvents.SEND_CURRENT_BASE_ROUTE,\n        async () => {\n            return { url: window.location.href.split(\"?\")[0] };\n        }\n    );\n\n    timelinePostMessage?.on(\n        timelinePostMessageEvents.SEND_CSLP_DATA,\n        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    timelinePostMessage?.on<{\n        diff: Record<string, string>;\n        type: \"base\" | \"compare\";\n    }>(timelinePostMessageEvents.DIFF_VALUE, async (event) => {\n        const { diff, type } = event.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\n    timelinePostMessage?.on(timelinePostMessageEvents.REMOVE_DIFF, async () => {\n        // unwrap the cs-compare tags\n        const elements = Array.from(document.querySelectorAll(\"cs-compare\"));\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"],"mappings":"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","names":["voidElements"]}

package/dist/{legacy/styles/compare.cjs → modern/timeline/compare/compare.style.cjs}

@@ -17,14 +17,14 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/styles/compare.ts
-var compare_exports = {};
-__export(compare_exports, {
-  loadCompareGlobalStyle: () => loadCompareGlobalStyle
+// src/timeline/compare/compare.style.ts
+var compare_style_exports = {};
+__export(compare_style_exports, {
+  compareGlobalStyles: () => compareGlobalStyles
 });
-module.exports = __toCommonJS(compare_exports);
+module.exports = __toCommonJS(compare_style_exports);
 var import_goober = require("goober");
-var loadCompareGlobalStyle = () => {
+var compareGlobalStyles = () => {
   const css = import_goober.glob;
   css`
         cs-compare {
@@ -51,6 +51,6 @@ var loadCompareGlobalStyle = () => {
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  loadCompareGlobalStyle
+  compareGlobalStyles
 });
-//# sourceMappingURL=compare.cjs.map
+//# sourceMappingURL=compare.style.cjs.map

package/dist/modern/timeline/compare/compare.style.cjs.map

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

package/dist/modern/timeline/compare/compare.style.d.cts

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

package/dist/modern/timeline/compare/compare.style.d.ts

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

package/dist/modern/{styles/compare.js → timeline/compare/compare.style.js}

@@ -1,6 +1,8 @@
-// src/styles/compare.ts
+import "../../chunk-5WRI5ZAA.js";
+
+// src/timeline/compare/compare.style.ts
 import { glob } from "goober";
-var loadCompareGlobalStyle = () => {
+var compareGlobalStyles = () => {
   const css = glob;
   css`
         cs-compare {
@@ -26,6 +28,6 @@ var loadCompareGlobalStyle = () => {
     `;
 };
 export {
-  loadCompareGlobalStyle
+  compareGlobalStyles
 };
-//# sourceMappingURL=compare.js.map
+//# sourceMappingURL=compare.style.js.map

package/dist/modern/timeline/compare/compare.style.js.map

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