@ones-editor/editor 2.9.8-beta.7 → 2.9.8-beta.8

package/dist/index.d.ts

@@ -46,6 +46,7 @@ export { ShareDBDocVersionsProvider, OnesEditorIcons, isLayoutBlock, LayoutQuick
 export type { FileBoxData, FileEmbedData } from '../@ones-editor/file';
 export * from './helper';
 export { OnesEditorComments, OnesEditorCommentsRender } from '../@ones-editor/comments';
+export * from '../@ones-editor/cke-html';
 export { type DocListBlock } from '../@ones-editor/list-block';
 export declare function getDefaultOnesEditorOptions(options: CreateOnesEditorOptions): {
     id: string | undefined;

package/dist/index.js

@@ -24898,18 +24898,11 @@ var __publicField = (obj, key, value) => {
     };
   }
   function isEmptyDoc(doc2) {
-    const root2 = doc2.blocks.root;
-    if (root2.length !== 1) {
-      return false;
-    }
-    const block = root2[0];
-    if (!block.text) {
-      return false;
-    }
-    if (getTextLength(block.text)) {
-      return false;
-    }
-    return true;
+    const blocks = doc2.blocks.root;
+    const ret = blocks.every((block) => {
+      return block.type === "text" && getTextLength(block.text || []) === 0;
+    });
+    return ret;
   }
   function createContainer$1(doc2, docsOrDocObject) {
     const containerId = genId();
@@ -94761,6 +94754,294 @@ ${JSON.stringify(error2, null, 2)}`);
       }
     });
   }
+  const CkeImageConverter = {
+    filter: (node) => {
+      if (node.nodeName !== "IMG") {
+        return false;
+      }
+      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);
+    },
+    replacement: (content, node) => {
+      const refType = node.getAttribute("data-ref-type");
+      const refId = node.getAttribute("data-ref-id");
+      const uuid = node.getAttribute("data-uuid");
+      const src = `ones-file:${refType}/${refId}/${uuid}`;
+      return `![${refType}](${src})`;
+    }
+  };
+  const ckeHtmlConverters = /* @__PURE__ */ new Map();
+  function registerCKEHtmlConvert(name, converter) {
+    if (ckeHtmlConverters.has(name)) {
+      return;
+    }
+    ckeHtmlConverters.set(name, converter);
+    turndownService.use((ts) => {
+      ts.addRule(name, converter);
+    });
+  }
+  function getTurndownRootElement(node) {
+    let parent = node;
+    while (parent) {
+      if (parent instanceof HTMLElement && parent.tagName === "BODY") {
+        return parent;
+      }
+      if (!parent.parentNode) {
+        return parent;
+      }
+      parent = parent.parentNode;
+    }
+    return node;
+  }
+  function patchForEmptyBlock(key, node, className) {
+    const root2 = getTurndownRootElement(node);
+    if (root2 && root2 instanceof HTMLElement) {
+      const attributeKey = `data-${key}-processed`;
+      if (!root2.getAttribute(attributeKey)) {
+        root2.setAttribute(attributeKey, "true");
+        const elements = root2.querySelectorAll(className);
+        elements.forEach((elem) => {
+          var _a;
+          const text2 = (_a = elem.textContent) == null ? void 0 : _a.trim();
+          if (!text2) {
+            elem.innerText = "--temp-data--";
+          }
+        });
+      }
+    }
+  }
+  const CkeCommentConverter = {
+    filter: (node) => {
+      if (node.nodeName === "SPAN") {
+        const span = node;
+        const ref = span.getAttribute("data-annotate-ref");
+        return Boolean(ref);
+      }
+      return false;
+    },
+    replacement: (content, node) => {
+      var _a;
+      const span = node;
+      const ref = span.getAttribute("data-annotate-ref");
+      const text2 = (_a = span.textContent) != null ? _a : "";
+      return `[${text2}](comment://${ref})`;
+    }
+  };
+  function processCkeCommentsLink(doc2) {
+    const containers = doc2.blocks;
+    Object.values(containers).forEach((blocks) => {
+      blocks.forEach((block) => {
+        const text2 = block.text;
+        if (text2) {
+          text2.forEach((op) => {
+            if (op.attributes) {
+              const attributes = op.attributes;
+              const link2 = attributes.link;
+              if (link2 == null ? void 0 : link2.startsWith("comment://")) {
+                delete attributes.link;
+                const commentId = link2.replace("comment://", "");
+                const key = `comment-${commentId.toLocaleLowerCase()}`;
+                attributes[key] = commentId;
+              }
+            }
+          });
+        }
+      });
+    });
+  }
+  const CkeMentionConverter = {
+    filter: (node) => {
+      patchForEmptyBlock("mention", node, ".ones-at-user-block");
+      if (node.nodeName === "SPAN") {
+        const span = node;
+        if (hasClass(span, "ones-at-user-block")) {
+          const name = span.getAttribute("data-default-name");
+          const refId = span.getAttribute("data-ref-id");
+          return Boolean(name) && Boolean(refId);
+        }
+      }
+      return false;
+    },
+    replacement: (content, node) => {
+      const span = node;
+      const name = span.getAttribute("data-default-name") || "";
+      const refId = span.getAttribute("data-ref-id") || "";
+      if (name && refId) {
+        const box = {
+          id: genId(),
+          type: "mention",
+          box: true,
+          created: Date.now(),
+          iconUrl: "",
+          text: name,
+          mentionId: refId
+        };
+        const text2 = [
+          {
+            insert: " ",
+            attributes: box
+          }
+        ];
+        const obj = {
+          text: text2
+        };
+        const base64 = toBase64URL(JSON.stringify(obj));
+        return `[[${base64}]]`;
+      }
+      return name;
+    }
+  };
+  function convertMentionToCkeMention(editor, boxData, doc2, type) {
+    const data2 = boxData;
+    if (type === "html") {
+      return `<ones-at-user data-ref-name="${data2.text}" data-ref-id="${data2.mentionId}" data-default-name="${data2.text}" class="ones-at-user-block" data-viewer="1"><span>@${data2.text}</span></ones-at-user>`;
+    }
+    return `@${data2.text}`;
+  }
+  function patchMentionConverter(editor) {
+    const mentionBox = editor.editorBoxes.getBoxClass("mention");
+    if (mentionBox) {
+      const oldConvertTo = mentionBox.convertTo;
+      if (oldConvertTo !== convertMentionToCkeMention) {
+        mentionBox.convertTo = convertMentionToCkeMention;
+      }
+    }
+  }
+  function processLinks(doc2) {
+    const containers = doc2.blocks;
+    Object.values(containers).forEach((blocks) => {
+      blocks.forEach((block) => {
+        if (block.text) {
+          const text2 = block.text;
+          text2.forEach((op) => {
+            const attributes = op.attributes;
+            if (attributes) {
+              attributes.link;
+            }
+          });
+        }
+      });
+    });
+  }
+  const CkeMarkdownConverter = {
+    filter: (node) => {
+      if (node.nodeName !== "DIV") {
+        return false;
+      }
+      const div = node;
+      return hasClass(div, "ones-marked-card");
+    },
+    replacement: (content, node) => {
+      const textToCodeBlock2 = (text2, language) => {
+        const codeBlocks = text2.split("\n").map((line) => {
+          const block = {
+            type: "text",
+            id: genId(),
+            text: createRichText(line)
+          };
+          return block;
+        });
+        const containerId = genId();
+        const doc22 = {
+          blocks: {
+            root: [
+              {
+                id: genId(),
+                type: "code",
+                language,
+                children: [containerId]
+              }
+            ],
+            [containerId]: codeBlocks
+          },
+          meta: {},
+          comments: {}
+        };
+        return toBase64URL(JSON.stringify(doc22));
+      };
+      const nodeToCodeBlock2 = (node2, lang) => {
+        const text2 = node2.textContent || "";
+        return textToCodeBlock2(text2, lang);
+      };
+      const doc2 = nodeToCodeBlock2(node, "markdown");
+      const fence = "```";
+      return "\n\n" + fence + "\n" + doc2 + "\n" + fence + "\n\n";
+    }
+  };
+  registerCKEHtmlConvert("image", CkeImageConverter);
+  registerCKEHtmlConvert("comment", CkeCommentConverter);
+  registerCKEHtmlConvert("mention", CkeMentionConverter);
+  registerCKEHtmlConvert("markdown", CkeMarkdownConverter);
+  function ckeHtml2Doc(html) {
+    const doc2 = htmlToDoc(html) || createEmptyDoc$1();
+    processCkeCommentsLink(doc2);
+    processLinks(doc2);
+    return doc2;
+  }
+  function injectDocToCkeHtmlFragment(htmlFragment, doc2, text2) {
+    const meta = `<meta charset="utf-8"><ones-editor-doc data-source="ones-editor-doc::${toBase64URL(
+      JSON.stringify(doc2)
+    )}::ones-editor-doc" />`;
+    let textMeta = "";
+    if (text2) {
+      textMeta = `<meta name="ones-editor-text" content="${toBase64URL(text2)}" />`;
+    }
+    const html = `<!doctype html><html><head>${meta}${textMeta}</head><body>${htmlFragment}</body></html>`;
+    return html;
+  }
+  function editorToCKEHtml(editor) {
+    patchMentionConverter(editor);
+    const docObject = editor.doc.toJSON();
+    if (isEmptyDoc(docObject)) {
+      return "";
+    }
+    let html = docToHtmlFragment(editor, docObject);
+    const text2 = docToText(editor, docObject);
+    html = injectDocToCkeHtmlFragment(html, docObject, text2);
+    return html;
+  }
+  function combineDoc(doc1, doc2) {
+    if (isEmptyDoc(doc1)) {
+      return doc2;
+    }
+    if (isEmptyDoc(doc2)) {
+      return doc1;
+    }
+    const splitterDoc = createEmptyDoc$1("", {
+      firstLineAsTitle: false
+    });
+    return mergeDocs([doc1, splitterDoc, doc2]);
+  }
+  function mergeHTMLBodiesOnly(htmlA, htmlB) {
+    const parser = new DOMParser();
+    const docA = parser.parseFromString(htmlA, "text/html");
+    const docB = parser.parseFromString(htmlB, "text/html");
+    const mergedDoc = document.implementation.createHTMLDocument("Merged");
+    const bodyA = docA.body;
+    const bodyB = docB.body;
+    const mergedBody = mergedDoc.body;
+    Array.from(bodyA.childNodes).forEach((node) => {
+      mergedBody.appendChild(mergedDoc.importNode(node, true));
+    });
+    Array.from(bodyB.childNodes).forEach((node) => {
+      mergedBody.appendChild(mergedDoc.importNode(node, true));
+    });
+    return mergedBody.innerHTML;
+  }
+  function combineCkeHtml(html1, html2) {
+    const doc1 = ckeHtml2Doc(html1);
+    const doc2 = ckeHtml2Doc(html2);
+    const newDoc = combineDoc(doc1, doc2);
+    const newHtml = mergeHTMLBodiesOnly(html1, html2);
+    const ret = injectDocToCkeHtmlFragment(newHtml, newDoc);
+    return ret;
+  }
+  function combineRichTextValue(value1, value2) {
+    return combineCkeHtml(value1, value2);
+  }
   const logger = getLogger("create-editor");
   function getHooks(options, local) {
     var _a;
@@ -95019,7 +95300,7 @@ ${JSON.stringify(error2, null, 2)}`);
         }
       }
     });
-    editor.version = "2.9.8-beta.7";
+    editor.version = "2.9.8-beta.8";
     return editor;
   }
   function isDoc(doc2) {
@@ -95151,7 +95432,7 @@ ${JSON.stringify(error2, null, 2)}`);
     OnesEditorDropTarget.register(editor);
     OnesEditorTocProvider.register(editor);
     OnesEditorExclusiveBlock.register(editor);
-    editor.version = "2.9.8-beta.7";
+    editor.version = "2.9.8-beta.8";
     return editor;
   }
   async function showDocVersions(editor, options, serverUrl) {
@@ -141253,12 +141534,15 @@ ${JSON.stringify(error2, null, 2)}`);
   exports2.blockToText = blockToText;
   exports2.blocksToDoc = blocksToDoc;
   exports2.changeButtonName = changeButtonName;
+  exports2.ckeHtml2Doc = ckeHtml2Doc;
   exports2.clearAllSelection = clearAllSelection;
   exports2.clientType = clientType;
   exports2.cloneBlock = cloneBlock;
   exports2.cloneChildContainer = cloneChildContainer;
   exports2.cloneDoc = cloneDoc;
   exports2.cloneText = cloneText;
+  exports2.combineCkeHtml = combineCkeHtml;
+  exports2.combineRichTextValue = combineRichTextValue;
   exports2.commentToShareDbComment = commentToShareDbComment;
   exports2.compareElement = compareElement;
   exports2.comparePosition = comparePosition;
@@ -141414,6 +141698,7 @@ ${JSON.stringify(error2, null, 2)}`);
   exports2.editorSelectWordLeft = editorSelectWordLeft;
   exports2.editorSetTextColor = editorSetTextColor;
   exports2.editorShowFindDialog = editorShowFindDialog;
+  exports2.editorToCKEHtml = editorToCKEHtml;
   exports2.editorToDocx = editorToDocx;
   exports2.editorUpdateBlockData = editorUpdateBlockData;
   exports2.editorUpdateCompositionText = editorUpdateCompositionText;
@@ -141580,6 +141865,7 @@ ${JSON.stringify(error2, null, 2)}`);
   exports2.i18n = i18n$1;
   exports2.includeBigTable = includeBigTable;
   exports2.injectBlockOptions = injectBlockOptions;
+  exports2.injectDocToCkeHtmlFragment = injectDocToCkeHtmlFragment;
   exports2.injectDocToHtmlFragment = injectDocToHtmlFragment;
   exports2.injectSource = injectSource;
   exports2.injectStyle = injectStyle;

package/package.json

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