From f0ed3df9e7455730a390d5c535b8241ff0461068 Mon Sep 17 00:00:00 2001
From: ilya <ilya-z2204@mail.ru>
Date: Mon, 23 Jan 2023 21:01:52 +0300
Subject: [PATCH 1/2] feat: allow to change clipboard fragment format name

---
 packages/slate-react/src/plugin/with-react.ts | 9 ++++++---
 packages/slate-react/src/utils/dom.ts         | 9 ++++++---
 2 files changed, 12 insertions(+), 6 deletions(-)

diff --git a/packages/slate-react/src/plugin/with-react.ts b/packages/slate-react/src/plugin/with-react.ts
index a705175114..f788a18412 100644
--- a/packages/slate-react/src/plugin/with-react.ts
+++ b/packages/slate-react/src/plugin/with-react.ts
@@ -44,7 +44,10 @@ import { ReactEditor } from './react-editor'
  * See https://docs.slatejs.org/concepts/11-typescript to learn how.
  */
 
-export const withReact = <T extends BaseEditor>(editor: T): T & ReactEditor => {
+export const withReact = <T extends BaseEditor>(
+  editor: T,
+  clipboardFormatKey = 'x-slate-fragment'
+): T & ReactEditor => {
   const e = editor as T & ReactEditor
   const { apply, onChange, deleteBackward, addMark, removeMark } = e
 
@@ -262,7 +265,7 @@ export const withReact = <T extends BaseEditor>(editor: T): T & ReactEditor => {
     const string = JSON.stringify(fragment)
     const encoded = window.btoa(encodeURIComponent(string))
     attach.setAttribute('data-slate-fragment', encoded)
-    data.setData('application/x-slate-fragment', encoded)
+    data.setData(`application/${clipboardFormatKey}`, encoded)
 
     // Add the content to a <div> so that we can get its inner HTML.
     const div = contents.ownerDocument.createElement('div')
@@ -286,7 +289,7 @@ export const withReact = <T extends BaseEditor>(editor: T): T & ReactEditor => {
      * Checking copied fragment from application/x-slate-fragment or data-slate-fragment
      */
     const fragment =
-      data.getData('application/x-slate-fragment') ||
+      data.getData(`application/${clipboardFormatKey}`) ||
       getSlateFragmentAttribute(data)
 
     if (fragment) {
diff --git a/packages/slate-react/src/utils/dom.ts b/packages/slate-react/src/utils/dom.ts
index 597abda039..afeeccbdc7 100644
--- a/packages/slate-react/src/utils/dom.ts
+++ b/packages/slate-react/src/utils/dom.ts
@@ -256,15 +256,18 @@ export const getSlateFragmentAttribute = (
  * Get the x-slate-fragment attribute that exist in text/html data
  * and append it to the DataTransfer object
  */
-export const getClipboardData = (dataTransfer: DataTransfer): DataTransfer => {
-  if (!dataTransfer.getData('application/x-slate-fragment')) {
+export const getClipboardData = (
+  dataTransfer: DataTransfer,
+  clipboardFormatKey = 'x-slate-fragment'
+): DataTransfer => {
+  if (!dataTransfer.getData(`application/${clipboardFormatKey}`)) {
     const fragment = getSlateFragmentAttribute(dataTransfer)
     if (fragment) {
       const clipboardData = new DataTransfer()
       dataTransfer.types.forEach(type => {
         clipboardData.setData(type, dataTransfer.getData(type))
       })
-      clipboardData.setData('application/x-slate-fragment', fragment)
+      clipboardData.setData(`application/${clipboardFormatKey}`, fragment)
       return clipboardData
     }
   }

From 37d64753db86ea2d65e85e33c81b9b988bfd0905 Mon Sep 17 00:00:00 2001
From: ilya <ilya-z2204@mail.ru>
Date: Mon, 30 Jan 2023 19:07:36 +0300
Subject: [PATCH 2/2] chore: add changeset

---
 .changeset/afraid-cougars-smell.md | 5 +++++
 1 file changed, 5 insertions(+)
 create mode 100644 .changeset/afraid-cougars-smell.md

diff --git a/.changeset/afraid-cougars-smell.md b/.changeset/afraid-cougars-smell.md
new file mode 100644
index 0000000000..2fc675fed0
--- /dev/null
+++ b/.changeset/afraid-cougars-smell.md
@@ -0,0 +1,5 @@
+---
+'slate-react': minor
+---
+
+Allow to change clipboard fragment format name