@shoppexio/builder-runtime 0.1.3 → 0.1.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shoppexio/builder-runtime",
-  "version": "0.1.3",
+  "version": "0.1.4",
   "description": "Theme-side Builder v2 runtime helpers for Shoppex storefront themes",
   "type": "module",
   "repository": {

package/src/preview-mode.test.ts

@@ -0,0 +1,22 @@
+import { afterEach, describe, expect, test } from 'bun:test';
+import { isBuilderPreviewMode } from './preview-mode.js';
+
+describe('isBuilderPreviewMode', () => {
+  const previousWindow = globalThis.window;
+
+  afterEach(() => {
+    globalThis.window = previousWindow;
+  });
+
+  test('returns false during SSR without touching window.location', () => {
+    delete (globalThis as { window?: Window }).window;
+
+    expect(isBuilderPreviewMode()).toBe(false);
+  });
+
+  test('reads the provided location search params', () => {
+    expect(isBuilderPreviewMode({ search: '?shoppex-preview-mode=builder' })).toBe(true);
+    expect(isBuilderPreviewMode({ search: '?shoppex-preview-mode=theme' })).toBe(true);
+    expect(isBuilderPreviewMode({ search: '?shoppex-preview-mode=live' })).toBe(false);
+  });
+});

package/src/preview-mode.ts

@@ -1,8 +1,8 @@
-export function isBuilderPreviewMode(location: Pick<Location, 'search'> = window.location): boolean {
+export function isBuilderPreviewMode(location?: Pick<Location, 'search'>): boolean {
   if (typeof window === 'undefined') {
     return false;
   }
 
-  const mode = new URLSearchParams(location.search).get('shoppex-preview-mode');
+  const mode = new URLSearchParams((location ?? window.location).search).get('shoppex-preview-mode');
   return mode === 'theme' || mode === 'builder';
 }