babylon.nodeEditor.module.d.ts 70 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789179017911792179317941795179617971798179918001801180218031804180518061807180818091810181118121813181418151816181718181819182018211822182318241825182618271828182918301831183218331834183518361837183818391840184118421843184418451846184718481849185018511852185318541855185618571858185918601861186218631864186518661867186818691870187118721873187418751876187718781879188018811882188318841885
  1. /// <reference types="react" />
  2. declare module "babylonjs-node-editor/dataStorage" {
  3. export class DataStorage {
  4. private static _InMemoryStorage;
  5. static ReadBoolean(key: string, defaultValue: boolean): boolean;
  6. static StoreBoolean(key: string, value: boolean): void;
  7. static ReadNumber(key: string, defaultValue: number): number;
  8. static StoreNumber(key: string, value: number): void;
  9. }
  10. }
  11. declare module "babylonjs-node-editor/sharedComponents/textLineComponent" {
  12. import * as React from "react";
  13. interface ITextLineComponentProps {
  14. label: string;
  15. value: string;
  16. color?: string;
  17. underline?: boolean;
  18. onLink?: () => void;
  19. }
  20. export class TextLineComponent extends React.Component<ITextLineComponentProps> {
  21. constructor(props: ITextLineComponentProps);
  22. onLink(): void;
  23. renderContent(): JSX.Element;
  24. render(): JSX.Element;
  25. }
  26. }
  27. declare module "babylonjs-node-editor/sharedComponents/lineContainerComponent" {
  28. import * as React from "react";
  29. interface ILineContainerComponentProps {
  30. title: string;
  31. children: any[] | any;
  32. closed?: boolean;
  33. }
  34. export class LineContainerComponent extends React.Component<ILineContainerComponentProps, {
  35. isExpanded: boolean;
  36. }> {
  37. constructor(props: ILineContainerComponentProps);
  38. switchExpandedState(): void;
  39. renderHeader(): JSX.Element;
  40. render(): JSX.Element;
  41. }
  42. }
  43. declare module "babylonjs-node-editor/sharedComponents/propertyChangedEvent" {
  44. export class PropertyChangedEvent {
  45. object: any;
  46. property: string;
  47. value: any;
  48. initialValue: any;
  49. }
  50. }
  51. declare module "babylonjs-node-editor/sharedComponents/textInputLineComponent" {
  52. import * as React from "react";
  53. import { Observable } from "babylonjs/Misc/observable";
  54. import { PropertyChangedEvent } from "babylonjs-node-editor/sharedComponents/propertyChangedEvent";
  55. interface ITextInputLineComponentProps {
  56. label: string;
  57. target?: any;
  58. propertyName?: string;
  59. value?: string;
  60. onChange?: (value: string) => void;
  61. onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
  62. }
  63. export class TextInputLineComponent extends React.Component<ITextInputLineComponentProps, {
  64. value: string;
  65. }> {
  66. private _localChange;
  67. constructor(props: ITextInputLineComponentProps);
  68. shouldComponentUpdate(nextProps: ITextInputLineComponentProps, nextState: {
  69. value: string;
  70. }): boolean;
  71. raiseOnPropertyChanged(newValue: string, previousValue: string): void;
  72. updateValue(value: string): void;
  73. render(): JSX.Element;
  74. }
  75. }
  76. declare module "babylonjs-node-editor/components/diagram/generic/genericNodeModel" {
  77. import { Nullable } from 'babylonjs/types';
  78. import { Vector2, Vector3, Vector4, Matrix } from 'babylonjs/Maths/math';
  79. import { DefaultNodeModel } from "babylonjs-node-editor/components/diagram/defaultNodeModel";
  80. import { DiagramModel } from 'storm-react-diagrams/dist/@types/src/models/DiagramModel';
  81. import { GraphEditor, NodeCreationOptions } from "babylonjs-node-editor/graphEditor";
  82. import { GlobalState } from "babylonjs-node-editor/globalState";
  83. /**
  84. * Generic node model which stores information about a node editor block
  85. */
  86. export class GenericNodeModel extends DefaultNodeModel {
  87. /**
  88. * Vector2 for the node if it exists
  89. */
  90. vector2: Nullable<Vector2>;
  91. /**
  92. * Vector3 for the node if it exists
  93. */
  94. vector3: Nullable<Vector3>;
  95. /**
  96. * Vector4 for the node if it exists
  97. */
  98. vector4: Nullable<Vector4>;
  99. /**
  100. * Matrix for the node if it exists
  101. */
  102. matrix: Nullable<Matrix>;
  103. /**
  104. * Constructs the node model
  105. */
  106. constructor();
  107. prepare(options: NodeCreationOptions, nodes: Array<DefaultNodeModel>, model: DiagramModel, graphEditor: GraphEditor, filterInputs: string[]): void;
  108. renderProperties(globalState: GlobalState): JSX.Element;
  109. }
  110. }
  111. declare module "babylonjs-node-editor/components/diagram/defaultPortModel" {
  112. import { LinkModel, PortModel } from "storm-react-diagrams";
  113. import { Nullable } from 'babylonjs/types';
  114. import { NodeMaterialConnectionPoint } from 'babylonjs/Materials/Node/nodeMaterialBlockConnectionPoint';
  115. import { DefaultNodeModel } from "babylonjs-node-editor/components/diagram/defaultNodeModel";
  116. /**
  117. * Port model
  118. */
  119. export class DefaultPortModel extends PortModel {
  120. /**
  121. * If the port is input or output
  122. */
  123. position: string | "input" | "output";
  124. /**
  125. * What the port is connected to
  126. */
  127. connection: Nullable<NodeMaterialConnectionPoint>;
  128. defaultValue: any;
  129. static idCounter: number;
  130. constructor(name: string, type?: string);
  131. canLinkToPort(port: DefaultPortModel): boolean;
  132. syncWithNodeMaterialConnectionPoint(connection: NodeMaterialConnectionPoint): void;
  133. getNodeModel(): DefaultNodeModel;
  134. link(outPort: DefaultPortModel): LinkModel<import("storm-react-diagrams").LinkModelListener>;
  135. createLinkModel(): LinkModel;
  136. static SortInputOutput(a: Nullable<DefaultPortModel>, b: Nullable<DefaultPortModel>): {
  137. input: DefaultPortModel;
  138. output: DefaultPortModel;
  139. } | null;
  140. }
  141. }
  142. declare module "babylonjs-node-editor/components/diagram/portHelper" {
  143. import { DefaultNodeModel } from "babylonjs-node-editor/components/diagram/defaultNodeModel";
  144. import { Nullable } from 'babylonjs/types';
  145. export class PortHelper {
  146. private static _GetPortTypeIndicator;
  147. static GenerateOutputPorts(node: Nullable<DefaultNodeModel>, ignoreLabel: boolean): JSX.Element[];
  148. static GenerateInputPorts(node: Nullable<DefaultNodeModel>, includeOnly?: string[]): JSX.Element[];
  149. }
  150. }
  151. declare module "babylonjs-node-editor/components/diagram/generic/genericNodeWidget" {
  152. import * as React from "react";
  153. import { Nullable } from 'babylonjs/types';
  154. import { GlobalState } from "babylonjs-node-editor/globalState";
  155. import { GenericNodeModel } from "babylonjs-node-editor/components/diagram/generic/genericNodeModel";
  156. /**
  157. * GenericNodeWidgetProps
  158. */
  159. export interface GenericNodeWidgetProps {
  160. node: Nullable<GenericNodeModel>;
  161. globalState: GlobalState;
  162. }
  163. /**
  164. * GenericNodeWidgetState
  165. */
  166. export interface GenericNodeWidgetState {
  167. }
  168. /**
  169. * Used to display a node block for the node editor
  170. */
  171. export class GenericNodeWidget extends React.Component<GenericNodeWidgetProps, GenericNodeWidgetState> {
  172. /**
  173. * Creates a GenericNodeWidget
  174. * @param props
  175. */
  176. constructor(props: GenericNodeWidgetProps);
  177. render(): JSX.Element;
  178. }
  179. }
  180. declare module "babylonjs-node-editor/components/diagram/generic/genericNodeFactory" {
  181. import * as SRD from "storm-react-diagrams";
  182. import { GenericNodeModel } from "babylonjs-node-editor/components/diagram/generic/genericNodeModel";
  183. import { GlobalState } from "babylonjs-node-editor/globalState";
  184. /**
  185. * Node factory which creates editor nodes
  186. */
  187. export class GenericNodeFactory extends SRD.AbstractNodeFactory {
  188. private _globalState;
  189. /**
  190. * Constructs a GenericNodeFactory
  191. */
  192. constructor(globalState: GlobalState);
  193. /**
  194. * Generates a node widget
  195. * @param diagramEngine diagram engine
  196. * @param node node to generate
  197. * @returns node widget jsx
  198. */
  199. generateReactWidget(diagramEngine: SRD.DiagramEngine, node: GenericNodeModel): JSX.Element;
  200. /**
  201. * Gets a new instance of a node model
  202. * @returns generic node model
  203. */
  204. getNewInstance(): GenericNodeModel;
  205. }
  206. }
  207. declare module "babylonjs-node-editor/sharedComponents/draggableLineComponent" {
  208. import * as React from "react";
  209. export interface IButtonLineComponentProps {
  210. data: string;
  211. }
  212. export class DraggableLineComponent extends React.Component<IButtonLineComponentProps> {
  213. constructor(props: IButtonLineComponentProps);
  214. render(): JSX.Element;
  215. }
  216. }
  217. declare module "babylonjs-node-editor/components/nodeList/nodeListComponent" {
  218. import * as React from "react";
  219. import { GlobalState } from "babylonjs-node-editor/globalState";
  220. interface INodeListComponentProps {
  221. globalState: GlobalState;
  222. }
  223. export class NodeListComponent extends React.Component<INodeListComponentProps> {
  224. render(): JSX.Element;
  225. }
  226. }
  227. declare module "babylonjs-node-editor/sharedComponents/buttonLineComponent" {
  228. import * as React from "react";
  229. export interface IButtonLineComponentProps {
  230. label: string;
  231. onClick: () => void;
  232. }
  233. export class ButtonLineComponent extends React.Component<IButtonLineComponentProps> {
  234. constructor(props: IButtonLineComponentProps);
  235. render(): JSX.Element;
  236. }
  237. }
  238. declare module "babylonjs-node-editor/stringTools" {
  239. import { NodeMaterialBlockConnectionPointTypes } from 'babylonjs/Materials/Node/nodeMaterialBlockConnectionPointTypes';
  240. export class StringTools {
  241. /**
  242. * Gets the base math type of node material block connection point.
  243. * @param type Type to parse.
  244. */
  245. static GetBaseType(type: NodeMaterialBlockConnectionPointTypes): string;
  246. /**
  247. * Download a string into a file that will be saved locally by the browser
  248. * @param content defines the string to download locally as a file
  249. */
  250. static DownloadAsFile(content: string, filename: string): void;
  251. }
  252. }
  253. declare module "babylonjs-node-editor/sharedComponents/fileButtonLineComponent" {
  254. import * as React from "react";
  255. interface IFileButtonLineComponentProps {
  256. label: string;
  257. onClick: (file: File) => void;
  258. accept: string;
  259. }
  260. export class FileButtonLineComponent extends React.Component<IFileButtonLineComponentProps> {
  261. constructor(props: IFileButtonLineComponentProps);
  262. onChange(evt: any): void;
  263. render(): JSX.Element;
  264. }
  265. }
  266. declare module "babylonjs-node-editor/components/propertyTab/propertyTabComponent" {
  267. import * as React from "react";
  268. import { GlobalState } from "babylonjs-node-editor/globalState";
  269. import { Nullable } from 'babylonjs/types';
  270. import { DefaultNodeModel } from "babylonjs-node-editor/components/diagram/defaultNodeModel";
  271. interface IPropertyTabComponentProps {
  272. globalState: GlobalState;
  273. }
  274. export class PropertyTabComponent extends React.Component<IPropertyTabComponentProps, {
  275. currentNode: Nullable<DefaultNodeModel>;
  276. }> {
  277. constructor(props: IPropertyTabComponentProps);
  278. componentWillMount(): void;
  279. load(file: File): void;
  280. render(): JSX.Element;
  281. }
  282. }
  283. declare module "babylonjs-node-editor/portal" {
  284. import * as React from "react";
  285. import { GlobalState } from "babylonjs-node-editor/globalState";
  286. interface IPortalProps {
  287. globalState: GlobalState;
  288. }
  289. export class Portal extends React.Component<IPortalProps> {
  290. render(): React.ReactPortal;
  291. }
  292. }
  293. declare module "babylonjs-node-editor/sharedComponents/checkBoxLineComponent" {
  294. import * as React from "react";
  295. import { Observable } from "babylonjs/Misc/observable";
  296. import { PropertyChangedEvent } from "babylonjs-node-editor/sharedComponents/propertyChangedEvent";
  297. export interface ICheckBoxLineComponentProps {
  298. label: string;
  299. target?: any;
  300. propertyName?: string;
  301. isSelected?: () => boolean;
  302. onSelect?: (value: boolean) => void;
  303. onValueChanged?: () => void;
  304. onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
  305. }
  306. export class CheckBoxLineComponent extends React.Component<ICheckBoxLineComponentProps, {
  307. isSelected: boolean;
  308. }> {
  309. private static _UniqueIdSeed;
  310. private _uniqueId;
  311. private _localChange;
  312. constructor(props: ICheckBoxLineComponentProps);
  313. shouldComponentUpdate(nextProps: ICheckBoxLineComponentProps, nextState: {
  314. isSelected: boolean;
  315. }): boolean;
  316. onChange(): void;
  317. render(): JSX.Element;
  318. }
  319. }
  320. declare module "babylonjs-node-editor/components/diagram/texture/texturePropertyTabComponent" {
  321. import * as React from "react";
  322. import { GlobalState } from "babylonjs-node-editor/globalState";
  323. import { TextureNodeModel } from "babylonjs-node-editor/components/diagram/texture/textureNodeModel";
  324. interface ITexturePropertyTabComponentProps {
  325. globalState: GlobalState;
  326. node: TextureNodeModel;
  327. }
  328. export class TexturePropertyTabComponent extends React.Component<ITexturePropertyTabComponentProps> {
  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 "babylonjs-node-editor/components/diagram/texture/textureNodeModel" {
  338. import { Nullable } from 'babylonjs/types';
  339. import { BaseTexture } from 'babylonjs/Materials/Textures/baseTexture';
  340. import { DefaultNodeModel } from "babylonjs-node-editor/components/diagram/defaultNodeModel";
  341. import { GlobalState } from "babylonjs-node-editor/globalState";
  342. import { NodeCreationOptions, GraphEditor } from "babylonjs-node-editor/graphEditor";
  343. import { DiagramModel } from 'storm-react-diagrams/dist/@types/src/models/DiagramModel';
  344. /**
  345. * Texture node model which stores information about a node editor block
  346. */
  347. export class TextureNodeModel extends DefaultNodeModel {
  348. private _block;
  349. /**
  350. * Texture for the node if it exists
  351. */
  352. texture: Nullable<BaseTexture>;
  353. /**
  354. * Constructs the node model
  355. */
  356. constructor();
  357. renderProperties(globalState: GlobalState): JSX.Element;
  358. prepare(options: NodeCreationOptions, nodes: Array<DefaultNodeModel>, model: DiagramModel, graphEditor: GraphEditor, filterInputs: string[]): void;
  359. }
  360. }
  361. declare module "babylonjs-node-editor/sharedComponents/textureLineComponent" {
  362. import * as React from "react";
  363. import { BaseTexture } from "babylonjs/Materials/Textures/baseTexture";
  364. interface ITextureLineComponentProps {
  365. texture: BaseTexture;
  366. width: number;
  367. height: number;
  368. globalState?: any;
  369. hideChannelSelect?: boolean;
  370. }
  371. export class TextureLineComponent extends React.Component<ITextureLineComponentProps, {
  372. displayRed: boolean;
  373. displayGreen: boolean;
  374. displayBlue: boolean;
  375. displayAlpha: boolean;
  376. face: number;
  377. }> {
  378. constructor(props: ITextureLineComponentProps);
  379. shouldComponentUpdate(nextProps: ITextureLineComponentProps, nextState: {
  380. displayRed: boolean;
  381. displayGreen: boolean;
  382. displayBlue: boolean;
  383. displayAlpha: boolean;
  384. face: number;
  385. }): boolean;
  386. componentDidMount(): void;
  387. componentDidUpdate(): void;
  388. updatePreview(): void;
  389. render(): JSX.Element;
  390. }
  391. }
  392. declare module "babylonjs-node-editor/components/diagram/texture/textureNodeWidget" {
  393. import * as React from "react";
  394. import { TextureNodeModel } from "babylonjs-node-editor/components/diagram/texture/textureNodeModel";
  395. import { Nullable } from 'babylonjs/types';
  396. import { GlobalState } from "babylonjs-node-editor/globalState";
  397. /**
  398. * GenericNodeWidgetProps
  399. */
  400. export interface ITextureNodeWidgetProps {
  401. node: Nullable<TextureNodeModel>;
  402. globalState: GlobalState;
  403. }
  404. /**
  405. * Used to display a node block for the node editor
  406. */
  407. export class TextureNodeWidget extends React.Component<ITextureNodeWidgetProps> {
  408. /**
  409. * Creates a GenericNodeWidget
  410. * @param props
  411. */
  412. constructor(props: ITextureNodeWidgetProps);
  413. render(): JSX.Element;
  414. }
  415. }
  416. declare module "babylonjs-node-editor/components/diagram/texture/textureNodeFactory" {
  417. import * as SRD from "storm-react-diagrams";
  418. import { TextureNodeModel } from "babylonjs-node-editor/components/diagram/texture/textureNodeModel";
  419. import { GlobalState } from "babylonjs-node-editor/globalState";
  420. /**
  421. * Node factory which creates editor nodes
  422. */
  423. export class TextureNodeFactory extends SRD.AbstractNodeFactory {
  424. private _globalState;
  425. /**
  426. * Constructs a TextureNodeFactory
  427. */
  428. constructor(globalState: GlobalState);
  429. /**
  430. * Generates a node widget
  431. * @param diagramEngine diagram engine
  432. * @param node node to generate
  433. * @returns node widget jsx
  434. */
  435. generateReactWidget(diagramEngine: SRD.DiagramEngine, node: TextureNodeModel): JSX.Element;
  436. /**
  437. * Gets a new instance of a node model
  438. * @returns texture node model
  439. */
  440. getNewInstance(): TextureNodeModel;
  441. }
  442. }
  443. declare module "babylonjs-node-editor/sharedComponents/numericInputComponent" {
  444. import * as React from "react";
  445. interface INumericInputComponentProps {
  446. label: string;
  447. value: number;
  448. step?: number;
  449. onChange: (value: number) => void;
  450. }
  451. export class NumericInputComponent extends React.Component<INumericInputComponentProps, {
  452. value: string;
  453. }> {
  454. static defaultProps: {
  455. step: number;
  456. };
  457. private _localChange;
  458. constructor(props: INumericInputComponentProps);
  459. shouldComponentUpdate(nextProps: INumericInputComponentProps, nextState: {
  460. value: string;
  461. }): boolean;
  462. updateValue(evt: any): void;
  463. render(): JSX.Element;
  464. }
  465. }
  466. declare module "babylonjs-node-editor/sharedComponents/vector2LineComponent" {
  467. import * as React from "react";
  468. import { Vector2 } from "babylonjs/Maths/math";
  469. import { Observable } from "babylonjs/Misc/observable";
  470. import { PropertyChangedEvent } from "babylonjs-node-editor/sharedComponents/propertyChangedEvent";
  471. interface IVector2LineComponentProps {
  472. label: string;
  473. target: any;
  474. propertyName: string;
  475. step?: number;
  476. onChange?: (newvalue: Vector2) => void;
  477. onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
  478. }
  479. export class Vector2LineComponent extends React.Component<IVector2LineComponentProps, {
  480. isExpanded: boolean;
  481. value: Vector2;
  482. }> {
  483. static defaultProps: {
  484. step: number;
  485. };
  486. private _localChange;
  487. constructor(props: IVector2LineComponentProps);
  488. shouldComponentUpdate(nextProps: IVector2LineComponentProps, nextState: {
  489. isExpanded: boolean;
  490. value: Vector2;
  491. }): boolean;
  492. switchExpandState(): void;
  493. raiseOnPropertyChanged(previousValue: Vector2): void;
  494. updateStateX(value: number): void;
  495. updateStateY(value: number): void;
  496. render(): JSX.Element;
  497. }
  498. }
  499. declare module "babylonjs-node-editor/components/propertyTab/properties/vector2PropertyTabComponent" {
  500. import * as React from "react";
  501. import { GlobalState } from "babylonjs-node-editor/globalState";
  502. import { InputBlock } from 'babylonjs/Materials/Node/Blocks/Input/inputBlock';
  503. interface IVector2PropertyTabComponentProps {
  504. globalState: GlobalState;
  505. inputBlock: InputBlock;
  506. }
  507. export class Vector2PropertyTabComponent extends React.Component<IVector2PropertyTabComponentProps> {
  508. render(): JSX.Element;
  509. }
  510. }
  511. declare module "babylonjs-node-editor/sharedComponents/vector3LineComponent" {
  512. import * as React from "react";
  513. import { Vector3 } from "babylonjs/Maths/math";
  514. import { Observable } from "babylonjs/Misc/observable";
  515. import { PropertyChangedEvent } from "babylonjs-node-editor/sharedComponents/propertyChangedEvent";
  516. interface IVector3LineComponentProps {
  517. label: string;
  518. target: any;
  519. propertyName: string;
  520. step?: number;
  521. onChange?: (newvalue: Vector3) => void;
  522. onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
  523. }
  524. export class Vector3LineComponent extends React.Component<IVector3LineComponentProps, {
  525. isExpanded: boolean;
  526. value: Vector3;
  527. }> {
  528. static defaultProps: {
  529. step: number;
  530. };
  531. private _localChange;
  532. constructor(props: IVector3LineComponentProps);
  533. shouldComponentUpdate(nextProps: IVector3LineComponentProps, nextState: {
  534. isExpanded: boolean;
  535. value: Vector3;
  536. }): boolean;
  537. switchExpandState(): void;
  538. raiseOnPropertyChanged(previousValue: Vector3): void;
  539. updateVector3(): void;
  540. updateStateX(value: number): void;
  541. updateStateY(value: number): void;
  542. updateStateZ(value: number): void;
  543. render(): JSX.Element;
  544. }
  545. }
  546. declare module "babylonjs-node-editor/components/propertyTab/properties/vector3PropertyTabComponent" {
  547. import * as React from "react";
  548. import { GlobalState } from "babylonjs-node-editor/globalState";
  549. import { InputBlock } from 'babylonjs/Materials/Node/Blocks/Input/inputBlock';
  550. interface IVector3PropertyTabComponentProps {
  551. globalState: GlobalState;
  552. inputBlock: InputBlock;
  553. }
  554. export class Vector3PropertyTabComponent extends React.Component<IVector3PropertyTabComponentProps> {
  555. render(): JSX.Element;
  556. }
  557. }
  558. declare module "babylonjs-node-editor/sharedComponents/optionsLineComponent" {
  559. import * as React from "react";
  560. import { Observable } from "babylonjs/Misc/observable";
  561. import { PropertyChangedEvent } from "babylonjs-node-editor/sharedComponents/propertyChangedEvent";
  562. class ListLineOption {
  563. label: string;
  564. value: number | string;
  565. }
  566. interface IOptionsLineComponentProps {
  567. label: string;
  568. target: any;
  569. propertyName: string;
  570. options: ListLineOption[];
  571. noDirectUpdate?: boolean;
  572. onSelect?: (value: number | string) => void;
  573. onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
  574. valuesAreStrings?: boolean;
  575. defaultIfNull?: number;
  576. }
  577. export class OptionsLineComponent extends React.Component<IOptionsLineComponentProps, {
  578. value: number | string;
  579. }> {
  580. private _localChange;
  581. private _getValue;
  582. constructor(props: IOptionsLineComponentProps);
  583. shouldComponentUpdate(nextProps: IOptionsLineComponentProps, nextState: {
  584. value: number;
  585. }): boolean;
  586. raiseOnPropertyChanged(newValue: number | string, previousValue: number | string): void;
  587. updateValue(valueString: string): void;
  588. render(): JSX.Element;
  589. }
  590. }
  591. declare module "babylonjs-node-editor/sharedComponents/color3LineComponent" {
  592. import * as React from "react";
  593. import { Observable } from "babylonjs/Misc/observable";
  594. import { Color3 } from "babylonjs/Maths/math";
  595. import { PropertyChangedEvent } from "babylonjs-node-editor/sharedComponents/propertyChangedEvent";
  596. export interface IColor3LineComponentProps {
  597. label: string;
  598. target: any;
  599. propertyName: string;
  600. onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
  601. onChange?: () => void;
  602. }
  603. export class Color3LineComponent extends React.Component<IColor3LineComponentProps, {
  604. isExpanded: boolean;
  605. color: Color3;
  606. }> {
  607. private _localChange;
  608. constructor(props: IColor3LineComponentProps);
  609. shouldComponentUpdate(nextProps: IColor3LineComponentProps, nextState: {
  610. color: Color3;
  611. }): boolean;
  612. onChange(newValue: string): void;
  613. switchExpandState(): void;
  614. raiseOnPropertyChanged(previousValue: Color3): void;
  615. updateStateR(value: number): void;
  616. updateStateG(value: number): void;
  617. updateStateB(value: number): void;
  618. copyToClipboard(): void;
  619. render(): JSX.Element;
  620. }
  621. }
  622. declare module "babylonjs-node-editor/components/propertyTab/properties/color3PropertyTabComponent" {
  623. import * as React from "react";
  624. import { GlobalState } from "babylonjs-node-editor/globalState";
  625. import { InputBlock } from 'babylonjs/Materials/Node/Blocks/Input/inputBlock';
  626. interface IColor3PropertyTabComponentProps {
  627. globalState: GlobalState;
  628. inputBlock: InputBlock;
  629. }
  630. export class Color3PropertyTabComponent extends React.Component<IColor3PropertyTabComponentProps> {
  631. render(): JSX.Element;
  632. }
  633. }
  634. declare module "babylonjs-node-editor/sharedComponents/floatLineComponent" {
  635. import * as React from "react";
  636. import { Observable } from "babylonjs/Misc/observable";
  637. import { PropertyChangedEvent } from "babylonjs-node-editor/sharedComponents/propertyChangedEvent";
  638. interface IFloatLineComponentProps {
  639. label: string;
  640. target: any;
  641. propertyName: string;
  642. onChange?: (newValue: number) => void;
  643. isInteger?: boolean;
  644. onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
  645. additionalClass?: string;
  646. step?: string;
  647. digits?: number;
  648. }
  649. export class FloatLineComponent extends React.Component<IFloatLineComponentProps, {
  650. value: string;
  651. }> {
  652. private _localChange;
  653. private _store;
  654. constructor(props: IFloatLineComponentProps);
  655. shouldComponentUpdate(nextProps: IFloatLineComponentProps, nextState: {
  656. value: string;
  657. }): boolean;
  658. raiseOnPropertyChanged(newValue: number, previousValue: number): void;
  659. updateValue(valueString: string): void;
  660. render(): JSX.Element;
  661. }
  662. }
  663. declare module "babylonjs-node-editor/components/propertyTab/properties/floatPropertyTabComponent" {
  664. import * as React from "react";
  665. import { GlobalState } from "babylonjs-node-editor/globalState";
  666. import { InputBlock } from 'babylonjs/Materials/Node/Blocks/Input/inputBlock';
  667. interface IFloatPropertyTabComponentProps {
  668. globalState: GlobalState;
  669. inputBlock: InputBlock;
  670. }
  671. export class FloatPropertyTabComponent extends React.Component<IFloatPropertyTabComponentProps> {
  672. render(): JSX.Element;
  673. }
  674. }
  675. declare module "babylonjs-node-editor/components/diagram/input/inputNodePropertyComponent" {
  676. import * as React from "react";
  677. import { GlobalState } from "babylonjs-node-editor/globalState";
  678. import { InputNodeModel } from "babylonjs-node-editor/components/diagram/input/inputNodeModel";
  679. interface IInputPropertyTabComponentProps {
  680. globalState: GlobalState;
  681. inputNode: InputNodeModel;
  682. }
  683. export class InputPropertyTabComponentProps extends React.Component<IInputPropertyTabComponentProps> {
  684. constructor(props: IInputPropertyTabComponentProps);
  685. renderValue(globalState: GlobalState): JSX.Element | null;
  686. setDefaultValue(): void;
  687. render(): JSX.Element;
  688. }
  689. }
  690. declare module "babylonjs-node-editor/components/diagram/input/inputNodeModel" {
  691. import { DefaultNodeModel } from "babylonjs-node-editor/components/diagram/defaultNodeModel";
  692. import { GlobalState } from "babylonjs-node-editor/globalState";
  693. import { InputBlock } from 'babylonjs/Materials/Node/Blocks/Input/inputBlock';
  694. /**
  695. * Generic node model which stores information about a node editor block
  696. */
  697. export class InputNodeModel extends DefaultNodeModel {
  698. readonly inputBlock: InputBlock;
  699. /**
  700. * Constructs the node model
  701. */
  702. constructor();
  703. renderProperties(globalState: GlobalState): JSX.Element;
  704. }
  705. }
  706. declare module "babylonjs-node-editor/components/diagram/input/inputNodeWidget" {
  707. import * as React from "react";
  708. import { InputNodeModel } from "babylonjs-node-editor/components/diagram/input/inputNodeModel";
  709. import { Nullable } from 'babylonjs/types';
  710. import { GlobalState } from "babylonjs-node-editor/globalState";
  711. /**
  712. * GenericNodeWidgetProps
  713. */
  714. export interface InputNodeWidgetProps {
  715. node: Nullable<InputNodeModel>;
  716. globalState: GlobalState;
  717. }
  718. /**
  719. * Used to display a node block for the node editor
  720. */
  721. export class InputNodeWidget extends React.Component<InputNodeWidgetProps> {
  722. /**
  723. * Creates a GenericNodeWidget
  724. * @param props
  725. */
  726. constructor(props: InputNodeWidgetProps);
  727. renderValue(value: string): JSX.Element | null;
  728. render(): JSX.Element | null;
  729. }
  730. }
  731. declare module "babylonjs-node-editor/components/diagram/input/inputNodeFactory" {
  732. import * as SRD from "storm-react-diagrams";
  733. import { GlobalState } from "babylonjs-node-editor/globalState";
  734. import { InputNodeModel } from "babylonjs-node-editor/components/diagram/input/inputNodeModel";
  735. /**
  736. * Node factory which creates editor nodes
  737. */
  738. export class InputNodeFactory extends SRD.AbstractNodeFactory {
  739. private _globalState;
  740. /**
  741. * Constructs a GenericNodeFactory
  742. */
  743. constructor(globalState: GlobalState);
  744. /**
  745. * Generates a node widget
  746. * @param diagramEngine diagram engine
  747. * @param node node to generate
  748. * @returns node widget jsx
  749. */
  750. generateReactWidget(diagramEngine: SRD.DiagramEngine, node: InputNodeModel): JSX.Element;
  751. /**
  752. * Gets a new instance of a node model
  753. * @returns input node model
  754. */
  755. getNewInstance(): InputNodeModel;
  756. }
  757. }
  758. declare module "babylonjs-node-editor/components/log/logComponent" {
  759. import * as React from "react";
  760. import { GlobalState } from "babylonjs-node-editor/globalState";
  761. interface ILogComponentProps {
  762. globalState: GlobalState;
  763. }
  764. export class LogEntry {
  765. message: string;
  766. isError: boolean;
  767. constructor(message: string, isError: boolean);
  768. }
  769. export class LogComponent extends React.Component<ILogComponentProps, {
  770. logs: LogEntry[];
  771. }> {
  772. constructor(props: ILogComponentProps);
  773. componentWillMount(): void;
  774. componentDidUpdate(): void;
  775. render(): JSX.Element;
  776. }
  777. }
  778. declare module "babylonjs-node-editor/components/diagram/light/lightPropertyTabComponent" {
  779. import * as React from "react";
  780. import { GlobalState } from "babylonjs-node-editor/globalState";
  781. import { LightNodeModel } from "babylonjs-node-editor/components/diagram/light/lightNodeModel";
  782. interface ILightPropertyTabComponentProps {
  783. globalState: GlobalState;
  784. node: LightNodeModel;
  785. }
  786. export class LightPropertyTabComponent extends React.Component<ILightPropertyTabComponentProps> {
  787. render(): JSX.Element;
  788. }
  789. }
  790. declare module "babylonjs-node-editor/components/diagram/light/lightNodeModel" {
  791. import { Nullable } from 'babylonjs/types';
  792. import { Light } from 'babylonjs/Lights/light';
  793. import { DefaultNodeModel } from "babylonjs-node-editor/components/diagram/defaultNodeModel";
  794. import { GlobalState } from "babylonjs-node-editor/globalState";
  795. import { NodeCreationOptions, GraphEditor } from "babylonjs-node-editor/graphEditor";
  796. import { DiagramModel } from 'storm-react-diagrams/dist/@types/src/models/DiagramModel';
  797. /**
  798. * Light node model which stores information about a node editor block
  799. */
  800. export class LightNodeModel extends DefaultNodeModel {
  801. private _block;
  802. /**
  803. * Light for the node if it exists
  804. */
  805. light: Nullable<Light>;
  806. /**
  807. * Constructs the node model
  808. */
  809. constructor();
  810. renderProperties(globalState: GlobalState): JSX.Element;
  811. prepare(options: NodeCreationOptions, nodes: Array<DefaultNodeModel>, model: DiagramModel, graphEditor: GraphEditor, filterInputs: string[]): void;
  812. }
  813. }
  814. declare module "babylonjs-node-editor/components/diagram/light/lightNodeWidget" {
  815. import * as React from "react";
  816. import { LightNodeModel } from "babylonjs-node-editor/components/diagram/light/lightNodeModel";
  817. import { Nullable } from 'babylonjs/types';
  818. import { GlobalState } from "babylonjs-node-editor/globalState";
  819. /**
  820. * GenericNodeWidgetProps
  821. */
  822. export interface ILightNodeWidgetProps {
  823. node: Nullable<LightNodeModel>;
  824. globalState: GlobalState;
  825. }
  826. /**
  827. * Used to display a node block for the node editor
  828. */
  829. export class LightNodeWidget extends React.Component<ILightNodeWidgetProps> {
  830. /**
  831. * Creates a GenericNodeWidget
  832. * @param props
  833. */
  834. constructor(props: ILightNodeWidgetProps);
  835. render(): JSX.Element;
  836. }
  837. }
  838. declare module "babylonjs-node-editor/components/diagram/light/lightNodeFactory" {
  839. import * as SRD from "storm-react-diagrams";
  840. import { LightNodeModel } from "babylonjs-node-editor/components/diagram/light/lightNodeModel";
  841. import { GlobalState } from "babylonjs-node-editor/globalState";
  842. /**
  843. * Node factory which creates editor nodes
  844. */
  845. export class LightNodeFactory extends SRD.AbstractNodeFactory {
  846. private _globalState;
  847. /**
  848. * Constructs a LightNodeFactory
  849. */
  850. constructor(globalState: GlobalState);
  851. /**
  852. * Generates a node widget
  853. * @param diagramEngine diagram engine
  854. * @param node node to generate
  855. * @returns node widget jsx
  856. */
  857. generateReactWidget(diagramEngine: SRD.DiagramEngine, node: LightNodeModel): JSX.Element;
  858. /**
  859. * Gets a new instance of a node model
  860. * @returns light node model
  861. */
  862. getNewInstance(): LightNodeModel;
  863. }
  864. }
  865. declare module "babylonjs-node-editor/sharedComponents/messageDialog" {
  866. import * as React from "react";
  867. import { GlobalState } from "babylonjs-node-editor/globalState";
  868. interface IMessageDialogComponentProps {
  869. globalState: GlobalState;
  870. }
  871. export class MessageDialogComponent extends React.Component<IMessageDialogComponentProps, {
  872. message: string;
  873. isError: boolean;
  874. }> {
  875. constructor(props: IMessageDialogComponentProps);
  876. render(): JSX.Element | null;
  877. }
  878. }
  879. declare module "babylonjs-node-editor/graphEditor" {
  880. import { LinkModel } from "storm-react-diagrams";
  881. import * as React from "react";
  882. import * as dagre from "babylonjs-node-editor/dagre";
  883. import { GlobalState } from "babylonjs-node-editor/globalState";
  884. import { NodeMaterialBlock } from 'babylonjs/Materials/Node/nodeMaterialBlock';
  885. import { NodeMaterialConnectionPoint } from 'babylonjs/Materials/Node/nodeMaterialBlockConnectionPoint';
  886. import { DefaultNodeModel } from "babylonjs-node-editor/components/diagram/defaultNodeModel";
  887. interface IGraphEditorProps {
  888. globalState: GlobalState;
  889. }
  890. export class NodeCreationOptions {
  891. nodeMaterialBlock: NodeMaterialBlock;
  892. type?: string;
  893. connection?: NodeMaterialConnectionPoint;
  894. }
  895. export class GraphEditor extends React.Component<IGraphEditorProps> {
  896. private _engine;
  897. private _model;
  898. private _startX;
  899. private _moveInProgress;
  900. private _leftWidth;
  901. private _rightWidth;
  902. private _nodes;
  903. /** @hidden */
  904. _toAdd: LinkModel[] | null;
  905. /**
  906. * Creates a node and recursivly creates its parent nodes from it's input
  907. * @param nodeMaterialBlock
  908. */
  909. createNodeFromObject(options: NodeCreationOptions): DefaultNodeModel;
  910. componentDidMount(): void;
  911. componentWillUnmount(): void;
  912. constructor(props: IGraphEditorProps);
  913. distributeGraph(): dagre.Node[];
  914. mapElements(): {
  915. id: string;
  916. metadata: {
  917. id: string;
  918. width: number;
  919. height: number;
  920. };
  921. }[];
  922. mapEdges(): {
  923. from: import("storm-react-diagrams").NodeModel;
  924. to: import("storm-react-diagrams").NodeModel;
  925. }[];
  926. buildMaterial(): void;
  927. build(needToWait?: boolean): void;
  928. reOrganize(): void;
  929. addValueNode(type: string): DefaultNodeModel;
  930. onPointerDown(evt: React.PointerEvent<HTMLDivElement>): void;
  931. onPointerUp(evt: React.PointerEvent<HTMLDivElement>): void;
  932. resizeColumns(evt: React.PointerEvent<HTMLDivElement>, forLeft?: boolean): void;
  933. buildColumnLayout(): string;
  934. emitNewBlock(event: React.DragEvent<HTMLDivElement>): void;
  935. render(): JSX.Element;
  936. }
  937. }
  938. declare module "babylonjs-node-editor/components/diagram/defaultNodeModel" {
  939. import { NodeModel, DiagramModel } from "storm-react-diagrams";
  940. import { Nullable } from 'babylonjs/types';
  941. import { NodeMaterialBlock } from 'babylonjs/Materials/Node/nodeMaterialBlock';
  942. import { GraphEditor, NodeCreationOptions } from "babylonjs-node-editor/graphEditor";
  943. import { GlobalState } from "babylonjs-node-editor/globalState";
  944. import { DefaultPortModel } from "babylonjs-node-editor/components/diagram/defaultPortModel";
  945. /**
  946. * Generic node model which stores information about a node editor block
  947. */
  948. export class DefaultNodeModel extends NodeModel {
  949. /**
  950. * The babylon block this node represents
  951. */
  952. block: Nullable<NodeMaterialBlock>;
  953. ports: {
  954. [s: string]: DefaultPortModel;
  955. };
  956. /**
  957. * Constructs the node model
  958. */
  959. constructor(key: string);
  960. prepare(options: NodeCreationOptions, nodes: Array<DefaultNodeModel>, model: DiagramModel, graphEditor: GraphEditor, filterInputs: string[]): void;
  961. renderProperties(globalState: GlobalState): JSX.Element | null;
  962. }
  963. }
  964. declare module "babylonjs-node-editor/globalState" {
  965. import { NodeMaterial } from "babylonjs/Materials/Node/nodeMaterial";
  966. import { Nullable } from "babylonjs/types";
  967. import { Observable } from 'babylonjs/Misc/observable';
  968. import { DefaultNodeModel } from "babylonjs-node-editor/components/diagram/defaultNodeModel";
  969. import { LogEntry } from "babylonjs-node-editor/components/log/logComponent";
  970. export class GlobalState {
  971. nodeMaterial?: NodeMaterial;
  972. hostElement: HTMLElement;
  973. hostDocument: HTMLDocument;
  974. onSelectionChangedObservable: Observable<Nullable<DefaultNodeModel>>;
  975. onRebuildRequiredObservable: Observable<void>;
  976. onResetRequiredObservable: Observable<void>;
  977. onUpdateRequiredObservable: Observable<void>;
  978. onZoomToFitRequiredObservable: Observable<void>;
  979. onReOrganizedRequiredObservable: Observable<void>;
  980. onLogRequiredObservable: Observable<LogEntry>;
  981. onErrorMessageDialogRequiredObservable: Observable<string>;
  982. }
  983. }
  984. declare module "babylonjs-node-editor/sharedComponents/popup" {
  985. export class Popup {
  986. static CreatePopup(title: string, windowVariableName: string, width?: number, height?: number): HTMLDivElement | null;
  987. private static _CopyStyles;
  988. }
  989. }
  990. declare module "babylonjs-node-editor/nodeEditor" {
  991. import { NodeMaterial } from "babylonjs/Materials/Node/nodeMaterial";
  992. /**
  993. * Interface used to specify creation options for the node editor
  994. */
  995. export interface INodeEditorOptions {
  996. nodeMaterial: NodeMaterial;
  997. }
  998. /**
  999. * Class used to create a node editor
  1000. */
  1001. export class NodeEditor {
  1002. /**
  1003. * Show the node editor
  1004. * @param options defines the options to use to configure the node editor
  1005. */
  1006. static Show(options: INodeEditorOptions): void;
  1007. }
  1008. }
  1009. declare module "babylonjs-node-editor/index" {
  1010. export * from "babylonjs-node-editor/nodeEditor";
  1011. }
  1012. declare module "babylonjs-node-editor/legacy/legacy" {
  1013. export * from "babylonjs-node-editor/index";
  1014. }
  1015. declare module "babylonjs-node-editor" {
  1016. export * from "babylonjs-node-editor/legacy/legacy";
  1017. }
  1018. /// <reference types="react" />
  1019. declare module NODEEDITOR {
  1020. export class DataStorage {
  1021. private static _InMemoryStorage;
  1022. static ReadBoolean(key: string, defaultValue: boolean): boolean;
  1023. static StoreBoolean(key: string, value: boolean): void;
  1024. static ReadNumber(key: string, defaultValue: number): number;
  1025. static StoreNumber(key: string, value: number): void;
  1026. }
  1027. }
  1028. declare module NODEEDITOR {
  1029. interface ITextLineComponentProps {
  1030. label: string;
  1031. value: string;
  1032. color?: string;
  1033. underline?: boolean;
  1034. onLink?: () => void;
  1035. }
  1036. export class TextLineComponent extends React.Component<ITextLineComponentProps> {
  1037. constructor(props: ITextLineComponentProps);
  1038. onLink(): void;
  1039. renderContent(): JSX.Element;
  1040. render(): JSX.Element;
  1041. }
  1042. }
  1043. declare module NODEEDITOR {
  1044. interface ILineContainerComponentProps {
  1045. title: string;
  1046. children: any[] | any;
  1047. closed?: boolean;
  1048. }
  1049. export class LineContainerComponent extends React.Component<ILineContainerComponentProps, {
  1050. isExpanded: boolean;
  1051. }> {
  1052. constructor(props: ILineContainerComponentProps);
  1053. switchExpandedState(): void;
  1054. renderHeader(): JSX.Element;
  1055. render(): JSX.Element;
  1056. }
  1057. }
  1058. declare module NODEEDITOR {
  1059. export class PropertyChangedEvent {
  1060. object: any;
  1061. property: string;
  1062. value: any;
  1063. initialValue: any;
  1064. }
  1065. }
  1066. declare module NODEEDITOR {
  1067. interface ITextInputLineComponentProps {
  1068. label: string;
  1069. target?: any;
  1070. propertyName?: string;
  1071. value?: string;
  1072. onChange?: (value: string) => void;
  1073. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  1074. }
  1075. export class TextInputLineComponent extends React.Component<ITextInputLineComponentProps, {
  1076. value: string;
  1077. }> {
  1078. private _localChange;
  1079. constructor(props: ITextInputLineComponentProps);
  1080. shouldComponentUpdate(nextProps: ITextInputLineComponentProps, nextState: {
  1081. value: string;
  1082. }): boolean;
  1083. raiseOnPropertyChanged(newValue: string, previousValue: string): void;
  1084. updateValue(value: string): void;
  1085. render(): JSX.Element;
  1086. }
  1087. }
  1088. declare module NODEEDITOR {
  1089. /**
  1090. * Generic node model which stores information about a node editor block
  1091. */
  1092. export class GenericNodeModel extends DefaultNodeModel {
  1093. /**
  1094. * BABYLON.Vector2 for the node if it exists
  1095. */
  1096. vector2: BABYLON.Nullable<BABYLON.Vector2>;
  1097. /**
  1098. * BABYLON.Vector3 for the node if it exists
  1099. */
  1100. vector3: BABYLON.Nullable<BABYLON.Vector3>;
  1101. /**
  1102. * BABYLON.Vector4 for the node if it exists
  1103. */
  1104. vector4: BABYLON.Nullable<BABYLON.Vector4>;
  1105. /**
  1106. * BABYLON.Matrix for the node if it exists
  1107. */
  1108. matrix: BABYLON.Nullable<BABYLON.Matrix>;
  1109. /**
  1110. * Constructs the node model
  1111. */
  1112. constructor();
  1113. prepare(options: NodeCreationOptions, nodes: Array<DefaultNodeModel>, model: DiagramModel, graphEditor: GraphEditor, filterInputs: string[]): void;
  1114. renderProperties(globalState: GlobalState): JSX.Element;
  1115. }
  1116. }
  1117. declare module NODEEDITOR {
  1118. /**
  1119. * Port model
  1120. */
  1121. export class DefaultPortModel extends PortModel {
  1122. /**
  1123. * If the port is input or output
  1124. */
  1125. position: string | "input" | "output";
  1126. /**
  1127. * What the port is connected to
  1128. */
  1129. connection: BABYLON.Nullable<BABYLON.NodeMaterialConnectionPoint>;
  1130. defaultValue: any;
  1131. static idCounter: number;
  1132. constructor(name: string, type?: string);
  1133. canLinkToPort(port: DefaultPortModel): boolean;
  1134. syncWithNodeMaterialConnectionPoint(connection: BABYLON.NodeMaterialConnectionPoint): void;
  1135. getNodeModel(): DefaultNodeModel;
  1136. link(outPort: DefaultPortModel): LinkModel<import("storm-react-diagrams").LinkModelListener>;
  1137. createLinkModel(): LinkModel;
  1138. static SortInputOutput(a: BABYLON.Nullable<DefaultPortModel>, b: BABYLON.Nullable<DefaultPortModel>): {
  1139. input: DefaultPortModel;
  1140. output: DefaultPortModel;
  1141. } | null;
  1142. }
  1143. }
  1144. declare module NODEEDITOR {
  1145. export class PortHelper {
  1146. private static _GetPortTypeIndicator;
  1147. static GenerateOutputPorts(node: BABYLON.Nullable<DefaultNodeModel>, ignoreLabel: boolean): JSX.Element[];
  1148. static GenerateInputPorts(node: BABYLON.Nullable<DefaultNodeModel>, includeOnly?: string[]): JSX.Element[];
  1149. }
  1150. }
  1151. declare module NODEEDITOR {
  1152. /**
  1153. * GenericNodeWidgetProps
  1154. */
  1155. export interface GenericNodeWidgetProps {
  1156. node: BABYLON.Nullable<GenericNodeModel>;
  1157. globalState: GlobalState;
  1158. }
  1159. /**
  1160. * GenericNodeWidgetState
  1161. */
  1162. export interface GenericNodeWidgetState {
  1163. }
  1164. /**
  1165. * Used to display a node block for the node editor
  1166. */
  1167. export class GenericNodeWidget extends React.Component<GenericNodeWidgetProps, GenericNodeWidgetState> {
  1168. /**
  1169. * Creates a GenericNodeWidget
  1170. * @param props
  1171. */
  1172. constructor(props: GenericNodeWidgetProps);
  1173. render(): JSX.Element;
  1174. }
  1175. }
  1176. declare module NODEEDITOR {
  1177. /**
  1178. * Node factory which creates editor nodes
  1179. */
  1180. export class GenericNodeFactory extends SRD.AbstractNodeFactory {
  1181. private _globalState;
  1182. /**
  1183. * Constructs a GenericNodeFactory
  1184. */
  1185. constructor(globalState: GlobalState);
  1186. /**
  1187. * Generates a node widget
  1188. * @param diagramEngine diagram engine
  1189. * @param node node to generate
  1190. * @returns node widget jsx
  1191. */
  1192. generateReactWidget(diagramEngine: SRD.DiagramEngine, node: GenericNodeModel): JSX.Element;
  1193. /**
  1194. * Gets a new instance of a node model
  1195. * @returns generic node model
  1196. */
  1197. getNewInstance(): GenericNodeModel;
  1198. }
  1199. }
  1200. declare module NODEEDITOR {
  1201. export interface IButtonLineComponentProps {
  1202. data: string;
  1203. }
  1204. export class DraggableLineComponent extends React.Component<IButtonLineComponentProps> {
  1205. constructor(props: IButtonLineComponentProps);
  1206. render(): JSX.Element;
  1207. }
  1208. }
  1209. declare module NODEEDITOR {
  1210. interface INodeListComponentProps {
  1211. globalState: GlobalState;
  1212. }
  1213. export class NodeListComponent extends React.Component<INodeListComponentProps> {
  1214. render(): JSX.Element;
  1215. }
  1216. }
  1217. declare module NODEEDITOR {
  1218. export interface IButtonLineComponentProps {
  1219. label: string;
  1220. onClick: () => void;
  1221. }
  1222. export class ButtonLineComponent extends React.Component<IButtonLineComponentProps> {
  1223. constructor(props: IButtonLineComponentProps);
  1224. render(): JSX.Element;
  1225. }
  1226. }
  1227. declare module NODEEDITOR {
  1228. export class StringTools {
  1229. /**
  1230. * Gets the base math type of node material block connection point.
  1231. * @param type Type to parse.
  1232. */
  1233. static GetBaseType(type: BABYLON.NodeMaterialBlockConnectionPointTypes): string;
  1234. /**
  1235. * Download a string into a file that will be saved locally by the browser
  1236. * @param content defines the string to download locally as a file
  1237. */
  1238. static DownloadAsFile(content: string, filename: string): void;
  1239. }
  1240. }
  1241. declare module NODEEDITOR {
  1242. interface IFileButtonLineComponentProps {
  1243. label: string;
  1244. onClick: (file: File) => void;
  1245. accept: string;
  1246. }
  1247. export class FileButtonLineComponent extends React.Component<IFileButtonLineComponentProps> {
  1248. constructor(props: IFileButtonLineComponentProps);
  1249. onChange(evt: any): void;
  1250. render(): JSX.Element;
  1251. }
  1252. }
  1253. declare module NODEEDITOR {
  1254. interface IPropertyTabComponentProps {
  1255. globalState: GlobalState;
  1256. }
  1257. export class PropertyTabComponent extends React.Component<IPropertyTabComponentProps, {
  1258. currentNode: BABYLON.Nullable<DefaultNodeModel>;
  1259. }> {
  1260. constructor(props: IPropertyTabComponentProps);
  1261. componentWillMount(): void;
  1262. load(file: File): void;
  1263. render(): JSX.Element;
  1264. }
  1265. }
  1266. declare module NODEEDITOR {
  1267. interface IPortalProps {
  1268. globalState: GlobalState;
  1269. }
  1270. export class Portal extends React.Component<IPortalProps> {
  1271. render(): React.ReactPortal;
  1272. }
  1273. }
  1274. declare module NODEEDITOR {
  1275. export interface ICheckBoxLineComponentProps {
  1276. label: string;
  1277. target?: any;
  1278. propertyName?: string;
  1279. isSelected?: () => boolean;
  1280. onSelect?: (value: boolean) => void;
  1281. onValueChanged?: () => void;
  1282. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  1283. }
  1284. export class CheckBoxLineComponent extends React.Component<ICheckBoxLineComponentProps, {
  1285. isSelected: boolean;
  1286. }> {
  1287. private static _UniqueIdSeed;
  1288. private _uniqueId;
  1289. private _localChange;
  1290. constructor(props: ICheckBoxLineComponentProps);
  1291. shouldComponentUpdate(nextProps: ICheckBoxLineComponentProps, nextState: {
  1292. isSelected: boolean;
  1293. }): boolean;
  1294. onChange(): void;
  1295. render(): JSX.Element;
  1296. }
  1297. }
  1298. declare module NODEEDITOR {
  1299. interface ITexturePropertyTabComponentProps {
  1300. globalState: GlobalState;
  1301. node: TextureNodeModel;
  1302. }
  1303. export class TexturePropertyTabComponent extends React.Component<ITexturePropertyTabComponentProps> {
  1304. /**
  1305. * Replaces the texture of the node
  1306. * @param file the file of the texture to use
  1307. */
  1308. replaceTexture(file: File): void;
  1309. render(): JSX.Element;
  1310. }
  1311. }
  1312. declare module NODEEDITOR {
  1313. /**
  1314. * Texture node model which stores information about a node editor block
  1315. */
  1316. export class TextureNodeModel extends DefaultNodeModel {
  1317. private _block;
  1318. /**
  1319. * Texture for the node if it exists
  1320. */
  1321. texture: BABYLON.Nullable<BABYLON.BaseTexture>;
  1322. /**
  1323. * Constructs the node model
  1324. */
  1325. constructor();
  1326. renderProperties(globalState: GlobalState): JSX.Element;
  1327. prepare(options: NodeCreationOptions, nodes: Array<DefaultNodeModel>, model: DiagramModel, graphEditor: GraphEditor, filterInputs: string[]): void;
  1328. }
  1329. }
  1330. declare module NODEEDITOR {
  1331. interface ITextureLineComponentProps {
  1332. texture: BABYLON.BaseTexture;
  1333. width: number;
  1334. height: number;
  1335. globalState?: any;
  1336. hideChannelSelect?: boolean;
  1337. }
  1338. export class TextureLineComponent extends React.Component<ITextureLineComponentProps, {
  1339. displayRed: boolean;
  1340. displayGreen: boolean;
  1341. displayBlue: boolean;
  1342. displayAlpha: boolean;
  1343. face: number;
  1344. }> {
  1345. constructor(props: ITextureLineComponentProps);
  1346. shouldComponentUpdate(nextProps: ITextureLineComponentProps, nextState: {
  1347. displayRed: boolean;
  1348. displayGreen: boolean;
  1349. displayBlue: boolean;
  1350. displayAlpha: boolean;
  1351. face: number;
  1352. }): boolean;
  1353. componentDidMount(): void;
  1354. componentDidUpdate(): void;
  1355. updatePreview(): void;
  1356. render(): JSX.Element;
  1357. }
  1358. }
  1359. declare module NODEEDITOR {
  1360. /**
  1361. * GenericNodeWidgetProps
  1362. */
  1363. export interface ITextureNodeWidgetProps {
  1364. node: BABYLON.Nullable<TextureNodeModel>;
  1365. globalState: GlobalState;
  1366. }
  1367. /**
  1368. * Used to display a node block for the node editor
  1369. */
  1370. export class TextureNodeWidget extends React.Component<ITextureNodeWidgetProps> {
  1371. /**
  1372. * Creates a GenericNodeWidget
  1373. * @param props
  1374. */
  1375. constructor(props: ITextureNodeWidgetProps);
  1376. render(): JSX.Element;
  1377. }
  1378. }
  1379. declare module NODEEDITOR {
  1380. /**
  1381. * Node factory which creates editor nodes
  1382. */
  1383. export class TextureNodeFactory extends SRD.AbstractNodeFactory {
  1384. private _globalState;
  1385. /**
  1386. * Constructs a TextureNodeFactory
  1387. */
  1388. constructor(globalState: GlobalState);
  1389. /**
  1390. * Generates a node widget
  1391. * @param diagramEngine diagram engine
  1392. * @param node node to generate
  1393. * @returns node widget jsx
  1394. */
  1395. generateReactWidget(diagramEngine: SRD.DiagramEngine, node: TextureNodeModel): JSX.Element;
  1396. /**
  1397. * Gets a new instance of a node model
  1398. * @returns texture node model
  1399. */
  1400. getNewInstance(): TextureNodeModel;
  1401. }
  1402. }
  1403. declare module NODEEDITOR {
  1404. interface INumericInputComponentProps {
  1405. label: string;
  1406. value: number;
  1407. step?: number;
  1408. onChange: (value: number) => void;
  1409. }
  1410. export class NumericInputComponent extends React.Component<INumericInputComponentProps, {
  1411. value: string;
  1412. }> {
  1413. static defaultProps: {
  1414. step: number;
  1415. };
  1416. private _localChange;
  1417. constructor(props: INumericInputComponentProps);
  1418. shouldComponentUpdate(nextProps: INumericInputComponentProps, nextState: {
  1419. value: string;
  1420. }): boolean;
  1421. updateValue(evt: any): void;
  1422. render(): JSX.Element;
  1423. }
  1424. }
  1425. declare module NODEEDITOR {
  1426. interface IVector2LineComponentProps {
  1427. label: string;
  1428. target: any;
  1429. propertyName: string;
  1430. step?: number;
  1431. onChange?: (newvalue: BABYLON.Vector2) => void;
  1432. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  1433. }
  1434. export class Vector2LineComponent extends React.Component<IVector2LineComponentProps, {
  1435. isExpanded: boolean;
  1436. value: BABYLON.Vector2;
  1437. }> {
  1438. static defaultProps: {
  1439. step: number;
  1440. };
  1441. private _localChange;
  1442. constructor(props: IVector2LineComponentProps);
  1443. shouldComponentUpdate(nextProps: IVector2LineComponentProps, nextState: {
  1444. isExpanded: boolean;
  1445. value: BABYLON.Vector2;
  1446. }): boolean;
  1447. switchExpandState(): void;
  1448. raiseOnPropertyChanged(previousValue: BABYLON.Vector2): void;
  1449. updateStateX(value: number): void;
  1450. updateStateY(value: number): void;
  1451. render(): JSX.Element;
  1452. }
  1453. }
  1454. declare module NODEEDITOR {
  1455. interface IVector2PropertyTabComponentProps {
  1456. globalState: GlobalState;
  1457. inputBlock: BABYLON.InputBlock;
  1458. }
  1459. export class Vector2PropertyTabComponent extends React.Component<IVector2PropertyTabComponentProps> {
  1460. render(): JSX.Element;
  1461. }
  1462. }
  1463. declare module NODEEDITOR {
  1464. interface IVector3LineComponentProps {
  1465. label: string;
  1466. target: any;
  1467. propertyName: string;
  1468. step?: number;
  1469. onChange?: (newvalue: BABYLON.Vector3) => void;
  1470. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  1471. }
  1472. export class Vector3LineComponent extends React.Component<IVector3LineComponentProps, {
  1473. isExpanded: boolean;
  1474. value: BABYLON.Vector3;
  1475. }> {
  1476. static defaultProps: {
  1477. step: number;
  1478. };
  1479. private _localChange;
  1480. constructor(props: IVector3LineComponentProps);
  1481. shouldComponentUpdate(nextProps: IVector3LineComponentProps, nextState: {
  1482. isExpanded: boolean;
  1483. value: BABYLON.Vector3;
  1484. }): boolean;
  1485. switchExpandState(): void;
  1486. raiseOnPropertyChanged(previousValue: BABYLON.Vector3): void;
  1487. updateVector3(): void;
  1488. updateStateX(value: number): void;
  1489. updateStateY(value: number): void;
  1490. updateStateZ(value: number): void;
  1491. render(): JSX.Element;
  1492. }
  1493. }
  1494. declare module NODEEDITOR {
  1495. interface IVector3PropertyTabComponentProps {
  1496. globalState: GlobalState;
  1497. inputBlock: BABYLON.InputBlock;
  1498. }
  1499. export class Vector3PropertyTabComponent extends React.Component<IVector3PropertyTabComponentProps> {
  1500. render(): JSX.Element;
  1501. }
  1502. }
  1503. declare module NODEEDITOR {
  1504. class ListLineOption {
  1505. label: string;
  1506. value: number | string;
  1507. }
  1508. interface IOptionsLineComponentProps {
  1509. label: string;
  1510. target: any;
  1511. propertyName: string;
  1512. options: ListLineOption[];
  1513. noDirectUpdate?: boolean;
  1514. onSelect?: (value: number | string) => void;
  1515. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  1516. valuesAreStrings?: boolean;
  1517. defaultIfNull?: number;
  1518. }
  1519. export class OptionsLineComponent extends React.Component<IOptionsLineComponentProps, {
  1520. value: number | string;
  1521. }> {
  1522. private _localChange;
  1523. private _getValue;
  1524. constructor(props: IOptionsLineComponentProps);
  1525. shouldComponentUpdate(nextProps: IOptionsLineComponentProps, nextState: {
  1526. value: number;
  1527. }): boolean;
  1528. raiseOnPropertyChanged(newValue: number | string, previousValue: number | string): void;
  1529. updateValue(valueString: string): void;
  1530. render(): JSX.Element;
  1531. }
  1532. }
  1533. declare module NODEEDITOR {
  1534. export interface IColor3LineComponentProps {
  1535. label: string;
  1536. target: any;
  1537. propertyName: string;
  1538. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  1539. onChange?: () => void;
  1540. }
  1541. export class Color3LineComponent extends React.Component<IColor3LineComponentProps, {
  1542. isExpanded: boolean;
  1543. color: BABYLON.Color3;
  1544. }> {
  1545. private _localChange;
  1546. constructor(props: IColor3LineComponentProps);
  1547. shouldComponentUpdate(nextProps: IColor3LineComponentProps, nextState: {
  1548. color: BABYLON.Color3;
  1549. }): boolean;
  1550. onChange(newValue: string): void;
  1551. switchExpandState(): void;
  1552. raiseOnPropertyChanged(previousValue: BABYLON.Color3): void;
  1553. updateStateR(value: number): void;
  1554. updateStateG(value: number): void;
  1555. updateStateB(value: number): void;
  1556. copyToClipboard(): void;
  1557. render(): JSX.Element;
  1558. }
  1559. }
  1560. declare module NODEEDITOR {
  1561. interface IColor3PropertyTabComponentProps {
  1562. globalState: GlobalState;
  1563. inputBlock: BABYLON.InputBlock;
  1564. }
  1565. export class Color3PropertyTabComponent extends React.Component<IColor3PropertyTabComponentProps> {
  1566. render(): JSX.Element;
  1567. }
  1568. }
  1569. declare module NODEEDITOR {
  1570. interface IFloatLineComponentProps {
  1571. label: string;
  1572. target: any;
  1573. propertyName: string;
  1574. onChange?: (newValue: number) => void;
  1575. isInteger?: boolean;
  1576. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  1577. additionalClass?: string;
  1578. step?: string;
  1579. digits?: number;
  1580. }
  1581. export class FloatLineComponent extends React.Component<IFloatLineComponentProps, {
  1582. value: string;
  1583. }> {
  1584. private _localChange;
  1585. private _store;
  1586. constructor(props: IFloatLineComponentProps);
  1587. shouldComponentUpdate(nextProps: IFloatLineComponentProps, nextState: {
  1588. value: string;
  1589. }): boolean;
  1590. raiseOnPropertyChanged(newValue: number, previousValue: number): void;
  1591. updateValue(valueString: string): void;
  1592. render(): JSX.Element;
  1593. }
  1594. }
  1595. declare module NODEEDITOR {
  1596. interface IFloatPropertyTabComponentProps {
  1597. globalState: GlobalState;
  1598. inputBlock: BABYLON.InputBlock;
  1599. }
  1600. export class FloatPropertyTabComponent extends React.Component<IFloatPropertyTabComponentProps> {
  1601. render(): JSX.Element;
  1602. }
  1603. }
  1604. declare module NODEEDITOR {
  1605. interface IInputPropertyTabComponentProps {
  1606. globalState: GlobalState;
  1607. inputNode: InputNodeModel;
  1608. }
  1609. export class InputPropertyTabComponentProps extends React.Component<IInputPropertyTabComponentProps> {
  1610. constructor(props: IInputPropertyTabComponentProps);
  1611. renderValue(globalState: GlobalState): JSX.Element | null;
  1612. setDefaultValue(): void;
  1613. render(): JSX.Element;
  1614. }
  1615. }
  1616. declare module NODEEDITOR {
  1617. /**
  1618. * Generic node model which stores information about a node editor block
  1619. */
  1620. export class InputNodeModel extends DefaultNodeModel {
  1621. readonly inputBlock: BABYLON.InputBlock;
  1622. /**
  1623. * Constructs the node model
  1624. */
  1625. constructor();
  1626. renderProperties(globalState: GlobalState): JSX.Element;
  1627. }
  1628. }
  1629. declare module NODEEDITOR {
  1630. /**
  1631. * GenericNodeWidgetProps
  1632. */
  1633. export interface InputNodeWidgetProps {
  1634. node: BABYLON.Nullable<InputNodeModel>;
  1635. globalState: GlobalState;
  1636. }
  1637. /**
  1638. * Used to display a node block for the node editor
  1639. */
  1640. export class InputNodeWidget extends React.Component<InputNodeWidgetProps> {
  1641. /**
  1642. * Creates a GenericNodeWidget
  1643. * @param props
  1644. */
  1645. constructor(props: InputNodeWidgetProps);
  1646. renderValue(value: string): JSX.Element | null;
  1647. render(): JSX.Element | null;
  1648. }
  1649. }
  1650. declare module NODEEDITOR {
  1651. /**
  1652. * Node factory which creates editor nodes
  1653. */
  1654. export class InputNodeFactory extends SRD.AbstractNodeFactory {
  1655. private _globalState;
  1656. /**
  1657. * Constructs a GenericNodeFactory
  1658. */
  1659. constructor(globalState: GlobalState);
  1660. /**
  1661. * Generates a node widget
  1662. * @param diagramEngine diagram engine
  1663. * @param node node to generate
  1664. * @returns node widget jsx
  1665. */
  1666. generateReactWidget(diagramEngine: SRD.DiagramEngine, node: InputNodeModel): JSX.Element;
  1667. /**
  1668. * Gets a new instance of a node model
  1669. * @returns input node model
  1670. */
  1671. getNewInstance(): InputNodeModel;
  1672. }
  1673. }
  1674. declare module NODEEDITOR {
  1675. interface ILogComponentProps {
  1676. globalState: GlobalState;
  1677. }
  1678. export class LogEntry {
  1679. message: string;
  1680. isError: boolean;
  1681. constructor(message: string, isError: boolean);
  1682. }
  1683. export class LogComponent extends React.Component<ILogComponentProps, {
  1684. logs: LogEntry[];
  1685. }> {
  1686. constructor(props: ILogComponentProps);
  1687. componentWillMount(): void;
  1688. componentDidUpdate(): void;
  1689. render(): JSX.Element;
  1690. }
  1691. }
  1692. declare module NODEEDITOR {
  1693. interface ILightPropertyTabComponentProps {
  1694. globalState: GlobalState;
  1695. node: LightNodeModel;
  1696. }
  1697. export class LightPropertyTabComponent extends React.Component<ILightPropertyTabComponentProps> {
  1698. render(): JSX.Element;
  1699. }
  1700. }
  1701. declare module NODEEDITOR {
  1702. /**
  1703. * BABYLON.Light node model which stores information about a node editor block
  1704. */
  1705. export class LightNodeModel extends DefaultNodeModel {
  1706. private _block;
  1707. /**
  1708. * BABYLON.Light for the node if it exists
  1709. */
  1710. light: BABYLON.Nullable<BABYLON.Light>;
  1711. /**
  1712. * Constructs the node model
  1713. */
  1714. constructor();
  1715. renderProperties(globalState: GlobalState): JSX.Element;
  1716. prepare(options: NodeCreationOptions, nodes: Array<DefaultNodeModel>, model: DiagramModel, graphEditor: GraphEditor, filterInputs: string[]): void;
  1717. }
  1718. }
  1719. declare module NODEEDITOR {
  1720. /**
  1721. * GenericNodeWidgetProps
  1722. */
  1723. export interface ILightNodeWidgetProps {
  1724. node: BABYLON.Nullable<LightNodeModel>;
  1725. globalState: GlobalState;
  1726. }
  1727. /**
  1728. * Used to display a node block for the node editor
  1729. */
  1730. export class LightNodeWidget extends React.Component<ILightNodeWidgetProps> {
  1731. /**
  1732. * Creates a GenericNodeWidget
  1733. * @param props
  1734. */
  1735. constructor(props: ILightNodeWidgetProps);
  1736. render(): JSX.Element;
  1737. }
  1738. }
  1739. declare module NODEEDITOR {
  1740. /**
  1741. * Node factory which creates editor nodes
  1742. */
  1743. export class LightNodeFactory extends SRD.AbstractNodeFactory {
  1744. private _globalState;
  1745. /**
  1746. * Constructs a LightNodeFactory
  1747. */
  1748. constructor(globalState: GlobalState);
  1749. /**
  1750. * Generates a node widget
  1751. * @param diagramEngine diagram engine
  1752. * @param node node to generate
  1753. * @returns node widget jsx
  1754. */
  1755. generateReactWidget(diagramEngine: SRD.DiagramEngine, node: LightNodeModel): JSX.Element;
  1756. /**
  1757. * Gets a new instance of a node model
  1758. * @returns light node model
  1759. */
  1760. getNewInstance(): LightNodeModel;
  1761. }
  1762. }
  1763. declare module NODEEDITOR {
  1764. interface IMessageDialogComponentProps {
  1765. globalState: GlobalState;
  1766. }
  1767. export class MessageDialogComponent extends React.Component<IMessageDialogComponentProps, {
  1768. message: string;
  1769. isError: boolean;
  1770. }> {
  1771. constructor(props: IMessageDialogComponentProps);
  1772. render(): JSX.Element | null;
  1773. }
  1774. }
  1775. declare module NODEEDITOR {
  1776. interface IGraphEditorProps {
  1777. globalState: GlobalState;
  1778. }
  1779. export class NodeCreationOptions {
  1780. nodeMaterialBlock: BABYLON.NodeMaterialBlock;
  1781. type?: string;
  1782. connection?: BABYLON.NodeMaterialConnectionPoint;
  1783. }
  1784. export class GraphEditor extends React.Component<IGraphEditorProps> {
  1785. private _engine;
  1786. private _model;
  1787. private _startX;
  1788. private _moveInProgress;
  1789. private _leftWidth;
  1790. private _rightWidth;
  1791. private _nodes;
  1792. /** @hidden */
  1793. _toAdd: LinkModel[] | null;
  1794. /**
  1795. * Creates a node and recursivly creates its parent nodes from it's input
  1796. * @param nodeMaterialBlock
  1797. */
  1798. createNodeFromObject(options: NodeCreationOptions): DefaultNodeModel;
  1799. componentDidMount(): void;
  1800. componentWillUnmount(): void;
  1801. constructor(props: IGraphEditorProps);
  1802. distributeGraph(): dagre.Node[];
  1803. mapElements(): {
  1804. id: string;
  1805. metadata: {
  1806. id: string;
  1807. width: number;
  1808. height: number;
  1809. };
  1810. }[];
  1811. mapEdges(): {
  1812. from: import("storm-react-diagrams").NodeModel;
  1813. to: import("storm-react-diagrams").NodeModel;
  1814. }[];
  1815. buildMaterial(): void;
  1816. build(needToWait?: boolean): void;
  1817. reOrganize(): void;
  1818. addValueNode(type: string): DefaultNodeModel;
  1819. onPointerDown(evt: React.PointerEvent<HTMLDivElement>): void;
  1820. onPointerUp(evt: React.PointerEvent<HTMLDivElement>): void;
  1821. resizeColumns(evt: React.PointerEvent<HTMLDivElement>, forLeft?: boolean): void;
  1822. buildColumnLayout(): string;
  1823. emitNewBlock(event: React.DragEvent<HTMLDivElement>): void;
  1824. render(): JSX.Element;
  1825. }
  1826. }
  1827. declare module NODEEDITOR {
  1828. /**
  1829. * Generic node model which stores information about a node editor block
  1830. */
  1831. export class DefaultNodeModel extends NodeModel {
  1832. /**
  1833. * The babylon block this node represents
  1834. */
  1835. block: BABYLON.Nullable<BABYLON.NodeMaterialBlock>;
  1836. ports: {
  1837. [s: string]: DefaultPortModel;
  1838. };
  1839. /**
  1840. * Constructs the node model
  1841. */
  1842. constructor(key: string);
  1843. prepare(options: NodeCreationOptions, nodes: Array<DefaultNodeModel>, model: DiagramModel, graphEditor: GraphEditor, filterInputs: string[]): void;
  1844. renderProperties(globalState: GlobalState): JSX.Element | null;
  1845. }
  1846. }
  1847. declare module NODEEDITOR {
  1848. export class GlobalState {
  1849. nodeMaterial?: BABYLON.NodeMaterial;
  1850. hostElement: HTMLElement;
  1851. hostDocument: HTMLDocument;
  1852. onSelectionChangedObservable: BABYLON.Observable<BABYLON.Nullable<DefaultNodeModel>>;
  1853. onRebuildRequiredObservable: BABYLON.Observable<void>;
  1854. onResetRequiredObservable: BABYLON.Observable<void>;
  1855. onUpdateRequiredObservable: BABYLON.Observable<void>;
  1856. onZoomToFitRequiredObservable: BABYLON.Observable<void>;
  1857. onReOrganizedRequiredObservable: BABYLON.Observable<void>;
  1858. onLogRequiredObservable: BABYLON.Observable<LogEntry>;
  1859. onErrorMessageDialogRequiredObservable: BABYLON.Observable<string>;
  1860. }
  1861. }
  1862. declare module NODEEDITOR {
  1863. export class Popup {
  1864. static CreatePopup(title: string, windowVariableName: string, width?: number, height?: number): HTMLDivElement | null;
  1865. private static _CopyStyles;
  1866. }
  1867. }
  1868. declare module NODEEDITOR {
  1869. /**
  1870. * Interface used to specify creation options for the node editor
  1871. */
  1872. export interface INodeEditorOptions {
  1873. nodeMaterial: BABYLON.NodeMaterial;
  1874. }
  1875. /**
  1876. * Class used to create a node editor
  1877. */
  1878. export class NodeEditor {
  1879. /**
  1880. * Show the node editor
  1881. * @param options defines the options to use to configure the node editor
  1882. */
  1883. static Show(options: INodeEditorOptions): void;
  1884. }
  1885. }