babylon.nodeEditor.d.ts 29 KB

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