@elicdavis/node-flow 0.1.14 → 0.1.15

package/dist/index.d.mts

@@ -44,12 +44,19 @@ interface ContextMenuConfig {
     items?: Array<ContextMenuItemConfig>;
 }
 
+/** Serializable camera orientation for save/restore. */
+interface CameraOrientation {
+    position: Vector2;
+    zoom: number;
+}
 declare class Camera {
     zoom: number;
     position: Vector2;
     constructor();
     screenSpaceToGraphSpace(screenPosition: Vector2, out: Vector2): void;
     graphSpaceToScreenSpace(graphPosition: Vector2, out: Vector2): void;
+    getOrientation(): CameraOrientation;
+    setOrientation(orientation: CameraOrientation): void;
     reset(): void;
 }
 
@@ -505,6 +512,18 @@ declare class NodeFlowGraph {
      * state used by Ctrl+click and box-select styling via FlowNode.selected()).
      */
     getSelectedNodes(): Array<FlowNode>;
+    /**
+     * Returns a copy of the current camera orientation (screen-space pan + zoom).
+     */
+    getCamera(): CameraOrientation;
+    /**
+     * Restores a previously saved camera orientation.
+     */
+    setCamera(orientation: CameraOrientation): void;
+    /**
+     * Resets the camera to the default orientation (origin, zoom 1).
+     */
+    resetCamera(): void;
     /**
      * Adjusts camera position and zoom so all nodes fit in view (~10% padding).
      * Falls back to camera.reset() when there are no nodes.
@@ -828,4 +847,4 @@ declare class WidgetFactory {
 }
 declare const GlobalWidgetFactory: WidgetFactory;
 
-export { ButtonWidget, ColorWidget, type ContextMenuConfig, type ContextMenuItemConfig, ContextMenuItemState, FlowNode, type FlowNodeConfig, type FlowNodeGraphConfiguration, type FlowNodeStyle, type FlowNodeTitleConfig, FlowNote, type FlowNoteConfig, GlobalWidgetFactory, type GraphRenderer, ImageWidget, MessageType, NodeFlowGraph, type NodeIntersection, type NodeMessageConfig, NodeState, type NoteAddedCallback, type NoteContentChangeCallback, type NoteDragStartCallback, type NoteDragStopCallback, type NoteRemovedCallback, type NoteSubsystemConfig, type NoteWidthChangeCallback, NumberWidget, Publisher, type PublisherConfig, SliderWidget, StringWidget, TextWidget, Theme, ToggleWidget, type WidgetConfig };
+export { ButtonWidget, type CameraOrientation, ColorWidget, type ContextMenuConfig, type ContextMenuItemConfig, ContextMenuItemState, FlowNode, type FlowNodeConfig, type FlowNodeGraphConfiguration, type FlowNodeStyle, type FlowNodeTitleConfig, FlowNote, type FlowNoteConfig, GlobalWidgetFactory, type GraphRenderer, ImageWidget, MessageType, NodeFlowGraph, type NodeIntersection, type NodeMessageConfig, NodeState, type NoteAddedCallback, type NoteContentChangeCallback, type NoteDragStartCallback, type NoteDragStopCallback, type NoteRemovedCallback, type NoteSubsystemConfig, type NoteWidthChangeCallback, NumberWidget, Publisher, type PublisherConfig, SliderWidget, StringWidget, TextWidget, Theme, ToggleWidget, type WidgetConfig };

package/dist/index.d.ts

@@ -44,12 +44,19 @@ interface ContextMenuConfig {
     items?: Array<ContextMenuItemConfig>;
 }
 
+/** Serializable camera orientation for save/restore. */
+interface CameraOrientation {
+    position: Vector2;
+    zoom: number;
+}
 declare class Camera {
     zoom: number;
     position: Vector2;
     constructor();
     screenSpaceToGraphSpace(screenPosition: Vector2, out: Vector2): void;
     graphSpaceToScreenSpace(graphPosition: Vector2, out: Vector2): void;
+    getOrientation(): CameraOrientation;
+    setOrientation(orientation: CameraOrientation): void;
     reset(): void;
 }
 
@@ -505,6 +512,18 @@ declare class NodeFlowGraph {
      * state used by Ctrl+click and box-select styling via FlowNode.selected()).
      */
     getSelectedNodes(): Array<FlowNode>;
+    /**
+     * Returns a copy of the current camera orientation (screen-space pan + zoom).
+     */
+    getCamera(): CameraOrientation;
+    /**
+     * Restores a previously saved camera orientation.
+     */
+    setCamera(orientation: CameraOrientation): void;
+    /**
+     * Resets the camera to the default orientation (origin, zoom 1).
+     */
+    resetCamera(): void;
     /**
      * Adjusts camera position and zoom so all nodes fit in view (~10% padding).
      * Falls back to camera.reset() when there are no nodes.
@@ -828,4 +847,4 @@ declare class WidgetFactory {
 }
 declare const GlobalWidgetFactory: WidgetFactory;
 
-export { ButtonWidget, ColorWidget, type ContextMenuConfig, type ContextMenuItemConfig, ContextMenuItemState, FlowNode, type FlowNodeConfig, type FlowNodeGraphConfiguration, type FlowNodeStyle, type FlowNodeTitleConfig, FlowNote, type FlowNoteConfig, GlobalWidgetFactory, type GraphRenderer, ImageWidget, MessageType, NodeFlowGraph, type NodeIntersection, type NodeMessageConfig, NodeState, type NoteAddedCallback, type NoteContentChangeCallback, type NoteDragStartCallback, type NoteDragStopCallback, type NoteRemovedCallback, type NoteSubsystemConfig, type NoteWidthChangeCallback, NumberWidget, Publisher, type PublisherConfig, SliderWidget, StringWidget, TextWidget, Theme, ToggleWidget, type WidgetConfig };
+export { ButtonWidget, type CameraOrientation, ColorWidget, type ContextMenuConfig, type ContextMenuItemConfig, ContextMenuItemState, FlowNode, type FlowNodeConfig, type FlowNodeGraphConfiguration, type FlowNodeStyle, type FlowNodeTitleConfig, FlowNote, type FlowNoteConfig, GlobalWidgetFactory, type GraphRenderer, ImageWidget, MessageType, NodeFlowGraph, type NodeIntersection, type NodeMessageConfig, NodeState, type NoteAddedCallback, type NoteContentChangeCallback, type NoteDragStartCallback, type NoteDragStopCallback, type NoteRemovedCallback, type NoteSubsystemConfig, type NoteWidthChangeCallback, NumberWidget, Publisher, type PublisherConfig, SliderWidget, StringWidget, TextWidget, Theme, ToggleWidget, type WidgetConfig };

package/dist/index.js

@@ -3133,6 +3133,20 @@ var Camera = class {
     out.x = this.position.x + graphPosition.x * this.zoom;
     out.y = this.position.y + graphPosition.y * this.zoom;
   }
+  getOrientation() {
+    return {
+      position: {
+        x: this.position.x,
+        y: this.position.y
+      },
+      zoom: this.zoom
+    };
+  }
+  setOrientation(orientation) {
+    this.position.x = orientation.position.x;
+    this.position.y = orientation.position.y;
+    this.zoom = orientation.zoom;
+  }
   reset() {
     this.zoom = 1;
     this.position.x = 0;
@@ -4563,44 +4577,42 @@ var FlowNode = class {
   // }
   calculateBounds(ctx, camera) {
     const tempMeasurement = Zero();
-    const zoom = camera.zoom;
-    const scaledPadding = __privateGet(this, _padding2) * zoom;
-    const doubleScaledPadding = scaledPadding * 2;
-    const scaledElementSpacing = __privateGet(this, _elementSpacing) * zoom;
+    const doublePadding = __privateGet(this, _padding2) * 2;
     const screenSpacePosition = Zero();
     camera.graphSpaceToScreenSpace(__privateGet(this, _position), screenSpacePosition);
     const size = Zero();
-    __privateGet(this, _title2).size(ctx, zoom, size);
+    __privateGet(this, _title2).size(ctx, 1, size);
     const subtitleSize = Zero();
-    __privateGet(this, _subTitle).size(ctx, zoom, subtitleSize);
+    __privateGet(this, _subTitle).size(ctx, 1, subtitleSize);
     size.x = Math.max(size.x, subtitleSize.x);
     if (__privateGet(this, _infoText) !== "") {
       size.x += size.y * 4;
     }
-    size.x += doubleScaledPadding;
-    size.y += doubleScaledPadding + scaledElementSpacing * __privateGet(this, _input).length;
+    size.x += doublePadding;
+    size.y += doublePadding + __privateGet(this, _elementSpacing) * __privateGet(this, _input).length;
     for (let i = 0; i < __privateGet(this, _input).length; i++) {
       const port = __privateGet(this, _input)[i];
-      __privateGet(this, _portTextStyle).measure(ctx, zoom, port.getDisplayName(), tempMeasurement);
+      __privateGet(this, _portTextStyle).measure(ctx, 1, port.getDisplayName(), tempMeasurement);
       size.y += tempMeasurement.y;
-      size.x = Math.max(size.x, tempMeasurement.x + doubleScaledPadding);
+      size.x = Math.max(size.x, tempMeasurement.x + doublePadding);
     }
-    size.y += scaledElementSpacing * __privateGet(this, _output).length;
+    size.y += __privateGet(this, _elementSpacing) * __privateGet(this, _output).length;
     for (let i = 0; i < __privateGet(this, _output).length; i++) {
       const port = __privateGet(this, _output)[i];
-      __privateGet(this, _portTextStyle).measure(ctx, zoom, port.getDisplayName(), tempMeasurement);
+      __privateGet(this, _portTextStyle).measure(ctx, 1, port.getDisplayName(), tempMeasurement);
       size.y += tempMeasurement.y;
-      size.x = Math.max(size.x, tempMeasurement.x + doubleScaledPadding);
+      size.x = Math.max(size.x, tempMeasurement.x + doublePadding);
     }
-    size.y += scaledElementSpacing * __privateGet(this, _widgets).length;
+    size.y += __privateGet(this, _elementSpacing) * __privateGet(this, _widgets).length;
     for (let i = 0; i < __privateGet(this, _widgets).length; i++) {
       const element = __privateGet(this, _widgets)[i];
       const eleSize = element.Size();
-      size.y += eleSize.y * zoom;
-      size.x = Math.max(size.x, eleSize.x * zoom + doubleScaledPadding);
+      size.y += eleSize.y;
+      size.x = Math.max(size.x, eleSize.x + doublePadding);
     }
-    size.y += scaledElementSpacing;
-    size.x = Math.max(size.x, MINIMUM_NODE_WIDTH * zoom);
+    size.y += __privateGet(this, _elementSpacing);
+    size.x = Math.max(size.x, MINIMUM_NODE_WIDTH);
+    ScaleVector(size, camera.zoom);
     return {
       Position: screenSpacePosition,
       Size: size
@@ -4832,27 +4844,29 @@ var FlowNode = class {
       for (let i = 0; i < __privateGet(this, _input).length; i++) {
         ctx.textAlign = "left" /* Left */;
         const port = __privateGet(this, _input)[i];
-        __privateGet(this, _portTextStyle).measure(ctx, camera.zoom, port.getDisplayName(), tempMeasurement);
+        __privateGet(this, _portTextStyle).measure(ctx, 1, port.getDisplayName(), tempMeasurement);
+        const portHeight = tempMeasurement.y * camera.zoom;
         const position = VectorPool.get();
         position.x = nodeBounds.Position.x;
-        position.y = startY + tempMeasurement.y / 2;
+        position.y = startY + portHeight / 2;
         __privateGet(this, _portTextStyle).setupStyle(ctx, camera.zoom);
         ctx.fillText(port.getDisplayName(), leftSide, position.y);
         __privateGet(this, _inputPortPositions).Push(port.render(ctx, position, camera, mousePosition, postProcess));
-        startY += tempMeasurement.y + scaledElementSpacing;
+        startY += portHeight + scaledElementSpacing;
       }
       const rightSide = nodeBounds.Position.x + nodeBounds.Size.x;
       ctx.textAlign = "right" /* Right */;
       for (let i = 0; i < __privateGet(this, _output).length; i++) {
         const port = __privateGet(this, _output)[i];
-        __privateGet(this, _portTextStyle).measure(ctx, camera.zoom, port.getDisplayName(), tempMeasurement);
+        __privateGet(this, _portTextStyle).measure(ctx, 1, port.getDisplayName(), tempMeasurement);
+        const portHeight = tempMeasurement.y * camera.zoom;
         const position = VectorPool.get();
         position.x = rightSide;
-        position.y = startY + tempMeasurement.y / 2;
+        position.y = startY + portHeight / 2;
         __privateGet(this, _portTextStyle).setupStyle(ctx, camera.zoom);
         ctx.fillText(port.getDisplayName(), rightSide - scaledPadding, position.y);
         __privateGet(this, _outputPortPositions).Push(port.render(ctx, position, camera, mousePosition, postProcess));
-        startY += tempMeasurement.y + scaledElementSpacing;
+        startY += portHeight + scaledElementSpacing;
       }
       for (let i = 0; i < __privateGet(this, _widgets).length; i++) {
         const widget = __privateGet(this, _widgets)[i];
@@ -6681,6 +6695,24 @@ var NodeFlowGraph = class {
   getSelectedNodes() {
     return __privateGet(this, _mainNodeSubsystem).getSelectedNodes();
   }
+  /**
+   * Returns a copy of the current camera orientation (screen-space pan + zoom).
+   */
+  getCamera() {
+    return __privateGet(this, _camera).getOrientation();
+  }
+  /**
+   * Restores a previously saved camera orientation.
+   */
+  setCamera(orientation) {
+    __privateGet(this, _camera).setOrientation(orientation);
+  }
+  /**
+   * Resets the camera to the default orientation (origin, zoom 1).
+   */
+  resetCamera() {
+    __privateGet(this, _camera).reset();
+  }
   /**
    * Adjusts camera position and zoom so all nodes fit in view (~10% padding).
    * Falls back to camera.reset() when there are no nodes.