test 1: check mixapnel sanity on SSR

Author: Prashant.patil

src/embed/base.ts

@@ -35,6 +35,7 @@ import { uploadMixpanelEvent, MIXPANEL_EVENT } from '../mixpanel-service';
 import { getEmbedConfig, setEmbedConfig } from './embedConfig';
 import { getQueryParamString, getValueFromWindow, storeValueInWindow } from '../utils';
 import { resetAllCachedServices } from '../utils/resetServices';
+import { isBrowser } from '../utils';
 
 const CONFIG_DEFAULTS: Partial<EmbedConfig> = {
     loginFailedMessage: 'Not logged in',
@@ -238,33 +239,51 @@ export const init = (embedConfig: EmbedConfig): AuthEventEmitter => {
     );
 
     setGlobalLogLevelOverride(embedConfig.logLevel);
-    registerReportingObserver();
+    
+    // Only register browser-specific observers when in browser
+    if (isBrowser()) {
+        registerReportingObserver();
+    }
 
     const authEE = new EventEmitter<AuthStatus | AuthEvent>();
     setAuthEE(authEE);
-    handleAuth();
-
-    console.log('init mixpanel done', getEmbedConfig());
-    alert("yaha tak to aa gya bhai bina error ke");
-
-    const { password, ...configToTrack } = getEmbedConfig();
-    uploadMixpanelEvent(MIXPANEL_EVENT.VISUAL_SDK_CALLED_INIT, {
-        ...configToTrack,
-        usedCustomizationSheet: embedConfig.customizations?.style?.customCSSUrl != null,
-        usedCustomizationVariables: embedConfig.customizations?.style?.customCSS?.variables != null,
-        usedCustomizationRules:
-            embedConfig.customizations?.style?.customCSS?.rules_UNSTABLE != null,
-        usedCustomizationStrings: !!embedConfig.customizations?.content?.strings,
-        usedCustomizationIconSprite: !!embedConfig.customizations?.iconSpriteUrl,
-    });
+    
+    // For SSR, we handle auth differently based on auth type
+    if (embedConfig.authType === AuthType.TrustedAuthTokenCookieless) {
+        // Cookieless auth can work in SSR
+        handleAuth();
+    } else if (isBrowser()) {
+        // Other auth types need browser capabilities
+        handleAuth();
+    }
 
-    if (getEmbedConfig().callPrefetch) {
-        prefetch(getEmbedConfig().thoughtSpotHost);
+    // Skip browser-only operations when in SSR
+    if (isBrowser()) {
+        console.log('init mixpanel done', getEmbedConfig());
+        alert("yaha tak to aa gya bhai bina error ke");
+
+        const { password, ...configToTrack } = getEmbedConfig();
+        uploadMixpanelEvent(MIXPANEL_EVENT.VISUAL_SDK_CALLED_INIT, {
+            ...configToTrack,
+            usedCustomizationSheet: embedConfig.customizations?.style?.customCSSUrl != null,
+            usedCustomizationVariables: embedConfig.customizations?.style?.customCSS?.variables != null,
+            usedCustomizationRules:
+                embedConfig.customizations?.style?.customCSS?.rules_UNSTABLE != null,
+            usedCustomizationStrings: !!embedConfig.customizations?.content?.strings,
+            usedCustomizationIconSprite: !!embedConfig.customizations?.iconSpriteUrl,
+        });
+
+        if (getEmbedConfig().callPrefetch) {
+            prefetch(getEmbedConfig().thoughtSpotHost);
+        }
     }
 
-    // Resolves the promise created in the initPromiseKey
-    getValueFromWindow<InitFlagStore>(initFlagKey).initPromiseResolve(authEE);
-    getValueFromWindow<InitFlagStore>(initFlagKey).isInitCalled = true;
+    // Store initialization flag in appropriate storage (server or browser)
+    const initFlagStore = getValueFromWindow<InitFlagStore>(initFlagKey);
+    if (initFlagStore) {
+        initFlagStore.initPromiseResolve(authEE);
+        initFlagStore.isInitCalled = true;
+    }
 
     return authEE as AuthEventEmitter;
 };

src/utils.ts

@@ -337,6 +337,9 @@ export const getTypeFromValue = (value: any): [string, string] => {
 };
 
 const sdkWindowKey = '_tsEmbedSDK' as any;
+let serverStorage: Record<string, any> = {};
+
+export const isBrowser = () : boolean => typeof window !== 'undefined';
 
 /**
  * Stores a value in the global `window` object under the `_tsEmbedSDK` namespace.
@@ -354,6 +357,15 @@ export function storeValueInWindow<T>(
     value: T,
     options: { ignoreIfAlreadyExists?: boolean } = {},
 ): T {
+
+    if (!isBrowser()) {
+        if (options.ignoreIfAlreadyExists && key in serverStorage) {
+            return serverStorage[key];
+        }
+        serverStorage[key] = value;
+        return value;
+    }
+        
     if (!window[sdkWindowKey]) {
         (window as any)[sdkWindowKey] = {};
     }
@@ -371,8 +383,12 @@ export function storeValueInWindow<T>(
  * @param key - The key whose value needs to be retrieved.
  * @returns The stored value or `undefined` if the key is not found.
  */
-export const getValueFromWindow = <T = any>
-    (key: string): T => (window as any)?.[sdkWindowKey]?.[key];
+export const getValueFromWindow = <T = any>(key: string): T => {
+    if (!isBrowser()) {
+        return serverStorage[key];
+    }
+    return (window as any)?.[sdkWindowKey]?.[key];
+};
 
 /**
  * Resets the key if it exists in the `window` object under the `_tsEmbedSDK` key.
@@ -381,9 +397,20 @@ export const getValueFromWindow = <T = any>
  * @returns - boolean indicating if the key was reset
  */
 export function resetValueFromWindow(key: string): boolean {
+    if (!isBrowser()) {
+        if (key in serverStorage) {
+            delete serverStorage[key];
+            return true;
+        }
+        return false;
+    }
     if (key in window[sdkWindowKey]) {
         delete (window as any)[sdkWindowKey][key];
         return true;
     }
     return false;
 }
+
+export const clearServerStorage = () => {
+    serverStorage = {};
+};