/// declare module "babylonjs-node-editor/blockTools" { import { AlphaTestBlock } from 'babylonjs/Materials/Node/Blocks/Fragment/alphaTestBlock'; import { BonesBlock } from 'babylonjs/Materials/Node/Blocks/Vertex/bonesBlock'; import { InstancesBlock } from 'babylonjs/Materials/Node/Blocks/Vertex/instancesBlock'; import { MorphTargetsBlock } from 'babylonjs/Materials/Node/Blocks/Vertex/morphTargetsBlock'; import { ImageProcessingBlock } from 'babylonjs/Materials/Node/Blocks/Fragment/imageProcessingBlock'; import { ColorMergerBlock } from 'babylonjs/Materials/Node/Blocks/colorMergerBlock'; import { VectorMergerBlock } from 'babylonjs/Materials/Node/Blocks/vectorMergerBlock'; import { ColorSplitterBlock } from 'babylonjs/Materials/Node/Blocks/colorSplitterBlock'; import { VectorSplitterBlock } from 'babylonjs/Materials/Node/Blocks/vectorSplitterBlock'; import { RemapBlock } from 'babylonjs/Materials/Node/Blocks/remapBlock'; import { TextureBlock } from 'babylonjs/Materials/Node/Blocks/Dual/textureBlock'; import { LightBlock } from 'babylonjs/Materials/Node/Blocks/Dual/lightBlock'; import { FogBlock } from 'babylonjs/Materials/Node/Blocks/Dual/fogBlock'; import { VertexOutputBlock } from 'babylonjs/Materials/Node/Blocks/Vertex/vertexOutputBlock'; import { FragmentOutputBlock } from 'babylonjs/Materials/Node/Blocks/Fragment/fragmentOutputBlock'; import { NormalizeBlock } from 'babylonjs/Materials/Node/Blocks/normalizeBlock'; import { AddBlock } from 'babylonjs/Materials/Node/Blocks/addBlock'; import { ClampBlock } from 'babylonjs/Materials/Node/Blocks/clampBlock'; import { CrossBlock } from 'babylonjs/Materials/Node/Blocks/crossBlock'; import { DotBlock } from 'babylonjs/Materials/Node/Blocks/dotBlock'; import { MultiplyBlock } from 'babylonjs/Materials/Node/Blocks/multiplyBlock'; import { TransformBlock } from 'babylonjs/Materials/Node/Blocks/transformBlock'; import { NodeMaterialBlockConnectionPointTypes } from 'babylonjs/Materials/Node/nodeMaterialBlockConnectionPointTypes'; export class BlockTools { static GetBlockFromString(data: string): BonesBlock | InstancesBlock | MorphTargetsBlock | AlphaTestBlock | ImageProcessingBlock | ColorMergerBlock | VectorMergerBlock | ColorSplitterBlock | VectorSplitterBlock | TextureBlock | LightBlock | FogBlock | VertexOutputBlock | FragmentOutputBlock | AddBlock | ClampBlock | CrossBlock | DotBlock | MultiplyBlock | TransformBlock | RemapBlock | NormalizeBlock | 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" | ""; } } declare module "babylonjs-node-editor/dataStorage" { export class DataStorage { private static _InMemoryStorage; static ReadBoolean(key: string, defaultValue: boolean): boolean; static StoreBoolean(key: string, value: boolean): void; static ReadNumber(key: string, defaultValue: number): number; static StoreNumber(key: string, value: number): void; } } declare module "babylonjs-node-editor/sharedComponents/textLineComponent" { import * as React from "react"; interface ITextLineComponentProps { label: string; value: string; color?: string; underline?: boolean; onLink?: () => void; } export class TextLineComponent extends React.Component { constructor(props: ITextLineComponentProps); onLink(): void; renderContent(): JSX.Element; render(): JSX.Element; } } declare module "babylonjs-node-editor/sharedComponents/lineContainerComponent" { import * as React from "react"; interface ILineContainerComponentProps { title: string; children: any[] | any; closed?: boolean; } export class LineContainerComponent extends React.Component { constructor(props: ILineContainerComponentProps); switchExpandedState(): void; renderHeader(): JSX.Element; render(): JSX.Element; } } declare module "babylonjs-node-editor/sharedComponents/propertyChangedEvent" { export class PropertyChangedEvent { object: any; property: string; value: any; initialValue: any; } } declare module "babylonjs-node-editor/sharedComponents/textInputLineComponent" { import * as React from "react"; import { Observable } from "babylonjs/Misc/observable"; import { PropertyChangedEvent } from "babylonjs-node-editor/sharedComponents/propertyChangedEvent"; interface ITextInputLineComponentProps { label: string; target?: any; propertyName?: string; value?: string; onChange?: (value: string) => void; onPropertyChangedObservable?: Observable; } export class TextInputLineComponent extends React.Component { private _localChange; constructor(props: ITextInputLineComponentProps); shouldComponentUpdate(nextProps: ITextInputLineComponentProps, nextState: { value: string; }): boolean; raiseOnPropertyChanged(newValue: string, previousValue: string): void; updateValue(value: string): void; render(): JSX.Element; } } declare module "babylonjs-node-editor/sharedComponents/checkBoxLineComponent" { import * as React from "react"; import { Observable } from "babylonjs/Misc/observable"; import { PropertyChangedEvent } from "babylonjs-node-editor/sharedComponents/propertyChangedEvent"; export interface ICheckBoxLineComponentProps { label: string; target?: any; propertyName?: string; isSelected?: () => boolean; onSelect?: (value: boolean) => void; onValueChanged?: () => void; onPropertyChangedObservable?: Observable; } export class CheckBoxLineComponent extends React.Component { private static _UniqueIdSeed; private _uniqueId; private _localChange; constructor(props: ICheckBoxLineComponentProps); shouldComponentUpdate(nextProps: ICheckBoxLineComponentProps, nextState: { isSelected: boolean; }): boolean; onChange(): void; render(): JSX.Element; } } declare module "babylonjs-node-editor/components/diagram/generic/genericNodeModel" { import { Nullable } from 'babylonjs/types'; import { Vector2, Vector3, Vector4, Matrix } from 'babylonjs/Maths/math'; import { DefaultNodeModel } from "babylonjs-node-editor/components/diagram/defaultNodeModel"; import { DiagramModel } from 'storm-react-diagrams/dist/@types/src/models/DiagramModel'; import { GraphEditor, NodeCreationOptions } from "babylonjs-node-editor/graphEditor"; import { GlobalState } from "babylonjs-node-editor/globalState"; /** * Generic node model which stores information about a node editor block */ export class GenericNodeModel extends DefaultNodeModel { /** * Vector2 for the node if it exists */ vector2: Nullable; /** * Vector3 for the node if it exists */ vector3: Nullable; /** * Vector4 for the node if it exists */ vector4: Nullable; /** * Matrix for the node if it exists */ matrix: Nullable; /** * Constructs the node model */ constructor(); prepare(options: NodeCreationOptions, nodes: Array, model: DiagramModel, graphEditor: GraphEditor): void; renderProperties(globalState: GlobalState): JSX.Element; } } declare module "babylonjs-node-editor/components/diagram/link/advancedLinkModel" { import { DefaultLinkModel } from 'storm-react-diagrams'; export class AdvancedLinkModel extends DefaultLinkModel { constructor(); } } declare module "babylonjs-node-editor/components/diagram/port/defaultPortModel" { import { LinkModel, PortModel } from "storm-react-diagrams"; import { Nullable } from 'babylonjs/types'; import { NodeMaterialConnectionPoint } from 'babylonjs/Materials/Node/nodeMaterialBlockConnectionPoint'; import { DefaultNodeModel } from "babylonjs-node-editor/components/diagram/defaultNodeModel"; /** * Port model */ export class DefaultPortModel extends PortModel { /** * If the port is input or output */ position: string | "input" | "output"; /** * What the port is connected to */ connection: Nullable; defaultValue: any; static idCounter: number; constructor(name: string, type?: string); canLinkToPort(port: DefaultPortModel): boolean; syncWithNodeMaterialConnectionPoint(connection: NodeMaterialConnectionPoint): void; getNodeModel(): DefaultNodeModel; link(outPort: DefaultPortModel): LinkModel; createLinkModel(): LinkModel; static SortInputOutput(a: Nullable, b: Nullable): { input: DefaultPortModel; output: DefaultPortModel; } | null; } } declare module "babylonjs-node-editor/components/diagram/port/defaultPortWidget" { import { BaseWidget, PortState, NodeModel, BaseWidgetProps } from 'storm-react-diagrams'; export interface IDefaultPortWidgetProps extends BaseWidgetProps { name: string; node: NodeModel; style: any; } export class DefaultPortWidget extends BaseWidget { constructor(props: IDefaultPortWidgetProps); getClassName(): string; render(): JSX.Element; } } declare module "babylonjs-node-editor/components/diagram/portHelper" { import { DefaultNodeModel } from "babylonjs-node-editor/components/diagram/defaultNodeModel"; import { Nullable } from 'babylonjs/types'; import { NodeMaterialBlockConnectionPointTypes } from 'babylonjs/Materials/Node/nodeMaterialBlockConnectionPointTypes'; export class PortHelper { private static _GetPortTypeIndicator; static _GetPortStyle(type: NodeMaterialBlockConnectionPointTypes): { background: string; }; static GenerateOutputPorts(node: Nullable, ignoreLabel: boolean): JSX.Element[]; static GenerateInputPorts(node: Nullable, includeOnly?: string[], ignoreLabel?: boolean): JSX.Element[]; } } declare module "babylonjs-node-editor/components/diagram/generic/genericNodeWidget" { import * as React from "react"; import { Nullable } from 'babylonjs/types'; import { GlobalState } from "babylonjs-node-editor/globalState"; import { GenericNodeModel } from "babylonjs-node-editor/components/diagram/generic/genericNodeModel"; /** * GenericNodeWidgetProps */ export interface GenericNodeWidgetProps { node: Nullable; globalState: GlobalState; } /** * GenericNodeWidgetState */ export interface GenericNodeWidgetState { } /** * Used to display a node block for the node editor */ export class GenericNodeWidget extends React.Component { /** * Creates a GenericNodeWidget * @param props */ constructor(props: GenericNodeWidgetProps); render(): JSX.Element; } } declare module "babylonjs-node-editor/components/diagram/generic/genericNodeFactory" { import * as SRD from "storm-react-diagrams"; import { GenericNodeModel } from "babylonjs-node-editor/components/diagram/generic/genericNodeModel"; import { GlobalState } from "babylonjs-node-editor/globalState"; /** * Node factory which creates editor nodes */ export class GenericNodeFactory extends SRD.AbstractNodeFactory { private _globalState; /** * Constructs a GenericNodeFactory */ constructor(globalState: GlobalState); /** * Generates a node widget * @param diagramEngine diagram engine * @param node node to generate * @returns node widget jsx */ generateReactWidget(diagramEngine: SRD.DiagramEngine, node: GenericNodeModel): JSX.Element; /** * Gets a new instance of a node model * @returns generic node model */ getNewInstance(): GenericNodeModel; } } declare module "babylonjs-node-editor/sharedComponents/draggableLineComponent" { import * as React from "react"; export interface IButtonLineComponentProps { data: string; } export class DraggableLineComponent extends React.Component { constructor(props: IButtonLineComponentProps); render(): JSX.Element; } } declare module "babylonjs-node-editor/components/nodeList/nodeListComponent" { import * as React from "react"; import { GlobalState } from "babylonjs-node-editor/globalState"; interface INodeListComponentProps { globalState: GlobalState; } export class NodeListComponent extends React.Component { render(): JSX.Element; } } declare module "babylonjs-node-editor/sharedComponents/buttonLineComponent" { import * as React from "react"; export interface IButtonLineComponentProps { label: string; onClick: () => void; } export class ButtonLineComponent extends React.Component { constructor(props: IButtonLineComponentProps); render(): JSX.Element; } } declare module "babylonjs-node-editor/stringTools" { import { NodeMaterialBlockConnectionPointTypes } from 'babylonjs/Materials/Node/nodeMaterialBlockConnectionPointTypes'; export class StringTools { /** * Gets the base math type of node material block connection point. * @param type Type to parse. */ static GetBaseType(type: NodeMaterialBlockConnectionPointTypes): string; /** * Download a string into a file that will be saved locally by the browser * @param content defines the string to download locally as a file */ static DownloadAsFile(content: string, filename: string): void; } } declare module "babylonjs-node-editor/sharedComponents/fileButtonLineComponent" { import * as React from "react"; interface IFileButtonLineComponentProps { label: string; onClick: (file: File) => void; accept: string; } export class FileButtonLineComponent extends React.Component { constructor(props: IFileButtonLineComponentProps); onChange(evt: any): void; render(): JSX.Element; } } declare module "babylonjs-node-editor/components/propertyTab/propertyTabComponent" { import * as React from "react"; import { GlobalState } from "babylonjs-node-editor/globalState"; import { Nullable } from 'babylonjs/types'; import { DefaultNodeModel } from "babylonjs-node-editor/components/diagram/defaultNodeModel"; interface IPropertyTabComponentProps { globalState: GlobalState; } export class PropertyTabComponent extends React.Component; }> { constructor(props: IPropertyTabComponentProps); componentWillMount(): void; load(file: File): void; render(): JSX.Element; } } declare module "babylonjs-node-editor/portal" { import * as React from "react"; import { GlobalState } from "babylonjs-node-editor/globalState"; interface IPortalProps { globalState: GlobalState; } export class Portal extends React.Component { render(): React.ReactPortal; } } declare module "babylonjs-node-editor/components/diagram/texture/texturePropertyTabComponent" { import * as React from "react"; import { GlobalState } from "babylonjs-node-editor/globalState"; import { TextureNodeModel } from "babylonjs-node-editor/components/diagram/texture/textureNodeModel"; interface ITexturePropertyTabComponentProps { globalState: GlobalState; node: TextureNodeModel; } export class TexturePropertyTabComponent extends React.Component { /** * Replaces the texture of the node * @param file the file of the texture to use */ replaceTexture(file: File): void; render(): JSX.Element; } } declare module "babylonjs-node-editor/components/diagram/texture/textureNodeModel" { import { Nullable } from 'babylonjs/types'; import { BaseTexture } from 'babylonjs/Materials/Textures/baseTexture'; import { DefaultNodeModel } from "babylonjs-node-editor/components/diagram/defaultNodeModel"; import { GlobalState } from "babylonjs-node-editor/globalState"; import { NodeCreationOptions, GraphEditor } from "babylonjs-node-editor/graphEditor"; import { DiagramModel } from 'storm-react-diagrams/dist/@types/src/models/DiagramModel'; /** * Texture node model which stores information about a node editor block */ export class TextureNodeModel extends DefaultNodeModel { private _block; /** * Texture for the node if it exists */ texture: Nullable; /** * Constructs the node model */ constructor(); renderProperties(globalState: GlobalState): JSX.Element; prepare(options: NodeCreationOptions, nodes: Array, model: DiagramModel, graphEditor: GraphEditor): void; } } declare module "babylonjs-node-editor/sharedComponents/textureLineComponent" { import * as React from "react"; import { BaseTexture } from "babylonjs/Materials/Textures/baseTexture"; interface ITextureLineComponentProps { texture: BaseTexture; width: number; height: number; globalState?: any; hideChannelSelect?: boolean; } export class TextureLineComponent extends React.Component { constructor(props: ITextureLineComponentProps); shouldComponentUpdate(nextProps: ITextureLineComponentProps, nextState: { displayRed: boolean; displayGreen: boolean; displayBlue: boolean; displayAlpha: boolean; face: number; }): boolean; componentDidMount(): void; componentDidUpdate(): void; updatePreview(): void; render(): JSX.Element; } } declare module "babylonjs-node-editor/components/diagram/texture/textureNodeWidget" { import * as React from "react"; import { TextureNodeModel } from "babylonjs-node-editor/components/diagram/texture/textureNodeModel"; import { Nullable } from 'babylonjs/types'; import { GlobalState } from "babylonjs-node-editor/globalState"; /** * GenericNodeWidgetProps */ export interface ITextureNodeWidgetProps { node: Nullable; globalState: GlobalState; } /** * Used to display a node block for the node editor */ export class TextureNodeWidget extends React.Component { /** * Creates a GenericNodeWidget * @param props */ constructor(props: ITextureNodeWidgetProps); render(): JSX.Element; } } declare module "babylonjs-node-editor/components/diagram/texture/textureNodeFactory" { import * as SRD from "storm-react-diagrams"; import { TextureNodeModel } from "babylonjs-node-editor/components/diagram/texture/textureNodeModel"; import { GlobalState } from "babylonjs-node-editor/globalState"; /** * Node factory which creates editor nodes */ export class TextureNodeFactory extends SRD.AbstractNodeFactory { private _globalState; /** * Constructs a TextureNodeFactory */ constructor(globalState: GlobalState); /** * Generates a node widget * @param diagramEngine diagram engine * @param node node to generate * @returns node widget jsx */ generateReactWidget(diagramEngine: SRD.DiagramEngine, node: TextureNodeModel): JSX.Element; /** * Gets a new instance of a node model * @returns texture node model */ getNewInstance(): TextureNodeModel; } } declare module "babylonjs-node-editor/sharedComponents/numericInputComponent" { import * as React from "react"; interface INumericInputComponentProps { label: string; value: number; step?: number; onChange: (value: number) => void; } export class NumericInputComponent extends React.Component { static defaultProps: { step: number; }; private _localChange; constructor(props: INumericInputComponentProps); shouldComponentUpdate(nextProps: INumericInputComponentProps, nextState: { value: string; }): boolean; updateValue(evt: any): void; render(): JSX.Element; } } declare module "babylonjs-node-editor/sharedComponents/vector2LineComponent" { import * as React from "react"; import { Vector2 } from "babylonjs/Maths/math"; import { Observable } from "babylonjs/Misc/observable"; import { PropertyChangedEvent } from "babylonjs-node-editor/sharedComponents/propertyChangedEvent"; interface IVector2LineComponentProps { label: string; target: any; propertyName: string; step?: number; onChange?: (newvalue: Vector2) => void; onPropertyChangedObservable?: Observable; } export class Vector2LineComponent extends React.Component { static defaultProps: { step: number; }; private _localChange; constructor(props: IVector2LineComponentProps); shouldComponentUpdate(nextProps: IVector2LineComponentProps, nextState: { isExpanded: boolean; value: Vector2; }): boolean; switchExpandState(): void; raiseOnPropertyChanged(previousValue: Vector2): void; updateStateX(value: number): void; updateStateY(value: number): void; render(): JSX.Element; } } declare module "babylonjs-node-editor/components/propertyTab/properties/vector2PropertyTabComponent" { import * as React from "react"; import { GlobalState } from "babylonjs-node-editor/globalState"; import { InputBlock } from 'babylonjs/Materials/Node/Blocks/Input/inputBlock'; interface IVector2PropertyTabComponentProps { globalState: GlobalState; inputBlock: InputBlock; } export class Vector2PropertyTabComponent extends React.Component { render(): JSX.Element; } } declare module "babylonjs-node-editor/sharedComponents/vector3LineComponent" { import * as React from "react"; import { Vector3 } from "babylonjs/Maths/math"; import { Observable } from "babylonjs/Misc/observable"; import { PropertyChangedEvent } from "babylonjs-node-editor/sharedComponents/propertyChangedEvent"; interface IVector3LineComponentProps { label: string; target: any; propertyName: string; step?: number; onChange?: (newvalue: Vector3) => void; onPropertyChangedObservable?: Observable; } export class Vector3LineComponent extends React.Component { static defaultProps: { step: number; }; private _localChange; constructor(props: IVector3LineComponentProps); shouldComponentUpdate(nextProps: IVector3LineComponentProps, nextState: { isExpanded: boolean; value: Vector3; }): boolean; switchExpandState(): void; raiseOnPropertyChanged(previousValue: Vector3): void; updateVector3(): void; updateStateX(value: number): void; updateStateY(value: number): void; updateStateZ(value: number): void; render(): JSX.Element; } } declare module "babylonjs-node-editor/components/propertyTab/properties/vector3PropertyTabComponent" { import * as React from "react"; import { GlobalState } from "babylonjs-node-editor/globalState"; import { InputBlock } from 'babylonjs/Materials/Node/Blocks/Input/inputBlock'; interface IVector3PropertyTabComponentProps { globalState: GlobalState; inputBlock: InputBlock; } export class Vector3PropertyTabComponent extends React.Component { render(): JSX.Element; } } declare module "babylonjs-node-editor/sharedComponents/optionsLineComponent" { import * as React from "react"; import { Observable } from "babylonjs/Misc/observable"; import { PropertyChangedEvent } from "babylonjs-node-editor/sharedComponents/propertyChangedEvent"; class ListLineOption { label: string; value: number | string; } interface IOptionsLineComponentProps { label: string; target: any; propertyName: string; options: ListLineOption[]; noDirectUpdate?: boolean; onSelect?: (value: number | string) => void; onPropertyChangedObservable?: Observable; valuesAreStrings?: boolean; defaultIfNull?: number; } export class OptionsLineComponent extends React.Component { private _localChange; private _getValue; constructor(props: IOptionsLineComponentProps); shouldComponentUpdate(nextProps: IOptionsLineComponentProps, nextState: { value: number; }): boolean; raiseOnPropertyChanged(newValue: number | string, previousValue: number | string): void; updateValue(valueString: string): void; render(): JSX.Element; } } declare module "babylonjs-node-editor/sharedComponents/color3LineComponent" { import * as React from "react"; import { Observable } from "babylonjs/Misc/observable"; import { Color3 } from "babylonjs/Maths/math"; import { PropertyChangedEvent } from "babylonjs-node-editor/sharedComponents/propertyChangedEvent"; export interface IColor3LineComponentProps { label: string; target: any; propertyName: string; onPropertyChangedObservable?: Observable; onChange?: () => void; } export class Color3LineComponent extends React.Component { private _localChange; constructor(props: IColor3LineComponentProps); shouldComponentUpdate(nextProps: IColor3LineComponentProps, nextState: { color: Color3; }): boolean; onChange(newValue: string): void; switchExpandState(): void; raiseOnPropertyChanged(previousValue: Color3): void; updateStateR(value: number): void; updateStateG(value: number): void; updateStateB(value: number): void; copyToClipboard(): void; render(): JSX.Element; } } declare module "babylonjs-node-editor/components/propertyTab/properties/color3PropertyTabComponent" { import * as React from "react"; import { GlobalState } from "babylonjs-node-editor/globalState"; import { InputBlock } from 'babylonjs/Materials/Node/Blocks/Input/inputBlock'; interface IColor3PropertyTabComponentProps { globalState: GlobalState; inputBlock: InputBlock; } export class Color3PropertyTabComponent extends React.Component { render(): JSX.Element; } } declare module "babylonjs-node-editor/sharedComponents/floatLineComponent" { import * as React from "react"; import { Observable } from "babylonjs/Misc/observable"; import { PropertyChangedEvent } from "babylonjs-node-editor/sharedComponents/propertyChangedEvent"; interface IFloatLineComponentProps { label: string; target: any; propertyName: string; onChange?: (newValue: number) => void; isInteger?: boolean; onPropertyChangedObservable?: Observable; additionalClass?: string; step?: string; digits?: number; } export class FloatLineComponent extends React.Component { private _localChange; private _store; constructor(props: IFloatLineComponentProps); shouldComponentUpdate(nextProps: IFloatLineComponentProps, nextState: { value: string; }): boolean; raiseOnPropertyChanged(newValue: number, previousValue: number): void; updateValue(valueString: string): void; render(): JSX.Element; } } declare module "babylonjs-node-editor/components/propertyTab/properties/floatPropertyTabComponent" { import * as React from "react"; import { GlobalState } from "babylonjs-node-editor/globalState"; import { InputBlock } from 'babylonjs/Materials/Node/Blocks/Input/inputBlock'; interface IFloatPropertyTabComponentProps { globalState: GlobalState; inputBlock: InputBlock; } export class FloatPropertyTabComponent extends React.Component { render(): JSX.Element; } } declare module "babylonjs-node-editor/components/diagram/input/inputNodePropertyComponent" { import * as React from "react"; import { GlobalState } from "babylonjs-node-editor/globalState"; import { InputNodeModel } from "babylonjs-node-editor/components/diagram/input/inputNodeModel"; interface IInputPropertyTabComponentProps { globalState: GlobalState; inputNode: InputNodeModel; } export class InputPropertyTabComponentProps extends React.Component { constructor(props: IInputPropertyTabComponentProps); renderValue(globalState: GlobalState): JSX.Element | null; setDefaultValue(): void; render(): JSX.Element; } } declare module "babylonjs-node-editor/components/diagram/input/inputNodeModel" { import { DefaultNodeModel } from "babylonjs-node-editor/components/diagram/defaultNodeModel"; import { GlobalState } from "babylonjs-node-editor/globalState"; import { InputBlock } from 'babylonjs/Materials/Node/Blocks/Input/inputBlock'; /** * Generic node model which stores information about a node editor block */ export class InputNodeModel extends DefaultNodeModel { readonly inputBlock: InputBlock; /** * Constructs the node model */ constructor(); renderProperties(globalState: GlobalState): JSX.Element; } } declare module "babylonjs-node-editor/components/diagram/input/inputNodeWidget" { import * as React from "react"; import { InputNodeModel } from "babylonjs-node-editor/components/diagram/input/inputNodeModel"; import { Nullable } from 'babylonjs/types'; import { GlobalState } from "babylonjs-node-editor/globalState"; /** * GenericNodeWidgetProps */ export interface InputNodeWidgetProps { node: Nullable; globalState: GlobalState; } /** * Used to display a node block for the node editor */ export class InputNodeWidget extends React.Component { /** * Creates a GenericNodeWidget * @param props */ constructor(props: InputNodeWidgetProps); renderValue(value: string): JSX.Element | null; render(): JSX.Element | null; } } declare module "babylonjs-node-editor/components/diagram/input/inputNodeFactory" { import * as SRD from "storm-react-diagrams"; import { GlobalState } from "babylonjs-node-editor/globalState"; import { InputNodeModel } from "babylonjs-node-editor/components/diagram/input/inputNodeModel"; /** * Node factory which creates editor nodes */ export class InputNodeFactory extends SRD.AbstractNodeFactory { private _globalState; /** * Constructs a GenericNodeFactory */ constructor(globalState: GlobalState); /** * Generates a node widget * @param diagramEngine diagram engine * @param node node to generate * @returns node widget jsx */ generateReactWidget(diagramEngine: SRD.DiagramEngine, node: InputNodeModel): JSX.Element; /** * Gets a new instance of a node model * @returns input node model */ getNewInstance(): InputNodeModel; } } declare module "babylonjs-node-editor/components/log/logComponent" { import * as React from "react"; import { GlobalState } from "babylonjs-node-editor/globalState"; interface ILogComponentProps { globalState: GlobalState; } export class LogEntry { message: string; isError: boolean; constructor(message: string, isError: boolean); } export class LogComponent extends React.Component { constructor(props: ILogComponentProps); componentWillMount(): void; componentDidUpdate(): void; render(): JSX.Element; } } declare module "babylonjs-node-editor/components/diagram/light/lightPropertyTabComponent" { import * as React from "react"; import { GlobalState } from "babylonjs-node-editor/globalState"; import { LightNodeModel } from "babylonjs-node-editor/components/diagram/light/lightNodeModel"; interface ILightPropertyTabComponentProps { globalState: GlobalState; node: LightNodeModel; } export class LightPropertyTabComponent extends React.Component { render(): JSX.Element; } } declare module "babylonjs-node-editor/components/diagram/light/lightNodeModel" { import { Nullable } from 'babylonjs/types'; import { Light } from 'babylonjs/Lights/light'; import { DefaultNodeModel } from "babylonjs-node-editor/components/diagram/defaultNodeModel"; import { GlobalState } from "babylonjs-node-editor/globalState"; import { NodeCreationOptions, GraphEditor } from "babylonjs-node-editor/graphEditor"; import { DiagramModel } from 'storm-react-diagrams/dist/@types/src/models/DiagramModel'; /** * Light node model which stores information about a node editor block */ export class LightNodeModel extends DefaultNodeModel { private _block; /** * Light for the node if it exists */ light: Nullable; /** * Constructs the node model */ constructor(); renderProperties(globalState: GlobalState): JSX.Element; prepare(options: NodeCreationOptions, nodes: Array, model: DiagramModel, graphEditor: GraphEditor): void; } } declare module "babylonjs-node-editor/components/diagram/light/lightNodeWidget" { import * as React from "react"; import { LightNodeModel } from "babylonjs-node-editor/components/diagram/light/lightNodeModel"; import { Nullable } from 'babylonjs/types'; import { GlobalState } from "babylonjs-node-editor/globalState"; /** * GenericNodeWidgetProps */ export interface ILightNodeWidgetProps { node: Nullable; globalState: GlobalState; } /** * Used to display a node block for the node editor */ export class LightNodeWidget extends React.Component { /** * Creates a GenericNodeWidget * @param props */ constructor(props: ILightNodeWidgetProps); render(): JSX.Element; } } declare module "babylonjs-node-editor/components/diagram/light/lightNodeFactory" { import * as SRD from "storm-react-diagrams"; import { LightNodeModel } from "babylonjs-node-editor/components/diagram/light/lightNodeModel"; import { GlobalState } from "babylonjs-node-editor/globalState"; /** * Node factory which creates editor nodes */ export class LightNodeFactory extends SRD.AbstractNodeFactory { private _globalState; /** * Constructs a LightNodeFactory */ constructor(globalState: GlobalState); /** * Generates a node widget * @param diagramEngine diagram engine * @param node node to generate * @returns node widget jsx */ generateReactWidget(diagramEngine: SRD.DiagramEngine, node: LightNodeModel): JSX.Element; /** * Gets a new instance of a node model * @returns light node model */ getNewInstance(): LightNodeModel; } } declare module "babylonjs-node-editor/sharedComponents/messageDialog" { import * as React from "react"; import { GlobalState } from "babylonjs-node-editor/globalState"; interface IMessageDialogComponentProps { globalState: GlobalState; } export class MessageDialogComponent extends React.Component { constructor(props: IMessageDialogComponentProps); render(): JSX.Element | null; } } declare module "babylonjs-node-editor/components/diagram/link/advancedLinkFactory" { import { DefaultLinkFactory, DefaultLinkWidget } from 'storm-react-diagrams'; import { AdvancedLinkModel } from "babylonjs-node-editor/components/diagram/link/advancedLinkModel"; export class AdvancedLinkFactory extends DefaultLinkFactory { constructor(); getNewInstance(initialConfig?: any): AdvancedLinkModel; generateLinkSegment(model: AdvancedLinkModel, widget: DefaultLinkWidget, selected: boolean, path: string): JSX.Element; } } declare module "babylonjs-node-editor/components/diagram/remap/remapNodePropertyComponent" { import * as React from "react"; import { GlobalState } from "babylonjs-node-editor/globalState"; import { RemapNodeModel } from "babylonjs-node-editor/components/diagram/remap/remapNodeModel"; interface IRemapPropertyTabComponentProps { globalState: GlobalState; remapNode: RemapNodeModel; } export class RemapPropertyTabComponentProps extends React.Component { constructor(props: IRemapPropertyTabComponentProps); forceRebuild(): void; render(): JSX.Element; } } declare module "babylonjs-node-editor/components/diagram/remap/remapNodeModel" { import { DefaultNodeModel } from "babylonjs-node-editor/components/diagram/defaultNodeModel"; import { GlobalState } from "babylonjs-node-editor/globalState"; import { RemapBlock } from 'babylonjs/Materials/Node/Blocks/remapBlock'; /** * Generic node model which stores information about a node editor block */ export class RemapNodeModel extends DefaultNodeModel { readonly remapBlock: RemapBlock; /** * Constructs the node model */ constructor(); renderProperties(globalState: GlobalState): JSX.Element; } } declare module "babylonjs-node-editor/components/diagram/remap/remapNodeWidget" { import * as React from "react"; import { RemapNodeModel } from "babylonjs-node-editor/components/diagram/remap/remapNodeModel"; import { Nullable } from 'babylonjs/types'; import { GlobalState } from "babylonjs-node-editor/globalState"; /** * RemapNodeWidgetProps */ export interface RemapNodeWidgetProps { node: Nullable; globalState: GlobalState; } /** * Used to display a node block for the node editor */ export class RemapNodeWidget extends React.Component { /** * Creates a GenericNodeWidget * @param props */ constructor(props: RemapNodeWidgetProps); renderValue(value: string): JSX.Element | null; render(): JSX.Element; } } declare module "babylonjs-node-editor/components/diagram/remap/remapNodeFactory" { import * as SRD from "storm-react-diagrams"; import { GlobalState } from "babylonjs-node-editor/globalState"; import { RemapNodeModel } from "babylonjs-node-editor/components/diagram/remap/remapNodeModel"; /** * Node factory which creates editor nodes */ export class RemapNodeFactory extends SRD.AbstractNodeFactory { private _globalState; /** * Constructs a GenericNodeFactory */ constructor(globalState: GlobalState); /** * Generates a node widget * @param diagramEngine diagram engine * @param node node to generate * @returns node widget jsx */ generateReactWidget(diagramEngine: SRD.DiagramEngine, node: RemapNodeModel): JSX.Element; /** * Gets a new instance of a node model * @returns input node model */ getNewInstance(): RemapNodeModel; } } declare module "babylonjs-node-editor/graphHelper" { import * as dagre from "babylonjs-node-editor/dagre"; import { DiagramModel } from 'storm-react-diagrams/dist/@types/src/models/DiagramModel'; export class GraphHelper { static DistributeGraph(model: DiagramModel): dagre.Node[]; private static _MapElements; private static _MapEdges; } } declare module "babylonjs-node-editor/previewManager" { import { GlobalState } from "babylonjs-node-editor/globalState"; export class PreviewManager { private _nodeMaterial; private _onBuildObserver; private _engine; private _scene; private _light; private _dummySphere; private _camera; constructor(targetCanvas: HTMLCanvasElement, globalState: GlobalState); private _updatePreview; dispose(): void; } } declare module "babylonjs-node-editor/graphEditor" { import { LinkModel } from "storm-react-diagrams"; import * as React from "react"; import { GlobalState } from "babylonjs-node-editor/globalState"; import { NodeMaterialBlock } from 'babylonjs/Materials/Node/nodeMaterialBlock'; import { NodeMaterialConnectionPoint } from 'babylonjs/Materials/Node/nodeMaterialBlockConnectionPoint'; import { DefaultNodeModel } from "babylonjs-node-editor/components/diagram/defaultNodeModel"; interface IGraphEditorProps { globalState: GlobalState; } export class NodeCreationOptions { nodeMaterialBlock: NodeMaterialBlock; type?: string; connection?: NodeMaterialConnectionPoint; } export class GraphEditor extends React.Component { private readonly NodeWidth; private _engine; private _model; private _startX; private _moveInProgress; private _leftWidth; private _rightWidth; private _nodes; private _blocks; private _previewManager; /** @hidden */ _toAdd: LinkModel[] | null; /** * Creates a node and recursivly creates its parent nodes from it's input * @param nodeMaterialBlock */ createNodeFromObject(options: NodeCreationOptions): DefaultNodeModel; addValueNode(type: string): DefaultNodeModel; componentDidMount(): void; componentWillUnmount(): void; constructor(props: IGraphEditorProps); zoomToFit(retry?: number): void; buildMaterial(): void; build(needToWait?: boolean): void; reOrganize(): void; onPointerDown(evt: React.PointerEvent): void; onPointerUp(evt: React.PointerEvent): void; resizeColumns(evt: React.PointerEvent, forLeft?: boolean): void; buildColumnLayout(): string; emitNewBlock(event: React.DragEvent): void; render(): JSX.Element; } } declare module "babylonjs-node-editor/components/diagram/defaultNodeModel" { import { NodeModel, DiagramModel } from "storm-react-diagrams"; import { Nullable } from 'babylonjs/types'; import { NodeMaterialBlock } from 'babylonjs/Materials/Node/nodeMaterialBlock'; import { GraphEditor, NodeCreationOptions } from "babylonjs-node-editor/graphEditor"; import { GlobalState } from "babylonjs-node-editor/globalState"; import { DefaultPortModel } from "babylonjs-node-editor/components/diagram/port/defaultPortModel"; /** * Generic node model which stores information about a node editor block */ export class DefaultNodeModel extends NodeModel { /** * The babylon block this node represents */ block: Nullable; ports: { [s: string]: DefaultPortModel; }; /** * Constructs the node model */ constructor(key: string); prepare(options: NodeCreationOptions, nodes: Array, model: DiagramModel, graphEditor: GraphEditor): void; renderProperties(globalState: GlobalState): JSX.Element | null; } } declare module "babylonjs-node-editor/globalState" { import { NodeMaterial } from "babylonjs/Materials/Node/nodeMaterial"; import { Nullable } from "babylonjs/types"; import { Observable } from 'babylonjs/Misc/observable'; import { DefaultNodeModel } from "babylonjs-node-editor/components/diagram/defaultNodeModel"; import { LogEntry } from "babylonjs-node-editor/components/log/logComponent"; export class GlobalState { nodeMaterial: NodeMaterial; hostElement: HTMLElement; hostDocument: HTMLDocument; onSelectionChangedObservable: Observable>; onRebuildRequiredObservable: Observable; onResetRequiredObservable: Observable; onUpdateRequiredObservable: Observable; onZoomToFitRequiredObservable: Observable; onReOrganizedRequiredObservable: Observable; onLogRequiredObservable: Observable; onErrorMessageDialogRequiredObservable: Observable; } } declare module "babylonjs-node-editor/sharedComponents/popup" { export class Popup { static CreatePopup(title: string, windowVariableName: string, width?: number, height?: number): HTMLDivElement | null; private static _CopyStyles; } } declare module "babylonjs-node-editor/nodeEditor" { import { NodeMaterial } from "babylonjs/Materials/Node/nodeMaterial"; /** * Interface used to specify creation options for the node editor */ export interface INodeEditorOptions { nodeMaterial: NodeMaterial; } /** * Class used to create a node editor */ export class NodeEditor { /** * Show the node editor * @param options defines the options to use to configure the node editor */ static Show(options: INodeEditorOptions): void; } } declare module "babylonjs-node-editor/index" { export * from "babylonjs-node-editor/nodeEditor"; } declare module "babylonjs-node-editor/legacy/legacy" { export * from "babylonjs-node-editor/index"; } declare module "babylonjs-node-editor" { export * from "babylonjs-node-editor/legacy/legacy"; } /// declare module NODEEDITOR { export class BlockTools { static GetBlockFromString(data: string): BABYLON.BonesBlock | BABYLON.InstancesBlock | BABYLON.MorphTargetsBlock | BABYLON.AlphaTestBlock | BABYLON.ImageProcessingBlock | BABYLON.ColorMergerBlock | BABYLON.VectorMergerBlock | BABYLON.ColorSplitterBlock | BABYLON.VectorSplitterBlock | BABYLON.TextureBlock | BABYLON.LightBlock | BABYLON.FogBlock | BABYLON.VertexOutputBlock | BABYLON.FragmentOutputBlock | BABYLON.AddBlock | BABYLON.ClampBlock | BABYLON.CrossBlock | BABYLON.DotBlock | BABYLON.MultiplyBlock | BABYLON.TransformBlock | BABYLON.RemapBlock | BABYLON.NormalizeBlock | null; static GetColorFromConnectionNodeType(type: BABYLON.NodeMaterialBlockConnectionPointTypes): string; static GetConnectionNodeTypeFromString(type: string): BABYLON.NodeMaterialBlockConnectionPointTypes.Float | BABYLON.NodeMaterialBlockConnectionPointTypes.Vector2 | BABYLON.NodeMaterialBlockConnectionPointTypes.Vector3 | BABYLON.NodeMaterialBlockConnectionPointTypes.Vector4 | BABYLON.NodeMaterialBlockConnectionPointTypes.Color3 | BABYLON.NodeMaterialBlockConnectionPointTypes.Color4 | BABYLON.NodeMaterialBlockConnectionPointTypes.Matrix | BABYLON.NodeMaterialBlockConnectionPointTypes.AutoDetect; static GetStringFromConnectionNodeType(type: BABYLON.NodeMaterialBlockConnectionPointTypes): "Float" | "Vector2" | "Vector3" | "Vector4" | "Matrix" | "Color3" | "Color4" | ""; } } declare module NODEEDITOR { export class DataStorage { private static _InMemoryStorage; static ReadBoolean(key: string, defaultValue: boolean): boolean; static StoreBoolean(key: string, value: boolean): void; static ReadNumber(key: string, defaultValue: number): number; static StoreNumber(key: string, value: number): void; } } declare module NODEEDITOR { interface ITextLineComponentProps { label: string; value: string; color?: string; underline?: boolean; onLink?: () => void; } export class TextLineComponent extends React.Component { constructor(props: ITextLineComponentProps); onLink(): void; renderContent(): JSX.Element; render(): JSX.Element; } } declare module NODEEDITOR { interface ILineContainerComponentProps { title: string; children: any[] | any; closed?: boolean; } export class LineContainerComponent extends React.Component { constructor(props: ILineContainerComponentProps); switchExpandedState(): void; renderHeader(): JSX.Element; render(): JSX.Element; } } declare module NODEEDITOR { export class PropertyChangedEvent { object: any; property: string; value: any; initialValue: any; } } declare module NODEEDITOR { interface ITextInputLineComponentProps { label: string; target?: any; propertyName?: string; value?: string; onChange?: (value: string) => void; onPropertyChangedObservable?: BABYLON.Observable; } export class TextInputLineComponent extends React.Component { private _localChange; constructor(props: ITextInputLineComponentProps); shouldComponentUpdate(nextProps: ITextInputLineComponentProps, nextState: { value: string; }): boolean; raiseOnPropertyChanged(newValue: string, previousValue: string): void; updateValue(value: string): void; render(): JSX.Element; } } declare module NODEEDITOR { export interface ICheckBoxLineComponentProps { label: string; target?: any; propertyName?: string; isSelected?: () => boolean; onSelect?: (value: boolean) => void; onValueChanged?: () => void; onPropertyChangedObservable?: BABYLON.Observable; } export class CheckBoxLineComponent extends React.Component { private static _UniqueIdSeed; private _uniqueId; private _localChange; constructor(props: ICheckBoxLineComponentProps); shouldComponentUpdate(nextProps: ICheckBoxLineComponentProps, nextState: { isSelected: boolean; }): boolean; onChange(): void; render(): JSX.Element; } } declare module NODEEDITOR { /** * Generic node model which stores information about a node editor block */ export class GenericNodeModel extends DefaultNodeModel { /** * BABYLON.Vector2 for the node if it exists */ vector2: BABYLON.Nullable; /** * BABYLON.Vector3 for the node if it exists */ vector3: BABYLON.Nullable; /** * BABYLON.Vector4 for the node if it exists */ vector4: BABYLON.Nullable; /** * BABYLON.Matrix for the node if it exists */ matrix: BABYLON.Nullable; /** * Constructs the node model */ constructor(); prepare(options: NodeCreationOptions, nodes: Array, model: DiagramModel, graphEditor: GraphEditor): void; renderProperties(globalState: GlobalState): JSX.Element; } } declare module NODEEDITOR { export class AdvancedLinkModel extends DefaultLinkModel { constructor(); } } declare module NODEEDITOR { /** * Port model */ export class DefaultPortModel extends PortModel { /** * If the port is input or output */ position: string | "input" | "output"; /** * What the port is connected to */ connection: BABYLON.Nullable; defaultValue: any; static idCounter: number; constructor(name: string, type?: string); canLinkToPort(port: DefaultPortModel): boolean; syncWithNodeMaterialConnectionPoint(connection: BABYLON.NodeMaterialConnectionPoint): void; getNodeModel(): DefaultNodeModel; link(outPort: DefaultPortModel): LinkModel; createLinkModel(): LinkModel; static SortInputOutput(a: BABYLON.Nullable, b: BABYLON.Nullable): { input: DefaultPortModel; output: DefaultPortModel; } | null; } } declare module NODEEDITOR { export interface IDefaultPortWidgetProps extends BaseWidgetProps { name: string; node: NodeModel; style: any; } export class DefaultPortWidget extends BaseWidget { constructor(props: IDefaultPortWidgetProps); getClassName(): string; render(): JSX.Element; } } declare module NODEEDITOR { export class PortHelper { private static _GetPortTypeIndicator; static _GetPortStyle(type: BABYLON.NodeMaterialBlockConnectionPointTypes): { background: string; }; static GenerateOutputPorts(node: BABYLON.Nullable, ignoreLabel: boolean): JSX.Element[]; static GenerateInputPorts(node: BABYLON.Nullable, includeOnly?: string[], ignoreLabel?: boolean): JSX.Element[]; } } declare module NODEEDITOR { /** * GenericNodeWidgetProps */ export interface GenericNodeWidgetProps { node: BABYLON.Nullable; globalState: GlobalState; } /** * GenericNodeWidgetState */ export interface GenericNodeWidgetState { } /** * Used to display a node block for the node editor */ export class GenericNodeWidget extends React.Component { /** * Creates a GenericNodeWidget * @param props */ constructor(props: GenericNodeWidgetProps); render(): JSX.Element; } } declare module NODEEDITOR { /** * Node factory which creates editor nodes */ export class GenericNodeFactory extends SRD.AbstractNodeFactory { private _globalState; /** * Constructs a GenericNodeFactory */ constructor(globalState: GlobalState); /** * Generates a node widget * @param diagramEngine diagram engine * @param node node to generate * @returns node widget jsx */ generateReactWidget(diagramEngine: SRD.DiagramEngine, node: GenericNodeModel): JSX.Element; /** * Gets a new instance of a node model * @returns generic node model */ getNewInstance(): GenericNodeModel; } } declare module NODEEDITOR { export interface IButtonLineComponentProps { data: string; } export class DraggableLineComponent extends React.Component { constructor(props: IButtonLineComponentProps); render(): JSX.Element; } } declare module NODEEDITOR { interface INodeListComponentProps { globalState: GlobalState; } export class NodeListComponent extends React.Component { render(): JSX.Element; } } declare module NODEEDITOR { export interface IButtonLineComponentProps { label: string; onClick: () => void; } export class ButtonLineComponent extends React.Component { constructor(props: IButtonLineComponentProps); render(): JSX.Element; } } declare module NODEEDITOR { export class StringTools { /** * Gets the base math type of node material block connection point. * @param type Type to parse. */ static GetBaseType(type: BABYLON.NodeMaterialBlockConnectionPointTypes): string; /** * Download a string into a file that will be saved locally by the browser * @param content defines the string to download locally as a file */ static DownloadAsFile(content: string, filename: string): void; } } declare module NODEEDITOR { interface IFileButtonLineComponentProps { label: string; onClick: (file: File) => void; accept: string; } export class FileButtonLineComponent extends React.Component { constructor(props: IFileButtonLineComponentProps); onChange(evt: any): void; render(): JSX.Element; } } declare module NODEEDITOR { interface IPropertyTabComponentProps { globalState: GlobalState; } export class PropertyTabComponent extends React.Component; }> { constructor(props: IPropertyTabComponentProps); componentWillMount(): void; load(file: File): void; render(): JSX.Element; } } declare module NODEEDITOR { interface IPortalProps { globalState: GlobalState; } export class Portal extends React.Component { render(): React.ReactPortal; } } declare module NODEEDITOR { interface ITexturePropertyTabComponentProps { globalState: GlobalState; node: TextureNodeModel; } export class TexturePropertyTabComponent extends React.Component { /** * Replaces the texture of the node * @param file the file of the texture to use */ replaceTexture(file: File): void; render(): JSX.Element; } } declare module NODEEDITOR { /** * Texture node model which stores information about a node editor block */ export class TextureNodeModel extends DefaultNodeModel { private _block; /** * Texture for the node if it exists */ texture: BABYLON.Nullable; /** * Constructs the node model */ constructor(); renderProperties(globalState: GlobalState): JSX.Element; prepare(options: NodeCreationOptions, nodes: Array, model: DiagramModel, graphEditor: GraphEditor): void; } } declare module NODEEDITOR { interface ITextureLineComponentProps { texture: BABYLON.BaseTexture; width: number; height: number; globalState?: any; hideChannelSelect?: boolean; } export class TextureLineComponent extends React.Component { constructor(props: ITextureLineComponentProps); shouldComponentUpdate(nextProps: ITextureLineComponentProps, nextState: { displayRed: boolean; displayGreen: boolean; displayBlue: boolean; displayAlpha: boolean; face: number; }): boolean; componentDidMount(): void; componentDidUpdate(): void; updatePreview(): void; render(): JSX.Element; } } declare module NODEEDITOR { /** * GenericNodeWidgetProps */ export interface ITextureNodeWidgetProps { node: BABYLON.Nullable; globalState: GlobalState; } /** * Used to display a node block for the node editor */ export class TextureNodeWidget extends React.Component { /** * Creates a GenericNodeWidget * @param props */ constructor(props: ITextureNodeWidgetProps); render(): JSX.Element; } } declare module NODEEDITOR { /** * Node factory which creates editor nodes */ export class TextureNodeFactory extends SRD.AbstractNodeFactory { private _globalState; /** * Constructs a TextureNodeFactory */ constructor(globalState: GlobalState); /** * Generates a node widget * @param diagramEngine diagram engine * @param node node to generate * @returns node widget jsx */ generateReactWidget(diagramEngine: SRD.DiagramEngine, node: TextureNodeModel): JSX.Element; /** * Gets a new instance of a node model * @returns texture node model */ getNewInstance(): TextureNodeModel; } } declare module NODEEDITOR { interface INumericInputComponentProps { label: string; value: number; step?: number; onChange: (value: number) => void; } export class NumericInputComponent extends React.Component { static defaultProps: { step: number; }; private _localChange; constructor(props: INumericInputComponentProps); shouldComponentUpdate(nextProps: INumericInputComponentProps, nextState: { value: string; }): boolean; updateValue(evt: any): void; render(): JSX.Element; } } declare module NODEEDITOR { interface IVector2LineComponentProps { label: string; target: any; propertyName: string; step?: number; onChange?: (newvalue: BABYLON.Vector2) => void; onPropertyChangedObservable?: BABYLON.Observable; } export class Vector2LineComponent extends React.Component { static defaultProps: { step: number; }; private _localChange; constructor(props: IVector2LineComponentProps); shouldComponentUpdate(nextProps: IVector2LineComponentProps, nextState: { isExpanded: boolean; value: BABYLON.Vector2; }): boolean; switchExpandState(): void; raiseOnPropertyChanged(previousValue: BABYLON.Vector2): void; updateStateX(value: number): void; updateStateY(value: number): void; render(): JSX.Element; } } declare module NODEEDITOR { interface IVector2PropertyTabComponentProps { globalState: GlobalState; inputBlock: BABYLON.InputBlock; } export class Vector2PropertyTabComponent extends React.Component { render(): JSX.Element; } } declare module NODEEDITOR { interface IVector3LineComponentProps { label: string; target: any; propertyName: string; step?: number; onChange?: (newvalue: BABYLON.Vector3) => void; onPropertyChangedObservable?: BABYLON.Observable; } export class Vector3LineComponent extends React.Component { static defaultProps: { step: number; }; private _localChange; constructor(props: IVector3LineComponentProps); shouldComponentUpdate(nextProps: IVector3LineComponentProps, nextState: { isExpanded: boolean; value: BABYLON.Vector3; }): boolean; switchExpandState(): void; raiseOnPropertyChanged(previousValue: BABYLON.Vector3): void; updateVector3(): void; updateStateX(value: number): void; updateStateY(value: number): void; updateStateZ(value: number): void; render(): JSX.Element; } } declare module NODEEDITOR { interface IVector3PropertyTabComponentProps { globalState: GlobalState; inputBlock: BABYLON.InputBlock; } export class Vector3PropertyTabComponent extends React.Component { render(): JSX.Element; } } declare module NODEEDITOR { class ListLineOption { label: string; value: number | string; } interface IOptionsLineComponentProps { label: string; target: any; propertyName: string; options: ListLineOption[]; noDirectUpdate?: boolean; onSelect?: (value: number | string) => void; onPropertyChangedObservable?: BABYLON.Observable; valuesAreStrings?: boolean; defaultIfNull?: number; } export class OptionsLineComponent extends React.Component { private _localChange; private _getValue; constructor(props: IOptionsLineComponentProps); shouldComponentUpdate(nextProps: IOptionsLineComponentProps, nextState: { value: number; }): boolean; raiseOnPropertyChanged(newValue: number | string, previousValue: number | string): void; updateValue(valueString: string): void; render(): JSX.Element; } } declare module NODEEDITOR { export interface IColor3LineComponentProps { label: string; target: any; propertyName: string; onPropertyChangedObservable?: BABYLON.Observable; onChange?: () => void; } export class Color3LineComponent extends React.Component { private _localChange; constructor(props: IColor3LineComponentProps); shouldComponentUpdate(nextProps: IColor3LineComponentProps, nextState: { color: BABYLON.Color3; }): boolean; onChange(newValue: string): void; switchExpandState(): void; raiseOnPropertyChanged(previousValue: BABYLON.Color3): void; updateStateR(value: number): void; updateStateG(value: number): void; updateStateB(value: number): void; copyToClipboard(): void; render(): JSX.Element; } } declare module NODEEDITOR { interface IColor3PropertyTabComponentProps { globalState: GlobalState; inputBlock: BABYLON.InputBlock; } export class Color3PropertyTabComponent extends React.Component { render(): JSX.Element; } } declare module NODEEDITOR { interface IFloatLineComponentProps { label: string; target: any; propertyName: string; onChange?: (newValue: number) => void; isInteger?: boolean; onPropertyChangedObservable?: BABYLON.Observable; additionalClass?: string; step?: string; digits?: number; } export class FloatLineComponent extends React.Component { private _localChange; private _store; constructor(props: IFloatLineComponentProps); shouldComponentUpdate(nextProps: IFloatLineComponentProps, nextState: { value: string; }): boolean; raiseOnPropertyChanged(newValue: number, previousValue: number): void; updateValue(valueString: string): void; render(): JSX.Element; } } declare module NODEEDITOR { interface IFloatPropertyTabComponentProps { globalState: GlobalState; inputBlock: BABYLON.InputBlock; } export class FloatPropertyTabComponent extends React.Component { render(): JSX.Element; } } declare module NODEEDITOR { interface IInputPropertyTabComponentProps { globalState: GlobalState; inputNode: InputNodeModel; } export class InputPropertyTabComponentProps extends React.Component { constructor(props: IInputPropertyTabComponentProps); renderValue(globalState: GlobalState): JSX.Element | null; setDefaultValue(): void; render(): JSX.Element; } } declare module NODEEDITOR { /** * Generic node model which stores information about a node editor block */ export class InputNodeModel extends DefaultNodeModel { readonly inputBlock: BABYLON.InputBlock; /** * Constructs the node model */ constructor(); renderProperties(globalState: GlobalState): JSX.Element; } } declare module NODEEDITOR { /** * GenericNodeWidgetProps */ export interface InputNodeWidgetProps { node: BABYLON.Nullable; globalState: GlobalState; } /** * Used to display a node block for the node editor */ export class InputNodeWidget extends React.Component { /** * Creates a GenericNodeWidget * @param props */ constructor(props: InputNodeWidgetProps); renderValue(value: string): JSX.Element | null; render(): JSX.Element | null; } } declare module NODEEDITOR { /** * Node factory which creates editor nodes */ export class InputNodeFactory extends SRD.AbstractNodeFactory { private _globalState; /** * Constructs a GenericNodeFactory */ constructor(globalState: GlobalState); /** * Generates a node widget * @param diagramEngine diagram engine * @param node node to generate * @returns node widget jsx */ generateReactWidget(diagramEngine: SRD.DiagramEngine, node: InputNodeModel): JSX.Element; /** * Gets a new instance of a node model * @returns input node model */ getNewInstance(): InputNodeModel; } } declare module NODEEDITOR { interface ILogComponentProps { globalState: GlobalState; } export class LogEntry { message: string; isError: boolean; constructor(message: string, isError: boolean); } export class LogComponent extends React.Component { constructor(props: ILogComponentProps); componentWillMount(): void; componentDidUpdate(): void; render(): JSX.Element; } } declare module NODEEDITOR { interface ILightPropertyTabComponentProps { globalState: GlobalState; node: LightNodeModel; } export class LightPropertyTabComponent extends React.Component { render(): JSX.Element; } } declare module NODEEDITOR { /** * BABYLON.Light node model which stores information about a node editor block */ export class LightNodeModel extends DefaultNodeModel { private _block; /** * BABYLON.Light for the node if it exists */ light: BABYLON.Nullable; /** * Constructs the node model */ constructor(); renderProperties(globalState: GlobalState): JSX.Element; prepare(options: NodeCreationOptions, nodes: Array, model: DiagramModel, graphEditor: GraphEditor): void; } } declare module NODEEDITOR { /** * GenericNodeWidgetProps */ export interface ILightNodeWidgetProps { node: BABYLON.Nullable; globalState: GlobalState; } /** * Used to display a node block for the node editor */ export class LightNodeWidget extends React.Component { /** * Creates a GenericNodeWidget * @param props */ constructor(props: ILightNodeWidgetProps); render(): JSX.Element; } } declare module NODEEDITOR { /** * Node factory which creates editor nodes */ export class LightNodeFactory extends SRD.AbstractNodeFactory { private _globalState; /** * Constructs a LightNodeFactory */ constructor(globalState: GlobalState); /** * Generates a node widget * @param diagramEngine diagram engine * @param node node to generate * @returns node widget jsx */ generateReactWidget(diagramEngine: SRD.DiagramEngine, node: LightNodeModel): JSX.Element; /** * Gets a new instance of a node model * @returns light node model */ getNewInstance(): LightNodeModel; } } declare module NODEEDITOR { interface IMessageDialogComponentProps { globalState: GlobalState; } export class MessageDialogComponent extends React.Component { constructor(props: IMessageDialogComponentProps); render(): JSX.Element | null; } } declare module NODEEDITOR { export class AdvancedLinkFactory extends DefaultLinkFactory { constructor(); getNewInstance(initialConfig?: any): AdvancedLinkModel; generateLinkSegment(model: AdvancedLinkModel, widget: DefaultLinkWidget, selected: boolean, path: string): JSX.Element; } } declare module NODEEDITOR { interface IRemapPropertyTabComponentProps { globalState: GlobalState; remapNode: RemapNodeModel; } export class RemapPropertyTabComponentProps extends React.Component { constructor(props: IRemapPropertyTabComponentProps); forceRebuild(): void; render(): JSX.Element; } } declare module NODEEDITOR { /** * Generic node model which stores information about a node editor block */ export class RemapNodeModel extends DefaultNodeModel { readonly remapBlock: BABYLON.RemapBlock; /** * Constructs the node model */ constructor(); renderProperties(globalState: GlobalState): JSX.Element; } } declare module NODEEDITOR { /** * RemapNodeWidgetProps */ export interface RemapNodeWidgetProps { node: BABYLON.Nullable; globalState: GlobalState; } /** * Used to display a node block for the node editor */ export class RemapNodeWidget extends React.Component { /** * Creates a GenericNodeWidget * @param props */ constructor(props: RemapNodeWidgetProps); renderValue(value: string): JSX.Element | null; render(): JSX.Element; } } declare module NODEEDITOR { /** * Node factory which creates editor nodes */ export class RemapNodeFactory extends SRD.AbstractNodeFactory { private _globalState; /** * Constructs a GenericNodeFactory */ constructor(globalState: GlobalState); /** * Generates a node widget * @param diagramEngine diagram engine * @param node node to generate * @returns node widget jsx */ generateReactWidget(diagramEngine: SRD.DiagramEngine, node: RemapNodeModel): JSX.Element; /** * Gets a new instance of a node model * @returns input node model */ getNewInstance(): RemapNodeModel; } } declare module NODEEDITOR { export class GraphHelper { static DistributeGraph(model: DiagramModel): dagre.Node[]; private static _MapElements; private static _MapEdges; } } declare module NODEEDITOR { export class PreviewManager { private _nodeMaterial; private _onBuildObserver; private _engine; private _scene; private _light; private _dummySphere; private _camera; constructor(targetCanvas: HTMLCanvasElement, globalState: GlobalState); private _updatePreview; dispose(): void; } } declare module NODEEDITOR { interface IGraphEditorProps { globalState: GlobalState; } export class NodeCreationOptions { nodeMaterialBlock: BABYLON.NodeMaterialBlock; type?: string; connection?: BABYLON.NodeMaterialConnectionPoint; } export class GraphEditor extends React.Component { private readonly NodeWidth; private _engine; private _model; private _startX; private _moveInProgress; private _leftWidth; private _rightWidth; private _nodes; private _blocks; private _previewManager; /** @hidden */ _toAdd: LinkModel[] | null; /** * Creates a node and recursivly creates its parent nodes from it's input * @param nodeMaterialBlock */ createNodeFromObject(options: NodeCreationOptions): DefaultNodeModel; addValueNode(type: string): DefaultNodeModel; componentDidMount(): void; componentWillUnmount(): void; constructor(props: IGraphEditorProps); zoomToFit(retry?: number): void; buildMaterial(): void; build(needToWait?: boolean): void; reOrganize(): void; onPointerDown(evt: React.PointerEvent): void; onPointerUp(evt: React.PointerEvent): void; resizeColumns(evt: React.PointerEvent, forLeft?: boolean): void; buildColumnLayout(): string; emitNewBlock(event: React.DragEvent): void; render(): JSX.Element; } } declare module NODEEDITOR { /** * Generic node model which stores information about a node editor block */ export class DefaultNodeModel extends NodeModel { /** * The babylon block this node represents */ block: BABYLON.Nullable; ports: { [s: string]: DefaultPortModel; }; /** * Constructs the node model */ constructor(key: string); prepare(options: NodeCreationOptions, nodes: Array, model: DiagramModel, graphEditor: GraphEditor): void; renderProperties(globalState: GlobalState): JSX.Element | null; } } declare module NODEEDITOR { export class GlobalState { nodeMaterial: BABYLON.NodeMaterial; hostElement: HTMLElement; hostDocument: HTMLDocument; onSelectionChangedObservable: BABYLON.Observable>; onRebuildRequiredObservable: BABYLON.Observable; onResetRequiredObservable: BABYLON.Observable; onUpdateRequiredObservable: BABYLON.Observable; onZoomToFitRequiredObservable: BABYLON.Observable; onReOrganizedRequiredObservable: BABYLON.Observable; onLogRequiredObservable: BABYLON.Observable; onErrorMessageDialogRequiredObservable: BABYLON.Observable; } } declare module NODEEDITOR { export class Popup { static CreatePopup(title: string, windowVariableName: string, width?: number, height?: number): HTMLDivElement | null; private static _CopyStyles; } } declare module NODEEDITOR { /** * Interface used to specify creation options for the node editor */ export interface INodeEditorOptions { nodeMaterial: BABYLON.NodeMaterial; } /** * Class used to create a node editor */ export class NodeEditor { /** * Show the node editor * @param options defines the options to use to configure the node editor */ static Show(options: INodeEditorOptions): void; } }