babylon.nodeEditor.d.ts 28 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826
  1. /// <reference types="react" />
  2. declare module NODEEDITOR {
  3. export class DataStorage {
  4. private static _InMemoryStorage;
  5. static ReadBoolean(key: string, defaultValue: boolean): boolean;
  6. static StoreBoolean(key: string, value: boolean): void;
  7. static ReadNumber(key: string, defaultValue: number): number;
  8. static StoreNumber(key: string, value: number): void;
  9. }
  10. }
  11. declare module NODEEDITOR {
  12. /**
  13. * Port model
  14. */
  15. export class DefaultPortModel extends PortModel {
  16. /**
  17. * If the port is input or output
  18. */
  19. position: string | "input" | "output";
  20. /**
  21. * What the port is connected to
  22. */
  23. connection: BABYLON.Nullable<BABYLON.NodeMaterialConnectionPoint>;
  24. defaultValue: any;
  25. static idCounter: number;
  26. constructor(name: string, type?: string);
  27. canLinkToPort(port: DefaultPortModel): boolean;
  28. syncWithNodeMaterialConnectionPoint(connection: BABYLON.NodeMaterialConnectionPoint): void;
  29. getNodeModel(): DefaultNodeModel;
  30. link(outPort: DefaultPortModel): LinkModel<import("storm-react-diagrams").LinkModelListener>;
  31. createLinkModel(): LinkModel;
  32. static SortInputOutput(a: BABYLON.Nullable<DefaultPortModel>, b: BABYLON.Nullable<DefaultPortModel>): {
  33. input: DefaultPortModel;
  34. output: DefaultPortModel;
  35. } | null;
  36. }
  37. }
  38. declare module NODEEDITOR {
  39. interface ITextLineComponentProps {
  40. label: string;
  41. value: string;
  42. color?: string;
  43. underline?: boolean;
  44. onLink?: () => void;
  45. }
  46. export class TextLineComponent extends React.Component<ITextLineComponentProps> {
  47. constructor(props: ITextLineComponentProps);
  48. onLink(): void;
  49. renderContent(): JSX.Element;
  50. render(): JSX.Element;
  51. }
  52. }
  53. declare module NODEEDITOR {
  54. interface ILineContainerComponentProps {
  55. title: string;
  56. children: any[] | any;
  57. closed?: boolean;
  58. }
  59. export class LineContainerComponent extends React.Component<ILineContainerComponentProps, {
  60. isExpanded: boolean;
  61. }> {
  62. constructor(props: ILineContainerComponentProps);
  63. switchExpandedState(): void;
  64. renderHeader(): JSX.Element;
  65. render(): JSX.Element;
  66. }
  67. }
  68. declare module NODEEDITOR {
  69. export class PropertyChangedEvent {
  70. object: any;
  71. property: string;
  72. value: any;
  73. initialValue: any;
  74. }
  75. }
  76. declare module NODEEDITOR {
  77. interface ITextInputLineComponentProps {
  78. label: string;
  79. target?: any;
  80. propertyName?: string;
  81. value?: string;
  82. onChange?: (value: string) => void;
  83. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  84. }
  85. export class TextInputLineComponent extends React.Component<ITextInputLineComponentProps, {
  86. value: string;
  87. }> {
  88. private _localChange;
  89. constructor(props: ITextInputLineComponentProps);
  90. shouldComponentUpdate(nextProps: ITextInputLineComponentProps, nextState: {
  91. value: string;
  92. }): boolean;
  93. raiseOnPropertyChanged(newValue: string, previousValue: string): void;
  94. updateValue(value: string): void;
  95. render(): JSX.Element;
  96. }
  97. }
  98. declare module NODEEDITOR {
  99. /**
  100. * Generic node model which stores information about a node editor block
  101. */
  102. export class GenericNodeModel extends DefaultNodeModel {
  103. /**
  104. * BABYLON.Vector2 for the node if it exists
  105. */
  106. vector2: BABYLON.Nullable<BABYLON.Vector2>;
  107. /**
  108. * BABYLON.Vector3 for the node if it exists
  109. */
  110. vector3: BABYLON.Nullable<BABYLON.Vector3>;
  111. /**
  112. * BABYLON.Vector4 for the node if it exists
  113. */
  114. vector4: BABYLON.Nullable<BABYLON.Vector4>;
  115. /**
  116. * BABYLON.Matrix for the node if it exists
  117. */
  118. matrix: BABYLON.Nullable<BABYLON.Matrix>;
  119. /**
  120. * Constructs the node model
  121. */
  122. constructor();
  123. prepare(options: NodeCreationOptions, nodes: Array<DefaultNodeModel>, model: DiagramModel, graphEditor: GraphEditor, filterInputs: string[]): void;
  124. renderProperties(globalState: GlobalState): JSX.Element;
  125. }
  126. }
  127. declare module NODEEDITOR {
  128. /**
  129. * GenericNodeWidgetProps
  130. */
  131. export interface GenericNodeWidgetProps {
  132. node: BABYLON.Nullable<GenericNodeModel>;
  133. globalState: GlobalState;
  134. }
  135. /**
  136. * GenericNodeWidgetState
  137. */
  138. export interface GenericNodeWidgetState {
  139. }
  140. /**
  141. * Used to display a node block for the node editor
  142. */
  143. export class GenericNodeWidget extends React.Component<GenericNodeWidgetProps, GenericNodeWidgetState> {
  144. /**
  145. * Creates a GenericNodeWidget
  146. * @param props
  147. */
  148. constructor(props: GenericNodeWidgetProps);
  149. render(): JSX.Element;
  150. }
  151. }
  152. declare module NODEEDITOR {
  153. /**
  154. * Node factory which creates editor nodes
  155. */
  156. export class GenericNodeFactory extends SRD.AbstractNodeFactory {
  157. private _globalState;
  158. /**
  159. * Constructs a GenericNodeFactory
  160. */
  161. constructor(globalState: GlobalState);
  162. /**
  163. * Generates a node widget
  164. * @param diagramEngine diagram engine
  165. * @param node node to generate
  166. * @returns node widget jsx
  167. */
  168. generateReactWidget(diagramEngine: SRD.DiagramEngine, node: GenericNodeModel): JSX.Element;
  169. /**
  170. * Gets a new instance of a node model
  171. * @returns generic node model
  172. */
  173. getNewInstance(): GenericNodeModel;
  174. }
  175. }
  176. declare module NODEEDITOR {
  177. export interface IButtonLineComponentProps {
  178. label: string;
  179. onClick: () => void;
  180. }
  181. export class ButtonLineComponent extends React.Component<IButtonLineComponentProps> {
  182. constructor(props: IButtonLineComponentProps);
  183. render(): JSX.Element;
  184. }
  185. }
  186. declare module NODEEDITOR {
  187. interface INodeListComponentProps {
  188. globalState: GlobalState;
  189. onAddValueNode: (b: string) => void;
  190. onAddNodeFromClass: (ObjectClass: typeof BABYLON.NodeMaterialBlock) => void;
  191. }
  192. export class NodeListComponent extends React.Component<INodeListComponentProps> {
  193. render(): JSX.Element;
  194. }
  195. }
  196. declare module NODEEDITOR {
  197. interface IPropertyTabComponentProps {
  198. globalState: GlobalState;
  199. }
  200. export class PropertyTabComponent extends React.Component<IPropertyTabComponentProps, {
  201. currentNode: BABYLON.Nullable<DefaultNodeModel>;
  202. }> {
  203. constructor(props: IPropertyTabComponentProps);
  204. componentWillMount(): void;
  205. render(): JSX.Element;
  206. }
  207. }
  208. declare module NODEEDITOR {
  209. interface IPortalProps {
  210. globalState: GlobalState;
  211. }
  212. export class Portal extends React.Component<IPortalProps> {
  213. render(): React.ReactPortal;
  214. }
  215. }
  216. declare module NODEEDITOR {
  217. interface IFileButtonLineComponentProps {
  218. label: string;
  219. onClick: (file: File) => void;
  220. accept: string;
  221. }
  222. export class FileButtonLineComponent extends React.Component<IFileButtonLineComponentProps> {
  223. constructor(props: IFileButtonLineComponentProps);
  224. onChange(evt: any): void;
  225. render(): JSX.Element;
  226. }
  227. }
  228. declare module NODEEDITOR {
  229. export interface ICheckBoxLineComponentProps {
  230. label: string;
  231. target?: any;
  232. propertyName?: string;
  233. isSelected?: () => boolean;
  234. onSelect?: (value: boolean) => void;
  235. onValueChanged?: () => void;
  236. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  237. }
  238. export class CheckBoxLineComponent extends React.Component<ICheckBoxLineComponentProps, {
  239. isSelected: boolean;
  240. }> {
  241. private static _UniqueIdSeed;
  242. private _uniqueId;
  243. private _localChange;
  244. constructor(props: ICheckBoxLineComponentProps);
  245. shouldComponentUpdate(nextProps: ICheckBoxLineComponentProps, nextState: {
  246. isSelected: boolean;
  247. }): boolean;
  248. onChange(): void;
  249. render(): JSX.Element;
  250. }
  251. }
  252. declare module NODEEDITOR {
  253. interface ITexturePropertyTabComponentProps {
  254. globalState: GlobalState;
  255. node: TextureNodeModel;
  256. }
  257. export class TexturePropertyTabComponent extends React.Component<ITexturePropertyTabComponentProps> {
  258. /**
  259. * Replaces the texture of the node
  260. * @param file the file of the texture to use
  261. */
  262. replaceTexture(file: File): void;
  263. render(): JSX.Element;
  264. }
  265. }
  266. declare module NODEEDITOR {
  267. /**
  268. * Texture node model which stores information about a node editor block
  269. */
  270. export class TextureNodeModel extends DefaultNodeModel {
  271. private _block;
  272. /**
  273. * Texture for the node if it exists
  274. */
  275. texture: BABYLON.Nullable<BABYLON.BaseTexture>;
  276. /**
  277. * Constructs the node model
  278. */
  279. constructor();
  280. renderProperties(globalState: GlobalState): JSX.Element;
  281. prepare(options: NodeCreationOptions, nodes: Array<DefaultNodeModel>, model: DiagramModel, graphEditor: GraphEditor, filterInputs: string[]): void;
  282. }
  283. }
  284. declare module NODEEDITOR {
  285. interface ITextureLineComponentProps {
  286. texture: BABYLON.BaseTexture;
  287. width: number;
  288. height: number;
  289. globalState?: any;
  290. hideChannelSelect?: boolean;
  291. }
  292. export class TextureLineComponent extends React.Component<ITextureLineComponentProps, {
  293. displayRed: boolean;
  294. displayGreen: boolean;
  295. displayBlue: boolean;
  296. displayAlpha: boolean;
  297. face: number;
  298. }> {
  299. constructor(props: ITextureLineComponentProps);
  300. shouldComponentUpdate(nextProps: ITextureLineComponentProps, nextState: {
  301. displayRed: boolean;
  302. displayGreen: boolean;
  303. displayBlue: boolean;
  304. displayAlpha: boolean;
  305. face: number;
  306. }): boolean;
  307. componentDidMount(): void;
  308. componentDidUpdate(): void;
  309. updatePreview(): void;
  310. render(): JSX.Element;
  311. }
  312. }
  313. declare module NODEEDITOR {
  314. /**
  315. * GenericNodeWidgetProps
  316. */
  317. export interface ITextureNodeWidgetProps {
  318. node: BABYLON.Nullable<TextureNodeModel>;
  319. globalState: GlobalState;
  320. }
  321. /**
  322. * Used to display a node block for the node editor
  323. */
  324. export class TextureNodeWidget extends React.Component<ITextureNodeWidgetProps> {
  325. /**
  326. * Creates a GenericNodeWidget
  327. * @param props
  328. */
  329. constructor(props: ITextureNodeWidgetProps);
  330. render(): JSX.Element;
  331. }
  332. }
  333. declare module NODEEDITOR {
  334. /**
  335. * Node factory which creates editor nodes
  336. */
  337. export class TextureNodeFactory extends SRD.AbstractNodeFactory {
  338. private _globalState;
  339. /**
  340. * Constructs a TextureNodeFactory
  341. */
  342. constructor(globalState: GlobalState);
  343. /**
  344. * Generates a node widget
  345. * @param diagramEngine diagram engine
  346. * @param node node to generate
  347. * @returns node widget jsx
  348. */
  349. generateReactWidget(diagramEngine: SRD.DiagramEngine, node: TextureNodeModel): JSX.Element;
  350. /**
  351. * Gets a new instance of a node model
  352. * @returns texture node model
  353. */
  354. getNewInstance(): TextureNodeModel;
  355. }
  356. }
  357. declare module NODEEDITOR {
  358. interface INumericInputComponentProps {
  359. label: string;
  360. value: number;
  361. step?: number;
  362. onChange: (value: number) => void;
  363. }
  364. export class NumericInputComponent extends React.Component<INumericInputComponentProps, {
  365. value: string;
  366. }> {
  367. static defaultProps: {
  368. step: number;
  369. };
  370. private _localChange;
  371. constructor(props: INumericInputComponentProps);
  372. shouldComponentUpdate(nextProps: INumericInputComponentProps, nextState: {
  373. value: string;
  374. }): boolean;
  375. updateValue(evt: any): void;
  376. render(): JSX.Element;
  377. }
  378. }
  379. declare module NODEEDITOR {
  380. interface IVector2LineComponentProps {
  381. label: string;
  382. target: any;
  383. propertyName: string;
  384. step?: number;
  385. onChange?: (newvalue: BABYLON.Vector2) => void;
  386. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  387. }
  388. export class Vector2LineComponent extends React.Component<IVector2LineComponentProps, {
  389. isExpanded: boolean;
  390. value: BABYLON.Vector2;
  391. }> {
  392. static defaultProps: {
  393. step: number;
  394. };
  395. private _localChange;
  396. constructor(props: IVector2LineComponentProps);
  397. shouldComponentUpdate(nextProps: IVector2LineComponentProps, nextState: {
  398. isExpanded: boolean;
  399. value: BABYLON.Vector2;
  400. }): boolean;
  401. switchExpandState(): void;
  402. raiseOnPropertyChanged(previousValue: BABYLON.Vector2): void;
  403. updateStateX(value: number): void;
  404. updateStateY(value: number): void;
  405. render(): JSX.Element;
  406. }
  407. }
  408. declare module NODEEDITOR {
  409. interface IVector2PropertyTabComponentProps {
  410. globalState: GlobalState;
  411. inputBlock: BABYLON.InputBlock;
  412. }
  413. export class Vector2PropertyTabComponent extends React.Component<IVector2PropertyTabComponentProps> {
  414. render(): JSX.Element;
  415. }
  416. }
  417. declare module NODEEDITOR {
  418. interface IVector3LineComponentProps {
  419. label: string;
  420. target: any;
  421. propertyName: string;
  422. step?: number;
  423. onChange?: (newvalue: BABYLON.Vector3) => void;
  424. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  425. }
  426. export class Vector3LineComponent extends React.Component<IVector3LineComponentProps, {
  427. isExpanded: boolean;
  428. value: BABYLON.Vector3;
  429. }> {
  430. static defaultProps: {
  431. step: number;
  432. };
  433. private _localChange;
  434. constructor(props: IVector3LineComponentProps);
  435. shouldComponentUpdate(nextProps: IVector3LineComponentProps, nextState: {
  436. isExpanded: boolean;
  437. value: BABYLON.Vector3;
  438. }): boolean;
  439. switchExpandState(): void;
  440. raiseOnPropertyChanged(previousValue: BABYLON.Vector3): void;
  441. updateVector3(): void;
  442. updateStateX(value: number): void;
  443. updateStateY(value: number): void;
  444. updateStateZ(value: number): void;
  445. render(): JSX.Element;
  446. }
  447. }
  448. declare module NODEEDITOR {
  449. interface IVector3PropertyTabComponentProps {
  450. globalState: GlobalState;
  451. inputBlock: BABYLON.InputBlock;
  452. }
  453. export class Vector3PropertyTabComponent extends React.Component<IVector3PropertyTabComponentProps> {
  454. render(): JSX.Element;
  455. }
  456. }
  457. declare module NODEEDITOR {
  458. class ListLineOption {
  459. label: string;
  460. value: number | string;
  461. }
  462. interface IOptionsLineComponentProps {
  463. label: string;
  464. target: any;
  465. propertyName: string;
  466. options: ListLineOption[];
  467. noDirectUpdate?: boolean;
  468. onSelect?: (value: number | string) => void;
  469. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  470. valuesAreStrings?: boolean;
  471. defaultIfNull?: number;
  472. }
  473. export class OptionsLineComponent extends React.Component<IOptionsLineComponentProps, {
  474. value: number | string;
  475. }> {
  476. private _localChange;
  477. private _getValue;
  478. constructor(props: IOptionsLineComponentProps);
  479. shouldComponentUpdate(nextProps: IOptionsLineComponentProps, nextState: {
  480. value: number;
  481. }): boolean;
  482. raiseOnPropertyChanged(newValue: number | string, previousValue: number | string): void;
  483. updateValue(valueString: string): void;
  484. render(): JSX.Element;
  485. }
  486. }
  487. declare module NODEEDITOR {
  488. export interface IColor3LineComponentProps {
  489. label: string;
  490. target: any;
  491. propertyName: string;
  492. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  493. onChange?: () => void;
  494. }
  495. export class Color3LineComponent extends React.Component<IColor3LineComponentProps, {
  496. isExpanded: boolean;
  497. color: BABYLON.Color3;
  498. }> {
  499. private _localChange;
  500. constructor(props: IColor3LineComponentProps);
  501. shouldComponentUpdate(nextProps: IColor3LineComponentProps, nextState: {
  502. color: BABYLON.Color3;
  503. }): boolean;
  504. onChange(newValue: string): void;
  505. switchExpandState(): void;
  506. raiseOnPropertyChanged(previousValue: BABYLON.Color3): void;
  507. updateStateR(value: number): void;
  508. updateStateG(value: number): void;
  509. updateStateB(value: number): void;
  510. copyToClipboard(): void;
  511. render(): JSX.Element;
  512. }
  513. }
  514. declare module NODEEDITOR {
  515. interface IColor3PropertyTabComponentProps {
  516. globalState: GlobalState;
  517. inputBlock: BABYLON.InputBlock;
  518. }
  519. export class Color3PropertyTabComponent extends React.Component<IColor3PropertyTabComponentProps> {
  520. render(): JSX.Element;
  521. }
  522. }
  523. declare module NODEEDITOR {
  524. interface IFloatLineComponentProps {
  525. label: string;
  526. target: any;
  527. propertyName: string;
  528. onChange?: (newValue: number) => void;
  529. isInteger?: boolean;
  530. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  531. additionalClass?: string;
  532. step?: string;
  533. digits?: number;
  534. }
  535. export class FloatLineComponent extends React.Component<IFloatLineComponentProps, {
  536. value: string;
  537. }> {
  538. private _localChange;
  539. private _store;
  540. constructor(props: IFloatLineComponentProps);
  541. shouldComponentUpdate(nextProps: IFloatLineComponentProps, nextState: {
  542. value: string;
  543. }): boolean;
  544. raiseOnPropertyChanged(newValue: number, previousValue: number): void;
  545. updateValue(valueString: string): void;
  546. render(): JSX.Element;
  547. }
  548. }
  549. declare module NODEEDITOR {
  550. interface IFloatPropertyTabComponentProps {
  551. globalState: GlobalState;
  552. inputBlock: BABYLON.InputBlock;
  553. }
  554. export class FloatPropertyTabComponent extends React.Component<IFloatPropertyTabComponentProps> {
  555. render(): JSX.Element;
  556. }
  557. }
  558. declare module NODEEDITOR {
  559. export class StringTools {
  560. /**
  561. * Gets the base math type of node material block connection point.
  562. * @param type Type to parse.
  563. */
  564. static GetBaseType(type: BABYLON.NodeMaterialBlockConnectionPointTypes): string;
  565. }
  566. }
  567. declare module NODEEDITOR {
  568. interface IInputPropertyTabComponentProps {
  569. globalState: GlobalState;
  570. inputNode: InputNodeModel;
  571. }
  572. export class InputPropertyTabComponentProps extends React.Component<IInputPropertyTabComponentProps> {
  573. constructor(props: IInputPropertyTabComponentProps);
  574. renderValue(globalState: GlobalState): JSX.Element | null;
  575. setDefaultValue(): void;
  576. render(): JSX.Element;
  577. }
  578. }
  579. declare module NODEEDITOR {
  580. /**
  581. * Generic node model which stores information about a node editor block
  582. */
  583. export class InputNodeModel extends DefaultNodeModel {
  584. outputType: BABYLON.NodeMaterialBlockConnectionPointTypes;
  585. readonly inputBlock: BABYLON.InputBlock;
  586. /**
  587. * Constructs the node model
  588. */
  589. constructor();
  590. renderProperties(globalState: GlobalState): JSX.Element;
  591. }
  592. }
  593. declare module NODEEDITOR {
  594. /**
  595. * GenericNodeWidgetProps
  596. */
  597. export interface InputNodeWidgetProps {
  598. node: BABYLON.Nullable<InputNodeModel>;
  599. globalState: GlobalState;
  600. }
  601. /**
  602. * Used to display a node block for the node editor
  603. */
  604. export class InputNodeWidget extends React.Component<InputNodeWidgetProps> {
  605. /**
  606. * Creates a GenericNodeWidget
  607. * @param props
  608. */
  609. constructor(props: InputNodeWidgetProps);
  610. renderValue(value: string): JSX.Element | null;
  611. render(): JSX.Element;
  612. }
  613. }
  614. declare module NODEEDITOR {
  615. /**
  616. * Node factory which creates editor nodes
  617. */
  618. export class InputNodeFactory extends SRD.AbstractNodeFactory {
  619. private _globalState;
  620. /**
  621. * Constructs a GenericNodeFactory
  622. */
  623. constructor(globalState: GlobalState);
  624. /**
  625. * Generates a node widget
  626. * @param diagramEngine diagram engine
  627. * @param node node to generate
  628. * @returns node widget jsx
  629. */
  630. generateReactWidget(diagramEngine: SRD.DiagramEngine, node: InputNodeModel): JSX.Element;
  631. /**
  632. * Gets a new instance of a node model
  633. * @returns input node model
  634. */
  635. getNewInstance(): InputNodeModel;
  636. }
  637. }
  638. declare module NODEEDITOR {
  639. interface ILogComponentProps {
  640. globalState: GlobalState;
  641. }
  642. export class LogEntry {
  643. message: string;
  644. isError: boolean;
  645. constructor(message: string, isError: boolean);
  646. }
  647. export class LogComponent extends React.Component<ILogComponentProps, {
  648. logs: LogEntry[];
  649. }> {
  650. constructor(props: ILogComponentProps);
  651. componentWillMount(): void;
  652. componentDidUpdate(): void;
  653. render(): JSX.Element;
  654. }
  655. }
  656. declare module NODEEDITOR {
  657. interface ILightPropertyTabComponentProps {
  658. globalState: GlobalState;
  659. node: LightNodeModel;
  660. }
  661. export class LightPropertyTabComponent extends React.Component<ILightPropertyTabComponentProps> {
  662. render(): JSX.Element;
  663. }
  664. }
  665. declare module NODEEDITOR {
  666. /**
  667. * BABYLON.Light node model which stores information about a node editor block
  668. */
  669. export class LightNodeModel extends DefaultNodeModel {
  670. private _block;
  671. /**
  672. * BABYLON.Light for the node if it exists
  673. */
  674. light: BABYLON.Nullable<BABYLON.Light>;
  675. /**
  676. * Constructs the node model
  677. */
  678. constructor();
  679. renderProperties(globalState: GlobalState): JSX.Element;
  680. prepare(options: NodeCreationOptions, nodes: Array<DefaultNodeModel>, model: DiagramModel, graphEditor: GraphEditor, filterInputs: string[]): void;
  681. }
  682. }
  683. declare module NODEEDITOR {
  684. /**
  685. * GenericNodeWidgetProps
  686. */
  687. export interface ILightNodeWidgetProps {
  688. node: BABYLON.Nullable<LightNodeModel>;
  689. globalState: GlobalState;
  690. }
  691. /**
  692. * Used to display a node block for the node editor
  693. */
  694. export class LightNodeWidget extends React.Component<ILightNodeWidgetProps> {
  695. /**
  696. * Creates a GenericNodeWidget
  697. * @param props
  698. */
  699. constructor(props: ILightNodeWidgetProps);
  700. render(): JSX.Element;
  701. }
  702. }
  703. declare module NODEEDITOR {
  704. /**
  705. * Node factory which creates editor nodes
  706. */
  707. export class LightNodeFactory extends SRD.AbstractNodeFactory {
  708. private _globalState;
  709. /**
  710. * Constructs a LightNodeFactory
  711. */
  712. constructor(globalState: GlobalState);
  713. /**
  714. * Generates a node widget
  715. * @param diagramEngine diagram engine
  716. * @param node node to generate
  717. * @returns node widget jsx
  718. */
  719. generateReactWidget(diagramEngine: SRD.DiagramEngine, node: LightNodeModel): JSX.Element;
  720. /**
  721. * Gets a new instance of a node model
  722. * @returns light node model
  723. */
  724. getNewInstance(): LightNodeModel;
  725. }
  726. }
  727. declare module NODEEDITOR {
  728. interface IGraphEditorProps {
  729. globalState: GlobalState;
  730. }
  731. export class NodeCreationOptions {
  732. column: number;
  733. nodeMaterialBlock: BABYLON.NodeMaterialBlock;
  734. type?: string;
  735. connection?: BABYLON.NodeMaterialConnectionPoint;
  736. }
  737. export class GraphEditor extends React.Component<IGraphEditorProps> {
  738. private _engine;
  739. private _model;
  740. private _nodes;
  741. /** @hidden */
  742. _toAdd: LinkModel[] | null;
  743. /**
  744. * Current row/column position used when adding new nodes
  745. */
  746. private _rowPos;
  747. /**
  748. * Creates a node and recursivly creates its parent nodes from it's input
  749. * @param nodeMaterialBlock
  750. */
  751. createNodeFromObject(options: NodeCreationOptions): DefaultNodeModel;
  752. componentDidMount(): void;
  753. componentWillUnmount(): void;
  754. constructor(props: IGraphEditorProps);
  755. buildMaterial(): void;
  756. build(): void;
  757. addNodeFromClass(ObjectClass: typeof BABYLON.NodeMaterialBlock): DefaultNodeModel;
  758. addValueNode(type: string, column?: number, connection?: BABYLON.NodeMaterialConnectionPoint): DefaultNodeModel;
  759. private _startX;
  760. private _moveInProgress;
  761. private _leftWidth;
  762. private _rightWidth;
  763. onPointerDown(evt: React.PointerEvent<HTMLDivElement>): void;
  764. onPointerUp(evt: React.PointerEvent<HTMLDivElement>): void;
  765. resizeColumns(evt: React.PointerEvent<HTMLDivElement>, forLeft?: boolean): void;
  766. buildColumnLayout(): string;
  767. render(): JSX.Element;
  768. }
  769. }
  770. declare module NODEEDITOR {
  771. /**
  772. * Generic node model which stores information about a node editor block
  773. */
  774. export class DefaultNodeModel extends NodeModel {
  775. /**
  776. * The babylon block this node represents
  777. */
  778. block: BABYLON.Nullable<BABYLON.NodeMaterialBlock>;
  779. ports: {
  780. [s: string]: DefaultPortModel;
  781. };
  782. /**
  783. * Constructs the node model
  784. */
  785. constructor(key: string);
  786. prepare(options: NodeCreationOptions, nodes: Array<DefaultNodeModel>, model: DiagramModel, graphEditor: GraphEditor, filterInputs: string[]): void;
  787. renderProperties(globalState: GlobalState): JSX.Element | null;
  788. }
  789. }
  790. declare module NODEEDITOR {
  791. export class GlobalState {
  792. nodeMaterial?: BABYLON.NodeMaterial;
  793. hostElement: HTMLElement;
  794. hostDocument: HTMLDocument;
  795. onSelectionChangedObservable: BABYLON.Observable<BABYLON.Nullable<DefaultNodeModel>>;
  796. onRebuildRequiredObservable: BABYLON.Observable<void>;
  797. onResetRequiredObservable: BABYLON.Observable<void>;
  798. onUpdateRequiredObservable: BABYLON.Observable<void>;
  799. onZoomToFitRequiredObservable: BABYLON.Observable<void>;
  800. onLogRequiredObservable: BABYLON.Observable<LogEntry>;
  801. }
  802. }
  803. declare module NODEEDITOR {
  804. export class Popup {
  805. static CreatePopup(title: string, windowVariableName: string, width?: number, height?: number): HTMLDivElement | null;
  806. private static _CopyStyles;
  807. }
  808. }
  809. declare module NODEEDITOR {
  810. /**
  811. * Interface used to specify creation options for the node editor
  812. */
  813. export interface INodeEditorOptions {
  814. nodeMaterial: BABYLON.NodeMaterial;
  815. }
  816. /**
  817. * Class used to create a node editor
  818. */
  819. export class NodeEditor {
  820. /**
  821. * Show the node editor
  822. * @param options defines the options to use to configure the node editor
  823. */
  824. static Show(options: INodeEditorOptions): void;
  825. }
  826. }