fix bug when painter is created (recreated) not active

Fix error when used MyPaint brush then run piping, and select image
added in the Selected mode, get undefined getRetinaScaling property
Fix bug when copy(clipspace) and past, not set correct type, and
drawning mode not switch to selected and drawning.

PainterNode/js/painter_node.js

@@ -659,7 +659,7 @@ class Painter {
 
       objectNames.push(o.type);
 
-      obEl.addEventListener("click", () => {
+      obEl.addEventListener("click", (e) => {
         // Style active
         this.setActiveElement(obEl, list_body);
         // Select element
@@ -1275,7 +1275,8 @@ class Painter {
                 this.canvas.freeDrawingBrush = new fabric.MyBrushPaintSymmetry(
                   this.canvas,
                   this.MyBrushPaintManager.range_brush_pressure,
-                  this.MyBrushPaintManager.currentBrushSettings
+                  this.MyBrushPaintManager.currentBrushSettings,
+                  this
                 );
               } // end BrushMyPaint
 
@@ -1704,14 +1705,7 @@ class Painter {
         }
       },
 
-      "object:added": (o) => {
-        if (["BrushMyPaint"].includes(this.type)) {
-          if (o.target.type !== "group") this.canvas.remove(o.target);
-          // this.addToHistory();
-          this.canvas.renderAll();
-          this.uploadPaintFile(this.node.name);
-        }
-      },
+      "object:added": (o) => {},
 
       // Object moving event
       "object:moving": (o) => {
@@ -2168,6 +2162,9 @@ function PainterWidget(node, inputName, inputData, app) {
           top: 0,
           angle: 0,
           strokeWidth: 1,
+          originX: "left",
+          originY: "top",
+          pipingImage: true,
         });
         res(img_);
       };
@@ -2418,6 +2415,9 @@ app.registerExtension({
         }
 
         PainterWidget.apply(this, [this, nodeNamePNG, {}, app]);
+        this.painter.canvas.renderAll();
+        this.painter.uploadPaintFile(nodeNamePNG);
+        this.title = `${this.type} - ${this.painter.currentCanvasSize.width}x${this.painter.currentCanvasSize.height}`;
 
         return r;
       };
@@ -2443,11 +2443,24 @@ app.registerExtension({
               top: 0,
               angle: 0,
               strokeWidth: 1,
-            }).scale(0.3);
+            });
+
+            if (confirm("Resize image for Painter size?")) {
+              img_.scaleToHeight(this.painter.currentCanvasSize.width);
+              img_.scaleToWidth(this.painter.currentCanvasSize.height);
+            }
+
             this.painter.canvas.add(img_).renderAll();
             this.painter.uploadPaintFile(this.painter.node.name);
             this.painter.canvas.isDrawingMode = false;
             this.painter.drawning = false;
+            this.painter.type = "Image";
+            this.painter.setActiveElement(
+              this.painter.painter_shapes_box.querySelector(
+                "[data-shape=Image]"
+              ),
+              this.painter.painter_shapes_box
+            );
           };
 
           // Past as background

PainterNode/lib/brushes.js

@@ -164,7 +164,8 @@ fabric.MyBrushPaintSymmetry = fabric.util.createClass(fabric.SymmetryBrush, {
   initialize: function (
     canvas,
     range_brush_pressure = null,
-    brushSettings = null
+    brushSettings = null,
+    painter
   ) {
     this.callSuper("initialize", canvas);
 
@@ -177,7 +178,7 @@ fabric.MyBrushPaintSymmetry = fabric.util.createClass(fabric.SymmetryBrush, {
     this.surface = new MypaintSurface(this.canvas);
     this.brush = new MypaintBrush(this.brushSettings, this.surface);
     this.range_brush_pressure = range_brush_pressure;
-
+    this.painter = painter;
     this.newGroup();
   },
 
@@ -292,8 +293,8 @@ fabric.MyBrushPaintSymmetry = fabric.util.createClass(fabric.SymmetryBrush, {
       this.canvas.clearContext(this.ctx);
       this.group.addWithUpdate(imageCanv);
       this.group.setCoords();
-      this.canvas.add(new fabric.Image("")); // empty object, hook
-      this.canvas.requestRenderAll();
+      this.canvas.renderAll();
+      this.painter.uploadPaintFile(this.painter.node.name);
     });
 
     Object.keys(this._options).forEach(

pyproject.toml

@@ -1,7 +1,7 @@
 [project]
 name = "comfyui_custom_nodes_alekpet"
 description = "Nodes: PoseNode, PainterNode, TranslateTextNode, TranslateCLIPTextEncodeNode, DeepTranslatorTextNode, DeepTranslatorCLIPTextEncodeNode, ArgosTranslateTextNode, ArgosTranslateCLIPTextEncodeNode, PreviewTextNode, HexToHueNode, ColorsCorrectNode, IDENode."
-version = "1.0.23"
+version = "1.0.24"
 license = { file = "LICENSE" }
 
 [project.urls]