Fix compilation

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

@@ -4,31 +4,11 @@
 declare module INSPECTOR {
 }
 declare module INSPECTOR {
-    export interface IExtensibilityOption {
-        label: string;
-        action: (entity: any) => void;
-    }
-    export interface IExtensibilityGroup {
-        predicate: (entity: any) => boolean;
-        entries: IExtensibilityOption[];
-    }
-    export interface IInspectorOptions {
-        overlay?: boolean;
-        sceneExplorerRoot?: HTMLElement;
-        actionTabsRoot?: HTMLElement;
-        embedHostRoot?: HTMLElement;
-        showExplorer?: boolean;
-        showInspector?: boolean;
-        embedMode?: boolean;
-        handleResize?: boolean;
-        enablePopup?: boolean;
-        explorerExtensibility?: IExtensibilityGroup[];
-    }
     export class Inspector {
         static OnSelectionChangeObservable: BABYLON.Observable<string>;
         static OnPropertyChangedObservable: BABYLON.Observable<PropertyChangedEvent>;
         static readonly IsVisible: boolean;
-        static Show(scene: BABYLON.Scene, userOptions: Partial<IInspectorOptions>): void;
+        static Show(scene: BABYLON.Scene, userOptions: Partial<BABYLON.IInspectorOptions>): void;
         static Hide(): void;
     }
 }

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

@@ -7,28 +7,8 @@ declare module 'babylonjs-inspector' {
 }
 
 declare module 'babylonjs-inspector/inspector' {
-    import { Scene, Observable } from "babylonjs";
+    import { Scene, Observable, IInspectorOptions } from "babylonjs";
     import { PropertyChangedEvent } from "babylonjs-inspector/components/propertyChangedEvent";
-    export interface IExtensibilityOption {
-        label: string;
-        action: (entity: any) => void;
-    }
-    export interface IExtensibilityGroup {
-        predicate: (entity: any) => boolean;
-        entries: IExtensibilityOption[];
-    }
-    export interface IInspectorOptions {
-        overlay?: boolean;
-        sceneExplorerRoot?: HTMLElement;
-        actionTabsRoot?: HTMLElement;
-        embedHostRoot?: HTMLElement;
-        showExplorer?: boolean;
-        showInspector?: boolean;
-        embedMode?: boolean;
-        handleResize?: boolean;
-        enablePopup?: boolean;
-        explorerExtensibility?: IExtensibilityGroup[];
-    }
     export class Inspector {
         static OnSelectionChangeObservable: Observable<string>;
         static OnPropertyChangedObservable: Observable<PropertyChangedEvent>;
@@ -54,31 +34,11 @@ declare module 'babylonjs-inspector/components/propertyChangedEvent' {
 declare module INSPECTOR {
 }
 declare module INSPECTOR {
-    export interface IExtensibilityOption {
-        label: string;
-        action: (entity: any) => void;
-    }
-    export interface IExtensibilityGroup {
-        predicate: (entity: any) => boolean;
-        entries: IExtensibilityOption[];
-    }
-    export interface IInspectorOptions {
-        overlay?: boolean;
-        sceneExplorerRoot?: HTMLElement;
-        actionTabsRoot?: HTMLElement;
-        embedHostRoot?: HTMLElement;
-        showExplorer?: boolean;
-        showInspector?: boolean;
-        embedMode?: boolean;
-        handleResize?: boolean;
-        enablePopup?: boolean;
-        explorerExtensibility?: IExtensibilityGroup[];
-    }
     export class Inspector {
         static OnSelectionChangeObservable: BABYLON.Observable<string>;
         static OnPropertyChangedObservable: BABYLON.Observable<PropertyChangedEvent>;
         static readonly IsVisible: boolean;
-        static Show(scene: BABYLON.Scene, userOptions: Partial<IInspectorOptions>): void;
+        static Show(scene: BABYLON.Scene, userOptions: Partial<BABYLON.IInspectorOptions>): void;
         static Hide(): void;
     }
 }

inspector/src/Inspector.ts

@@ -8,7 +8,6 @@ import { EmbedHostComponent } from "./components/embedHost/embedHostComponent";
 import { PropertyChangedEvent } from "./components/propertyChangedEvent";
 import { GlobalState } from "./components/globalState";
 
-
 interface IInternalInspectorOptions extends IInspectorOptions {
     popup: boolean;
     original: boolean;

inspector/src/components/sceneExplorer/entities/cameraTreeItemComponent.tsx

@@ -1,14 +1,13 @@
-import { Camera, Observer, Scene, Nullable } from "babylonjs";
+import { Camera, Observer, Scene, Nullable, IExplorerExtensibilityGroup } from "babylonjs";
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { faVideo, faCamera } from '@fortawesome/free-solid-svg-icons';
 import { TreeItemLabelComponent } from "../treeItemLabelComponent";
-import { IExtensibilityGroup } from "../../../inspector";
 import { ExtensionsComponent } from "../extensionsComponent";
 import * as React from "react";
 
 interface ICameraTreeItemComponentProps {
     camera: Camera,
-    extensibilityGroups?: IExtensibilityGroup[],
+    extensibilityGroups?: IExplorerExtensibilityGroup[],
     onClick: () => void
 }
 

inspector/src/components/sceneExplorer/entities/lightTreeItemComponent.tsx

@@ -1,15 +1,14 @@
-import { Light } from "babylonjs";
+import { Light, IExplorerExtensibilityGroup } from "babylonjs";
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { faLightbulb } from '@fortawesome/free-solid-svg-icons';
 import { faLightbulb as faLightbubRegular } from '@fortawesome/free-regular-svg-icons';
 import { TreeItemLabelComponent } from "../treeItemLabelComponent";
-import { IExtensibilityGroup } from "../../../inspector";
 import { ExtensionsComponent } from "../extensionsComponent";
 import * as React from "react";
 
 interface ILightTreeItemComponentProps {
     light: Light,
-    extensibilityGroups?: IExtensibilityGroup[]
+    extensibilityGroups?: IExplorerExtensibilityGroup[]
     onClick: () => void
 }
 

inspector/src/components/sceneExplorer/entities/materialTreeItemComponent.tsx

@@ -1,13 +1,12 @@
 import { faBrush } from '@fortawesome/free-solid-svg-icons';
-import { Material } from "babylonjs";
+import { Material, IExplorerExtensibilityGroup } from "babylonjs";
 import { TreeItemLabelComponent } from "../treeItemLabelComponent";
-import { IExtensibilityGroup } from "../../../inspector";
 import { ExtensionsComponent } from "../extensionsComponent";
 import * as React from 'react';
 
 interface IMaterialTreeItemComponentProps {
     material: Material,
-    extensibilityGroups?: IExtensibilityGroup[],
+    extensibilityGroups?: IExplorerExtensibilityGroup[],
     onClick: () => void
 }
 

inspector/src/components/sceneExplorer/entities/meshTreeItemComponent.tsx

@@ -1,16 +1,15 @@
-import { AbstractMesh, Mesh } from "babylonjs";
+import { AbstractMesh, Mesh, IExplorerExtensibilityGroup } from "babylonjs";
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { faCube } from '@fortawesome/free-solid-svg-icons';
 import { faEye, faEyeSlash } from '@fortawesome/free-regular-svg-icons';
 import { faVectorSquare } from '@fortawesome/free-solid-svg-icons';
 import { TreeItemLabelComponent } from "../treeItemLabelComponent";
-import { IExtensibilityGroup } from "../../../inspector";
 import { ExtensionsComponent } from "../extensionsComponent";
 import * as React from "react";
 
 interface IMeshTreeItemComponentProps {
     mesh: AbstractMesh,
-    extensibilityGroups?: IExtensibilityGroup[],
+    extensibilityGroups?: IExplorerExtensibilityGroup[],
     onClick: () => void
 }
 

inspector/src/components/sceneExplorer/entities/sceneTreeItemComponent.tsx

@@ -1,7 +1,6 @@
-import { Scene, Observable, PointerInfo, Observer, Nullable } from "babylonjs";
+import { Scene, Observable, PointerInfo, Observer, Nullable, IExplorerExtensibilityGroup } from "babylonjs";
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { faSyncAlt, faImage, faCrosshairs, faArrowsAlt, faCompress, faRedoAlt } from '@fortawesome/free-solid-svg-icons';
-import { IExtensibilityGroup } from "../../../inspector";
 import { ExtensionsComponent } from "../extensionsComponent";
 import * as React from "react";
 
@@ -9,7 +8,7 @@ interface ISceneTreeItemComponentProps {
     scene: Scene,
     onRefresh: () => void,
     selectedEntity?: any,
-    extensibilityGroups?: IExtensibilityGroup[],
+    extensibilityGroups?: IExplorerExtensibilityGroup[],
     onSelectionChangeObservable?: Observable<any>
 }
 

inspector/src/components/sceneExplorer/entities/textureTreeItemComponent.tsx

@@ -1,13 +1,12 @@
 import { faImage } from '@fortawesome/free-solid-svg-icons';
-import { Texture } from "babylonjs";
+import { Texture, IExplorerExtensibilityGroup } from "babylonjs";
 import { TreeItemLabelComponent } from "../treeItemLabelComponent";
-import { IExtensibilityGroup } from "../../../inspector";
 import { ExtensionsComponent } from "../extensionsComponent";
 import * as React from 'react';
 
 interface ITextureTreeItemComponentProps {
     texture: Texture,
-    extensibilityGroups?: IExtensibilityGroup[],
+    extensibilityGroups?: IExplorerExtensibilityGroup[],
     onClick: () => void
 }
 

inspector/src/components/sceneExplorer/entities/transformNodeTreeItemComponent.tsx

@@ -1,13 +1,12 @@
-import { TransformNode } from "babylonjs";
+import { TransformNode, IExplorerExtensibilityGroup } from "babylonjs";
 import { faCube } from '@fortawesome/free-solid-svg-icons';
 import { TreeItemLabelComponent } from "../treeItemLabelComponent";
-import { IExtensibilityGroup } from "../../../inspector";
 import { ExtensionsComponent } from "../extensionsComponent";
 import * as React from "react";
 
 interface ITransformNodeItemComponentProps {
     transformNode: TransformNode,
-    extensibilityGroups?: IExtensibilityGroup[],
+    extensibilityGroups?: IExplorerExtensibilityGroup[],
     onClick: () => void
 }
 

inspector/src/components/sceneExplorer/extensionsComponent.tsx

@@ -1,12 +1,11 @@
-import { IExtensibilityGroup } from "../../inspector";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { faEllipsisH } from '@fortawesome/free-solid-svg-icons';
 import * as React from "react";
-import { Nullable } from "babylonjs";
+import { Nullable, IExplorerExtensibilityGroup } from "babylonjs";
 
 interface IExtensionsComponentProps {
     target: any,
-    extensibilityGroups?: IExtensibilityGroup[]
+    extensibilityGroups?: IExplorerExtensibilityGroup[]
 }
 
 export class ExtensionsComponent extends React.Component<IExtensionsComponentProps, { popupVisible: boolean }> {

inspector/src/components/sceneExplorer/sceneExplorerComponent.tsx

@@ -1,11 +1,10 @@
 import * as React from "react";
-import { Scene, Observer, Nullable } from "babylonjs";
+import { Scene, Observer, Nullable, IExplorerExtensibilityGroup } from "babylonjs";
 import { TreeItemComponent } from "./treeItemComponent";
 import Resizable from "re-resizable";
 import { HeaderComponent } from "../headerComponent";
 import { SceneTreeItemComponent } from "./entities/sceneTreeItemComponent";
 import { Tools } from "../../tools";
-import { IExtensibilityGroup } from "../../inspector";
 import { GlobalState } from "components/globalState";
 
 require("./sceneExplorer.scss");
@@ -34,7 +33,7 @@ interface ISceneExplorerComponentProps {
     noCommands?: boolean,
     noHeader?: boolean,
     noExpand?: boolean,
-    extensibilityGroups?: IExtensibilityGroup[],
+    extensibilityGroups?: IExplorerExtensibilityGroup[],
     globalState: GlobalState,
     popupMode?: boolean,
     onPopup?: () => void,

inspector/src/components/sceneExplorer/treeItemComponent.tsx

@@ -1,10 +1,9 @@
 import * as React from "react";
-import { Nullable, Observable } from "babylonjs";
+import { Nullable, Observable, IExplorerExtensibilityGroup } from "babylonjs";
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { faPlus, faMinus, faBan } from '@fortawesome/free-solid-svg-icons';
 import { TreeItemSelectableComponent } from "./treeItemSelectableComponent";
 import { Tools } from "../../tools";
-import { IExtensibilityGroup } from "../../inspector";
 
 interface ITreeItemExpandableHeaderComponentProps {
     isExpanded: boolean,
@@ -58,7 +57,7 @@ export interface ITreeItemComponentProps {
     onSelectionChangeObservable?: Observable<any>,
     entity?: any,
     selectedEntity: any,
-    extensibilityGroups?: IExtensibilityGroup[]
+    extensibilityGroups?: IExplorerExtensibilityGroup[]
 }
 
 

inspector/src/components/sceneExplorer/treeItemSelectableComponent.tsx

@@ -1,17 +1,16 @@
 import { TreeItemSpecializedComponent } from "./treeItemSpecializedComponent";
-import { Observable, Nullable, Node } from "babylonjs";
+import { Observable, Nullable, Node, IExplorerExtensibilityGroup } from "babylonjs";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { faMinus, faPlus } from "@fortawesome/free-solid-svg-icons";
 import { Tools } from "../../tools";
 import * as ReactDOM from "react-dom";
-import { IExtensibilityGroup } from "../../inspector";
 import * as React from "react";
 
 export interface ITreeItemSelectableComponentProps {
     entity: any,
     selectedEntity?: any,
     offset: number,
-    extensibilityGroups?: IExtensibilityGroup[],
+    extensibilityGroups?: IExplorerExtensibilityGroup[],
     onSelectionChangeObservable?: Observable<any>,
     filter: Nullable<string>
 }

inspector/src/components/sceneExplorer/treeItemSpecializedComponent.tsx

@@ -1,4 +1,4 @@
-import { AbstractMesh, Camera, Light, Material, Texture, TransformNode } from "babylonjs";
+import { AbstractMesh, Camera, Light, Material, Texture, TransformNode, IExplorerExtensibilityGroup } from "babylonjs";
 import { MeshTreeItemComponent } from "./entities/meshTreeItemComponent";
 import { CameraTreeItemComponent } from "./entities/cameraTreeItemComponent";
 import { LightTreeItemComponent } from "./entities/lightTreeItemComponent";
@@ -6,14 +6,13 @@ import { TreeItemLabelComponent } from "./treeItemLabelComponent";
 import { faProjectDiagram } from '@fortawesome/free-solid-svg-icons';
 import { MaterialTreeItemComponent } from "./entities/materialTreeItemComponent";
 import { TextureTreeItemComponent } from "./entities/textureTreeItemComponent";
-import { IExtensibilityGroup } from "../../inspector";
 import { TransformNodeItemComponent } from "./entities/transformNodeTreeItemComponent";
 import * as React from "react";
 
 interface ITreeItemSpecializedComponentProps {
     label: string,
     entity?: any,
-    extensibilityGroups?: IExtensibilityGroup[],
+    extensibilityGroups?: IExplorerExtensibilityGroup[],
     onClick?: () => void
 }