Browse Source

es modules

Raanan Weber 7 years ago
parent
commit
97091d7165
49 changed files with 210 additions and 134 deletions
  1. 6 3
      inspector/src/Inspector.ts
  2. 2 2
      inspector/src/adapters/Adapter.ts
  3. 4 4
      inspector/src/adapters/CameraAdapter.ts
  4. 5 5
      inspector/src/adapters/GUIAdapter.ts
  5. 4 4
      inspector/src/adapters/LightAdapter.ts
  6. 4 4
      inspector/src/adapters/MaterialAdapter.ts
  7. 8 8
      inspector/src/adapters/MeshAdapter.ts
  8. 4 4
      inspector/src/adapters/PhysicsImpostorAdapter.ts
  9. 3 3
      inspector/src/adapters/SoundAdapter.ts
  10. 9 0
      inspector/src/adapters/index.ts
  11. 2 2
      inspector/src/details/DetailPanel.ts
  12. 7 7
      inspector/src/details/PropertyLine.ts
  13. 3 0
      inspector/src/details/index.ts
  14. 2 2
      inspector/src/gui/BasicElement.ts
  15. 1 1
      inspector/src/gui/ColorElement.ts
  16. 3 3
      inspector/src/gui/ColorPickerElement.ts
  17. 2 2
      inspector/src/gui/CubeTextureElement.ts
  18. 1 1
      inspector/src/gui/HDRCubeTextureElement.ts
  19. 3 3
      inspector/src/gui/SearchBar.ts
  20. 1 1
      inspector/src/gui/TextureElement.ts
  21. BIN
      inspector/src/gui/gui.zip
  22. 8 0
      inspector/src/gui/index.ts
  23. 6 6
      inspector/src/helpers/Helpers.ts
  24. 8 0
      inspector/src/helpers/ISplit.ts
  25. 1 0
      inspector/src/helpers/index.ts
  26. 13 0
      inspector/src/index.ts
  27. 1 0
      inspector/src/scheduler/index.ts
  28. 3 3
      inspector/src/tabs/CameraTab.ts
  29. 4 5
      inspector/src/tabs/ConsoleTab.ts
  30. 9 9
      inspector/src/tabs/GLTFTab.ts
  31. 3 3
      inspector/src/tabs/MaterialTab.ts
  32. 4 4
      inspector/src/tabs/MeshTab.ts
  33. 4 4
      inspector/src/tabs/PhysicsTab.ts
  34. 3 4
      inspector/src/tabs/PropertyTab.ts
  35. 7 9
      inspector/src/tabs/SceneTab.ts
  36. 3 3
      inspector/src/tabs/StatsTab.ts
  37. 1 1
      inspector/src/tabs/Tab.ts
  38. 12 12
      inspector/src/tabs/TabBar.ts
  39. 1 0
      inspector/src/tabs/TextureTab.ts
  40. 3 3
      inspector/src/tabs/ToolsTab.ts
  41. 16 0
      inspector/src/tabs/index.ts
  42. 4 4
      inspector/src/tools/LabelTool.ts
  43. 1 1
      inspector/src/tools/PauseScheduleTool.ts
  44. 2 2
      inspector/src/tools/PickTool.ts
  45. 1 1
      inspector/src/tools/PopupTool.ts
  46. 1 1
      inspector/src/tools/RefreshTool.ts
  47. 9 0
      inspector/src/tools/index.ts
  48. 1 0
      inspector/src/tree/index.ts
  49. 7 0
      inspector/src/treetools/index.ts

+ 6 - 3
inspector/src/Inspector.ts

@@ -1,9 +1,12 @@
-import { Scene, Nullable, Tools, AbstractMesh } from "babylonjs";
-import { TabBar } from "./tabs/TabBar";
+import { AbstractMesh, Nullable, Scene, Tools } from "babylonjs";
+import * as GUI from "babylonjs-gui";
+import Split from "Split";
 import { Helpers } from "./helpers/Helpers";
 import { Helpers } from "./helpers/Helpers";
+import { loadGUIProperties } from "./properties_gui";
 import { Scheduler } from "./scheduler/Scheduler";
 import { Scheduler } from "./scheduler/Scheduler";
+import { TabBar } from "./tabs/TabBar";
 
 
-import * as GUI from "babylonjs-gui";
+import "../sass/main.scss";
 
 
 export class Inspector {
 export class Inspector {
 
 

+ 2 - 2
inspector/src/adapters/Adapter.ts

@@ -1,7 +1,7 @@
-import { AbstractTreeTool } from "../treetools/AbstractTreeTool";
+import { Geometry } from "babylonjs";
 import { PropertyLine } from "../details/PropertyLine";
 import { PropertyLine } from "../details/PropertyLine";
+import { AbstractTreeTool } from "../treetools/AbstractTreeTool";
 
 
-import { Geometry } from "babylonjs";
 
 
 export abstract class Adapter {
 export abstract class Adapter {
 
 

+ 4 - 4
inspector/src/adapters/CameraAdapter.ts

@@ -1,9 +1,9 @@
-import { Adapter } from "./Adapter";
-import { ICameraPOV, CameraPOV } from "../treetools/CameraPOV";
 import { Camera } from "babylonjs";
 import { Camera } from "babylonjs";
-import { Helpers } from "../helpers/Helpers";
+import { AbstractTreeTool } from "../treetools/AbstractTreeTool";
 import { PropertyLine } from "../details/PropertyLine";
 import { PropertyLine } from "../details/PropertyLine";
-import { AbstractTreeTool } from "treetools/AbstractTreeTool";
+import { Helpers } from "../helpers/Helpers";
+import { CameraPOV, ICameraPOV } from "../treetools/CameraPOV";
+import { Adapter } from "./Adapter";
 
 
 
 
 export class CameraAdapter
 export class CameraAdapter

+ 5 - 5
inspector/src/adapters/GUIAdapter.ts

@@ -1,10 +1,10 @@
+import * as GUI from "babylonjs-gui";
+import { PropertyLine } from "../details/PropertyLine";
+import { Helpers } from "../helpers/Helpers";
+import { AbstractTreeTool } from "../treetools/AbstractTreeTool";
+import { Checkbox, IToolVisible } from "../treetools/Checkbox";
 import { Adapter } from "./Adapter";
 import { Adapter } from "./Adapter";
-import { IToolVisible, Checkbox } from "treetools/Checkbox";
-import { Helpers } from "helpers/Helpers";
-import { PropertyLine } from "details/PropertyLine";
-import { AbstractTreeTool } from "treetools/AbstractTreeTool";
 
 
-import * as GUI from "babylonjs-gui";
 
 
 export class GUIAdapter
 export class GUIAdapter
     extends Adapter
     extends Adapter

+ 4 - 4
inspector/src/adapters/LightAdapter.ts

@@ -1,8 +1,8 @@
+import { PropertyLine } from "../details/PropertyLine";
+import { Helpers } from "../helpers/Helpers";
+import { AbstractTreeTool } from "../treetools/AbstractTreeTool";
+import { Checkbox, IToolVisible } from "../treetools/Checkbox";
 import { Adapter } from "./Adapter";
 import { Adapter } from "./Adapter";
-import { IToolVisible, Checkbox } from "treetools/Checkbox";
-import { Helpers } from "helpers/Helpers";
-import { PropertyLine } from "details/PropertyLine";
-import { AbstractTreeTool } from "treetools/AbstractTreeTool";
 
 
 export class LightAdapter
 export class LightAdapter
     extends Adapter
     extends Adapter

+ 4 - 4
inspector/src/adapters/MaterialAdapter.ts

@@ -1,8 +1,8 @@
-import { Adapter } from "./Adapter";
 import { Material } from "babylonjs";
 import { Material } from "babylonjs";
-import { Helpers } from "helpers/Helpers";
-import { PropertyLine } from "details/PropertyLine";
-import { AbstractTreeTool } from "treetools/AbstractTreeTool";
+import { PropertyLine } from "../details/PropertyLine";
+import { Helpers } from "../helpers/Helpers";
+import { AbstractTreeTool } from "../treetools/AbstractTreeTool";
+import { Adapter } from "./Adapter";
 
 
 export class MaterialAdapter
 export class MaterialAdapter
     extends Adapter {
     extends Adapter {

+ 8 - 8
inspector/src/adapters/MeshAdapter.ts

@@ -1,12 +1,12 @@
+import { AbstractMesh, Debug, Node, Nullable, Observer, Scene, TransformNode, Vector3 } from "babylonjs";
+import { PropertyLine } from "../details/PropertyLine";
+import { Helpers } from "../helpers/Helpers";
+import { AbstractTreeTool } from "../treetools/AbstractTreeTool";
+import { BoundingBox, IToolBoundingBox } from "../treetools/BoundingBox";
+import { Checkbox, IToolVisible } from "../treetools/Checkbox";
+import { DebugArea, IToolDebug } from "../treetools/DebugArea";
+import { Info, IToolInfo } from "../treetools/Info";
 import { Adapter } from "./Adapter";
 import { Adapter } from "./Adapter";
-import { IToolVisible, Checkbox } from "treetools/Checkbox";
-import { IToolDebug, DebugArea } from "treetools/DebugArea";
-import { IToolBoundingBox, BoundingBox } from "treetools/BoundingBox";
-import { IToolInfo, Info } from "treetools/Info";
-import { Nullable, Observer, Scene, AbstractMesh, Vector3, Debug, TransformNode, Node } from "babylonjs";
-import { Helpers } from "helpers/Helpers";
-import { PropertyLine } from "details/PropertyLine";
-import { AbstractTreeTool } from "treetools/AbstractTreeTool";
 
 
 
 
 export class MeshAdapter
 export class MeshAdapter

+ 4 - 4
inspector/src/adapters/PhysicsImpostorAdapter.ts

@@ -1,9 +1,9 @@
-import { Adapter } from "./Adapter";
-import { IToolVisible, Checkbox } from "treetools/Checkbox";
-import { PhysicsImpostor, AbstractMesh } from "babylonjs";
-import { Helpers } from "helpers/Helpers";
+import { AbstractMesh, PhysicsImpostor } from "babylonjs";
 import { PropertyLine } from "../details/PropertyLine";
 import { PropertyLine } from "../details/PropertyLine";
+import { Helpers } from "../helpers/Helpers";
 import { AbstractTreeTool } from "../treetools/AbstractTreeTool";
 import { AbstractTreeTool } from "../treetools/AbstractTreeTool";
+import { Checkbox, IToolVisible } from "../treetools/Checkbox";
+import { Adapter } from "./Adapter";
 
 
 
 
 export class PhysicsImpostorAdapter
 export class PhysicsImpostorAdapter

+ 3 - 3
inspector/src/adapters/SoundAdapter.ts

@@ -1,9 +1,9 @@
-import { Adapter } from "./Adapter";
-import { ISoundInteractions, SoundInteractions } from "treetools/SoundInteractions";
 import { Sound } from "babylonjs";
 import { Sound } from "babylonjs";
-import { Helpers } from "helpers/Helpers";
 import { PropertyLine } from "../details/PropertyLine";
 import { PropertyLine } from "../details/PropertyLine";
+import { Helpers } from "../helpers/Helpers";
 import { AbstractTreeTool } from "../treetools/AbstractTreeTool";
 import { AbstractTreeTool } from "../treetools/AbstractTreeTool";
+import { ISoundInteractions, SoundInteractions } from "../treetools/SoundInteractions";
+import { Adapter } from "./Adapter";
 
 
 
 
 export class SoundAdapter
 export class SoundAdapter

+ 9 - 0
inspector/src/adapters/index.ts

@@ -0,0 +1,9 @@
+export * from './Adapter';
+export * from './CameraAdapter';
+export * from './GUIAdapter';
+export * from './LightAdapter';
+export * from './MaterialAdapter';
+export * from './MeshAdapter';
+export * from './PhysicsImpostorAdapter';
+export * from './SoundAdapter';
+export * from './TextureAdapter';

+ 2 - 2
inspector/src/details/DetailPanel.ts

@@ -1,8 +1,8 @@
 import { BasicElement } from "../gui/BasicElement";
 import { BasicElement } from "../gui/BasicElement";
-import { PropertyLine } from "./PropertyLine";
 import { SearchBarDetails } from "../gui/SearchBar";
 import { SearchBarDetails } from "../gui/SearchBar";
 import { Helpers } from "../helpers/Helpers";
 import { Helpers } from "../helpers/Helpers";
 import { Inspector } from "../Inspector";
 import { Inspector } from "../Inspector";
+import { PropertyLine } from "./PropertyLine";
 
 
 export interface SortDirection {
 export interface SortDirection {
     [property: string]: number;
     [property: string]: number;
@@ -18,7 +18,7 @@ export class DetailPanel extends BasicElement {
     private _sortDirection: SortDirection = {};
     private _sortDirection: SortDirection = {};
     // The search bar
     // The search bar
     private _searchDetails: SearchBarDetails;
     private _searchDetails: SearchBarDetails;
-    private _details: HTMLElement;
+    private _details: HTMLDivElement;
 
 
     constructor(dr?: Array<PropertyLine>) {
     constructor(dr?: Array<PropertyLine>) {
         super();
         super();

+ 7 - 7
inspector/src/details/PropertyLine.ts

@@ -1,13 +1,13 @@
-import { Property } from "./Property";
-import { BasicElement } from "../gui/BasicElement";
 import { Nullable } from "babylonjs";
 import { Nullable } from "babylonjs";
-import { Helpers } from "../helpers/Helpers";
-import { Scheduler } from "../scheduler/Scheduler";
-import { TextureElement } from "../gui/TextureElement";
-import { HDRCubeTextureElement } from "../gui/HDRCubeTextureElement";
+import { BasicElement } from "../gui/BasicElement";
+import { ColorPickerElement } from "../gui/ColorPickerElement";
 import { CubeTextureElement } from "../gui/CubeTextureElement";
 import { CubeTextureElement } from "../gui/CubeTextureElement";
+import { HDRCubeTextureElement } from "../gui/HDRCubeTextureElement";
+import { TextureElement } from "../gui/TextureElement";
+import { Helpers } from "../helpers/Helpers";
 import { PROPERTIES } from "../properties";
 import { PROPERTIES } from "../properties";
-import { ColorPickerElement } from "../gui/ColorPickerElement";
+import { Scheduler } from "../scheduler/Scheduler";
+import { Property } from "./Property";
 
 
 export class PropertyFormatter {
 export class PropertyFormatter {
 
 

+ 3 - 0
inspector/src/details/index.ts

@@ -0,0 +1,3 @@
+export * from './DetailPanel';
+export * from './Property';
+export * from './PropertyLine';

+ 2 - 2
inspector/src/gui/BasicElement.ts

@@ -6,7 +6,7 @@ import { Helpers } from "../helpers/Helpers";
  */
  */
 export abstract class BasicElement {
 export abstract class BasicElement {
 
 
-    protected _div: HTMLElement;
+    protected _div: HTMLDivElement;
 
 
     constructor() {
     constructor() {
         this._div = Helpers.CreateDiv();
         this._div = Helpers.CreateDiv();
@@ -15,7 +15,7 @@ export abstract class BasicElement {
     /**
     /**
      * Returns the div element
      * Returns the div element
      */
      */
-    public toHtml(): HTMLElement {
+    public toHtml(): HTMLDivElement {
         return this._div;
         return this._div;
     }
     }
 
 

+ 1 - 1
inspector/src/gui/ColorElement.ts

@@ -1,5 +1,5 @@
+import { Color3, Color4 } from "babylonjs";
 import { BasicElement } from "./BasicElement";
 import { BasicElement } from "./BasicElement";
-import { Color4, Color3 } from "babylonjs";
 
 
 /**
 /**
 * Display a very small div corresponding to the given color
 * Display a very small div corresponding to the given color

+ 3 - 3
inspector/src/gui/ColorPickerElement.ts

@@ -1,8 +1,8 @@
-import { BasicElement } from "./BasicElement";
+import { Color3, Color4 } from "babylonjs";
 import { PropertyLine } from "../details/PropertyLine";
 import { PropertyLine } from "../details/PropertyLine";
-import { Color4, Color3 } from "babylonjs";
-import { Scheduler } from "../scheduler/Scheduler";
 import { Helpers } from "../helpers/Helpers";
 import { Helpers } from "../helpers/Helpers";
+import { Scheduler } from "../scheduler/Scheduler";
+import { BasicElement } from "./BasicElement";
 
 
 /**
 /**
  * Represents a html div element. 
  * Represents a html div element. 

+ 2 - 2
inspector/src/gui/CubeTextureElement.ts

@@ -1,6 +1,6 @@
-import { BasicElement } from "./BasicElement";
-import { Engine, Scene, Mesh, Texture, CubeTexture, StandardMaterial, Color4 } from "babylonjs";
+import { Color4, CubeTexture, Engine, Mesh, Scene, StandardMaterial, Texture } from "babylonjs";
 import { Helpers } from "../helpers/Helpers";
 import { Helpers } from "../helpers/Helpers";
+import { BasicElement } from "./BasicElement";
 
 
 /**
 /**
 * Display a very small div. A new canvas is created, with a new js scene, containing only the 
 * Display a very small div. A new canvas is created, with a new js scene, containing only the 

+ 1 - 1
inspector/src/gui/HDRCubeTextureElement.ts

@@ -1,5 +1,5 @@
+import { HDRCubeTexture, Mesh, PBRMaterial, Texture } from "babylonjs";
 import { CubeTextureElement } from "./CubeTextureElement";
 import { CubeTextureElement } from "./CubeTextureElement";
-import { Texture, HDRCubeTexture, Mesh, PBRMaterial } from "babylonjs";
 
 
 /**
 /**
 * Display a very small div. A new canvas is created, with a new js scene, containing only the 
 * Display a very small div. A new canvas is created, with a new js scene, containing only the 

+ 3 - 3
inspector/src/gui/SearchBar.ts

@@ -1,7 +1,7 @@
-import { BasicElement } from "./BasicElement";
-import { PropertyTab } from "../tabs/PropertyTab";
-import { Inspector } from "../Inspector";
 import { DetailPanel } from "../details/DetailPanel";
 import { DetailPanel } from "../details/DetailPanel";
+import { Inspector } from "../Inspector";
+import { PropertyTab } from "../tabs/PropertyTab";
+import { BasicElement } from "./BasicElement";
 
 
 
 
 /**
 /**

+ 1 - 1
inspector/src/gui/TextureElement.ts

@@ -1,6 +1,6 @@
-import { BasicElement } from "./BasicElement";
 import { Texture } from "babylonjs";
 import { Texture } from "babylonjs";
 import { Helpers } from "../helpers/Helpers";
 import { Helpers } from "../helpers/Helpers";
+import { BasicElement } from "./BasicElement";
 
 
 /**
 /**
 * Display a very small div corresponding to the given texture. On mouse over, display the full image
 * Display a very small div corresponding to the given texture. On mouse over, display the full image

BIN
inspector/src/gui/gui.zip


+ 8 - 0
inspector/src/gui/index.ts

@@ -0,0 +1,8 @@
+export * from './BasicElement';
+export * from './ColorElement';
+export * from './ColorPickerElement';
+export * from './CubeTextureElement';
+export * from './HDRCubeTextureElement';
+export * from './SearchBar';
+export * from './TextureElement';
+export * from './Tooltip';

+ 6 - 6
inspector/src/helpers/Helpers.ts

@@ -1,8 +1,8 @@
-import { Tools, Nullable } from "babylonjs";
-import { PROPERTIES } from "../properties";
-import { Inspector } from "../Inspector";
-import { PropertyLine } from "../details/PropertyLine";
+import { Nullable, Tools } from "babylonjs";
 import { Property } from "../details/Property";
 import { Property } from "../details/Property";
+import { PropertyLine } from "../details/PropertyLine";
+import { Inspector } from "../Inspector";
+import { PROPERTIES } from "../properties";
 
 
 export class Helpers {
 export class Helpers {
 
 
@@ -114,8 +114,8 @@ export class Helpers {
     /**
     /**
      * Useful function used to create a div
      * Useful function used to create a div
      */
      */
-    public static CreateDiv(className: Nullable<string> = null, parent?: HTMLElement): HTMLElement {
-        return Helpers.CreateElement('div', className, parent);
+    public static CreateDiv(className: Nullable<string> = null, parent?: HTMLElement): HTMLDivElement {
+        return <HTMLDivElement>Helpers.CreateElement('div', className, parent);
     }
     }
 
 
     /**
     /**

+ 8 - 0
inspector/src/helpers/ISplit.ts

@@ -0,0 +1,8 @@
+interface ISplit {
+    (elements: HTMLElement[], options: any): void;
+}
+declare const Split: ISplit;
+
+declare module "Split" {
+    export default Split;
+}

+ 1 - 0
inspector/src/helpers/index.ts

@@ -0,0 +1 @@
+export * from './Helpers';

+ 13 - 0
inspector/src/index.ts

@@ -0,0 +1,13 @@
+export * from './adapters';
+export * from './details';
+export * from './gui';
+export * from './helpers';
+export * from './scheduler';
+export * from './tabs';
+export * from './tools';
+export * from './tree';
+export * from './treetools';
+
+export * from './Inspector';
+export * from './properties';
+export * from './properties_gui';

+ 1 - 0
inspector/src/scheduler/index.ts

@@ -0,0 +1 @@
+export * from './Scheduler';

+ 3 - 3
inspector/src/tabs/CameraTab.ts

@@ -1,8 +1,8 @@
-import { PropertyTab } from "./PropertyTab";
+import { CameraAdapter } from "../adapters/CameraAdapter";
 import { Inspector } from "../Inspector";
 import { Inspector } from "../Inspector";
-import { TabBar } from "./TabBar";
 import { TreeItem } from "../tree/TreeItem";
 import { TreeItem } from "../tree/TreeItem";
-import { CameraAdapter } from "../adapters/CameraAdapter";
+import { PropertyTab } from "./PropertyTab";
+import { TabBar } from "./TabBar";
 
 
 
 
 export class CameraTab extends PropertyTab {
 export class CameraTab extends PropertyTab {

+ 4 - 5
inspector/src/tabs/ConsoleTab.ts

@@ -1,10 +1,9 @@
-import { Tab } from "./Tab";
+import { Tools } from "babylonjs";
+import Split from "Split";
+import { Helpers } from "../helpers/Helpers";
 import { Inspector } from "../Inspector";
 import { Inspector } from "../Inspector";
+import { Tab } from "./Tab";
 import { TabBar } from "./TabBar";
 import { TabBar } from "./TabBar";
-import { Helpers } from "../helpers/Helpers";
-import { Tools } from "babylonjs";
-
-declare function Split(elements: HTMLDivElement[], options: any): void;
 
 
 /** 
 /** 
  * The console tab will have two features : 
  * The console tab will have two features : 

+ 9 - 9
inspector/src/tabs/GLTFTab.ts

@@ -1,14 +1,14 @@
-import { Tab } from "./Tab";
-import { Inspector } from "../Inspector";
+import { Mesh, NullEngine, PBRMaterial, Scene, SceneLoader, StandardMaterial, Texture, TransformNode } from "babylonjs";
+import { GLTF2, GLTFFileLoader } from "babylonjs-loaders";
+import { GLTF2Export } from "babylonjs-serializers";
 import { DetailPanel } from "../details/DetailPanel";
 import { DetailPanel } from "../details/DetailPanel";
-import { SceneLoader, NullEngine, Scene, TransformNode, Mesh, PBRMaterial, StandardMaterial, Texture } from "babylonjs";
-import { TabBar } from "./TabBar";
-import { Helpers } from "../helpers/Helpers";
-import { PropertyLine } from "../details/PropertyLine";
 import { Property } from "../details/Property";
 import { Property } from "../details/Property";
-
-
-declare function Split(elements: HTMLElement[], options: any): any;
+import { PropertyLine } from "../details/PropertyLine";
+import { Helpers } from "../helpers/Helpers";
+import { Inspector } from "../Inspector";
+import { Tab } from "./Tab";
+import { TabBar } from "./TabBar";
+import Split from "Split";
 
 
 interface ILoaderDefaults {
 interface ILoaderDefaults {
     [extensionName: string]: {
     [extensionName: string]: {

+ 3 - 3
inspector/src/tabs/MaterialTab.ts

@@ -1,8 +1,8 @@
-import { PropertyTab } from "./PropertyTab";
-import { TabBar } from "./TabBar";
+import { MaterialAdapter } from "../adapters/MaterialAdapter";
 import { Inspector } from "../Inspector";
 import { Inspector } from "../Inspector";
 import { TreeItem } from "../tree/TreeItem";
 import { TreeItem } from "../tree/TreeItem";
-import { MaterialAdapter } from "../adapters/MaterialAdapter";
+import { PropertyTab } from "./PropertyTab";
+import { TabBar } from "./TabBar";
 
 
 export class MaterialTab extends PropertyTab {
 export class MaterialTab extends PropertyTab {
 
 

+ 4 - 4
inspector/src/tabs/MeshTab.ts

@@ -1,10 +1,10 @@
-import { PropertyTab } from "./PropertyTab";
-import { Inspector } from "../Inspector";
-import { TabBar } from "./TabBar";
-import { TreeItem } from "../tree/TreeItem";
 import { Node, TransformNode } from "babylonjs";
 import { Node, TransformNode } from "babylonjs";
 import { MeshAdapter } from "../adapters/MeshAdapter";
 import { MeshAdapter } from "../adapters/MeshAdapter";
 import { Helpers } from "../helpers/Helpers";
 import { Helpers } from "../helpers/Helpers";
+import { Inspector } from "../Inspector";
+import { TreeItem } from "../tree/TreeItem";
+import { PropertyTab } from "./PropertyTab";
+import { TabBar } from "./TabBar";
 
 
 
 
 export class MeshTab extends PropertyTab {
 export class MeshTab extends PropertyTab {

+ 4 - 4
inspector/src/tabs/PhysicsTab.ts

@@ -1,9 +1,9 @@
-import { PropertyTab } from "./PropertyTab";
-import { TabBar } from "./TabBar";
-import { Inspector } from "../Inspector";
-import { TreeItem } from "../tree/TreeItem";
 import { Debug } from "babylonjs";
 import { Debug } from "babylonjs";
 import { PhysicsImpostorAdapter } from "../adapters/PhysicsImpostorAdapter";
 import { PhysicsImpostorAdapter } from "../adapters/PhysicsImpostorAdapter";
+import { Inspector } from "../Inspector";
+import { TreeItem } from "../tree/TreeItem";
+import { PropertyTab } from "./PropertyTab";
+import { TabBar } from "./TabBar";
 
 
 export class PhysicsTab extends PropertyTab {
 export class PhysicsTab extends PropertyTab {
 
 

+ 3 - 4
inspector/src/tabs/PropertyTab.ts

@@ -1,3 +1,5 @@
+import { AbstractMesh, Nullable } from "babylonjs";
+import Split from "Split";
 import { DetailPanel } from "../details/DetailPanel";
 import { DetailPanel } from "../details/DetailPanel";
 import { SearchBar } from "../gui/SearchBar";
 import { SearchBar } from "../gui/SearchBar";
 import { Helpers } from "../helpers/Helpers";
 import { Helpers } from "../helpers/Helpers";
@@ -5,9 +7,6 @@ import { Inspector } from "../Inspector";
 import { TreeItem } from "../tree/TreeItem";
 import { TreeItem } from "../tree/TreeItem";
 import { Tab } from "./Tab";
 import { Tab } from "./Tab";
 import { TabBar } from "./TabBar";
 import { TabBar } from "./TabBar";
-import { Nullable, AbstractMesh } from "babylonjs";
-
-declare function Split(elements: HTMLDivElement[], options: any): void;
 
 
 /**
 /**
  * A Property tab can creates two panels: 
  * A Property tab can creates two panels: 
@@ -19,7 +18,7 @@ export abstract class PropertyTab extends Tab {
 
 
     protected _inspector: Inspector;
     protected _inspector: Inspector;
     /** The panel containing a list of items */
     /** The panel containing a list of items */
-    protected _treePanel: HTMLElement;
+    protected _treePanel: HTMLDivElement;
     /** The panel containing a list if properties corresponding to an item */
     /** The panel containing a list if properties corresponding to an item */
     protected _detailsPanel: DetailPanel;
     protected _detailsPanel: DetailPanel;
     protected _treeItems: Array<TreeItem> = [];
     protected _treeItems: Array<TreeItem> = [];

+ 7 - 9
inspector/src/tabs/SceneTab.ts

@@ -1,14 +1,12 @@
-import { Tab } from "./Tab";
-import { Inspector } from "../Inspector";
+import { Debug, StandardMaterial } from "babylonjs";
+import Split from "Split";
 import { DetailPanel } from "../details/DetailPanel";
 import { DetailPanel } from "../details/DetailPanel";
-import { TabBar } from "./TabBar";
-import { Helpers } from "../helpers/Helpers";
-import { PropertyLine } from "../details/PropertyLine";
 import { Property } from "../details/Property";
 import { Property } from "../details/Property";
-import { StandardMaterial, Debug } from "babylonjs";
-
-declare function Split(elements: HTMLElement[], options: any): void;
-
+import { PropertyLine } from "../details/PropertyLine";
+import { Helpers } from "../helpers/Helpers";
+import { Inspector } from "../Inspector";
+import { Tab } from "./Tab";
+import { TabBar } from "./TabBar";
 
 
 export class SceneTab extends Tab {
 export class SceneTab extends Tab {
 
 

+ 3 - 3
inspector/src/tabs/StatsTab.ts

@@ -1,8 +1,8 @@
-import { Tab } from "./Tab";
+import { Engine, EngineInstrumentation, Nullable, Scene, SceneInstrumentation, Tools } from "babylonjs";
+import { Helpers } from "../helpers/Helpers";
 import { Inspector } from "../Inspector";
 import { Inspector } from "../Inspector";
-import { Scene, Engine, Nullable, SceneInstrumentation, EngineInstrumentation, Tools } from "babylonjs";
+import { Tab } from "./Tab";
 import { TabBar } from "./TabBar";
 import { TabBar } from "./TabBar";
-import { Helpers } from "../helpers/Helpers";
 
 
 export class StatsTab extends Tab {
 export class StatsTab extends Tab {
 
 

+ 1 - 1
inspector/src/tabs/Tab.ts

@@ -1,7 +1,7 @@
 import { BasicElement } from "../gui/BasicElement";
 import { BasicElement } from "../gui/BasicElement";
-import { TabBar } from "./TabBar";
 import { Inspector } from "../Inspector";
 import { Inspector } from "../Inspector";
 import { TreeItem } from "../tree/TreeItem";
 import { TreeItem } from "../tree/TreeItem";
+import { TabBar } from "./TabBar";
 
 
 
 
 export abstract class Tab extends BasicElement {
 export abstract class Tab extends BasicElement {

+ 12 - 12
inspector/src/tabs/TabBar.ts

@@ -1,24 +1,24 @@
+import { AbstractMesh, Nullable } from "babylonjs";
+import * as GUI from "babylonjs-gui";
 import { BasicElement } from "../gui/BasicElement";
 import { BasicElement } from "../gui/BasicElement";
-import { Tab } from "./Tab";
+import { Helpers } from "../helpers/Helpers";
 import { Inspector } from "../Inspector";
 import { Inspector } from "../Inspector";
-import { MeshTab } from "./MeshTab";
 import { Toolbar } from "../tools/Toolbar";
 import { Toolbar } from "../tools/Toolbar";
-import { SceneTab } from "./SceneTab";
+import { CameraTab } from "./CameraTab";
 import { ConsoleTab } from "./ConsoleTab";
 import { ConsoleTab } from "./ConsoleTab";
-import { StatsTab } from "./StatsTab";
-import { TextureTab } from "./TextureTab";
-import { LightTab } from "./LightTab";
-import { MaterialTab } from "./MaterialTab";
 import { GLTFTab } from "./GLTFTab";
 import { GLTFTab } from "./GLTFTab";
-
-import * as GUI from "babylonjs-gui";
 import { GUITab } from "./GUITab";
 import { GUITab } from "./GUITab";
+import { LightTab } from "./LightTab";
+import { MaterialTab } from "./MaterialTab";
+import { MeshTab } from "./MeshTab";
 import { PhysicsTab } from "./PhysicsTab";
 import { PhysicsTab } from "./PhysicsTab";
-import { CameraTab } from "./CameraTab";
+import { SceneTab } from "./SceneTab";
 import { SoundTab } from "./SoundTab";
 import { SoundTab } from "./SoundTab";
+import { StatsTab } from "./StatsTab";
+import { Tab } from "./Tab";
+import { TextureTab } from "./TextureTab";
 import { ToolsTab } from "./ToolsTab";
 import { ToolsTab } from "./ToolsTab";
-import { Helpers } from "../helpers/Helpers";
-import { AbstractMesh, Nullable } from "babylonjs";
+
 
 
 /**
 /**
  * A tab bar will contains each view the inspector can have : Canvas2D, Meshes...
  * A tab bar will contains each view the inspector can have : Canvas2D, Meshes...

+ 1 - 0
inspector/src/tabs/TextureTab.ts

@@ -1,4 +1,5 @@
 import { CubeTexture, RenderTargetTexture, Tools } from "babylonjs";
 import { CubeTexture, RenderTargetTexture, Tools } from "babylonjs";
+import Split from "Split";
 import { TextureAdapter } from "../adapters/TextureAdapter";
 import { TextureAdapter } from "../adapters/TextureAdapter";
 import { Helpers } from "../helpers/Helpers";
 import { Helpers } from "../helpers/Helpers";
 import { Inspector } from "../Inspector";
 import { Inspector } from "../Inspector";

+ 3 - 3
inspector/src/tabs/ToolsTab.ts

@@ -1,8 +1,8 @@
-import { Tab } from "./Tab";
+import { CubeTexture, Engine, EnvironmentTextureTools, Nullable, Scene, Tools } from "babylonjs";
+import { Helpers } from "../helpers/Helpers";
 import { Inspector } from "../Inspector";
 import { Inspector } from "../Inspector";
-import { Scene, Engine, Nullable, Tools, CubeTexture, EnvironmentTextureTools } from "babylonjs";
+import { Tab } from "./Tab";
 import { TabBar } from "./TabBar";
 import { TabBar } from "./TabBar";
-import { Helpers } from "../helpers/Helpers";
 
 
 export class ToolsTab extends Tab {
 export class ToolsTab extends Tab {
 
 

+ 16 - 0
inspector/src/tabs/index.ts

@@ -0,0 +1,16 @@
+export * from './CameraTab';
+export * from './ConsoleTab';
+export * from './GLTFTab';
+export * from './GUITab';
+export * from './LightTab';
+export * from './MaterialTab';
+export * from './MeshTab';
+export * from './PhysicsTab';
+export * from './PropertyTab';
+export * from './SceneTab';
+export * from './SoundTab';
+export * from './StatsTab';
+export * from './Tab';
+export * from './TabBar';
+export * from './TextureTab';
+export * from './ToolsTab';

+ 4 - 4
inspector/src/tools/LabelTool.ts

@@ -1,9 +1,9 @@
-import { AbstractTool } from "./AbstractTool";
-import { Nullable, Scene, AbstractMesh } from "babylonjs";
-import { Inspector } from "../Inspector";
-
+import { AbstractMesh, Nullable, Scene } from "babylonjs";
 import * as GUI from "babylonjs-gui";
 import * as GUI from "babylonjs-gui";
 import { Helpers } from "../helpers/Helpers";
 import { Helpers } from "../helpers/Helpers";
+import { Inspector } from "../Inspector";
+import { AbstractTool } from "./AbstractTool";
+
 
 
 export class LabelTool extends AbstractTool {
 export class LabelTool extends AbstractTool {
 
 

+ 1 - 1
inspector/src/tools/PauseScheduleTool.ts

@@ -1,6 +1,6 @@
-import { AbstractTool } from "./AbstractTool";
 import { Inspector } from "../Inspector";
 import { Inspector } from "../Inspector";
 import { Scheduler } from "../scheduler/Scheduler";
 import { Scheduler } from "../scheduler/Scheduler";
+import { AbstractTool } from "./AbstractTool";
 
 
 
 
 export class PauseScheduleTool extends AbstractTool {
 export class PauseScheduleTool extends AbstractTool {

+ 2 - 2
inspector/src/tools/PickTool.ts

@@ -1,6 +1,6 @@
-import { AbstractTool } from "./AbstractTool";
-import { Inspector } from "../Inspector";
 import { AbstractMesh } from "babylonjs";
 import { AbstractMesh } from "babylonjs";
+import { Inspector } from "../Inspector";
+import { AbstractTool } from "./AbstractTool";
 
 
 
 
 export class PickTool extends AbstractTool {
 export class PickTool extends AbstractTool {

+ 1 - 1
inspector/src/tools/PopupTool.ts

@@ -1,5 +1,5 @@
-import { AbstractTool } from "./AbstractTool";
 import { Inspector } from "../Inspector";
 import { Inspector } from "../Inspector";
+import { AbstractTool } from "./AbstractTool";
 
 
 
 
 export class PopupTool extends AbstractTool {
 export class PopupTool extends AbstractTool {

+ 1 - 1
inspector/src/tools/RefreshTool.ts

@@ -1,5 +1,5 @@
-import { AbstractTool } from "./AbstractTool";
 import { Inspector } from "../Inspector";
 import { Inspector } from "../Inspector";
+import { AbstractTool } from "./AbstractTool";
 
 
 
 
 export class RefreshTool extends AbstractTool {
 export class RefreshTool extends AbstractTool {

+ 9 - 0
inspector/src/tools/index.ts

@@ -0,0 +1,9 @@
+export * from './AbstractTool';
+export * from './DisposeTool';
+export * from './FullscreenTool';
+export * from './LabelTool';
+export * from './PauseScheduleTool';
+export * from './PickTool';
+export * from './PopupTool';
+export * from './RefreshTool';
+export * from './Toolbar';

+ 1 - 0
inspector/src/tree/index.ts

@@ -0,0 +1 @@
+export * from './TreeItem';

+ 7 - 0
inspector/src/treetools/index.ts

@@ -0,0 +1,7 @@
+export * from './AbstractTreeTool';
+export * from './BoundingBox';
+export * from './CameraPOV';
+export * from './Checkbox';
+export * from './DebugArea';
+export * from './Info';
+export * from './SoundInteractions';