babylon.nodeEditor.d.ts 34 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986
  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.LightBlock | BABYLON.FogBlock | BABYLON.VertexOutputBlock | BABYLON.FragmentOutputBlock | BABYLON.AddBlock | BABYLON.ClampBlock | BABYLON.CrossBlock | BABYLON.DotBlock | BABYLON.MultiplyBlock | BABYLON.TransformBlock | BABYLON.RemapBlock | BABYLON.NormalizeBlock | 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. target?: any;
  61. propertyName?: string;
  62. value?: string;
  63. onChange?: (value: string) => void;
  64. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  65. }
  66. export class TextInputLineComponent extends React.Component<ITextInputLineComponentProps, {
  67. value: string;
  68. }> {
  69. private _localChange;
  70. constructor(props: ITextInputLineComponentProps);
  71. shouldComponentUpdate(nextProps: ITextInputLineComponentProps, nextState: {
  72. value: string;
  73. }): boolean;
  74. raiseOnPropertyChanged(newValue: string, previousValue: string): void;
  75. updateValue(value: string): void;
  76. render(): JSX.Element;
  77. }
  78. }
  79. declare module NODEEDITOR {
  80. export interface ICheckBoxLineComponentProps {
  81. label: string;
  82. target?: any;
  83. propertyName?: string;
  84. isSelected?: () => boolean;
  85. onSelect?: (value: boolean) => void;
  86. onValueChanged?: () => void;
  87. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  88. }
  89. export class CheckBoxLineComponent extends React.Component<ICheckBoxLineComponentProps, {
  90. isSelected: boolean;
  91. }> {
  92. private static _UniqueIdSeed;
  93. private _uniqueId;
  94. private _localChange;
  95. constructor(props: ICheckBoxLineComponentProps);
  96. shouldComponentUpdate(nextProps: ICheckBoxLineComponentProps, nextState: {
  97. isSelected: boolean;
  98. }): boolean;
  99. onChange(): void;
  100. render(): JSX.Element;
  101. }
  102. }
  103. declare module NODEEDITOR {
  104. /**
  105. * Generic node model which stores information about a node editor block
  106. */
  107. export class GenericNodeModel extends DefaultNodeModel {
  108. /**
  109. * BABYLON.Vector2 for the node if it exists
  110. */
  111. vector2: BABYLON.Nullable<BABYLON.Vector2>;
  112. /**
  113. * BABYLON.Vector3 for the node if it exists
  114. */
  115. vector3: BABYLON.Nullable<BABYLON.Vector3>;
  116. /**
  117. * BABYLON.Vector4 for the node if it exists
  118. */
  119. vector4: BABYLON.Nullable<BABYLON.Vector4>;
  120. /**
  121. * BABYLON.Matrix for the node if it exists
  122. */
  123. matrix: BABYLON.Nullable<BABYLON.Matrix>;
  124. /**
  125. * Constructs the node model
  126. */
  127. constructor();
  128. prepare(options: NodeCreationOptions, nodes: Array<DefaultNodeModel>, model: DiagramModel, graphEditor: GraphEditor): void;
  129. renderProperties(globalState: GlobalState): JSX.Element;
  130. }
  131. }
  132. declare module NODEEDITOR {
  133. export class AdvancedLinkModel extends DefaultLinkModel {
  134. constructor();
  135. }
  136. }
  137. declare module NODEEDITOR {
  138. /**
  139. * Port model
  140. */
  141. export class DefaultPortModel extends PortModel {
  142. /**
  143. * If the port is input or output
  144. */
  145. position: string | "input" | "output";
  146. /**
  147. * What the port is connected to
  148. */
  149. connection: BABYLON.Nullable<BABYLON.NodeMaterialConnectionPoint>;
  150. defaultValue: any;
  151. static idCounter: number;
  152. constructor(name: string, type?: string);
  153. canLinkToPort(port: DefaultPortModel): boolean;
  154. syncWithNodeMaterialConnectionPoint(connection: BABYLON.NodeMaterialConnectionPoint): void;
  155. getNodeModel(): DefaultNodeModel;
  156. link(outPort: DefaultPortModel): LinkModel<import("storm-react-diagrams").LinkModelListener>;
  157. createLinkModel(): LinkModel;
  158. static SortInputOutput(a: BABYLON.Nullable<DefaultPortModel>, b: BABYLON.Nullable<DefaultPortModel>): {
  159. input: DefaultPortModel;
  160. output: DefaultPortModel;
  161. } | null;
  162. }
  163. }
  164. declare module NODEEDITOR {
  165. export interface IDefaultPortWidgetProps extends BaseWidgetProps {
  166. name: string;
  167. node: NodeModel;
  168. style: any;
  169. }
  170. export class DefaultPortWidget extends BaseWidget<IDefaultPortWidgetProps, PortState> {
  171. constructor(props: IDefaultPortWidgetProps);
  172. getClassName(): string;
  173. render(): JSX.Element;
  174. }
  175. }
  176. declare module NODEEDITOR {
  177. export class PortHelper {
  178. private static _GetPortTypeIndicator;
  179. static _GetPortStyle(type: BABYLON.NodeMaterialBlockConnectionPointTypes): {
  180. background: string;
  181. };
  182. static GenerateOutputPorts(node: BABYLON.Nullable<DefaultNodeModel>, ignoreLabel: boolean): JSX.Element[];
  183. static GenerateInputPorts(node: BABYLON.Nullable<DefaultNodeModel>, includeOnly?: string[], ignoreLabel?: boolean): JSX.Element[];
  184. }
  185. }
  186. declare module NODEEDITOR {
  187. /**
  188. * GenericNodeWidgetProps
  189. */
  190. export interface GenericNodeWidgetProps {
  191. node: BABYLON.Nullable<GenericNodeModel>;
  192. globalState: GlobalState;
  193. }
  194. /**
  195. * GenericNodeWidgetState
  196. */
  197. export interface GenericNodeWidgetState {
  198. }
  199. /**
  200. * Used to display a node block for the node editor
  201. */
  202. export class GenericNodeWidget extends React.Component<GenericNodeWidgetProps, GenericNodeWidgetState> {
  203. /**
  204. * Creates a GenericNodeWidget
  205. * @param props
  206. */
  207. constructor(props: GenericNodeWidgetProps);
  208. render(): JSX.Element;
  209. }
  210. }
  211. declare module NODEEDITOR {
  212. /**
  213. * Node factory which creates editor nodes
  214. */
  215. export class GenericNodeFactory extends SRD.AbstractNodeFactory {
  216. private _globalState;
  217. /**
  218. * Constructs a GenericNodeFactory
  219. */
  220. constructor(globalState: GlobalState);
  221. /**
  222. * Generates a node widget
  223. * @param diagramEngine diagram engine
  224. * @param node node to generate
  225. * @returns node widget jsx
  226. */
  227. generateReactWidget(diagramEngine: SRD.DiagramEngine, node: GenericNodeModel): JSX.Element;
  228. /**
  229. * Gets a new instance of a node model
  230. * @returns generic node model
  231. */
  232. getNewInstance(): GenericNodeModel;
  233. }
  234. }
  235. declare module NODEEDITOR {
  236. export interface IButtonLineComponentProps {
  237. data: string;
  238. }
  239. export class DraggableLineComponent extends React.Component<IButtonLineComponentProps> {
  240. constructor(props: IButtonLineComponentProps);
  241. render(): JSX.Element;
  242. }
  243. }
  244. declare module NODEEDITOR {
  245. interface INodeListComponentProps {
  246. globalState: GlobalState;
  247. }
  248. export class NodeListComponent extends React.Component<INodeListComponentProps> {
  249. render(): JSX.Element;
  250. }
  251. }
  252. declare module NODEEDITOR {
  253. export interface IButtonLineComponentProps {
  254. label: string;
  255. onClick: () => void;
  256. }
  257. export class ButtonLineComponent extends React.Component<IButtonLineComponentProps> {
  258. constructor(props: IButtonLineComponentProps);
  259. render(): JSX.Element;
  260. }
  261. }
  262. declare module NODEEDITOR {
  263. export class StringTools {
  264. /**
  265. * Gets the base math type of node material block connection point.
  266. * @param type Type to parse.
  267. */
  268. static GetBaseType(type: BABYLON.NodeMaterialBlockConnectionPointTypes): string;
  269. /**
  270. * Download a string into a file that will be saved locally by the browser
  271. * @param content defines the string to download locally as a file
  272. */
  273. static DownloadAsFile(content: string, filename: string): void;
  274. }
  275. }
  276. declare module NODEEDITOR {
  277. interface IFileButtonLineComponentProps {
  278. label: string;
  279. onClick: (file: File) => void;
  280. accept: string;
  281. }
  282. export class FileButtonLineComponent extends React.Component<IFileButtonLineComponentProps> {
  283. constructor(props: IFileButtonLineComponentProps);
  284. onChange(evt: any): void;
  285. render(): JSX.Element;
  286. }
  287. }
  288. declare module NODEEDITOR {
  289. interface IPropertyTabComponentProps {
  290. globalState: GlobalState;
  291. }
  292. export class PropertyTabComponent extends React.Component<IPropertyTabComponentProps, {
  293. currentNode: BABYLON.Nullable<DefaultNodeModel>;
  294. }> {
  295. constructor(props: IPropertyTabComponentProps);
  296. componentWillMount(): void;
  297. load(file: File): void;
  298. render(): JSX.Element;
  299. }
  300. }
  301. declare module NODEEDITOR {
  302. interface IPortalProps {
  303. globalState: GlobalState;
  304. }
  305. export class Portal extends React.Component<IPortalProps> {
  306. render(): React.ReactPortal;
  307. }
  308. }
  309. declare module NODEEDITOR {
  310. interface ITexturePropertyTabComponentProps {
  311. globalState: GlobalState;
  312. node: TextureNodeModel;
  313. }
  314. export class TexturePropertyTabComponent extends React.Component<ITexturePropertyTabComponentProps> {
  315. updateAftertextureLoad(): void;
  316. /**
  317. * Replaces the texture of the node
  318. * @param file the file of the texture to use
  319. */
  320. replaceTexture(file: File): void;
  321. render(): JSX.Element;
  322. }
  323. }
  324. declare module NODEEDITOR {
  325. /**
  326. * Texture node model which stores information about a node editor block
  327. */
  328. export class TextureNodeModel extends DefaultNodeModel {
  329. private _block;
  330. /**
  331. * Texture for the node if it exists
  332. */
  333. texture: BABYLON.Nullable<BABYLON.BaseTexture>;
  334. /**
  335. * Constructs the node model
  336. */
  337. constructor();
  338. renderProperties(globalState: GlobalState): JSX.Element;
  339. prepare(options: NodeCreationOptions, nodes: Array<DefaultNodeModel>, model: DiagramModel, graphEditor: GraphEditor): void;
  340. }
  341. }
  342. declare module NODEEDITOR {
  343. interface ITextureLineComponentProps {
  344. texture: BABYLON.BaseTexture;
  345. width: number;
  346. height: number;
  347. globalState?: any;
  348. hideChannelSelect?: boolean;
  349. }
  350. export class TextureLineComponent extends React.Component<ITextureLineComponentProps, {
  351. displayRed: boolean;
  352. displayGreen: boolean;
  353. displayBlue: boolean;
  354. displayAlpha: boolean;
  355. face: number;
  356. }> {
  357. constructor(props: ITextureLineComponentProps);
  358. shouldComponentUpdate(nextProps: ITextureLineComponentProps, nextState: {
  359. displayRed: boolean;
  360. displayGreen: boolean;
  361. displayBlue: boolean;
  362. displayAlpha: boolean;
  363. face: number;
  364. }): boolean;
  365. componentDidMount(): void;
  366. componentDidUpdate(): void;
  367. updatePreview(): void;
  368. render(): JSX.Element;
  369. }
  370. }
  371. declare module NODEEDITOR {
  372. /**
  373. * GenericNodeWidgetProps
  374. */
  375. export interface ITextureNodeWidgetProps {
  376. node: BABYLON.Nullable<TextureNodeModel>;
  377. globalState: GlobalState;
  378. }
  379. /**
  380. * Used to display a node block for the node editor
  381. */
  382. export class TextureNodeWidget extends React.Component<ITextureNodeWidgetProps> {
  383. /**
  384. * Creates a GenericNodeWidget
  385. * @param props
  386. */
  387. constructor(props: ITextureNodeWidgetProps);
  388. render(): JSX.Element;
  389. }
  390. }
  391. declare module NODEEDITOR {
  392. /**
  393. * Node factory which creates editor nodes
  394. */
  395. export class TextureNodeFactory extends SRD.AbstractNodeFactory {
  396. private _globalState;
  397. /**
  398. * Constructs a TextureNodeFactory
  399. */
  400. constructor(globalState: GlobalState);
  401. /**
  402. * Generates a node widget
  403. * @param diagramEngine diagram engine
  404. * @param node node to generate
  405. * @returns node widget jsx
  406. */
  407. generateReactWidget(diagramEngine: SRD.DiagramEngine, node: TextureNodeModel): JSX.Element;
  408. /**
  409. * Gets a new instance of a node model
  410. * @returns texture node model
  411. */
  412. getNewInstance(): TextureNodeModel;
  413. }
  414. }
  415. declare module NODEEDITOR {
  416. interface INumericInputComponentProps {
  417. label: string;
  418. value: number;
  419. step?: number;
  420. onChange: (value: number) => void;
  421. }
  422. export class NumericInputComponent extends React.Component<INumericInputComponentProps, {
  423. value: string;
  424. }> {
  425. static defaultProps: {
  426. step: number;
  427. };
  428. private _localChange;
  429. constructor(props: INumericInputComponentProps);
  430. shouldComponentUpdate(nextProps: INumericInputComponentProps, nextState: {
  431. value: string;
  432. }): boolean;
  433. updateValue(evt: any): void;
  434. render(): JSX.Element;
  435. }
  436. }
  437. declare module NODEEDITOR {
  438. interface IVector2LineComponentProps {
  439. label: string;
  440. target: any;
  441. propertyName: string;
  442. step?: number;
  443. onChange?: (newvalue: BABYLON.Vector2) => void;
  444. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  445. }
  446. export class Vector2LineComponent extends React.Component<IVector2LineComponentProps, {
  447. isExpanded: boolean;
  448. value: BABYLON.Vector2;
  449. }> {
  450. static defaultProps: {
  451. step: number;
  452. };
  453. private _localChange;
  454. constructor(props: IVector2LineComponentProps);
  455. shouldComponentUpdate(nextProps: IVector2LineComponentProps, nextState: {
  456. isExpanded: boolean;
  457. value: BABYLON.Vector2;
  458. }): boolean;
  459. switchExpandState(): void;
  460. raiseOnPropertyChanged(previousValue: BABYLON.Vector2): void;
  461. updateStateX(value: number): void;
  462. updateStateY(value: number): void;
  463. render(): JSX.Element;
  464. }
  465. }
  466. declare module NODEEDITOR {
  467. interface IVector2PropertyTabComponentProps {
  468. globalState: GlobalState;
  469. inputBlock: BABYLON.InputBlock;
  470. }
  471. export class Vector2PropertyTabComponent extends React.Component<IVector2PropertyTabComponentProps> {
  472. render(): JSX.Element;
  473. }
  474. }
  475. declare module NODEEDITOR {
  476. interface IVector3LineComponentProps {
  477. label: string;
  478. target: any;
  479. propertyName: string;
  480. step?: number;
  481. onChange?: (newvalue: BABYLON.Vector3) => void;
  482. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  483. }
  484. export class Vector3LineComponent extends React.Component<IVector3LineComponentProps, {
  485. isExpanded: boolean;
  486. value: BABYLON.Vector3;
  487. }> {
  488. static defaultProps: {
  489. step: number;
  490. };
  491. private _localChange;
  492. constructor(props: IVector3LineComponentProps);
  493. shouldComponentUpdate(nextProps: IVector3LineComponentProps, nextState: {
  494. isExpanded: boolean;
  495. value: BABYLON.Vector3;
  496. }): boolean;
  497. switchExpandState(): void;
  498. raiseOnPropertyChanged(previousValue: BABYLON.Vector3): void;
  499. updateVector3(): void;
  500. updateStateX(value: number): void;
  501. updateStateY(value: number): void;
  502. updateStateZ(value: number): void;
  503. render(): JSX.Element;
  504. }
  505. }
  506. declare module NODEEDITOR {
  507. interface IVector3PropertyTabComponentProps {
  508. globalState: GlobalState;
  509. inputBlock: BABYLON.InputBlock;
  510. }
  511. export class Vector3PropertyTabComponent extends React.Component<IVector3PropertyTabComponentProps> {
  512. render(): JSX.Element;
  513. }
  514. }
  515. declare module NODEEDITOR {
  516. class ListLineOption {
  517. label: string;
  518. value: number | string;
  519. }
  520. interface IOptionsLineComponentProps {
  521. label: string;
  522. target: any;
  523. propertyName: string;
  524. options: ListLineOption[];
  525. noDirectUpdate?: boolean;
  526. onSelect?: (value: number | string) => void;
  527. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  528. valuesAreStrings?: boolean;
  529. defaultIfNull?: number;
  530. }
  531. export class OptionsLineComponent extends React.Component<IOptionsLineComponentProps, {
  532. value: number | string;
  533. }> {
  534. private _localChange;
  535. private _getValue;
  536. constructor(props: IOptionsLineComponentProps);
  537. shouldComponentUpdate(nextProps: IOptionsLineComponentProps, nextState: {
  538. value: number;
  539. }): boolean;
  540. raiseOnPropertyChanged(newValue: number | string, previousValue: number | string): void;
  541. updateValue(valueString: string): void;
  542. render(): JSX.Element;
  543. }
  544. }
  545. declare module NODEEDITOR {
  546. export interface IColor3LineComponentProps {
  547. label: string;
  548. target: any;
  549. propertyName: string;
  550. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  551. onChange?: () => void;
  552. }
  553. export class Color3LineComponent extends React.Component<IColor3LineComponentProps, {
  554. isExpanded: boolean;
  555. color: BABYLON.Color3;
  556. }> {
  557. private _localChange;
  558. constructor(props: IColor3LineComponentProps);
  559. shouldComponentUpdate(nextProps: IColor3LineComponentProps, nextState: {
  560. color: BABYLON.Color3;
  561. }): boolean;
  562. onChange(newValue: string): void;
  563. switchExpandState(): void;
  564. raiseOnPropertyChanged(previousValue: BABYLON.Color3): void;
  565. updateStateR(value: number): void;
  566. updateStateG(value: number): void;
  567. updateStateB(value: number): void;
  568. copyToClipboard(): void;
  569. render(): JSX.Element;
  570. }
  571. }
  572. declare module NODEEDITOR {
  573. interface IColor3PropertyTabComponentProps {
  574. globalState: GlobalState;
  575. inputBlock: BABYLON.InputBlock;
  576. }
  577. export class Color3PropertyTabComponent extends React.Component<IColor3PropertyTabComponentProps> {
  578. render(): JSX.Element;
  579. }
  580. }
  581. declare module NODEEDITOR {
  582. interface IFloatLineComponentProps {
  583. label: string;
  584. target: any;
  585. propertyName: string;
  586. onChange?: (newValue: number) => void;
  587. isInteger?: boolean;
  588. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  589. additionalClass?: string;
  590. step?: string;
  591. digits?: number;
  592. }
  593. export class FloatLineComponent extends React.Component<IFloatLineComponentProps, {
  594. value: string;
  595. }> {
  596. private _localChange;
  597. private _store;
  598. constructor(props: IFloatLineComponentProps);
  599. shouldComponentUpdate(nextProps: IFloatLineComponentProps, nextState: {
  600. value: string;
  601. }): boolean;
  602. raiseOnPropertyChanged(newValue: number, previousValue: number): void;
  603. updateValue(valueString: string): void;
  604. render(): JSX.Element;
  605. }
  606. }
  607. declare module NODEEDITOR {
  608. interface IFloatPropertyTabComponentProps {
  609. globalState: GlobalState;
  610. inputBlock: BABYLON.InputBlock;
  611. }
  612. export class FloatPropertyTabComponent extends React.Component<IFloatPropertyTabComponentProps> {
  613. render(): JSX.Element;
  614. }
  615. }
  616. declare module NODEEDITOR {
  617. interface IInputPropertyTabComponentProps {
  618. globalState: GlobalState;
  619. inputNode: InputNodeModel;
  620. }
  621. export class InputPropertyTabComponentProps extends React.Component<IInputPropertyTabComponentProps> {
  622. constructor(props: IInputPropertyTabComponentProps);
  623. renderValue(globalState: GlobalState): JSX.Element | null;
  624. setDefaultValue(): void;
  625. render(): JSX.Element;
  626. }
  627. }
  628. declare module NODEEDITOR {
  629. /**
  630. * Generic node model which stores information about a node editor block
  631. */
  632. export class InputNodeModel extends DefaultNodeModel {
  633. readonly inputBlock: BABYLON.InputBlock;
  634. /**
  635. * Constructs the node model
  636. */
  637. constructor();
  638. renderProperties(globalState: GlobalState): JSX.Element;
  639. }
  640. }
  641. declare module NODEEDITOR {
  642. /**
  643. * GenericNodeWidgetProps
  644. */
  645. export interface InputNodeWidgetProps {
  646. node: BABYLON.Nullable<InputNodeModel>;
  647. globalState: GlobalState;
  648. }
  649. /**
  650. * Used to display a node block for the node editor
  651. */
  652. export class InputNodeWidget extends React.Component<InputNodeWidgetProps> {
  653. /**
  654. * Creates a GenericNodeWidget
  655. * @param props
  656. */
  657. constructor(props: InputNodeWidgetProps);
  658. renderValue(value: string): JSX.Element | null;
  659. render(): JSX.Element | null;
  660. }
  661. }
  662. declare module NODEEDITOR {
  663. /**
  664. * Node factory which creates editor nodes
  665. */
  666. export class InputNodeFactory extends SRD.AbstractNodeFactory {
  667. private _globalState;
  668. /**
  669. * Constructs a GenericNodeFactory
  670. */
  671. constructor(globalState: GlobalState);
  672. /**
  673. * Generates a node widget
  674. * @param diagramEngine diagram engine
  675. * @param node node to generate
  676. * @returns node widget jsx
  677. */
  678. generateReactWidget(diagramEngine: SRD.DiagramEngine, node: InputNodeModel): JSX.Element;
  679. /**
  680. * Gets a new instance of a node model
  681. * @returns input node model
  682. */
  683. getNewInstance(): InputNodeModel;
  684. }
  685. }
  686. declare module NODEEDITOR {
  687. interface ILogComponentProps {
  688. globalState: GlobalState;
  689. }
  690. export class LogEntry {
  691. message: string;
  692. isError: boolean;
  693. constructor(message: string, isError: boolean);
  694. }
  695. export class LogComponent extends React.Component<ILogComponentProps, {
  696. logs: LogEntry[];
  697. }> {
  698. constructor(props: ILogComponentProps);
  699. componentWillMount(): void;
  700. componentDidUpdate(): void;
  701. render(): JSX.Element;
  702. }
  703. }
  704. declare module NODEEDITOR {
  705. interface ILightPropertyTabComponentProps {
  706. globalState: GlobalState;
  707. node: LightNodeModel;
  708. }
  709. export class LightPropertyTabComponent extends React.Component<ILightPropertyTabComponentProps> {
  710. render(): JSX.Element;
  711. }
  712. }
  713. declare module NODEEDITOR {
  714. /**
  715. * BABYLON.Light node model which stores information about a node editor block
  716. */
  717. export class LightNodeModel extends DefaultNodeModel {
  718. private _block;
  719. /**
  720. * BABYLON.Light for the node if it exists
  721. */
  722. light: BABYLON.Nullable<BABYLON.Light>;
  723. /**
  724. * Constructs the node model
  725. */
  726. constructor();
  727. renderProperties(globalState: GlobalState): JSX.Element;
  728. prepare(options: NodeCreationOptions, nodes: Array<DefaultNodeModel>, model: DiagramModel, graphEditor: GraphEditor): void;
  729. }
  730. }
  731. declare module NODEEDITOR {
  732. /**
  733. * GenericNodeWidgetProps
  734. */
  735. export interface ILightNodeWidgetProps {
  736. node: BABYLON.Nullable<LightNodeModel>;
  737. globalState: GlobalState;
  738. }
  739. /**
  740. * Used to display a node block for the node editor
  741. */
  742. export class LightNodeWidget extends React.Component<ILightNodeWidgetProps> {
  743. /**
  744. * Creates a GenericNodeWidget
  745. * @param props
  746. */
  747. constructor(props: ILightNodeWidgetProps);
  748. render(): JSX.Element;
  749. }
  750. }
  751. declare module NODEEDITOR {
  752. /**
  753. * Node factory which creates editor nodes
  754. */
  755. export class LightNodeFactory extends SRD.AbstractNodeFactory {
  756. private _globalState;
  757. /**
  758. * Constructs a LightNodeFactory
  759. */
  760. constructor(globalState: GlobalState);
  761. /**
  762. * Generates a node widget
  763. * @param diagramEngine diagram engine
  764. * @param node node to generate
  765. * @returns node widget jsx
  766. */
  767. generateReactWidget(diagramEngine: SRD.DiagramEngine, node: LightNodeModel): JSX.Element;
  768. /**
  769. * Gets a new instance of a node model
  770. * @returns light node model
  771. */
  772. getNewInstance(): LightNodeModel;
  773. }
  774. }
  775. declare module NODEEDITOR {
  776. interface IMessageDialogComponentProps {
  777. globalState: GlobalState;
  778. }
  779. export class MessageDialogComponent extends React.Component<IMessageDialogComponentProps, {
  780. message: string;
  781. isError: boolean;
  782. }> {
  783. constructor(props: IMessageDialogComponentProps);
  784. render(): JSX.Element | null;
  785. }
  786. }
  787. declare module NODEEDITOR {
  788. export class AdvancedLinkFactory extends DefaultLinkFactory {
  789. constructor();
  790. getNewInstance(initialConfig?: any): AdvancedLinkModel;
  791. generateLinkSegment(model: AdvancedLinkModel, widget: DefaultLinkWidget, selected: boolean, path: string): JSX.Element;
  792. }
  793. }
  794. declare module NODEEDITOR {
  795. interface IRemapPropertyTabComponentProps {
  796. globalState: GlobalState;
  797. remapNode: RemapNodeModel;
  798. }
  799. export class RemapPropertyTabComponentProps extends React.Component<IRemapPropertyTabComponentProps> {
  800. constructor(props: IRemapPropertyTabComponentProps);
  801. forceRebuild(): void;
  802. render(): JSX.Element;
  803. }
  804. }
  805. declare module NODEEDITOR {
  806. /**
  807. * Generic node model which stores information about a node editor block
  808. */
  809. export class RemapNodeModel extends DefaultNodeModel {
  810. readonly remapBlock: BABYLON.RemapBlock;
  811. /**
  812. * Constructs the node model
  813. */
  814. constructor();
  815. renderProperties(globalState: GlobalState): JSX.Element;
  816. }
  817. }
  818. declare module NODEEDITOR {
  819. /**
  820. * RemapNodeWidgetProps
  821. */
  822. export interface RemapNodeWidgetProps {
  823. node: BABYLON.Nullable<RemapNodeModel>;
  824. globalState: GlobalState;
  825. }
  826. /**
  827. * Used to display a node block for the node editor
  828. */
  829. export class RemapNodeWidget extends React.Component<RemapNodeWidgetProps> {
  830. /**
  831. * Creates a GenericNodeWidget
  832. * @param props
  833. */
  834. constructor(props: RemapNodeWidgetProps);
  835. renderValue(value: string): JSX.Element | null;
  836. render(): JSX.Element;
  837. }
  838. }
  839. declare module NODEEDITOR {
  840. /**
  841. * Node factory which creates editor nodes
  842. */
  843. export class RemapNodeFactory extends SRD.AbstractNodeFactory {
  844. private _globalState;
  845. /**
  846. * Constructs a GenericNodeFactory
  847. */
  848. constructor(globalState: GlobalState);
  849. /**
  850. * Generates a node widget
  851. * @param diagramEngine diagram engine
  852. * @param node node to generate
  853. * @returns node widget jsx
  854. */
  855. generateReactWidget(diagramEngine: SRD.DiagramEngine, node: RemapNodeModel): JSX.Element;
  856. /**
  857. * Gets a new instance of a node model
  858. * @returns input node model
  859. */
  860. getNewInstance(): RemapNodeModel;
  861. }
  862. }
  863. declare module NODEEDITOR {
  864. export class GraphHelper {
  865. static DistributeGraph(model: DiagramModel): dagre.Node[];
  866. private static _MapElements;
  867. private static _MapEdges;
  868. }
  869. }
  870. declare module NODEEDITOR {
  871. export class PreviewManager {
  872. private _nodeMaterial;
  873. private _onBuildObserver;
  874. private _engine;
  875. private _scene;
  876. private _light;
  877. private _dummySphere;
  878. private _camera;
  879. private _material;
  880. constructor(targetCanvas: HTMLCanvasElement, globalState: GlobalState);
  881. private _updatePreview;
  882. dispose(): void;
  883. }
  884. }
  885. declare module NODEEDITOR {
  886. interface IGraphEditorProps {
  887. globalState: GlobalState;
  888. }
  889. export class NodeCreationOptions {
  890. nodeMaterialBlock: BABYLON.NodeMaterialBlock;
  891. type?: string;
  892. connection?: BABYLON.NodeMaterialConnectionPoint;
  893. }
  894. export class GraphEditor extends React.Component<IGraphEditorProps> {
  895. private readonly NodeWidth;
  896. private _engine;
  897. private _model;
  898. private _startX;
  899. private _moveInProgress;
  900. private _leftWidth;
  901. private _rightWidth;
  902. private _nodes;
  903. private _blocks;
  904. private _previewManager;
  905. /** @hidden */
  906. _toAdd: LinkModel[] | null;
  907. /**
  908. * Creates a node and recursivly creates its parent nodes from it's input
  909. * @param nodeMaterialBlock
  910. */
  911. createNodeFromObject(options: NodeCreationOptions): DefaultNodeModel;
  912. addValueNode(type: string): DefaultNodeModel;
  913. componentDidMount(): void;
  914. componentWillUnmount(): void;
  915. constructor(props: IGraphEditorProps);
  916. zoomToFit(retry?: number): void;
  917. buildMaterial(): void;
  918. build(needToWait?: boolean): void;
  919. reOrganize(): void;
  920. onPointerDown(evt: React.PointerEvent<HTMLDivElement>): void;
  921. onPointerUp(evt: React.PointerEvent<HTMLDivElement>): void;
  922. resizeColumns(evt: React.PointerEvent<HTMLDivElement>, forLeft?: boolean): void;
  923. buildColumnLayout(): string;
  924. emitNewBlock(event: React.DragEvent<HTMLDivElement>): void;
  925. render(): JSX.Element;
  926. }
  927. }
  928. declare module NODEEDITOR {
  929. /**
  930. * Generic node model which stores information about a node editor block
  931. */
  932. export class DefaultNodeModel extends NodeModel {
  933. /**
  934. * The babylon block this node represents
  935. */
  936. block: BABYLON.Nullable<BABYLON.NodeMaterialBlock>;
  937. ports: {
  938. [s: string]: DefaultPortModel;
  939. };
  940. /**
  941. * Constructs the node model
  942. */
  943. constructor(key: string);
  944. prepare(options: NodeCreationOptions, nodes: Array<DefaultNodeModel>, model: DiagramModel, graphEditor: GraphEditor): void;
  945. renderProperties(globalState: GlobalState): JSX.Element | null;
  946. }
  947. }
  948. declare module NODEEDITOR {
  949. export class GlobalState {
  950. nodeMaterial: BABYLON.NodeMaterial;
  951. hostElement: HTMLElement;
  952. hostDocument: HTMLDocument;
  953. onSelectionChangedObservable: BABYLON.Observable<BABYLON.Nullable<DefaultNodeModel>>;
  954. onRebuildRequiredObservable: BABYLON.Observable<void>;
  955. onResetRequiredObservable: BABYLON.Observable<void>;
  956. onUpdateRequiredObservable: BABYLON.Observable<void>;
  957. onZoomToFitRequiredObservable: BABYLON.Observable<void>;
  958. onReOrganizedRequiredObservable: BABYLON.Observable<void>;
  959. onLogRequiredObservable: BABYLON.Observable<LogEntry>;
  960. onErrorMessageDialogRequiredObservable: BABYLON.Observable<string>;
  961. }
  962. }
  963. declare module NODEEDITOR {
  964. export class Popup {
  965. static CreatePopup(title: string, windowVariableName: string, width?: number, height?: number): HTMLDivElement | null;
  966. private static _CopyStyles;
  967. }
  968. }
  969. declare module NODEEDITOR {
  970. /**
  971. * Interface used to specify creation options for the node editor
  972. */
  973. export interface INodeEditorOptions {
  974. nodeMaterial: BABYLON.NodeMaterial;
  975. }
  976. /**
  977. * Class used to create a node editor
  978. */
  979. export class NodeEditor {
  980. /**
  981. * Show the node editor
  982. * @param options defines the options to use to configure the node editor
  983. */
  984. static Show(options: INodeEditorOptions): void;
  985. }
  986. }