babylonjs-node-editor 5.14.1 → 5.16.0

package/babylon.nodeEditor.module.d.ts

@@ -161,6 +161,8 @@ export class PreviewAreaComponent extends React.Component<IPreviewAreaComponentP
     componentWillUnmount(): void;
     changeBackFaceCulling(value: boolean): void;
     changeDepthPrePass(value: boolean): void;
+    _onPointerOverCanvas: () => void;
+    _onPointerOutCanvas: () => void;
     changeParticleSystemBlendMode(newOne: number): void;
     render(): JSX.Element;
 }
@@ -467,6 +469,7 @@ export class GlobalState {
     directionalLight1: boolean;
     controlCamera: boolean;
     _mode: NodeMaterialModes;
+    pointerOverCanvas: boolean;
     /** Gets the mode */
     get mode(): NodeMaterialModes;
     /** Sets the mode */
@@ -532,7 +535,7 @@ export class GraphEditor extends React.Component<IGraphEditorProps, IGraphEditor
     reOrganize(editorData?: Nullable<IEditorData>, isImportingAFrame?: boolean): void;
     onPointerDown(evt: React.PointerEvent<HTMLDivElement>): void;
     onPointerUp(evt: React.PointerEvent<HTMLDivElement>): void;
-    onWheel(this: any, evt: WheelEvent): void;
+    onWheel: (evt: WheelEvent) => void;
     resizeColumns(evt: React.PointerEvent<HTMLDivElement>, forLeft?: boolean): void;
     buildColumnLayout(): string;
     emitNewBlock(blockType: string, targetX: number, targetY: number): void;
@@ -569,7 +572,7 @@ export class BlockNodeData implements INodeData {
     set comments(value: string);
     getPortByName(name: string): IPortData | null;
     dispose(): void;
-    getWarningMessage(): "" | "For optimization reasons, this block will be promoted to the vertex shader. You can force it to render in the fragment shader by setting its target to Fragment";
+    prepareHeaderIcon(iconDiv: HTMLDivElement, img: HTMLImageElement): void;
     constructor(data: NodeMaterialBlock, nodeContainer: INodeContainer);
 }
 
@@ -603,6 +606,7 @@ export class ConnectionPointPortData implements IPortData {
     constructor(connectionPoint: NodeMaterialConnectionPoint, nodeContainer: INodeContainer);
     updateDisplayName(newName: string): void;
     connectTo(port: IPortData): void;
+    canConnectTo(port: IPortData): boolean;
     disconnectFrom(port: IPortData): void;
     checkCompatibilityState(port: IPortData): 0 | NodeMaterialConnectionPointCompatibilityStates.TypeIncompatible | NodeMaterialConnectionPointCompatibilityStates.TargetIncompatible | NodeMaterialConnectionPointCompatibilityStates.HierarchyIssue;
     getCompatibilityIssueMessage(issue: number, targetNode: GraphNode, targetPort: IPortData): "" | "Cannot connect two different connection types" | "Source block can only work in fragment shader whereas destination block is currently aimed for the vertex shader" | "Source block cannot be connected with one of its ancestors";
@@ -1672,7 +1676,7 @@ interface IFloatLineComponentProps {
     label: string;
     target: any;
     propertyName: string;
-    lockObject?: LockObject;
+    lockObject: LockObject;
     onChange?: (newValue: number) => void;
     isInteger?: boolean;
     onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
@@ -2046,7 +2050,7 @@ interface ISliderLineComponentProps {
     margin?: boolean;
     icon?: string;
     iconLabel?: string;
-    lockObject?: LockObject;
+    lockObject: LockObject;
     unit?: React.ReactNode;
 }
 export class SliderLineComponent extends React.Component<ISliderLineComponentProps, {
@@ -2426,6 +2430,8 @@ export class GraphCanvasComponent extends React.Component<IGraphCanvasComponentP
     get frameContainer(): HTMLDivElement;
     private _selectedFrameAndNodesConflict;
     constructor(props: IGraphCanvasComponentProps);
+    populateConnectedEntriesBeforeRemoval(item: GraphNode, items: GraphNode[], inputs: Nullable<IPortData>[], outputs: Nullable<IPortData>[]): void;
+    automaticRewire(inputs: Nullable<IPortData>[], outputs: Nullable<IPortData>[]): void;
     handleKeyDown(evt: KeyboardEvent, onRemove: (nodeData: INodeData) => void, mouseLocationX: number, mouseLocationY: number, dataGenerator: (nodeData: INodeData) => any, rootElement: HTMLDivElement): void;
     pasteSelection(copiedNodes: GraphNode[], currentX: number, currentY: number, dataGenerator: (nodeData: INodeData) => any, selectNew?: boolean): GraphNode[];
     reconnectNewNodes(nodeIndex: number, newNodes: GraphNode[], sourceNodes: GraphNode[], done: boolean[]): void;
@@ -2628,7 +2634,8 @@ export class GraphNode {
     content: INodeData;
     private _visual;
     private _headerContainer;
-    private _warning;
+    private _headerIcon;
+    private _headerIconImg;
     private _header;
     private _connections;
     private _inputsContainer;
@@ -2724,7 +2731,7 @@ export interface INodeData {
     uniqueId: number;
     isInput: boolean;
     comments: string;
-    getWarningMessage: () => string;
+    prepareHeaderIcon: (iconDiv: HTMLDivElement, img: HTMLImageElement) => void;
     getClassName: () => string;
     dispose: () => void;
     getPortByName: (name: string) => Nullable<IPortData>;
@@ -2785,6 +2792,7 @@ export interface IPortData {
     hasEndpoints: boolean;
     endpoints: Nullable<IPortData[]>;
     updateDisplayName: (newName: string) => void;
+    canConnectTo: (port: IPortData) => boolean;
     connectTo: (port: IPortData) => void;
     disconnectFrom: (port: IPortData) => void;
     checkCompatibilityState(port: IPortData): number;
@@ -2928,7 +2936,7 @@ export class StateManager {
         targetY: number;
         needRepositioning?: boolean | undefined;
     }>;
-    exportData: (data: any) => string;
+    exportData: (data: any, frame?: Nullable<GraphFrame>) => string;
     isElbowConnectionAllowed: (nodeA: FrameNodePort | NodePort, nodeB: FrameNodePort | NodePort) => boolean;
     applyNodePortDesign: (data: IPortData, element: HTMLElement, img: HTMLImageElement) => void;
     storeEditorData: (serializationObject: any, frame?: Nullable<GraphFrame>) => void;
@@ -3416,6 +3424,8 @@ declare module BABYLON.NodeEditor {
         componentWillUnmount(): void;
         changeBackFaceCulling(value: boolean): void;
         changeDepthPrePass(value: boolean): void;
+        _onPointerOverCanvas: () => void;
+        _onPointerOutCanvas: () => void;
         changeParticleSystemBlendMode(newOne: number): void;
         render(): JSX.Element;
     }
@@ -3639,6 +3649,7 @@ declare module BABYLON.NodeEditor {
         directionalLight1: boolean;
         controlCamera: boolean;
         _mode: BABYLON.NodeMaterialModes;
+        pointerOverCanvas: boolean;
         /** Gets the mode */
         get mode(): BABYLON.NodeMaterialModes;
         /** Sets the mode */
@@ -3694,7 +3705,7 @@ declare module BABYLON.NodeEditor {
         reOrganize(editorData?: BABYLON.Nullable<BABYLON.NodeEditor.SharedUIComponents.IEditorData>, isImportingAFrame?: boolean): void;
         onPointerDown(evt: React.PointerEvent<HTMLDivElement>): void;
         onPointerUp(evt: React.PointerEvent<HTMLDivElement>): void;
-        onWheel(this: any, evt: WheelEvent): void;
+        onWheel: (evt: WheelEvent) => void;
         resizeColumns(evt: React.PointerEvent<HTMLDivElement>, forLeft?: boolean): void;
         buildColumnLayout(): string;
         emitNewBlock(blockType: string, targetX: number, targetY: number): void;
@@ -3725,7 +3736,7 @@ declare module BABYLON.NodeEditor {
         set comments(value: string);
         getPortByName(name: string): BABYLON.NodeEditor.SharedUIComponents.IPortData | null;
         dispose(): void;
-        getWarningMessage(): "" | "For optimization reasons, this block will be promoted to the vertex shader. You can force it to render in the fragment shader by setting its target to Fragment";
+        prepareHeaderIcon(iconDiv: HTMLDivElement, img: HTMLImageElement): void;
         constructor(data: BABYLON.NodeMaterialBlock, nodeContainer: BABYLON.NodeEditor.SharedUIComponents.INodeContainer);
     }
 
@@ -3751,6 +3762,7 @@ declare module BABYLON.NodeEditor {
         constructor(connectionPoint: BABYLON.NodeMaterialConnectionPoint, nodeContainer: BABYLON.NodeEditor.SharedUIComponents.INodeContainer);
         updateDisplayName(newName: string): void;
         connectTo(port: BABYLON.NodeEditor.SharedUIComponents.IPortData): void;
+        canConnectTo(port: BABYLON.NodeEditor.SharedUIComponents.IPortData): boolean;
         disconnectFrom(port: BABYLON.NodeEditor.SharedUIComponents.IPortData): void;
         checkCompatibilityState(port: BABYLON.NodeEditor.SharedUIComponents.IPortData): 0 | BABYLON.NodeMaterialConnectionPointCompatibilityStates.TypeIncompatible | BABYLON.NodeMaterialConnectionPointCompatibilityStates.TargetIncompatible | BABYLON.NodeMaterialConnectionPointCompatibilityStates.HierarchyIssue;
         getCompatibilityIssueMessage(issue: number, targetNode: BABYLON.NodeEditor.SharedUIComponents.GraphNode, targetPort: BABYLON.NodeEditor.SharedUIComponents.IPortData): "" | "Cannot connect two different connection types" | "Source block can only work in fragment shader whereas destination block is currently aimed for the vertex shader" | "Source block cannot be connected with one of its ancestors";
@@ -4712,7 +4724,7 @@ declare module BABYLON.NodeEditor.SharedUIComponents {
         label: string;
         target: any;
         propertyName: string;
-        lockObject?: BABYLON.NodeEditor.SharedUIComponents.LockObject;
+        lockObject: BABYLON.NodeEditor.SharedUIComponents.LockObject;
         onChange?: (newValue: number) => void;
         isInteger?: boolean;
         onPropertyChangedObservable?: BABYLON.Observable<BABYLON.NodeEditor.SharedUIComponents.PropertyChangedEvent>;
@@ -5118,7 +5130,7 @@ declare module BABYLON.NodeEditor.SharedUIComponents {
         margin?: boolean;
         icon?: string;
         iconLabel?: string;
-        lockObject?: BABYLON.NodeEditor.SharedUIComponents.LockObject;
+        lockObject: BABYLON.NodeEditor.SharedUIComponents.LockObject;
         unit?: React.ReactNode;
     }
     export class SliderLineComponent extends React.Component<ISliderLineComponentProps, {
@@ -5503,6 +5515,8 @@ declare module BABYLON.NodeEditor.SharedUIComponents {
         get frameContainer(): HTMLDivElement;
         private _selectedFrameAndNodesConflict;
         constructor(props: IGraphCanvasComponentProps);
+        populateConnectedEntriesBeforeRemoval(item: BABYLON.NodeEditor.SharedUIComponents.GraphNode, items: BABYLON.NodeEditor.SharedUIComponents.GraphNode[], inputs: BABYLON.Nullable<BABYLON.NodeEditor.SharedUIComponents.IPortData>[], outputs: BABYLON.Nullable<BABYLON.NodeEditor.SharedUIComponents.IPortData>[]): void;
+        automaticRewire(inputs: BABYLON.Nullable<BABYLON.NodeEditor.SharedUIComponents.IPortData>[], outputs: BABYLON.Nullable<BABYLON.NodeEditor.SharedUIComponents.IPortData>[]): void;
         handleKeyDown(evt: KeyboardEvent, onRemove: (nodeData: BABYLON.NodeEditor.SharedUIComponents.INodeData) => void, mouseLocationX: number, mouseLocationY: number, dataGenerator: (nodeData: BABYLON.NodeEditor.SharedUIComponents.INodeData) => any, rootElement: HTMLDivElement): void;
         pasteSelection(copiedNodes: BABYLON.NodeEditor.SharedUIComponents.GraphNode[], currentX: number, currentY: number, dataGenerator: (nodeData: BABYLON.NodeEditor.SharedUIComponents.INodeData) => any, selectNew?: boolean): BABYLON.NodeEditor.SharedUIComponents.GraphNode[];
         reconnectNewNodes(nodeIndex: number, newNodes: BABYLON.NodeEditor.SharedUIComponents.GraphNode[], sourceNodes: BABYLON.NodeEditor.SharedUIComponents.GraphNode[], done: boolean[]): void;
@@ -5700,7 +5714,8 @@ declare module BABYLON.NodeEditor.SharedUIComponents {
         content: BABYLON.NodeEditor.SharedUIComponents.INodeData;
         private _visual;
         private _headerContainer;
-        private _warning;
+        private _headerIcon;
+        private _headerIconImg;
         private _header;
         private _connections;
         private _inputsContainer;
@@ -5805,7 +5820,7 @@ declare module BABYLON.NodeEditor.SharedUIComponents {
         uniqueId: number;
         isInput: boolean;
         comments: string;
-        getWarningMessage: () => string;
+        prepareHeaderIcon: (iconDiv: HTMLDivElement, img: HTMLImageElement) => void;
         getClassName: () => string;
         dispose: () => void;
         getPortByName: (name: string) => BABYLON.Nullable<BABYLON.NodeEditor.SharedUIComponents.IPortData>;
@@ -5874,6 +5889,7 @@ declare module BABYLON.NodeEditor.SharedUIComponents {
         hasEndpoints: boolean;
         endpoints: BABYLON.Nullable<IPortData[]>;
         updateDisplayName: (newName: string) => void;
+        canConnectTo: (port: IPortData) => boolean;
         connectTo: (port: IPortData) => void;
         disconnectFrom: (port: IPortData) => void;
         checkCompatibilityState(port: IPortData): number;
@@ -6012,7 +6028,7 @@ declare module BABYLON.NodeEditor.SharedUIComponents {
             targetY: number;
             needRepositioning?: boolean | undefined;
         }>;
-        exportData: (data: any) => string;
+        exportData: (data: any, frame?: BABYLON.Nullable<BABYLON.NodeEditor.SharedUIComponents.GraphFrame>) => string;
         isElbowConnectionAllowed: (nodeA: BABYLON.NodeEditor.SharedUIComponents.FrameNodePort | BABYLON.NodeEditor.SharedUIComponents.NodePort, nodeB: BABYLON.NodeEditor.SharedUIComponents.FrameNodePort | BABYLON.NodeEditor.SharedUIComponents.NodePort) => boolean;
         applyNodePortDesign: (data: BABYLON.NodeEditor.SharedUIComponents.IPortData, element: HTMLElement, img: HTMLImageElement) => void;
         storeEditorData: (serializationObject: any, frame?: BABYLON.Nullable<BABYLON.NodeEditor.SharedUIComponents.GraphFrame>) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "babylonjs-node-editor",
-    "version": "5.14.1",
+    "version": "5.16.0",
     "main": "babylon.nodeEditor.js",
     "types": "babylon.nodeEditor.module.d.ts",
     "files": [
@@ -14,7 +14,7 @@
         "clean": "rimraf dist && rimraf babylon*.*"
     },
     "dependencies": {
-        "babylonjs": "^5.14.1"
+        "babylonjs": "^5.16.0"
     },
     "devDependencies": {
         "@dev/build-tools": "1.0.0",