@ones-editor/editor 0.0.8 → 0.0.9-beta.10

package/@ones-editor/ui-base/src/color-button/text-color-item.d.ts

@@ -11,10 +11,11 @@ export declare class TextColorItem extends TypedEmitter<ColorPaletteEvents> impl
     children: CommandItem[];
     element: HTMLButtonElement;
     colorPaletteItem: ColorPaletteItem;
-    private latestColors;
+    latestColors: [number | null, number | null];
     constructor(editor: OnesEditor);
     destroy(): void;
     handlePaletteClick: (type: 'color' | 'backgroundColor' | 'clearColor', value: number) => void;
+    setLatestColors: (type: 'color' | 'backgroundColor' | 'clearColor', value: number) => void;
     beforePopup: () => void;
     updatePaletteColor(colors: [number | null, number | null]): void;
     updateButtonColor(colors: [number | null, number | null]): void;

package/dist/index.d.ts

@@ -15,7 +15,7 @@ export * from '../@ones-editor/misc';
 export * from '../@ones-editor/versions';
 export * from '../@ones-editor/misc';
 export * from '../@ones-editor/block-locker';
-export { Popup, ManualMenu, OnesEditorAutoSuggest, tippy, ManualToolbar, ManualCloseDialog } from '../@ones-editor/ui-base';
+export { Popup, ManualMenu, OnesEditorAutoSuggest, tippy, ManualToolbar, ManualCloseDialog, TextColorItem } from '../@ones-editor/ui-base';
 export * from '../@ones-editor/drawio-embed';
 export * from '../@ones-editor/block-resizer';
 export { editorAddComment } from '../@ones-editor/comments';

package/dist/index.js

@@ -2126,8 +2126,8 @@ div.editor-root:not(.readonly) div.editor-content div[data-type=editor-container
 div.editor-root div.editor-content div[data-type=editor-container] div[data-type=editor-block] div[data-type=block-content] > span.math-box .mathjax-tex-text.mathjax-error {
   color: var(--color-0);
 }
-div.editor-root div.editor-content div[data-type=editor-container] div[data-type=editor-block] div[data-type=block-content] img.mathjax {
-  max-width: 100%;
+div.editor-root div.editor-content div[data-type=editor-container] .embed-block.selected[data-embed-type=math] > div[data-type=block-content].mathjax-overflow::before {
+  width: var(--mathjax-width, "100%");
 }
 div.editor-root div.editor-content div[data-type=editor-container] .embed-block[data-embed-type=math] > div[data-type=block-content] {
   align-items: center;
@@ -3367,7 +3367,7 @@ div.editor-root.readonly div.editor-content div[data-type=editor-block] > [data-
   position: absolute;
   background-color: var(--primary-color);
   pointer-events: none;
-  transition: top 0.2s linear, left 0.2s linear, width 0.2s linear;
+  transition: top 0.2s linear, left 0.2s linear;
 }
 .editor-root .editor-content div[data-type=editor-block].text-block.highlighted {
   outline: 2px solid var(--background-selection);
@@ -10288,24 +10288,6 @@ var __publicField = (obj, key, value) => {
     return createEditorSelectionRange(editor, { anchor: anchor2, focus });
   }
   const logger$3H = getLogger("range-from-point");
-  function getRangeFromExternal(editor, x, y) {
-    const container = editor.rootContainer;
-    const rect = container.getBoundingClientRect();
-    if (x < rect.left || x > rect.right) {
-      const elem = document.elementsFromPoint((rect.left + rect.right) / 2, y)[0];
-      if (elem) {
-        let block = getParentBlock(elem);
-        while (block && !isRootContainer(getParentContainer(block))) {
-          block = getParentBlockExcludeSelf(block);
-        }
-        if (block) {
-          const range = createBlockSimpleRange(editor, block, rect.left > x ? 0 : getBlockTextLength$4(editor, block));
-          return range;
-        }
-      }
-    }
-    return null;
-  }
   function getBlockRangeFromPoint(editor, pointX, pointY) {
     const yOffsets = [0, -8, 8];
     let x = pointX;
@@ -10334,10 +10316,7 @@ var __publicField = (obj, key, value) => {
         }
       }
       if (i === 0 && !editor.rootContainer.contains(elem)) {
-        const externalRange = getRangeFromExternal(editor, x, y);
-        if (externalRange) {
-          return externalRange;
-        }
+        x = editor.rootContainer.getBoundingClientRect().left;
       }
       if (!editor.rootContainer.contains(elem)) {
         continue;
@@ -21513,6 +21492,62 @@ var __publicField = (obj, key, value) => {
     }
     return markdown;
   }
+  function styleColorToColor$1(color) {
+    switch (color) {
+      case "style-color-0":
+        return "#e52727";
+      case "style-color-1":
+        return "#eb6414";
+      case "style-color-2":
+        return "#f0a100";
+      case "style-color-3":
+        return "#24b47e";
+      case "style-color-4":
+        return "#0064ff";
+      case "style-color-5":
+        return "#9678d3";
+      case "style-color-6":
+        return "#909090";
+      default:
+        return void 0;
+    }
+  }
+  function styleBackgroundColorToHighlight$1(color) {
+    switch (color) {
+      case "style-bg-color-0":
+        return "#fad4d4";
+      case "style-bg-color-1":
+        return "#fbe0d0";
+      case "style-bg-color-2":
+        return "#fceccc";
+      case "style-bg-color-3":
+        return "#d3f0e5";
+      case "style-bg-color-4":
+        return "#d6e9fa";
+      case "style-bg-color-5":
+        return "#eae4f6";
+      case "style-bg-color-6":
+        return "#dedede";
+      case "style-bg-color-7":
+        return "#e52727";
+      case "style-bg-color-8":
+        return "#eb6414";
+      case "style-bg-color-9":
+        return "#f0a100";
+      case "style-bg-color-10":
+        return "#24b47e";
+      case "style-bg-color-11":
+        return "#0064ff";
+      case "style-bg-color-12":
+        return "#9678d3";
+      case "style-bg-color-13":
+        return "#909090";
+      case "style-bg-color-14":
+        return "#e8e8e8";
+      default:
+        return void 0;
+    }
+  }
   const logger$3h = getLogger("block-to-text");
   function textBlockToHtml(editor, ops, doc2) {
     let html = "";
@@ -21534,27 +21569,48 @@ var __publicField = (obj, key, value) => {
       const attributes = op.attributes;
       if (attributes) {
         let string = op.insert;
-        if (attributes.link) {
-          string = `<a href="${attributes.link}">${string}</a>`;
-        }
         const tags = [];
-        if (attributes.bold) {
+        let styles = "";
+        if (attributes["style-bold"]) {
           tags.push("strong");
         }
-        if (attributes.italic) {
+        if (attributes["style-italic"]) {
           tags.push("em");
         }
-        if (attributes.underline) {
+        if (attributes["style-underline"]) {
           tags.push("u");
         }
-        if (attributes.strike) {
+        if (attributes["style-strikethrough"]) {
           tags.push("s");
         }
-        if (attributes.code) {
+        if (attributes["style-code"]) {
           tags.push("code");
         }
-        const prefix = tags.map((s) => `<${s}>`).join("");
-        const suffix = tags.reverse().map((s) => `</${s}>`).join("");
+        const fontBgColor = Object.keys(attributes).find((k) => k.startsWith("style-bg-color-"));
+        if (fontBgColor) {
+          styles += `background-color: ${styleBackgroundColorToHighlight$1(fontBgColor)};`;
+        }
+        const fontColor = Object.keys(attributes).find((k) => k.startsWith("style-color-"));
+        if (fontColor) {
+          styles += `color: ${styleColorToColor$1(fontColor)};`;
+        }
+        if (attributes.link) {
+          string = `<a href="${attributes.link}">${string}</a>`;
+        }
+        let prefix = tags.map((s) => `<${s}>`).join("");
+        let suffix = tags.reverse().map((s) => `</${s}>`).join("");
+        if (styles) {
+          if (attributes.link) {
+            string = `<a href="${attributes.link}" style="${styles}">${op.insert}</a>`;
+          } else {
+            if (prefix) {
+              prefix = prefix.replace(">", ` style="${styles}">`);
+            } else {
+              prefix = `<span style="${styles}">`;
+              suffix = "</span>";
+            }
+          }
+        }
         html += prefix + string + suffix;
         return;
       }
@@ -23373,6 +23429,9 @@ var __publicField = (obj, key, value) => {
             const currentBlock = editor.getBlockByIndex(containerId, blockIndex2);
             if (currentBlock && isTextKindBlock(editor, currentBlock) && isEmptyTextBlock(editor, currentBlock) && blocks[i].type === "text") {
               editor.insertTextToBlock(block, 0, (_a = blocks[i].text) != null ? _a : []);
+              if (Object.prototype.hasOwnProperty.call(blocks[i], "heading")) {
+                editor.updateBlockData(currentBlock, blocks[i]);
+              }
               continue;
             }
             if (isTitleBlock$2(currentBlock)) {
@@ -37062,6 +37121,8 @@ var __publicField = (obj, key, value) => {
       __publicField(this, "latestColors", [null, null]);
       __publicField(this, "handlePaletteClick", (type, value) => {
         this.emit("onClick", type, value);
+      });
+      __publicField(this, "setLatestColors", (type, value) => {
         if (type === "color" || type === "backgroundColor") {
           if (type === "color") {
             this.latestColors[0] = value;
@@ -42236,7 +42297,7 @@ var __publicField = (obj, key, value) => {
   }
   function getListMarker(listData) {
     var _a, _b;
-    if (listData.checkbox || listData.textOnly) {
+    if (listData.checkbox) {
       return "";
     }
     const level = (_a = listData.level) != null ? _a : 1;
@@ -42266,7 +42327,7 @@ var __publicField = (obj, key, value) => {
         return true;
       }
     }
-    if (list2.level > prev.level) {
+    if ((list2.level || 1) > (prev.level || 1)) {
       return true;
     }
     return false;
@@ -42288,7 +42349,7 @@ var __publicField = (obj, key, value) => {
         return true;
       }
     }
-    if (list2.level > next.level) {
+    if ((list2.level || 1) > (next.level || 1)) {
       return true;
     }
     return false;
@@ -42362,7 +42423,7 @@ var __publicField = (obj, key, value) => {
   }
   function updateMarker(marker, listData) {
     const type = getListType(listData);
-    if (type === "text-only") {
+    if (type === "text-only" && !listData.level) {
       return;
     }
     if (type === "checked") {
@@ -42485,7 +42546,7 @@ var __publicField = (obj, key, value) => {
       editor.updateBlockData(c.block, {
         ...oldData,
         groupId,
-        level: oldData.level - 1
+        level: (oldData.level || 1) - 1
       });
       if (c.children.length) {
         changeChildrenGroupId(editor, c.children, oldData.groupId);
@@ -42687,7 +42748,7 @@ var __publicField = (obj, key, value) => {
       const oldData2 = editor.getBlockData(b);
       editor.updateBlockData(b, {
         ...oldData2,
-        level: oldData2.level + 1
+        level: (oldData2.level || 1) + 1
       });
     });
     editor.doc.endBatchUpdate();
@@ -43137,7 +43198,7 @@ var __publicField = (obj, key, value) => {
     const listData = blockData;
     const { level, start, groupId } = listData;
     const type = getListType(listData);
-    blockElement.setAttribute("data-list-level", `${level}`);
+    blockElement.setAttribute("data-list-level", `${level || 1}`);
     blockElement.setAttribute("data-list-start", `${start || 1}`);
     blockElement.setAttribute("data-list-group-id", `${groupId}`);
     blockElement.setAttribute("data-list-type", type);
@@ -44104,6 +44165,8 @@ var __publicField = (obj, key, value) => {
   }
   const logger$1x = getLogger("mathjax-converter");
   const MATHJAX_SCRIPT_ID = "MathJax-script";
+  const MATHJAX_BUFFER = 30;
+  const REDUCED_UNIT = 8;
   async function initMathjax(editor) {
     var _a;
     if (!window.MathJax) {
@@ -44155,6 +44218,23 @@ var __publicField = (obj, key, value) => {
       lockers.release(lockId);
     }
   }
+  function analyzeMathjaxSvgWidth(svg) {
+    const dom = new DOMParser().parseFromString(svg, "image/svg+xml");
+    const expect = {
+      width: 0,
+      height: 0
+    };
+    if (dom && dom.firstChild) {
+      const svgElement = dom.firstChild;
+      const height = svgElement.getAttribute("height");
+      const width = svgElement.style.minWidth;
+      if (height) {
+        expect.width = parseInt(width, 10) * REDUCED_UNIT + MATHJAX_BUFFER;
+        expect.height = parseInt(height, 10) * REDUCED_UNIT;
+      }
+    }
+    return expect;
+  }
   async function mathjax2DataUrl(editor, tex) {
     const svg = await mathjax2Svg(editor, tex);
     if (!svg)
@@ -44169,6 +44249,17 @@ var __publicField = (obj, key, value) => {
     const path = await editor.doc.uploadResource(file2);
     return path.resourceId;
   }
+  async function convertAndUploadMathjaxForEmbed(editor, tex) {
+    const svg = await mathjax2Svg(editor, tex);
+    const perfectState = analyzeMathjaxSvgWidth(svg);
+    const data = svg;
+    const file2 = new File([data], "math.svg");
+    const path = await editor.doc.uploadResource(file2);
+    return {
+      resourceId: path.resourceId,
+      ...perfectState
+    };
+  }
   const logger$1w = getLogger("edit-mathjax");
   class MathjaxEditor {
     constructor() {
@@ -44201,15 +44292,17 @@ var __publicField = (obj, key, value) => {
         (_a = this.onChange) == null ? void 0 : _a.call(this, text2, false);
       }, 300));
     }
-    editMathjax(elem, tex, onChange) {
+    editMathjax(elem, tex, onChange, options) {
       if (!this.editMathjaxPopup) {
-        this.editMathjaxPopup = new Popup(this.createPopupContent(tex));
+        this.editMathjaxPopup = new Popup(this.createPopupContent(tex), {
+          id: "mathjax-popover"
+        });
       } else {
         const textarea2 = this.getTextarea();
         textarea2.value = tex;
       }
       this.tex = tex;
-      this.editMathjaxPopup.manualShow(elem, { theme: "light" });
+      this.editMathjaxPopup.manualShow(elem, { theme: "light", placement: options == null ? void 0 : options.placement });
       this.editMathjaxPopup.removeAllListeners("close");
       this.editMathjaxPopup.addListener("close", this.handleClose);
       this.onChange = onChange;
@@ -44250,9 +44343,9 @@ var __publicField = (obj, key, value) => {
       (_b = this.editMathjaxPopup) == null ? void 0 : _b.removeAllListeners();
     }
   }
-  function editMathjax(editor, elem, tex, onChange) {
+  function editMathjax(editor, elem, tex, onChange, options) {
     const mathjaxEditor = editor.addCustom("mathjax-editor", () => new MathjaxEditor());
-    mathjaxEditor.editMathjax(elem, tex.trim(), onChange);
+    mathjaxEditor.editMathjax(elem, tex.trim(), onChange, options);
   }
   function createEmptyMathjaxBox() {
     const id = genId();
@@ -44465,25 +44558,45 @@ var __publicField = (obj, key, value) => {
     const data = editor.getBlockData(block);
     const embedData = data.embedData;
     editMathjax(editor, elem, embedData.mathjaxText, async (tex) => {
-      const src = await convertAndUploadMathjax(editor, tex);
+      const { resourceId: src, width, height } = await convertAndUploadMathjaxForEmbed(editor, tex);
       const newData = {
         mathjaxText: tex,
-        src
+        src,
+        width,
+        height
       };
       editor.updateEmbedData(block, newData);
+    }, {
+      placement: "bottom"
     });
   }
   function createEmbedContent$9(editor, content, block) {
     const mathData = block.embedData;
+    const { src, width } = mathData;
     const state = editor.addCustom(`mathjax-block-${block.id}`, () => new MathjaxStateData());
     editor.domEvents.addEventListener(content, "click", handleClickContent);
     if (!mathData.mathjaxText.trim()) {
       createElement("span", ["mathjax-tex-text"], content, i18n$1.t("mathjax.emptyText"));
       return;
     }
-    if (mathData.src || state.dataUrl) {
+    if (src || state.dataUrl) {
       const img = createElement("img", ["mathjax"], content);
-      img.src = editor.doc.buildResourceUrl(mathData.src || state.dataUrl);
+      img.src = editor.doc.buildResourceUrl(src || state.dataUrl);
+      if (width) {
+        img.style.minWidth = `${width}px`;
+        setTimeout(() => {
+          const contentWidth = content.getBoundingClientRect().width;
+          if (width > contentWidth) {
+            addClass(content, "mathjax-overflow");
+            content.style.overflow = "auto";
+            content.style.setProperty("--mathjax-width", `${width}px`);
+          } else {
+            removeClass(content, "mathjax-overflow");
+            content.removeAttribute("data-mathjax-width");
+            content.style.removeProperty("--mathjax-width");
+          }
+        });
+      }
       return;
     }
     if (state.error)
@@ -49309,7 +49422,7 @@ ${codeText}
   i18n$1.mergeLang(langs$1);
   function isEmptyTextBlockWithoutCompositionText(editor, block) {
     const titleBlockData = editorGetBlockData(editor, block);
-    if (titleBlockData.text && getTextLength(titleBlockData.text) === 0) {
+    if (isTextKindBlock(editor, block) && titleBlockData.text && getTextLength(titleBlockData.text) === 0) {
       if (!block.querySelector(".inputting-insertion")) {
         return true;
       }
@@ -49749,12 +49862,15 @@ ${codeText}
     }
     const widthPercent = getWidthPercent(imageData);
     if (!widthPercent) {
-      if (images.length === 1) {
-        const image = images[0];
-        const imageHeight = image.height;
-        return imageHeight === "auto" ? "auto" : `${imageHeight}px`;
+      if (images.length !== 1) {
+        return "";
       }
-      return "";
+      if (isValidSize(images[0].width)) {
+        return "";
+      }
+      const image = images[0];
+      const imageHeight = image.height;
+      return imageHeight === "auto" ? "auto" : `${imageHeight}px`;
     }
     let totalWidth = parentContainer.getBoundingClientRect().width * (widthPercent / 100);
     totalWidth -= Number.parseFloat(window.getComputedStyle(parentContainer).paddingLeft) + Number.parseFloat(window.getComputedStyle(parentContainer).paddingRight);
@@ -55636,8 +55752,9 @@ ${codeText}
         if (html.indexOf("<ones-editor-doc") > 0) {
           return false;
         }
+        const text2 = data.getData("text/plain");
         const images = getImages(files);
-        if (images.length > 0) {
+        if (images.length > 0 && !text2) {
           if (!docs["text/office-html"]) {
             await this.handleInsertImages(editor, images);
             return true;
@@ -59342,6 +59459,7 @@ ${codeText}
           const ClearColor = ["clearAll", "clearColor", "clearBackground"];
           editorRangeClearColor(this.editor, ClearColor[value], this.setEmptyTextBlockColor);
         }
+        this.colorItem.setLatestColors(type, value);
       });
       __publicField(this, "getEmptyTextBlockColor", (editor, blockId) => {
         const attributes = this.getEmptyBlockTextAttributes(editor, blockId);
@@ -59772,7 +59890,11 @@ ${codeText}
         }
         return this._commands;
       }
-      return this._commands.filter((command) => command.id !== "to-link" && command.id !== "to-card");
+      const ret = this._commands.filter((command) => command.id !== "to-link" && command.id !== "to-card");
+      if (ret[ret.length - 1].id === "sep") {
+        ret.pop();
+      }
+      return ret;
     }
     executeCommand(editor, block, box, item) {
       if (item.id === "to-card") {
@@ -62836,7 +62958,7 @@ ${codeText}
         return false;
       }
       const listBlockType = getListBlockType(block);
-      if (listBlockType === "ordered" || listBlockType === "unordered") {
+      if (listBlockType === "ordered" || listBlockType === "unordered" || listBlockType === "text-only") {
         return false;
       }
       return true;
@@ -71440,12 +71562,13 @@ ${data.flowchartText}
     FileBox
   ];
   function createHistoryEditor(root2, doc2, options) {
-    var _a, _b, _c;
+    var _a, _b, _c, _d;
+    Logger$2.level = (_a = options.logLevel) != null ? _a : LogLevel.DEBUG;
     const editor = createEditor(root2, doc2, {
       components: {
-        blocks: [...StandardBlocks, ...((_a = options == null ? void 0 : options.components) == null ? void 0 : _a.blocks) || []],
-        embeds: [...StandardEmbeds, ...((_b = options.components) == null ? void 0 : _b.embeds) || []],
-        boxes: [...StandardBoxes, ...((_c = options.components) == null ? void 0 : _c.boxes) || []],
+        blocks: [...StandardBlocks, ...((_b = options == null ? void 0 : options.components) == null ? void 0 : _b.blocks) || []],
+        embeds: [...StandardEmbeds, ...((_c = options.components) == null ? void 0 : _c.embeds) || []],
+        boxes: [...StandardBoxes, ...((_d = options.components) == null ? void 0 : _d.boxes) || []],
         textRenders: [new BlockPaddingRender()],
         options: { ...options.componentsOptions }
       }
@@ -73141,7 +73264,7 @@ ${data.flowchartText}
     return doc2.toJSON !== void 0;
   }
   async function createLocalEditor(root2, docData, options) {
-    var _a, _b, _c, _d, _e;
+    var _a, _b, _c, _d, _e, _f;
     assert(logger, root2, "app does not exists");
     const doc2 = isDoc(docData) ? docData : new LocalDoc(docData, {
       serverUrl: options.serverUrl || ""
@@ -73149,6 +73272,7 @@ ${data.flowchartText}
     if (options.lang) {
       i18n$1.setLang(options.lang);
     }
+    Logger$2.level = (_a = options.logLevel) != null ? _a : LogLevel.DEBUG;
     const editor = createEditor(root2, doc2, {
       id: options.id,
       scrollContainer: options == null ? void 0 : options.scrollContainer,
@@ -73156,11 +73280,11 @@ ${data.flowchartText}
         blocks: [TableBlock, CodeBlock, CodeLineBlock, ListBlock],
         commandProviders: [new TableBlockCommandProvider()],
         decorators: [new CodeTextDecorator(), new RemoteCaretsDecorator()],
-        embeds: [...StandardEmbeds, ...((_a = options.components) == null ? void 0 : _a.embeds) || []],
-        boxes: [MathjaxBox, MentionBox, FileBox, ...((_b = options.components) == null ? void 0 : _b.boxes) || []],
+        embeds: [...StandardEmbeds, ...((_b = options.components) == null ? void 0 : _b.embeds) || []],
+        boxes: [MathjaxBox, MentionBox, FileBox, ...((_c = options.components) == null ? void 0 : _c.boxes) || []],
         insertions: [RemoteCaretsInsertion],
-        blockHooks: [new BlockLockerHook(), ...((_c = options.components) == null ? void 0 : _c.blockHooks) || []],
-        textRenders: [new OnesEditorCommentsRender(), new BlockPaddingRender(), ...((_d = options.components) == null ? void 0 : _d.textRenders) || []],
+        blockHooks: [new BlockLockerHook(), ...((_d = options.components) == null ? void 0 : _d.blockHooks) || []],
+        textRenders: [new OnesEditorCommentsRender(), new BlockPaddingRender(), ...((_e = options.components) == null ? void 0 : _e.textRenders) || []],
         options: { ...options.componentsOptions }
       },
       shortcuts: [TableShortcuts, FindReplaceShortcuts, TextStyleShortcuts, DefaultShortcuts]
@@ -73175,7 +73299,7 @@ ${data.flowchartText}
       readonlyTitlePlaceholder: i18n$1.t("placeholder.local.readonlyTitle"),
       addPlaceholderToAllCurrentEmptyBlock: true
     }));
-    editor.input.addHandler(new OnesEditorQuickMenu(editor, (_e = options.componentsOptions) == null ? void 0 : _e.quickMenu));
+    editor.input.addHandler(new OnesEditorQuickMenu(editor, (_f = options.componentsOptions) == null ? void 0 : _f.quickMenu));
     editor.input.addHandler(new PasteSpecialHandler(editor));
     editor.input.addHandler(new OnesEditorPasteHandler(editor));
     editor.input.addHandler(new BlockLockerPasteHandler());
@@ -73301,6 +73425,7 @@ ${data.flowchartText}
   exports2.TableShortcuts = TableShortcuts;
   exports2.TextBlock = TextBlock;
   exports2.TextBox = TextBox;
+  exports2.TextColorItem = TextColorItem;
   exports2.TextStyleShortcuts = TextStyleShortcuts;
   exports2.TocEmbed = TocEmbed;
   exports2.ZERO_WIDTH_SPACE_CHAR = ZERO_WIDTH_SPACE_CHAR;

package/dist/types.d.ts

@@ -74,6 +74,7 @@ export interface CreateOnesEditorOptions {
 export interface CreateLocalEditorOptions {
     id?: string;
     lang?: i18n.LANGS;
+    logLevel?: LogLevel;
     scrollContainer?: HTMLElement;
     components?: {
         embeds?: Embed[];

package/package.json

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