@babylonjs/inspector 8.29.2 → 8.30.0-preview

package/lib/index.js

@@ -0,0 +1,104 @@
+export { _ as Accordion, Z as AccordionSection, g as BoundProperty, i as BuiltInsExtensionFeed, $ as Button, B as ButtonLine, ak as CalculatePrecision, a0 as Checkbox, C as Collapse, aa as Color3GradientComponent, ar as Color3GradientList, ab as Color4GradientComponent, as as Color4GradientList, a1 as ColorPickerPopup, ac as ColorStepGradientComponent, a4 as ComboBox, K as ConstructorFactory, D as DebugServiceIdentity, a5 as DraggableLine, a6 as Dropdown, E as ExtensibleAccordion, a9 as FactorGradientComponent, aq as FactorGradientList, F as FileUploadLine, G as GetPropertyDescriptor, X as HideInspector, ad as InfoLabel, a2 as InputHexField, a3 as InputHsvField, Y as Inspector, I as InterceptFunction, J as InterceptProperty, V as IsInspectorVisible, H as IsPropertyReadonly, L as LinkToEntityPropertyLine, ae as List, z as MakeDialogTeachingMoment, M as MakeLazyComponent, A as MakePopoverTeachingMoment, n as MakePropertyHook, y as MakeTeachingMoment, af as MessageBar, a7 as NumberDropdown, at as Pane, P as PaneContainer, ag as PositionedPopover, b as PropertiesServiceIdentity, O as SceneContextIdentity, c as SceneExplorerServiceIdentity, ah as SearchBar, ai as SearchBox, R as SelectionServiceDefinition, Q as SelectionServiceIdentity, U as SettingsContextIdentity, d as SettingsServiceIdentity, f as ShellServiceIdentity, W as ShowInspector, aj as SpinButton, e as StatsServiceIdentity, a8 as StringDropdown, al as Switch, am as SyncedSliderInput, h as TeachingMoment, ao as TextInput, an as Textarea, ap as ToggleButton, T as ToolsServiceIdentity, x as useAngleConverters, w as useAsyncResource, k as useColor3Property, l as useColor4Property, p as useEventfulState, o as useInterceptObservable, r as useObservableCollection, q as useObservableState, s as useOrderedObservableCollection, t as usePollingObservable, u as useProperty, m as useQuaternionProperty, v as useResource, j as useVector3Property } from './index-BTXdoz_s.js';
+export { Link } from '@fluentui/react-components';
+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-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 '@fluentui-contrib/react-resize-handle';
+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 '@babylonjs/core/Engines/engineStore.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/materials/sky/skyMaterial.js';
+import '@babylonjs/core/Engines/engine.js';
+import '@babylonjs/core/Engines/constants.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/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/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/PostProcesses/RenderPipeline/postProcessRenderPipelineManagerSceneComponent.js';
+import '@babylonjs/core/Sprites/spriteSceneComponent.js';
+import '@babylonjs/core/Materials/Textures/dynamicTexture.js';
+import '@babylonjs/core/Events/pointerEvents.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,44 @@
 {
     "name": "@babylonjs/inspector",
-    "version": "8.29.2",
-    "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.30.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.29.2",
-        "@babylonjs/core": "^8.29.2",
-        "@babylonjs/gui": "^8.29.2",
-        "@babylonjs/gui-editor": "^8.29.2",
-        "@babylonjs/loaders": "^8.29.2",
-        "@babylonjs/materials": "^8.29.2",
-        "@babylonjs/serializers": "^8.29.2",
-        "@lts/gui": "1.0.0",
+        "@fluentui-contrib/react-resize-handle": "^0.8.0",
+        "@fluentui-contrib/react-virtualizer": "^0.3.0",
+        "@fluentui/react-components": "^9.70.0",
+        "@fluentui/react-icons": "^2.0.310",
         "react": "^18.2.0",
-        "react-dom": "^18.2.0"
+        "react-dom": "^18.2.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 +47,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
+Documentation and samples coming soon!
 
-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 the `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);
+```