feat: hide edit tags when website is in timeline preview

Author: kirtesh-cstk

src/livePreview/editButton/editButton.ts

@@ -10,6 +10,7 @@ import {
 } from "../../types/types";
 import livePreviewPostMessage from "../eventManager/livePreviewEventManager";
 import { EDIT_BUTTON_TOOLTIP_ID } from "./editButton.constant";
+import { isOpeningInTimeline } from "../../utils";
 
 function calculateEditButtonPosition(
     currentHoveredElement: HTMLElement,
@@ -542,7 +543,7 @@ effect(function handleWindowTypeChange() {
     // here, we run it when the value of windowType changes
     if (typeof window === "undefined") return;
     Config.get().windowType;
-    if (LivePreviewEditButton) {
+    if (LivePreviewEditButton && !isOpeningInTimeline()) {
         toggleEditButtonElement();
     }
 });

src/livePreview/live-preview.ts

@@ -1,7 +1,7 @@
 import Config from "../configManager/configManager";
 import { PublicLogger } from "../logger/logger";
 import { ILivePreviewModeConfig } from "../types/types";
-import { addLivePreviewQueryTags } from "../utils";
+import { addLivePreviewQueryTags, isOpeningInTimeline } from "../utils";
 import { LivePreviewEditButton } from "./editButton/editButton";
 import { sendInitializeLivePreviewPostMessageEvent } from "./eventManager/postMessageEvent.hooks";
 import { removeDataCslp } from "./livePreviewProductionCleanup";
@@ -53,8 +53,9 @@ export default class LivePreview {
             // render the hover outline only when edit button enable
 
             if (
-                config.editButton.enable ||
-                config.mode >= ILivePreviewModeConfig.BUILDER
+                !isOpeningInTimeline() && 
+                (config.editButton.enable ||
+                config.mode >= ILivePreviewModeConfig.BUILDER)
             ) {
                 LivePreviewEditButton.livePreviewEditButton =
                     new LivePreviewEditButton();

src/utils/index.ts

@@ -38,4 +38,12 @@ export function addParamsToUrl() {
             event.target.href = newUrl || target.href;
         }
     });
+}
+export function isOpeningInTimeline(): boolean {
+    if (hasWindow()) {
+        const urlParams = new URLSearchParams(window.location.search);
+        const previewTimestamp = urlParams.get("preview_timestamp");
+        return !!previewTimestamp;
+    }
+    return false;
 }