From e97d9a1dc976cecd47e50d519f6461d3bafdbe12 Mon Sep 17 00:00:00 2001
From: Braks <78412429+bcakmakoglu@users.noreply.github.com>
Date: Wed, 30 Mar 2022 17:15:09 +0200
Subject: [PATCH] feat(nodes): debounce scaling to avoid lag spikes

---
 package/package.json                         | 2 +-
 package/src/components/Nodes/NodeWrapper.vue | 5 +++--
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/package/package.json b/package/package.json
index 49b3740a..974bbc5a 100644
--- a/package/package.json
+++ b/package/package.json
@@ -29,7 +29,7 @@
     "lint": "eslint --ext \".ts,.tsx\" -c .eslintrc.js --fix ./dist",
     "theme": "postcss src/style.css -o dist/style.css && postcss src/theme-default.css -o dist/theme-default.css",
     "prepare": "ts-patch install -s",
-    "prepublish": "shx cp ../README.md .",
+    "prepublishOnly": "shx cp ../README.md .",
     "postpublish": "shx rm README.md"
   },
   "dependencies": {
diff --git a/package/src/components/Nodes/NodeWrapper.vue b/package/src/components/Nodes/NodeWrapper.vue
index 962bd4e9..1a0b5841 100644
--- a/package/src/components/Nodes/NodeWrapper.vue
+++ b/package/src/components/Nodes/NodeWrapper.vue
@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { DraggableEventListener, DraggableCore } from '@braks/revue-draggable/src/index'
+import { DraggableEventListener, DraggableCore } from '@braks/revue-draggable'
 import { useVueFlow } from '../../composables'
 import { GraphNode, SnapGrid } from '../../types'
 import { NodeId } from '../../context'
@@ -90,6 +90,7 @@ const scale = controlledComputed(
   () => store.transform[2],
   () => store.transform[2],
 )
+const scaleDebounced = debouncedRef(scale, 5)
 
 watch(
   [() => node.value.position, () => store.getNode(node.value.parentNode!)],
@@ -120,7 +121,7 @@ export default {
     :cancel="`.${store.noDragClassName}`"
     :handle="node.dragHandle"
     :disabled="!props.draggable"
-    :scale="scale"
+    :scale="scaleDebounced"
     :grid="props.snapGrid"
     :enable-user-select-hack="false"
     @start="onDragStart"