Adds a willCopy hook to the editor 🧛‍♀️

bustle · May 22, 2020 · f5f0cb8 · f5f0cb8
1 parent e1d066c
commit f5f0cb8
Show file tree

Hide file tree

Showing 3 changed files with 27 additions and 1 deletion.
diff --git a/src/js/editor/editor.js b/src/js/editor/editor.js
@@ -70,7 +70,8 @@ const CALLBACK_QUEUES = {
   CURSOR_DID_CHANGE: 'cursorDidChange',
   DID_REPARSE: 'didReparse',
   POST_DID_CHANGE: 'postDidChange',
-  INPUT_MODE_DID_CHANGE: 'inputModeDidChange'
+  INPUT_MODE_DID_CHANGE: 'inputModeDidChange',
+  WILL_COPY: 'willCopy'
 };
 
 /**
@@ -812,6 +813,10 @@ class Editor {
     this.addCallback(CALLBACK_QUEUES.DID_RENDER, callback);
   }
 
+  willCopy(callback) {
+    this.addCallback(CALLBACK_QUEUES.WILL_COPY, callback);
+  }
+
   /**
    * @param {Function} callback This callback will be called before deleting.
    * @public

diff --git a/src/js/editor/event-manager.js b/src/js/editor/event-manager.js
@@ -229,6 +229,8 @@ export default class EventManager {
       mobiledoc: editor.serializePost(post, 'mobiledoc')
     };
 
+    editor.runCallbacks('willCopy', [data]);
+
     setClipboardData(event, data, window);
   }
 

diff --git a/tests/acceptance/editor-copy-paste-test.js b/tests/acceptance/editor-copy-paste-test.js
@@ -123,6 +123,25 @@ test('paste plain text into an empty Mobiledoc', (assert) => {
   assert.hasElement('#editor p:contains(abc)', 'pastes the text');
 });
 
+test('willCopy callback called before copy', (assert) => {
+  const mobiledoc = Helpers.mobiledoc.build(
+    ({post, markupSection, marker}) => {
+    return post([markupSection('p', [marker('abc')])]);
+  });
+  editor = new Editor({mobiledoc});
+  editor.addCallback('willCopy', data => {
+    assert.deepEqual(data.mobiledoc, mobiledoc);
+    data.mobiledoc.sections[0][1] = 'blockquote';
+    console.log({ data })
+  });
+  editor.render(editorElement);
+
+  assert.hasElement('#editor p:contains(abc)', 'precond - has p');
+
+  Helpers.dom.selectText(editor, 'abc', editorElement);
+  Helpers.dom.triggerCopyEvent(editor);
+});
+
 test('can cut and then paste content', (assert) => {
   const mobiledoc = Helpers.mobiledoc.build(
     ({post, markupSection, marker}) => {