diff --git a/frontend/realtime/src/KonvaApp/Engine.ts b/frontend/realtime/src/KonvaApp/Engine.ts index d81a4d975f..1eff1149b6 100644 --- a/frontend/realtime/src/KonvaApp/Engine.ts +++ b/frontend/realtime/src/KonvaApp/Engine.ts @@ -648,7 +648,7 @@ export class Engine { console.debug("Added shapenode:", shapeNode); console.debug("Added node's ID:", shapeNode.kNode._id); - this.realTimeDrawEngine.addNodes(shapeNode); + //this.realTimeDrawEngine.addNodes(shapeNode); } public addImage(imageFile: File) { @@ -664,7 +664,7 @@ export class Engine { }); imageNode.kNode.zIndex(1); this.commandManager.createNode(imageNode); - this.realTimeDrawEngine.addNodes(imageNode); + //this.realTimeDrawEngine.addNodes(imageNode); } public addPaintNode(canvas: HTMLCanvasElement,lineBounds:{ width: number; @@ -680,7 +680,7 @@ export class Engine { await this.realTimeDrawEngine.render() }}) this.commandManager.createNode(node); - this.realTimeDrawEngine.addNodes(node); + //this.realTimeDrawEngine.addNodes(node); } public addVideo( diff --git a/frontend/realtime/src/KonvaApp/EngineUtitlities/CommandManager.ts b/frontend/realtime/src/KonvaApp/EngineUtitlities/CommandManager.ts index 9de7ec4999..c14510f0b4 100644 --- a/frontend/realtime/src/KonvaApp/EngineUtitlities/CommandManager.ts +++ b/frontend/realtime/src/KonvaApp/EngineUtitlities/CommandManager.ts @@ -20,7 +20,7 @@ import { NodeTransformer, SelectionManager, } from "../NodesManagers"; -import { RenderEngine } from "../RenderingPrimitives/RenderEngine"; +import { RealTimeDrawEngine } from "../RenderingPrimitives/RealTimeDrawEngine"; import { PaintNode } from "../Nodes/PaintNode"; interface EngineReferences { @@ -28,7 +28,7 @@ interface EngineReferences { nodesManagerRef: NodesManager; nodeTransformerRef: NodeTransformer; selectionManagerRef: SelectionManager; - renderEngineRef: RenderEngine; + renderEngineRef: RealTimeDrawEngine; undoStackManagerRef: UndoStackManager; } @@ -37,7 +37,7 @@ export class CommandManager { private nodesManagerRef: NodesManager; private nodeTransformerRef: NodeTransformer; private selectionManagerRef: SelectionManager; - private renderEngineRef: RenderEngine; + private renderEngineRef: RealTimeDrawEngine; private undoStackManagerRef: UndoStackManager; constructor(engineRefs: EngineReferences) { @@ -132,6 +132,7 @@ export class CommandManager { layerRef: this.mediaLayerRef, }); this.undoStackManagerRef.pushCommand(command); + this.renderEngineRef.render(); } addChromaKey(props: { videoNode: VideoNode; newChromaColor: RGBColor }) { const command = new AddChromaKey(props); diff --git a/frontend/realtime/src/KonvaApp/UndoRedo/CreateCommand.ts b/frontend/realtime/src/KonvaApp/UndoRedo/CreateCommand.ts index 870236ee7c..f99d3236cf 100644 --- a/frontend/realtime/src/KonvaApp/UndoRedo/CreateCommand.ts +++ b/frontend/realtime/src/KonvaApp/UndoRedo/CreateCommand.ts @@ -6,7 +6,7 @@ import { NodeTransformer, SelectionManager, } from "../NodesManagers"; -import { RenderEngine } from "../RenderingPrimitives/RenderEngine"; +import { RealTimeDrawEngine } from "../RenderingPrimitives/RealTimeDrawEngine"; import { toolbarNode } from "~/signals/uiAccess/toolbarNode"; @@ -19,7 +19,7 @@ export class CreateCommand implements ICommand { private nodeTransformerRef: NodeTransformer; private selectionManagerRef: SelectionManager; - private renderEngineRef: RenderEngine; + private renderEngineRef: RealTimeDrawEngine; constructor({ nodes, @@ -33,7 +33,7 @@ export class CreateCommand implements ICommand { mediaLayerRef: Konva.Layer; nodesManagerRef: NodesManager; nodeTransformerRef: NodeTransformer; - renderEngineRef: RenderEngine; + renderEngineRef: RealTimeDrawEngine; selectionManagerRef: SelectionManager; }) { this.nodes = nodes;