@ones-editor/editor 1.1.18-beta.16 → 1.1.18-beta.18

package/dist/index.js

@@ -10184,7 +10184,7 @@ var __publicField = (obj, key, value) => {
       removeClass(blockElem, "selected");
     });
   }
-  function convertTo$k(editor, blockData, doc2, type) {
+  function convertTo$l(editor, blockData, doc2, type) {
     return `[unknown block, ${blockData.type}]`;
   }
   const UnknownBlock = {
@@ -10197,7 +10197,7 @@ var __publicField = (obj, key, value) => {
     getCaretRect: getCaretRect$3,
     updateSelection: updateSelection$4,
     clearSelection: clearSelection$4,
-    convertTo: convertTo$k
+    convertTo: convertTo$l
   };
   const logger$3T = getLogger("editor-blocks");
   class EditorBlocks {
@@ -10328,7 +10328,7 @@ var __publicField = (obj, key, value) => {
     });
     return result;
   }
-  function convertTo$j(editor, blockData, doc2, type) {
+  function convertTo$k(editor, blockData, doc2, type) {
     const embed = getEmbedClassByType(editor, blockData.embedType);
     if (!embed.convertTo) {
       return "";
@@ -10433,7 +10433,7 @@ var __publicField = (obj, key, value) => {
     updateSelection: updateSelection$3,
     clearSelection: clearSelection$3,
     convertFrom: convertFrom$9,
-    convertTo: convertTo$j,
+    convertTo: convertTo$k,
     getBlockProperties: getBlockProperties$c,
     getOptions: getOptions$7,
     handleDeleteBlock: handleDeleteBlock$5,
@@ -22176,7 +22176,7 @@ var __publicField = (obj, key, value) => {
       abstract: abstract.trim()
     };
   }
-  function convertTo$i(editor, blockData, doc2, type) {
+  function convertTo$j(editor, blockData, doc2, type) {
     assert(logger$3n, blockData.text, "no text for text block");
     if (type === "text") {
       return textBlockToText$1(editor, blockData.text, doc2);
@@ -22217,7 +22217,7 @@ var __publicField = (obj, key, value) => {
     getClientRects: getClientRects$1,
     setBlockText: updateBlockText$1,
     getBlockProperties: getBlockProperties$b,
-    convertTo: convertTo$i,
+    convertTo: convertTo$j,
     blockToDoc: blockToDoc$1
   };
   const updateTextBlockContent = updateBlockContent$1;
@@ -22451,26 +22451,26 @@ var __publicField = (obj, key, value) => {
     return startInfo.offset;
   }
   const logger$3k = getLogger("text-box");
-  function updateBoxContent$7(editor, boxElement, boxContent, boxData) {
+  function updateBoxContent$8(editor, boxElement, boxContent, boxData) {
     assert(logger$3k, boxData.text, `no text for text box data: ${JSON.stringify(boxData)}`);
     assert(logger$3k, typeof boxData.text === "string", `invalid text type for text box data: ${JSON.stringify(boxData)}`);
     createElement("span", [], boxContent, boxData.text);
   }
-  function convertTo$h(editor, boxData, doc2, type) {
+  function convertTo$i(editor, boxData, doc2, type) {
     var _a;
     return (_a = boxData.text) != null ? _a : "";
   }
   const TextBox = {
     boxType: "text",
-    updateBoxContent: updateBoxContent$7,
-    convertTo: convertTo$h
+    updateBoxContent: updateBoxContent$8,
+    convertTo: convertTo$i
   };
   const BR_IMAGE_SRC = "data:image/svg+xml;base64,Cjxzdmcgdmlld0JveD0iMCAwIDI0IDI0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMTguMjQ0NSA2QzE3LjgyNzQgNiAxNy41MzYzIDYuMjkxMTcgMTcuNTM2MyA2LjcwODI2QzE3LjUzNjMgNi45ODM3IDE3LjU1OTkgNy4yMzU1MyAxNy41NTk5IDcuNjEzMjdDMTcuNTU5OSAxMC4yODExIDE2LjYyMzQgMTEuMzc0OSAxMy45NzkyIDExLjM3NDlIOC45NDI2Nkw3LjEyNDc5IDExLjQ4NTFMOS41NDA3NSA5LjI4MTYyTDExLjE5MzQgNy41OTc1M0MxMS4zMjcxIDcuNDcxNjEgMTEuMzk4IDcuMjgyNzQgMTEuMzk4IDcuMDkzODdDMTEuMzk4IDYuNjkyNTIgMTEuMDk4OSA2LjQwMTM1IDEwLjY5NzYgNi40MDEzNUMxMC41MDg3IDYuNDAxMzUgMTAuMzM1NiA2LjQ3MjE4IDEwLjE3ODIgNi42MjE3TDUuMjQzOTYgMTEuNTQ4MUM1LjA4NjU3IDExLjcwNTUgNSAxMS44OTQzIDUgMTIuMDkxMUM1IDEyLjI4NzggNS4wODY1NyAxMi40NzY3IDUuMjQzOTYgMTIuNjI2MkwxMC4xNjI1IDE3LjUzNjhDMTAuMzM1NiAxNy43MDk5IDEwLjUwODcgMTcuNzgwOCAxMC42OTc2IDE3Ljc4MDhDMTEuMDk4OSAxNy43ODA4IDExLjM5OCAxNy40ODk2IDExLjM5OCAxNy4wODgzQzExLjM5OCAxNi44OTE1IDExLjMyNzEgMTYuNzEwNSAxMS4xOTM0IDE2LjU4NDZMOS41NDA3NSAxNC45MDA1TDcuMTMyNjYgMTIuNjk3TDguOTQyNjYgMTIuODA3MkgxNC4wNTc5QzE3LjU1OTkgMTIuODA3MiAxOSAxMS4yNDExIDE5IDcuNjc2MjJDMTkgNy4yMzU1MyAxOC45OTIxIDYuODY1NjUgMTguOTM3IDYuNjEzODNDMTguODc0MSA2LjI5OTA0IDE4LjY3NzMgNiAxOC4yNDQ1IDZaIiBmaWxsPSIjQjJCQ0NEIi8+Cjwvc3ZnPgo=";
-  function updateBoxContent$6(editor, boxElement, boxContent, boxData) {
+  function updateBoxContent$7(editor, boxElement, boxContent, boxData) {
     createImage(BR_IMAGE_SRC, [], boxContent);
     createElement("br", [], boxContent);
   }
-  function convertTo$g(editor, boxData, doc2, type) {
+  function convertTo$h(editor, boxData, doc2, type) {
     if (type === "text") {
       return "\n";
     }
@@ -22484,8 +22484,8 @@ var __publicField = (obj, key, value) => {
   }
   const BrBox = {
     boxType: "br",
-    updateBoxContent: updateBoxContent$6,
-    convertTo: convertTo$g
+    updateBoxContent: updateBoxContent$7,
+    convertTo: convertTo$h
   };
   const logger$3j = getLogger("editor-boxes");
   class EditorBoxes {
@@ -22515,7 +22515,7 @@ var __publicField = (obj, key, value) => {
       this.boxes.forEach(callback);
     }
   }
-  function updateBoxContent$5(editor, boxElement, boxContent, boxData) {
+  function updateBoxContent$6(editor, boxElement, boxContent, boxData) {
     const imageBoxData = boxData;
     const { width, height, src } = imageBoxData;
     const classnames = ["editor-box-image"];
@@ -22533,16 +22533,16 @@ var __publicField = (obj, key, value) => {
   }
   const ImageBox = {
     boxType: "image",
-    updateBoxContent: updateBoxContent$5
+    updateBoxContent: updateBoxContent$6
   };
   const IMAGE_SRC = "data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9InJnYigxNzgsIDE4OCwgMjA1KSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0ibTE3IDE1IDEuNTUgMS41NWMtLjk2IDEuNjktMy4zMyAzLjA0LTUuNTUgMy4zN1YxMWgzVjloLTNWNy44MkMxNC4xNiA3LjQgMTUgNi4zIDE1IDVjMC0xLjY1LTEuMzUtMy0zLTNTOSAzLjM1IDkgNWMwIDEuMy44NCAyLjQgMiAyLjgyVjlIOHYyaDN2OC45MmMtMi4yMi0uMzMtNC41OS0xLjY4LTUuNTUtMy4zN0w3IDE1bC00LTN2M2MwIDMuODggNC45MiA3IDkgN3M5LTMuMTIgOS03di0zbC00IDN6TTEyIDRjLjU1IDAgMSAuNDUgMSAxcy0uNDUgMS0xIDEtMS0uNDUtMS0xIC40NS0xIDEtMXoiPjwvcGF0aD4KPC9zdmc+Cg==";
-  function updateBoxContent$4(editor, boxElement, boxContent) {
+  function updateBoxContent$5(editor, boxElement, boxContent) {
     addClass(boxContent, "editor-box-anchor");
     createImage(IMAGE_SRC, [], boxContent);
   }
   const AnchorBox = {
     boxType: "anchor",
-    updateBoxContent: updateBoxContent$4
+    updateBoxContent: updateBoxContent$5
   };
   function updateInsertionContent$1(editor, insertionElement, boxContent, childData) {
     const data = childData;
@@ -34350,9 +34350,7 @@ ${codeText}
       this.events.emit("writeConflictError", error2);
     }
     emitMaxUsersError() {
-      const err = new Error(MaxUserError.msg);
-      err.code = MaxUserError.err;
-      this.events.emit("maxUsersError", err);
+      this.events.emit("maxUsersError");
       this.end(false);
     }
     handleMessage(message) {
@@ -34474,21 +34472,22 @@ ${codeText}
       __publicField(this, "reauthFunc");
       __publicField(this, "clientId", genId());
       __publicField(this, "getDoc", async () => {
+        const fetchDoc = (doc22) => new Promise((resolve, reject) => {
+          doc22.fetch((err) => {
+            if (err)
+              reject(err);
+            else
+              resolve();
+          });
+        });
         assert(logger$2p, !this.doc, "This websocket has opened a doc.");
         await this.connection.init(this.auth);
         const doc2 = this.connection.get(this.auth.appId, this.auth.docId);
         this.doc = doc2;
+        await fetchDoc(doc2);
+        logger$2p.debug(doc2);
         return doc2;
       });
-      __publicField(this, "fetchDoc", (doc2) => new Promise((resolve, reject) => {
-        doc2.fetch((err) => {
-          if (err)
-            reject(err);
-          else
-            resolve();
-        });
-        logger$2p.debug(doc2);
-      }));
       this.auth = auth;
       const url = `${serverUrl}/${this.auth.appId}/${this.auth.docId}`;
       types.register(json1__namespace.type);
@@ -35636,10 +35635,12 @@ ${codeText}
     static async load(options) {
       try {
         const client = new ShareDBClient(options.auth, options.serverUrl, options.reauthFunc);
+        client.onMaxUsersError(() => {
+          var _a;
+          return (_a = options.onMaxUsersError) == null ? void 0 : _a.call(options);
+        });
         const doc2 = await client.getDoc();
         const shareDBDoc = new ShareDBDoc(client, doc2, options.disableLogout);
-        shareDBDoc.initEvents();
-        await client.fetchDoc(doc2);
         if (doc2.type === null) {
           if (options.autoCreateDoc === false) {
             const error2 = new Error("doc not exists");
@@ -35650,6 +35651,7 @@ ${codeText}
         }
         await shareDBDoc.initPresence();
         await shareDBDoc.subscribe();
+        shareDBDoc.initEvents();
         return shareDBDoc;
       } catch (err) {
         logger$2k.error(err);
@@ -35683,12 +35685,6 @@ ${codeText}
           return (_a = cb.onAuthRecover) == null ? void 0 : _a.call(cb);
         });
       });
-      this.client.onMaxUsersError((err) => {
-        this.callbacks.forEach((cb) => {
-          var _a;
-          return (_a = cb.onError) == null ? void 0 : _a.call(cb, err);
-        });
-      });
       this.client.onWriteConflictError(this.handleWriteConflictError);
     }
     clearEvents() {
@@ -46785,7 +46781,7 @@ ${codeText}
       editor.selection.updateSelection(null);
     }
   }
-  function updateBoxContent$3(editor, boxElement, boxContent, boxData) {
+  function updateBoxContent$4(editor, boxElement, boxContent, boxData) {
     const mathData = boxData;
     const state = editor.addCustom(`mathjax-box-${mathData.id}`, () => new MathjaxStateData());
     if (mathData.src || state.dataUrl) {
@@ -46843,7 +46839,7 @@ ${codeText}
     });
     return data;
   }
-  function convertTo$f(editor, boxData, doc2, type) {
+  function convertTo$g(editor, boxData, doc2, type) {
     const math = boxData;
     if (type === "text") {
       return math.tex;
@@ -46856,7 +46852,7 @@ ${codeText}
     }
     return `<code>$${math.tex}$</code>`;
   }
-  function handleClickBox$2(editor, box, event) {
+  function handleClickBox$3(editor, box, event) {
     const parentBlock = getParentBlock(box);
     assert(logger$1B, parentBlock, "failed to get block");
     if (editor.readonly || !editor.isBlockWritable(parentBlock)) {
@@ -46864,16 +46860,16 @@ ${codeText}
     }
     editMathjaxBox(editor, box);
   }
-  function getBoxProperties$2() {
+  function getBoxProperties$3() {
     return { abstract: `[${i18n$1.t("mathjax.abstract")}]` };
   }
   const MathjaxBox = {
     boxType: "math",
-    updateBoxContent: updateBoxContent$3,
+    updateBoxContent: updateBoxContent$4,
     convertFrom: convertFrom$8,
-    convertTo: convertTo$f,
-    handleClickBox: handleClickBox$2,
-    getBoxProperties: getBoxProperties$2
+    convertTo: convertTo$g,
+    handleClickBox: handleClickBox$3,
+    getBoxProperties: getBoxProperties$3
   };
   async function convertMathjax(editor, blockData, stateData) {
     try {
@@ -47019,7 +47015,7 @@ ${codeText}
       (_a = mathjaxEditor.editMathjaxPopup) == null ? void 0 : _a.close("cancelBar");
     }
   }
-  function convertTo$e(editor, blockData, doc2, type) {
+  function convertTo$f(editor, blockData, doc2, type) {
     const mathData = blockData.embedData;
     if (type === "html") {
       return `<img src="${editor.doc.buildResourceUrl(mathData.src, { withToken: true })}" />`;
@@ -47040,7 +47036,7 @@ $$${mathData.mathjaxText}$$
     getOptions: getOptions$6,
     convertFrom: convertFrom$7,
     handleDeleteBlock: handleDeleteBlock$3,
-    convertTo: convertTo$e,
+    convertTo: convertTo$f,
     getBlockProperties: getBlockProperties$a
   };
   const mathjaxStyle = "";
@@ -52709,6 +52705,86 @@ $$${mathData.mathjaxText}$$
     }
   }
   const statusBox = "";
+  class OverflowTooltipTag {
+    constructor(editor) {
+      __publicField(this, "onMouseOver", (e2) => {
+        const target = e2.target;
+        if (target.hasAttribute("data-editor-overflow-tooltip")) {
+          if (this.check(target)) {
+            const title = target.getAttribute("data-editor-overflow-tooltip");
+            target.setAttribute(`data-editor-tooltip-${this.editor.clientId}`, title);
+          } else {
+            target.removeAttribute(`data-editor-tooltip-${this.editor.clientId}`);
+          }
+        }
+      });
+      this.editor = editor;
+      this.editor.rootContainer.addEventListener("mouseover", this.onMouseOver);
+    }
+    check(tag) {
+      return tag.scrollWidth > tag.offsetWidth;
+    }
+    destroy() {
+      this.editor.rootContainer.removeEventListener("mouseover", this.onMouseOver);
+    }
+    static create(classes, title) {
+      const tag = createElement("a", classes, null, this.replaceTitleSpace(title));
+      tag.setAttribute("data-editor-overflow-tooltip", this.replaceTitleSpace(title));
+      return tag;
+    }
+    static replaceTitleSpace(title) {
+      return title.replace(/\s/g, "\xA0");
+    }
+  }
+  function updateBoxContent$3(editor, boxElement, boxContent, boxData) {
+    const statusData = boxData;
+    const { title, subtle, color } = statusData;
+    const classes = !subtle ? ["box-status-common", `box-status-${lodash.exports.lowerCase(color)}-subtle`] : ["box-status-common", `box-status-${lodash.exports.lowerCase(color)}`];
+    if (!title) {
+      classes.push("box-status-empty");
+    }
+    const tag = OverflowTooltipTag.create(classes, title || i18n$1.t("status.empty"));
+    boxContent.appendChild(tag);
+    editor.addCustom("status-box-overflow-tooltip", (editor2) => new OverflowTooltipTag(editor2));
+    editor.addCustom("status-box", (editor2) => new StatusBoxEditor(editor2));
+  }
+  function getBoxProperties$2(editor, boxElement) {
+    var _a;
+    const boxData = editor.getBoxData(boxElement);
+    return {
+      abstract: (_a = boxData.title) != null ? _a : ""
+    };
+  }
+  function handleClickBox$2(editor, boxElement) {
+    editor.getCustom("status-box").editorStatus(boxElement);
+  }
+  function convertTo$e(editor, box) {
+    const { title } = box;
+    return title != null ? title : "";
+  }
+  async function toStandardText$1(editor, box) {
+    var _a;
+    const { title, color } = box;
+    const index2 = STATUS_COLORS.indexOf(color);
+    const bkgMap = [4, 6, 2, 0, 3, 5];
+    return [{
+      insert: title != null ? title : "",
+      attributes: { [`style-color-${(_a = bkgMap[index2]) != null ? _a : 4}`]: true }
+    }];
+  }
+  function matchText$1(editor, boxData, keyword) {
+    const data = boxData;
+    return data.title.toLowerCase().indexOf(keyword) >= 0;
+  }
+  const StatusBox = {
+    boxType: "status",
+    updateBoxContent: updateBoxContent$3,
+    getBoxProperties: getBoxProperties$2,
+    handleClickBox: handleClickBox$2,
+    convertTo: convertTo$e,
+    toStandardText: toStandardText$1,
+    matchText: matchText$1
+  };
   const logger$1z = getLogger("status-box-command");
   class StatusBoxCommand {
     static get commands() {
@@ -52952,7 +53028,8 @@ $$${mathData.mathjaxText}$$
           order: 400,
           group: "common",
           subText: getShortcutById("insert-link")
-        }
+        },
+        ...StatusBoxCommand.commands
       ];
     }
     async handleUpdateBlockCore(editor, options) {
@@ -75374,7 +75451,8 @@ ${data.flowchartText}
   const StandardBoxes = [
     MathjaxBox,
     MentionBox,
-    FileBox
+    FileBox,
+    StatusBox
   ];
   function createHistoryEditor(root2, doc2, options) {
     var _a, _b, _c, _d;
@@ -76994,7 +77072,8 @@ ${data.flowchartText}
       },
       serverUrl: options.serverUrl,
       reauthFunc,
-      disableLogout: options.disableLogout
+      disableLogout: options.disableLogout,
+      onMaxUsersError: options.onMaxUsersError
     };
     const doc2 = await ShareDBDoc.load(docOptions);
     const editor = createEditor(root2, doc2, {
@@ -77130,7 +77209,7 @@ ${data.flowchartText}
         }
       }
     });
-    editor.version = "1.1.18-beta.16";
+    editor.version = "1.1.18-beta.18";
     if (Logger$2.level === LogLevel.DEBUG) {
       window.setReauthFail = (fail) => {
         window.isReauthError = fail;
@@ -77160,7 +77239,7 @@ ${data.flowchartText}
         commandProviders: [new TableBlockCommandProvider()],
         decorators: [new CodeTextDecorator(), new RemoteCaretsDecorator()],
         embeds: [...StandardEmbeds, ...((_d = options.components) == null ? void 0 : _d.embeds) || []],
-        boxes: [MathjaxBox, MentionBox, FileBox, ...((_e = options.components) == null ? void 0 : _e.boxes) || []],
+        boxes: [MathjaxBox, MentionBox, FileBox, StatusBox, ...((_e = options.components) == null ? void 0 : _e.boxes) || []],
         insertions: [RemoteCaretsInsertion],
         blockHooks: [new BlockLockerHook(), ...((_f = options.components) == null ? void 0 : _f.blockHooks) || []],
         textRenders: [
@@ -77218,7 +77297,7 @@ ${data.flowchartText}
     });
     editor.addCustom(DOC_RE_AUTH_KEYS, (editor2) => new DocReAuthCallbacks(editor2));
     OnesEditorToolbar.register(editor);
-    editor.version = "1.1.18-beta.16";
+    editor.version = "1.1.18-beta.18";
     return editor;
   }
   async function showDocVersions(editor, options, serverUrl) {

package/dist/types.d.ts

@@ -62,6 +62,7 @@ export interface CreateOnesEditorOptions {
         applyContentPlaceholder?: (editor: OnesEditor) => boolean;
     };
     onReauth?: (userId: string, docId: string, permission: OnesEditorUserPermission) => Promise<string>;
+    onMaxUsersError?: () => void;
     user: {
         userId: string;
         displayName: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ones-editor/editor",
-  "version": "1.1.18-beta.16",
+  "version": "1.1.18-beta.18",
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",