@ones-editor/editor 2.8.17 → 2.8.19

package/dist/index.js

@@ -10797,6 +10797,23 @@ var __publicField = (obj, key, value) => {
   function fromBase64ToBlob(data2) {
     return new Blob([jsBase64.Base64.toUint8Array(data2)]);
   }
+  function dataURLToBlob(dataURL) {
+    var _a;
+    const [header, data2] = dataURL.split(",");
+    const mimeString = ((_a = header.match(/:(.*?);/)) == null ? void 0 : _a[1]) || "";
+    const isBase642 = header.includes("base64");
+    let blob;
+    if (isBase642) {
+      blob = fromBase64ToBlob(data2);
+    } else {
+      const byteString = decodeURIComponent(data2);
+      blob = new Blob([byteString], { type: mimeString });
+    }
+    return { blob, mimeString };
+  }
+  function stringToBase64DataUrl(data2, type) {
+    return `data:${type};base64,${toBase64URL(data2)}`;
+  }
   const patch = snabbdom.init([snabbdom.classModule, snabbdom.styleModule, snabbdom.datasetModule, snabbdom.attributesModule, snabbdom.propsModule]);
   function patchNode(oldContent, newContent) {
     const oldVNode = snabbdom.toVNode(oldContent);
@@ -68146,6 +68163,33 @@ ${codeText}
         this.editor.input.addHandler(this);
       });
     }
+    async handleBeforePasteDoc(editor, doc2) {
+      for (const blocks of Object.values(doc2.blocks)) {
+        for (const blockData of blocks) {
+          if (blockData.type === "embed" && blockData.embedType === "image") {
+            const imageData = blockData.embedData;
+            const resources = Array.isArray(imageData.src) ? imageData.src : [imageData.src];
+            const uploadedResources = resources.map(async (src) => {
+              if (src.startsWith("data:")) {
+                const { blob, mimeString } = dataURLToBlob(src);
+                let ext = mimeString.split("/")[1] || "png";
+                if (ext.indexOf("+") > 0) {
+                  ext = ext.split("+")[0];
+                }
+                const fileName = `image.${ext}`;
+                const file2 = new File([blob], fileName, { type: mimeString });
+                const ret = await editor.doc.uploadResource(file2);
+                return ret.resourceId;
+              }
+              return src;
+            });
+            const newSrc = await Promise.all(uploadedResources);
+            imageData.src = Array.isArray(imageData.src) ? newSrc : newSrc[0];
+          }
+        }
+      }
+      return false;
+    }
     async handleAfterPasteDoc(editor, doc2, cloneDocResult) {
       Object.values(doc2.blocks).forEach((blocks) => {
         blocks.forEach((blockData) => {
@@ -76082,6 +76126,23 @@ ${content}
     }
     Array.from(element.children).forEach(removeHiddenElements);
   }
+  function processDataUrl(fragment) {
+    const images = fragment.querySelectorAll("img");
+    images.forEach((img) => {
+      var _a;
+      const src = img.getAttribute("src");
+      if (src && src.startsWith("data:")) {
+        const [header, data2] = src.split(",");
+        const mimeString = ((_a = header.split(":")[1]) == null ? void 0 : _a.split(";")[0]) || "image/png";
+        const isBase642 = header.includes("base64");
+        if (!isBase642) {
+          const byteString = decodeURIComponent(data2);
+          const url = stringToBase64DataUrl(byteString, mimeString);
+          img.setAttribute("src", url);
+        }
+      }
+    });
+  }
   function processHtml(html, options) {
     const fragment = htmlToFragment(html);
     fragment.querySelectorAll("td.js-line-number").forEach((cell) => cell.remove());
@@ -76092,6 +76153,7 @@ ${content}
     Array.from(fragment.children).forEach((node) => convertAllTables(node, options));
     Array.from(fragment.children).forEach(removeStyleElement);
     replaceHljsFragmentToCode(fragment);
+    processDataUrl(fragment);
     const newHtml = fragmentToHtml(fragment);
     return newHtml;
   }
@@ -92069,7 +92131,7 @@ ${data2.plantumlText}
   class InsertImageItem {
     constructor() {
       __publicField(this, "id", "insert-image");
-      __publicField(this, "name", "Insert Image");
+      __publicField(this, "name", i18n$1.t("toolbar.image"));
       __publicField(this, "icon", ImageIcon);
     }
     onClick(editor, item) {
@@ -92085,7 +92147,7 @@ ${data2.plantumlText}
   class InsertLinkItem {
     constructor() {
       __publicField(this, "id", "insert-link");
-      __publicField(this, "name", "Insert Link");
+      __publicField(this, "name", i18n$1.t("toolbar.link"));
       __publicField(this, "icon", LinkIcon);
       __publicField(this, "states", []);
     }
@@ -92112,7 +92174,7 @@ ${data2.plantumlText}
   class OrderedListItem {
     constructor() {
       __publicField(this, "id", "ordered-list");
-      __publicField(this, "name", "Ordered List");
+      __publicField(this, "name", i18n$1.t("toolbar.orderedList"));
       __publicField(this, "icon", OrderedListIcon);
       __publicField(this, "states", []);
     }
@@ -92141,7 +92203,7 @@ ${data2.plantumlText}
   class UnorderedListItem {
     constructor() {
       __publicField(this, "id", "unordered-list");
-      __publicField(this, "name", "Unordered List");
+      __publicField(this, "name", i18n$1.t("toolbar.unorderedList"));
       __publicField(this, "icon", UnorderedListIcon);
       __publicField(this, "states", []);
     }
@@ -92170,7 +92232,7 @@ ${data2.plantumlText}
   class CheckListItem {
     constructor() {
       __publicField(this, "id", "check-list");
-      __publicField(this, "name", "Check List");
+      __publicField(this, "name", i18n$1.t("toolbar.checkList"));
       __publicField(this, "icon", CheckListIcon);
       __publicField(this, "states", []);
     }
@@ -92272,7 +92334,7 @@ ${data2.plantumlText}
   class QuoteItem {
     constructor() {
       __publicField(this, "id", "quoted");
-      __publicField(this, "name", "Quote");
+      __publicField(this, "name", i18n$1.t("toolbar.quote"));
       __publicField(this, "icon", QuoteIcon);
       __publicField(this, "states", []);
     }
@@ -92335,17 +92397,17 @@ ${data2.plantumlText}
   }
   class AlignLeftItem extends AlignBaseItem {
     constructor() {
-      super("align-left", "Align left", AlignLeftIcon);
+      super("align-left", i18n$1.t("commands.alignLeft"), AlignLeftIcon);
     }
   }
   class AlignCenterItem extends AlignBaseItem {
     constructor() {
-      super("align-center", "Align center", AlignCenterIcon);
+      super("align-center", i18n$1.t("commands.alignCenter"), AlignCenterIcon);
     }
   }
   class AlignRightItem extends AlignBaseItem {
     constructor() {
-      super("align-right", "Align right", AlignRightIcon);
+      super("align-right", i18n$1.t("commands.alignRight"), AlignRightIcon);
     }
   }
   const UndoIcon = '<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M6 2L2.5 5.49999L6 9" stroke="currentColor" stroke-linejoin="round"></path>\n<path d="M3 5.5H9.5C11.7091 5.5 13.5 7.29086 13.5 9.5V9.5C13.5 11.7091 11.7091 13.5 9.5 13.5H8" stroke="currentColor"></path>\n</svg>';
@@ -92635,7 +92697,13 @@ ${data2.plantumlText}
       undo: "\u64A4\u9500",
       redo: "\u91CD\u505A",
       insert: "\u63D2\u5165",
-      findReplace: "\u67E5\u627E\u548C\u66FF\u6362"
+      findReplace: "\u67E5\u627E\u548C\u66FF\u6362",
+      image: "\u63D2\u5165\u56FE\u7247",
+      link: "\u63D2\u5165\u94FE\u63A5",
+      quote: "\u5F15\u7528",
+      checkList: "\u4EFB\u52A1\u5217\u8868",
+      orderedList: "\u6709\u5E8F\u5217\u8868",
+      unorderedList: "\u65E0\u5E8F\u5217\u8868"
     }
   };
   const enUS = {
@@ -92643,7 +92711,13 @@ ${data2.plantumlText}
       undo: "Undo",
       redo: "Redo",
       insert: "Insert",
-      findReplace: "Find & Replace"
+      findReplace: "Find & Replace",
+      image: "Insert Image",
+      link: "Insert Link",
+      quote: "Quote",
+      checkList: "Check List",
+      orderedList: "Ordered List",
+      unorderedList: "Unordered List"
     }
   };
   const jaJP = {
@@ -92651,7 +92725,13 @@ ${data2.plantumlText}
       undo: "\u5143\u306B\u623B\u3059",
       redo: "\u3084\u308A\u76F4\u3059",
       insert: "\u633F\u5165",
-      findReplace: "\u691C\u7D22\u3068\u7F6E\u63DB"
+      findReplace: "\u691C\u7D22\u3068\u7F6E\u63DB",
+      image: "\u753B\u50CF\u3092\u633F\u5165",
+      link: "\u30EA\u30F3\u30AF\u3092\u633F\u5165",
+      quote: "\u5F15\u7528",
+      checkList: "\u30C1\u30A7\u30C3\u30AF\u30EA\u30B9\u30C8",
+      orderedList: "\u756A\u53F7\u4ED8\u304D\u30EA\u30B9\u30C8",
+      unorderedList: "\u7B87\u6761\u66F8\u304D\u30EA\u30B9\u30C8"
     }
   };
   i18n$1.mergeLang({
@@ -92984,7 +93064,7 @@ ${data2.plantumlText}
         }
       }
     });
-    editor.version = "2.8.17";
+    editor.version = "2.8.19";
     return editor;
   }
   function isDoc(doc2) {
@@ -93097,7 +93177,7 @@ ${data2.plantumlText}
       }
     });
     OnesEditorToolbar.register(editor);
-    editor.version = "2.8.17";
+    editor.version = "2.8.19";
     return editor;
   }
   async function showDocVersions(editor, options, serverUrl) {
@@ -139266,6 +139346,7 @@ ${data2.plantumlText}
   exports2.createTextButton = createTextButton;
   exports2.createTextOp = createTextOp;
   exports2.createTextWithReplaceSoftReturn = createTextWithReplaceSoftReturn;
+  exports2.dataURLToBlob = dataURLToBlob;
   exports2.daysAfter = daysAfter;
   exports2.deleteColor = deleteColor;
   exports2.deleteText = deleteText;
@@ -139662,6 +139743,7 @@ ${data2.plantumlText}
   exports2.showToast = showToast;
   exports2.splitText = splitText;
   exports2.splitToThree = splitToThree;
+  exports2.stringToBase64DataUrl = stringToBase64DataUrl;
   exports2.stringToDataUrl = stringToDataUrl;
   exports2.stringToObjectUrl = stringToObjectUrl;
   exports2.subText = subText;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ones-editor/editor",
-  "version": "2.8.17",
+  "version": "2.8.19",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "dependencies": {