@builder.io/sdk-solid 1.0.21 → 1.0.23

package/dist/index.d.ts

@@ -695,7 +695,7 @@ type Search = URLSearchParams | string | QueryObject;
 
 declare function isEditing(search?: Search): boolean;
 
-declare function isPreviewing(search?: Search): boolean;
+declare function isPreviewing(_search?: Search): boolean;
 
 declare const createRegisterComponentMessage: (info: ComponentInfo) => {
     type: string;

package/lib/browser/dev.js

@@ -165,7 +165,8 @@ function isIframe() {
 
 // src/functions/is-editing.ts
 function isEditing(search) {
-  return isIframe() && (TARGET === "reactNative" || getSearchString(search || window.location.search).indexOf("builder.frameEditing=") !== -1);
+  return isIframe() && (TARGET === "reactNative" || // accessing window.location.search is safe here because `isIframe()` is only `true` if we're in a browser.
+  getSearchString(search || window.location.search).indexOf("builder.frameEditing=") !== -1);
 }
 
 // src/functions/track/helpers.ts
@@ -368,7 +369,6 @@ function evaluate({
   enableCache
 }) {
   if (code === "") {
-    logger.warn("Skipping evaluation of empty code block.");
     return void 0;
   }
   const args = {
@@ -536,9 +536,6 @@ function bindAnimations(animations) {
       case "pageLoad":
         triggerAnimation(animation);
         break;
-      case "hover":
-        bindHoverAnimation(animation);
-        break;
       case "scrollInView":
         bindScrollInViewAnimation(animation);
         break;
@@ -597,33 +594,6 @@ function triggerAnimation(animation) {
     });
   });
 }
-function bindHoverAnimation(animation) {
-  const elements = Array.prototype.slice.call(document.getElementsByClassName(animation.elementId || animation.id || ""));
-  if (!elements.length) {
-    warnElementNotPresent(animation.elementId || animation.id || "");
-    return;
-  }
-  Array.from(elements).forEach((element) => {
-    augmentAnimation(animation, element);
-    const defaultState = animation.steps[0].styles;
-    const hoverState = animation.steps[1].styles;
-    function attachDefaultState() {
-      assign(element.style, defaultState);
-    }
-    function attachHoverState() {
-      assign(element.style, hoverState);
-    }
-    attachDefaultState();
-    element.addEventListener("mouseenter", attachHoverState);
-    element.addEventListener("mouseleave", attachDefaultState);
-    setTimeout(() => {
-      element.style.transition = `all ${animation.duration}s ${camelCaseToKebabCase(animation.easing)}`;
-      if (animation.delay) {
-        element.style.transitionDelay = animation.delay + "s";
-      }
-    });
-  });
-}
 function bindScrollInViewAnimation(animation) {
   const elements = Array.prototype.slice.call(document.getElementsByClassName(animation.elementId || animation.id || ""));
   if (!elements.length) {
@@ -934,7 +904,20 @@ function BlockStyles(props) {
       styles: smallStyles,
       mediaQuery: getMaxWidthQueryForSize("small", sizesWithUpdatedBreakpoints)
     }) : "";
-    return [largeStylesClass, mediumStylesClass, smallStylesClass].join(" ");
+    const hoverAnimation = processedBlock.animations && processedBlock.animations.find((item) => item.trigger === "hover");
+    let hoverStylesClass = "";
+    if (hoverAnimation) {
+      const hoverStyles = hoverAnimation.steps?.[1]?.styles || {};
+      hoverStylesClass = createCssClass({
+        className: `${className}:hover`,
+        styles: {
+          ...hoverStyles,
+          transition: `all ${hoverAnimation.duration}s ${camelCaseToKebabCase(hoverAnimation.easing)}`,
+          transitionDelay: hoverAnimation.delay ? `${hoverAnimation.delay}s` : "0s"
+        }
+      }) || "";
+    }
+    return [largeStylesClass, mediumStylesClass, smallStylesClass, hoverStylesClass].join(" ");
   });
   return createComponent(Show, {
     get when() {
@@ -1266,7 +1249,7 @@ function Block(props) {
     const blockId = processedBlock().id;
     const animations = processedBlock().animations;
     if (animations && blockId) {
-      bindAnimations(animations.filter((item) => item.trigger !== "hover").map((animation) => ({
+      bindAnimations(animations.map((animation) => ({
         ...animation,
         elementId: blockId
       })));
@@ -4192,14 +4175,12 @@ async function fetchEntries(options) {
 }
 
 // src/functions/is-previewing.ts
-function isPreviewing(search) {
-  if (!isBrowser()) {
-    return false;
-  }
-  const normalizedSearch = getSearchString(search || window.location.search);
-  if (isEditing(normalizedSearch)) {
+function isPreviewing(_search) {
+  const search = _search || (isBrowser() ? window.location.search : void 0);
+  if (!search) {
     return false;
   }
+  const normalizedSearch = getSearchString(search);
   return Boolean(normalizedSearch.indexOf("builder.preview=") !== -1);
 }
 
@@ -4450,7 +4431,7 @@ function isFromTrustedHost(trustedHosts, e) {
 }
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "1.0.21";
+var SDK_VERSION = "1.0.23";
 
 // src/functions/register.ts
 var registry = {};
@@ -4828,7 +4809,7 @@ function EnableEditor(props) {
           variationId: variationId !== contentId ? variationId : void 0
         });
       }
-      if (isPreviewing()) {
+      if (isPreviewing() && !isEditing()) {
         const searchParams = new URL(location.href).searchParams;
         const searchParamPreviewModel = searchParams.get("builder.preview");
         const searchParamPreviewId = searchParams.get(`builder.preview.${searchParamPreviewModel}`);

package/lib/browser/dev.jsx

@@ -152,7 +152,8 @@ function isIframe() {
 
 // src/functions/is-editing.ts
 function isEditing(search) {
-  return isIframe() && (TARGET === "reactNative" || getSearchString(search || window.location.search).indexOf("builder.frameEditing=") !== -1);
+  return isIframe() && (TARGET === "reactNative" || // accessing window.location.search is safe here because `isIframe()` is only `true` if we're in a browser.
+  getSearchString(search || window.location.search).indexOf("builder.frameEditing=") !== -1);
 }
 
 // src/functions/track/helpers.ts
@@ -355,7 +356,6 @@ function evaluate({
   enableCache
 }) {
   if (code === "") {
-    logger.warn("Skipping evaluation of empty code block.");
     return void 0;
   }
   const args = {
@@ -523,9 +523,6 @@ function bindAnimations(animations) {
       case "pageLoad":
         triggerAnimation(animation);
         break;
-      case "hover":
-        bindHoverAnimation(animation);
-        break;
       case "scrollInView":
         bindScrollInViewAnimation(animation);
         break;
@@ -584,33 +581,6 @@ function triggerAnimation(animation) {
     });
   });
 }
-function bindHoverAnimation(animation) {
-  const elements = Array.prototype.slice.call(document.getElementsByClassName(animation.elementId || animation.id || ""));
-  if (!elements.length) {
-    warnElementNotPresent(animation.elementId || animation.id || "");
-    return;
-  }
-  Array.from(elements).forEach((element) => {
-    augmentAnimation(animation, element);
-    const defaultState = animation.steps[0].styles;
-    const hoverState = animation.steps[1].styles;
-    function attachDefaultState() {
-      assign(element.style, defaultState);
-    }
-    function attachHoverState() {
-      assign(element.style, hoverState);
-    }
-    attachDefaultState();
-    element.addEventListener("mouseenter", attachHoverState);
-    element.addEventListener("mouseleave", attachDefaultState);
-    setTimeout(() => {
-      element.style.transition = `all ${animation.duration}s ${camelCaseToKebabCase(animation.easing)}`;
-      if (animation.delay) {
-        element.style.transitionDelay = animation.delay + "s";
-      }
-    });
-  });
-}
 function bindScrollInViewAnimation(animation) {
   const elements = Array.prototype.slice.call(document.getElementsByClassName(animation.elementId || animation.id || ""));
   if (!elements.length) {
@@ -921,7 +891,27 @@ function BlockStyles(props) {
         sizesWithUpdatedBreakpoints
       )
     }) : "";
-    return [largeStylesClass, mediumStylesClass, smallStylesClass].join(" ");
+    const hoverAnimation = processedBlock.animations && processedBlock.animations.find((item) => item.trigger === "hover");
+    let hoverStylesClass = "";
+    if (hoverAnimation) {
+      const hoverStyles = hoverAnimation.steps?.[1]?.styles || {};
+      hoverStylesClass = createCssClass({
+        className: `${className}:hover`,
+        styles: {
+          ...hoverStyles,
+          transition: `all ${hoverAnimation.duration}s ${camelCaseToKebabCase(
+            hoverAnimation.easing
+          )}`,
+          transitionDelay: hoverAnimation.delay ? `${hoverAnimation.delay}s` : "0s"
+        }
+      }) || "";
+    }
+    return [
+      largeStylesClass,
+      mediumStylesClass,
+      smallStylesClass,
+      hoverStylesClass
+    ].join(" ");
   });
   return <Show2 when={TARGET !== "reactNative" && css5() && canShowBlock()}><Inlined_styles_default id="builderio-block" styles={css5()} /></Show2>;
 }
@@ -1200,7 +1190,7 @@ function Block(props) {
     const animations = processedBlock().animations;
     if (animations && blockId) {
       bindAnimations(
-        animations.filter((item) => item.trigger !== "hover").map((animation) => ({
+        animations.map((animation) => ({
           ...animation,
           elementId: blockId
         }))
@@ -3775,14 +3765,12 @@ async function fetchEntries(options) {
 }
 
 // src/functions/is-previewing.ts
-function isPreviewing(search) {
-  if (!isBrowser()) {
-    return false;
-  }
-  const normalizedSearch = getSearchString(search || window.location.search);
-  if (isEditing(normalizedSearch)) {
+function isPreviewing(_search) {
+  const search = _search || (isBrowser() ? window.location.search : void 0);
+  if (!search) {
     return false;
   }
+  const normalizedSearch = getSearchString(search);
   return Boolean(normalizedSearch.indexOf("builder.preview=") !== -1);
 }
 
@@ -4033,7 +4021,7 @@ function isFromTrustedHost(trustedHosts, e) {
 }
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "1.0.21";
+var SDK_VERSION = "1.0.23";
 
 // src/functions/register.ts
 var registry = {};
@@ -4425,7 +4413,7 @@ function EnableEditor(props) {
           variationId: variationId !== contentId ? variationId : void 0
         });
       }
-      if (isPreviewing()) {
+      if (isPreviewing() && !isEditing()) {
         const searchParams = new URL(location.href).searchParams;
         const searchParamPreviewModel = searchParams.get("builder.preview");
         const searchParamPreviewId = searchParams.get(

package/lib/browser/index.js

@@ -164,7 +164,8 @@ function isIframe() {
 
 // src/functions/is-editing.ts
 function isEditing(search) {
-  return isIframe() && (TARGET === "reactNative" || getSearchString(search || window.location.search).indexOf("builder.frameEditing=") !== -1);
+  return isIframe() && (TARGET === "reactNative" || // accessing window.location.search is safe here because `isIframe()` is only `true` if we're in a browser.
+  getSearchString(search || window.location.search).indexOf("builder.frameEditing=") !== -1);
 }
 
 // src/functions/track/helpers.ts
@@ -366,7 +367,6 @@ function evaluate({
   enableCache
 }) {
   if (code === "") {
-    logger.warn("Skipping evaluation of empty code block.");
     return void 0;
   }
   const args = {
@@ -534,9 +534,6 @@ function bindAnimations(animations) {
       case "pageLoad":
         triggerAnimation(animation);
         break;
-      case "hover":
-        bindHoverAnimation(animation);
-        break;
       case "scrollInView":
         bindScrollInViewAnimation(animation);
         break;
@@ -594,33 +591,6 @@ function triggerAnimation(animation) {
     });
   });
 }
-function bindHoverAnimation(animation) {
-  const elements = Array.prototype.slice.call(document.getElementsByClassName(animation.elementId || animation.id || ""));
-  if (!elements.length) {
-    warnElementNotPresent(animation.elementId || animation.id || "");
-    return;
-  }
-  Array.from(elements).forEach((element) => {
-    augmentAnimation(animation, element);
-    const defaultState = animation.steps[0].styles;
-    const hoverState = animation.steps[1].styles;
-    function attachDefaultState() {
-      assign(element.style, defaultState);
-    }
-    function attachHoverState() {
-      assign(element.style, hoverState);
-    }
-    attachDefaultState();
-    element.addEventListener("mouseenter", attachHoverState);
-    element.addEventListener("mouseleave", attachDefaultState);
-    setTimeout(() => {
-      element.style.transition = `all ${animation.duration}s ${camelCaseToKebabCase(animation.easing)}`;
-      if (animation.delay) {
-        element.style.transitionDelay = animation.delay + "s";
-      }
-    });
-  });
-}
 function bindScrollInViewAnimation(animation) {
   const elements = Array.prototype.slice.call(document.getElementsByClassName(animation.elementId || animation.id || ""));
   if (!elements.length) {
@@ -928,7 +898,20 @@ function BlockStyles(props) {
       styles: smallStyles,
       mediaQuery: getMaxWidthQueryForSize("small", sizesWithUpdatedBreakpoints)
     }) : "";
-    return [largeStylesClass, mediumStylesClass, smallStylesClass].join(" ");
+    const hoverAnimation = processedBlock.animations && processedBlock.animations.find((item) => item.trigger === "hover");
+    let hoverStylesClass = "";
+    if (hoverAnimation) {
+      const hoverStyles = hoverAnimation.steps?.[1]?.styles || {};
+      hoverStylesClass = createCssClass({
+        className: `${className}:hover`,
+        styles: {
+          ...hoverStyles,
+          transition: `all ${hoverAnimation.duration}s ${camelCaseToKebabCase(hoverAnimation.easing)}`,
+          transitionDelay: hoverAnimation.delay ? `${hoverAnimation.delay}s` : "0s"
+        }
+      }) || "";
+    }
+    return [largeStylesClass, mediumStylesClass, smallStylesClass, hoverStylesClass].join(" ");
   });
   return createComponent(Show, {
     get when() {
@@ -1260,7 +1243,7 @@ function Block(props) {
     const blockId = processedBlock().id;
     const animations = processedBlock().animations;
     if (animations && blockId) {
-      bindAnimations(animations.filter((item) => item.trigger !== "hover").map((animation) => ({
+      bindAnimations(animations.map((animation) => ({
         ...animation,
         elementId: blockId
       })));
@@ -4180,14 +4163,12 @@ async function fetchEntries(options) {
 }
 
 // src/functions/is-previewing.ts
-function isPreviewing(search) {
-  if (!isBrowser()) {
-    return false;
-  }
-  const normalizedSearch = getSearchString(search || window.location.search);
-  if (isEditing(normalizedSearch)) {
+function isPreviewing(_search) {
+  const search = _search || (isBrowser() ? window.location.search : void 0);
+  if (!search) {
     return false;
   }
+  const normalizedSearch = getSearchString(search);
   return Boolean(normalizedSearch.indexOf("builder.preview=") !== -1);
 }
 
@@ -4435,7 +4416,7 @@ function isFromTrustedHost(trustedHosts, e) {
 }
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "1.0.21";
+var SDK_VERSION = "1.0.23";
 
 // src/functions/register.ts
 var registry = {};
@@ -4811,7 +4792,7 @@ function EnableEditor(props) {
           variationId: variationId !== contentId ? variationId : void 0
         });
       }
-      if (isPreviewing()) {
+      if (isPreviewing() && !isEditing()) {
         const searchParams = new URL(location.href).searchParams;
         const searchParamPreviewModel = searchParams.get("builder.preview");
         const searchParamPreviewId = searchParams.get(`builder.preview.${searchParamPreviewModel}`);

package/lib/browser/index.jsx

@@ -151,7 +151,8 @@ function isIframe() {
 
 // src/functions/is-editing.ts
 function isEditing(search) {
-  return isIframe() && (TARGET === "reactNative" || getSearchString(search || window.location.search).indexOf("builder.frameEditing=") !== -1);
+  return isIframe() && (TARGET === "reactNative" || // accessing window.location.search is safe here because `isIframe()` is only `true` if we're in a browser.
+  getSearchString(search || window.location.search).indexOf("builder.frameEditing=") !== -1);
 }
 
 // src/functions/track/helpers.ts
@@ -353,7 +354,6 @@ function evaluate({
   enableCache
 }) {
   if (code === "") {
-    logger.warn("Skipping evaluation of empty code block.");
     return void 0;
   }
   const args = {
@@ -521,9 +521,6 @@ function bindAnimations(animations) {
       case "pageLoad":
         triggerAnimation(animation);
         break;
-      case "hover":
-        bindHoverAnimation(animation);
-        break;
       case "scrollInView":
         bindScrollInViewAnimation(animation);
         break;
@@ -581,33 +578,6 @@ function triggerAnimation(animation) {
     });
   });
 }
-function bindHoverAnimation(animation) {
-  const elements = Array.prototype.slice.call(document.getElementsByClassName(animation.elementId || animation.id || ""));
-  if (!elements.length) {
-    warnElementNotPresent(animation.elementId || animation.id || "");
-    return;
-  }
-  Array.from(elements).forEach((element) => {
-    augmentAnimation(animation, element);
-    const defaultState = animation.steps[0].styles;
-    const hoverState = animation.steps[1].styles;
-    function attachDefaultState() {
-      assign(element.style, defaultState);
-    }
-    function attachHoverState() {
-      assign(element.style, hoverState);
-    }
-    attachDefaultState();
-    element.addEventListener("mouseenter", attachHoverState);
-    element.addEventListener("mouseleave", attachDefaultState);
-    setTimeout(() => {
-      element.style.transition = `all ${animation.duration}s ${camelCaseToKebabCase(animation.easing)}`;
-      if (animation.delay) {
-        element.style.transitionDelay = animation.delay + "s";
-      }
-    });
-  });
-}
 function bindScrollInViewAnimation(animation) {
   const elements = Array.prototype.slice.call(document.getElementsByClassName(animation.elementId || animation.id || ""));
   if (!elements.length) {
@@ -915,7 +885,27 @@ function BlockStyles(props) {
         sizesWithUpdatedBreakpoints
       )
     }) : "";
-    return [largeStylesClass, mediumStylesClass, smallStylesClass].join(" ");
+    const hoverAnimation = processedBlock.animations && processedBlock.animations.find((item) => item.trigger === "hover");
+    let hoverStylesClass = "";
+    if (hoverAnimation) {
+      const hoverStyles = hoverAnimation.steps?.[1]?.styles || {};
+      hoverStylesClass = createCssClass({
+        className: `${className}:hover`,
+        styles: {
+          ...hoverStyles,
+          transition: `all ${hoverAnimation.duration}s ${camelCaseToKebabCase(
+            hoverAnimation.easing
+          )}`,
+          transitionDelay: hoverAnimation.delay ? `${hoverAnimation.delay}s` : "0s"
+        }
+      }) || "";
+    }
+    return [
+      largeStylesClass,
+      mediumStylesClass,
+      smallStylesClass,
+      hoverStylesClass
+    ].join(" ");
   });
   return <Show2 when={TARGET !== "reactNative" && css5() && canShowBlock()}><Inlined_styles_default id="builderio-block" styles={css5()} /></Show2>;
 }
@@ -1194,7 +1184,7 @@ function Block(props) {
     const animations = processedBlock().animations;
     if (animations && blockId) {
       bindAnimations(
-        animations.filter((item) => item.trigger !== "hover").map((animation) => ({
+        animations.map((animation) => ({
           ...animation,
           elementId: blockId
         }))
@@ -3763,14 +3753,12 @@ async function fetchEntries(options) {
 }
 
 // src/functions/is-previewing.ts
-function isPreviewing(search) {
-  if (!isBrowser()) {
-    return false;
-  }
-  const normalizedSearch = getSearchString(search || window.location.search);
-  if (isEditing(normalizedSearch)) {
+function isPreviewing(_search) {
+  const search = _search || (isBrowser() ? window.location.search : void 0);
+  if (!search) {
     return false;
   }
+  const normalizedSearch = getSearchString(search);
   return Boolean(normalizedSearch.indexOf("builder.preview=") !== -1);
 }
 
@@ -4018,7 +4006,7 @@ function isFromTrustedHost(trustedHosts, e) {
 }
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "1.0.21";
+var SDK_VERSION = "1.0.23";
 
 // src/functions/register.ts
 var registry = {};
@@ -4408,7 +4396,7 @@ function EnableEditor(props) {
           variationId: variationId !== contentId ? variationId : void 0
         });
       }
-      if (isPreviewing()) {
+      if (isPreviewing() && !isEditing()) {
         const searchParams = new URL(location.href).searchParams;
         const searchParamPreviewModel = searchParams.get("builder.preview");
         const searchParamPreviewId = searchParams.get(

package/lib/edge/dev.js

@@ -171,7 +171,8 @@ function isIframe() {
 
 // src/functions/is-editing.ts
 function isEditing(search) {
-  return isIframe() && (TARGET === "reactNative" || getSearchString(search || window.location.search).indexOf("builder.frameEditing=") !== -1);
+  return isIframe() && (TARGET === "reactNative" || // accessing window.location.search is safe here because `isIframe()` is only `true` if we're in a browser.
+  getSearchString(search || window.location.search).indexOf("builder.frameEditing=") !== -1);
 }
 
 // src/functions/track/helpers.ts
@@ -3531,7 +3532,6 @@ function evaluate({
   enableCache
 }) {
   if (code === "") {
-    logger.warn("Skipping evaluation of empty code block.");
     return void 0;
   }
   const args = {
@@ -3689,9 +3689,6 @@ function bindAnimations(animations) {
       case "pageLoad":
         triggerAnimation(animation);
         break;
-      case "hover":
-        bindHoverAnimation(animation);
-        break;
       case "scrollInView":
         bindScrollInViewAnimation(animation);
         break;
@@ -3750,33 +3747,6 @@ function triggerAnimation(animation) {
     });
   });
 }
-function bindHoverAnimation(animation) {
-  const elements = Array.prototype.slice.call(document.getElementsByClassName(animation.elementId || animation.id || ""));
-  if (!elements.length) {
-    warnElementNotPresent(animation.elementId || animation.id || "");
-    return;
-  }
-  Array.from(elements).forEach((element) => {
-    augmentAnimation(animation, element);
-    const defaultState = animation.steps[0].styles;
-    const hoverState = animation.steps[1].styles;
-    function attachDefaultState() {
-      assign(element.style, defaultState);
-    }
-    function attachHoverState() {
-      assign(element.style, hoverState);
-    }
-    attachDefaultState();
-    element.addEventListener("mouseenter", attachHoverState);
-    element.addEventListener("mouseleave", attachDefaultState);
-    setTimeout(() => {
-      element.style.transition = `all ${animation.duration}s ${camelCaseToKebabCase(animation.easing)}`;
-      if (animation.delay) {
-        element.style.transitionDelay = animation.delay + "s";
-      }
-    });
-  });
-}
 function bindScrollInViewAnimation(animation) {
   const elements = Array.prototype.slice.call(document.getElementsByClassName(animation.elementId || animation.id || ""));
   if (!elements.length) {
@@ -4087,7 +4057,20 @@ function BlockStyles(props) {
       styles: smallStyles,
       mediaQuery: getMaxWidthQueryForSize("small", sizesWithUpdatedBreakpoints)
     }) : "";
-    return [largeStylesClass, mediumStylesClass, smallStylesClass].join(" ");
+    const hoverAnimation = processedBlock.animations && processedBlock.animations.find((item) => item.trigger === "hover");
+    let hoverStylesClass = "";
+    if (hoverAnimation) {
+      const hoverStyles = hoverAnimation.steps?.[1]?.styles || {};
+      hoverStylesClass = createCssClass({
+        className: `${className}:hover`,
+        styles: {
+          ...hoverStyles,
+          transition: `all ${hoverAnimation.duration}s ${camelCaseToKebabCase(hoverAnimation.easing)}`,
+          transitionDelay: hoverAnimation.delay ? `${hoverAnimation.delay}s` : "0s"
+        }
+      }) || "";
+    }
+    return [largeStylesClass, mediumStylesClass, smallStylesClass, hoverStylesClass].join(" ");
   });
   return createComponent(Show, {
     get when() {
@@ -4419,7 +4402,7 @@ function Block(props) {
     const blockId = processedBlock().id;
     const animations = processedBlock().animations;
     if (animations && blockId) {
-      bindAnimations(animations.filter((item) => item.trigger !== "hover").map((animation) => ({
+      bindAnimations(animations.map((animation) => ({
         ...animation,
         elementId: blockId
       })));
@@ -7345,14 +7328,12 @@ async function fetchEntries(options) {
 }
 
 // src/functions/is-previewing.ts
-function isPreviewing(search) {
-  if (!isBrowser()) {
-    return false;
-  }
-  const normalizedSearch = getSearchString(search || window.location.search);
-  if (isEditing(normalizedSearch)) {
+function isPreviewing(_search) {
+  const search = _search || (isBrowser() ? window.location.search : void 0);
+  if (!search) {
     return false;
   }
+  const normalizedSearch = getSearchString(search);
   return Boolean(normalizedSearch.indexOf("builder.preview=") !== -1);
 }
 
@@ -7603,7 +7584,7 @@ function isFromTrustedHost(trustedHosts, e) {
 }
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "1.0.21";
+var SDK_VERSION = "1.0.23";
 
 // src/functions/register.ts
 var registry = {};
@@ -7981,7 +7962,7 @@ function EnableEditor(props) {
           variationId: variationId !== contentId ? variationId : void 0
         });
       }
-      if (isPreviewing()) {
+      if (isPreviewing() && !isEditing()) {
         const searchParams = new URL(location.href).searchParams;
         const searchParamPreviewModel = searchParams.get("builder.preview");
         const searchParamPreviewId = searchParams.get(`builder.preview.${searchParamPreviewModel}`);