@blux.ai/web-sdk 1.0.0-rc1 → 1.0.0-rc3

package/README.md

@@ -24,7 +24,7 @@ const bluxClient = await BluxClient.init({
   applicationId: "{blux_client_id}",
   bluxApiKey: "{blux_api_key}",
 });
-bluxClient.setLogLevel("debug");
+bluxClient.setLogLevel("warning");
 ```
 
 - **setLogLevel** : 연동 관련하여 디버깅을 하기 위해서 로깅을 활성화할 수 있습니다. 해당 설정은 정적이므로 BluxClient를 초기화하기 전에 호출하실 수 있습니다.

package/dist/package.json

@@ -1,10 +1,10 @@
 {
     "name": "@blux.ai/web-sdk",
-    "version": "1.0.0-rc1",
+    "version": "1.0.0-rc3",
     "description": "The official Blux JavaScript browser client library",
-    "main": "dist/index.js",
-    "module": "dist/index.js",
-    "types": "dist/index.d.ts",
+    "main": "dist/src/index.js",
+    "module": "dist/src/index.js",
+    "types": "dist//src/index.d.ts",
     "license": "UNLICENSED",
     "scripts": {
         "test": "jest",

package/dist/src/BluxClient.d.ts

@@ -0,0 +1,41 @@
+import { BehaviorSubject } from "rxjs";
+import type { LogLevel } from "./utils/Logger";
+import type { EventRequest } from "./events/types";
+import type { Event } from "./events/Event";
+import type { Recommendation } from "./recommendations/Recommendation";
+import { type APIs } from "./apis/APIs";
+export type SdkInfo = {
+    type: string;
+    version: string;
+};
+type BluxUser = {
+    id: string;
+    bluxApiKey: string;
+    applicationId: string;
+    deviceId: string;
+    userId?: string;
+};
+export declare class BluxClient {
+    private readonly api;
+    private readonly sdkInfo;
+    readonly bluxUser$: BehaviorSubject<BluxUser | undefined>;
+    readonly requestQueue$: BehaviorSubject<EventRequest[]>;
+    constructor();
+    private generateApiHeader;
+    static init({ applicationId, bluxApiKey, }: {
+        applicationId: string;
+        bluxApiKey: string;
+    }): Promise<BluxClient | null>;
+    setLogLevel(logLevel: LogLevel): void;
+    private getBluxUserWithTimeout;
+    signIn(userId: string): Promise<void>;
+    signOut(): Promise<void>;
+    setUserProperties(userProperties: {
+        phone_number?: string;
+        email_address?: string;
+    }): Promise<void>;
+    setCustomUserProperties(customUserProperties: Record<string, string | boolean | number | null>): Promise<void>;
+    sendEvent(event: Event | Event[]): void;
+    getItemRecommendation(recommendation: Recommendation): Promise<APIs.bluxUsersGetItemRecommendations.ResponseData>;
+}
+export {};

package/dist/src/BluxClient.js

@@ -0,0 +1,208 @@
+import packageJson from "../package.json";
+import { asyncScheduler, BehaviorSubject, catchError, exhaustMap, filter, firstValueFrom, map, observeOn, throwError, timeout, withLatestFrom, } from "rxjs";
+import { LocalStorage } from "./utils/LocalStorage";
+import { Logger } from "./utils/Logger";
+import axios from "axios";
+import { filterNullable } from "./utils/operators";
+import { initialize } from "./apis/initialize";
+import { signIn } from "./apis/signIn";
+import { signOut } from "./apis/signOut";
+import { updateUserProperties } from "./apis/updateUserProperties";
+import { updateCustomUserProperties } from "./apis/updateCustomUserProperties";
+import { collectEvent } from "./apis/createEvent";
+import { VisitEvent } from "./events/VisitEvent";
+import { getItemRecommendation } from "./apis/getItemRecommendation";
+import { DevicePlatform } from "./apis/APIs";
+import { AddPageVisitEvent } from "./events/AddPageVisitEvent";
+export class BluxClient {
+    api;
+    sdkInfo = {
+        type: "browser",
+        version: packageJson.version,
+    };
+    bluxUser$ = new BehaviorSubject(undefined);
+    requestQueue$ = new BehaviorSubject([]);
+    constructor() {
+        this.api = axios.create({
+            baseURL: "https://api.blux.ai/prod",
+        });
+        this.requestQueue$
+            .pipe(filter((queue) => queue.length > 0), withLatestFrom(this.bluxUser$.pipe(filterNullable())), exhaustMap(async ([requests, bluxUser]) => {
+            try {
+                await collectEvent(this.api, {
+                    blux_user_id: bluxUser.id,
+                    application_id: bluxUser.applicationId,
+                }, {
+                    events: requests.map((request) => ({
+                        ...request,
+                        user_id: bluxUser.userId,
+                        blux_id: bluxUser.id,
+                        device_id: bluxUser.deviceId,
+                    })),
+                }, this.generateApiHeader(bluxUser));
+            }
+            catch (error) {
+                // todo : retry
+                Logger.error(error, { tags: { from: "request-events-api" } });
+            }
+            return requests.map((r) => r.id); // todo: return successed requests only
+        }), map((requestIdsSucceeded) => this.requestQueue$.value.filter((request) => !requestIdsSucceeded.includes(request.id))), observeOn(asyncScheduler))
+            .subscribe(this.requestQueue$);
+    }
+    generateApiHeader({ bluxApiKey }) {
+        return {
+            Authorization: bluxApiKey,
+        };
+    }
+    static async init({ applicationId, bluxApiKey, }) {
+        const client = new BluxClient();
+        client.sendEvent(new VisitEvent({}));
+        try {
+            Logger.debug(`Init with application id: ${applicationId}`);
+            const deviceId = LocalStorage.getDeviceId();
+            if (!deviceId) {
+                Logger.debug("No saved Device ID, register a new one.");
+            }
+            const { data: { blux_user_id, device_id }, } = await initialize(client.api, { application_id: applicationId }, {
+                isVisitHandlingInSdk: true,
+                device_id: deviceId ?? undefined,
+                country_code: navigator.language.split("-")[1],
+                device_model: navigator.userAgent,
+                language_code: navigator.language.split("-")[0],
+                platform: DevicePlatform.browser,
+                os_version: navigator.userAgent,
+                sdk_version: client.sdkInfo.version,
+                sdk_type: client.sdkInfo.type,
+                timezone: Intl.DateTimeFormat().resolvedOptions().timeZone,
+            }, client.generateApiHeader({
+                bluxApiKey,
+            }));
+            LocalStorage.setDeviceId(device_id);
+            client.bluxUser$.next({
+                id: blux_user_id,
+                bluxApiKey,
+                applicationId,
+                deviceId: device_id,
+            });
+            const mutationObserver = new MutationObserver(() => {
+                const url = LocalStorage.getUrl();
+                if (window.location.href !== url) {
+                    // 페이지 이동 시 url, ref 업데이트
+                    LocalStorage.setRef(`${url}`);
+                    LocalStorage.setUrl(window.location.href);
+                    // 페이지 이동 시 page_visit event 자동 수집
+                    client.sendEvent(new AddPageVisitEvent({}));
+                }
+            });
+            const mutationObserverConfig = { subtree: true, childList: true };
+            mutationObserver.observe(document.body, mutationObserverConfig);
+            return client;
+        }
+        catch (error) {
+            Logger.error(error, { tags: { from: "init" } });
+            return null;
+        }
+    }
+    setLogLevel(logLevel) {
+        Logger.setLevel(logLevel);
+    }
+    async getBluxUserWithTimeout() {
+        const bluxUser = await firstValueFrom(this.bluxUser$.pipe(filterNullable(), timeout(5000), catchError((error) => {
+            return throwError(() => error.name === "TimeoutError"
+                ? new Error("Application ID is not initialized. Please initialize BluxClient.")
+                : error);
+        })));
+        return bluxUser;
+    }
+    async signIn(userId) {
+        try {
+            const bluxUser = await this.getBluxUserWithTimeout();
+            const { data: { blux_user_id: bluxIdInResponse }, } = await signIn(this.api, { application_id: bluxUser.applicationId, blux_user_id: bluxUser.id }, { user_id: userId, device_id: bluxUser.deviceId }, this.generateApiHeader(bluxUser));
+            if (bluxIdInResponse !== bluxUser.id) {
+                Logger.debug("Blux id is changed in signIn.");
+                this.bluxUser$.next({
+                    ...bluxUser,
+                    id: bluxIdInResponse,
+                });
+            }
+        }
+        catch (error) {
+            Logger.error(error, { tags: { from: "signIn" } });
+        }
+    }
+    async signOut() {
+        try {
+            const bluxUser = await this.getBluxUserWithTimeout();
+            const { data: { blux_user_id: bluxIdInResponse }, } = await signOut(this.api, { application_id: bluxUser.applicationId, blux_user_id: bluxUser.id }, { device_id: bluxUser.deviceId }, this.generateApiHeader(bluxUser));
+            Logger.debug("Blux id is changed in signOut.");
+            this.bluxUser$.next({
+                ...bluxUser,
+                id: bluxIdInResponse,
+            });
+        }
+        catch (error) {
+            Logger.error(error, { tags: { from: "signOut" } });
+        }
+    }
+    async setUserProperties(userProperties) {
+        try {
+            const bluxUser = await this.getBluxUserWithTimeout();
+            await updateUserProperties(this.api, { application_id: bluxUser.applicationId, blux_user_id: bluxUser.id }, { properties: userProperties }, this.generateApiHeader(bluxUser));
+        }
+        catch (error) {
+            Logger.error(error, { tags: { from: "setUserProperties" } });
+        }
+    }
+    async setCustomUserProperties(customUserProperties) {
+        try {
+            const bluxUser = await this.getBluxUserWithTimeout();
+            await updateCustomUserProperties(this.api, { application_id: bluxUser.applicationId, blux_user_id: bluxUser.id }, { properties: customUserProperties }, this.generateApiHeader(bluxUser));
+        }
+        catch (error) {
+            Logger.error(error, { tags: { from: "setCustomUserProperties" } });
+        }
+    }
+    sendEvent(event) {
+        const requests = (Array.isArray(event) ? event : [event]).map((event) => {
+            // 모든 행동 데이터에 url, ref 추가
+            event.request.internal_event_properties = {
+                url: `${LocalStorage.getUrl()}`,
+                ref: `${LocalStorage.getRef()}`,
+            };
+            return event.request;
+        });
+        this.requestQueue$.next([
+            ...this.requestQueue$.value,
+            ...requests.filter((request) => !this.requestQueue$.value.map((r) => r.id).includes(request.id)),
+        ]);
+    }
+    async getItemRecommendation(recommendation) {
+        try {
+            const bluxUser = await this.getBluxUserWithTimeout();
+            const recommendationRequest = recommendation.request;
+            const recommendationResponse = await getItemRecommendation(this.api, {
+                application_id: bluxUser.applicationId,
+                blux_user_id: bluxUser.id,
+            }, {
+                call_type: recommendationRequest.call_type,
+                limit: recommendationRequest.limit,
+                offset: recommendationRequest.offset,
+                item_ids: recommendationRequest.item_ids,
+            }, this.generateApiHeader(bluxUser));
+            return recommendationResponse.data;
+        }
+        catch (error) {
+            Logger.error(error, { tags: { from: "getItemRecommendation" } });
+            return {
+                items: [],
+                metadata: {},
+                status: {
+                    is_success: false,
+                    code: 400,
+                    message: error.message,
+                },
+            };
+        }
+    }
+}
+//# sourceMappingURL=BluxClient.js.map

package/dist/src/BluxClient.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BluxClient.js","sourceRoot":"/","sources":["src/BluxClient.ts"],"names":[],"mappings":"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","sourcesContent":["import packageJson from \"../package.json\";\nimport {\n  asyncScheduler,\n  BehaviorSubject,\n  catchError,\n  exhaustMap,\n  filter,\n  firstValueFrom,\n  map,\n  observeOn,\n  throwError,\n  timeout,\n  withLatestFrom,\n} from \"rxjs\";\nimport { LocalStorage } from \"./utils/LocalStorage\";\nimport type { LogLevel } from \"./utils/Logger\";\nimport { Logger } from \"./utils/Logger\";\nimport type { AxiosInstance } from \"axios\";\nimport axios from \"axios\";\nimport { filterNullable } from \"./utils/operators\";\nimport type { EventRequest } from \"./events/types\";\nimport type { Event } from \"./events/Event\";\nimport { initialize } from \"./apis/initialize\";\nimport { signIn } from \"./apis/signIn\";\nimport { signOut } from \"./apis/signOut\";\nimport { updateUserProperties } from \"./apis/updateUserProperties\";\nimport { updateCustomUserProperties } from \"./apis/updateCustomUserProperties\";\nimport { collectEvent } from \"./apis/createEvent\";\nimport { VisitEvent } from \"./events/VisitEvent\";\nimport type { Recommendation } from \"./recommendations/Recommendation\";\nimport { getItemRecommendation } from \"./apis/getItemRecommendation\";\nimport { DevicePlatform, type APIs } from \"./apis/APIs\";\nimport { AddPageVisitEvent } from \"./events/AddPageVisitEvent\";\n\nexport type SdkInfo = {\n  type: string;\n  version: string;\n};\n\ntype BluxUser = {\n  id: string;\n  bluxApiKey: string;\n  applicationId: string;\n  deviceId: string;\n  userId?: string;\n};\n\nexport class BluxClient {\n  private readonly api: AxiosInstance;\n\n  private readonly sdkInfo: SdkInfo = {\n    type: \"browser\",\n    version: packageJson.version,\n  };\n\n  public readonly bluxUser$ = new BehaviorSubject<BluxUser | undefined>(\n    undefined,\n  );\n\n  public readonly requestQueue$ = new BehaviorSubject<EventRequest[]>([]);\n\n  constructor() {\n    this.api = axios.create({\n      baseURL: \"https://api.blux.ai/prod\",\n    });\n    this.requestQueue$\n      .pipe(\n        filter((queue) => queue.length > 0),\n        withLatestFrom(this.bluxUser$.pipe(filterNullable())),\n        exhaustMap(async ([requests, bluxUser]) => {\n          try {\n            await collectEvent(\n              this.api,\n              {\n                blux_user_id: bluxUser.id,\n                application_id: bluxUser.applicationId,\n              },\n              {\n                events: requests.map((request) => ({\n                  ...request,\n                  user_id: bluxUser.userId,\n                  blux_id: bluxUser.id,\n                  device_id: bluxUser.deviceId,\n                })),\n              },\n              this.generateApiHeader(bluxUser),\n            );\n          } catch (error) {\n            // todo : retry\n            Logger.error(error, { tags: { from: \"request-events-api\" } });\n          }\n\n          return requests.map((r) => r.id); // todo: return successed requests only\n        }),\n        map((requestIdsSucceeded) =>\n          this.requestQueue$.value.filter(\n            (request) => !requestIdsSucceeded.includes(request.id),\n          ),\n        ),\n        observeOn(asyncScheduler),\n      )\n      .subscribe(this.requestQueue$);\n  }\n\n  private generateApiHeader({ bluxApiKey }: { bluxApiKey: string }) {\n    return {\n      Authorization: bluxApiKey,\n    };\n  }\n\n  public static async init({\n    applicationId,\n    bluxApiKey,\n  }: {\n    applicationId: string;\n    bluxApiKey: string;\n  }): Promise<BluxClient | null> {\n    const client = new BluxClient();\n    client.sendEvent(new VisitEvent({}));\n    try {\n      Logger.debug(`Init with application id: ${applicationId}`);\n\n      const deviceId = LocalStorage.getDeviceId();\n\n      if (!deviceId) {\n        Logger.debug(\"No saved Device ID, register a new one.\");\n      }\n\n      const {\n        data: { blux_user_id, device_id },\n      } = await initialize(\n        client.api,\n        { application_id: applicationId },\n        {\n          isVisitHandlingInSdk: true,\n          device_id: deviceId ?? undefined,\n          country_code: navigator.language.split(\"-\")[1],\n          device_model: navigator.userAgent,\n          language_code: navigator.language.split(\"-\")[0],\n          platform: DevicePlatform.browser,\n          os_version: navigator.userAgent,\n          sdk_version: client.sdkInfo.version,\n          sdk_type: client.sdkInfo.type,\n          timezone: Intl.DateTimeFormat().resolvedOptions().timeZone,\n        },\n        client.generateApiHeader({\n          bluxApiKey,\n        }),\n      );\n\n      LocalStorage.setDeviceId(device_id);\n\n      client.bluxUser$.next({\n        id: blux_user_id,\n        bluxApiKey,\n        applicationId,\n        deviceId: device_id,\n      });\n\n      const mutationObserver = new MutationObserver(() => {\n        const url = LocalStorage.getUrl();\n\n        if (window.location.href !== url) {\n          // 페이지 이동 시 url, ref 업데이트\n          LocalStorage.setRef(`${url}`);\n          LocalStorage.setUrl(window.location.href);\n\n          // 페이지 이동 시 page_visit event 자동 수집\n          client.sendEvent(new AddPageVisitEvent({}));\n        }\n      });\n      const mutationObserverConfig = { subtree: true, childList: true };\n      mutationObserver.observe(document.body, mutationObserverConfig);\n\n      return client;\n    } catch (error) {\n      Logger.error(error, { tags: { from: \"init\" } });\n      return null;\n    }\n  }\n\n  public setLogLevel(logLevel: LogLevel) {\n    Logger.setLevel(logLevel);\n  }\n\n  private async getBluxUserWithTimeout() {\n    const bluxUser = await firstValueFrom(\n      this.bluxUser$.pipe(\n        filterNullable(),\n        timeout(5000),\n        catchError((error) => {\n          return throwError(() =>\n            error.name === \"TimeoutError\"\n              ? new Error(\n                  \"Application ID is not initialized. Please initialize BluxClient.\",\n                )\n              : error,\n          );\n        }),\n      ),\n    );\n\n    return bluxUser;\n  }\n\n  public async signIn(userId: string) {\n    try {\n      const bluxUser = await this.getBluxUserWithTimeout();\n\n      const {\n        data: { blux_user_id: bluxIdInResponse },\n      } = await signIn(\n        this.api,\n        { application_id: bluxUser.applicationId, blux_user_id: bluxUser.id },\n        { user_id: userId, device_id: bluxUser.deviceId },\n        this.generateApiHeader(bluxUser),\n      );\n\n      if (bluxIdInResponse !== bluxUser.id) {\n        Logger.debug(\"Blux id is changed in signIn.\");\n        this.bluxUser$.next({\n          ...bluxUser,\n          id: bluxIdInResponse,\n        });\n      }\n    } catch (error) {\n      Logger.error(error, { tags: { from: \"signIn\" } });\n    }\n  }\n\n  public async signOut() {\n    try {\n      const bluxUser = await this.getBluxUserWithTimeout();\n\n      const {\n        data: { blux_user_id: bluxIdInResponse },\n      } = await signOut(\n        this.api,\n        { application_id: bluxUser.applicationId, blux_user_id: bluxUser.id },\n        { device_id: bluxUser.deviceId },\n        this.generateApiHeader(bluxUser),\n      );\n\n      Logger.debug(\"Blux id is changed in signOut.\");\n      this.bluxUser$.next({\n        ...bluxUser,\n        id: bluxIdInResponse,\n      });\n    } catch (error) {\n      Logger.error(error, { tags: { from: \"signOut\" } });\n    }\n  }\n\n  public async setUserProperties(userProperties: {\n    phone_number?: string;\n    email_address?: string;\n  }) {\n    try {\n      const bluxUser = await this.getBluxUserWithTimeout();\n\n      await updateUserProperties(\n        this.api,\n        { application_id: bluxUser.applicationId, blux_user_id: bluxUser.id },\n        { properties: userProperties },\n        this.generateApiHeader(bluxUser),\n      );\n    } catch (error) {\n      Logger.error(error, { tags: { from: \"setUserProperties\" } });\n    }\n  }\n\n  public async setCustomUserProperties(\n    customUserProperties: Record<string, string | boolean | number | null>,\n  ) {\n    try {\n      const bluxUser = await this.getBluxUserWithTimeout();\n\n      await updateCustomUserProperties(\n        this.api,\n        { application_id: bluxUser.applicationId, blux_user_id: bluxUser.id },\n        { properties: customUserProperties },\n        this.generateApiHeader(bluxUser),\n      );\n    } catch (error) {\n      Logger.error(error, { tags: { from: \"setCustomUserProperties\" } });\n    }\n  }\n\n  public sendEvent(event: Event | Event[]) {\n    const requests = (Array.isArray(event) ? event : [event]).map((event) => {\n      // 모든 행동 데이터에 url, ref 추가\n      event.request.internal_event_properties = {\n        url: `${LocalStorage.getUrl()}`,\n        ref: `${LocalStorage.getRef()}`,\n      };\n\n      return event.request;\n    });\n\n    this.requestQueue$.next([\n      ...this.requestQueue$.value,\n      ...requests.filter(\n        (request) =>\n          !this.requestQueue$.value.map((r) => r.id).includes(request.id),\n      ),\n    ]);\n  }\n\n  public async getItemRecommendation(\n    recommendation: Recommendation,\n  ): Promise<APIs.bluxUsersGetItemRecommendations.ResponseData> {\n    try {\n      const bluxUser = await this.getBluxUserWithTimeout();\n      const recommendationRequest = recommendation.request;\n\n      const recommendationResponse = await getItemRecommendation(\n        this.api,\n        {\n          application_id: bluxUser.applicationId,\n          blux_user_id: bluxUser.id,\n        },\n        {\n          call_type: recommendationRequest.call_type,\n          limit: recommendationRequest.limit,\n          offset: recommendationRequest.offset,\n          item_ids: recommendationRequest.item_ids,\n        },\n        this.generateApiHeader(bluxUser),\n      );\n\n      return recommendationResponse.data;\n    } catch (error) {\n      Logger.error(error, { tags: { from: \"getItemRecommendation\" } });\n      return {\n        items: [],\n        metadata: {},\n        status: {\n          is_success: false,\n          code: 400,\n          message: error.message,\n        },\n      };\n    }\n  }\n}\n"]}