@babylonjs/node-editor 7.25.2 → 7.26.1

package/dist/babylon.nodeEditor.module.d.ts

@@ -316,8 +316,12 @@ import { CurveBlock } from "@babylonjs/core/Materials/Node/Blocks/curveBlock";
 import { PrePassTextureBlock } from "@babylonjs/core/Materials/Node/Blocks/Input/prePassTextureBlock";
 import { NodeMaterialTeleportInBlock } from "@babylonjs/core/Materials/Node/Blocks/Teleport/teleportInBlock";
 import { NodeMaterialTeleportOutBlock } from "@babylonjs/core/Materials/Node/Blocks/Teleport/teleportOutBlock";
+import { ColorConverterBlock } from "@babylonjs/core/Materials/Node/Blocks/colorConverterBlock";
+import { LoopBlock } from "@babylonjs/core/Materials/Node/Blocks/loopBlock";
+import { StorageReadBlock } from "@babylonjs/core/Materials/Node/Blocks/storageReadBlock";
+import { StorageWriteBlock } from "@babylonjs/core/Materials/Node/Blocks/storageWriteBlock";
 export class BlockTools {
-    static GetBlockFromString(data: string, scene: Scene, nodeMaterial: NodeMaterial): NodeMaterialTeleportInBlock | NodeMaterialTeleportOutBlock | HeightToNormalBlock | ElbowBlock | TwirlBlock | VoronoiNoiseBlock | ScreenSpaceBlock | CloudBlock | MatrixBuilderBlock | DesaturateBlock | RefractBlock | ReflectBlock | DerivativeBlock | Rotate2dBlock | NormalBlendBlock | WorleyNoise3DBlock | SimplexPerlin3DBlock | BonesBlock | InstancesBlock | MorphTargetsBlock | DiscardBlock | PrePassTextureBlock | ImageProcessingBlock | ColorMergerBlock | VectorMergerBlock | ColorSplitterBlock | VectorSplitterBlock | TextureBlock | ReflectionTextureBlock | LightBlock | FogBlock | VertexOutputBlock | FragmentOutputBlock | PrePassOutputBlock | AddBlock | ClampBlock | ScaleBlock | CrossBlock | DotBlock | PowBlock | MultiplyBlock | TransformBlock | TrigonometryBlock | RemapBlock | NormalizeBlock | FresnelBlock | LerpBlock | NLerpBlock | DivideBlock | SubtractBlock | ModBlock | StepBlock | SmoothStepBlock | OneMinusBlock | ReciprocalBlock | ViewDirectionBlock | LightInformationBlock | MaxBlock | MinBlock | LengthBlock | DistanceBlock | NegateBlock | PerturbNormalBlock | TBNBlock | RandomNumberBlock | ReplaceColorBlock | PosterizeBlock | ArcTan2Block | GradientBlock | FrontFacingBlock | MeshAttributeExistsBlock | WaveBlock | InputBlock | PBRMetallicRoughnessBlock | SheenBlock | AnisotropyBlock | ReflectionBlock | ClearCoatBlock | RefractionBlock | SubSurfaceBlock | CurrentScreenBlock | ParticleTextureBlock | ParticleRampGradientBlock | ParticleBlendMultiplyBlock | FragCoordBlock | ScreenSizeBlock | SceneDepthBlock | ConditionalBlock | ImageSourceBlock | ClipPlanesBlock | FragDepthBlock | ShadowMapBlock | TriPlanarBlock | MatrixTransposeBlock | MatrixDeterminantBlock | CurveBlock | null;
+    static GetBlockFromString(data: string, scene: Scene, nodeMaterial: NodeMaterial): StorageWriteBlock | StorageReadBlock | LoopBlock | ColorConverterBlock | NodeMaterialTeleportInBlock | NodeMaterialTeleportOutBlock | HeightToNormalBlock | ElbowBlock | TwirlBlock | VoronoiNoiseBlock | ScreenSpaceBlock | CloudBlock | MatrixBuilderBlock | DesaturateBlock | RefractBlock | ReflectBlock | DerivativeBlock | Rotate2dBlock | NormalBlendBlock | WorleyNoise3DBlock | SimplexPerlin3DBlock | BonesBlock | InstancesBlock | MorphTargetsBlock | DiscardBlock | PrePassTextureBlock | ImageProcessingBlock | ColorMergerBlock | VectorMergerBlock | ColorSplitterBlock | VectorSplitterBlock | TextureBlock | ReflectionTextureBlock | LightBlock | FogBlock | VertexOutputBlock | FragmentOutputBlock | PrePassOutputBlock | AddBlock | ClampBlock | ScaleBlock | CrossBlock | DotBlock | PowBlock | MultiplyBlock | TransformBlock | TrigonometryBlock | RemapBlock | NormalizeBlock | FresnelBlock | LerpBlock | NLerpBlock | DivideBlock | SubtractBlock | ModBlock | StepBlock | SmoothStepBlock | OneMinusBlock | ReciprocalBlock | ViewDirectionBlock | LightInformationBlock | MaxBlock | MinBlock | LengthBlock | DistanceBlock | NegateBlock | PerturbNormalBlock | TBNBlock | RandomNumberBlock | ReplaceColorBlock | PosterizeBlock | ArcTan2Block | GradientBlock | FrontFacingBlock | MeshAttributeExistsBlock | WaveBlock | InputBlock | PBRMetallicRoughnessBlock | SheenBlock | AnisotropyBlock | ReflectionBlock | ClearCoatBlock | RefractionBlock | SubSurfaceBlock | CurrentScreenBlock | ParticleTextureBlock | ParticleRampGradientBlock | ParticleBlendMultiplyBlock | FragCoordBlock | ScreenSizeBlock | SceneDepthBlock | ConditionalBlock | ImageSourceBlock | ClipPlanesBlock | FragDepthBlock | ShadowMapBlock | TriPlanarBlock | MatrixTransposeBlock | MatrixDeterminantBlock | CurveBlock | null;
     static GetColorFromConnectionNodeType(type: NodeMaterialBlockConnectionPointTypes): string;
     static GetConnectionNodeTypeFromString(type: string): NodeMaterialBlockConnectionPointTypes.Float | NodeMaterialBlockConnectionPointTypes.Vector2 | NodeMaterialBlockConnectionPointTypes.Vector3 | NodeMaterialBlockConnectionPointTypes.Vector4 | NodeMaterialBlockConnectionPointTypes.Color3 | NodeMaterialBlockConnectionPointTypes.Color4 | NodeMaterialBlockConnectionPointTypes.Matrix | NodeMaterialBlockConnectionPointTypes.AutoDetect;
     static GetStringFromConnectionNodeType(type: NodeMaterialBlockConnectionPointTypes): "" | "Float" | "Vector2" | "Vector3" | "Vector4" | "Matrix" | "Color3" | "Color4";
@@ -974,6 +978,18 @@ export class MeshAttributeExistsDisplayManager implements IDisplayManager {
     updatePreviewContent(): void;
 }
 
+}
+declare module "@babylonjs/node-editor/graphSystem/display/loopDisplayManager" {
+import { IDisplayManager } from "@babylonjs/node-editor/nodeGraphSystem/interfaces/displayManager";
+import { INodeData } from "@babylonjs/node-editor/nodeGraphSystem/interfaces/nodeData";
+export class LoopDisplayManager implements IDisplayManager {
+    getHeaderClass(): string;
+    shouldDisplayPortLabels(): boolean;
+    getHeaderText(nodeData: INodeData): string;
+    getBackgroundColor(): string;
+    updatePreviewContent(nodeData: INodeData, contentArea: HTMLDivElement): void;
+}
+
 }
 declare module "@babylonjs/node-editor/graphSystem/display/inputDisplayManager" {
 import { NodeMaterialBlockConnectionPointTypes } from "@babylonjs/core/Materials/Node/Enums/nodeMaterialBlockConnectionPointTypes";
@@ -1458,8 +1474,9 @@ import { IDisposable } from "@babylonjs/core/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;
@@ -1470,13 +1487,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
      */
@@ -1995,6 +2018,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;
@@ -2075,6 +2100,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;
@@ -2125,6 +2151,7 @@ export class GraphFrame {
     private _headerTextElement;
     private _headerCollapseElement;
     private _headerCloseElement;
+    private _headerFocusElement;
     private _commentsElement;
     private _portContainer;
     private _outputPortContainer;
@@ -2154,6 +2181,7 @@ export class GraphFrame {
     private readonly _closeSVG;
     private readonly _expandSVG;
     private readonly _collapseSVG;
+    private readonly _focusSVG;
     get id(): number;
     get isCollapsed(): boolean;
     private _createInputPort;
@@ -2182,6 +2210,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;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@babylonjs/node-editor",
-    "version": "7.25.2",
+    "version": "7.26.1",
     "main": "dist/babylon.nodeEditor.max.js",
     "module": "dist/babylon.nodeEditor.max.js",
     "esnext": "dist/babylon.nodeEditor.max.js",
@@ -23,7 +23,7 @@
         "@types/react-dom": ">=16.0.9"
     },
     "devDependencies": {
-        "@babylonjs/core": "^7.25.2",
+        "@babylonjs/core": "^7.26.1",
         "react": "^17.0.2",
         "react-dom": "^17.0.2"
     },