babylon.nodeEditor.d.ts 38 KB

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