babylon.nodeEditor.module.d.ts 83 KB

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