@gbraver-burst-network/browser-sdk 1.5.3

package/lib/websocket/connect.js.flow

@@ -0,0 +1,25 @@
+// @flow
+
+/**
+ * 接続完了したWebSocketを返す
+ *
+ * @param url 接続先のWebSocket
+ * @return WebSocket
+ */
+export function connect(url: string): Promise<WebSocket> {
+  let handler = null;
+  let errorHandler = null;
+  const websocket = new WebSocket(url);
+  return new Promise((resolve, reject) => {
+    handler = () => {
+      resolve(websocket);
+    };
+    errorHandler = reject;
+    websocket.addEventListener('open', handler);
+    websocket.addEventListener('error', errorHandler);
+  })
+    .finally(() => {
+      handler && websocket.removeEventListener('open', handler);
+      errorHandler && websocket.removeEventListener('error', errorHandler);
+    });
+}

package/lib/websocket/enter-casual-match.js

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.enterCasualMatch = enterCasualMatch;
+
+var _battleStart = require("../response/battle-start");
+
+var _waitUntil = require("./wait-until");
+
+var _parse = require("../json/parse");
+
+var _sendToApiServer = require("./send-to-api-server");
+
+/**
+ * カジュアルマッチを開始する
+ *
+ * @param websocket websocketクライアント
+ * @param armdozerId アームドーザID
+ * @param pilotId パイロットID
+ * @return バトル情報
+ */
+function enterCasualMatch(websocket, armdozerId, pilotId) {
+  (0, _sendToApiServer.sendToAPIServer)(websocket, {
+    action: 'enter-casual-match',
+    armdozerId,
+    pilotId
+  });
+  return (0, _waitUntil.waitUntil)(websocket, (e, resolve) => {
+    const data = (0, _parse.parseJSON)(e.data);
+    const response = (0, _battleStart.parseBattleStart)(data);
+    response && resolve(response);
+  });
+}

package/lib/websocket/enter-casual-match.js.flow

@@ -0,0 +1,26 @@
+// @flow
+
+import type {BattleStart} from "../response/battle-start";
+import {parseBattleStart} from "../response/battle-start";
+import {waitUntil} from "./wait-until";
+import type {ArmDozerId, PilotId} from "gbraver-burst-core";
+import type {Resolve} from "../promise/promise";
+import {parseJSON} from "../json/parse";
+import {sendToAPIServer} from "./send-to-api-server";
+
+/**
+ * カジュアルマッチを開始する
+ *
+ * @param websocket websocketクライアント
+ * @param armdozerId アームドーザID
+ * @param pilotId パイロットID
+ * @return バトル情報
+ */
+export function enterCasualMatch(websocket: WebSocket, armdozerId: ArmDozerId, pilotId: PilotId): Promise<BattleStart> {
+  sendToAPIServer(websocket, {action: 'enter-casual-match', armdozerId, pilotId});
+  return waitUntil(websocket, (e: MessageEvent, resolve: Resolve<BattleStart>): void => {
+    const data = parseJSON(e.data);
+    const response = parseBattleStart(data);
+    response && resolve(response);
+  });
+}

package/lib/websocket/ping.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ping = ping;
+
+var _waitUntil = require("./wait-until");
+
+var _parse = require("../json/parse");
+
+var _pong = require("../response/pong");
+
+var _sendToApiServer = require("./send-to-api-server");
+
+/**
+ * API サーバへの疎通確認
+ *
+ * @param websocket websocketクライアント
+ * @return APIサーバからの返答内容
+ */
+function ping(websocket) {
+  (0, _sendToApiServer.sendToAPIServer)(websocket, {
+    action: 'ping'
+  });
+  return (0, _waitUntil.waitUntil)(websocket, (e, resolve) => {
+    const data = (0, _parse.parseJSON)(e.data);
+    const response = (0, _pong.parsePong)(data);
+    response && resolve(response);
+  });
+}

package/lib/websocket/ping.js.flow

@@ -0,0 +1,23 @@
+// @flow
+
+import {waitUntil} from "./wait-until";
+import type {Resolve} from "../promise/promise";
+import {parseJSON} from "../json/parse";
+import type {Pong} from "../response/pong";
+import {parsePong} from "../response/pong";
+import {sendToAPIServer} from "./send-to-api-server";
+
+/**
+ * API サーバへの疎通確認
+ *
+ * @param websocket websocketクライアント
+ * @return APIサーバからの返答内容
+ */
+export function ping(websocket: WebSocket): Promise<Pong> {
+  sendToAPIServer(websocket, {action: 'ping'});
+  return waitUntil(websocket, (e: MessageEvent, resolve: Resolve<Pong>): void => {
+    const data = parseJSON(e.data);
+    const response = parsePong(data);
+    response && resolve(response);
+  });
+}

package/lib/websocket/send-command.js

@@ -0,0 +1,130 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.sendCommand = sendCommand;
+exports.sendCommandWithPolling = sendCommandWithPolling;
+
+var _sendToApiServer = require("./send-to-api-server");
+
+var _waitUntil = require("./wait-until");
+
+var _battleProgressed = require("../response/battle-progressed");
+
+var _parse = require("../json/parse");
+
+var _battleEnd = require("../response/battle-end");
+
+var _wait = require("../wait/wait");
+
+var _notReadyBattleProgress = require("../response/not-ready-battle-progress");
+
+var _acceptCommand = require("../response/accept-command");
+
+/**
+ * コマンドをAPIサーバに送信する
+ * バトル進行、バトル終了がサーバが送信されるまで待機して、その内容を返す
+ *
+ * @param websocket websocketクライアント
+ * @param battleID バトルID
+ * @param flowID フローID
+ * @param command コマンド
+ * @return サーバからのレスポンス
+ */
+function sendCommand(websocket, battleID, flowID, command) {
+  (0, _sendToApiServer.sendToAPIServer)(websocket, {
+    action: 'send-command',
+    battleID,
+    flowID,
+    command
+  });
+  return (0, _waitUntil.waitUntil)(websocket, (e, resolve) => {
+    const data = (0, _parse.parseJSON)(e.data);
+    const battleProgressed = (0, _battleProgressed.parseBattleProgressed)(data);
+
+    if (battleProgressed) {
+      resolve(battleProgressed);
+      return;
+    }
+
+    const battleEnd = (0, _battleEnd.parseBattleEnd)(data);
+
+    if (battleEnd) {
+      resolve(battleEnd);
+      return;
+    }
+  });
+}
+/**
+ * 更新確認ポーリング付きでAPIサーバにコマンド送信を行う
+ *
+ * @param websocket Websocketクライアント
+ * @param battleID バトルID
+ * @param flowID フローID
+ * @param command コマンド
+ * @return APIサーバからのレスポンス
+ */
+
+
+async function sendCommandWithPolling(websocket, battleID, flowID, command) {
+  const maxPollingCount = 100;
+  const pollingIntervalMilliSec = 3000;
+  let pollingCount = 1;
+  let lastPollingTime = 0;
+
+  const battleProgressPolling = () => {
+    pollingCount++;
+    lastPollingTime = Date.now();
+    (0, _sendToApiServer.sendToAPIServer)(websocket, {
+      action: 'battle-progress-polling',
+      battleID,
+      flowID
+    });
+  };
+
+  (0, _sendToApiServer.sendToAPIServer)(websocket, {
+    action: 'send-command',
+    battleID,
+    flowID,
+    command
+  });
+  await (0, _waitUntil.waitUntil)(websocket, (e, resolve) => {
+    const data = (0, _parse.parseJSON)(e.data);
+    const acceptCommand = (0, _acceptCommand.parseAcceptCommand)(data);
+    acceptCommand && resolve(acceptCommand);
+  });
+  battleProgressPolling();
+  return (0, _waitUntil.waitUntil)(websocket, async (e, resolve, reject) => {
+    const data = (0, _parse.parseJSON)(e.data);
+    const notReadyBattleProgress = (0, _notReadyBattleProgress.parseNotReadyBattleProgress)(data);
+    const isOverPollingCount = maxPollingCount <= pollingCount;
+
+    if (notReadyBattleProgress && isOverPollingCount) {
+      reject(new Error('max polling count over'));
+      return;
+    }
+
+    if (notReadyBattleProgress) {
+      const pollingTime = Date.now() - lastPollingTime;
+      const waitTime = Math.max(pollingIntervalMilliSec - pollingTime, 0);
+      await (0, _wait.wait)(waitTime);
+      battleProgressPolling();
+      return;
+    }
+
+    const battleProgressed = (0, _battleProgressed.parseBattleProgressed)(data);
+
+    if (battleProgressed) {
+      resolve(battleProgressed);
+      return;
+    }
+
+    const battleEnd = (0, _battleEnd.parseBattleEnd)(data);
+
+    if (battleEnd) {
+      resolve(battleEnd);
+      return;
+    }
+  });
+}

package/lib/websocket/send-command.js.flow

@@ -0,0 +1,103 @@
+// @flow
+
+import type {Command} from "gbraver-burst-core";
+import type {BattleProgressed} from "../response/battle-progressed";
+import type {BattleEnd} from "../response/battle-end";
+import {sendToAPIServer} from "./send-to-api-server";
+import {waitUntil} from "./wait-until";
+import type {Reject, Resolve} from "../promise/promise";
+import {parseBattleProgressed} from "../response/battle-progressed";
+import {parseJSON} from "../json/parse";
+import {parseBattleEnd} from "../response/battle-end";
+import {wait} from "../wait/wait";
+import {parseNotReadyBattleProgress} from "../response/not-ready-battle-progress";
+import {parseAcceptCommand} from "../response/accept-command";
+import type {AcceptCommand} from "../response/accept-command";
+
+/**
+ * コマンドをAPIサーバに送信する
+ * バトル進行、バトル終了がサーバが送信されるまで待機して、その内容を返す
+ *
+ * @param websocket websocketクライアント
+ * @param battleID バトルID
+ * @param flowID フローID
+ * @param command コマンド
+ * @return サーバからのレスポンス
+ */
+export function sendCommand(websocket: WebSocket, battleID: string, flowID: string, command: Command): Promise<BattleProgressed | BattleEnd> {
+  sendToAPIServer(websocket, {action: 'send-command', battleID, flowID, command});
+  return waitUntil(websocket, (e: MessageEvent, resolve: Resolve<BattleProgressed | BattleEnd>) => {
+    const data = parseJSON(e.data);
+
+    const battleProgressed = parseBattleProgressed(data);
+    if (battleProgressed) {
+      resolve(battleProgressed);
+      return;
+    }
+
+    const battleEnd = parseBattleEnd(data);
+    if (battleEnd) {
+      resolve(battleEnd);
+      return;
+    }
+  });
+}
+
+/**
+ * 更新確認ポーリング付きでAPIサーバにコマンド送信を行う
+ *
+ * @param websocket Websocketクライアント
+ * @param battleID バトルID
+ * @param flowID フローID
+ * @param command コマンド
+ * @return APIサーバからのレスポンス
+ */
+export async function sendCommandWithPolling(websocket: WebSocket, battleID: string, flowID: string, command: Command): Promise<BattleProgressed | BattleEnd> {
+  const maxPollingCount = 100;
+  const pollingIntervalMilliSec = 3000;
+  let pollingCount = 1;
+  let lastPollingTime = 0;
+  const battleProgressPolling = () => {
+    pollingCount ++;
+    lastPollingTime = Date.now();
+    sendToAPIServer(websocket, {action: 'battle-progress-polling', battleID, flowID});
+  };
+
+  sendToAPIServer(websocket, {action: 'send-command', battleID, flowID, command});
+  await waitUntil(websocket, (e: MessageEvent, resolve: Resolve<AcceptCommand>) => {
+    const data = parseJSON(e.data);
+    const acceptCommand = parseAcceptCommand(data);
+    acceptCommand && resolve(acceptCommand);
+  });
+  battleProgressPolling();
+  return waitUntil(websocket, async (e: MessageEvent, resolve: Resolve<BattleProgressed | BattleEnd>, reject: Reject): Promise<void> => {
+    const data = parseJSON(e.data);
+    
+    const notReadyBattleProgress = parseNotReadyBattleProgress(data);
+    const isOverPollingCount = maxPollingCount <= pollingCount;
+    if (notReadyBattleProgress && isOverPollingCount) {
+      reject(new Error('max polling count over'));
+      return;
+    }
+
+    if (notReadyBattleProgress) {
+      const pollingTime = Date.now() - lastPollingTime;
+      const waitTime = Math.max(pollingIntervalMilliSec - pollingTime, 0);
+      await wait(waitTime);
+      battleProgressPolling();
+      return;
+    }
+
+    const battleProgressed = parseBattleProgressed(data);
+    if (battleProgressed) {
+      resolve(battleProgressed);
+      return;
+    }
+
+    const battleEnd = parseBattleEnd(data);
+    if (battleEnd) {
+      resolve(battleEnd);
+      return;
+    }
+  });
+}

package/lib/websocket/send-to-api-server.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.sendToAPIServer = sendToAPIServer;
+
+/**
+ * APIサーバにメッセージ送信をする
+ *
+ * @param websocket WebSocketクライアント
+ * @param data 送信内容
+ */
+function sendToAPIServer(websocket, data) {
+  websocket.send(JSON.stringify(data));
+}

package/lib/websocket/send-to-api-server.js.flow

@@ -0,0 +1,13 @@
+// @flow
+
+import type {APIServerRequest} from "../request/request";
+
+/**
+ * APIサーバにメッセージ送信をする
+ *
+ * @param websocket WebSocketクライアント
+ * @param data 送信内容
+ */
+export function sendToAPIServer(websocket: WebSocket, data: APIServerRequest): void {
+  websocket.send(JSON.stringify(data));
+}

package/lib/websocket/wait-until.js

@@ -0,0 +1,53 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.waitUntil = waitUntil;
+
+/**
+ * messageイベントハンドラ
+ *
+ * @template X resolveするデータの型
+ * @param e messageイベント
+ * @param resolve resolve関数
+ * @param reject reject関数
+ */
+
+/**
+ * Websocketで特定メッセージを受信するまで待機する
+ * 利用イメージは、コード例を参照
+ * 
+ * waitUntil(websocket, (e, resolve, reject) => {
+ *   const data = JSON.parse(e.data);
+ *   
+ *   if (data.action === 'Success') {
+ *     // 特定のメッセージを受信したら、resolveを呼び出して待機終了する
+ *     // resolveの引数には外部に渡すオブジェクトを指定する
+ *     resolve(data);
+ *   }
+ * 
+ *   if (data.action === 'Error') {
+ *     // 例外を投げたい場合は、rejectを呼び出す
+ *     // rejectの引数には、例外オブジェクトを指定できる
+ *     reject(data);
+ *   }
+ * });
+ *
+ * @template X 本関数が返すデータ型
+ * @param websocket messageイベントを処理するwebsocket
+ * @param messageHandler messageイベントが発火した時のハンドラ
+ * @return messageHandler内でresolveされたデータ
+ */
+function waitUntil(websocket, messageHandler) {
+  let handler = null;
+  return new Promise((resolve, reject) => {
+    handler = e => {
+      messageHandler(e, resolve, reject);
+    };
+
+    websocket.addEventListener('message', handler);
+  }).finally(() => {
+    handler && websocket.removeEventListener('message', handler);
+  });
+}

package/lib/websocket/wait-until.js.flow

@@ -0,0 +1,51 @@
+// @flow
+
+import type {Reject, Resolve} from "../promise/promise";
+
+/**
+ * messageイベントハンドラ
+ *
+ * @template X resolveするデータの型
+ * @param e messageイベント
+ * @param resolve resolve関数
+ * @param reject reject関数
+ */
+export type MessageHandler<X> = (e: MessageEvent, resolve: Resolve<X>, reject: Reject) => mixed;
+
+/**
+ * Websocketで特定メッセージを受信するまで待機する
+ * 利用イメージは、コード例を参照
+ * 
+ * waitUntil(websocket, (e, resolve, reject) => {
+ *   const data = JSON.parse(e.data);
+ *   
+ *   if (data.action === 'Success') {
+ *     // 特定のメッセージを受信したら、resolveを呼び出して待機終了する
+ *     // resolveの引数には外部に渡すオブジェクトを指定する
+ *     resolve(data);
+ *   }
+ * 
+ *   if (data.action === 'Error') {
+ *     // 例外を投げたい場合は、rejectを呼び出す
+ *     // rejectの引数には、例外オブジェクトを指定できる
+ *     reject(data);
+ *   }
+ * });
+ *
+ * @template X 本関数が返すデータ型
+ * @param websocket messageイベントを処理するwebsocket
+ * @param messageHandler messageイベントが発火した時のハンドラ
+ * @return messageHandler内でresolveされたデータ
+ */
+export function waitUntil<X>(websocket: WebSocket, messageHandler: MessageHandler<X>): Promise<X> {
+  let handler = null;
+  return new Promise((resolve, reject) => {
+    handler = (e: MessageEvent) => {
+      messageHandler(e, resolve, reject);
+    };
+    websocket.addEventListener('message', handler);
+  })
+    .finally(() => {
+      handler && websocket.removeEventListener('message', handler);
+    });
+}

package/package.json

@@ -0,0 +1,58 @@
+{
+  "name": "@gbraver-burst-network/browser-sdk",
+  "version": "1.5.3",
+  "description": "gbraver burst browser sdk",
+  "main": "lib/index.js",
+  "files": [
+    "lib"
+  ],
+  "scripts": {
+    "build": "run-s clean type-check lint test transpile copy-type-definition",
+    "type-check": "flow",
+    "lint": "eslint src",
+    "lint:test": "eslint test",
+    "test": "ava -T 600000",
+    "transpile": "babel src -d lib/",
+    "copy-type-definition": "flow-copy-source src lib",
+    "clean": "rimraf lib"
+  },
+  "author": "Y.Takeuchi",
+  "license": "ISC",
+  "dependencies": {
+    "@auth0/auth0-spa-js": "^1.19.3",
+    "@gbraver-burst-network/browser-core": "^1.5.3",
+    "gbraver-burst-core": "^1.11.2",
+    "rxjs": "^7.4.0"
+  },
+  "devDependencies": {
+    "@ava/babel": "^2.0.0",
+    "@babel/cli": "^7.16.0",
+    "@babel/core": "^7.16.5",
+    "@babel/eslint-parser": "^7.16.5",
+    "@babel/preset-env": "^7.16.5",
+    "@babel/preset-flow": "^7.16.5",
+    "@babel/register": "^7.16.5",
+    "ava": "^3.15.0",
+    "babel-loader": "^8.2.3",
+    "eslint": "^8.5.0",
+    "eslint-plugin-flowtype": "^8.0.3",
+    "flow-bin": "^0.168.0",
+    "flow-copy-source": "^2.0.9",
+    "npm-run-all": "^4.1.5",
+    "rimraf": "^3.0.2",
+    "webpack": "^5.65.0",
+    "webpack-cli": "^4.9.1"
+  },
+  "ava": {
+    "babel": {
+      "compileEnhancements": false
+    },
+    "files": [
+      "test/src/**/*.js"
+    ],
+    "require": [
+      "@babel/register"
+    ]
+  },
+  "gitHead": "c559366efbbe70dc90c9328c3ff83e31f33b62d7"
+}