@leapfrog/interactive-canvas 2.0.25-beta-6 → 2.0.25-beta-7

package/dist/interactive-canvas.es.js

@@ -1823,6 +1823,7 @@ class Text extends AbstractCanvasObject {
         this.text$ = new BehaviorSubject(this.fabricObject.text);
         this.data.userText = this.fabricObject.text;
         this.textSelection$ = new BehaviorSubject(new TextSelection(this.fabricObject, this.fontLibrary));
+        console.log(`inside constructor in text.ts - ${new Date().toLocaleString()}-${new Date().getMilliseconds()}`);
         this.fabricObject.set({ strokeWidth: 0 });
         this.fabricObject.on("changed", () => this.onTextChange());
         this.fabricObject.on("selection:changed", () => this.onSelectionChange());
@@ -2562,6 +2563,7 @@ class Text extends AbstractCanvasObject {
         this.redraw();
     }
     onTextChange() {
+        console.log(`inside onTextChange in text.ts - ${new Date().toLocaleString()}-${new Date().getMilliseconds()}`);
         this.data.userText = this.fabricObject.text;
         this.text$.next(this.fabricObject.text);
         // Only check width bounds if text is close to canvas edge (performance optimization)
@@ -2569,37 +2571,46 @@ class Text extends AbstractCanvasObject {
         const canvasWidth = this.canvas.getDimensions().widthPx;
         // Skip expensive getBoundingBox if object is clearly within bounds
         if (currentLeft + (this.fabricObject.width || 0) > canvasWidth * 0.9) {
+            console.log(`inside if onTextChange in text.ts - ${new Date().toLocaleString()}-${new Date().getMilliseconds()}`);
             if (this.getBoundingBox().width > canvasWidth) {
                 this.fabricObject.set({ left: 0, width: canvasWidth });
                 this.redraw();
             }
         }
+        console.log(`end of onTextChange in text.ts - ${new Date().toLocaleString()}-${new Date().getMilliseconds()}`);
     }
     onDelete() {
         this.removeBullets();
     }
     onSelectionChange() {
+        console.log(`start of onSelectionChange in text.ts - ${new Date().toLocaleString()}-${new Date().getMilliseconds()}`);
         this.updateTextSelection(false);
     }
     hasTextSelection() {
         return this.canvas.getSelection().isText && this.textSelection$.value.length > 0;
     }
     updateTextSelection(notifyCanvas = true) {
+        console.log(`start of updateTextSelection in text.ts - ${new Date().toLocaleString()}-${new Date().getMilliseconds()}`);
         if (this.canvas.headless)
             return;
         this.textSelection$.next(new TextSelection(this.fabricObject, this.fontLibrary));
         if (notifyCanvas) {
+            console.log(`inside if in text.ts - ${new Date().toLocaleString()}-${new Date().getMilliseconds()}`);
             this.notifyCanvasOfTextChanges();
         }
     }
     notifyCanvasOfTextChanges() {
+        console.log(`start of notifyCanvasOfTextChanges in text.ts - ${new Date().toLocaleString()}-${new Date().getMilliseconds()}`);
         if (this.notifyCanvasTimeout) {
+            console.log(`inside timeout if in text.ts - ${new Date().toLocaleString()}-${new Date().getMilliseconds()}`);
             clearTimeout(this.notifyCanvasTimeout);
         }
         this.notifyCanvasTimeout = setTimeout(() => {
+            console.log(`start of setTimeout in text.ts - ${new Date().toLocaleString()}-${new Date().getMilliseconds()}`);
             this.canvas.notifyTextChanged();
             this.notifyCanvasTimeout = null;
         }, this.NOTIFY_DELAY_MS);
+        console.log(`end of notifyCanvasOfTextChanges in text.ts - ${new Date().toLocaleString()}-${new Date().getMilliseconds()}`);
     }
 }
 Text.NEW_LINE = "\n";
@@ -2607,6 +2618,7 @@ class TextSelection {
     constructor(fabricObject, fontLibrary) {
         this.fabricObject = fabricObject;
         this.fontLibrary = fontLibrary;
+        console.log(`constructor of textselection in text.ts - ${new Date().toLocaleString()}-${new Date().getMilliseconds()}`);
         this.start = this.fabricObject.selectionStart;
         this.end = this.fabricObject.selectionEnd;
         this.length = this.end - this.start;
@@ -3956,6 +3968,7 @@ class InteractiveCanvas extends AbstractInteractiveCanvas {
         });
     }
     onFabricSelectionChanged(event) {
+        console.log(`start of onfabricselectionchange in ic.ts - ${MouseEvent}- ${new Date().toLocaleString()}-${new Date().getMilliseconds()}`);
         const selected = this.getFieldsByCanvasObject(this.fabricCanvas.getActiveObjects());
         const selection = new SelectionData(selected);
         if (event) {
@@ -3966,6 +3979,7 @@ class InteractiveCanvas extends AbstractInteractiveCanvas {
     }
     enterTextSelectionModeIfRequired() {
         var _a, _b;
+        console.log(`start of enterTextSelectionModeIfRequired in IC.ts - ${new Date().toLocaleString()}-${new Date().getMilliseconds()}`);
         if (!this.profile$.value.enterTextEditImmediatelyOnSelect && !this.layoutManager$.value.enterTextEditImmediatelyOnSelect)
             return;
         if (((_b = (_a = this.selection$.value) === null || _a === void 0 ? void 0 : _a.objects[0]) === null || _b === void 0 ? void 0 : _b.getType()) !== ObjectType.TEXT)
@@ -3974,6 +3988,7 @@ class InteractiveCanvas extends AbstractInteractiveCanvas {
         text.enterEditing();
     }
     onTextEditing() {
+        console.log(`start of onTextEditing in IC.ts - ${new Date().toLocaleString()}-${new Date().getMilliseconds()}`);
         const selected = this.getFieldsByCanvasObject(this.fabricCanvas.getActiveObjects());
         this.selection$.next(new SelectionData(selected));
     }

package/dist/interactive-canvas.js

@@ -1844,6 +1844,7 @@ class Text extends AbstractCanvasObject {
         this.text$ = new rxjs.BehaviorSubject(this.fabricObject.text);
         this.data.userText = this.fabricObject.text;
         this.textSelection$ = new rxjs.BehaviorSubject(new TextSelection(this.fabricObject, this.fontLibrary));
+        console.log(`inside constructor in text.ts - ${new Date().toLocaleString()}-${new Date().getMilliseconds()}`);
         this.fabricObject.set({ strokeWidth: 0 });
         this.fabricObject.on("changed", () => this.onTextChange());
         this.fabricObject.on("selection:changed", () => this.onSelectionChange());
@@ -2583,6 +2584,7 @@ class Text extends AbstractCanvasObject {
         this.redraw();
     }
     onTextChange() {
+        console.log(`inside onTextChange in text.ts - ${new Date().toLocaleString()}-${new Date().getMilliseconds()}`);
         this.data.userText = this.fabricObject.text;
         this.text$.next(this.fabricObject.text);
         // Only check width bounds if text is close to canvas edge (performance optimization)
@@ -2590,37 +2592,46 @@ class Text extends AbstractCanvasObject {
         const canvasWidth = this.canvas.getDimensions().widthPx;
         // Skip expensive getBoundingBox if object is clearly within bounds
         if (currentLeft + (this.fabricObject.width || 0) > canvasWidth * 0.9) {
+            console.log(`inside if onTextChange in text.ts - ${new Date().toLocaleString()}-${new Date().getMilliseconds()}`);
             if (this.getBoundingBox().width > canvasWidth) {
                 this.fabricObject.set({ left: 0, width: canvasWidth });
                 this.redraw();
             }
         }
+        console.log(`end of onTextChange in text.ts - ${new Date().toLocaleString()}-${new Date().getMilliseconds()}`);
     }
     onDelete() {
         this.removeBullets();
     }
     onSelectionChange() {
+        console.log(`start of onSelectionChange in text.ts - ${new Date().toLocaleString()}-${new Date().getMilliseconds()}`);
         this.updateTextSelection(false);
     }
     hasTextSelection() {
         return this.canvas.getSelection().isText && this.textSelection$.value.length > 0;
     }
     updateTextSelection(notifyCanvas = true) {
+        console.log(`start of updateTextSelection in text.ts - ${new Date().toLocaleString()}-${new Date().getMilliseconds()}`);
         if (this.canvas.headless)
             return;
         this.textSelection$.next(new TextSelection(this.fabricObject, this.fontLibrary));
         if (notifyCanvas) {
+            console.log(`inside if in text.ts - ${new Date().toLocaleString()}-${new Date().getMilliseconds()}`);
             this.notifyCanvasOfTextChanges();
         }
     }
     notifyCanvasOfTextChanges() {
+        console.log(`start of notifyCanvasOfTextChanges in text.ts - ${new Date().toLocaleString()}-${new Date().getMilliseconds()}`);
         if (this.notifyCanvasTimeout) {
+            console.log(`inside timeout if in text.ts - ${new Date().toLocaleString()}-${new Date().getMilliseconds()}`);
             clearTimeout(this.notifyCanvasTimeout);
         }
         this.notifyCanvasTimeout = setTimeout(() => {
+            console.log(`start of setTimeout in text.ts - ${new Date().toLocaleString()}-${new Date().getMilliseconds()}`);
             this.canvas.notifyTextChanged();
             this.notifyCanvasTimeout = null;
         }, this.NOTIFY_DELAY_MS);
+        console.log(`end of notifyCanvasOfTextChanges in text.ts - ${new Date().toLocaleString()}-${new Date().getMilliseconds()}`);
     }
 }
 Text.NEW_LINE = "\n";
@@ -2628,6 +2639,7 @@ class TextSelection {
     constructor(fabricObject, fontLibrary) {
         this.fabricObject = fabricObject;
         this.fontLibrary = fontLibrary;
+        console.log(`constructor of textselection in text.ts - ${new Date().toLocaleString()}-${new Date().getMilliseconds()}`);
         this.start = this.fabricObject.selectionStart;
         this.end = this.fabricObject.selectionEnd;
         this.length = this.end - this.start;
@@ -3977,6 +3989,7 @@ class InteractiveCanvas extends AbstractInteractiveCanvas {
         });
     }
     onFabricSelectionChanged(event) {
+        console.log(`start of onfabricselectionchange in ic.ts - ${MouseEvent}- ${new Date().toLocaleString()}-${new Date().getMilliseconds()}`);
         const selected = this.getFieldsByCanvasObject(this.fabricCanvas.getActiveObjects());
         const selection = new SelectionData(selected);
         if (event) {
@@ -3987,6 +4000,7 @@ class InteractiveCanvas extends AbstractInteractiveCanvas {
     }
     enterTextSelectionModeIfRequired() {
         var _a, _b;
+        console.log(`start of enterTextSelectionModeIfRequired in IC.ts - ${new Date().toLocaleString()}-${new Date().getMilliseconds()}`);
         if (!this.profile$.value.enterTextEditImmediatelyOnSelect && !this.layoutManager$.value.enterTextEditImmediatelyOnSelect)
             return;
         if (((_b = (_a = this.selection$.value) === null || _a === void 0 ? void 0 : _a.objects[0]) === null || _b === void 0 ? void 0 : _b.getType()) !== exports.ObjectType.TEXT)
@@ -3995,6 +4009,7 @@ class InteractiveCanvas extends AbstractInteractiveCanvas {
         text.enterEditing();
     }
     onTextEditing() {
+        console.log(`start of onTextEditing in IC.ts - ${new Date().toLocaleString()}-${new Date().getMilliseconds()}`);
         const selected = this.getFieldsByCanvasObject(this.fabricCanvas.getActiveObjects());
         this.selection$.next(new SelectionData(selected));
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@leapfrog/interactive-canvas",
-  "version": "2.0.25-beta-6",
+  "version": "2.0.25-beta-7",
   "description": "Leapfrog interactive canvas",
   "files": [
     "dist"