connectbase-client 0.1.3 → 0.1.5

package/dist/index.mjs

@@ -1993,109 +1993,88 @@ var OAuthAPI = class {
     return this.http.get("/v1/public/oauth/providers");
   }
   /**
-   * OAuth 인증 URL 조회
-   * 사용자를 소셜 로그인 페이지로 리다이렉트할 URL을 반환합니다.
+   * 소셜 로그인 (중앙 콜백 방식) - 권장
+   * Google Cloud Console에 별도로 redirect_uri를 등록할 필요가 없습니다.
+   * OAuth 완료 후 지정한 콜백 URL로 토큰과 함께 리다이렉트됩니다.
    *
    * @param provider - OAuth 프로바이더 (google, naver, github, discord)
-   * @param options - redirect_uri와 선택적 state 파라미터
-   * @returns 인증 URL
+   * @param callbackUrl - OAuth 완료 후 리다이렉트될 앱의 URL
+   * @param state - 선택적 state 파라미터 (CSRF 방지 등)
    *
    * @example
    * ```typescript
-   * const { authorization_url } = await cb.oauth.getAuthorizationURL('google', {
-   *     redirect_uri: 'https://myapp.com/auth/callback'
-   * })
-   *
-   * // 사용자를 OAuth 페이지로 리다이렉트
-   * window.location.href = authorization_url
+   * // 로그인 버튼 클릭 시
+   * await cb.oauth.signIn('google', 'https://myapp.com/oauth/callback')
+   * // Google 로그인 후 https://myapp.com/oauth/callback?access_token=...&refresh_token=... 로 리다이렉트됨
    * ```
-   */
-  async getAuthorizationURL(provider, options) {
-    const params = new URLSearchParams({
-      redirect_uri: options.redirect_uri
-    });
-    if (options.state) {
-      params.append("state", options.state);
-    }
-    return this.http.get(
-      `/v1/public/oauth/${provider}/authorize?${params.toString()}`
-    );
-  }
-  /**
-   * OAuth 콜백 처리
-   * 소셜 로그인 후 콜백으로 받은 code를 사용하여 로그인을 완료합니다.
-   * 성공 시 자동으로 토큰이 저장됩니다.
-   *
-   * @param provider - OAuth 프로바이더
-   * @param data - code와 redirect_uri
-   * @returns 로그인 결과 (member_id, 토큰, 신규 회원 여부)
    *
    * @example
    * ```typescript
-   * // 콜백 페이지에서 URL 파라미터로 code 추출
-   * const urlParams = new URLSearchParams(window.location.search)
-   * const code = urlParams.get('code')
-   *
-   * const result = await cb.oauth.handleCallback('google', {
-   *     code: code,
-   *     redirect_uri: 'https://myapp.com/auth/callback'
-   * })
-   *
-   * if (result.is_new_member) {
-   *     console.log('신규 회원입니다!')
+   * // callback 페이지에서
+   * const result = cb.oauth.getCallbackResult()
+   * if (result) {
+   *     if (result.error) {
+   *         console.error('로그인 실패:', result.error)
+   *     } else {
+   *         console.log('로그인 성공:', result.member_id)
+   *         // 메인 페이지로 이동
+   *         window.location.href = '/'
+   *     }
    * }
    * ```
    */
-  async handleCallback(provider, data) {
-    const response = await this.http.post(
-      `/v1/public/oauth/${provider}/callback`,
-      data
+  async signIn(provider, callbackUrl, state) {
+    const params = new URLSearchParams({ app_callback: callbackUrl });
+    if (state) {
+      params.append("state", state);
+    }
+    const response = await this.http.get(
+      `/v1/public/oauth/${provider}/authorize/central?${params.toString()}`
     );
-    this.http.setTokens(response.access_token, response.refresh_token);
-    return response;
+    window.location.href = response.authorization_url;
   }
   /**
-   * 소셜 로그인 전체 플로우 (팝업 방식)
-   * 새 창에서 소셜 로그인을 처리하고 결과를 Promise로 반환합니다.
+   * 소셜 로그인 (팝업 방식)
+   * 팝업 창에서 소셜 로그인을 처리하고 결과를 Promise로 반환합니다.
+   * Google Cloud Console에 별도 등록 불필요.
    *
    * @param provider - OAuth 프로바이더
-   * @param redirectUri - 콜백 URL (이 페이지에서 postMessage로 결과 전달 필요)
+   * @param callbackUrl - OAuth 완료 후 리다이렉트될 팝업의 URL
    * @returns 로그인 결과
    *
    * @example
    * ```typescript
-   * // 로그인 버튼 클릭 시
-   * const result = await cb.oauth.signInWithPopup('google', 'https://myapp.com/auth/popup-callback')
+   * const result = await cb.oauth.signInWithPopup('google', 'https://myapp.com/oauth/popup-callback')
    * console.log('로그인 성공:', result.member_id)
    * ```
    *
    * @example
    * ```html
    * <!-- popup-callback.html -->
+   * <script src="https://unpkg.com/connectbase-client"></script>
    * <script>
-   *   const urlParams = new URLSearchParams(window.location.search)
-   *   const code = urlParams.get('code')
-   *   const error = urlParams.get('error')
+   *   const cb = new ConnectBase({ apiKey: 'YOUR_API_KEY' })
+   *   const result = cb.oauth.getCallbackResult()
    *
    *   window.opener.postMessage({
    *     type: 'oauth-callback',
-   *     code,
-   *     error
+   *     ...result
    *   }, '*')
    *   window.close()
    * </script>
    * ```
    */
-  async signInWithPopup(provider, redirectUri) {
-    const { authorization_url } = await this.getAuthorizationURL(provider, {
-      redirect_uri: redirectUri
-    });
+  async signInWithPopup(provider, callbackUrl) {
+    const params = new URLSearchParams({ app_callback: callbackUrl });
+    const response = await this.http.get(
+      `/v1/public/oauth/${provider}/authorize/central?${params.toString()}`
+    );
     const width = 500;
     const height = 600;
     const left = window.screenX + (window.outerWidth - width) / 2;
     const top = window.screenY + (window.outerHeight - height) / 2;
     const popup = window.open(
-      authorization_url,
+      response.authorization_url,
       "oauth-popup",
       `width=${width},height=${height},left=${left},top=${top}`
     );
@@ -2110,19 +2089,14 @@ var OAuthAPI = class {
           reject(new Error(event.data.error));
           return;
         }
-        if (!event.data.code) {
-          reject(new Error("\uC778\uC99D \uCF54\uB4DC\uAC00 \uC5C6\uC2B5\uB2C8\uB2E4."));
-          return;
-        }
-        try {
-          const result = await this.handleCallback(provider, {
-            code: event.data.code,
-            redirect_uri: redirectUri
-          });
-          resolve(result);
-        } catch (error) {
-          reject(error);
-        }
+        const result = {
+          member_id: event.data.member_id,
+          access_token: event.data.access_token,
+          refresh_token: event.data.refresh_token,
+          is_new_member: event.data.is_new_member === "true" || event.data.is_new_member === true
+        };
+        this.http.setTokens(result.access_token, result.refresh_token);
+        resolve(result);
       };
       window.addEventListener("message", handleMessage);
       const checkClosed = setInterval(() => {
@@ -2135,41 +2109,46 @@ var OAuthAPI = class {
     });
   }
   /**
-   * 소셜 로그인 (리다이렉트 방식)
-   * 현재 페이지를 소셜 로그인 페이지로 리다이렉트합니다.
-   * 콜백 URL에서 handleCallback()을 호출하여 로그인을 완료해야 합니다.
+   * 콜백 URL에서 OAuth 결과 추출
+   * 중앙 콜백 방식에서 리다이렉트 후 URL 파라미터에서 결과를 추출합니다.
+   * 토큰이 있으면 자동으로 저장됩니다.
    *
-   * @param provider - OAuth 프로바이더
-   * @param redirectUri - 콜백 URL
-   *
-   * @example
-   * ```typescript
-   * // 로그인 버튼 클릭 시
-   * await cb.oauth.signInWithRedirect('google', 'https://myapp.com/auth/callback')
-   * // 페이지가 Google 로그인으로 리다이렉트됨
-   * ```
+   * @returns OAuth 결과 (토큰, member_id 등) 또는 null
    *
    * @example
    * ```typescript
    * // callback 페이지에서
-   * const urlParams = new URLSearchParams(window.location.search)
-   * const code = urlParams.get('code')
-   *
-   * if (code) {
-   *     const result = await cb.oauth.handleCallback('google', {
-   *         code,
-   *         redirect_uri: 'https://myapp.com/auth/callback'
-   *     })
-   *     // 로그인 완료, 메인 페이지로 이동
-   *     window.location.href = '/'
+   * const result = cb.oauth.getCallbackResult()
+   * if (result) {
+   *     if (result.error) {
+   *         alert('로그인 실패: ' + result.error)
+   *     } else {
+   *         console.log('로그인 성공:', result.member_id)
+   *         window.location.href = '/'
+   *     }
    * }
    * ```
    */
-  async signInWithRedirect(provider, redirectUri) {
-    const { authorization_url } = await this.getAuthorizationURL(provider, {
-      redirect_uri: redirectUri
-    });
-    window.location.href = authorization_url;
+  getCallbackResult() {
+    const params = new URLSearchParams(window.location.search);
+    const error = params.get("error");
+    if (error) {
+      return { error };
+    }
+    const accessToken = params.get("access_token");
+    const refreshToken = params.get("refresh_token");
+    const memberId = params.get("member_id");
+    if (!accessToken || !refreshToken || !memberId) {
+      return null;
+    }
+    this.http.setTokens(accessToken, refreshToken);
+    return {
+      access_token: accessToken,
+      refresh_token: refreshToken,
+      member_id: memberId,
+      is_new_member: params.get("is_new_member") === "true",
+      state: params.get("state") || void 0
+    };
   }
 };
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "connectbase-client",
-  "version": "0.1.3",
+  "version": "0.1.5",
   "description": "Connect Base JavaScript/TypeScript SDK for browser and Node.js",
   "repository": {
     "type": "git",
@@ -31,7 +31,8 @@
   "scripts": {
     "build": "tsup",
     "dev": "tsup --watch",
-    "typecheck": "tsc --noEmit"
+    "typecheck": "tsc --noEmit",
+    "publish": "pnpm run build && npm publish --access public"
   },
   "keywords": [
     "connect-base",