@babylonjs/inspector 8.29.0-preview → 8.29.1-preview

package/lib/index.d.ts

@@ -759,6 +759,11 @@ type SidePane = Readonly<{
      * Can be either "left" or "right".
      */
     horizontalLocation: "left" | "right";
+    /**
+     * The vertical location of the side pane.
+     * Can be either "top" or "bottom".
+     */
+    verticalLocation: "top" | "bottom";
     /**
      * An optional title for the side pane, displayed as a standardized header at the top of the pane.
      */
@@ -799,6 +804,7 @@ interface IShellService extends IService<typeof ShellServiceIdentity> {
     addCentralContent(content: CentralContent): IDisposable$1;
 }
 type ToolbarMode = "full" | "compact";
+type SidePaneMode = "both" | "right";
 /**
  * Options for configuring the shell service.
  */
@@ -826,6 +832,13 @@ type ShellServiceOptions = {
      * In "compact" mode, toolbars are displayed at the top and bottom of the left and right side panes.
      */
     toolbarMode?: ToolbarMode;
+    /**
+     * The mode of the side panes.
+     * Can be either "both" (default) or "right".
+     * In "both" mode, side panes can be added to both the left and right sides.
+     * In "right" mode, all left panes are moved to the upper right, and all right panes are moved to the lower right.
+     */
+    sidePaneMode?: SidePaneMode;
 };
 
 declare const PropertiesServiceIdentity: unique symbol;
@@ -4031,12 +4044,13 @@ declare class VertexBuffer {
      */
     isUpdatable(): boolean;
     /**
-     * Gets current buffer's data
-     * @returns a DataArray or null
+     * Gets the raw data from the underlying buffer.
+     * Note: The data may include more than just this vertex buffer's values.
+     * @returns the buffer data as a DataArray, or null.
      */
     getData(): Nullable<DataArray>;
     /**
-     * Gets current buffer's data as a float array. Float data is constructed if the vertex buffer data cannot be returned directly.
+     * Gets this vertex buffer's data as a float array. Float data is constructed if the vertex buffer data cannot be returned directly.
      * @param totalVertices number of vertices in the buffer to take into account
      * @param forceCopy defines a boolean indicating that the returned array must be cloned upon returning it
      * @returns a float array containing vertex data
@@ -26075,6 +26089,8 @@ interface ObjectRendererOptions {
     numPasses?: number;
     /** True (default) to not change the aspect ratio of the scene in the RTT */
     doNotChangeAspectRatio?: boolean;
+    /** True to enable clustered lights (default: false) */
+    enableClusteredLights?: boolean;
 }
 /**
  * A class that renders objects to the currently bound render target.
@@ -26413,6 +26429,8 @@ interface RenderTargetTextureOptions {
     gammaSpace?: boolean;
     /** If not provided (default), a new object renderer instance will be created */
     existingObjectRenderer?: ObjectRenderer;
+    /** True to enable clustered lights (default: false) */
+    enableClusteredLights?: boolean;
 }
 /**
  * This Helps creating a texture that will be created from a camera in your scene.
@@ -36621,6 +36639,18 @@ declare class TargetCamera extends Camera {
      * Speed multiplier for inverse camera panning
      */
     inverseRotationSpeed: number;
+    /**
+     * @internal
+     * @experimental
+     * Can be used to change clamping behavior for inertia. Hook into onBeforeRenderObservable to change the value per-frame
+     */
+    _panningEpsilon: number;
+    /**
+     * @internal
+     * @experimental
+     * Can be used to change clamping behavior for inertia. Hook into onBeforeRenderObservable to change the value per-frame
+     */
+    _rotationEpsilon: number;
     /**
      * Define the current target of the camera as an object or a position.
      * Please note that locking a target will disable panning.
@@ -45996,6 +46026,10 @@ declare class FrameGraphTextureManager {
      * Gets or sets a boolean indicating if debug logs should be shown when applying texture allocation optimization (default: false)
      */
     showDebugLogsForTextureAllcationOptimization: boolean;
+    /** If provided (greater than 0), forces the output screen width for percentage-based textures. If not provided (0), engine.getRenderWidth() will be used */
+    forcedOutputScreenWidth: number;
+    /** If provided (greater than 0), forces the output screen height for percentage-based textures. If not provided (0), engine.getRenderHeight() will be used */
+    forcedOutputScreenHeight: number;
     /**
      * Constructs a new instance of the texture manager
      * @param engine The engine to use
@@ -58249,7 +58283,7 @@ declare class Camera extends Node {
     /**
      * Gets a ray in the forward direction from the camera.
      * @param length Defines the length of the ray to create
-     * @param transform Defines the transform to apply to the ray, by default the world matrix is used to create a workd space ray
+     * @param transform Defines the transform to apply to the ray, by default the world matrix is used to create a world space ray
      * @param origin Defines the start point of the ray which defaults to the camera position
      * @returns the forward ray
      */
@@ -58258,7 +58292,7 @@ declare class Camera extends Node {
      * Gets a ray in the forward direction from the camera.
      * @param refRay the ray to (re)use when setting the values
      * @param length Defines the length of the ray to create
-     * @param transform Defines the transform to apply to the ray, by default the world matrx is used to create a workd space ray
+     * @param transform Defines the transform to apply to the ray, by default the world matrix is used to create a world space ray
      * @param origin Defines the start point of the ray which defaults to the camera position
      * @returns the forward ray
      */

package/lib/index.js

@@ -1,4 +1,4 @@
-export { Z as Accordion, Y as AccordionSection, h as BoundProperty, _ as Button, B as ButtonLine, aj as CalculatePrecision, $ as Checkbox, C as Collapse, a9 as Color3GradientComponent, aq as Color3GradientList, aa as Color4GradientComponent, ar as Color4GradientList, a0 as ColorPickerPopup, ab as ColorStepGradientComponent, a3 as ComboBox, K as ConstructorFactory, D as DebugServiceIdentity, a4 as DraggableLine, a5 as Dropdown, E as ExtensibleAccordion, a8 as FactorGradientComponent, ap as FactorGradientList, F as FileUploadLine, G as GetPropertyDescriptor, W as HideInspector, ac as InfoLabel, a1 as InputHexField, a2 as InputHsvField, X as Inspector, I as InterceptFunction, J as InterceptProperty, U as IsInspectorVisible, H as IsPropertyReadonly, L as LinkToEntityPropertyLine, ad as List, z as MakeDialogTeachingMoment, M as MakeLazyComponent, A as MakePopoverTeachingMoment, o as MakePropertyHook, y as MakeTeachingMoment, ae as MessageBar, a6 as NumberDropdown, as as Pane, P as PaneContainer, af as PositionedPopover, d as PropertiesServiceIdentity, a as SceneContextIdentity, e as SceneExplorerServiceIdentity, ag as SearchBar, ah as SearchBox, Q as SelectionServiceDefinition, O as SelectionServiceIdentity, R as SettingsContextIdentity, f as SettingsServiceIdentity, S as ShellServiceIdentity, V as ShowInspector, ai as SpinButton, g as StatsServiceIdentity, a7 as StringDropdown, ak as Switch, al as SyncedSliderInput, i as TeachingMoment, an as TextInput, am as Textarea, ao as ToggleButton, T as ToolsServiceIdentity, x as useAngleConverters, w as useAsyncResource, l as useColor3Property, m as useColor4Property, q as useEventfulState, p as useInterceptObservable, r as useObservableCollection, u as useObservableState, s as useOrderedObservableCollection, t as usePollingObservable, j as useProperty, n as useQuaternionProperty, v as useResource, k as useVector3Property } from './index-Bt4ndVv5.js';
+export { Z as Accordion, Y as AccordionSection, h as BoundProperty, _ as Button, B as ButtonLine, aj as CalculatePrecision, $ as Checkbox, C as Collapse, a9 as Color3GradientComponent, aq as Color3GradientList, aa as Color4GradientComponent, ar as Color4GradientList, a0 as ColorPickerPopup, ab as ColorStepGradientComponent, a3 as ComboBox, K as ConstructorFactory, D as DebugServiceIdentity, a4 as DraggableLine, a5 as Dropdown, E as ExtensibleAccordion, a8 as FactorGradientComponent, ap as FactorGradientList, F as FileUploadLine, G as GetPropertyDescriptor, W as HideInspector, ac as InfoLabel, a1 as InputHexField, a2 as InputHsvField, X as Inspector, I as InterceptFunction, J as InterceptProperty, U as IsInspectorVisible, H as IsPropertyReadonly, L as LinkToEntityPropertyLine, ad as List, z as MakeDialogTeachingMoment, M as MakeLazyComponent, A as MakePopoverTeachingMoment, o as MakePropertyHook, y as MakeTeachingMoment, ae as MessageBar, a6 as NumberDropdown, as as Pane, P as PaneContainer, af as PositionedPopover, d as PropertiesServiceIdentity, a as SceneContextIdentity, e as SceneExplorerServiceIdentity, ag as SearchBar, ah as SearchBox, Q as SelectionServiceDefinition, O as SelectionServiceIdentity, R as SettingsContextIdentity, f as SettingsServiceIdentity, S as ShellServiceIdentity, V as ShowInspector, ai as SpinButton, g as StatsServiceIdentity, a7 as StringDropdown, ak as Switch, al as SyncedSliderInput, i as TeachingMoment, an as TextInput, am as Textarea, ao as ToggleButton, T as ToolsServiceIdentity, x as useAngleConverters, w as useAsyncResource, l as useColor3Property, m as useColor4Property, q as useEventfulState, p as useInterceptObservable, r as useObservableCollection, u as useObservableState, s as useOrderedObservableCollection, t as usePollingObservable, j as useProperty, n as useQuaternionProperty, v as useResource, k as useVector3Property } from './index-B29Ify1o.js';
 export { Link } from '@fluentui/react-components';
 import 'react/jsx-runtime';
 import 'react';
@@ -11,6 +11,7 @@ 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';
@@ -29,6 +30,7 @@ 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';

package/lib/index.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@babylonjs/inspector",
-    "version": "8.29.0-preview",
+    "version": "8.29.1-preview",
     "type": "module",
     "main": "lib/index.js",
     "module": "lib/index.js",
@@ -20,9 +20,10 @@
         "@babylonjs/loaders": "^8.0.0",
         "@babylonjs/materials": "^8.0.0",
         "@babylonjs/serializers": "^8.0.0",
-        "@fluentui-contrib/react-virtualizer": "^0.1.0",
-        "@fluentui/react-components": "^9.62.0",
-        "@fluentui/react-icons": "^2.0.271",
+        "@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",
         "usehooks-ts": "^3.1.1"

package/lib/creationToolsService-CISLGWl-.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"creationToolsService-CISLGWl-.js","sources":["../../../../../../../../dev/inspector-v2/src/services/creationToolsService.tsx"],"sourcesContent":["import type { ServiceDefinition } from \"../modularity/serviceDefinition\";\r\nimport type { ISceneContext } from \"./sceneContext\";\r\nimport type { IShellService } from \"./shellService\";\r\n\r\nimport { makeStyles, tokens, Accordion, AccordionItem, AccordionHeader, AccordionPanel, Text, Button } from \"@fluentui/react-components\";\r\nimport { ShellServiceIdentity } from \"./shellService\";\r\n\r\nimport { FormNewRegular } from \"@fluentui/react-icons\";\r\nimport { SceneContextIdentity } from \"./sceneContext\";\r\nimport { useObservableState } from \"../hooks/observableHooks\";\r\n\r\n// eslint-disable-next-line @typescript-eslint/naming-convention\r\nconst useStyles = makeStyles({\r\n    section: {\r\n        display: \"flex\",\r\n        flexDirection: \"column\",\r\n        rowGap: tokens.spacingVerticalM,\r\n    },\r\n});\r\n\r\n// TODO: This is just a placeholder for a dynamically installed extension that brings in asset creation tools (node materials, etc.).\r\nexport const CreationToolsServiceDefinition: ServiceDefinition<[], [IShellService, ISceneContext]> = {\r\n    friendlyName: \"Creation Tools\",\r\n    consumes: [ShellServiceIdentity, SceneContextIdentity],\r\n    factory: (shellService, sceneContext) => {\r\n        const registration = shellService.addSidePane({\r\n            key: \"Create\",\r\n            title: \"Create\",\r\n            icon: FormNewRegular,\r\n            horizontalLocation: \"left\",\r\n            content: () => {\r\n                const classes = useStyles();\r\n\r\n                const scene = useObservableState(() => sceneContext.currentScene, sceneContext.currentSceneObservable);\r\n                // eslint-disable-next-line no-console\r\n                console.log(scene);\r\n\r\n                return (\r\n                    <>\r\n                        <Accordion collapsible multiple defaultOpenItems={[\"Materials\", \"Interactivity\"]}>\r\n                            <AccordionItem key=\"Materials\" value=\"Materials\">\r\n                                <AccordionHeader expandIconPosition=\"end\">\r\n                                    <Text size={500}>Materials</Text>\r\n                                </AccordionHeader>\r\n                                <AccordionPanel>\r\n                                    <div className={classes.section}>\r\n                                        <Button>PBR Material</Button>\r\n                                        <Button>Node Material</Button>\r\n                                    </div>\r\n                                </AccordionPanel>\r\n                            </AccordionItem>\r\n                            <AccordionItem key=\"Interactivity\" value=\"Interactivity\">\r\n                                <AccordionHeader expandIconPosition=\"end\">\r\n                                    <Text size={500}>Interactivity</Text>\r\n                                </AccordionHeader>\r\n                                <AccordionPanel>\r\n                                    <div className={classes.section}>\r\n                                        <Button>Flow Graph</Button>\r\n                                    </div>\r\n                                </AccordionPanel>\r\n                            </AccordionItem>\r\n                        </Accordion>\r\n                    </>\r\n                );\r\n            },\r\n        });\r\n\r\n        return {\r\n            dispose: () => registration.dispose(),\r\n        };\r\n    },\r\n};\r\n\r\nexport default {\r\n    serviceDefinitions: [CreationToolsServiceDefinition],\r\n} as const;\r\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA;AACA,MAAM,SAAS,GAAG,UAAU,CAAC;AACzB,IAAA,OAAO,EAAE;AACL,QAAA,OAAO,EAAE,MAAM;AACf,QAAA,aAAa,EAAE,QAAQ;QACvB,MAAM,EAAE,MAAM,CAAC,gBAAgB;AAClC,KAAA;AACJ,CAAA,CAAC;AAEF;AACa,MAAA,8BAA8B,GAA0D;AACjG,IAAA,YAAY,EAAE,gBAAgB;AAC9B,IAAA,QAAQ,EAAE,CAAC,oBAAoB,EAAE,oBAAoB,CAAC;AACtD,IAAA,OAAO,EAAE,CAAC,YAAY,EAAE,YAAY,KAAI;AACpC,QAAA,MAAM,YAAY,GAAG,YAAY,CAAC,WAAW,CAAC;AAC1C,YAAA,GAAG,EAAE,QAAQ;AACb,YAAA,KAAK,EAAE,QAAQ;AACf,YAAA,IAAI,EAAE,cAAc;AACpB,YAAA,kBAAkB,EAAE,MAAM;YAC1B,OAAO,EAAE,MAAK;AACV,gBAAA,MAAM,OAAO,GAAG,SAAS,EAAE;AAE3B,gBAAA,MAAM,KAAK,GAAG,kBAAkB,CAAC,MAAM,YAAY,CAAC,YAAY,EAAE,YAAY,CAAC,sBAAsB,CAAC;;AAEtG,gBAAA,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC;gBAElB,QACIA,0BACIC,IAAC,CAAA,SAAS,IAAC,WAAW,EAAA,IAAA,EAAC,QAAQ,EAAA,IAAA,EAAC,gBAAgB,EAAE,CAAC,WAAW,EAAE,eAAe,CAAC,EAC5E,QAAA,EAAA,CAAAA,IAAA,CAAC,aAAa,EAAiB,EAAA,KAAK,EAAC,WAAW,EAC5C,QAAA,EAAA,CAAAD,GAAA,CAAC,eAAe,EAAC,EAAA,kBAAkB,EAAC,KAAK,EACrC,QAAA,EAAAA,GAAA,CAAC,IAAI,EAAC,EAAA,IAAI,EAAE,GAAG,EAAkB,QAAA,EAAA,WAAA,EAAA,CAAA,EAAA,CACnB,EAClBA,GAAC,CAAA,cAAc,EACX,EAAA,QAAA,EAAAC,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,OAAO,CAAC,OAAO,EAC3B,QAAA,EAAA,CAAAD,GAAA,CAAC,MAAM,EAAA,EAAA,QAAA,EAAA,cAAA,EAAA,CAAsB,EAC7BA,GAAC,CAAA,MAAM,EAAuB,EAAA,QAAA,EAAA,eAAA,EAAA,CAAA,CAAA,EAAA,CAC5B,EACO,CAAA,CAAA,EAAA,EATF,WAAW,CAUd,EAChBC,IAAC,CAAA,aAAa,EAAqB,EAAA,KAAK,EAAC,eAAe,EAAA,QAAA,EAAA,CACpDD,GAAC,CAAA,eAAe,EAAC,EAAA,kBAAkB,EAAC,KAAK,EAAA,QAAA,EACrCA,GAAC,CAAA,IAAI,EAAC,EAAA,IAAI,EAAE,GAAG,EAAA,QAAA,EAAA,eAAA,EAAA,CAAsB,EACvB,CAAA,EAClBA,GAAC,CAAA,cAAc,cACXA,GAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,OAAO,CAAC,OAAO,YAC3BA,GAAC,CAAA,MAAM,EAAoB,EAAA,QAAA,EAAA,YAAA,EAAA,CAAA,EAAA,CACzB,EACO,CAAA,CAAA,EAAA,EARF,eAAe,CASlB,CAAA,EAAA,CACR,EACb,CAAA;aAEV;AACJ,SAAA,CAAC;QAEF,OAAO;AACH,YAAA,OAAO,EAAE,MAAM,YAAY,CAAC,OAAO,EAAE;SACxC;KACJ;;AAGL,2BAAe;IACX,kBAAkB,EAAE,CAAC,8BAA8B,CAAC;CAC9C;;;;"}