@havue/solutions 1.0.0

package/bc-connect/README.md

@@ -0,0 +1,3 @@
+# Havue Broadcast channel connect
+
+[documents](https://happypedestrian.github.io/havue/solutions/broadcast-channel-connect.html)

package/bc-connect/dist/bc-connect.mjs

@@ -0,0 +1,342 @@
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+var BcConnectEventTypeEnum = /* @__PURE__ */ ((BcConnectEventTypeEnum2) => {
+  BcConnectEventTypeEnum2["Broadcast"] = "Hello world";
+  BcConnectEventTypeEnum2["Broadcast_Reply"] = "I can hear you";
+  BcConnectEventTypeEnum2["Main_Node_Hearbeat"] = "苍天还在，别立黄天";
+  BcConnectEventTypeEnum2["Res_Main_Node_Hearbeat"] = "苍天在上，受我一拜";
+  BcConnectEventTypeEnum2["Req_Be_Main_Node"] = "苍天已死，黄天当立";
+  BcConnectEventTypeEnum2["Res_Be_Main_Node"] = "我是黄天，尔等退下";
+  BcConnectEventTypeEnum2["Node_Type_Change"] = "node type change";
+  BcConnectEventTypeEnum2["Friend_List_Update"] = "friend list update";
+  return BcConnectEventTypeEnum2;
+})(BcConnectEventTypeEnum || {});
+var BcConnectNodeTypeEnum = /* @__PURE__ */ ((BcConnectNodeTypeEnum2) => {
+  BcConnectNodeTypeEnum2["Main"] = "main";
+  BcConnectNodeTypeEnum2["Normal"] = "normal";
+  return BcConnectNodeTypeEnum2;
+})(BcConnectNodeTypeEnum || {});
+const MessageTimeout = 300;
+class BroadcastChannelManager {
+  constructor(name, debug = false) {
+    /** 通道名称 */
+    __publicField(this, "_bcName");
+    /** BroadcastChannel实例 */
+    __publicField(this, "_broadcastChannel");
+    /** 事件map */
+    __publicField(this, "_eventMap");
+    /** 主节点发送心跳的interval */
+    __publicField(this, "_mainNodeMsgInterval", null);
+    /** 认为主节点掉线的timeout */
+    __publicField(this, "_mainNoceMsgTimeoutTimer", null);
+    /** 当前实例id */
+    __publicField(this, "id", Date.now() + Math.random());
+    /** 记录的友方id数组 */
+    __publicField(this, "_oldFrendChannelIdList", []);
+    /** 正在更新的右方id数组 */
+    __publicField(this, "_friendChannelIdSet", /* @__PURE__ */ new Set());
+    /** 当前节点类型 */
+    __publicField(this, "_nodeType");
+    /** 是否开启调试模式，会在控制台打印相关信息 */
+    __publicField(this, "_debug", false);
+    this._debug = debug;
+    this._bcName = name;
+    this._eventMap = /* @__PURE__ */ new Map();
+    this._debug && console.log("BC:id:", this.id);
+  }
+  get nodeType() {
+    return this._nodeType;
+  }
+  get friendList() {
+    return [...this._oldFrendChannelIdList];
+  }
+  connect() {
+    this._debug && console.log("BC:bc connect");
+    this.close();
+    this._broadcastChannel = new BroadcastChannel(this._bcName);
+    this._bindBroadcastChannelEvent();
+    this._updateFriendList();
+  }
+  close() {
+    this._debug && console.log("BC:bc close");
+    this._broadcastChannel && this._broadcastChannel.close();
+  }
+  /**
+   * 切换节点类型
+   * @param {BcConnectNodeTypeEnum} type
+   * @returns
+   */
+  _setNodeType(type) {
+    if (this._nodeType === type) {
+      return;
+    }
+    this._nodeType = type;
+    this.emit("node type change", {
+      type: "node type change",
+      data: type,
+      id: this.id
+    });
+  }
+  /** 更新友方列表 */
+  _updateFriendList() {
+    this.send(
+      "Hello world"
+      /* Broadcast */
+    );
+    setTimeout(() => {
+      this._oldFrendChannelIdList = this._getNewFriendList();
+      this._debug && console.log("BC:connect:updateFriendChannelIdList:", this._oldFrendChannelIdList);
+      this.emit("friend list update", {
+        type: "friend list update",
+        data: [...this._oldFrendChannelIdList],
+        id: this.id
+      });
+      this._updataNodeType();
+    }, MessageTimeout);
+  }
+  /** 绑定事件 */
+  _bindBroadcastChannelEvent() {
+    this._broadcastChannel && (this._broadcastChannel.onmessage = (event) => {
+      const { type, targetId } = event.data;
+      if (targetId && targetId !== this.id) {
+        return;
+      }
+      this.emit(type, event.data);
+    });
+    this.on("Hello world", (data) => {
+      const { id } = data;
+      if (!this._friendChannelIdSet.has(id)) {
+        this._friendChannelIdSet.add(id);
+      }
+      this.sendToTarget("I can hear you", id);
+    });
+    this.on("I can hear you", (data) => {
+      const { id } = data;
+      this._addFriend(id);
+    });
+    this.on("苍天已死，黄天当立", (data) => {
+      const { id } = data;
+      if (id > this.id) {
+        this.sendToTarget("我是黄天，尔等退下", id);
+      }
+    });
+    this.on("苍天在上，受我一拜", (data) => {
+      this._addFriend(data.id);
+    });
+    this._bindNodeEvent();
+  }
+  /** 监听节点类型切换事件 */
+  _bindNodeEvent() {
+    const onMainNodeHearbeat = (data) => {
+      this._timeoutToBeMainNode();
+      this._catchOldFriend();
+      this._addFriend(data.id);
+      this.send(
+        "苍天在上，受我一拜"
+        /* Res_Main_Node_Hearbeat */
+      );
+    };
+    this.on("node type change", (info) => {
+      const { data } = info;
+      this._mainNodeMsgInterval && clearInterval(this._mainNodeMsgInterval);
+      this._debug && console.log("BC:代理类型切换：", info.data);
+      if (data === "main") {
+        this._mainNodeMsgInterval = setInterval(() => {
+          this._catchOldFriend();
+          this.send(
+            "苍天还在，别立黄天"
+            /* Main_Node_Hearbeat */
+          );
+        }, MessageTimeout);
+      } else if (data === "normal") {
+        this._timeoutToBeMainNode();
+      }
+      this.on("苍天还在，别立黄天", onMainNodeHearbeat);
+    });
+  }
+  /** 获取最新的友方列表 */
+  _getNewFriendList() {
+    return [...this._friendChannelIdSet].sort((a, b) => a - b);
+  }
+  /**
+   * 更新当前节点类型
+   */
+  _updataNodeType() {
+    this._mainNodeMsgInterval && clearInterval(this._mainNodeMsgInterval);
+    if (this._oldFrendChannelIdList.length === 0 || Math.min(...this._oldFrendChannelIdList) > this.id) {
+      if (this._nodeType === "main") {
+        return;
+      }
+      this._setNodeType(
+        "main"
+        /* Main */
+      );
+    } else {
+      if (this._nodeType === "normal") {
+        return;
+      }
+      this._setNodeType(
+        "normal"
+        /* Normal */
+      );
+    }
+  }
+  _timeoutToBeMainNode() {
+    this._mainNoceMsgTimeoutTimer && clearTimeout(this._mainNoceMsgTimeoutTimer);
+    this._mainNoceMsgTimeoutTimer = setTimeout(() => {
+      this._req_beMainNode();
+    }, MessageTimeout * 3);
+  }
+  /**
+   * 保持记录的活跃的友方id列表
+   * 清空正在记录的友方id列表
+   */
+  _catchOldFriend() {
+    const newFriendList = this._getNewFriendList();
+    if (this._oldFrendChannelIdList.join() !== newFriendList.join()) {
+      this._debug && console.log("BC:updateFriendChannelIdList:", newFriendList);
+      this.emit("friend list update", {
+        type: "friend list update",
+        data: [...newFriendList],
+        id: this.id
+      });
+      this._oldFrendChannelIdList = [...newFriendList];
+    }
+    if (this._nodeType === "main" && Math.min(...this._oldFrendChannelIdList) < this.id) {
+      this._setNodeType(
+        "normal"
+        /* Normal */
+      );
+    }
+    this._friendChannelIdSet.clear();
+  }
+  /**
+   * 申请成为主节点
+   */
+  _req_beMainNode() {
+    this._debug && console.log("BC:req_beMainNode");
+    this.send(
+      "苍天已死，黄天当立"
+      /* Req_Be_Main_Node */
+    );
+    const timer = setTimeout(() => {
+      this._setNodeType(
+        "main"
+        /* Main */
+      );
+    }, MessageTimeout);
+    const handleRes_beMainNode = () => {
+      clearTimeout(timer);
+      this.off("我是黄天，尔等退下", handleRes_beMainNode);
+    };
+    this.on("我是黄天，尔等退下", handleRes_beMainNode);
+  }
+  /**
+   * 添加友方
+   * @param id 节点id
+   */
+  _addFriend(id) {
+    if (!this._friendChannelIdSet.has(id)) {
+      this._friendChannelIdSet.add(id);
+    }
+  }
+  /**
+   * 广播消息
+   * @param type 消息类型
+   * @param data 数据
+   */
+  send(type, data) {
+    var _a;
+    (_a = this._broadcastChannel) == null ? void 0 : _a.postMessage({
+      type,
+      data,
+      id: this.id
+    });
+  }
+  /**
+   * 给特定id的节点发送消息
+   * @param type 消息类型
+   * @param targetId 目标节点id
+   * @param data 数据
+   */
+  sendToTarget(type, targetId, data) {
+    var _a;
+    (_a = this._broadcastChannel) == null ? void 0 : _a.postMessage({
+      type,
+      data,
+      id: this.id,
+      targetId
+    });
+  }
+  /**
+   * 注册事件
+   * @param { string } event 事件类型
+   * @param callback 回调
+   * @returns void
+   */
+  on(event, callback) {
+    const callbacks = this._eventMap.get(event);
+    if (!callbacks) {
+      this._eventMap.set(event, [callback]);
+      return;
+    }
+    if (callbacks.includes(callback)) {
+      return;
+    }
+    callbacks.push(callback);
+  }
+  /**
+   * 注销事件
+   * @param { string } event 事件类型
+   * @param callback 事件回调
+   * @returns
+   */
+  off(event, callback) {
+    const callbacks = this._eventMap.get(event);
+    if (!callbacks) {
+      return;
+    }
+    if (!callback) {
+      callbacks.length = 0;
+      return;
+    }
+    const index = callbacks.indexOf(callback);
+    callbacks.splice(index, 1);
+  }
+  /**
+   * 触发事件
+   * @param { string } event 事件类型
+   * @param data 数据
+   */
+  emit(event, data) {
+    const callbacks = this._eventMap.get(event) || [];
+    callbacks.forEach((cb) => {
+      cb(data);
+    });
+  }
+  /**
+   * 销毁
+   */
+  destroy() {
+    var _a;
+    this._bcName = "";
+    this._eventMap.clear();
+    (_a = this._broadcastChannel) == null ? void 0 : _a.close();
+    this._broadcastChannel = void 0;
+    this._oldFrendChannelIdList = [];
+    this._friendChannelIdSet.clear();
+    this.id = -1;
+    this._nodeType = void 0;
+    this._mainNodeMsgInterval && clearInterval(this._mainNodeMsgInterval);
+    this._mainNodeMsgInterval = null;
+    this._mainNoceMsgTimeoutTimer && clearInterval(this._mainNoceMsgTimeoutTimer);
+    this._mainNoceMsgTimeoutTimer = null;
+    this._debug && console.log("BC:destroy");
+  }
+}
+export {
+  BcConnectEventTypeEnum,
+  BcConnectNodeTypeEnum,
+  BroadcastChannelManager
+};

package/bc-connect/dist/bc-connect.umd.js

@@ -0,0 +1,346 @@
+(function(global, factory) {
+  typeof exports === "object" && typeof module !== "undefined" ? factory(exports) : typeof define === "function" && define.amd ? define(["exports"], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, factory(global["bc-connect"] = {}));
+})(this, function(exports2) {
+  "use strict";var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+
+  var BcConnectEventTypeEnum = /* @__PURE__ */ ((BcConnectEventTypeEnum2) => {
+    BcConnectEventTypeEnum2["Broadcast"] = "Hello world";
+    BcConnectEventTypeEnum2["Broadcast_Reply"] = "I can hear you";
+    BcConnectEventTypeEnum2["Main_Node_Hearbeat"] = "苍天还在，别立黄天";
+    BcConnectEventTypeEnum2["Res_Main_Node_Hearbeat"] = "苍天在上，受我一拜";
+    BcConnectEventTypeEnum2["Req_Be_Main_Node"] = "苍天已死，黄天当立";
+    BcConnectEventTypeEnum2["Res_Be_Main_Node"] = "我是黄天，尔等退下";
+    BcConnectEventTypeEnum2["Node_Type_Change"] = "node type change";
+    BcConnectEventTypeEnum2["Friend_List_Update"] = "friend list update";
+    return BcConnectEventTypeEnum2;
+  })(BcConnectEventTypeEnum || {});
+  var BcConnectNodeTypeEnum = /* @__PURE__ */ ((BcConnectNodeTypeEnum2) => {
+    BcConnectNodeTypeEnum2["Main"] = "main";
+    BcConnectNodeTypeEnum2["Normal"] = "normal";
+    return BcConnectNodeTypeEnum2;
+  })(BcConnectNodeTypeEnum || {});
+  const MessageTimeout = 300;
+  class BroadcastChannelManager {
+    constructor(name, debug = false) {
+      /** 通道名称 */
+      __publicField(this, "_bcName");
+      /** BroadcastChannel实例 */
+      __publicField(this, "_broadcastChannel");
+      /** 事件map */
+      __publicField(this, "_eventMap");
+      /** 主节点发送心跳的interval */
+      __publicField(this, "_mainNodeMsgInterval", null);
+      /** 认为主节点掉线的timeout */
+      __publicField(this, "_mainNoceMsgTimeoutTimer", null);
+      /** 当前实例id */
+      __publicField(this, "id", Date.now() + Math.random());
+      /** 记录的友方id数组 */
+      __publicField(this, "_oldFrendChannelIdList", []);
+      /** 正在更新的右方id数组 */
+      __publicField(this, "_friendChannelIdSet", /* @__PURE__ */ new Set());
+      /** 当前节点类型 */
+      __publicField(this, "_nodeType");
+      /** 是否开启调试模式，会在控制台打印相关信息 */
+      __publicField(this, "_debug", false);
+      this._debug = debug;
+      this._bcName = name;
+      this._eventMap = /* @__PURE__ */ new Map();
+      this._debug && console.log("BC:id:", this.id);
+    }
+    get nodeType() {
+      return this._nodeType;
+    }
+    get friendList() {
+      return [...this._oldFrendChannelIdList];
+    }
+    connect() {
+      this._debug && console.log("BC:bc connect");
+      this.close();
+      this._broadcastChannel = new BroadcastChannel(this._bcName);
+      this._bindBroadcastChannelEvent();
+      this._updateFriendList();
+    }
+    close() {
+      this._debug && console.log("BC:bc close");
+      this._broadcastChannel && this._broadcastChannel.close();
+    }
+    /**
+     * 切换节点类型
+     * @param {BcConnectNodeTypeEnum} type
+     * @returns
+     */
+    _setNodeType(type) {
+      if (this._nodeType === type) {
+        return;
+      }
+      this._nodeType = type;
+      this.emit("node type change", {
+        type: "node type change",
+        data: type,
+        id: this.id
+      });
+    }
+    /** 更新友方列表 */
+    _updateFriendList() {
+      this.send(
+        "Hello world"
+        /* Broadcast */
+      );
+      setTimeout(() => {
+        this._oldFrendChannelIdList = this._getNewFriendList();
+        this._debug && console.log("BC:connect:updateFriendChannelIdList:", this._oldFrendChannelIdList);
+        this.emit("friend list update", {
+          type: "friend list update",
+          data: [...this._oldFrendChannelIdList],
+          id: this.id
+        });
+        this._updataNodeType();
+      }, MessageTimeout);
+    }
+    /** 绑定事件 */
+    _bindBroadcastChannelEvent() {
+      this._broadcastChannel && (this._broadcastChannel.onmessage = (event) => {
+        const { type, targetId } = event.data;
+        if (targetId && targetId !== this.id) {
+          return;
+        }
+        this.emit(type, event.data);
+      });
+      this.on("Hello world", (data) => {
+        const { id } = data;
+        if (!this._friendChannelIdSet.has(id)) {
+          this._friendChannelIdSet.add(id);
+        }
+        this.sendToTarget("I can hear you", id);
+      });
+      this.on("I can hear you", (data) => {
+        const { id } = data;
+        this._addFriend(id);
+      });
+      this.on("苍天已死，黄天当立", (data) => {
+        const { id } = data;
+        if (id > this.id) {
+          this.sendToTarget("我是黄天，尔等退下", id);
+        }
+      });
+      this.on("苍天在上，受我一拜", (data) => {
+        this._addFriend(data.id);
+      });
+      this._bindNodeEvent();
+    }
+    /** 监听节点类型切换事件 */
+    _bindNodeEvent() {
+      const onMainNodeHearbeat = (data) => {
+        this._timeoutToBeMainNode();
+        this._catchOldFriend();
+        this._addFriend(data.id);
+        this.send(
+          "苍天在上，受我一拜"
+          /* Res_Main_Node_Hearbeat */
+        );
+      };
+      this.on("node type change", (info) => {
+        const { data } = info;
+        this._mainNodeMsgInterval && clearInterval(this._mainNodeMsgInterval);
+        this._debug && console.log("BC:代理类型切换：", info.data);
+        if (data === "main") {
+          this._mainNodeMsgInterval = setInterval(() => {
+            this._catchOldFriend();
+            this.send(
+              "苍天还在，别立黄天"
+              /* Main_Node_Hearbeat */
+            );
+          }, MessageTimeout);
+        } else if (data === "normal") {
+          this._timeoutToBeMainNode();
+        }
+        this.on("苍天还在，别立黄天", onMainNodeHearbeat);
+      });
+    }
+    /** 获取最新的友方列表 */
+    _getNewFriendList() {
+      return [...this._friendChannelIdSet].sort((a, b) => a - b);
+    }
+    /**
+     * 更新当前节点类型
+     */
+    _updataNodeType() {
+      this._mainNodeMsgInterval && clearInterval(this._mainNodeMsgInterval);
+      if (this._oldFrendChannelIdList.length === 0 || Math.min(...this._oldFrendChannelIdList) > this.id) {
+        if (this._nodeType === "main") {
+          return;
+        }
+        this._setNodeType(
+          "main"
+          /* Main */
+        );
+      } else {
+        if (this._nodeType === "normal") {
+          return;
+        }
+        this._setNodeType(
+          "normal"
+          /* Normal */
+        );
+      }
+    }
+    _timeoutToBeMainNode() {
+      this._mainNoceMsgTimeoutTimer && clearTimeout(this._mainNoceMsgTimeoutTimer);
+      this._mainNoceMsgTimeoutTimer = setTimeout(() => {
+        this._req_beMainNode();
+      }, MessageTimeout * 3);
+    }
+    /**
+     * 保持记录的活跃的友方id列表
+     * 清空正在记录的友方id列表
+     */
+    _catchOldFriend() {
+      const newFriendList = this._getNewFriendList();
+      if (this._oldFrendChannelIdList.join() !== newFriendList.join()) {
+        this._debug && console.log("BC:updateFriendChannelIdList:", newFriendList);
+        this.emit("friend list update", {
+          type: "friend list update",
+          data: [...newFriendList],
+          id: this.id
+        });
+        this._oldFrendChannelIdList = [...newFriendList];
+      }
+      if (this._nodeType === "main" && Math.min(...this._oldFrendChannelIdList) < this.id) {
+        this._setNodeType(
+          "normal"
+          /* Normal */
+        );
+      }
+      this._friendChannelIdSet.clear();
+    }
+    /**
+     * 申请成为主节点
+     */
+    _req_beMainNode() {
+      this._debug && console.log("BC:req_beMainNode");
+      this.send(
+        "苍天已死，黄天当立"
+        /* Req_Be_Main_Node */
+      );
+      const timer = setTimeout(() => {
+        this._setNodeType(
+          "main"
+          /* Main */
+        );
+      }, MessageTimeout);
+      const handleRes_beMainNode = () => {
+        clearTimeout(timer);
+        this.off("我是黄天，尔等退下", handleRes_beMainNode);
+      };
+      this.on("我是黄天，尔等退下", handleRes_beMainNode);
+    }
+    /**
+     * 添加友方
+     * @param id 节点id
+     */
+    _addFriend(id) {
+      if (!this._friendChannelIdSet.has(id)) {
+        this._friendChannelIdSet.add(id);
+      }
+    }
+    /**
+     * 广播消息
+     * @param type 消息类型
+     * @param data 数据
+     */
+    send(type, data) {
+      var _a;
+      (_a = this._broadcastChannel) == null ? void 0 : _a.postMessage({
+        type,
+        data,
+        id: this.id
+      });
+    }
+    /**
+     * 给特定id的节点发送消息
+     * @param type 消息类型
+     * @param targetId 目标节点id
+     * @param data 数据
+     */
+    sendToTarget(type, targetId, data) {
+      var _a;
+      (_a = this._broadcastChannel) == null ? void 0 : _a.postMessage({
+        type,
+        data,
+        id: this.id,
+        targetId
+      });
+    }
+    /**
+     * 注册事件
+     * @param { string } event 事件类型
+     * @param callback 回调
+     * @returns void
+     */
+    on(event, callback) {
+      const callbacks = this._eventMap.get(event);
+      if (!callbacks) {
+        this._eventMap.set(event, [callback]);
+        return;
+      }
+      if (callbacks.includes(callback)) {
+        return;
+      }
+      callbacks.push(callback);
+    }
+    /**
+     * 注销事件
+     * @param { string } event 事件类型
+     * @param callback 事件回调
+     * @returns
+     */
+    off(event, callback) {
+      const callbacks = this._eventMap.get(event);
+      if (!callbacks) {
+        return;
+      }
+      if (!callback) {
+        callbacks.length = 0;
+        return;
+      }
+      const index = callbacks.indexOf(callback);
+      callbacks.splice(index, 1);
+    }
+    /**
+     * 触发事件
+     * @param { string } event 事件类型
+     * @param data 数据
+     */
+    emit(event, data) {
+      const callbacks = this._eventMap.get(event) || [];
+      callbacks.forEach((cb) => {
+        cb(data);
+      });
+    }
+    /**
+     * 销毁
+     */
+    destroy() {
+      var _a;
+      this._bcName = "";
+      this._eventMap.clear();
+      (_a = this._broadcastChannel) == null ? void 0 : _a.close();
+      this._broadcastChannel = void 0;
+      this._oldFrendChannelIdList = [];
+      this._friendChannelIdSet.clear();
+      this.id = -1;
+      this._nodeType = void 0;
+      this._mainNodeMsgInterval && clearInterval(this._mainNodeMsgInterval);
+      this._mainNodeMsgInterval = null;
+      this._mainNoceMsgTimeoutTimer && clearInterval(this._mainNoceMsgTimeoutTimer);
+      this._mainNoceMsgTimeoutTimer = null;
+      this._debug && console.log("BC:destroy");
+    }
+  }
+  exports2.BcConnectEventTypeEnum = BcConnectEventTypeEnum;
+  exports2.BcConnectNodeTypeEnum = BcConnectNodeTypeEnum;
+  exports2.BroadcastChannelManager = BroadcastChannelManager;
+  Object.defineProperty(exports2, Symbol.toStringTag, { value: "Module" });
+});

package/bc-connect/dist/types/src/index.d.ts

@@ -0,0 +1 @@
+export * from './manager';