@pooder/kit 5.0.3 → 5.1.0

package/src/index.ts

@@ -1,14 +1,2 @@
-export * from "./background";
-export * from "./dieline";
-export * from "./film";
-export * from "./feature";
-export * from "./image";
-export * from "./white-ink";
-export * from "./ruler";
-export * from "./mirror";
-export * from "./size";
-export * from "./sceneLayout";
-export * from "./sceneLayoutModel";
-export * from "./sceneVisibility";
-export * from "./units";
-export { default as CanvasService } from "./CanvasService";
+export * from "./extensions";
+export * from "./services";

package/src/{ViewportSystem.ts → services/ViewportSystem.ts}

@@ -1,4 +1,4 @@
-import { Coordinate, Layout, Point, Size } from "./coordinate";
+import { Coordinate, Layout, Point, Size } from "../coordinate";
 
 export class ViewportSystem {
   private _containerSize: Size = { width: 0, height: 0 };
@@ -46,7 +46,10 @@ export class ViewportSystem {
   }
 
   updatePhysical(width: number, height: number) {
-    if (this._physicalSize.width === width && this._physicalSize.height === height)
+    if (
+      this._physicalSize.width === width &&
+      this._physicalSize.height === height
+    )
       return;
     this._physicalSize = { width, height };
     this.updateLayout();

package/src/services/index.ts

@@ -0,0 +1,3 @@
+export { default as CanvasService } from "./CanvasService";
+export * from "./renderSpec";
+export * from "./ViewportSystem";

package/src/sceneLayout.ts

@@ -1,121 +0,0 @@
-import {
-  CommandContribution,
-  ConfigurationService,
-  ContributionPointIds,
-  Extension,
-  ExtensionContext,
-} from "@pooder/core";
-import CanvasService from "./CanvasService";
-import {
-  buildSceneGeometry,
-  computeSceneLayout,
-  readSizeState,
-  type SceneGeometrySnapshot,
-  type SceneLayoutSnapshot,
-} from "./sceneLayoutModel";
-
-const GEOMETRY_KEYS = new Set([
-  "dieline.shape",
-  "dieline.radius",
-  "dieline.pathData",
-  "size.unit",
-]);
-
-export class SceneLayoutService implements Extension {
-  id = "pooder.kit.sceneLayout";
-  metadata = {
-    name: "SceneLayoutService",
-  };
-
-  private context?: ExtensionContext;
-  private canvasService?: CanvasService;
-  private configService?: ConfigurationService;
-  private lastLayout: SceneLayoutSnapshot | null = null;
-  private lastGeometry: SceneGeometrySnapshot | null = null;
-  private onConfigChange?: { dispose(): void };
-
-  activate(context: ExtensionContext) {
-    this.context = context;
-    this.canvasService = context.services.get<CanvasService>("CanvasService");
-    this.configService = context.services.get<ConfigurationService>(
-      "ConfigurationService",
-    );
-
-    if (!this.canvasService || !this.configService) return;
-
-    this.onConfigChange = this.configService.onAnyChange((e) => {
-      if (e.key.startsWith("size.") || e.key.startsWith("dieline.")) {
-        this.refresh(GEOMETRY_KEYS.has(e.key));
-      }
-    });
-    context.eventBus.on("canvas:resized", this.onCanvasResized);
-    this.refresh(true);
-  }
-
-  deactivate(context: ExtensionContext) {
-    context.eventBus.off("canvas:resized", this.onCanvasResized);
-    this.onConfigChange?.dispose();
-    this.onConfigChange = undefined;
-    this.context = undefined;
-    this.canvasService = undefined;
-    this.configService = undefined;
-    this.lastLayout = null;
-    this.lastGeometry = null;
-  }
-
-  contribute() {
-    return {
-      [ContributionPointIds.COMMANDS]: [
-        {
-          command: "getSceneLayout",
-          title: "Get Scene Layout",
-          handler: () => this.getLayout(),
-        },
-        {
-          command: "getSceneGeometry",
-          title: "Get Scene Geometry",
-          handler: () => this.getGeometry(),
-        },
-      ] as CommandContribution[],
-    };
-  }
-
-  private onCanvasResized = () => {
-    this.refresh(true);
-  };
-
-  private refresh(forceGeometry = false) {
-    const layout = this.getLayout(true);
-    if (!layout) return;
-    this.context?.eventBus.emit("scene:layout:change", layout);
-
-    if (forceGeometry || !this.lastGeometry) {
-      const geometry = this.getGeometry(true);
-      if (geometry) {
-        this.context?.eventBus.emit("scene:geometry:change", geometry);
-      }
-    }
-  }
-
-  private getLayout(forceRefresh = false): SceneLayoutSnapshot | null {
-    if (!this.canvasService || !this.configService) return null;
-    if (!forceRefresh && this.lastLayout) return this.lastLayout;
-
-    const state = readSizeState(this.configService);
-    const layout = computeSceneLayout(this.canvasService, state);
-    this.lastLayout = layout;
-    return layout;
-  }
-
-  private getGeometry(forceRefresh = false): SceneGeometrySnapshot | null {
-    if (!this.configService) return null;
-    const layout = this.getLayout(forceRefresh);
-    if (!layout) return null;
-    if (!forceRefresh && this.lastGeometry) return this.lastGeometry;
-
-    const geometry = buildSceneGeometry(this.configService, layout);
-    this.lastGeometry = geometry;
-    return geometry;
-  }
-}
-

package/src/sceneVisibility.ts

@@ -1,49 +0,0 @@
-import { Extension, ExtensionContext } from "@pooder/core";
-import CanvasService from "./CanvasService";
-
-export class SceneVisibilityService implements Extension {
-  id = "pooder.kit.sceneVisibility";
-
-  metadata = {
-    name: "SceneVisibilityService",
-  };
-
-  private canvasService?: CanvasService;
-  private activeToolId: string | null = null;
-
-  activate(context: ExtensionContext) {
-    this.canvasService = context.services.get<CanvasService>("CanvasService");
-    context.eventBus.on("tool:activated", this.onToolActivated);
-    context.eventBus.on("object:added", this.onObjectAdded);
-  }
-
-  deactivate(context: ExtensionContext) {
-    context.eventBus.off("tool:activated", this.onToolActivated);
-    context.eventBus.off("object:added", this.onObjectAdded);
-    this.activeToolId = null;
-    this.canvasService = undefined;
-  }
-
-  private onToolActivated = (e: { id: string | null }) => {
-    this.activeToolId = e.id;
-    this.apply();
-  };
-
-  private onObjectAdded = () => {
-    this.apply();
-  };
-
-  private apply() {
-    if (!this.canvasService) return;
-
-    const dielineLayer = this.canvasService.getLayer("dieline-overlay");
-    if (dielineLayer) {
-      const visible =
-        this.activeToolId !== "pooder.kit.image" &&
-        this.activeToolId !== "pooder.kit.white-ink";
-      (dielineLayer as any).set({ visible });
-    }
-
-    this.canvasService.requestRenderAll();
-  }
-}