@symbo.ls/sdk 3.1.2 → 3.2.3

package/dist/cjs/services/SocketService.js

@@ -1,6 +1,8 @@
+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)
@@ -14,13 +16,26 @@ var __copyProps = (to, from, except, desc) => {
   }
   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_BaseService = require("./BaseService");
+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);
@@ -29,24 +44,39 @@ class SocketService extends import_BaseService.BaseService {
     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"
+    ];
   }
-  async init({ context, options }) {
+  init() {
     try {
-      this._context = context;
-      this._options = options;
-      const { authToken } = context;
-      const { socketUrl } = context.socket || {};
+      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(authToken),
+          hasToken: Boolean(_context.authToken),
           status: "initializing"
         }
       };
-      await this.connect();
       this._setReady();
     } catch (error) {
       this._setError(error);
@@ -54,76 +84,189 @@ class SocketService extends import_BaseService.BaseService {
     }
   }
   connect() {
+    var _a, _b, _c, _d, _e, _f, _g;
     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);
+      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 message to socket server
-  send(type, data) {
+  send(type, data, opts = {}) {
+    var _a, _b;
     this._requireReady();
-    if (!this._socket || this._socket.readyState !== window.WebSocket.OPEN) {
+    if (!this._socket) {
       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);
-        }
-      }
+    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
+    );
   }
-  subscribeChannel(type, handler) {
-    return this.subscribe(type, handler);
-  }
-  // Private methods
-  _handleMessage(rawData) {
+  _handleMessage(event, data) {
     try {
-      const { type, data } = JSON.parse(rawData);
-      const handlers = this._handlers.get(type);
+      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(data));
+        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(() => {
-        this.connect();
+        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");
@@ -139,18 +282,23 @@ class SocketService extends import_BaseService.BaseService {
       }
     };
   }
-  // Cleanup
   destroy() {
     if (this._socket) {
-      this._socket.close();
+      import_client.disconnect.call(this._socket);
       this._socket = null;
     }
     this._handlers.clear();
     this._setReady(false);
   }
+  reconnect() {
+    this.destroy();
+    this.connect();
+  }
   _checkRequiredContext() {
-    const { socket } = this._context;
-    return Boolean((socket == null ? void 0 : socket.socketUrl) && this._socket);
+    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()) {

package/dist/cjs/services/index.js

@@ -17,26 +17,18 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var services_exports = {};
 __export(services_exports, {
-  AIService: () => import_AIService.AIService,
   AuthService: () => import_AuthService.AuthService,
+  CollabService: () => import_CollabService.CollabService,
   CoreService: () => import_CoreService.CoreService,
-  SocketService: () => import_SocketIOService.SocketService,
-  SymstoryService: () => import_SymstoryService.SymstoryService,
-  createAIService: () => createAIService,
   createAuthService: () => createAuthService,
-  createCoreService: () => createCoreService,
-  createSocketService: () => createSocketService,
-  createSymstoryService: () => createSymstoryService
+  createCollabService: () => createCollabService,
+  createCoreService: () => createCoreService
 });
 module.exports = __toCommonJS(services_exports);
-var import_SymstoryService = require("./SymstoryService.js");
 var import_AuthService = require("./AuthService.js");
-var import_AIService = require("./AIService.js");
-var import_SocketIOService = require("./SocketIOService.js");
 var import_CoreService = require("./CoreService.js");
+var import_CollabService = require("./CollabService.js");
 const createService = (ServiceClass, config) => new ServiceClass(config);
-const createSymstoryService = (config) => createService(import_SymstoryService.SymstoryService, config);
 const createAuthService = (config) => createService(import_AuthService.AuthService, config);
-const createAIService = (config) => createService(import_AIService.AIService, config);
-const createSocketService = (config) => createService(import_SocketIOService.SocketService, config);
 const createCoreService = (config) => createService(import_CoreService.CoreService, config);
+const createCollabService = (config) => createService(import_CollabService.CollabService, config);

package/dist/cjs/state/RootStateManager.js

@@ -0,0 +1,86 @@
+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 RootStateManager_exports = {};
+__export(RootStateManager_exports, {
+  RootStateManager: () => RootStateManager
+});
+module.exports = __toCommonJS(RootStateManager_exports);
+var utils = __toESM(require("@domql/utils"), 1);
+var import_rootEventBus = require("./rootEventBus.js");
+const { isFunction } = utils.default || utils;
+class RootStateManager {
+  constructor(rootState) {
+    this._rootState = rootState;
+  }
+  /**
+   * Apply change tuples to the root state using the built-in setPathCollection
+   * of Symbo.ls APP state tree.
+   *
+   * @param {Array} changes – eg. ['update', ['foo'], 'bar']
+   * @param {Object} opts   – forwarded to setPathCollection
+   */
+  applyChanges(changes = [], opts = {}) {
+    if (!this._rootState || !isFunction(this._rootState.setPathCollection)) {
+      return;
+    }
+    const result = this._rootState.setPathCollection(changes, {
+      preventUpdate: true,
+      ...opts
+    });
+    try {
+      const changedKeys = /* @__PURE__ */ new Set();
+      changes.forEach((tuple) => {
+        const [, path = []] = tuple;
+        if (!Array.isArray(path) || !path.length) {
+          return;
+        }
+        if (path[0] === "components" && typeof path[1] === "string") {
+          changedKeys.add(path[1]);
+        }
+        if (path[0] === "schema" && path[1] === "components" && typeof path[2] === "string") {
+          changedKeys.add(path[2]);
+        }
+      });
+      if (changedKeys.size) {
+        console.log("emit components:changed", [...changedKeys]);
+        import_rootEventBus.rootBus.emit("components:changed", [...changedKeys]);
+      }
+    } catch (err) {
+      console.error("[RootStateManager] emit components:changed failed", err);
+    }
+    return result;
+  }
+  setVersion(v) {
+    if (this._rootState) {
+      this._rootState.version = v;
+    }
+  }
+  get root() {
+    return this._rootState;
+  }
+}

package/dist/cjs/state/rootEventBus.js

@@ -0,0 +1,65 @@
+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 rootEventBus_exports = {};
+__export(rootEventBus_exports, {
+  default: () => rootEventBus_default,
+  rootBus: () => rootBus
+});
+module.exports = __toCommonJS(rootEventBus_exports);
+const getGlobalBus = () => {
+  if (globalThis.__SMBLS_ROOT_BUS__) {
+    return globalThis.__SMBLS_ROOT_BUS__;
+  }
+  const events = {};
+  const bus = {
+    on(event, handler) {
+      (events[event] ||= []).push(handler);
+    },
+    off(event, handler) {
+      const list = events[event];
+      if (!list) {
+        return;
+      }
+      const idx = list.indexOf(handler);
+      if (idx !== -1) {
+        list.splice(idx, 1);
+      }
+    },
+    emit(event, payload) {
+      const list = events[event];
+      if (!list || !list.length) {
+        return;
+      }
+      list.slice().forEach((fn) => {
+        try {
+          fn(payload);
+        } catch (err) {
+          console.error("[rootBus] handler error for", event, err);
+        }
+      });
+    }
+  };
+  Object.defineProperty(bus, "_listeners", {
+    value: events,
+    enumerable: false
+  });
+  globalThis.__SMBLS_ROOT_BUS__ = bus;
+  return bus;
+};
+const rootBus = getGlobalBus();
+var rootEventBus_default = rootBus;

package/dist/cjs/utils/CollabClient.js

@@ -0,0 +1,157 @@
+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 CollabClient_exports = {};
+__export(CollabClient_exports, {
+  CollabClient: () => CollabClient
+});
+module.exports = __toCommonJS(CollabClient_exports);
+var import_socket = require("socket.io-client");
+var Y = __toESM(require("yjs"), 1);
+var import_y_indexeddb = require("y-indexeddb");
+var import_dexie = __toESM(require("dexie"), 1);
+var import_nanoid = require("nanoid");
+var import_environment = __toESM(require("../config/environment.js"), 1);
+var import_jsonDiff = require("./jsonDiff.js");
+class CollabClient {
+  /* public fields */
+  socket = null;
+  ydoc = null;
+  branch = "main";
+  live = false;
+  projectId = null;
+  jwt = null;
+  /* private state */
+  _buffer = [];
+  _flushTimer = null;
+  _clientId = (0, import_nanoid.nanoid)();
+  _outboxStore = null;
+  // Dexie table
+  _readyResolve;
+  ready = new Promise((res) => this._readyResolve = res);
+  constructor({ jwt, projectId, branch = "main", live = false }) {
+    Object.assign(this, { jwt, projectId, branch, live });
+    this.ydoc = new Y.Doc();
+    new import_y_indexeddb.IndexeddbPersistence(`${projectId}:${branch}`, this.ydoc);
+    this._outboxStore = createDexieOutbox(`${projectId}:${branch}`);
+    this.socket = (0, import_socket.io)(import_environment.default.socketUrl, {
+      path: "/collab-socket",
+      transports: ["websocket"],
+      auth: { token: jwt, projectId, branch, live },
+      reconnectionAttempts: Infinity,
+      reconnectionDelayMax: 4e3
+    });
+    this.socket.on("snapshot", this._onSnapshot).on("ops", this._onOps).on("commit", this._onCommit).on("liveMode", (flag) => {
+      this.live = flag;
+    }).on("connect", this._onConnect).on("error", (e) => console.warn("[collab] socket error", e));
+    this._prevJson = this.ydoc.getMap("root").toJSON();
+    this.ydoc.on("afterTransaction", (tr) => {
+      if (tr.origin === "remote") {
+        return;
+      }
+      const currentJson = this.ydoc.getMap("root").toJSON();
+      const ops = (0, import_jsonDiff.diffJson)(this._prevJson, currentJson);
+      this._prevJson = currentJson;
+      if (!ops.length) {
+        return;
+      }
+      this._queueOps(ops);
+    });
+  }
+  /* ---------- public helpers ---------- */
+  toggleLive(flag) {
+    this.socket.emit("toggleLive", Boolean(flag));
+  }
+  sendCursor(data) {
+    this.socket.emit("cursor", data);
+  }
+  sendPresence(d) {
+    this.socket.emit("presence", d);
+  }
+  /* ---------- private handlers ---------- */
+  _onSnapshot = ({
+    data
+    /* Uint8Array */
+  }) => {
+    Y.applyUpdate(this.ydoc, Uint8Array.from(data));
+    this._prevJson = this.ydoc.getMap("root").toJSON();
+    if (typeof this._readyResolve === "function") {
+      this._readyResolve();
+      this._readyResolve = null;
+    }
+  };
+  _onOps = ({ changes }) => {
+    (0, import_jsonDiff.applyOpsToJson)(changes, this.ydoc);
+    this._prevJson = this.ydoc.getMap("root").toJSON();
+  };
+  _onCommit = async ({ version }) => {
+    await this._outboxStore.clear();
+    console.info("[collab] committed", version);
+  };
+  _onConnect = async () => {
+    if (typeof this._readyResolve === "function") {
+      this._readyResolve();
+      this._readyResolve = null;
+    }
+    const queued = await this._outboxStore.toArray();
+    if (queued.length) {
+      this.socket.emit("ops", {
+        changes: queued.flatMap((e) => e.ops),
+        ts: Date.now(),
+        clientId: this._clientId
+      });
+      await this._outboxStore.clear();
+    }
+  };
+  /* ---------- buffering & debounce ---------- */
+  _queueOps(ops) {
+    this._buffer.push(...ops);
+    this._outboxStore.put({ id: (0, import_nanoid.nanoid)(), ops });
+    if (this.live && this.socket.connected) {
+      this._flushNow();
+    } else {
+      clearTimeout(this._flushTimer);
+      this._flushTimer = setTimeout(() => this._flushNow(), 40);
+    }
+  }
+  _flushNow() {
+    if (!this._buffer.length || !this.socket.connected) {
+      return;
+    }
+    this.socket.emit("ops", {
+      changes: this._buffer,
+      ts: Date.now(),
+      clientId: this._clientId
+    });
+    this._buffer.length = 0;
+  }
+}
+function createDexieOutbox(name) {
+  const db = new import_dexie.default(`collab-${name}`);
+  db.version(1).stores({ outbox: "id, ops" });
+  return db.table("outbox");
+}