Nightly

Playground/babylon.d.txt

@@ -49136,7 +49136,7 @@ declare module BABYLON {
          */
         focalLength: number;
         /**
-         * F-Stop of the effect's camera. The diamater of the resulting aperture can be computed by lensSize/fStop. (default: 1.4)
+         * F-Stop of the effect's camera. The diameter of the resulting aperture can be computed by lensSize/fStop. (default: 1.4)
          */
         fStop: number;
         /**
@@ -49597,13 +49597,17 @@ declare module BABYLON {
         protected _cameras: Camera[];
         /** @hidden */
name: string;
         /**
+         * Gets pipeline name
+         */
+        readonly name: string;
+        /**
          * Initializes a PostProcessRenderPipeline
          * @param engine engine to add the pipeline to
          * @param name name of the pipeline
          */
         constructor(engine: Engine, name: string);
         /**
-         * "PostProcessRenderPipeline"
+         * Gets the class name
          * @returns "PostProcessRenderPipeline"
          */
         getClassName(): string;
@@ -49693,7 +49697,7 @@ declare module BABYLON {
         grain: GrainPostProcess;
         private _grainEffect;
         /**
-         * Glow post process which adds a glow to emmisive areas of the image
+         * Glow post process which adds a glow to emissive areas of the image
          */
         private _glowLayer;
         /**
@@ -49713,6 +49717,10 @@ declare module BABYLON {
         private _grainEnabled;
         private _buildAllowed;
         /**
+         * Gets active scene
+         */
+        readonly scene: Scene;
+        /**
          * Enable or disable the sharpen process from the pipeline
          */
         sharpenEnabled: boolean;
@@ -49792,6 +49800,11 @@ declare module BABYLON {
          */
         constructor(name?: string, hdr?: boolean, scene?: Scene, cameras?: Camera[], automaticBuild?: boolean);
         /**
+         * Get the class name
+         * @returns "DefaultRenderingPipeline"
+         */
+        getClassName(): string;
+        /**
          * Force the compilation of the entire pipeline.
          */
         prepare(): void;

dist/preview release/babylon.d.ts

@@ -49810,7 +49810,7 @@ declare module BABYLON {
          */
         focalLength: number;
         /**
-         * F-Stop of the effect's camera. The diamater of the resulting aperture can be computed by lensSize/fStop. (default: 1.4)
+         * F-Stop of the effect's camera. The diameter of the resulting aperture can be computed by lensSize/fStop. (default: 1.4)
          */
         fStop: number;
         /**
@@ -50276,13 +50276,17 @@ declare module BABYLON {
         /** @hidden */
         _name: string;
         /**
+         * Gets pipeline name
+         */
+        readonly name: string;
+        /**
          * Initializes a PostProcessRenderPipeline
          * @param engine engine to add the pipeline to
          * @param name name of the pipeline
          */
         constructor(engine: Engine, name: string);
         /**
-         * "PostProcessRenderPipeline"
+         * Gets the class name
          * @returns "PostProcessRenderPipeline"
          */
         getClassName(): string;
@@ -50383,7 +50387,7 @@ declare module BABYLON {
         grain: GrainPostProcess;
         private _grainEffect;
         /**
-         * Glow post process which adds a glow to emmisive areas of the image
+         * Glow post process which adds a glow to emissive areas of the image
          */
         private _glowLayer;
         /**
@@ -50403,6 +50407,10 @@ declare module BABYLON {
         private _grainEnabled;
         private _buildAllowed;
         /**
+         * Gets active scene
+         */
+        readonly scene: Scene;
+        /**
          * Enable or disable the sharpen process from the pipeline
          */
         sharpenEnabled: boolean;
@@ -50482,6 +50490,11 @@ declare module BABYLON {
          */
         constructor(name?: string, hdr?: boolean, scene?: Scene, cameras?: Camera[], automaticBuild?: boolean);
         /**
+         * Get the class name
+         * @returns "DefaultRenderingPipeline"
+         */
+        getClassName(): string;
+        /**
          * Force the compilation of the entire pipeline.
          */
         prepare(): void;

dist/preview release/babylon.max.js

@@ -46247,9 +46247,9 @@ if (typeof globalObject !== "undefined") {
     }
     for (var key in _index__WEBPACK_IMPORTED_MODULE_0__) {
         // Prevent Reassignment.
-        if (keys.indexOf(key) > -1) {
-            continue;
-        }
+        // if (keys.indexOf(key) > -1) {
+        // continue;
+        // }
         BABYLON[key] = _index__WEBPACK_IMPORTED_MODULE_0__[key];
     }
 }
@@ -58905,10 +58905,15 @@ var CubeTexture = /** @class */ (function (_super) {
     tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"]([
         Object(_Misc_decorators__WEBPACK_IMPORTED_MODULE_1__["serialize"])("rotationY")
     ], CubeTexture.prototype, "rotationY", null);
+    tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"]([
+        Object(_Misc_decorators__WEBPACK_IMPORTED_MODULE_1__["serialize"])("textureMatrix")
+    ], CubeTexture.prototype, "_textureMatrix", void 0);
     return CubeTexture;
 }(_Materials_Textures_baseTexture__WEBPACK_IMPORTED_MODULE_4__["BaseTexture"]));
 
 _Materials_Textures_texture__WEBPACK_IMPORTED_MODULE_5__["Texture"]._CubeTextureParser = CubeTexture.Parse;
+// Some exporters relies on Tools.Instantiate
+_Misc_typeStore__WEBPACK_IMPORTED_MODULE_7__["_TypeStore"].RegisteredTypes["BABYLON.CubeTexture"] = CubeTexture;
 
 
 /***/ }),
@@ -117911,7 +117916,7 @@ var DefaultRenderingPipeline = /** @class */ (function (_super) {
          */
         _this.GrainPostProcessId = "GrainPostProcessEffect";
         /**
-         * Glow post process which adds a glow to emmisive areas of the image
+         * Glow post process which adds a glow to emissive areas of the image
          */
         _this._glowLayer = null;
         /**
@@ -117989,6 +117994,16 @@ var DefaultRenderingPipeline = /** @class */ (function (_super) {
         _this._buildPipeline();
         return _this;
     }
+    Object.defineProperty(DefaultRenderingPipeline.prototype, "scene", {
+        /**
+         * Gets active scene
+         */
+        get: function () {
+            return this._scene;
+        },
+        enumerable: true,
+        configurable: true
+    });
     Object.defineProperty(DefaultRenderingPipeline.prototype, "sharpenEnabled", {
         get: function () {
             return this._sharpenEnabled;
@@ -118196,7 +118211,7 @@ var DefaultRenderingPipeline = /** @class */ (function (_super) {
     });
     Object.defineProperty(DefaultRenderingPipeline.prototype, "glowLayerEnabled", {
         get: function () {
-            return this._glowLayer == null;
+            return this._glowLayer != null;
         },
         /**
          * If glow layer is enabled. (Adds a glow effect to emmissive materials)
@@ -118248,6 +118263,13 @@ var DefaultRenderingPipeline = /** @class */ (function (_super) {
         configurable: true
     });
     /**
+     * Get the class name
+     * @returns "DefaultRenderingPipeline"
+     */
+    DefaultRenderingPipeline.prototype.getClassName = function () {
+        return "DefaultRenderingPipeline";
+    };
+    /**
      * Force the compilation of the entire pipeline.
      */
     DefaultRenderingPipeline.prototype.prepare = function () {
@@ -120892,8 +120914,18 @@ var PostProcessRenderPipeline = /** @class */ (function () {
         this._renderEffectsForIsolatedPass = new Array();
         this._cameras = [];
     }
+    Object.defineProperty(PostProcessRenderPipeline.prototype, "name", {
+        /**
+         * Gets pipeline name
+         */
+        get: function () {
+            return this._name;
+        },
+        enumerable: true,
+        configurable: true
+    });
     /**
-     * "PostProcessRenderPipeline"
+     * Gets the class name
      * @returns "PostProcessRenderPipeline"
      */
     PostProcessRenderPipeline.prototype.getClassName = function () {
@@ -122313,7 +122345,7 @@ var DepthOfFieldEffect = /** @class */ (function (_super) {
             return this._circleOfConfusion.fStop;
         },
         /**
-         * F-Stop of the effect's camera. The diamater of the resulting aperture can be computed by lensSize/fStop. (default: 1.4)
+         * F-Stop of the effect's camera. The diameter of the resulting aperture can be computed by lensSize/fStop. (default: 1.4)
          */
         set: function (value) {
             this._circleOfConfusion.fStop = value;

dist/preview release/babylon.module.d.ts

@@ -52081,7 +52081,7 @@ declare module "babylonjs/PostProcesses/depthOfFieldEffect" {
          */
         focalLength: number;
         /**
-         * F-Stop of the effect's camera. The diamater of the resulting aperture can be computed by lensSize/fStop. (default: 1.4)
+         * F-Stop of the effect's camera. The diameter of the resulting aperture can be computed by lensSize/fStop. (default: 1.4)
          */
         fStop: number;
         /**
@@ -52609,13 +52609,17 @@ declare module "babylonjs/PostProcesses/RenderPipeline/postProcessRenderPipeline
         /** @hidden */
         _name: string;
         /**
+         * Gets pipeline name
+         */
+        readonly name: string;
+        /**
          * Initializes a PostProcessRenderPipeline
          * @param engine engine to add the pipeline to
          * @param name name of the pipeline
          */
         constructor(engine: Engine, name: string);
         /**
-         * "PostProcessRenderPipeline"
+         * Gets the class name
          * @returns "PostProcessRenderPipeline"
          */
         getClassName(): string;
@@ -52728,7 +52732,7 @@ declare module "babylonjs/PostProcesses/RenderPipeline/Pipelines/defaultRenderin
         grain: GrainPostProcess;
         private _grainEffect;
         /**
-         * Glow post process which adds a glow to emmisive areas of the image
+         * Glow post process which adds a glow to emissive areas of the image
          */
         private _glowLayer;
         /**
@@ -52748,6 +52752,10 @@ declare module "babylonjs/PostProcesses/RenderPipeline/Pipelines/defaultRenderin
         private _grainEnabled;
         private _buildAllowed;
         /**
+         * Gets active scene
+         */
+        readonly scene: Scene;
+        /**
          * Enable or disable the sharpen process from the pipeline
          */
         sharpenEnabled: boolean;
@@ -52827,6 +52835,11 @@ declare module "babylonjs/PostProcesses/RenderPipeline/Pipelines/defaultRenderin
          */
         constructor(name?: string, hdr?: boolean, scene?: Scene, cameras?: Camera[], automaticBuild?: boolean);
         /**
+         * Get the class name
+         * @returns "DefaultRenderingPipeline"
+         */
+        getClassName(): string;
+        /**
          * Force the compilation of the entire pipeline.
          */
         prepare(): void;
@@ -106379,7 +106392,7 @@ declare module BABYLON {
          */
         focalLength: number;
         /**
-         * F-Stop of the effect's camera. The diamater of the resulting aperture can be computed by lensSize/fStop. (default: 1.4)
+         * F-Stop of the effect's camera. The diameter of the resulting aperture can be computed by lensSize/fStop. (default: 1.4)
          */
         fStop: number;
         /**
@@ -106845,13 +106858,17 @@ declare module BABYLON {
         /** @hidden */
         _name: string;
         /**
+         * Gets pipeline name
+         */
+        readonly name: string;
+        /**
          * Initializes a PostProcessRenderPipeline
          * @param engine engine to add the pipeline to
          * @param name name of the pipeline
          */
         constructor(engine: Engine, name: string);
         /**
-         * "PostProcessRenderPipeline"
+         * Gets the class name
          * @returns "PostProcessRenderPipeline"
          */
         getClassName(): string;
@@ -106952,7 +106969,7 @@ declare module BABYLON {
         grain: GrainPostProcess;
         private _grainEffect;
         /**
-         * Glow post process which adds a glow to emmisive areas of the image
+         * Glow post process which adds a glow to emissive areas of the image
          */
         private _glowLayer;
         /**
@@ -106972,6 +106989,10 @@ declare module BABYLON {
         private _grainEnabled;
         private _buildAllowed;
         /**
+         * Gets active scene
+         */
+        readonly scene: Scene;
+        /**
          * Enable or disable the sharpen process from the pipeline
          */
         sharpenEnabled: boolean;
@@ -107051,6 +107072,11 @@ declare module BABYLON {
          */
         constructor(name?: string, hdr?: boolean, scene?: Scene, cameras?: Camera[], automaticBuild?: boolean);
         /**
+         * Get the class name
+         * @returns "DefaultRenderingPipeline"
+         */
+        getClassName(): string;
+        /**
          * Force the compilation of the entire pipeline.
          */
         prepare(): void;

dist/preview release/inspector/babylon.inspector.d.ts

@@ -9,7 +9,7 @@ declare module INSPECTOR {
 }
 declare module INSPECTOR {
     export class GlobalState {
-        onSelectionChangedObservable: BABYLON.Observable<string>;
+        onSelectionChangedObservable: BABYLON.Observable<any>;
         onPropertyChangedObservable: BABYLON.Observable<PropertyChangedEvent>;
         onInspectorClosedObservable: BABYLON.Observable<BABYLON.Scene>;
         onTabChangedObservable: BABYLON.Observable<number>;
@@ -625,6 +625,9 @@ declare module INSPECTOR {
         displayAxis: boolean;
     }> {
         constructor(props: IAxisViewerComponentProps);
+        shouldComponentUpdate(nextProps: IAxisViewerComponentProps, nextState: {
+            displayAxis: boolean;
+        }): boolean;
         displayAxes(): void;
         render(): JSX.Element;
     }
@@ -961,6 +964,64 @@ declare module INSPECTOR {
     }
 }
 declare module INSPECTOR {
+    interface ICommonRenderingPipelinePropertyGridComponentProps {
+        renderPipeline: BABYLON.PostProcessRenderPipeline;
+        lockObject: LockObject;
+        onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
+    }
+    export class CommonRenderingPipelinePropertyGridComponent extends React.Component<ICommonRenderingPipelinePropertyGridComponentProps> {
+        constructor(props: ICommonRenderingPipelinePropertyGridComponentProps);
+        render(): JSX.Element;
+    }
+}
+declare module INSPECTOR {
+    interface IRenderingPipelinePropertyGridComponentProps {
+        renderPipeline: BABYLON.PostProcessRenderPipeline;
+        lockObject: LockObject;
+        onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
+    }
+    export class RenderingPipelinePropertyGridComponent extends React.Component<IRenderingPipelinePropertyGridComponentProps> {
+        constructor(props: IRenderingPipelinePropertyGridComponentProps);
+        render(): JSX.Element;
+    }
+}
+declare module INSPECTOR {
+    interface IVector2LineComponentProps {
+        label: string;
+        target: any;
+        propertyName: string;
+        onChange?: (newvalue: BABYLON.Vector2) => void;
+        onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
+    }
+    export class Vector2LineComponent extends React.Component<IVector2LineComponentProps, {
+        isExpanded: boolean;
+        value: BABYLON.Vector2;
+    }> {
+        private _localChange;
+        constructor(props: IVector2LineComponentProps);
+        shouldComponentUpdate(nextProps: IVector2LineComponentProps, nextState: {
+            isExpanded: boolean;
+            value: BABYLON.Vector2;
+        }): boolean;
+        switchExpandState(): void;
+        raiseOnPropertyChanged(previousValue: BABYLON.Vector2): void;
+        updateStateX(value: number): void;
+        updateStateY(value: number): void;
+        render(): JSX.Element;
+    }
+}
+declare module INSPECTOR {
+    interface IDefaultRenderingPipelinePropertyGridComponentProps {
+        renderPipeline: BABYLON.DefaultRenderingPipeline;
+        lockObject: LockObject;
+        onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
+    }
+    export class DefaultRenderingPipelinePropertyGridComponent extends React.Component<IDefaultRenderingPipelinePropertyGridComponentProps> {
+        constructor(props: IDefaultRenderingPipelinePropertyGridComponentProps);
+        render(): JSX.Element;
+    }
+}
+declare module INSPECTOR {
     export class PropertyGridTabComponent extends PaneComponent {
         private _timerIntervalId;
         private _lockObject;
@@ -1229,6 +1290,17 @@ declare module INSPECTOR {
     }
 }
 declare module INSPECTOR {
+    interface IRenderPipelineItemComponenttProps {
+        renderPipeline: BABYLON.PostProcessRenderPipeline;
+        extensibilityGroups?: BABYLON.IExplorerExtensibilityGroup[];
+        onClick: () => void;
+    }
+    export class RenderingPipelineItemComponent extends React.Component<IRenderPipelineItemComponenttProps> {
+        constructor(props: IRenderPipelineItemComponenttProps);
+        render(): JSX.Element;
+    }
+}
+declare module INSPECTOR {
     interface ITreeItemSpecializedComponentProps {
         label: string;
         entity?: any;
@@ -1288,17 +1360,23 @@ declare module INSPECTOR {
         entity?: any;
         selectedEntity: any;
         extensibilityGroups?: BABYLON.IExplorerExtensibilityGroup[];
+        contextMenuItems?: {
+            label: string;
+            action: () => void;
+        }[];
     }
     export class TreeItemComponent extends React.Component<ITreeItemComponentProps, {
         isExpanded: boolean;
         mustExpand: boolean;
     }> {
+        static _ContextMenuUniqueIdGenerator: number;
         constructor(props: ITreeItemComponentProps);
         switchExpandedState(): void;
         shouldComponentUpdate(nextProps: ITreeItemComponentProps, nextState: {
             isExpanded: boolean;
         }): boolean;
         expandAll(expand: boolean): void;
+        renderContextMenu(): JSX.Element | null;
         render(): JSX.Element;
     }
 }

dist/preview release/inspector/babylon.inspector.module.d.ts

@@ -18,7 +18,7 @@ declare module "babylonjs-inspector/components/globalState" {
     import { LightGizmo } from "babylonjs/Gizmos/lightGizmo";
     import { PropertyChangedEvent } from "babylonjs-inspector/components/propertyChangedEvent";
     export class GlobalState {
-        onSelectionChangedObservable: Observable<string>;
+        onSelectionChangedObservable: Observable<any>;
         onPropertyChangedObservable: Observable<PropertyChangedEvent>;
         onInspectorClosedObservable: Observable<Scene>;
         onTabChangedObservable: Observable<number>;
@@ -760,6 +760,9 @@ declare module "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/mes
         displayAxis: boolean;
     }> {
         constructor(props: IAxisViewerComponentProps);
+        shouldComponentUpdate(nextProps: IAxisViewerComponentProps, nextState: {
+            displayAxis: boolean;
+        }): boolean;
         displayAxes(): void;
         render(): JSX.Element;
     }
@@ -1221,6 +1224,83 @@ declare module "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/pos
         render(): JSX.Element;
     }
 }
+declare module "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/postProcesses/commonRenderingPipelinePropertyGridComponent" {
+    import * as React from "react";
+    import { Observable } from "babylonjs/Misc/observable";
+    import { PropertyChangedEvent } from "babylonjs-inspector/components/propertyChangedEvent";
+    import { LockObject } from "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/lockObject";
+    import { PostProcessRenderPipeline } from 'babylonjs/PostProcesses/RenderPipeline/postProcessRenderPipeline';
+    interface ICommonRenderingPipelinePropertyGridComponentProps {
+        renderPipeline: PostProcessRenderPipeline;
+        lockObject: LockObject;
+        onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
+    }
+    export class CommonRenderingPipelinePropertyGridComponent extends React.Component<ICommonRenderingPipelinePropertyGridComponentProps> {
+        constructor(props: ICommonRenderingPipelinePropertyGridComponentProps);
+        render(): JSX.Element;
+    }
+}
+declare module "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/postProcesses/renderingPipelinePropertyGridComponent" {
+    import * as React from "react";
+    import { Observable } from "babylonjs/Misc/observable";
+    import { PostProcessRenderPipeline } from "babylonjs/PostProcesses/RenderPipeline/postProcessRenderPipeline";
+    import { PropertyChangedEvent } from "babylonjs-inspector/components/propertyChangedEvent";
+    import { LockObject } from "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/lockObject";
+    interface IRenderingPipelinePropertyGridComponentProps {
+        renderPipeline: PostProcessRenderPipeline;
+        lockObject: LockObject;
+        onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
+    }
+    export class RenderingPipelinePropertyGridComponent extends React.Component<IRenderingPipelinePropertyGridComponentProps> {
+        constructor(props: IRenderingPipelinePropertyGridComponentProps);
+        render(): JSX.Element;
+    }
+}
+declare module "babylonjs-inspector/components/actionTabs/lines/vector2LineComponent" {
+    import * as React from "react";
+    import { Vector2 } from "babylonjs/Maths/math";
+    import { Observable } from "babylonjs/Misc/observable";
+    import { PropertyChangedEvent } from "babylonjs-inspector/components/propertyChangedEvent";
+    interface IVector2LineComponentProps {
+        label: string;
+        target: any;
+        propertyName: string;
+        onChange?: (newvalue: Vector2) => void;
+        onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
+    }
+    export class Vector2LineComponent extends React.Component<IVector2LineComponentProps, {
+        isExpanded: boolean;
+        value: Vector2;
+    }> {
+        private _localChange;
+        constructor(props: IVector2LineComponentProps);
+        shouldComponentUpdate(nextProps: IVector2LineComponentProps, nextState: {
+            isExpanded: boolean;
+            value: Vector2;
+        }): boolean;
+        switchExpandState(): void;
+        raiseOnPropertyChanged(previousValue: Vector2): void;
+        updateStateX(value: number): void;
+        updateStateY(value: number): void;
+        render(): JSX.Element;
+    }
+}
+declare module "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/postProcesses/defaultRenderingPipelinePropertyGridComponent" {
+    import * as React from "react";
+    import { Observable } from "babylonjs/Misc/observable";
+    import { DefaultRenderingPipeline } from "babylonjs/PostProcesses/RenderPipeline/Pipelines/defaultRenderingPipeline";
+    import { PropertyChangedEvent } from "babylonjs-inspector/components/propertyChangedEvent";
+    import { LockObject } from "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/lockObject";
+    interface IDefaultRenderingPipelinePropertyGridComponentProps {
+        renderPipeline: DefaultRenderingPipeline;
+        lockObject: LockObject;
+        onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
+    }
+    export class DefaultRenderingPipelinePropertyGridComponent extends React.Component<IDefaultRenderingPipelinePropertyGridComponentProps> {
+        constructor(props: IDefaultRenderingPipelinePropertyGridComponentProps);
+        render(): JSX.Element;
+    }
+}
 declare module "babylonjs-inspector/components/actionTabs/tabs/propertyGridTabComponent" {
     import { PaneComponent, IPaneComponentProps } from "babylonjs-inspector/components/actionTabs/paneComponent";
     export class PropertyGridTabComponent extends PaneComponent {
@@ -1536,6 +1616,20 @@ declare module "babylonjs-inspector/components/sceneExplorer/entities/postProces
         render(): JSX.Element;
     }
 }
+declare module "babylonjs-inspector/components/sceneExplorer/entities/renderingPipelineTreeItemComponent" {
+    import { IExplorerExtensibilityGroup } from "babylonjs/Debug/debugLayer";
+    import { PostProcessRenderPipeline } from 'babylonjs/PostProcesses/RenderPipeline/postProcessRenderPipeline';
+    import * as React from 'react';
+    interface IRenderPipelineItemComponenttProps {
+        renderPipeline: PostProcessRenderPipeline;
+        extensibilityGroups?: IExplorerExtensibilityGroup[];
+        onClick: () => void;
+    }
+    export class RenderingPipelineItemComponent extends React.Component<IRenderPipelineItemComponenttProps> {
+        constructor(props: IRenderPipelineItemComponenttProps);
+        render(): JSX.Element;
+    }
+}
 declare module "babylonjs-inspector/components/sceneExplorer/treeItemSpecializedComponent" {
     import { IExplorerExtensibilityGroup } from "babylonjs/Debug/debugLayer";
     import * as React from "react";
@@ -1607,17 +1701,23 @@ declare module "babylonjs-inspector/components/sceneExplorer/treeItemComponent"
         entity?: any;
         selectedEntity: any;
         extensibilityGroups?: IExplorerExtensibilityGroup[];
+        contextMenuItems?: {
+            label: string;
+            action: () => void;
+        }[];
     }
     export class TreeItemComponent extends React.Component<ITreeItemComponentProps, {
         isExpanded: boolean;
         mustExpand: boolean;
     }> {
+        static _ContextMenuUniqueIdGenerator: number;
         constructor(props: ITreeItemComponentProps);
         switchExpandedState(): void;
         shouldComponentUpdate(nextProps: ITreeItemComponentProps, nextState: {
             isExpanded: boolean;
         }): boolean;
         expandAll(expand: boolean): void;
+        renderContextMenu(): JSX.Element | null;
         render(): JSX.Element;
     }
 }
@@ -1814,7 +1914,7 @@ declare module INSPECTOR {
 }
 declare module INSPECTOR {
     export class GlobalState {
-        onSelectionChangedObservable: BABYLON.Observable<string>;
+        onSelectionChangedObservable: BABYLON.Observable<any>;
         onPropertyChangedObservable: BABYLON.Observable<PropertyChangedEvent>;
         onInspectorClosedObservable: BABYLON.Observable<BABYLON.Scene>;
         onTabChangedObservable: BABYLON.Observable<number>;
@@ -2430,6 +2530,9 @@ declare module INSPECTOR {
         displayAxis: boolean;
     }> {
         constructor(props: IAxisViewerComponentProps);
+        shouldComponentUpdate(nextProps: IAxisViewerComponentProps, nextState: {
+            displayAxis: boolean;
+        }): boolean;
         displayAxes(): void;
         render(): JSX.Element;
     }
@@ -2766,6 +2869,64 @@ declare module INSPECTOR {
     }
 }
 declare module INSPECTOR {
+    interface ICommonRenderingPipelinePropertyGridComponentProps {
+        renderPipeline: BABYLON.PostProcessRenderPipeline;
+        lockObject: LockObject;
+        onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
+    }
+    export class CommonRenderingPipelinePropertyGridComponent extends React.Component<ICommonRenderingPipelinePropertyGridComponentProps> {
+        constructor(props: ICommonRenderingPipelinePropertyGridComponentProps);
+        render(): JSX.Element;
+    }
+}
+declare module INSPECTOR {
+    interface IRenderingPipelinePropertyGridComponentProps {
+        renderPipeline: BABYLON.PostProcessRenderPipeline;
+        lockObject: LockObject;
+        onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
+    }
+    export class RenderingPipelinePropertyGridComponent extends React.Component<IRenderingPipelinePropertyGridComponentProps> {
+        constructor(props: IRenderingPipelinePropertyGridComponentProps);
+        render(): JSX.Element;
+    }
+}
+declare module INSPECTOR {
+    interface IVector2LineComponentProps {
+        label: string;
+        target: any;
+        propertyName: string;
+        onChange?: (newvalue: BABYLON.Vector2) => void;
+        onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
+    }
+    export class Vector2LineComponent extends React.Component<IVector2LineComponentProps, {
+        isExpanded: boolean;
+        value: BABYLON.Vector2;
+    }> {
+        private _localChange;
+        constructor(props: IVector2LineComponentProps);
+        shouldComponentUpdate(nextProps: IVector2LineComponentProps, nextState: {
+            isExpanded: boolean;
+            value: BABYLON.Vector2;
+        }): boolean;
+        switchExpandState(): void;
+        raiseOnPropertyChanged(previousValue: BABYLON.Vector2): void;
+        updateStateX(value: number): void;
+        updateStateY(value: number): void;
+        render(): JSX.Element;
+    }
+}
+declare module INSPECTOR {
+    interface IDefaultRenderingPipelinePropertyGridComponentProps {
+        renderPipeline: BABYLON.DefaultRenderingPipeline;
+        lockObject: LockObject;
+        onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
+    }
+    export class DefaultRenderingPipelinePropertyGridComponent extends React.Component<IDefaultRenderingPipelinePropertyGridComponentProps> {
+        constructor(props: IDefaultRenderingPipelinePropertyGridComponentProps);
+        render(): JSX.Element;
+    }
+}
+declare module INSPECTOR {
     export class PropertyGridTabComponent extends PaneComponent {
         private _timerIntervalId;
         private _lockObject;
@@ -3034,6 +3195,17 @@ declare module INSPECTOR {
     }
 }
 declare module INSPECTOR {
+    interface IRenderPipelineItemComponenttProps {
+        renderPipeline: BABYLON.PostProcessRenderPipeline;
+        extensibilityGroups?: BABYLON.IExplorerExtensibilityGroup[];
+        onClick: () => void;
+    }
+    export class RenderingPipelineItemComponent extends React.Component<IRenderPipelineItemComponenttProps> {
+        constructor(props: IRenderPipelineItemComponenttProps);
+        render(): JSX.Element;
+    }
+}
+declare module INSPECTOR {
     interface ITreeItemSpecializedComponentProps {
         label: string;
         entity?: any;
@@ -3093,17 +3265,23 @@ declare module INSPECTOR {
         entity?: any;
         selectedEntity: any;
         extensibilityGroups?: BABYLON.IExplorerExtensibilityGroup[];
+        contextMenuItems?: {
+            label: string;
+            action: () => void;
+        }[];
     }
     export class TreeItemComponent extends React.Component<ITreeItemComponentProps, {
         isExpanded: boolean;
         mustExpand: boolean;
     }> {
+        static _ContextMenuUniqueIdGenerator: number;
         constructor(props: ITreeItemComponentProps);
         switchExpandedState(): void;
         shouldComponentUpdate(nextProps: ITreeItemComponentProps, nextState: {
             isExpanded: boolean;
         }): boolean;
         expandAll(expand: boolean): void;
+        renderContextMenu(): JSX.Element | null;
         render(): JSX.Element;
     }
 }

dist/preview release/viewer/babylon.module.d.ts

@@ -52081,7 +52081,7 @@ declare module "babylonjs/PostProcesses/depthOfFieldEffect" {
          */
         focalLength: number;
         /**
-         * F-Stop of the effect's camera. The diamater of the resulting aperture can be computed by lensSize/fStop. (default: 1.4)
+         * F-Stop of the effect's camera. The diameter of the resulting aperture can be computed by lensSize/fStop. (default: 1.4)
          */
         fStop: number;
         /**
@@ -52609,13 +52609,17 @@ declare module "babylonjs/PostProcesses/RenderPipeline/postProcessRenderPipeline
         /** @hidden */
         _name: string;
         /**
+         * Gets pipeline name
+         */
+        readonly name: string;
+        /**
          * Initializes a PostProcessRenderPipeline
          * @param engine engine to add the pipeline to
          * @param name name of the pipeline
          */
         constructor(engine: Engine, name: string);
         /**
-         * "PostProcessRenderPipeline"
+         * Gets the class name
          * @returns "PostProcessRenderPipeline"
          */
         getClassName(): string;
@@ -52728,7 +52732,7 @@ declare module "babylonjs/PostProcesses/RenderPipeline/Pipelines/defaultRenderin
         grain: GrainPostProcess;
         private _grainEffect;
         /**
-         * Glow post process which adds a glow to emmisive areas of the image
+         * Glow post process which adds a glow to emissive areas of the image
          */
         private _glowLayer;
         /**
@@ -52748,6 +52752,10 @@ declare module "babylonjs/PostProcesses/RenderPipeline/Pipelines/defaultRenderin
         private _grainEnabled;
         private _buildAllowed;
         /**
+         * Gets active scene
+         */
+        readonly scene: Scene;
+        /**
          * Enable or disable the sharpen process from the pipeline
          */
         sharpenEnabled: boolean;
@@ -52827,6 +52835,11 @@ declare module "babylonjs/PostProcesses/RenderPipeline/Pipelines/defaultRenderin
          */
         constructor(name?: string, hdr?: boolean, scene?: Scene, cameras?: Camera[], automaticBuild?: boolean);
         /**
+         * Get the class name
+         * @returns "DefaultRenderingPipeline"
+         */
+        getClassName(): string;
+        /**
          * Force the compilation of the entire pipeline.
          */
         prepare(): void;
@@ -106379,7 +106392,7 @@ declare module BABYLON {
          */
         focalLength: number;
         /**
-         * F-Stop of the effect's camera. The diamater of the resulting aperture can be computed by lensSize/fStop. (default: 1.4)
+         * F-Stop of the effect's camera. The diameter of the resulting aperture can be computed by lensSize/fStop. (default: 1.4)
          */
         fStop: number;
         /**
@@ -106845,13 +106858,17 @@ declare module BABYLON {
         /** @hidden */
         _name: string;
         /**
+         * Gets pipeline name
+         */
+        readonly name: string;
+        /**
          * Initializes a PostProcessRenderPipeline
          * @param engine engine to add the pipeline to
          * @param name name of the pipeline
          */
         constructor(engine: Engine, name: string);
         /**
-         * "PostProcessRenderPipeline"
+         * Gets the class name
          * @returns "PostProcessRenderPipeline"
          */
         getClassName(): string;
@@ -106952,7 +106969,7 @@ declare module BABYLON {
         grain: GrainPostProcess;
         private _grainEffect;
         /**
-         * Glow post process which adds a glow to emmisive areas of the image
+         * Glow post process which adds a glow to emissive areas of the image
          */
         private _glowLayer;
         /**
@@ -106972,6 +106989,10 @@ declare module BABYLON {
         private _grainEnabled;
         private _buildAllowed;
         /**
+         * Gets active scene
+         */
+        readonly scene: Scene;
+        /**
          * Enable or disable the sharpen process from the pipeline
          */
         sharpenEnabled: boolean;
@@ -107051,6 +107072,11 @@ declare module BABYLON {
          */
         constructor(name?: string, hdr?: boolean, scene?: Scene, cameras?: Camera[], automaticBuild?: boolean);
         /**
+         * Get the class name
+         * @returns "DefaultRenderingPipeline"
+         */
+        getClassName(): string;
+        /**
          * Force the compilation of the entire pipeline.
          */
         prepare(): void;

dist/preview release/viewer/babylon.viewer.d.ts

@@ -926,7 +926,7 @@ declare module BabylonViewer {
       * @param name the name of the custom optimizer configuration
       * @param upgrade set to true if you want to upgrade optimizer and false if you want to degrade
       */
-    export function getCustomOptimizerByName(name: string, upgrade?: boolean): (sceneManager: SceneManager) => boolean;
+    export function getCustomOptimizerByName(name: string, upgrade?: boolean): typeof extendedUpgrade;
     export function registerCustomOptimizer(name: string, optimizer: (sceneManager: SceneManager) => boolean): void;
 }
 declare module BabylonViewer {
@@ -1558,6 +1558,20 @@ declare module BabylonViewer {
     export function addLoaderPlugin(name: string, plugin: ILoaderPlugin): void;
 }
 declare module BabylonViewer {
+    /**
+        * A custom upgrade-oriented function configuration for the scene optimizer.
+        *
+        * @param viewer the viewer to optimize
+        */
+    export function extendedUpgrade(sceneManager: SceneManager): boolean;
+    /**
+        * A custom degrade-oriented function configuration for the scene optimizer.
+        *
+        * @param viewer the viewer to optimize
+        */
+    export function extendedDegrade(sceneManager: SceneManager): boolean;
+}
+declare module BabylonViewer {
     export interface IEnvironmentMapConfiguration {
             /**
                 * Environment map texture path in relative to the asset folder.

dist/preview release/viewer/babylon.viewer.module.d.ts

@@ -987,13 +987,14 @@ declare module 'babylonjs-viewer/templating/viewerTemplatePlugin' {
 }
 
 declare module 'babylonjs-viewer/optimizer/custom' {
+    import { extendedUpgrade } from "babylonjs-viewer/optimizer/custom/extended";
     import { SceneManager } from "babylonjs-viewer/managers/sceneManager";
     /**
       *
       * @param name the name of the custom optimizer configuration
       * @param upgrade set to true if you want to upgrade optimizer and false if you want to degrade
       */
-    export function getCustomOptimizerByName(name: string, upgrade?: boolean): (sceneManager: SceneManager) => boolean;
+    export function getCustomOptimizerByName(name: string, upgrade?: boolean): typeof extendedUpgrade;
     export function registerCustomOptimizer(name: string, optimizer: (sceneManager: SceneManager) => boolean): void;
 }
 
@@ -1664,6 +1665,22 @@ declare module 'babylonjs-viewer/loader/plugins' {
     export function addLoaderPlugin(name: string, plugin: ILoaderPlugin): void;
 }
 
+declare module 'babylonjs-viewer/optimizer/custom/extended' {
+    import { SceneManager } from 'babylonjs-viewer/managers/sceneManager';
+    /**
+        * A custom upgrade-oriented function configuration for the scene optimizer.
+        *
+        * @param viewer the viewer to optimize
+        */
+    export function extendedUpgrade(sceneManager: SceneManager): boolean;
+    /**
+        * A custom degrade-oriented function configuration for the scene optimizer.
+        *
+        * @param viewer the viewer to optimize
+        */
+    export function extendedDegrade(sceneManager: SceneManager): boolean;
+}
+
 declare module 'babylonjs-viewer/configuration/interfaces' {
     export * from 'babylonjs-viewer/configuration/interfaces/cameraConfiguration';
     export * from 'babylonjs-viewer/configuration/interfaces/colorGradingConfiguration';