babylonjs-node-render-graph-editor 7.42.3 → 7.43.1

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;
@@ -2460,6 +2480,31 @@ interface IUnitButtonProps {
 
 export {};
 
+}
+declare module "babylonjs-node-render-graph-editor/lines/textureButtonLineComponent" {
+import { BaseTexture } from "babylonjs/Materials/Textures/baseTexture";
+import { Scene } from "babylonjs/scene";
+import * as React from "react";
+interface ITextureButtonLineProps {
+    label: string;
+    scene: Scene;
+    onClick: (file: File) => void;
+    onLink: (texture: BaseTexture) => void;
+    accept: string;
+}
+interface ITextureButtonLineState {
+    isOpen: boolean;
+}
+export class TextureButtonLine extends React.Component<ITextureButtonLineProps, ITextureButtonLineState> {
+    private static _IDGenerator;
+    private _id;
+    private _uploadInputRef;
+    constructor(props: ITextureButtonLineProps);
+    onChange(evt: any): void;
+
+}
+export {};
+
 }
 declare module "babylonjs-node-render-graph-editor/lines/textLineComponent" {
 import * as React from "react";
@@ -4406,11 +4451,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);
@@ -4441,6 +4488,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>;
@@ -4469,6 +4517,7 @@ declare module BABYLON.NodeRenderGraphEditor {
         filesInput: BABYLON.FilesInput;
         scene: BABYLON.Scene;
         noAutoFillExternalInputs: boolean;
+        _engine: number;
         customSave?: {
             label: string;
             action: (data: string) => Promise<void>;
@@ -4482,6 +4531,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;
     }
@@ -4949,9 +5002,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;
@@ -5673,7 +5727,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;
 
 
 
@@ -5721,7 +5785,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: () => {
@@ -5795,7 +5859,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;
@@ -5882,6 +5946,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;
@@ -6683,6 +6748,33 @@ declare module BABYLON.NodeRenderGraphEditor.SharedUIComponents {
 
 
 
+}
+declare module BABYLON.NodeRenderGraphEditor {
+
+
+}
+declare module BABYLON.NodeRenderGraphEditor.SharedUIComponents {
+        interface ITextureButtonLineProps {
+        label: string;
+        scene: BABYLON.Scene;
+        onClick: (file: File) => void;
+        onLink: (texture: BABYLON.BaseTexture) => void;
+        accept: string;
+    }
+    interface ITextureButtonLineState {
+        isOpen: boolean;
+    }
+    export class TextureButtonLine extends React.Component<ITextureButtonLineProps, ITextureButtonLineState> {
+        private static _IDGenerator;
+        private _id;
+        private _uploadInputRef;
+        constructor(props: ITextureButtonLineProps);
+        onChange(evt: any): void;
+        render(): import("react/jsx-runtime").JSX.Element;
+    }
+
+
+
 }
 declare module BABYLON.NodeRenderGraphEditor {
 

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "babylonjs-node-render-graph-editor",
-    "version": "7.42.3",
+    "version": "7.43.1",
     "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.3"
+        "babylonjs": "^7.54.1"
     },
     "devDependencies": {
         "@dev/build-tools": "1.0.0",