@babylonjs/inspector 8.39.2-preview → 8.39.3-preview

package/lib/{index-B1xdfROw.js → index-Dsv2BDui.js}

@@ -81,7 +81,7 @@ import { RenderingManager } from '@babylonjs/core/Rendering/renderingManager.js'
 import '@babylonjs/core/Rendering/edgesRenderer.js';
 import '@babylonjs/core/Rendering/outlineRenderer.js';
 import { GaussianSplattingMesh } from '@babylonjs/core/Meshes/GaussianSplatting/gaussianSplattingMesh.js';
-import { FactorGradient, Color3Gradient, ColorGradient } from '@babylonjs/core/Misc/gradients.js';
+import { FactorGradient, ColorGradient, Color3Gradient } from '@babylonjs/core/Misc/gradients.js';
 import { GradientBlockColorStep } from '@babylonjs/core/Materials/Node/Blocks/gradientBlock.js';
 import { Attractor } from '@babylonjs/core/Particles/attractor.js';
 import { CreateSphere } from '@babylonjs/core/Meshes/Builders/sphereBuilder.js';
@@ -99,6 +99,7 @@ import { MultiRenderTarget } from '@babylonjs/core/Materials/Textures/multiRende
 import { RenderTargetTexture } from '@babylonjs/core/Materials/Textures/renderTargetTexture.js';
 import { ThinTexture } from '@babylonjs/core/Materials/Textures/thinTexture.js';
 import { WhenTextureReadyAsync, GetTextureDataAsync } from '@babylonjs/core/Misc/textureTools.js';
+import { ClusteredLightContainer } from '@babylonjs/core/Lights/Clustered.js';
 import '@babylonjs/core/Rendering/boundingBoxRenderer.js';
 import '@babylonjs/core/PostProcesses/RenderPipeline/postProcessRenderPipelineManagerSceneComponent.js';
 import '@babylonjs/core/Sprites/spriteSceneComponent.js';
@@ -106,6 +107,8 @@ import { DynamicTexture } from '@babylonjs/core/Materials/Textures/dynamicTextur
 import { PointerEventTypes } from '@babylonjs/core/Events/pointerEvents.js';
 import { EngineStore } from '@babylonjs/core/Engines/engineStore.js';
 import { UniqueIdGenerator } from '@babylonjs/core/Misc/uniqueIdGenerator.js';
+import { DebugLayer } from '@babylonjs/core/Debug/debugLayer.js';
+import { Lazy } from '@babylonjs/core/Misc/lazy.js';
 
 const PropertyContext = createContext(undefined);
 function usePropertyChangedNotifier() {
@@ -3660,7 +3663,7 @@ const DefaultInspectorExtensionFeed = new BuiltInsExtensionFeed("Inspector", [
         keywords: ["export", "gltf", "glb", "babylon", "exporter", "tools"],
         ...BabylonWebResources,
         author: { name: "Alex Chuber", forumUserName: "alexchuber" },
-        getExtensionModuleAsync: async () => await import('./exportService-BtAoouDO.js'),
+        getExtensionModuleAsync: async () => await import('./exportService-CQxYkya9.js'),
     },
     {
         name: "Capture Tools",
@@ -3668,7 +3671,7 @@ const DefaultInspectorExtensionFeed = new BuiltInsExtensionFeed("Inspector", [
         keywords: ["capture", "screenshot", "gif", "video", "tools"],
         ...BabylonWebResources,
         author: { name: "Alex Chuber", forumUserName: "alexchuber" },
-        getExtensionModuleAsync: async () => await import('./captureService-Drl3-xpS.js'),
+        getExtensionModuleAsync: async () => await import('./captureService-Cof9AWXe.js'),
     },
     {
         name: "Import Tools",
@@ -3676,7 +3679,7 @@ const DefaultInspectorExtensionFeed = new BuiltInsExtensionFeed("Inspector", [
         keywords: ["import", "tools"],
         ...BabylonWebResources,
         author: { name: "Alex Chuber", forumUserName: "alexchuber" },
-        getExtensionModuleAsync: async () => await import('./importService-BhIQoWkj.js'),
+        getExtensionModuleAsync: async () => await import('./importService-BJpgs_sD.js'),
     },
 ]);
 
@@ -4784,7 +4787,7 @@ function MakeModularTool(options) {
                 });
                 // Register the extension list service (for browsing/installing extensions) if extension feeds are provided.
                 if (extensionFeeds.length > 0) {
-                    const { ExtensionListServiceDefinition } = await import('./extensionsListService-C7fWebOE.js');
+                    const { ExtensionListServiceDefinition } = await import('./extensionsListService-DlCVAAQD.js');
                     await serviceContainer.addServiceAsync(ExtensionListServiceDefinition);
                 }
                 // Register the theme selector service (for selecting the theme) if theming is configured.
@@ -8841,7 +8844,33 @@ const NodeExplorerServiceDefinition = {
         const sectionRegistration = sceneExplorerService.addSection({
             displayName: "Nodes",
             order: 100 /* DefaultSectionsOrder.Nodes */,
-            getRootEntities: () => scene.rootNodes,
+            getRootEntities: () => {
+                const rootNodes = [...scene.rootNodes];
+                // If any non-root node has a parent and that parent is not one of the node types shown in the Nodes section,
+                // then we should treat it as a root node, otherwise it won't show up anywhere in scene explorer.
+                // An example of this is when a Mesh or a TransformNode is parented under a Bone.
+                for (const node of [...scene.meshes, ...scene.transformNodes, ...scene.cameras, ...scene.lights]) {
+                    if (node.parent &&
+                        !(node.parent instanceof AbstractMesh) &&
+                        !(node.parent instanceof TransformNode) &&
+                        !(node.parent instanceof Camera) &&
+                        !(node.parent instanceof Light)) {
+                        rootNodes.push(node);
+                    }
+                }
+                // Lights within a clustered light container are not included in Scene.lights or Scene.rootNodes.
+                // If they also have no parent, then they won't show up anywhere, so show them as root nodes.
+                for (const light of scene.lights) {
+                    if (light instanceof ClusteredLightContainer) {
+                        for (const childLight of light.lights) {
+                            if (!childLight.parent && !rootNodes.includes(childLight)) {
+                                rootNodes.push(childLight);
+                            }
+                        }
+                    }
+                }
+                return rootNodes;
+            },
             getEntityChildren: (node) => node.getChildren(),
             getEntityDisplayInfo: (node) => {
                 const onChangeObservable = new Observable();
@@ -9534,22 +9563,14 @@ function ShowInspector(scene, options = {}) {
             friendlyName: "Canvas Injector",
             consumes: [ShellServiceIdentity],
             factory: (shellService) => {
-                const useStyles = makeStyles({
-                    canvasContainer: {
-                        display: canvasContainerDisplay,
-                        width: "100%",
-                        height: "100%",
-                    },
-                });
                 const registration = shellService.addCentralContent({
                     key: "Canvas Injector",
                     component: () => {
-                        const classes = useStyles();
                         const canvasContainerRef = useRef(null);
                         useEffect(() => {
                             canvasContainerRef.current?.replaceChildren(...canvasContainerChildren);
                         }, []);
-                        return jsx("div", { ref: canvasContainerRef, className: classes.canvasContainer });
+                        return jsx("div", { ref: canvasContainerRef, style: { display: canvasContainerDisplay, width: "100%", height: "100%" } });
                     },
                 });
                 return {
@@ -10152,6 +10173,74 @@ Inspector._SidePaneOpenCounter = null;
 Inspector.OnSelectionChangeObservable = new Observable();
 Inspector.OnPropertyChangedObservable = new Observable();
 
+var inspector = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    ConvertOptions: ConvertOptions,
+    Inspector: Inspector
+});
+
+const LazyInspectorModule = new Lazy(async () => await Promise.resolve().then(function () { return inspector; }));
+class DebugLayerEx extends DebugLayer {
+    // eslint-disable-next-line @typescript-eslint/naming-convention
+    async show(config) {
+        // If a custom inspector URL is not provided, default to a lazy dynamic import of the inspector module.
+        if (!config?.inspectorURL) {
+            this.BJSINSPECTOR = await LazyInspectorModule.value;
+        }
+        return await super.show(config);
+    }
+}
+let CachedDebugLayerDescriptor;
+const DebugLayerExKey = Symbol("DebugLayerEx");
+const DebugLayerExDescriptor = {
+    get: function () {
+        // NOTE: We don't replace the _debugLayer property because we want to leave it
+        // intact so we can dynamically switch back to v1. Eventually when v1 is fully
+        // deprecated we can have just a single _debugLayer property.
+        // If there is no DebugLayerEx yet, create it.
+        if (!this[DebugLayerExKey]) {
+            this[DebugLayerExKey] = new DebugLayerEx(this);
+        }
+        return this[DebugLayerExKey];
+    },
+    enumerable: true,
+    configurable: true,
+};
+/**
+ * Attaches Inspector v2 to Scene.debugLayer.
+ */
+function AttachDebugLayer() {
+    const currentPropertyDescriptor = Reflect.getOwnPropertyDescriptor(Scene.prototype, "debugLayer");
+    // Check if Inspector v2 is already attached, but don't compare the property descriptors directly
+    // as getOwnPropertyDescriptor returns a new object instance each time.
+    // Instead, check the get function.
+    if (currentPropertyDescriptor?.get !== DebugLayerExDescriptor.get) {
+        // Cache the property descriptor so we can restore it if/when Inspector v2 is detached from Scene._debugLayer.
+        CachedDebugLayerDescriptor = currentPropertyDescriptor;
+        // Define the debugLayer property to return our extended DebugLayerEx (Inspector v2).
+        Reflect.defineProperty(Scene.prototype, "debugLayer", DebugLayerExDescriptor);
+    }
+}
+/**
+ * Detaches Inspector v2 from Scene.debugLayer.
+ */
+function DetachDebugLayer() {
+    const currentPropertyDescriptor = Reflect.getOwnPropertyDescriptor(Scene.prototype, "debugLayer");
+    // Check if Inspector v2 is already attached, but don't compare the property descriptors directly
+    // as getOwnPropertyDescriptor returns a new object instance each time.
+    // Instead, check the get function.
+    if (currentPropertyDescriptor?.get === DebugLayerExDescriptor.get) {
+        // Revert the debugLayer property descriptor.
+        if (CachedDebugLayerDescriptor) {
+            Reflect.defineProperty(Scene.prototype, "debugLayer", CachedDebugLayerDescriptor);
+            CachedDebugLayerDescriptor = undefined;
+        }
+        else {
+            Reflect.deleteProperty(Scene.prototype, "debugLayer");
+        }
+    }
+}
+
 const useStyles$2 = makeStyles({
     root: {
         // Stack the label above the field with a gap
@@ -10407,5 +10496,9 @@ const TextAreaPropertyLine = (props) => {
     return (jsx(PropertyLine, { ...props, children: jsx(Textarea, { ...props }) }));
 };
 
-export { SettingsContextIdentity as $, useAsyncResource as A, ButtonLine as B, Collapse as C, DebugServiceIdentity as D, ExtensibleAccordion as E, FileUploadLine as F, useCompactMode as G, useSidePaneDockOverrides as H, Inspector as I, useAngleConverters as J, MakeTeachingMoment as K, Link as L, MakeLazyComponent as M, NumberDropdownPropertyLine as N, MakeDialogTeachingMoment as O, PropertiesServiceIdentity as P, InterceptFunction as Q, GetPropertyDescriptor as R, SwitchPropertyLine as S, ToolsServiceIdentity as T, IsPropertyReadonly as U, InterceptProperty as V, ObservableCollection as W, ConstructorFactory as X, SceneContextIdentity as Y, SelectionServiceIdentity as Z, SelectionServiceDefinition as _, SyncedSliderPropertyLine as a, ShowInspector as a0, AccordionSection as a1, Accordion as a2, Button as a3, Checkbox as a4, ColorPickerPopup as a5, InputHexField as a6, InputHsvField as a7, ComboBox as a8, DraggableLine as a9, Color4PropertyLine as aA, HexPropertyLine as aB, TextInputPropertyLine as aC, NumberInputPropertyLine as aD, LinkPropertyLine as aE, PropertyLine as aF, LineContainer as aG, PlaceholderPropertyLine as aH, SpinButtonPropertyLine as aI, StringifiedPropertyLine as aJ, TextAreaPropertyLine as aK, TextPropertyLine as aL, RotationVectorPropertyLine as aM, QuaternionPropertyLine as aN, Vector2PropertyLine as aO, Vector3PropertyLine as aP, Vector4PropertyLine as aQ, Dropdown as aa, NumberDropdown as ab, StringDropdown as ac, FactorGradientComponent as ad, Color3GradientComponent as ae, Color4GradientComponent as af, ColorStepGradientComponent as ag, InfoLabel as ah, List as ai, MessageBar as aj, PositionedPopover as ak, SearchBar as al, SearchBox as am, SpinButton as an, Switch as ao, SyncedSliderInput as ap, Textarea as aq, TextInput as ar, ToggleButton as as, FactorGradientList as at, Color3GradientList as au, Color4GradientList as av, Pane as aw, BooleanBadgePropertyLine as ax, CheckboxPropertyLine as ay, Color3PropertyLine as az, ShellServiceIdentity as b, MakePopoverTeachingMoment as c, TeachingMoment as d, SidePaneContainer as e, SceneExplorerServiceIdentity as f, SettingsServiceIdentity as g, StatsServiceIdentity as h, StringDropdownPropertyLine as i, BoundProperty as j, LinkToEntityPropertyLine as k, BuiltInsExtensionFeed as l, useProperty as m, useVector3Property as n, useColor3Property as o, useColor4Property as p, useQuaternionProperty as q, MakePropertyHook as r, useInterceptObservable as s, useEventfulState as t, useExtensionManager as u, useObservableState as v, useObservableCollection as w, useOrderedObservableCollection as x, usePollingObservable as y, useResource as z };
-//# sourceMappingURL=index-B1xdfROw.js.map
+// Export the parts of inspector that are intended to be part of the public API.
+// Attach Inspector v2 to Scene.debugLayer as a side effect for back compat.
+AttachDebugLayer();
+
+export { SelectionServiceIdentity as $, AttachDebugLayer as A, ButtonLine as B, Collapse as C, DebugServiceIdentity as D, ExtensibleAccordion as E, FileUploadLine as F, useResource as G, useAsyncResource as H, Inspector as I, useCompactMode as J, useSidePaneDockOverrides as K, Link as L, MakeLazyComponent as M, NumberDropdownPropertyLine as N, useAngleConverters as O, PropertiesServiceIdentity as P, MakeTeachingMoment as Q, MakeDialogTeachingMoment as R, SwitchPropertyLine as S, ToolsServiceIdentity as T, InterceptFunction as U, GetPropertyDescriptor as V, IsPropertyReadonly as W, InterceptProperty as X, ObservableCollection as Y, ConstructorFactory as Z, SceneContextIdentity as _, SyncedSliderPropertyLine as a, SelectionServiceDefinition as a0, SettingsContextIdentity as a1, ShowInspector as a2, AccordionSection as a3, Accordion as a4, Button as a5, Checkbox as a6, ColorPickerPopup as a7, InputHexField as a8, InputHsvField as a9, CheckboxPropertyLine as aA, Color3PropertyLine as aB, Color4PropertyLine as aC, HexPropertyLine as aD, TextInputPropertyLine as aE, NumberInputPropertyLine as aF, LinkPropertyLine as aG, PropertyLine as aH, LineContainer as aI, PlaceholderPropertyLine as aJ, SpinButtonPropertyLine as aK, StringifiedPropertyLine as aL, TextAreaPropertyLine as aM, TextPropertyLine as aN, RotationVectorPropertyLine as aO, QuaternionPropertyLine as aP, Vector2PropertyLine as aQ, Vector3PropertyLine as aR, Vector4PropertyLine as aS, ComboBox as aa, DraggableLine as ab, Dropdown as ac, NumberDropdown as ad, StringDropdown as ae, FactorGradientComponent as af, Color3GradientComponent as ag, Color4GradientComponent as ah, ColorStepGradientComponent as ai, InfoLabel as aj, List as ak, MessageBar as al, PositionedPopover as am, SearchBar as an, SearchBox as ao, SpinButton as ap, Switch as aq, SyncedSliderInput as ar, Textarea as as, TextInput as at, ToggleButton as au, FactorGradientList as av, Color3GradientList as aw, Color4GradientList as ax, Pane as ay, BooleanBadgePropertyLine as az, ShellServiceIdentity as b, MakePopoverTeachingMoment as c, TeachingMoment as d, SidePaneContainer as e, SceneExplorerServiceIdentity as f, SettingsServiceIdentity as g, StatsServiceIdentity as h, DetachDebugLayer as i, StringDropdownPropertyLine as j, BoundProperty as k, LinkToEntityPropertyLine as l, BuiltInsExtensionFeed as m, useProperty as n, useVector3Property as o, useColor3Property as p, useColor4Property as q, useQuaternionProperty as r, MakePropertyHook as s, useInterceptObservable as t, useExtensionManager as u, useEventfulState as v, useObservableState as w, useObservableCollection as x, useOrderedObservableCollection as y, usePollingObservable as z };
+//# sourceMappingURL=index-Dsv2BDui.js.map