@pooder/kit 4.0.0 → 4.1.0

package/src/mirror.ts

@@ -1,128 +1,128 @@
-import {
-  Extension,
-  ExtensionContext,
-  ContributionPointIds,
-  CommandContribution,
-  ConfigurationContribution,
-} from "@pooder/core";
-import CanvasService from "./CanvasService";
-
-export class MirrorTool implements Extension {
-  id = "pooder.kit.mirror";
-
-  public metadata = {
-    name: "MirrorTool",
-  };
-  private enabled = false;
-
-  private canvasService?: CanvasService;
-
-  constructor(
-    options?: Partial<{
-      enabled: boolean;
-    }>,
-  ) {
-    if (options) {
-      Object.assign(this, options);
-    }
-  }
-
-  toJSON() {
-    return {
-      enabled: this.enabled,
-    };
-  }
-
-  loadFromJSON(json: any) {
-    this.enabled = json.enabled;
-  }
-
-  activate(context: ExtensionContext) {
-    this.canvasService = context.services.get<CanvasService>("CanvasService");
-    if (!this.canvasService) {
-      console.warn("CanvasService not found for MirrorTool");
-      return;
-    }
-
-    const configService = context.services.get<any>("ConfigurationService");
-    if (configService) {
-      // Load initial config
-      this.enabled = configService.get("mirror.enabled", this.enabled);
-
-      // Listen for changes
-      configService.onAnyChange((e: { key: string; value: any }) => {
-        if (e.key === "mirror.enabled") {
-          this.applyMirror(e.value);
-        }
-      });
-    }
-
-    // Initialize with current state (if enabled was persisted)
-    if (this.enabled) {
-      this.applyMirror(true);
-    }
-  }
-
-  deactivate(context: ExtensionContext) {
-    this.applyMirror(false);
-    this.canvasService = undefined;
-  }
-
-  contribute() {
-    return {
-      [ContributionPointIds.CONFIGURATIONS]: [
-        {
-          id: "mirror.enabled",
-          type: "boolean",
-          label: "Enable Mirror",
-          default: false,
-        },
-      ] as ConfigurationContribution[],
-      [ContributionPointIds.COMMANDS]: [
-        {
-          command: "setMirror",
-          title: "Set Mirror",
-          handler: (enabled: boolean) => {
-            this.applyMirror(enabled);
-            return true;
-          },
-        },
-      ] as CommandContribution[],
-    };
-  }
-
-  private applyMirror(enabled: boolean) {
-    if (!this.canvasService) return;
-    const canvas = this.canvasService.canvas;
-    if (!canvas) return;
-
-    const width = canvas.width || 800;
-
-    // Fabric.js v6+ uses viewportTransform property
-    let vpt = canvas.viewportTransform || [1, 0, 0, 1, 0, 0];
-    // Create a copy to avoid mutating the reference directly before setting
-    vpt = [...vpt];
-
-    // If we are enabling and currently not flipped (scaleX > 0)
-    // Or disabling and currently flipped (scaleX < 0)
-    const isFlipped = vpt[0] < 0;
-
-    if (enabled && !isFlipped) {
-      // Flip scale X
-      vpt[0] = -vpt[0]; // Flip scale
-      vpt[4] = width - vpt[4]; // Adjust pan X
-
-      canvas.setViewportTransform(vpt as any);
-      canvas.requestRenderAll();
-      this.enabled = true;
-    } else if (!enabled && isFlipped) {
-      // Restore
-      vpt[0] = -vpt[0]; // Unflip scale
-      vpt[4] = width - vpt[4]; // Restore pan X
-
-      canvas.setViewportTransform(vpt as any);
-      canvas.requestRenderAll();
-      this.enabled = false;
-    }
-  }
-}
+import {
+  Extension,
+  ExtensionContext,
+  ContributionPointIds,
+  CommandContribution,
+  ConfigurationContribution,
+} from "@pooder/core";
+import CanvasService from "./CanvasService";
+
+export class MirrorTool implements Extension {
+  id = "pooder.kit.mirror";
+
+  public metadata = {
+    name: "MirrorTool",
+  };
+  private enabled = false;
+
+  private canvasService?: CanvasService;
+
+  constructor(
+    options?: Partial<{
+      enabled: boolean;
+    }>,
+  ) {
+    if (options) {
+      Object.assign(this, options);
+    }
+  }
+
+  toJSON() {
+    return {
+      enabled: this.enabled,
+    };
+  }
+
+  loadFromJSON(json: any) {
+    this.enabled = json.enabled;
+  }
+
+  activate(context: ExtensionContext) {
+    this.canvasService = context.services.get<CanvasService>("CanvasService");
+    if (!this.canvasService) {
+      console.warn("CanvasService not found for MirrorTool");
+      return;
+    }
+
+    const configService = context.services.get<any>("ConfigurationService");
+    if (configService) {
+      // Load initial config
+      this.enabled = configService.get("mirror.enabled", this.enabled);
+
+      // Listen for changes
+      configService.onAnyChange((e: { key: string; value: any }) => {
+        if (e.key === "mirror.enabled") {
+          this.applyMirror(e.value);
+        }
+      });
+    }
+
+    // Initialize with current state (if enabled was persisted)
+    if (this.enabled) {
+      this.applyMirror(true);
+    }
+  }
+
+  deactivate(context: ExtensionContext) {
+    this.applyMirror(false);
+    this.canvasService = undefined;
+  }
+
+  contribute() {
+    return {
+      [ContributionPointIds.CONFIGURATIONS]: [
+        {
+          id: "mirror.enabled",
+          type: "boolean",
+          label: "Enable Mirror",
+          default: false,
+        },
+      ] as ConfigurationContribution[],
+      [ContributionPointIds.COMMANDS]: [
+        {
+          command: "setMirror",
+          title: "Set Mirror",
+          handler: (enabled: boolean) => {
+            this.applyMirror(enabled);
+            return true;
+          },
+        },
+      ] as CommandContribution[],
+    };
+  }
+
+  private applyMirror(enabled: boolean) {
+    if (!this.canvasService) return;
+    const canvas = this.canvasService.canvas;
+    if (!canvas) return;
+
+    const width = canvas.width || 800;
+
+    // Fabric.js v6+ uses viewportTransform property
+    let vpt = canvas.viewportTransform || [1, 0, 0, 1, 0, 0];
+    // Create a copy to avoid mutating the reference directly before setting
+    vpt = [...vpt];
+
+    // If we are enabling and currently not flipped (scaleX > 0)
+    // Or disabling and currently flipped (scaleX < 0)
+    const isFlipped = vpt[0] < 0;
+
+    if (enabled && !isFlipped) {
+      // Flip scale X
+      vpt[0] = -vpt[0]; // Flip scale
+      vpt[4] = width - vpt[4]; // Adjust pan X
+
+      canvas.setViewportTransform(vpt as any);
+      canvas.requestRenderAll();
+      this.enabled = true;
+    } else if (!enabled && isFlipped) {
+      // Restore
+      vpt[0] = -vpt[0]; // Unflip scale
+      vpt[4] = width - vpt[4]; // Restore pan X
+
+      canvas.setViewportTransform(vpt as any);
+      canvas.requestRenderAll();
+      this.enabled = false;
+    }
+  }
+}