@ones-editor/editor 3.0.3 → 3.0.4-beta.2

package/dist/index.d.ts

@@ -30,6 +30,7 @@ export * from '../@ones-editor/layout-block';
 export * from '../@ones-editor/markdown-to-doc';
 export * from '../@ones-editor/html-to-doc';
 export * from '../@ones-editor/main-toolbar';
+export * from '../@ones-editor/mention';
 export { Popup, ManualMenu, OnesEditorAutoSuggest, tippy, ManualToolbar, ManualCloseDialog, TextColorItem, shouldFocusToEditor, FixedToolbar, } from '../@ones-editor/ui-base';
 export * from '../@ones-editor/drawio-embed';
 export * from '../@ones-editor/block-resizer';
@@ -108,3 +109,4 @@ export interface ShowDocVersionsOptions2 {
     editorOptions?: CreateOnesEditorOptions;
 }
 export declare function showDocVersions2(parent: HTMLElement, options: ShowDocVersionsOptions2): Promise<OnesEditorVersionsDialog>;
+export declare function createSimpleInput(root: HTMLElement, docData: DocObject | OnesEditorDoc, options: CreateLocalEditorOptions): Promise<OnesEditor>;

package/dist/index.js

@@ -25193,20 +25193,20 @@ var __publicField = (obj, key, value) => {
   function textBlockToMarkdown(editor, blockData, doc2) {
     const richText2 = blockData.text || [];
     const text2 = textToMarkdownText(editor, richText2, doc2);
-    let markdown = text2;
+    let markdown2 = text2;
     if (blockData.heading) {
       const heading = blockData.heading;
       const prefix = "#".repeat(heading);
-      markdown = `${prefix} ${markdown}`;
+      markdown2 = `${prefix} ${markdown2}`;
     }
     if (blockData.quoted) {
-      markdown = `> ${markdown}`;
+      markdown2 = `> ${markdown2}`;
     }
     if (blockData.type === "text") {
-      markdown = `${markdown}
+      markdown2 = `${markdown2}
 `;
     }
-    return markdown;
+    return markdown2;
   }
   function styleColorToColor$1(color) {
     switch (color) {
@@ -26870,8 +26870,8 @@ var __publicField = (obj, key, value) => {
   function docToMarkdown(editor, doc2) {
     const lines = doc2.blocks.root.map((b, index2) => blockToMarkdown(editor, b, doc2, [{ containerId: "root", blockIndex: index2 }]));
     lines[lines.length - 1] = lines[lines.length - 1].trimEnd();
-    const markdown = lines.join("\n");
-    return markdown;
+    const markdown2 = lines.join("\n");
+    return markdown2;
   }
   const logger$3O = getLogger("get-text-position");
   function editorGetTextPosition(editor, insertPos) {
@@ -29868,13 +29868,13 @@ ${codeText}
     addMetaToDoc(editor, doc2);
     const htmlFragment = docToHtmlFragment(editor, doc2);
     injectDocToHtmlFragment(htmlFragment, doc2);
-    let markdown = "";
+    let markdown2 = "";
     if (isSelectedCodeTextBlock(editor)) {
       const selectBlock = editor.selection.range.getSelectedBlocks()[0];
       const container = getParentContainer(selectBlock.block);
       const codeBlock2 = getParentBlock(container);
       if (codeBlock2) {
-        markdown = getSelectedCodeBlockMarkdown(editor, docToText(editor, doc2));
+        markdown2 = getSelectedCodeBlockMarkdown(editor, docToText(editor, doc2));
       }
     } else {
       const lines = [];
@@ -29882,11 +29882,11 @@ ${codeText}
         lines.push(blockToMarkdown(editor, b, doc2, [{ containerId: "root", blockIndex: index2 }]));
       });
       lines[lines.length - 1] = lines[lines.length - 1].trimEnd();
-      markdown = lines.join("\n");
+      markdown2 = lines.join("\n");
     }
     setClipboardData([{
       type: "text/plain",
-      data: new Blob([markdown], { type: "text/plain" })
+      data: new Blob([markdown2], { type: "text/plain" })
     }]);
     return true;
   }
@@ -42628,6 +42628,9 @@ ${codeText}
   function initMenuItem$1(item, elem) {
     var _a, _b;
     addClass(elem, "menu-item");
+    if (item.className) {
+      addClass(elem, ...item.className.split(" "));
+    }
     if (item.element) {
       return;
     }
@@ -42703,6 +42706,9 @@ ${codeText}
     });
   }
   function initToolbarItem(item, elem, options) {
+    if (item.className) {
+      addClass(elem, ...item.className.split(" "));
+    }
     elem.setAttribute("data-button-id", item.id);
     if (options.tooltipId && item.name && !item.disableTooltip) {
       elem.setAttribute(`data-editor-tooltip-${options.tooltipId}`, item.name);
@@ -66958,9 +66964,11 @@ ${codeText}
     });
     return true;
   }
-  function matchBlockStyle(editor, containerId, blockIndex, offset) {
-    if (matchHeading(editor, containerId, blockIndex, offset)) {
-      return true;
+  function matchBlockStyle(editor, containerId, blockIndex, offset, options) {
+    if ((options == null ? void 0 : options.disableHeadingShortcuts) !== true) {
+      if (matchHeading(editor, containerId, blockIndex, offset)) {
+        return true;
+      }
     }
     if (matchBlockQuote(editor, containerId, blockIndex, offset)) {
       return true;
@@ -67065,12 +67073,15 @@ ${codeText}
     return false;
   }
   class MarkdownInputHandler {
+    constructor(options) {
+      this.options = options;
+    }
     handleAfterInsertText(editor, containerId, blockIndex, offset, text2) {
       if (text2 === " ") {
         if (converterIntercept(editor, containerId)) {
           return false;
         }
-        if (matchBlockStyle(editor, containerId, blockIndex, offset)) {
+        if (matchBlockStyle(editor, containerId, blockIndex, offset, this.options)) {
           return true;
         }
         if (matchTextStyle(editor, containerId, blockIndex, offset)) {
@@ -69548,8 +69559,8 @@ ${codeText}
       return images.map((image) => `<img data-embed-type="image" data-uuid="image:${image.src}" src="${editor.doc.buildResourceUrl(image.src, { withToken: true })}">`).join("");
     }
     if (type === "markdown") {
-      const markdown = images.map((image) => `![img](${editor.doc.buildResourceUrl(image.src, { withToken: true })})`).join("\n");
-      return `${markdown}
+      const markdown2 = images.map((image) => `![img](${editor.doc.buildResourceUrl(image.src, { withToken: true })})`).join("\n");
+      return `${markdown2}
 `;
     }
     return "";
@@ -74928,8 +74939,8 @@ ${codeText}
         }
         lines.push(rowText);
       }
-      const markdown = lines.join("\n");
-      return `${markdown}
+      const markdown2 = lines.join("\n");
+      return `${markdown2}
 `;
     }
     if (type === "html") {
@@ -75931,6 +75942,11 @@ ${codeText}
   }
   const logger$S = getLogger("custom-tag-to-text");
   function customTagToText(token, attributes, options) {
+    var _a;
+    const processed = (_a = options.customTagProcess) == null ? void 0 : _a.call(options, token, attributes);
+    if (processed) {
+      return processed;
+    }
     const content = token.content;
     try {
       const base64 = content;
@@ -76138,7 +76154,7 @@ ${codeText}
         return createTextWithReplaceSoftReturn(htmlDecode(token.text), attributes);
       }
       if (token.type === "custom-tag") {
-        return customTagToText(token, attributes);
+        return customTagToText(token, attributes, options);
       }
       if (token.type === "latex") {
         return [{
@@ -76575,9 +76591,9 @@ ${codeText}
     mangle: false
   });
   marked.marked.use(extendedCustomTag());
-  function markdownToDoc(markdown, options) {
+  function markdownToDoc(markdown2, options) {
     const lexer = new marked.marked.Lexer();
-    const tokens = lexer.lex(markdown);
+    const tokens = lexer.lex(markdown2);
     const doc2 = {
       blocks: {
         root: []
@@ -76592,7 +76608,8 @@ ${codeText}
       tokensToBlocks,
       tokensToTextWithChildren,
       htmlToDoc: options == null ? void 0 : options.htmlToDoc,
-      listLevel: 1
+      listLevel: 1,
+      customTagProcess: options == null ? void 0 : options.customTagProcess
     };
     const rootBlocks = tokensToBlocks(tokens, tokenToBlockOptions);
     if (rootBlocks.length === 0) {
@@ -76605,6 +76622,13 @@ ${codeText}
     doc2.blocks.root.push(...rootBlocks);
     return doc2;
   }
+  const markdown = `
+[[cursor]]
+`;
+  setTimeout(() => {
+    const doc2 = markdownToDoc(markdown);
+    console.log(doc2);
+  }, 100);
   function extend(destination) {
     for (let i = 1; i < arguments.length; i++) {
       const source = arguments[i];
@@ -78156,9 +78180,9 @@ ${docStr}
         htmlFragment = html.substring(start + "<!--StartFragment-->".length, end);
       }
     }
-    const markdown = turndownService.turndown(htmlFragment);
-    logger$P.debug(markdown);
-    return markdownToDoc(markdown, {
+    const markdown2 = turndownService.turndown(htmlFragment);
+    logger$P.debug(markdown2);
+    return markdownToDoc(markdown2, {
       htmlToDoc: (html2) => {
         const doc2 = htmlToDocByMarkdown(html2, options);
         return doc2;
@@ -95506,9 +95530,8 @@ ${JSON.stringify(error2, null, 2)}`);
       }
       const elem = node;
       const refId = elem.getAttribute("data-ref-id");
-      const refType = elem.getAttribute("data-ref-type");
       const uuid = elem.getAttribute("data-uuid");
-      return Boolean(refType === "task" && refId && uuid);
+      return Boolean(refId && uuid);
     },
     replacement: (content, node) => {
       const refType = node.getAttribute("data-ref-type");
@@ -96046,7 +96069,7 @@ ${JSON.stringify(error2, null, 2)}`);
         }
       }
     });
-    editor.version = "3.0.3";
+    editor.version = "3.0.4-beta.2";
     return editor;
   }
   function isDoc(doc2) {
@@ -96180,7 +96203,7 @@ ${JSON.stringify(error2, null, 2)}`);
     OnesEditorDropTarget.register(editor);
     OnesEditorTocProvider.register(editor);
     OnesEditorExclusiveBlock.register(editor);
-    editor.version = "3.0.3";
+    editor.version = "3.0.4-beta.2";
     return editor;
   }
   async function showDocVersions(editor, options, serverUrl) {
@@ -96247,6 +96270,77 @@ ${JSON.stringify(error2, null, 2)}`);
     dialog.show(dialogOptions);
     return dialog;
   }
+  async function createSimpleInput(root2, docData, options) {
+    var _a, _b, _c, _d, _e, _f, _g, _h;
+    assert(logger, root2, "app does not exists");
+    const doc2 = isDoc(docData) ? docData : new LocalDoc(docData, {
+      serverUrl: options.serverUrl || ""
+    });
+    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,
+      enableResolveComments: false,
+      enableComments: false,
+      dateTimeFormatter: options.dateTimeFormatter,
+      components: {
+        blocks: [ListBlock, ...(_c = (_b = options.components) == null ? void 0 : _b.blocks) != null ? _c : []],
+        commandProviders: [],
+        decorators: [],
+        embeds: [...((_d = options.components) == null ? void 0 : _d.embeds) || []],
+        boxes: [...((_e = options.components) == null ? void 0 : _e.boxes) || []],
+        insertions: [],
+        blockHooks: [...((_f = options.components) == null ? void 0 : _f.blockHooks) || []],
+        textRenders: [
+          ...((_g = options.components) == null ? void 0 : _g.textRenders) || []
+        ].filter(Boolean),
+        options: { ...options.componentsOptions }
+      },
+      shortcuts: [TextStyleShortcuts, DefaultShortcuts]
+    });
+    if (options.compact) {
+      addClass(editor.rootElement, "compact");
+      if (options.headingButton === false)
+        addClass(editor.rootElement, "no-heading-collapse");
+      if (options.blockMenuButton === false)
+        addClass(editor.rootElement, "no-block-menu");
+    }
+    editor.input.addHandler(new MarkdownInputHandler({
+      disableHeadingShortcuts: true
+    }));
+    editor.input.addHandler(new OnesEditorPasteHandler(editor));
+    editor.input.addHandler(new ListPasteHandler());
+    editor.doc.registerCallback(new HeadingBlockDocEvents(editor));
+    if (!clientType.isMobile) {
+      editor.addCustom("editor-tooltip", () => new OnesEditorTooltip(editor));
+    }
+    editor.addCustom("create-options", () => new OnesEditorCustomDataWrapper(editor, options));
+    if ((_h = options.componentsOptions) == null ? void 0 : _h.mention) {
+      const mentionOptions = options.componentsOptions.mention;
+      editor.addCustom("mention", () => new OnesEditorMention(editor, mentionOptions));
+    }
+    if (options.autoNewLine) {
+      editor.addCustom("auto-new-line", () => new AutoNewLine(editor));
+    }
+    editor.addListener("clickLink", (editor2, event, link2) => {
+      var _a2;
+      if ((_a2 = options == null ? void 0 : options.events) == null ? void 0 : _a2.onClickLink) {
+        options.events.onClickLink(editor2, event, link2);
+        return;
+      }
+      const href = link2.getAttribute("link") || link2.getAttribute("href");
+      if (href) {
+        if (editor2.readonly || event.ctrlKey || event.metaKey || !getParentBlock(link2)) {
+          window.open(href, "_blank");
+        }
+      }
+    });
+    editor.version = "3.0.4-beta.2";
+    return editor;
+  }
   const emojis$1 = {
     smileysAndPeople: [
       "\u{1F600}",
@@ -142150,6 +142244,7 @@ ${JSON.stringify(error2, null, 2)}`);
   exports2.MathMenuIcon = MathMenuIcon;
   exports2.MaxUserError = MaxUserError;
   exports2.Mention2Icon = Mention2Icon;
+  exports2.MentionBox = MentionBox;
   exports2.MentionIcon = MentionIcon;
   exports2.MergeCellIcon = MergeCellIcon;
   exports2.Mindmap = Mindmap;
@@ -142162,12 +142257,14 @@ ${JSON.stringify(error2, null, 2)}`);
   exports2.MoreItem = MoreItem;
   exports2.NextIcon = NextIcon;
   exports2.OnesEditorAutoSuggest = OnesEditorAutoSuggest;
+  exports2.OnesEditorBlockMention = OnesEditorBlockMention;
   exports2.OnesEditorComments = OnesEditorComments;
   exports2.OnesEditorCommentsRender = OnesEditorCommentsRender;
   exports2.OnesEditorCustomDataWrapper = OnesEditorCustomDataWrapper;
   exports2.OnesEditorExclusiveBlock = OnesEditorExclusiveBlock;
   exports2.OnesEditorHoveringBlock = OnesEditorHoveringBlock;
   exports2.OnesEditorIcons = index$f;
+  exports2.OnesEditorMention = OnesEditorMention;
   exports2.OnesEditorQuickMenu = OnesEditorQuickMenu;
   exports2.OnesEditorToc = OnesEditorToc;
   exports2.OnesEditorTocProvider = OnesEditorTocProvider;
@@ -142365,6 +142462,7 @@ ${JSON.stringify(error2, null, 2)}`);
   exports2.createSeparator = createSeparator;
   exports2.createSimpleBlockPosition = createSimpleBlockPosition;
   exports2.createSimpleDocPos = createSimpleDocPos;
+  exports2.createSimpleInput = createSimpleInput;
   exports2.createTextBlockData = createTextBlockData;
   exports2.createTextButton = createTextButton;
   exports2.createTextOp = createTextOp;

package/package.json

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