@ones-editor/editor 5.0.5-beta.ONES22302330.1 → 5.0.5-beta.ONES22302330.2

package/dist/index.js

@@ -11896,6 +11896,94 @@ var __publicField = (obj, key, value) => {
     const colorIndex = Math.abs(typeof content === "string" && content.trim() ? hashCode(content.trim()) : 0) % ColorNames.length;
     return ColorNames[colorIndex];
   }
+  const renderers = /* @__PURE__ */ new WeakMap();
+  const pendingEditors = /* @__PURE__ */ new WeakMap();
+  function renderDeferredBlock(block) {
+    var _a;
+    (_a = renderers.get(block)) == null ? void 0 : _a();
+  }
+  class DeferredContents {
+    constructor(editor) {
+      __publicField(this, "pending", /* @__PURE__ */ new Map());
+      __publicField(this, "owners", /* @__PURE__ */ new Map());
+      __publicField(this, "observer");
+      __publicField(this, "renderAll", () => {
+        this.pending.forEach((ids, block) => renderDeferredBlock(block));
+      });
+      __publicField(this, "handleReadonlyChanged", () => {
+        if (!this.editor.readonly)
+          this.renderAll();
+      });
+      __publicField(this, "handleKeyDown", (event) => {
+        if ((event.metaKey || event.ctrlKey) && event.key.toLowerCase() === "f")
+          this.renderAll();
+      });
+      var _a;
+      this.editor = editor;
+      this.observer = new IntersectionObserver((entries) => {
+        entries.forEach((entry) => {
+          if (entry.isIntersecting)
+            renderDeferredBlock(entry.target);
+        });
+      }, { root: (_a = editor.options.scrollContainer) != null ? _a : null, rootMargin: "1000px 0px" });
+      editor.on("readonlyChanged", this.handleReadonlyChanged);
+      window.addEventListener("beforeprint", this.renderAll);
+      window.addEventListener("keydown", this.handleKeyDown, true);
+    }
+    add(block, ids, render) {
+      this.pending.set(block, ids);
+      ids.forEach((id) => this.owners.set(id, block));
+      renderers.set(block, () => {
+        this.remove(block);
+        render();
+      });
+      block.setAttribute("data-deferred-content", "true");
+      this.observer.observe(block);
+    }
+    remove(block) {
+      var _a;
+      (_a = this.pending.get(block)) == null ? void 0 : _a.forEach((id) => this.owners.delete(id));
+      this.pending.delete(block);
+      renderers.delete(block);
+      block.removeAttribute("data-deferred-content");
+      this.observer.unobserve(block);
+    }
+    renderId(id) {
+      const block = this.owners.get(id);
+      if (block)
+        renderDeferredBlock(block);
+    }
+    destroy() {
+      this.observer.disconnect();
+      this.pending.forEach((ids, block) => renderers.delete(block));
+      this.owners.clear();
+      this.pending.clear();
+      this.editor.off("readonlyChanged", this.handleReadonlyChanged);
+      window.removeEventListener("beforeprint", this.renderAll);
+      window.removeEventListener("keydown", this.handleKeyDown, true);
+      pendingEditors.delete(this.editor);
+    }
+  }
+  function deferBlockContent(editor, block, ids, render) {
+    let pending = pendingEditors.get(editor);
+    if (!pending) {
+      pending = editor.addCustom("deferred-contents", () => new DeferredContents(editor));
+      pendingEditors.set(editor, pending);
+    }
+    pending.add(block, ids, render);
+  }
+  function renderDeferredContents(editor) {
+    var _a;
+    (_a = pendingEditors.get(editor)) == null ? void 0 : _a.renderAll();
+  }
+  function removeDeferredBlock(editor, block) {
+    var _a;
+    (_a = pendingEditors.get(editor)) == null ? void 0 : _a.remove(block);
+  }
+  function renderDeferredId(editor, id) {
+    var _a;
+    (_a = pendingEditors.get(editor)) == null ? void 0 : _a.renderId(id);
+  }
   const logger$4Q = getLogger("container");
   function isContainer(elem) {
     return elem.getAttribute("data-type") === "editor-container";
@@ -11931,7 +12019,11 @@ var __publicField = (obj, key, value) => {
     return container;
   }
   function getContainerById(editor, containerId) {
-    const container = editor.rootElement.querySelector(`[data-container-id=${containerId}]`);
+    let container = editor.rootElement.querySelector(`[data-container-id=${containerId}]`);
+    if (!container) {
+      renderDeferredId(editor, containerId);
+      container = editor.rootElement.querySelector(`[data-container-id=${containerId}]`);
+    }
     assert(logger$4P, container, `no container: ${containerId}`);
     return container;
   }
@@ -32547,7 +32639,11 @@ ${codeText}
       return this.selection.getFocusedBlock();
     }
     findBlockById(id) {
-      const block = this.rootContainer.querySelector(`#${id}`);
+      let block = this.rootContainer.querySelector(`#${id}`);
+      if (!block) {
+        renderDeferredId(this, id);
+        block = this.rootContainer.querySelector(`#${id}`);
+      }
       if (block) {
         assert(logger$3b, isBlock$1(block), "not an valid block element");
       }
@@ -45647,6 +45743,7 @@ ${codeText}
     return `${getBlockId(block)}_scroll`;
   }
   function getBlockTable(block) {
+    renderDeferredBlock(block);
     const table = block.querySelector("div[data-type=table-content] >table");
     assert(logger$2E, table instanceof HTMLTableElement, "invalid table");
     return table;
@@ -74983,6 +75080,7 @@ ${codeText}
     return table;
   }
   function createBlockContent$2(editor, path, container, blockElement, blockData) {
+    var _a, _b;
     assert(logger$_, blockData.type === "table", "not table data");
     assert(logger$_, getContainerId(container) === path[path.length - 1].containerId, "invalid path");
     const tableData = blockData;
@@ -74993,9 +75091,37 @@ ${codeText}
       if (isRootContainer(container)) {
         addClass(tableContent, "deferred-table-content");
       }
-      const table = createTable(editor, path, tableData);
-      table.classList.add("drag-preview-element");
-      tableContent.appendChild(table);
+      let placeholder2;
+      const renderTable = () => {
+        try {
+          const table = createTable(editor, path, tableData);
+          table.classList.add("drag-preview-element");
+          tableContent.appendChild(table);
+        } catch (err) {
+          const message = `invalid table data: ${JSON.stringify(tableData)}`;
+          logger$_.error(message);
+          createElement("div", ["error"], tableContent).innerText = message;
+        }
+        placeholder2 == null ? void 0 : placeholder2.remove();
+        tableContent.style.minHeight = "";
+      };
+      const defer = editor.readonly && isRootContainer(container) && path[0].blockIndex >= 10 && !tableData.chart && ((_a = tableData.colsWidth) == null ? void 0 : _a.length) === tableData.cols && tableData.colsWidth.every((width) => width > 0) && typeof IntersectionObserver !== "undefined" && editor.doc.getContainerBlocks("root").length >= 200 && tableData.children.every((id) => editor.doc.getContainerBlocks(id).every((block) => {
+        var _a2;
+        return block.type === "text" && !block.heading && !block.children && ((_a2 = block.text) == null ? void 0 : _a2.every((op) => {
+          var _a3, _b2;
+          return !((_a3 = op.attributes) == null ? void 0 : _a3.box) && !((_b2 = op.attributes) == null ? void 0 : _b2.insertion);
+        }));
+      }));
+      if (defer) {
+        tableContent.style.minHeight = "400px";
+        placeholder2 = createElement("table", [], tableContent);
+        placeholder2.style.minWidth = `${((_b = tableData.colsWidth) != null ? _b : []).reduce((sum, width) => sum + width, 0)}px`;
+        placeholder2.setAttribute("aria-hidden", "true");
+        const ids = tableData.children.flatMap((id) => [id, ...editor.doc.getContainerBlocks(id).map((block) => block.id)]);
+        deferBlockContent(editor, blockElement, ids, renderTable);
+      } else {
+        renderTable();
+      }
       const options = editor.getComponentOptions("table");
       if (!clientType.isMobile) {
         handleTableResizeMouseEvent(editor);
@@ -75856,6 +75982,7 @@ ${codeText}
     return new DOMRect(clientRect.left, clientRect.top + offset, clientRect.width, Math.max(clientRect.height - offset * 2, 0));
   }
   function handleDeleteBlock$4(editor, block) {
+    removeDeferredBlock(editor, block);
     untrackChildBlockEvent(editor, handleChartDebounceUpdate);
     const scrollContent = editor.findCustom(getTableScrollKey(block));
     if (scrollContent) {
@@ -80270,6 +80397,7 @@ ${docStr}
     if (!find) {
       return;
     }
+    renderDeferredContents(editor);
     const blocks = getAllChildBlocks(editor, {
       simpleBlockOnly: true,
       visibleOnly: true
@@ -97738,7 +97866,7 @@ ${JSON.stringify(error2, null, 2)}`);
         }
       }
     });
-    editor.version = "5.0.5-beta.ONES22302330.1";
+    editor.version = "5.0.5-beta.ONES22302330.2";
     return editor;
   }
   function isDoc(doc2) {
@@ -97874,7 +98002,7 @@ ${JSON.stringify(error2, null, 2)}`);
       OnesEditorDropTarget.register(editor);
       OnesEditorTocProvider.register(editor);
       OnesEditorExclusiveBlock.register(editor);
-      editor.version = "5.0.5-beta.ONES22302330.1";
+      editor.version = "5.0.5-beta.ONES22302330.2";
       return editor;
     } catch (error2) {
       try {
@@ -98017,7 +98145,7 @@ ${JSON.stringify(error2, null, 2)}`);
         }
       }
     });
-    editor.version = "5.0.5-beta.ONES22302330.1";
+    editor.version = "5.0.5-beta.ONES22302330.2";
     return editor;
   }
   const emojis$1 = {
@@ -144150,6 +144278,7 @@ ${JSON.stringify(error2, null, 2)}`);
   exports2.createTextWithReplaceSoftReturn = createTextWithReplaceSoftReturn;
   exports2.dataURLToBlob = dataURLToBlob;
   exports2.daysAfter = daysAfter;
+  exports2.deferBlockContent = deferBlockContent;
   exports2.deleteColor = deleteColor;
   exports2.deleteText = deleteText;
   exports2.diffDays = diffDays;
@@ -144515,9 +144644,13 @@ ${JSON.stringify(error2, null, 2)}`);
   exports2.registerDragDrop = registerDragDrop;
   exports2.removeAttribute = removeAttribute;
   exports2.removeClass = removeClass;
+  exports2.removeDeferredBlock = removeDeferredBlock;
   exports2.removeLastBr = removeLastBr;
   exports2.removePlaceholderFromBlock = removePlaceholderFromBlock;
   exports2.removeStyle = removeStyle;
+  exports2.renderDeferredBlock = renderDeferredBlock;
+  exports2.renderDeferredContents = renderDeferredContents;
+  exports2.renderDeferredId = renderDeferredId;
   exports2.repairDuplicatedBlockIds = repairDuplicatedBlockIds;
   exports2.replaceAll = replaceAll$1;
   exports2.replaceAllCaseInsensitive = replaceAllCaseInsensitive;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ones-editor/editor",
-  "version": "5.0.5-beta.ONES22302330.1",
+  "version": "5.0.5-beta.ONES22302330.2",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "dependencies": {