babylon.nodeEditor.module.d.ts 84 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959196019611962196319641965196619671968196919701971197219731974197519761977197819791980198119821983198419851986198719881989199019911992199319941995199619971998199920002001200220032004200520062007200820092010201120122013201420152016201720182019202020212022202320242025202620272028202920302031203220332034203520362037203820392040204120422043204420452046204720482049205020512052205320542055205620572058205920602061206220632064206520662067206820692070207120722073207420752076207720782079208020812082208320842085208620872088208920902091209220932094209520962097209820992100210121022103210421052106210721082109211021112112211321142115211621172118211921202121212221232124212521262127212821292130213121322133213421352136213721382139214021412142214321442145214621472148214921502151215221532154215521562157215821592160216121622163216421652166216721682169217021712172217321742175217621772178217921802181218221832184218521862187
  1. /// <reference types="react" />
  2. declare module "babylonjs-node-editor/blockTools" {
  3. import { AlphaTestBlock } from 'babylonjs/Materials/Node/Blocks/Fragment/alphaTestBlock';
  4. import { BonesBlock } from 'babylonjs/Materials/Node/Blocks/Vertex/bonesBlock';
  5. import { InstancesBlock } from 'babylonjs/Materials/Node/Blocks/Vertex/instancesBlock';
  6. import { MorphTargetsBlock } from 'babylonjs/Materials/Node/Blocks/Vertex/morphTargetsBlock';
  7. import { ImageProcessingBlock } from 'babylonjs/Materials/Node/Blocks/Fragment/imageProcessingBlock';
  8. import { ColorMergerBlock } from 'babylonjs/Materials/Node/Blocks/colorMergerBlock';
  9. import { VectorMergerBlock } from 'babylonjs/Materials/Node/Blocks/vectorMergerBlock';
  10. import { ColorSplitterBlock } from 'babylonjs/Materials/Node/Blocks/colorSplitterBlock';
  11. import { VectorSplitterBlock } from 'babylonjs/Materials/Node/Blocks/vectorSplitterBlock';
  12. import { RemapBlock } from 'babylonjs/Materials/Node/Blocks/remapBlock';
  13. import { TextureBlock } from 'babylonjs/Materials/Node/Blocks/Dual/textureBlock';
  14. import { LightBlock } from 'babylonjs/Materials/Node/Blocks/Dual/lightBlock';
  15. import { FogBlock } from 'babylonjs/Materials/Node/Blocks/Dual/fogBlock';
  16. import { VertexOutputBlock } from 'babylonjs/Materials/Node/Blocks/Vertex/vertexOutputBlock';
  17. import { FragmentOutputBlock } from 'babylonjs/Materials/Node/Blocks/Fragment/fragmentOutputBlock';
  18. import { NormalizeBlock } from 'babylonjs/Materials/Node/Blocks/normalizeBlock';
  19. import { AddBlock } from 'babylonjs/Materials/Node/Blocks/addBlock';
  20. import { ClampBlock } from 'babylonjs/Materials/Node/Blocks/clampBlock';
  21. import { CrossBlock } from 'babylonjs/Materials/Node/Blocks/crossBlock';
  22. import { DotBlock } from 'babylonjs/Materials/Node/Blocks/dotBlock';
  23. import { MultiplyBlock } from 'babylonjs/Materials/Node/Blocks/multiplyBlock';
  24. import { TransformBlock } from 'babylonjs/Materials/Node/Blocks/transformBlock';
  25. import { NodeMaterialBlockConnectionPointTypes } from 'babylonjs/Materials/Node/nodeMaterialBlockConnectionPointTypes';
  26. export class BlockTools {
  27. 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;
  28. static GetColorFromConnectionNodeType(type: NodeMaterialBlockConnectionPointTypes): string;
  29. static GetConnectionNodeTypeFromString(type: string): NodeMaterialBlockConnectionPointTypes.Float | NodeMaterialBlockConnectionPointTypes.Vector2 | NodeMaterialBlockConnectionPointTypes.Vector3 | NodeMaterialBlockConnectionPointTypes.Vector4 | NodeMaterialBlockConnectionPointTypes.Color3 | NodeMaterialBlockConnectionPointTypes.Color4 | NodeMaterialBlockConnectionPointTypes.Matrix | NodeMaterialBlockConnectionPointTypes.AutoDetect;
  30. static GetStringFromConnectionNodeType(type: NodeMaterialBlockConnectionPointTypes): "Float" | "Vector2" | "Vector3" | "Vector4" | "Matrix" | "Color3" | "Color4" | "";
  31. }
  32. }
  33. declare module "babylonjs-node-editor/dataStorage" {
  34. export class DataStorage {
  35. private static _InMemoryStorage;
  36. static ReadBoolean(key: string, defaultValue: boolean): boolean;
  37. static StoreBoolean(key: string, value: boolean): void;
  38. static ReadNumber(key: string, defaultValue: number): number;
  39. static StoreNumber(key: string, value: number): void;
  40. }
  41. }
  42. declare module "babylonjs-node-editor/sharedComponents/textLineComponent" {
  43. import * as React from "react";
  44. interface ITextLineComponentProps {
  45. label: string;
  46. value: string;
  47. color?: string;
  48. underline?: boolean;
  49. onLink?: () => void;
  50. }
  51. export class TextLineComponent extends React.Component<ITextLineComponentProps> {
  52. constructor(props: ITextLineComponentProps);
  53. onLink(): void;
  54. renderContent(): JSX.Element;
  55. render(): JSX.Element;
  56. }
  57. }
  58. declare module "babylonjs-node-editor/sharedComponents/lineContainerComponent" {
  59. import * as React from "react";
  60. interface ILineContainerComponentProps {
  61. title: string;
  62. children: any[] | any;
  63. closed?: boolean;
  64. }
  65. export class LineContainerComponent extends React.Component<ILineContainerComponentProps, {
  66. isExpanded: boolean;
  67. }> {
  68. constructor(props: ILineContainerComponentProps);
  69. switchExpandedState(): void;
  70. renderHeader(): JSX.Element;
  71. render(): JSX.Element;
  72. }
  73. }
  74. declare module "babylonjs-node-editor/sharedComponents/propertyChangedEvent" {
  75. export class PropertyChangedEvent {
  76. object: any;
  77. property: string;
  78. value: any;
  79. initialValue: any;
  80. }
  81. }
  82. declare module "babylonjs-node-editor/sharedComponents/textInputLineComponent" {
  83. import * as React from "react";
  84. import { Observable } from "babylonjs/Misc/observable";
  85. import { PropertyChangedEvent } from "babylonjs-node-editor/sharedComponents/propertyChangedEvent";
  86. interface ITextInputLineComponentProps {
  87. label: string;
  88. target?: any;
  89. propertyName?: string;
  90. value?: string;
  91. onChange?: (value: string) => void;
  92. onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
  93. }
  94. export class TextInputLineComponent extends React.Component<ITextInputLineComponentProps, {
  95. value: string;
  96. }> {
  97. private _localChange;
  98. constructor(props: ITextInputLineComponentProps);
  99. shouldComponentUpdate(nextProps: ITextInputLineComponentProps, nextState: {
  100. value: string;
  101. }): boolean;
  102. raiseOnPropertyChanged(newValue: string, previousValue: string): void;
  103. updateValue(value: string): void;
  104. render(): JSX.Element;
  105. }
  106. }
  107. declare module "babylonjs-node-editor/sharedComponents/checkBoxLineComponent" {
  108. import * as React from "react";
  109. import { Observable } from "babylonjs/Misc/observable";
  110. import { PropertyChangedEvent } from "babylonjs-node-editor/sharedComponents/propertyChangedEvent";
  111. export interface ICheckBoxLineComponentProps {
  112. label: string;
  113. target?: any;
  114. propertyName?: string;
  115. isSelected?: () => boolean;
  116. onSelect?: (value: boolean) => void;
  117. onValueChanged?: () => void;
  118. onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
  119. }
  120. export class CheckBoxLineComponent extends React.Component<ICheckBoxLineComponentProps, {
  121. isSelected: boolean;
  122. }> {
  123. private static _UniqueIdSeed;
  124. private _uniqueId;
  125. private _localChange;
  126. constructor(props: ICheckBoxLineComponentProps);
  127. shouldComponentUpdate(nextProps: ICheckBoxLineComponentProps, nextState: {
  128. isSelected: boolean;
  129. }): boolean;
  130. onChange(): void;
  131. render(): JSX.Element;
  132. }
  133. }
  134. declare module "babylonjs-node-editor/components/diagram/generic/genericNodeModel" {
  135. import { Nullable } from 'babylonjs/types';
  136. import { Vector2, Vector3, Vector4, Matrix } from 'babylonjs/Maths/math';
  137. import { DefaultNodeModel } from "babylonjs-node-editor/components/diagram/defaultNodeModel";
  138. import { DiagramModel } from 'storm-react-diagrams/dist/@types/src/models/DiagramModel';
  139. import { GraphEditor, NodeCreationOptions } from "babylonjs-node-editor/graphEditor";
  140. import { GlobalState } from "babylonjs-node-editor/globalState";
  141. /**
  142. * Generic node model which stores information about a node editor block
  143. */
  144. export class GenericNodeModel extends DefaultNodeModel {
  145. /**
  146. * Vector2 for the node if it exists
  147. */
  148. vector2: Nullable<Vector2>;
  149. /**
  150. * Vector3 for the node if it exists
  151. */
  152. vector3: Nullable<Vector3>;
  153. /**
  154. * Vector4 for the node if it exists
  155. */
  156. vector4: Nullable<Vector4>;
  157. /**
  158. * Matrix for the node if it exists
  159. */
  160. matrix: Nullable<Matrix>;
  161. /**
  162. * Constructs the node model
  163. */
  164. constructor();
  165. prepare(options: NodeCreationOptions, nodes: Array<DefaultNodeModel>, model: DiagramModel, graphEditor: GraphEditor): void;
  166. renderProperties(globalState: GlobalState): JSX.Element;
  167. }
  168. }
  169. declare module "babylonjs-node-editor/components/diagram/link/advancedLinkModel" {
  170. import { DefaultLinkModel } from 'storm-react-diagrams';
  171. export class AdvancedLinkModel extends DefaultLinkModel {
  172. constructor();
  173. }
  174. }
  175. declare module "babylonjs-node-editor/components/diagram/port/defaultPortModel" {
  176. import { LinkModel, PortModel } from "storm-react-diagrams";
  177. import { Nullable } from 'babylonjs/types';
  178. import { NodeMaterialConnectionPoint } from 'babylonjs/Materials/Node/nodeMaterialBlockConnectionPoint';
  179. import { DefaultNodeModel } from "babylonjs-node-editor/components/diagram/defaultNodeModel";
  180. /**
  181. * Port model
  182. */
  183. export class DefaultPortModel extends PortModel {
  184. /**
  185. * If the port is input or output
  186. */
  187. position: string | "input" | "output";
  188. /**
  189. * What the port is connected to
  190. */
  191. connection: Nullable<NodeMaterialConnectionPoint>;
  192. defaultValue: any;
  193. static idCounter: number;
  194. constructor(name: string, type?: string);
  195. canLinkToPort(port: DefaultPortModel): boolean;
  196. syncWithNodeMaterialConnectionPoint(connection: NodeMaterialConnectionPoint): void;
  197. getNodeModel(): DefaultNodeModel;
  198. link(outPort: DefaultPortModel): LinkModel<import("storm-react-diagrams").LinkModelListener>;
  199. createLinkModel(): LinkModel;
  200. static SortInputOutput(a: Nullable<DefaultPortModel>, b: Nullable<DefaultPortModel>): {
  201. input: DefaultPortModel;
  202. output: DefaultPortModel;
  203. } | null;
  204. }
  205. }
  206. declare module "babylonjs-node-editor/components/diagram/port/defaultPortWidget" {
  207. import { BaseWidget, PortState, NodeModel, BaseWidgetProps } from 'storm-react-diagrams';
  208. export interface IDefaultPortWidgetProps extends BaseWidgetProps {
  209. name: string;
  210. node: NodeModel;
  211. style: any;
  212. }
  213. export class DefaultPortWidget extends BaseWidget<IDefaultPortWidgetProps, PortState> {
  214. constructor(props: IDefaultPortWidgetProps);
  215. getClassName(): string;
  216. render(): JSX.Element;
  217. }
  218. }
  219. declare module "babylonjs-node-editor/components/diagram/portHelper" {
  220. import { DefaultNodeModel } from "babylonjs-node-editor/components/diagram/defaultNodeModel";
  221. import { Nullable } from 'babylonjs/types';
  222. import { NodeMaterialBlockConnectionPointTypes } from 'babylonjs/Materials/Node/nodeMaterialBlockConnectionPointTypes';
  223. export class PortHelper {
  224. private static _GetPortTypeIndicator;
  225. static _GetPortStyle(type: NodeMaterialBlockConnectionPointTypes): {
  226. background: string;
  227. };
  228. static GenerateOutputPorts(node: Nullable<DefaultNodeModel>, ignoreLabel: boolean): JSX.Element[];
  229. static GenerateInputPorts(node: Nullable<DefaultNodeModel>, includeOnly?: string[], ignoreLabel?: boolean): JSX.Element[];
  230. }
  231. }
  232. declare module "babylonjs-node-editor/components/diagram/generic/genericNodeWidget" {
  233. import * as React from "react";
  234. import { Nullable } from 'babylonjs/types';
  235. import { GlobalState } from "babylonjs-node-editor/globalState";
  236. import { GenericNodeModel } from "babylonjs-node-editor/components/diagram/generic/genericNodeModel";
  237. /**
  238. * GenericNodeWidgetProps
  239. */
  240. export interface GenericNodeWidgetProps {
  241. node: Nullable<GenericNodeModel>;
  242. globalState: GlobalState;
  243. }
  244. /**
  245. * GenericNodeWidgetState
  246. */
  247. export interface GenericNodeWidgetState {
  248. }
  249. /**
  250. * Used to display a node block for the node editor
  251. */
  252. export class GenericNodeWidget extends React.Component<GenericNodeWidgetProps, GenericNodeWidgetState> {
  253. /**
  254. * Creates a GenericNodeWidget
  255. * @param props
  256. */
  257. constructor(props: GenericNodeWidgetProps);
  258. render(): JSX.Element;
  259. }
  260. }
  261. declare module "babylonjs-node-editor/components/diagram/generic/genericNodeFactory" {
  262. import * as SRD from "storm-react-diagrams";
  263. import { GenericNodeModel } from "babylonjs-node-editor/components/diagram/generic/genericNodeModel";
  264. import { GlobalState } from "babylonjs-node-editor/globalState";
  265. /**
  266. * Node factory which creates editor nodes
  267. */
  268. export class GenericNodeFactory extends SRD.AbstractNodeFactory {
  269. private _globalState;
  270. /**
  271. * Constructs a GenericNodeFactory
  272. */
  273. constructor(globalState: GlobalState);
  274. /**
  275. * Generates a node widget
  276. * @param diagramEngine diagram engine
  277. * @param node node to generate
  278. * @returns node widget jsx
  279. */
  280. generateReactWidget(diagramEngine: SRD.DiagramEngine, node: GenericNodeModel): JSX.Element;
  281. /**
  282. * Gets a new instance of a node model
  283. * @returns generic node model
  284. */
  285. getNewInstance(): GenericNodeModel;
  286. }
  287. }
  288. declare module "babylonjs-node-editor/sharedComponents/draggableLineComponent" {
  289. import * as React from "react";
  290. export interface IButtonLineComponentProps {
  291. data: string;
  292. }
  293. export class DraggableLineComponent extends React.Component<IButtonLineComponentProps> {
  294. constructor(props: IButtonLineComponentProps);
  295. render(): JSX.Element;
  296. }
  297. }
  298. declare module "babylonjs-node-editor/components/nodeList/nodeListComponent" {
  299. import * as React from "react";
  300. import { GlobalState } from "babylonjs-node-editor/globalState";
  301. interface INodeListComponentProps {
  302. globalState: GlobalState;
  303. }
  304. export class NodeListComponent extends React.Component<INodeListComponentProps> {
  305. render(): JSX.Element;
  306. }
  307. }
  308. declare module "babylonjs-node-editor/sharedComponents/buttonLineComponent" {
  309. import * as React from "react";
  310. export interface IButtonLineComponentProps {
  311. label: string;
  312. onClick: () => void;
  313. }
  314. export class ButtonLineComponent extends React.Component<IButtonLineComponentProps> {
  315. constructor(props: IButtonLineComponentProps);
  316. render(): JSX.Element;
  317. }
  318. }
  319. declare module "babylonjs-node-editor/stringTools" {
  320. import { NodeMaterialBlockConnectionPointTypes } from 'babylonjs/Materials/Node/nodeMaterialBlockConnectionPointTypes';
  321. export class StringTools {
  322. /**
  323. * Gets the base math type of node material block connection point.
  324. * @param type Type to parse.
  325. */
  326. static GetBaseType(type: NodeMaterialBlockConnectionPointTypes): string;
  327. /**
  328. * Download a string into a file that will be saved locally by the browser
  329. * @param content defines the string to download locally as a file
  330. */
  331. static DownloadAsFile(content: string, filename: string): void;
  332. }
  333. }
  334. declare module "babylonjs-node-editor/sharedComponents/fileButtonLineComponent" {
  335. import * as React from "react";
  336. interface IFileButtonLineComponentProps {
  337. label: string;
  338. onClick: (file: File) => void;
  339. accept: string;
  340. }
  341. export class FileButtonLineComponent extends React.Component<IFileButtonLineComponentProps> {
  342. constructor(props: IFileButtonLineComponentProps);
  343. onChange(evt: any): void;
  344. render(): JSX.Element;
  345. }
  346. }
  347. declare module "babylonjs-node-editor/nodeLocationInfo" {
  348. export interface INodeLocationInfo {
  349. blockId: number;
  350. x: number;
  351. y: number;
  352. }
  353. }
  354. declare module "babylonjs-node-editor/components/propertyTab/propertyTabComponent" {
  355. import * as React from "react";
  356. import { GlobalState } from "babylonjs-node-editor/globalState";
  357. import { Nullable } from 'babylonjs/types';
  358. import { DefaultNodeModel } from "babylonjs-node-editor/components/diagram/defaultNodeModel";
  359. interface IPropertyTabComponentProps {
  360. globalState: GlobalState;
  361. }
  362. export class PropertyTabComponent extends React.Component<IPropertyTabComponentProps, {
  363. currentNode: Nullable<DefaultNodeModel>;
  364. }> {
  365. constructor(props: IPropertyTabComponentProps);
  366. componentWillMount(): void;
  367. load(file: File): void;
  368. save(): void;
  369. render(): JSX.Element;
  370. }
  371. }
  372. declare module "babylonjs-node-editor/portal" {
  373. import * as React from "react";
  374. import { GlobalState } from "babylonjs-node-editor/globalState";
  375. interface IPortalProps {
  376. globalState: GlobalState;
  377. }
  378. export class Portal extends React.Component<IPortalProps> {
  379. render(): React.ReactPortal;
  380. }
  381. }
  382. declare module "babylonjs-node-editor/components/diagram/texture/texturePropertyTabComponent" {
  383. import * as React from "react";
  384. import { GlobalState } from "babylonjs-node-editor/globalState";
  385. import { TextureNodeModel } from "babylonjs-node-editor/components/diagram/texture/textureNodeModel";
  386. interface ITexturePropertyTabComponentProps {
  387. globalState: GlobalState;
  388. node: TextureNodeModel;
  389. }
  390. export class TexturePropertyTabComponent extends React.Component<ITexturePropertyTabComponentProps> {
  391. updateAftertextureLoad(): void;
  392. /**
  393. * Replaces the texture of the node
  394. * @param file the file of the texture to use
  395. */
  396. replaceTexture(file: File): void;
  397. render(): JSX.Element;
  398. }
  399. }
  400. declare module "babylonjs-node-editor/components/diagram/texture/textureNodeModel" {
  401. import { Nullable } from 'babylonjs/types';
  402. import { BaseTexture } from 'babylonjs/Materials/Textures/baseTexture';
  403. import { DefaultNodeModel } from "babylonjs-node-editor/components/diagram/defaultNodeModel";
  404. import { GlobalState } from "babylonjs-node-editor/globalState";
  405. import { NodeCreationOptions, GraphEditor } from "babylonjs-node-editor/graphEditor";
  406. import { DiagramModel } from 'storm-react-diagrams/dist/@types/src/models/DiagramModel';
  407. /**
  408. * Texture node model which stores information about a node editor block
  409. */
  410. export class TextureNodeModel extends DefaultNodeModel {
  411. private _block;
  412. /**
  413. * Texture for the node if it exists
  414. */
  415. texture: Nullable<BaseTexture>;
  416. /**
  417. * Constructs the node model
  418. */
  419. constructor();
  420. renderProperties(globalState: GlobalState): JSX.Element;
  421. prepare(options: NodeCreationOptions, nodes: Array<DefaultNodeModel>, model: DiagramModel, graphEditor: GraphEditor): void;
  422. }
  423. }
  424. declare module "babylonjs-node-editor/sharedComponents/textureLineComponent" {
  425. import * as React from "react";
  426. import { BaseTexture } from "babylonjs/Materials/Textures/baseTexture";
  427. interface ITextureLineComponentProps {
  428. texture: BaseTexture;
  429. width: number;
  430. height: number;
  431. globalState?: any;
  432. hideChannelSelect?: boolean;
  433. }
  434. export class TextureLineComponent extends React.Component<ITextureLineComponentProps, {
  435. displayRed: boolean;
  436. displayGreen: boolean;
  437. displayBlue: boolean;
  438. displayAlpha: boolean;
  439. face: number;
  440. }> {
  441. constructor(props: ITextureLineComponentProps);
  442. shouldComponentUpdate(nextProps: ITextureLineComponentProps, nextState: {
  443. displayRed: boolean;
  444. displayGreen: boolean;
  445. displayBlue: boolean;
  446. displayAlpha: boolean;
  447. face: number;
  448. }): boolean;
  449. componentDidMount(): void;
  450. componentDidUpdate(): void;
  451. updatePreview(): void;
  452. render(): JSX.Element;
  453. }
  454. }
  455. declare module "babylonjs-node-editor/components/diagram/texture/textureNodeWidget" {
  456. import * as React from "react";
  457. import { TextureNodeModel } from "babylonjs-node-editor/components/diagram/texture/textureNodeModel";
  458. import { Nullable } from 'babylonjs/types';
  459. import { GlobalState } from "babylonjs-node-editor/globalState";
  460. /**
  461. * GenericNodeWidgetProps
  462. */
  463. export interface ITextureNodeWidgetProps {
  464. node: Nullable<TextureNodeModel>;
  465. globalState: GlobalState;
  466. }
  467. /**
  468. * Used to display a node block for the node editor
  469. */
  470. export class TextureNodeWidget extends React.Component<ITextureNodeWidgetProps> {
  471. /**
  472. * Creates a GenericNodeWidget
  473. * @param props
  474. */
  475. constructor(props: ITextureNodeWidgetProps);
  476. render(): JSX.Element;
  477. }
  478. }
  479. declare module "babylonjs-node-editor/components/diagram/texture/textureNodeFactory" {
  480. import * as SRD from "storm-react-diagrams";
  481. import { TextureNodeModel } from "babylonjs-node-editor/components/diagram/texture/textureNodeModel";
  482. import { GlobalState } from "babylonjs-node-editor/globalState";
  483. /**
  484. * Node factory which creates editor nodes
  485. */
  486. export class TextureNodeFactory extends SRD.AbstractNodeFactory {
  487. private _globalState;
  488. /**
  489. * Constructs a TextureNodeFactory
  490. */
  491. constructor(globalState: GlobalState);
  492. /**
  493. * Generates a node widget
  494. * @param diagramEngine diagram engine
  495. * @param node node to generate
  496. * @returns node widget jsx
  497. */
  498. generateReactWidget(diagramEngine: SRD.DiagramEngine, node: TextureNodeModel): JSX.Element;
  499. /**
  500. * Gets a new instance of a node model
  501. * @returns texture node model
  502. */
  503. getNewInstance(): TextureNodeModel;
  504. }
  505. }
  506. declare module "babylonjs-node-editor/sharedComponents/numericInputComponent" {
  507. import * as React from "react";
  508. interface INumericInputComponentProps {
  509. label: string;
  510. value: number;
  511. step?: number;
  512. onChange: (value: number) => void;
  513. }
  514. export class NumericInputComponent extends React.Component<INumericInputComponentProps, {
  515. value: string;
  516. }> {
  517. static defaultProps: {
  518. step: number;
  519. };
  520. private _localChange;
  521. constructor(props: INumericInputComponentProps);
  522. shouldComponentUpdate(nextProps: INumericInputComponentProps, nextState: {
  523. value: string;
  524. }): boolean;
  525. updateValue(evt: any): void;
  526. render(): JSX.Element;
  527. }
  528. }
  529. declare module "babylonjs-node-editor/sharedComponents/vector2LineComponent" {
  530. import * as React from "react";
  531. import { Vector2 } from "babylonjs/Maths/math";
  532. import { Observable } from "babylonjs/Misc/observable";
  533. import { PropertyChangedEvent } from "babylonjs-node-editor/sharedComponents/propertyChangedEvent";
  534. interface IVector2LineComponentProps {
  535. label: string;
  536. target: any;
  537. propertyName: string;
  538. step?: number;
  539. onChange?: (newvalue: Vector2) => void;
  540. onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
  541. }
  542. export class Vector2LineComponent extends React.Component<IVector2LineComponentProps, {
  543. isExpanded: boolean;
  544. value: Vector2;
  545. }> {
  546. static defaultProps: {
  547. step: number;
  548. };
  549. private _localChange;
  550. constructor(props: IVector2LineComponentProps);
  551. shouldComponentUpdate(nextProps: IVector2LineComponentProps, nextState: {
  552. isExpanded: boolean;
  553. value: Vector2;
  554. }): boolean;
  555. switchExpandState(): void;
  556. raiseOnPropertyChanged(previousValue: Vector2): void;
  557. updateStateX(value: number): void;
  558. updateStateY(value: number): void;
  559. render(): JSX.Element;
  560. }
  561. }
  562. declare module "babylonjs-node-editor/components/propertyTab/properties/vector2PropertyTabComponent" {
  563. import * as React from "react";
  564. import { GlobalState } from "babylonjs-node-editor/globalState";
  565. import { InputBlock } from 'babylonjs/Materials/Node/Blocks/Input/inputBlock';
  566. interface IVector2PropertyTabComponentProps {
  567. globalState: GlobalState;
  568. inputBlock: InputBlock;
  569. }
  570. export class Vector2PropertyTabComponent extends React.Component<IVector2PropertyTabComponentProps> {
  571. render(): JSX.Element;
  572. }
  573. }
  574. declare module "babylonjs-node-editor/sharedComponents/vector3LineComponent" {
  575. import * as React from "react";
  576. import { Vector3 } from "babylonjs/Maths/math";
  577. import { Observable } from "babylonjs/Misc/observable";
  578. import { PropertyChangedEvent } from "babylonjs-node-editor/sharedComponents/propertyChangedEvent";
  579. interface IVector3LineComponentProps {
  580. label: string;
  581. target: any;
  582. propertyName: string;
  583. step?: number;
  584. onChange?: (newvalue: Vector3) => void;
  585. onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
  586. }
  587. export class Vector3LineComponent extends React.Component<IVector3LineComponentProps, {
  588. isExpanded: boolean;
  589. value: Vector3;
  590. }> {
  591. static defaultProps: {
  592. step: number;
  593. };
  594. private _localChange;
  595. constructor(props: IVector3LineComponentProps);
  596. shouldComponentUpdate(nextProps: IVector3LineComponentProps, nextState: {
  597. isExpanded: boolean;
  598. value: Vector3;
  599. }): boolean;
  600. switchExpandState(): void;
  601. raiseOnPropertyChanged(previousValue: Vector3): void;
  602. updateVector3(): void;
  603. updateStateX(value: number): void;
  604. updateStateY(value: number): void;
  605. updateStateZ(value: number): void;
  606. render(): JSX.Element;
  607. }
  608. }
  609. declare module "babylonjs-node-editor/components/propertyTab/properties/vector3PropertyTabComponent" {
  610. import * as React from "react";
  611. import { GlobalState } from "babylonjs-node-editor/globalState";
  612. import { InputBlock } from 'babylonjs/Materials/Node/Blocks/Input/inputBlock';
  613. interface IVector3PropertyTabComponentProps {
  614. globalState: GlobalState;
  615. inputBlock: InputBlock;
  616. }
  617. export class Vector3PropertyTabComponent extends React.Component<IVector3PropertyTabComponentProps> {
  618. render(): JSX.Element;
  619. }
  620. }
  621. declare module "babylonjs-node-editor/sharedComponents/optionsLineComponent" {
  622. import * as React from "react";
  623. import { Observable } from "babylonjs/Misc/observable";
  624. import { PropertyChangedEvent } from "babylonjs-node-editor/sharedComponents/propertyChangedEvent";
  625. class ListLineOption {
  626. label: string;
  627. value: number | string;
  628. }
  629. interface IOptionsLineComponentProps {
  630. label: string;
  631. target: any;
  632. propertyName: string;
  633. options: ListLineOption[];
  634. noDirectUpdate?: boolean;
  635. onSelect?: (value: number | string) => void;
  636. onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
  637. valuesAreStrings?: boolean;
  638. defaultIfNull?: number;
  639. }
  640. export class OptionsLineComponent extends React.Component<IOptionsLineComponentProps, {
  641. value: number | string;
  642. }> {
  643. private _localChange;
  644. private _getValue;
  645. constructor(props: IOptionsLineComponentProps);
  646. shouldComponentUpdate(nextProps: IOptionsLineComponentProps, nextState: {
  647. value: number;
  648. }): boolean;
  649. raiseOnPropertyChanged(newValue: number | string, previousValue: number | string): void;
  650. updateValue(valueString: string): void;
  651. render(): JSX.Element;
  652. }
  653. }
  654. declare module "babylonjs-node-editor/sharedComponents/color3LineComponent" {
  655. import * as React from "react";
  656. import { Observable } from "babylonjs/Misc/observable";
  657. import { Color3 } from "babylonjs/Maths/math";
  658. import { PropertyChangedEvent } from "babylonjs-node-editor/sharedComponents/propertyChangedEvent";
  659. export interface IColor3LineComponentProps {
  660. label: string;
  661. target: any;
  662. propertyName: string;
  663. onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
  664. onChange?: () => void;
  665. }
  666. export class Color3LineComponent extends React.Component<IColor3LineComponentProps, {
  667. isExpanded: boolean;
  668. color: Color3;
  669. }> {
  670. private _localChange;
  671. constructor(props: IColor3LineComponentProps);
  672. shouldComponentUpdate(nextProps: IColor3LineComponentProps, nextState: {
  673. color: Color3;
  674. }): boolean;
  675. onChange(newValue: string): void;
  676. switchExpandState(): void;
  677. raiseOnPropertyChanged(previousValue: Color3): void;
  678. updateStateR(value: number): void;
  679. updateStateG(value: number): void;
  680. updateStateB(value: number): void;
  681. copyToClipboard(): void;
  682. render(): JSX.Element;
  683. }
  684. }
  685. declare module "babylonjs-node-editor/components/propertyTab/properties/color3PropertyTabComponent" {
  686. import * as React from "react";
  687. import { GlobalState } from "babylonjs-node-editor/globalState";
  688. import { InputBlock } from 'babylonjs/Materials/Node/Blocks/Input/inputBlock';
  689. interface IColor3PropertyTabComponentProps {
  690. globalState: GlobalState;
  691. inputBlock: InputBlock;
  692. }
  693. export class Color3PropertyTabComponent extends React.Component<IColor3PropertyTabComponentProps> {
  694. render(): JSX.Element;
  695. }
  696. }
  697. declare module "babylonjs-node-editor/sharedComponents/floatLineComponent" {
  698. import * as React from "react";
  699. import { Observable } from "babylonjs/Misc/observable";
  700. import { PropertyChangedEvent } from "babylonjs-node-editor/sharedComponents/propertyChangedEvent";
  701. interface IFloatLineComponentProps {
  702. label: string;
  703. target: any;
  704. propertyName: string;
  705. onChange?: (newValue: number) => void;
  706. isInteger?: boolean;
  707. onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
  708. additionalClass?: string;
  709. step?: string;
  710. digits?: number;
  711. }
  712. export class FloatLineComponent extends React.Component<IFloatLineComponentProps, {
  713. value: string;
  714. }> {
  715. private _localChange;
  716. private _store;
  717. constructor(props: IFloatLineComponentProps);
  718. shouldComponentUpdate(nextProps: IFloatLineComponentProps, nextState: {
  719. value: string;
  720. }): boolean;
  721. raiseOnPropertyChanged(newValue: number, previousValue: number): void;
  722. updateValue(valueString: string): void;
  723. render(): JSX.Element;
  724. }
  725. }
  726. declare module "babylonjs-node-editor/components/propertyTab/properties/floatPropertyTabComponent" {
  727. import * as React from "react";
  728. import { GlobalState } from "babylonjs-node-editor/globalState";
  729. import { InputBlock } from 'babylonjs/Materials/Node/Blocks/Input/inputBlock';
  730. interface IFloatPropertyTabComponentProps {
  731. globalState: GlobalState;
  732. inputBlock: InputBlock;
  733. }
  734. export class FloatPropertyTabComponent extends React.Component<IFloatPropertyTabComponentProps> {
  735. render(): JSX.Element;
  736. }
  737. }
  738. declare module "babylonjs-node-editor/components/diagram/input/inputNodePropertyComponent" {
  739. import * as React from "react";
  740. import { GlobalState } from "babylonjs-node-editor/globalState";
  741. import { InputNodeModel } from "babylonjs-node-editor/components/diagram/input/inputNodeModel";
  742. interface IInputPropertyTabComponentProps {
  743. globalState: GlobalState;
  744. inputNode: InputNodeModel;
  745. }
  746. export class InputPropertyTabComponentProps extends React.Component<IInputPropertyTabComponentProps> {
  747. constructor(props: IInputPropertyTabComponentProps);
  748. renderValue(globalState: GlobalState): JSX.Element | null;
  749. setDefaultValue(): void;
  750. render(): JSX.Element;
  751. }
  752. }
  753. declare module "babylonjs-node-editor/components/diagram/input/inputNodeModel" {
  754. import { DefaultNodeModel } from "babylonjs-node-editor/components/diagram/defaultNodeModel";
  755. import { GlobalState } from "babylonjs-node-editor/globalState";
  756. import { InputBlock } from 'babylonjs/Materials/Node/Blocks/Input/inputBlock';
  757. /**
  758. * Generic node model which stores information about a node editor block
  759. */
  760. export class InputNodeModel extends DefaultNodeModel {
  761. readonly inputBlock: InputBlock;
  762. /**
  763. * Constructs the node model
  764. */
  765. constructor();
  766. renderProperties(globalState: GlobalState): JSX.Element;
  767. }
  768. }
  769. declare module "babylonjs-node-editor/components/diagram/input/inputNodeWidget" {
  770. import * as React from "react";
  771. import { InputNodeModel } from "babylonjs-node-editor/components/diagram/input/inputNodeModel";
  772. import { Nullable } from 'babylonjs/types';
  773. import { GlobalState } from "babylonjs-node-editor/globalState";
  774. /**
  775. * GenericNodeWidgetProps
  776. */
  777. export interface InputNodeWidgetProps {
  778. node: Nullable<InputNodeModel>;
  779. globalState: GlobalState;
  780. }
  781. /**
  782. * Used to display a node block for the node editor
  783. */
  784. export class InputNodeWidget extends React.Component<InputNodeWidgetProps> {
  785. /**
  786. * Creates a GenericNodeWidget
  787. * @param props
  788. */
  789. constructor(props: InputNodeWidgetProps);
  790. renderValue(value: string): JSX.Element | null;
  791. render(): JSX.Element | null;
  792. }
  793. }
  794. declare module "babylonjs-node-editor/components/diagram/input/inputNodeFactory" {
  795. import * as SRD from "storm-react-diagrams";
  796. import { GlobalState } from "babylonjs-node-editor/globalState";
  797. import { InputNodeModel } from "babylonjs-node-editor/components/diagram/input/inputNodeModel";
  798. /**
  799. * Node factory which creates editor nodes
  800. */
  801. export class InputNodeFactory extends SRD.AbstractNodeFactory {
  802. private _globalState;
  803. /**
  804. * Constructs a GenericNodeFactory
  805. */
  806. constructor(globalState: GlobalState);
  807. /**
  808. * Generates a node widget
  809. * @param diagramEngine diagram engine
  810. * @param node node to generate
  811. * @returns node widget jsx
  812. */
  813. generateReactWidget(diagramEngine: SRD.DiagramEngine, node: InputNodeModel): JSX.Element;
  814. /**
  815. * Gets a new instance of a node model
  816. * @returns input node model
  817. */
  818. getNewInstance(): InputNodeModel;
  819. }
  820. }
  821. declare module "babylonjs-node-editor/components/log/logComponent" {
  822. import * as React from "react";
  823. import { GlobalState } from "babylonjs-node-editor/globalState";
  824. interface ILogComponentProps {
  825. globalState: GlobalState;
  826. }
  827. export class LogEntry {
  828. message: string;
  829. isError: boolean;
  830. constructor(message: string, isError: boolean);
  831. }
  832. export class LogComponent extends React.Component<ILogComponentProps, {
  833. logs: LogEntry[];
  834. }> {
  835. constructor(props: ILogComponentProps);
  836. componentWillMount(): void;
  837. componentDidUpdate(): void;
  838. render(): JSX.Element;
  839. }
  840. }
  841. declare module "babylonjs-node-editor/components/diagram/light/lightPropertyTabComponent" {
  842. import * as React from "react";
  843. import { GlobalState } from "babylonjs-node-editor/globalState";
  844. import { LightNodeModel } from "babylonjs-node-editor/components/diagram/light/lightNodeModel";
  845. interface ILightPropertyTabComponentProps {
  846. globalState: GlobalState;
  847. node: LightNodeModel;
  848. }
  849. export class LightPropertyTabComponent extends React.Component<ILightPropertyTabComponentProps> {
  850. render(): JSX.Element;
  851. }
  852. }
  853. declare module "babylonjs-node-editor/components/diagram/light/lightNodeModel" {
  854. import { Nullable } from 'babylonjs/types';
  855. import { Light } from 'babylonjs/Lights/light';
  856. import { DefaultNodeModel } from "babylonjs-node-editor/components/diagram/defaultNodeModel";
  857. import { GlobalState } from "babylonjs-node-editor/globalState";
  858. import { NodeCreationOptions, GraphEditor } from "babylonjs-node-editor/graphEditor";
  859. import { DiagramModel } from 'storm-react-diagrams/dist/@types/src/models/DiagramModel';
  860. /**
  861. * Light node model which stores information about a node editor block
  862. */
  863. export class LightNodeModel extends DefaultNodeModel {
  864. private _block;
  865. /**
  866. * Light for the node if it exists
  867. */
  868. light: Nullable<Light>;
  869. /**
  870. * Constructs the node model
  871. */
  872. constructor();
  873. renderProperties(globalState: GlobalState): JSX.Element;
  874. prepare(options: NodeCreationOptions, nodes: Array<DefaultNodeModel>, model: DiagramModel, graphEditor: GraphEditor): void;
  875. }
  876. }
  877. declare module "babylonjs-node-editor/components/diagram/light/lightNodeWidget" {
  878. import * as React from "react";
  879. import { LightNodeModel } from "babylonjs-node-editor/components/diagram/light/lightNodeModel";
  880. import { Nullable } from 'babylonjs/types';
  881. import { GlobalState } from "babylonjs-node-editor/globalState";
  882. /**
  883. * GenericNodeWidgetProps
  884. */
  885. export interface ILightNodeWidgetProps {
  886. node: Nullable<LightNodeModel>;
  887. globalState: GlobalState;
  888. }
  889. /**
  890. * Used to display a node block for the node editor
  891. */
  892. export class LightNodeWidget extends React.Component<ILightNodeWidgetProps> {
  893. /**
  894. * Creates a GenericNodeWidget
  895. * @param props
  896. */
  897. constructor(props: ILightNodeWidgetProps);
  898. render(): JSX.Element;
  899. }
  900. }
  901. declare module "babylonjs-node-editor/components/diagram/light/lightNodeFactory" {
  902. import * as SRD from "storm-react-diagrams";
  903. import { LightNodeModel } from "babylonjs-node-editor/components/diagram/light/lightNodeModel";
  904. import { GlobalState } from "babylonjs-node-editor/globalState";
  905. /**
  906. * Node factory which creates editor nodes
  907. */
  908. export class LightNodeFactory extends SRD.AbstractNodeFactory {
  909. private _globalState;
  910. /**
  911. * Constructs a LightNodeFactory
  912. */
  913. constructor(globalState: GlobalState);
  914. /**
  915. * Generates a node widget
  916. * @param diagramEngine diagram engine
  917. * @param node node to generate
  918. * @returns node widget jsx
  919. */
  920. generateReactWidget(diagramEngine: SRD.DiagramEngine, node: LightNodeModel): JSX.Element;
  921. /**
  922. * Gets a new instance of a node model
  923. * @returns light node model
  924. */
  925. getNewInstance(): LightNodeModel;
  926. }
  927. }
  928. declare module "babylonjs-node-editor/sharedComponents/messageDialog" {
  929. import * as React from "react";
  930. import { GlobalState } from "babylonjs-node-editor/globalState";
  931. interface IMessageDialogComponentProps {
  932. globalState: GlobalState;
  933. }
  934. export class MessageDialogComponent extends React.Component<IMessageDialogComponentProps, {
  935. message: string;
  936. isError: boolean;
  937. }> {
  938. constructor(props: IMessageDialogComponentProps);
  939. render(): JSX.Element | null;
  940. }
  941. }
  942. declare module "babylonjs-node-editor/components/diagram/link/advancedLinkFactory" {
  943. import { DefaultLinkFactory, DefaultLinkWidget } from 'storm-react-diagrams';
  944. import { AdvancedLinkModel } from "babylonjs-node-editor/components/diagram/link/advancedLinkModel";
  945. export class AdvancedLinkFactory extends DefaultLinkFactory {
  946. constructor();
  947. getNewInstance(initialConfig?: any): AdvancedLinkModel;
  948. generateLinkSegment(model: AdvancedLinkModel, widget: DefaultLinkWidget, selected: boolean, path: string): JSX.Element;
  949. }
  950. }
  951. declare module "babylonjs-node-editor/components/diagram/remap/remapNodePropertyComponent" {
  952. import * as React from "react";
  953. import { GlobalState } from "babylonjs-node-editor/globalState";
  954. import { RemapNodeModel } from "babylonjs-node-editor/components/diagram/remap/remapNodeModel";
  955. interface IRemapPropertyTabComponentProps {
  956. globalState: GlobalState;
  957. remapNode: RemapNodeModel;
  958. }
  959. export class RemapPropertyTabComponentProps extends React.Component<IRemapPropertyTabComponentProps> {
  960. constructor(props: IRemapPropertyTabComponentProps);
  961. forceRebuild(): void;
  962. render(): JSX.Element;
  963. }
  964. }
  965. declare module "babylonjs-node-editor/components/diagram/remap/remapNodeModel" {
  966. import { DefaultNodeModel } from "babylonjs-node-editor/components/diagram/defaultNodeModel";
  967. import { GlobalState } from "babylonjs-node-editor/globalState";
  968. import { RemapBlock } from 'babylonjs/Materials/Node/Blocks/remapBlock';
  969. /**
  970. * Generic node model which stores information about a node editor block
  971. */
  972. export class RemapNodeModel extends DefaultNodeModel {
  973. readonly remapBlock: RemapBlock;
  974. /**
  975. * Constructs the node model
  976. */
  977. constructor();
  978. renderProperties(globalState: GlobalState): JSX.Element;
  979. }
  980. }
  981. declare module "babylonjs-node-editor/components/diagram/remap/remapNodeWidget" {
  982. import * as React from "react";
  983. import { RemapNodeModel } from "babylonjs-node-editor/components/diagram/remap/remapNodeModel";
  984. import { Nullable } from 'babylonjs/types';
  985. import { GlobalState } from "babylonjs-node-editor/globalState";
  986. /**
  987. * RemapNodeWidgetProps
  988. */
  989. export interface RemapNodeWidgetProps {
  990. node: Nullable<RemapNodeModel>;
  991. globalState: GlobalState;
  992. }
  993. /**
  994. * Used to display a node block for the node editor
  995. */
  996. export class RemapNodeWidget extends React.Component<RemapNodeWidgetProps> {
  997. /**
  998. * Creates a GenericNodeWidget
  999. * @param props
  1000. */
  1001. constructor(props: RemapNodeWidgetProps);
  1002. renderValue(value: string): JSX.Element | null;
  1003. render(): JSX.Element;
  1004. }
  1005. }
  1006. declare module "babylonjs-node-editor/components/diagram/remap/remapNodeFactory" {
  1007. import * as SRD from "storm-react-diagrams";
  1008. import { GlobalState } from "babylonjs-node-editor/globalState";
  1009. import { RemapNodeModel } from "babylonjs-node-editor/components/diagram/remap/remapNodeModel";
  1010. /**
  1011. * Node factory which creates editor nodes
  1012. */
  1013. export class RemapNodeFactory extends SRD.AbstractNodeFactory {
  1014. private _globalState;
  1015. /**
  1016. * Constructs a GenericNodeFactory
  1017. */
  1018. constructor(globalState: GlobalState);
  1019. /**
  1020. * Generates a node widget
  1021. * @param diagramEngine diagram engine
  1022. * @param node node to generate
  1023. * @returns node widget jsx
  1024. */
  1025. generateReactWidget(diagramEngine: SRD.DiagramEngine, node: RemapNodeModel): JSX.Element;
  1026. /**
  1027. * Gets a new instance of a node model
  1028. * @returns input node model
  1029. */
  1030. getNewInstance(): RemapNodeModel;
  1031. }
  1032. }
  1033. declare module "babylonjs-node-editor/graphHelper" {
  1034. import * as dagre from "babylonjs-node-editor/dagre";
  1035. import { DiagramModel } from 'storm-react-diagrams/dist/@types/src/models/DiagramModel';
  1036. export class GraphHelper {
  1037. static DistributeGraph(model: DiagramModel): dagre.Node[];
  1038. private static _MapElements;
  1039. private static _MapEdges;
  1040. }
  1041. }
  1042. declare module "babylonjs-node-editor/previewManager" {
  1043. import { GlobalState } from "babylonjs-node-editor/globalState";
  1044. export class PreviewManager {
  1045. private _nodeMaterial;
  1046. private _onBuildObserver;
  1047. private _engine;
  1048. private _scene;
  1049. private _light;
  1050. private _dummySphere;
  1051. private _camera;
  1052. private _material;
  1053. constructor(targetCanvas: HTMLCanvasElement, globalState: GlobalState);
  1054. private _updatePreview;
  1055. dispose(): void;
  1056. }
  1057. }
  1058. declare module "babylonjs-node-editor/graphEditor" {
  1059. import { LinkModel } from "storm-react-diagrams";
  1060. import * as React from "react";
  1061. import { GlobalState } from "babylonjs-node-editor/globalState";
  1062. import { NodeMaterialBlock } from 'babylonjs/Materials/Node/nodeMaterialBlock';
  1063. import { NodeMaterialConnectionPoint } from 'babylonjs/Materials/Node/nodeMaterialBlockConnectionPoint';
  1064. import { DefaultNodeModel } from "babylonjs-node-editor/components/diagram/defaultNodeModel";
  1065. import { Nullable } from 'babylonjs/types';
  1066. import { INodeLocationInfo } from "babylonjs-node-editor/nodeLocationInfo";
  1067. interface IGraphEditorProps {
  1068. globalState: GlobalState;
  1069. }
  1070. export class NodeCreationOptions {
  1071. nodeMaterialBlock: NodeMaterialBlock;
  1072. type?: string;
  1073. connection?: NodeMaterialConnectionPoint;
  1074. }
  1075. export class GraphEditor extends React.Component<IGraphEditorProps> {
  1076. private readonly NodeWidth;
  1077. private _engine;
  1078. private _model;
  1079. private _startX;
  1080. private _moveInProgress;
  1081. private _leftWidth;
  1082. private _rightWidth;
  1083. private _nodes;
  1084. private _blocks;
  1085. private _previewManager;
  1086. /** @hidden */
  1087. _toAdd: LinkModel[] | null;
  1088. /**
  1089. * Creates a node and recursivly creates its parent nodes from it's input
  1090. * @param nodeMaterialBlock
  1091. */
  1092. createNodeFromObject(options: NodeCreationOptions): DefaultNodeModel;
  1093. addValueNode(type: string): DefaultNodeModel;
  1094. componentDidMount(): void;
  1095. componentWillUnmount(): void;
  1096. constructor(props: IGraphEditorProps);
  1097. zoomToFit(retry?: number): void;
  1098. buildMaterial(): void;
  1099. build(needToWait?: boolean, locations?: Nullable<INodeLocationInfo[]>): void;
  1100. reOrganize(locations?: Nullable<INodeLocationInfo[]>): void;
  1101. onPointerDown(evt: React.PointerEvent<HTMLDivElement>): void;
  1102. onPointerUp(evt: React.PointerEvent<HTMLDivElement>): void;
  1103. resizeColumns(evt: React.PointerEvent<HTMLDivElement>, forLeft?: boolean): void;
  1104. buildColumnLayout(): string;
  1105. emitNewBlock(event: React.DragEvent<HTMLDivElement>): void;
  1106. render(): JSX.Element;
  1107. }
  1108. }
  1109. declare module "babylonjs-node-editor/components/diagram/defaultNodeModel" {
  1110. import { NodeModel, DiagramModel } from "storm-react-diagrams";
  1111. import { Nullable } from 'babylonjs/types';
  1112. import { NodeMaterialBlock } from 'babylonjs/Materials/Node/nodeMaterialBlock';
  1113. import { GraphEditor, NodeCreationOptions } from "babylonjs-node-editor/graphEditor";
  1114. import { GlobalState } from "babylonjs-node-editor/globalState";
  1115. import { DefaultPortModel } from "babylonjs-node-editor/components/diagram/port/defaultPortModel";
  1116. /**
  1117. * Generic node model which stores information about a node editor block
  1118. */
  1119. export class DefaultNodeModel extends NodeModel {
  1120. /**
  1121. * The babylon block this node represents
  1122. */
  1123. block: Nullable<NodeMaterialBlock>;
  1124. ports: {
  1125. [s: string]: DefaultPortModel;
  1126. };
  1127. /**
  1128. * Constructs the node model
  1129. */
  1130. constructor(key: string);
  1131. prepare(options: NodeCreationOptions, nodes: Array<DefaultNodeModel>, model: DiagramModel, graphEditor: GraphEditor): void;
  1132. renderProperties(globalState: GlobalState): JSX.Element | null;
  1133. }
  1134. }
  1135. declare module "babylonjs-node-editor/globalState" {
  1136. import { NodeMaterial } from "babylonjs/Materials/Node/nodeMaterial";
  1137. import { Nullable } from "babylonjs/types";
  1138. import { Observable } from 'babylonjs/Misc/observable';
  1139. import { DefaultNodeModel } from "babylonjs-node-editor/components/diagram/defaultNodeModel";
  1140. import { LogEntry } from "babylonjs-node-editor/components/log/logComponent";
  1141. import { NodeModel } from 'storm-react-diagrams';
  1142. import { INodeLocationInfo } from "babylonjs-node-editor/nodeLocationInfo";
  1143. import { NodeMaterialBlock } from 'babylonjs/Materials/Node/nodeMaterialBlock';
  1144. export class GlobalState {
  1145. nodeMaterial: NodeMaterial;
  1146. hostElement: HTMLElement;
  1147. hostDocument: HTMLDocument;
  1148. onSelectionChangedObservable: Observable<Nullable<DefaultNodeModel>>;
  1149. onRebuildRequiredObservable: Observable<void>;
  1150. onResetRequiredObservable: Observable<Nullable<INodeLocationInfo[]>>;
  1151. onUpdateRequiredObservable: Observable<void>;
  1152. onZoomToFitRequiredObservable: Observable<void>;
  1153. onReOrganizedRequiredObservable: Observable<void>;
  1154. onLogRequiredObservable: Observable<LogEntry>;
  1155. onErrorMessageDialogRequiredObservable: Observable<string>;
  1156. onGetNodeFromBlock: (block: NodeMaterialBlock) => NodeModel;
  1157. }
  1158. }
  1159. declare module "babylonjs-node-editor/sharedComponents/popup" {
  1160. export class Popup {
  1161. static CreatePopup(title: string, windowVariableName: string, width?: number, height?: number): HTMLDivElement | null;
  1162. private static _CopyStyles;
  1163. }
  1164. }
  1165. declare module "babylonjs-node-editor/nodeEditor" {
  1166. import { NodeMaterial } from "babylonjs/Materials/Node/nodeMaterial";
  1167. /**
  1168. * Interface used to specify creation options for the node editor
  1169. */
  1170. export interface INodeEditorOptions {
  1171. nodeMaterial: NodeMaterial;
  1172. }
  1173. /**
  1174. * Class used to create a node editor
  1175. */
  1176. export class NodeEditor {
  1177. /**
  1178. * Show the node editor
  1179. * @param options defines the options to use to configure the node editor
  1180. */
  1181. static Show(options: INodeEditorOptions): void;
  1182. }
  1183. }
  1184. declare module "babylonjs-node-editor/index" {
  1185. export * from "babylonjs-node-editor/nodeEditor";
  1186. }
  1187. declare module "babylonjs-node-editor/legacy/legacy" {
  1188. export * from "babylonjs-node-editor/index";
  1189. }
  1190. declare module "babylonjs-node-editor" {
  1191. export * from "babylonjs-node-editor/legacy/legacy";
  1192. }
  1193. /// <reference types="react" />
  1194. declare module NODEEDITOR {
  1195. export class BlockTools {
  1196. 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;
  1197. static GetColorFromConnectionNodeType(type: BABYLON.NodeMaterialBlockConnectionPointTypes): string;
  1198. 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;
  1199. static GetStringFromConnectionNodeType(type: BABYLON.NodeMaterialBlockConnectionPointTypes): "Float" | "Vector2" | "Vector3" | "Vector4" | "Matrix" | "Color3" | "Color4" | "";
  1200. }
  1201. }
  1202. declare module NODEEDITOR {
  1203. export class DataStorage {
  1204. private static _InMemoryStorage;
  1205. static ReadBoolean(key: string, defaultValue: boolean): boolean;
  1206. static StoreBoolean(key: string, value: boolean): void;
  1207. static ReadNumber(key: string, defaultValue: number): number;
  1208. static StoreNumber(key: string, value: number): void;
  1209. }
  1210. }
  1211. declare module NODEEDITOR {
  1212. interface ITextLineComponentProps {
  1213. label: string;
  1214. value: string;
  1215. color?: string;
  1216. underline?: boolean;
  1217. onLink?: () => void;
  1218. }
  1219. export class TextLineComponent extends React.Component<ITextLineComponentProps> {
  1220. constructor(props: ITextLineComponentProps);
  1221. onLink(): void;
  1222. renderContent(): JSX.Element;
  1223. render(): JSX.Element;
  1224. }
  1225. }
  1226. declare module NODEEDITOR {
  1227. interface ILineContainerComponentProps {
  1228. title: string;
  1229. children: any[] | any;
  1230. closed?: boolean;
  1231. }
  1232. export class LineContainerComponent extends React.Component<ILineContainerComponentProps, {
  1233. isExpanded: boolean;
  1234. }> {
  1235. constructor(props: ILineContainerComponentProps);
  1236. switchExpandedState(): void;
  1237. renderHeader(): JSX.Element;
  1238. render(): JSX.Element;
  1239. }
  1240. }
  1241. declare module NODEEDITOR {
  1242. export class PropertyChangedEvent {
  1243. object: any;
  1244. property: string;
  1245. value: any;
  1246. initialValue: any;
  1247. }
  1248. }
  1249. declare module NODEEDITOR {
  1250. interface ITextInputLineComponentProps {
  1251. label: string;
  1252. target?: any;
  1253. propertyName?: string;
  1254. value?: string;
  1255. onChange?: (value: string) => void;
  1256. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  1257. }
  1258. export class TextInputLineComponent extends React.Component<ITextInputLineComponentProps, {
  1259. value: string;
  1260. }> {
  1261. private _localChange;
  1262. constructor(props: ITextInputLineComponentProps);
  1263. shouldComponentUpdate(nextProps: ITextInputLineComponentProps, nextState: {
  1264. value: string;
  1265. }): boolean;
  1266. raiseOnPropertyChanged(newValue: string, previousValue: string): void;
  1267. updateValue(value: string): void;
  1268. render(): JSX.Element;
  1269. }
  1270. }
  1271. declare module NODEEDITOR {
  1272. export interface ICheckBoxLineComponentProps {
  1273. label: string;
  1274. target?: any;
  1275. propertyName?: string;
  1276. isSelected?: () => boolean;
  1277. onSelect?: (value: boolean) => void;
  1278. onValueChanged?: () => void;
  1279. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  1280. }
  1281. export class CheckBoxLineComponent extends React.Component<ICheckBoxLineComponentProps, {
  1282. isSelected: boolean;
  1283. }> {
  1284. private static _UniqueIdSeed;
  1285. private _uniqueId;
  1286. private _localChange;
  1287. constructor(props: ICheckBoxLineComponentProps);
  1288. shouldComponentUpdate(nextProps: ICheckBoxLineComponentProps, nextState: {
  1289. isSelected: boolean;
  1290. }): boolean;
  1291. onChange(): void;
  1292. render(): JSX.Element;
  1293. }
  1294. }
  1295. declare module NODEEDITOR {
  1296. /**
  1297. * Generic node model which stores information about a node editor block
  1298. */
  1299. export class GenericNodeModel extends DefaultNodeModel {
  1300. /**
  1301. * BABYLON.Vector2 for the node if it exists
  1302. */
  1303. vector2: BABYLON.Nullable<BABYLON.Vector2>;
  1304. /**
  1305. * BABYLON.Vector3 for the node if it exists
  1306. */
  1307. vector3: BABYLON.Nullable<BABYLON.Vector3>;
  1308. /**
  1309. * BABYLON.Vector4 for the node if it exists
  1310. */
  1311. vector4: BABYLON.Nullable<BABYLON.Vector4>;
  1312. /**
  1313. * BABYLON.Matrix for the node if it exists
  1314. */
  1315. matrix: BABYLON.Nullable<BABYLON.Matrix>;
  1316. /**
  1317. * Constructs the node model
  1318. */
  1319. constructor();
  1320. prepare(options: NodeCreationOptions, nodes: Array<DefaultNodeModel>, model: DiagramModel, graphEditor: GraphEditor): void;
  1321. renderProperties(globalState: GlobalState): JSX.Element;
  1322. }
  1323. }
  1324. declare module NODEEDITOR {
  1325. export class AdvancedLinkModel extends DefaultLinkModel {
  1326. constructor();
  1327. }
  1328. }
  1329. declare module NODEEDITOR {
  1330. /**
  1331. * Port model
  1332. */
  1333. export class DefaultPortModel extends PortModel {
  1334. /**
  1335. * If the port is input or output
  1336. */
  1337. position: string | "input" | "output";
  1338. /**
  1339. * What the port is connected to
  1340. */
  1341. connection: BABYLON.Nullable<BABYLON.NodeMaterialConnectionPoint>;
  1342. defaultValue: any;
  1343. static idCounter: number;
  1344. constructor(name: string, type?: string);
  1345. canLinkToPort(port: DefaultPortModel): boolean;
  1346. syncWithNodeMaterialConnectionPoint(connection: BABYLON.NodeMaterialConnectionPoint): void;
  1347. getNodeModel(): DefaultNodeModel;
  1348. link(outPort: DefaultPortModel): LinkModel<import("storm-react-diagrams").LinkModelListener>;
  1349. createLinkModel(): LinkModel;
  1350. static SortInputOutput(a: BABYLON.Nullable<DefaultPortModel>, b: BABYLON.Nullable<DefaultPortModel>): {
  1351. input: DefaultPortModel;
  1352. output: DefaultPortModel;
  1353. } | null;
  1354. }
  1355. }
  1356. declare module NODEEDITOR {
  1357. export interface IDefaultPortWidgetProps extends BaseWidgetProps {
  1358. name: string;
  1359. node: NodeModel;
  1360. style: any;
  1361. }
  1362. export class DefaultPortWidget extends BaseWidget<IDefaultPortWidgetProps, PortState> {
  1363. constructor(props: IDefaultPortWidgetProps);
  1364. getClassName(): string;
  1365. render(): JSX.Element;
  1366. }
  1367. }
  1368. declare module NODEEDITOR {
  1369. export class PortHelper {
  1370. private static _GetPortTypeIndicator;
  1371. static _GetPortStyle(type: BABYLON.NodeMaterialBlockConnectionPointTypes): {
  1372. background: string;
  1373. };
  1374. static GenerateOutputPorts(node: BABYLON.Nullable<DefaultNodeModel>, ignoreLabel: boolean): JSX.Element[];
  1375. static GenerateInputPorts(node: BABYLON.Nullable<DefaultNodeModel>, includeOnly?: string[], ignoreLabel?: boolean): JSX.Element[];
  1376. }
  1377. }
  1378. declare module NODEEDITOR {
  1379. /**
  1380. * GenericNodeWidgetProps
  1381. */
  1382. export interface GenericNodeWidgetProps {
  1383. node: BABYLON.Nullable<GenericNodeModel>;
  1384. globalState: GlobalState;
  1385. }
  1386. /**
  1387. * GenericNodeWidgetState
  1388. */
  1389. export interface GenericNodeWidgetState {
  1390. }
  1391. /**
  1392. * Used to display a node block for the node editor
  1393. */
  1394. export class GenericNodeWidget extends React.Component<GenericNodeWidgetProps, GenericNodeWidgetState> {
  1395. /**
  1396. * Creates a GenericNodeWidget
  1397. * @param props
  1398. */
  1399. constructor(props: GenericNodeWidgetProps);
  1400. render(): JSX.Element;
  1401. }
  1402. }
  1403. declare module NODEEDITOR {
  1404. /**
  1405. * Node factory which creates editor nodes
  1406. */
  1407. export class GenericNodeFactory extends SRD.AbstractNodeFactory {
  1408. private _globalState;
  1409. /**
  1410. * Constructs a GenericNodeFactory
  1411. */
  1412. constructor(globalState: GlobalState);
  1413. /**
  1414. * Generates a node widget
  1415. * @param diagramEngine diagram engine
  1416. * @param node node to generate
  1417. * @returns node widget jsx
  1418. */
  1419. generateReactWidget(diagramEngine: SRD.DiagramEngine, node: GenericNodeModel): JSX.Element;
  1420. /**
  1421. * Gets a new instance of a node model
  1422. * @returns generic node model
  1423. */
  1424. getNewInstance(): GenericNodeModel;
  1425. }
  1426. }
  1427. declare module NODEEDITOR {
  1428. export interface IButtonLineComponentProps {
  1429. data: string;
  1430. }
  1431. export class DraggableLineComponent extends React.Component<IButtonLineComponentProps> {
  1432. constructor(props: IButtonLineComponentProps);
  1433. render(): JSX.Element;
  1434. }
  1435. }
  1436. declare module NODEEDITOR {
  1437. interface INodeListComponentProps {
  1438. globalState: GlobalState;
  1439. }
  1440. export class NodeListComponent extends React.Component<INodeListComponentProps> {
  1441. render(): JSX.Element;
  1442. }
  1443. }
  1444. declare module NODEEDITOR {
  1445. export interface IButtonLineComponentProps {
  1446. label: string;
  1447. onClick: () => void;
  1448. }
  1449. export class ButtonLineComponent extends React.Component<IButtonLineComponentProps> {
  1450. constructor(props: IButtonLineComponentProps);
  1451. render(): JSX.Element;
  1452. }
  1453. }
  1454. declare module NODEEDITOR {
  1455. export class StringTools {
  1456. /**
  1457. * Gets the base math type of node material block connection point.
  1458. * @param type Type to parse.
  1459. */
  1460. static GetBaseType(type: BABYLON.NodeMaterialBlockConnectionPointTypes): string;
  1461. /**
  1462. * Download a string into a file that will be saved locally by the browser
  1463. * @param content defines the string to download locally as a file
  1464. */
  1465. static DownloadAsFile(content: string, filename: string): void;
  1466. }
  1467. }
  1468. declare module NODEEDITOR {
  1469. interface IFileButtonLineComponentProps {
  1470. label: string;
  1471. onClick: (file: File) => void;
  1472. accept: string;
  1473. }
  1474. export class FileButtonLineComponent extends React.Component<IFileButtonLineComponentProps> {
  1475. constructor(props: IFileButtonLineComponentProps);
  1476. onChange(evt: any): void;
  1477. render(): JSX.Element;
  1478. }
  1479. }
  1480. declare module NODEEDITOR {
  1481. export interface INodeLocationInfo {
  1482. blockId: number;
  1483. x: number;
  1484. y: number;
  1485. }
  1486. }
  1487. declare module NODEEDITOR {
  1488. interface IPropertyTabComponentProps {
  1489. globalState: GlobalState;
  1490. }
  1491. export class PropertyTabComponent extends React.Component<IPropertyTabComponentProps, {
  1492. currentNode: BABYLON.Nullable<DefaultNodeModel>;
  1493. }> {
  1494. constructor(props: IPropertyTabComponentProps);
  1495. componentWillMount(): void;
  1496. load(file: File): void;
  1497. save(): void;
  1498. render(): JSX.Element;
  1499. }
  1500. }
  1501. declare module NODEEDITOR {
  1502. interface IPortalProps {
  1503. globalState: GlobalState;
  1504. }
  1505. export class Portal extends React.Component<IPortalProps> {
  1506. render(): React.ReactPortal;
  1507. }
  1508. }
  1509. declare module NODEEDITOR {
  1510. interface ITexturePropertyTabComponentProps {
  1511. globalState: GlobalState;
  1512. node: TextureNodeModel;
  1513. }
  1514. export class TexturePropertyTabComponent extends React.Component<ITexturePropertyTabComponentProps> {
  1515. updateAftertextureLoad(): void;
  1516. /**
  1517. * Replaces the texture of the node
  1518. * @param file the file of the texture to use
  1519. */
  1520. replaceTexture(file: File): void;
  1521. render(): JSX.Element;
  1522. }
  1523. }
  1524. declare module NODEEDITOR {
  1525. /**
  1526. * Texture node model which stores information about a node editor block
  1527. */
  1528. export class TextureNodeModel extends DefaultNodeModel {
  1529. private _block;
  1530. /**
  1531. * Texture for the node if it exists
  1532. */
  1533. texture: BABYLON.Nullable<BABYLON.BaseTexture>;
  1534. /**
  1535. * Constructs the node model
  1536. */
  1537. constructor();
  1538. renderProperties(globalState: GlobalState): JSX.Element;
  1539. prepare(options: NodeCreationOptions, nodes: Array<DefaultNodeModel>, model: DiagramModel, graphEditor: GraphEditor): void;
  1540. }
  1541. }
  1542. declare module NODEEDITOR {
  1543. interface ITextureLineComponentProps {
  1544. texture: BABYLON.BaseTexture;
  1545. width: number;
  1546. height: number;
  1547. globalState?: any;
  1548. hideChannelSelect?: boolean;
  1549. }
  1550. export class TextureLineComponent extends React.Component<ITextureLineComponentProps, {
  1551. displayRed: boolean;
  1552. displayGreen: boolean;
  1553. displayBlue: boolean;
  1554. displayAlpha: boolean;
  1555. face: number;
  1556. }> {
  1557. constructor(props: ITextureLineComponentProps);
  1558. shouldComponentUpdate(nextProps: ITextureLineComponentProps, nextState: {
  1559. displayRed: boolean;
  1560. displayGreen: boolean;
  1561. displayBlue: boolean;
  1562. displayAlpha: boolean;
  1563. face: number;
  1564. }): boolean;
  1565. componentDidMount(): void;
  1566. componentDidUpdate(): void;
  1567. updatePreview(): void;
  1568. render(): JSX.Element;
  1569. }
  1570. }
  1571. declare module NODEEDITOR {
  1572. /**
  1573. * GenericNodeWidgetProps
  1574. */
  1575. export interface ITextureNodeWidgetProps {
  1576. node: BABYLON.Nullable<TextureNodeModel>;
  1577. globalState: GlobalState;
  1578. }
  1579. /**
  1580. * Used to display a node block for the node editor
  1581. */
  1582. export class TextureNodeWidget extends React.Component<ITextureNodeWidgetProps> {
  1583. /**
  1584. * Creates a GenericNodeWidget
  1585. * @param props
  1586. */
  1587. constructor(props: ITextureNodeWidgetProps);
  1588. render(): JSX.Element;
  1589. }
  1590. }
  1591. declare module NODEEDITOR {
  1592. /**
  1593. * Node factory which creates editor nodes
  1594. */
  1595. export class TextureNodeFactory extends SRD.AbstractNodeFactory {
  1596. private _globalState;
  1597. /**
  1598. * Constructs a TextureNodeFactory
  1599. */
  1600. constructor(globalState: GlobalState);
  1601. /**
  1602. * Generates a node widget
  1603. * @param diagramEngine diagram engine
  1604. * @param node node to generate
  1605. * @returns node widget jsx
  1606. */
  1607. generateReactWidget(diagramEngine: SRD.DiagramEngine, node: TextureNodeModel): JSX.Element;
  1608. /**
  1609. * Gets a new instance of a node model
  1610. * @returns texture node model
  1611. */
  1612. getNewInstance(): TextureNodeModel;
  1613. }
  1614. }
  1615. declare module NODEEDITOR {
  1616. interface INumericInputComponentProps {
  1617. label: string;
  1618. value: number;
  1619. step?: number;
  1620. onChange: (value: number) => void;
  1621. }
  1622. export class NumericInputComponent extends React.Component<INumericInputComponentProps, {
  1623. value: string;
  1624. }> {
  1625. static defaultProps: {
  1626. step: number;
  1627. };
  1628. private _localChange;
  1629. constructor(props: INumericInputComponentProps);
  1630. shouldComponentUpdate(nextProps: INumericInputComponentProps, nextState: {
  1631. value: string;
  1632. }): boolean;
  1633. updateValue(evt: any): void;
  1634. render(): JSX.Element;
  1635. }
  1636. }
  1637. declare module NODEEDITOR {
  1638. interface IVector2LineComponentProps {
  1639. label: string;
  1640. target: any;
  1641. propertyName: string;
  1642. step?: number;
  1643. onChange?: (newvalue: BABYLON.Vector2) => void;
  1644. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  1645. }
  1646. export class Vector2LineComponent extends React.Component<IVector2LineComponentProps, {
  1647. isExpanded: boolean;
  1648. value: BABYLON.Vector2;
  1649. }> {
  1650. static defaultProps: {
  1651. step: number;
  1652. };
  1653. private _localChange;
  1654. constructor(props: IVector2LineComponentProps);
  1655. shouldComponentUpdate(nextProps: IVector2LineComponentProps, nextState: {
  1656. isExpanded: boolean;
  1657. value: BABYLON.Vector2;
  1658. }): boolean;
  1659. switchExpandState(): void;
  1660. raiseOnPropertyChanged(previousValue: BABYLON.Vector2): void;
  1661. updateStateX(value: number): void;
  1662. updateStateY(value: number): void;
  1663. render(): JSX.Element;
  1664. }
  1665. }
  1666. declare module NODEEDITOR {
  1667. interface IVector2PropertyTabComponentProps {
  1668. globalState: GlobalState;
  1669. inputBlock: BABYLON.InputBlock;
  1670. }
  1671. export class Vector2PropertyTabComponent extends React.Component<IVector2PropertyTabComponentProps> {
  1672. render(): JSX.Element;
  1673. }
  1674. }
  1675. declare module NODEEDITOR {
  1676. interface IVector3LineComponentProps {
  1677. label: string;
  1678. target: any;
  1679. propertyName: string;
  1680. step?: number;
  1681. onChange?: (newvalue: BABYLON.Vector3) => void;
  1682. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  1683. }
  1684. export class Vector3LineComponent extends React.Component<IVector3LineComponentProps, {
  1685. isExpanded: boolean;
  1686. value: BABYLON.Vector3;
  1687. }> {
  1688. static defaultProps: {
  1689. step: number;
  1690. };
  1691. private _localChange;
  1692. constructor(props: IVector3LineComponentProps);
  1693. shouldComponentUpdate(nextProps: IVector3LineComponentProps, nextState: {
  1694. isExpanded: boolean;
  1695. value: BABYLON.Vector3;
  1696. }): boolean;
  1697. switchExpandState(): void;
  1698. raiseOnPropertyChanged(previousValue: BABYLON.Vector3): void;
  1699. updateVector3(): void;
  1700. updateStateX(value: number): void;
  1701. updateStateY(value: number): void;
  1702. updateStateZ(value: number): void;
  1703. render(): JSX.Element;
  1704. }
  1705. }
  1706. declare module NODEEDITOR {
  1707. interface IVector3PropertyTabComponentProps {
  1708. globalState: GlobalState;
  1709. inputBlock: BABYLON.InputBlock;
  1710. }
  1711. export class Vector3PropertyTabComponent extends React.Component<IVector3PropertyTabComponentProps> {
  1712. render(): JSX.Element;
  1713. }
  1714. }
  1715. declare module NODEEDITOR {
  1716. class ListLineOption {
  1717. label: string;
  1718. value: number | string;
  1719. }
  1720. interface IOptionsLineComponentProps {
  1721. label: string;
  1722. target: any;
  1723. propertyName: string;
  1724. options: ListLineOption[];
  1725. noDirectUpdate?: boolean;
  1726. onSelect?: (value: number | string) => void;
  1727. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  1728. valuesAreStrings?: boolean;
  1729. defaultIfNull?: number;
  1730. }
  1731. export class OptionsLineComponent extends React.Component<IOptionsLineComponentProps, {
  1732. value: number | string;
  1733. }> {
  1734. private _localChange;
  1735. private _getValue;
  1736. constructor(props: IOptionsLineComponentProps);
  1737. shouldComponentUpdate(nextProps: IOptionsLineComponentProps, nextState: {
  1738. value: number;
  1739. }): boolean;
  1740. raiseOnPropertyChanged(newValue: number | string, previousValue: number | string): void;
  1741. updateValue(valueString: string): void;
  1742. render(): JSX.Element;
  1743. }
  1744. }
  1745. declare module NODEEDITOR {
  1746. export interface IColor3LineComponentProps {
  1747. label: string;
  1748. target: any;
  1749. propertyName: string;
  1750. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  1751. onChange?: () => void;
  1752. }
  1753. export class Color3LineComponent extends React.Component<IColor3LineComponentProps, {
  1754. isExpanded: boolean;
  1755. color: BABYLON.Color3;
  1756. }> {
  1757. private _localChange;
  1758. constructor(props: IColor3LineComponentProps);
  1759. shouldComponentUpdate(nextProps: IColor3LineComponentProps, nextState: {
  1760. color: BABYLON.Color3;
  1761. }): boolean;
  1762. onChange(newValue: string): void;
  1763. switchExpandState(): void;
  1764. raiseOnPropertyChanged(previousValue: BABYLON.Color3): void;
  1765. updateStateR(value: number): void;
  1766. updateStateG(value: number): void;
  1767. updateStateB(value: number): void;
  1768. copyToClipboard(): void;
  1769. render(): JSX.Element;
  1770. }
  1771. }
  1772. declare module NODEEDITOR {
  1773. interface IColor3PropertyTabComponentProps {
  1774. globalState: GlobalState;
  1775. inputBlock: BABYLON.InputBlock;
  1776. }
  1777. export class Color3PropertyTabComponent extends React.Component<IColor3PropertyTabComponentProps> {
  1778. render(): JSX.Element;
  1779. }
  1780. }
  1781. declare module NODEEDITOR {
  1782. interface IFloatLineComponentProps {
  1783. label: string;
  1784. target: any;
  1785. propertyName: string;
  1786. onChange?: (newValue: number) => void;
  1787. isInteger?: boolean;
  1788. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  1789. additionalClass?: string;
  1790. step?: string;
  1791. digits?: number;
  1792. }
  1793. export class FloatLineComponent extends React.Component<IFloatLineComponentProps, {
  1794. value: string;
  1795. }> {
  1796. private _localChange;
  1797. private _store;
  1798. constructor(props: IFloatLineComponentProps);
  1799. shouldComponentUpdate(nextProps: IFloatLineComponentProps, nextState: {
  1800. value: string;
  1801. }): boolean;
  1802. raiseOnPropertyChanged(newValue: number, previousValue: number): void;
  1803. updateValue(valueString: string): void;
  1804. render(): JSX.Element;
  1805. }
  1806. }
  1807. declare module NODEEDITOR {
  1808. interface IFloatPropertyTabComponentProps {
  1809. globalState: GlobalState;
  1810. inputBlock: BABYLON.InputBlock;
  1811. }
  1812. export class FloatPropertyTabComponent extends React.Component<IFloatPropertyTabComponentProps> {
  1813. render(): JSX.Element;
  1814. }
  1815. }
  1816. declare module NODEEDITOR {
  1817. interface IInputPropertyTabComponentProps {
  1818. globalState: GlobalState;
  1819. inputNode: InputNodeModel;
  1820. }
  1821. export class InputPropertyTabComponentProps extends React.Component<IInputPropertyTabComponentProps> {
  1822. constructor(props: IInputPropertyTabComponentProps);
  1823. renderValue(globalState: GlobalState): JSX.Element | null;
  1824. setDefaultValue(): void;
  1825. render(): JSX.Element;
  1826. }
  1827. }
  1828. declare module NODEEDITOR {
  1829. /**
  1830. * Generic node model which stores information about a node editor block
  1831. */
  1832. export class InputNodeModel extends DefaultNodeModel {
  1833. readonly inputBlock: BABYLON.InputBlock;
  1834. /**
  1835. * Constructs the node model
  1836. */
  1837. constructor();
  1838. renderProperties(globalState: GlobalState): JSX.Element;
  1839. }
  1840. }
  1841. declare module NODEEDITOR {
  1842. /**
  1843. * GenericNodeWidgetProps
  1844. */
  1845. export interface InputNodeWidgetProps {
  1846. node: BABYLON.Nullable<InputNodeModel>;
  1847. globalState: GlobalState;
  1848. }
  1849. /**
  1850. * Used to display a node block for the node editor
  1851. */
  1852. export class InputNodeWidget extends React.Component<InputNodeWidgetProps> {
  1853. /**
  1854. * Creates a GenericNodeWidget
  1855. * @param props
  1856. */
  1857. constructor(props: InputNodeWidgetProps);
  1858. renderValue(value: string): JSX.Element | null;
  1859. render(): JSX.Element | null;
  1860. }
  1861. }
  1862. declare module NODEEDITOR {
  1863. /**
  1864. * Node factory which creates editor nodes
  1865. */
  1866. export class InputNodeFactory extends SRD.AbstractNodeFactory {
  1867. private _globalState;
  1868. /**
  1869. * Constructs a GenericNodeFactory
  1870. */
  1871. constructor(globalState: GlobalState);
  1872. /**
  1873. * Generates a node widget
  1874. * @param diagramEngine diagram engine
  1875. * @param node node to generate
  1876. * @returns node widget jsx
  1877. */
  1878. generateReactWidget(diagramEngine: SRD.DiagramEngine, node: InputNodeModel): JSX.Element;
  1879. /**
  1880. * Gets a new instance of a node model
  1881. * @returns input node model
  1882. */
  1883. getNewInstance(): InputNodeModel;
  1884. }
  1885. }
  1886. declare module NODEEDITOR {
  1887. interface ILogComponentProps {
  1888. globalState: GlobalState;
  1889. }
  1890. export class LogEntry {
  1891. message: string;
  1892. isError: boolean;
  1893. constructor(message: string, isError: boolean);
  1894. }
  1895. export class LogComponent extends React.Component<ILogComponentProps, {
  1896. logs: LogEntry[];
  1897. }> {
  1898. constructor(props: ILogComponentProps);
  1899. componentWillMount(): void;
  1900. componentDidUpdate(): void;
  1901. render(): JSX.Element;
  1902. }
  1903. }
  1904. declare module NODEEDITOR {
  1905. interface ILightPropertyTabComponentProps {
  1906. globalState: GlobalState;
  1907. node: LightNodeModel;
  1908. }
  1909. export class LightPropertyTabComponent extends React.Component<ILightPropertyTabComponentProps> {
  1910. render(): JSX.Element;
  1911. }
  1912. }
  1913. declare module NODEEDITOR {
  1914. /**
  1915. * BABYLON.Light node model which stores information about a node editor block
  1916. */
  1917. export class LightNodeModel extends DefaultNodeModel {
  1918. private _block;
  1919. /**
  1920. * BABYLON.Light for the node if it exists
  1921. */
  1922. light: BABYLON.Nullable<BABYLON.Light>;
  1923. /**
  1924. * Constructs the node model
  1925. */
  1926. constructor();
  1927. renderProperties(globalState: GlobalState): JSX.Element;
  1928. prepare(options: NodeCreationOptions, nodes: Array<DefaultNodeModel>, model: DiagramModel, graphEditor: GraphEditor): void;
  1929. }
  1930. }
  1931. declare module NODEEDITOR {
  1932. /**
  1933. * GenericNodeWidgetProps
  1934. */
  1935. export interface ILightNodeWidgetProps {
  1936. node: BABYLON.Nullable<LightNodeModel>;
  1937. globalState: GlobalState;
  1938. }
  1939. /**
  1940. * Used to display a node block for the node editor
  1941. */
  1942. export class LightNodeWidget extends React.Component<ILightNodeWidgetProps> {
  1943. /**
  1944. * Creates a GenericNodeWidget
  1945. * @param props
  1946. */
  1947. constructor(props: ILightNodeWidgetProps);
  1948. render(): JSX.Element;
  1949. }
  1950. }
  1951. declare module NODEEDITOR {
  1952. /**
  1953. * Node factory which creates editor nodes
  1954. */
  1955. export class LightNodeFactory extends SRD.AbstractNodeFactory {
  1956. private _globalState;
  1957. /**
  1958. * Constructs a LightNodeFactory
  1959. */
  1960. constructor(globalState: GlobalState);
  1961. /**
  1962. * Generates a node widget
  1963. * @param diagramEngine diagram engine
  1964. * @param node node to generate
  1965. * @returns node widget jsx
  1966. */
  1967. generateReactWidget(diagramEngine: SRD.DiagramEngine, node: LightNodeModel): JSX.Element;
  1968. /**
  1969. * Gets a new instance of a node model
  1970. * @returns light node model
  1971. */
  1972. getNewInstance(): LightNodeModel;
  1973. }
  1974. }
  1975. declare module NODEEDITOR {
  1976. interface IMessageDialogComponentProps {
  1977. globalState: GlobalState;
  1978. }
  1979. export class MessageDialogComponent extends React.Component<IMessageDialogComponentProps, {
  1980. message: string;
  1981. isError: boolean;
  1982. }> {
  1983. constructor(props: IMessageDialogComponentProps);
  1984. render(): JSX.Element | null;
  1985. }
  1986. }
  1987. declare module NODEEDITOR {
  1988. export class AdvancedLinkFactory extends DefaultLinkFactory {
  1989. constructor();
  1990. getNewInstance(initialConfig?: any): AdvancedLinkModel;
  1991. generateLinkSegment(model: AdvancedLinkModel, widget: DefaultLinkWidget, selected: boolean, path: string): JSX.Element;
  1992. }
  1993. }
  1994. declare module NODEEDITOR {
  1995. interface IRemapPropertyTabComponentProps {
  1996. globalState: GlobalState;
  1997. remapNode: RemapNodeModel;
  1998. }
  1999. export class RemapPropertyTabComponentProps extends React.Component<IRemapPropertyTabComponentProps> {
  2000. constructor(props: IRemapPropertyTabComponentProps);
  2001. forceRebuild(): void;
  2002. render(): JSX.Element;
  2003. }
  2004. }
  2005. declare module NODEEDITOR {
  2006. /**
  2007. * Generic node model which stores information about a node editor block
  2008. */
  2009. export class RemapNodeModel extends DefaultNodeModel {
  2010. readonly remapBlock: BABYLON.RemapBlock;
  2011. /**
  2012. * Constructs the node model
  2013. */
  2014. constructor();
  2015. renderProperties(globalState: GlobalState): JSX.Element;
  2016. }
  2017. }
  2018. declare module NODEEDITOR {
  2019. /**
  2020. * RemapNodeWidgetProps
  2021. */
  2022. export interface RemapNodeWidgetProps {
  2023. node: BABYLON.Nullable<RemapNodeModel>;
  2024. globalState: GlobalState;
  2025. }
  2026. /**
  2027. * Used to display a node block for the node editor
  2028. */
  2029. export class RemapNodeWidget extends React.Component<RemapNodeWidgetProps> {
  2030. /**
  2031. * Creates a GenericNodeWidget
  2032. * @param props
  2033. */
  2034. constructor(props: RemapNodeWidgetProps);
  2035. renderValue(value: string): JSX.Element | null;
  2036. render(): JSX.Element;
  2037. }
  2038. }
  2039. declare module NODEEDITOR {
  2040. /**
  2041. * Node factory which creates editor nodes
  2042. */
  2043. export class RemapNodeFactory extends SRD.AbstractNodeFactory {
  2044. private _globalState;
  2045. /**
  2046. * Constructs a GenericNodeFactory
  2047. */
  2048. constructor(globalState: GlobalState);
  2049. /**
  2050. * Generates a node widget
  2051. * @param diagramEngine diagram engine
  2052. * @param node node to generate
  2053. * @returns node widget jsx
  2054. */
  2055. generateReactWidget(diagramEngine: SRD.DiagramEngine, node: RemapNodeModel): JSX.Element;
  2056. /**
  2057. * Gets a new instance of a node model
  2058. * @returns input node model
  2059. */
  2060. getNewInstance(): RemapNodeModel;
  2061. }
  2062. }
  2063. declare module NODEEDITOR {
  2064. export class GraphHelper {
  2065. static DistributeGraph(model: DiagramModel): dagre.Node[];
  2066. private static _MapElements;
  2067. private static _MapEdges;
  2068. }
  2069. }
  2070. declare module NODEEDITOR {
  2071. export class PreviewManager {
  2072. private _nodeMaterial;
  2073. private _onBuildObserver;
  2074. private _engine;
  2075. private _scene;
  2076. private _light;
  2077. private _dummySphere;
  2078. private _camera;
  2079. private _material;
  2080. constructor(targetCanvas: HTMLCanvasElement, globalState: GlobalState);
  2081. private _updatePreview;
  2082. dispose(): void;
  2083. }
  2084. }
  2085. declare module NODEEDITOR {
  2086. interface IGraphEditorProps {
  2087. globalState: GlobalState;
  2088. }
  2089. export class NodeCreationOptions {
  2090. nodeMaterialBlock: BABYLON.NodeMaterialBlock;
  2091. type?: string;
  2092. connection?: BABYLON.NodeMaterialConnectionPoint;
  2093. }
  2094. export class GraphEditor extends React.Component<IGraphEditorProps> {
  2095. private readonly NodeWidth;
  2096. private _engine;
  2097. private _model;
  2098. private _startX;
  2099. private _moveInProgress;
  2100. private _leftWidth;
  2101. private _rightWidth;
  2102. private _nodes;
  2103. private _blocks;
  2104. private _previewManager;
  2105. /** @hidden */
  2106. _toAdd: LinkModel[] | null;
  2107. /**
  2108. * Creates a node and recursivly creates its parent nodes from it's input
  2109. * @param nodeMaterialBlock
  2110. */
  2111. createNodeFromObject(options: NodeCreationOptions): DefaultNodeModel;
  2112. addValueNode(type: string): DefaultNodeModel;
  2113. componentDidMount(): void;
  2114. componentWillUnmount(): void;
  2115. constructor(props: IGraphEditorProps);
  2116. zoomToFit(retry?: number): void;
  2117. buildMaterial(): void;
  2118. build(needToWait?: boolean, locations?: BABYLON.Nullable<INodeLocationInfo[]>): void;
  2119. reOrganize(locations?: BABYLON.Nullable<INodeLocationInfo[]>): void;
  2120. onPointerDown(evt: React.PointerEvent<HTMLDivElement>): void;
  2121. onPointerUp(evt: React.PointerEvent<HTMLDivElement>): void;
  2122. resizeColumns(evt: React.PointerEvent<HTMLDivElement>, forLeft?: boolean): void;
  2123. buildColumnLayout(): string;
  2124. emitNewBlock(event: React.DragEvent<HTMLDivElement>): void;
  2125. render(): JSX.Element;
  2126. }
  2127. }
  2128. declare module NODEEDITOR {
  2129. /**
  2130. * Generic node model which stores information about a node editor block
  2131. */
  2132. export class DefaultNodeModel extends NodeModel {
  2133. /**
  2134. * The babylon block this node represents
  2135. */
  2136. block: BABYLON.Nullable<BABYLON.NodeMaterialBlock>;
  2137. ports: {
  2138. [s: string]: DefaultPortModel;
  2139. };
  2140. /**
  2141. * Constructs the node model
  2142. */
  2143. constructor(key: string);
  2144. prepare(options: NodeCreationOptions, nodes: Array<DefaultNodeModel>, model: DiagramModel, graphEditor: GraphEditor): void;
  2145. renderProperties(globalState: GlobalState): JSX.Element | null;
  2146. }
  2147. }
  2148. declare module NODEEDITOR {
  2149. export class GlobalState {
  2150. nodeMaterial: BABYLON.NodeMaterial;
  2151. hostElement: HTMLElement;
  2152. hostDocument: HTMLDocument;
  2153. onSelectionChangedObservable: BABYLON.Observable<BABYLON.Nullable<DefaultNodeModel>>;
  2154. onRebuildRequiredObservable: BABYLON.Observable<void>;
  2155. onResetRequiredObservable: BABYLON.Observable<BABYLON.Nullable<INodeLocationInfo[]>>;
  2156. onUpdateRequiredObservable: BABYLON.Observable<void>;
  2157. onZoomToFitRequiredObservable: BABYLON.Observable<void>;
  2158. onReOrganizedRequiredObservable: BABYLON.Observable<void>;
  2159. onLogRequiredObservable: BABYLON.Observable<LogEntry>;
  2160. onErrorMessageDialogRequiredObservable: BABYLON.Observable<string>;
  2161. onGetNodeFromBlock: (block: BABYLON.NodeMaterialBlock) => NodeModel;
  2162. }
  2163. }
  2164. declare module NODEEDITOR {
  2165. export class Popup {
  2166. static CreatePopup(title: string, windowVariableName: string, width?: number, height?: number): HTMLDivElement | null;
  2167. private static _CopyStyles;
  2168. }
  2169. }
  2170. declare module NODEEDITOR {
  2171. /**
  2172. * Interface used to specify creation options for the node editor
  2173. */
  2174. export interface INodeEditorOptions {
  2175. nodeMaterial: BABYLON.NodeMaterial;
  2176. }
  2177. /**
  2178. * Class used to create a node editor
  2179. */
  2180. export class NodeEditor {
  2181. /**
  2182. * Show the node editor
  2183. * @param options defines the options to use to configure the node editor
  2184. */
  2185. static Show(options: INodeEditorOptions): void;
  2186. }
  2187. }