fix: paste unicode (#819)

* fix: paste unicode

* fix unicode

* use html element to unencode

* Move to insertContent

Co-authored-by: Steve Ruiz <steveruizok@gmail.com>

packages/tldraw/src/state/TldrawApp.ts

@@ -1895,11 +1895,10 @@ export class TldrawApp extends StateManager<TDSnapshot> {
 
         const json: {
           type: string
-          shapes: TDShape[]
+          shapes: (TDShape & { text: string })[]
           bindings: TDBinding[]
           assets: TDAsset[]
         } = JSON.parse(maybeJson)
-
         if (json.type === 'tldr/clipboard') {
           this.insertContent(json, { point, select: true })
           return

packages/tldraw/src/state/commands/insertContent/insertContent.ts

@@ -246,6 +246,22 @@ export function insertContent(
     }
   }
 
+  const elm = document.createElement('textarea')
+
+  Object.values(after.shapes as Record<string, TDShape>).forEach((shape) => {
+    if ('text' in shape) {
+      elm.innerHTML = shape.text
+      shape.text = elm.value
+    }
+
+    if ('label' in shape) {
+      elm.innerHTML = shape.label!
+      shape.label = elm.value
+    }
+  })
+
+  elm.remove()
+
   return {
     id: 'insert',
     before: {