babylon.nodeEditor.d.ts 52 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366
  1. /// <reference types="react" />
  2. declare module NODEEDITOR {
  3. export class BlockTools {
  4. static GetBlockFromString(data: string, scene: BABYLON.Scene, nodeMaterial: BABYLON.NodeMaterial): BABYLON.DesaturateBlock | BABYLON.RefractBlock | BABYLON.ReflectBlock | BABYLON.DerivativeBlock | BABYLON.Rotate2dBlock | 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 ILogComponentProps {
  21. globalState: GlobalState;
  22. }
  23. export class LogEntry {
  24. message: string;
  25. isError: boolean;
  26. constructor(message: string, isError: boolean);
  27. }
  28. export class LogComponent extends React.Component<ILogComponentProps, {
  29. logs: LogEntry[];
  30. }> {
  31. constructor(props: ILogComponentProps);
  32. componentDidMount(): void;
  33. componentDidUpdate(): void;
  34. render(): JSX.Element;
  35. }
  36. }
  37. declare module NODEEDITOR {
  38. export enum PreviewMeshType {
  39. Sphere = 0,
  40. Box = 1,
  41. Torus = 2,
  42. Cylinder = 3,
  43. Plane = 4,
  44. ShaderBall = 5,
  45. Custom = 6
  46. }
  47. }
  48. declare module NODEEDITOR {
  49. export interface IDisplayManager {
  50. getHeaderClass(block: BABYLON.NodeMaterialBlock): string;
  51. shouldDisplayPortLabels(block: BABYLON.NodeMaterialBlock): boolean;
  52. updatePreviewContent(block: BABYLON.NodeMaterialBlock, contentArea: HTMLDivElement): void;
  53. getBackgroundColor(block: BABYLON.NodeMaterialBlock): string;
  54. getHeaderText(block: BABYLON.NodeMaterialBlock): string;
  55. }
  56. }
  57. declare module NODEEDITOR {
  58. export class NodePort {
  59. connectionPoint: BABYLON.NodeMaterialConnectionPoint;
  60. node: GraphNode;
  61. private _element;
  62. private _img;
  63. private _globalState;
  64. private _onCandidateLinkMovedObserver;
  65. delegatedPort: BABYLON.Nullable<NodePort>;
  66. get element(): HTMLDivElement;
  67. refresh(): void;
  68. constructor(portContainer: HTMLElement, connectionPoint: BABYLON.NodeMaterialConnectionPoint, node: GraphNode, globalState: GlobalState);
  69. dispose(): void;
  70. static CreatePortElement(connectionPoint: BABYLON.NodeMaterialConnectionPoint, node: GraphNode, root: HTMLElement, displayManager: BABYLON.Nullable<IDisplayManager>, globalState: GlobalState): NodePort;
  71. }
  72. }
  73. declare module NODEEDITOR {
  74. export interface INodeLocationInfo {
  75. blockId: number;
  76. x: number;
  77. y: number;
  78. }
  79. export interface IFrameData {
  80. x: number;
  81. y: number;
  82. width: number;
  83. height: number;
  84. color: number[];
  85. name: string;
  86. isCollapsed: boolean;
  87. blocks: number[];
  88. comments: string;
  89. }
  90. export interface IEditorData {
  91. locations: INodeLocationInfo[];
  92. x: number;
  93. y: number;
  94. zoom: number;
  95. frames?: IFrameData[];
  96. map?: {
  97. [key: number]: number;
  98. };
  99. }
  100. }
  101. declare module NODEEDITOR {
  102. export class SerializationTools {
  103. static UpdateLocations(material: BABYLON.NodeMaterial, globalState: GlobalState): void;
  104. static Serialize(material: BABYLON.NodeMaterial, globalState: GlobalState, selectedBlocks?: BABYLON.NodeMaterialBlock[]): string;
  105. static Deserialize(serializationObject: any, globalState: GlobalState): void;
  106. }
  107. }
  108. declare module NODEEDITOR {
  109. export class StringTools {
  110. private static _SaveAs;
  111. private static _Click;
  112. /**
  113. * Gets the base math type of node material block connection point.
  114. * @param type Type to parse.
  115. */
  116. static GetBaseType(type: BABYLON.NodeMaterialBlockConnectionPointTypes): string;
  117. /**
  118. * Download a string into a file that will be saved locally by the browser
  119. * @param content defines the string to download locally as a file
  120. */
  121. static DownloadAsFile(document: HTMLDocument, content: string, filename: string): void;
  122. }
  123. }
  124. declare module NODEEDITOR {
  125. export class GraphFrame {
  126. private readonly CollapsedWidth;
  127. private static _FrameCounter;
  128. private _name;
  129. private _color;
  130. private _x;
  131. private _y;
  132. private _gridAlignedX;
  133. private _gridAlignedY;
  134. private _width;
  135. private _height;
  136. element: HTMLDivElement;
  137. private _borderElement;
  138. private _headerElement;
  139. private _headerTextElement;
  140. private _headerCollapseElement;
  141. private _headerCloseElement;
  142. private _commentsElement;
  143. private _portContainer;
  144. private _outputPortContainer;
  145. private _inputPortContainer;
  146. private _nodes;
  147. private _ownerCanvas;
  148. private _mouseStartPointX;
  149. private _mouseStartPointY;
  150. private _onSelectionChangedObserver;
  151. private _isCollapsed;
  152. private _ports;
  153. private _controlledPorts;
  154. private _id;
  155. private _comments;
  156. private _frameIsResizing;
  157. private _resizingDirection;
  158. private _minFrameHeight;
  159. private _minFrameWidth;
  160. private mouseXLimit;
  161. onExpandStateChanged: BABYLON.Observable<GraphFrame>;
  162. private readonly CloseSVG;
  163. private readonly ExpandSVG;
  164. private readonly CollapseSVG;
  165. get id(): number;
  166. get isCollapsed(): boolean;
  167. private _createInputPort;
  168. set isCollapsed(value: boolean);
  169. get nodes(): GraphNode[];
  170. get name(): string;
  171. set name(value: string);
  172. get color(): BABYLON.Color3;
  173. set color(value: BABYLON.Color3);
  174. get x(): number;
  175. set x(value: number);
  176. get y(): number;
  177. set y(value: number);
  178. get width(): number;
  179. set width(value: number);
  180. get height(): number;
  181. set height(value: number);
  182. get comments(): string;
  183. set comments(comments: string);
  184. constructor(candidate: BABYLON.Nullable<HTMLDivElement>, canvas: GraphCanvasComponent, doNotCaptureNodes?: boolean);
  185. refresh(): void;
  186. addNode(node: GraphNode): void;
  187. removeNode(node: GraphNode): void;
  188. syncNode(node: GraphNode): void;
  189. cleanAccumulation(): void;
  190. private _onDown;
  191. move(newX: number, newY: number, align?: boolean): void;
  192. private _onUp;
  193. private _moveFrame;
  194. private _onMove;
  195. private initResizing;
  196. private cleanUpResizing;
  197. private _onRightHandlePointerDown;
  198. private _onRightHandlePointerMove;
  199. private _expandRight;
  200. private _onRightHandlePointerUp;
  201. private _onBottomHandlePointerDown;
  202. private _onBottomHandlePointerMove;
  203. private _expandBottom;
  204. private _onBottomHandlePointerUp;
  205. private _onLeftHandlePointerDown;
  206. private _onLeftHandlePointerMove;
  207. private _expandLeft;
  208. private _onLeftHandlePointerUp;
  209. private _onTopHandlePointerDown;
  210. private _onTopHandlePointerMove;
  211. private _expandTop;
  212. private _onTopHandlePointerUp;
  213. dispose(): void;
  214. serialize(): IFrameData;
  215. export(): void;
  216. static Parse(serializationData: IFrameData, canvas: GraphCanvasComponent, map?: {
  217. [key: number]: number;
  218. }): GraphFrame;
  219. }
  220. }
  221. declare module NODEEDITOR {
  222. export class NodeLink {
  223. private _graphCanvas;
  224. private _portA;
  225. private _portB?;
  226. private _nodeA;
  227. private _nodeB?;
  228. private _path;
  229. private _selectionPath;
  230. private _onSelectionChangedObserver;
  231. private _isVisible;
  232. onDisposedObservable: BABYLON.Observable<NodeLink>;
  233. get isVisible(): boolean;
  234. set isVisible(value: boolean);
  235. get portA(): NodePort;
  236. get portB(): NodePort | undefined;
  237. get nodeA(): GraphNode;
  238. get nodeB(): GraphNode | undefined;
  239. update(endX?: number, endY?: number, straight?: boolean): void;
  240. constructor(graphCanvas: GraphCanvasComponent, portA: NodePort, nodeA: GraphNode, portB?: NodePort, nodeB?: GraphNode);
  241. onClick(): void;
  242. dispose(): void;
  243. }
  244. }
  245. declare module NODEEDITOR {
  246. export interface IGraphCanvasComponentProps {
  247. globalState: GlobalState;
  248. }
  249. export class GraphCanvasComponent extends React.Component<IGraphCanvasComponentProps> {
  250. private readonly MinZoom;
  251. private readonly MaxZoom;
  252. private _hostCanvas;
  253. private _graphCanvas;
  254. private _selectionContainer;
  255. private _frameContainer;
  256. private _svgCanvas;
  257. private _rootContainer;
  258. private _nodes;
  259. private _links;
  260. private _mouseStartPointX;
  261. private _mouseStartPointY;
  262. private _dropPointX;
  263. private _dropPointY;
  264. private _selectionStartX;
  265. private _selectionStartY;
  266. private _x;
  267. private _y;
  268. private _zoom;
  269. private _selectedNodes;
  270. private _selectedLink;
  271. private _candidateLink;
  272. private _candidatePort;
  273. private _gridSize;
  274. private _selectionBox;
  275. private _selectedFrame;
  276. private _frameCandidate;
  277. private _frames;
  278. private _altKeyIsPressed;
  279. private _ctrlKeyIsPressed;
  280. private _oldY;
  281. _frameIsMoving: boolean;
  282. _isLoading: boolean;
  283. get gridSize(): number;
  284. set gridSize(value: number);
  285. get globalState(): GlobalState;
  286. get nodes(): GraphNode[];
  287. get links(): NodeLink[];
  288. get frames(): GraphFrame[];
  289. get zoom(): number;
  290. set zoom(value: number);
  291. get x(): number;
  292. set x(value: number);
  293. get y(): number;
  294. set y(value: number);
  295. get selectedNodes(): GraphNode[];
  296. get selectedLink(): BABYLON.Nullable<NodeLink>;
  297. get selectedFrame(): BABYLON.Nullable<GraphFrame>;
  298. get canvasContainer(): HTMLDivElement;
  299. get hostCanvas(): HTMLDivElement;
  300. get svgCanvas(): HTMLElement;
  301. get selectionContainer(): HTMLDivElement;
  302. get frameContainer(): HTMLDivElement;
  303. constructor(props: IGraphCanvasComponentProps);
  304. getGridPosition(position: number, useCeil?: boolean): number;
  305. getGridPositionCeil(position: number): number;
  306. updateTransform(): void;
  307. onKeyUp(): void;
  308. findNodeFromBlock(block: BABYLON.NodeMaterialBlock): GraphNode;
  309. reset(): void;
  310. connectPorts(pointA: BABYLON.NodeMaterialConnectionPoint, pointB: BABYLON.NodeMaterialConnectionPoint): void;
  311. removeLink(link: NodeLink): void;
  312. appendBlock(block: BABYLON.NodeMaterialBlock): GraphNode;
  313. distributeGraph(): void;
  314. componentDidMount(): void;
  315. onMove(evt: React.PointerEvent): void;
  316. onDown(evt: React.PointerEvent<HTMLElement>): void;
  317. onUp(evt: React.PointerEvent): void;
  318. onWheel(evt: React.WheelEvent): void;
  319. zoomToFit(): void;
  320. processCandidatePort(): void;
  321. processEditorData(editorData: IEditorData): void;
  322. render(): JSX.Element;
  323. }
  324. }
  325. declare module NODEEDITOR {
  326. export class PropertyChangedEvent {
  327. object: any;
  328. property: string;
  329. value: any;
  330. initialValue: any;
  331. }
  332. }
  333. declare module NODEEDITOR {
  334. interface IFloatLineComponentProps {
  335. label: string;
  336. target: any;
  337. propertyName: string;
  338. onChange?: (newValue: number) => void;
  339. isInteger?: boolean;
  340. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  341. additionalClass?: string;
  342. step?: string;
  343. digits?: number;
  344. globalState: GlobalState;
  345. }
  346. export class FloatLineComponent extends React.Component<IFloatLineComponentProps, {
  347. value: string;
  348. }> {
  349. private _localChange;
  350. private _store;
  351. constructor(props: IFloatLineComponentProps);
  352. shouldComponentUpdate(nextProps: IFloatLineComponentProps, nextState: {
  353. value: string;
  354. }): boolean;
  355. raiseOnPropertyChanged(newValue: number, previousValue: number): void;
  356. updateValue(valueString: string): void;
  357. render(): JSX.Element;
  358. }
  359. }
  360. declare module NODEEDITOR {
  361. interface IFloatPropertyTabComponentProps {
  362. globalState: GlobalState;
  363. inputBlock: BABYLON.InputBlock;
  364. }
  365. export class FloatPropertyTabComponent extends React.Component<IFloatPropertyTabComponentProps> {
  366. render(): JSX.Element;
  367. }
  368. }
  369. declare module NODEEDITOR {
  370. interface ISliderLineComponentProps {
  371. label: string;
  372. target?: any;
  373. propertyName?: string;
  374. minimum: number;
  375. maximum: number;
  376. step: number;
  377. directValue?: number;
  378. useEuler?: boolean;
  379. onChange?: (value: number) => void;
  380. onInput?: (value: number) => void;
  381. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  382. decimalCount?: number;
  383. }
  384. export class SliderLineComponent extends React.Component<ISliderLineComponentProps, {
  385. value: number;
  386. }> {
  387. private _localChange;
  388. constructor(props: ISliderLineComponentProps);
  389. shouldComponentUpdate(nextProps: ISliderLineComponentProps, nextState: {
  390. value: number;
  391. }): boolean;
  392. onChange(newValueString: any): void;
  393. onInput(newValueString: any): void;
  394. prepareDataToRead(value: number): number;
  395. render(): JSX.Element;
  396. }
  397. }
  398. declare module NODEEDITOR {
  399. interface INumericInputComponentProps {
  400. label: string;
  401. value: number;
  402. step?: number;
  403. onChange: (value: number) => void;
  404. globalState: GlobalState;
  405. }
  406. export class NumericInputComponent extends React.Component<INumericInputComponentProps, {
  407. value: string;
  408. }> {
  409. static defaultProps: {
  410. step: number;
  411. };
  412. private _localChange;
  413. constructor(props: INumericInputComponentProps);
  414. shouldComponentUpdate(nextProps: INumericInputComponentProps, nextState: {
  415. value: string;
  416. }): boolean;
  417. updateValue(evt: any): void;
  418. render(): JSX.Element;
  419. }
  420. }
  421. declare module NODEEDITOR {
  422. interface IVector2LineComponentProps {
  423. label: string;
  424. target: any;
  425. propertyName: string;
  426. step?: number;
  427. onChange?: (newvalue: BABYLON.Vector2) => void;
  428. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  429. globalState: GlobalState;
  430. }
  431. export class Vector2LineComponent extends React.Component<IVector2LineComponentProps, {
  432. isExpanded: boolean;
  433. value: BABYLON.Vector2;
  434. }> {
  435. static defaultProps: {
  436. step: number;
  437. };
  438. private _localChange;
  439. constructor(props: IVector2LineComponentProps);
  440. shouldComponentUpdate(nextProps: IVector2LineComponentProps, nextState: {
  441. isExpanded: boolean;
  442. value: BABYLON.Vector2;
  443. }): boolean;
  444. switchExpandState(): void;
  445. raiseOnPropertyChanged(previousValue: BABYLON.Vector2): void;
  446. updateStateX(value: number): void;
  447. updateStateY(value: number): void;
  448. render(): JSX.Element;
  449. }
  450. }
  451. declare module NODEEDITOR {
  452. interface IVector2PropertyTabComponentProps {
  453. globalState: GlobalState;
  454. inputBlock: BABYLON.InputBlock;
  455. }
  456. export class Vector2PropertyTabComponent extends React.Component<IVector2PropertyTabComponentProps> {
  457. render(): JSX.Element;
  458. }
  459. }
  460. declare module NODEEDITOR {
  461. export interface IColor3LineComponentProps {
  462. label: string;
  463. target: any;
  464. propertyName: string;
  465. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  466. onChange?: () => void;
  467. globalState: GlobalState;
  468. }
  469. export class Color3LineComponent extends React.Component<IColor3LineComponentProps, {
  470. isExpanded: boolean;
  471. color: BABYLON.Color3;
  472. }> {
  473. private _localChange;
  474. constructor(props: IColor3LineComponentProps);
  475. shouldComponentUpdate(nextProps: IColor3LineComponentProps, nextState: {
  476. color: BABYLON.Color3;
  477. }): boolean;
  478. onChange(newValue: string): void;
  479. switchExpandState(): void;
  480. raiseOnPropertyChanged(previousValue: BABYLON.Color3): void;
  481. updateStateR(value: number): void;
  482. updateStateG(value: number): void;
  483. updateStateB(value: number): void;
  484. copyToClipboard(): void;
  485. render(): JSX.Element;
  486. }
  487. }
  488. declare module NODEEDITOR {
  489. interface IColor3PropertyTabComponentProps {
  490. globalState: GlobalState;
  491. inputBlock: BABYLON.InputBlock;
  492. }
  493. export class Color3PropertyTabComponent extends React.Component<IColor3PropertyTabComponentProps> {
  494. render(): JSX.Element;
  495. }
  496. }
  497. declare module NODEEDITOR {
  498. interface IVector3LineComponentProps {
  499. label: string;
  500. target: any;
  501. propertyName: string;
  502. step?: number;
  503. onChange?: (newvalue: BABYLON.Vector3) => void;
  504. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  505. globalState: GlobalState;
  506. }
  507. export class Vector3LineComponent extends React.Component<IVector3LineComponentProps, {
  508. isExpanded: boolean;
  509. value: BABYLON.Vector3;
  510. }> {
  511. static defaultProps: {
  512. step: number;
  513. };
  514. private _localChange;
  515. constructor(props: IVector3LineComponentProps);
  516. shouldComponentUpdate(nextProps: IVector3LineComponentProps, nextState: {
  517. isExpanded: boolean;
  518. value: BABYLON.Vector3;
  519. }): boolean;
  520. switchExpandState(): void;
  521. raiseOnPropertyChanged(previousValue: BABYLON.Vector3): void;
  522. updateVector3(): void;
  523. updateStateX(value: number): void;
  524. updateStateY(value: number): void;
  525. updateStateZ(value: number): void;
  526. render(): JSX.Element;
  527. }
  528. }
  529. declare module NODEEDITOR {
  530. interface IVector3PropertyTabComponentProps {
  531. globalState: GlobalState;
  532. inputBlock: BABYLON.InputBlock;
  533. }
  534. export class Vector3PropertyTabComponent extends React.Component<IVector3PropertyTabComponentProps> {
  535. render(): JSX.Element;
  536. }
  537. }
  538. declare module NODEEDITOR {
  539. interface IVector4LineComponentProps {
  540. label: string;
  541. target?: any;
  542. propertyName?: string;
  543. value?: BABYLON.Vector4;
  544. step?: number;
  545. onChange?: (newvalue: BABYLON.Vector4) => void;
  546. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  547. globalState: GlobalState;
  548. }
  549. export class Vector4LineComponent extends React.Component<IVector4LineComponentProps, {
  550. isExpanded: boolean;
  551. value: BABYLON.Vector4;
  552. }> {
  553. static defaultProps: {
  554. step: number;
  555. };
  556. private _localChange;
  557. constructor(props: IVector4LineComponentProps);
  558. shouldComponentUpdate(nextProps: IVector4LineComponentProps, nextState: {
  559. isExpanded: boolean;
  560. value: BABYLON.Vector4;
  561. }): boolean;
  562. switchExpandState(): void;
  563. raiseOnPropertyChanged(previousValue: BABYLON.Vector4): void;
  564. updateVector4(): void;
  565. updateStateX(value: number): void;
  566. updateStateY(value: number): void;
  567. updateStateZ(value: number): void;
  568. updateStateW(value: number): void;
  569. render(): JSX.Element;
  570. }
  571. }
  572. declare module NODEEDITOR {
  573. interface IVector4PropertyTabComponentProps {
  574. globalState: GlobalState;
  575. inputBlock: BABYLON.InputBlock;
  576. }
  577. export class Vector4PropertyTabComponent extends React.Component<IVector4PropertyTabComponentProps> {
  578. render(): JSX.Element;
  579. }
  580. }
  581. declare module NODEEDITOR {
  582. class ListLineOption {
  583. label: string;
  584. value: number | string;
  585. }
  586. interface IOptionsLineComponentProps {
  587. label: string;
  588. target: any;
  589. className?: string;
  590. propertyName?: string;
  591. options: ListLineOption[];
  592. noDirectUpdate?: boolean;
  593. onSelect?: (value: number | string) => void;
  594. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  595. valuesAreStrings?: boolean;
  596. defaultIfNull?: number;
  597. getSelection?: (target: any) => number;
  598. }
  599. export class OptionsLineComponent extends React.Component<IOptionsLineComponentProps, {
  600. value: number | string;
  601. }> {
  602. private _localChange;
  603. private _getValue;
  604. constructor(props: IOptionsLineComponentProps);
  605. shouldComponentUpdate(nextProps: IOptionsLineComponentProps, nextState: {
  606. value: number;
  607. }): boolean;
  608. raiseOnPropertyChanged(newValue: number | string, previousValue: number | string): void;
  609. updateValue(valueString: string): void;
  610. render(): JSX.Element;
  611. }
  612. }
  613. declare module NODEEDITOR {
  614. interface IMatrixLineComponentProps {
  615. label: string;
  616. target: any;
  617. propertyName: string;
  618. step?: number;
  619. onChange?: (newValue: BABYLON.Matrix) => void;
  620. onModeChange?: (mode: number) => void;
  621. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  622. mode?: number;
  623. globalState: GlobalState;
  624. }
  625. export class MatrixLineComponent extends React.Component<IMatrixLineComponentProps, {
  626. value: BABYLON.Matrix;
  627. mode: number;
  628. angle: number;
  629. }> {
  630. private _localChange;
  631. constructor(props: IMatrixLineComponentProps);
  632. shouldComponentUpdate(nextProps: IMatrixLineComponentProps, nextState: {
  633. value: BABYLON.Matrix;
  634. mode: number;
  635. angle: number;
  636. }): boolean;
  637. raiseOnPropertyChanged(previousValue: BABYLON.Vector3): void;
  638. updateMatrix(): void;
  639. updateRow(value: BABYLON.Vector4, row: number): void;
  640. updateBasedOnMode(value: number): void;
  641. render(): JSX.Element;
  642. }
  643. }
  644. declare module NODEEDITOR {
  645. interface IMatrixPropertyTabComponentProps {
  646. globalState: GlobalState;
  647. inputBlock: BABYLON.InputBlock;
  648. }
  649. export class MatrixPropertyTabComponent extends React.Component<IMatrixPropertyTabComponentProps> {
  650. render(): JSX.Element;
  651. }
  652. }
  653. declare module NODEEDITOR {
  654. interface ILineContainerComponentProps {
  655. title: string;
  656. children: any[] | any;
  657. closed?: boolean;
  658. }
  659. export class LineContainerComponent extends React.Component<ILineContainerComponentProps, {
  660. isExpanded: boolean;
  661. }> {
  662. constructor(props: ILineContainerComponentProps);
  663. switchExpandedState(): void;
  664. renderHeader(): JSX.Element;
  665. render(): JSX.Element;
  666. }
  667. }
  668. declare module NODEEDITOR {
  669. export interface IPropertyComponentProps {
  670. globalState: GlobalState;
  671. block: BABYLON.NodeMaterialBlock;
  672. }
  673. }
  674. declare module NODEEDITOR {
  675. interface ITextInputLineComponentProps {
  676. label: string;
  677. globalState: GlobalState;
  678. target?: any;
  679. propertyName?: string;
  680. value?: string;
  681. onChange?: (value: string) => void;
  682. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  683. }
  684. export class TextInputLineComponent extends React.Component<ITextInputLineComponentProps, {
  685. value: string;
  686. }> {
  687. private _localChange;
  688. constructor(props: ITextInputLineComponentProps);
  689. shouldComponentUpdate(nextProps: ITextInputLineComponentProps, nextState: {
  690. value: string;
  691. }): boolean;
  692. raiseOnPropertyChanged(newValue: string, previousValue: string): void;
  693. updateValue(value: string, raisePropertyChanged: boolean): void;
  694. render(): JSX.Element;
  695. }
  696. }
  697. declare module NODEEDITOR {
  698. interface ITextLineComponentProps {
  699. label: string;
  700. value: string;
  701. color?: string;
  702. underline?: boolean;
  703. onLink?: () => void;
  704. }
  705. export class TextLineComponent extends React.Component<ITextLineComponentProps> {
  706. constructor(props: ITextLineComponentProps);
  707. onLink(): void;
  708. renderContent(): JSX.Element;
  709. render(): JSX.Element;
  710. }
  711. }
  712. declare module NODEEDITOR {
  713. export class GenericPropertyTabComponent extends React.Component<IPropertyComponentProps> {
  714. constructor(props: IPropertyComponentProps);
  715. render(): JSX.Element;
  716. }
  717. }
  718. declare module NODEEDITOR {
  719. export interface ICheckBoxLineComponentProps {
  720. label: string;
  721. target?: any;
  722. propertyName?: string;
  723. isSelected?: () => boolean;
  724. onSelect?: (value: boolean) => void;
  725. onValueChanged?: () => void;
  726. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  727. }
  728. export class CheckBoxLineComponent extends React.Component<ICheckBoxLineComponentProps, {
  729. isSelected: boolean;
  730. }> {
  731. private static _UniqueIdSeed;
  732. private _uniqueId;
  733. private _localChange;
  734. constructor(props: ICheckBoxLineComponentProps);
  735. shouldComponentUpdate(nextProps: ICheckBoxLineComponentProps, nextState: {
  736. isSelected: boolean;
  737. }): boolean;
  738. onChange(): void;
  739. render(): JSX.Element;
  740. }
  741. }
  742. declare module NODEEDITOR {
  743. export interface IColor4LineComponentProps {
  744. label: string;
  745. target: any;
  746. propertyName: string;
  747. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  748. onChange?: () => void;
  749. globalState: GlobalState;
  750. }
  751. export class Color4LineComponent extends React.Component<IColor4LineComponentProps, {
  752. isExpanded: boolean;
  753. color: BABYLON.Color4;
  754. }> {
  755. private _localChange;
  756. constructor(props: IColor4LineComponentProps);
  757. shouldComponentUpdate(nextProps: IColor4LineComponentProps, nextState: {
  758. color: BABYLON.Color4;
  759. }): boolean;
  760. onChange(newValue: string): void;
  761. switchExpandState(): void;
  762. raiseOnPropertyChanged(previousValue: BABYLON.Color4): void;
  763. updateStateR(value: number): void;
  764. updateStateG(value: number): void;
  765. updateStateB(value: number): void;
  766. updateStateA(value: number): void;
  767. copyToClipboard(): void;
  768. render(): JSX.Element;
  769. }
  770. }
  771. declare module NODEEDITOR {
  772. interface IColor4PropertyTabComponentProps {
  773. globalState: GlobalState;
  774. inputBlock: BABYLON.InputBlock;
  775. }
  776. export class Color4PropertyTabComponent extends React.Component<IColor4PropertyTabComponentProps> {
  777. render(): JSX.Element;
  778. }
  779. }
  780. declare module NODEEDITOR {
  781. export class InputPropertyTabComponent extends React.Component<IPropertyComponentProps> {
  782. constructor(props: IPropertyComponentProps);
  783. renderValue(globalState: GlobalState): JSX.Element | null;
  784. setDefaultValue(): void;
  785. render(): JSX.Element;
  786. }
  787. }
  788. declare module NODEEDITOR {
  789. export class TransformPropertyTabComponent extends React.Component<IPropertyComponentProps> {
  790. constructor(props: IPropertyComponentProps);
  791. render(): JSX.Element;
  792. }
  793. }
  794. declare module NODEEDITOR {
  795. export class PerturbNormalPropertyTabComponent extends React.Component<IPropertyComponentProps> {
  796. constructor(props: IPropertyComponentProps);
  797. render(): JSX.Element;
  798. }
  799. }
  800. declare module NODEEDITOR {
  801. export class WorleyNoise3DNodePropertyComponent extends React.Component<IPropertyComponentProps> {
  802. constructor(props: IPropertyComponentProps);
  803. render(): JSX.Element;
  804. }
  805. }
  806. declare module NODEEDITOR {
  807. export class ClampPropertyTabComponent extends React.Component<IPropertyComponentProps> {
  808. constructor(props: IPropertyComponentProps);
  809. forceRebuild(): void;
  810. render(): JSX.Element;
  811. }
  812. }
  813. declare module NODEEDITOR {
  814. interface IGradientStepComponentProps {
  815. globalState: GlobalState;
  816. step: BABYLON.GradientBlockColorStep;
  817. lineIndex: number;
  818. onDelete: () => void;
  819. onUpdateStep: () => void;
  820. onCheckForReOrder: () => void;
  821. }
  822. export class GradientStepComponent extends React.Component<IGradientStepComponentProps, {
  823. gradient: number;
  824. }> {
  825. constructor(props: IGradientStepComponentProps);
  826. updateColor(color: string): void;
  827. updateStep(gradient: number): void;
  828. onPointerUp(): void;
  829. render(): JSX.Element;
  830. }
  831. }
  832. declare module NODEEDITOR {
  833. export interface IButtonLineComponentProps {
  834. label: string;
  835. onClick: () => void;
  836. }
  837. export class ButtonLineComponent extends React.Component<IButtonLineComponentProps> {
  838. constructor(props: IButtonLineComponentProps);
  839. render(): JSX.Element;
  840. }
  841. }
  842. declare module NODEEDITOR {
  843. export class GradientPropertyTabComponent extends React.Component<IPropertyComponentProps> {
  844. constructor(props: IPropertyComponentProps);
  845. forceRebuild(): void;
  846. deleteStep(step: BABYLON.GradientBlockColorStep): void;
  847. addNewStep(): void;
  848. checkForReOrder(): void;
  849. render(): JSX.Element;
  850. }
  851. }
  852. declare module NODEEDITOR {
  853. export class LightPropertyTabComponent extends React.Component<IPropertyComponentProps> {
  854. render(): JSX.Element;
  855. }
  856. }
  857. declare module NODEEDITOR {
  858. export class LightInformationPropertyTabComponent extends React.Component<IPropertyComponentProps> {
  859. render(): JSX.Element;
  860. }
  861. }
  862. declare module NODEEDITOR {
  863. export class RemapPropertyTabComponent extends React.Component<IPropertyComponentProps> {
  864. constructor(props: IPropertyComponentProps);
  865. forceRebuild(): void;
  866. render(): JSX.Element;
  867. }
  868. }
  869. declare module NODEEDITOR {
  870. interface IFileButtonLineComponentProps {
  871. label: string;
  872. onClick: (file: File) => void;
  873. accept: string;
  874. }
  875. export class FileButtonLineComponent extends React.Component<IFileButtonLineComponentProps> {
  876. constructor(props: IFileButtonLineComponentProps);
  877. onChange(evt: any): void;
  878. render(): JSX.Element;
  879. }
  880. }
  881. declare module NODEEDITOR {
  882. export class TexturePropertyTabComponent extends React.Component<IPropertyComponentProps, {
  883. isEmbedded: boolean;
  884. loadAsCubeTexture: boolean;
  885. }> {
  886. get textureBlock(): BABYLON.TextureBlock | BABYLON.ReflectionTextureBlock;
  887. constructor(props: IPropertyComponentProps);
  888. UNSAFE_componentWillUpdate(nextProps: IPropertyComponentProps, nextState: {
  889. isEmbedded: boolean;
  890. loadAsCubeTexture: boolean;
  891. }): void;
  892. private _generateRandomForCache;
  893. updateAfterTextureLoad(): void;
  894. removeTexture(): void;
  895. _prepareTexture(): void;
  896. /**
  897. * Replaces the texture of the node
  898. * @param file the file of the texture to use
  899. */
  900. replaceTexture(file: File): void;
  901. replaceTextureWithUrl(url: string): void;
  902. render(): JSX.Element;
  903. }
  904. }
  905. declare module NODEEDITOR {
  906. export class TrigonometryPropertyTabComponent extends React.Component<IPropertyComponentProps> {
  907. constructor(props: IPropertyComponentProps);
  908. render(): JSX.Element;
  909. }
  910. }
  911. declare module NODEEDITOR {
  912. export class PropertyLedger {
  913. static RegisteredControls: {
  914. [key: string]: React.ComponentClass<IPropertyComponentProps>;
  915. };
  916. }
  917. }
  918. declare module NODEEDITOR {
  919. export class InputDisplayManager implements IDisplayManager {
  920. getHeaderClass(block: BABYLON.NodeMaterialBlock): "" | "constant" | "inspector";
  921. shouldDisplayPortLabels(block: BABYLON.NodeMaterialBlock): boolean;
  922. getHeaderText(block: BABYLON.NodeMaterialBlock): string;
  923. getBackgroundColor(block: BABYLON.NodeMaterialBlock): string;
  924. updatePreviewContent(block: BABYLON.NodeMaterialBlock, contentArea: HTMLDivElement): void;
  925. }
  926. }
  927. declare module NODEEDITOR {
  928. export class OutputDisplayManager implements IDisplayManager {
  929. getHeaderClass(block: BABYLON.NodeMaterialBlock): string;
  930. shouldDisplayPortLabels(block: BABYLON.NodeMaterialBlock): boolean;
  931. getHeaderText(block: BABYLON.NodeMaterialBlock): string;
  932. getBackgroundColor(block: BABYLON.NodeMaterialBlock): string;
  933. updatePreviewContent(block: BABYLON.NodeMaterialBlock, contentArea: HTMLDivElement): void;
  934. }
  935. }
  936. declare module NODEEDITOR {
  937. export class ClampDisplayManager implements IDisplayManager {
  938. getHeaderClass(block: BABYLON.NodeMaterialBlock): string;
  939. shouldDisplayPortLabels(block: BABYLON.NodeMaterialBlock): boolean;
  940. getHeaderText(block: BABYLON.NodeMaterialBlock): string;
  941. getBackgroundColor(block: BABYLON.NodeMaterialBlock): string;
  942. updatePreviewContent(block: BABYLON.NodeMaterialBlock, contentArea: HTMLDivElement): void;
  943. }
  944. }
  945. declare module NODEEDITOR {
  946. export class GradientDisplayManager implements IDisplayManager {
  947. getHeaderClass(block: BABYLON.NodeMaterialBlock): string;
  948. shouldDisplayPortLabels(block: BABYLON.NodeMaterialBlock): boolean;
  949. getHeaderText(block: BABYLON.NodeMaterialBlock): string;
  950. getBackgroundColor(block: BABYLON.NodeMaterialBlock): string;
  951. updatePreviewContent(block: BABYLON.NodeMaterialBlock, contentArea: HTMLDivElement): void;
  952. }
  953. }
  954. declare module NODEEDITOR {
  955. export class RemapDisplayManager implements IDisplayManager {
  956. getHeaderClass(block: BABYLON.NodeMaterialBlock): string;
  957. shouldDisplayPortLabels(block: BABYLON.NodeMaterialBlock): boolean;
  958. getHeaderText(block: BABYLON.NodeMaterialBlock): string;
  959. getBackgroundColor(block: BABYLON.NodeMaterialBlock): string;
  960. private _extractInputValue;
  961. updatePreviewContent(block: BABYLON.NodeMaterialBlock, contentArea: HTMLDivElement): void;
  962. }
  963. }
  964. declare module NODEEDITOR {
  965. export class TrigonometryDisplayManager implements IDisplayManager {
  966. getHeaderClass(block: BABYLON.NodeMaterialBlock): string;
  967. shouldDisplayPortLabels(block: BABYLON.NodeMaterialBlock): boolean;
  968. getHeaderText(block: BABYLON.NodeMaterialBlock): string;
  969. getBackgroundColor(block: BABYLON.NodeMaterialBlock): string;
  970. updatePreviewContent(block: BABYLON.NodeMaterialBlock, contentArea: HTMLDivElement): void;
  971. }
  972. }
  973. declare module NODEEDITOR {
  974. interface ITextureLineComponentProps {
  975. texture: BABYLON.BaseTexture;
  976. width: number;
  977. height: number;
  978. globalState?: any;
  979. hideChannelSelect?: boolean;
  980. }
  981. export interface ITextureLineComponentState {
  982. displayRed: boolean;
  983. displayGreen: boolean;
  984. displayBlue: boolean;
  985. displayAlpha: boolean;
  986. face: number;
  987. }
  988. export class TextureLineComponent extends React.Component<ITextureLineComponentProps, ITextureLineComponentState> {
  989. constructor(props: ITextureLineComponentProps);
  990. shouldComponentUpdate(nextProps: ITextureLineComponentProps, nextState: {
  991. displayRed: boolean;
  992. displayGreen: boolean;
  993. displayBlue: boolean;
  994. displayAlpha: boolean;
  995. face: number;
  996. }): boolean;
  997. componentDidMount(): void;
  998. componentDidUpdate(): void;
  999. updatePreview(): void;
  1000. static UpdatePreview(previewCanvas: HTMLCanvasElement, texture: BABYLON.BaseTexture, width: number, options: ITextureLineComponentState, onReady?: () => void, globalState?: any): void;
  1001. render(): JSX.Element;
  1002. }
  1003. }
  1004. declare module NODEEDITOR {
  1005. export class TextureDisplayManager implements IDisplayManager {
  1006. private _previewCanvas;
  1007. private _previewImage;
  1008. getHeaderClass(block: BABYLON.NodeMaterialBlock): string;
  1009. shouldDisplayPortLabels(block: BABYLON.NodeMaterialBlock): boolean;
  1010. getHeaderText(block: BABYLON.NodeMaterialBlock): string;
  1011. getBackgroundColor(block: BABYLON.NodeMaterialBlock): string;
  1012. updatePreviewContent(block: BABYLON.NodeMaterialBlock, contentArea: HTMLDivElement): void;
  1013. }
  1014. }
  1015. declare module NODEEDITOR {
  1016. export class DiscardDisplayManager implements IDisplayManager {
  1017. getHeaderClass(block: BABYLON.NodeMaterialBlock): string;
  1018. shouldDisplayPortLabels(block: BABYLON.NodeMaterialBlock): boolean;
  1019. getHeaderText(block: BABYLON.NodeMaterialBlock): string;
  1020. getBackgroundColor(block: BABYLON.NodeMaterialBlock): string;
  1021. updatePreviewContent(block: BABYLON.NodeMaterialBlock, contentArea: HTMLDivElement): void;
  1022. }
  1023. }
  1024. declare module NODEEDITOR {
  1025. export class DisplayLedger {
  1026. static RegisteredControls: {
  1027. [key: string]: any;
  1028. };
  1029. }
  1030. }
  1031. declare module NODEEDITOR {
  1032. export class GraphNode {
  1033. block: BABYLON.NodeMaterialBlock;
  1034. private _visual;
  1035. private _header;
  1036. private _connections;
  1037. private _inputsContainer;
  1038. private _outputsContainer;
  1039. private _content;
  1040. private _comments;
  1041. private _inputPorts;
  1042. private _outputPorts;
  1043. private _links;
  1044. private _x;
  1045. private _y;
  1046. private _gridAlignedX;
  1047. private _gridAlignedY;
  1048. private _mouseStartPointX;
  1049. private _mouseStartPointY;
  1050. private _globalState;
  1051. private _onSelectionChangedObserver;
  1052. private _onSelectionBoxMovedObserver;
  1053. private _onFrameCreatedObserver;
  1054. private _onUpdateRequiredObserver;
  1055. private _ownerCanvas;
  1056. private _isSelected;
  1057. private _displayManager;
  1058. private _isVisible;
  1059. get isVisible(): boolean;
  1060. set isVisible(value: boolean);
  1061. get outputPorts(): NodePort[];
  1062. get inputPorts(): NodePort[];
  1063. get links(): NodeLink[];
  1064. get gridAlignedX(): number;
  1065. get gridAlignedY(): number;
  1066. get x(): number;
  1067. set x(value: number);
  1068. get y(): number;
  1069. set y(value: number);
  1070. get width(): number;
  1071. get height(): number;
  1072. get id(): number;
  1073. get name(): string;
  1074. get isSelected(): boolean;
  1075. set isSelected(value: boolean);
  1076. constructor(block: BABYLON.NodeMaterialBlock, globalState: GlobalState);
  1077. isOverlappingFrame(frame: GraphFrame): boolean;
  1078. getPortForConnectionPoint(point: BABYLON.NodeMaterialConnectionPoint): BABYLON.Nullable<NodePort>;
  1079. getLinksForConnectionPoint(point: BABYLON.NodeMaterialConnectionPoint): NodeLink[];
  1080. private _refreshFrames;
  1081. _refreshLinks(): void;
  1082. refresh(): void;
  1083. private _onDown;
  1084. cleanAccumulation(useCeil?: boolean): void;
  1085. private _onUp;
  1086. private _onMove;
  1087. renderProperties(): BABYLON.Nullable<JSX.Element>;
  1088. appendVisual(root: HTMLDivElement, owner: GraphCanvasComponent): void;
  1089. dispose(): void;
  1090. }
  1091. }
  1092. declare module NODEEDITOR {
  1093. export class GlobalState {
  1094. nodeMaterial: BABYLON.NodeMaterial;
  1095. hostElement: HTMLElement;
  1096. hostDocument: HTMLDocument;
  1097. hostWindow: Window;
  1098. onSelectionChangedObservable: BABYLON.Observable<BABYLON.Nullable<GraphNode | GraphFrame | NodeLink>>;
  1099. onRebuildRequiredObservable: BABYLON.Observable<void>;
  1100. onBuiltObservable: BABYLON.Observable<void>;
  1101. onResetRequiredObservable: BABYLON.Observable<void>;
  1102. onUpdateRequiredObservable: BABYLON.Observable<void>;
  1103. onZoomToFitRequiredObservable: BABYLON.Observable<void>;
  1104. onReOrganizedRequiredObservable: BABYLON.Observable<void>;
  1105. onLogRequiredObservable: BABYLON.Observable<LogEntry>;
  1106. onErrorMessageDialogRequiredObservable: BABYLON.Observable<string>;
  1107. onIsLoadingChanged: BABYLON.Observable<boolean>;
  1108. onPreviewCommandActivated: BABYLON.Observable<void>;
  1109. onLightUpdated: BABYLON.Observable<void>;
  1110. onPreviewBackgroundChanged: BABYLON.Observable<void>;
  1111. onBackFaceCullingChanged: BABYLON.Observable<void>;
  1112. onDepthPrePassChanged: BABYLON.Observable<void>;
  1113. onAnimationCommandActivated: BABYLON.Observable<void>;
  1114. onCandidateLinkMoved: BABYLON.Observable<BABYLON.Nullable<BABYLON.Vector2>>;
  1115. onSelectionBoxMoved: BABYLON.Observable<DOMRect | ClientRect>;
  1116. onFrameCreated: BABYLON.Observable<GraphFrame>;
  1117. onCandidatePortSelected: BABYLON.Observable<BABYLON.Nullable<NodePort>>;
  1118. onGetNodeFromBlock: (block: BABYLON.NodeMaterialBlock) => GraphNode;
  1119. onGridSizeChanged: BABYLON.Observable<void>;
  1120. previewMeshType: PreviewMeshType;
  1121. previewMeshFile: File;
  1122. rotatePreview: boolean;
  1123. backgroundColor: BABYLON.Color4;
  1124. backFaceCulling: boolean;
  1125. depthPrePass: boolean;
  1126. blockKeyboardEvents: boolean;
  1127. hemisphericLight: boolean;
  1128. directionalLight0: boolean;
  1129. directionalLight1: boolean;
  1130. controlCamera: boolean;
  1131. storeEditorData: (serializationObject: any) => void;
  1132. customSave?: {
  1133. label: string;
  1134. action: (data: string) => Promise<void>;
  1135. };
  1136. constructor();
  1137. }
  1138. }
  1139. declare module NODEEDITOR {
  1140. export interface IButtonLineComponentProps {
  1141. data: string;
  1142. tooltip: string;
  1143. }
  1144. export class DraggableLineComponent extends React.Component<IButtonLineComponentProps> {
  1145. constructor(props: IButtonLineComponentProps);
  1146. render(): JSX.Element;
  1147. }
  1148. }
  1149. declare module NODEEDITOR {
  1150. interface INodeListComponentProps {
  1151. globalState: GlobalState;
  1152. }
  1153. export class NodeListComponent extends React.Component<INodeListComponentProps, {
  1154. filter: string;
  1155. }> {
  1156. private static _Tooltips;
  1157. constructor(props: INodeListComponentProps);
  1158. filterContent(filter: string): void;
  1159. render(): JSX.Element;
  1160. }
  1161. }
  1162. declare module NODEEDITOR {
  1163. export interface IFramePropertyTabComponentProps {
  1164. globalState: GlobalState;
  1165. frame: GraphFrame;
  1166. }
  1167. export class FramePropertyTabComponent extends React.Component<IFramePropertyTabComponentProps> {
  1168. private onFrameExpandStateChangedObserver;
  1169. constructor(props: IFramePropertyTabComponentProps);
  1170. componentDidMount(): void;
  1171. componentWillUnmount(): void;
  1172. render(): JSX.Element;
  1173. }
  1174. }
  1175. declare module NODEEDITOR {
  1176. interface IPropertyTabComponentProps {
  1177. globalState: GlobalState;
  1178. }
  1179. export class PropertyTabComponent extends React.Component<IPropertyTabComponentProps, {
  1180. currentNode: BABYLON.Nullable<GraphNode>;
  1181. currentFrame: BABYLON.Nullable<GraphFrame>;
  1182. }> {
  1183. private _onBuiltObserver;
  1184. constructor(props: IPropertyTabComponentProps);
  1185. componentDidMount(): void;
  1186. componentWillUnmount(): void;
  1187. processInputBlockUpdate(ib: BABYLON.InputBlock): void;
  1188. renderInputBlock(block: BABYLON.InputBlock): JSX.Element | null;
  1189. load(file: File): void;
  1190. save(): void;
  1191. customSave(): void;
  1192. render(): JSX.Element;
  1193. }
  1194. }
  1195. declare module NODEEDITOR {
  1196. interface IPortalProps {
  1197. globalState: GlobalState;
  1198. }
  1199. export class Portal extends React.Component<IPortalProps> {
  1200. render(): React.ReactPortal;
  1201. }
  1202. }
  1203. declare module NODEEDITOR {
  1204. interface IMessageDialogComponentProps {
  1205. globalState: GlobalState;
  1206. }
  1207. export class MessageDialogComponent extends React.Component<IMessageDialogComponentProps, {
  1208. message: string;
  1209. isError: boolean;
  1210. }> {
  1211. constructor(props: IMessageDialogComponentProps);
  1212. render(): JSX.Element | null;
  1213. }
  1214. }
  1215. declare module NODEEDITOR {
  1216. export class PreviewManager {
  1217. private _nodeMaterial;
  1218. private _onBuildObserver;
  1219. private _onPreviewCommandActivatedObserver;
  1220. private _onAnimationCommandActivatedObserver;
  1221. private _onUpdateRequiredObserver;
  1222. private _onPreviewBackgroundChangedObserver;
  1223. private _onBackFaceCullingChangedObserver;
  1224. private _onDepthPrePassChangedObserver;
  1225. private _onLightUpdatedObserver;
  1226. private _engine;
  1227. private _scene;
  1228. private _meshes;
  1229. private _camera;
  1230. private _material;
  1231. private _globalState;
  1232. private _currentType;
  1233. private _lightParent;
  1234. constructor(targetCanvas: HTMLCanvasElement, globalState: GlobalState);
  1235. private _handleAnimations;
  1236. private _prepareLights;
  1237. private _prepareMeshes;
  1238. private _refreshPreviewMesh;
  1239. private _forceCompilationAsync;
  1240. private _updatePreview;
  1241. dispose(): void;
  1242. }
  1243. }
  1244. declare module NODEEDITOR {
  1245. interface IPreviewMeshControlComponent {
  1246. globalState: GlobalState;
  1247. togglePreviewAreaComponent: () => void;
  1248. }
  1249. export class PreviewMeshControlComponent extends React.Component<IPreviewMeshControlComponent> {
  1250. changeMeshType(newOne: PreviewMeshType): void;
  1251. useCustomMesh(evt: any): void;
  1252. onPopUp(): void;
  1253. render(): JSX.Element;
  1254. }
  1255. }
  1256. declare module NODEEDITOR {
  1257. interface IPreviewAreaComponentProps {
  1258. globalState: GlobalState;
  1259. width: number;
  1260. }
  1261. export class PreviewAreaComponent extends React.Component<IPreviewAreaComponentProps, {
  1262. isLoading: boolean;
  1263. }> {
  1264. constructor(props: IPreviewAreaComponentProps);
  1265. changeAnimation(): void;
  1266. changeBackground(value: string): void;
  1267. changeBackFaceCulling(value: boolean): void;
  1268. changeDepthPrePass(value: boolean): void;
  1269. render(): JSX.Element;
  1270. }
  1271. }
  1272. declare module NODEEDITOR {
  1273. interface IGraphEditorProps {
  1274. globalState: GlobalState;
  1275. }
  1276. interface IGraphEditorState {
  1277. showPreviewPopUp: boolean;
  1278. }
  1279. interface IInternalPreviewAreaOptions extends BABYLON.IInspectorOptions {
  1280. popup: boolean;
  1281. original: boolean;
  1282. explorerWidth?: string;
  1283. inspectorWidth?: string;
  1284. embedHostWidth?: string;
  1285. }
  1286. export class GraphEditor extends React.Component<IGraphEditorProps, IGraphEditorState> {
  1287. private readonly NodeWidth;
  1288. private _graphCanvas;
  1289. private _startX;
  1290. private _moveInProgress;
  1291. private _leftWidth;
  1292. private _rightWidth;
  1293. private _blocks;
  1294. private _previewManager;
  1295. private _copiedNodes;
  1296. private _copiedFrame;
  1297. private _mouseLocationX;
  1298. private _mouseLocationY;
  1299. private _onWidgetKeyUpPointer;
  1300. private _previewHost;
  1301. private _popUpWindow;
  1302. /**
  1303. * Creates a node and recursivly creates its parent nodes from it's input
  1304. * @param nodeMaterialBlock
  1305. */
  1306. createNodeFromObject(block: BABYLON.NodeMaterialBlock, recursion?: boolean): GraphNode;
  1307. addValueNode(type: string): GraphNode;
  1308. componentDidMount(): void;
  1309. componentWillUnmount(): void;
  1310. constructor(props: IGraphEditorProps);
  1311. reconnectNewNodes(nodeIndex: number, newNodes: GraphNode[], sourceNodes: GraphNode[], done: boolean[]): void;
  1312. pasteSelection(copiedNodes: GraphNode[], currentX: number, currentY: number): void;
  1313. zoomToFit(): void;
  1314. buildMaterial(): void;
  1315. build(): void;
  1316. showWaitScreen(): void;
  1317. hideWaitScreen(): void;
  1318. reOrganize(editorData?: BABYLON.Nullable<IEditorData>): void;
  1319. onPointerDown(evt: React.PointerEvent<HTMLDivElement>): void;
  1320. onPointerUp(evt: React.PointerEvent<HTMLDivElement>): void;
  1321. resizeColumns(evt: React.PointerEvent<HTMLDivElement>, forLeft?: boolean): void;
  1322. buildColumnLayout(): string;
  1323. emitNewBlock(event: React.DragEvent<HTMLDivElement>): void;
  1324. handlePopUp: () => void;
  1325. handleClosingPopUp: () => void;
  1326. initiatePreviewArea: (canvas?: HTMLCanvasElement) => void;
  1327. createPopUp: () => void;
  1328. createPopupWindow: (title: string, windowVariableName: string, width?: number, height?: number) => Window | null;
  1329. copyStyles: (sourceDoc: HTMLDocument, targetDoc: HTMLDocument) => void;
  1330. createPreviewMeshControlHost: (options: IInternalPreviewAreaOptions, parentControl: HTMLElement | null) => void;
  1331. createPreviewHost: (options: IInternalPreviewAreaOptions, parentControl: HTMLElement | null) => void;
  1332. fixPopUpStyles: (document: Document) => void;
  1333. render(): JSX.Element;
  1334. }
  1335. }
  1336. declare module NODEEDITOR {
  1337. export class Popup {
  1338. static CreatePopup(title: string, windowVariableName: string, width?: number, height?: number): Nullable<HTMLDivElement>;
  1339. private static _CopyStyles;
  1340. }
  1341. }
  1342. declare module NODEEDITOR {
  1343. /**
  1344. * Interface used to specify creation options for the node editor
  1345. */
  1346. export interface INodeEditorOptions {
  1347. nodeMaterial: BABYLON.NodeMaterial;
  1348. hostElement?: HTMLElement;
  1349. customSave?: {
  1350. label: string;
  1351. action: (data: string) => Promise<void>;
  1352. };
  1353. customLoadObservable?: BABYLON.Observable<any>;
  1354. }
  1355. /**
  1356. * Class used to create a node editor
  1357. */
  1358. export class NodeEditor {
  1359. private static _CurrentState;
  1360. /**
  1361. * Show the node editor
  1362. * @param options defines the options to use to configure the node editor
  1363. */
  1364. static Show(options: INodeEditorOptions): void;
  1365. }
  1366. }