babylon.nodeEditor.module.d.ts 115 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959196019611962196319641965196619671968196919701971197219731974197519761977197819791980198119821983198419851986198719881989199019911992199319941995199619971998199920002001200220032004200520062007200820092010201120122013201420152016201720182019202020212022202320242025202620272028202920302031203220332034203520362037203820392040204120422043204420452046204720482049205020512052205320542055205620572058205920602061206220632064206520662067206820692070207120722073207420752076207720782079208020812082208320842085208620872088208920902091209220932094209520962097209820992100210121022103210421052106210721082109211021112112211321142115211621172118211921202121212221232124212521262127212821292130213121322133213421352136213721382139214021412142214321442145214621472148214921502151215221532154215521562157215821592160216121622163216421652166216721682169217021712172217321742175217621772178217921802181218221832184218521862187218821892190219121922193219421952196219721982199220022012202220322042205220622072208220922102211221222132214221522162217221822192220222122222223222422252226222722282229223022312232223322342235223622372238223922402241224222432244224522462247224822492250225122522253225422552256225722582259226022612262226322642265226622672268226922702271227222732274227522762277227822792280228122822283228422852286228722882289229022912292229322942295229622972298229923002301230223032304230523062307230823092310231123122313231423152316231723182319232023212322232323242325232623272328232923302331233223332334233523362337233823392340234123422343234423452346234723482349235023512352235323542355235623572358235923602361236223632364236523662367236823692370237123722373237423752376237723782379238023812382238323842385238623872388238923902391239223932394239523962397239823992400240124022403240424052406240724082409241024112412241324142415241624172418241924202421242224232424242524262427242824292430243124322433243424352436243724382439244024412442244324442445244624472448244924502451245224532454245524562457245824592460246124622463246424652466246724682469247024712472247324742475247624772478247924802481248224832484248524862487248824892490249124922493249424952496249724982499250025012502250325042505250625072508250925102511251225132514251525162517251825192520252125222523252425252526252725282529253025312532253325342535253625372538253925402541254225432544254525462547254825492550255125522553255425552556255725582559256025612562256325642565256625672568256925702571257225732574257525762577257825792580258125822583258425852586258725882589259025912592259325942595259625972598259926002601260226032604260526062607260826092610261126122613261426152616261726182619262026212622262326242625262626272628262926302631263226332634263526362637263826392640264126422643264426452646264726482649265026512652265326542655265626572658265926602661266226632664266526662667266826692670267126722673267426752676267726782679268026812682268326842685268626872688268926902691269226932694269526962697269826992700270127022703270427052706270727082709271027112712271327142715271627172718271927202721272227232724272527262727272827292730273127322733273427352736273727382739274027412742274327442745274627472748274927502751275227532754275527562757275827592760276127622763276427652766276727682769277027712772277327742775277627772778277927802781278227832784278527862787278827892790279127922793279427952796279727982799280028012802280328042805280628072808280928102811281228132814281528162817281828192820282128222823282428252826282728282829283028312832283328342835283628372838283928402841284228432844284528462847284828492850285128522853285428552856285728582859286028612862286328642865286628672868286928702871287228732874287528762877287828792880288128822883288428852886288728882889289028912892289328942895289628972898289929002901290229032904290529062907290829092910291129122913291429152916291729182919292029212922292329242925292629272928292929302931293229332934293529362937
  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 { ReflectionTextureBlock } from 'babylonjs/Materials/Node/Blocks/Dual/reflectionTextureBlock';
  15. import { LightBlock } from 'babylonjs/Materials/Node/Blocks/Dual/lightBlock';
  16. import { FogBlock } from 'babylonjs/Materials/Node/Blocks/Dual/fogBlock';
  17. import { VertexOutputBlock } from 'babylonjs/Materials/Node/Blocks/Vertex/vertexOutputBlock';
  18. import { FragmentOutputBlock } from 'babylonjs/Materials/Node/Blocks/Fragment/fragmentOutputBlock';
  19. import { NormalizeBlock } from 'babylonjs/Materials/Node/Blocks/normalizeBlock';
  20. import { AddBlock } from 'babylonjs/Materials/Node/Blocks/addBlock';
  21. import { ScaleBlock } from 'babylonjs/Materials/Node/Blocks/scaleBlock';
  22. import { TrigonometryBlock } from 'babylonjs/Materials/Node/Blocks/trigonometryBlock';
  23. import { ClampBlock } from 'babylonjs/Materials/Node/Blocks/clampBlock';
  24. import { CrossBlock } from 'babylonjs/Materials/Node/Blocks/crossBlock';
  25. import { DotBlock } from 'babylonjs/Materials/Node/Blocks/dotBlock';
  26. import { MultiplyBlock } from 'babylonjs/Materials/Node/Blocks/multiplyBlock';
  27. import { TransformBlock } from 'babylonjs/Materials/Node/Blocks/transformBlock';
  28. import { NodeMaterialBlockConnectionPointTypes } from 'babylonjs/Materials/Node/nodeMaterialBlockConnectionPointTypes';
  29. import { FresnelBlock } from 'babylonjs/Materials/Node/Blocks/fresnelBlock';
  30. import { LerpBlock } from 'babylonjs/Materials/Node/Blocks/lerpBlock';
  31. import { DivideBlock } from 'babylonjs/Materials/Node/Blocks/divideBlock';
  32. import { SubtractBlock } from 'babylonjs/Materials/Node/Blocks/subtractBlock';
  33. import { StepBlock } from 'babylonjs/Materials/Node/Blocks/stepBlock';
  34. import { InputBlock } from 'babylonjs/Materials/Node/Blocks/Input/inputBlock';
  35. import { OneMinusBlock } from 'babylonjs/Materials/Node/Blocks/oneMinusBlock';
  36. import { ViewDirectionBlock } from 'babylonjs/Materials/Node/Blocks/viewDirectionBlock';
  37. import { LightInformationBlock } from 'babylonjs/Materials/Node/Blocks/Vertex/lightInformationBlock';
  38. import { MaxBlock } from 'babylonjs/Materials/Node/Blocks/maxBlock';
  39. import { MinBlock } from 'babylonjs/Materials/Node/Blocks/minBlock';
  40. import { PerturbNormalBlock } from 'babylonjs/Materials/Node/Blocks/Fragment/perturbNormalBlock';
  41. export class BlockTools {
  42. static GetBlockFromString(data: string): BonesBlock | InstancesBlock | MorphTargetsBlock | AlphaTestBlock | ImageProcessingBlock | ColorMergerBlock | VectorMergerBlock | ColorSplitterBlock | VectorSplitterBlock | TextureBlock | ReflectionTextureBlock | LightBlock | FogBlock | VertexOutputBlock | FragmentOutputBlock | AddBlock | ClampBlock | ScaleBlock | CrossBlock | DotBlock | MultiplyBlock | TransformBlock | TrigonometryBlock | RemapBlock | NormalizeBlock | FresnelBlock | LerpBlock | DivideBlock | SubtractBlock | StepBlock | OneMinusBlock | ViewDirectionBlock | LightInformationBlock | MaxBlock | MinBlock | PerturbNormalBlock | InputBlock | null;
  43. static GetColorFromConnectionNodeType(type: NodeMaterialBlockConnectionPointTypes): string;
  44. static GetConnectionNodeTypeFromString(type: string): NodeMaterialBlockConnectionPointTypes.Float | NodeMaterialBlockConnectionPointTypes.Vector2 | NodeMaterialBlockConnectionPointTypes.Vector3 | NodeMaterialBlockConnectionPointTypes.Vector4 | NodeMaterialBlockConnectionPointTypes.Color3 | NodeMaterialBlockConnectionPointTypes.Color4 | NodeMaterialBlockConnectionPointTypes.Matrix | NodeMaterialBlockConnectionPointTypes.AutoDetect;
  45. static GetStringFromConnectionNodeType(type: NodeMaterialBlockConnectionPointTypes): "Float" | "Vector2" | "Vector3" | "Vector4" | "Matrix" | "Color3" | "Color4" | "";
  46. }
  47. }
  48. declare module "babylonjs-node-editor/dataStorage" {
  49. export class DataStorage {
  50. private static _InMemoryStorage;
  51. static ReadBoolean(key: string, defaultValue: boolean): boolean;
  52. static StoreBoolean(key: string, value: boolean): void;
  53. static ReadNumber(key: string, defaultValue: number): number;
  54. static StoreNumber(key: string, value: number): void;
  55. }
  56. }
  57. declare module "babylonjs-node-editor/sharedComponents/textLineComponent" {
  58. import * as React from "react";
  59. interface ITextLineComponentProps {
  60. label: string;
  61. value: string;
  62. color?: string;
  63. underline?: boolean;
  64. onLink?: () => void;
  65. }
  66. export class TextLineComponent extends React.Component<ITextLineComponentProps> {
  67. constructor(props: ITextLineComponentProps);
  68. onLink(): void;
  69. renderContent(): JSX.Element;
  70. render(): JSX.Element;
  71. }
  72. }
  73. declare module "babylonjs-node-editor/sharedComponents/lineContainerComponent" {
  74. import * as React from "react";
  75. interface ILineContainerComponentProps {
  76. title: string;
  77. children: any[] | any;
  78. closed?: boolean;
  79. }
  80. export class LineContainerComponent extends React.Component<ILineContainerComponentProps, {
  81. isExpanded: boolean;
  82. }> {
  83. constructor(props: ILineContainerComponentProps);
  84. switchExpandedState(): void;
  85. renderHeader(): JSX.Element;
  86. render(): JSX.Element;
  87. }
  88. }
  89. declare module "babylonjs-node-editor/sharedComponents/propertyChangedEvent" {
  90. export class PropertyChangedEvent {
  91. object: any;
  92. property: string;
  93. value: any;
  94. initialValue: any;
  95. }
  96. }
  97. declare module "babylonjs-node-editor/sharedComponents/textInputLineComponent" {
  98. import * as React from "react";
  99. import { Observable } from "babylonjs/Misc/observable";
  100. import { PropertyChangedEvent } from "babylonjs-node-editor/sharedComponents/propertyChangedEvent";
  101. import { GlobalState } from "babylonjs-node-editor/globalState";
  102. interface ITextInputLineComponentProps {
  103. label: string;
  104. globalState: GlobalState;
  105. target?: any;
  106. propertyName?: string;
  107. value?: string;
  108. onChange?: (value: string) => void;
  109. onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
  110. }
  111. export class TextInputLineComponent extends React.Component<ITextInputLineComponentProps, {
  112. value: string;
  113. }> {
  114. private _localChange;
  115. constructor(props: ITextInputLineComponentProps);
  116. shouldComponentUpdate(nextProps: ITextInputLineComponentProps, nextState: {
  117. value: string;
  118. }): boolean;
  119. raiseOnPropertyChanged(newValue: string, previousValue: string): void;
  120. updateValue(value: string, raisePropertyChanged: boolean): void;
  121. render(): JSX.Element;
  122. }
  123. }
  124. declare module "babylonjs-node-editor/sharedComponents/checkBoxLineComponent" {
  125. import * as React from "react";
  126. import { Observable } from "babylonjs/Misc/observable";
  127. import { PropertyChangedEvent } from "babylonjs-node-editor/sharedComponents/propertyChangedEvent";
  128. export interface ICheckBoxLineComponentProps {
  129. label: string;
  130. target?: any;
  131. propertyName?: string;
  132. isSelected?: () => boolean;
  133. onSelect?: (value: boolean) => void;
  134. onValueChanged?: () => void;
  135. onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
  136. }
  137. export class CheckBoxLineComponent extends React.Component<ICheckBoxLineComponentProps, {
  138. isSelected: boolean;
  139. }> {
  140. private static _UniqueIdSeed;
  141. private _uniqueId;
  142. private _localChange;
  143. constructor(props: ICheckBoxLineComponentProps);
  144. shouldComponentUpdate(nextProps: ICheckBoxLineComponentProps, nextState: {
  145. isSelected: boolean;
  146. }): boolean;
  147. onChange(): void;
  148. render(): JSX.Element;
  149. }
  150. }
  151. declare module "babylonjs-node-editor/components/diagram/generic/genericNodeModel" {
  152. import { Nullable } from 'babylonjs/types';
  153. import { Vector2, Vector3, Vector4, Matrix } from 'babylonjs/Maths/math';
  154. import { DefaultNodeModel } from "babylonjs-node-editor/components/diagram/defaultNodeModel";
  155. import { DiagramModel } from 'storm-react-diagrams/dist/@types/src/models/DiagramModel';
  156. import { GraphEditor, NodeCreationOptions } from "babylonjs-node-editor/graphEditor";
  157. import { GlobalState } from "babylonjs-node-editor/globalState";
  158. /**
  159. * Generic node model which stores information about a node editor block
  160. */
  161. export class GenericNodeModel extends DefaultNodeModel {
  162. /**
  163. * Vector2 for the node if it exists
  164. */
  165. vector2: Nullable<Vector2>;
  166. /**
  167. * Vector3 for the node if it exists
  168. */
  169. vector3: Nullable<Vector3>;
  170. /**
  171. * Vector4 for the node if it exists
  172. */
  173. vector4: Nullable<Vector4>;
  174. /**
  175. * Matrix for the node if it exists
  176. */
  177. matrix: Nullable<Matrix>;
  178. /**
  179. * Constructs the node model
  180. */
  181. constructor();
  182. prepare(options: NodeCreationOptions, nodes: Array<DefaultNodeModel>, model: DiagramModel, graphEditor: GraphEditor): void;
  183. renderProperties(globalState: GlobalState): JSX.Element;
  184. }
  185. }
  186. declare module "babylonjs-node-editor/components/diagram/link/advancedLinkModel" {
  187. import { DefaultLinkModel } from 'storm-react-diagrams';
  188. export class AdvancedLinkModel extends DefaultLinkModel {
  189. constructor();
  190. }
  191. }
  192. declare module "babylonjs-node-editor/components/diagram/port/defaultPortModel" {
  193. import { LinkModel, PortModel } from "storm-react-diagrams";
  194. import { Nullable } from 'babylonjs/types';
  195. import { NodeMaterialConnectionPoint } from 'babylonjs/Materials/Node/nodeMaterialBlockConnectionPoint';
  196. import { DefaultNodeModel } from "babylonjs-node-editor/components/diagram/defaultNodeModel";
  197. /**
  198. * Port model
  199. */
  200. export class DefaultPortModel extends PortModel {
  201. /**
  202. * If the port is input or output
  203. */
  204. position: string | "input" | "output";
  205. /**
  206. * What the port is connected to
  207. */
  208. connection: Nullable<NodeMaterialConnectionPoint>;
  209. defaultValue: any;
  210. static idCounter: number;
  211. constructor(name: string, type?: string);
  212. canLinkToPort(port: DefaultPortModel): boolean;
  213. syncWithNodeMaterialConnectionPoint(connection: NodeMaterialConnectionPoint): void;
  214. getNodeModel(): DefaultNodeModel;
  215. link(outPort: DefaultPortModel): LinkModel<import("storm-react-diagrams").LinkModelListener>;
  216. createLinkModel(): LinkModel;
  217. static SortInputOutput(a: Nullable<DefaultPortModel>, b: Nullable<DefaultPortModel>): {
  218. input: DefaultPortModel;
  219. output: DefaultPortModel;
  220. } | null;
  221. }
  222. }
  223. declare module "babylonjs-node-editor/components/diagram/port/defaultPortWidget" {
  224. import { BaseWidget, PortState, NodeModel, BaseWidgetProps } from 'storm-react-diagrams';
  225. export interface IDefaultPortWidgetProps extends BaseWidgetProps {
  226. name: string;
  227. node: NodeModel;
  228. style: any;
  229. }
  230. export class DefaultPortWidget extends BaseWidget<IDefaultPortWidgetProps, PortState> {
  231. constructor(props: IDefaultPortWidgetProps);
  232. getClassName(): string;
  233. render(): JSX.Element;
  234. }
  235. }
  236. declare module "babylonjs-node-editor/components/diagram/portHelper" {
  237. import { DefaultNodeModel } from "babylonjs-node-editor/components/diagram/defaultNodeModel";
  238. import { Nullable } from 'babylonjs/types';
  239. import { NodeMaterialBlockConnectionPointTypes } from 'babylonjs/Materials/Node/nodeMaterialBlockConnectionPointTypes';
  240. export class PortHelper {
  241. private static _GetPortTypeIndicator;
  242. static _GetPortStyle(type: NodeMaterialBlockConnectionPointTypes): {
  243. background: string;
  244. };
  245. static GenerateOutputPorts(node: Nullable<DefaultNodeModel>, ignoreLabel: boolean): JSX.Element[];
  246. static GenerateInputPorts(node: Nullable<DefaultNodeModel>, includeOnly?: string[], ignoreLabel?: boolean): JSX.Element[];
  247. }
  248. }
  249. declare module "babylonjs-node-editor/components/diagram/generic/genericNodeWidget" {
  250. import * as React from "react";
  251. import { Nullable } from 'babylonjs/types';
  252. import { GlobalState } from "babylonjs-node-editor/globalState";
  253. import { GenericNodeModel } from "babylonjs-node-editor/components/diagram/generic/genericNodeModel";
  254. /**
  255. * GenericNodeWidgetProps
  256. */
  257. export interface GenericNodeWidgetProps {
  258. node: Nullable<GenericNodeModel>;
  259. globalState: GlobalState;
  260. }
  261. /**
  262. * GenericNodeWidgetState
  263. */
  264. export interface GenericNodeWidgetState {
  265. }
  266. /**
  267. * Used to display a node block for the node editor
  268. */
  269. export class GenericNodeWidget extends React.Component<GenericNodeWidgetProps, GenericNodeWidgetState> {
  270. /**
  271. * Creates a GenericNodeWidget
  272. * @param props
  273. */
  274. constructor(props: GenericNodeWidgetProps);
  275. render(): JSX.Element;
  276. }
  277. }
  278. declare module "babylonjs-node-editor/components/diagram/generic/genericNodeFactory" {
  279. import * as SRD from "storm-react-diagrams";
  280. import { GenericNodeModel } from "babylonjs-node-editor/components/diagram/generic/genericNodeModel";
  281. import { GlobalState } from "babylonjs-node-editor/globalState";
  282. /**
  283. * Node factory which creates editor nodes
  284. */
  285. export class GenericNodeFactory extends SRD.AbstractNodeFactory {
  286. private _globalState;
  287. /**
  288. * Constructs a GenericNodeFactory
  289. */
  290. constructor(globalState: GlobalState);
  291. /**
  292. * Generates a node widget
  293. * @param diagramEngine diagram engine
  294. * @param node node to generate
  295. * @returns node widget jsx
  296. */
  297. generateReactWidget(diagramEngine: SRD.DiagramEngine, node: GenericNodeModel): JSX.Element;
  298. /**
  299. * Gets a new instance of a node model
  300. * @returns generic node model
  301. */
  302. getNewInstance(): GenericNodeModel;
  303. }
  304. }
  305. declare module "babylonjs-node-editor/sharedComponents/draggableLineComponent" {
  306. import * as React from "react";
  307. export interface IButtonLineComponentProps {
  308. data: string;
  309. }
  310. export class DraggableLineComponent extends React.Component<IButtonLineComponentProps> {
  311. constructor(props: IButtonLineComponentProps);
  312. render(): JSX.Element;
  313. }
  314. }
  315. declare module "babylonjs-node-editor/components/nodeList/nodeListComponent" {
  316. import * as React from "react";
  317. import { GlobalState } from "babylonjs-node-editor/globalState";
  318. interface INodeListComponentProps {
  319. globalState: GlobalState;
  320. }
  321. export class NodeListComponent extends React.Component<INodeListComponentProps, {
  322. filter: string;
  323. }> {
  324. constructor(props: INodeListComponentProps);
  325. filterContent(filter: string): void;
  326. render(): JSX.Element;
  327. }
  328. }
  329. declare module "babylonjs-node-editor/sharedComponents/buttonLineComponent" {
  330. import * as React from "react";
  331. export interface IButtonLineComponentProps {
  332. label: string;
  333. onClick: () => void;
  334. }
  335. export class ButtonLineComponent extends React.Component<IButtonLineComponentProps> {
  336. constructor(props: IButtonLineComponentProps);
  337. render(): JSX.Element;
  338. }
  339. }
  340. declare module "babylonjs-node-editor/stringTools" {
  341. import { NodeMaterialBlockConnectionPointTypes } from 'babylonjs/Materials/Node/nodeMaterialBlockConnectionPointTypes';
  342. export class StringTools {
  343. /**
  344. * Gets the base math type of node material block connection point.
  345. * @param type Type to parse.
  346. */
  347. static GetBaseType(type: NodeMaterialBlockConnectionPointTypes): string;
  348. /**
  349. * Download a string into a file that will be saved locally by the browser
  350. * @param content defines the string to download locally as a file
  351. */
  352. static DownloadAsFile(document: HTMLDocument, content: string, filename: string): void;
  353. }
  354. }
  355. declare module "babylonjs-node-editor/sharedComponents/fileButtonLineComponent" {
  356. import * as React from "react";
  357. interface IFileButtonLineComponentProps {
  358. label: string;
  359. onClick: (file: File) => void;
  360. accept: string;
  361. }
  362. export class FileButtonLineComponent extends React.Component<IFileButtonLineComponentProps> {
  363. constructor(props: IFileButtonLineComponentProps);
  364. onChange(evt: any): void;
  365. render(): JSX.Element;
  366. }
  367. }
  368. declare module "babylonjs-node-editor/nodeLocationInfo" {
  369. export interface INodeLocationInfo {
  370. blockId: number;
  371. x: number;
  372. y: number;
  373. }
  374. }
  375. declare module "babylonjs-node-editor/serializationTools" {
  376. import { NodeMaterial } from 'babylonjs/Materials/Node/nodeMaterial';
  377. import { GlobalState } from "babylonjs-node-editor/globalState";
  378. export class SerializationTools {
  379. static Serialize(material: NodeMaterial, globalState: GlobalState): string;
  380. static Deserialize(serializationObject: any, globalState: GlobalState): void;
  381. }
  382. }
  383. declare module "babylonjs-node-editor/components/propertyTab/propertyTabComponent" {
  384. import * as React from "react";
  385. import { GlobalState } from "babylonjs-node-editor/globalState";
  386. import { Nullable } from 'babylonjs/types';
  387. import { DefaultNodeModel } from "babylonjs-node-editor/components/diagram/defaultNodeModel";
  388. interface IPropertyTabComponentProps {
  389. globalState: GlobalState;
  390. }
  391. export class PropertyTabComponent extends React.Component<IPropertyTabComponentProps, {
  392. currentNode: Nullable<DefaultNodeModel>;
  393. }> {
  394. constructor(props: IPropertyTabComponentProps);
  395. componentDidMount(): void;
  396. load(file: File): void;
  397. save(): void;
  398. customSave(): void;
  399. render(): JSX.Element;
  400. }
  401. }
  402. declare module "babylonjs-node-editor/portal" {
  403. import * as React from "react";
  404. import { GlobalState } from "babylonjs-node-editor/globalState";
  405. interface IPortalProps {
  406. globalState: GlobalState;
  407. }
  408. export class Portal extends React.Component<IPortalProps> {
  409. render(): React.ReactPortal;
  410. }
  411. }
  412. declare module "babylonjs-node-editor/components/diagram/texture/texturePropertyTabComponent" {
  413. import * as React from "react";
  414. import { GlobalState } from "babylonjs-node-editor/globalState";
  415. import { TextureNodeModel } from "babylonjs-node-editor/components/diagram/texture/textureNodeModel";
  416. interface ITexturePropertyTabComponentProps {
  417. globalState: GlobalState;
  418. node: TextureNodeModel;
  419. }
  420. export class TexturePropertyTabComponent extends React.Component<ITexturePropertyTabComponentProps, {
  421. isEmbedded: boolean;
  422. }> {
  423. constructor(props: ITexturePropertyTabComponentProps);
  424. updateAftertextureLoad(): void;
  425. /**
  426. * Replaces the texture of the node
  427. * @param file the file of the texture to use
  428. */
  429. replaceTexture(file: File): void;
  430. replaceTextureWithUrl(url: string): void;
  431. render(): JSX.Element;
  432. }
  433. }
  434. declare module "babylonjs-node-editor/components/diagram/texture/textureNodeModel" {
  435. import { Nullable } from 'babylonjs/types';
  436. import { BaseTexture } from 'babylonjs/Materials/Textures/baseTexture';
  437. import { DefaultNodeModel } from "babylonjs-node-editor/components/diagram/defaultNodeModel";
  438. import { GlobalState } from "babylonjs-node-editor/globalState";
  439. import { NodeCreationOptions, GraphEditor } from "babylonjs-node-editor/graphEditor";
  440. import { DiagramModel } from 'storm-react-diagrams/dist/@types/src/models/DiagramModel';
  441. /**
  442. * Texture node model which stores information about a node editor block
  443. */
  444. export class TextureNodeModel extends DefaultNodeModel {
  445. private _block;
  446. /**
  447. * Texture for the node if it exists
  448. */
  449. texture: Nullable<BaseTexture>;
  450. /**
  451. * Constructs the node model
  452. */
  453. constructor();
  454. renderProperties(globalState: GlobalState): JSX.Element;
  455. prepare(options: NodeCreationOptions, nodes: Array<DefaultNodeModel>, model: DiagramModel, graphEditor: GraphEditor): void;
  456. }
  457. }
  458. declare module "babylonjs-node-editor/sharedComponents/textureLineComponent" {
  459. import * as React from "react";
  460. import { BaseTexture } from "babylonjs/Materials/Textures/baseTexture";
  461. interface ITextureLineComponentProps {
  462. texture: BaseTexture;
  463. width: number;
  464. height: number;
  465. globalState?: any;
  466. hideChannelSelect?: boolean;
  467. }
  468. export class TextureLineComponent extends React.Component<ITextureLineComponentProps, {
  469. displayRed: boolean;
  470. displayGreen: boolean;
  471. displayBlue: boolean;
  472. displayAlpha: boolean;
  473. face: number;
  474. }> {
  475. constructor(props: ITextureLineComponentProps);
  476. shouldComponentUpdate(nextProps: ITextureLineComponentProps, nextState: {
  477. displayRed: boolean;
  478. displayGreen: boolean;
  479. displayBlue: boolean;
  480. displayAlpha: boolean;
  481. face: number;
  482. }): boolean;
  483. componentDidMount(): void;
  484. componentDidUpdate(): void;
  485. updatePreview(): void;
  486. render(): JSX.Element;
  487. }
  488. }
  489. declare module "babylonjs-node-editor/components/diagram/texture/textureNodeWidget" {
  490. import * as React from "react";
  491. import { TextureNodeModel } from "babylonjs-node-editor/components/diagram/texture/textureNodeModel";
  492. import { Nullable } from 'babylonjs/types';
  493. import { GlobalState } from "babylonjs-node-editor/globalState";
  494. /**
  495. * GenericNodeWidgetProps
  496. */
  497. export interface ITextureNodeWidgetProps {
  498. node: Nullable<TextureNodeModel>;
  499. globalState: GlobalState;
  500. }
  501. /**
  502. * Used to display a node block for the node editor
  503. */
  504. export class TextureNodeWidget extends React.Component<ITextureNodeWidgetProps> {
  505. /**
  506. * Creates a GenericNodeWidget
  507. * @param props
  508. */
  509. constructor(props: ITextureNodeWidgetProps);
  510. render(): JSX.Element;
  511. }
  512. }
  513. declare module "babylonjs-node-editor/components/diagram/texture/textureNodeFactory" {
  514. import * as SRD from "storm-react-diagrams";
  515. import { TextureNodeModel } from "babylonjs-node-editor/components/diagram/texture/textureNodeModel";
  516. import { GlobalState } from "babylonjs-node-editor/globalState";
  517. /**
  518. * Node factory which creates editor nodes
  519. */
  520. export class TextureNodeFactory extends SRD.AbstractNodeFactory {
  521. private _globalState;
  522. /**
  523. * Constructs a TextureNodeFactory
  524. */
  525. constructor(globalState: GlobalState);
  526. /**
  527. * Generates a node widget
  528. * @param diagramEngine diagram engine
  529. * @param node node to generate
  530. * @returns node widget jsx
  531. */
  532. generateReactWidget(diagramEngine: SRD.DiagramEngine, node: TextureNodeModel): JSX.Element;
  533. /**
  534. * Gets a new instance of a node model
  535. * @returns texture node model
  536. */
  537. getNewInstance(): TextureNodeModel;
  538. }
  539. }
  540. declare module "babylonjs-node-editor/sharedComponents/numericInputComponent" {
  541. import * as React from "react";
  542. interface INumericInputComponentProps {
  543. label: string;
  544. value: number;
  545. step?: number;
  546. onChange: (value: number) => void;
  547. }
  548. export class NumericInputComponent extends React.Component<INumericInputComponentProps, {
  549. value: string;
  550. }> {
  551. static defaultProps: {
  552. step: number;
  553. };
  554. private _localChange;
  555. constructor(props: INumericInputComponentProps);
  556. shouldComponentUpdate(nextProps: INumericInputComponentProps, nextState: {
  557. value: string;
  558. }): boolean;
  559. updateValue(evt: any): void;
  560. render(): JSX.Element;
  561. }
  562. }
  563. declare module "babylonjs-node-editor/sharedComponents/vector2LineComponent" {
  564. import * as React from "react";
  565. import { Vector2 } from "babylonjs/Maths/math";
  566. import { Observable } from "babylonjs/Misc/observable";
  567. import { PropertyChangedEvent } from "babylonjs-node-editor/sharedComponents/propertyChangedEvent";
  568. interface IVector2LineComponentProps {
  569. label: string;
  570. target: any;
  571. propertyName: string;
  572. step?: number;
  573. onChange?: (newvalue: Vector2) => void;
  574. onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
  575. }
  576. export class Vector2LineComponent extends React.Component<IVector2LineComponentProps, {
  577. isExpanded: boolean;
  578. value: Vector2;
  579. }> {
  580. static defaultProps: {
  581. step: number;
  582. };
  583. private _localChange;
  584. constructor(props: IVector2LineComponentProps);
  585. shouldComponentUpdate(nextProps: IVector2LineComponentProps, nextState: {
  586. isExpanded: boolean;
  587. value: Vector2;
  588. }): boolean;
  589. switchExpandState(): void;
  590. raiseOnPropertyChanged(previousValue: Vector2): void;
  591. updateStateX(value: number): void;
  592. updateStateY(value: number): void;
  593. render(): JSX.Element;
  594. }
  595. }
  596. declare module "babylonjs-node-editor/components/propertyTab/properties/vector2PropertyTabComponent" {
  597. import * as React from "react";
  598. import { GlobalState } from "babylonjs-node-editor/globalState";
  599. import { InputBlock } from 'babylonjs/Materials/Node/Blocks/Input/inputBlock';
  600. interface IVector2PropertyTabComponentProps {
  601. globalState: GlobalState;
  602. inputBlock: InputBlock;
  603. }
  604. export class Vector2PropertyTabComponent extends React.Component<IVector2PropertyTabComponentProps> {
  605. render(): JSX.Element;
  606. }
  607. }
  608. declare module "babylonjs-node-editor/sharedComponents/vector3LineComponent" {
  609. import * as React from "react";
  610. import { Vector3 } from "babylonjs/Maths/math";
  611. import { Observable } from "babylonjs/Misc/observable";
  612. import { PropertyChangedEvent } from "babylonjs-node-editor/sharedComponents/propertyChangedEvent";
  613. interface IVector3LineComponentProps {
  614. label: string;
  615. target: any;
  616. propertyName: string;
  617. step?: number;
  618. onChange?: (newvalue: Vector3) => void;
  619. onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
  620. }
  621. export class Vector3LineComponent extends React.Component<IVector3LineComponentProps, {
  622. isExpanded: boolean;
  623. value: Vector3;
  624. }> {
  625. static defaultProps: {
  626. step: number;
  627. };
  628. private _localChange;
  629. constructor(props: IVector3LineComponentProps);
  630. shouldComponentUpdate(nextProps: IVector3LineComponentProps, nextState: {
  631. isExpanded: boolean;
  632. value: Vector3;
  633. }): boolean;
  634. switchExpandState(): void;
  635. raiseOnPropertyChanged(previousValue: Vector3): void;
  636. updateVector3(): void;
  637. updateStateX(value: number): void;
  638. updateStateY(value: number): void;
  639. updateStateZ(value: number): void;
  640. render(): JSX.Element;
  641. }
  642. }
  643. declare module "babylonjs-node-editor/components/propertyTab/properties/vector3PropertyTabComponent" {
  644. import * as React from "react";
  645. import { GlobalState } from "babylonjs-node-editor/globalState";
  646. import { InputBlock } from 'babylonjs/Materials/Node/Blocks/Input/inputBlock';
  647. interface IVector3PropertyTabComponentProps {
  648. globalState: GlobalState;
  649. inputBlock: InputBlock;
  650. }
  651. export class Vector3PropertyTabComponent extends React.Component<IVector3PropertyTabComponentProps> {
  652. render(): JSX.Element;
  653. }
  654. }
  655. declare module "babylonjs-node-editor/sharedComponents/optionsLineComponent" {
  656. import * as React from "react";
  657. import { Observable } from "babylonjs/Misc/observable";
  658. import { PropertyChangedEvent } from "babylonjs-node-editor/sharedComponents/propertyChangedEvent";
  659. class ListLineOption {
  660. label: string;
  661. value: number | string;
  662. }
  663. interface IOptionsLineComponentProps {
  664. label: string;
  665. target: any;
  666. propertyName?: string;
  667. options: ListLineOption[];
  668. noDirectUpdate?: boolean;
  669. onSelect?: (value: number | string) => void;
  670. onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
  671. valuesAreStrings?: boolean;
  672. defaultIfNull?: number;
  673. getSelection?: (target: any) => number;
  674. }
  675. export class OptionsLineComponent extends React.Component<IOptionsLineComponentProps, {
  676. value: number | string;
  677. }> {
  678. private _localChange;
  679. private _getValue;
  680. constructor(props: IOptionsLineComponentProps);
  681. shouldComponentUpdate(nextProps: IOptionsLineComponentProps, nextState: {
  682. value: number;
  683. }): boolean;
  684. raiseOnPropertyChanged(newValue: number | string, previousValue: number | string): void;
  685. updateValue(valueString: string): void;
  686. render(): JSX.Element;
  687. }
  688. }
  689. declare module "babylonjs-node-editor/sharedComponents/color3LineComponent" {
  690. import * as React from "react";
  691. import { Observable } from "babylonjs/Misc/observable";
  692. import { Color3 } from "babylonjs/Maths/math";
  693. import { PropertyChangedEvent } from "babylonjs-node-editor/sharedComponents/propertyChangedEvent";
  694. export interface IColor3LineComponentProps {
  695. label: string;
  696. target: any;
  697. propertyName: string;
  698. onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
  699. onChange?: () => void;
  700. }
  701. export class Color3LineComponent extends React.Component<IColor3LineComponentProps, {
  702. isExpanded: boolean;
  703. color: Color3;
  704. }> {
  705. private _localChange;
  706. constructor(props: IColor3LineComponentProps);
  707. shouldComponentUpdate(nextProps: IColor3LineComponentProps, nextState: {
  708. color: Color3;
  709. }): boolean;
  710. onChange(newValue: string): void;
  711. switchExpandState(): void;
  712. raiseOnPropertyChanged(previousValue: Color3): void;
  713. updateStateR(value: number): void;
  714. updateStateG(value: number): void;
  715. updateStateB(value: number): void;
  716. copyToClipboard(): void;
  717. render(): JSX.Element;
  718. }
  719. }
  720. declare module "babylonjs-node-editor/components/propertyTab/properties/color3PropertyTabComponent" {
  721. import * as React from "react";
  722. import { GlobalState } from "babylonjs-node-editor/globalState";
  723. import { InputBlock } from 'babylonjs/Materials/Node/Blocks/Input/inputBlock';
  724. interface IColor3PropertyTabComponentProps {
  725. globalState: GlobalState;
  726. inputBlock: InputBlock;
  727. }
  728. export class Color3PropertyTabComponent extends React.Component<IColor3PropertyTabComponentProps> {
  729. render(): JSX.Element;
  730. }
  731. }
  732. declare module "babylonjs-node-editor/sharedComponents/floatLineComponent" {
  733. import * as React from "react";
  734. import { Observable } from "babylonjs/Misc/observable";
  735. import { PropertyChangedEvent } from "babylonjs-node-editor/sharedComponents/propertyChangedEvent";
  736. interface IFloatLineComponentProps {
  737. label: string;
  738. target: any;
  739. propertyName: string;
  740. onChange?: (newValue: number) => void;
  741. isInteger?: boolean;
  742. onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
  743. additionalClass?: string;
  744. step?: string;
  745. digits?: number;
  746. }
  747. export class FloatLineComponent extends React.Component<IFloatLineComponentProps, {
  748. value: string;
  749. }> {
  750. private _localChange;
  751. private _store;
  752. constructor(props: IFloatLineComponentProps);
  753. shouldComponentUpdate(nextProps: IFloatLineComponentProps, nextState: {
  754. value: string;
  755. }): boolean;
  756. raiseOnPropertyChanged(newValue: number, previousValue: number): void;
  757. updateValue(valueString: string): void;
  758. render(): JSX.Element;
  759. }
  760. }
  761. declare module "babylonjs-node-editor/components/propertyTab/properties/floatPropertyTabComponent" {
  762. import * as React from "react";
  763. import { GlobalState } from "babylonjs-node-editor/globalState";
  764. import { InputBlock } from 'babylonjs/Materials/Node/Blocks/Input/inputBlock';
  765. interface IFloatPropertyTabComponentProps {
  766. globalState: GlobalState;
  767. inputBlock: InputBlock;
  768. }
  769. export class FloatPropertyTabComponent extends React.Component<IFloatPropertyTabComponentProps> {
  770. render(): JSX.Element;
  771. }
  772. }
  773. declare module "babylonjs-node-editor/sharedComponents/vector4LineComponent" {
  774. import * as React from "react";
  775. import { Vector4 } from "babylonjs/Maths/math";
  776. import { Observable } from "babylonjs/Misc/observable";
  777. import { PropertyChangedEvent } from "babylonjs-node-editor/sharedComponents/propertyChangedEvent";
  778. interface IVector4LineComponentProps {
  779. label: string;
  780. target?: any;
  781. propertyName?: string;
  782. value?: Vector4;
  783. step?: number;
  784. onChange?: (newvalue: Vector4) => void;
  785. onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
  786. }
  787. export class Vector4LineComponent extends React.Component<IVector4LineComponentProps, {
  788. isExpanded: boolean;
  789. value: Vector4;
  790. }> {
  791. static defaultProps: {
  792. step: number;
  793. };
  794. private _localChange;
  795. constructor(props: IVector4LineComponentProps);
  796. shouldComponentUpdate(nextProps: IVector4LineComponentProps, nextState: {
  797. isExpanded: boolean;
  798. value: Vector4;
  799. }): boolean;
  800. switchExpandState(): void;
  801. raiseOnPropertyChanged(previousValue: Vector4): void;
  802. updateVector4(): void;
  803. updateStateX(value: number): void;
  804. updateStateY(value: number): void;
  805. updateStateZ(value: number): void;
  806. updateStateW(value: number): void;
  807. render(): JSX.Element;
  808. }
  809. }
  810. declare module "babylonjs-node-editor/components/propertyTab/properties/vector4PropertyTabComponent" {
  811. import * as React from "react";
  812. import { GlobalState } from "babylonjs-node-editor/globalState";
  813. import { InputBlock } from 'babylonjs/Materials/Node/Blocks/Input/inputBlock';
  814. interface IVector4PropertyTabComponentProps {
  815. globalState: GlobalState;
  816. inputBlock: InputBlock;
  817. }
  818. export class Vector4PropertyTabComponent extends React.Component<IVector4PropertyTabComponentProps> {
  819. render(): JSX.Element;
  820. }
  821. }
  822. declare module "babylonjs-node-editor/sharedComponents/matrixLineComponent" {
  823. import * as React from "react";
  824. import { Vector3, Matrix, Vector4 } from "babylonjs/Maths/math";
  825. import { Observable } from "babylonjs/Misc/observable";
  826. import { PropertyChangedEvent } from "babylonjs-node-editor/sharedComponents/propertyChangedEvent";
  827. interface IMatrixLineComponentProps {
  828. label: string;
  829. target: any;
  830. propertyName: string;
  831. step?: number;
  832. onChange?: (newValue: Matrix) => void;
  833. onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
  834. }
  835. export class MatrixLineComponent extends React.Component<IMatrixLineComponentProps, {
  836. value: Matrix;
  837. }> {
  838. private _localChange;
  839. constructor(props: IMatrixLineComponentProps);
  840. shouldComponentUpdate(nextProps: IMatrixLineComponentProps, nextState: {
  841. value: Matrix;
  842. }): boolean;
  843. raiseOnPropertyChanged(previousValue: Vector3): void;
  844. updateMatrix(): void;
  845. updateRow(value: Vector4, row: number): void;
  846. render(): JSX.Element;
  847. }
  848. }
  849. declare module "babylonjs-node-editor/components/propertyTab/properties/matrixPropertyTabComponent" {
  850. import * as React from "react";
  851. import { GlobalState } from "babylonjs-node-editor/globalState";
  852. import { InputBlock } from 'babylonjs/Materials/Node/Blocks/Input/inputBlock';
  853. interface IMatrixPropertyTabComponentProps {
  854. globalState: GlobalState;
  855. inputBlock: InputBlock;
  856. }
  857. export class MatrixPropertyTabComponent extends React.Component<IMatrixPropertyTabComponentProps> {
  858. render(): JSX.Element;
  859. }
  860. }
  861. declare module "babylonjs-node-editor/components/diagram/input/inputNodePropertyComponent" {
  862. import * as React from "react";
  863. import { GlobalState } from "babylonjs-node-editor/globalState";
  864. import { InputNodeModel } from "babylonjs-node-editor/components/diagram/input/inputNodeModel";
  865. interface IInputPropertyTabComponentProps {
  866. globalState: GlobalState;
  867. inputNode: InputNodeModel;
  868. }
  869. export class InputPropertyTabComponentProps extends React.Component<IInputPropertyTabComponentProps> {
  870. constructor(props: IInputPropertyTabComponentProps);
  871. renderValue(globalState: GlobalState): JSX.Element | null;
  872. setDefaultValue(): void;
  873. render(): JSX.Element;
  874. }
  875. }
  876. declare module "babylonjs-node-editor/components/diagram/input/inputNodeModel" {
  877. import { DefaultNodeModel } from "babylonjs-node-editor/components/diagram/defaultNodeModel";
  878. import { GlobalState } from "babylonjs-node-editor/globalState";
  879. import { InputBlock } from 'babylonjs/Materials/Node/Blocks/Input/inputBlock';
  880. /**
  881. * Generic node model which stores information about a node editor block
  882. */
  883. export class InputNodeModel extends DefaultNodeModel {
  884. readonly inputBlock: InputBlock;
  885. /**
  886. * Constructs the node model
  887. */
  888. constructor();
  889. renderProperties(globalState: GlobalState): JSX.Element;
  890. }
  891. }
  892. declare module "babylonjs-node-editor/components/diagram/input/inputNodeWidget" {
  893. import * as React from "react";
  894. import { InputNodeModel } from "babylonjs-node-editor/components/diagram/input/inputNodeModel";
  895. import { Nullable } from 'babylonjs/types';
  896. import { GlobalState } from "babylonjs-node-editor/globalState";
  897. /**
  898. * GenericNodeWidgetProps
  899. */
  900. export interface IInputNodeWidgetProps {
  901. node: Nullable<InputNodeModel>;
  902. globalState: GlobalState;
  903. }
  904. /**
  905. * Used to display a node block for the node editor
  906. */
  907. export class InputNodeWidget extends React.Component<IInputNodeWidgetProps> {
  908. /**
  909. * Creates a GenericNodeWidget
  910. * @param props
  911. */
  912. constructor(props: IInputNodeWidgetProps);
  913. renderValue(value: string): JSX.Element | null;
  914. render(): JSX.Element | null;
  915. }
  916. }
  917. declare module "babylonjs-node-editor/components/diagram/input/inputNodeFactory" {
  918. import * as SRD from "storm-react-diagrams";
  919. import { GlobalState } from "babylonjs-node-editor/globalState";
  920. import { InputNodeModel } from "babylonjs-node-editor/components/diagram/input/inputNodeModel";
  921. /**
  922. * Node factory which creates editor nodes
  923. */
  924. export class InputNodeFactory extends SRD.AbstractNodeFactory {
  925. private _globalState;
  926. /**
  927. * Constructs a GenericNodeFactory
  928. */
  929. constructor(globalState: GlobalState);
  930. /**
  931. * Generates a node widget
  932. * @param diagramEngine diagram engine
  933. * @param node node to generate
  934. * @returns node widget jsx
  935. */
  936. generateReactWidget(diagramEngine: SRD.DiagramEngine, node: InputNodeModel): JSX.Element;
  937. /**
  938. * Gets a new instance of a node model
  939. * @returns input node model
  940. */
  941. getNewInstance(): InputNodeModel;
  942. }
  943. }
  944. declare module "babylonjs-node-editor/components/log/logComponent" {
  945. import * as React from "react";
  946. import { GlobalState } from "babylonjs-node-editor/globalState";
  947. interface ILogComponentProps {
  948. globalState: GlobalState;
  949. }
  950. export class LogEntry {
  951. message: string;
  952. isError: boolean;
  953. constructor(message: string, isError: boolean);
  954. }
  955. export class LogComponent extends React.Component<ILogComponentProps, {
  956. logs: LogEntry[];
  957. }> {
  958. constructor(props: ILogComponentProps);
  959. componentDidMount(): void;
  960. componentDidUpdate(): void;
  961. render(): JSX.Element;
  962. }
  963. }
  964. declare module "babylonjs-node-editor/components/diagram/light/lightPropertyTabComponent" {
  965. import * as React from "react";
  966. import { GlobalState } from "babylonjs-node-editor/globalState";
  967. import { LightNodeModel } from "babylonjs-node-editor/components/diagram/light/lightNodeModel";
  968. interface ILightPropertyTabComponentProps {
  969. globalState: GlobalState;
  970. node: LightNodeModel;
  971. }
  972. export class LightPropertyTabComponent extends React.Component<ILightPropertyTabComponentProps> {
  973. render(): JSX.Element;
  974. }
  975. }
  976. declare module "babylonjs-node-editor/components/diagram/light/lightNodeModel" {
  977. import { Nullable } from 'babylonjs/types';
  978. import { Light } from 'babylonjs/Lights/light';
  979. import { DefaultNodeModel } from "babylonjs-node-editor/components/diagram/defaultNodeModel";
  980. import { GlobalState } from "babylonjs-node-editor/globalState";
  981. import { NodeCreationOptions, GraphEditor } from "babylonjs-node-editor/graphEditor";
  982. import { DiagramModel } from 'storm-react-diagrams/dist/@types/src/models/DiagramModel';
  983. /**
  984. * Light node model which stores information about a node editor block
  985. */
  986. export class LightNodeModel extends DefaultNodeModel {
  987. private _block;
  988. /**
  989. * Light for the node if it exists
  990. */
  991. light: Nullable<Light>;
  992. /**
  993. * Constructs the node model
  994. */
  995. constructor();
  996. renderProperties(globalState: GlobalState): JSX.Element;
  997. prepare(options: NodeCreationOptions, nodes: Array<DefaultNodeModel>, model: DiagramModel, graphEditor: GraphEditor): void;
  998. }
  999. }
  1000. declare module "babylonjs-node-editor/components/diagram/light/lightNodeWidget" {
  1001. import * as React from "react";
  1002. import { LightNodeModel } from "babylonjs-node-editor/components/diagram/light/lightNodeModel";
  1003. import { Nullable } from 'babylonjs/types';
  1004. import { GlobalState } from "babylonjs-node-editor/globalState";
  1005. /**
  1006. * GenericNodeWidgetProps
  1007. */
  1008. export interface ILightNodeWidgetProps {
  1009. node: Nullable<LightNodeModel>;
  1010. globalState: GlobalState;
  1011. }
  1012. /**
  1013. * Used to display a node block for the node editor
  1014. */
  1015. export class LightNodeWidget extends React.Component<ILightNodeWidgetProps> {
  1016. /**
  1017. * Creates a GenericNodeWidget
  1018. * @param props
  1019. */
  1020. constructor(props: ILightNodeWidgetProps);
  1021. render(): JSX.Element;
  1022. }
  1023. }
  1024. declare module "babylonjs-node-editor/components/diagram/light/lightNodeFactory" {
  1025. import * as SRD from "storm-react-diagrams";
  1026. import { LightNodeModel } from "babylonjs-node-editor/components/diagram/light/lightNodeModel";
  1027. import { GlobalState } from "babylonjs-node-editor/globalState";
  1028. /**
  1029. * Node factory which creates editor nodes
  1030. */
  1031. export class LightNodeFactory extends SRD.AbstractNodeFactory {
  1032. private _globalState;
  1033. /**
  1034. * Constructs a LightNodeFactory
  1035. */
  1036. constructor(globalState: GlobalState);
  1037. /**
  1038. * Generates a node widget
  1039. * @param diagramEngine diagram engine
  1040. * @param node node to generate
  1041. * @returns node widget jsx
  1042. */
  1043. generateReactWidget(diagramEngine: SRD.DiagramEngine, node: LightNodeModel): JSX.Element;
  1044. /**
  1045. * Gets a new instance of a node model
  1046. * @returns light node model
  1047. */
  1048. getNewInstance(): LightNodeModel;
  1049. }
  1050. }
  1051. declare module "babylonjs-node-editor/sharedComponents/messageDialog" {
  1052. import * as React from "react";
  1053. import { GlobalState } from "babylonjs-node-editor/globalState";
  1054. interface IMessageDialogComponentProps {
  1055. globalState: GlobalState;
  1056. }
  1057. export class MessageDialogComponent extends React.Component<IMessageDialogComponentProps, {
  1058. message: string;
  1059. isError: boolean;
  1060. }> {
  1061. constructor(props: IMessageDialogComponentProps);
  1062. render(): JSX.Element | null;
  1063. }
  1064. }
  1065. declare module "babylonjs-node-editor/components/diagram/link/advancedLinkFactory" {
  1066. import { DefaultLinkFactory, DefaultLinkWidget } from 'storm-react-diagrams';
  1067. import { AdvancedLinkModel } from "babylonjs-node-editor/components/diagram/link/advancedLinkModel";
  1068. export class AdvancedLinkFactory extends DefaultLinkFactory {
  1069. constructor();
  1070. getNewInstance(initialConfig?: any): AdvancedLinkModel;
  1071. generateLinkSegment(model: AdvancedLinkModel, widget: DefaultLinkWidget, selected: boolean, path: string): JSX.Element;
  1072. }
  1073. }
  1074. declare module "babylonjs-node-editor/components/diagram/remap/remapNodePropertyComponent" {
  1075. import * as React from "react";
  1076. import { GlobalState } from "babylonjs-node-editor/globalState";
  1077. import { RemapNodeModel } from "babylonjs-node-editor/components/diagram/remap/remapNodeModel";
  1078. interface IRemapPropertyTabComponentProps {
  1079. globalState: GlobalState;
  1080. remapNode: RemapNodeModel;
  1081. }
  1082. export class RemapPropertyTabComponentProps extends React.Component<IRemapPropertyTabComponentProps> {
  1083. constructor(props: IRemapPropertyTabComponentProps);
  1084. forceRebuild(): void;
  1085. render(): JSX.Element;
  1086. }
  1087. }
  1088. declare module "babylonjs-node-editor/components/diagram/remap/remapNodeModel" {
  1089. import { DefaultNodeModel } from "babylonjs-node-editor/components/diagram/defaultNodeModel";
  1090. import { GlobalState } from "babylonjs-node-editor/globalState";
  1091. import { RemapBlock } from 'babylonjs/Materials/Node/Blocks/remapBlock';
  1092. /**
  1093. * Generic node model which stores information about a node editor block
  1094. */
  1095. export class RemapNodeModel extends DefaultNodeModel {
  1096. readonly remapBlock: RemapBlock;
  1097. /**
  1098. * Constructs the node model
  1099. */
  1100. constructor();
  1101. renderProperties(globalState: GlobalState): JSX.Element;
  1102. }
  1103. }
  1104. declare module "babylonjs-node-editor/components/diagram/remap/remapNodeWidget" {
  1105. import * as React from "react";
  1106. import { RemapNodeModel } from "babylonjs-node-editor/components/diagram/remap/remapNodeModel";
  1107. import { Nullable } from 'babylonjs/types';
  1108. import { GlobalState } from "babylonjs-node-editor/globalState";
  1109. import { NodeMaterialConnectionPoint } from 'babylonjs/Materials/Node/nodeMaterialBlockConnectionPoint';
  1110. /**
  1111. * RemapNodeWidgetProps
  1112. */
  1113. export interface RemapNodeWidgetProps {
  1114. node: Nullable<RemapNodeModel>;
  1115. globalState: GlobalState;
  1116. }
  1117. /**
  1118. * Used to display a node block for the node editor
  1119. */
  1120. export class RemapNodeWidget extends React.Component<RemapNodeWidgetProps> {
  1121. /**
  1122. * Creates a GenericNodeWidget
  1123. * @param props
  1124. */
  1125. constructor(props: RemapNodeWidgetProps);
  1126. renderValue(value: string): JSX.Element | null;
  1127. extractInputValue(connectionPoint: NodeMaterialConnectionPoint): any;
  1128. render(): JSX.Element;
  1129. }
  1130. }
  1131. declare module "babylonjs-node-editor/components/diagram/remap/remapNodeFactory" {
  1132. import * as SRD from "storm-react-diagrams";
  1133. import { GlobalState } from "babylonjs-node-editor/globalState";
  1134. import { RemapNodeModel } from "babylonjs-node-editor/components/diagram/remap/remapNodeModel";
  1135. /**
  1136. * Node factory which creates editor nodes
  1137. */
  1138. export class RemapNodeFactory extends SRD.AbstractNodeFactory {
  1139. private _globalState;
  1140. /**
  1141. * Constructs a GenericNodeFactory
  1142. */
  1143. constructor(globalState: GlobalState);
  1144. /**
  1145. * Generates a node widget
  1146. * @param diagramEngine diagram engine
  1147. * @param node node to generate
  1148. * @returns node widget jsx
  1149. */
  1150. generateReactWidget(diagramEngine: SRD.DiagramEngine, node: RemapNodeModel): JSX.Element;
  1151. /**
  1152. * Gets a new instance of a node model
  1153. * @returns input node model
  1154. */
  1155. getNewInstance(): RemapNodeModel;
  1156. }
  1157. }
  1158. declare module "babylonjs-node-editor/graphHelper" {
  1159. import * as dagre from "babylonjs-node-editor/dagre";
  1160. import { DiagramModel } from 'storm-react-diagrams/dist/@types/src/models/DiagramModel';
  1161. export class GraphHelper {
  1162. static DistributeGraph(model: DiagramModel): dagre.Node[];
  1163. private static _MapElements;
  1164. private static _MapEdges;
  1165. }
  1166. }
  1167. declare module "babylonjs-node-editor/components/preview/previewMeshType" {
  1168. export enum PreviewMeshType {
  1169. Sphere = 0,
  1170. Box = 1,
  1171. Torus = 2,
  1172. Cylinder = 3,
  1173. Plane = 4,
  1174. Custom = 5
  1175. }
  1176. }
  1177. declare module "babylonjs-node-editor/components/preview/previewManager" {
  1178. import { GlobalState } from "babylonjs-node-editor/globalState";
  1179. export class PreviewManager {
  1180. private _nodeMaterial;
  1181. private _onBuildObserver;
  1182. private _onPreviewCommandActivatedObserver;
  1183. private _onAnimationCommandActivatedObserver;
  1184. private _onUpdateRequiredObserver;
  1185. private _onPreviewBackgroundChangedObserver;
  1186. private _engine;
  1187. private _scene;
  1188. private _light;
  1189. private _meshes;
  1190. private _camera;
  1191. private _material;
  1192. private _globalState;
  1193. private _currentType;
  1194. constructor(targetCanvas: HTMLCanvasElement, globalState: GlobalState);
  1195. private _handleAnimations;
  1196. private _prepareMeshes;
  1197. private _refreshPreviewMesh;
  1198. private _updatePreview;
  1199. dispose(): void;
  1200. }
  1201. }
  1202. declare module "babylonjs-node-editor/components/preview/previewMeshControlComponent" {
  1203. import * as React from "react";
  1204. import { GlobalState } from "babylonjs-node-editor/globalState";
  1205. import { PreviewMeshType } from "babylonjs-node-editor/components/preview/previewMeshType";
  1206. interface IPreviewMeshControlComponent {
  1207. globalState: GlobalState;
  1208. }
  1209. export class PreviewMeshControlComponent extends React.Component<IPreviewMeshControlComponent> {
  1210. changeMeshType(newOne: PreviewMeshType): void;
  1211. useCustomMesh(evt: any): void;
  1212. render(): JSX.Element;
  1213. }
  1214. }
  1215. declare module "babylonjs-node-editor/components/diagram/trigonometry/trigonometryNodePropertyComponent" {
  1216. import * as React from "react";
  1217. import { GlobalState } from "babylonjs-node-editor/globalState";
  1218. import { TrigonometryNodeModel } from "babylonjs-node-editor/components/diagram/trigonometry/trigonometryNodeModel";
  1219. interface ITrigonometryTabComponentProps {
  1220. globalState: GlobalState;
  1221. trigonometryNode: TrigonometryNodeModel;
  1222. }
  1223. export class TrigonometryPropertyTabComponentProps extends React.Component<ITrigonometryTabComponentProps> {
  1224. constructor(props: ITrigonometryTabComponentProps);
  1225. render(): JSX.Element;
  1226. }
  1227. }
  1228. declare module "babylonjs-node-editor/components/diagram/trigonometry/trigonometryNodeModel" {
  1229. import { DefaultNodeModel } from "babylonjs-node-editor/components/diagram/defaultNodeModel";
  1230. import { GlobalState } from "babylonjs-node-editor/globalState";
  1231. import { TrigonometryBlock } from 'babylonjs/Materials/Node/Blocks/trigonometryBlock';
  1232. /**
  1233. * Generic node model which stores information about a node editor block
  1234. */
  1235. export class TrigonometryNodeModel extends DefaultNodeModel {
  1236. readonly trigonometryBlock: TrigonometryBlock;
  1237. /**
  1238. * Constructs the node model
  1239. */
  1240. constructor();
  1241. renderProperties(globalState: GlobalState): JSX.Element;
  1242. }
  1243. }
  1244. declare module "babylonjs-node-editor/components/diagram/trigonometry/trigonometryNodeWidget" {
  1245. import * as React from "react";
  1246. import { TrigonometryNodeModel } from "babylonjs-node-editor/components/diagram/trigonometry/trigonometryNodeModel";
  1247. import { Nullable } from 'babylonjs/types';
  1248. import { GlobalState } from "babylonjs-node-editor/globalState";
  1249. /**
  1250. * GenericNodeWidgetProps
  1251. */
  1252. export interface ITrigonometryNodeWidgetProps {
  1253. node: Nullable<TrigonometryNodeModel>;
  1254. globalState: GlobalState;
  1255. }
  1256. /**
  1257. * Used to display a node block for the node editor
  1258. */
  1259. export class TrigonometryNodeWidget extends React.Component<ITrigonometryNodeWidgetProps> {
  1260. /**
  1261. * Creates a GenericNodeWidget
  1262. * @param props
  1263. */
  1264. constructor(props: ITrigonometryNodeWidgetProps);
  1265. render(): JSX.Element;
  1266. }
  1267. }
  1268. declare module "babylonjs-node-editor/components/diagram/trigonometry/trigonometryNodeFactory" {
  1269. import * as SRD from "storm-react-diagrams";
  1270. import { GlobalState } from "babylonjs-node-editor/globalState";
  1271. import { TrigonometryNodeModel } from "babylonjs-node-editor/components/diagram/trigonometry/trigonometryNodeModel";
  1272. /**
  1273. * Node factory which creates editor nodes
  1274. */
  1275. export class TrigonometryNodeFactory extends SRD.AbstractNodeFactory {
  1276. private _globalState;
  1277. /**
  1278. * Constructs a GenericNodeFactory
  1279. */
  1280. constructor(globalState: GlobalState);
  1281. /**
  1282. * Generates a node widget
  1283. * @param diagramEngine diagram engine
  1284. * @param node node to generate
  1285. * @returns node widget jsx
  1286. */
  1287. generateReactWidget(diagramEngine: SRD.DiagramEngine, node: TrigonometryNodeModel): JSX.Element;
  1288. /**
  1289. * Gets a new instance of a node model
  1290. * @returns input node model
  1291. */
  1292. getNewInstance(): TrigonometryNodeModel;
  1293. }
  1294. }
  1295. declare module "babylonjs-node-editor/components/diagram/clamp/clampNodePropertyComponent" {
  1296. import * as React from "react";
  1297. import { GlobalState } from "babylonjs-node-editor/globalState";
  1298. import { ClampNodeModel } from "babylonjs-node-editor/components/diagram/clamp/clampNodeModel";
  1299. interface IClampPropertyTabComponentProps {
  1300. globalState: GlobalState;
  1301. remapNode: ClampNodeModel;
  1302. }
  1303. export class ClampPropertyTabComponentProps extends React.Component<IClampPropertyTabComponentProps> {
  1304. constructor(props: IClampPropertyTabComponentProps);
  1305. forceRebuild(): void;
  1306. render(): JSX.Element;
  1307. }
  1308. }
  1309. declare module "babylonjs-node-editor/components/diagram/clamp/clampNodeModel" {
  1310. import { DefaultNodeModel } from "babylonjs-node-editor/components/diagram/defaultNodeModel";
  1311. import { GlobalState } from "babylonjs-node-editor/globalState";
  1312. import { ClampBlock } from 'babylonjs/Materials/Node/Blocks/clampBlock';
  1313. export class ClampNodeModel extends DefaultNodeModel {
  1314. readonly clampBlock: ClampBlock;
  1315. /**
  1316. * Constructs the node model
  1317. */
  1318. constructor();
  1319. renderProperties(globalState: GlobalState): JSX.Element;
  1320. }
  1321. }
  1322. declare module "babylonjs-node-editor/components/diagram/clamp/clampNodeWidget" {
  1323. import * as React from "react";
  1324. import { ClampNodeModel } from "babylonjs-node-editor/components/diagram/clamp/clampNodeModel";
  1325. import { Nullable } from 'babylonjs/types';
  1326. import { GlobalState } from "babylonjs-node-editor/globalState";
  1327. export interface ClampNodeWidgetProps {
  1328. node: Nullable<ClampNodeModel>;
  1329. globalState: GlobalState;
  1330. }
  1331. export class ClampNodeWidget extends React.Component<ClampNodeWidgetProps> {
  1332. constructor(props: ClampNodeWidgetProps);
  1333. renderValue(value: string): JSX.Element | null;
  1334. render(): JSX.Element;
  1335. }
  1336. }
  1337. declare module "babylonjs-node-editor/components/diagram/clamp/clampNodeFactory" {
  1338. import * as SRD from "storm-react-diagrams";
  1339. import { GlobalState } from "babylonjs-node-editor/globalState";
  1340. import { ClampNodeModel } from "babylonjs-node-editor/components/diagram/clamp/clampNodeModel";
  1341. export class ClampNodeFactory extends SRD.AbstractNodeFactory {
  1342. private _globalState;
  1343. constructor(globalState: GlobalState);
  1344. generateReactWidget(diagramEngine: SRD.DiagramEngine, node: ClampNodeModel): JSX.Element;
  1345. getNewInstance(): ClampNodeModel;
  1346. }
  1347. }
  1348. declare module "babylonjs-node-editor/components/diagram/lightInformation/lightInformationPropertyTabComponent" {
  1349. import * as React from "react";
  1350. import { GlobalState } from "babylonjs-node-editor/globalState";
  1351. import { LightInformationNodeModel } from "babylonjs-node-editor/components/diagram/lightInformation/lightInformationNodeModel";
  1352. interface ILightPropertyTabComponentProps {
  1353. globalState: GlobalState;
  1354. node: LightInformationNodeModel;
  1355. }
  1356. export class LightInformationPropertyTabComponent extends React.Component<ILightPropertyTabComponentProps> {
  1357. render(): JSX.Element;
  1358. }
  1359. }
  1360. declare module "babylonjs-node-editor/components/diagram/lightInformation/lightInformationNodeModel" {
  1361. import { Nullable } from 'babylonjs/types';
  1362. import { Light } from 'babylonjs/Lights/light';
  1363. import { DefaultNodeModel } from "babylonjs-node-editor/components/diagram/defaultNodeModel";
  1364. import { GlobalState } from "babylonjs-node-editor/globalState";
  1365. import { NodeCreationOptions, GraphEditor } from "babylonjs-node-editor/graphEditor";
  1366. import { DiagramModel } from 'storm-react-diagrams/dist/@types/src/models/DiagramModel';
  1367. export class LightInformationNodeModel extends DefaultNodeModel {
  1368. private _block;
  1369. /**
  1370. * Light for the node if it exists
  1371. */
  1372. light: Nullable<Light>;
  1373. /**
  1374. * Constructs the node model
  1375. */
  1376. constructor();
  1377. renderProperties(globalState: GlobalState): JSX.Element;
  1378. prepare(options: NodeCreationOptions, nodes: Array<DefaultNodeModel>, model: DiagramModel, graphEditor: GraphEditor): void;
  1379. }
  1380. }
  1381. declare module "babylonjs-node-editor/components/diagram/lightInformation/lightInformationNodeWidget" {
  1382. import * as React from "react";
  1383. import { LightInformationNodeModel } from "babylonjs-node-editor/components/diagram/lightInformation/lightInformationNodeModel";
  1384. import { Nullable } from 'babylonjs/types';
  1385. import { GlobalState } from "babylonjs-node-editor/globalState";
  1386. /**
  1387. * GenericNodeWidgetProps
  1388. */
  1389. export interface ILightInformationNodeWidgetProps {
  1390. node: Nullable<LightInformationNodeModel>;
  1391. globalState: GlobalState;
  1392. }
  1393. /**
  1394. * Used to display a node block for the node editor
  1395. */
  1396. export class LightInformationNodeWidget extends React.Component<ILightInformationNodeWidgetProps> {
  1397. /**
  1398. * Creates a GenericNodeWidget
  1399. * @param props
  1400. */
  1401. constructor(props: ILightInformationNodeWidgetProps);
  1402. render(): JSX.Element;
  1403. }
  1404. }
  1405. declare module "babylonjs-node-editor/components/diagram/lightInformation/lightInformationNodeFactory" {
  1406. import * as SRD from "storm-react-diagrams";
  1407. import { LightInformationNodeModel } from "babylonjs-node-editor/components/diagram/lightInformation/lightInformationNodeModel";
  1408. import { GlobalState } from "babylonjs-node-editor/globalState";
  1409. /**
  1410. * Node factory which creates editor nodes
  1411. */
  1412. export class LightInformationNodeFactory extends SRD.AbstractNodeFactory {
  1413. private _globalState;
  1414. /**
  1415. * Constructs a LightNodeFactory
  1416. */
  1417. constructor(globalState: GlobalState);
  1418. /**
  1419. * Generates a node widget
  1420. * @param diagramEngine diagram engine
  1421. * @param node node to generate
  1422. * @returns node widget jsx
  1423. */
  1424. generateReactWidget(diagramEngine: SRD.DiagramEngine, node: LightInformationNodeModel): JSX.Element;
  1425. /**
  1426. * Gets a new instance of a node model
  1427. * @returns light node model
  1428. */
  1429. getNewInstance(): LightInformationNodeModel;
  1430. }
  1431. }
  1432. declare module "babylonjs-node-editor/components/preview/previewAreaComponent" {
  1433. import * as React from "react";
  1434. import { GlobalState } from "babylonjs-node-editor/globalState";
  1435. interface IPreviewAreaComponent {
  1436. globalState: GlobalState;
  1437. width: number;
  1438. }
  1439. export class PreviewAreaComponent extends React.Component<IPreviewAreaComponent> {
  1440. changeAnimation(): void;
  1441. changeBackground(value: string): void;
  1442. render(): JSX.Element;
  1443. }
  1444. }
  1445. declare module "babylonjs-node-editor/graphEditor" {
  1446. import { LinkModel } from "storm-react-diagrams";
  1447. import * as React from "react";
  1448. import { GlobalState } from "babylonjs-node-editor/globalState";
  1449. import { NodeMaterialBlock } from 'babylonjs/Materials/Node/nodeMaterialBlock';
  1450. import { NodeMaterialConnectionPoint } from 'babylonjs/Materials/Node/nodeMaterialBlockConnectionPoint';
  1451. import { DefaultNodeModel } from "babylonjs-node-editor/components/diagram/defaultNodeModel";
  1452. import { DefaultPortModel } from "babylonjs-node-editor/components/diagram/port/defaultPortModel";
  1453. import { Nullable } from 'babylonjs/types';
  1454. import { INodeLocationInfo } from "babylonjs-node-editor/nodeLocationInfo";
  1455. interface IGraphEditorProps {
  1456. globalState: GlobalState;
  1457. }
  1458. export class NodeCreationOptions {
  1459. nodeMaterialBlock: NodeMaterialBlock;
  1460. type?: string;
  1461. connection?: NodeMaterialConnectionPoint;
  1462. }
  1463. export class GraphEditor extends React.Component<IGraphEditorProps> {
  1464. private readonly NodeWidth;
  1465. private _engine;
  1466. private _model;
  1467. private _startX;
  1468. private _moveInProgress;
  1469. private _leftWidth;
  1470. private _rightWidth;
  1471. private _nodes;
  1472. private _blocks;
  1473. private _previewManager;
  1474. private _copiedNodes;
  1475. private _mouseLocationX;
  1476. private _mouseLocationY;
  1477. private _onWidgetKeyUpPointer;
  1478. /** @hidden */
  1479. _toAdd: LinkModel[] | null;
  1480. /**
  1481. * Creates a node and recursivly creates its parent nodes from it's input
  1482. * @param nodeMaterialBlock
  1483. */
  1484. createNodeFromObject(options: NodeCreationOptions): DefaultNodeModel;
  1485. addValueNode(type: string): DefaultNodeModel;
  1486. onWidgetKeyUp(evt: any): void;
  1487. componentDidMount(): void;
  1488. componentWillUnmount(): void;
  1489. constructor(props: IGraphEditorProps);
  1490. zoomToFit(retry?: number): void;
  1491. buildMaterial(): void;
  1492. applyFragmentOutputConstraints(rootInput: DefaultPortModel): void;
  1493. build(needToWait?: boolean, locations?: Nullable<INodeLocationInfo[]>): void;
  1494. reOrganize(locations?: Nullable<INodeLocationInfo[]>): void;
  1495. onPointerDown(evt: React.PointerEvent<HTMLDivElement>): void;
  1496. onPointerUp(evt: React.PointerEvent<HTMLDivElement>): void;
  1497. resizeColumns(evt: React.PointerEvent<HTMLDivElement>, forLeft?: boolean): void;
  1498. buildColumnLayout(): string;
  1499. emitNewBlock(event: React.DragEvent<HTMLDivElement>): void;
  1500. render(): JSX.Element;
  1501. }
  1502. }
  1503. declare module "babylonjs-node-editor/components/diagram/defaultNodeModel" {
  1504. import { NodeModel, DiagramModel } from "storm-react-diagrams";
  1505. import { Nullable } from 'babylonjs/types';
  1506. import { NodeMaterialBlock } from 'babylonjs/Materials/Node/nodeMaterialBlock';
  1507. import { GraphEditor, NodeCreationOptions } from "babylonjs-node-editor/graphEditor";
  1508. import { GlobalState } from "babylonjs-node-editor/globalState";
  1509. import { DefaultPortModel } from "babylonjs-node-editor/components/diagram/port/defaultPortModel";
  1510. /**
  1511. * Generic node model which stores information about a node editor block
  1512. */
  1513. export class DefaultNodeModel extends NodeModel {
  1514. /**
  1515. * The babylon block this node represents
  1516. */
  1517. block: Nullable<NodeMaterialBlock>;
  1518. ports: {
  1519. [s: string]: DefaultPortModel;
  1520. };
  1521. /**
  1522. * Constructs the node model
  1523. */
  1524. constructor(key: string);
  1525. prepare(options: NodeCreationOptions, nodes: Array<DefaultNodeModel>, model: DiagramModel, graphEditor: GraphEditor): void;
  1526. renderProperties(globalState: GlobalState): JSX.Element | null;
  1527. }
  1528. }
  1529. declare module "babylonjs-node-editor/globalState" {
  1530. import { NodeMaterial } from "babylonjs/Materials/Node/nodeMaterial";
  1531. import { Nullable } from "babylonjs/types";
  1532. import { Observable } from 'babylonjs/Misc/observable';
  1533. import { DefaultNodeModel } from "babylonjs-node-editor/components/diagram/defaultNodeModel";
  1534. import { LogEntry } from "babylonjs-node-editor/components/log/logComponent";
  1535. import { NodeModel } from 'storm-react-diagrams';
  1536. import { INodeLocationInfo } from "babylonjs-node-editor/nodeLocationInfo";
  1537. import { NodeMaterialBlock } from 'babylonjs/Materials/Node/nodeMaterialBlock';
  1538. import { PreviewMeshType } from "babylonjs-node-editor/components/preview/previewMeshType";
  1539. import { Color4 } from 'babylonjs/Maths/math.color';
  1540. export class GlobalState {
  1541. nodeMaterial: NodeMaterial;
  1542. hostElement: HTMLElement;
  1543. hostDocument: HTMLDocument;
  1544. onSelectionChangedObservable: Observable<Nullable<DefaultNodeModel>>;
  1545. onRebuildRequiredObservable: Observable<void>;
  1546. onResetRequiredObservable: Observable<Nullable<INodeLocationInfo[]>>;
  1547. onUpdateRequiredObservable: Observable<void>;
  1548. onZoomToFitRequiredObservable: Observable<void>;
  1549. onReOrganizedRequiredObservable: Observable<void>;
  1550. onLogRequiredObservable: Observable<LogEntry>;
  1551. onErrorMessageDialogRequiredObservable: Observable<string>;
  1552. onPreviewCommandActivated: Observable<void>;
  1553. onPreviewBackgroundChanged: Observable<void>;
  1554. onAnimationCommandActivated: Observable<void>;
  1555. onGetNodeFromBlock: (block: NodeMaterialBlock) => NodeModel;
  1556. previewMeshType: PreviewMeshType;
  1557. previewMeshFile: File;
  1558. rotatePreview: boolean;
  1559. backgroundColor: Color4;
  1560. blockKeyboardEvents: boolean;
  1561. customSave?: {
  1562. label: string;
  1563. action: (data: string) => Promise<void>;
  1564. };
  1565. constructor();
  1566. }
  1567. }
  1568. declare module "babylonjs-node-editor/sharedComponents/popup" {
  1569. export class Popup {
  1570. static CreatePopup(title: string, windowVariableName: string, width?: number, height?: number): HTMLDivElement | null;
  1571. private static _CopyStyles;
  1572. }
  1573. }
  1574. declare module "babylonjs-node-editor/nodeEditor" {
  1575. import { NodeMaterial } from "babylonjs/Materials/Node/nodeMaterial";
  1576. import { Observable } from 'babylonjs/Misc/observable';
  1577. /**
  1578. * Interface used to specify creation options for the node editor
  1579. */
  1580. export interface INodeEditorOptions {
  1581. nodeMaterial: NodeMaterial;
  1582. hostElement?: HTMLElement;
  1583. customSave?: {
  1584. label: string;
  1585. action: (data: string) => Promise<void>;
  1586. };
  1587. customLoadObservable?: Observable<any>;
  1588. }
  1589. /**
  1590. * Class used to create a node editor
  1591. */
  1592. export class NodeEditor {
  1593. private static _CurrentState;
  1594. /**
  1595. * Show the node editor
  1596. * @param options defines the options to use to configure the node editor
  1597. */
  1598. static Show(options: INodeEditorOptions): void;
  1599. }
  1600. }
  1601. declare module "babylonjs-node-editor/index" {
  1602. export * from "babylonjs-node-editor/nodeEditor";
  1603. }
  1604. declare module "babylonjs-node-editor/legacy/legacy" {
  1605. export * from "babylonjs-node-editor/index";
  1606. }
  1607. declare module "babylonjs-node-editor" {
  1608. export * from "babylonjs-node-editor/legacy/legacy";
  1609. }
  1610. /// <reference types="react" />
  1611. declare module NODEEDITOR {
  1612. export class BlockTools {
  1613. 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.ReflectionTextureBlock | BABYLON.LightBlock | BABYLON.FogBlock | BABYLON.VertexOutputBlock | BABYLON.FragmentOutputBlock | BABYLON.AddBlock | BABYLON.ClampBlock | BABYLON.ScaleBlock | BABYLON.CrossBlock | BABYLON.DotBlock | BABYLON.MultiplyBlock | BABYLON.TransformBlock | BABYLON.TrigonometryBlock | BABYLON.RemapBlock | BABYLON.NormalizeBlock | BABYLON.FresnelBlock | BABYLON.LerpBlock | BABYLON.DivideBlock | BABYLON.SubtractBlock | BABYLON.StepBlock | BABYLON.OneMinusBlock | BABYLON.ViewDirectionBlock | BABYLON.LightInformationBlock | BABYLON.MaxBlock | BABYLON.MinBlock | BABYLON.PerturbNormalBlock | BABYLON.InputBlock | null;
  1614. static GetColorFromConnectionNodeType(type: BABYLON.NodeMaterialBlockConnectionPointTypes): string;
  1615. 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;
  1616. static GetStringFromConnectionNodeType(type: BABYLON.NodeMaterialBlockConnectionPointTypes): "Float" | "Vector2" | "Vector3" | "Vector4" | "Matrix" | "Color3" | "Color4" | "";
  1617. }
  1618. }
  1619. declare module NODEEDITOR {
  1620. export class DataStorage {
  1621. private static _InMemoryStorage;
  1622. static ReadBoolean(key: string, defaultValue: boolean): boolean;
  1623. static StoreBoolean(key: string, value: boolean): void;
  1624. static ReadNumber(key: string, defaultValue: number): number;
  1625. static StoreNumber(key: string, value: number): void;
  1626. }
  1627. }
  1628. declare module NODEEDITOR {
  1629. interface ITextLineComponentProps {
  1630. label: string;
  1631. value: string;
  1632. color?: string;
  1633. underline?: boolean;
  1634. onLink?: () => void;
  1635. }
  1636. export class TextLineComponent extends React.Component<ITextLineComponentProps> {
  1637. constructor(props: ITextLineComponentProps);
  1638. onLink(): void;
  1639. renderContent(): JSX.Element;
  1640. render(): JSX.Element;
  1641. }
  1642. }
  1643. declare module NODEEDITOR {
  1644. interface ILineContainerComponentProps {
  1645. title: string;
  1646. children: any[] | any;
  1647. closed?: boolean;
  1648. }
  1649. export class LineContainerComponent extends React.Component<ILineContainerComponentProps, {
  1650. isExpanded: boolean;
  1651. }> {
  1652. constructor(props: ILineContainerComponentProps);
  1653. switchExpandedState(): void;
  1654. renderHeader(): JSX.Element;
  1655. render(): JSX.Element;
  1656. }
  1657. }
  1658. declare module NODEEDITOR {
  1659. export class PropertyChangedEvent {
  1660. object: any;
  1661. property: string;
  1662. value: any;
  1663. initialValue: any;
  1664. }
  1665. }
  1666. declare module NODEEDITOR {
  1667. interface ITextInputLineComponentProps {
  1668. label: string;
  1669. globalState: GlobalState;
  1670. target?: any;
  1671. propertyName?: string;
  1672. value?: string;
  1673. onChange?: (value: string) => void;
  1674. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  1675. }
  1676. export class TextInputLineComponent extends React.Component<ITextInputLineComponentProps, {
  1677. value: string;
  1678. }> {
  1679. private _localChange;
  1680. constructor(props: ITextInputLineComponentProps);
  1681. shouldComponentUpdate(nextProps: ITextInputLineComponentProps, nextState: {
  1682. value: string;
  1683. }): boolean;
  1684. raiseOnPropertyChanged(newValue: string, previousValue: string): void;
  1685. updateValue(value: string, raisePropertyChanged: boolean): void;
  1686. render(): JSX.Element;
  1687. }
  1688. }
  1689. declare module NODEEDITOR {
  1690. export interface ICheckBoxLineComponentProps {
  1691. label: string;
  1692. target?: any;
  1693. propertyName?: string;
  1694. isSelected?: () => boolean;
  1695. onSelect?: (value: boolean) => void;
  1696. onValueChanged?: () => void;
  1697. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  1698. }
  1699. export class CheckBoxLineComponent extends React.Component<ICheckBoxLineComponentProps, {
  1700. isSelected: boolean;
  1701. }> {
  1702. private static _UniqueIdSeed;
  1703. private _uniqueId;
  1704. private _localChange;
  1705. constructor(props: ICheckBoxLineComponentProps);
  1706. shouldComponentUpdate(nextProps: ICheckBoxLineComponentProps, nextState: {
  1707. isSelected: boolean;
  1708. }): boolean;
  1709. onChange(): void;
  1710. render(): JSX.Element;
  1711. }
  1712. }
  1713. declare module NODEEDITOR {
  1714. /**
  1715. * Generic node model which stores information about a node editor block
  1716. */
  1717. export class GenericNodeModel extends DefaultNodeModel {
  1718. /**
  1719. * BABYLON.Vector2 for the node if it exists
  1720. */
  1721. vector2: BABYLON.Nullable<BABYLON.Vector2>;
  1722. /**
  1723. * BABYLON.Vector3 for the node if it exists
  1724. */
  1725. vector3: BABYLON.Nullable<BABYLON.Vector3>;
  1726. /**
  1727. * BABYLON.Vector4 for the node if it exists
  1728. */
  1729. vector4: BABYLON.Nullable<BABYLON.Vector4>;
  1730. /**
  1731. * BABYLON.Matrix for the node if it exists
  1732. */
  1733. matrix: BABYLON.Nullable<BABYLON.Matrix>;
  1734. /**
  1735. * Constructs the node model
  1736. */
  1737. constructor();
  1738. prepare(options: NodeCreationOptions, nodes: Array<DefaultNodeModel>, model: DiagramModel, graphEditor: GraphEditor): void;
  1739. renderProperties(globalState: GlobalState): JSX.Element;
  1740. }
  1741. }
  1742. declare module NODEEDITOR {
  1743. export class AdvancedLinkModel extends DefaultLinkModel {
  1744. constructor();
  1745. }
  1746. }
  1747. declare module NODEEDITOR {
  1748. /**
  1749. * Port model
  1750. */
  1751. export class DefaultPortModel extends PortModel {
  1752. /**
  1753. * If the port is input or output
  1754. */
  1755. position: string | "input" | "output";
  1756. /**
  1757. * What the port is connected to
  1758. */
  1759. connection: BABYLON.Nullable<BABYLON.NodeMaterialConnectionPoint>;
  1760. defaultValue: any;
  1761. static idCounter: number;
  1762. constructor(name: string, type?: string);
  1763. canLinkToPort(port: DefaultPortModel): boolean;
  1764. syncWithNodeMaterialConnectionPoint(connection: BABYLON.NodeMaterialConnectionPoint): void;
  1765. getNodeModel(): DefaultNodeModel;
  1766. link(outPort: DefaultPortModel): LinkModel<import("storm-react-diagrams").LinkModelListener>;
  1767. createLinkModel(): LinkModel;
  1768. static SortInputOutput(a: BABYLON.Nullable<DefaultPortModel>, b: BABYLON.Nullable<DefaultPortModel>): {
  1769. input: DefaultPortModel;
  1770. output: DefaultPortModel;
  1771. } | null;
  1772. }
  1773. }
  1774. declare module NODEEDITOR {
  1775. export interface IDefaultPortWidgetProps extends BaseWidgetProps {
  1776. name: string;
  1777. node: NodeModel;
  1778. style: any;
  1779. }
  1780. export class DefaultPortWidget extends BaseWidget<IDefaultPortWidgetProps, PortState> {
  1781. constructor(props: IDefaultPortWidgetProps);
  1782. getClassName(): string;
  1783. render(): JSX.Element;
  1784. }
  1785. }
  1786. declare module NODEEDITOR {
  1787. export class PortHelper {
  1788. private static _GetPortTypeIndicator;
  1789. static _GetPortStyle(type: BABYLON.NodeMaterialBlockConnectionPointTypes): {
  1790. background: string;
  1791. };
  1792. static GenerateOutputPorts(node: BABYLON.Nullable<DefaultNodeModel>, ignoreLabel: boolean): JSX.Element[];
  1793. static GenerateInputPorts(node: BABYLON.Nullable<DefaultNodeModel>, includeOnly?: string[], ignoreLabel?: boolean): JSX.Element[];
  1794. }
  1795. }
  1796. declare module NODEEDITOR {
  1797. /**
  1798. * GenericNodeWidgetProps
  1799. */
  1800. export interface GenericNodeWidgetProps {
  1801. node: BABYLON.Nullable<GenericNodeModel>;
  1802. globalState: GlobalState;
  1803. }
  1804. /**
  1805. * GenericNodeWidgetState
  1806. */
  1807. export interface GenericNodeWidgetState {
  1808. }
  1809. /**
  1810. * Used to display a node block for the node editor
  1811. */
  1812. export class GenericNodeWidget extends React.Component<GenericNodeWidgetProps, GenericNodeWidgetState> {
  1813. /**
  1814. * Creates a GenericNodeWidget
  1815. * @param props
  1816. */
  1817. constructor(props: GenericNodeWidgetProps);
  1818. render(): JSX.Element;
  1819. }
  1820. }
  1821. declare module NODEEDITOR {
  1822. /**
  1823. * Node factory which creates editor nodes
  1824. */
  1825. export class GenericNodeFactory extends SRD.AbstractNodeFactory {
  1826. private _globalState;
  1827. /**
  1828. * Constructs a GenericNodeFactory
  1829. */
  1830. constructor(globalState: GlobalState);
  1831. /**
  1832. * Generates a node widget
  1833. * @param diagramEngine diagram engine
  1834. * @param node node to generate
  1835. * @returns node widget jsx
  1836. */
  1837. generateReactWidget(diagramEngine: SRD.DiagramEngine, node: GenericNodeModel): JSX.Element;
  1838. /**
  1839. * Gets a new instance of a node model
  1840. * @returns generic node model
  1841. */
  1842. getNewInstance(): GenericNodeModel;
  1843. }
  1844. }
  1845. declare module NODEEDITOR {
  1846. export interface IButtonLineComponentProps {
  1847. data: string;
  1848. }
  1849. export class DraggableLineComponent extends React.Component<IButtonLineComponentProps> {
  1850. constructor(props: IButtonLineComponentProps);
  1851. render(): JSX.Element;
  1852. }
  1853. }
  1854. declare module NODEEDITOR {
  1855. interface INodeListComponentProps {
  1856. globalState: GlobalState;
  1857. }
  1858. export class NodeListComponent extends React.Component<INodeListComponentProps, {
  1859. filter: string;
  1860. }> {
  1861. constructor(props: INodeListComponentProps);
  1862. filterContent(filter: string): void;
  1863. render(): JSX.Element;
  1864. }
  1865. }
  1866. declare module NODEEDITOR {
  1867. export interface IButtonLineComponentProps {
  1868. label: string;
  1869. onClick: () => void;
  1870. }
  1871. export class ButtonLineComponent extends React.Component<IButtonLineComponentProps> {
  1872. constructor(props: IButtonLineComponentProps);
  1873. render(): JSX.Element;
  1874. }
  1875. }
  1876. declare module NODEEDITOR {
  1877. export class StringTools {
  1878. /**
  1879. * Gets the base math type of node material block connection point.
  1880. * @param type Type to parse.
  1881. */
  1882. static GetBaseType(type: BABYLON.NodeMaterialBlockConnectionPointTypes): string;
  1883. /**
  1884. * Download a string into a file that will be saved locally by the browser
  1885. * @param content defines the string to download locally as a file
  1886. */
  1887. static DownloadAsFile(document: HTMLDocument, content: string, filename: string): void;
  1888. }
  1889. }
  1890. declare module NODEEDITOR {
  1891. interface IFileButtonLineComponentProps {
  1892. label: string;
  1893. onClick: (file: File) => void;
  1894. accept: string;
  1895. }
  1896. export class FileButtonLineComponent extends React.Component<IFileButtonLineComponentProps> {
  1897. constructor(props: IFileButtonLineComponentProps);
  1898. onChange(evt: any): void;
  1899. render(): JSX.Element;
  1900. }
  1901. }
  1902. declare module NODEEDITOR {
  1903. export interface INodeLocationInfo {
  1904. blockId: number;
  1905. x: number;
  1906. y: number;
  1907. }
  1908. }
  1909. declare module NODEEDITOR {
  1910. export class SerializationTools {
  1911. static Serialize(material: BABYLON.NodeMaterial, globalState: GlobalState): string;
  1912. static Deserialize(serializationObject: any, globalState: GlobalState): void;
  1913. }
  1914. }
  1915. declare module NODEEDITOR {
  1916. interface IPropertyTabComponentProps {
  1917. globalState: GlobalState;
  1918. }
  1919. export class PropertyTabComponent extends React.Component<IPropertyTabComponentProps, {
  1920. currentNode: BABYLON.Nullable<DefaultNodeModel>;
  1921. }> {
  1922. constructor(props: IPropertyTabComponentProps);
  1923. componentDidMount(): void;
  1924. load(file: File): void;
  1925. save(): void;
  1926. customSave(): void;
  1927. render(): JSX.Element;
  1928. }
  1929. }
  1930. declare module NODEEDITOR {
  1931. interface IPortalProps {
  1932. globalState: GlobalState;
  1933. }
  1934. export class Portal extends React.Component<IPortalProps> {
  1935. render(): React.ReactPortal;
  1936. }
  1937. }
  1938. declare module NODEEDITOR {
  1939. interface ITexturePropertyTabComponentProps {
  1940. globalState: GlobalState;
  1941. node: TextureNodeModel;
  1942. }
  1943. export class TexturePropertyTabComponent extends React.Component<ITexturePropertyTabComponentProps, {
  1944. isEmbedded: boolean;
  1945. }> {
  1946. constructor(props: ITexturePropertyTabComponentProps);
  1947. updateAftertextureLoad(): void;
  1948. /**
  1949. * Replaces the texture of the node
  1950. * @param file the file of the texture to use
  1951. */
  1952. replaceTexture(file: File): void;
  1953. replaceTextureWithUrl(url: string): void;
  1954. render(): JSX.Element;
  1955. }
  1956. }
  1957. declare module NODEEDITOR {
  1958. /**
  1959. * Texture node model which stores information about a node editor block
  1960. */
  1961. export class TextureNodeModel extends DefaultNodeModel {
  1962. private _block;
  1963. /**
  1964. * Texture for the node if it exists
  1965. */
  1966. texture: BABYLON.Nullable<BABYLON.BaseTexture>;
  1967. /**
  1968. * Constructs the node model
  1969. */
  1970. constructor();
  1971. renderProperties(globalState: GlobalState): JSX.Element;
  1972. prepare(options: NodeCreationOptions, nodes: Array<DefaultNodeModel>, model: DiagramModel, graphEditor: GraphEditor): void;
  1973. }
  1974. }
  1975. declare module NODEEDITOR {
  1976. interface ITextureLineComponentProps {
  1977. texture: BABYLON.BaseTexture;
  1978. width: number;
  1979. height: number;
  1980. globalState?: any;
  1981. hideChannelSelect?: boolean;
  1982. }
  1983. export class TextureLineComponent extends React.Component<ITextureLineComponentProps, {
  1984. displayRed: boolean;
  1985. displayGreen: boolean;
  1986. displayBlue: boolean;
  1987. displayAlpha: boolean;
  1988. face: number;
  1989. }> {
  1990. constructor(props: ITextureLineComponentProps);
  1991. shouldComponentUpdate(nextProps: ITextureLineComponentProps, nextState: {
  1992. displayRed: boolean;
  1993. displayGreen: boolean;
  1994. displayBlue: boolean;
  1995. displayAlpha: boolean;
  1996. face: number;
  1997. }): boolean;
  1998. componentDidMount(): void;
  1999. componentDidUpdate(): void;
  2000. updatePreview(): void;
  2001. render(): JSX.Element;
  2002. }
  2003. }
  2004. declare module NODEEDITOR {
  2005. /**
  2006. * GenericNodeWidgetProps
  2007. */
  2008. export interface ITextureNodeWidgetProps {
  2009. node: BABYLON.Nullable<TextureNodeModel>;
  2010. globalState: GlobalState;
  2011. }
  2012. /**
  2013. * Used to display a node block for the node editor
  2014. */
  2015. export class TextureNodeWidget extends React.Component<ITextureNodeWidgetProps> {
  2016. /**
  2017. * Creates a GenericNodeWidget
  2018. * @param props
  2019. */
  2020. constructor(props: ITextureNodeWidgetProps);
  2021. render(): JSX.Element;
  2022. }
  2023. }
  2024. declare module NODEEDITOR {
  2025. /**
  2026. * Node factory which creates editor nodes
  2027. */
  2028. export class TextureNodeFactory extends SRD.AbstractNodeFactory {
  2029. private _globalState;
  2030. /**
  2031. * Constructs a TextureNodeFactory
  2032. */
  2033. constructor(globalState: GlobalState);
  2034. /**
  2035. * Generates a node widget
  2036. * @param diagramEngine diagram engine
  2037. * @param node node to generate
  2038. * @returns node widget jsx
  2039. */
  2040. generateReactWidget(diagramEngine: SRD.DiagramEngine, node: TextureNodeModel): JSX.Element;
  2041. /**
  2042. * Gets a new instance of a node model
  2043. * @returns texture node model
  2044. */
  2045. getNewInstance(): TextureNodeModel;
  2046. }
  2047. }
  2048. declare module NODEEDITOR {
  2049. interface INumericInputComponentProps {
  2050. label: string;
  2051. value: number;
  2052. step?: number;
  2053. onChange: (value: number) => void;
  2054. }
  2055. export class NumericInputComponent extends React.Component<INumericInputComponentProps, {
  2056. value: string;
  2057. }> {
  2058. static defaultProps: {
  2059. step: number;
  2060. };
  2061. private _localChange;
  2062. constructor(props: INumericInputComponentProps);
  2063. shouldComponentUpdate(nextProps: INumericInputComponentProps, nextState: {
  2064. value: string;
  2065. }): boolean;
  2066. updateValue(evt: any): void;
  2067. render(): JSX.Element;
  2068. }
  2069. }
  2070. declare module NODEEDITOR {
  2071. interface IVector2LineComponentProps {
  2072. label: string;
  2073. target: any;
  2074. propertyName: string;
  2075. step?: number;
  2076. onChange?: (newvalue: BABYLON.Vector2) => void;
  2077. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  2078. }
  2079. export class Vector2LineComponent extends React.Component<IVector2LineComponentProps, {
  2080. isExpanded: boolean;
  2081. value: BABYLON.Vector2;
  2082. }> {
  2083. static defaultProps: {
  2084. step: number;
  2085. };
  2086. private _localChange;
  2087. constructor(props: IVector2LineComponentProps);
  2088. shouldComponentUpdate(nextProps: IVector2LineComponentProps, nextState: {
  2089. isExpanded: boolean;
  2090. value: BABYLON.Vector2;
  2091. }): boolean;
  2092. switchExpandState(): void;
  2093. raiseOnPropertyChanged(previousValue: BABYLON.Vector2): void;
  2094. updateStateX(value: number): void;
  2095. updateStateY(value: number): void;
  2096. render(): JSX.Element;
  2097. }
  2098. }
  2099. declare module NODEEDITOR {
  2100. interface IVector2PropertyTabComponentProps {
  2101. globalState: GlobalState;
  2102. inputBlock: BABYLON.InputBlock;
  2103. }
  2104. export class Vector2PropertyTabComponent extends React.Component<IVector2PropertyTabComponentProps> {
  2105. render(): JSX.Element;
  2106. }
  2107. }
  2108. declare module NODEEDITOR {
  2109. interface IVector3LineComponentProps {
  2110. label: string;
  2111. target: any;
  2112. propertyName: string;
  2113. step?: number;
  2114. onChange?: (newvalue: BABYLON.Vector3) => void;
  2115. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  2116. }
  2117. export class Vector3LineComponent extends React.Component<IVector3LineComponentProps, {
  2118. isExpanded: boolean;
  2119. value: BABYLON.Vector3;
  2120. }> {
  2121. static defaultProps: {
  2122. step: number;
  2123. };
  2124. private _localChange;
  2125. constructor(props: IVector3LineComponentProps);
  2126. shouldComponentUpdate(nextProps: IVector3LineComponentProps, nextState: {
  2127. isExpanded: boolean;
  2128. value: BABYLON.Vector3;
  2129. }): boolean;
  2130. switchExpandState(): void;
  2131. raiseOnPropertyChanged(previousValue: BABYLON.Vector3): void;
  2132. updateVector3(): void;
  2133. updateStateX(value: number): void;
  2134. updateStateY(value: number): void;
  2135. updateStateZ(value: number): void;
  2136. render(): JSX.Element;
  2137. }
  2138. }
  2139. declare module NODEEDITOR {
  2140. interface IVector3PropertyTabComponentProps {
  2141. globalState: GlobalState;
  2142. inputBlock: BABYLON.InputBlock;
  2143. }
  2144. export class Vector3PropertyTabComponent extends React.Component<IVector3PropertyTabComponentProps> {
  2145. render(): JSX.Element;
  2146. }
  2147. }
  2148. declare module NODEEDITOR {
  2149. class ListLineOption {
  2150. label: string;
  2151. value: number | string;
  2152. }
  2153. interface IOptionsLineComponentProps {
  2154. label: string;
  2155. target: any;
  2156. propertyName?: string;
  2157. options: ListLineOption[];
  2158. noDirectUpdate?: boolean;
  2159. onSelect?: (value: number | string) => void;
  2160. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  2161. valuesAreStrings?: boolean;
  2162. defaultIfNull?: number;
  2163. getSelection?: (target: any) => number;
  2164. }
  2165. export class OptionsLineComponent extends React.Component<IOptionsLineComponentProps, {
  2166. value: number | string;
  2167. }> {
  2168. private _localChange;
  2169. private _getValue;
  2170. constructor(props: IOptionsLineComponentProps);
  2171. shouldComponentUpdate(nextProps: IOptionsLineComponentProps, nextState: {
  2172. value: number;
  2173. }): boolean;
  2174. raiseOnPropertyChanged(newValue: number | string, previousValue: number | string): void;
  2175. updateValue(valueString: string): void;
  2176. render(): JSX.Element;
  2177. }
  2178. }
  2179. declare module NODEEDITOR {
  2180. export interface IColor3LineComponentProps {
  2181. label: string;
  2182. target: any;
  2183. propertyName: string;
  2184. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  2185. onChange?: () => void;
  2186. }
  2187. export class Color3LineComponent extends React.Component<IColor3LineComponentProps, {
  2188. isExpanded: boolean;
  2189. color: BABYLON.Color3;
  2190. }> {
  2191. private _localChange;
  2192. constructor(props: IColor3LineComponentProps);
  2193. shouldComponentUpdate(nextProps: IColor3LineComponentProps, nextState: {
  2194. color: BABYLON.Color3;
  2195. }): boolean;
  2196. onChange(newValue: string): void;
  2197. switchExpandState(): void;
  2198. raiseOnPropertyChanged(previousValue: BABYLON.Color3): void;
  2199. updateStateR(value: number): void;
  2200. updateStateG(value: number): void;
  2201. updateStateB(value: number): void;
  2202. copyToClipboard(): void;
  2203. render(): JSX.Element;
  2204. }
  2205. }
  2206. declare module NODEEDITOR {
  2207. interface IColor3PropertyTabComponentProps {
  2208. globalState: GlobalState;
  2209. inputBlock: BABYLON.InputBlock;
  2210. }
  2211. export class Color3PropertyTabComponent extends React.Component<IColor3PropertyTabComponentProps> {
  2212. render(): JSX.Element;
  2213. }
  2214. }
  2215. declare module NODEEDITOR {
  2216. interface IFloatLineComponentProps {
  2217. label: string;
  2218. target: any;
  2219. propertyName: string;
  2220. onChange?: (newValue: number) => void;
  2221. isInteger?: boolean;
  2222. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  2223. additionalClass?: string;
  2224. step?: string;
  2225. digits?: number;
  2226. }
  2227. export class FloatLineComponent extends React.Component<IFloatLineComponentProps, {
  2228. value: string;
  2229. }> {
  2230. private _localChange;
  2231. private _store;
  2232. constructor(props: IFloatLineComponentProps);
  2233. shouldComponentUpdate(nextProps: IFloatLineComponentProps, nextState: {
  2234. value: string;
  2235. }): boolean;
  2236. raiseOnPropertyChanged(newValue: number, previousValue: number): void;
  2237. updateValue(valueString: string): void;
  2238. render(): JSX.Element;
  2239. }
  2240. }
  2241. declare module NODEEDITOR {
  2242. interface IFloatPropertyTabComponentProps {
  2243. globalState: GlobalState;
  2244. inputBlock: BABYLON.InputBlock;
  2245. }
  2246. export class FloatPropertyTabComponent extends React.Component<IFloatPropertyTabComponentProps> {
  2247. render(): JSX.Element;
  2248. }
  2249. }
  2250. declare module NODEEDITOR {
  2251. interface IVector4LineComponentProps {
  2252. label: string;
  2253. target?: any;
  2254. propertyName?: string;
  2255. value?: BABYLON.Vector4;
  2256. step?: number;
  2257. onChange?: (newvalue: BABYLON.Vector4) => void;
  2258. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  2259. }
  2260. export class Vector4LineComponent extends React.Component<IVector4LineComponentProps, {
  2261. isExpanded: boolean;
  2262. value: BABYLON.Vector4;
  2263. }> {
  2264. static defaultProps: {
  2265. step: number;
  2266. };
  2267. private _localChange;
  2268. constructor(props: IVector4LineComponentProps);
  2269. shouldComponentUpdate(nextProps: IVector4LineComponentProps, nextState: {
  2270. isExpanded: boolean;
  2271. value: BABYLON.Vector4;
  2272. }): boolean;
  2273. switchExpandState(): void;
  2274. raiseOnPropertyChanged(previousValue: BABYLON.Vector4): void;
  2275. updateVector4(): void;
  2276. updateStateX(value: number): void;
  2277. updateStateY(value: number): void;
  2278. updateStateZ(value: number): void;
  2279. updateStateW(value: number): void;
  2280. render(): JSX.Element;
  2281. }
  2282. }
  2283. declare module NODEEDITOR {
  2284. interface IVector4PropertyTabComponentProps {
  2285. globalState: GlobalState;
  2286. inputBlock: BABYLON.InputBlock;
  2287. }
  2288. export class Vector4PropertyTabComponent extends React.Component<IVector4PropertyTabComponentProps> {
  2289. render(): JSX.Element;
  2290. }
  2291. }
  2292. declare module NODEEDITOR {
  2293. interface IMatrixLineComponentProps {
  2294. label: string;
  2295. target: any;
  2296. propertyName: string;
  2297. step?: number;
  2298. onChange?: (newValue: BABYLON.Matrix) => void;
  2299. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  2300. }
  2301. export class MatrixLineComponent extends React.Component<IMatrixLineComponentProps, {
  2302. value: BABYLON.Matrix;
  2303. }> {
  2304. private _localChange;
  2305. constructor(props: IMatrixLineComponentProps);
  2306. shouldComponentUpdate(nextProps: IMatrixLineComponentProps, nextState: {
  2307. value: BABYLON.Matrix;
  2308. }): boolean;
  2309. raiseOnPropertyChanged(previousValue: BABYLON.Vector3): void;
  2310. updateMatrix(): void;
  2311. updateRow(value: BABYLON.Vector4, row: number): void;
  2312. render(): JSX.Element;
  2313. }
  2314. }
  2315. declare module NODEEDITOR {
  2316. interface IMatrixPropertyTabComponentProps {
  2317. globalState: GlobalState;
  2318. inputBlock: BABYLON.InputBlock;
  2319. }
  2320. export class MatrixPropertyTabComponent extends React.Component<IMatrixPropertyTabComponentProps> {
  2321. render(): JSX.Element;
  2322. }
  2323. }
  2324. declare module NODEEDITOR {
  2325. interface IInputPropertyTabComponentProps {
  2326. globalState: GlobalState;
  2327. inputNode: InputNodeModel;
  2328. }
  2329. export class InputPropertyTabComponentProps extends React.Component<IInputPropertyTabComponentProps> {
  2330. constructor(props: IInputPropertyTabComponentProps);
  2331. renderValue(globalState: GlobalState): JSX.Element | null;
  2332. setDefaultValue(): void;
  2333. render(): JSX.Element;
  2334. }
  2335. }
  2336. declare module NODEEDITOR {
  2337. /**
  2338. * Generic node model which stores information about a node editor block
  2339. */
  2340. export class InputNodeModel extends DefaultNodeModel {
  2341. readonly inputBlock: BABYLON.InputBlock;
  2342. /**
  2343. * Constructs the node model
  2344. */
  2345. constructor();
  2346. renderProperties(globalState: GlobalState): JSX.Element;
  2347. }
  2348. }
  2349. declare module NODEEDITOR {
  2350. /**
  2351. * GenericNodeWidgetProps
  2352. */
  2353. export interface IInputNodeWidgetProps {
  2354. node: BABYLON.Nullable<InputNodeModel>;
  2355. globalState: GlobalState;
  2356. }
  2357. /**
  2358. * Used to display a node block for the node editor
  2359. */
  2360. export class InputNodeWidget extends React.Component<IInputNodeWidgetProps> {
  2361. /**
  2362. * Creates a GenericNodeWidget
  2363. * @param props
  2364. */
  2365. constructor(props: IInputNodeWidgetProps);
  2366. renderValue(value: string): JSX.Element | null;
  2367. render(): JSX.Element | null;
  2368. }
  2369. }
  2370. declare module NODEEDITOR {
  2371. /**
  2372. * Node factory which creates editor nodes
  2373. */
  2374. export class InputNodeFactory extends SRD.AbstractNodeFactory {
  2375. private _globalState;
  2376. /**
  2377. * Constructs a GenericNodeFactory
  2378. */
  2379. constructor(globalState: GlobalState);
  2380. /**
  2381. * Generates a node widget
  2382. * @param diagramEngine diagram engine
  2383. * @param node node to generate
  2384. * @returns node widget jsx
  2385. */
  2386. generateReactWidget(diagramEngine: SRD.DiagramEngine, node: InputNodeModel): JSX.Element;
  2387. /**
  2388. * Gets a new instance of a node model
  2389. * @returns input node model
  2390. */
  2391. getNewInstance(): InputNodeModel;
  2392. }
  2393. }
  2394. declare module NODEEDITOR {
  2395. interface ILogComponentProps {
  2396. globalState: GlobalState;
  2397. }
  2398. export class LogEntry {
  2399. message: string;
  2400. isError: boolean;
  2401. constructor(message: string, isError: boolean);
  2402. }
  2403. export class LogComponent extends React.Component<ILogComponentProps, {
  2404. logs: LogEntry[];
  2405. }> {
  2406. constructor(props: ILogComponentProps);
  2407. componentDidMount(): void;
  2408. componentDidUpdate(): void;
  2409. render(): JSX.Element;
  2410. }
  2411. }
  2412. declare module NODEEDITOR {
  2413. interface ILightPropertyTabComponentProps {
  2414. globalState: GlobalState;
  2415. node: LightNodeModel;
  2416. }
  2417. export class LightPropertyTabComponent extends React.Component<ILightPropertyTabComponentProps> {
  2418. render(): JSX.Element;
  2419. }
  2420. }
  2421. declare module NODEEDITOR {
  2422. /**
  2423. * BABYLON.Light node model which stores information about a node editor block
  2424. */
  2425. export class LightNodeModel extends DefaultNodeModel {
  2426. private _block;
  2427. /**
  2428. * BABYLON.Light for the node if it exists
  2429. */
  2430. light: BABYLON.Nullable<BABYLON.Light>;
  2431. /**
  2432. * Constructs the node model
  2433. */
  2434. constructor();
  2435. renderProperties(globalState: GlobalState): JSX.Element;
  2436. prepare(options: NodeCreationOptions, nodes: Array<DefaultNodeModel>, model: DiagramModel, graphEditor: GraphEditor): void;
  2437. }
  2438. }
  2439. declare module NODEEDITOR {
  2440. /**
  2441. * GenericNodeWidgetProps
  2442. */
  2443. export interface ILightNodeWidgetProps {
  2444. node: BABYLON.Nullable<LightNodeModel>;
  2445. globalState: GlobalState;
  2446. }
  2447. /**
  2448. * Used to display a node block for the node editor
  2449. */
  2450. export class LightNodeWidget extends React.Component<ILightNodeWidgetProps> {
  2451. /**
  2452. * Creates a GenericNodeWidget
  2453. * @param props
  2454. */
  2455. constructor(props: ILightNodeWidgetProps);
  2456. render(): JSX.Element;
  2457. }
  2458. }
  2459. declare module NODEEDITOR {
  2460. /**
  2461. * Node factory which creates editor nodes
  2462. */
  2463. export class LightNodeFactory extends SRD.AbstractNodeFactory {
  2464. private _globalState;
  2465. /**
  2466. * Constructs a LightNodeFactory
  2467. */
  2468. constructor(globalState: GlobalState);
  2469. /**
  2470. * Generates a node widget
  2471. * @param diagramEngine diagram engine
  2472. * @param node node to generate
  2473. * @returns node widget jsx
  2474. */
  2475. generateReactWidget(diagramEngine: SRD.DiagramEngine, node: LightNodeModel): JSX.Element;
  2476. /**
  2477. * Gets a new instance of a node model
  2478. * @returns light node model
  2479. */
  2480. getNewInstance(): LightNodeModel;
  2481. }
  2482. }
  2483. declare module NODEEDITOR {
  2484. interface IMessageDialogComponentProps {
  2485. globalState: GlobalState;
  2486. }
  2487. export class MessageDialogComponent extends React.Component<IMessageDialogComponentProps, {
  2488. message: string;
  2489. isError: boolean;
  2490. }> {
  2491. constructor(props: IMessageDialogComponentProps);
  2492. render(): JSX.Element | null;
  2493. }
  2494. }
  2495. declare module NODEEDITOR {
  2496. export class AdvancedLinkFactory extends DefaultLinkFactory {
  2497. constructor();
  2498. getNewInstance(initialConfig?: any): AdvancedLinkModel;
  2499. generateLinkSegment(model: AdvancedLinkModel, widget: DefaultLinkWidget, selected: boolean, path: string): JSX.Element;
  2500. }
  2501. }
  2502. declare module NODEEDITOR {
  2503. interface IRemapPropertyTabComponentProps {
  2504. globalState: GlobalState;
  2505. remapNode: RemapNodeModel;
  2506. }
  2507. export class RemapPropertyTabComponentProps extends React.Component<IRemapPropertyTabComponentProps> {
  2508. constructor(props: IRemapPropertyTabComponentProps);
  2509. forceRebuild(): void;
  2510. render(): JSX.Element;
  2511. }
  2512. }
  2513. declare module NODEEDITOR {
  2514. /**
  2515. * Generic node model which stores information about a node editor block
  2516. */
  2517. export class RemapNodeModel extends DefaultNodeModel {
  2518. readonly remapBlock: BABYLON.RemapBlock;
  2519. /**
  2520. * Constructs the node model
  2521. */
  2522. constructor();
  2523. renderProperties(globalState: GlobalState): JSX.Element;
  2524. }
  2525. }
  2526. declare module NODEEDITOR {
  2527. /**
  2528. * RemapNodeWidgetProps
  2529. */
  2530. export interface RemapNodeWidgetProps {
  2531. node: BABYLON.Nullable<RemapNodeModel>;
  2532. globalState: GlobalState;
  2533. }
  2534. /**
  2535. * Used to display a node block for the node editor
  2536. */
  2537. export class RemapNodeWidget extends React.Component<RemapNodeWidgetProps> {
  2538. /**
  2539. * Creates a GenericNodeWidget
  2540. * @param props
  2541. */
  2542. constructor(props: RemapNodeWidgetProps);
  2543. renderValue(value: string): JSX.Element | null;
  2544. extractInputValue(connectionPoint: BABYLON.NodeMaterialConnectionPoint): any;
  2545. render(): JSX.Element;
  2546. }
  2547. }
  2548. declare module NODEEDITOR {
  2549. /**
  2550. * Node factory which creates editor nodes
  2551. */
  2552. export class RemapNodeFactory extends SRD.AbstractNodeFactory {
  2553. private _globalState;
  2554. /**
  2555. * Constructs a GenericNodeFactory
  2556. */
  2557. constructor(globalState: GlobalState);
  2558. /**
  2559. * Generates a node widget
  2560. * @param diagramEngine diagram engine
  2561. * @param node node to generate
  2562. * @returns node widget jsx
  2563. */
  2564. generateReactWidget(diagramEngine: SRD.DiagramEngine, node: RemapNodeModel): JSX.Element;
  2565. /**
  2566. * Gets a new instance of a node model
  2567. * @returns input node model
  2568. */
  2569. getNewInstance(): RemapNodeModel;
  2570. }
  2571. }
  2572. declare module NODEEDITOR {
  2573. export class GraphHelper {
  2574. static DistributeGraph(model: DiagramModel): dagre.Node[];
  2575. private static _MapElements;
  2576. private static _MapEdges;
  2577. }
  2578. }
  2579. declare module NODEEDITOR {
  2580. export enum PreviewMeshType {
  2581. Sphere = 0,
  2582. Box = 1,
  2583. Torus = 2,
  2584. Cylinder = 3,
  2585. Plane = 4,
  2586. Custom = 5
  2587. }
  2588. }
  2589. declare module NODEEDITOR {
  2590. export class PreviewManager {
  2591. private _nodeMaterial;
  2592. private _onBuildObserver;
  2593. private _onPreviewCommandActivatedObserver;
  2594. private _onAnimationCommandActivatedObserver;
  2595. private _onUpdateRequiredObserver;
  2596. private _onPreviewBackgroundChangedObserver;
  2597. private _engine;
  2598. private _scene;
  2599. private _light;
  2600. private _meshes;
  2601. private _camera;
  2602. private _material;
  2603. private _globalState;
  2604. private _currentType;
  2605. constructor(targetCanvas: HTMLCanvasElement, globalState: GlobalState);
  2606. private _handleAnimations;
  2607. private _prepareMeshes;
  2608. private _refreshPreviewMesh;
  2609. private _updatePreview;
  2610. dispose(): void;
  2611. }
  2612. }
  2613. declare module NODEEDITOR {
  2614. interface IPreviewMeshControlComponent {
  2615. globalState: GlobalState;
  2616. }
  2617. export class PreviewMeshControlComponent extends React.Component<IPreviewMeshControlComponent> {
  2618. changeMeshType(newOne: PreviewMeshType): void;
  2619. useCustomMesh(evt: any): void;
  2620. render(): JSX.Element;
  2621. }
  2622. }
  2623. declare module NODEEDITOR {
  2624. interface ITrigonometryTabComponentProps {
  2625. globalState: GlobalState;
  2626. trigonometryNode: TrigonometryNodeModel;
  2627. }
  2628. export class TrigonometryPropertyTabComponentProps extends React.Component<ITrigonometryTabComponentProps> {
  2629. constructor(props: ITrigonometryTabComponentProps);
  2630. render(): JSX.Element;
  2631. }
  2632. }
  2633. declare module NODEEDITOR {
  2634. /**
  2635. * Generic node model which stores information about a node editor block
  2636. */
  2637. export class TrigonometryNodeModel extends DefaultNodeModel {
  2638. readonly trigonometryBlock: BABYLON.TrigonometryBlock;
  2639. /**
  2640. * Constructs the node model
  2641. */
  2642. constructor();
  2643. renderProperties(globalState: GlobalState): JSX.Element;
  2644. }
  2645. }
  2646. declare module NODEEDITOR {
  2647. /**
  2648. * GenericNodeWidgetProps
  2649. */
  2650. export interface ITrigonometryNodeWidgetProps {
  2651. node: BABYLON.Nullable<TrigonometryNodeModel>;
  2652. globalState: GlobalState;
  2653. }
  2654. /**
  2655. * Used to display a node block for the node editor
  2656. */
  2657. export class TrigonometryNodeWidget extends React.Component<ITrigonometryNodeWidgetProps> {
  2658. /**
  2659. * Creates a GenericNodeWidget
  2660. * @param props
  2661. */
  2662. constructor(props: ITrigonometryNodeWidgetProps);
  2663. render(): JSX.Element;
  2664. }
  2665. }
  2666. declare module NODEEDITOR {
  2667. /**
  2668. * Node factory which creates editor nodes
  2669. */
  2670. export class TrigonometryNodeFactory extends SRD.AbstractNodeFactory {
  2671. private _globalState;
  2672. /**
  2673. * Constructs a GenericNodeFactory
  2674. */
  2675. constructor(globalState: GlobalState);
  2676. /**
  2677. * Generates a node widget
  2678. * @param diagramEngine diagram engine
  2679. * @param node node to generate
  2680. * @returns node widget jsx
  2681. */
  2682. generateReactWidget(diagramEngine: SRD.DiagramEngine, node: TrigonometryNodeModel): JSX.Element;
  2683. /**
  2684. * Gets a new instance of a node model
  2685. * @returns input node model
  2686. */
  2687. getNewInstance(): TrigonometryNodeModel;
  2688. }
  2689. }
  2690. declare module NODEEDITOR {
  2691. interface IClampPropertyTabComponentProps {
  2692. globalState: GlobalState;
  2693. remapNode: ClampNodeModel;
  2694. }
  2695. export class ClampPropertyTabComponentProps extends React.Component<IClampPropertyTabComponentProps> {
  2696. constructor(props: IClampPropertyTabComponentProps);
  2697. forceRebuild(): void;
  2698. render(): JSX.Element;
  2699. }
  2700. }
  2701. declare module NODEEDITOR {
  2702. export class ClampNodeModel extends DefaultNodeModel {
  2703. readonly clampBlock: BABYLON.ClampBlock;
  2704. /**
  2705. * Constructs the node model
  2706. */
  2707. constructor();
  2708. renderProperties(globalState: GlobalState): JSX.Element;
  2709. }
  2710. }
  2711. declare module NODEEDITOR {
  2712. export interface ClampNodeWidgetProps {
  2713. node: BABYLON.Nullable<ClampNodeModel>;
  2714. globalState: GlobalState;
  2715. }
  2716. export class ClampNodeWidget extends React.Component<ClampNodeWidgetProps> {
  2717. constructor(props: ClampNodeWidgetProps);
  2718. renderValue(value: string): JSX.Element | null;
  2719. render(): JSX.Element;
  2720. }
  2721. }
  2722. declare module NODEEDITOR {
  2723. export class ClampNodeFactory extends SRD.AbstractNodeFactory {
  2724. private _globalState;
  2725. constructor(globalState: GlobalState);
  2726. generateReactWidget(diagramEngine: SRD.DiagramEngine, node: ClampNodeModel): JSX.Element;
  2727. getNewInstance(): ClampNodeModel;
  2728. }
  2729. }
  2730. declare module NODEEDITOR {
  2731. interface ILightPropertyTabComponentProps {
  2732. globalState: GlobalState;
  2733. node: LightInformationNodeModel;
  2734. }
  2735. export class LightInformationPropertyTabComponent extends React.Component<ILightPropertyTabComponentProps> {
  2736. render(): JSX.Element;
  2737. }
  2738. }
  2739. declare module NODEEDITOR {
  2740. export class LightInformationNodeModel extends DefaultNodeModel {
  2741. private _block;
  2742. /**
  2743. * BABYLON.Light for the node if it exists
  2744. */
  2745. light: BABYLON.Nullable<BABYLON.Light>;
  2746. /**
  2747. * Constructs the node model
  2748. */
  2749. constructor();
  2750. renderProperties(globalState: GlobalState): JSX.Element;
  2751. prepare(options: NodeCreationOptions, nodes: Array<DefaultNodeModel>, model: DiagramModel, graphEditor: GraphEditor): void;
  2752. }
  2753. }
  2754. declare module NODEEDITOR {
  2755. /**
  2756. * GenericNodeWidgetProps
  2757. */
  2758. export interface ILightInformationNodeWidgetProps {
  2759. node: BABYLON.Nullable<LightInformationNodeModel>;
  2760. globalState: GlobalState;
  2761. }
  2762. /**
  2763. * Used to display a node block for the node editor
  2764. */
  2765. export class LightInformationNodeWidget extends React.Component<ILightInformationNodeWidgetProps> {
  2766. /**
  2767. * Creates a GenericNodeWidget
  2768. * @param props
  2769. */
  2770. constructor(props: ILightInformationNodeWidgetProps);
  2771. render(): JSX.Element;
  2772. }
  2773. }
  2774. declare module NODEEDITOR {
  2775. /**
  2776. * Node factory which creates editor nodes
  2777. */
  2778. export class LightInformationNodeFactory extends SRD.AbstractNodeFactory {
  2779. private _globalState;
  2780. /**
  2781. * Constructs a LightNodeFactory
  2782. */
  2783. constructor(globalState: GlobalState);
  2784. /**
  2785. * Generates a node widget
  2786. * @param diagramEngine diagram engine
  2787. * @param node node to generate
  2788. * @returns node widget jsx
  2789. */
  2790. generateReactWidget(diagramEngine: SRD.DiagramEngine, node: LightInformationNodeModel): JSX.Element;
  2791. /**
  2792. * Gets a new instance of a node model
  2793. * @returns light node model
  2794. */
  2795. getNewInstance(): LightInformationNodeModel;
  2796. }
  2797. }
  2798. declare module NODEEDITOR {
  2799. interface IPreviewAreaComponent {
  2800. globalState: GlobalState;
  2801. width: number;
  2802. }
  2803. export class PreviewAreaComponent extends React.Component<IPreviewAreaComponent> {
  2804. changeAnimation(): void;
  2805. changeBackground(value: string): void;
  2806. render(): JSX.Element;
  2807. }
  2808. }
  2809. declare module NODEEDITOR {
  2810. interface IGraphEditorProps {
  2811. globalState: GlobalState;
  2812. }
  2813. export class NodeCreationOptions {
  2814. nodeMaterialBlock: BABYLON.NodeMaterialBlock;
  2815. type?: string;
  2816. connection?: BABYLON.NodeMaterialConnectionPoint;
  2817. }
  2818. export class GraphEditor extends React.Component<IGraphEditorProps> {
  2819. private readonly NodeWidth;
  2820. private _engine;
  2821. private _model;
  2822. private _startX;
  2823. private _moveInProgress;
  2824. private _leftWidth;
  2825. private _rightWidth;
  2826. private _nodes;
  2827. private _blocks;
  2828. private _previewManager;
  2829. private _copiedNodes;
  2830. private _mouseLocationX;
  2831. private _mouseLocationY;
  2832. private _onWidgetKeyUpPointer;
  2833. /** @hidden */
  2834. _toAdd: LinkModel[] | null;
  2835. /**
  2836. * Creates a node and recursivly creates its parent nodes from it's input
  2837. * @param nodeMaterialBlock
  2838. */
  2839. createNodeFromObject(options: NodeCreationOptions): DefaultNodeModel;
  2840. addValueNode(type: string): DefaultNodeModel;
  2841. onWidgetKeyUp(evt: any): void;
  2842. componentDidMount(): void;
  2843. componentWillUnmount(): void;
  2844. constructor(props: IGraphEditorProps);
  2845. zoomToFit(retry?: number): void;
  2846. buildMaterial(): void;
  2847. applyFragmentOutputConstraints(rootInput: DefaultPortModel): void;
  2848. build(needToWait?: boolean, locations?: BABYLON.Nullable<INodeLocationInfo[]>): void;
  2849. reOrganize(locations?: BABYLON.Nullable<INodeLocationInfo[]>): void;
  2850. onPointerDown(evt: React.PointerEvent<HTMLDivElement>): void;
  2851. onPointerUp(evt: React.PointerEvent<HTMLDivElement>): void;
  2852. resizeColumns(evt: React.PointerEvent<HTMLDivElement>, forLeft?: boolean): void;
  2853. buildColumnLayout(): string;
  2854. emitNewBlock(event: React.DragEvent<HTMLDivElement>): void;
  2855. render(): JSX.Element;
  2856. }
  2857. }
  2858. declare module NODEEDITOR {
  2859. /**
  2860. * Generic node model which stores information about a node editor block
  2861. */
  2862. export class DefaultNodeModel extends NodeModel {
  2863. /**
  2864. * The babylon block this node represents
  2865. */
  2866. block: BABYLON.Nullable<BABYLON.NodeMaterialBlock>;
  2867. ports: {
  2868. [s: string]: DefaultPortModel;
  2869. };
  2870. /**
  2871. * Constructs the node model
  2872. */
  2873. constructor(key: string);
  2874. prepare(options: NodeCreationOptions, nodes: Array<DefaultNodeModel>, model: DiagramModel, graphEditor: GraphEditor): void;
  2875. renderProperties(globalState: GlobalState): JSX.Element | null;
  2876. }
  2877. }
  2878. declare module NODEEDITOR {
  2879. export class GlobalState {
  2880. nodeMaterial: BABYLON.NodeMaterial;
  2881. hostElement: HTMLElement;
  2882. hostDocument: HTMLDocument;
  2883. onSelectionChangedObservable: BABYLON.Observable<BABYLON.Nullable<DefaultNodeModel>>;
  2884. onRebuildRequiredObservable: BABYLON.Observable<void>;
  2885. onResetRequiredObservable: BABYLON.Observable<BABYLON.Nullable<INodeLocationInfo[]>>;
  2886. onUpdateRequiredObservable: BABYLON.Observable<void>;
  2887. onZoomToFitRequiredObservable: BABYLON.Observable<void>;
  2888. onReOrganizedRequiredObservable: BABYLON.Observable<void>;
  2889. onLogRequiredObservable: BABYLON.Observable<LogEntry>;
  2890. onErrorMessageDialogRequiredObservable: BABYLON.Observable<string>;
  2891. onPreviewCommandActivated: BABYLON.Observable<void>;
  2892. onPreviewBackgroundChanged: BABYLON.Observable<void>;
  2893. onAnimationCommandActivated: BABYLON.Observable<void>;
  2894. onGetNodeFromBlock: (block: BABYLON.NodeMaterialBlock) => NodeModel;
  2895. previewMeshType: PreviewMeshType;
  2896. previewMeshFile: File;
  2897. rotatePreview: boolean;
  2898. backgroundColor: BABYLON.Color4;
  2899. blockKeyboardEvents: boolean;
  2900. customSave?: {
  2901. label: string;
  2902. action: (data: string) => Promise<void>;
  2903. };
  2904. constructor();
  2905. }
  2906. }
  2907. declare module NODEEDITOR {
  2908. export class Popup {
  2909. static CreatePopup(title: string, windowVariableName: string, width?: number, height?: number): HTMLDivElement | null;
  2910. private static _CopyStyles;
  2911. }
  2912. }
  2913. declare module NODEEDITOR {
  2914. /**
  2915. * Interface used to specify creation options for the node editor
  2916. */
  2917. export interface INodeEditorOptions {
  2918. nodeMaterial: BABYLON.NodeMaterial;
  2919. hostElement?: HTMLElement;
  2920. customSave?: {
  2921. label: string;
  2922. action: (data: string) => Promise<void>;
  2923. };
  2924. customLoadObservable?: BABYLON.Observable<any>;
  2925. }
  2926. /**
  2927. * Class used to create a node editor
  2928. */
  2929. export class NodeEditor {
  2930. private static _CurrentState;
  2931. /**
  2932. * Show the node editor
  2933. * @param options defines the options to use to configure the node editor
  2934. */
  2935. static Show(options: INodeEditorOptions): void;
  2936. }
  2937. }