babylonjs-node-geometry-editor 7.25.2 → 7.26.1

package/babylon.nodeGeometryEditor.module.d.ts

@@ -92,6 +92,7 @@ export class GraphEditor extends React.Component<IGraphEditorProps, IGraphEditor
     private _diagramContainerRef;
     private _graphCanvas;
     private _diagramContainer;
+    private _historyStack;
     private _startX;
     private _moveInProgress;
     private _leftWidth;
@@ -104,6 +105,7 @@ export class GraphEditor extends React.Component<IGraphEditorProps, IGraphEditor
     private _popUpWindow;
     appendBlock(dataToAppend: NodeGeometryBlock | INodeData, recursion?: boolean): GraphNode;
     addValueNode(type: string): GraphNode;
+    prepareHistoryStack(): void;
     componentDidMount(): void;
     componentWillUnmount(): void;
     constructor(props: IGraphEditorProps);
@@ -155,6 +157,7 @@ export class GlobalState {
     stateManager: StateManager;
     onBuiltObservable: Observable<void>;
     onResetRequiredObservable: Observable<boolean>;
+    onClearUndoStack: Observable<void>;
     onZoomToFitRequiredObservable: Observable<void>;
     onReOrganizedRequiredObservable: Observable<void>;
     onPreviewModeChanged: Observable<void>;
@@ -1098,8 +1101,9 @@ import { IDisposable } from "babylonjs/scene";
  * Class handling undo / redo operations
  */
 export class HistoryStack implements IDisposable {
-    private _history;
+    private _historyStack;
     private _redoStack;
+    private _activeData;
     private readonly _maxHistoryLength;
     private _locked;
     private _dataProvider;
@@ -1110,13 +1114,19 @@ export class HistoryStack implements IDisposable {
      * @param applyUpdate defines the code to execute when undo/redo operation is required
      */
     constructor(dataProvider: () => any, applyUpdate: (data: any) => void);
+    /**
+     * Process key event to handle undo / redo
+     * @param evt defines the keyboard event to process
+     * @returns true if the event was processed
+     */
+    processKeyEvent(evt: KeyboardEvent): boolean;
     /**
      * Resets the stack
      */
     reset(): void;
     private _generateJSONDiff;
     private _applyJSONDiff;
-    private _rebuildState;
+    private _copy;
     /**
      * Stores the current state
      */
@@ -1635,6 +1645,8 @@ export class NodeLink {
     get nodeB(): GraphNode | undefined;
     intersectsWith(rect: DOMRect): boolean;
     update(endX?: number, endY?: number, straight?: boolean): void;
+    get path(): SVGPathElement;
+    get selectionPath(): SVGPathElement;
     constructor(graphCanvas: GraphCanvasComponent, portA: NodePort, nodeA: GraphNode, portB?: NodePort, nodeB?: GraphNode);
     onClick(evt: MouseEvent): void;
     dispose(notify?: boolean): void;
@@ -1715,6 +1727,7 @@ export class GraphNode {
     set enclosingFrameId(value: number);
     set isSelected(value: boolean);
     setIsSelected(value: boolean, marqueeSelection: boolean): void;
+    get rootElement(): HTMLDivElement;
     constructor(content: INodeData, stateManager: StateManager);
     isOverlappingFrame(frame: GraphFrame): boolean;
     getPortForPortData(portData: IPortData): NodePort | null;
@@ -1765,6 +1778,7 @@ export class GraphFrame {
     private _headerTextElement;
     private _headerCollapseElement;
     private _headerCloseElement;
+    private _headerFocusElement;
     private _commentsElement;
     private _portContainer;
     private _outputPortContainer;
@@ -1794,6 +1808,7 @@ export class GraphFrame {
     private readonly _closeSVG;
     private readonly _expandSVG;
     private readonly _collapseSVG;
+    private readonly _focusSVG;
     get id(): number;
     get isCollapsed(): boolean;
     private _createInputPort;
@@ -1822,6 +1837,11 @@ export class GraphFrame {
     get comments(): string;
     set comments(comments: string);
     constructor(candidate: Nullable<HTMLDivElement>, canvas: GraphCanvasComponent, doNotCaptureNodes?: boolean);
+    private _isFocused;
+    /**
+     * Enter/leave focus mode
+     */
+    switchFocusMode(): void;
     refresh(): void;
     addNode(node: GraphNode): void;
     removeNode(node: GraphNode): void;
@@ -4260,6 +4280,7 @@ declare module BABYLON.NodeGeometryEditor {
         private _diagramContainerRef;
         private _graphCanvas;
         private _diagramContainer;
+        private _historyStack;
         private _startX;
         private _moveInProgress;
         private _leftWidth;
@@ -4272,6 +4293,7 @@ declare module BABYLON.NodeGeometryEditor {
         private _popUpWindow;
         appendBlock(dataToAppend: BABYLON.NodeGeometryBlock | BABYLON.NodeGeometryEditor.SharedUIComponents.INodeData, recursion?: boolean): BABYLON.NodeGeometryEditor.SharedUIComponents.GraphNode;
         addValueNode(type: string): BABYLON.NodeGeometryEditor.SharedUIComponents.GraphNode;
+        prepareHistoryStack(): void;
         componentDidMount(): void;
         componentWillUnmount(): void;
         constructor(props: IGraphEditorProps);
@@ -4310,6 +4332,7 @@ declare module BABYLON.NodeGeometryEditor {
         stateManager: BABYLON.NodeGeometryEditor.SharedUIComponents.StateManager;
         onBuiltObservable: BABYLON.Observable<void>;
         onResetRequiredObservable: BABYLON.Observable<boolean>;
+        onClearUndoStack: BABYLON.Observable<void>;
         onZoomToFitRequiredObservable: BABYLON.Observable<void>;
         onReOrganizedRequiredObservable: BABYLON.Observable<void>;
         onPreviewModeChanged: BABYLON.Observable<void>;
@@ -5005,8 +5028,9 @@ declare module BABYLON.NodeGeometryEditor.SharedUIComponents {
      * Class handling undo / redo operations
      */
     export class HistoryStack implements BABYLON.IDisposable {
-        private _history;
+        private _historyStack;
         private _redoStack;
+        private _activeData;
         private readonly _maxHistoryLength;
         private _locked;
         private _dataProvider;
@@ -5017,13 +5041,19 @@ declare module BABYLON.NodeGeometryEditor.SharedUIComponents {
          * @param applyUpdate defines the code to execute when undo/redo operation is required
          */
         constructor(dataProvider: () => any, applyUpdate: (data: any) => void);
+        /**
+         * Process key event to handle undo / redo
+         * @param evt defines the keyboard event to process
+         * @returns true if the event was processed
+         */
+        processKeyEvent(evt: KeyboardEvent): boolean;
         /**
          * Resets the stack
          */
         reset(): void;
         private _generateJSONDiff;
         private _applyJSONDiff;
-        private _rebuildState;
+        private _copy;
         /**
          * Stores the current state
          */
@@ -5558,6 +5588,8 @@ declare module BABYLON.NodeGeometryEditor.SharedUIComponents {
         get nodeB(): BABYLON.NodeGeometryEditor.SharedUIComponents.GraphNode | undefined;
         intersectsWith(rect: DOMRect): boolean;
         update(endX?: number, endY?: number, straight?: boolean): void;
+        get path(): SVGPathElement;
+        get selectionPath(): SVGPathElement;
         constructor(graphCanvas: BABYLON.NodeGeometryEditor.SharedUIComponents.GraphCanvasComponent, portA: BABYLON.NodeGeometryEditor.SharedUIComponents.NodePort, nodeA: BABYLON.NodeGeometryEditor.SharedUIComponents.GraphNode, portB?: BABYLON.NodeGeometryEditor.SharedUIComponents.NodePort, nodeB?: BABYLON.NodeGeometryEditor.SharedUIComponents.GraphNode);
         onClick(evt: MouseEvent): void;
         dispose(notify?: boolean): void;
@@ -5642,6 +5674,7 @@ declare module BABYLON.NodeGeometryEditor.SharedUIComponents {
         set enclosingFrameId(value: number);
         set isSelected(value: boolean);
         setIsSelected(value: boolean, marqueeSelection: boolean): void;
+        get rootElement(): HTMLDivElement;
         constructor(content: BABYLON.NodeGeometryEditor.SharedUIComponents.INodeData, stateManager: BABYLON.NodeGeometryEditor.SharedUIComponents.StateManager);
         isOverlappingFrame(frame: BABYLON.NodeGeometryEditor.SharedUIComponents.GraphFrame): boolean;
         getPortForPortData(portData: BABYLON.NodeGeometryEditor.SharedUIComponents.IPortData): BABYLON.NodeGeometryEditor.SharedUIComponents.NodePort | null;
@@ -5691,6 +5724,7 @@ declare module BABYLON.NodeGeometryEditor.SharedUIComponents {
         private _headerTextElement;
         private _headerCollapseElement;
         private _headerCloseElement;
+        private _headerFocusElement;
         private _commentsElement;
         private _portContainer;
         private _outputPortContainer;
@@ -5720,6 +5754,7 @@ declare module BABYLON.NodeGeometryEditor.SharedUIComponents {
         private readonly _closeSVG;
         private readonly _expandSVG;
         private readonly _collapseSVG;
+        private readonly _focusSVG;
         get id(): number;
         get isCollapsed(): boolean;
         private _createInputPort;
@@ -5748,6 +5783,11 @@ declare module BABYLON.NodeGeometryEditor.SharedUIComponents {
         get comments(): string;
         set comments(comments: string);
         constructor(candidate: BABYLON.Nullable<HTMLDivElement>, canvas: BABYLON.NodeGeometryEditor.SharedUIComponents.GraphCanvasComponent, doNotCaptureNodes?: boolean);
+        private _isFocused;
+        /**
+         * Enter/leave focus mode
+         */
+        switchFocusMode(): void;
         refresh(): void;
         addNode(node: BABYLON.NodeGeometryEditor.SharedUIComponents.GraphNode): void;
         removeNode(node: BABYLON.NodeGeometryEditor.SharedUIComponents.GraphNode): void;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "babylonjs-node-geometry-editor",
-    "version": "7.25.2",
+    "version": "7.26.1",
     "main": "babylon.nodeGeometryEditor.js",
     "types": "babylon.nodeGeometryEditor.module.d.ts",
     "files": [
@@ -14,7 +14,7 @@
         "clean": "rimraf dist && rimraf babylon*.* -g"
     },
     "dependencies": {
-        "babylonjs": "^7.25.2"
+        "babylonjs": "^7.26.1"
     },
     "devDependencies": {
         "@dev/build-tools": "1.0.0",
@@ -26,7 +26,7 @@
         "react": "^17.0.2",
         "react-contextmenu": "RaananW/react-contextmenu",
         "react-dom": "^17.0.2",
-        "sass-loader": "^13.0.0",
+        "sass-loader": "^16.0.0",
         "source-map-loader": "^4.0.0",
         "ts-loader": "^9.2.6",
         "webpack": "^5.73.0",