babylon.nodeEditor.d.ts 37 KB

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