babylon.nodeEditor.d.ts 53 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521
  1. /// <reference types="react" />
  2. declare module NODEEDITOR {
  3. export class BlockTools {
  4. static GetBlockFromString(data: string, scene: BABYLON.Scene, nodeMaterial: BABYLON.NodeMaterial): BABYLON.NormalBlendBlock | BABYLON.WorleyNoise3DBlock | BABYLON.SimplexPerlin3DBlock | BABYLON.BonesBlock | BABYLON.InstancesBlock | BABYLON.MorphTargetsBlock | BABYLON.DiscardBlock | 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.PowBlock | BABYLON.MultiplyBlock | BABYLON.TransformBlock | BABYLON.TrigonometryBlock | BABYLON.RemapBlock | BABYLON.NormalizeBlock | BABYLON.FresnelBlock | BABYLON.LerpBlock | BABYLON.NLerpBlock | BABYLON.DivideBlock | BABYLON.SubtractBlock | BABYLON.StepBlock | BABYLON.SmoothStepBlock | BABYLON.OneMinusBlock | BABYLON.ReciprocalBlock | BABYLON.ViewDirectionBlock | BABYLON.LightInformationBlock | BABYLON.MaxBlock | BABYLON.MinBlock | BABYLON.LengthBlock | BABYLON.DistanceBlock | BABYLON.NegateBlock | BABYLON.PerturbNormalBlock | BABYLON.RandomNumberBlock | BABYLON.ReplaceColorBlock | BABYLON.PosterizeBlock | BABYLON.ArcTan2Block | BABYLON.GradientBlock | BABYLON.FrontFacingBlock | BABYLON.WaveBlock | BABYLON.InputBlock | 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. tooltip: string;
  240. }
  241. export class DraggableLineComponent extends React.Component<IButtonLineComponentProps> {
  242. constructor(props: IButtonLineComponentProps);
  243. render(): JSX.Element;
  244. }
  245. }
  246. declare module NODEEDITOR {
  247. interface INodeListComponentProps {
  248. globalState: GlobalState;
  249. }
  250. export class NodeListComponent extends React.Component<INodeListComponentProps, {
  251. filter: string;
  252. }> {
  253. private static _Tooltips;
  254. constructor(props: INodeListComponentProps);
  255. filterContent(filter: string): void;
  256. render(): JSX.Element;
  257. }
  258. }
  259. declare module NODEEDITOR {
  260. export interface IButtonLineComponentProps {
  261. label: string;
  262. onClick: () => void;
  263. }
  264. export class ButtonLineComponent extends React.Component<IButtonLineComponentProps> {
  265. constructor(props: IButtonLineComponentProps);
  266. render(): JSX.Element;
  267. }
  268. }
  269. declare module NODEEDITOR {
  270. export class StringTools {
  271. private static _SaveAs;
  272. private static _Click;
  273. /**
  274. * Gets the base math type of node material block connection point.
  275. * @param type Type to parse.
  276. */
  277. static GetBaseType(type: BABYLON.NodeMaterialBlockConnectionPointTypes): string;
  278. /**
  279. * Download a string into a file that will be saved locally by the browser
  280. * @param content defines the string to download locally as a file
  281. */
  282. static DownloadAsFile(document: HTMLDocument, content: string, filename: string): void;
  283. }
  284. }
  285. declare module NODEEDITOR {
  286. interface IFileButtonLineComponentProps {
  287. label: string;
  288. onClick: (file: File) => void;
  289. accept: string;
  290. }
  291. export class FileButtonLineComponent extends React.Component<IFileButtonLineComponentProps> {
  292. constructor(props: IFileButtonLineComponentProps);
  293. onChange(evt: any): void;
  294. render(): JSX.Element;
  295. }
  296. }
  297. declare module NODEEDITOR {
  298. export class SerializationTools {
  299. static Serialize(material: BABYLON.NodeMaterial, globalState: GlobalState): string;
  300. static Deserialize(serializationObject: any, globalState: GlobalState): void;
  301. }
  302. }
  303. declare module NODEEDITOR {
  304. interface IPropertyTabComponentProps {
  305. globalState: GlobalState;
  306. }
  307. export class PropertyTabComponent extends React.Component<IPropertyTabComponentProps, {
  308. currentNode: BABYLON.Nullable<DefaultNodeModel>;
  309. }> {
  310. constructor(props: IPropertyTabComponentProps);
  311. componentDidMount(): void;
  312. load(file: File): void;
  313. save(): void;
  314. customSave(): void;
  315. render(): JSX.Element;
  316. }
  317. }
  318. declare module NODEEDITOR {
  319. interface IPortalProps {
  320. globalState: GlobalState;
  321. }
  322. export class Portal extends React.Component<IPortalProps> {
  323. render(): React.ReactPortal;
  324. }
  325. }
  326. declare module NODEEDITOR {
  327. interface ISliderLineComponentProps {
  328. label: string;
  329. target?: any;
  330. propertyName?: string;
  331. minimum: number;
  332. maximum: number;
  333. step: number;
  334. directValue?: number;
  335. useEuler?: boolean;
  336. onChange?: (value: number) => void;
  337. onInput?: (value: number) => void;
  338. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  339. decimalCount?: number;
  340. }
  341. export class SliderLineComponent extends React.Component<ISliderLineComponentProps, {
  342. value: number;
  343. }> {
  344. private _localChange;
  345. constructor(props: ISliderLineComponentProps);
  346. shouldComponentUpdate(nextProps: ISliderLineComponentProps, nextState: {
  347. value: number;
  348. }): boolean;
  349. onChange(newValueString: any): void;
  350. onInput(newValueString: any): void;
  351. prepareDataToRead(value: number): number;
  352. render(): JSX.Element;
  353. }
  354. }
  355. declare module NODEEDITOR {
  356. interface IFloatLineComponentProps {
  357. label: string;
  358. target: any;
  359. propertyName: string;
  360. onChange?: (newValue: number) => void;
  361. isInteger?: boolean;
  362. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  363. additionalClass?: string;
  364. step?: string;
  365. digits?: number;
  366. }
  367. export class FloatLineComponent extends React.Component<IFloatLineComponentProps, {
  368. value: string;
  369. }> {
  370. private _localChange;
  371. private _store;
  372. constructor(props: IFloatLineComponentProps);
  373. shouldComponentUpdate(nextProps: IFloatLineComponentProps, nextState: {
  374. value: string;
  375. }): boolean;
  376. raiseOnPropertyChanged(newValue: number, previousValue: number): void;
  377. updateValue(valueString: string): void;
  378. render(): JSX.Element;
  379. }
  380. }
  381. declare module NODEEDITOR {
  382. /**
  383. * BABYLON.Texture node model which stores information about a node editor block
  384. */
  385. export class ReflectionTextureNodeModel extends DefaultNodeModel {
  386. private _block;
  387. /**
  388. * BABYLON.Texture for the node if it exists
  389. */
  390. texture: BABYLON.Nullable<BABYLON.BaseTexture>;
  391. /**
  392. * Constructs the node model
  393. */
  394. constructor();
  395. renderProperties(globalState: GlobalState): JSX.Element;
  396. prepare(options: NodeCreationOptions, nodes: Array<DefaultNodeModel>, model: DiagramModel, graphEditor: GraphEditor): void;
  397. }
  398. }
  399. declare module NODEEDITOR {
  400. class ListLineOption {
  401. label: string;
  402. value: number | string;
  403. }
  404. interface IOptionsLineComponentProps {
  405. label: string;
  406. target: any;
  407. className?: string;
  408. propertyName?: string;
  409. options: ListLineOption[];
  410. noDirectUpdate?: boolean;
  411. onSelect?: (value: number | string) => void;
  412. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  413. valuesAreStrings?: boolean;
  414. defaultIfNull?: number;
  415. getSelection?: (target: any) => number;
  416. }
  417. export class OptionsLineComponent extends React.Component<IOptionsLineComponentProps, {
  418. value: number | string;
  419. }> {
  420. private _localChange;
  421. private _getValue;
  422. constructor(props: IOptionsLineComponentProps);
  423. shouldComponentUpdate(nextProps: IOptionsLineComponentProps, nextState: {
  424. value: number;
  425. }): boolean;
  426. raiseOnPropertyChanged(newValue: number | string, previousValue: number | string): void;
  427. updateValue(valueString: string): void;
  428. render(): JSX.Element;
  429. }
  430. }
  431. declare module NODEEDITOR {
  432. interface ITexturePropertyTabComponentProps {
  433. globalState: GlobalState;
  434. node: TextureNodeModel | ReflectionTextureNodeModel;
  435. }
  436. export class TexturePropertyTabComponent extends React.Component<ITexturePropertyTabComponentProps, {
  437. isEmbedded: boolean;
  438. loadAsCubeTexture: boolean;
  439. }> {
  440. constructor(props: ITexturePropertyTabComponentProps);
  441. UNSAFE_componentWillUpdate(nextProps: ITexturePropertyTabComponentProps, nextState: {
  442. isEmbedded: boolean;
  443. loadAsCubeTexture: boolean;
  444. }): void;
  445. private _generateRandomForCache;
  446. updateAfterTextureLoad(): void;
  447. removeTexture(): void;
  448. _prepareTexture(): void;
  449. /**
  450. * Replaces the texture of the node
  451. * @param file the file of the texture to use
  452. */
  453. replaceTexture(file: File): void;
  454. replaceTextureWithUrl(url: string): void;
  455. render(): JSX.Element;
  456. }
  457. }
  458. declare module NODEEDITOR {
  459. /**
  460. * BABYLON.Texture node model which stores information about a node editor block
  461. */
  462. export class TextureNodeModel extends DefaultNodeModel {
  463. private _block;
  464. /**
  465. * BABYLON.Texture for the node if it exists
  466. */
  467. texture: BABYLON.Nullable<BABYLON.Texture>;
  468. /**
  469. * Constructs the node model
  470. */
  471. constructor();
  472. renderProperties(globalState: GlobalState): JSX.Element;
  473. prepare(options: NodeCreationOptions, nodes: Array<DefaultNodeModel>, model: DiagramModel, graphEditor: GraphEditor): void;
  474. }
  475. }
  476. declare module NODEEDITOR {
  477. interface ITextureLineComponentProps {
  478. texture: BABYLON.BaseTexture;
  479. width: number;
  480. height: number;
  481. globalState?: any;
  482. hideChannelSelect?: boolean;
  483. }
  484. export class TextureLineComponent extends React.Component<ITextureLineComponentProps, {
  485. displayRed: boolean;
  486. displayGreen: boolean;
  487. displayBlue: boolean;
  488. displayAlpha: boolean;
  489. face: number;
  490. }> {
  491. constructor(props: ITextureLineComponentProps);
  492. shouldComponentUpdate(nextProps: ITextureLineComponentProps, nextState: {
  493. displayRed: boolean;
  494. displayGreen: boolean;
  495. displayBlue: boolean;
  496. displayAlpha: boolean;
  497. face: number;
  498. }): boolean;
  499. componentDidMount(): void;
  500. componentDidUpdate(): void;
  501. updatePreview(): void;
  502. render(): JSX.Element;
  503. }
  504. }
  505. declare module NODEEDITOR {
  506. /**
  507. * GenericNodeWidgetProps
  508. */
  509. export interface ITextureNodeWidgetProps {
  510. node: BABYLON.Nullable<TextureNodeModel>;
  511. globalState: GlobalState;
  512. }
  513. /**
  514. * Used to display a node block for the node editor
  515. */
  516. export class TextureNodeWidget extends React.Component<ITextureNodeWidgetProps> {
  517. /**
  518. * Creates a GenericNodeWidget
  519. * @param props
  520. */
  521. constructor(props: ITextureNodeWidgetProps);
  522. render(): JSX.Element;
  523. }
  524. }
  525. declare module NODEEDITOR {
  526. /**
  527. * Node factory which creates editor nodes
  528. */
  529. export class TextureNodeFactory extends SRD.AbstractNodeFactory {
  530. private _globalState;
  531. /**
  532. * Constructs a TextureNodeFactory
  533. */
  534. constructor(globalState: GlobalState);
  535. /**
  536. * Generates a node widget
  537. * @param diagramEngine diagram engine
  538. * @param node node to generate
  539. * @returns node widget jsx
  540. */
  541. generateReactWidget(diagramEngine: SRD.DiagramEngine, node: TextureNodeModel): JSX.Element;
  542. /**
  543. * Gets a new instance of a node model
  544. * @returns texture node model
  545. */
  546. getNewInstance(): TextureNodeModel;
  547. }
  548. }
  549. declare module NODEEDITOR {
  550. interface INumericInputComponentProps {
  551. label: string;
  552. value: number;
  553. step?: number;
  554. onChange: (value: number) => void;
  555. }
  556. export class NumericInputComponent extends React.Component<INumericInputComponentProps, {
  557. value: string;
  558. }> {
  559. static defaultProps: {
  560. step: number;
  561. };
  562. private _localChange;
  563. constructor(props: INumericInputComponentProps);
  564. shouldComponentUpdate(nextProps: INumericInputComponentProps, nextState: {
  565. value: string;
  566. }): boolean;
  567. updateValue(evt: any): void;
  568. render(): JSX.Element;
  569. }
  570. }
  571. declare module NODEEDITOR {
  572. interface IVector2LineComponentProps {
  573. label: string;
  574. target: any;
  575. propertyName: string;
  576. step?: number;
  577. onChange?: (newvalue: BABYLON.Vector2) => void;
  578. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  579. }
  580. export class Vector2LineComponent extends React.Component<IVector2LineComponentProps, {
  581. isExpanded: boolean;
  582. value: BABYLON.Vector2;
  583. }> {
  584. static defaultProps: {
  585. step: number;
  586. };
  587. private _localChange;
  588. constructor(props: IVector2LineComponentProps);
  589. shouldComponentUpdate(nextProps: IVector2LineComponentProps, nextState: {
  590. isExpanded: boolean;
  591. value: BABYLON.Vector2;
  592. }): boolean;
  593. switchExpandState(): void;
  594. raiseOnPropertyChanged(previousValue: BABYLON.Vector2): void;
  595. updateStateX(value: number): void;
  596. updateStateY(value: number): void;
  597. render(): JSX.Element;
  598. }
  599. }
  600. declare module NODEEDITOR {
  601. interface IVector2PropertyTabComponentProps {
  602. globalState: GlobalState;
  603. inputBlock: BABYLON.InputBlock;
  604. }
  605. export class Vector2PropertyTabComponent extends React.Component<IVector2PropertyTabComponentProps> {
  606. render(): JSX.Element;
  607. }
  608. }
  609. declare module NODEEDITOR {
  610. interface IVector3LineComponentProps {
  611. label: string;
  612. target: any;
  613. propertyName: string;
  614. step?: number;
  615. onChange?: (newvalue: BABYLON.Vector3) => void;
  616. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  617. }
  618. export class Vector3LineComponent extends React.Component<IVector3LineComponentProps, {
  619. isExpanded: boolean;
  620. value: BABYLON.Vector3;
  621. }> {
  622. static defaultProps: {
  623. step: number;
  624. };
  625. private _localChange;
  626. constructor(props: IVector3LineComponentProps);
  627. shouldComponentUpdate(nextProps: IVector3LineComponentProps, nextState: {
  628. isExpanded: boolean;
  629. value: BABYLON.Vector3;
  630. }): boolean;
  631. switchExpandState(): void;
  632. raiseOnPropertyChanged(previousValue: BABYLON.Vector3): void;
  633. updateVector3(): void;
  634. updateStateX(value: number): void;
  635. updateStateY(value: number): void;
  636. updateStateZ(value: number): void;
  637. render(): JSX.Element;
  638. }
  639. }
  640. declare module NODEEDITOR {
  641. interface IVector3PropertyTabComponentProps {
  642. globalState: GlobalState;
  643. inputBlock: BABYLON.InputBlock;
  644. }
  645. export class Vector3PropertyTabComponent extends React.Component<IVector3PropertyTabComponentProps> {
  646. render(): JSX.Element;
  647. }
  648. }
  649. declare module NODEEDITOR {
  650. export interface IColor3LineComponentProps {
  651. label: string;
  652. target: any;
  653. propertyName: string;
  654. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  655. onChange?: () => void;
  656. }
  657. export class Color3LineComponent extends React.Component<IColor3LineComponentProps, {
  658. isExpanded: boolean;
  659. color: BABYLON.Color3;
  660. }> {
  661. private _localChange;
  662. constructor(props: IColor3LineComponentProps);
  663. shouldComponentUpdate(nextProps: IColor3LineComponentProps, nextState: {
  664. color: BABYLON.Color3;
  665. }): boolean;
  666. onChange(newValue: string): void;
  667. switchExpandState(): void;
  668. raiseOnPropertyChanged(previousValue: BABYLON.Color3): void;
  669. updateStateR(value: number): void;
  670. updateStateG(value: number): void;
  671. updateStateB(value: number): void;
  672. copyToClipboard(): void;
  673. render(): JSX.Element;
  674. }
  675. }
  676. declare module NODEEDITOR {
  677. interface IColor3PropertyTabComponentProps {
  678. globalState: GlobalState;
  679. inputBlock: BABYLON.InputBlock;
  680. }
  681. export class Color3PropertyTabComponent extends React.Component<IColor3PropertyTabComponentProps> {
  682. render(): JSX.Element;
  683. }
  684. }
  685. declare module NODEEDITOR {
  686. interface IFloatPropertyTabComponentProps {
  687. globalState: GlobalState;
  688. inputBlock: BABYLON.InputBlock;
  689. }
  690. export class FloatPropertyTabComponent extends React.Component<IFloatPropertyTabComponentProps> {
  691. render(): JSX.Element;
  692. }
  693. }
  694. declare module NODEEDITOR {
  695. interface IVector4LineComponentProps {
  696. label: string;
  697. target?: any;
  698. propertyName?: string;
  699. value?: BABYLON.Vector4;
  700. step?: number;
  701. onChange?: (newvalue: BABYLON.Vector4) => void;
  702. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  703. }
  704. export class Vector4LineComponent extends React.Component<IVector4LineComponentProps, {
  705. isExpanded: boolean;
  706. value: BABYLON.Vector4;
  707. }> {
  708. static defaultProps: {
  709. step: number;
  710. };
  711. private _localChange;
  712. constructor(props: IVector4LineComponentProps);
  713. shouldComponentUpdate(nextProps: IVector4LineComponentProps, nextState: {
  714. isExpanded: boolean;
  715. value: BABYLON.Vector4;
  716. }): boolean;
  717. switchExpandState(): void;
  718. raiseOnPropertyChanged(previousValue: BABYLON.Vector4): void;
  719. updateVector4(): void;
  720. updateStateX(value: number): void;
  721. updateStateY(value: number): void;
  722. updateStateZ(value: number): void;
  723. updateStateW(value: number): void;
  724. render(): JSX.Element;
  725. }
  726. }
  727. declare module NODEEDITOR {
  728. interface IVector4PropertyTabComponentProps {
  729. globalState: GlobalState;
  730. inputBlock: BABYLON.InputBlock;
  731. }
  732. export class Vector4PropertyTabComponent extends React.Component<IVector4PropertyTabComponentProps> {
  733. render(): JSX.Element;
  734. }
  735. }
  736. declare module NODEEDITOR {
  737. interface IMatrixLineComponentProps {
  738. label: string;
  739. target: any;
  740. propertyName: string;
  741. step?: number;
  742. onChange?: (newValue: BABYLON.Matrix) => void;
  743. onModeChange?: (mode: number) => void;
  744. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  745. mode?: number;
  746. }
  747. export class MatrixLineComponent extends React.Component<IMatrixLineComponentProps, {
  748. value: BABYLON.Matrix;
  749. mode: number;
  750. angle: number;
  751. }> {
  752. private _localChange;
  753. constructor(props: IMatrixLineComponentProps);
  754. shouldComponentUpdate(nextProps: IMatrixLineComponentProps, nextState: {
  755. value: BABYLON.Matrix;
  756. mode: number;
  757. angle: number;
  758. }): boolean;
  759. raiseOnPropertyChanged(previousValue: BABYLON.Vector3): void;
  760. updateMatrix(): void;
  761. updateRow(value: BABYLON.Vector4, row: number): void;
  762. updateBasedOnMode(value: number): void;
  763. render(): JSX.Element;
  764. }
  765. }
  766. declare module NODEEDITOR {
  767. interface IMatrixPropertyTabComponentProps {
  768. globalState: GlobalState;
  769. inputBlock: BABYLON.InputBlock;
  770. }
  771. export class MatrixPropertyTabComponent extends React.Component<IMatrixPropertyTabComponentProps> {
  772. render(): JSX.Element;
  773. }
  774. }
  775. declare module NODEEDITOR {
  776. interface IInputPropertyTabComponentProps {
  777. globalState: GlobalState;
  778. inputNode: InputNodeModel;
  779. }
  780. export class InputPropertyTabComponentProps extends React.Component<IInputPropertyTabComponentProps> {
  781. constructor(props: IInputPropertyTabComponentProps);
  782. renderValue(globalState: GlobalState): JSX.Element | null;
  783. setDefaultValue(): void;
  784. render(): JSX.Element;
  785. }
  786. }
  787. declare module NODEEDITOR {
  788. /**
  789. * Generic node model which stores information about a node editor block
  790. */
  791. export class InputNodeModel extends DefaultNodeModel {
  792. readonly inputBlock: BABYLON.InputBlock;
  793. /**
  794. * Constructs the node model
  795. */
  796. constructor();
  797. renderProperties(globalState: GlobalState): JSX.Element;
  798. }
  799. }
  800. declare module NODEEDITOR {
  801. /**
  802. * GenericNodeWidgetProps
  803. */
  804. export interface IInputNodeWidgetProps {
  805. node: BABYLON.Nullable<InputNodeModel>;
  806. globalState: GlobalState;
  807. }
  808. /**
  809. * Used to display a node block for the node editor
  810. */
  811. export class InputNodeWidget extends React.Component<IInputNodeWidgetProps> {
  812. /**
  813. * Creates a GenericNodeWidget
  814. * @param props
  815. */
  816. constructor(props: IInputNodeWidgetProps);
  817. renderValue(value: string): JSX.Element | null;
  818. render(): JSX.Element | null;
  819. }
  820. }
  821. declare module NODEEDITOR {
  822. /**
  823. * Node factory which creates editor nodes
  824. */
  825. export class InputNodeFactory extends SRD.AbstractNodeFactory {
  826. private _globalState;
  827. /**
  828. * Constructs a GenericNodeFactory
  829. */
  830. constructor(globalState: GlobalState);
  831. /**
  832. * Generates a node widget
  833. * @param diagramEngine diagram engine
  834. * @param node node to generate
  835. * @returns node widget jsx
  836. */
  837. generateReactWidget(diagramEngine: SRD.DiagramEngine, node: InputNodeModel): JSX.Element;
  838. /**
  839. * Gets a new instance of a node model
  840. * @returns input node model
  841. */
  842. getNewInstance(): InputNodeModel;
  843. }
  844. }
  845. declare module NODEEDITOR {
  846. interface ILogComponentProps {
  847. globalState: GlobalState;
  848. }
  849. export class LogEntry {
  850. message: string;
  851. isError: boolean;
  852. constructor(message: string, isError: boolean);
  853. }
  854. export class LogComponent extends React.Component<ILogComponentProps, {
  855. logs: LogEntry[];
  856. }> {
  857. constructor(props: ILogComponentProps);
  858. componentDidMount(): void;
  859. componentDidUpdate(): void;
  860. render(): JSX.Element;
  861. }
  862. }
  863. declare module NODEEDITOR {
  864. interface ILightPropertyTabComponentProps {
  865. globalState: GlobalState;
  866. node: LightNodeModel;
  867. }
  868. export class LightPropertyTabComponent extends React.Component<ILightPropertyTabComponentProps> {
  869. render(): JSX.Element;
  870. }
  871. }
  872. declare module NODEEDITOR {
  873. /**
  874. * BABYLON.Light node model which stores information about a node editor block
  875. */
  876. export class LightNodeModel extends DefaultNodeModel {
  877. private _block;
  878. /**
  879. * BABYLON.Light for the node if it exists
  880. */
  881. light: BABYLON.Nullable<BABYLON.Light>;
  882. /**
  883. * Constructs the node model
  884. */
  885. constructor();
  886. renderProperties(globalState: GlobalState): JSX.Element;
  887. prepare(options: NodeCreationOptions, nodes: Array<DefaultNodeModel>, model: DiagramModel, graphEditor: GraphEditor): void;
  888. }
  889. }
  890. declare module NODEEDITOR {
  891. /**
  892. * GenericNodeWidgetProps
  893. */
  894. export interface ILightNodeWidgetProps {
  895. node: BABYLON.Nullable<LightNodeModel>;
  896. globalState: GlobalState;
  897. }
  898. /**
  899. * Used to display a node block for the node editor
  900. */
  901. export class LightNodeWidget extends React.Component<ILightNodeWidgetProps> {
  902. /**
  903. * Creates a GenericNodeWidget
  904. * @param props
  905. */
  906. constructor(props: ILightNodeWidgetProps);
  907. render(): JSX.Element;
  908. }
  909. }
  910. declare module NODEEDITOR {
  911. /**
  912. * Node factory which creates editor nodes
  913. */
  914. export class LightNodeFactory extends SRD.AbstractNodeFactory {
  915. private _globalState;
  916. /**
  917. * Constructs a LightNodeFactory
  918. */
  919. constructor(globalState: GlobalState);
  920. /**
  921. * Generates a node widget
  922. * @param diagramEngine diagram engine
  923. * @param node node to generate
  924. * @returns node widget jsx
  925. */
  926. generateReactWidget(diagramEngine: SRD.DiagramEngine, node: LightNodeModel): JSX.Element;
  927. /**
  928. * Gets a new instance of a node model
  929. * @returns light node model
  930. */
  931. getNewInstance(): LightNodeModel;
  932. }
  933. }
  934. declare module NODEEDITOR {
  935. interface IMessageDialogComponentProps {
  936. globalState: GlobalState;
  937. }
  938. export class MessageDialogComponent extends React.Component<IMessageDialogComponentProps, {
  939. message: string;
  940. isError: boolean;
  941. }> {
  942. constructor(props: IMessageDialogComponentProps);
  943. render(): JSX.Element | null;
  944. }
  945. }
  946. declare module NODEEDITOR {
  947. export class AdvancedLinkFactory extends DefaultLinkFactory {
  948. constructor();
  949. getNewInstance(initialConfig?: any): AdvancedLinkModel;
  950. generateLinkSegment(model: AdvancedLinkModel, widget: DefaultLinkWidget, selected: boolean, path: string): JSX.Element;
  951. }
  952. }
  953. declare module NODEEDITOR {
  954. interface IRemapPropertyTabComponentProps {
  955. globalState: GlobalState;
  956. remapNode: RemapNodeModel;
  957. }
  958. export class RemapPropertyTabComponentProps extends React.Component<IRemapPropertyTabComponentProps> {
  959. constructor(props: IRemapPropertyTabComponentProps);
  960. forceRebuild(): void;
  961. render(): JSX.Element;
  962. }
  963. }
  964. declare module NODEEDITOR {
  965. /**
  966. * Generic node model which stores information about a node editor block
  967. */
  968. export class RemapNodeModel extends DefaultNodeModel {
  969. readonly remapBlock: BABYLON.RemapBlock;
  970. /**
  971. * Constructs the node model
  972. */
  973. constructor();
  974. renderProperties(globalState: GlobalState): JSX.Element;
  975. }
  976. }
  977. declare module NODEEDITOR {
  978. /**
  979. * RemapNodeWidgetProps
  980. */
  981. export interface RemapNodeWidgetProps {
  982. node: BABYLON.Nullable<RemapNodeModel>;
  983. globalState: GlobalState;
  984. }
  985. /**
  986. * Used to display a node block for the node editor
  987. */
  988. export class RemapNodeWidget extends React.Component<RemapNodeWidgetProps> {
  989. /**
  990. * Creates a GenericNodeWidget
  991. * @param props
  992. */
  993. constructor(props: RemapNodeWidgetProps);
  994. renderValue(value: string): JSX.Element | null;
  995. extractInputValue(connectionPoint: BABYLON.NodeMaterialConnectionPoint): any;
  996. render(): JSX.Element;
  997. }
  998. }
  999. declare module NODEEDITOR {
  1000. /**
  1001. * Node factory which creates editor nodes
  1002. */
  1003. export class RemapNodeFactory extends SRD.AbstractNodeFactory {
  1004. private _globalState;
  1005. /**
  1006. * Constructs a GenericNodeFactory
  1007. */
  1008. constructor(globalState: GlobalState);
  1009. /**
  1010. * Generates a node widget
  1011. * @param diagramEngine diagram engine
  1012. * @param node node to generate
  1013. * @returns node widget jsx
  1014. */
  1015. generateReactWidget(diagramEngine: SRD.DiagramEngine, node: RemapNodeModel): JSX.Element;
  1016. /**
  1017. * Gets a new instance of a node model
  1018. * @returns input node model
  1019. */
  1020. getNewInstance(): RemapNodeModel;
  1021. }
  1022. }
  1023. declare module NODEEDITOR {
  1024. export class GraphHelper {
  1025. static DistributeGraph(model: DiagramModel): dagre.Node[];
  1026. private static _MapElements;
  1027. private static _MapEdges;
  1028. }
  1029. }
  1030. declare module NODEEDITOR {
  1031. export enum PreviewMeshType {
  1032. Sphere = 0,
  1033. Box = 1,
  1034. Torus = 2,
  1035. Cylinder = 3,
  1036. Plane = 4,
  1037. ShaderBall = 5,
  1038. Custom = 6
  1039. }
  1040. }
  1041. declare module NODEEDITOR {
  1042. export class PreviewManager {
  1043. private _nodeMaterial;
  1044. private _onBuildObserver;
  1045. private _onPreviewCommandActivatedObserver;
  1046. private _onAnimationCommandActivatedObserver;
  1047. private _onUpdateRequiredObserver;
  1048. private _onPreviewBackgroundChangedObserver;
  1049. private _onBackFaceCullingChangedObserver;
  1050. private _onDepthPrePassChangedObserver;
  1051. private _onLightUpdatedObserver;
  1052. private _engine;
  1053. private _scene;
  1054. private _meshes;
  1055. private _camera;
  1056. private _material;
  1057. private _globalState;
  1058. private _currentType;
  1059. private _lightParent;
  1060. constructor(targetCanvas: HTMLCanvasElement, globalState: GlobalState);
  1061. private _handleAnimations;
  1062. private _prepareLights;
  1063. private _prepareMeshes;
  1064. private _refreshPreviewMesh;
  1065. private _forceCompilationAsync;
  1066. private _updatePreview;
  1067. dispose(): void;
  1068. }
  1069. }
  1070. declare module NODEEDITOR {
  1071. export interface INodeLocationInfo {
  1072. blockId: number;
  1073. x: number;
  1074. y: number;
  1075. }
  1076. }
  1077. declare module NODEEDITOR {
  1078. interface IPreviewMeshControlComponent {
  1079. globalState: GlobalState;
  1080. }
  1081. export class PreviewMeshControlComponent extends React.Component<IPreviewMeshControlComponent> {
  1082. changeMeshType(newOne: PreviewMeshType): void;
  1083. useCustomMesh(evt: any): void;
  1084. render(): JSX.Element;
  1085. }
  1086. }
  1087. declare module NODEEDITOR {
  1088. interface ITrigonometryTabComponentProps {
  1089. globalState: GlobalState;
  1090. trigonometryNode: TrigonometryNodeModel;
  1091. }
  1092. export class TrigonometryPropertyTabComponentProps extends React.Component<ITrigonometryTabComponentProps> {
  1093. constructor(props: ITrigonometryTabComponentProps);
  1094. render(): JSX.Element;
  1095. }
  1096. }
  1097. declare module NODEEDITOR {
  1098. /**
  1099. * Generic node model which stores information about a node editor block
  1100. */
  1101. export class TrigonometryNodeModel extends DefaultNodeModel {
  1102. readonly trigonometryBlock: BABYLON.TrigonometryBlock;
  1103. /**
  1104. * Constructs the node model
  1105. */
  1106. constructor();
  1107. renderProperties(globalState: GlobalState): JSX.Element;
  1108. }
  1109. }
  1110. declare module NODEEDITOR {
  1111. /**
  1112. * GenericNodeWidgetProps
  1113. */
  1114. export interface ITrigonometryNodeWidgetProps {
  1115. node: BABYLON.Nullable<TrigonometryNodeModel>;
  1116. globalState: GlobalState;
  1117. }
  1118. /**
  1119. * Used to display a node block for the node editor
  1120. */
  1121. export class TrigonometryNodeWidget extends React.Component<ITrigonometryNodeWidgetProps> {
  1122. /**
  1123. * Creates a GenericNodeWidget
  1124. * @param props
  1125. */
  1126. constructor(props: ITrigonometryNodeWidgetProps);
  1127. render(): JSX.Element;
  1128. }
  1129. }
  1130. declare module NODEEDITOR {
  1131. /**
  1132. * Node factory which creates editor nodes
  1133. */
  1134. export class TrigonometryNodeFactory extends SRD.AbstractNodeFactory {
  1135. private _globalState;
  1136. /**
  1137. * Constructs a GenericNodeFactory
  1138. */
  1139. constructor(globalState: GlobalState);
  1140. /**
  1141. * Generates a node widget
  1142. * @param diagramEngine diagram engine
  1143. * @param node node to generate
  1144. * @returns node widget jsx
  1145. */
  1146. generateReactWidget(diagramEngine: SRD.DiagramEngine, node: TrigonometryNodeModel): JSX.Element;
  1147. /**
  1148. * Gets a new instance of a node model
  1149. * @returns input node model
  1150. */
  1151. getNewInstance(): TrigonometryNodeModel;
  1152. }
  1153. }
  1154. declare module NODEEDITOR {
  1155. interface IClampPropertyTabComponentProps {
  1156. globalState: GlobalState;
  1157. remapNode: ClampNodeModel;
  1158. }
  1159. export class ClampPropertyTabComponentProps extends React.Component<IClampPropertyTabComponentProps> {
  1160. constructor(props: IClampPropertyTabComponentProps);
  1161. forceRebuild(): void;
  1162. render(): JSX.Element;
  1163. }
  1164. }
  1165. declare module NODEEDITOR {
  1166. export class ClampNodeModel extends DefaultNodeModel {
  1167. readonly clampBlock: BABYLON.ClampBlock;
  1168. /**
  1169. * Constructs the node model
  1170. */
  1171. constructor();
  1172. renderProperties(globalState: GlobalState): JSX.Element;
  1173. }
  1174. }
  1175. declare module NODEEDITOR {
  1176. export interface ClampNodeWidgetProps {
  1177. node: BABYLON.Nullable<ClampNodeModel>;
  1178. globalState: GlobalState;
  1179. }
  1180. export class ClampNodeWidget extends React.Component<ClampNodeWidgetProps> {
  1181. constructor(props: ClampNodeWidgetProps);
  1182. renderValue(value: string): JSX.Element | null;
  1183. render(): JSX.Element;
  1184. }
  1185. }
  1186. declare module NODEEDITOR {
  1187. export class ClampNodeFactory extends SRD.AbstractNodeFactory {
  1188. private _globalState;
  1189. constructor(globalState: GlobalState);
  1190. generateReactWidget(diagramEngine: SRD.DiagramEngine, node: ClampNodeModel): JSX.Element;
  1191. getNewInstance(): ClampNodeModel;
  1192. }
  1193. }
  1194. declare module NODEEDITOR {
  1195. interface ILightPropertyTabComponentProps {
  1196. globalState: GlobalState;
  1197. node: LightInformationNodeModel;
  1198. }
  1199. export class LightInformationPropertyTabComponent extends React.Component<ILightPropertyTabComponentProps> {
  1200. render(): JSX.Element;
  1201. }
  1202. }
  1203. declare module NODEEDITOR {
  1204. export class LightInformationNodeModel extends DefaultNodeModel {
  1205. private _block;
  1206. /**
  1207. * BABYLON.Light for the node if it exists
  1208. */
  1209. light: BABYLON.Nullable<BABYLON.Light>;
  1210. /**
  1211. * Constructs the node model
  1212. */
  1213. constructor();
  1214. renderProperties(globalState: GlobalState): JSX.Element;
  1215. prepare(options: NodeCreationOptions, nodes: Array<DefaultNodeModel>, model: DiagramModel, graphEditor: GraphEditor): void;
  1216. }
  1217. }
  1218. declare module NODEEDITOR {
  1219. /**
  1220. * GenericNodeWidgetProps
  1221. */
  1222. export interface ILightInformationNodeWidgetProps {
  1223. node: BABYLON.Nullable<LightInformationNodeModel>;
  1224. globalState: GlobalState;
  1225. }
  1226. /**
  1227. * Used to display a node block for the node editor
  1228. */
  1229. export class LightInformationNodeWidget extends React.Component<ILightInformationNodeWidgetProps> {
  1230. /**
  1231. * Creates a GenericNodeWidget
  1232. * @param props
  1233. */
  1234. constructor(props: ILightInformationNodeWidgetProps);
  1235. render(): JSX.Element;
  1236. }
  1237. }
  1238. declare module NODEEDITOR {
  1239. /**
  1240. * Node factory which creates editor nodes
  1241. */
  1242. export class LightInformationNodeFactory extends SRD.AbstractNodeFactory {
  1243. private _globalState;
  1244. /**
  1245. * Constructs a LightNodeFactory
  1246. */
  1247. constructor(globalState: GlobalState);
  1248. /**
  1249. * Generates a node widget
  1250. * @param diagramEngine diagram engine
  1251. * @param node node to generate
  1252. * @returns node widget jsx
  1253. */
  1254. generateReactWidget(diagramEngine: SRD.DiagramEngine, node: LightInformationNodeModel): JSX.Element;
  1255. /**
  1256. * Gets a new instance of a node model
  1257. * @returns light node model
  1258. */
  1259. getNewInstance(): LightInformationNodeModel;
  1260. }
  1261. }
  1262. declare module NODEEDITOR {
  1263. interface IPreviewAreaComponentProps {
  1264. globalState: GlobalState;
  1265. width: number;
  1266. }
  1267. export class PreviewAreaComponent extends React.Component<IPreviewAreaComponentProps, {
  1268. isLoading: boolean;
  1269. }> {
  1270. constructor(props: IPreviewAreaComponentProps);
  1271. changeAnimation(): void;
  1272. changeBackground(value: string): void;
  1273. changeBackFaceCulling(value: boolean): void;
  1274. changeDepthPrePass(value: boolean): void;
  1275. render(): JSX.Element;
  1276. }
  1277. }
  1278. declare module NODEEDITOR {
  1279. interface IGradientStepComponentProps {
  1280. globalState: GlobalState;
  1281. step: BABYLON.GradientBlockColorStep;
  1282. lineIndex: number;
  1283. onDelete: () => void;
  1284. onUpdateStep: () => void;
  1285. }
  1286. export class GradientStepComponent extends React.Component<IGradientStepComponentProps, {
  1287. gradient: number;
  1288. }> {
  1289. constructor(props: IGradientStepComponentProps);
  1290. updateColor(color: string): void;
  1291. updateStep(gradient: number): void;
  1292. render(): JSX.Element;
  1293. }
  1294. }
  1295. declare module NODEEDITOR {
  1296. interface IGradientPropertyTabComponentProps {
  1297. globalState: GlobalState;
  1298. gradientNode: GradientNodeModel;
  1299. }
  1300. export class GradientPropertyTabComponentProps extends React.Component<IGradientPropertyTabComponentProps> {
  1301. constructor(props: IGradientPropertyTabComponentProps);
  1302. forceRebuild(): void;
  1303. deleteStep(step: BABYLON.GradientBlockColorStep): void;
  1304. addNewStep(): void;
  1305. render(): JSX.Element;
  1306. }
  1307. }
  1308. declare module NODEEDITOR {
  1309. export class GradientNodeModel extends DefaultNodeModel {
  1310. readonly gradientBlock: BABYLON.GradientBlock;
  1311. /**
  1312. * Constructs the node model
  1313. */
  1314. constructor();
  1315. renderProperties(globalState: GlobalState): JSX.Element;
  1316. }
  1317. }
  1318. declare module NODEEDITOR {
  1319. export interface IGradientNodeWidgetProps {
  1320. node: BABYLON.Nullable<GradientNodeModel>;
  1321. globalState: GlobalState;
  1322. }
  1323. export class GradientNodeWidget extends React.Component<IGradientNodeWidgetProps> {
  1324. constructor(props: IGradientNodeWidgetProps);
  1325. renderValue(value: string): JSX.Element | null;
  1326. render(): JSX.Element;
  1327. }
  1328. }
  1329. declare module NODEEDITOR {
  1330. export class GradientNodeFactory extends SRD.AbstractNodeFactory {
  1331. private _globalState;
  1332. constructor(globalState: GlobalState);
  1333. generateReactWidget(diagramEngine: SRD.DiagramEngine, node: GradientNodeModel): JSX.Element;
  1334. getNewInstance(): GradientNodeModel;
  1335. }
  1336. }
  1337. declare module NODEEDITOR {
  1338. /**
  1339. * GenericNodeWidgetProps
  1340. */
  1341. export interface IReflectionTextureNodeWidgetProps {
  1342. node: BABYLON.Nullable<ReflectionTextureNodeModel>;
  1343. globalState: GlobalState;
  1344. }
  1345. /**
  1346. * Used to display a node block for the node editor
  1347. */
  1348. export class ReflectionTextureNodeWidget extends React.Component<IReflectionTextureNodeWidgetProps> {
  1349. /**
  1350. * Creates a GenericNodeWidget
  1351. * @param props
  1352. */
  1353. constructor(props: IReflectionTextureNodeWidgetProps);
  1354. render(): JSX.Element;
  1355. }
  1356. }
  1357. declare module NODEEDITOR {
  1358. /**
  1359. * Node factory which creates editor nodes
  1360. */
  1361. export class ReflectionTextureNodeFactory extends SRD.AbstractNodeFactory {
  1362. private _globalState;
  1363. /**
  1364. * Constructs a TextureNodeFactory
  1365. */
  1366. constructor(globalState: GlobalState);
  1367. /**
  1368. * Generates a node widget
  1369. * @param diagramEngine diagram engine
  1370. * @param node node to generate
  1371. * @returns node widget jsx
  1372. */
  1373. generateReactWidget(diagramEngine: SRD.DiagramEngine, node: ReflectionTextureNodeModel): JSX.Element;
  1374. /**
  1375. * Gets a new instance of a node model
  1376. * @returns texture node model
  1377. */
  1378. getNewInstance(): ReflectionTextureNodeModel;
  1379. }
  1380. }
  1381. declare module NODEEDITOR {
  1382. interface IGraphEditorProps {
  1383. globalState: GlobalState;
  1384. }
  1385. export class NodeCreationOptions {
  1386. nodeMaterialBlock: BABYLON.NodeMaterialBlock;
  1387. type?: string;
  1388. connection?: BABYLON.NodeMaterialConnectionPoint;
  1389. }
  1390. export class GraphEditor extends React.Component<IGraphEditorProps> {
  1391. private readonly NodeWidth;
  1392. private _engine;
  1393. private _model;
  1394. private _startX;
  1395. private _moveInProgress;
  1396. private _leftWidth;
  1397. private _rightWidth;
  1398. private _nodes;
  1399. private _blocks;
  1400. private _previewManager;
  1401. private _copiedNodes;
  1402. private _mouseLocationX;
  1403. private _mouseLocationY;
  1404. private _onWidgetKeyUpPointer;
  1405. private _altKeyIsPressed;
  1406. private _oldY;
  1407. /** @hidden */
  1408. _toAdd: LinkModel[] | null;
  1409. /**
  1410. * Creates a node and recursivly creates its parent nodes from it's input
  1411. * @param nodeMaterialBlock
  1412. */
  1413. createNodeFromObject(options: NodeCreationOptions): DefaultNodeModel;
  1414. addValueNode(type: string): DefaultNodeModel;
  1415. onWidgetKeyUp(evt: any): void;
  1416. componentDidMount(): void;
  1417. componentWillUnmount(): void;
  1418. constructor(props: IGraphEditorProps);
  1419. zoomToFit(retry?: number): void;
  1420. buildMaterial(): void;
  1421. applyFragmentOutputConstraints(rootInput: DefaultPortModel): void;
  1422. build(needToWait?: boolean): void;
  1423. reOrganize(locations?: BABYLON.Nullable<INodeLocationInfo[]>): void;
  1424. onPointerDown(evt: React.PointerEvent<HTMLDivElement>): void;
  1425. onPointerUp(evt: React.PointerEvent<HTMLDivElement>): void;
  1426. resizeColumns(evt: React.PointerEvent<HTMLDivElement>, forLeft?: boolean): void;
  1427. buildColumnLayout(): string;
  1428. emitNewBlock(event: React.DragEvent<HTMLDivElement>): void;
  1429. render(): JSX.Element;
  1430. }
  1431. }
  1432. declare module NODEEDITOR {
  1433. /**
  1434. * Generic node model which stores information about a node editor block
  1435. */
  1436. export class DefaultNodeModel extends NodeModel {
  1437. /**
  1438. * The babylon block this node represents
  1439. */
  1440. block: BABYLON.Nullable<BABYLON.NodeMaterialBlock>;
  1441. ports: {
  1442. [s: string]: DefaultPortModel;
  1443. };
  1444. /**
  1445. * Constructs the node model
  1446. */
  1447. constructor(key: string);
  1448. prepare(options: NodeCreationOptions, nodes: Array<DefaultNodeModel>, model: DiagramModel, graphEditor: GraphEditor): void;
  1449. renderProperties(globalState: GlobalState): JSX.Element | null;
  1450. }
  1451. }
  1452. declare module NODEEDITOR {
  1453. export class GlobalState {
  1454. nodeMaterial: BABYLON.NodeMaterial;
  1455. hostElement: HTMLElement;
  1456. hostDocument: HTMLDocument;
  1457. onSelectionChangedObservable: BABYLON.Observable<BABYLON.Nullable<DefaultNodeModel>>;
  1458. onRebuildRequiredObservable: BABYLON.Observable<void>;
  1459. onResetRequiredObservable: BABYLON.Observable<void>;
  1460. onUpdateRequiredObservable: BABYLON.Observable<void>;
  1461. onZoomToFitRequiredObservable: BABYLON.Observable<void>;
  1462. onReOrganizedRequiredObservable: BABYLON.Observable<void>;
  1463. onLogRequiredObservable: BABYLON.Observable<LogEntry>;
  1464. onErrorMessageDialogRequiredObservable: BABYLON.Observable<string>;
  1465. onIsLoadingChanged: BABYLON.Observable<boolean>;
  1466. onPreviewCommandActivated: BABYLON.Observable<void>;
  1467. onLightUpdated: BABYLON.Observable<void>;
  1468. onPreviewBackgroundChanged: BABYLON.Observable<void>;
  1469. onBackFaceCullingChanged: BABYLON.Observable<void>;
  1470. onDepthPrePassChanged: BABYLON.Observable<void>;
  1471. onAnimationCommandActivated: BABYLON.Observable<void>;
  1472. onGetNodeFromBlock: (block: BABYLON.NodeMaterialBlock) => NodeModel;
  1473. previewMeshType: PreviewMeshType;
  1474. previewMeshFile: File;
  1475. rotatePreview: boolean;
  1476. backgroundColor: BABYLON.Color4;
  1477. backFaceCulling: boolean;
  1478. depthPrePass: boolean;
  1479. blockKeyboardEvents: boolean;
  1480. hemisphericLight: boolean;
  1481. directionalLight0: boolean;
  1482. directionalLight1: boolean;
  1483. controlCamera: boolean;
  1484. customSave?: {
  1485. label: string;
  1486. action: (data: string) => Promise<void>;
  1487. };
  1488. constructor();
  1489. }
  1490. }
  1491. declare module NODEEDITOR {
  1492. export class Popup {
  1493. static CreatePopup(title: string, windowVariableName: string, width?: number, height?: number): HTMLDivElement | null;
  1494. private static _CopyStyles;
  1495. }
  1496. }
  1497. declare module NODEEDITOR {
  1498. /**
  1499. * Interface used to specify creation options for the node editor
  1500. */
  1501. export interface INodeEditorOptions {
  1502. nodeMaterial: BABYLON.NodeMaterial;
  1503. hostElement?: HTMLElement;
  1504. customSave?: {
  1505. label: string;
  1506. action: (data: string) => Promise<void>;
  1507. };
  1508. customLoadObservable?: BABYLON.Observable<any>;
  1509. }
  1510. /**
  1511. * Class used to create a node editor
  1512. */
  1513. export class NodeEditor {
  1514. private static _CurrentState;
  1515. /**
  1516. * Show the node editor
  1517. * @param options defines the options to use to configure the node editor
  1518. */
  1519. static Show(options: INodeEditorOptions): void;
  1520. }
  1521. }