babylon.nodeEditor.d.ts 46 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314
  1. /// <reference types="react" />
  2. declare module NODEEDITOR {
  3. export class BlockTools {
  4. 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.ReflectionTextureBlock | BABYLON.LightBlock | BABYLON.FogBlock | BABYLON.VertexOutputBlock | BABYLON.FragmentOutputBlock | BABYLON.AddBlock | BABYLON.ClampBlock | BABYLON.ScaleBlock | BABYLON.CrossBlock | BABYLON.DotBlock | BABYLON.MultiplyBlock | BABYLON.TransformBlock | BABYLON.TrigonometryBlock | BABYLON.RemapBlock | BABYLON.NormalizeBlock | BABYLON.FresnelBlock | BABYLON.LerpBlock | BABYLON.DivideBlock | BABYLON.SubtractBlock | BABYLON.StepBlock | BABYLON.OneMinusBlock | BABYLON.ViewDirectionBlock | BABYLON.LightInformationBlock | BABYLON.MaxBlock | BABYLON.MinBlock | BABYLON.PerturbNormalBlock | BABYLON.InputBlock | null;
  5. static GetColorFromConnectionNodeType(type: BABYLON.NodeMaterialBlockConnectionPointTypes): string;
  6. 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;
  7. static GetStringFromConnectionNodeType(type: BABYLON.NodeMaterialBlockConnectionPointTypes): "Float" | "Vector2" | "Vector3" | "Vector4" | "Matrix" | "Color3" | "Color4" | "";
  8. }
  9. }
  10. declare module NODEEDITOR {
  11. export class DataStorage {
  12. private static _InMemoryStorage;
  13. static ReadBoolean(key: string, defaultValue: boolean): boolean;
  14. static StoreBoolean(key: string, value: boolean): void;
  15. static ReadNumber(key: string, defaultValue: number): number;
  16. static StoreNumber(key: string, value: number): void;
  17. }
  18. }
  19. declare module NODEEDITOR {
  20. interface ITextLineComponentProps {
  21. label: string;
  22. value: string;
  23. color?: string;
  24. underline?: boolean;
  25. onLink?: () => void;
  26. }
  27. export class TextLineComponent extends React.Component<ITextLineComponentProps> {
  28. constructor(props: ITextLineComponentProps);
  29. onLink(): void;
  30. renderContent(): JSX.Element;
  31. render(): JSX.Element;
  32. }
  33. }
  34. declare module NODEEDITOR {
  35. interface ILineContainerComponentProps {
  36. title: string;
  37. children: any[] | any;
  38. closed?: boolean;
  39. }
  40. export class LineContainerComponent extends React.Component<ILineContainerComponentProps, {
  41. isExpanded: boolean;
  42. }> {
  43. constructor(props: ILineContainerComponentProps);
  44. switchExpandedState(): void;
  45. renderHeader(): JSX.Element;
  46. render(): JSX.Element;
  47. }
  48. }
  49. declare module NODEEDITOR {
  50. export class PropertyChangedEvent {
  51. object: any;
  52. property: string;
  53. value: any;
  54. initialValue: any;
  55. }
  56. }
  57. declare module NODEEDITOR {
  58. interface ITextInputLineComponentProps {
  59. label: string;
  60. globalState: GlobalState;
  61. target?: any;
  62. propertyName?: string;
  63. value?: string;
  64. onChange?: (value: string) => void;
  65. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  66. }
  67. export class TextInputLineComponent extends React.Component<ITextInputLineComponentProps, {
  68. value: string;
  69. }> {
  70. private _localChange;
  71. constructor(props: ITextInputLineComponentProps);
  72. shouldComponentUpdate(nextProps: ITextInputLineComponentProps, nextState: {
  73. value: string;
  74. }): boolean;
  75. raiseOnPropertyChanged(newValue: string, previousValue: string): void;
  76. updateValue(value: string, raisePropertyChanged: boolean): void;
  77. render(): JSX.Element;
  78. }
  79. }
  80. declare module NODEEDITOR {
  81. export interface ICheckBoxLineComponentProps {
  82. label: string;
  83. target?: any;
  84. propertyName?: string;
  85. isSelected?: () => boolean;
  86. onSelect?: (value: boolean) => void;
  87. onValueChanged?: () => void;
  88. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  89. }
  90. export class CheckBoxLineComponent extends React.Component<ICheckBoxLineComponentProps, {
  91. isSelected: boolean;
  92. }> {
  93. private static _UniqueIdSeed;
  94. private _uniqueId;
  95. private _localChange;
  96. constructor(props: ICheckBoxLineComponentProps);
  97. shouldComponentUpdate(nextProps: ICheckBoxLineComponentProps, nextState: {
  98. isSelected: boolean;
  99. }): boolean;
  100. onChange(): void;
  101. render(): JSX.Element;
  102. }
  103. }
  104. declare module NODEEDITOR {
  105. /**
  106. * Generic node model which stores information about a node editor block
  107. */
  108. export class GenericNodeModel extends DefaultNodeModel {
  109. /**
  110. * BABYLON.Vector2 for the node if it exists
  111. */
  112. vector2: BABYLON.Nullable<BABYLON.Vector2>;
  113. /**
  114. * BABYLON.Vector3 for the node if it exists
  115. */
  116. vector3: BABYLON.Nullable<BABYLON.Vector3>;
  117. /**
  118. * BABYLON.Vector4 for the node if it exists
  119. */
  120. vector4: BABYLON.Nullable<BABYLON.Vector4>;
  121. /**
  122. * BABYLON.Matrix for the node if it exists
  123. */
  124. matrix: BABYLON.Nullable<BABYLON.Matrix>;
  125. /**
  126. * Constructs the node model
  127. */
  128. constructor();
  129. prepare(options: NodeCreationOptions, nodes: Array<DefaultNodeModel>, model: DiagramModel, graphEditor: GraphEditor): void;
  130. renderProperties(globalState: GlobalState): JSX.Element;
  131. }
  132. }
  133. declare module NODEEDITOR {
  134. export class AdvancedLinkModel extends DefaultLinkModel {
  135. constructor();
  136. }
  137. }
  138. declare module NODEEDITOR {
  139. /**
  140. * Port model
  141. */
  142. export class DefaultPortModel extends PortModel {
  143. /**
  144. * If the port is input or output
  145. */
  146. position: string | "input" | "output";
  147. /**
  148. * What the port is connected to
  149. */
  150. connection: BABYLON.Nullable<BABYLON.NodeMaterialConnectionPoint>;
  151. defaultValue: any;
  152. static idCounter: number;
  153. constructor(name: string, type?: string);
  154. canLinkToPort(port: DefaultPortModel): boolean;
  155. syncWithNodeMaterialConnectionPoint(connection: BABYLON.NodeMaterialConnectionPoint): void;
  156. getNodeModel(): DefaultNodeModel;
  157. link(outPort: DefaultPortModel): LinkModel<import("storm-react-diagrams").LinkModelListener>;
  158. createLinkModel(): LinkModel;
  159. static SortInputOutput(a: BABYLON.Nullable<DefaultPortModel>, b: BABYLON.Nullable<DefaultPortModel>): {
  160. input: DefaultPortModel;
  161. output: DefaultPortModel;
  162. } | null;
  163. }
  164. }
  165. declare module NODEEDITOR {
  166. export interface IDefaultPortWidgetProps extends BaseWidgetProps {
  167. name: string;
  168. node: NodeModel;
  169. style: any;
  170. }
  171. export class DefaultPortWidget extends BaseWidget<IDefaultPortWidgetProps, PortState> {
  172. constructor(props: IDefaultPortWidgetProps);
  173. getClassName(): string;
  174. render(): JSX.Element;
  175. }
  176. }
  177. declare module NODEEDITOR {
  178. export class PortHelper {
  179. private static _GetPortTypeIndicator;
  180. static _GetPortStyle(type: BABYLON.NodeMaterialBlockConnectionPointTypes): {
  181. background: string;
  182. };
  183. static GenerateOutputPorts(node: BABYLON.Nullable<DefaultNodeModel>, ignoreLabel: boolean): JSX.Element[];
  184. static GenerateInputPorts(node: BABYLON.Nullable<DefaultNodeModel>, includeOnly?: string[], ignoreLabel?: boolean): JSX.Element[];
  185. }
  186. }
  187. declare module NODEEDITOR {
  188. /**
  189. * GenericNodeWidgetProps
  190. */
  191. export interface GenericNodeWidgetProps {
  192. node: BABYLON.Nullable<GenericNodeModel>;
  193. globalState: GlobalState;
  194. }
  195. /**
  196. * GenericNodeWidgetState
  197. */
  198. export interface GenericNodeWidgetState {
  199. }
  200. /**
  201. * Used to display a node block for the node editor
  202. */
  203. export class GenericNodeWidget extends React.Component<GenericNodeWidgetProps, GenericNodeWidgetState> {
  204. /**
  205. * Creates a GenericNodeWidget
  206. * @param props
  207. */
  208. constructor(props: GenericNodeWidgetProps);
  209. render(): JSX.Element;
  210. }
  211. }
  212. declare module NODEEDITOR {
  213. /**
  214. * Node factory which creates editor nodes
  215. */
  216. export class GenericNodeFactory extends SRD.AbstractNodeFactory {
  217. private _globalState;
  218. /**
  219. * Constructs a GenericNodeFactory
  220. */
  221. constructor(globalState: GlobalState);
  222. /**
  223. * Generates a node widget
  224. * @param diagramEngine diagram engine
  225. * @param node node to generate
  226. * @returns node widget jsx
  227. */
  228. generateReactWidget(diagramEngine: SRD.DiagramEngine, node: GenericNodeModel): JSX.Element;
  229. /**
  230. * Gets a new instance of a node model
  231. * @returns generic node model
  232. */
  233. getNewInstance(): GenericNodeModel;
  234. }
  235. }
  236. declare module NODEEDITOR {
  237. export interface IButtonLineComponentProps {
  238. data: string;
  239. }
  240. export class DraggableLineComponent extends React.Component<IButtonLineComponentProps> {
  241. constructor(props: IButtonLineComponentProps);
  242. render(): JSX.Element;
  243. }
  244. }
  245. declare module NODEEDITOR {
  246. interface INodeListComponentProps {
  247. globalState: GlobalState;
  248. }
  249. export class NodeListComponent extends React.Component<INodeListComponentProps, {
  250. filter: string;
  251. }> {
  252. constructor(props: INodeListComponentProps);
  253. filterContent(filter: string): void;
  254. render(): JSX.Element;
  255. }
  256. }
  257. declare module NODEEDITOR {
  258. export interface IButtonLineComponentProps {
  259. label: string;
  260. onClick: () => void;
  261. }
  262. export class ButtonLineComponent extends React.Component<IButtonLineComponentProps> {
  263. constructor(props: IButtonLineComponentProps);
  264. render(): JSX.Element;
  265. }
  266. }
  267. declare module NODEEDITOR {
  268. export class StringTools {
  269. /**
  270. * Gets the base math type of node material block connection point.
  271. * @param type Type to parse.
  272. */
  273. static GetBaseType(type: BABYLON.NodeMaterialBlockConnectionPointTypes): string;
  274. /**
  275. * Download a string into a file that will be saved locally by the browser
  276. * @param content defines the string to download locally as a file
  277. */
  278. static DownloadAsFile(document: HTMLDocument, content: string, filename: string): void;
  279. }
  280. }
  281. declare module NODEEDITOR {
  282. interface IFileButtonLineComponentProps {
  283. label: string;
  284. onClick: (file: File) => void;
  285. accept: string;
  286. }
  287. export class FileButtonLineComponent extends React.Component<IFileButtonLineComponentProps> {
  288. constructor(props: IFileButtonLineComponentProps);
  289. onChange(evt: any): void;
  290. render(): JSX.Element;
  291. }
  292. }
  293. declare module NODEEDITOR {
  294. export interface INodeLocationInfo {
  295. blockId: number;
  296. x: number;
  297. y: number;
  298. }
  299. }
  300. declare module NODEEDITOR {
  301. export class SerializationTools {
  302. static Serialize(material: BABYLON.NodeMaterial, globalState: GlobalState): string;
  303. static Deserialize(serializationObject: any, globalState: GlobalState): void;
  304. }
  305. }
  306. declare module NODEEDITOR {
  307. interface IPropertyTabComponentProps {
  308. globalState: GlobalState;
  309. }
  310. export class PropertyTabComponent extends React.Component<IPropertyTabComponentProps, {
  311. currentNode: BABYLON.Nullable<DefaultNodeModel>;
  312. }> {
  313. constructor(props: IPropertyTabComponentProps);
  314. componentDidMount(): void;
  315. load(file: File): void;
  316. save(): void;
  317. render(): JSX.Element;
  318. }
  319. }
  320. declare module NODEEDITOR {
  321. interface IPortalProps {
  322. globalState: GlobalState;
  323. }
  324. export class Portal extends React.Component<IPortalProps> {
  325. render(): React.ReactPortal;
  326. }
  327. }
  328. declare module NODEEDITOR {
  329. interface ITexturePropertyTabComponentProps {
  330. globalState: GlobalState;
  331. node: TextureNodeModel;
  332. }
  333. export class TexturePropertyTabComponent extends React.Component<ITexturePropertyTabComponentProps> {
  334. updateAftertextureLoad(): void;
  335. /**
  336. * Replaces the texture of the node
  337. * @param file the file of the texture to use
  338. */
  339. replaceTexture(file: File): void;
  340. render(): JSX.Element;
  341. }
  342. }
  343. declare module NODEEDITOR {
  344. /**
  345. * Texture node model which stores information about a node editor block
  346. */
  347. export class TextureNodeModel extends DefaultNodeModel {
  348. private _block;
  349. /**
  350. * Texture for the node if it exists
  351. */
  352. texture: BABYLON.Nullable<BABYLON.BaseTexture>;
  353. /**
  354. * Constructs the node model
  355. */
  356. constructor();
  357. renderProperties(globalState: GlobalState): JSX.Element;
  358. prepare(options: NodeCreationOptions, nodes: Array<DefaultNodeModel>, model: DiagramModel, graphEditor: GraphEditor): void;
  359. }
  360. }
  361. declare module NODEEDITOR {
  362. interface ITextureLineComponentProps {
  363. texture: BABYLON.BaseTexture;
  364. width: number;
  365. height: number;
  366. globalState?: any;
  367. hideChannelSelect?: boolean;
  368. }
  369. export class TextureLineComponent extends React.Component<ITextureLineComponentProps, {
  370. displayRed: boolean;
  371. displayGreen: boolean;
  372. displayBlue: boolean;
  373. displayAlpha: boolean;
  374. face: number;
  375. }> {
  376. constructor(props: ITextureLineComponentProps);
  377. shouldComponentUpdate(nextProps: ITextureLineComponentProps, nextState: {
  378. displayRed: boolean;
  379. displayGreen: boolean;
  380. displayBlue: boolean;
  381. displayAlpha: boolean;
  382. face: number;
  383. }): boolean;
  384. componentDidMount(): void;
  385. componentDidUpdate(): void;
  386. updatePreview(): void;
  387. render(): JSX.Element;
  388. }
  389. }
  390. declare module NODEEDITOR {
  391. /**
  392. * GenericNodeWidgetProps
  393. */
  394. export interface ITextureNodeWidgetProps {
  395. node: BABYLON.Nullable<TextureNodeModel>;
  396. globalState: GlobalState;
  397. }
  398. /**
  399. * Used to display a node block for the node editor
  400. */
  401. export class TextureNodeWidget extends React.Component<ITextureNodeWidgetProps> {
  402. /**
  403. * Creates a GenericNodeWidget
  404. * @param props
  405. */
  406. constructor(props: ITextureNodeWidgetProps);
  407. render(): JSX.Element;
  408. }
  409. }
  410. declare module NODEEDITOR {
  411. /**
  412. * Node factory which creates editor nodes
  413. */
  414. export class TextureNodeFactory extends SRD.AbstractNodeFactory {
  415. private _globalState;
  416. /**
  417. * Constructs a TextureNodeFactory
  418. */
  419. constructor(globalState: GlobalState);
  420. /**
  421. * Generates a node widget
  422. * @param diagramEngine diagram engine
  423. * @param node node to generate
  424. * @returns node widget jsx
  425. */
  426. generateReactWidget(diagramEngine: SRD.DiagramEngine, node: TextureNodeModel): JSX.Element;
  427. /**
  428. * Gets a new instance of a node model
  429. * @returns texture node model
  430. */
  431. getNewInstance(): TextureNodeModel;
  432. }
  433. }
  434. declare module NODEEDITOR {
  435. interface INumericInputComponentProps {
  436. label: string;
  437. value: number;
  438. step?: number;
  439. onChange: (value: number) => void;
  440. }
  441. export class NumericInputComponent extends React.Component<INumericInputComponentProps, {
  442. value: string;
  443. }> {
  444. static defaultProps: {
  445. step: number;
  446. };
  447. private _localChange;
  448. constructor(props: INumericInputComponentProps);
  449. shouldComponentUpdate(nextProps: INumericInputComponentProps, nextState: {
  450. value: string;
  451. }): boolean;
  452. updateValue(evt: any): void;
  453. render(): JSX.Element;
  454. }
  455. }
  456. declare module NODEEDITOR {
  457. interface IVector2LineComponentProps {
  458. label: string;
  459. target: any;
  460. propertyName: string;
  461. step?: number;
  462. onChange?: (newvalue: BABYLON.Vector2) => void;
  463. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  464. }
  465. export class Vector2LineComponent extends React.Component<IVector2LineComponentProps, {
  466. isExpanded: boolean;
  467. value: BABYLON.Vector2;
  468. }> {
  469. static defaultProps: {
  470. step: number;
  471. };
  472. private _localChange;
  473. constructor(props: IVector2LineComponentProps);
  474. shouldComponentUpdate(nextProps: IVector2LineComponentProps, nextState: {
  475. isExpanded: boolean;
  476. value: BABYLON.Vector2;
  477. }): boolean;
  478. switchExpandState(): void;
  479. raiseOnPropertyChanged(previousValue: BABYLON.Vector2): void;
  480. updateStateX(value: number): void;
  481. updateStateY(value: number): void;
  482. render(): JSX.Element;
  483. }
  484. }
  485. declare module NODEEDITOR {
  486. interface IVector2PropertyTabComponentProps {
  487. globalState: GlobalState;
  488. inputBlock: BABYLON.InputBlock;
  489. }
  490. export class Vector2PropertyTabComponent extends React.Component<IVector2PropertyTabComponentProps> {
  491. render(): JSX.Element;
  492. }
  493. }
  494. declare module NODEEDITOR {
  495. interface IVector3LineComponentProps {
  496. label: string;
  497. target: any;
  498. propertyName: string;
  499. step?: number;
  500. onChange?: (newvalue: BABYLON.Vector3) => void;
  501. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  502. }
  503. export class Vector3LineComponent extends React.Component<IVector3LineComponentProps, {
  504. isExpanded: boolean;
  505. value: BABYLON.Vector3;
  506. }> {
  507. static defaultProps: {
  508. step: number;
  509. };
  510. private _localChange;
  511. constructor(props: IVector3LineComponentProps);
  512. shouldComponentUpdate(nextProps: IVector3LineComponentProps, nextState: {
  513. isExpanded: boolean;
  514. value: BABYLON.Vector3;
  515. }): boolean;
  516. switchExpandState(): void;
  517. raiseOnPropertyChanged(previousValue: BABYLON.Vector3): void;
  518. updateVector3(): void;
  519. updateStateX(value: number): void;
  520. updateStateY(value: number): void;
  521. updateStateZ(value: number): void;
  522. render(): JSX.Element;
  523. }
  524. }
  525. declare module NODEEDITOR {
  526. interface IVector3PropertyTabComponentProps {
  527. globalState: GlobalState;
  528. inputBlock: BABYLON.InputBlock;
  529. }
  530. export class Vector3PropertyTabComponent extends React.Component<IVector3PropertyTabComponentProps> {
  531. render(): JSX.Element;
  532. }
  533. }
  534. declare module NODEEDITOR {
  535. class ListLineOption {
  536. label: string;
  537. value: number | string;
  538. }
  539. interface IOptionsLineComponentProps {
  540. label: string;
  541. target: any;
  542. propertyName?: string;
  543. options: ListLineOption[];
  544. noDirectUpdate?: boolean;
  545. onSelect?: (value: number | string) => void;
  546. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  547. valuesAreStrings?: boolean;
  548. defaultIfNull?: number;
  549. getSelection?: (target: any) => number;
  550. }
  551. export class OptionsLineComponent extends React.Component<IOptionsLineComponentProps, {
  552. value: number | string;
  553. }> {
  554. private _localChange;
  555. private _getValue;
  556. constructor(props: IOptionsLineComponentProps);
  557. shouldComponentUpdate(nextProps: IOptionsLineComponentProps, nextState: {
  558. value: number;
  559. }): boolean;
  560. raiseOnPropertyChanged(newValue: number | string, previousValue: number | string): void;
  561. updateValue(valueString: string): void;
  562. render(): JSX.Element;
  563. }
  564. }
  565. declare module NODEEDITOR {
  566. export interface IColor3LineComponentProps {
  567. label: string;
  568. target: any;
  569. propertyName: string;
  570. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  571. onChange?: () => void;
  572. }
  573. export class Color3LineComponent extends React.Component<IColor3LineComponentProps, {
  574. isExpanded: boolean;
  575. color: BABYLON.Color3;
  576. }> {
  577. private _localChange;
  578. constructor(props: IColor3LineComponentProps);
  579. shouldComponentUpdate(nextProps: IColor3LineComponentProps, nextState: {
  580. color: BABYLON.Color3;
  581. }): boolean;
  582. onChange(newValue: string): void;
  583. switchExpandState(): void;
  584. raiseOnPropertyChanged(previousValue: BABYLON.Color3): void;
  585. updateStateR(value: number): void;
  586. updateStateG(value: number): void;
  587. updateStateB(value: number): void;
  588. copyToClipboard(): void;
  589. render(): JSX.Element;
  590. }
  591. }
  592. declare module NODEEDITOR {
  593. interface IColor3PropertyTabComponentProps {
  594. globalState: GlobalState;
  595. inputBlock: BABYLON.InputBlock;
  596. }
  597. export class Color3PropertyTabComponent extends React.Component<IColor3PropertyTabComponentProps> {
  598. render(): JSX.Element;
  599. }
  600. }
  601. declare module NODEEDITOR {
  602. interface IFloatLineComponentProps {
  603. label: string;
  604. target: any;
  605. propertyName: string;
  606. onChange?: (newValue: number) => void;
  607. isInteger?: boolean;
  608. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  609. additionalClass?: string;
  610. step?: string;
  611. digits?: number;
  612. }
  613. export class FloatLineComponent extends React.Component<IFloatLineComponentProps, {
  614. value: string;
  615. }> {
  616. private _localChange;
  617. private _store;
  618. constructor(props: IFloatLineComponentProps);
  619. shouldComponentUpdate(nextProps: IFloatLineComponentProps, nextState: {
  620. value: string;
  621. }): boolean;
  622. raiseOnPropertyChanged(newValue: number, previousValue: number): void;
  623. updateValue(valueString: string): void;
  624. render(): JSX.Element;
  625. }
  626. }
  627. declare module NODEEDITOR {
  628. interface IFloatPropertyTabComponentProps {
  629. globalState: GlobalState;
  630. inputBlock: BABYLON.InputBlock;
  631. }
  632. export class FloatPropertyTabComponent extends React.Component<IFloatPropertyTabComponentProps> {
  633. render(): JSX.Element;
  634. }
  635. }
  636. declare module NODEEDITOR {
  637. interface IVector4LineComponentProps {
  638. label: string;
  639. target?: any;
  640. propertyName?: string;
  641. value?: BABYLON.Vector4;
  642. step?: number;
  643. onChange?: (newvalue: BABYLON.Vector4) => void;
  644. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  645. }
  646. export class Vector4LineComponent extends React.Component<IVector4LineComponentProps, {
  647. isExpanded: boolean;
  648. value: BABYLON.Vector4;
  649. }> {
  650. static defaultProps: {
  651. step: number;
  652. };
  653. private _localChange;
  654. constructor(props: IVector4LineComponentProps);
  655. shouldComponentUpdate(nextProps: IVector4LineComponentProps, nextState: {
  656. isExpanded: boolean;
  657. value: BABYLON.Vector4;
  658. }): boolean;
  659. switchExpandState(): void;
  660. raiseOnPropertyChanged(previousValue: BABYLON.Vector4): void;
  661. updateVector4(): void;
  662. updateStateX(value: number): void;
  663. updateStateY(value: number): void;
  664. updateStateZ(value: number): void;
  665. updateStateW(value: number): void;
  666. render(): JSX.Element;
  667. }
  668. }
  669. declare module NODEEDITOR {
  670. interface IVector4PropertyTabComponentProps {
  671. globalState: GlobalState;
  672. inputBlock: BABYLON.InputBlock;
  673. }
  674. export class Vector4PropertyTabComponent extends React.Component<IVector4PropertyTabComponentProps> {
  675. render(): JSX.Element;
  676. }
  677. }
  678. declare module NODEEDITOR {
  679. interface IMatrixLineComponentProps {
  680. label: string;
  681. target: any;
  682. propertyName: string;
  683. step?: number;
  684. onChange?: (newValue: BABYLON.Matrix) => void;
  685. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  686. }
  687. export class MatrixLineComponent extends React.Component<IMatrixLineComponentProps, {
  688. value: BABYLON.Matrix;
  689. }> {
  690. private _localChange;
  691. constructor(props: IMatrixLineComponentProps);
  692. shouldComponentUpdate(nextProps: IMatrixLineComponentProps, nextState: {
  693. value: BABYLON.Matrix;
  694. }): boolean;
  695. raiseOnPropertyChanged(previousValue: BABYLON.Vector3): void;
  696. updateMatrix(): void;
  697. updateRow(value: BABYLON.Vector4, row: number): void;
  698. render(): JSX.Element;
  699. }
  700. }
  701. declare module NODEEDITOR {
  702. interface IMatrixPropertyTabComponentProps {
  703. globalState: GlobalState;
  704. inputBlock: BABYLON.InputBlock;
  705. }
  706. export class MatrixPropertyTabComponent extends React.Component<IMatrixPropertyTabComponentProps> {
  707. render(): JSX.Element;
  708. }
  709. }
  710. declare module NODEEDITOR {
  711. interface IInputPropertyTabComponentProps {
  712. globalState: GlobalState;
  713. inputNode: InputNodeModel;
  714. }
  715. export class InputPropertyTabComponentProps extends React.Component<IInputPropertyTabComponentProps> {
  716. constructor(props: IInputPropertyTabComponentProps);
  717. renderValue(globalState: GlobalState): JSX.Element | null;
  718. setDefaultValue(): void;
  719. render(): JSX.Element;
  720. }
  721. }
  722. declare module NODEEDITOR {
  723. /**
  724. * Generic node model which stores information about a node editor block
  725. */
  726. export class InputNodeModel extends DefaultNodeModel {
  727. readonly inputBlock: BABYLON.InputBlock;
  728. /**
  729. * Constructs the node model
  730. */
  731. constructor();
  732. renderProperties(globalState: GlobalState): JSX.Element;
  733. }
  734. }
  735. declare module NODEEDITOR {
  736. /**
  737. * GenericNodeWidgetProps
  738. */
  739. export interface IInputNodeWidgetProps {
  740. node: BABYLON.Nullable<InputNodeModel>;
  741. globalState: GlobalState;
  742. }
  743. /**
  744. * Used to display a node block for the node editor
  745. */
  746. export class InputNodeWidget extends React.Component<IInputNodeWidgetProps> {
  747. /**
  748. * Creates a GenericNodeWidget
  749. * @param props
  750. */
  751. constructor(props: IInputNodeWidgetProps);
  752. renderValue(value: string): JSX.Element | null;
  753. render(): JSX.Element | null;
  754. }
  755. }
  756. declare module NODEEDITOR {
  757. /**
  758. * Node factory which creates editor nodes
  759. */
  760. export class InputNodeFactory extends SRD.AbstractNodeFactory {
  761. private _globalState;
  762. /**
  763. * Constructs a GenericNodeFactory
  764. */
  765. constructor(globalState: GlobalState);
  766. /**
  767. * Generates a node widget
  768. * @param diagramEngine diagram engine
  769. * @param node node to generate
  770. * @returns node widget jsx
  771. */
  772. generateReactWidget(diagramEngine: SRD.DiagramEngine, node: InputNodeModel): JSX.Element;
  773. /**
  774. * Gets a new instance of a node model
  775. * @returns input node model
  776. */
  777. getNewInstance(): InputNodeModel;
  778. }
  779. }
  780. declare module NODEEDITOR {
  781. interface ILogComponentProps {
  782. globalState: GlobalState;
  783. }
  784. export class LogEntry {
  785. message: string;
  786. isError: boolean;
  787. constructor(message: string, isError: boolean);
  788. }
  789. export class LogComponent extends React.Component<ILogComponentProps, {
  790. logs: LogEntry[];
  791. }> {
  792. constructor(props: ILogComponentProps);
  793. componentDidMount(): void;
  794. componentDidUpdate(): void;
  795. render(): JSX.Element;
  796. }
  797. }
  798. declare module NODEEDITOR {
  799. interface ILightPropertyTabComponentProps {
  800. globalState: GlobalState;
  801. node: LightNodeModel;
  802. }
  803. export class LightPropertyTabComponent extends React.Component<ILightPropertyTabComponentProps> {
  804. render(): JSX.Element;
  805. }
  806. }
  807. declare module NODEEDITOR {
  808. /**
  809. * BABYLON.Light node model which stores information about a node editor block
  810. */
  811. export class LightNodeModel extends DefaultNodeModel {
  812. private _block;
  813. /**
  814. * BABYLON.Light for the node if it exists
  815. */
  816. light: BABYLON.Nullable<BABYLON.Light>;
  817. /**
  818. * Constructs the node model
  819. */
  820. constructor();
  821. renderProperties(globalState: GlobalState): JSX.Element;
  822. prepare(options: NodeCreationOptions, nodes: Array<DefaultNodeModel>, model: DiagramModel, graphEditor: GraphEditor): void;
  823. }
  824. }
  825. declare module NODEEDITOR {
  826. /**
  827. * GenericNodeWidgetProps
  828. */
  829. export interface ILightNodeWidgetProps {
  830. node: BABYLON.Nullable<LightNodeModel>;
  831. globalState: GlobalState;
  832. }
  833. /**
  834. * Used to display a node block for the node editor
  835. */
  836. export class LightNodeWidget extends React.Component<ILightNodeWidgetProps> {
  837. /**
  838. * Creates a GenericNodeWidget
  839. * @param props
  840. */
  841. constructor(props: ILightNodeWidgetProps);
  842. render(): JSX.Element;
  843. }
  844. }
  845. declare module NODEEDITOR {
  846. /**
  847. * Node factory which creates editor nodes
  848. */
  849. export class LightNodeFactory extends SRD.AbstractNodeFactory {
  850. private _globalState;
  851. /**
  852. * Constructs a LightNodeFactory
  853. */
  854. constructor(globalState: GlobalState);
  855. /**
  856. * Generates a node widget
  857. * @param diagramEngine diagram engine
  858. * @param node node to generate
  859. * @returns node widget jsx
  860. */
  861. generateReactWidget(diagramEngine: SRD.DiagramEngine, node: LightNodeModel): JSX.Element;
  862. /**
  863. * Gets a new instance of a node model
  864. * @returns light node model
  865. */
  866. getNewInstance(): LightNodeModel;
  867. }
  868. }
  869. declare module NODEEDITOR {
  870. interface IMessageDialogComponentProps {
  871. globalState: GlobalState;
  872. }
  873. export class MessageDialogComponent extends React.Component<IMessageDialogComponentProps, {
  874. message: string;
  875. isError: boolean;
  876. }> {
  877. constructor(props: IMessageDialogComponentProps);
  878. render(): JSX.Element | null;
  879. }
  880. }
  881. declare module NODEEDITOR {
  882. export class AdvancedLinkFactory extends DefaultLinkFactory {
  883. constructor();
  884. getNewInstance(initialConfig?: any): AdvancedLinkModel;
  885. generateLinkSegment(model: AdvancedLinkModel, widget: DefaultLinkWidget, selected: boolean, path: string): JSX.Element;
  886. }
  887. }
  888. declare module NODEEDITOR {
  889. interface IRemapPropertyTabComponentProps {
  890. globalState: GlobalState;
  891. remapNode: RemapNodeModel;
  892. }
  893. export class RemapPropertyTabComponentProps extends React.Component<IRemapPropertyTabComponentProps> {
  894. constructor(props: IRemapPropertyTabComponentProps);
  895. forceRebuild(): void;
  896. render(): JSX.Element;
  897. }
  898. }
  899. declare module NODEEDITOR {
  900. /**
  901. * Generic node model which stores information about a node editor block
  902. */
  903. export class RemapNodeModel extends DefaultNodeModel {
  904. readonly remapBlock: BABYLON.RemapBlock;
  905. /**
  906. * Constructs the node model
  907. */
  908. constructor();
  909. renderProperties(globalState: GlobalState): JSX.Element;
  910. }
  911. }
  912. declare module NODEEDITOR {
  913. /**
  914. * RemapNodeWidgetProps
  915. */
  916. export interface RemapNodeWidgetProps {
  917. node: BABYLON.Nullable<RemapNodeModel>;
  918. globalState: GlobalState;
  919. }
  920. /**
  921. * Used to display a node block for the node editor
  922. */
  923. export class RemapNodeWidget extends React.Component<RemapNodeWidgetProps> {
  924. /**
  925. * Creates a GenericNodeWidget
  926. * @param props
  927. */
  928. constructor(props: RemapNodeWidgetProps);
  929. renderValue(value: string): JSX.Element | null;
  930. extractInputValue(connectionPoint: BABYLON.NodeMaterialConnectionPoint): any;
  931. render(): JSX.Element;
  932. }
  933. }
  934. declare module NODEEDITOR {
  935. /**
  936. * Node factory which creates editor nodes
  937. */
  938. export class RemapNodeFactory extends SRD.AbstractNodeFactory {
  939. private _globalState;
  940. /**
  941. * Constructs a GenericNodeFactory
  942. */
  943. constructor(globalState: GlobalState);
  944. /**
  945. * Generates a node widget
  946. * @param diagramEngine diagram engine
  947. * @param node node to generate
  948. * @returns node widget jsx
  949. */
  950. generateReactWidget(diagramEngine: SRD.DiagramEngine, node: RemapNodeModel): JSX.Element;
  951. /**
  952. * Gets a new instance of a node model
  953. * @returns input node model
  954. */
  955. getNewInstance(): RemapNodeModel;
  956. }
  957. }
  958. declare module NODEEDITOR {
  959. export class GraphHelper {
  960. static DistributeGraph(model: DiagramModel): dagre.Node[];
  961. private static _MapElements;
  962. private static _MapEdges;
  963. }
  964. }
  965. declare module NODEEDITOR {
  966. export enum PreviewMeshType {
  967. Sphere = 0,
  968. Box = 1,
  969. Torus = 2,
  970. Cylinder = 3,
  971. Plane = 4
  972. }
  973. }
  974. declare module NODEEDITOR {
  975. export class PreviewManager {
  976. private _nodeMaterial;
  977. private _onBuildObserver;
  978. private _onPreviewCommandActivatedObserver;
  979. private _onUpdateRequiredObserver;
  980. private _engine;
  981. private _scene;
  982. private _light;
  983. private _dummy;
  984. private _camera;
  985. private _material;
  986. private _globalState;
  987. private _currentType;
  988. constructor(targetCanvas: HTMLCanvasElement, globalState: GlobalState);
  989. private _refreshPreviewMesh;
  990. private _updatePreview;
  991. dispose(): void;
  992. }
  993. }
  994. declare module NODEEDITOR {
  995. interface IPreviewMeshControlComponent {
  996. globalState: GlobalState;
  997. }
  998. export class PreviewMeshControlComponent extends React.Component<IPreviewMeshControlComponent> {
  999. changeMeshType(newOne: PreviewMeshType): void;
  1000. render(): JSX.Element;
  1001. }
  1002. }
  1003. declare module NODEEDITOR {
  1004. interface ITrigonometryTabComponentProps {
  1005. globalState: GlobalState;
  1006. trigonometryNode: TrigonometryNodeModel;
  1007. }
  1008. export class TrigonometryPropertyTabComponentProps extends React.Component<ITrigonometryTabComponentProps> {
  1009. constructor(props: ITrigonometryTabComponentProps);
  1010. render(): JSX.Element;
  1011. }
  1012. }
  1013. declare module NODEEDITOR {
  1014. /**
  1015. * Generic node model which stores information about a node editor block
  1016. */
  1017. export class TrigonometryNodeModel extends DefaultNodeModel {
  1018. readonly trigonometryBlock: BABYLON.TrigonometryBlock;
  1019. /**
  1020. * Constructs the node model
  1021. */
  1022. constructor();
  1023. renderProperties(globalState: GlobalState): JSX.Element;
  1024. }
  1025. }
  1026. declare module NODEEDITOR {
  1027. /**
  1028. * GenericNodeWidgetProps
  1029. */
  1030. export interface ITrigonometryNodeWidgetProps {
  1031. node: BABYLON.Nullable<TrigonometryNodeModel>;
  1032. globalState: GlobalState;
  1033. }
  1034. /**
  1035. * Used to display a node block for the node editor
  1036. */
  1037. export class TrigonometryNodeWidget extends React.Component<ITrigonometryNodeWidgetProps> {
  1038. /**
  1039. * Creates a GenericNodeWidget
  1040. * @param props
  1041. */
  1042. constructor(props: ITrigonometryNodeWidgetProps);
  1043. render(): JSX.Element;
  1044. }
  1045. }
  1046. declare module NODEEDITOR {
  1047. /**
  1048. * Node factory which creates editor nodes
  1049. */
  1050. export class TrigonometryNodeFactory extends SRD.AbstractNodeFactory {
  1051. private _globalState;
  1052. /**
  1053. * Constructs a GenericNodeFactory
  1054. */
  1055. constructor(globalState: GlobalState);
  1056. /**
  1057. * Generates a node widget
  1058. * @param diagramEngine diagram engine
  1059. * @param node node to generate
  1060. * @returns node widget jsx
  1061. */
  1062. generateReactWidget(diagramEngine: SRD.DiagramEngine, node: TrigonometryNodeModel): JSX.Element;
  1063. /**
  1064. * Gets a new instance of a node model
  1065. * @returns input node model
  1066. */
  1067. getNewInstance(): TrigonometryNodeModel;
  1068. }
  1069. }
  1070. declare module NODEEDITOR {
  1071. interface IClampPropertyTabComponentProps {
  1072. globalState: GlobalState;
  1073. remapNode: ClampNodeModel;
  1074. }
  1075. export class ClampPropertyTabComponentProps extends React.Component<IClampPropertyTabComponentProps> {
  1076. constructor(props: IClampPropertyTabComponentProps);
  1077. forceRebuild(): void;
  1078. render(): JSX.Element;
  1079. }
  1080. }
  1081. declare module NODEEDITOR {
  1082. export class ClampNodeModel extends DefaultNodeModel {
  1083. readonly clampBlock: BABYLON.ClampBlock;
  1084. /**
  1085. * Constructs the node model
  1086. */
  1087. constructor();
  1088. renderProperties(globalState: GlobalState): JSX.Element;
  1089. }
  1090. }
  1091. declare module NODEEDITOR {
  1092. export interface ClampNodeWidgetProps {
  1093. node: BABYLON.Nullable<ClampNodeModel>;
  1094. globalState: GlobalState;
  1095. }
  1096. export class ClampNodeWidget extends React.Component<ClampNodeWidgetProps> {
  1097. constructor(props: ClampNodeWidgetProps);
  1098. renderValue(value: string): JSX.Element | null;
  1099. render(): JSX.Element;
  1100. }
  1101. }
  1102. declare module NODEEDITOR {
  1103. export class ClampNodeFactory extends SRD.AbstractNodeFactory {
  1104. private _globalState;
  1105. constructor(globalState: GlobalState);
  1106. generateReactWidget(diagramEngine: SRD.DiagramEngine, node: ClampNodeModel): JSX.Element;
  1107. getNewInstance(): ClampNodeModel;
  1108. }
  1109. }
  1110. declare module NODEEDITOR {
  1111. interface ILightPropertyTabComponentProps {
  1112. globalState: GlobalState;
  1113. node: LightInformationNodeModel;
  1114. }
  1115. export class LightInformationPropertyTabComponent extends React.Component<ILightPropertyTabComponentProps> {
  1116. render(): JSX.Element;
  1117. }
  1118. }
  1119. declare module NODEEDITOR {
  1120. export class LightInformationNodeModel extends DefaultNodeModel {
  1121. private _block;
  1122. /**
  1123. * BABYLON.Light for the node if it exists
  1124. */
  1125. light: BABYLON.Nullable<BABYLON.Light>;
  1126. /**
  1127. * Constructs the node model
  1128. */
  1129. constructor();
  1130. renderProperties(globalState: GlobalState): JSX.Element;
  1131. prepare(options: NodeCreationOptions, nodes: Array<DefaultNodeModel>, model: DiagramModel, graphEditor: GraphEditor): void;
  1132. }
  1133. }
  1134. declare module NODEEDITOR {
  1135. /**
  1136. * GenericNodeWidgetProps
  1137. */
  1138. export interface ILightInformationNodeWidgetProps {
  1139. node: BABYLON.Nullable<LightInformationNodeModel>;
  1140. globalState: GlobalState;
  1141. }
  1142. /**
  1143. * Used to display a node block for the node editor
  1144. */
  1145. export class LightInformationNodeWidget extends React.Component<ILightInformationNodeWidgetProps> {
  1146. /**
  1147. * Creates a GenericNodeWidget
  1148. * @param props
  1149. */
  1150. constructor(props: ILightInformationNodeWidgetProps);
  1151. render(): JSX.Element;
  1152. }
  1153. }
  1154. declare module NODEEDITOR {
  1155. /**
  1156. * Node factory which creates editor nodes
  1157. */
  1158. export class LightInformationNodeFactory extends SRD.AbstractNodeFactory {
  1159. private _globalState;
  1160. /**
  1161. * Constructs a LightNodeFactory
  1162. */
  1163. constructor(globalState: GlobalState);
  1164. /**
  1165. * Generates a node widget
  1166. * @param diagramEngine diagram engine
  1167. * @param node node to generate
  1168. * @returns node widget jsx
  1169. */
  1170. generateReactWidget(diagramEngine: SRD.DiagramEngine, node: LightInformationNodeModel): JSX.Element;
  1171. /**
  1172. * Gets a new instance of a node model
  1173. * @returns light node model
  1174. */
  1175. getNewInstance(): LightInformationNodeModel;
  1176. }
  1177. }
  1178. declare module NODEEDITOR {
  1179. interface IPreviewAreaComponent {
  1180. globalState: GlobalState;
  1181. width: number;
  1182. }
  1183. export class PreviewAreaComponent extends React.Component<IPreviewAreaComponent> {
  1184. changeAnimation(): void;
  1185. changeBackground(value: string): void;
  1186. render(): JSX.Element;
  1187. }
  1188. }
  1189. declare module NODEEDITOR {
  1190. interface IGraphEditorProps {
  1191. globalState: GlobalState;
  1192. }
  1193. export class NodeCreationOptions {
  1194. nodeMaterialBlock: BABYLON.NodeMaterialBlock;
  1195. type?: string;
  1196. connection?: BABYLON.NodeMaterialConnectionPoint;
  1197. }
  1198. export class GraphEditor extends React.Component<IGraphEditorProps> {
  1199. private readonly NodeWidth;
  1200. private _engine;
  1201. private _model;
  1202. private _startX;
  1203. private _moveInProgress;
  1204. private _leftWidth;
  1205. private _rightWidth;
  1206. private _nodes;
  1207. private _blocks;
  1208. private _previewManager;
  1209. private _copiedNodes;
  1210. private _mouseLocationX;
  1211. private _mouseLocationY;
  1212. private _onWidgetKeyUpPointer;
  1213. /** @hidden */
  1214. _toAdd: LinkModel[] | null;
  1215. /**
  1216. * Creates a node and recursivly creates its parent nodes from it's input
  1217. * @param nodeMaterialBlock
  1218. */
  1219. createNodeFromObject(options: NodeCreationOptions): DefaultNodeModel;
  1220. addValueNode(type: string): DefaultNodeModel;
  1221. onWidgetKeyUp(evt: any): void;
  1222. componentDidMount(): void;
  1223. componentWillUnmount(): void;
  1224. constructor(props: IGraphEditorProps);
  1225. zoomToFit(retry?: number): void;
  1226. buildMaterial(): void;
  1227. applyFragmentOutputConstraints(rootInput: DefaultPortModel): void;
  1228. build(needToWait?: boolean, locations?: BABYLON.Nullable<INodeLocationInfo[]>): void;
  1229. reOrganize(locations?: BABYLON.Nullable<INodeLocationInfo[]>): void;
  1230. onPointerDown(evt: React.PointerEvent<HTMLDivElement>): void;
  1231. onPointerUp(evt: React.PointerEvent<HTMLDivElement>): void;
  1232. resizeColumns(evt: React.PointerEvent<HTMLDivElement>, forLeft?: boolean): void;
  1233. buildColumnLayout(): string;
  1234. emitNewBlock(event: React.DragEvent<HTMLDivElement>): void;
  1235. render(): JSX.Element;
  1236. }
  1237. }
  1238. declare module NODEEDITOR {
  1239. /**
  1240. * Generic node model which stores information about a node editor block
  1241. */
  1242. export class DefaultNodeModel extends NodeModel {
  1243. /**
  1244. * The babylon block this node represents
  1245. */
  1246. block: BABYLON.Nullable<BABYLON.NodeMaterialBlock>;
  1247. ports: {
  1248. [s: string]: DefaultPortModel;
  1249. };
  1250. /**
  1251. * Constructs the node model
  1252. */
  1253. constructor(key: string);
  1254. prepare(options: NodeCreationOptions, nodes: Array<DefaultNodeModel>, model: DiagramModel, graphEditor: GraphEditor): void;
  1255. renderProperties(globalState: GlobalState): JSX.Element | null;
  1256. }
  1257. }
  1258. declare module NODEEDITOR {
  1259. export class GlobalState {
  1260. nodeMaterial: BABYLON.NodeMaterial;
  1261. hostElement: HTMLElement;
  1262. hostDocument: HTMLDocument;
  1263. onSelectionChangedObservable: BABYLON.Observable<BABYLON.Nullable<DefaultNodeModel>>;
  1264. onRebuildRequiredObservable: BABYLON.Observable<void>;
  1265. onResetRequiredObservable: BABYLON.Observable<BABYLON.Nullable<INodeLocationInfo[]>>;
  1266. onUpdateRequiredObservable: BABYLON.Observable<void>;
  1267. onZoomToFitRequiredObservable: BABYLON.Observable<void>;
  1268. onReOrganizedRequiredObservable: BABYLON.Observable<void>;
  1269. onLogRequiredObservable: BABYLON.Observable<LogEntry>;
  1270. onErrorMessageDialogRequiredObservable: BABYLON.Observable<string>;
  1271. onPreviewCommandActivated: BABYLON.Observable<void>;
  1272. onGetNodeFromBlock: (block: BABYLON.NodeMaterialBlock) => NodeModel;
  1273. previewMeshType: PreviewMeshType;
  1274. rotatePreview: boolean;
  1275. backgroundColor: BABYLON.Color4;
  1276. blockKeyboardEvents: boolean;
  1277. customSave?: {
  1278. label: string;
  1279. action: (data: string) => void;
  1280. };
  1281. constructor();
  1282. }
  1283. }
  1284. declare module NODEEDITOR {
  1285. export class Popup {
  1286. static CreatePopup(title: string, windowVariableName: string, width?: number, height?: number): HTMLDivElement | null;
  1287. private static _CopyStyles;
  1288. }
  1289. }
  1290. declare module NODEEDITOR {
  1291. /**
  1292. * Interface used to specify creation options for the node editor
  1293. */
  1294. export interface INodeEditorOptions {
  1295. nodeMaterial: BABYLON.NodeMaterial;
  1296. hostElement?: HTMLElement;
  1297. customSave?: {
  1298. label: string;
  1299. action: (data: string) => void;
  1300. };
  1301. customLoadObservable?: BABYLON.Observable<any>;
  1302. }
  1303. /**
  1304. * Class used to create a node editor
  1305. */
  1306. export class NodeEditor {
  1307. private static _CurrentState;
  1308. /**
  1309. * Show the node editor
  1310. * @param options defines the options to use to configure the node editor
  1311. */
  1312. static Show(options: INodeEditorOptions): void;
  1313. }
  1314. }