@coxwave/tap-sdk 0.0.6 → 0.0.8

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@coxwave/tap-sdk",
-  "version": "0.0.6",
+  "version": "0.0.8",
   "type": "module",
   "description": "A vanilla JS SDK",
-  "main": "index.ts",
+  "main": "dist/index.js",
   "module": "dist/index.mjs",
   "types": "dist/index.d.ts",
   "exports": {

package/index.ts

@@ -1,285 +0,0 @@
-import ChatBodyMaker from "./chatBody";
-import FloatingButtonMaker from "./floatingButton";
-import { TapIframeBridge } from "./services/tap-iframe-bridge";
-import { EventManager } from "./services/event-manager";
-import showPopupWithHtml from "./popUpImage";
-
-import InitGA from "./ga";
-
-import {
-  AlarmMessageInstanceType,
-  ChatApiParamsType,
-  TapSDKType,
-  CustomStylesType,
-  ShortcutKeyType,
-  SeekTimelineParamsType,
-} from "./types";
-
-class TapSDK {
-  private pluginKey: string;
-  private iframeBridge: TapIframeBridge;
-  public events: EventManager;
-
-  private chatBody: HTMLElement | null = null;
-  private chatBodyMaker: ChatBodyMaker;
-  private floatingButtonMaker: FloatingButtonMaker;
-  private shortcutKey: ShortcutKeyType = {
-    openChat: { key: "/", modifier: "" },
-    sendChat: { key: "Enter", modifier: "" },
-  };
-
-  private isProd: boolean;
-  private isLocal: boolean;
-
-  private isOpen: boolean;
-  private isPdfOpen: boolean;
-
-  constructor({ pluginKey, isProd = false, isLocal = false }: TapSDKType) {
-    // protocol
-    this.pluginKey = pluginKey;
-    this.iframeBridge = new TapIframeBridge({
-      hostClientUrl: window.location.origin,
-      pluginKey: this.pluginKey,
-    });
-
-    // events
-    this.events = new EventManager(this.iframeBridge);
-
-    // render
-    this.floatingButtonMaker = new FloatingButtonMaker();
-    this.chatBodyMaker = new ChatBodyMaker();
-
-    // ga log
-    this.isProd = isProd;
-    this.isLocal = isLocal;
-
-    // state
-    this.isOpen = false;
-    this.isPdfOpen = false;
-  }
-
-  #isClient() {
-    return typeof window !== "undefined" && typeof document !== "undefined";
-  }
-
-  private setIsOpen(isOpen: boolean) {
-    this.isOpen = isOpen;
-  }
-
-  private setIsPdfOpen(isPdfOpen: boolean) {
-    this.isPdfOpen = isPdfOpen;
-  }
-
-  private sendChatMessage(): void {
-    const messageType = this.isOpen ? "chat:close" : "chat:open";
-
-    try {
-      const result = this.iframeBridge.postToTap({
-        type: messageType,
-      });
-
-      if (!result) {
-        console.error(`[TapSDK] Failed to send ${messageType} message`);
-      } else {
-      }
-    } catch (error) {
-      console.error("[TapSDK] Error sending chat message:", error);
-    }
-  }
-
-  seekTimeline({ clipId, clipPlayHead }: SeekTimelineParamsType) {
-    this.iframeBridge.postToTap({
-      type: "timeline:seek",
-      clipId,
-      clipPlayHead,
-    });
-  }
-
-  async initChat({
-    chatApiParams,
-    customStyles,
-    shortcutKey,
-  }: {
-    chatApiParams: ChatApiParamsType;
-    customStyles?: CustomStylesType;
-    shortcutKey?: ShortcutKeyType;
-  }) {
-    if (!this.#isClient()) {
-      console.error(
-        "[TapSDK] Not running in client environment: window is not defined"
-      );
-      throw new Error("not client: window is not defined");
-    }
-
-    this.shortcutKey = {
-      openChat: shortcutKey?.openChat ?? this.shortcutKey.openChat,
-      sendChat: shortcutKey?.sendChat ?? this.shortcutKey.sendChat,
-    };
-
-    // chat body render
-    if (!this.chatBody) {
-      const createdChatBody = this.chatBodyMaker.createChatBody({
-        ...(customStyles?.chatBody && {
-          customChatBody: customStyles.chatBody,
-        }),
-      });
-
-      if (!createdChatBody) {
-        console.error("[TapSDK] Failed to create chat body");
-        throw new Error("Failed to create chat body");
-      }
-
-      this.chatBody = createdChatBody;
-    }
-
-    // chat iframe
-    if (!this.iframeBridge.hasIframe()) {
-      await this.iframeBridge.renderIframe({
-        chatBody: this.chatBody,
-        isProd: this.isProd,
-        isLocal: this.isLocal,
-      });
-    } else {
-    }
-
-    try {
-      const initiatedMessage = await this.iframeBridge.performHandshake(
-        {
-          chatApiParams,
-          customStyles,
-          shortcutKey: this.shortcutKey,
-        },
-        {
-          retryInterval: 500,
-          maxRetries: 10,
-          timeout: 10000,
-        }
-      );
-
-
-      // Initialize GA with the received gaId
-      new InitGA({ gaId: initiatedMessage.gaId });
-    } catch (error) {
-      console.error("[TapSDK] Handshake failed:", error);
-      throw new Error(
-        `Chat initialization failed: ${error instanceof Error ? error.message : "Unknown error"}`
-      );
-    }
-
-    // floating button render
-    this.floatingButtonMaker.render({
-      ...(customStyles?.floatingButton && {
-        customFloatingButton: customStyles.floatingButton,
-      }),
-    });
-    this.floatingButtonMaker.addClickEvent({
-      callback: () => {
-
-        // Check if iframe exists before sending message
-        if (!this.iframeBridge.hasIframe()) {
-          console.warn("[TapSDK] Iframe not available, attempting to reinitialize...");
-          // Try to recreate iframe if it's missing
-          this.iframeBridge.renderIframe({
-            chatBody: this.chatBody!,
-            isProd: this.isProd,
-            isLocal: this.isLocal,
-          }).then(() => {
-            this.sendChatMessage();
-          }).catch((error) => {
-            console.error("[TapSDK] Failed to recreate iframe:", error);
-          });
-          return;
-        }
-
-        this.sendChatMessage();
-      },
-    });
-
-    this.floatingButtonMaker.addAlarmClickEvent({
-      callback: (messageInfo: AlarmMessageInstanceType) => {
-        this.iframeBridge.postToTap({ type: "chat:open", isAlarm: true });
-        this.iframeBridge.postToTap({ type: "alarm:click", messageInfo });
-      },
-    });
-
-    this.iframeBridge.listenToTap("chat:opened", () => {
-      this.setIsOpen(true);
-      this.chatBodyMaker.toggleVisibility(this.isOpen);
-      this.floatingButtonMaker.alarmRemove();
-    });
-    this.iframeBridge.listenToTap("chat:closed", () => {
-      this.setIsOpen(false);
-      this.chatBodyMaker.toggleVisibility(this.isOpen);
-    });
-
-    // alarm
-    this.iframeBridge.listenToTap("alarm:fadeIn", (data) => {
-      if (this.isOpen) return;
-      this.floatingButtonMaker.alarmFadeIn(data.messageInfo);
-    });
-
-    // popUp
-    this.iframeBridge.listenToTap("popUp:open", (data) => {
-      showPopupWithHtml({
-        htmlString: data.popUpInfo.html,
-        callback: () => this.iframeBridge.postToTap({ type: "popUp:close" }),
-        ...(customStyles?.chatBody && { customStyles: customStyles.chatBody }),
-      });
-    });
-
-    // pdf Open
-    this.iframeBridge.listenToTap("pdf:open", () => {
-      this.setIsPdfOpen(true);
-      this.chatBodyMaker.resizeChatBody(this.isPdfOpen, customStyles?.chatBody);
-      this.iframeBridge.postToTap({ type: "pdf:enlarged" });
-    });
-    this.iframeBridge.listenToTap("pdf:close", () => {
-      this.setIsPdfOpen(false);
-      this.chatBodyMaker.resizeChatBody(this.isPdfOpen, customStyles?.chatBody);
-      this.iframeBridge.postToTap({ type: "pdf:shrinked" });
-    });
-
-    // if dev, attach alaram:fadeIn event
-    if (this.isLocal) {
-      this.iframeBridge.listenToTap("alarm:fadeIn", (data) => {
-        this.floatingButtonMaker.alarmFadeIn(data.messageInfo);
-      });
-    }
-  }
-
-  removeChat() {
-    if (!this.chatBody) throw new Error("chatBody is not initialized");
-
-    this.chatBodyMaker.removeChatBody();
-    this.floatingButtonMaker.alarmRemove();
-    this.iframeBridge.removeIframe();
-    this.chatBody = null;
-    this.isOpen = false;
-  }
-
-  /**
-   * @deprecated use `seekTimeline` method. gotta be expired at v1.0.0
-   */
-  postChatInfo({
-    clipId,
-    clipPlayHead,
-  }: {
-    clipId: string;
-    clipPlayHead: number;
-  }) {
-    this.seekTimeline({ clipId, clipPlayHead });
-  }
-
-  /**
-   * @deprecated use `events.onTimelineSeek` method. gotta be expired at v1.0.0
-   */
-  getTimelineInfo({
-    callback,
-  }: {
-    callback: (clipPlayHead: number, clipId: string) => void;
-  }) {
-    this.events.onTimelineSeek(callback);
-  }
-}
-
-export default TapSDK;