@babylonjs/node-editor 6.15.0 → 6.16.1

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

@@ -95,8 +95,10 @@ import { TriPlanarBlock } from "@babylonjs/core/Materials/Node/Blocks/triPlanarB
 import { MatrixDeterminantBlock } from "@babylonjs/core/Materials/Node/Blocks/matrixDeterminantBlock";
 import { MatrixTransposeBlock } from "@babylonjs/core/Materials/Node/Blocks/matrixTransposeBlock";
 import { CurveBlock } from "@babylonjs/core/Materials/Node/Blocks/curveBlock";
+import { NodeMaterialTeleportInBlock } from "@babylonjs/core/Materials/Node/Blocks/Teleport/teleportInBlock";
+import { NodeMaterialTeleportOutBlock } from "@babylonjs/core/Materials/Node/Blocks/Teleport/teleportOutBlock";
 export class BlockTools {
-    static GetBlockFromString(data: string, scene: Scene, nodeMaterial: NodeMaterial): HeightToNormalBlock | ElbowBlock | TwirlBlock | VoronoiNoiseBlock | ScreenSpaceBlock | CloudBlock | MatrixBuilderBlock | DesaturateBlock | RefractBlock | ReflectBlock | DerivativeBlock | Rotate2dBlock | NormalBlendBlock | WorleyNoise3DBlock | SimplexPerlin3DBlock | BonesBlock | InstancesBlock | MorphTargetsBlock | DiscardBlock | ImageProcessingBlock | ColorMergerBlock | VectorMergerBlock | ColorSplitterBlock | VectorSplitterBlock | TextureBlock | ReflectionTextureBlock | LightBlock | FogBlock | VertexOutputBlock | FragmentOutputBlock | 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): NodeMaterialTeleportInBlock | NodeMaterialTeleportOutBlock | HeightToNormalBlock | ElbowBlock | TwirlBlock | VoronoiNoiseBlock | ScreenSpaceBlock | CloudBlock | MatrixBuilderBlock | DesaturateBlock | RefractBlock | ReflectBlock | DerivativeBlock | Rotate2dBlock | NormalBlendBlock | WorleyNoise3DBlock | SimplexPerlin3DBlock | BonesBlock | InstancesBlock | MorphTargetsBlock | DiscardBlock | ImageProcessingBlock | ColorMergerBlock | VectorMergerBlock | ColorSplitterBlock | VectorSplitterBlock | TextureBlock | ReflectionTextureBlock | LightBlock | FogBlock | VertexOutputBlock | FragmentOutputBlock | 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";
@@ -119,6 +121,7 @@ export class LogEntry {
 export class LogComponent extends React.Component<ILogComponentProps, {
     logs: LogEntry[];
 }> {
+    private _logConsoleRef;
     constructor(props: ILogComponentProps);
     componentDidMount(): void;
     componentDidUpdate(): void;
@@ -545,7 +548,7 @@ export class GraphEditor extends React.Component<IGraphEditorProps, IGraphEditor
     componentWillUnmount(): void;
     constructor(props: IGraphEditorProps);
     zoomToFit(): void;
-    buildMaterial(autoConfigure?: boolean): void;
+    buildMaterial(): void;
     build(ignoreEditorData?: boolean): void;
     loadGraph(): void;
     showWaitScreen(): void;
@@ -591,6 +594,7 @@ export class BlockNodeData implements INodeData {
     getPortByName(name: string): IPortData | null;
     dispose(): void;
     prepareHeaderIcon(iconDiv: HTMLDivElement, img: HTMLImageElement): void;
+    get invisibleEndpoints(): import("@babylonjs/core/Materials/Node/Blocks").NodeMaterialTeleportOutBlock[] | null;
     constructor(data: NodeMaterialBlock, nodeContainer: INodeContainer);
 }
 
@@ -784,6 +788,40 @@ export class RemapDisplayManager implements IDisplayManager {
     updatePreviewContent(nodeData: INodeData, contentArea: HTMLDivElement): void;
 }
 
+}
+declare module "@babylonjs/node-editor/graphSystem/display/teleportInDisplayManager" {
+import { IDisplayManager } from "@babylonjs/node-editor/nodeGraphSystem/interfaces/displayManager";
+import { INodeData } from "@babylonjs/node-editor/nodeGraphSystem/interfaces/nodeData";
+import { StateManager } from "@babylonjs/node-editor/nodeGraphSystem/stateManager";
+import { Nullable } from "@babylonjs/core/types";
+export class TeleportInDisplayManager implements IDisplayManager {
+    private _hasHighlights;
+    getHeaderClass(): string;
+    shouldDisplayPortLabels(): boolean;
+    getHeaderText(nodeData: INodeData): string;
+    getBackgroundColor(nodeData: INodeData): string;
+    updatePreviewContent(nodeData: INodeData, contentArea: HTMLDivElement): void;
+    onSelectionChanged(nodeData: INodeData, selectedData: Nullable<INodeData>, manager: StateManager): void;
+    onDispose(nodeData: INodeData, manager: StateManager): void;
+}
+
+}
+declare module "@babylonjs/node-editor/graphSystem/display/teleportOutDisplayManager" {
+import { IDisplayManager } from "@babylonjs/node-editor/nodeGraphSystem/interfaces/displayManager";
+import { INodeData } from "@babylonjs/node-editor/nodeGraphSystem/interfaces/nodeData";
+import { StateManager } from "@babylonjs/node-editor/nodeGraphSystem/stateManager";
+import { Nullable } from "@babylonjs/core/types";
+export class TeleportOutDisplayManager implements IDisplayManager {
+    private _hasHighlights;
+    getHeaderClass(): string;
+    shouldDisplayPortLabels(): boolean;
+    getHeaderText(nodeData: INodeData): string;
+    getBackgroundColor(nodeData: INodeData): string;
+    updatePreviewContent(nodeData: INodeData, contentArea: HTMLDivElement): void;
+    onSelectionChanged(nodeData: INodeData, selectedData: Nullable<INodeData>, manager: StateManager): void;
+    onDispose(nodeData: INodeData, manager: StateManager): void;
+}
+
 }
 declare module "@babylonjs/node-editor/graphSystem/display/textureDisplayManager" {
 import { IDisplayManager } from "@babylonjs/node-editor/nodeGraphSystem/interfaces/displayManager";
@@ -880,7 +918,7 @@ export class FramePropertyTabComponent extends React.Component<IFramePropertyTab
 }
 declare module "@babylonjs/node-editor/graphSystem/properties/genericNodePropertyComponent" {
 import * as React from "react";
-import { IEditablePropertyOption } from "@babylonjs/core/Materials/Node/nodeMaterialDecorator";
+import { IEditablePropertyOption } from "@babylonjs/core/Decorators/nodeDecorator";
 import { IPropertyComponentProps } from "@babylonjs/node-editor/nodeGraphSystem/interfaces/propertyComponentProps";
 export class GenericPropertyComponent extends React.Component<IPropertyComponentProps> {
     constructor(props: IPropertyComponentProps);
@@ -1007,13 +1045,23 @@ export interface IFrameNodePortPropertyTabComponentProps {
     nodePort: NodePort;
 }
 export class NodePortPropertyTabComponent extends React.Component<IFrameNodePortPropertyTabComponentProps> {
-    private _onSelectionChangedObserver;
     constructor(props: IFrameNodePortPropertyTabComponentProps);
-    componentWillUnmount(): void;
     toggleExposeOnFrame(value: boolean): void;
     render(): JSX.Element;
 }
 
+}
+declare module "@babylonjs/node-editor/graphSystem/properties/teleportOutNodePropertyComponent" {
+import * as React from "react";
+import { IPropertyComponentProps } from "@babylonjs/node-editor/nodeGraphSystem/interfaces/propertyComponentProps";
+export class TeleportOutPropertyTabComponent extends React.Component<IPropertyComponentProps> {
+    private _onUpdateRequiredObserver;
+    constructor(props: IPropertyComponentProps);
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    render(): JSX.Element;
+}
+
 }
 declare module "@babylonjs/node-editor/graphSystem/properties/texturePropertyTabComponent" {
 import * as React from "react";
@@ -2678,7 +2726,7 @@ export class FloatLineComponent extends React.Component<IFloatLineComponentProps
     private _store;
     constructor(props: IFloatLineComponentProps);
     componentWillUnmount(): void;
-    getValueString(value: any): string;
+    getValueString(value: any, props: IFloatLineComponentProps): string;
     shouldComponentUpdate(nextProps: IFloatLineComponentProps, nextState: {
         value: string;
         dragging: boolean;
@@ -3630,6 +3678,7 @@ export class GraphNode {
     private _outputsContainer;
     private _content;
     private _comments;
+    private _executionTime;
     private _selectionBorder;
     private _inputPorts;
     private _outputPorts;
@@ -3645,6 +3694,7 @@ export class GraphNode {
     private _onSelectionBoxMovedObserver;
     private _onFrameCreatedObserver;
     private _onUpdateRequiredObserver;
+    private _onHighlightNodeObserver;
     private _ownerCanvas;
     private _isSelected;
     private _displayManager;
@@ -3693,6 +3743,8 @@ export class GraphNode {
 
 }
 declare module "@babylonjs/node-editor/nodeGraphSystem/interfaces/displayManager" {
+import { Nullable } from "@babylonjs/core/types";
+import { StateManager } from "@babylonjs/node-editor/nodeGraphSystem/stateManager";
 import { INodeData } from "@babylonjs/node-editor/nodeGraphSystem/interfaces/nodeData";
 import { IPortData } from "@babylonjs/node-editor/nodeGraphSystem/interfaces/portData";
 export interface VisualContentDescription {
@@ -3705,6 +3757,8 @@ export interface IDisplayManager {
     updateFullVisualContent?(data: INodeData, visualContent: VisualContentDescription): void;
     getBackgroundColor(data: INodeData): string;
     getHeaderText(data: INodeData): string;
+    onSelectionChanged?(data: INodeData, selectedData: Nullable<INodeData>, manager: StateManager): void;
+    onDispose?(nodeData: INodeData, manager: StateManager): void;
 }
 
 }
@@ -3726,12 +3780,16 @@ export interface INodeData {
     uniqueId: number;
     isInput: boolean;
     comments: string;
+    executionTime?: number;
+    refreshCallback?: () => void;
     prepareHeaderIcon: (iconDiv: HTMLDivElement, img: HTMLImageElement) => void;
     getClassName: () => string;
     dispose: () => void;
     getPortByName: (name: string) => Nullable<IPortData>;
     inputs: IPortData[];
     outputs: IPortData[];
+    invisibleEndpoints?: Nullable<any[]>;
+    isConnectedToOutput?: () => boolean;
 }
 
 }
@@ -3961,11 +4019,11 @@ export class StateManager {
     onFrameCreatedObservable: Observable<GraphFrame>;
     onUpdateRequiredObservable: Observable<any>;
     onGraphNodeRemovalObservable: Observable<GraphNode>;
-    onSelectionBoxMoved: Observable<ClientRect | DOMRect>;
+    onSelectionBoxMoved: Observable<DOMRect | ClientRect>;
     onCandidateLinkMoved: Observable<Nullable<Vector2>>;
     onCandidatePortSelectedObservable: Observable<Nullable<FrameNodePort | NodePort>>;
     onNewNodeCreatedObservable: Observable<GraphNode>;
-    onRebuildRequiredObservable: Observable<boolean>;
+    onRebuildRequiredObservable: Observable<void>;
     onErrorMessageDialogRequiredObservable: Observable<string>;
     onExposePortOnFrameObservable: Observable<GraphNode>;
     onGridSizeChanged: Observable<void>;
@@ -3976,6 +4034,10 @@ export class StateManager {
         needRepositioning?: boolean | undefined;
         smartAdd?: boolean | undefined;
     }>;
+    onHighlightNodeObservable: Observable<{
+        data: any;
+        active: boolean;
+    }>;
     exportData: (data: any, frame?: Nullable<GraphFrame>) => string;
     isElbowConnectionAllowed: (nodeA: FrameNodePort | NodePort, nodeB: FrameNodePort | NodePort) => boolean;
     applyNodePortDesign: (data: IPortData, element: HTMLElement, img: HTMLImageElement) => void;
@@ -3991,11 +4053,12 @@ export class StateManager {
 
 }
 declare module "@babylonjs/node-editor/nodeGraphSystem/tools" {
+import { GraphCanvasComponent } from "@babylonjs/node-editor/nodeGraphSystem/graphCanvas";
 import { GraphNode } from "@babylonjs/node-editor/nodeGraphSystem/graphNode";
 import { NodeLink } from "@babylonjs/node-editor/nodeGraphSystem/nodeLink";
 import { FramePortData } from "@babylonjs/node-editor/nodeGraphSystem/types/framePortData";
 export const IsFramePortData: (variableToCheck: any) => variableToCheck is FramePortData;
-export const RefreshNode: (node: GraphNode, visitedNodes?: Set<GraphNode>, visitedLinks?: Set<NodeLink>) => void;
+export const RefreshNode: (node: GraphNode, visitedNodes?: Set<GraphNode>, visitedLinks?: Set<NodeLink>, canvas?: GraphCanvasComponent) => void;
 
 }
 declare module "@babylonjs/node-editor/nodeGraphSystem/typeLedger" {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@babylonjs/node-editor",
-    "version": "6.15.0",
+    "version": "6.16.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": "^6.15.0",
+        "@babylonjs/core": "^6.16.1",
         "react": "^17.0.2",
         "react-dom": "^17.0.2"
     },