@react-devtools-plus/core 0.2.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2023 webfansplz
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/client/index.cjs

@@ -0,0 +1,165 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target2, all) => {
+  for (var name in all)
+    __defProp(target2, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/client/index.ts
+var client_exports = {};
+__export(client_exports, {
+  ClientConnectionManager: () => ClientConnectionManager,
+  getDevToolsChannelName: () => getDevToolsChannelName,
+  getDevToolsClientUrl: () => getDevToolsClientUrl,
+  globalConnectionManager: () => globalConnectionManager,
+  isDevToolsEnabled: () => isDevToolsEnabled,
+  setDevToolsChannelName: () => setDevToolsChannelName,
+  setDevToolsClientUrl: () => setDevToolsClientUrl,
+  setDevToolsEnabled: () => setDevToolsEnabled
+});
+module.exports = __toCommonJS(client_exports);
+var import_shared = require("@react-devtools-plus/shared");
+function setDevToolsClientUrl(url) {
+  import_shared.target.__REACT_DEVTOOLS_CLIENT_URL__ = url;
+}
+function getDevToolsClientUrl() {
+  var _a;
+  return (_a = import_shared.target.__REACT_DEVTOOLS_CLIENT_URL__) != null ? _a : (() => {
+    if (import_shared.isBrowser) {
+      const devtoolsMeta = document.querySelector("meta[name=__REACT_DEVTOOLS_CLIENT_URL__]");
+      if (devtoolsMeta)
+        return devtoolsMeta.getAttribute("content") || "";
+    }
+    return "";
+  })();
+}
+function isDevToolsEnabled() {
+  return import_shared.target.__REACT_DEVTOOLS_ENABLED__ === true;
+}
+function setDevToolsEnabled(enabled) {
+  import_shared.target.__REACT_DEVTOOLS_ENABLED__ = enabled;
+}
+function getDevToolsChannelName() {
+  return import_shared.target.__REACT_DEVTOOLS_BROADCAST_CHANNEL__ || "react-devtools-plus";
+}
+function setDevToolsChannelName(channelName) {
+  import_shared.target.__REACT_DEVTOOLS_BROADCAST_CHANNEL__ = channelName;
+}
+var ClientConnectionManager = class {
+  constructor(options = {}) {
+    this.connections = /* @__PURE__ */ new Map();
+    this.reconnectAttempts = /* @__PURE__ */ new Map();
+    this.reconnectTimers = /* @__PURE__ */ new Map();
+    this.maxReconnectAttempts = options.maxReconnectAttempts || 5;
+    this.reconnectDelay = options.reconnectDelay || 1e3;
+  }
+  /**
+   * Register a connection
+   * 注册连接
+   */
+  register(id, connection) {
+    this.connections.set(id, connection);
+    this.reconnectAttempts.set(id, 0);
+  }
+  /**
+   * Unregister a connection
+   * 注销连接
+   */
+  unregister(id) {
+    const timer = this.reconnectTimers.get(id);
+    if (timer) {
+      clearTimeout(timer);
+      this.reconnectTimers.delete(id);
+    }
+    this.connections.delete(id);
+    this.reconnectAttempts.delete(id);
+  }
+  /**
+   * Get a connection
+   * 获取连接
+   */
+  get(id) {
+    return this.connections.get(id);
+  }
+  /**
+   * Get all connections
+   * 获取所有连接
+   */
+  getAll() {
+    return new Map(this.connections);
+  }
+  /**
+   * Check if a connection exists
+   * 检查连接是否存在
+   */
+  has(id) {
+    return this.connections.has(id);
+  }
+  /**
+   * Handle connection error and attempt reconnect
+   * 处理连接错误并尝试重连
+   */
+  handleError(id, error, reconnectFn) {
+    console.error(`[React DevTools] Connection error for ${id}:`, error);
+    if (!reconnectFn)
+      return;
+    const attempts = this.reconnectAttempts.get(id) || 0;
+    if (attempts >= this.maxReconnectAttempts) {
+      console.error(`[React DevTools] Max reconnect attempts reached for ${id}`);
+      return;
+    }
+    const delay = this.reconnectDelay * 2 ** attempts;
+    const timer = setTimeout(async () => {
+      try {
+        await reconnectFn();
+        this.reconnectAttempts.set(id, 0);
+      } catch (err) {
+        this.reconnectAttempts.set(id, attempts + 1);
+        this.handleError(id, err, reconnectFn);
+      }
+    }, delay);
+    this.reconnectTimers.set(id, timer);
+  }
+  /**
+   * Close all connections
+   * 关闭所有连接
+   */
+  closeAll() {
+    this.connections.forEach((connection) => {
+      if (connection.$close) {
+        connection.$close();
+      }
+    });
+    this.reconnectTimers.forEach((timer) => {
+      clearTimeout(timer);
+    });
+    this.connections.clear();
+    this.reconnectAttempts.clear();
+    this.reconnectTimers.clear();
+  }
+};
+var globalConnectionManager = new ClientConnectionManager();
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ClientConnectionManager,
+  getDevToolsChannelName,
+  getDevToolsClientUrl,
+  globalConnectionManager,
+  isDevToolsEnabled,
+  setDevToolsChannelName,
+  setDevToolsClientUrl,
+  setDevToolsEnabled
+});
+//# sourceMappingURL=index.cjs.map

package/dist/client/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/client/index.ts"],"sourcesContent":["/**\n * Client connection management for React DevTools\n * React DevTools 客户端连接管理\n */\n\nimport { isBrowser, target } from '@react-devtools-plus/shared'\n\n/**\n * Set DevTools client URL\n * 设置 DevTools 客户端 URL\n */\nexport function setDevToolsClientUrl(url: string): void {\n  target.__REACT_DEVTOOLS_CLIENT_URL__ = url\n}\n\n/**\n * Get DevTools client URL\n * 获取 DevTools 客户端 URL\n */\nexport function getDevToolsClientUrl(): string {\n  return target.__REACT_DEVTOOLS_CLIENT_URL__ ?? (() => {\n    if (isBrowser) {\n      const devtoolsMeta = document.querySelector('meta[name=__REACT_DEVTOOLS_CLIENT_URL__]')\n      if (devtoolsMeta)\n        return devtoolsMeta.getAttribute('content') || ''\n    }\n    return ''\n  })()\n}\n\n/**\n * Check if DevTools is enabled\n * 检查 DevTools 是否启用\n */\nexport function isDevToolsEnabled(): boolean {\n  return target.__REACT_DEVTOOLS_ENABLED__ === true\n}\n\n/**\n * Set DevTools enabled state\n * 设置 DevTools 启用状态\n */\nexport function setDevToolsEnabled(enabled: boolean): void {\n  target.__REACT_DEVTOOLS_ENABLED__ = enabled\n}\n\n/**\n * Get DevTools broadcast channel name\n * 获取 DevTools 广播通道名称\n */\nexport function getDevToolsChannelName(): string {\n  return target.__REACT_DEVTOOLS_BROADCAST_CHANNEL__ || 'react-devtools-plus'\n}\n\n/**\n * Set DevTools broadcast channel name\n * 设置 DevTools 广播通道名称\n */\nexport function setDevToolsChannelName(channelName: string): void {\n  target.__REACT_DEVTOOLS_BROADCAST_CHANNEL__ = channelName\n}\n\n/**\n * Client connection manager\n * 客户端连接管理器\n */\nexport class ClientConnectionManager {\n  private connections: Map<string, any>\n  private reconnectAttempts: Map<string, number>\n  private reconnectTimers: Map<string, NodeJS.Timeout>\n  private maxReconnectAttempts: number\n  private reconnectDelay: number\n\n  constructor(options: {\n    maxReconnectAttempts?: number\n    reconnectDelay?: number\n  } = {}) {\n    this.connections = new Map()\n    this.reconnectAttempts = new Map()\n    this.reconnectTimers = new Map()\n    this.maxReconnectAttempts = options.maxReconnectAttempts || 5\n    this.reconnectDelay = options.reconnectDelay || 1000\n  }\n\n  /**\n   * Register a connection\n   * 注册连接\n   */\n  register(id: string, connection: any): void {\n    this.connections.set(id, connection)\n    this.reconnectAttempts.set(id, 0)\n  }\n\n  /**\n   * Unregister a connection\n   * 注销连接\n   */\n  unregister(id: string): void {\n    const timer = this.reconnectTimers.get(id)\n    if (timer) {\n      clearTimeout(timer)\n      this.reconnectTimers.delete(id)\n    }\n\n    this.connections.delete(id)\n    this.reconnectAttempts.delete(id)\n  }\n\n  /**\n   * Get a connection\n   * 获取连接\n   */\n  get(id: string): any {\n    return this.connections.get(id)\n  }\n\n  /**\n   * Get all connections\n   * 获取所有连接\n   */\n  getAll(): Map<string, any> {\n    return new Map(this.connections)\n  }\n\n  /**\n   * Check if a connection exists\n   * 检查连接是否存在\n   */\n  has(id: string): boolean {\n    return this.connections.has(id)\n  }\n\n  /**\n   * Handle connection error and attempt reconnect\n   * 处理连接错误并尝试重连\n   */\n  handleError(id: string, error: Error, reconnectFn?: () => Promise<void>): void {\n    console.error(`[React DevTools] Connection error for ${id}:`, error)\n\n    if (!reconnectFn)\n      return\n\n    const attempts = this.reconnectAttempts.get(id) || 0\n\n    if (attempts >= this.maxReconnectAttempts) {\n      console.error(`[React DevTools] Max reconnect attempts reached for ${id}`)\n      return\n    }\n\n    const delay = this.reconnectDelay * 2 ** attempts // Exponential backoff\n\n    const timer = setTimeout(async () => {\n      try {\n        await reconnectFn()\n        this.reconnectAttempts.set(id, 0) // Reset on successful reconnect\n      }\n      catch (err) {\n        this.reconnectAttempts.set(id, attempts + 1)\n        this.handleError(id, err as Error, reconnectFn)\n      }\n    }, delay)\n\n    this.reconnectTimers.set(id, timer)\n  }\n\n  /**\n   * Close all connections\n   * 关闭所有连接\n   */\n  closeAll(): void {\n    this.connections.forEach((connection) => {\n      if (connection.$close) {\n        connection.$close()\n      }\n    })\n\n    this.reconnectTimers.forEach((timer) => {\n      clearTimeout(timer)\n    })\n\n    this.connections.clear()\n    this.reconnectAttempts.clear()\n    this.reconnectTimers.clear()\n  }\n}\n\n/**\n * Global client connection manager instance\n * 全局客户端连接管理器实例\n */\nexport const globalConnectionManager = new ClientConnectionManager()\n"],"mappings":"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","names":[]}

package/dist/client/index.d.cts

@@ -0,0 +1,91 @@
+/**
+ * Client connection management for React DevTools
+ * React DevTools 客户端连接管理
+ */
+/**
+ * Set DevTools client URL
+ * 设置 DevTools 客户端 URL
+ */
+declare function setDevToolsClientUrl(url: string): void;
+/**
+ * Get DevTools client URL
+ * 获取 DevTools 客户端 URL
+ */
+declare function getDevToolsClientUrl(): string;
+/**
+ * Check if DevTools is enabled
+ * 检查 DevTools 是否启用
+ */
+declare function isDevToolsEnabled(): boolean;
+/**
+ * Set DevTools enabled state
+ * 设置 DevTools 启用状态
+ */
+declare function setDevToolsEnabled(enabled: boolean): void;
+/**
+ * Get DevTools broadcast channel name
+ * 获取 DevTools 广播通道名称
+ */
+declare function getDevToolsChannelName(): string;
+/**
+ * Set DevTools broadcast channel name
+ * 设置 DevTools 广播通道名称
+ */
+declare function setDevToolsChannelName(channelName: string): void;
+/**
+ * Client connection manager
+ * 客户端连接管理器
+ */
+declare class ClientConnectionManager {
+    private connections;
+    private reconnectAttempts;
+    private reconnectTimers;
+    private maxReconnectAttempts;
+    private reconnectDelay;
+    constructor(options?: {
+        maxReconnectAttempts?: number;
+        reconnectDelay?: number;
+    });
+    /**
+     * Register a connection
+     * 注册连接
+     */
+    register(id: string, connection: any): void;
+    /**
+     * Unregister a connection
+     * 注销连接
+     */
+    unregister(id: string): void;
+    /**
+     * Get a connection
+     * 获取连接
+     */
+    get(id: string): any;
+    /**
+     * Get all connections
+     * 获取所有连接
+     */
+    getAll(): Map<string, any>;
+    /**
+     * Check if a connection exists
+     * 检查连接是否存在
+     */
+    has(id: string): boolean;
+    /**
+     * Handle connection error and attempt reconnect
+     * 处理连接错误并尝试重连
+     */
+    handleError(id: string, error: Error, reconnectFn?: () => Promise<void>): void;
+    /**
+     * Close all connections
+     * 关闭所有连接
+     */
+    closeAll(): void;
+}
+/**
+ * Global client connection manager instance
+ * 全局客户端连接管理器实例
+ */
+declare const globalConnectionManager: ClientConnectionManager;
+
+export { ClientConnectionManager, getDevToolsChannelName, getDevToolsClientUrl, globalConnectionManager, isDevToolsEnabled, setDevToolsChannelName, setDevToolsClientUrl, setDevToolsEnabled };

package/dist/client/index.d.ts

@@ -0,0 +1,91 @@
+/**
+ * Client connection management for React DevTools
+ * React DevTools 客户端连接管理
+ */
+/**
+ * Set DevTools client URL
+ * 设置 DevTools 客户端 URL
+ */
+declare function setDevToolsClientUrl(url: string): void;
+/**
+ * Get DevTools client URL
+ * 获取 DevTools 客户端 URL
+ */
+declare function getDevToolsClientUrl(): string;
+/**
+ * Check if DevTools is enabled
+ * 检查 DevTools 是否启用
+ */
+declare function isDevToolsEnabled(): boolean;
+/**
+ * Set DevTools enabled state
+ * 设置 DevTools 启用状态
+ */
+declare function setDevToolsEnabled(enabled: boolean): void;
+/**
+ * Get DevTools broadcast channel name
+ * 获取 DevTools 广播通道名称
+ */
+declare function getDevToolsChannelName(): string;
+/**
+ * Set DevTools broadcast channel name
+ * 设置 DevTools 广播通道名称
+ */
+declare function setDevToolsChannelName(channelName: string): void;
+/**
+ * Client connection manager
+ * 客户端连接管理器
+ */
+declare class ClientConnectionManager {
+    private connections;
+    private reconnectAttempts;
+    private reconnectTimers;
+    private maxReconnectAttempts;
+    private reconnectDelay;
+    constructor(options?: {
+        maxReconnectAttempts?: number;
+        reconnectDelay?: number;
+    });
+    /**
+     * Register a connection
+     * 注册连接
+     */
+    register(id: string, connection: any): void;
+    /**
+     * Unregister a connection
+     * 注销连接
+     */
+    unregister(id: string): void;
+    /**
+     * Get a connection
+     * 获取连接
+     */
+    get(id: string): any;
+    /**
+     * Get all connections
+     * 获取所有连接
+     */
+    getAll(): Map<string, any>;
+    /**
+     * Check if a connection exists
+     * 检查连接是否存在
+     */
+    has(id: string): boolean;
+    /**
+     * Handle connection error and attempt reconnect
+     * 处理连接错误并尝试重连
+     */
+    handleError(id: string, error: Error, reconnectFn?: () => Promise<void>): void;
+    /**
+     * Close all connections
+     * 关闭所有连接
+     */
+    closeAll(): void;
+}
+/**
+ * Global client connection manager instance
+ * 全局客户端连接管理器实例
+ */
+declare const globalConnectionManager: ClientConnectionManager;
+
+export { ClientConnectionManager, getDevToolsChannelName, getDevToolsClientUrl, globalConnectionManager, isDevToolsEnabled, setDevToolsChannelName, setDevToolsClientUrl, setDevToolsEnabled };

package/dist/client/index.js

@@ -0,0 +1,133 @@
+// src/client/index.ts
+import { isBrowser, target } from "@react-devtools-plus/shared";
+function setDevToolsClientUrl(url) {
+  target.__REACT_DEVTOOLS_CLIENT_URL__ = url;
+}
+function getDevToolsClientUrl() {
+  var _a;
+  return (_a = target.__REACT_DEVTOOLS_CLIENT_URL__) != null ? _a : (() => {
+    if (isBrowser) {
+      const devtoolsMeta = document.querySelector("meta[name=__REACT_DEVTOOLS_CLIENT_URL__]");
+      if (devtoolsMeta)
+        return devtoolsMeta.getAttribute("content") || "";
+    }
+    return "";
+  })();
+}
+function isDevToolsEnabled() {
+  return target.__REACT_DEVTOOLS_ENABLED__ === true;
+}
+function setDevToolsEnabled(enabled) {
+  target.__REACT_DEVTOOLS_ENABLED__ = enabled;
+}
+function getDevToolsChannelName() {
+  return target.__REACT_DEVTOOLS_BROADCAST_CHANNEL__ || "react-devtools-plus";
+}
+function setDevToolsChannelName(channelName) {
+  target.__REACT_DEVTOOLS_BROADCAST_CHANNEL__ = channelName;
+}
+var ClientConnectionManager = class {
+  constructor(options = {}) {
+    this.connections = /* @__PURE__ */ new Map();
+    this.reconnectAttempts = /* @__PURE__ */ new Map();
+    this.reconnectTimers = /* @__PURE__ */ new Map();
+    this.maxReconnectAttempts = options.maxReconnectAttempts || 5;
+    this.reconnectDelay = options.reconnectDelay || 1e3;
+  }
+  /**
+   * Register a connection
+   * 注册连接
+   */
+  register(id, connection) {
+    this.connections.set(id, connection);
+    this.reconnectAttempts.set(id, 0);
+  }
+  /**
+   * Unregister a connection
+   * 注销连接
+   */
+  unregister(id) {
+    const timer = this.reconnectTimers.get(id);
+    if (timer) {
+      clearTimeout(timer);
+      this.reconnectTimers.delete(id);
+    }
+    this.connections.delete(id);
+    this.reconnectAttempts.delete(id);
+  }
+  /**
+   * Get a connection
+   * 获取连接
+   */
+  get(id) {
+    return this.connections.get(id);
+  }
+  /**
+   * Get all connections
+   * 获取所有连接
+   */
+  getAll() {
+    return new Map(this.connections);
+  }
+  /**
+   * Check if a connection exists
+   * 检查连接是否存在
+   */
+  has(id) {
+    return this.connections.has(id);
+  }
+  /**
+   * Handle connection error and attempt reconnect
+   * 处理连接错误并尝试重连
+   */
+  handleError(id, error, reconnectFn) {
+    console.error(`[React DevTools] Connection error for ${id}:`, error);
+    if (!reconnectFn)
+      return;
+    const attempts = this.reconnectAttempts.get(id) || 0;
+    if (attempts >= this.maxReconnectAttempts) {
+      console.error(`[React DevTools] Max reconnect attempts reached for ${id}`);
+      return;
+    }
+    const delay = this.reconnectDelay * 2 ** attempts;
+    const timer = setTimeout(async () => {
+      try {
+        await reconnectFn();
+        this.reconnectAttempts.set(id, 0);
+      } catch (err) {
+        this.reconnectAttempts.set(id, attempts + 1);
+        this.handleError(id, err, reconnectFn);
+      }
+    }, delay);
+    this.reconnectTimers.set(id, timer);
+  }
+  /**
+   * Close all connections
+   * 关闭所有连接
+   */
+  closeAll() {
+    this.connections.forEach((connection) => {
+      if (connection.$close) {
+        connection.$close();
+      }
+    });
+    this.reconnectTimers.forEach((timer) => {
+      clearTimeout(timer);
+    });
+    this.connections.clear();
+    this.reconnectAttempts.clear();
+    this.reconnectTimers.clear();
+  }
+};
+var globalConnectionManager = new ClientConnectionManager();
+export {
+  ClientConnectionManager,
+  getDevToolsChannelName,
+  getDevToolsClientUrl,
+  globalConnectionManager,
+  isDevToolsEnabled,
+  setDevToolsChannelName,
+  setDevToolsClientUrl,
+  setDevToolsEnabled
+};
+//# sourceMappingURL=index.js.map

package/dist/client/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/client/index.ts"],"sourcesContent":["/**\n * Client connection management for React DevTools\n * React DevTools 客户端连接管理\n */\n\nimport { isBrowser, target } from '@react-devtools-plus/shared'\n\n/**\n * Set DevTools client URL\n * 设置 DevTools 客户端 URL\n */\nexport function setDevToolsClientUrl(url: string): void {\n  target.__REACT_DEVTOOLS_CLIENT_URL__ = url\n}\n\n/**\n * Get DevTools client URL\n * 获取 DevTools 客户端 URL\n */\nexport function getDevToolsClientUrl(): string {\n  return target.__REACT_DEVTOOLS_CLIENT_URL__ ?? (() => {\n    if (isBrowser) {\n      const devtoolsMeta = document.querySelector('meta[name=__REACT_DEVTOOLS_CLIENT_URL__]')\n      if (devtoolsMeta)\n        return devtoolsMeta.getAttribute('content') || ''\n    }\n    return ''\n  })()\n}\n\n/**\n * Check if DevTools is enabled\n * 检查 DevTools 是否启用\n */\nexport function isDevToolsEnabled(): boolean {\n  return target.__REACT_DEVTOOLS_ENABLED__ === true\n}\n\n/**\n * Set DevTools enabled state\n * 设置 DevTools 启用状态\n */\nexport function setDevToolsEnabled(enabled: boolean): void {\n  target.__REACT_DEVTOOLS_ENABLED__ = enabled\n}\n\n/**\n * Get DevTools broadcast channel name\n * 获取 DevTools 广播通道名称\n */\nexport function getDevToolsChannelName(): string {\n  return target.__REACT_DEVTOOLS_BROADCAST_CHANNEL__ || 'react-devtools-plus'\n}\n\n/**\n * Set DevTools broadcast channel name\n * 设置 DevTools 广播通道名称\n */\nexport function setDevToolsChannelName(channelName: string): void {\n  target.__REACT_DEVTOOLS_BROADCAST_CHANNEL__ = channelName\n}\n\n/**\n * Client connection manager\n * 客户端连接管理器\n */\nexport class ClientConnectionManager {\n  private connections: Map<string, any>\n  private reconnectAttempts: Map<string, number>\n  private reconnectTimers: Map<string, NodeJS.Timeout>\n  private maxReconnectAttempts: number\n  private reconnectDelay: number\n\n  constructor(options: {\n    maxReconnectAttempts?: number\n    reconnectDelay?: number\n  } = {}) {\n    this.connections = new Map()\n    this.reconnectAttempts = new Map()\n    this.reconnectTimers = new Map()\n    this.maxReconnectAttempts = options.maxReconnectAttempts || 5\n    this.reconnectDelay = options.reconnectDelay || 1000\n  }\n\n  /**\n   * Register a connection\n   * 注册连接\n   */\n  register(id: string, connection: any): void {\n    this.connections.set(id, connection)\n    this.reconnectAttempts.set(id, 0)\n  }\n\n  /**\n   * Unregister a connection\n   * 注销连接\n   */\n  unregister(id: string): void {\n    const timer = this.reconnectTimers.get(id)\n    if (timer) {\n      clearTimeout(timer)\n      this.reconnectTimers.delete(id)\n    }\n\n    this.connections.delete(id)\n    this.reconnectAttempts.delete(id)\n  }\n\n  /**\n   * Get a connection\n   * 获取连接\n   */\n  get(id: string): any {\n    return this.connections.get(id)\n  }\n\n  /**\n   * Get all connections\n   * 获取所有连接\n   */\n  getAll(): Map<string, any> {\n    return new Map(this.connections)\n  }\n\n  /**\n   * Check if a connection exists\n   * 检查连接是否存在\n   */\n  has(id: string): boolean {\n    return this.connections.has(id)\n  }\n\n  /**\n   * Handle connection error and attempt reconnect\n   * 处理连接错误并尝试重连\n   */\n  handleError(id: string, error: Error, reconnectFn?: () => Promise<void>): void {\n    console.error(`[React DevTools] Connection error for ${id}:`, error)\n\n    if (!reconnectFn)\n      return\n\n    const attempts = this.reconnectAttempts.get(id) || 0\n\n    if (attempts >= this.maxReconnectAttempts) {\n      console.error(`[React DevTools] Max reconnect attempts reached for ${id}`)\n      return\n    }\n\n    const delay = this.reconnectDelay * 2 ** attempts // Exponential backoff\n\n    const timer = setTimeout(async () => {\n      try {\n        await reconnectFn()\n        this.reconnectAttempts.set(id, 0) // Reset on successful reconnect\n      }\n      catch (err) {\n        this.reconnectAttempts.set(id, attempts + 1)\n        this.handleError(id, err as Error, reconnectFn)\n      }\n    }, delay)\n\n    this.reconnectTimers.set(id, timer)\n  }\n\n  /**\n   * Close all connections\n   * 关闭所有连接\n   */\n  closeAll(): void {\n    this.connections.forEach((connection) => {\n      if (connection.$close) {\n        connection.$close()\n      }\n    })\n\n    this.reconnectTimers.forEach((timer) => {\n      clearTimeout(timer)\n    })\n\n    this.connections.clear()\n    this.reconnectAttempts.clear()\n    this.reconnectTimers.clear()\n  }\n}\n\n/**\n * Global client connection manager instance\n * 全局客户端连接管理器实例\n */\nexport const globalConnectionManager = new ClientConnectionManager()\n"],"mappings":"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","names":[]}