babylon.nodeEditor.module.d.ts 86 KB

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