@symbo.ls/sdk 3.2.3 → 3.2.7

package/dist/cjs/services/SocketService.js

@@ -1,309 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, 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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var SocketService_exports = {};
-__export(SocketService_exports, {
-  SocketService: () => SocketService
-});
-module.exports = __toCommonJS(SocketService_exports);
-var import_client = require("@symbo.ls/socket/client.js");
-var import_BaseService = require("./BaseService.js");
-var utils = __toESM(require("@domql/utils"), 1);
-var import_router = require("@symbo.ls/router");
-var import_environment = __toESM(require("../config/environment.js"), 1);
-const { deepStringify, deepDestringify, isString } = utils.default || utils;
-class SocketService extends import_BaseService.BaseService {
-  constructor(config) {
-    super(config);
-    this._socket = null;
-    this._reconnectAttempts = 0;
-    this._maxReconnectAttempts = (config == null ? void 0 : config.maxReconnectAttempts) || 5;
-    this._reconnectDelay = (config == null ? void 0 : config.reconnectDelay) || 1e3;
-    this._handlers = /* @__PURE__ */ new Map();
-    this._sessionId = Math.random();
-    this._ignoreSync = [
-      "userId",
-      "username",
-      "usersName",
-      "email",
-      "projects",
-      "feedbacks",
-      "userRoles",
-      "loading",
-      "appKey",
-      "projectName",
-      "followingUser",
-      "activeProject",
-      "user",
-      "sessionId",
-      "clients"
-    ];
-  }
-  init() {
-    try {
-      const { _context, _options } = this;
-      const socketUrl = import_environment.default.socketUrl || _options.socketUrl;
-      if (!socketUrl) {
-        throw new Error("Socket URL is required");
-      }
-      this._info = {
-        config: {
-          url: socketUrl,
-          hasToken: Boolean(_context.authToken),
-          status: "initializing"
-        }
-      };
-      this._setReady();
-    } catch (error) {
-      this._setError(error);
-      throw error;
-    }
-  }
-  connect() {
-    var _a, _b, _c, _d, _e, _f, _g;
-    try {
-      if (this._socket && ["connected", "connecting"].includes((_b = (_a = this._info) == null ? void 0 : _a.config) == null ? void 0 : _b.status)) {
-        console.warn(
-          "Socket connection already exists:",
-          (_d = (_c = this._info) == null ? void 0 : _c.config) == null ? void 0 : _d.status
-        );
-        return true;
-      }
-      const { _context } = this;
-      if (!_context.appKey) {
-        throw new Error("App key is required");
-      }
-      this._updateStatus("connecting");
-      const config = {
-        source: "platform",
-        userId: (_e = _context.user) == null ? void 0 : _e.id,
-        socketUrl: this._info.config.url,
-        location: window.location.host,
-        // onConnect: () => {
-        //   console.log('waz')
-        // },
-        onChange: this._handleMessage.bind(this),
-        sessionId: this._sessionId,
-        usersName: (_f = _context.user) == null ? void 0 : _f.name,
-        route: window.location.pathname,
-        onDisconnect: this._handleDisconnect.bind(this)
-      };
-      if (this._socket) {
-        this.destroy();
-      }
-      this._socket = (0, import_client.connect)(_context.appKey, config);
-      this._updateStatus("connected");
-      if (import_environment.default.isDevelopment) {
-        console.log("Socket connection established:", {
-          appKey: _context.appKey,
-          userId: (_g = _context.user) == null ? void 0 : _g.id,
-          sessionId: this._sessionId,
-          url: this._info.config.url
-        });
-      }
-      return true;
-    } catch (error) {
-      this._updateStatus("failed");
-      console.error("Socket connection failed:", error);
-      throw new Error(`Socket connection failed: ${error.message}`);
-    }
-  }
-  send(type, data, opts = {}) {
-    var _a, _b;
-    this._requireReady();
-    if (!this._socket) {
-      throw new Error("Socket is not connected");
-    }
-    const payload = {
-      sessionId: this._sessionId,
-      userId: (_a = this._context.user) == null ? void 0 : _a.id,
-      usersName: (_b = this._context.user) == null ? void 0 : _b.name,
-      ...data
-    };
-    import_client.send.call(
-      this._socket,
-      type,
-      opts.useDeepStringify ? deepStringify(payload) : payload
-    );
-  }
-  _handleMessage(event, data) {
-    try {
-      const d = isString(data) ? deepDestringify(JSON.parse(data)) : data;
-      if (this._sessionId === d.sessionId) {
-        return;
-      }
-      const handlers = this._handlers.get(event);
-      if (handlers) {
-        handlers.forEach((handler) => handler(d));
-      }
-      switch (event) {
-        case "change":
-          this._handleChangeEvent(d);
-          break;
-        case "clients":
-          this._handleClientsEvent(d);
-          break;
-        case "route":
-          this._handleRouteEvent(d);
-          break;
-        default:
-          break;
-      }
-    } catch (error) {
-      this._setError(new Error(`Failed to handle message: ${error.message}`));
-    }
-  }
-  _handleChangeEvent(data) {
-    const { type, changes, version } = data;
-    if (version) {
-      this._context.state.version = version;
-    }
-    if (changes) {
-      window.requestAnimationFrame(async () => {
-        await this._context.state.setPathCollection(changes, {
-          preventReplace: type === "canvas",
-          preventUpdate: true,
-          fromSocket: true,
-          userId: data.userId,
-          changes
-        });
-      });
-    }
-  }
-  _handleClientsEvent(data) {
-    const { root } = this._context.state;
-    root.replace(
-      { clients: data },
-      {
-        fromSocket: true,
-        preventUpdate: true
-      }
-    );
-  }
-  _handleRouteEvent(data) {
-    const { element } = this._context;
-    const { state } = this._context;
-    if (data.userId && data.type === "routeChanged") {
-      const isModalOpen = this.getWindow("modal");
-      const isFollowing = state.followingUser === data.userId;
-      const isRouteSyncEnabled = element.getUserSettings("presentMode") && data.userId === state.userId;
-      if ((isFollowing || isRouteSyncEnabled) && !isModalOpen) {
-        (0, import_router.router)(
-          data.route,
-          element.__ref.root,
-          {},
-          {
-            fromSocket: true,
-            updateStateOptions: {
-              fromSocket: true,
-              preventStateUpdateListener: 1
-              // !isModalRoute(data.route, element)
-            }
-          }
-        );
-      }
-    } else if (data.reload) {
-      window.location.reload();
-    } else if (data.route && data.type === "routeForced") {
-      (0, import_router.router)(
-        data.route,
-        element.__ref.root,
-        {},
-        {
-          fromSocket: true,
-          updateStateOptions: {
-            fromSocket: true
-          }
-        }
-      );
-    } else if (data.componentKey) {
-      if (!element.getData("components")[data.componentKey]) {
-        return;
-      }
-      element.activateSelected(data.componentKey);
-    }
-  }
-  _handleDisconnect() {
-    this._updateStatus("disconnected");
-    this._handleReconnect();
-  }
-  _handleReconnect() {
-    if (this._reconnectAttempts < this._maxReconnectAttempts) {
-      this._reconnectAttempts++;
-      this._updateStatus("reconnecting");
-      setTimeout(() => {
-        try {
-          const connected = this.connect();
-          if (connected) {
-            this._reconnectAttempts = 0;
-          } else {
-            this._handleReconnect();
-          }
-        } catch (error) {
-          console.error("Reconnection failed:", error);
-          this._handleReconnect();
-        }
-      }, this._reconnectDelay * this._reconnectAttempts);
-    } else {
-      this._updateStatus("failed");
-      this._setError(new Error("Max reconnection attempts reached"));
-    }
-  }
-  _updateStatus(status) {
-    this._info = {
-      ...this._info,
-      config: {
-        ...this._info.config,
-        status
-      }
-    };
-  }
-  destroy() {
-    if (this._socket) {
-      import_client.disconnect.call(this._socket);
-      this._socket = null;
-    }
-    this._handlers.clear();
-    this._setReady(false);
-  }
-  reconnect() {
-    this.destroy();
-    this.connect();
-  }
-  _checkRequiredContext() {
-    var _a, _b;
-    return Boolean(
-      ((_a = this._context) == null ? void 0 : _a.appKey) && ((_b = this._context) == null ? void 0 : _b.authToken) && this._socket
-    );
-  }
-  isReady() {
-    if (this._checkRequiredContext()) {
-      this._setReady(true);
-    }
-    return this._ready;
-  }
-}