babylonjs-editor 4.3.0 → 4.5.0

package/index.d.ts

@@ -6,11 +6,9 @@
 //   ../../babylonjs
 //   ../../directory-tree
 //   ../../adm-zip
-//   ../../dat.gui
 //   ../../@blueprintjs/select
 //   renderer/editor/graph/node.d.ts
 //   ../../xterm
-//   ../../rc-tree/lib/interface
 //   ../../node-pty
 
 declare module 'babylonjs-editor' {
@@ -30,7 +28,6 @@ declare module 'babylonjs-editor' {
     export { MaterialAssets } from "babylonjs-editor/renderer/editor/assets/materials";
     export { TextureAssets } from "babylonjs-editor/renderer/editor/assets/textures";
     export { Inspector, IInspectorProps, IInspectorState, IObjectInspector, IObjectInspectorProps } from "babylonjs-editor/renderer/editor/components/inspector";
-    export { AbstractInspectorLegacy } from "babylonjs-editor/renderer/editor/components/inspectors/abstract-inspector-legacy";
     export { AbstractInspector } from "babylonjs-editor/renderer/editor/components/inspectors/abstract-inspector";
     export { MaterialInspector, IMaterialInspectorState } from "babylonjs-editor/renderer/editor/components/inspectors/materials/material-inspector";
     export { InspectorColor } from "babylonjs-editor/renderer/editor/gui/inspector/fields/color";
@@ -59,7 +56,6 @@ declare module 'babylonjs-editor' {
     export { Icon } from "babylonjs-editor/renderer/editor/gui/icon";
     export { SceneImporterTools, ISceneImporterToolsConfiguration } from "babylonjs-editor/renderer/editor/scene/import-tools";
     export { Packer, IPackerOptions, PackerStatus } from "babylonjs-editor/renderer/editor/project/packer/packer";
-    import "./renderer/editor/gui/augmentations/index";
 }
 
 declare module 'babylonjs-editor/renderer/editor/plugins/assets' {
@@ -246,11 +242,12 @@ declare module 'babylonjs-editor/renderer/editor/editor' {
     import { IStringDictionary, Nullable, Undefinable } from "babylonjs-editor/shared/types";
     import { Toaster, Intent, IconName, MaybeElement } from "@blueprintjs/core";
     import { Layout, Rect } from "flexlayout-react";
-    import { Engine, Scene, Observable, ISize, Node, BaseTexture, Material, SubMesh, IParticleSystem, Sound, KeyboardInfo, Skeleton } from "babylonjs";
+    import { Engine, Scene, Observable, ISize, Node, BaseTexture, Material, SubMesh, IParticleSystem, Sound, KeyboardInfo, Skeleton, ReflectionProbe } from "babylonjs";
     import { IObjectModified, IEditorPreferences, EditorPlayMode } from "babylonjs-editor/renderer/editor/tools/types";
     import { AbstractEditorPlugin } from "babylonjs-editor/renderer/editor/tools/plugin";
     import { SceneUtils } from "babylonjs-editor/renderer/editor/scene/utils";
     import { IPlugin } from "babylonjs-editor/renderer/editor/plugins/plugin";
+    import "./scene/register";
     import "./painting/material-mixer/material";
     import { Inspector } from "babylonjs-editor/renderer/editor/components/inspector";
     import { Graph } from "babylonjs-editor/renderer/editor/components/graph";
@@ -260,7 +257,6 @@ declare module 'babylonjs-editor/renderer/editor/editor' {
     import { MainToolbar } from "babylonjs-editor/renderer/editor/components/main-toolbar";
     import { ToolsToolbar } from "babylonjs-editor/renderer/editor/components/tools-toolbar";
     import { Console } from "babylonjs-editor/renderer/editor/components/console";
-    import "./gui/augmentations/index";
     import "./components/inspectors/scene/scene-inspector";
     import "./components/inspectors/scene/rendering-inspector";
     import "./components/inspectors/scene/animation-groups-inspector";
@@ -280,19 +276,23 @@ declare module 'babylonjs-editor/renderer/editor/editor' {
     import "./components/inspectors/cameras/camera-inspector";
     import "./components/inspectors/cameras/free-camera-inspector";
     import "./components/inspectors/cameras/arc-rotate-camera-inspector";
+    import "./components/inspectors/cameras/target-camera-inspector";
     import "./components/inspectors/materials/standard-inspector";
     import "./components/inspectors/materials/pbr-inspector";
+    import "./components/inspectors/materials/pbr-metallic-rougness-inspector";
     import "./components/inspectors/materials/sky-inspector";
     import "./components/inspectors/materials/node-inspector";
     import "./components/inspectors/materials/cell-inspector";
     import "./components/inspectors/materials/fire-inspector";
     import "./components/inspectors/materials/lava-inspector";
     import "./components/inspectors/materials/water-inspector";
+    import "./components/inspectors/materials/gradient-inspector";
     import "./components/inspectors/materials/tri-planar-inspector";
     import "./components/inspectors/textures/texture-inspector";
     import "./components/inspectors/particle-systems/particle-system-inspector";
     import "./components/inspectors/particle-systems/particle-system-gradients-inspector";
     import "./components/inspectors/sound/sound-inspector";
+    import "./components/inspectors/textures/reflection-probe-inspector";
     export interface ILayoutTabNodeConfiguration {
             /**
                 * Defines the name of the layout tab node.
@@ -392,6 +392,10 @@ declare module 'babylonjs-editor/renderer/editor/editor' {
                 * Notifies observers that a particle system has been selected in the editor (preview or graph).
                 */
             selectedParticleSystemObservable: Observable<IParticleSystem>;
+            /**
+                * Notifies observers that a reflection probe has been selected in the editor (preview or graph).
+                */
+            selectedReflectionProbeObservable: Observable<ReflectionProbe>;
             /**
                 * Notifies observers that a texture has been selected in the editor (assets).
                 */
@@ -615,21 +619,17 @@ declare module 'babylonjs-editor/renderer/editor/editor' {
                 * @hidden
                 */
             _applyPreferences(): Promise<void>;
+            /**
+                * @hidden
+                */
+            _applyPreferencesPlugins(): Promise<void>;
     }
 }
 
 declare module 'babylonjs-editor/renderer/editor/tools/tools' {
-    import { Engine, Scene, Node, Nullable, Camera, Mesh, Material } from "babylonjs";
+    import { Engine, Scene, Node, Camera, Mesh, Material } from "babylonjs";
     import { ICommonMetadata, IEditorPreferences, IMaterialMetadata, IMeshMetadata, ITransformNodeMetadata } from "babylonjs-editor/renderer/editor/tools/types";
     export class Tools {
-            /**
-                * Initializes the tools.
-                */
-            static Init(): Promise<void>;
-            /**
-                * Returns the current root path of the app.
-                */
-            static GetAppPath(): string;
             /**
                 * Normalizes the given path according to the current platform.
                 * @param path defines the path to normalize according to the current platform.
@@ -757,22 +757,6 @@ declare module 'babylonjs-editor/renderer/editor/tools/tools' {
                 * @param onProgress callback called while file is loading (if the server supports this mode).
                 */
             static LoadFile<T = string | ArrayBuffer>(url: string, useArrayBuffer: boolean, onProgress?: (data: any) => void): Promise<T>;
-            /**
-                * Opens the save dialog and returns the selected path.
-                * @param path optional path where to open the save dialog.
-                */
-            static ShowSaveDialog(path?: Nullable<string>): Promise<string>;
-            /**
-                * Opens the open-file dialog and returns the selected path.
-                * @param path the path where to start the dialog.
-                */
-            static ShowOpenFileDialog(title: string, path?: Nullable<string>): Promise<string>;
-            /**
-                * Opens the save file dialog and returns the selected path.
-                * @param title the title of the save file dialog.
-                * @param path optional path where to open the save dialog.
-                */
-            static ShowSaveFileDialog(title: Nullable<string>, path?: Nullable<string>): Promise<string>;
     }
 }
 
@@ -839,6 +823,12 @@ declare module 'babylonjs-editor/renderer/editor/tools/fs' {
                 * @param directoryPath defines the absolute path to the directory to remove.
                 */
             static RemoveDirectory(directoryPath: string): Promise<void>;
+            /**
+                * Waits until the given file (absolute path) exists.
+                * @param filePath defines the absolute path to the file to test until it exists.
+                * @param timeout defines the optional timeout to resolve the promise @default 10000
+                */
+            static WaitUntilFileExists(filePath: string, timeout?: number): Promise<void>;
     }
 }
 
@@ -1216,6 +1206,12 @@ declare module 'babylonjs-editor/renderer/editor/components/assets-browser/files
                 * @param to defines the new absolute path to the file being moved.
                 */
             abstract moveFile(from: string, to: string): void | Promise<void>;
+            /**
+                * Returns wheter or not the given file can be renamed.
+                * @param from defines the previous absolute path to the file being renamed.
+                * @param to defines the new absolute path to the file being renamed.
+                */
+            canRename(_from: string, _to: string): Promise<boolean>;
             /**
                 * Called on the given file is being remvoed.
                 * @param path defines the absolute path to the file that is being removed.
@@ -1300,6 +1296,10 @@ declare module 'babylonjs-editor/renderer/editor/components/assets-browser/files
                 * Computes the image to render as a preview.
                 */
             abstract computePreview(): React.ReactNode | Promise<React.ReactNode>;
+            /**
+                * Refreshes the preview thumbnail of the asset.
+                */
+            _handleRefreshPreview(): Promise<void>;
             /**
                 * Called on the user clicks on the asset.
                 * @param ev defines the reference to the event object.
@@ -1325,7 +1325,7 @@ declare module 'babylonjs-editor/renderer/editor/components/assets-browser/files
                 * @param ev defines the reference to the event object.
                 * @param pick defines the picking info generated while dropping in the preview.
                 */
-            onDropInPreview(_1: React.DragEvent<HTMLElement>, _2: PickingInfo): void;
+            onDropInPreview(_1: DragEvent, _2: PickingInfo): void;
             /**
                 * Called on the user drops the asset in a supported inspector field.
                 * @param ev defiens the reference to the event object.
@@ -1352,7 +1352,7 @@ declare module 'babylonjs-editor/renderer/editor/assets/materials' {
     import * as React from "react";
     import { Material, PickingInfo, Scene, Node } from "babylonjs";
     import { AbstractAssets, IAssetComponentItem } from "babylonjs-editor/renderer/editor/assets/abstract-assets";
-    import "./materials/augmentations";
+    import "../tools/materials/augmentations";
     export class MaterialAssets extends AbstractAssets {
             /**
                 * Defines the type of the data transfer data when drag'n'dropping asset.
@@ -1535,9 +1535,8 @@ declare module 'babylonjs-editor/renderer/editor/components/inspector' {
     import * as React from "react";
     import { Editor } from "babylonjs-editor/renderer/editor/editor";
     import { AbstractInspector } from "babylonjs-editor/renderer/editor/components/inspectors/abstract-inspector";
-    import { AbstractInspectorLegacy } from "babylonjs-editor/renderer/editor/components/inspectors/abstract-inspector-legacy";
     export interface IObjectInspector {
-            ctor: (new (props: IObjectInspectorProps) => AbstractInspectorLegacy<any> | AbstractInspector<any, any>);
+            ctor: (new (props: IObjectInspectorProps) => AbstractInspector<any, any>);
             ctorNames: string[];
             title: string;
             isSupported?: Undefinable<(obj: any) => boolean>;
@@ -1545,7 +1544,7 @@ declare module 'babylonjs-editor/renderer/editor/components/inspector' {
                 * The reference to the inspector.
                 * @hidden
                 */
-            _ref?: Undefinable<AbstractInspectorLegacy<any>>;
+            _ref?: Undefinable<AbstractInspector<any, any>>;
             /**
                 * @hidden
                 */
@@ -1611,6 +1610,11 @@ declare module 'babylonjs-editor/renderer/editor/components/inspector' {
                 * @param callback defines the callback called on the update is done.
                 */
             forceUpdate(callback?: (() => void) | undefined): void;
+            /**
+                * Catches exceptions generated in descendant components.
+                * Unhandled exceptions will cause the entire component tree to unmount.
+                */
+            componentDidCatch(error: Error, errorInfo: React.ErrorInfo): void;
             /**
                 * Sets the selected object in the scene or graph to be edited.
                 * @param object the selected object reference used by the inspector to be modified.
@@ -1620,10 +1624,6 @@ declare module 'babylonjs-editor/renderer/editor/components/inspector' {
                 * Refreshes the inspector.
                 */
             refresh(): void;
-            /**
-                * Refreshes the current display of the current inspector.
-                */
-            refreshDisplay(): void;
             /**
                 * Resizes the inspector.
                 */
@@ -1631,154 +1631,10 @@ declare module 'babylonjs-editor/renderer/editor/components/inspector' {
     }
 }
 
-declare module 'babylonjs-editor/renderer/editor/components/inspectors/abstract-inspector-legacy' {
-    import * as React from "react";
-    import { GUI, GUIController } from "dat.gui";
-    import { Color3, Color4, BaseTexture, ISize, Material } from "babylonjs";
-    import { Nullable, Undefinable } from "babylonjs-editor/shared/types";
-    import { Editor } from "babylonjs-editor/renderer/editor/editor";
-    import { SuggestController } from "babylonjs-editor/renderer/editor/gui/augmentations/suggest";
-    import { AbstractAssets } from "babylonjs-editor/renderer/editor/assets/abstract-assets";
-    import { IAssetsProps } from "babylonjs-editor/renderer/editor/components/assets";
-    import { IObjectInspectorProps } from "babylonjs-editor/renderer/editor/components/inspector";
-    export abstract class AbstractInspectorLegacy<T> extends React.Component<IObjectInspectorProps> {
-            /**
-                * Defines the GUI reference.
-                */
-            tool: Nullable<GUI>;
-            /**
-                * Defines wether or not undo/redo should be handled by the inspector.
-                */
-            handleUndoRedo: boolean;
-            /**
-                * The editor reference.
-                */
-            protected editor: Editor;
-            /**
-                * The selected object reference.
-                */
-            protected selectedObject: T;
-            /**
-                * Defines the Id of the tool.
-                */
-            protected _id: string;
-            /**
-                * Defines the div of the tool.
-                */
-            protected _div: Nullable<HTMLDivElement>;
-            /**
-                * Constructor.
-                * @param props the component's props.
-                */
-            constructor(props: IObjectInspectorProps);
-            /**
-                * Renders the component.
-                */
-            render(): React.ReactNode;
-            /**
-                * Called on the component did mount.
-                */
-            abstract onUpdate(): void;
-            /**
-                * Called on a controller changes.
-                * @param folder the folder containing the modified controller.
-                * @param controller the controller that has been modified.
-                */
-            onControllerChange(_?: GUI, __?: GUIController): void;
-            /**
-                * Called on a controller finished changes.
-                * @param folder the folder containing the modified controller.
-                * @param controller the controller that has been modified.
-                */
-            onControllerFinishChange(_?: GUI, __?: GUIController): void;
-            /**
-                * Gets wether or not the component is mounted.
-                */
-            protected get isMounted(): boolean;
-            /**
-                * Called on the component did moubnt.
-                */
-            componentDidMount(): void;
-            /**
-                * Called on the component will unmount.
-                */
-            componentWillUnmount(): void;
-            /**
-                * Refreshes the inspector tool.
-                */
-            refresh(): void;
-            /**
-                * Refreshes the edition tool.
-                */
-            refreshDisplay(): void;
-            /**
-                * Clears the given folder.
-                */
-            clearFolder(folder: GUI): void;
-            /**
-                * Clears the whole tool.
-                */
-            clear(): void;
-            /**
-                * Resizes the edition tool.
-                * @param size defines the size of the panel.
-                */
-            resize(size?: ISize): void;
-            /**
-                * Returns the reference to the texture identified by the given editor name.
-                * @param editorName the name of the texture to find.
-                */
-            protected getTexture(editorName: string): Nullable<BaseTexture>;
-            /**
-                * Returns the reference to the material identified by the given editor name.
-                * @param name defines the name of the material to find.
-                */
-            protected getMaterial(name: string): Nullable<Material>;
-            /**
-                * Adds a new texture field to the inspector.
-                * @param parent the parent folder where to add the texture field.
-                * @param object the object to modify.
-                * @param property the property to modify in the given object.
-                * @param onChange optional callback called on the texture changed.
-                */
-            protected addTextureList(parent: GUI | undefined, object: any, property: string, onChange?: (texture: Nullable<BaseTexture>) => void): SuggestController;
-            /**
-                * Adds a new texture field to the inspector.
-                * @param parent the parent folder where to add the texture field.
-                * @param object the object to modify.
-                * @param property the property to modify in the given object.
-                * @param onChange optional callback called on the texture changed.
-                */
-            protected addMaterialList(parent: GUI | undefined, object: any, property: string, onChange?: (material: Nullable<Material>) => void): SuggestController;
-            /**
-                * Adds a color folder to edit RGB(A)
-                * @param parent the parent folder where to add the color folder.
-                * @param name the name of the color folder.
-                * @param object the base object to modify.
-                * @param property the path to the color property.
-                * @param onChange optional callback called on the color changed.
-                */
-            protected addColor(parent: GUI, name: string, object: any, property: string, onChange?: (color: Color3 | Color4) => void): GUI;
-            /**
-                * Adds a new suggest contoller containg the list of all the civen componet's assets.
-                * @param parent defines the parent folder where to add the assets list.
-                * @param componentCtor defines the reference to the constructor of the assets component to get its items.
-                * @param baseValue defines the base value of the suggest controller to display.
-                * @param object defines the reference to the object to modify.
-                * @param property defines the path to the property to modify.
-                */
-            protected addAssetsList(parent: GUI, componentCtor: (new (props: IAssetsProps) => AbstractAssets), baseValue: Undefinable<string>, object: any, property: string): SuggestController;
-            /**
-                * Called on the tool is mounted to handle onChange & onFinishChange
-                */
-            protected _handleChanged(root?: GUI): void;
-    }
-}
-
 declare module 'babylonjs-editor/renderer/editor/components/inspectors/abstract-inspector' {
     import { Nullable } from "babylonjs-editor/shared/types";
     import * as React from "react";
-    import { Texture, Material, ISize } from "babylonjs";
+    import { Texture, Material, ISize, BaseTexture } from "babylonjs";
     import { IObjectInspectorProps } from "babylonjs-editor/renderer/editor/components/inspector";
     import { IInspectorListItem } from "babylonjs-editor/renderer/editor/gui/inspector/fields/list";
     import { IInspectorNotifierUndoRedo } from "babylonjs-editor/renderer/editor/gui/inspector/utils";
@@ -1842,11 +1698,15 @@ declare module 'babylonjs-editor/renderer/editor/components/inspectors/abstract-
             /**
                 * Returns the list of available textures in the assets to be drawn.
                 */
-            getTexturesList(): IInspectorListItem<Nullable<Texture>>[];
+            getTexturesList(predicate?: (t: BaseTexture) => unknown): IInspectorListItem<Nullable<Texture>>[];
             /**
                 * Returns the list of available materials in the assets to be drawn.
                 */
             getMaterialsList(): IInspectorListItem<Nullable<Material>>[];
+            /**
+                * Gets all nodes in the current scene, or returns an empty array if no scene.
+                */
+            getSceneNodes(allowedType?: "TransformNode" | "Mesh" | "Light" | "Camera" | "AbstractMesh"): IInspectorListItem<string>[];
     }
 }
 
@@ -2059,6 +1919,10 @@ declare module 'babylonjs-editor/renderer/editor/gui/inspector/fields/number' {
                 * Defines wether or not the label should be hidden.
                 */
             noLabel?: boolean;
+            /**
+                * Defines the default value of the field in case the editor property doesn't exist.
+                */
+            defaultValue?: number;
             /**
                 * Defines wether or not automatic undo/redo should be skipped.
                 */
@@ -3004,6 +2868,7 @@ declare module 'babylonjs-editor/renderer/editor/project/files' {
 declare module 'babylonjs-editor/renderer/editor/project/typings' {
     import { Undefinable, IStringDictionary } from "babylonjs-editor/shared/types";
     import { KTXToolsType } from "babylonjs-editor/renderer/editor/tools/ktx";
+    import { IRegisteredPlugin } from "babylonjs-editor/renderer/editor/tools/types";
     /**
         * Defines the type the possible values of the physics engine type string
         * store in the workspace JSON file.
@@ -3085,6 +2950,24 @@ declare module 'babylonjs-editor/renderer/editor/project/typings' {
                         */
                     keyPath?: string;
             };
+            /**
+                * Defines the options of the custom webserver.
+                */
+            customWebServer?: {
+                    /**
+                        * Defines the Url of the custom webserver where to start the game.
+                        */
+                    url: string;
+            };
+            /**
+                * Defines the options of the Basis compression tool.
+                */
+            basisCompressedTextures?: {
+                    /**
+                        * Defines wether or not Basis compressed texture is enabled using KTX Software.
+                        */
+                    enabled?: boolean;
+            };
             /**
                 * Defines the options of the KTX2 compression tool.
                 */
@@ -3094,9 +2977,16 @@ declare module 'babylonjs-editor/renderer/editor/project/typings' {
                         */
                     enabled?: boolean;
                     /**
-                        * Defines the path to the PVRTexToolCLI program executed to
+                        * Defines the path to the PVRTexToolCLI program executed to generate all compressed textures files.
                         */
-                    pvrTexToolCliPath?: string;
+                    pvrTexToolCliPath?: string | Record<string, string>;
+                    /**
+                        * Defines the path to the NVidia Texture Tools program executed to generate DXT and ASTC files.
+                        */
+                    nvidiaTextureTools?: {
+                            enabled?: boolean;
+                            cliPath?: string;
+                    };
                     /**
                         * Defines wether or not the Editor automatically generates compressed textures
                         * to be used in the Editor's preview scene.
@@ -3119,6 +3009,10 @@ declare module 'babylonjs-editor/renderer/editor/project/typings' {
                         * Defines the options of the PVRTC format.
                         */
                     pvrtcOptions?: {
+                            /**
+                                * Defines wether or not PVRTC is enabled.
+                                */
+                            enabled?: boolean;
                             /**
                                 * Defines the quality of the PVRTC generated textures.
                                 */
@@ -3151,6 +3045,10 @@ declare module 'babylonjs-editor/renderer/editor/project/typings' {
                             quality: "etcfast" | "etcnormal" | "etcslow";
                     };
             };
+            /**
+                * Defines the list of all registered plugins for the workspace.
+                */
+            plugins?: Undefinable<IRegisteredPlugin[]>;
     }
     export interface IProject {
             /**
@@ -3236,6 +3134,10 @@ declare module 'babylonjs-editor/renderer/editor/project/typings' {
                 * Defines the list of all scene's morph target managers.
                 */
             morphTargetManagers?: string[];
+            /**
+                * Defines the list of all reflection probes.
+                */
+            reflectionProbes?: string[];
             /**
                 * Saves the scene's settings.
                 */
@@ -3612,9 +3514,23 @@ declare module 'babylonjs-editor/renderer/editor/project/scene-exporter' {
             generateAllCompressedTextureFormats?: boolean;
     }
     export class SceneExporter {
+            /**
+                * Defines the list of all textures file types that are copy-able for the
+                * final assets output folder.
+                */
             static readonly CopyAbleImageTypes: string[];
             /**
-                * Defines the list of all files types that are copy-able for the
+                * Defines the list of all video file types that are copy-able for the
+                * final assets output folder.
+                */
+            static readonly CopyAbleVideoTypes: string[];
+            /**
+                * Defines the list of all 3d assets file types that are copy-able for the
+                * final assets output folder.
+                */
+            static readonly CopyAble3dAssetTypes: string[];
+            /**
+                * Defines the list of all file types that are copy-able for the
                 * final assets output folder.
                 */
             static readonly CopyAbleAssetsTypes: string[];
@@ -4505,66 +4421,40 @@ declare module 'babylonjs-editor/renderer/editor/scene/utils' {
 
 declare module 'babylonjs-editor/renderer/editor/components/graph' {
     import * as React from "react";
-    import { DataNode } from "rc-tree/lib/interface";
-    import { Nullable, Undefinable } from "babylonjs-editor/shared/types";
-    import { Node, Scene, IParticleSystem, Sound } from "babylonjs";
+    import { TreeNodeInfo } from "@blueprintjs/core";
     import { Editor } from "babylonjs-editor/renderer/editor/editor";
+    export interface _IDragAndDroppedItem {
+            nodeId: string;
+            onDropInInspector: (ev: React.DragEvent<HTMLElement>, object: any, property: string) => Promise<void>;
+    }
     export interface IGraphProps {
             /**
-                * Defines the editor reference.
+                * Defines the reference to the editor.
                 */
             editor: Editor;
-            /**
-                * Defines the reference to the scene to traverse.
-                */
-            scene?: Undefinable<Scene>;
     }
     export interface IGraphState {
             /**
-                * Defines the list of all nodes to be draws in the editor.
-                */
-            nodes: DataNode[];
-            /**
-                * Defines the list of all expanded nodes.
-                */
-            expandedNodeIds?: Undefinable<string[]>;
-            /**
-                * Defines the list of all selected nodes.
-                */
-            selectedNodeIds?: Undefinable<string[]>;
-            /**
-                * Defines the current filter to search nodes.
+                * Defines the current string of the filter box.
                 */
             filter: string;
             /**
-                * Defines the panel's width.
+                * Defines the list of all nodes drawn in the graph.
                 */
-            width?: number;
+            nodes: TreeNodeInfo<any>[];
             /**
-                * Defines wether or not the graphs options should be drawn.
+                * Defines the list of all selected nodes in the graph.
                 */
-            showOptions: boolean;
-            /**
-                * Defines wether or not the instances should be shown in the graph.
-                */
-            showInstances: boolean;
-            /**
-                * Defines wether or not the lights should be shown in the graph.
-                */
-            showLights: boolean;
-    }
-    export interface _IDragAndDroppedItem {
-            nodeId: string;
-            onDropInInspector: (ev: React.DragEvent<HTMLElement>, object: any, property: string) => Promise<void>;
+            selectedNodes: TreeNodeInfo<any>[];
     }
     export class Graph extends React.Component<IGraphProps, IGraphState> {
             /**
-                * Defines the last selected node in the graph.
+                * Defines the reference to the last selected object.
                 */
-            lastSelectedObject: Nullable<Node | IParticleSystem | Sound>;
+            lastSelectedObject: any;
             /**
                 * Constructor.
-                * @param props the component's props.
+                * @param props defines the component's props.
                 */
             constructor(props: IGraphProps);
             /**
@@ -4572,68 +4462,33 @@ declare module 'babylonjs-editor/renderer/editor/components/graph' {
                 */
             render(): React.ReactNode;
             /**
-                * Resizes the panel
-                */
-            resize(): void;
-            /**
-                * Refreshes the graph.
-                * @param done called on the refresh process finished.
-                */
-            refresh(done?: Undefinable<() => void>): void;
-            /**
-                * Clears the graph.
-                */
-            clear(): void;
-            /**
-                * Selecs the given node in the graph.
-                * @param node the node to select in the graph.
-                * @param appendToSelected defines wether or not the selected node should be appended to the currently selected nodes.
+                * Removes the given object from the scene graph.
+                * @param node defines the reference to the object to remove.
                 */
-            setSelected(node: Node | IParticleSystem | Sound, appendToSelected?: boolean): void;
+            removeObject(node: any): void;
             /**
-                * Refreshes the graph and selects the given node. Mainly used by assets.
-                * @param node the node to select in the graph.
+                * Resizes the component.
                 */
-            refreshAndSelect(node: Node): void;
-            /**
-                * Returns the list of all selected nodes (node, particle system, sound).
-                */
-            getAllSelected(): (Node | IParticleSystem | Sound)[];
-            /**
-                * Clones the given node.
-                * @param node the node to clone.
-                */
-            cloneObject(node: Node | IParticleSystem): Nullable<Node | IParticleSystem>;
+            resize(): void;
             /**
-                * Removes the given node.
-                * @param node the node to remove.
+                * Called on the user clicks on a node.
                 */
-            removeObject(node: Node | IParticleSystem | Sound): void;
+            _handleNodeClick(node: TreeNodeInfo<any>, event: React.MouseEvent<HTMLElement, MouseEvent>): void;
             /**
-                * Removes the given node.
-                * @param node the node to remove.
-                * @hidden
+                * Refreshes the entire graph.
+                * @param done defines the reference to the callback called on the graph has been updated.
                 */
-            _removeObject(node: Node | IParticleSystem | Sound): {
-                    redo: () => void;
-                    undo: () => void;
-            };
+            refresh(done?: () => void): void;
             /**
-                * Removes the given node from the graph and destroys its data.
-                * @hidden
+                * Updates the current graph state without parsing the scene nodes.
                 */
-            _handleRemoveObject(): void;
+            update(): void;
             /**
-                * Clones all selected nodes.
-                * @hidden
+                * Sets the given object selected in the graph.
+                * @param object defines the reference to the object to set selected in the graph.
+                * @param appendToSelected defines wether or not the object should be added to the currently selected node(s) in the graph.
                 */
-            _handleCloneObject(): void;
-            /**
-                * Returns the node in the stage identified by the given id.
-                * @param id the id of the node to find.
-                * @hidden
-                */
-            _getNodeById(id: string): Undefinable<Node | IParticleSystem | Sound>;
+            setSelected(object: any, appendToSelected?: boolean): void;
     }
 }
 
@@ -4641,6 +4496,8 @@ declare module 'babylonjs-editor/renderer/editor/components/assets-browser' {
     import { IStringDictionary, Nullable } from "babylonjs-editor/shared/types";
     import * as React from "react";
     import { Editor } from "babylonjs-editor/renderer/editor/editor";
+    import { AssetsBrowserTree } from "babylonjs-editor/renderer/editor/components/assets-browser/tree";
+    import { AssetsBrowserFiles } from "babylonjs-editor/renderer/editor/components/assets-browser/files";
     export interface IAssetsBrowserProps {
             /**
                 * Defines the reference to the editor.
@@ -4672,6 +4529,14 @@ declare module 'babylonjs-editor/renderer/editor/components/assets-browser' {
                 * Defines the reference to the dictionary that stores all the moved assets.
                 */
             movedAssetsDictionary: IStringDictionary<string>;
+            /**
+                * @hidden
+                */
+            _tree: Nullable<AssetsBrowserTree>;
+            /**
+                * @hidden
+                */
+            _files: Nullable<AssetsBrowserFiles>;
             /**
                 * Constructor.
                 * @param props defines the component's props.
@@ -4754,7 +4619,7 @@ declare module 'babylonjs-editor/renderer/editor/components/assets-browser' {
 declare module 'babylonjs-editor/renderer/editor/components/preview' {
     import { Nullable } from "babylonjs-editor/shared/types";
     import * as React from "react";
-    import { Node, IParticleSystem, AbstractMesh, Sound, Observable } from "babylonjs";
+    import { Node, IParticleSystem, AbstractMesh, Sound, Observable, ReflectionProbe } from "babylonjs";
     import { Editor } from "babylonjs-editor/renderer/editor/editor";
     import { ScenePicker } from "babylonjs-editor/renderer/editor/scene/picker";
     import { SceneGizmo, GizmoType } from "babylonjs-editor/renderer/editor/scene/gizmo";
@@ -4918,7 +4783,7 @@ declare module 'babylonjs-editor/renderer/editor/components/preview' {
                 * @param node defines the reference to the node to focus.
                 * @param mode defines the focus mode (animate target, position, etc.).
                 */
-            focusNode(node: Node | IParticleSystem | Sound, mode: PreviewFocusMode): void;
+            focusNode(node: Node | IParticleSystem | Sound | ReflectionProbe, mode: PreviewFocusMode): void;
             /**
                 * Copies the currently selected node.
                 */
@@ -4937,6 +4802,7 @@ declare module 'babylonjs-editor/renderer/editor/components/preview' {
 declare module 'babylonjs-editor/renderer/editor/components/main-toolbar' {
     import { Undefinable } from "babylonjs-editor/shared/types";
     import * as React from "react";
+    import { Node } from "babylonjs";
     import { Editor } from "babylonjs-editor/renderer/editor/editor";
     import { IPluginToolbar } from "babylonjs-editor/renderer/editor/plugins/toolbar";
     export interface IToolbarProps {
@@ -4969,6 +4835,18 @@ declare module 'babylonjs-editor/renderer/editor/components/main-toolbar' {
                 * Renders the component.
                 */
             render(): React.ReactNode;
+            /**
+                * Returns the list of all items of the "Add" menu.
+                */
+            getAddMenuItems(parent?: Node): React.ReactNode;
+            /**
+                * Returns the list of all items of the "Add Mesh" menu.
+                */
+            getAddMeshMenuItem(parent?: Node): React.ReactNode;
+            /**
+                * Called on the component did mount.
+                */
+            componentDidMount(): void;
     }
 }
 
@@ -5156,98 +5034,6 @@ declare module 'babylonjs-editor/renderer/editor/workers/workers' {
     }
 }
 
-declare module 'babylonjs-editor/renderer/editor/gui/augmentations/suggest' {
-    import { Undefinable } from "babylonjs-editor/shared/types";
-    import * as React from "react";
-    import * as dat from "dat.gui";
-    export interface _IListSuggestProps {
-            controller: SuggestController;
-    }
-    export interface _IListSuggestState {
-            list: string[];
-            value: string;
-    }
-    export class _ListSuggest extends React.Component<_IListSuggestProps, _IListSuggestState> {
-            /**
-                * Constructor.
-                * @param props the component's props.
-                */
-            constructor(props: _IListSuggestProps);
-            /**
-                * Renders the component.
-                */
-            render(): React.ReactNode;
-    }
-    /**
-        * Suggest conroller.
-        */
-    export class SuggestController extends dat.controllers.Controller {
-            /**
-                * @hidden
-                */
-            object: any;
-            /**
-                * @hidden
-                */
-            property: string;
-            /**
-                * @hidden
-                */
-            list: string[];
-            /**
-                * @hidden
-                */
-            __onChange: (r: string) => void;
-            /**
-                * @hidden
-                */
-            __onFinishChange: (r: string) => void;
-            /**
-                * @hidden
-                */
-            __renderer: Undefinable<{
-                    onShowLabel?: (item: string) => string;
-                    onShowIcon?: (item: string) => JSX.Element;
-                    onShowTooltip?: (item: string) => JSX.Element | undefined;
-                    onUpdate?: () => string[] | Promise<string[]>;
-            }>;
-            /**
-                * Constructor.
-                * @param object the object to modify.
-                * @param property the property of the object tu get and set changes.
-                * @param list the list of suggestions.
-                * @param onShowLabel optional callback called when rendering a suggestion item.
-                */
-            constructor(object: any, property: string, list?: string[], renderer?: {
-                    onShowLabel?: (item: string) => string;
-                    onShowIcon?: (item: string) => JSX.Element;
-                    onUpdate?: () => string[];
-                    tooltip?: JSX.Element;
-            });
-            /**
-                * Registers the onChange callback.
-                */
-            onChange(callback: (r: string) => void): SuggestController;
-            /**
-                * Registers the onFinishChange callback.
-                */
-            onFinishChange(callback: (r: string) => void): SuggestController;
-            /**
-                * Updates the current display of the controller.
-                */
-            updateDisplay(): SuggestController;
-            /**
-                * Sets a new name for the field.
-                * @param name the new name of the field.
-                */
-            name(name: string): SuggestController;
-            /**
-                * Disposes the component.
-                */
-            dispose(): void;
-    }
-}
-
 declare module 'babylonjs-editor/renderer/editor/gui/inspector/utils' {
     import { IStringDictionary, Nullable } from "babylonjs-editor/shared/types";
     import { AbstractInspector } from "babylonjs-editor/renderer/editor/components/inspectors/abstract-inspector";
@@ -5388,7 +5174,7 @@ declare module 'babylonjs-editor/renderer/editor/gui/inspector/utils' {
 
 declare module 'babylonjs-editor/renderer/sandbox/main' {
     import { Nullable } from "babylonjs-editor/shared/types";
-    import { Vector2, Vector3, Vector4, Color3, Color4 } from "babylonjs";
+    import { Vector2, Vector3, Vector4, Color3, Color4, Quaternion } from "babylonjs";
     export interface IExportedInspectorValueOptions {
             /**
                 * Defines the section of the inspector.
@@ -5406,6 +5192,10 @@ declare module 'babylonjs-editor/renderer/sandbox/main' {
                 * In case of numbers, defines the step applied in the editor.
                 */
             step?: number;
+            /**
+                * In case of node, restricts the type of node that can be assigned
+                */
+            allowedNodeType?: "TransformNode" | "Mesh" | "Light" | "Camera";
     }
     export interface IExportedInspectorValue {
             /**
@@ -5419,11 +5209,11 @@ declare module 'babylonjs-editor/renderer/sandbox/main' {
             /**
                 * Defines the default value of the decorated property.
                 */
-            defaultValue: number | string | boolean | Vector2 | Vector3 | Vector4 | Color3 | Color4;
+            defaultValue: number | string | boolean | Vector2 | Vector3 | Vector4 | Color3 | Color4 | Quaternion;
             /**
                 * Defines the type of the decorated property.
                 */
-            type: "number" | "string" | "boolean" | "KeyMap" | "Vector2" | "Vector3" | "Vector4" | "Color3" | "Color4" | "Texture";
+            type: "number" | "string" | "boolean" | "KeyMap" | "Vector2" | "Vector3" | "Vector4" | "Color3" | "Color4" | "Texture" | "Quaternion" | "Node";
             /**
                 * Defines the optional options available for the exported value.
                 */
@@ -5523,6 +5313,10 @@ declare module 'babylonjs-editor/renderer/editor/tools/ktx' {
                 * Returns the list of all support Ktx formats.
                 */
             static GetAllKtxFormats(): KTXToolsType[];
+            /**
+                * Returns the path to the CLI according to the current platform.
+                */
+            static GetCliPath(): Nullable<string>;
             /**
                 * Returns the of the given texture path by applying the ktx extension to it.
                 * @param texturePath defines the path to the texture to gets its Ktx name.
@@ -5673,9 +5467,10 @@ declare module 'babylonjs-editor/renderer/editor/tools/process' {
                 * Executes the given command and returns the reference to the newly created editor process object.
                 * @param command defines the command to execute in the terminal process.
                 * @param readonly defines wether or not the terminal process is in read-only.
+                * @param cwd defines the absolute path to the working directory where to process will be executed.
                 * @returns the newly created editor process object that contains the terminal, process, etc.
                 */
-            static ExecuteCommand(command: string, readonly?: boolean): Nullable<IEditorProcess>;
+            static ExecuteCommand(command: string, readonly?: boolean, cwd?: string): Nullable<IEditorProcess>;
             /**
                 * Kills and removes the editor process identified by the given id if exists.
                 * @param id defines the id of the editor process to remove if exists.
@@ -5694,6 +5489,162 @@ declare module 'babylonjs-editor/renderer/editor/tools/process' {
     }
 }
 
+declare module 'babylonjs-editor/renderer/editor/components/assets-browser/tree' {
+    import * as React from "react";
+    import { ITreeNode } from "@blueprintjs/core";
+    import { Editor } from "babylonjs-editor/renderer/editor/editor";
+    export interface IAssetsBrowserFavorite {
+            /**
+                * Defines the id of the favorite.
+                */
+            id: string;
+            /**
+                * Defines the name of the favorite.
+                */
+            name: string;
+    }
+    export interface IAssetsBrowserTreeProps {
+            /**
+                * Defines the reference to the editor.
+                */
+            editor: Editor;
+            /**
+                * Defines the callback called on a directory has been clicked in the tree.
+                */
+            onDirectorySelected: (path: string) => void;
+            /**
+                * Defines the callback called on a favorite has been clicked in the tree.
+                */
+            onFavoriteSelected: (favorite: IAssetsBrowserFavorite) => void;
+    }
+    export interface IAssetsBrowserTreeState {
+            /**
+                * Defines the list of all available nodes in the tree.
+                */
+            nodes: ITreeNode<string>[];
+    }
+    export class AssetsBrowserTree extends React.Component<IAssetsBrowserTreeProps, IAssetsBrowserTreeState> {
+            /**
+                * Defines the id of the node for favorites "Textures".
+                */
+            static readonly TexturesFavorite: IAssetsBrowserFavorite;
+            /**
+                * Defines the id of the node for favorites "Materials".
+                */
+            static readonly MaterialsFavorite: IAssetsBrowserFavorite;
+            /**
+                * Constructor.
+                * @param props defines the component's props.
+                */
+            constructor(props: IAssetsBrowserTreeProps);
+            /**
+                * Renders the component.
+                */
+            render(): React.ReactNode;
+            /**
+                * Sets the new absolute path to the directory to read and draw its items.
+                * @param directoryPath defines the absolute path to the directory to show in the view.
+                */
+            setDirectory(directoryPath: string): Promise<void>;
+            /**
+                * Refreshes the current tree.
+                */
+            refresh(): void;
+    }
+}
+
+declare module 'babylonjs-editor/renderer/editor/components/assets-browser/files' {
+    import * as React from "react";
+    import { Editor } from "babylonjs-editor/renderer/editor/editor";
+    import { IAssetsBrowserFavorite } from "babylonjs-editor/renderer/editor/components/assets-browser/tree";
+    import { AssetsBrowserItem } from "babylonjs-editor/renderer/editor/components/assets-browser/files/item";
+    export interface IAssetsBrowserFilesProps {
+            /**
+                * Defines the reference to the editor.
+                */
+            editor: Editor;
+            /**
+                * Defines the callback called on a directory has been clicked in the tree.
+                */
+            onDirectorySelected: (path: string) => void;
+    }
+    export interface IAssetsBrowserFilesState {
+            /**
+                * Defines the current stack of opened folders.
+                */
+            pathStack: string[];
+            /**
+                * Defines the absolute path to the working directory.
+                */
+            currentDirectory: string;
+            /**
+                * Defines the current filter.
+                */
+            filter: string;
+            /**
+                * Defines the current size value for the items.
+                */
+            itemsSize: number;
+            /**
+                * Defines the list of all items drawn in the view.
+                */
+            items: React.ReactNode[];
+    }
+    export class AssetsBrowserFiles extends React.Component<IAssetsBrowserFilesProps, IAssetsBrowserFilesState> {
+            /**
+                * Defines the list of all selected items.
+                */
+            selectedItems: string[];
+            /**
+                * @hidden
+                */
+            _items: AssetsBrowserItem[];
+            /**
+                * Initializes the files component.
+                * @param editor defines the reference to the editor.
+                */
+            static Init(editor: Editor): Promise<void>;
+            /**
+                * Constructor.
+                * @param props defines the component's props.
+                */
+            constructor(props: IAssetsBrowserFilesProps);
+            /**
+                * Renders the component.
+                */
+            render(): React.ReactNode;
+            /**
+                * Returns the list of all items drawn in the "Add..." menu.
+                */
+            getAddMenuItems(): React.ReactNode;
+            /**
+                * Sets the new favorite to read and draw its items.
+                * @param favorite defines the id of the favorite to show in the view.
+                */
+            setFavorite(favorite: IAssetsBrowserFavorite): Promise<void>;
+            /**
+                * Sets the new absolute path to the directory to read and draw its items.
+                * @param directoryPath defines the absolute path to the directory to show in the view.
+                */
+            setDirectory(directoryPath: string): Promise<void>;
+            /**
+                * Refreshes the current list of files.
+                */
+            refresh(): Promise<void>;
+            /**
+                * Refreshes the preview thmbnail of the asset located at the given relative path.
+                * @param relativePath defines the relative path to the asset.
+                */
+            refreshItemPreview(relativePath: string): Promise<void>;
+            /**
+                * Calls the given function in all the selected items (if exists).
+                * @param methodName defines the name of the function to call.
+                * @hidden
+                */
+            _callSelectedItemsMethod(methodName: string, ...parameters: any[]): Promise<void>;
+    }
+}
+
 declare module 'babylonjs-editor/renderer/editor/scene/picker' {
     import { Nullable } from "babylonjs-editor/shared/types";
     import { Observable, Node, SubMesh } from "babylonjs";
@@ -5734,7 +5685,7 @@ declare module 'babylonjs-editor/renderer/editor/scene/picker' {
 }
 
 declare module 'babylonjs-editor/renderer/editor/scene/gizmo' {
-    import { UtilityLayerRenderer, Node, IParticleSystem, Sound } from "babylonjs";
+    import { UtilityLayerRenderer, Node, IParticleSystem, Sound, ReflectionProbe } from "babylonjs";
     import { Nullable } from "babylonjs-editor/shared/types";
     import { Editor } from "babylonjs-editor/renderer/editor/editor";
     export enum GizmoType {
@@ -5769,7 +5720,7 @@ declare module 'babylonjs-editor/renderer/editor/scene/gizmo' {
                 * Sets the given node attached to the current gizmos if exists.
                 * @param node the node to attach to current gizmos if exists.
                 */
-            setAttachedNode(node: Nullable<Node | IParticleSystem | Sound>): void;
+            setAttachedNode(node: Nullable<Node | IParticleSystem | Sound | ReflectionProbe>): void;
     }
 }
 
@@ -5864,7 +5815,7 @@ declare module 'babylonjs-editor/renderer/editor/components/console/log' {
                 * Sets the new body of the log.
                 * @param body defines the reference to the custom body.
                 */
-            setBody(body: React.ReactNode): void;
+            setBody(body: React.ReactNode): Promise<void>;
     }
 }
 
@@ -5946,6 +5897,120 @@ declare module 'babylonjs-editor/renderer/editor/cinematic/base' {
     }
 }
 
+declare module 'babylonjs-editor/renderer/editor/components/assets-browser/files/item' {
+    import { IStringDictionary, Nullable } from "babylonjs-editor/shared/types";
+    import * as React from "react";
+    import { Editor } from "babylonjs-editor/renderer/editor/editor";
+    import { AssetsBrowserItemHandler, IItemHandler } from "babylonjs-editor/renderer/editor/components/assets-browser/files/item-handler";
+    import { AssetsBrowserMoveHandler } from "babylonjs-editor/renderer/editor/components/assets-browser/files/move/move-handler";
+    export interface IAssetsBrowserItemProps {
+            /**
+                * Defines the reference to the editor.
+                */
+            editor: Editor;
+            /**
+                * Defines the title of the item.
+                */
+            title: string;
+            /**
+                * Defines the relative path to the item.
+                */
+            relativePath: string;
+            /**
+                * Defines the absolute path to the item.
+                */
+            absolutePath: string;
+            /**
+                * Defines the type of the item (directory or file).
+                */
+            type: "file" | "directory";
+            /**
+                * Defines the size of the item.
+                */
+            size?: number;
+            /**
+                * Defines the callback called each time the item is clicked.
+                */
+            onClick: (item: AssetsBrowserItem, ev: React.MouseEvent<HTMLDivElement>) => void;
+            /**
+                * Callback called on the user double clicks an item.
+                */
+            onDoubleClick: () => void;
+            /**
+                * Defines the callback called on the item is starts being dragged.
+                */
+            onDragStart: (item: AssetsBrowserItem, ev: React.DragEvent<HTMLDivElement>) => void;
+    }
+    export interface IAssetsBrowserItemState {
+            /**
+                * Defines the color applied on the title.
+                */
+            titleColor: string;
+            /**
+                * Defines wether or not the item is selected.
+                */
+            isSelected: boolean;
+            /**
+                * Defines wether or not the file is being renamed.
+                */
+            isRenaming: boolean;
+            /**
+                * Defines the reference to the item handler.
+                */
+            itemHandler: Nullable<React.ReactNode>;
+            /**
+                * Defines the size of the item.
+                */
+            size: number;
+    }
+    export class AssetsBrowserItem extends React.Component<IAssetsBrowserItemProps, IAssetsBrowserItemState> {
+            /**
+                * @hidden
+                */
+            static _ItemHandlers: IStringDictionary<IItemHandler>;
+            /**
+                * @hidden
+                */
+            static _ItemMoveHandlers: AssetsBrowserMoveHandler[];
+            /**
+                * Registers the given item handler.
+                * @param itemHandler defines the reference to the configuration of the item handler.
+                */
+            static RegisterItemHandler(itemHandler: IItemHandler): void;
+            /**
+                * Registers the given item move handler.
+                * @param itemMoveHandler defines the reference to the item move handler.
+                */
+            static RegisterItemMoveHandler(itemMoveHandler: AssetsBrowserMoveHandler): void;
+            /**
+                * Initializes the item renderer.
+                */
+            static Init(editor: Editor): void;
+            /**
+                * @hidden
+                */
+            _itemHandlerRef: Nullable<AssetsBrowserItemHandler>;
+            /**
+                * Constructor.
+                * @param props defines the component's props.
+                */
+            constructor(props: IAssetsBrowserItemProps);
+            /**
+                * Renders the component.
+                */
+            render(): React.ReactNode;
+            /**
+                * Called on the component did mount.
+                */
+            componentDidMount(): void;
+            /**
+                * Sets wether or not the item is selected.
+                * @param isSelected defines wether or not the item is selected.
+                */
+            setSelected(isSelected: boolean): void;
+    }
+}
+
 declare module 'babylonjs-editor/renderer/editor/scene/icons' {
     import { UtilityLayerRenderer, Observable } from "babylonjs";
     import { Editor } from "babylonjs-editor/renderer/editor/editor";

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "babylonjs-editor",
-    "version": "4.3.0",
+    "version": "4.5.0",
     "description": "Babylon.js Editor is a Web Application helping artists to work with Babylon.js",
     "productName": "Babylon.js Editor",
     "typings": "index.d.ts",
@@ -22,15 +22,15 @@
         "@types/react": "16.9.19",
         "@types/react-dom": "16.9.5",
         "typescript": "4.6.3",
-        "babylonjs": "5.9.0",
-        "babylonjs-gui": "5.9.0",
-        "babylonjs-inspector": "5.9.0",
-        "babylonjs-loaders": "5.9.0",
-        "babylonjs-materials": "5.9.0",
-        "babylonjs-node-editor": "5.9.0",
-        "babylonjs-post-process": "5.9.0",
-        "babylonjs-procedural-textures": "5.9.0",
-        "babylonjs-serializers": "5.9.0",
+        "babylonjs": "5.19.0",
+        "babylonjs-gui": "5.19.0",
+        "babylonjs-inspector": "5.19.0",
+        "babylonjs-loaders": "5.19.0",
+        "babylonjs-materials": "5.19.0",
+        "babylonjs-node-editor": "5.19.0",
+        "babylonjs-post-process": "5.19.0",
+        "babylonjs-procedural-textures": "5.19.0",
+        "babylonjs-serializers": "5.19.0",
         "@blueprintjs/core": "3.28.1",
         "@blueprintjs/select": "3.13.2",
         "react": "16.12.0",