@ant-design/agentic-ui 2.8.0 → 2.9.0

package/dist/MarkdownEditor/editor/utils/docx/module.js

@@ -1,179 +1,208 @@
-// src/MarkdownEditor/editor/utils/docx/module.ts
-import { message } from "antd";
+/* eslint-disable @typescript-eslint/no-use-before-define */ import { message } from "antd";
 import { ELEMENT_TAGS } from "../../plugins/insertParsedHtmlNodes";
-var TEXT_TAGS = {
-  CODE: () => ({ code: true }),
-  DEL: () => ({ strikethrough: true }),
-  EM: () => ({ italic: true }),
-  I: () => ({ italic: true }),
-  S: () => ({ strikethrough: true }),
-  B: () => ({ bold: true }),
-  U: () => ({ underline: true })
-};
-var makeDeserializer = (jsx) => {
-  const deserialize = (el, imageTags) => {
-    if (el.attributes && el.attributes.getNamedItem("class") && el.attributes.getNamedItem("class").value.match(/done/g)) {
-      return null;
-    }
-    if (isList(el)) {
-      return deserializeList(el, imageTags);
-    }
-    return deserializeElement(el, imageTags);
-  };
-  function deserializeList(el, imageTags) {
-    const siblings = getSiblings(el);
-    const type = "UL";
-    const list_wrapper = document.createElement(type);
-    for (let i = 0; i < siblings.length; i++) {
-      list_wrapper.appendChild(siblings[i]);
+export var TEXT_TAGS = {
+    CODE: function() {
+        return {
+            code: true
+        };
+    },
+    DEL: function() {
+        return {
+            strikethrough: true
+        };
+    },
+    EM: function() {
+        return {
+            italic: true
+        };
+    },
+    I: function() {
+        return {
+            italic: true
+        };
+    },
+    S: function() {
+        return {
+            strikethrough: true
+        };
+    },
+    B: function() {
+        return {
+            bold: true
+        };
+    },
+    U: function() {
+        return {
+            underline: true
+        };
     }
-    const attrs = ELEMENT_TAGS[type]();
-    const children = Array.from(list_wrapper.childNodes).map((child) => {
-      return deserializeListItem(child, imageTags);
-    }).flat();
-    return jsx("element", attrs, children);
-  }
-  function deserializeElement(el, imageTags) {
-    var _a, _b, _c, _d, _e, _f, _g, _h;
-    if (el.nodeType === 3) {
-      if (el.parentNode.nodeName === "O:P") {
-        if (el.parentNode.parentNode.nodeName === "P") {
-          return el.textContent;
+};
+export var makeDeserializer = function(jsx) {
+    var deserialize = function(el, imageTags) {
+        if (el.attributes && el.attributes.getNamedItem('class') && el.attributes.getNamedItem('class').value.match(/done/g)) {
+            return null;
         }
-      }
-      if (el.textContent.match(/^[\s]*$/gm)) {
-        return ((_a = el.textContent) == null ? void 0 : _a.trim()) || null;
-      } else {
-        const regex = /\n(?!\n)/g;
-        el.textContent = el.textContent.replace(regex, " ");
-        return el.textContent;
-      }
-    } else if (el.nodeType !== 1) {
-      return null;
-    } else if (el.nodeName === "BR") {
-      return "\n";
-    }
-    const { nodeName } = el;
-    let parent = el;
-    if (nodeName === "PRE" && ((_b = el.childNodes) == null ? void 0 : _b[0]) && ((_d = (_c = el.childNodes) == null ? void 0 : _c[0]) == null ? void 0 : _d.nodeName) === "CODE") {
-      parent = (_e = el.childNodes) == null ? void 0 : _e[0];
-    }
-    let children = Array.from(parent.childNodes).map((child) => {
-      return deserialize(child, imageTags);
-    }).flat();
-    if (el.nodeName === "BODY") {
-      const filler = jsx("element", { type: "paragraph", className: "P" }, [
-        { text: " " }
-      ]);
-      children.unshift(filler);
-      return jsx("fragment", {}, children);
+        if (isList(el)) {
+            return deserializeList(el, imageTags);
+        }
+        return deserializeElement(el, imageTags);
+    };
+    function deserializeList(el, imageTags) {
+        var siblings = getSiblings(el);
+        var type = 'UL';
+        var list_wrapper = document.createElement(type);
+        for(var i = 0; i < siblings.length; i++){
+            list_wrapper.appendChild(siblings[i]);
+        }
+        var attrs = ELEMENT_TAGS[type]();
+        var children = Array.from(list_wrapper.childNodes).map(function(child) {
+            return deserializeListItem(child, imageTags);
+        }).flat();
+        return jsx('element', attrs, children);
     }
-    if (ELEMENT_TAGS[nodeName]) {
-      if (nodeName === "IMG") {
-        const src = el.getAttribute("src");
-        if (imageTags[src]) {
-          el.setAttribute("src", imageTags[src]);
-          children = [
-            {
-              text: ""
+    function deserializeElement(el, imageTags) {
+        var _el_childNodes, _el_childNodes_, _el_childNodes1;
+        if (el.nodeType === 3) {
+            if (el.parentNode.nodeName === 'O:P') {
+                if (el.parentNode.parentNode.nodeName === 'P') {
+                    return el.textContent;
+                }
+            }
+            if (el.textContent.match(/^[\s]*$/gm)) {
+                var _el_textContent;
+                return ((_el_textContent = el.textContent) === null || _el_textContent === void 0 ? void 0 : _el_textContent.trim()) || null;
+            } else {
+                // sometimes work adds line breaks when pasting
+                var regex = /\n(?!\n)/g;
+                el.textContent = el.textContent.replace(regex, ' ');
+                return el.textContent;
+            }
+        } else if (el.nodeType !== 1) {
+            return null;
+        } else if (el.nodeName === 'BR') {
+            return '\n';
+        }
+        var nodeName = el.nodeName;
+        var parent = el;
+        if (nodeName === 'PRE' && ((_el_childNodes = el.childNodes) === null || _el_childNodes === void 0 ? void 0 : _el_childNodes[0]) && ((_el_childNodes1 = el.childNodes) === null || _el_childNodes1 === void 0 ? void 0 : (_el_childNodes_ = _el_childNodes1[0]) === null || _el_childNodes_ === void 0 ? void 0 : _el_childNodes_.nodeName) === 'CODE') {
+            var _el_childNodes2;
+            parent = (_el_childNodes2 = el.childNodes) === null || _el_childNodes2 === void 0 ? void 0 : _el_childNodes2[0];
+        }
+        var children = Array.from(parent.childNodes).map(function(child) {
+            return deserialize(child, imageTags);
+        }).flat();
+        if (el.nodeName === 'BODY') {
+            var filler = jsx('element', {
+                type: 'paragraph',
+                className: 'P'
+            }, [
+                {
+                    text: ' '
+                }
+            ]);
+            children.unshift(filler);
+            return jsx('fragment', {}, children);
+        }
+        if (ELEMENT_TAGS[nodeName]) {
+            var _ELEMENT_TAGS_nodeName;
+            if (nodeName === 'IMG') {
+                var src = el.getAttribute('src');
+                if (imageTags[src]) {
+                    el.setAttribute('src', imageTags[src]);
+                    children = [
+                        {
+                            text: ''
+                        }
+                    ];
+                }
+                var attrs = ELEMENT_TAGS[nodeName](el);
+                return jsx('element', attrs, (attrs === null || attrs === void 0 ? void 0 : attrs.children) || children);
+            }
+            if (nodeName === 'H3' || nodeName === 'H2' || nodeName === 'H1') {
+                return jsx('element', {
+                    type: 'head',
+                    className: nodeName,
+                    level: nodeName === null || nodeName === void 0 ? void 0 : nodeName.replace('H', '')
+                }, children);
             }
-          ];
+            var attrs1 = (_ELEMENT_TAGS_nodeName = ELEMENT_TAGS[nodeName]) === null || _ELEMENT_TAGS_nodeName === void 0 ? void 0 : _ELEMENT_TAGS_nodeName.call(ELEMENT_TAGS, el);
+            return jsx('element', attrs1, children);
         }
-        const attrs2 = ELEMENT_TAGS[nodeName](
-          el
-        );
-        return jsx("element", attrs2, (attrs2 == null ? void 0 : attrs2.children) || children);
-      }
-      if (nodeName === "H3" || nodeName === "H2" || nodeName === "H1") {
-        return jsx(
-          "element",
-          {
-            type: "head",
-            className: nodeName,
-            level: nodeName == null ? void 0 : nodeName.replace("H", "")
-          },
-          children
-        );
-      }
-      const attrs = (_g = (_f = ELEMENT_TAGS)[nodeName]) == null ? void 0 : _g.call(
-        _f,
-        el
-      );
-      return jsx("element", attrs, children);
+        if (TEXT_TAGS[nodeName]) {
+            var _TEXT_TAGS_nodeName;
+            var attrs2 = (_TEXT_TAGS_nodeName = TEXT_TAGS[nodeName]) === null || _TEXT_TAGS_nodeName === void 0 ? void 0 : _TEXT_TAGS_nodeName.call(TEXT_TAGS);
+            try {
+                return children.filter(Boolean).map(function(child) {
+                    if (typeof child === 'string') {
+                        return jsx('text', attrs2, child);
+                    }
+                    return jsx('element', ELEMENT_TAGS.P(), child);
+                });
+            } catch (error) {
+                console.error(error);
+            }
+        }
+        return children;
     }
-    if (TEXT_TAGS[nodeName]) {
-      const attrs = (_h = TEXT_TAGS[nodeName]) == null ? void 0 : _h.call(TEXT_TAGS);
-      try {
-        return children.filter(Boolean).map((child) => {
-          if (typeof child === "string") {
-            return jsx("text", attrs, child);
-          }
-          return jsx("element", ELEMENT_TAGS.P(), child);
-        });
-      } catch (error) {
-        console.error(error);
-      }
+    function deserializeListItem(el, imageTags) {
+        var level = el.getAttribute('style');
+        var content = extractTextFromNodes(el).map(function(c) {
+            try {
+                return deserializeElement(c, imageTags);
+            } catch (error) {
+                message.error('Error deserializing list item:' + c.innerHTML);
+                console.error(error);
+            }
+            return jsx('element', {
+                type: 'paragraph'
+            }, [
+                {
+                    text: c.innerHTML
+                }
+            ]);
+        }).flat();
+        return jsx('element', {
+            type: 'list-item',
+            className: 'level'.concat(level)
+        }, content);
     }
-    return children;
-  }
-  function deserializeListItem(el, imageTags) {
-    const level = el.getAttribute("style");
-    const content = extractTextFromNodes(el).map((c) => {
-      try {
-        return deserializeElement(c, imageTags);
-      } catch (error) {
-        message.error(
-          "Error deserializing list item:" + c.innerHTML
-        );
-        console.error(error);
-      }
-      return jsx("element", { type: "paragraph" }, [
-        { text: c.innerHTML }
-      ]);
-    }).flat();
-    return jsx(
-      "element",
-      { type: "list-item", className: "level".concat(level) },
-      content
-    );
-  }
-  return deserialize;
+    return deserialize;
 };
+// gets ALL the
 function getSiblings(el) {
-  var _a, _b, _c, _d;
-  const siblings = [];
-  while (el && el.attributes.getNamedItem("class") && el.attributes.getNamedItem("class").value.match(/MsoListParagraph/g)) {
-    const level = ((_d = (_c = (_b = (_a = el == null ? void 0 : el.attributes) == null ? void 0 : _a.getNamedItem("style")) == null ? void 0 : _b.value) == null ? void 0 : _c.match(/level(\d+)/)) == null ? void 0 : _d[1]) || "4";
-    el.setAttribute("class", "done");
-    el.setAttribute("style", level);
-    siblings.push(el);
-    el = el.nextElementSibling;
-  }
-  return siblings;
+    // const level = el.attributes.getNamedItem('style').value.match(/level(\d+)/)[1]
+    var siblings = [];
+    while(el && el.attributes.getNamedItem('class') && el.attributes.getNamedItem('class').value.match(/MsoListParagraph/g)){
+        var _el_attributes_getNamedItem_value_match, _el_attributes_getNamedItem_value, _el_attributes_getNamedItem, _el_attributes;
+        var level = (el === null || el === void 0 ? void 0 : (_el_attributes = el.attributes) === null || _el_attributes === void 0 ? void 0 : (_el_attributes_getNamedItem = _el_attributes.getNamedItem('style')) === null || _el_attributes_getNamedItem === void 0 ? void 0 : (_el_attributes_getNamedItem_value = _el_attributes_getNamedItem.value) === null || _el_attributes_getNamedItem_value === void 0 ? void 0 : (_el_attributes_getNamedItem_value_match = _el_attributes_getNamedItem_value.match(/level(\d+)/)) === null || _el_attributes_getNamedItem_value_match === void 0 ? void 0 : _el_attributes_getNamedItem_value_match[1]) || '4';
+        el.setAttribute('class', 'done'); // we set this attribute to avoid getting stuck in an infinite loop
+        el.setAttribute('style', level);
+        siblings.push(el);
+        // eslint-disable-next-line no-param-reassign
+        el = el.nextElementSibling;
+    }
+    return siblings;
 }
+// Docx lists begin with "MsoListParagraph".
 function isList(el) {
-  if (el.attributes && el.attributes.getNamedItem("class") && el.attributes.getNamedItem("class").value.match(/MsoListParagraph/g)) {
-    return true;
-  }
-  return false;
+    if (el.attributes && el.attributes.getNamedItem('class') && el.attributes.getNamedItem('class').value.match(/MsoListParagraph/g)) {
+        return true;
+    }
+    return false;
 }
+// receives a list item and returns the text inside it
+// sometimes the text will be inside a text tag or inside a span tag.
+// when it is inside a text tag, the span is irrelevant, but it contains empty text inside
 function extractTextFromNodes(el) {
-  const children = Array.from(el.childNodes);
-  const result = [];
-  children.forEach((child) => {
-    if (child.nodeName in TEXT_TAGS || child.nodeName === "#text") {
-      result.push(child);
-    } else if (child.nodeName === "SPAN") {
-      child.textContent = child.textContent.replace(
-        /(^(\W)(?=\s)*)|(o\s)(?!\w)/gm,
-        ""
-      );
-      result.push(child);
-    }
-  });
-  return result;
+    var children = Array.from(el.childNodes);
+    var result = [];
+    children.forEach(function(child) {
+        if (child.nodeName in TEXT_TAGS || child.nodeName === '#text') {
+            result.push(child);
+        } else if (child.nodeName === 'SPAN') {
+            child.textContent = child.textContent.replace(/(^(\W)(?=\s)*)|(o\s)(?!\w)/gm, '');
+            result.push(child);
+        }
+    });
+    return result;
 }
-export {
-  TEXT_TAGS,
-  makeDeserializer
-};

package/dist/MarkdownEditor/editor/utils/docx/utils.js

@@ -1,108 +1,123 @@
-// src/MarkdownEditor/editor/utils/docx/utils.ts
-import * as blobUtil from "blob-util";
-var imagePastingListener = (rtf, html) => {
-  const ret = {};
-  const imgTags = extractTagsFromHtml(html);
-  const newSrcValues = [];
-  const hexImages = extractFromRtf(rtf);
-  if (hexImages.length === 0) {
-    return;
-  }
-  for (let i = 0; i < hexImages.length; i++) {
-    const base64string = createSrcWithBase64(hexImages[i]);
-    const blob = blobUtil.base64StringToBlob(base64string);
-    const URLObj = window.URL || window.webkitURL;
-    const url = URLObj.createObjectURL(blob);
-    newSrcValues.push(url);
-  }
-  if (imgTags.length === newSrcValues.length) {
-    for (let i = 0; i < imgTags.length; i++) {
-      if (imgTags[i].indexOf("file://") === 0 && newSrcValues[i]) {
-        ret[imgTags[i]] = newSrcValues[i];
-      }
+/* eslint-disable @typescript-eslint/no-use-before-define */ import * as blobUtil from "blob-util";
+// Receives rtf and html data
+// Returns dictionary object of original img[src]:imgBlob
+// We must read the data from the rtf because the browser is not allowed to render pasted images using simply the src from your clipboard
+export var imagePastingListener = function(rtf, html) {
+    var ret = {};
+    var imgTags = extractTagsFromHtml(html);
+    var newSrcValues = [];
+    var hexImages = extractFromRtf(rtf);
+    if (hexImages.length === 0) {
+        return;
+    }
+    for(var i = 0; i < hexImages.length; i++){
+        var base64string = createSrcWithBase64(hexImages[i]);
+        var blob = blobUtil.base64StringToBlob(base64string);
+        var URLObj = window.URL || window.webkitURL;
+        var url = URLObj.createObjectURL(blob);
+        newSrcValues.push(url);
+    }
+    if (imgTags.length === newSrcValues.length) {
+        for(var i1 = 0; i1 < imgTags.length; i1++){
+            // Replace only `file` urls of images ( shapes get newSrcValue with null ).
+            if (imgTags[i1].indexOf('file://') === 0 && newSrcValues[i1]) {
+                ret[imgTags[i1]] = newSrcValues[i1];
+            }
+        }
     }
-  }
-  return ret;
-};
-var extractFromRtf = (rtfContent) => {
-  const ret = [];
-  const rePictureHeader = /\{\\pict[\s\S]+?\\bliptag-?\d+(\\blipupi-?\d+)?(\{\\\*\\blipuid\s?[\da-fA-F]+)?[\s}]*?/;
-  const rePicture = new RegExp(
-    `(?:(${rePictureHeader.source}))([\\da-fA-F\\s]+)\\}`,
-    "g"
-  );
-  let imageType = "";
-  const wholeImages = rtfContent.match(rePicture);
-  if (!wholeImages) {
     return ret;
-  }
-  for (let i = 0; i < wholeImages.length; i++) {
-    if (rePictureHeader.test(wholeImages[i])) {
-      if (wholeImages[i].indexOf("\\pngblip") !== -1) {
-        imageType = "image/png";
-      } else if (wholeImages[i].indexOf("\\jpegblip") !== -1) {
-        imageType = "image/jpeg";
-      } else {
-        continue;
-      }
-      ret.push({
-        hex: imageType ? wholeImages[i].replace(rePictureHeader, "").replace(/[^\da-fA-F]/g, "") : null,
-        type: imageType
-      });
+};
+var extractFromRtf = function(rtfContent) {
+    var ret = [];
+    var rePictureHeader = /\{\\pict[\s\S]+?\\bliptag-?\d+(\\blipupi-?\d+)?(\{\\\*\\blipuid\s?[\da-fA-F]+)?[\s}]*?/;
+    var rePicture = new RegExp("(?:(".concat(rePictureHeader.source, "))([\\da-fA-F\\s]+)\\}"), 'g');
+    var imageType = '';
+    var wholeImages = rtfContent.match(rePicture);
+    if (!wholeImages) {
+        return ret;
+    }
+    for(var i = 0; i < wholeImages.length; i++){
+        if (rePictureHeader.test(wholeImages[i])) {
+            if (wholeImages[i].indexOf('\\pngblip') !== -1) {
+                imageType = 'image/png';
+            } else if (wholeImages[i].indexOf('\\jpegblip') !== -1) {
+                imageType = 'image/jpeg';
+            } else {
+                continue;
+            }
+            ret.push({
+                hex: imageType ? wholeImages[i].replace(rePictureHeader, '').replace(/[^\da-fA-F]/g, '') : null,
+                type: imageType
+            });
+        }
     }
-  }
-  return ret;
+    return ret;
 };
-var extractTagsFromHtml = (html) => {
-  const regexp = /<img[^>]+src="([^"]+)[^>]+/g;
-  const ret = [];
-  let item;
-  while (item = regexp.exec(html)) {
-    ret.push(item[1]);
-  }
-  return ret;
+export var extractTagsFromHtml = function(html) {
+    var regexp = /<img[^>]+src="([^"]+)[^>]+/g;
+    var ret = [];
+    var item;
+    while(item = regexp.exec(html)){
+        ret.push(item[1]);
+    }
+    return ret;
 };
-var convertHexStringToBytes = (hexString) => {
-  const bytesArray = [];
-  const bytesArrayLength = hexString.length / 2;
-  let i;
-  for (i = 0; i < bytesArrayLength; i++) {
-    bytesArray.push(parseInt(hexString.substr(i * 2, 2), 16));
-  }
-  return bytesArray;
+var convertHexStringToBytes = function(hexString) {
+    var bytesArray = [];
+    var bytesArrayLength = hexString.length / 2;
+    var i;
+    for(i = 0; i < bytesArrayLength; i++){
+        bytesArray.push(parseInt(hexString.substr(i * 2, 2), 16));
+    }
+    return bytesArray;
 };
 function createSrcWithBase64(img) {
-  return convertBytesToBase64(convertHexStringToBytes(img.hex));
+    return convertBytesToBase64(convertHexStringToBytes(img.hex));
 }
-var convertBytesToBase64 = (bytesArray) => {
-  const base64characters = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/";
-  let base64string = "";
-  const bytesArrayLength = bytesArray.length;
-  let i;
-  for (i = 0; i < bytesArrayLength; i += 3) {
-    const array3 = bytesArray.slice(i, i + 3);
-    const array3length = array3.length;
-    const array4 = [];
-    if (array3length < 3) {
-      for (let j = array3length; j < 3; j++) {
-        array3[j] = 0;
-      }
+var convertBytesToBase64 = function(bytesArray) {
+    // Bytes are `8bit` numbers, where base64 use `6bit` to store data. That's why we process 3 Bytes into 4 characters representing base64.
+    //
+    // Algorithm:
+    // 1. Take `3 * 8bit`.
+    // 2. If there is less than 3 bytes, fill empty bits with zeros.
+    // 3. Transform `3 * 8bit` into `4 * 6bit` numbers.
+    // 4. Translate those numbers to proper characters related to base64.
+    // 5. If extra zero bytes were added fill them with `=` sign.
+    //
+    // Example:
+    // 1. Bytes Array: [ 8, 161, 29, 138, 218, 43 ] -> binary: `0000 1000 1010 0001 0001 1101 1000 1010 1101 1010 0010 1011`.
+    // 2. Binary: `0000 10|00 1010| 0001 00|01 1101| 1000 10|10 1101| 1010 00|10 1011` ← `|` (pipe) shows where base64 will cut bits during transformation.
+    // 3. Now we have 6bit numbers (written in decimal values), which are translated to indexes in `base64characters` array.
+    //    Decimal: `2 10 4 29 34 45 40 43` → base64: `CKEditor`.
+    var base64characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/';
+    var base64string = '';
+    var bytesArrayLength = bytesArray.length;
+    var i;
+    for(i = 0; i < bytesArrayLength; i += 3){
+        var array3 = bytesArray.slice(i, i + 3);
+        var array3length = array3.length;
+        var array4 = [];
+        if (array3length < 3) {
+            for(var j = array3length; j < 3; j++){
+                //@ts-ignore
+                array3[j] = 0;
+            }
+        }
+        // 0xFC -> 11111100 || 0x03 -> 00000011 || 0x0F -> 00001111 || 0xC0 -> 11000000 || 0x3F -> 00111111
+        array4[0] = (array3[0] & 0xfc) >> 2;
+        array4[1] = (array3[0] & 0x03) << 4 | array3[1] >> 4;
+        array4[2] = (array3[1] & 0x0f) << 2 | (array3[2] & 0xc0) >> 6;
+        array4[3] = array3[2] & 0x3f;
+        for(var j1 = 0; j1 < 4; j1++){
+            // Example: if array3length === 1, then we need to add 2 equal signs at the end of base64.
+            // array3[ 0 ] is used to calculate array4[ 0 ] and array4[ 1 ], so there will be regular values,
+            // next two ones have to be replaced with `=`, because array3[ 1 ] and array3[ 2 ] wasn't present in the input string.
+            if (j1 <= array3length) {
+                base64string += base64characters.charAt(array4[j1]);
+            } else {
+                base64string += '=';
+            }
+        }
     }
-    array4[0] = (array3[0] & 252) >> 2;
-    array4[1] = (array3[0] & 3) << 4 | array3[1] >> 4;
-    array4[2] = (array3[1] & 15) << 2 | (array3[2] & 192) >> 6;
-    array4[3] = array3[2] & 63;
-    for (let j = 0; j < 4; j++) {
-      if (j <= array3length) {
-        base64string += base64characters.charAt(array4[j]);
-      } else {
-        base64string += "=";
-      }
-    }
-  }
-  return base64string;
-};
-export {
-  extractTagsFromHtml,
-  imagePastingListener
+    return base64string;
 };