@vervedoc/docx-editor-collaboration 1.0.0

package/dist/docx-editor-collaboration.js

@@ -0,0 +1,1019 @@
+var W = Object.defineProperty;
+var q = (t, e, r) => e in t ? W(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r;
+var d = (t, e, r) => q(t, typeof e != "symbol" ? e + "" : e, r);
+import * as D from "yjs";
+import { HocuspocusProvider as X } from "@hocuspocus/provider";
+var C = /* @__PURE__ */ ((t) => (t.DISCONNECTED = "disconnected", t.CONNECTING = "connecting", t.CONNECTED = "connected", t))(C || {}), R = /* @__PURE__ */ ((t) => (t.SYNCING = "syncing", t.SYNCED = "synced", t))(R || {});
+/*!
+ * https://github.com/Starcounter-Jack/JSON-Patch
+ * (c) 2017-2022 Joachim Wester
+ * MIT licensed
+ */
+var Z = /* @__PURE__ */ function() {
+  var t = function(e, r) {
+    return t = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(n, s) {
+      n.__proto__ = s;
+    } || function(n, s) {
+      for (var i in s) s.hasOwnProperty(i) && (n[i] = s[i]);
+    }, t(e, r);
+  };
+  return function(e, r) {
+    t(e, r);
+    function n() {
+      this.constructor = e;
+    }
+    e.prototype = r === null ? Object.create(r) : (n.prototype = r.prototype, new n());
+  };
+}(), V = Object.prototype.hasOwnProperty;
+function P(t, e) {
+  return V.call(t, e);
+}
+function x(t) {
+  if (Array.isArray(t)) {
+    for (var e = new Array(t.length), r = 0; r < e.length; r++)
+      e[r] = "" + r;
+    return e;
+  }
+  if (Object.keys)
+    return Object.keys(t);
+  var n = [];
+  for (var s in t)
+    P(t, s) && n.push(s);
+  return n;
+}
+function w(t) {
+  switch (typeof t) {
+    case "object":
+      return JSON.parse(JSON.stringify(t));
+    //Faster than ES5 clone - http://jsperf.com/deep-cloning-of-objects/5
+    case "undefined":
+      return null;
+    //this is how JSON.stringify behaves for array items
+    default:
+      return t;
+  }
+}
+function M(t) {
+  for (var e = 0, r = t.length, n; e < r; ) {
+    if (n = t.charCodeAt(e), n >= 48 && n <= 57) {
+      e++;
+      continue;
+    }
+    return !1;
+  }
+  return !0;
+}
+function O(t) {
+  return t.indexOf("/") === -1 && t.indexOf("~") === -1 ? t : t.replace(/~/g, "~0").replace(/\//g, "~1");
+}
+function j(t) {
+  return t.replace(/~1/g, "/").replace(/~0/g, "~");
+}
+function U(t) {
+  if (t === void 0)
+    return !0;
+  if (t) {
+    if (Array.isArray(t)) {
+      for (var e = 0, r = t.length; e < r; e++)
+        if (U(t[e]))
+          return !0;
+    } else if (typeof t == "object") {
+      for (var n = x(t), s = n.length, i = 0; i < s; i++)
+        if (U(t[n[i]]))
+          return !0;
+    }
+  }
+  return !1;
+}
+function z(t, e) {
+  var r = [t];
+  for (var n in e) {
+    var s = typeof e[n] == "object" ? JSON.stringify(e[n], null, 2) : e[n];
+    typeof s < "u" && r.push(n + ": " + s);
+  }
+  return r.join(`
+`);
+}
+var G = (
+  /** @class */
+  function(t) {
+    Z(e, t);
+    function e(r, n, s, i, a) {
+      var u = this.constructor, c = t.call(this, z(r, { name: n, index: s, operation: i, tree: a })) || this;
+      return c.name = n, c.index = s, c.operation = i, c.tree = a, Object.setPrototypeOf(c, u.prototype), c.message = z(r, { name: n, index: s, operation: i, tree: a }), c;
+    }
+    return e;
+  }(Error)
+), m = G, k = w, N = {
+  add: function(t, e, r) {
+    return t[e] = this.value, { newDocument: r };
+  },
+  remove: function(t, e, r) {
+    var n = t[e];
+    return delete t[e], { newDocument: r, removed: n };
+  },
+  replace: function(t, e, r) {
+    var n = t[e];
+    return t[e] = this.value, { newDocument: r, removed: n };
+  },
+  move: function(t, e, r) {
+    var n = I(r, this.path);
+    n && (n = w(n));
+    var s = A(r, { op: "remove", path: this.from }).removed;
+    return A(r, { op: "add", path: this.path, value: s }), { newDocument: r, removed: n };
+  },
+  copy: function(t, e, r) {
+    var n = I(r, this.from);
+    return A(r, { op: "add", path: this.path, value: w(n) }), { newDocument: r };
+  },
+  test: function(t, e, r) {
+    return { newDocument: r, test: S(t[e], this.value) };
+  },
+  _get: function(t, e, r) {
+    return this.value = t[e], { newDocument: r };
+  }
+}, ee = {
+  add: function(t, e, r) {
+    return M(e) ? t.splice(e, 0, this.value) : t[e] = this.value, { newDocument: r, index: e };
+  },
+  remove: function(t, e, r) {
+    var n = t.splice(e, 1);
+    return { newDocument: r, removed: n[0] };
+  },
+  replace: function(t, e, r) {
+    var n = t[e];
+    return t[e] = this.value, { newDocument: r, removed: n };
+  },
+  move: N.move,
+  copy: N.copy,
+  test: N.test,
+  _get: N._get
+};
+function I(t, e) {
+  if (e == "")
+    return t;
+  var r = { op: "_get", path: e };
+  return A(t, r), r.value;
+}
+function A(t, e, r, n, s, i) {
+  if (r === void 0 && (r = !1), n === void 0 && (n = !0), s === void 0 && (s = !0), i === void 0 && (i = 0), r && (typeof r == "function" ? r(e, 0, t, e.path) : L(e, 0)), e.path === "") {
+    var a = { newDocument: t };
+    if (e.op === "add")
+      return a.newDocument = e.value, a;
+    if (e.op === "replace")
+      return a.newDocument = e.value, a.removed = t, a;
+    if (e.op === "move" || e.op === "copy")
+      return a.newDocument = I(t, e.from), e.op === "move" && (a.removed = t), a;
+    if (e.op === "test") {
+      if (a.test = S(t, e.value), a.test === !1)
+        throw new m("Test operation failed", "TEST_OPERATION_FAILED", i, e, t);
+      return a.newDocument = t, a;
+    } else {
+      if (e.op === "remove")
+        return a.removed = t, a.newDocument = null, a;
+      if (e.op === "_get")
+        return e.value = t, a;
+      if (r)
+        throw new m("Operation `op` property is not one of operations defined in RFC-6902", "OPERATION_OP_INVALID", i, e, t);
+      return a;
+    }
+  } else {
+    n || (t = w(t));
+    var u = e.path || "", c = u.split("/"), o = t, l = 1, f = c.length, g = void 0, p = void 0, v = void 0;
+    for (typeof r == "function" ? v = r : v = L; ; ) {
+      if (p = c[l], p && p.indexOf("~") != -1 && (p = j(p)), s && (p == "__proto__" || p == "prototype" && l > 0 && c[l - 1] == "constructor"))
+        throw new TypeError("JSON-Patch: modifying `__proto__` or `constructor/prototype` prop is banned for security reasons, if this was on purpose, please set `banPrototypeModifications` flag false and pass it to this function. More info in fast-json-patch README");
+      if (r && g === void 0 && (o[p] === void 0 ? g = c.slice(0, l).join("/") : l == f - 1 && (g = e.path), g !== void 0 && v(e, 0, t, g)), l++, Array.isArray(o)) {
+        if (p === "-")
+          p = o.length;
+        else {
+          if (r && !M(p))
+            throw new m("Expected an unsigned base-10 integer value, making the new referenced value the array element with the zero-based index", "OPERATION_PATH_ILLEGAL_ARRAY_INDEX", i, e, t);
+          M(p) && (p = ~~p);
+        }
+        if (l >= f) {
+          if (r && e.op === "add" && p > o.length)
+            throw new m("The specified index MUST NOT be greater than the number of elements in the array", "OPERATION_VALUE_OUT_OF_BOUNDS", i, e, t);
+          var a = ee[e.op].call(e, o, p, t);
+          if (a.test === !1)
+            throw new m("Test operation failed", "TEST_OPERATION_FAILED", i, e, t);
+          return a;
+        }
+      } else if (l >= f) {
+        var a = N[e.op].call(e, o, p, t);
+        if (a.test === !1)
+          throw new m("Test operation failed", "TEST_OPERATION_FAILED", i, e, t);
+        return a;
+      }
+      if (o = o[p], r && l < f && (!o || typeof o != "object"))
+        throw new m("Cannot perform operation at the desired path", "OPERATION_PATH_UNRESOLVABLE", i, e, t);
+    }
+  }
+}
+function H(t, e, r, n, s) {
+  if (n === void 0 && (n = !0), s === void 0 && (s = !0), r && !Array.isArray(e))
+    throw new m("Patch sequence must be an array", "SEQUENCE_NOT_AN_ARRAY");
+  n || (t = w(t));
+  for (var i = new Array(e.length), a = 0, u = e.length; a < u; a++)
+    i[a] = A(t, e[a], r, !0, s, a), t = i[a].newDocument;
+  return i.newDocument = t, i;
+}
+function te(t, e, r) {
+  var n = A(t, e);
+  if (n.test === !1)
+    throw new m("Test operation failed", "TEST_OPERATION_FAILED", r, e, t);
+  return n.newDocument;
+}
+function L(t, e, r, n) {
+  if (typeof t != "object" || t === null || Array.isArray(t))
+    throw new m("Operation is not an object", "OPERATION_NOT_AN_OBJECT", e, t, r);
+  if (N[t.op]) {
+    if (typeof t.path != "string")
+      throw new m("Operation `path` property is not a string", "OPERATION_PATH_INVALID", e, t, r);
+    if (t.path.indexOf("/") !== 0 && t.path.length > 0)
+      throw new m('Operation `path` property must start with "/"', "OPERATION_PATH_INVALID", e, t, r);
+    if ((t.op === "move" || t.op === "copy") && typeof t.from != "string")
+      throw new m("Operation `from` property is not present (applicable in `move` and `copy` operations)", "OPERATION_FROM_REQUIRED", e, t, r);
+    if ((t.op === "add" || t.op === "replace" || t.op === "test") && t.value === void 0)
+      throw new m("Operation `value` property is not present (applicable in `add`, `replace` and `test` operations)", "OPERATION_VALUE_REQUIRED", e, t, r);
+    if ((t.op === "add" || t.op === "replace" || t.op === "test") && U(t.value))
+      throw new m("Operation `value` property is not present (applicable in `add`, `replace` and `test` operations)", "OPERATION_VALUE_CANNOT_CONTAIN_UNDEFINED", e, t, r);
+    if (r) {
+      if (t.op == "add") {
+        var s = t.path.split("/").length, i = n.split("/").length;
+        if (s !== i + 1 && s !== i)
+          throw new m("Cannot perform an `add` operation at the desired path", "OPERATION_PATH_CANNOT_ADD", e, t, r);
+      } else if (t.op === "replace" || t.op === "remove" || t.op === "_get") {
+        if (t.path !== n)
+          throw new m("Cannot perform the operation at a path that does not exist", "OPERATION_PATH_UNRESOLVABLE", e, t, r);
+      } else if (t.op === "move" || t.op === "copy") {
+        var a = { op: "_get", path: t.from, value: void 0 }, u = B([a], r);
+        if (u && u.name === "OPERATION_PATH_UNRESOLVABLE")
+          throw new m("Cannot perform the operation from a path that does not exist", "OPERATION_FROM_UNRESOLVABLE", e, t, r);
+      }
+    }
+  } else throw new m("Operation `op` property is not one of operations defined in RFC-6902", "OPERATION_OP_INVALID", e, t, r);
+}
+function B(t, e, r) {
+  try {
+    if (!Array.isArray(t))
+      throw new m("Patch sequence must be an array", "SEQUENCE_NOT_AN_ARRAY");
+    if (e)
+      H(w(e), w(t), r || !0);
+    else {
+      r = r || L;
+      for (var n = 0; n < t.length; n++)
+        r(t[n], n, e, void 0);
+    }
+  } catch (s) {
+    if (s instanceof m)
+      return s;
+    throw s;
+  }
+}
+function S(t, e) {
+  if (t === e)
+    return !0;
+  if (t && e && typeof t == "object" && typeof e == "object") {
+    var r = Array.isArray(t), n = Array.isArray(e), s, i, a;
+    if (r && n) {
+      if (i = t.length, i != e.length)
+        return !1;
+      for (s = i; s-- !== 0; )
+        if (!S(t[s], e[s]))
+          return !1;
+      return !0;
+    }
+    if (r != n)
+      return !1;
+    var u = Object.keys(t);
+    if (i = u.length, i !== Object.keys(e).length)
+      return !1;
+    for (s = i; s-- !== 0; )
+      if (!e.hasOwnProperty(u[s]))
+        return !1;
+    for (s = i; s-- !== 0; )
+      if (a = u[s], !S(t[a], e[a]))
+        return !1;
+    return !0;
+  }
+  return t !== t && e !== e;
+}
+const re = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  JsonPatchError: m,
+  _areEquals: S,
+  applyOperation: A,
+  applyPatch: H,
+  applyReducer: te,
+  deepClone: k,
+  getValueByPointer: I,
+  validate: B,
+  validator: L
+}, Symbol.toStringTag, { value: "Module" }));
+/*!
+ * https://github.com/Starcounter-Jack/JSON-Patch
+ * (c) 2017-2021 Joachim Wester
+ * MIT license
+ */
+var F = /* @__PURE__ */ new WeakMap(), ne = (
+  /** @class */
+  /* @__PURE__ */ function() {
+    function t(e) {
+      this.observers = /* @__PURE__ */ new Map(), this.obj = e;
+    }
+    return t;
+  }()
+), se = (
+  /** @class */
+  /* @__PURE__ */ function() {
+    function t(e, r) {
+      this.callback = e, this.observer = r;
+    }
+    return t;
+  }()
+);
+function ie(t) {
+  return F.get(t);
+}
+function oe(t, e) {
+  return t.observers.get(e);
+}
+function le(t, e) {
+  t.observers.delete(e.callback);
+}
+function ae(t, e) {
+  e.unobserve();
+}
+function ce(t, e) {
+  var r = [], n, s = ie(t);
+  if (!s)
+    s = new ne(t), F.set(t, s);
+  else {
+    var i = oe(s, e);
+    n = i && i.observer;
+  }
+  if (n)
+    return n;
+  if (n = {}, s.value = w(t), e) {
+    n.callback = e, n.next = null;
+    var a = function() {
+      Y(n);
+    }, u = function() {
+      clearTimeout(n.next), n.next = setTimeout(a);
+    };
+    typeof window < "u" && (window.addEventListener("mouseup", u), window.addEventListener("keyup", u), window.addEventListener("mousedown", u), window.addEventListener("keydown", u), window.addEventListener("change", u));
+  }
+  return n.patches = r, n.object = t, n.unobserve = function() {
+    Y(n), clearTimeout(n.next), le(s, n), typeof window < "u" && (window.removeEventListener("mouseup", u), window.removeEventListener("keyup", u), window.removeEventListener("mousedown", u), window.removeEventListener("keydown", u), window.removeEventListener("change", u));
+  }, s.observers.set(e, new se(e, n)), n;
+}
+function Y(t, e) {
+  e === void 0 && (e = !1);
+  var r = F.get(t.object);
+  J(r.value, t.object, t.patches, "", e), t.patches.length && H(r.value, t.patches);
+  var n = t.patches;
+  return n.length > 0 && (t.patches = [], t.callback && t.callback(n)), n;
+}
+function J(t, e, r, n, s) {
+  if (e !== t) {
+    typeof e.toJSON == "function" && (e = e.toJSON());
+    for (var i = x(e), a = x(t), u = !1, c = a.length - 1; c >= 0; c--) {
+      var o = a[c], l = t[o];
+      if (P(e, o) && !(e[o] === void 0 && l !== void 0 && Array.isArray(e) === !1)) {
+        var f = e[o];
+        typeof l == "object" && l != null && typeof f == "object" && f != null && Array.isArray(l) === Array.isArray(f) ? J(l, f, r, n + "/" + O(o), s) : l !== f && (s && r.push({ op: "test", path: n + "/" + O(o), value: w(l) }), r.push({ op: "replace", path: n + "/" + O(o), value: w(f) }));
+      } else Array.isArray(t) === Array.isArray(e) ? (s && r.push({ op: "test", path: n + "/" + O(o), value: w(l) }), r.push({ op: "remove", path: n + "/" + O(o) }), u = !0) : (s && r.push({ op: "test", path: n, value: t }), r.push({ op: "replace", path: n, value: e }));
+    }
+    if (!(!u && i.length == a.length))
+      for (var c = 0; c < i.length; c++) {
+        var o = i[c];
+        !P(t, o) && e[o] !== void 0 && r.push({ op: "add", path: n + "/" + O(o), value: w(e[o]) });
+      }
+  }
+}
+function $(t, e, r) {
+  r === void 0 && (r = !1);
+  var n = [];
+  return J(t, e, n, "", r), n;
+}
+const ue = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  compare: $,
+  generate: Y,
+  observe: ce,
+  unobserve: ae
+}, Symbol.toStringTag, { value: "Module" }));
+Object.assign({}, re, ue, {
+  JsonPatchError: G,
+  deepClone: w,
+  escapePathComponent: O,
+  unescapePathComponent: j
+});
+const fe = /* @__PURE__ */ new Set([
+  "valueList",
+  "trList",
+  "tdList",
+  "colgroup"
+]);
+function he(t, e, r) {
+  return typeof t.select == "function" ? t.select(e).subscribe(r) : typeof t.on == "function" ? (t.on(e, r), {
+    unsubscribe: () => {
+      typeof t.off == "function" && t.off(e, r);
+    }
+  }) : { unsubscribe: () => {
+  } };
+}
+class pe {
+  constructor(e, r) {
+    d(this, "doc");
+    d(this, "editor");
+    d(this, "yElements");
+    /** 是否正在把远程变更写入编辑器（防回环） */
+    d(this, "isApplyingRemote", !1);
+    /** 是否正在把本地编辑写入 Y.Doc（防回环） */
+    d(this, "isApplyingLocal", !1);
+    /** 上一次同步到编辑器的快照（用于 diff） */
+    d(this, "lastSnapshot", []);
+    /** 编辑器事件回调引用 */
+    d(this, "contentChangeHandler", null);
+    d(this, "contentChangeSubscription", null);
+    /** Y.Array observe 回调引用 */
+    d(this, "yObserver", null);
+    this.doc = e, this.editor = r, this.yElements = e.getArray("elements"), this.bindYjsToEditor(), this.bindEditorToYjs(), this.yElements.length > 0 && this.pushYDocToEditor();
+  }
+  destroy() {
+    var e;
+    this.yObserver && (this.yElements.unobserve(this.yObserver), this.yObserver = null), (e = this.contentChangeSubscription) == null || e.unsubscribe(), this.contentChangeSubscription = null, this.contentChangeHandler = null;
+  }
+  // ---- Y.Doc → Editor ----
+  bindYjsToEditor() {
+    this.yObserver = (e, r) => {
+      this.isApplyingLocal || r.local || this.pushYDocToEditor();
+    }, this.yElements.observeDeep(this.yObserver);
+  }
+  /** 将 Y.Doc 当前内容推送到编辑器 */
+  pushYDocToEditor() {
+    this.isApplyingRemote = !0;
+    try {
+      const e = this.yElements.toJSON();
+      this.editor.command.executeSetValue({ main: e }, { isSetCursor: !1 }), this.lastSnapshot = e;
+    } finally {
+      this.isApplyingRemote = !1;
+    }
+  }
+  // ---- Editor → Y.Doc ----
+  bindEditorToYjs() {
+    this.contentChangeHandler = () => {
+      this.isApplyingRemote || this.pushEditorToYDoc();
+    }, this.contentChangeSubscription = he(
+      this.editor.eventBus,
+      "contentChange",
+      this.contentChangeHandler
+    );
+  }
+  /** 将编辑器当前内容全量同步到 Y.Doc */
+  pushEditorToYDoc() {
+    const r = this.editor.command.getValue().data.main ?? [], n = $(this.lastSnapshot, r);
+    if (n.length) {
+      this.isApplyingLocal = !0;
+      try {
+        this.doc.transact(() => {
+          this.applyPatchToYArray(this.yElements, n, r);
+        }, this), this.lastSnapshot = this.cloneSnapshot(r);
+      } finally {
+        this.isApplyingLocal = !1;
+      }
+    }
+  }
+  applyPatchToYArray(e, r, n) {
+    for (const s of r) {
+      const i = this.getTopLevelIndex(s.path);
+      if (i !== null) {
+        if (s.op === "remove") {
+          i < e.length && e.delete(i, 1);
+          continue;
+        }
+        if (s.op === "add" || s.op === "replace") {
+          const a = this.getRootValueFromOperation(s, n);
+          if (!a || Array.isArray(a))
+            continue;
+          const u = this.jsonToYMap(a);
+          s.op === "add" ? e.insert(i, [u]) : (i < e.length && e.delete(i, 1), e.insert(i, [u]));
+        }
+      }
+    }
+  }
+  getTopLevelIndex(e) {
+    const r = e.split("/")[1];
+    if (!r) return null;
+    const n = Number(r);
+    return Number.isInteger(n) ? n : null;
+  }
+  getRootValueFromOperation(e, r) {
+    if (e.path.split("/").length <= 2) {
+      const s = e.value;
+      if (s && typeof s == "object" && !Array.isArray(s))
+        return s;
+    }
+    const n = this.getTopLevelIndex(e.path);
+    return n !== null && r[n] && typeof r[n] == "object" ? r[n] : null;
+  }
+  cloneSnapshot(e) {
+    return JSON.parse(JSON.stringify(e));
+  }
+  /** 将普通 JSON 对象转换为 Y.Map（递归处理嵌套数组） */
+  jsonToYMap(e) {
+    const r = new D.Map();
+    for (const [n, s] of Object.entries(e))
+      if (s != null)
+        if (fe.has(n) && Array.isArray(s)) {
+          const i = new D.Array(), a = s.map((u) => this.jsonToYMap(u));
+          i.insert(0, a), r.set(n, i);
+        } else
+          r.set(n, s);
+    return r;
+  }
+}
+const de = {
+  showLabel: !0,
+  labelDuration: 3e3,
+  enableBlink: !0,
+  expireTime: 3e4
+};
+class ve {
+  constructor(e = {}) {
+    d(this, "awareness", null);
+    d(this, "container", null);
+    d(this, "config");
+    d(this, "positionCalculator", null);
+    d(this, "cursors", /* @__PURE__ */ new Map());
+    d(this, "elements", /* @__PURE__ */ new Map());
+    d(this, "styleElement", null);
+    d(this, "cleanupTimer", null);
+    d(this, "awarenessHandler", null);
+    this.config = { ...de, ...e };
+  }
+  /**
+   * 绑定 Awareness 实例和当前用户信息
+   */
+  bindAwareness(e, r) {
+    this.awareness = e, e.setLocalStateField("user", {
+      userId: r.userId,
+      userName: r.userName,
+      color: r.color
+    }), this.awarenessHandler = ({ added: n, updated: s, removed: i }) => {
+      const a = [...n, ...s];
+      for (const u of a) {
+        if (u === this.awareness.clientID) continue;
+        const c = this.awareness.getStates().get(u);
+        if (!(c != null && c.user) || !(c != null && c.cursor)) continue;
+        const o = c.user, l = c.cursor, f = {
+          userId: o.userId,
+          userName: o.userName,
+          color: o.color,
+          position: l,
+          lastUpdate: Date.now()
+        };
+        this.cursors.set(o.userId, f), this.renderCursor(f);
+      }
+      if (i.length > 0) {
+        const u = this.awareness.getStates();
+        this.cleanupRemovedClients(u);
+      }
+    }, e.on("change", this.awarenessHandler);
+  }
+  /**
+   * 更新本地光标位置（写入 Awareness，自动广播到其他客户端）
+   */
+  setLocalCursor(e) {
+    var r;
+    (r = this.awareness) == null || r.setLocalStateField("cursor", e);
+  }
+  /**
+   * 初始化 DOM 渲染
+   */
+  initializeCursorRendering(e, r) {
+    this.container = e, this.positionCalculator = r, this.injectStyles(), this.startCleanupTimer();
+  }
+  /**
+   * 刷新所有光标位置（文档内容变化后调用）
+   */
+  refreshAllCursors() {
+    this.cursors.forEach((e) => this.renderCursor(e));
+  }
+  /**
+   * 获取所有远程光标
+   */
+  getAllCursors() {
+    return Array.from(this.cursors.values());
+  }
+  /**
+   * 销毁
+   */
+  destroy() {
+    this.awarenessHandler && this.awareness && (this.awareness.off("change", this.awarenessHandler), this.awarenessHandler = null), this.stopCleanupTimer(), this.clearAllElements(), this.removeStyles(), this.container = null, this.positionCalculator = null, this.awareness = null;
+  }
+  // ---- 内部渲染 ----
+  renderCursor(e) {
+    if (!this.container || !this.positionCalculator) return;
+    const r = this.positionCalculator(e.position.index);
+    if (!r) {
+      const s = this.elements.get(e.userId);
+      s && (s.container.style.display = "none");
+      return;
+    }
+    let n = this.elements.get(e.userId);
+    n || (n = this.createCursorElement(e), this.elements.set(e.userId, n)), n.container.style.left = `${r.x}px`, n.container.style.top = `${r.y}px`, n.container.style.display = "block", n.cursor.style.height = `${r.height}px`, n.cursor.style.backgroundColor = e.color, n.label.textContent = e.userName, n.label.style.backgroundColor = e.color, this.config.showLabel && this.showLabel(n);
+  }
+  createCursorElement(e) {
+    const r = document.createElement("div");
+    r.className = "remote-cursor-container", r.dataset.userId = e.userId;
+    const n = document.createElement("div");
+    n.className = "remote-cursor-line", this.config.enableBlink && n.classList.add("remote-cursor-blink");
+    const s = document.createElement("div");
+    return s.className = "remote-cursor-label", s.textContent = e.userName, r.appendChild(n), r.appendChild(s), this.container.appendChild(r), { container: r, cursor: n, label: s, labelTimer: null };
+  }
+  showLabel(e) {
+    e.label.style.opacity = "1", e.labelTimer && (clearTimeout(e.labelTimer), e.labelTimer = null), this.config.labelDuration > 0 && (e.labelTimer = setTimeout(() => {
+      e.label.style.opacity = "0", e.labelTimer = null;
+    }, this.config.labelDuration));
+  }
+  clearAllElements() {
+    this.elements.forEach((e) => {
+      e.labelTimer && clearTimeout(e.labelTimer), e.container.remove();
+    }), this.elements.clear(), this.cursors.clear();
+  }
+  /** 移除已经不在 awareness 中的客户端光标 */
+  cleanupRemovedClients(e) {
+    const r = /* @__PURE__ */ new Set();
+    e.forEach((s, i) => {
+      if (i === this.awareness.clientID) return;
+      const a = s.user;
+      a != null && a.userId && r.add(a.userId);
+    });
+    const n = [];
+    this.cursors.forEach((s, i) => {
+      r.has(i) || n.push(i);
+    });
+    for (const s of n)
+      this.removeCursor(s);
+  }
+  removeCursor(e) {
+    this.cursors.delete(e);
+    const r = this.elements.get(e);
+    r && (r.labelTimer && clearTimeout(r.labelTimer), r.container.remove(), this.elements.delete(e));
+  }
+  // ---- 过期清理 ----
+  startCleanupTimer() {
+    this.cleanupTimer = setInterval(() => {
+      const e = Date.now();
+      this.cursors.forEach((r, n) => {
+        e - r.lastUpdate > this.config.expireTime && this.removeCursor(n);
+      });
+    }, 5e3);
+  }
+  stopCleanupTimer() {
+    this.cleanupTimer && (clearInterval(this.cleanupTimer), this.cleanupTimer = null);
+  }
+  // ---- 样式注入 ----
+  injectStyles() {
+    this.styleElement || (this.styleElement = document.createElement("style"), this.styleElement.textContent = `
+      .remote-cursor-container {
+        position: absolute;
+        pointer-events: none;
+        z-index: 1000;
+      }
+      .remote-cursor-line {
+        width: 2px;
+        min-height: 16px;
+        border-radius: 1px;
+      }
+      .remote-cursor-blink {
+        animation: remote-cursor-blink 1s infinite;
+      }
+      @keyframes remote-cursor-blink {
+        0%, 50% { opacity: 1; }
+        51%, 100% { opacity: 0; }
+      }
+      .remote-cursor-label {
+        position: absolute;
+        top: -20px;
+        left: 0;
+        padding: 2px 6px;
+        border-radius: 3px;
+        color: white;
+        font-size: 12px;
+        white-space: nowrap;
+        transition: opacity 0.3s ease;
+        opacity: 0;
+      }
+      .remote-cursor-selection {
+        position: absolute;
+        opacity: 0.3;
+        pointer-events: none;
+      }
+    `, document.head.appendChild(this.styleElement));
+  }
+  removeStyles() {
+    this.styleElement && (this.styleElement.remove(), this.styleElement = null);
+  }
+}
+function ge(t) {
+  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
+}
+var Q = { exports: {} };
+(function(t) {
+  var e = Object.prototype.hasOwnProperty, r = "~";
+  function n() {
+  }
+  Object.create && (n.prototype = /* @__PURE__ */ Object.create(null), new n().__proto__ || (r = !1));
+  function s(c, o, l) {
+    this.fn = c, this.context = o, this.once = l || !1;
+  }
+  function i(c, o, l, f, g) {
+    if (typeof l != "function")
+      throw new TypeError("The listener must be a function");
+    var p = new s(l, f || c, g), v = r ? r + o : o;
+    return c._events[v] ? c._events[v].fn ? c._events[v] = [c._events[v], p] : c._events[v].push(p) : (c._events[v] = p, c._eventsCount++), c;
+  }
+  function a(c, o) {
+    --c._eventsCount === 0 ? c._events = new n() : delete c._events[o];
+  }
+  function u() {
+    this._events = new n(), this._eventsCount = 0;
+  }
+  u.prototype.eventNames = function() {
+    var o = [], l, f;
+    if (this._eventsCount === 0) return o;
+    for (f in l = this._events)
+      e.call(l, f) && o.push(r ? f.slice(1) : f);
+    return Object.getOwnPropertySymbols ? o.concat(Object.getOwnPropertySymbols(l)) : o;
+  }, u.prototype.listeners = function(o) {
+    var l = r ? r + o : o, f = this._events[l];
+    if (!f) return [];
+    if (f.fn) return [f.fn];
+    for (var g = 0, p = f.length, v = new Array(p); g < p; g++)
+      v[g] = f[g].fn;
+    return v;
+  }, u.prototype.listenerCount = function(o) {
+    var l = r ? r + o : o, f = this._events[l];
+    return f ? f.fn ? 1 : f.length : 0;
+  }, u.prototype.emit = function(o, l, f, g, p, v) {
+    var E = r ? r + o : o;
+    if (!this._events[E]) return !1;
+    var h = this._events[E], _ = arguments.length, T, y;
+    if (h.fn) {
+      switch (h.once && this.removeListener(o, h.fn, void 0, !0), _) {
+        case 1:
+          return h.fn.call(h.context), !0;
+        case 2:
+          return h.fn.call(h.context, l), !0;
+        case 3:
+          return h.fn.call(h.context, l, f), !0;
+        case 4:
+          return h.fn.call(h.context, l, f, g), !0;
+        case 5:
+          return h.fn.call(h.context, l, f, g, p), !0;
+        case 6:
+          return h.fn.call(h.context, l, f, g, p, v), !0;
+      }
+      for (y = 1, T = new Array(_ - 1); y < _; y++)
+        T[y - 1] = arguments[y];
+      h.fn.apply(h.context, T);
+    } else {
+      var K = h.length, b;
+      for (y = 0; y < K; y++)
+        switch (h[y].once && this.removeListener(o, h[y].fn, void 0, !0), _) {
+          case 1:
+            h[y].fn.call(h[y].context);
+            break;
+          case 2:
+            h[y].fn.call(h[y].context, l);
+            break;
+          case 3:
+            h[y].fn.call(h[y].context, l, f);
+            break;
+          case 4:
+            h[y].fn.call(h[y].context, l, f, g);
+            break;
+          default:
+            if (!T) for (b = 1, T = new Array(_ - 1); b < _; b++)
+              T[b - 1] = arguments[b];
+            h[y].fn.apply(h[y].context, T);
+        }
+    }
+    return !0;
+  }, u.prototype.on = function(o, l, f) {
+    return i(this, o, l, f, !1);
+  }, u.prototype.once = function(o, l, f) {
+    return i(this, o, l, f, !0);
+  }, u.prototype.removeListener = function(o, l, f, g) {
+    var p = r ? r + o : o;
+    if (!this._events[p]) return this;
+    if (!l)
+      return a(this, p), this;
+    var v = this._events[p];
+    if (v.fn)
+      v.fn === l && (!g || v.once) && (!f || v.context === f) && a(this, p);
+    else {
+      for (var E = 0, h = [], _ = v.length; E < _; E++)
+        (v[E].fn !== l || g && !v[E].once || f && v[E].context !== f) && h.push(v[E]);
+      h.length ? this._events[p] = h.length === 1 ? h[0] : h : a(this, p);
+    }
+    return this;
+  }, u.prototype.removeAllListeners = function(o) {
+    var l;
+    return o ? (l = r ? r + o : o, this._events[l] && a(this, l)) : (this._events = new n(), this._eventsCount = 0), this;
+  }, u.prototype.off = u.prototype.removeListener, u.prototype.addListener = u.prototype.on, u.prefixed = r, u.EventEmitter = u, t.exports = u;
+})(Q);
+var me = Q.exports;
+const ye = /* @__PURE__ */ ge(me);
+function we(t, e, r) {
+  return typeof t.select == "function" ? t.select(e).subscribe(r) : typeof t.on == "function" ? (t.on(e, r), {
+    unsubscribe: () => {
+      typeof t.off == "function" && t.off(e, r);
+    }
+  }) : { unsubscribe: () => {
+  } };
+}
+class Te {
+  constructor(e) {
+    d(this, "editor", null);
+    d(this, "config");
+    d(this, "doc", null);
+    d(this, "provider", null);
+    d(this, "binding", null);
+    d(this, "cursorManager");
+    d(this, "connectionState", C.DISCONNECTED);
+    d(this, "syncState", R.SYNCING);
+    /** 光标节流 */
+    d(this, "cursorThrottleTimer", null);
+    /** 编辑器事件引用 */
+    d(this, "rangeChangeHandler", null);
+    d(this, "rangeChangeSubscription", null);
+    d(this, "eventEmitter", new ye());
+    /** 已知在线用户（从 Awareness 维护） */
+    d(this, "onlineUsers", /* @__PURE__ */ new Map());
+    d(this, "_positionListDirty", !0);
+    d(this, "_cachedPositionList", null);
+    this.config = {
+      enableRemoteCursors: !0,
+      cursorThrottleMs: 100,
+      ...e
+    }, this.cursorManager = new ve();
+  }
+  // ==================== 公开 API ====================
+  install(e) {
+    this.editor = e;
+  }
+  uninstall() {
+    var e;
+    this.disconnect(), (e = this.rangeChangeSubscription) == null || e.unsubscribe(), this.rangeChangeSubscription = null, this.rangeChangeHandler = null, this.cursorManager.destroy(), this.editor = null;
+  }
+  async connect() {
+    if (!this.editor) throw new Error("Plugin not installed");
+    if (this.provider) return;
+    const { collaboration: e } = this.config;
+    this.doc = new D.Doc();
+    const r = e.token ?? JSON.stringify({
+      userId: e.user.userId,
+      userName: e.user.userName,
+      color: e.user.color
+    });
+    this.setConnectionState(C.CONNECTING), this.provider = new X({
+      url: e.serverUrl,
+      name: e.docId,
+      document: this.doc,
+      token: r,
+      // 连接事件
+      onConnect: () => {
+        this.setConnectionState(C.CONNECTED);
+      },
+      onDisconnect: () => {
+        this.setConnectionState(C.DISCONNECTED);
+      },
+      onSynced: ({ state: n }) => {
+        n && (this.setSyncState(R.SYNCED), !this.binding && this.editor && this.doc && (this.binding = new pe(this.doc, this.editor)));
+      },
+      onAuthenticationFailed: ({ reason: n }) => {
+        this.emitEvent("error", { code: "AUTH_FAILED", message: n });
+      }
+    }), this.config.enableRemoteCursors && (this.cursorManager.bindAwareness(this.provider.awareness, e.user), this.setupAwarenessUserTracking()), this.setupCursorSync();
+  }
+  disconnect() {
+    this.binding && (this.binding.destroy(), this.binding = null), this.cursorThrottleTimer && (clearTimeout(this.cursorThrottleTimer), this.cursorThrottleTimer = null), this.provider && (this.provider.destroy(), this.provider = null), this.doc && (this.doc.destroy(), this.doc = null), this.onlineUsers.clear(), this.setConnectionState(C.DISCONNECTED);
+  }
+  getConnectionState() {
+    return this.connectionState;
+  }
+  getSyncState() {
+    return this.syncState;
+  }
+  getOnlineUsers() {
+    return Array.from(this.onlineUsers.values());
+  }
+  getRemoteCursors() {
+    return this.cursorManager.getAllCursors();
+  }
+  initializeCursors(e, r) {
+    this.config.enableRemoteCursors && this.cursorManager.initializeCursorRendering(e, r);
+  }
+  markPositionListDirty() {
+    this._positionListDirty = !0;
+  }
+  initializeCursorsWithEditor(e) {
+    if (!this.config.enableRemoteCursors || !this.editor) return;
+    const r = this.editor, n = (s) => {
+      var v, E, h, _;
+      if ((this._positionListDirty || !this._cachedPositionList) && (this._cachedPositionList = ((E = (v = r.command).getPositionList) == null ? void 0 : E.call(v)) || null, this._positionListDirty = !1), !this._cachedPositionList || s < 0 || s >= this._cachedPositionList.length) return null;
+      const i = this._cachedPositionList[s];
+      if (!(i != null && i.coordinate)) return null;
+      const a = i.pageNo ?? 0, c = e.querySelectorAll("canvas[data-index]")[a];
+      if (!c) return null;
+      const o = c.getBoundingClientRect(), l = e.getBoundingClientRect(), f = o.left - l.left + e.scrollLeft + (((h = i.coordinate.leftTop) == null ? void 0 : h[0]) || 0), g = o.top - l.top + e.scrollTop + (((_ = i.coordinate.leftTop) == null ? void 0 : _[1]) || 0), p = i.lineHeight || 16;
+      return { x: f, y: g, height: p };
+    };
+    this.cursorManager.initializeCursorRendering(e, n);
+  }
+  refreshCursors() {
+    this.cursorManager.refreshAllCursors();
+  }
+  on(e, r) {
+    return this.addEventListener(e, r);
+  }
+  addEventListener(e, r) {
+    return this.eventEmitter.on(e, r), () => {
+      this.eventEmitter.off(e, r);
+    };
+  }
+  // ==================== 内部 ====================
+  /** 监听 Awareness 变化维护在线用户列表 */
+  setupAwarenessUserTracking() {
+    const e = this.provider.awareness, r = this.config.collaboration.user;
+    this.onlineUsers.set(r.userId, r), this.emitEvent("usersChange", this.getOnlineUsers());
+    const n = ({ added: s, updated: i, removed: a }) => {
+      let u = !1;
+      for (const c of [...s, ...i]) {
+        if (c === e.clientID) continue;
+        const o = e.getStates().get(c), l = o == null ? void 0 : o.user;
+        l != null && l.userId && !this.onlineUsers.has(l.userId) && (this.onlineUsers.set(l.userId, l), this.emitEvent("userJoin", l), u = !0);
+      }
+      if (a.length > 0) {
+        const c = /* @__PURE__ */ new Set();
+        c.add(r.userId), e.getStates().forEach((o, l) => {
+          if (l === e.clientID) return;
+          const f = o.user;
+          f != null && f.userId && c.add(f.userId);
+        }), this.onlineUsers.forEach((o, l) => {
+          c.has(l) || (this.onlineUsers.delete(l), this.emitEvent("userLeave", l), u = !0);
+        });
+      }
+      u && this.emitEvent("usersChange", this.getOnlineUsers());
+    };
+    e.on("change", n);
+  }
+  /** 编辑器光标 → Awareness */
+  setupCursorSync() {
+    this.editor && (this.rangeChangeHandler = () => {
+      this.cursorThrottleTimer || (this.cursorThrottleTimer = setTimeout(() => {
+        var n;
+        this.cursorThrottleTimer = null;
+        const e = (n = this.editor) == null ? void 0 : n.command.getRange();
+        if (!e) return;
+        const r = {
+          index: e.startIndex,
+          endIndex: e.startIndex !== e.endIndex ? e.endIndex : void 0
+        };
+        this.cursorManager.setLocalCursor(r);
+      }, this.config.cursorThrottleMs));
+    }, this.rangeChangeSubscription = we(
+      this.editor.eventBus,
+      "rangeStyleChange",
+      this.rangeChangeHandler
+    ));
+  }
+  setConnectionState(e) {
+    this.connectionState !== e && (this.connectionState = e, this.emitEvent("connectionChange", e));
+  }
+  setSyncState(e) {
+    this.syncState !== e && (this.syncState = e, this.emitEvent("syncStateChange", e));
+  }
+  emitEvent(e, ...r) {
+    this.eventEmitter.listeners(e).forEach((s) => {
+      try {
+        s(...r);
+      } catch (i) {
+        console.error(`[CollaborationPlugin] Error in ${String(e)} handler:`, i);
+      }
+    });
+  }
+}
+export {
+  ve as AwarenessCursorManager,
+  Te as CollaborationPlugin,
+  C as ConnectionState,
+  R as SyncState,
+  pe as YjsBinding
+};
+//# sourceMappingURL=docx-editor-collaboration.js.map