diff --git a/frontend/realtime/src/KonvaApp/Engine.ts b/frontend/realtime/src/KonvaApp/Engine.ts index 3f90d809de..e660ba232e 100644 --- a/frontend/realtime/src/KonvaApp/Engine.ts +++ b/frontend/realtime/src/KonvaApp/Engine.ts @@ -3,7 +3,7 @@ import Konva from "konva"; import { uiAccess, uiEvents } from "~/signals"; import { ShapeNode } from "./Nodes"; import { PaintNode } from "./Nodes/PaintNode"; - +import { PreviewCopyNode } from "./Nodes/PreviewCopy"; import { UndoStackManager } from "./UndoRedo"; import { CommandManager, MatteBox, SceneManager } from "./EngineUtitlities"; import { @@ -129,6 +129,9 @@ export class Engine { onDraw: async (canvas, lineBounds) => { await this.addPaintNode(canvas, lineBounds); }, + onPreviewCopy: async (image) => { + await this.addPreviewCopy(image); + }, }); // Selector Square to select Nodes @@ -655,14 +658,14 @@ export class Engine { public addPreviewCopy(image: Image.Konva) { // Start of Selection const copyNode = new PreviewCopyNode({ - image: previewCopy, - mediaLayerRef: this.mediaLayerRef, - selectionManagerRef: this.selectionManagerRef, + image: image, + mediaLayerRef: this.mediaLayer, + selectionManagerRef: this.selectionManager, loaded: async () => { - this.drawingsLayer.draw(); + this.realTimeDrawEngine.render(); }, }); - this.commandManager.createNode(imageNode); + this.commandManager.createNode(copyNode); } public addImage(imageFile: File) { const imageNode = new ImageNode({ diff --git a/frontend/realtime/src/KonvaApp/RenderingPrimitives/RealTimeDrawEngine.ts b/frontend/realtime/src/KonvaApp/RenderingPrimitives/RealTimeDrawEngine.ts index b7603747fa..9f4fb0fc78 100644 --- a/frontend/realtime/src/KonvaApp/RenderingPrimitives/RealTimeDrawEngine.ts +++ b/frontend/realtime/src/KonvaApp/RenderingPrimitives/RealTimeDrawEngine.ts @@ -170,7 +170,7 @@ export class RealTimeDrawEngine { this.captureCanvas.setZIndex(0); this.previewCanvas.setZIndex(1); // Add mouse events for preview canvas copying - this.previewCopyListener(); + //this.previewCopyListener(); //this.startServer(); }