@babylonjs/inspector 8.36.1 → 8.37.0-preview

package/lib/index.js

@@ -0,0 +1,110 @@
+export { a2 as Accordion, a1 as AccordionSection, ax as BooleanBadgePropertyLine, j as BoundProperty, l as BuiltInsExtensionFeed, a3 as Button, B as ButtonLine, a4 as Checkbox, ay as CheckboxPropertyLine, C as Collapse, ae as Color3GradientComponent, au as Color3GradientList, az as Color3PropertyLine, af as Color4GradientComponent, av as Color4GradientList, aA as Color4PropertyLine, a5 as ColorPickerPopup, ag as ColorStepGradientComponent, a8 as ComboBox, X as ConstructorFactory, D as DebugServiceIdentity, a9 as DraggableLine, aa as Dropdown, E as ExtensibleAccordion, ad as FactorGradientComponent, at as FactorGradientList, F as FileUploadLine, R as GetPropertyDescriptor, aB as HexPropertyLine, ah as InfoLabel, a6 as InputHexField, a7 as InputHsvField, I as Inspector, Q as InterceptFunction, V as InterceptProperty, U as IsPropertyReadonly, aG as LineContainer, L as Link, aE as LinkPropertyLine, k as LinkToEntityPropertyLine, ai as List, O as MakeDialogTeachingMoment, M as MakeLazyComponent, c as MakePopoverTeachingMoment, r as MakePropertyHook, K as MakeTeachingMoment, aj as MessageBar, ab as NumberDropdown, N as NumberDropdownPropertyLine, aD as NumberInputPropertyLine, W as ObservableCollection, aw as Pane, aH as PlaceholderPropertyLine, ak as PositionedPopover, P as PropertiesServiceIdentity, aF as PropertyLine, aN as QuaternionPropertyLine, aM as RotationVectorPropertyLine, Y as SceneContextIdentity, f as SceneExplorerServiceIdentity, al as SearchBar, am as SearchBox, _ as SelectionServiceDefinition, Z as SelectionServiceIdentity, $ as SettingsContextIdentity, g as SettingsServiceIdentity, b as ShellServiceIdentity, a0 as ShowInspector, e as SidePaneContainer, an as SpinButton, aI as SpinButtonPropertyLine, h as StatsServiceIdentity, ac as StringDropdown, i as StringDropdownPropertyLine, aJ as StringifiedPropertyLine, ao as Switch, S as SwitchPropertyLine, ap as SyncedSliderInput, a as SyncedSliderPropertyLine, d as TeachingMoment, aK as TextAreaPropertyLine, ar as TextInput, aC as TextInputPropertyLine, aL as TextPropertyLine, aq as Textarea, as as ToggleButton, T as ToolsServiceIdentity, aO as Vector2PropertyLine, aP as Vector3PropertyLine, aQ as Vector4PropertyLine, J as useAngleConverters, A as useAsyncResource, o as useColor3Property, p as useColor4Property, G as useCompactMode, t as useEventfulState, s as useInterceptObservable, w as useObservableCollection, v as useObservableState, x as useOrderedObservableCollection, y as usePollingObservable, m as useProperty, q as useQuaternionProperty, z as useResource, H as useSidePaneDockOverrides, n as useVector3Property } from './index-B-XOu4uI.js';
+import 'react/jsx-runtime';
+import 'react';
+import '@babylonjs/core/Maths/math.color.js';
+import '@babylonjs/core/Maths/math.vector.js';
+import '@babylonjs/core/Misc/observable.js';
+import '@fluentui/react-components';
+import '@fluentui/react-icons';
+import '@fluentui/react-motion-components-preview';
+import '@babylonjs/core/Misc/typeStore.js';
+import 'usehooks-ts';
+import '@babylonjs/core/Misc/asyncLock.js';
+import '@babylonjs/core/Misc/deferred.js';
+import '@babylonjs/core/Maths/math.scalar.functions.js';
+import '@fluentui-contrib/react-virtualizer';
+import '@babylonjs/addons/msdfText/fontAsset.js';
+import '@babylonjs/addons/msdfText/textRenderer.js';
+import '@babylonjs/core/Debug/physicsViewer.js';
+import '@babylonjs/core/Materials/Textures/texture.js';
+import '@babylonjs/core/Materials/materialFlags.js';
+import '@babylonjs/core/Materials/standardMaterial.js';
+import '@babylonjs/core/Meshes/Builders/groundBuilder.js';
+import '@babylonjs/core/Misc/tools.js';
+import '@babylonjs/core/Rendering/utilityLayerRenderer.js';
+import '@babylonjs/materials/grid/gridMaterial.js';
+import '@babylonjs/core/Misc/dataStorage.js';
+import '@babylonjs/core/Instrumentation/engineInstrumentation.js';
+import '@babylonjs/core/Instrumentation/sceneInstrumentation.js';
+import '@babylonjs/core/Engines/AbstractEngine/abstractEngine.timeQuery.js';
+import '@babylonjs/core/Engines/Extensions/engine.query.js';
+import '@babylonjs/core/Engines/WebGPU/Extensions/engine.query.js';
+import '@babylonjs/core/Misc/PerformanceViewer/performanceViewerCollectionStrategies.js';
+import '@babylonjs/core/Misc/PerformanceViewer/performanceViewerSceneExtension.js';
+import '@babylonjs/core/Misc/pressureObserverWrapper.js';
+import '@babylonjs/core/Engines/abstractEngine.js';
+import 'react-dom/client';
+import '@babylonjs/core/Misc/logger.js';
+import '@babylonjs/core/FrameGraph/frameGraphUtils.js';
+import '@babylonjs/core/Gizmos/cameraGizmo.js';
+import '@babylonjs/core/Gizmos/lightGizmo.js';
+import '@babylonjs/core/Bones/bone.js';
+import '@babylonjs/core/Cameras/camera.js';
+import '@babylonjs/core/Gizmos/gizmoManager.js';
+import '@babylonjs/core/Lights/light.js';
+import '@babylonjs/core/Meshes/abstractMesh.js';
+import '@babylonjs/core/node.js';
+import '@babylonjs/core/Animations/animationGroup.js';
+import '@babylonjs/core/Animations/animationPropertiesOverride.js';
+import '@babylonjs/addons/atmosphere/atmosphere.js';
+import '@babylonjs/core/Cameras/arcRotateCamera.js';
+import '@babylonjs/core/Cameras/followCamera.js';
+import '@babylonjs/core/Cameras/freeCamera.js';
+import '@babylonjs/core/Cameras/targetCamera.js';
+import '@babylonjs/core/scene.js';
+import '@babylonjs/core/FrameGraph/frameGraph.js';
+import '@babylonjs/core/Lights/directionalLight.js';
+import '@babylonjs/core/Lights/hemisphericLight.js';
+import '@babylonjs/core/Lights/pointLight.js';
+import '@babylonjs/core/Lights/rectAreaLight.js';
+import '@babylonjs/core/Lights/shadowLight.js';
+import '@babylonjs/core/Lights/spotLight.js';
+import '@babylonjs/core/Lights/Shadows/cascadedShadowGenerator.js';
+import '@babylonjs/core/Lights/Shadows/shadowGenerator.js';
+import '@babylonjs/core/Lights/Shadows/shadowGeneratorSceneComponent.js';
+import '@babylonjs/core/Materials/material.js';
+import '@babylonjs/core/Materials/multiMaterial.js';
+import '@babylonjs/core/Materials/PBR/pbrBaseMaterial.js';
+import '@babylonjs/core/Materials/PBR/pbrBaseSimpleMaterial.js';
+import '@babylonjs/core/Materials/PBR/pbrMaterial.js';
+import '@babylonjs/core/Materials/PBR/openpbrMaterial.js';
+import '@babylonjs/materials/sky/skyMaterial.js';
+import '@babylonjs/core/Engines/constants.js';
+import '@babylonjs/core/Engines/engine.js';
+import '@babylonjs/core/Particles/particleSystem.js';
+import '@babylonjs/core/Misc/fileTools.js';
+import '@babylonjs/core/Meshes/mesh.js';
+import '@babylonjs/core/Debug/skeletonViewer.js';
+import '@babylonjs/core/Meshes/buffer.js';
+import '@babylonjs/core/Meshes/Builders/linesBuilder.js';
+import '@babylonjs/core/Meshes/instancedMesh.js';
+import '@babylonjs/core/Rendering/renderingManager.js';
+import '@babylonjs/core/Rendering/edgesRenderer.js';
+import '@babylonjs/core/Rendering/outlineRenderer.js';
+import '@babylonjs/core/Meshes/GaussianSplatting/gaussianSplattingMesh.js';
+import '@babylonjs/core/Misc/gradients.js';
+import '@babylonjs/core/Materials/Node/Blocks/gradientBlock.js';
+import '@babylonjs/core/Particles/attractor.js';
+import '@babylonjs/core/Meshes/Builders/sphereBuilder.js';
+import '@babylonjs/core/Meshes/transformNode.js';
+import '@babylonjs/core/Physics/v2/IPhysicsEnginePlugin.js';
+import '@babylonjs/core/Physics/v2/physicsEngineComponent.js';
+import '@babylonjs/core/PostProcesses/postProcess.js';
+import '@babylonjs/core/Materials/Textures/cubeTexture.js';
+import '@babylonjs/core/Materials/imageProcessingConfiguration.js';
+import '@babylonjs/core/Bones/skeleton.js';
+import '@babylonjs/core/Sprites/sprite.js';
+import '@babylonjs/core/Sprites/spriteManager.js';
+import '@babylonjs/core/Materials/Textures/baseTexture.js';
+import '@babylonjs/core/Materials/Textures/multiRenderTarget.js';
+import '@babylonjs/core/Materials/Textures/renderTargetTexture.js';
+import '@babylonjs/core/Materials/Textures/thinTexture.js';
+import '@babylonjs/core/Misc/textureTools.js';
+import '@babylonjs/core/Rendering/boundingBoxRenderer.js';
+import '@babylonjs/core/PostProcesses/RenderPipeline/postProcessRenderPipelineManagerSceneComponent.js';
+import '@babylonjs/core/Sprites/spriteSceneComponent.js';
+import '@babylonjs/core/Materials/Textures/dynamicTexture.js';
+import '@babylonjs/core/Events/pointerEvents.js';
+import '@babylonjs/core/Engines/engineStore.js';
+import '@babylonjs/core/Misc/uniqueIdGenerator.js';
+//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/package.json

@@ -1,59 +1,43 @@
 {
     "name": "@babylonjs/inspector",
-    "version": "8.36.1",
-    "module": "dist/babylon.inspector.bundle.js",
-    "main": "dist/babylon.inspector.bundle.js",
-    "esnext": "dist/babylon.inspector.bundle.js",
-    "typings": "dist/babylon.inspector.module.d.ts",
+    "version": "8.37.0-preview",
+    "type": "module",
+    "main": "lib/index.js",
+    "module": "lib/index.js",
+    "esnext": "lib/index.js",
+    "types": "lib/index.d.ts",
     "files": [
-        "dist/**/*.*",
+        "lib/**/*.js",
+        "lib/**/*.d.ts",
+        "lib/**/*.map",
         "readme.md",
         "license.md"
     ],
-    "scripts": {
-        "build": "npm run clean && npm run build:prod && npm run build:declaration",
-        "build:dev": "webpack --env development",
-        "build:prod": "webpack --env production",
-        "build:declaration": "build-tools -c pud --config ./config.json",
-        "clean": "rimraf dist"
-    },
-    "dependencies": {
-        "@fortawesome/fontawesome-svg-core": "^6.1.0",
-        "@fortawesome/free-regular-svg-icons": "^6.0.0",
-        "@fortawesome/free-solid-svg-icons": "^6.0.0"
-    },
     "peerDependencies": {
         "@babylonjs/addons": "^8.0.0",
         "@babylonjs/core": "^8.0.0",
         "@babylonjs/gui": "^8.0.0",
-        "@babylonjs/gui-editor": "^8.0.0",
         "@babylonjs/loaders": "^8.0.0",
         "@babylonjs/materials": "^8.0.0",
         "@babylonjs/serializers": "^8.0.0",
-        "@types/react": ">=16.7.3",
-        "@types/react-dom": ">=16.0.9"
-    },
-    "devDependencies": {
-        "@babylonjs/addons": "^8.36.1",
-        "@babylonjs/core": "^8.36.1",
-        "@babylonjs/gui": "^8.36.1",
-        "@babylonjs/gui-editor": "^8.36.1",
-        "@babylonjs/loaders": "^8.36.1",
-        "@babylonjs/materials": "^8.36.1",
-        "@babylonjs/serializers": "^8.36.1",
-        "@lts/gui": "1.0.0",
-        "react": "^18.2.0",
-        "react-dom": "^18.2.0"
+        "@fluentui-contrib/react-virtualizer": "^0.5.3",
+        "@fluentui/react-components": "^9.70.0",
+        "@fluentui/react-icons": "^2.0.310",
+        "react": ">=16.14.0 <20.0.0",
+        "react-dom": ">=16.14.0 <20.0.0",
+        "usehooks-ts": "^3.1.1"
     },
     "keywords": [
         "3D",
         "javascript",
         "html5",
         "webgl",
-        "babylon.js"
+        "babylon.js",
+        "inspector",
+        "diagnostic",
+        "debug"
     ],
     "license": "Apache-2.0",
-    "sideEffects": true,
     "homepage": "https://www.babylonjs.com",
     "repository": {
         "type": "git",
@@ -62,4 +46,4 @@
     "bugs": {
         "url": "https://github.com/BabylonJS/Babylon.js/issues"
     }
-}
+}

package/readme.md

@@ -1,26 +1,23 @@
-# Babylon.js inspector module
+# BabylonJS Inspector
 
-For usage documentation please visit https://doc.babylonjs.com/how_to/debug_layer.
+The Babylon Inspector is a diagnostic tool that makes it possible to view and edit the scene graph, properties of entities within the scene, and more.
 
-# Installation instructions
+You can learn more in the Inspector [documentation](https://doc.babylonjs.com/toolsAndResources/inspectorv2/).
 
-To install using npm :
+## Installation
 
-```shell
-npm install @babylonjs/core @babylonjs/inspector
-```
-
-# How to use
-
-Afterwards it can be imported to your project using:
+Install the package using npm:
 
-```javascript
-import "@babylonjs/core/Debug/debugLayer";
-import "@babylonjs/inspector";
+```bash
+npm install @babylonjs/inspector@preview
 ```
 
-The first line will ensure you can access the property debugLayer of the scene while the second will ensure the inspector can be used within your scene.
+The simplest way to use `Inspector` is to call the `ShowInspector` function, passing in your scene:
 
-This is a great example where code splitting or conditional loading could be used to ensure you are not delivering the inspector if not part of your final app.
+```ts
+import { ShowInspector } from "@babylonjs/inspector";
 
-For more information you can have a look at our [ES6 dedicated documentation](https://doc.babylonjs.com/features/es6_support).
+// Your code that sets up a Babylon.js scene...
+
+ShowInspector(scene);
+```