babylonjs-node-render-graph-editor 7.42.2 → 7.43.0

package/babylon.nodeRenderGraphEditor.module.d.ts

@@ -92,11 +92,13 @@ export class GraphEditor extends React.Component<IGraphEditorProps, IGraphEditor
     private _mouseLocationX;
     private _mouseLocationY;
     private _onWidgetKeyUpPointer;
+    private _historyStack;
     private _previewHost;
     private _popUpWindow;
     private _externalTextures;
     appendBlock(dataToAppend: NodeRenderGraphBlock | INodeData, recursion?: boolean): GraphNode;
     addValueNode(type: string): GraphNode;
+    prepareHistoryStack(): void;
     componentDidMount(): void;
     componentWillUnmount(): void;
     constructor(props: IGraphEditorProps);
@@ -141,6 +143,7 @@ export class GlobalState {
     hostDocument: Document;
     hostWindow: Window;
     stateManager: StateManager;
+    onClearUndoStack: Observable<void>;
     onBuiltObservable: Observable<void>;
     onResetRequiredObservable: Observable<boolean>;
     onZoomToFitRequiredObservable: Observable<void>;
@@ -169,6 +172,7 @@ export class GlobalState {
     filesInput: FilesInput;
     scene: Scene;
     noAutoFillExternalInputs: boolean;
+    _engine: number;
     customSave?: {
         label: string;
         action: (data: string) => Promise<void>;
@@ -182,6 +186,10 @@ export class GlobalState {
      * Sets the current node material
      */
     set nodeRenderGraph(nodeRenderGraph: NodeRenderGraph);
+    /** Gets the engine */
+    get engine(): number;
+    /** Sets the engine */
+    set engine(e: number);
     constructor(scene: Scene);
     storeEditorData(serializationObject: any, frame?: Nullable<GraphFrame>): void;
 }
@@ -207,7 +215,7 @@ import { NodeRenderGraphCopyTextureBlock } from "babylonjs/FrameGraph/Node/Block
 import { NodeRenderGraphGenerateMipmapsBlock } from "babylonjs/FrameGraph/Node/Blocks/Textures/generateMipmapsBlock";
 import { NodeRenderGraphObjectRendererBlock } from "babylonjs/FrameGraph/Node/Blocks/Rendering/objectRendererBlock";
 import { NodeRenderGraphGeometryRendererBlock } from "babylonjs/FrameGraph/Node/Blocks/Rendering/geometryRendererBlock";
-import { NodeRenderGraphCullObjectsBlock } from "babylonjs/FrameGraph/Node/Blocks/Rendering/cullObjectsBlock";
+import { NodeRenderGraphCullObjectsBlock } from "babylonjs/FrameGraph/Node/Blocks/cullObjectsBlock";
 import { NodeRenderGraphGUIBlock } from "babylonjs-gui/2D/FrameGraph/renderGraphGUIBlock";
 import { NodeRenderGraphTAAObjectRendererBlock } from "babylonjs/FrameGraph/Node/Blocks/Rendering/taaObjectRendererBlock";
 import { NodeRenderGraphResourceContainerBlock } from "babylonjs/FrameGraph/Node/Blocks/resourceContainerBlock";
@@ -810,9 +818,10 @@ export class PreviewManager {
     private _currentType;
     private _lightParent;
     private _hdrTexture;
+    private _dummyExternalTexture;
     constructor(targetCanvas: HTMLCanvasElement, globalState: GlobalState);
     private _initAsync;
-    private _initScene;
+    private _initSceneAsync;
     private _reset;
     private _prepareLights;
     private _createNodeRenderGraph;
@@ -1492,7 +1501,17 @@ import { NodeLink } from "babylonjs-node-render-graph-editor/nodeGraphSystem/nod
 import { FramePortData } from "babylonjs-node-render-graph-editor/nodeGraphSystem/types/framePortData";
 export const IsFramePortData: (variableToCheck: any) => variableToCheck is FramePortData;
 export const RefreshNode: (node: GraphNode, visitedNodes?: Set<GraphNode>, visitedLinks?: Set<NodeLink>, canvas?: GraphCanvasComponent) => void;
-export const BuildFloatUI: (container: HTMLDivElement, document: Document, displayName: string, isInteger: boolean, source: any, propertyName: string, onChange: () => void, min?: number, max?: number, visualPropertiesRefresh?: Array<() => void>) => void;
+export const BuildFloatUI: (container: HTMLDivElement, document: Document, displayName: string, isInteger: boolean, source: any, propertyName: string, onChange: () => void, min?: number, max?: number, visualPropertiesRefresh?: Array<() => void>, additionalClassName?: string) => void;
+export function GetListOfAcceptedTypes<T extends Record<string, string | number>>(types: T, allValue: number, autoDetectValue: number, port: {
+    acceptedConnectionPointTypes: number[];
+    excludedConnectionPointTypes: number[];
+    type: number;
+}, skips?: number[]): string[];
+export function GetConnectionErrorMessage<T extends Record<string, string | number>>(sourceType: number, types: T, allValue: number, autoDetectValue: number, port: {
+    acceptedConnectionPointTypes: number[];
+    excludedConnectionPointTypes: number[];
+    type: number;
+}, skips?: number[]): string;
 
 }
 declare module "babylonjs-node-render-graph-editor/nodeGraphSystem/stateManager" {
@@ -1547,7 +1566,7 @@ export class StateManager {
     exportData: (data: any, frame?: Nullable<GraphFrame>) => string;
     isElbowConnectionAllowed: (nodeA: FrameNodePort | NodePort, nodeB: FrameNodePort | NodePort) => boolean;
     isDebugConnectionAllowed: (nodeA: FrameNodePort | NodePort, nodeB: FrameNodePort | NodePort) => boolean;
-    applyNodePortDesign: (data: IPortData, element: HTMLElement, img: HTMLImageElement, pip: HTMLDivElement) => void;
+    applyNodePortDesign: (data: IPortData, element: HTMLElement, imgHost: HTMLDivElement, pip: HTMLDivElement) => boolean;
     getPortColor: (portData: IPortData) => string;
     storeEditorData: (serializationObject: any, frame?: Nullable<GraphFrame>) => void;
     getEditorDataMap: () => {
@@ -1617,7 +1636,7 @@ export class NodePort {
     node: GraphNode;
     protected _element: HTMLDivElement;
     protected _portContainer: HTMLElement;
-    protected _img: HTMLImageElement;
+    protected _imgHost: HTMLDivElement;
     protected _pip: HTMLDivElement;
     protected _stateManager: StateManager;
     protected _portLabelElement: Element;
@@ -1700,6 +1719,7 @@ import { IPortData } from "babylonjs-node-render-graph-editor/nodeGraphSystem/in
 import { IEditablePropertyOption } from "babylonjs/Decorators/nodeDecorator";
 export class GraphNode {
     content: INodeData;
+    private static _IdGenerator;
     private _visual;
     private _headerContainer;
     private _headerIcon;
@@ -1731,11 +1751,11 @@ export class GraphNode {
     private _onUpdateRequiredObserver;
     private _onHighlightNodeObserver;
     private _ownerCanvas;
-    private _isSelected;
     private _displayManager;
     private _isVisible;
     private _enclosingFrameId;
     private _visualPropertiesRefresh;
+    private _lastClick;
     addClassToVisual(className: string): void;
     removeClassFromVisual(className: string): void;
     get isCollapsed(): boolean;
@@ -1755,10 +1775,8 @@ export class GraphNode {
     get height(): number;
     get id(): number;
     get name(): string;
-    get isSelected(): boolean;
     get enclosingFrameId(): number;
     set enclosingFrameId(value: number);
-    set isSelected(value: boolean);
     setIsSelected(value: boolean, marqueeSelection: boolean): void;
     get rootElement(): HTMLDivElement;
     constructor(content: INodeData, stateManager: StateManager);
@@ -1770,10 +1788,11 @@ export class GraphNode {
     private _refreshFrames;
     _refreshLinks(): void;
     refresh(): void;
+    private _expand;
+    private _searchMiddle;
     private _onDown;
     cleanAccumulation(useCeil?: boolean): void;
     private _onUp;
-    private _attach;
     private _onMove;
     renderProperties(): Nullable<JSX.Element>;
     _forceRebuild(source: any, propertyName: string, notifiers?: IEditablePropertyOption["notifiers"]): void;
@@ -1997,6 +2016,8 @@ export class GraphCanvasComponent extends React.Component<IGraphCanvasComponentP
     private _candidateLinkedHasMoved;
     private _x;
     private _y;
+    private _lastx;
+    private _lasty;
     private _zoom;
     private _selectedNodes;
     private _selectedLink;
@@ -2010,6 +2031,7 @@ export class GraphCanvasComponent extends React.Component<IGraphCanvasComponentP
     private _frames;
     private _nodeDataContentList;
     private _altKeyIsPressed;
+    private _shiftKeyIsPressed;
     private _multiKeyIsPressed;
     private _oldY;
     _frameIsMoving: boolean;
@@ -4404,11 +4426,13 @@ declare module BABYLON.NodeRenderGraphEditor {
         private _mouseLocationX;
         private _mouseLocationY;
         private _onWidgetKeyUpPointer;
+        private _historyStack;
         private _previewHost;
         private _popUpWindow;
         private _externalTextures;
         appendBlock(dataToAppend: BABYLON.NodeRenderGraphBlock | BABYLON.NodeRenderGraphEditor.SharedUIComponents.INodeData, recursion?: boolean): BABYLON.NodeRenderGraphEditor.SharedUIComponents.GraphNode;
         addValueNode(type: string): BABYLON.NodeRenderGraphEditor.SharedUIComponents.GraphNode;
+        prepareHistoryStack(): void;
         componentDidMount(): void;
         componentWillUnmount(): void;
         constructor(props: IGraphEditorProps);
@@ -4439,6 +4463,7 @@ declare module BABYLON.NodeRenderGraphEditor {
         hostDocument: Document;
         hostWindow: Window;
         stateManager: BABYLON.NodeRenderGraphEditor.SharedUIComponents.StateManager;
+        onClearUndoStack: BABYLON.Observable<void>;
         onBuiltObservable: BABYLON.Observable<void>;
         onResetRequiredObservable: BABYLON.Observable<boolean>;
         onZoomToFitRequiredObservable: BABYLON.Observable<void>;
@@ -4467,6 +4492,7 @@ declare module BABYLON.NodeRenderGraphEditor {
         filesInput: BABYLON.FilesInput;
         scene: BABYLON.Scene;
         noAutoFillExternalInputs: boolean;
+        _engine: number;
         customSave?: {
             label: string;
             action: (data: string) => Promise<void>;
@@ -4480,6 +4506,10 @@ declare module BABYLON.NodeRenderGraphEditor {
          * Sets the current node material
          */
         set nodeRenderGraph(nodeRenderGraph: BABYLON.NodeRenderGraph);
+        /** Gets the engine */
+        get engine(): number;
+        /** Sets the engine */
+        set engine(e: number);
         constructor(scene: BABYLON.Scene);
         storeEditorData(serializationObject: any, frame?: BABYLON.Nullable<BABYLON.NodeRenderGraphEditor.SharedUIComponents.GraphFrame>): void;
     }
@@ -4947,9 +4977,10 @@ declare module BABYLON.NodeRenderGraphEditor {
         private _currentType;
         private _lightParent;
         private _hdrTexture;
+        private _dummyExternalTexture;
         constructor(targetCanvas: HTMLCanvasElement, globalState: GlobalState);
         private _initAsync;
-        private _initScene;
+        private _initSceneAsync;
         private _reset;
         private _prepareLights;
         private _createNodeRenderGraph;
@@ -5671,7 +5702,17 @@ declare module BABYLON.NodeRenderGraphEditor {
 declare module BABYLON.NodeRenderGraphEditor.SharedUIComponents {
         export const IsFramePortData: (variableToCheck: any) => variableToCheck is BABYLON.NodeRenderGraphEditor.SharedUIComponents.FramePortData;
     export const RefreshNode: (node: BABYLON.NodeRenderGraphEditor.SharedUIComponents.GraphNode, visitedNodes?: Set<BABYLON.NodeRenderGraphEditor.SharedUIComponents.GraphNode>, visitedLinks?: Set<BABYLON.NodeRenderGraphEditor.SharedUIComponents.NodeLink>, canvas?: BABYLON.NodeRenderGraphEditor.SharedUIComponents.GraphCanvasComponent) => void;
-    export const BuildFloatUI: (container: HTMLDivElement, document: Document, displayName: string, isInteger: boolean, source: any, propertyName: string, onChange: () => void, min?: number, max?: number, visualPropertiesRefresh?: Array<() => void>) => void;
+    export const BuildFloatUI: (container: HTMLDivElement, document: Document, displayName: string, isInteger: boolean, source: any, propertyName: string, onChange: () => void, min?: number, max?: number, visualPropertiesRefresh?: Array<() => void>, additionalClassName?: string) => void;
+    export function GetListOfAcceptedTypes<T extends Record<string, string | number>>(types: T, allValue: number, autoDetectValue: number, port: {
+        acceptedConnectionPointTypes: number[];
+        excludedConnectionPointTypes: number[];
+        type: number;
+    }, skips?: number[]): string[];
+    export function GetConnectionErrorMessage<T extends Record<string, string | number>>(sourceType: number, types: T, allValue: number, autoDetectValue: number, port: {
+        acceptedConnectionPointTypes: number[];
+        excludedConnectionPointTypes: number[];
+        type: number;
+    }, skips?: number[]): string;
 
 
 
@@ -5719,7 +5760,7 @@ declare module BABYLON.NodeRenderGraphEditor.SharedUIComponents {
         exportData: (data: any, frame?: BABYLON.Nullable<BABYLON.NodeRenderGraphEditor.SharedUIComponents.GraphFrame>) => string;
         isElbowConnectionAllowed: (nodeA: BABYLON.NodeRenderGraphEditor.SharedUIComponents.FrameNodePort | BABYLON.NodeRenderGraphEditor.SharedUIComponents.NodePort, nodeB: BABYLON.NodeRenderGraphEditor.SharedUIComponents.FrameNodePort | BABYLON.NodeRenderGraphEditor.SharedUIComponents.NodePort) => boolean;
         isDebugConnectionAllowed: (nodeA: BABYLON.NodeRenderGraphEditor.SharedUIComponents.FrameNodePort | BABYLON.NodeRenderGraphEditor.SharedUIComponents.NodePort, nodeB: BABYLON.NodeRenderGraphEditor.SharedUIComponents.FrameNodePort | BABYLON.NodeRenderGraphEditor.SharedUIComponents.NodePort) => boolean;
-        applyNodePortDesign: (data: BABYLON.NodeRenderGraphEditor.SharedUIComponents.IPortData, element: HTMLElement, img: HTMLImageElement, pip: HTMLDivElement) => void;
+        applyNodePortDesign: (data: BABYLON.NodeRenderGraphEditor.SharedUIComponents.IPortData, element: HTMLElement, imgHost: HTMLDivElement, pip: HTMLDivElement) => boolean;
         getPortColor: (portData: BABYLON.NodeRenderGraphEditor.SharedUIComponents.IPortData) => string;
         storeEditorData: (serializationObject: any, frame?: BABYLON.Nullable<BABYLON.NodeRenderGraphEditor.SharedUIComponents.GraphFrame>) => void;
         getEditorDataMap: () => {
@@ -5793,7 +5834,7 @@ declare module BABYLON.NodeRenderGraphEditor.SharedUIComponents {
         node: BABYLON.NodeRenderGraphEditor.SharedUIComponents.GraphNode;
         protected _element: HTMLDivElement;
         protected _portContainer: HTMLElement;
-        protected _img: HTMLImageElement;
+        protected _imgHost: HTMLDivElement;
         protected _pip: HTMLDivElement;
         protected _stateManager: BABYLON.NodeRenderGraphEditor.SharedUIComponents.StateManager;
         protected _portLabelElement: Element;
@@ -5880,6 +5921,7 @@ declare module BABYLON.NodeRenderGraphEditor {
 declare module BABYLON.NodeRenderGraphEditor.SharedUIComponents {
         export class GraphNode {
         content: BABYLON.NodeRenderGraphEditor.SharedUIComponents.INodeData;
+        private static _IdGenerator;
         private _visual;
         private _headerContainer;
         private _headerIcon;
@@ -5911,11 +5953,11 @@ declare module BABYLON.NodeRenderGraphEditor.SharedUIComponents {
         private _onUpdateRequiredObserver;
         private _onHighlightNodeObserver;
         private _ownerCanvas;
-        private _isSelected;
         private _displayManager;
         private _isVisible;
         private _enclosingFrameId;
         private _visualPropertiesRefresh;
+        private _lastClick;
         addClassToVisual(className: string): void;
         removeClassFromVisual(className: string): void;
         get isCollapsed(): boolean;
@@ -5935,10 +5977,8 @@ declare module BABYLON.NodeRenderGraphEditor.SharedUIComponents {
         get height(): number;
         get id(): number;
         get name(): string;
-        get isSelected(): boolean;
         get enclosingFrameId(): number;
         set enclosingFrameId(value: number);
-        set isSelected(value: boolean);
         setIsSelected(value: boolean, marqueeSelection: boolean): void;
         get rootElement(): HTMLDivElement;
         constructor(content: BABYLON.NodeRenderGraphEditor.SharedUIComponents.INodeData, stateManager: BABYLON.NodeRenderGraphEditor.SharedUIComponents.StateManager);
@@ -5950,10 +5990,11 @@ declare module BABYLON.NodeRenderGraphEditor.SharedUIComponents {
         private _refreshFrames;
         _refreshLinks(): void;
         refresh(): void;
+        private _expand;
+        private _searchMiddle;
         private _onDown;
         cleanAccumulation(useCeil?: boolean): void;
         private _onUp;
-        private _attach;
         private _onMove;
         renderProperties(): BABYLON.Nullable<JSX.Element>;
         _forceRebuild(source: any, propertyName: string, notifiers?: BABYLON.IEditablePropertyOption["notifiers"]): void;
@@ -6171,6 +6212,8 @@ declare module BABYLON.NodeRenderGraphEditor.SharedUIComponents {
         private _candidateLinkedHasMoved;
         private _x;
         private _y;
+        private _lastx;
+        private _lasty;
         private _zoom;
         private _selectedNodes;
         private _selectedLink;
@@ -6184,6 +6227,7 @@ declare module BABYLON.NodeRenderGraphEditor.SharedUIComponents {
         private _frames;
         private _nodeDataContentList;
         private _altKeyIsPressed;
+        private _shiftKeyIsPressed;
         private _multiKeyIsPressed;
         private _oldY;
         _frameIsMoving: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "babylonjs-node-render-graph-editor",
-    "version": "7.42.2",
+    "version": "7.43.0",
     "main": "babylon.nodeRenderGraphEditor.js",
     "types": "babylon.nodeRenderGraphEditor.module.d.ts",
     "files": [
@@ -14,7 +14,7 @@
         "clean": "rimraf dist && rimraf babylon*.* -g"
     },
     "dependencies": {
-        "babylonjs": "^7.53.2"
+        "babylonjs": "^7.54.0"
     },
     "devDependencies": {
         "@dev/build-tools": "1.0.0",