fix(core): fix interface geometry paste error #WIK-15877 (#928)

worktile · Jul 8, 2024 · 68a47e6 · 68a47e6
1 parent 650ef63
commit 68a47e6
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 5 deletions.
diff --git a/.changeset/selfish-taxis-juggle.md b/.changeset/selfish-taxis-juggle.md
@@ -0,0 +1,5 @@
+---
+'@plait/core': patch
+---
+
+fix interface geometry paste error
diff --git a/packages/core/src/utils/clipboard/common.ts b/packages/core/src/utils/clipboard/common.ts
@@ -1,16 +1,19 @@
 import { ClipboardData, WritableClipboardContext, WritableClipboardData, WritableClipboardType } from './types';
 
 export const buildPlaitHtml = (type: WritableClipboardType, data: WritableClipboardData) => {
-    const stringifiedClipboard = JSON.stringify({
-        type,
-        data
-    });
+    const stringifiedClipboard = replaceAngleBrackets(
+        JSON.stringify({
+            type,
+            data
+        })
+    );
     return `<plait>${stringifiedClipboard}</plait>`;
 };
 
 export const getClipboardFromHtml = (html: string): ClipboardData | null => {
-    const plaitString = html?.match(/<plait[^>]*>(.*)<\/plait>/)?.[1];
+    let plaitString = html?.match(/<plait[^>]*>(.*)<\/plait>/)?.[1];
     if (plaitString) {
+        plaitString = reverseReplaceAngleBrackets(plaitString);
         try {
             const plaitJson = JSON.parse(plaitString);
             if (plaitJson) {
@@ -77,3 +80,11 @@ export const addClipboardContext = (
     }
     return clipboardContext;
 };
+
+export const replaceAngleBrackets = (str: string) => {
+    return str.replace(/</g, '&lt;').replace(/>/g, '&gt;');
+};
+
+export const reverseReplaceAngleBrackets = (str: string) => {
+    return str.replace(/&lt;/g, '<').replace(/&gt;/g, '>');
+};