@symbo.ls/sdk 2.34.35 → 3.1.2

package/dist/cjs/services/SocketIOService.js

@@ -0,0 +1,307 @@
+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 SocketIOService_exports = {};
+__export(SocketIOService_exports, {
+  SocketService: () => SocketService
+});
+module.exports = __toCommonJS(SocketIOService_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;
+  }
+}

package/dist/cjs/services/SocketService.js

@@ -0,0 +1,161 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var SocketService_exports = {};
+__export(SocketService_exports, {
+  SocketService: () => SocketService
+});
+module.exports = __toCommonJS(SocketService_exports);
+var import_BaseService = require("./BaseService");
+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();
+  }
+  async init({ context, options }) {
+    try {
+      this._context = context;
+      this._options = options;
+      const { authToken } = context;
+      const { socketUrl } = context.socket || {};
+      if (!socketUrl) {
+        throw new Error("Socket URL is required");
+      }
+      this._info = {
+        config: {
+          url: socketUrl,
+          hasToken: Boolean(authToken),
+          status: "initializing"
+        }
+      };
+      await this.connect();
+      this._setReady();
+    } catch (error) {
+      this._setError(error);
+      throw error;
+    }
+  }
+  connect() {
+    try {
+      const { socketUrl, authToken } = this._context.socket || {};
+      this._socket = new window.WebSocket(socketUrl);
+      this._socket.onopen = () => {
+        this._reconnectAttempts = 0;
+        this._updateStatus("connected");
+        if (authToken) {
+          this.send("auth", { token: authToken });
+        }
+      };
+      this._socket.onclose = () => {
+        this._updateStatus("disconnected");
+        this._handleReconnect();
+      };
+      this._socket.onerror = (error) => {
+        this._updateStatus("error");
+        this._setError(error);
+      };
+      this._socket.onmessage = (event) => {
+        this._handleMessage(event.data);
+      };
+    } catch (error) {
+      throw new Error(`Socket connection failed: ${error.message}`);
+    }
+  }
+  // Send message to socket server
+  send(type, data) {
+    this._requireReady();
+    if (!this._socket || this._socket.readyState !== window.WebSocket.OPEN) {
+      throw new Error("Socket is not connected");
+    }
+    this._socket.send(JSON.stringify({ type, data }));
+  }
+  // Subscribe to socket events
+  subscribe(type, handler) {
+    if (!this._handlers.has(type)) {
+      this._handlers.set(type, /* @__PURE__ */ new Set());
+    }
+    this._handlers.get(type).add(handler);
+    return () => {
+      const handlers = this._handlers.get(type);
+      if (handlers) {
+        handlers.delete(handler);
+        if (handlers.size === 0) {
+          this._handlers.delete(type);
+        }
+      }
+    };
+  }
+  subscribeChannel(type, handler) {
+    return this.subscribe(type, handler);
+  }
+  // Private methods
+  _handleMessage(rawData) {
+    try {
+      const { type, data } = JSON.parse(rawData);
+      const handlers = this._handlers.get(type);
+      if (handlers) {
+        handlers.forEach((handler) => handler(data));
+      }
+    } catch (error) {
+      this._setError(new Error(`Failed to handle message: ${error.message}`));
+    }
+  }
+  _handleReconnect() {
+    if (this._reconnectAttempts < this._maxReconnectAttempts) {
+      this._reconnectAttempts++;
+      this._updateStatus("reconnecting");
+      setTimeout(() => {
+        this.connect();
+      }, 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
+      }
+    };
+  }
+  // Cleanup
+  destroy() {
+    if (this._socket) {
+      this._socket.close();
+      this._socket = null;
+    }
+    this._handlers.clear();
+    this._setReady(false);
+  }
+  _checkRequiredContext() {
+    const { socket } = this._context;
+    return Boolean((socket == null ? void 0 : socket.socketUrl) && this._socket);
+  }
+  isReady() {
+    if (this._checkRequiredContext()) {
+      this._setReady(true);
+    }
+    return this._ready;
+  }
+}