@pie-lib/editable-html 11.18.6-esmbeta.0 → 11.19.0-mui-update.0

package/lib/plugins/image/insert-image-handler.js

@@ -1,21 +1,16 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 var _slate = require("slate");
-
 var _debug = _interopRequireDefault(require("debug"));
-
 var log = (0, _debug["default"])('@pie-lib:editable-html:image:insert-image-handler');
+
 /**
  * Handles user selection, insertion (or cancellation) of an image into the editor.
  * @param {Block} placeholderBlock - a block that has been added to the editor as a place holder for the image
@@ -24,7 +19,6 @@ var log = (0, _debug["default"])('@pie-lib:editable-html:image:insert-image-hand
  * @param {Function} onChange - callback to notify changes applied by the handler
  * @param {Boolean} isPasted - a boolean that keeps track if the file is pasted
  */
-
 var InsertImageHandler = /*#__PURE__*/function () {
   function InsertImageHandler(placeholderBlock, onFinish, getValue, onChange) {
     var isPasted = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
@@ -36,19 +30,15 @@ var InsertImageHandler = /*#__PURE__*/function () {
     this.isPasted = isPasted;
     this.chosenFile = null;
   }
-
-  (0, _createClass2["default"])(InsertImageHandler, [{
+  return (0, _createClass2["default"])(InsertImageHandler, [{
     key: "getPlaceholderInDocument",
     value: function getPlaceholderInDocument(value) {
       var document = value.document;
       var directChild = document.getChild(this.placeholderBlock.key);
-
       if (directChild) {
         return directChild;
       }
-
       var child = document.getDescendant(this.placeholderBlock.key);
-
       if (child) {
         return child;
       } else {
@@ -60,24 +50,22 @@ var InsertImageHandler = /*#__PURE__*/function () {
     key: "cancel",
     value: function cancel() {
       log('insert cancelled');
-
       try {
         var value = this.getValue();
         var child = this.getPlaceholderInDocument(value);
-
         if (child) {
           var c = value.change().removeNodeByKey(child.key);
           this.onChange(c);
           this.onFinish(false);
         }
-      } catch (err) {//
+      } catch (err) {
+        //
       }
     }
   }, {
     key: "done",
     value: function done(err, src) {
       log('done: err:', err);
-
       if (err) {
         //eslint-disable-next-line
         console.log(err);
@@ -97,41 +85,34 @@ var InsertImageHandler = /*#__PURE__*/function () {
         this.onFinish(true);
       }
     }
+
     /**
      * Notify handler that the user chose a file - will create a change with a preview in the editor.
      *
      * @param {File} file - the file that the user chose using a file input.
      */
-
   }, {
     key: "fileChosen",
     value: function fileChosen(file) {
       var _this = this;
-
       if (!file) {
         return;
-      } // Save the chosen file to this.chosenFile
-
+      }
 
+      // Save the chosen file to this.chosenFile
       this.chosenFile = file;
       log('[fileChosen] file: ', file);
       var reader = new FileReader();
-
       reader.onload = function () {
         var value = _this.getValue();
-
         var dataURL = reader.result;
-
         var child = _this.getPlaceholderInDocument(value);
-
         var data = child.data.set('src', dataURL);
         var change = value.change().setNodeByKey(_this.placeholderBlock.key, {
           data: data
         });
-
         _this.onChange(change);
       };
-
       reader.readAsDataURL(file);
     }
   }, {
@@ -145,17 +126,15 @@ var InsertImageHandler = /*#__PURE__*/function () {
         data: data
       });
       this.onChange(change);
-    } // Add a getter method to retrieve the chosen file
+    }
 
+    // Add a getter method to retrieve the chosen file
   }, {
     key: "getChosenFile",
     value: function getChosenFile() {
       return this.chosenFile;
     }
   }]);
-  return InsertImageHandler;
 }();
-
-var _default = InsertImageHandler;
-exports["default"] = _default;
+var _default = exports["default"] = InsertImageHandler;
 //# sourceMappingURL=insert-image-handler.js.map

package/lib/plugins/image/insert-image-handler.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/plugins/image/insert-image-handler.js"],"names":["log","InsertImageHandler","placeholderBlock","onFinish","getValue","onChange","isPasted","chosenFile","value","document","directChild","getChild","key","child","getDescendant","Error","getPlaceholderInDocument","c","change","removeNodeByKey","err","src","console","data","merge","Data","create","loaded","percent","setNodeByKey","file","reader","FileReader","onload","dataURL","result","set","readAsDataURL","bytes","total"],"mappings":"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","sourcesContent":["import { Data } from 'slate';\nimport debug from 'debug';\n\nconst log = debug('@pie-lib:editable-html:image:insert-image-handler');\n\n/**\n * Handles user selection, insertion (or cancellation) of an image into the editor.\n * @param {Block} placeholderBlock - a block that has been added to the editor as a place holder for the image\n * @param {Function} onFinish - a function to call if uploading fails or succeeds\n * @param {Function} getValue - a function to return the value of the editor\n * @param {Function} onChange - callback to notify changes applied by the handler\n * @param {Boolean} isPasted - a boolean that keeps track if the file is pasted\n */\nclass InsertImageHandler {\n  constructor(placeholderBlock, onFinish, getValue, onChange, isPasted = false) {\n    this.placeholderBlock = placeholderBlock;\n    this.getValue = getValue;\n    this.onFinish = onFinish;\n    this.onChange = onChange;\n    this.isPasted = isPasted;\n    this.chosenFile = null;\n  }\n\n  getPlaceholderInDocument(value) {\n    const { document } = value;\n    const directChild = document.getChild(this.placeholderBlock.key);\n\n    if (directChild) {\n      return directChild;\n    }\n\n    const child = document.getDescendant(this.placeholderBlock.key);\n\n    if (child) {\n      return child;\n    } else {\n      // eslint-disable-next-line\n      throw new Error(\"insert-image: Can't find placeholder!\");\n    }\n  }\n\n  cancel() {\n    log('insert cancelled');\n\n    try {\n      const value = this.getValue();\n      const child = this.getPlaceholderInDocument(value);\n\n      if (child) {\n        const c = value.change().removeNodeByKey(child.key);\n        this.onChange(c);\n        this.onFinish(false);\n      }\n    } catch (err) {\n      //\n    }\n  }\n\n  done(err, src) {\n    log('done: err:', err);\n    if (err) {\n      //eslint-disable-next-line\n      console.log(err);\n      this.onFinish(false);\n    } else {\n      const value = this.getValue();\n      const child = this.getPlaceholderInDocument(value);\n      const data = child.data.merge(Data.create({ loaded: true, src, percent: 100 }));\n\n      const change = value.change().setNodeByKey(this.placeholderBlock.key, { data });\n      this.onChange(change);\n      this.onFinish(true);\n    }\n  }\n\n  /**\n   * Notify handler that the user chose a file - will create a change with a preview in the editor.\n   *\n   * @param {File} file - the file that the user chose using a file input.\n   */\n  fileChosen(file) {\n    if (!file) {\n      return;\n    }\n\n    // Save the chosen file to this.chosenFile\n    this.chosenFile = file;\n\n    log('[fileChosen] file: ', file);\n    const reader = new FileReader();\n    reader.onload = () => {\n      const value = this.getValue();\n      const dataURL = reader.result;\n      const child = this.getPlaceholderInDocument(value);\n      const data = child.data.set('src', dataURL);\n      const change = value.change().setNodeByKey(this.placeholderBlock.key, { data });\n      this.onChange(change);\n    };\n    reader.readAsDataURL(file);\n  }\n\n  progress(percent, bytes, total) {\n    log('progress: ', percent, bytes, total);\n    const value = this.getValue();\n    const child = this.getPlaceholderInDocument(value);\n    const data = child.data.set('percent', percent);\n    const change = value.change().setNodeByKey(this.placeholderBlock.key, { data });\n    this.onChange(change);\n  }\n\n  // Add a getter method to retrieve the chosen file\n  getChosenFile() {\n    return this.chosenFile;\n  }\n}\n\nexport default InsertImageHandler;\n"],"file":"insert-image-handler.js"}
+{"version":3,"file":"insert-image-handler.js","names":["_slate","require","_debug","_interopRequireDefault","log","debug","InsertImageHandler","placeholderBlock","onFinish","getValue","onChange","isPasted","arguments","length","undefined","_classCallCheck2","chosenFile","_createClass2","key","value","getPlaceholderInDocument","document","directChild","getChild","child","getDescendant","Error","cancel","c","change","removeNodeByKey","err","done","src","console","data","merge","Data","create","loaded","percent","setNodeByKey","fileChosen","file","_this","reader","FileReader","onload","dataURL","result","set","readAsDataURL","progress","bytes","total","getChosenFile","_default","exports"],"sources":["../../../src/plugins/image/insert-image-handler.js"],"sourcesContent":["import { Data } from 'slate';\nimport debug from 'debug';\n\nconst log = debug('@pie-lib:editable-html:image:insert-image-handler');\n\n/**\n * Handles user selection, insertion (or cancellation) of an image into the editor.\n * @param {Block} placeholderBlock - a block that has been added to the editor as a place holder for the image\n * @param {Function} onFinish - a function to call if uploading fails or succeeds\n * @param {Function} getValue - a function to return the value of the editor\n * @param {Function} onChange - callback to notify changes applied by the handler\n * @param {Boolean} isPasted - a boolean that keeps track if the file is pasted\n */\nclass InsertImageHandler {\n  constructor(placeholderBlock, onFinish, getValue, onChange, isPasted = false) {\n    this.placeholderBlock = placeholderBlock;\n    this.getValue = getValue;\n    this.onFinish = onFinish;\n    this.onChange = onChange;\n    this.isPasted = isPasted;\n    this.chosenFile = null;\n  }\n\n  getPlaceholderInDocument(value) {\n    const { document } = value;\n    const directChild = document.getChild(this.placeholderBlock.key);\n\n    if (directChild) {\n      return directChild;\n    }\n\n    const child = document.getDescendant(this.placeholderBlock.key);\n\n    if (child) {\n      return child;\n    } else {\n      // eslint-disable-next-line\n      throw new Error(\"insert-image: Can't find placeholder!\");\n    }\n  }\n\n  cancel() {\n    log('insert cancelled');\n\n    try {\n      const value = this.getValue();\n      const child = this.getPlaceholderInDocument(value);\n\n      if (child) {\n        const c = value.change().removeNodeByKey(child.key);\n        this.onChange(c);\n        this.onFinish(false);\n      }\n    } catch (err) {\n      //\n    }\n  }\n\n  done(err, src) {\n    log('done: err:', err);\n    if (err) {\n      //eslint-disable-next-line\n      console.log(err);\n      this.onFinish(false);\n    } else {\n      const value = this.getValue();\n      const child = this.getPlaceholderInDocument(value);\n      const data = child.data.merge(Data.create({ loaded: true, src, percent: 100 }));\n\n      const change = value.change().setNodeByKey(this.placeholderBlock.key, { data });\n      this.onChange(change);\n      this.onFinish(true);\n    }\n  }\n\n  /**\n   * Notify handler that the user chose a file - will create a change with a preview in the editor.\n   *\n   * @param {File} file - the file that the user chose using a file input.\n   */\n  fileChosen(file) {\n    if (!file) {\n      return;\n    }\n\n    // Save the chosen file to this.chosenFile\n    this.chosenFile = file;\n\n    log('[fileChosen] file: ', file);\n    const reader = new FileReader();\n    reader.onload = () => {\n      const value = this.getValue();\n      const dataURL = reader.result;\n      const child = this.getPlaceholderInDocument(value);\n      const data = child.data.set('src', dataURL);\n      const change = value.change().setNodeByKey(this.placeholderBlock.key, { data });\n      this.onChange(change);\n    };\n    reader.readAsDataURL(file);\n  }\n\n  progress(percent, bytes, total) {\n    log('progress: ', percent, bytes, total);\n    const value = this.getValue();\n    const child = this.getPlaceholderInDocument(value);\n    const data = child.data.set('percent', percent);\n    const change = value.change().setNodeByKey(this.placeholderBlock.key, { data });\n    this.onChange(change);\n  }\n\n  // Add a getter method to retrieve the chosen file\n  getChosenFile() {\n    return this.chosenFile;\n  }\n}\n\nexport default InsertImageHandler;\n"],"mappings":"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","ignoreList":[]}

package/lib/plugins/index.js

@@ -1,82 +1,45 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.buildPlugins = exports.DEFAULT_PLUGINS = exports.ALL_PLUGINS = void 0;
-
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _slateHotkeys = _interopRequireDefault(require("slate-hotkeys"));
-
 var _slateDevEnvironment = require("slate-dev-environment");
-
 var _slate = require("slate");
-
-var _FormatBold = _interopRequireDefault(require("@material-ui/icons/FormatBold"));
-
-var _FormatQuote = _interopRequireDefault(require("@material-ui/icons/FormatQuote"));
-
-var _FormatListBulleted = _interopRequireDefault(require("@material-ui/icons/FormatListBulleted"));
-
-var _FormatListNumbered = _interopRequireDefault(require("@material-ui/icons/FormatListNumbered"));
-
-var _Redo = _interopRequireDefault(require("@material-ui/icons/Redo"));
-
-var _Undo = _interopRequireDefault(require("@material-ui/icons/Undo"));
-
+var _FormatBold = _interopRequireDefault(require("@mui/icons-material/FormatBold"));
+var _FormatQuote = _interopRequireDefault(require("@mui/icons-material/FormatQuote"));
+var _FormatListBulleted = _interopRequireDefault(require("@mui/icons-material/FormatListBulleted"));
+var _FormatListNumbered = _interopRequireDefault(require("@mui/icons-material/FormatListNumbered"));
+var _Redo = _interopRequireDefault(require("@mui/icons-material/Redo"));
+var _Undo = _interopRequireDefault(require("@mui/icons-material/Undo"));
 var _image = _interopRequireDefault(require("./image"));
-
 var _media = _interopRequireDefault(require("./media"));
-
 var _characters = _interopRequireDefault(require("./characters"));
-
-var _FormatItalic = _interopRequireDefault(require("@material-ui/icons/FormatItalic"));
-
+var _FormatItalic = _interopRequireDefault(require("@mui/icons-material/FormatItalic"));
 var _math = _interopRequireDefault(require("./math"));
-
 var _react = _interopRequireDefault(require("react"));
-
-var _FormatStrikethrough = _interopRequireDefault(require("@material-ui/icons/FormatStrikethrough"));
-
+var _FormatStrikethrough = _interopRequireDefault(require("@mui/icons-material/FormatStrikethrough"));
 var _toolbar = _interopRequireDefault(require("./toolbar"));
-
-var _FormatUnderlined = _interopRequireDefault(require("@material-ui/icons/FormatUnderlined"));
-
+var _FormatUnderlined = _interopRequireDefault(require("@mui/icons-material/FormatUnderlined"));
 var _compact = _interopRequireDefault(require("lodash/compact"));
-
 var _isEmpty = _interopRequireDefault(require("lodash/isEmpty"));
-
 var _slateSoftBreak = _interopRequireDefault(require("slate-soft-break"));
-
 var _debug = _interopRequireDefault(require("debug"));
-
 var _list = _interopRequireDefault(require("./list"));
-
 var _table = _interopRequireDefault(require("./table"));
-
 var _respArea = _interopRequireDefault(require("./respArea"));
-
 var _html = _interopRequireDefault(require("./html"));
-
 var _css = _interopRequireDefault(require("./css"));
-
 var _customPlugin = _interopRequireDefault(require("./customPlugin"));
-
 var _rendering = _interopRequireDefault(require("./rendering"));
-
 var _textAlign = _interopRequireDefault(require("./textAlign"));
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } //import Code from '@mui/icons-material/Code';
 var log = (0, _debug["default"])('@pie-lib:editable-html:plugins');
-
 var SuperscriptIcon = function SuperscriptIcon() {
   return /*#__PURE__*/_react["default"].createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
@@ -89,7 +52,6 @@ var SuperscriptIcon = function SuperscriptIcon() {
     fill: "currentColor"
   }));
 };
-
 var SubscriptIcon = function SubscriptIcon() {
   return /*#__PURE__*/_react["default"].createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
@@ -102,7 +64,6 @@ var SubscriptIcon = function SubscriptIcon() {
     fill: "currentColor"
   }));
 };
-
 var HeadingIcon = function HeadingIcon() {
   return /*#__PURE__*/_react["default"].createElement("svg", {
     width: "30",
@@ -119,7 +80,6 @@ var HeadingIcon = function HeadingIcon() {
     fill: "currentColor"
   }));
 };
-
 var STYLES_MAP = {
   h3: {
     fontSize: 'inherit',
@@ -132,13 +92,13 @@ var STYLES_MAP = {
     padding: '.5em 10px'
   }
 };
-
 function MarkHotkey(options) {
   var type = options.type,
-      key = options.key,
-      icon = options.icon,
-      tag = options.tag; // Return our "plugin" object, containing the `onKeyDown` handler.
+    key = options.key,
+    icon = options.icon,
+    tag = options.tag;
 
+  // Return our "plugin" object, containing the `onKeyDown` handler.
   return {
     name: type,
     toolbar: {
@@ -148,7 +108,6 @@ function MarkHotkey(options) {
       onToggle: function onToggle(change) {
         log('[onToggleMark] type: ', type);
         var selection = change.value.selection;
-
         if (['blockquote', 'h3'].includes(type)) {
           var texts = change.value.document.getTextsAtRangeAsArray(selection);
           var onlyOneText = texts.length === 1;
@@ -159,7 +118,6 @@ function MarkHotkey(options) {
             var markIsThere = marks.find(function (m) {
               return m.type === type;
             });
-
             if (!markIsThere) {
               // not all texts have this mark
               sameMark = false;
@@ -169,80 +127,72 @@ function MarkHotkey(options) {
             }
           });
           var shouldContinue = onlyOneText || sameMark || !hasMark;
-
           if (!shouldContinue) {
             return change;
           }
-
           if (selection.startKey === selection.endKey && selection.anchorOffset === selection.focusOffset) {
-            var textNode = change.value.document.getNode(selection.startKey); // select the whole line if there is no selection
+            var textNode = change.value.document.getNode(selection.startKey);
 
-            change.moveFocusTo(textNode.key, 0).moveAnchorTo(textNode.key, textNode.text.length); // remove toggle
+            // select the whole line if there is no selection
+            change.moveFocusTo(textNode.key, 0).moveAnchorTo(textNode.key, textNode.text.length);
 
+            // remove toggle
             var _hasMark = change.value.activeMarks.find(function (entry) {
               return entry.type === type;
             });
-
             if (_hasMark) {
               change.removeMark(_hasMark);
             } else {
               var newMark = _slate.Mark.create(type);
-
               change.addMark(newMark);
-            } // move focus to end of text
-
+            }
 
+            // move focus to end of text
             return change.moveFocusTo(textNode.key, textNode.text.length).moveAnchorTo(textNode.key, textNode.text.length);
           }
         }
-
         return change.toggleMark(type);
       }
     },
     renderMark: function renderMark(props) {
       if (props.mark.type === type) {
         var _ref = props.node || {},
-            data = _ref.data;
-
+          data = _ref.data;
         var jsonData = (data === null || data === void 0 ? void 0 : data.toJSON()) || {};
         var K = tag || type;
         var additionalStyles = STYLES_MAP[K];
-
         if (additionalStyles) {
           if (!jsonData.attributes) {
             jsonData.attributes = {};
           }
-
           jsonData.attributes.style = _objectSpread(_objectSpread({}, jsonData.attributes.style), additionalStyles);
         }
-
         return /*#__PURE__*/_react["default"].createElement(K, jsonData.attributes, props.children);
       }
     },
     onKeyDown: function onKeyDown(event, change) {
       // Check that the key pressed matches our `key` option.
-      if (!event.metaKey || event.key != key) return; // Prevent the default characters from being inserted.
+      if (!event.metaKey || event.key != key) return;
 
-      event.preventDefault(); // Toggle the mark `type`.
+      // Prevent the default characters from being inserted.
+      event.preventDefault();
 
+      // Toggle the mark `type`.
       change.toggleMark(type);
       return true;
     }
   };
 }
-
-var ALL_PLUGINS = ['bold', // 'code',
+var ALL_PLUGINS = exports.ALL_PLUGINS = ['bold',
+// 'code',
 'html', 'extraCSSRules', 'italic', 'underline', 'strikethrough', 'bulleted-list', 'numbered-list', 'image', 'math', 'languageCharacters', 'text-align', 'blockquote', 'h3', 'table', 'video', 'audio', 'responseArea', 'redo', 'undo', 'superscript', 'subscript'];
-exports.ALL_PLUGINS = ALL_PLUGINS;
-var DEFAULT_PLUGINS = ALL_PLUGINS.filter(function (plug) {
+var DEFAULT_PLUGINS = exports.DEFAULT_PLUGINS = ALL_PLUGINS.filter(function (plug) {
   return !['responseArea', 'h3', 'blockquote'].includes(plug);
 });
-exports.DEFAULT_PLUGINS = DEFAULT_PLUGINS;
 var ICON_MAP = {
   undo: _Undo["default"],
   redo: _Redo["default"]
 };
-
 function UndoRedo(type) {
   var IconToUse = ICON_MAP[type];
   return {
@@ -258,7 +208,6 @@ function UndoRedo(type) {
     }
   };
 }
-
 function EnterHandlingPlugin() {
   return {
     name: 'enterHandling',
@@ -267,33 +216,26 @@ function EnterHandlingPlugin() {
         if (change.value.isInVoid) {
           return change.collapseToStartOfNextText();
         }
-
         change.splitBlock();
         var range = change.value.selection;
         var newBlock = change.value.document.getClosestBlock(range.startKey);
-
         if (newBlock.type !== 'paragraph') {
           change.setNodeByKey(newBlock.key, {
             type: 'paragraph'
           });
         }
-
         return change;
       }
-
       return undefined;
     }
   };
 }
-
-var buildPlugins = function buildPlugins(activePlugins, customPlugins, opts) {
+var buildPlugins = exports.buildPlugins = function buildPlugins(activePlugins, customPlugins, opts) {
   log('[buildPlugins] opts: ', opts);
   activePlugins = activePlugins || DEFAULT_PLUGINS;
-
   var addIf = function addIf(key, p) {
     return activePlugins.includes(key) && p;
   };
-
   var imagePlugin = opts.image && opts.image.onDelete && (0, _image["default"])(opts.image);
   var mathPlugin = (0, _math["default"])(opts.math);
   var respAreaPlugin = opts.responseArea && opts.responseArea.type && (0, _respArea["default"])(opts.responseArea, (0, _compact["default"])([mathPlugin]));
@@ -305,41 +247,36 @@ var buildPlugins = function buildPlugins(activePlugins, customPlugins, opts) {
     }));
   });
   var tablePlugins = [imagePlugin, mathPlugin, respAreaPlugin].concat((0, _toConsumableArray2["default"])(languageCharactersPlugins));
-
   if (opts.responseArea && opts.responseArea.type === 'math-templated') {
     tablePlugins.push(respAreaPlugin);
   }
-
   var builtCustomPlugins = [];
   customPlugins.forEach(function (customPlugin) {
     var _ref2 = customPlugin || {},
-        event = _ref2.event,
-        icon = _ref2.icon,
-        iconType = _ref2.iconType,
-        iconAlt = _ref2.iconAlt;
-
+      event = _ref2.event,
+      icon = _ref2.icon,
+      iconType = _ref2.iconType,
+      iconAlt = _ref2.iconAlt;
     function isValidEventName(eventName) {
       // Check if eventName is a non-empty string
       if (typeof eventName !== 'string' || eventName.length === 0) {
         return false;
-      } // Regular expression to match valid event names (only alphanumeric characters and underscore)
-
+      }
 
-      var regex = /^[a-zA-Z0-9_]+$/; // Check if the eventName matches the regular expression
+      // Regular expression to match valid event names (only alphanumeric characters and underscore)
+      var regex = /^[a-zA-Z0-9_]+$/;
 
+      // Check if the eventName matches the regular expression
       return regex.test(eventName);
     }
-
     if (!isValidEventName(event)) {
       console.error("The event name: ".concat(event, " is not a valid event name!"));
       return;
     }
-
     if (!icon && !iconType && !iconAlt) {
       console.error('Your custom button requires icon, iconType and iconAlt');
       return;
     }
-
     builtCustomPlugins.push((0, _customPlugin["default"])('custom-plugin', customPlugin));
   });
   return (0, _compact["default"])([addIf('table', (0, _table["default"])(opts.table, (0, _compact["default"])(tablePlugins))), addIf('bold', MarkHotkey({
@@ -347,7 +284,8 @@ var buildPlugins = function buildPlugins(activePlugins, customPlugins, opts) {
     type: 'bold',
     icon: /*#__PURE__*/_react["default"].createElement(_FormatBold["default"], null),
     tag: 'strong'
-  })), // addIf('code', MarkHotkey({ key: '`', type: 'code', icon: <Code /> })),
+  })),
+  // addIf('code', MarkHotkey({ key: '`', type: 'code', icon: <Code /> })),
   addIf('italic', MarkHotkey({
     key: 'i',
     type: 'italic',
@@ -363,12 +301,14 @@ var buildPlugins = function buildPlugins(activePlugins, customPlugins, opts) {
     type: 'underline',
     icon: /*#__PURE__*/_react["default"].createElement(_FormatUnderlined["default"], null),
     tag: 'u'
-  })), // icon should be modifies accordingly
+  })),
+  // icon should be modifies accordingly
   addIf('superscript', MarkHotkey({
     type: 'sup',
     icon: /*#__PURE__*/_react["default"].createElement(SuperscriptIcon, null),
     tag: 'sup'
-  })), // icon should be modifies accordingly
+  })),
+  // icon should be modifies accordingly
   addIf('subscript', MarkHotkey({
     type: 'sub',
     icon: /*#__PURE__*/_react["default"].createElement(SubscriptIcon, null),
@@ -397,6 +337,4 @@ var buildPlugins = function buildPlugins(activePlugins, customPlugins, opts) {
     shift: true
   })], builtCustomPlugins, [addIf('responseArea', respAreaPlugin), cssPlugin, addIf('html', (0, _html["default"])(opts.html)), EnterHandlingPlugin(), (0, _rendering["default"])()]));
 };
-
-exports.buildPlugins = buildPlugins;
 //# sourceMappingURL=index.js.map