@pie-lib/editable-html 10.0.0-beta.7 → 10.0.0

package/lib/plugins/media/index.js

@@ -1,57 +1,70 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = MediaPlugin;
 exports.serialization = exports.insertDialog = void 0;
+
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _reactDom = _interopRequireDefault(require("react-dom"));
+
 var _slate = require("slate");
-var _slateHyperscript = require("slate-hyperscript");
-var _slateReact = require("slate-react");
+
 var _Theaters = _interopRequireDefault(require("@material-ui/icons/Theaters"));
+
 var _VolumeUp = _interopRequireDefault(require("@material-ui/icons/VolumeUp"));
-var _get = _interopRequireDefault(require("lodash/get"));
-var _omit2 = _interopRequireDefault(require("lodash/omit"));
+
 var _debug = _interopRequireDefault(require("debug"));
+
 var _mediaDialog = _interopRequireDefault(require("./media-dialog"));
+
 var _mediaToolbar = _interopRequireDefault(require("./media-toolbar"));
+
 var _mediaWrapper = _interopRequireDefault(require("./media-wrapper"));
+
 var _excluded = ["type", "callback", "opts"],
-  _excluded2 = ["src", "height", "width", "editing", "tag"];
+    _excluded2 = ["src", "height", "width", "editing", "tag"];
+
 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 _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+
 var log = (0, _debug["default"])('@pie-lib:editable-html:plugins:image');
+
 var removeDialogs = function removeDialogs() {
   var prevDialogs = document.querySelectorAll('.insert-media-dialog');
   prevDialogs.forEach(function (s) {
     return s.remove();
   });
 };
+
 var insertDialog = function insertDialog(props) {
   var newEl = document.createElement('div');
   var type = props.type,
-    callback = props.callback,
-    opts = props.opts,
-    rest = (0, _objectWithoutProperties2["default"])(props, _excluded);
+      callback = props.callback,
+      opts = props.opts,
+      rest = (0, _objectWithoutProperties2["default"])(props, _excluded);
   var initialBodyOverflow = document.body.style.overflow;
   removeDialogs();
   newEl.className = 'insert-media-dialog';
   document.body.style.overflow = 'hidden';
+
   var handleClose = function handleClose(val, data) {
     callback(val, data);
     newEl.remove();
     document.body.style.overflow = initialBodyOverflow;
   };
+
   var el = /*#__PURE__*/_react["default"].createElement(_mediaDialog["default"], (0, _extends2["default"])({}, rest, {
     uploadSoundSupport: opts.uploadSoundSupport,
     type: type,
@@ -59,54 +72,25 @@ var insertDialog = function insertDialog(props) {
     open: true,
     handleClose: handleClose
   }));
+
   _reactDom["default"].render(el, newEl);
+
   document.body.appendChild(newEl);
 };
+
 exports.insertDialog = insertDialog;
-var getNodeBy = function getNodeBy(editor, callback) {
-  var descendants = _slate.Node.descendants(editor, {
-    reverse: true
-  });
-  var _iterator = _createForOfIteratorHelper(descendants),
-    _step;
-  try {
-    for (_iterator.s(); !(_step = _iterator.n()).done;) {
-      var _step$value = (0, _slicedToArray2["default"])(_step.value, 2),
-        descendant = _step$value[0],
-        descendantPath = _step$value[1];
-      if (callback(descendant, descendantPath)) {
-        return [descendant, descendantPath];
-      }
-    }
-  } catch (err) {
-    _iterator.e(err);
-  } finally {
-    _iterator.f();
-  }
-};
-var moveFocusAfterMedia = function moveFocusAfterMedia(editor, node) {
-  if (!editor || !node) {
-    return;
-  }
-  setTimeout(function () {
-    _slateReact.ReactEditor.focus(editor);
-    _slate.Transforms.move(editor, {
-      distance: 1,
-      unit: 'offset'
-    });
-  }, 0);
-};
 var types = ['audio', 'video'];
+
 function MediaPlugin(type, opts) {
   var toolbar = {
     icon: type === 'audio' ? /*#__PURE__*/_react["default"].createElement(_VolumeUp["default"], null) : /*#__PURE__*/_react["default"].createElement(_Theaters["default"], null),
-    onClick: function onClick(editor) {
+    onClick: function onClick(value, onChange) {
       log('[toolbar] onClick');
-      var inline = {
+
+      var inline = _slate.Inline.create({
         type: type,
         isVoid: true,
         data: {
-          newMedia: true,
           editing: false,
           ends: undefined,
           height: undefined,
@@ -115,132 +99,122 @@ function MediaPlugin(type, opts) {
           src: undefined,
           url: undefined,
           width: undefined
-        },
-        children: [{
-          text: ''
-        }]
-      };
-      editor.insertNode(inline);
+        }
+      });
+
+      var change = value.change().insertInline(inline);
+      onChange(change);
       insertDialog({
         type: type,
         opts: opts,
         callback: function callback(val, data) {
-          var nodePath = _slateReact.ReactEditor.findPath(editor, inline);
-          if (inline) {
+          var nodeIsThere = change.value.document.findDescendant(function (d) {
+            return d.key === inline.key;
+          });
+
+          if (nodeIsThere) {
             if (!val) {
-              editor.apply({
-                type: 'remove_node',
-                path: nodePath
+              var c = change.removeNodeByKey(inline.key);
+              onChange(c, function () {
+                return opts.focus();
               });
             } else {
-              editor.apply({
-                type: 'set_node',
-                path: nodePath,
-                properties: {
-                  data: inline.data
-                },
-                newProperties: {
-                  data: _objectSpread(_objectSpread({}, data), {}, {
-                    newMedia: false
-                  })
-                }
+              var _c = change.setNodeByKey(inline.key, {
+                data: data
+              });
+
+              onChange(_c, function () {
+                return opts.focus('beginning', nodeIsThere);
               });
             }
+          } else {
+            opts.focus();
           }
-          moveFocusAfterMedia(editor, inline);
         }
       });
+    },
+    supports: function supports(node) {
+      return node.object === 'inline' && node.type === type;
     }
   };
   return {
     name: type,
     toolbar: toolbar,
-    rules: function rules(editor) {
-      var isVoid = editor.isVoid,
-        isInline = editor.isInline;
-      editor.isVoid = function (element) {
-        return ['audio', 'video'].includes(element.type) ? true : isVoid(element);
-      };
-      editor.isInline = function (element) {
-        return ['audio', 'video'].includes(element.type) ? true : isInline(element);
-      };
-      return editor;
-    },
-    supports: function supports(node) {
-      return node.type === type;
+    deleteNode: function deleteNode(e, node, value, onChange) {
+      e.preventDefault();
+      var change = value.change().removeNodeByKey(node.key);
+      onChange(change);
     },
     renderNode: function renderNode(props) {
       if (props.node.type === type) {
         var node = props.node,
-          editor = props.editor;
+            key = props.key;
         var data = node.data;
-        var _omit = (0, _omit2["default"])(data, ['newMedia', 'urlToUse']),
-          src = _omit.src,
-          height = _omit.height,
-          width = _omit.width,
-          editing = _omit.editing,
-          tag = _omit.tag,
-          rest = (0, _objectWithoutProperties2["default"])(_omit, _excluded2);
-        var attributes = _objectSpread(_objectSpread({}, rest), props.attributes);
-        var handleEdit = function handleEdit(event) {
-          var nodeToEdit = _slateReact.ReactEditor.toSlateNode(editor, event.target);
-          var nodePath = _slateReact.ReactEditor.findPath(editor, nodeToEdit);
-          editor.apply({
-            type: 'set_node',
-            path: nodePath,
-            properties: {
-              data: node.data
-            },
-            newProperties: {
-              data: _objectSpread(_objectSpread({}, data), {}, {
-                editing: true
-              })
-            }
+        var jsonData = data.toJSON();
+        var src = jsonData.src,
+            height = jsonData.height,
+            width = jsonData.width,
+            editing = jsonData.editing,
+            tag = jsonData.tag,
+            rest = (0, _objectWithoutProperties2["default"])(jsonData, _excluded2);
+
+        var handleEdit = function handleEdit() {
+          var change = opts.createChange();
+          var c = change.setNodeByKey(key, {
+            data: _objectSpread(_objectSpread({}, jsonData), {}, {
+              editing: true
+            })
           });
-          insertDialog(_objectSpread(_objectSpread({}, data), {}, {
-            edit: true,
-            type: type,
-            opts: opts,
-            callback: function callback(val, data) {
-              var nodePath = _slateReact.ReactEditor.findPath(editor, nodeToEdit);
-              if (nodePath && val) {
-                editor.apply({
-                  type: 'set_node',
-                  path: nodePath,
-                  properties: {
-                    data: node.data
-                  },
-                  newProperties: {
-                    data: _objectSpread(_objectSpread({}, data), {}, {
-                      editing: true
-                    })
-                  }
+          opts.onChange(c, function () {
+            insertDialog(_objectSpread(_objectSpread({}, jsonData), {}, {
+              edit: true,
+              type: type,
+              opts: opts,
+              callback: function callback(val, data) {
+                var key = node.key;
+                var nodeIsThere = change.value.document.findDescendant(function (d) {
+                  return d.type === type && d.data.get('editing');
                 });
+
+                if (nodeIsThere && val) {
+                  var _c2 = change.setNodeByKey(key, {
+                    data: data,
+                    editing: false
+                  });
+
+                  opts.onChange(_c2, function () {
+                    return opts.focus('beginning', nodeIsThere);
+                  });
+                } else {
+                  opts.focus();
+                }
               }
-            }
-          }));
-        };
-        var handleDelete = function handleDelete(event) {
-          var nodeToEdit = _slateReact.ReactEditor.toSlateNode(editor, event.target);
-          var nodePath = _slateReact.ReactEditor.findPath(editor, nodeToEdit);
-          editor.apply({
-            type: 'remove_node',
-            path: nodePath
+            }));
           });
         };
+
+        var handleDelete = function handleDelete() {
+          var change = opts.createChange();
+          var c = change.removeNodeByKey(node.key);
+          opts.onChange(c);
+        };
+
         var style = {};
+
         if (width) {
           style.width = "".concat(width, "px");
         }
+
         if (height) {
           style.height = "".concat(height, "px");
         }
+
         if (tag === 'audio') {
-          return /*#__PURE__*/_react["default"].createElement(_mediaWrapper["default"], {
+          return /*#__PURE__*/_react["default"].createElement(_mediaWrapper["default"], (0, _extends2["default"])({
+            editor: true,
             "data-type": type,
-            width: style.width,
-            attributes: attributes
-          }, /*#__PURE__*/_react["default"].createElement("audio", {
+            width: style.width
+          }, rest), /*#__PURE__*/_react["default"].createElement("audio", {
             controls: "controls"
           }, /*#__PURE__*/_react["default"].createElement("source", {
             type: "audio/mp3",
@@ -248,15 +222,14 @@ function MediaPlugin(type, opts) {
           })), /*#__PURE__*/_react["default"].createElement(_mediaToolbar["default"], {
             hideEdit: true,
             onRemove: handleDelete
-          }), props.children);
+          }));
         }
-        return /*#__PURE__*/_react["default"].createElement(_mediaWrapper["default"], {
+
+        return /*#__PURE__*/_react["default"].createElement(_mediaWrapper["default"], (0, _extends2["default"])({
+          editor: true,
           "data-type": type,
-          width: style.width,
-          attributes: attributes
-        }, /*#__PURE__*/_react["default"].createElement("div", {
-          contentEditable: false
-        }, /*#__PURE__*/_react["default"].createElement("iframe", (0, _extends2["default"])({
+          width: style.width
+        }, rest), /*#__PURE__*/_react["default"].createElement("iframe", (0, _extends2["default"])({
           frameBorder: "0",
           allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",
           allowFullScreen: true,
@@ -265,20 +238,54 @@ function MediaPlugin(type, opts) {
         }, rest, style)), /*#__PURE__*/_react["default"].createElement(_mediaToolbar["default"], {
           onEdit: handleEdit,
           onRemove: handleDelete
-        })), props.children);
+        }));
       }
+    },
+    normalizeNode: function normalizeNode(node) {
+      var textNodeMap = {};
+      var updateNodesArray = [];
+      var index = 0;
+      if (node.object !== 'document') return;
+      node.findDescendant(function (d) {
+        if (d.object === 'text') {
+          textNodeMap[index] = d;
+        }
+
+        var isMedia = types.indexOf(d.type) >= 0;
+
+        if (isMedia) {
+          if (index > 0 && textNodeMap[index - 1] && textNodeMap[index - 1].text === '') {
+            updateNodesArray.push(textNodeMap[index - 1]);
+          }
+        }
+
+        index++;
+      });
+      if (!updateNodesArray.length) return;
+      return function (change) {
+        change.withoutNormalization(function () {
+          updateNodesArray.forEach(function (n) {
+            return change.insertTextByKey(n.key, 0, ' ');
+          });
+        });
+      };
     }
   };
 }
+
 var serialization = {
-  deserialize: function deserialize(el /*, next*/) {
+  deserialize: function deserialize(el
+  /*, next*/
+  ) {
     var type = el.dataset && el.dataset.type;
     var tag = 'iframe';
     var src;
     var typeIndex = types.indexOf(type);
+
     if (typeIndex < 0) {
       if (el instanceof Element && el.tagName.toLowerCase() === 'audio') {
         var _el$firstChild;
+
         type = 'audio';
         tag = 'audio';
         src = (_el$firstChild = el.firstChild) === null || _el$firstChild === void 0 ? void 0 : _el$firstChild.getAttribute('src');
@@ -286,17 +293,21 @@ var serialization = {
         return;
       }
     }
+
     var _ref = el.dataset || {},
-      ends = _ref.ends,
-      starts = _ref.starts,
-      title = _ref.title,
-      editing = _ref.editing,
-      url = _ref.url;
+        ends = _ref.ends,
+        starts = _ref.starts,
+        title = _ref.title,
+        editing = _ref.editing,
+        url = _ref.url;
+
     log('deserialize: ', name);
     var width = parseInt(el.getAttribute('width'), 10) || null;
     var height = parseInt(el.getAttribute('height'), 10) || null;
-    var out = (0, _slateHyperscript.jsx)('element', {
+    var out = {
+      object: 'inline',
       type: type,
+      isVoid: true,
       data: {
         tag: tag,
         src: src || el.getAttribute('src'),
@@ -308,33 +319,36 @@ var serialization = {
         width: width,
         url: url
       }
-    });
+    };
     log('return object: ', out);
     return out;
   },
-  serialize: function serialize(object) {
+  serialize: function serialize(object
+  /*, children*/
+  ) {
     var typeIndex = types.indexOf(object.type);
-    if (typeIndex < 0) {
-      return;
-    }
+    if (typeIndex < 0) return;
     var type = types[typeIndex];
-    var _ref2 = object.data || {},
-      editing = _ref2.editing,
-      tag = _ref2.tag,
-      ends = _ref2.ends,
-      src = _ref2.src,
-      starts = _ref2.starts,
-      title = _ref2.title,
-      width = _ref2.width,
-      height = _ref2.height,
-      url = _ref2.url;
+    var data = object.data;
+    var editing = data.get('editing');
+    var tag = data.get('tag');
+    var ends = data.get('ends');
+    var src = data.get('src');
+    var starts = data.get('starts');
+    var title = data.get('title');
+    var width = data.get('width');
+    var height = data.get('height');
+    var url = data.get('url');
     var style = {};
+
     if (width) {
       style.width = "".concat(width, "px");
     }
+
     if (height) {
       style.height = "".concat(height, "px");
     }
+
     var divProps = {
       'data-editing': editing,
       'data-ends': ends,
@@ -342,9 +356,11 @@ var serialization = {
       'data-title': title,
       'data-url': url
     };
+
     var props = _objectSpread(_objectSpread({}, style), {}, {
       src: src
     });
+
     if (tag === 'audio') {
       return /*#__PURE__*/_react["default"].createElement("audio", {
         controls: "controls"
@@ -353,6 +369,7 @@ var serialization = {
         src: src
       }));
     }
+
     return /*#__PURE__*/_react["default"].createElement("iframe", (0, _extends2["default"])({
       "data-type": type,
       src: src

package/lib/plugins/media/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_reactDom","_slate","_slateHyperscript","_slateReact","_Theaters","_VolumeUp","_get","_omit2","_debug","_mediaDialog","_mediaToolbar","_mediaWrapper","_excluded","_excluded2","ownKeys","object","enumerableOnly","keys","Object","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","key","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","_createForOfIteratorHelper","o","allowArrayLike","it","Symbol","iterator","Array","isArray","_unsupportedIterableToArray","F","s","n","done","value","e","_e","f","TypeError","normalCompletion","didErr","err","call","step","next","_e2","minLen","_arrayLikeToArray","prototype","toString","slice","constructor","name","from","test","arr","len","arr2","log","debug","removeDialogs","prevDialogs","document","querySelectorAll","remove","insertDialog","props","newEl","createElement","type","callback","opts","rest","_objectWithoutProperties2","initialBodyOverflow","body","style","overflow","className","handleClose","val","data","el","_extends2","uploadSoundSupport","disablePortal","open","ReactDOM","render","appendChild","exports","getNodeBy","editor","descendants","SlateNode","reverse","_iterator","_step","_step$value","_slicedToArray2","descendant","descendantPath","moveFocusAfterMedia","node","setTimeout","ReactEditor","focus","Transforms","move","distance","unit","types","MediaPlugin","toolbar","icon","onClick","inline","isVoid","newMedia","editing","ends","undefined","height","title","starts","src","url","width","children","text","insertNode","nodePath","findPath","path","properties","newProperties","rules","isInline","element","includes","supports","renderNode","_omit","omit","tag","attributes","handleEdit","event","nodeToEdit","toSlateNode","edit","handleDelete","concat","controls","hideEdit","onRemove","contentEditable","frameBorder","allow","allowFullScreen","onEdit","serialization","deserialize","dataset","typeIndex","indexOf","Element","tagName","toLowerCase","_el$firstChild","firstChild","getAttribute","_ref","parseInt","out","jsx","serialize","_ref2","divProps"],"sources":["../../../src/plugins/media/index.jsx"],"sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport { Node as SlateNode, Transforms } from 'slate';\nimport { jsx } from 'slate-hyperscript';\nimport { ReactEditor } from 'slate-react';\nimport TheatersIcon from '@material-ui/icons/Theaters';\nimport VolumeUpIcon from '@material-ui/icons/VolumeUp';\nimport get from 'lodash/get';\nimport omit from 'lodash/omit';\n\nimport debug from 'debug';\nimport MediaDialog from './media-dialog';\nimport MediaToolbar from './media-toolbar';\nimport MediaWrapper from './media-wrapper';\n\nconst log = debug('@pie-lib:editable-html:plugins:image');\n\nconst removeDialogs = () => {\n  const prevDialogs = document.querySelectorAll('.insert-media-dialog');\n\n  prevDialogs.forEach((s) => s.remove());\n};\n\nexport const insertDialog = (props) => {\n  const newEl = document.createElement('div');\n  const { type, callback, opts, ...rest } = props;\n  const initialBodyOverflow = document.body.style.overflow;\n\n  removeDialogs();\n\n  newEl.className = 'insert-media-dialog';\n  document.body.style.overflow = 'hidden';\n\n  const handleClose = (val, data) => {\n    callback(val, data);\n    newEl.remove();\n    document.body.style.overflow = initialBodyOverflow;\n  };\n\n  const el = (\n    <MediaDialog\n      {...rest}\n      uploadSoundSupport={opts.uploadSoundSupport}\n      type={type}\n      disablePortal={true}\n      open={true}\n      handleClose={handleClose}\n    />\n  );\n\n  ReactDOM.render(el, newEl);\n\n  document.body.appendChild(newEl);\n};\n\nconst getNodeBy = (editor, callback) => {\n  const descendants = SlateNode.descendants(editor, {\n    reverse: true\n  });\n\n  for (const [descendant, descendantPath] of descendants) {\n    if (callback(descendant, descendantPath)) {\n      return [descendant, descendantPath];\n    }\n  }\n};\n\nconst moveFocusAfterMedia = (editor, node) => {\n  if (!editor || !node) {\n    return;\n  }\n\n  setTimeout(() => {\n    ReactEditor.focus(editor);\n    Transforms.move(editor, { distance: 1, unit: 'offset' });\n  }, 0);\n};\n\nconst types = ['audio', 'video'];\n\nexport default function MediaPlugin(type, opts) {\n  const toolbar = {\n    icon: type === 'audio' ? <VolumeUpIcon /> : <TheatersIcon />,\n    onClick: editor => {\n      log('[toolbar] onClick');\n      const inline = {\n        type: type,\n        isVoid: true,\n        data: {\n          newMedia: true,\n          editing: false,\n          ends: undefined,\n          height: undefined,\n          title: undefined,\n          starts: undefined,\n          src: undefined,\n          url: undefined,\n          width: undefined,\n        },\n        children: [{ text: '' }],\n      };\n\n      editor.insertNode(inline);\n\n      insertDialog({\n        type,\n        opts,\n        callback: (val, data) => {\n          const nodePath = ReactEditor.findPath(editor, inline);\n\n          if (inline) {\n            if (!val) {\n              editor.apply({\n                type: 'remove_node',\n                path: nodePath\n              });\n            } else {\n              editor.apply({\n                type: 'set_node',\n                path: nodePath,\n                properties: {\n                  data: inline.data\n                },\n                newProperties: {\n                  data: {\n                    ...data,\n                    newMedia: false\n                  }\n                }\n              });\n            }\n          }\n\n          moveFocusAfterMedia(editor, inline);\n        }\n      });\n    }\n  };\n\n  return {\n    name: type,\n    toolbar,\n    rules: editor => {\n      const { isVoid, isInline } = editor;\n\n      editor.isVoid = element => {\n        return ['audio', 'video'].includes(element.type) ? true : isVoid(element);\n      };\n\n      editor.isInline = element => {\n        return ['audio', 'video'].includes(element.type) ? true : isInline(element);\n      };\n\n      return editor;\n    },\n    supports: node => node.type === type,\n    renderNode(props) {\n      if (props.node.type === type) {\n        const { node, editor } = props;\n        const { data } = node;\n        const { src, height, width, editing, tag, ...rest } = omit(data, ['newMedia', 'urlToUse']);\n        const attributes = { ...rest, ...props.attributes };\n        const handleEdit = event => {\n          const nodeToEdit = ReactEditor.toSlateNode(editor, event.target);\n          const nodePath = ReactEditor.findPath(editor, nodeToEdit);\n\n          editor.apply({\n            type: 'set_node',\n            path: nodePath,\n            properties: {\n              data: node.data\n            },\n            newProperties: {\n              data: {\n                ...data,\n                editing: true\n              }\n            }\n          });\n\n          insertDialog({\n            ...data,\n            edit: true,\n            type,\n            opts,\n            callback: (val, data) => {\n              const nodePath = ReactEditor.findPath(editor, nodeToEdit);\n\n              if (nodePath && val) {\n                editor.apply({\n                  type: 'set_node',\n                  path: nodePath,\n                  properties: {\n                    data: node.data\n                  },\n                  newProperties: {\n                    data: {\n                      ...data,\n                      editing: true\n                    }\n                  }\n                });\n              }\n            }\n          });\n        };\n        const handleDelete = event => {\n          const nodeToEdit = ReactEditor.toSlateNode(editor, event.target);\n          const nodePath = ReactEditor.findPath(editor, nodeToEdit);\n\n          editor.apply({\n            type: 'remove_node',\n            path: nodePath\n          });\n        };\n        const style = {};\n\n        if (width) {\n          style.width = `${width}px`;\n        }\n\n        if (height) {\n          style.height = `${height}px`;\n        }\n\n        if (tag === 'audio') {\n          return (\n            <MediaWrapper data-type={type} width={style.width} attributes={attributes}>\n              <audio controls=\"controls\">\n                <source type=\"audio/mp3\" src={src} />\n              </audio>\n              <MediaToolbar hideEdit onRemove={handleDelete} />\n              {props.children}\n            </MediaWrapper>\n          );\n        }\n\n        return (\n          <MediaWrapper data-type={type} width={style.width} attributes={attributes}>\n            <div contentEditable={false}>\n              <iframe\n                frameBorder=\"0\"\n                allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\n                allowFullScreen\n                src={src}\n                editing={editing ? 1 : 0}\n                {...rest}\n                {...style}\n              />\n              <MediaToolbar onEdit={handleEdit} onRemove={handleDelete} />\n            </div>\n            {props.children}\n          </MediaWrapper>\n        );\n      }\n    },\n  };\n}\n\nexport const serialization = {\n  deserialize(el /*, next*/) {\n    let type = el.dataset && el.dataset.type;\n    let tag = 'iframe';\n    let src;\n    const typeIndex = types.indexOf(type);\n\n    if (typeIndex < 0) {\n      if (el instanceof Element && el.tagName.toLowerCase() === 'audio') {\n        type = 'audio';\n        tag = 'audio';\n        src = el.firstChild?.getAttribute('src');\n      } else {\n        return;\n      }\n    }\n\n    const { ends, starts, title, editing, url } = el.dataset || {};\n\n    log('deserialize: ', name);\n    const width = parseInt(el.getAttribute('width'), 10) || null;\n    const height = parseInt(el.getAttribute('height'), 10) || null;\n\n    const out = jsx('element', {\n      type,\n      data: {\n        tag,\n        src: src || el.getAttribute('src'),\n        editing,\n        ends,\n        height,\n        starts,\n        title,\n        width,\n        url\n      }\n    });\n\n    log('return object: ', out);\n    return out;\n  },\n  serialize(object) {\n    const typeIndex = types.indexOf(object.type);\n\n    if (typeIndex < 0) {\n      return;\n    }\n\n    const type = types[typeIndex];\n\n    const { editing, tag, ends, src, starts, title, width, height, url } = object.data || {};\n    const style = {};\n\n    if (width) {\n      style.width = `${width}px`;\n    }\n\n    if (height) {\n      style.height = `${height}px`;\n    }\n\n    const divProps = {\n      'data-editing': editing,\n      'data-ends': ends,\n      'data-starts': starts,\n      'data-title': title,\n      'data-url': url,\n    };\n    const props = {\n      ...style,\n      src,\n    };\n\n    if (tag === 'audio') {\n      return (\n        <audio controls=\"controls\">\n          <source type=\"audio/mp3\" src={src} />\n        </audio>\n      );\n    }\n\n    return (\n      <iframe\n        data-type={type}\n        src={src}\n        {...divProps}\n        frameBorder=\"0\"\n        allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\n        allowFullScreen\n        {...props}\n      />\n    );\n  },\n};\n"],"mappings":"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"}
+{"version":3,"sources":["../../../src/plugins/media/index.jsx"],"names":["log","removeDialogs","prevDialogs","document","querySelectorAll","forEach","s","remove","insertDialog","props","newEl","createElement","type","callback","opts","rest","initialBodyOverflow","body","style","overflow","className","handleClose","val","data","el","uploadSoundSupport","ReactDOM","render","appendChild","types","MediaPlugin","toolbar","icon","onClick","value","onChange","inline","Inline","create","isVoid","editing","ends","undefined","height","title","starts","src","url","width","change","insertInline","nodeIsThere","findDescendant","d","key","c","removeNodeByKey","focus","setNodeByKey","supports","node","object","name","deleteNode","e","preventDefault","renderNode","jsonData","toJSON","tag","handleEdit","createChange","edit","get","handleDelete","normalizeNode","textNodeMap","updateNodesArray","index","isMedia","indexOf","text","push","length","withoutNormalization","n","insertTextByKey","serialization","deserialize","dataset","typeIndex","Element","tagName","toLowerCase","firstChild","getAttribute","parseInt","out","serialize","divProps"],"mappings":"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","sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport { Inline } from 'slate';\nimport TheatersIcon from '@material-ui/icons/Theaters';\nimport VolumeUpIcon from '@material-ui/icons/VolumeUp';\nimport debug from 'debug';\n\nimport MediaDialog from './media-dialog';\nimport MediaToolbar from './media-toolbar';\nimport MediaWrapper from './media-wrapper';\n\nconst log = debug('@pie-lib:editable-html:plugins:image');\n\nconst removeDialogs = () => {\n  const prevDialogs = document.querySelectorAll('.insert-media-dialog');\n\n  prevDialogs.forEach((s) => s.remove());\n};\n\nexport const insertDialog = (props) => {\n  const newEl = document.createElement('div');\n  const { type, callback, opts, ...rest } = props;\n  const initialBodyOverflow = document.body.style.overflow;\n\n  removeDialogs();\n\n  newEl.className = 'insert-media-dialog';\n  document.body.style.overflow = 'hidden';\n\n  const handleClose = (val, data) => {\n    callback(val, data);\n    newEl.remove();\n    document.body.style.overflow = initialBodyOverflow;\n  };\n\n  const el = (\n    <MediaDialog\n      {...rest}\n      uploadSoundSupport={opts.uploadSoundSupport}\n      type={type}\n      disablePortal={true}\n      open={true}\n      handleClose={handleClose}\n    />\n  );\n\n  ReactDOM.render(el, newEl);\n\n  document.body.appendChild(newEl);\n};\n\nconst types = ['audio', 'video'];\n\nexport default function MediaPlugin(type, opts) {\n  const toolbar = {\n    icon: type === 'audio' ? <VolumeUpIcon /> : <TheatersIcon />,\n    onClick: (value, onChange) => {\n      log('[toolbar] onClick');\n      const inline = Inline.create({\n        type: type,\n        isVoid: true,\n        data: {\n          editing: false,\n          ends: undefined,\n          height: undefined,\n          title: undefined,\n          starts: undefined,\n          src: undefined,\n          url: undefined,\n          width: undefined,\n        },\n      });\n\n      const change = value.change().insertInline(inline);\n      onChange(change);\n      insertDialog({\n        type,\n        opts,\n        callback: (val, data) => {\n          const nodeIsThere = change.value.document.findDescendant((d) => d.key === inline.key);\n\n          if (nodeIsThere) {\n            if (!val) {\n              const c = change.removeNodeByKey(inline.key);\n              onChange(c, () => opts.focus());\n            } else {\n              const c = change.setNodeByKey(inline.key, { data });\n              onChange(c, () => opts.focus('beginning', nodeIsThere));\n            }\n          } else {\n            opts.focus();\n          }\n        },\n      });\n    },\n    supports: (node) => node.object === 'inline' && node.type === type,\n  };\n\n  return {\n    name: type,\n    toolbar,\n    deleteNode: (e, node, value, onChange) => {\n      e.preventDefault();\n      const change = value.change().removeNodeByKey(node.key);\n\n      onChange(change);\n    },\n    renderNode(props) {\n      if (props.node.type === type) {\n        const { node, key } = props;\n        const { data } = node;\n        const jsonData = data.toJSON();\n        const { src, height, width, editing, tag, ...rest } = jsonData;\n        const handleEdit = () => {\n          const change = opts.createChange();\n          const c = change.setNodeByKey(key, {\n            data: {\n              ...jsonData,\n              editing: true,\n            },\n          });\n\n          opts.onChange(c, () => {\n            insertDialog({\n              ...jsonData,\n              edit: true,\n              type,\n              opts,\n              callback: (val, data) => {\n                const { key } = node;\n\n                const nodeIsThere = change.value.document.findDescendant(\n                  (d) => d.type === type && d.data.get('editing'),\n                );\n\n                if (nodeIsThere && val) {\n                  const c = change.setNodeByKey(key, { data, editing: false });\n                  opts.onChange(c, () => opts.focus('beginning', nodeIsThere));\n                } else {\n                  opts.focus();\n                }\n              },\n            });\n          });\n        };\n        const handleDelete = () => {\n          const change = opts.createChange();\n          const c = change.removeNodeByKey(node.key);\n\n          opts.onChange(c);\n        };\n        const style = {};\n\n        if (width) {\n          style.width = `${width}px`;\n        }\n\n        if (height) {\n          style.height = `${height}px`;\n        }\n\n        if (tag === 'audio') {\n          return (\n            <MediaWrapper editor data-type={type} width={style.width} {...rest}>\n              <audio controls=\"controls\">\n                <source type=\"audio/mp3\" src={src} />\n              </audio>\n              <MediaToolbar hideEdit onRemove={handleDelete} />\n            </MediaWrapper>\n          );\n        }\n\n        return (\n          <MediaWrapper editor data-type={type} width={style.width} {...rest}>\n            <iframe\n              frameBorder=\"0\"\n              allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\n              allowFullScreen\n              src={src}\n              editing={editing ? 1 : 0}\n              {...rest}\n              {...style}\n            />\n            <MediaToolbar onEdit={handleEdit} onRemove={handleDelete} />\n          </MediaWrapper>\n        );\n      }\n    },\n    normalizeNode: (node) => {\n      const textNodeMap = {};\n      const updateNodesArray = [];\n      let index = 0;\n\n      if (node.object !== 'document') return;\n\n      node.findDescendant((d) => {\n        if (d.object === 'text') {\n          textNodeMap[index] = d;\n        }\n\n        const isMedia = types.indexOf(d.type) >= 0;\n\n        if (isMedia) {\n          if (index > 0 && textNodeMap[index - 1] && textNodeMap[index - 1].text === '') {\n            updateNodesArray.push(textNodeMap[index - 1]);\n          }\n        }\n\n        index++;\n      });\n\n      if (!updateNodesArray.length) return;\n\n      return (change) => {\n        change.withoutNormalization(() => {\n          updateNodesArray.forEach((n) => change.insertTextByKey(n.key, 0, ' '));\n        });\n      };\n    },\n  };\n}\n\nexport const serialization = {\n  deserialize(el /*, next*/) {\n    let type = el.dataset && el.dataset.type;\n    let tag = 'iframe';\n    let src;\n    const typeIndex = types.indexOf(type);\n\n    if (typeIndex < 0) {\n      if (el instanceof Element && el.tagName.toLowerCase() === 'audio') {\n        type = 'audio';\n        tag = 'audio';\n        src = el.firstChild?.getAttribute('src');\n      } else {\n        return;\n      }\n    }\n\n    const { ends, starts, title, editing, url } = el.dataset || {};\n\n    log('deserialize: ', name);\n    const width = parseInt(el.getAttribute('width'), 10) || null;\n    const height = parseInt(el.getAttribute('height'), 10) || null;\n\n    const out = {\n      object: 'inline',\n      type: type,\n      isVoid: true,\n      data: {\n        tag,\n        src: src || el.getAttribute('src'),\n        editing,\n        ends,\n        height,\n        starts,\n        title,\n        width,\n        url,\n      },\n    };\n    log('return object: ', out);\n    return out;\n  },\n  serialize(object /*, children*/) {\n    const typeIndex = types.indexOf(object.type);\n\n    if (typeIndex < 0) return;\n\n    const type = types[typeIndex];\n\n    const { data } = object;\n    const editing = data.get('editing');\n    const tag = data.get('tag');\n    const ends = data.get('ends');\n    const src = data.get('src');\n    const starts = data.get('starts');\n    const title = data.get('title');\n    const width = data.get('width');\n    const height = data.get('height');\n    const url = data.get('url');\n    const style = {};\n\n    if (width) {\n      style.width = `${width}px`;\n    }\n\n    if (height) {\n      style.height = `${height}px`;\n    }\n\n    const divProps = {\n      'data-editing': editing,\n      'data-ends': ends,\n      'data-starts': starts,\n      'data-title': title,\n      'data-url': url,\n    };\n    const props = {\n      ...style,\n      src,\n    };\n\n    if (tag === 'audio') {\n      return (\n        <audio controls=\"controls\">\n          <source type=\"audio/mp3\" src={src} />\n        </audio>\n      );\n    }\n\n    return (\n      <iframe\n        data-type={type}\n        src={src}\n        {...divProps}\n        frameBorder=\"0\"\n        allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\n        allowFullScreen\n        {...props}\n      />\n    );\n  },\n};\n"],"file":"index.js"}