babylon.nodeEditor.d.ts 38 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099
  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 | BABYLON.LerpBlock | BABYLON.DivideBlock | BABYLON.SubtractBlock | BABYLON.StepBlock | 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. filter: string;
  251. }> {
  252. constructor(props: INodeListComponentProps);
  253. filterContent(filter: string): void;
  254. render(): JSX.Element;
  255. }
  256. }
  257. declare module NODEEDITOR {
  258. export interface IButtonLineComponentProps {
  259. label: string;
  260. onClick: () => void;
  261. }
  262. export class ButtonLineComponent extends React.Component<IButtonLineComponentProps> {
  263. constructor(props: IButtonLineComponentProps);
  264. render(): JSX.Element;
  265. }
  266. }
  267. declare module NODEEDITOR {
  268. export class StringTools {
  269. /**
  270. * Gets the base math type of node material block connection point.
  271. * @param type Type to parse.
  272. */
  273. static GetBaseType(type: BABYLON.NodeMaterialBlockConnectionPointTypes): string;
  274. /**
  275. * Download a string into a file that will be saved locally by the browser
  276. * @param content defines the string to download locally as a file
  277. */
  278. static DownloadAsFile(content: string, filename: string): void;
  279. }
  280. }
  281. declare module NODEEDITOR {
  282. interface IFileButtonLineComponentProps {
  283. label: string;
  284. onClick: (file: File) => void;
  285. accept: string;
  286. }
  287. export class FileButtonLineComponent extends React.Component<IFileButtonLineComponentProps> {
  288. constructor(props: IFileButtonLineComponentProps);
  289. onChange(evt: any): void;
  290. render(): JSX.Element;
  291. }
  292. }
  293. declare module NODEEDITOR {
  294. export interface INodeLocationInfo {
  295. blockId: number;
  296. x: number;
  297. y: number;
  298. }
  299. }
  300. declare module NODEEDITOR {
  301. interface IPropertyTabComponentProps {
  302. globalState: GlobalState;
  303. }
  304. export class PropertyTabComponent extends React.Component<IPropertyTabComponentProps, {
  305. currentNode: BABYLON.Nullable<DefaultNodeModel>;
  306. }> {
  307. constructor(props: IPropertyTabComponentProps);
  308. componentWillMount(): void;
  309. load(file: File): void;
  310. save(): void;
  311. render(): JSX.Element;
  312. }
  313. }
  314. declare module NODEEDITOR {
  315. interface IPortalProps {
  316. globalState: GlobalState;
  317. }
  318. export class Portal extends React.Component<IPortalProps> {
  319. render(): React.ReactPortal;
  320. }
  321. }
  322. declare module NODEEDITOR {
  323. interface ITexturePropertyTabComponentProps {
  324. globalState: GlobalState;
  325. node: TextureNodeModel;
  326. }
  327. export class TexturePropertyTabComponent extends React.Component<ITexturePropertyTabComponentProps> {
  328. updateAftertextureLoad(): void;
  329. /**
  330. * Replaces the texture of the node
  331. * @param file the file of the texture to use
  332. */
  333. replaceTexture(file: File): void;
  334. render(): JSX.Element;
  335. }
  336. }
  337. declare module NODEEDITOR {
  338. /**
  339. * Texture node model which stores information about a node editor block
  340. */
  341. export class TextureNodeModel extends DefaultNodeModel {
  342. private _block;
  343. /**
  344. * Texture for the node if it exists
  345. */
  346. texture: BABYLON.Nullable<BABYLON.BaseTexture>;
  347. /**
  348. * Constructs the node model
  349. */
  350. constructor();
  351. renderProperties(globalState: GlobalState): JSX.Element;
  352. prepare(options: NodeCreationOptions, nodes: Array<DefaultNodeModel>, model: DiagramModel, graphEditor: GraphEditor): void;
  353. }
  354. }
  355. declare module NODEEDITOR {
  356. interface ITextureLineComponentProps {
  357. texture: BABYLON.BaseTexture;
  358. width: number;
  359. height: number;
  360. globalState?: any;
  361. hideChannelSelect?: boolean;
  362. }
  363. export class TextureLineComponent extends React.Component<ITextureLineComponentProps, {
  364. displayRed: boolean;
  365. displayGreen: boolean;
  366. displayBlue: boolean;
  367. displayAlpha: boolean;
  368. face: number;
  369. }> {
  370. constructor(props: ITextureLineComponentProps);
  371. shouldComponentUpdate(nextProps: ITextureLineComponentProps, nextState: {
  372. displayRed: boolean;
  373. displayGreen: boolean;
  374. displayBlue: boolean;
  375. displayAlpha: boolean;
  376. face: number;
  377. }): boolean;
  378. componentDidMount(): void;
  379. componentDidUpdate(): void;
  380. updatePreview(): void;
  381. render(): JSX.Element;
  382. }
  383. }
  384. declare module NODEEDITOR {
  385. /**
  386. * GenericNodeWidgetProps
  387. */
  388. export interface ITextureNodeWidgetProps {
  389. node: BABYLON.Nullable<TextureNodeModel>;
  390. globalState: GlobalState;
  391. }
  392. /**
  393. * Used to display a node block for the node editor
  394. */
  395. export class TextureNodeWidget extends React.Component<ITextureNodeWidgetProps> {
  396. /**
  397. * Creates a GenericNodeWidget
  398. * @param props
  399. */
  400. constructor(props: ITextureNodeWidgetProps);
  401. render(): JSX.Element;
  402. }
  403. }
  404. declare module NODEEDITOR {
  405. /**
  406. * Node factory which creates editor nodes
  407. */
  408. export class TextureNodeFactory extends SRD.AbstractNodeFactory {
  409. private _globalState;
  410. /**
  411. * Constructs a TextureNodeFactory
  412. */
  413. constructor(globalState: GlobalState);
  414. /**
  415. * Generates a node widget
  416. * @param diagramEngine diagram engine
  417. * @param node node to generate
  418. * @returns node widget jsx
  419. */
  420. generateReactWidget(diagramEngine: SRD.DiagramEngine, node: TextureNodeModel): JSX.Element;
  421. /**
  422. * Gets a new instance of a node model
  423. * @returns texture node model
  424. */
  425. getNewInstance(): TextureNodeModel;
  426. }
  427. }
  428. declare module NODEEDITOR {
  429. interface INumericInputComponentProps {
  430. label: string;
  431. value: number;
  432. step?: number;
  433. onChange: (value: number) => void;
  434. }
  435. export class NumericInputComponent extends React.Component<INumericInputComponentProps, {
  436. value: string;
  437. }> {
  438. static defaultProps: {
  439. step: number;
  440. };
  441. private _localChange;
  442. constructor(props: INumericInputComponentProps);
  443. shouldComponentUpdate(nextProps: INumericInputComponentProps, nextState: {
  444. value: string;
  445. }): boolean;
  446. updateValue(evt: any): void;
  447. render(): JSX.Element;
  448. }
  449. }
  450. declare module NODEEDITOR {
  451. interface IVector2LineComponentProps {
  452. label: string;
  453. target: any;
  454. propertyName: string;
  455. step?: number;
  456. onChange?: (newvalue: BABYLON.Vector2) => void;
  457. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  458. }
  459. export class Vector2LineComponent extends React.Component<IVector2LineComponentProps, {
  460. isExpanded: boolean;
  461. value: BABYLON.Vector2;
  462. }> {
  463. static defaultProps: {
  464. step: number;
  465. };
  466. private _localChange;
  467. constructor(props: IVector2LineComponentProps);
  468. shouldComponentUpdate(nextProps: IVector2LineComponentProps, nextState: {
  469. isExpanded: boolean;
  470. value: BABYLON.Vector2;
  471. }): boolean;
  472. switchExpandState(): void;
  473. raiseOnPropertyChanged(previousValue: BABYLON.Vector2): void;
  474. updateStateX(value: number): void;
  475. updateStateY(value: number): void;
  476. render(): JSX.Element;
  477. }
  478. }
  479. declare module NODEEDITOR {
  480. interface IVector2PropertyTabComponentProps {
  481. globalState: GlobalState;
  482. inputBlock: BABYLON.InputBlock;
  483. }
  484. export class Vector2PropertyTabComponent extends React.Component<IVector2PropertyTabComponentProps> {
  485. render(): JSX.Element;
  486. }
  487. }
  488. declare module NODEEDITOR {
  489. interface IVector3LineComponentProps {
  490. label: string;
  491. target: any;
  492. propertyName: string;
  493. step?: number;
  494. onChange?: (newvalue: BABYLON.Vector3) => void;
  495. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  496. }
  497. export class Vector3LineComponent extends React.Component<IVector3LineComponentProps, {
  498. isExpanded: boolean;
  499. value: BABYLON.Vector3;
  500. }> {
  501. static defaultProps: {
  502. step: number;
  503. };
  504. private _localChange;
  505. constructor(props: IVector3LineComponentProps);
  506. shouldComponentUpdate(nextProps: IVector3LineComponentProps, nextState: {
  507. isExpanded: boolean;
  508. value: BABYLON.Vector3;
  509. }): boolean;
  510. switchExpandState(): void;
  511. raiseOnPropertyChanged(previousValue: BABYLON.Vector3): void;
  512. updateVector3(): void;
  513. updateStateX(value: number): void;
  514. updateStateY(value: number): void;
  515. updateStateZ(value: number): void;
  516. render(): JSX.Element;
  517. }
  518. }
  519. declare module NODEEDITOR {
  520. interface IVector3PropertyTabComponentProps {
  521. globalState: GlobalState;
  522. inputBlock: BABYLON.InputBlock;
  523. }
  524. export class Vector3PropertyTabComponent extends React.Component<IVector3PropertyTabComponentProps> {
  525. render(): JSX.Element;
  526. }
  527. }
  528. declare module NODEEDITOR {
  529. class ListLineOption {
  530. label: string;
  531. value: number | string;
  532. }
  533. interface IOptionsLineComponentProps {
  534. label: string;
  535. target: any;
  536. propertyName?: string;
  537. options: ListLineOption[];
  538. noDirectUpdate?: boolean;
  539. onSelect?: (value: number | string) => void;
  540. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  541. valuesAreStrings?: boolean;
  542. defaultIfNull?: number;
  543. getSelection?: (target: any) => number;
  544. }
  545. export class OptionsLineComponent extends React.Component<IOptionsLineComponentProps, {
  546. value: number | string;
  547. }> {
  548. private _localChange;
  549. private _getValue;
  550. constructor(props: IOptionsLineComponentProps);
  551. shouldComponentUpdate(nextProps: IOptionsLineComponentProps, nextState: {
  552. value: number;
  553. }): boolean;
  554. raiseOnPropertyChanged(newValue: number | string, previousValue: number | string): void;
  555. updateValue(valueString: string): void;
  556. render(): JSX.Element;
  557. }
  558. }
  559. declare module NODEEDITOR {
  560. export interface IColor3LineComponentProps {
  561. label: string;
  562. target: any;
  563. propertyName: string;
  564. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  565. onChange?: () => void;
  566. }
  567. export class Color3LineComponent extends React.Component<IColor3LineComponentProps, {
  568. isExpanded: boolean;
  569. color: BABYLON.Color3;
  570. }> {
  571. private _localChange;
  572. constructor(props: IColor3LineComponentProps);
  573. shouldComponentUpdate(nextProps: IColor3LineComponentProps, nextState: {
  574. color: BABYLON.Color3;
  575. }): boolean;
  576. onChange(newValue: string): void;
  577. switchExpandState(): void;
  578. raiseOnPropertyChanged(previousValue: BABYLON.Color3): void;
  579. updateStateR(value: number): void;
  580. updateStateG(value: number): void;
  581. updateStateB(value: number): void;
  582. copyToClipboard(): void;
  583. render(): JSX.Element;
  584. }
  585. }
  586. declare module NODEEDITOR {
  587. interface IColor3PropertyTabComponentProps {
  588. globalState: GlobalState;
  589. inputBlock: BABYLON.InputBlock;
  590. }
  591. export class Color3PropertyTabComponent extends React.Component<IColor3PropertyTabComponentProps> {
  592. render(): JSX.Element;
  593. }
  594. }
  595. declare module NODEEDITOR {
  596. interface IFloatLineComponentProps {
  597. label: string;
  598. target: any;
  599. propertyName: string;
  600. onChange?: (newValue: number) => void;
  601. isInteger?: boolean;
  602. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  603. additionalClass?: string;
  604. step?: string;
  605. digits?: number;
  606. }
  607. export class FloatLineComponent extends React.Component<IFloatLineComponentProps, {
  608. value: string;
  609. }> {
  610. private _localChange;
  611. private _store;
  612. constructor(props: IFloatLineComponentProps);
  613. shouldComponentUpdate(nextProps: IFloatLineComponentProps, nextState: {
  614. value: string;
  615. }): boolean;
  616. raiseOnPropertyChanged(newValue: number, previousValue: number): void;
  617. updateValue(valueString: string): void;
  618. render(): JSX.Element;
  619. }
  620. }
  621. declare module NODEEDITOR {
  622. interface IFloatPropertyTabComponentProps {
  623. globalState: GlobalState;
  624. inputBlock: BABYLON.InputBlock;
  625. }
  626. export class FloatPropertyTabComponent extends React.Component<IFloatPropertyTabComponentProps> {
  627. render(): JSX.Element;
  628. }
  629. }
  630. declare module NODEEDITOR {
  631. interface IInputPropertyTabComponentProps {
  632. globalState: GlobalState;
  633. inputNode: InputNodeModel;
  634. }
  635. export class InputPropertyTabComponentProps extends React.Component<IInputPropertyTabComponentProps> {
  636. constructor(props: IInputPropertyTabComponentProps);
  637. renderValue(globalState: GlobalState): JSX.Element | null;
  638. setDefaultValue(): void;
  639. render(): JSX.Element;
  640. }
  641. }
  642. declare module NODEEDITOR {
  643. /**
  644. * Generic node model which stores information about a node editor block
  645. */
  646. export class InputNodeModel extends DefaultNodeModel {
  647. readonly inputBlock: BABYLON.InputBlock;
  648. /**
  649. * Constructs the node model
  650. */
  651. constructor();
  652. renderProperties(globalState: GlobalState): JSX.Element;
  653. }
  654. }
  655. declare module NODEEDITOR {
  656. /**
  657. * GenericNodeWidgetProps
  658. */
  659. export interface IInputNodeWidgetProps {
  660. node: BABYLON.Nullable<InputNodeModel>;
  661. globalState: GlobalState;
  662. }
  663. /**
  664. * Used to display a node block for the node editor
  665. */
  666. export class InputNodeWidget extends React.Component<IInputNodeWidgetProps> {
  667. /**
  668. * Creates a GenericNodeWidget
  669. * @param props
  670. */
  671. constructor(props: IInputNodeWidgetProps);
  672. renderValue(value: string): JSX.Element | null;
  673. render(): JSX.Element | null;
  674. }
  675. }
  676. declare module NODEEDITOR {
  677. /**
  678. * Node factory which creates editor nodes
  679. */
  680. export class InputNodeFactory extends SRD.AbstractNodeFactory {
  681. private _globalState;
  682. /**
  683. * Constructs a GenericNodeFactory
  684. */
  685. constructor(globalState: GlobalState);
  686. /**
  687. * Generates a node widget
  688. * @param diagramEngine diagram engine
  689. * @param node node to generate
  690. * @returns node widget jsx
  691. */
  692. generateReactWidget(diagramEngine: SRD.DiagramEngine, node: InputNodeModel): JSX.Element;
  693. /**
  694. * Gets a new instance of a node model
  695. * @returns input node model
  696. */
  697. getNewInstance(): InputNodeModel;
  698. }
  699. }
  700. declare module NODEEDITOR {
  701. interface ILogComponentProps {
  702. globalState: GlobalState;
  703. }
  704. export class LogEntry {
  705. message: string;
  706. isError: boolean;
  707. constructor(message: string, isError: boolean);
  708. }
  709. export class LogComponent extends React.Component<ILogComponentProps, {
  710. logs: LogEntry[];
  711. }> {
  712. constructor(props: ILogComponentProps);
  713. componentWillMount(): void;
  714. componentDidUpdate(): void;
  715. render(): JSX.Element;
  716. }
  717. }
  718. declare module NODEEDITOR {
  719. interface ILightPropertyTabComponentProps {
  720. globalState: GlobalState;
  721. node: LightNodeModel;
  722. }
  723. export class LightPropertyTabComponent extends React.Component<ILightPropertyTabComponentProps> {
  724. render(): JSX.Element;
  725. }
  726. }
  727. declare module NODEEDITOR {
  728. /**
  729. * BABYLON.Light node model which stores information about a node editor block
  730. */
  731. export class LightNodeModel extends DefaultNodeModel {
  732. private _block;
  733. /**
  734. * BABYLON.Light for the node if it exists
  735. */
  736. light: BABYLON.Nullable<BABYLON.Light>;
  737. /**
  738. * Constructs the node model
  739. */
  740. constructor();
  741. renderProperties(globalState: GlobalState): JSX.Element;
  742. prepare(options: NodeCreationOptions, nodes: Array<DefaultNodeModel>, model: DiagramModel, graphEditor: GraphEditor): void;
  743. }
  744. }
  745. declare module NODEEDITOR {
  746. /**
  747. * GenericNodeWidgetProps
  748. */
  749. export interface ILightNodeWidgetProps {
  750. node: BABYLON.Nullable<LightNodeModel>;
  751. globalState: GlobalState;
  752. }
  753. /**
  754. * Used to display a node block for the node editor
  755. */
  756. export class LightNodeWidget extends React.Component<ILightNodeWidgetProps> {
  757. /**
  758. * Creates a GenericNodeWidget
  759. * @param props
  760. */
  761. constructor(props: ILightNodeWidgetProps);
  762. render(): JSX.Element;
  763. }
  764. }
  765. declare module NODEEDITOR {
  766. /**
  767. * Node factory which creates editor nodes
  768. */
  769. export class LightNodeFactory extends SRD.AbstractNodeFactory {
  770. private _globalState;
  771. /**
  772. * Constructs a LightNodeFactory
  773. */
  774. constructor(globalState: GlobalState);
  775. /**
  776. * Generates a node widget
  777. * @param diagramEngine diagram engine
  778. * @param node node to generate
  779. * @returns node widget jsx
  780. */
  781. generateReactWidget(diagramEngine: SRD.DiagramEngine, node: LightNodeModel): JSX.Element;
  782. /**
  783. * Gets a new instance of a node model
  784. * @returns light node model
  785. */
  786. getNewInstance(): LightNodeModel;
  787. }
  788. }
  789. declare module NODEEDITOR {
  790. interface IMessageDialogComponentProps {
  791. globalState: GlobalState;
  792. }
  793. export class MessageDialogComponent extends React.Component<IMessageDialogComponentProps, {
  794. message: string;
  795. isError: boolean;
  796. }> {
  797. constructor(props: IMessageDialogComponentProps);
  798. render(): JSX.Element | null;
  799. }
  800. }
  801. declare module NODEEDITOR {
  802. export class AdvancedLinkFactory extends DefaultLinkFactory {
  803. constructor();
  804. getNewInstance(initialConfig?: any): AdvancedLinkModel;
  805. generateLinkSegment(model: AdvancedLinkModel, widget: DefaultLinkWidget, selected: boolean, path: string): JSX.Element;
  806. }
  807. }
  808. declare module NODEEDITOR {
  809. interface IRemapPropertyTabComponentProps {
  810. globalState: GlobalState;
  811. remapNode: RemapNodeModel;
  812. }
  813. export class RemapPropertyTabComponentProps extends React.Component<IRemapPropertyTabComponentProps> {
  814. constructor(props: IRemapPropertyTabComponentProps);
  815. forceRebuild(): void;
  816. render(): JSX.Element;
  817. }
  818. }
  819. declare module NODEEDITOR {
  820. /**
  821. * Generic node model which stores information about a node editor block
  822. */
  823. export class RemapNodeModel extends DefaultNodeModel {
  824. readonly remapBlock: BABYLON.RemapBlock;
  825. /**
  826. * Constructs the node model
  827. */
  828. constructor();
  829. renderProperties(globalState: GlobalState): JSX.Element;
  830. }
  831. }
  832. declare module NODEEDITOR {
  833. /**
  834. * RemapNodeWidgetProps
  835. */
  836. export interface RemapNodeWidgetProps {
  837. node: BABYLON.Nullable<RemapNodeModel>;
  838. globalState: GlobalState;
  839. }
  840. /**
  841. * Used to display a node block for the node editor
  842. */
  843. export class RemapNodeWidget extends React.Component<RemapNodeWidgetProps> {
  844. /**
  845. * Creates a GenericNodeWidget
  846. * @param props
  847. */
  848. constructor(props: RemapNodeWidgetProps);
  849. renderValue(value: string): JSX.Element | null;
  850. render(): JSX.Element;
  851. }
  852. }
  853. declare module NODEEDITOR {
  854. /**
  855. * Node factory which creates editor nodes
  856. */
  857. export class RemapNodeFactory extends SRD.AbstractNodeFactory {
  858. private _globalState;
  859. /**
  860. * Constructs a GenericNodeFactory
  861. */
  862. constructor(globalState: GlobalState);
  863. /**
  864. * Generates a node widget
  865. * @param diagramEngine diagram engine
  866. * @param node node to generate
  867. * @returns node widget jsx
  868. */
  869. generateReactWidget(diagramEngine: SRD.DiagramEngine, node: RemapNodeModel): JSX.Element;
  870. /**
  871. * Gets a new instance of a node model
  872. * @returns input node model
  873. */
  874. getNewInstance(): RemapNodeModel;
  875. }
  876. }
  877. declare module NODEEDITOR {
  878. export class GraphHelper {
  879. static DistributeGraph(model: DiagramModel): dagre.Node[];
  880. private static _MapElements;
  881. private static _MapEdges;
  882. }
  883. }
  884. declare module NODEEDITOR {
  885. export enum PreviewMeshType {
  886. Sphere = 0,
  887. Box = 1,
  888. Torus = 2,
  889. Cylinder = 3
  890. }
  891. }
  892. declare module NODEEDITOR {
  893. export class PreviewManager {
  894. private _nodeMaterial;
  895. private _onBuildObserver;
  896. private _onPreviewMeshTypeChangedObserver;
  897. private _onUpdateRequiredObserver;
  898. private _engine;
  899. private _scene;
  900. private _light;
  901. private _dummy;
  902. private _camera;
  903. private _material;
  904. private _globalState;
  905. constructor(targetCanvas: HTMLCanvasElement, globalState: GlobalState);
  906. private _refreshPreviewMesh;
  907. private _updatePreview;
  908. dispose(): void;
  909. }
  910. }
  911. declare module NODEEDITOR {
  912. interface IPreviewMeshControlComponent {
  913. globalState: GlobalState;
  914. }
  915. export class PreviewMeshControlComponent extends React.Component<IPreviewMeshControlComponent> {
  916. changeMeshType(newOne: PreviewMeshType): void;
  917. render(): JSX.Element;
  918. }
  919. }
  920. declare module NODEEDITOR {
  921. interface ITrigonometryTabComponentProps {
  922. globalState: GlobalState;
  923. trigonometryNode: TrigonometryNodeModel;
  924. }
  925. export class TrigonometryPropertyTabComponentProps extends React.Component<ITrigonometryTabComponentProps> {
  926. constructor(props: ITrigonometryTabComponentProps);
  927. render(): JSX.Element;
  928. }
  929. }
  930. declare module NODEEDITOR {
  931. /**
  932. * Generic node model which stores information about a node editor block
  933. */
  934. export class TrigonometryNodeModel extends DefaultNodeModel {
  935. readonly trigonometryBlock: BABYLON.TrigonometryBlock;
  936. /**
  937. * Constructs the node model
  938. */
  939. constructor();
  940. renderProperties(globalState: GlobalState): JSX.Element;
  941. }
  942. }
  943. declare module NODEEDITOR {
  944. /**
  945. * GenericNodeWidgetProps
  946. */
  947. export interface ITrigonometryNodeWidgetProps {
  948. node: BABYLON.Nullable<TrigonometryNodeModel>;
  949. globalState: GlobalState;
  950. }
  951. /**
  952. * Used to display a node block for the node editor
  953. */
  954. export class TrigonometryNodeWidget extends React.Component<ITrigonometryNodeWidgetProps> {
  955. /**
  956. * Creates a GenericNodeWidget
  957. * @param props
  958. */
  959. constructor(props: ITrigonometryNodeWidgetProps);
  960. render(): JSX.Element;
  961. }
  962. }
  963. declare module NODEEDITOR {
  964. /**
  965. * Node factory which creates editor nodes
  966. */
  967. export class TrigonometryNodeFactory extends SRD.AbstractNodeFactory {
  968. private _globalState;
  969. /**
  970. * Constructs a GenericNodeFactory
  971. */
  972. constructor(globalState: GlobalState);
  973. /**
  974. * Generates a node widget
  975. * @param diagramEngine diagram engine
  976. * @param node node to generate
  977. * @returns node widget jsx
  978. */
  979. generateReactWidget(diagramEngine: SRD.DiagramEngine, node: TrigonometryNodeModel): JSX.Element;
  980. /**
  981. * Gets a new instance of a node model
  982. * @returns input node model
  983. */
  984. getNewInstance(): TrigonometryNodeModel;
  985. }
  986. }
  987. declare module NODEEDITOR {
  988. interface IGraphEditorProps {
  989. globalState: GlobalState;
  990. }
  991. export class NodeCreationOptions {
  992. nodeMaterialBlock: BABYLON.NodeMaterialBlock;
  993. type?: string;
  994. connection?: BABYLON.NodeMaterialConnectionPoint;
  995. }
  996. export class GraphEditor extends React.Component<IGraphEditorProps> {
  997. private readonly NodeWidth;
  998. private _engine;
  999. private _model;
  1000. private _startX;
  1001. private _moveInProgress;
  1002. private _leftWidth;
  1003. private _rightWidth;
  1004. private _nodes;
  1005. private _blocks;
  1006. private _previewManager;
  1007. private _copiedNodes;
  1008. private _mouseLocationX;
  1009. private _mouseLocationY;
  1010. private _onWidgetKeyUpPointer;
  1011. /** @hidden */
  1012. _toAdd: LinkModel[] | null;
  1013. /**
  1014. * Creates a node and recursivly creates its parent nodes from it's input
  1015. * @param nodeMaterialBlock
  1016. */
  1017. createNodeFromObject(options: NodeCreationOptions): DefaultNodeModel;
  1018. addValueNode(type: string): DefaultNodeModel;
  1019. onWidgetKeyUp(evt: any): void;
  1020. componentDidMount(): void;
  1021. componentWillUnmount(): void;
  1022. constructor(props: IGraphEditorProps);
  1023. zoomToFit(retry?: number): void;
  1024. buildMaterial(): void;
  1025. applyFragmentOutputConstraints(rootInput: DefaultPortModel): void;
  1026. build(needToWait?: boolean, locations?: BABYLON.Nullable<INodeLocationInfo[]>): void;
  1027. reOrganize(locations?: BABYLON.Nullable<INodeLocationInfo[]>): void;
  1028. onPointerDown(evt: React.PointerEvent<HTMLDivElement>): void;
  1029. onPointerUp(evt: React.PointerEvent<HTMLDivElement>): void;
  1030. resizeColumns(evt: React.PointerEvent<HTMLDivElement>, forLeft?: boolean): void;
  1031. buildColumnLayout(): string;
  1032. emitNewBlock(event: React.DragEvent<HTMLDivElement>): void;
  1033. render(): JSX.Element;
  1034. }
  1035. }
  1036. declare module NODEEDITOR {
  1037. /**
  1038. * Generic node model which stores information about a node editor block
  1039. */
  1040. export class DefaultNodeModel extends NodeModel {
  1041. /**
  1042. * The babylon block this node represents
  1043. */
  1044. block: BABYLON.Nullable<BABYLON.NodeMaterialBlock>;
  1045. ports: {
  1046. [s: string]: DefaultPortModel;
  1047. };
  1048. /**
  1049. * Constructs the node model
  1050. */
  1051. constructor(key: string);
  1052. prepare(options: NodeCreationOptions, nodes: Array<DefaultNodeModel>, model: DiagramModel, graphEditor: GraphEditor): void;
  1053. renderProperties(globalState: GlobalState): JSX.Element | null;
  1054. }
  1055. }
  1056. declare module NODEEDITOR {
  1057. export class GlobalState {
  1058. nodeMaterial: BABYLON.NodeMaterial;
  1059. hostElement: HTMLElement;
  1060. hostDocument: HTMLDocument;
  1061. onSelectionChangedObservable: BABYLON.Observable<BABYLON.Nullable<DefaultNodeModel>>;
  1062. onRebuildRequiredObservable: BABYLON.Observable<void>;
  1063. onResetRequiredObservable: BABYLON.Observable<BABYLON.Nullable<INodeLocationInfo[]>>;
  1064. onUpdateRequiredObservable: BABYLON.Observable<void>;
  1065. onZoomToFitRequiredObservable: BABYLON.Observable<void>;
  1066. onReOrganizedRequiredObservable: BABYLON.Observable<void>;
  1067. onLogRequiredObservable: BABYLON.Observable<LogEntry>;
  1068. onErrorMessageDialogRequiredObservable: BABYLON.Observable<string>;
  1069. onPreviewMeshTypeChanged: BABYLON.Observable<void>;
  1070. onGetNodeFromBlock: (block: BABYLON.NodeMaterialBlock) => NodeModel;
  1071. previewMeshType: PreviewMeshType;
  1072. blockKeyboardEvents: boolean;
  1073. constructor();
  1074. }
  1075. }
  1076. declare module NODEEDITOR {
  1077. export class Popup {
  1078. static CreatePopup(title: string, windowVariableName: string, width?: number, height?: number): HTMLDivElement | null;
  1079. private static _CopyStyles;
  1080. }
  1081. }
  1082. declare module NODEEDITOR {
  1083. /**
  1084. * Interface used to specify creation options for the node editor
  1085. */
  1086. export interface INodeEditorOptions {
  1087. nodeMaterial: BABYLON.NodeMaterial;
  1088. }
  1089. /**
  1090. * Class used to create a node editor
  1091. */
  1092. export class NodeEditor {
  1093. /**
  1094. * Show the node editor
  1095. * @param options defines the options to use to configure the node editor
  1096. */
  1097. static Show(options: INodeEditorOptions): void;
  1098. }
  1099. }