@symbo.ls/sdk 3.1.1 → 3.2.3

package/dist/node/services/SocketIOService.js

@@ -1,280 +0,0 @@
-import { connect, send, disconnect } from "@symbo.ls/socket/client.js";
-import { BaseService } from "./BaseService.js";
-import * as utils from "@domql/utils";
-import { router } from "@symbo.ls/router";
-import environment from "../config/environment.js";
-const { deepStringify, deepDestringify, isString } = utils.default || utils;
-class SocketService extends 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 = environment.socketUrl || _options.socketUrl || "https://socket.symbols.app/";
-      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,
-        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 = connect(_context.appKey, config);
-      this._updateStatus("connected");
-      if (environment.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
-    };
-    send.call(
-      this._socket,
-      type,
-      opts.preventDeepStringify ? payload : deepStringify(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) {
-    var _a, _b, _c;
-    if (data.canvas) {
-      const { clients } = data.canvas;
-      const [firstClientKey] = Object.keys(clients);
-      const monaco = clients && clients[firstClientKey] && clients[firstClientKey].monaco;
-      if (monaco) {
-        const Canvas = this._context.element && this._context.element.getCanvas();
-        if (Canvas) {
-          Canvas.Chosen.EditorPanels.update({}, { forceMonacoUpdate: true });
-        }
-      }
-      return;
-    }
-    const componentUpdates = ((_a = data.schema) == null ? void 0 : _a.components) || ((_b = data.schema) == null ? void 0 : _b.pages);
-    if (window.location.pathname.includes("/canvas") && componentUpdates) {
-      for (const updatedComponent in componentUpdates) {
-        if (Object.hasOwn(componentUpdates, updatedComponent)) {
-          (_c = this._context.element) == null ? void 0 : _c.updateComponentOnCanvas(updatedComponent);
-        }
-      }
-    }
-  }
-  _handleClientsEvent(data) {
-    const { root } = Object.getPrototypeOf(this._context.state);
-    root.replace(
-      { clients: data },
-      {
-        fromSync: true,
-        preventUpdate: ["Iframe"],
-        preventModalUpdate: true,
-        preventStateUpdateListener: true,
-        execStateFunction: 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) {
-        router(
-          data.route,
-          element.__ref.root,
-          {},
-          {
-            fromSync: true,
-            updateStateOptions: {
-              fromSync: true,
-              preventStateUpdateListener: 1
-              // !isModalRoute(data.route, element)
-            }
-          }
-        );
-      }
-    } else if (data.reload) {
-      window.location.reload();
-    } else if (data.route && data.type === "routeForced") {
-      router(
-        data.route,
-        element.__ref.root,
-        {},
-        {
-          fromSync: true,
-          updateStateOptions: {
-            fromSync: 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(() => {
-        this.connect().then(() => {
-          this._reconnectAttempts = 0;
-        }).catch(() => {
-          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) {
-      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;
-  }
-}
-export {
-  SocketService
-};

package/src/services/SocketIOService.js

@@ -1,356 +0,0 @@
-import { connect, send, disconnect } from '@symbo.ls/socket/client.js'
-import { BaseService } from './BaseService.js'
-
-import * as utils from '@domql/utils'
-import { router } from '@symbo.ls/router'
-import environment from '../config/environment.js'
-
-const { deepStringify, deepDestringify, isString } = utils.default || utils
-
-export class SocketService extends BaseService {
-  constructor (config) {
-    super(config)
-    this._socket = null
-    this._reconnectAttempts = 0
-    this._maxReconnectAttempts = config?.maxReconnectAttempts || 5
-    this._reconnectDelay = config?.reconnectDelay || 1000
-    this._handlers = 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 =
-        environment.socketUrl ||
-        _options.socketUrl ||
-        'https://socket.symbols.app/'
-
-      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 () {
-    try {
-      // Check if already connected or connecting
-      if (
-        this._socket &&
-        ['connected', 'connecting'].includes(this._info?.config?.status)
-      ) {
-        console.warn(
-          'Socket connection already exists:',
-          this._info?.config?.status
-        )
-        return true
-      }
-
-      const { _context } = this
-
-      if (!_context.appKey) {
-        throw new Error('App key is required')
-      }
-
-      // Update status to connecting before attempting connection
-      this._updateStatus('connecting')
-
-      const config = {
-        source: 'platform',
-        userId: _context.user?.id,
-        socketUrl: this._info.config.url,
-        location: window.location.host,
-        onChange: this._handleMessage.bind(this),
-        sessionId: this._sessionId,
-        usersName: _context.user?.name,
-        route: window.location.pathname,
-        onDisconnect: this._handleDisconnect.bind(this)
-      }
-
-      // If a previous socket exists but wasn't properly cleaned up, destroy it
-      if (this._socket) {
-        this.destroy()
-      }
-
-      this._socket = connect(_context.appKey, config)
-      this._updateStatus('connected')
-
-      if (environment.isDevelopment) {
-        console.log('Socket connection established:', {
-          appKey: _context.appKey,
-          userId: _context.user?.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 = {}) {
-    this._requireReady()
-
-    if (!this._socket) {
-      throw new Error('Socket is not connected')
-    }
-
-    const payload = {
-      sessionId: this._sessionId,
-      userId: this._context.user?.id,
-      usersName: this._context.user?.name,
-      ...data
-    }
-
-    // console.log('sending')
-    // console.log(payload)
-
-    send.call(
-      this._socket,
-      type,
-      opts.preventDeepStringify ? payload : deepStringify(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))
-      }
-
-      // Handle specific events
-      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) {
-    if (data.canvas) {
-      const { clients } = data.canvas
-      const [firstClientKey] = Object.keys(clients)
-      const monaco =
-        clients && clients[firstClientKey] && clients[firstClientKey].monaco
-      if (monaco) {
-        const Canvas =
-          this._context.element && this._context.element.getCanvas()
-        if (Canvas) {
-          Canvas.Chosen.EditorPanels.update({}, { forceMonacoUpdate: true })
-        }
-      }
-      return
-    }
-
-    // console.log('receiving')
-    // console.log(data)
-
-    // Handle component updates
-    const componentUpdates = data.schema?.components || data.schema?.pages
-    if (window.location.pathname.includes('/canvas') && componentUpdates) {
-      for (const updatedComponent in componentUpdates) {
-        if (Object.hasOwn(componentUpdates, updatedComponent)) {
-          this._context.element?.updateComponentOnCanvas(updatedComponent)
-        }
-      }
-    }
-
-    // // Update state
-    // // eslint-disable-next-line no-unused-vars
-    // const { userId, ...restData } = data
-    // const dataToApply = {}
-    // Object.keys(restData)
-    //   .filter(v => this._ignoreSync.includes(v))
-    //   .forEach(v => {
-    //     dataToApply[v] = restData[v]
-    //   })
-
-    // console.log('receiving')
-    // console.log(data)
-
-    // this._context.state?.rootUpdate(dataToApply, {
-    //   fromSync: true,
-    //   preventStateUpdateListener: true,
-    //   execStateFunction: true,
-    //   preventUpdate: ['Iframe'],
-    //   preventModalUpdate: true,
-    //   forceMonacoUpdate: true,
-    //   forcePreviewUpdate: true
-    // })
-  }
-
-  _handleClientsEvent (data) {
-    const { root } = Object.getPrototypeOf(this._context.state)
-    root.replace(
-      { clients: data },
-      {
-        fromSync: true,
-        preventUpdate: ['Iframe'],
-        preventModalUpdate: true,
-        preventStateUpdateListener: true,
-        execStateFunction: 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) {
-        router(
-          data.route,
-          element.__ref.root,
-          {},
-          {
-            fromSync: true,
-            updateStateOptions: {
-              fromSync: true,
-              preventStateUpdateListener: 1 // !isModalRoute(data.route, element)
-            }
-          }
-        )
-      }
-    } else if (data.reload) {
-      window.location.reload()
-    } else if (data.route && data.type === 'routeForced') {
-      router(
-        data.route,
-        element.__ref.root,
-        {},
-        {
-          fromSync: true,
-          updateStateOptions: {
-            fromSync: 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(() => {
-        this.connect()
-          .then(() => {
-            this._reconnectAttempts = 0
-          })
-          .catch(() => {
-            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) {
-      disconnect.call(this._socket)
-      this._socket = null
-    }
-    this._handlers.clear()
-    this._setReady(false)
-  }
-
-  reconnect () {
-    this.destroy()
-    this.connect()
-  }
-
-  _checkRequiredContext () {
-    return Boolean(
-      this._context?.appKey && this._context?.authToken && this._socket
-    )
-  }
-
-  isReady () {
-    if (this._checkRequiredContext()) {
-      this._setReady(true)
-    }
-
-    return this._ready
-  }
-}