@gbraver-burst-network/browser-sdk 1.5.3

package/lib/auth0/client.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createAuth0ClientHelper = createAuth0ClientHelper;
+
+var _auth0SpaJs = _interopRequireWildcard(require("@auth0/auth0-spa-js"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+/**
+ * Auth0Clientを生成するヘルパー関数
+ * 
+ * @param domain auth0ドメイン
+ * @param clientID auth0クライアントID
+ * @param audience auth0 audience
+ * @param redirectURI リダイレクト元となるGブレイバーバーストのURL
+ * @return Auth0Client
+ */
+function createAuth0ClientHelper(domain, clientID, audience, redirectURI) {
+  return (0, _auth0SpaJs.default)({
+    domain: domain,
+    client_id: clientID,
+    responseType: 'token id_token',
+    audience: audience,
+    redirectUri: redirectURI
+  });
+}

package/lib/auth0/client.js.flow

@@ -0,0 +1,22 @@
+// @flow
+
+import createAuth0Client, {Auth0Client} from '@auth0/auth0-spa-js';
+
+/**
+ * Auth0Clientを生成するヘルパー関数
+ * 
+ * @param domain auth0ドメイン
+ * @param clientID auth0クライアントID
+ * @param audience auth0 audience
+ * @param redirectURI リダイレクト元となるGブレイバーバーストのURL
+ * @return Auth0Client
+ */
+export function createAuth0ClientHelper(domain: string, clientID: string, audience: string, redirectURI: string): Promise<typeof Auth0Client> {
+  return createAuth0Client({
+    domain: domain, 
+    client_id: clientID, 
+    responseType: 'token id_token', 
+    audience: audience, 
+    redirectUri: redirectURI
+  });
+}

package/lib/auth0/login-redirect.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.clearLoginHistory = clearLoginHistory;
+exports.isLoginSuccessRedirect = isLoginSuccessRedirect;
+
+/**
+ * ログイン成功時のリダイレクトか否かを判定する
+ * trueでログイン成功時のリダイレクトである
+ * 
+ * @return 判定結果
+ */
+function isLoginSuccessRedirect() {
+  const query = window.location.search;
+  return query.includes("code=") && query.includes("state=");
+}
+/**
+ * ログインリダイレクトのヒストリーをクリアする
+ */
+
+
+function clearLoginHistory() {
+  window.history.replaceState({}, document.title, "/");
+}

package/lib/auth0/login-redirect.js.flow

@@ -0,0 +1,19 @@
+// @flow
+
+/**
+ * ログイン成功時のリダイレクトか否かを判定する
+ * trueでログイン成功時のリダイレクトである
+ * 
+ * @return 判定結果
+ */
+export function isLoginSuccessRedirect(): boolean {
+  const query = window.location.search;
+  return query.includes("code=") && query.includes("state=");
+}
+
+/**
+ * ログインリダイレクトのヒストリーをクリアする
+ */
+export function clearLoginHistory(): void {
+  window.history.replaceState({}, document.title, "/");
+}

package/lib/browser-sdk/battle-sdk.js

@@ -0,0 +1,60 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BattleSDK = void 0;
+
+var _sendCommand = require("../websocket/send-command");
+
+var _rxjs = require("rxjs");
+
+var _parse = require("../json/parse");
+
+var _suddenlyBattleEnd = require("../response/suddenly-battle-end");
+
+/** バトルSDK */
+class BattleSDK {
+  /** @override */
+
+  /** @override */
+
+  /** @override */
+
+  /**
+   * コンストラクタ
+   * 
+   * @param param パラメータ
+   */
+  constructor(param) {
+    this.player = param.player;
+    this.enemy = param.enemy;
+    this.initialState = param.initialState;
+    this._websocket = param.websocket;
+    this._battleID = param.battleID;
+    this._flowID = param.initialFlowID;
+    this._isPoller = param.isPoller;
+    this._suddenlyBattleEnd = (0, _rxjs.fromEvent)(this._websocket, 'message').pipe((0, _rxjs.map)(e => (0, _parse.parseJSON)(e.data)), (0, _rxjs.filter)(data => data), (0, _rxjs.map)(data => (0, _suddenlyBattleEnd.parseSuddenlyBattleEnd)(data)), (0, _rxjs.filter)(sudenlyBattleEnd => sudenlyBattleEnd));
+  }
+  /** @override */
+
+
+  async progress(command) {
+    const result = this._isPoller ? await (0, _sendCommand.sendCommandWithPolling)(this._websocket, this._battleID, this._flowID, command) : await (0, _sendCommand.sendCommand)(this._websocket, this._battleID, this._flowID, command);
+
+    if (result.action === 'battle-progressed') {
+      this._flowID = result.flowID;
+    }
+
+    return result.update;
+  }
+  /** @override */
+
+
+  suddenlyBattleNotifier() {
+    return this._suddenlyBattleEnd;
+  }
+
+}
+
+exports.BattleSDK = BattleSDK;

package/lib/browser-sdk/battle-sdk.js.flow

@@ -0,0 +1,80 @@
+// @flow
+
+import type {Player, GameState, Command} from "gbraver-burst-core";
+import type {Battle} from '@gbraver-burst-network/browser-core';
+import {sendCommand, sendCommandWithPolling} from "../websocket/send-command";
+import {Observable, fromEvent, map, filter} from 'rxjs';
+import {parseJSON} from "../json/parse";
+import {parseSuddenlyBattleEnd} from "../response/suddenly-battle-end";
+import type {SuddenlyBattleEnd} from "../response/suddenly-battle-end";
+
+/** コンストラクタのパラメータ */
+type Param = {
+  /** プレイヤー情報 */
+  player: Player,
+  /** 敵情報 */
+  enemy: Player,
+  /** 初期ステート */
+  initialState: GameState[],
+  /** バトルID */
+  battleID: string,
+  /** 初期フローID */
+  initialFlowID: string,
+  /** ポーリング担当か否か、trueでポーリング担当 */
+  isPoller: boolean,
+  /** websocketクライアント */
+  websocket: WebSocket,
+};
+
+/** バトルSDK */
+export class BattleSDK implements Battle {
+  /** @override */
+  player: Player;
+  /** @override */
+  enemy: Player;
+  /** @override */
+  initialState: GameState[];
+  
+  _websocket: WebSocket;
+  _battleID: string;
+  _flowID: string;
+  _isPoller: boolean;
+  _suddenlyBattleEnd: typeof Observable;
+
+  /**
+   * コンストラクタ
+   * 
+   * @param param パラメータ
+   */
+  constructor(param: Param) {
+    this.player = param.player;
+    this.enemy = param.enemy;
+    this.initialState = param.initialState;
+    this._websocket = param.websocket;
+    this._battleID = param.battleID;
+    this._flowID = param.initialFlowID;
+    this._isPoller = param.isPoller;
+    this._suddenlyBattleEnd = fromEvent(this._websocket, 'message').pipe(
+      map((e: MessageEvent) => parseJSON(e.data)),
+      filter((data: ?Object) => data),
+      map((data: Object) => parseSuddenlyBattleEnd(data)),
+      filter((sudenlyBattleEnd: ?SuddenlyBattleEnd) => sudenlyBattleEnd),
+    );
+  }
+  
+  /** @override */
+  async progress(command: Command): Promise<GameState[]> {
+    const result = this._isPoller
+      ? await sendCommandWithPolling(this._websocket, this._battleID, this._flowID, command)
+      : await sendCommand(this._websocket, this._battleID, this._flowID, command);
+    if (result.action === 'battle-progressed') {
+      this._flowID = result.flowID;
+    }
+    return result.update;
+  }
+
+  /** @override */
+  suddenlyBattleNotifier(): typeof Observable {
+    return this._suddenlyBattleEnd;
+  }
+}

package/lib/browser-sdk/browser-sdk.js

@@ -0,0 +1,202 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createBrowserSDK = createBrowserSDK;
+
+var _rxjs = require("rxjs");
+
+var _battleSdk = require("./battle-sdk");
+
+var _auth0SpaJs = require("@auth0/auth0-spa-js");
+
+var _client = require("../auth0/client");
+
+var _loginRedirect = require("../auth0/login-redirect");
+
+var _ping = require("../websocket/ping");
+
+var _connect = require("../websocket/connect");
+
+var _enterCasualMatch = require("../websocket/enter-casual-match");
+
+var _deleteUser = require("../http-request/delete-user");
+
+/** ブラウザSDK実装 */
+class BrowserSDKImpl {
+  /**
+   * コンストラクタ
+   *
+   * @param ownURL リダイレクト元となるGブレイバーバーストのURL
+   * @param restAPIURL Rest API のURL
+   * @param websocketAPIURL Websocket API のURL
+   * @param auth0Client auth0クライアント
+   */
+  constructor(ownURL, restAPIURL, websocketAPIURL, auth0Client) {
+    this._ownURL = ownURL;
+    this._restAPIURL = restAPIURL;
+    this._websocketAPIURL = websocketAPIURL;
+    this._auth0Client = auth0Client;
+    this._websocket = null;
+    this._websocketError = new _rxjs.Subject();
+    this._websocketUnintentionalCloseNotifier = new _rxjs.Subject();
+    this._websocketSubscriptions = [];
+  }
+  /** @override */
+
+
+  isLoginSuccessRedirect() {
+    return (0, _loginRedirect.isLoginSuccessRedirect)();
+  }
+  /** @override */
+
+
+  async afterLoginSuccess() {
+    await this._auth0Client.handleRedirectCallback();
+    (0, _loginRedirect.clearLoginHistory)();
+  }
+  /** @override */
+
+
+  async gotoLoginPage() {
+    await this._auth0Client.loginWithRedirect({
+      redirect_uri: this._ownURL
+    });
+  }
+  /** @override */
+
+
+  isLogin() {
+    return this._auth0Client.isAuthenticated();
+  }
+  /** @override */
+
+
+  async logout() {
+    await this._auth0Client.logout({
+      returnTo: this._ownURL
+    });
+  }
+  /** @override */
+
+
+  async getUserName() {
+    const user = await this._auth0Client.getUser();
+    return user?.nickname ?? '';
+  }
+  /** @override */
+
+
+  async getUserPictureURL() {
+    const user = await this._auth0Client.getUser();
+    return user?.picture ?? '';
+  }
+  /** @override */
+
+
+  async getMail() {
+    const user = await this._auth0Client.getUser();
+    return user?.email ?? '';
+  }
+  /** @override */
+
+
+  async isMailVerified() {
+    const user = await this._auth0Client.getUser();
+    return user?.email_verified;
+  }
+  /** @override */
+
+
+  async deleteLoggedInUser() {
+    const accessToken = await this._auth0Client.getTokenSilently();
+    await (0, _deleteUser.deleteLoggedInUser)(this._restAPIURL, accessToken);
+  }
+  /** @override */
+
+
+  async ping() {
+    const websocket = await this._getOrCreateWebSocket();
+    const resp = await (0, _ping.ping)(websocket);
+    return resp.message;
+  }
+  /** @override */
+
+
+  async startCasualMatch(armdozerId, pilotId) {
+    const websocket = await this._getOrCreateWebSocket();
+    const resp = await (0, _enterCasualMatch.enterCasualMatch)(websocket, armdozerId, pilotId);
+    return new _battleSdk.BattleSDK({
+      player: resp.player,
+      enemy: resp.enemy,
+      initialState: resp.stateHistory,
+      battleID: resp.battleID,
+      initialFlowID: resp.flowID,
+      isPoller: resp.isPoller,
+      websocket
+    });
+  }
+  /** @override */
+
+
+  async disconnectWebsocket() {
+    this._websocket && this._websocket.close();
+    this._websocket = null;
+
+    this._websocketSubscriptions.forEach(v => {
+      v.unsubscribe();
+    });
+
+    this._websocketSubscriptions = [];
+  }
+  /** @override */
+
+
+  websocketErrorNotifier() {
+    return this._websocketError;
+  }
+  /** @override */
+
+
+  websocketUnintentionalCloseNotifier() {
+    return this._websocketUnintentionalCloseNotifier;
+  }
+  /**
+   * WebSocketクライアントの取得を行う
+   * WebSocketクライアントが存在しない場合は、本メソッド内で生成してから返す
+   *
+   * @return 取得、生成結果
+   */
+
+
+  async _getOrCreateWebSocket() {
+    if (this._websocket) {
+      return this._websocket;
+    }
+
+    const accessToken = await this._auth0Client.getTokenSilently();
+    const websocket = await (0, _connect.connect)(`${this._websocketAPIURL}?token=${accessToken}`);
+    this._websocketSubscriptions = [(0, _rxjs.fromEvent)(websocket, 'error').subscribe(this._websocketError), (0, _rxjs.fromEvent)(websocket, 'close').subscribe(this._websocketError)];
+    this._websocket = websocket;
+    return websocket;
+  }
+
+}
+/**
+ * GブレイバーバーストブラウザSDKを生成する
+ *
+ * @param ownURL リダイレクト元となるGブレイバーバーストのURL
+ * @param restAPIURL Rest API のURL
+ * @param websocketAPIURL Websocket APIのURL
+ * @param auth0Domain auth0ドメイン
+ * @param auth0ClientID auth0クライアントID
+ * @param auth0Audience auth0 audience
+ * @return GブレイバーバーストブラウザSDK
+ */
+
+
+async function createBrowserSDK(ownURL, restAPIURL, websocketAPIURL, auth0Domain, auth0ClientID, auth0Audience) {
+  const auth0Client = await (0, _client.createAuth0ClientHelper)(auth0Domain, auth0ClientID, auth0Audience, ownURL);
+  return new BrowserSDKImpl(ownURL, restAPIURL, websocketAPIURL, auth0Client);
+}

package/lib/browser-sdk/browser-sdk.js.flow

@@ -0,0 +1,192 @@
+// @flow
+
+import type {ArmDozerId, PilotId} from 'gbraver-burst-core';
+import type {
+  Battle,
+  CasualMatch,
+  LoggedInUserDelete,
+  LoginCheck,
+  Logout,
+  Ping,
+  UniversalLogin,
+  UserNameGet,
+  UserPictureGet,
+  UserMailGet,
+  MailVerify,
+  WebsocketDisconnect,
+  WebsocketErrorNotifier,
+  WebsocketUnintentionalCloseNotifier
+} from '@gbraver-burst-network/browser-core';
+import {Observable, Subject, fromEvent, Subscription} from 'rxjs';
+import {BattleSDK} from './battle-sdk';
+import {Auth0Client} from '@auth0/auth0-spa-js';
+import {createAuth0ClientHelper} from '../auth0/client';
+import {clearLoginHistory, isLoginSuccessRedirect} from '../auth0/login-redirect';
+import {ping} from '../websocket/ping';
+import {connect} from "../websocket/connect";
+import {enterCasualMatch} from '../websocket/enter-casual-match';
+import {deleteLoggedInUser} from "../http-request/delete-user";
+
+/** ブラウザSDK */
+export interface BrowserSDK extends UniversalLogin, LoginCheck, Logout, Ping, CasualMatch,
+  UserNameGet, UserPictureGet, UserMailGet, MailVerify, LoggedInUserDelete, WebsocketDisconnect,
+  WebsocketErrorNotifier, WebsocketUnintentionalCloseNotifier {}
+
+/** ブラウザSDK実装 */
+class BrowserSDKImpl implements BrowserSDK {
+  _ownURL: string;
+  _restAPIURL: string;
+  _websocketAPIURL: string;
+  _auth0Client: typeof Auth0Client;
+  _websocket: ?WebSocket;
+  _websocketError: typeof Subject;
+  _websocketUnintentionalCloseNotifier: typeof Subject;
+  _websocketSubscriptions: typeof Subscription[];
+
+  /**
+   * コンストラクタ
+   *
+   * @param ownURL リダイレクト元となるGブレイバーバーストのURL
+   * @param restAPIURL Rest API のURL
+   * @param websocketAPIURL Websocket API のURL
+   * @param auth0Client auth0クライアント
+   */
+  constructor(ownURL: string, restAPIURL: string, websocketAPIURL: string, auth0Client: typeof Auth0Client) {
+    this._ownURL = ownURL;
+    this._restAPIURL = restAPIURL;
+    this._websocketAPIURL = websocketAPIURL;
+    this._auth0Client = auth0Client;
+    this._websocket = null;
+    this._websocketError = new Subject();
+    this._websocketUnintentionalCloseNotifier = new Subject();
+    this._websocketSubscriptions = [];
+  }
+
+  /** @override */
+  isLoginSuccessRedirect(): boolean {
+    return isLoginSuccessRedirect();
+  }
+
+  /** @override */
+  async afterLoginSuccess(): Promise<void> {
+    await this._auth0Client.handleRedirectCallback();
+    clearLoginHistory();
+  }
+
+  /** @override */
+  async gotoLoginPage(): Promise<void> {
+    await this._auth0Client.loginWithRedirect({redirect_uri: this._ownURL});
+  }
+
+  /** @override */
+  isLogin(): Promise<boolean> {
+    return this._auth0Client.isAuthenticated();
+  }
+
+  /** @override */
+  async logout(): Promise<void> {
+    await this._auth0Client.logout({returnTo: this._ownURL});
+  }
+
+  /** @override */
+  async getUserName(): Promise<string> {
+    const user = await this._auth0Client.getUser();
+    return user?.nickname ?? '';
+  }
+
+  /** @override */
+  async getUserPictureURL(): Promise<string> {
+    const user = await this._auth0Client.getUser();
+    return user?.picture ?? '';
+  }
+  /** @override */
+  async getMail(): Promise<string> {
+    const user = await this._auth0Client.getUser();
+    return user?.email ?? '';
+  }
+
+  /** @override */
+  async isMailVerified(): Promise<boolean> {
+    const user = await this._auth0Client.getUser();
+    return user?.email_verified;
+  }
+
+  /** @override */
+  async deleteLoggedInUser(): Promise<void> {
+    const accessToken = await this._auth0Client.getTokenSilently();
+    await deleteLoggedInUser(this._restAPIURL, accessToken);
+  }
+
+  /** @override */
+  async ping(): Promise<string> {
+    const websocket = await this._getOrCreateWebSocket();
+    const resp = await ping(websocket);
+    return resp.message;
+  }
+
+  /** @override */
+  async startCasualMatch(armdozerId: ArmDozerId, pilotId: PilotId): Promise<Battle> {
+    const websocket = await this._getOrCreateWebSocket();
+    const resp = await enterCasualMatch(websocket, armdozerId, pilotId);
+    return new BattleSDK({player: resp.player, enemy: resp.enemy, initialState: resp.stateHistory,
+      battleID: resp.battleID, initialFlowID: resp.flowID, isPoller: resp.isPoller, websocket});
+  }
+
+  /** @override */
+  async disconnectWebsocket(): Promise<void> {
+    this._websocket && this._websocket.close();
+    this._websocket = null;
+    this._websocketSubscriptions.forEach(v => {
+      v.unsubscribe();
+    });
+    this._websocketSubscriptions = [];
+
+  }
+
+  /** @override */
+  websocketErrorNotifier(): typeof Observable {
+    return this._websocketError;
+  }
+
+  /** @override */
+  websocketUnintentionalCloseNotifier(): typeof Observable {
+    return this._websocketUnintentionalCloseNotifier;
+  }
+
+  /**
+   * WebSocketクライアントの取得を行う
+   * WebSocketクライアントが存在しない場合は、本メソッド内で生成してから返す
+   *
+   * @return 取得、生成結果
+   */
+  async _getOrCreateWebSocket(): Promise<WebSocket> {
+    if (this._websocket) {
+      return this._websocket;
+    }
+
+    const accessToken = await this._auth0Client.getTokenSilently();
+    const websocket = await connect(`${this._websocketAPIURL}?token=${accessToken}`);
+    this._websocketSubscriptions = [
+      fromEvent(websocket, 'error').subscribe(this._websocketError),
+      fromEvent(websocket, 'close').subscribe(this._websocketError)  ,
+    ];
+    this._websocket = websocket;
+    return websocket;
+  }
+}
+
+/**
+ * GブレイバーバーストブラウザSDKを生成する
+ *
+ * @param ownURL リダイレクト元となるGブレイバーバーストのURL
+ * @param restAPIURL Rest API のURL
+ * @param websocketAPIURL Websocket APIのURL
+ * @param auth0Domain auth0ドメイン
+ * @param auth0ClientID auth0クライアントID
+ * @param auth0Audience auth0 audience
+ * @return GブレイバーバーストブラウザSDK
+ */
+export async function createBrowserSDK(ownURL: string, restAPIURL: string, websocketAPIURL: string, auth0Domain: string, auth0ClientID: string, auth0Audience: string): Promise<BrowserSDK> {
+  const auth0Client = await createAuth0ClientHelper(auth0Domain, auth0ClientID, auth0Audience, ownURL);
+  return new BrowserSDKImpl(ownURL, restAPIURL, websocketAPIURL, auth0Client);
+}

package/lib/http-request/delete-user.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.deleteLoggedInUser = deleteLoggedInUser;
+
+/**
+ * 現在ログインしているユーザを削除する
+ *
+ * @param restAPIURL Rest API のURL
+ * @param accessToken Auth0 アクセストークン
+ * @return 処理が完了したら発火するPromise
+ */
+async function deleteLoggedInUser(restAPIURL, accessToken) {
+  await fetch(`${restAPIURL}`, {
+    mode: 'cors',
+    headers: {
+      Authorization: `Bearer ${accessToken}`
+    },
+    method: 'DELETE'
+  });
+}

package/lib/http-request/delete-user.js.flow

@@ -0,0 +1,18 @@
+// @flow
+
+/**
+ * 現在ログインしているユーザを削除する
+ *
+ * @param restAPIURL Rest API のURL
+ * @param accessToken Auth0 アクセストークン
+ * @return 処理が完了したら発火するPromise
+ */
+export async function deleteLoggedInUser(restAPIURL: string, accessToken: string): Promise<void> {
+  await fetch(`${restAPIURL}`, {
+    mode: 'cors',
+    headers: {
+      Authorization: `Bearer ${accessToken}`
+    },
+    method: 'DELETE'
+  });
+}

package/lib/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "createBrowserSDK", {
+  enumerable: true,
+  get: function () {
+    return _browserSdk.createBrowserSDK;
+  }
+});
+
+var _browserSdk = require("./browser-sdk/browser-sdk");

package/lib/index.js.flow

@@ -0,0 +1,4 @@
+// @flow
+
+export type {BrowserSDK} from './browser-sdk/browser-sdk';
+export {createBrowserSDK} from './browser-sdk/browser-sdk';