@adstage/web-sdk 3.0.7 → 3.0.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adstage/web-sdk",
-  "version": "3.0.7",
+  "version": "3.0.9",
   "description": "AdStage Web SDK - Production-ready marketing platform SDK with React Provider support for seamless integration",
   "type": "module",
   "main": "dist/index.cjs.js",

package/src/core/adstage.ts

@@ -105,18 +105,33 @@ export class AdStage {
   }
 
   /**
-   * 편의성을 위한 정적 모듈 접근자들
+   * 편의성을 위한 정적 모듈 접근자들 (안전장치 포함)
    */
   public static get ads() {
-    return AdStage.getInstance().ads;
+    try {
+      return AdStage.getInstance().ads;
+    } catch (error) {
+      console.warn('AdStage.ads accessed before initialization');
+      throw error;
+    }
   }
 
   public static get events() {
-    return AdStage.getInstance().events;
+    try {
+      return AdStage.getInstance().events;
+    } catch (error) {
+      console.warn('AdStage.events accessed before initialization');
+      throw error;
+    }
   }
 
   public static get config() {
-    return AdStage.getInstance().config;
+    try {
+      return AdStage.getInstance().config;
+    } catch (error) {
+      console.warn('AdStage.config accessed before initialization');
+      throw error;
+    }
   }
 
   /**

package/src/managers/ads/advertisement-event-tracker.ts

@@ -49,6 +49,16 @@ export class AdvertisementEventTracker {
         return;
       }
       
+      // DOM 요소가 실제로 존재하는지 확인 (이미 제거된 요소에 대한 추적 방지)
+      const element = document.getElementById(slot.containerId) || 
+                     document.querySelector(`[data-adstage-slot-id="${slotId}"]`);
+      if (!element) {
+        if (this.debug) {
+          console.warn(`⚠️ DOM element not found for slotId: ${slotId} (containerId: ${slot.containerId}). Skipping event tracking.`);
+        }
+        return;
+      }
+      
       // 디바이스 정보 수집
       const deviceInfo = DeviceInfoCollector.collectDeviceInfo();
 

package/src/managers/device-info-collector.ts

@@ -119,9 +119,26 @@ export class DeviceInfoCollector {
 
   /**
    * 슬롯 위치 정보 가져오기 (SSR 안전)
+   * 슬라이더 내부 광고 요소도 지원
    */
   static getSlotPosition(containerId: string): string {
-    const element = DOMUtils.safeGetElementById(containerId);
+    // 1. 기본 컨테이너 ID로 먼저 찾기
+    let element = DOMUtils.safeGetElementById(containerId);
+    
+    // 2. 컨테이너를 찾지 못한 경우, 슬라이더 래퍼 찾기
+    if (!element) {
+      // 슬라이더 래퍼는 일반적으로 원본 컨테이너 내부에 있음
+      const sliderWrapper = DOMUtils.safeQuerySelector(`#${containerId} .adstage-slider-wrapper`);
+      if (sliderWrapper) {
+        element = sliderWrapper as HTMLElement;
+      }
+    }
+    
+    // 3. 여전히 찾지 못한 경우, data-adstage-slot-id 속성으로 찾기
+    if (!element) {
+      element = DOMUtils.safeQuerySelector(`[data-adstage-slot-id="${containerId}"]`);
+    }
+    
     if (!element) return 'unknown';
     
     const rect = element.getBoundingClientRect();

package/src/modules/ads/ads-module.ts

@@ -211,7 +211,11 @@ export class AdsModule implements BaseModule {
     
     const slot = this.slots.get(slotId);
     if (!slot) {
-      throw new Error(`Ad slot not found: ${slotId}`);
+      // 🔧 이미 정리된 슬롯인 경우 조용히 처리 (에러 발생하지 않음)
+      if (this._config?.debug) {
+        console.log(`🔍 Ad slot already cleaned up: ${slotId}`);
+      }
+      return;
     }
 
     // SimpleViewabilityTracker 정리
@@ -637,6 +641,11 @@ export class AdsModule implements BaseModule {
     const slot = this.slots.get(slotId);
     if (slot) {
       try {
+        // SimpleViewabilityTracker 정리
+        if ((slot as any).viewabilityTracker) {
+          (slot as any).viewabilityTracker.destroy();
+        }
+
         // 슬롯 정리 (로그 출력 최소화)
         this.slots.delete(slotId);