babylon.nodeEditor.module.d.ts 83 KB

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