@babylonjs/inspector 8.47.0-preview → 8.47.1-preview

package/lib/{importService-BG3n3RAJ.js → reflectorService-ChA54PIt.js}

@@ -1,11 +1,9 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import { F as FileUploadLine, S as SwitchPropertyLine, C as Collapse, N as NumberDropdownPropertyLine, T as ToolsServiceIdentity } from './index-D89pOD_y.js';
-import { useState } from 'react';
-import { ImportAnimationsAsync } from '@babylonjs/core/Loading/sceneLoader.js';
-import { FilesInput } from '@babylonjs/core/Misc/filesInput.js';
-import { Logger } from '@babylonjs/core/Misc/logger.js';
+import { T as TextInputPropertyLine, N as NumberInputPropertyLine, e as ButtonLine, f as ToolsServiceIdentity } from './index-BDtiVo5p.js';
+import { useState, useRef, useCallback } from 'react';
+import { Reflector } from '@babylonjs/core/Misc/reflector.js';
+import { PlugConnectedRegular } from '@fluentui/react-icons';
 import '@fluentui/react-components';
-import '@fluentui/react-icons';
 import '@babylonjs/core/Maths/math.color.js';
 import '@babylonjs/core/Maths/math.vector.js';
 import '@babylonjs/core/Misc/observable.js';
@@ -14,6 +12,7 @@ import '@fluentui/react-motion-components-preview';
 import 'usehooks-ts';
 import '@babylonjs/core/Misc/asyncLock.js';
 import '@babylonjs/core/Misc/deferred.js';
+import '@babylonjs/core/Misc/logger.js';
 import '@babylonjs/core/Maths/math.scalar.functions.js';
 import '@fluentui-contrib/react-virtualizer';
 import '@babylonjs/addons/msdfText/fontAsset.js';
@@ -35,6 +34,8 @@ 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/Maths/math.scalar.js';
+import '@babylonjs/core/Misc/PerformanceViewer/performanceViewerCollector.js';
 import '@babylonjs/core/Engines/abstractEngine.js';
 import 'react-dom/client';
 import '@babylonjs/core/FrameGraph/frameGraphUtils.js';
@@ -102,6 +103,8 @@ import '@babylonjs/core/Particles/EmitterTypes/pointParticleEmitter.js';
 import '@babylonjs/core/Particles/EmitterTypes/sphereParticleEmitter.js';
 import '@babylonjs/core/Particles/attractor.js';
 import '@babylonjs/core/Meshes/Builders/sphereBuilder.js';
+import '@babylonjs/core/Particles/Node/Blocks/particleInputBlock.js';
+import '@babylonjs/core/Particles/Node/Blocks/Update/updateAttractorBlock.js';
 import '@babylonjs/core/Particles/Node/Enums/nodeParticleBlockConnectionPointTypes.js';
 import '@babylonjs/core/Meshes/transformNode.js';
 import '@babylonjs/core/Physics/v2/IPhysicsEnginePlugin.js';
@@ -133,70 +136,55 @@ 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/Misc/equirectangularCapture.js';
+import '@babylonjs/core/Misc/sceneRecorder.js';
+import '@babylonjs/core/Misc/screenshotTools.js';
+import '@babylonjs/core/Misc/videoRecorder.js';
+import '@babylonjs/core/Misc/sceneSerializer.js';
+import '@babylonjs/core/Misc/environmentTextureTools.js';
+import '@babylonjs/core/Loading/sceneLoader.js';
+import '@babylonjs/core/Misc/filesInput.js';
+import '@babylonjs/loaders/glTF/glTFFileLoader.js';
+import '@babylonjs/loaders/glTF/glTFValidation.js';
 import '@babylonjs/core/Engines/engineStore.js';
 import '@babylonjs/core/Misc/uniqueIdGenerator.js';
 import '@babylonjs/core/Debug/debugLayer.js';
 import '@babylonjs/core/Misc/lazy.js';
 
-const AnimationGroupLoadingModes = [
-    { label: "Clean", value: 0 /* SceneLoaderAnimationGroupLoadingMode.Clean */ },
-    { label: "Stop", value: 1 /* SceneLoaderAnimationGroupLoadingMode.Stop */ },
-    { label: "Sync", value: 2 /* SceneLoaderAnimationGroupLoadingMode.Sync */ },
-    { label: "NoSync", value: 3 /* SceneLoaderAnimationGroupLoadingMode.NoSync */ },
-];
-const ImportAnimationsTools = ({ scene }) => {
-    const [importDefaults, setImportDefaults] = useState({
-        overwriteAnimations: true,
-        animationGroupLoadingMode: 0 /* SceneLoaderAnimationGroupLoadingMode.Clean */,
-    });
-    const importAnimations = (event) => {
-        const reloadAsync = async function (sceneFile) {
-            if (sceneFile) {
-                try {
-                    await ImportAnimationsAsync(sceneFile, scene, {
-                        overwriteAnimations: importDefaults.overwriteAnimations,
-                        animationGroupLoadingMode: importDefaults.animationGroupLoadingMode,
-                    });
-                    if (scene.animationGroups.length > 0) {
-                        const currentGroup = scene.animationGroups[0];
-                        currentGroup.play(true);
-                    }
-                }
-                catch (error) {
-                    Logger.Error(`Error importing animations: ${error}`);
-                }
-            }
-        };
-        const filesInputAnimation = new FilesInput(scene.getEngine(), scene, null, null, null, null, null, reloadAsync, null);
-        filesInputAnimation.loadFiles(event);
-        filesInputAnimation.dispose();
-    };
-    return (jsxs(Fragment, { children: [jsx(FileUploadLine, { label: "Import Animations", accept: "gltf", onClick: (evt) => importAnimations(evt) }), jsx(SwitchPropertyLine, { label: "Overwrite Animations", value: importDefaults.overwriteAnimations, onChange: (value) => {
-                    setImportDefaults({ ...importDefaults, overwriteAnimations: value });
-                } }), jsx(Collapse, { visible: !importDefaults.overwriteAnimations, children: jsx(NumberDropdownPropertyLine, { label: "Animation Merge Mode", options: AnimationGroupLoadingModes, value: importDefaults.animationGroupLoadingMode, onChange: (value) => {
-                        setImportDefaults({ ...importDefaults, animationGroupLoadingMode: value });
-                    } }) })] }));
+const ReflectorTools = ({ scene }) => {
+    const [hostname, setHostname] = useState("localhost");
+    const [port, setPort] = useState(1234);
+    const reflectorRef = useRef(null);
+    const connectReflector = useCallback(() => {
+        if (reflectorRef.current) {
+            reflectorRef.current.close();
+        }
+        reflectorRef.current = new Reflector(scene, hostname, port);
+    }, [scene, hostname, port]);
+    return (jsxs(Fragment, { children: [jsx(TextInputPropertyLine, { label: "Hostname", value: hostname, onChange: (value) => setHostname(value) }), jsx(NumberInputPropertyLine, { label: "Port", value: port, onChange: (value) => setPort(value), forceInt: true }), jsx(ButtonLine, { label: "Connect", icon: PlugConnectedRegular, onClick: connectReflector })] }));
 };
 
-const SceneImportServiceDefinition = {
-    friendlyName: "Import Tool",
+const ReflectorServiceDefinition = {
+    friendlyName: "Reflector Tools",
     consumes: [ToolsServiceIdentity],
     factory: (toolsService) => {
-        const contentRegistration = toolsService.addSectionContent({
-            key: "AnimationImport",
-            section: "Animation Import",
-            component: ({ context }) => jsx(ImportAnimationsTools, { scene: context }),
-        });
+        const contentRegistrations = [];
+        // Reflector content
+        contentRegistrations.push(toolsService.addSectionContent({
+            key: "Reflector",
+            section: "Reflector",
+            component: ({ context }) => jsx(ReflectorTools, { scene: context }),
+        }));
         return {
             dispose: () => {
-                contentRegistration.dispose();
+                contentRegistrations.forEach((registration) => registration.dispose());
             },
         };
     },
 };
-var importService = {
-    serviceDefinitions: [SceneImportServiceDefinition],
+var reflectorService = {
+    serviceDefinitions: [ReflectorServiceDefinition],
 };
 
-export { SceneImportServiceDefinition, importService as default };
-//# sourceMappingURL=importService-BG3n3RAJ.js.map
+export { ReflectorServiceDefinition, reflectorService as default };
+//# sourceMappingURL=reflectorService-ChA54PIt.js.map

package/lib/reflectorService-ChA54PIt.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"reflectorService-ChA54PIt.js","sources":["../../../../../../../../dev/inspector-v2/src/components/tools/reflectorTools.tsx","../../../../../../../../dev/inspector-v2/src/services/panes/tools/reflectorService.tsx"],"sourcesContent":["import { ButtonLine } from \"shared-ui-components/fluent/hoc/buttonLine\";\r\nimport { useState, useCallback, useRef } from \"react\";\r\nimport type { FunctionComponent } from \"react\";\r\nimport type { Scene } from \"core/scene\";\r\nimport { TextInputPropertyLine, NumberInputPropertyLine } from \"shared-ui-components/fluent/hoc/propertyLines/inputPropertyLine\";\r\nimport { Reflector } from \"core/Misc/reflector\";\r\nimport { PlugConnectedRegular } from \"@fluentui/react-icons\";\r\n\r\nexport const ReflectorTools: FunctionComponent<{ scene: Scene }> = ({ scene }) => {\r\n    const [hostname, setHostname] = useState(\"localhost\");\r\n    const [port, setPort] = useState(1234);\r\n    const reflectorRef = useRef<Reflector | null>(null);\r\n\r\n    const connectReflector = useCallback(() => {\r\n        if (reflectorRef.current) {\r\n            reflectorRef.current.close();\r\n        }\r\n\r\n        reflectorRef.current = new Reflector(scene, hostname, port);\r\n    }, [scene, hostname, port]);\r\n\r\n    return (\r\n        <>\r\n            <TextInputPropertyLine label=\"Hostname\" value={hostname} onChange={(value) => setHostname(value)} />\r\n            <NumberInputPropertyLine label=\"Port\" value={port} onChange={(value) => setPort(value)} forceInt />\r\n            <ButtonLine label=\"Connect\" icon={PlugConnectedRegular} onClick={connectReflector} />\r\n        </>\r\n    );\r\n};\r\n","import type { ServiceDefinition } from \"../../../modularity/serviceDefinition\";\r\nimport { ToolsServiceIdentity } from \"../toolsService\";\r\nimport type { IToolsService } from \"../toolsService\";\r\nimport type { IDisposable } from \"core/scene\";\r\nimport { ReflectorTools } from \"../../../components/tools/reflectorTools\";\r\n\r\nexport const ReflectorServiceDefinition: ServiceDefinition<[], [IToolsService]> = {\r\n    friendlyName: \"Reflector Tools\",\r\n    consumes: [ToolsServiceIdentity],\r\n    factory: (toolsService) => {\r\n        const contentRegistrations: IDisposable[] = [];\r\n\r\n        // Reflector content\r\n        contentRegistrations.push(\r\n            toolsService.addSectionContent({\r\n                key: \"Reflector\",\r\n                section: \"Reflector\",\r\n                component: ({ context }) => <ReflectorTools scene={context} />,\r\n            })\r\n        );\r\n\r\n        return {\r\n            dispose: () => {\r\n                contentRegistrations.forEach((registration) => registration.dispose());\r\n            },\r\n        };\r\n    },\r\n};\r\n\r\nexport default {\r\n    serviceDefinitions: [ReflectorServiceDefinition],\r\n} as const;\r\n"],"names":["_jsxs","_Fragment","_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQO,MAAM,cAAc,GAAwC,CAAC,EAAE,KAAK,EAAE,KAAI;IAC7E,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,WAAW,CAAC;IACrD,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC;AACtC,IAAA,MAAM,YAAY,GAAG,MAAM,CAAmB,IAAI,CAAC;AAEnD,IAAA,MAAM,gBAAgB,GAAG,WAAW,CAAC,MAAK;AACtC,QAAA,IAAI,YAAY,CAAC,OAAO,EAAE;AACtB,YAAA,YAAY,CAAC,OAAO,CAAC,KAAK,EAAE;;AAGhC,QAAA,YAAY,CAAC,OAAO,GAAG,IAAI,SAAS,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,CAAC;KAC9D,EAAE,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,CAAC,CAAC;AAE3B,IAAA,QACIA,IAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAA,CACIC,GAAC,CAAA,qBAAqB,IAAC,KAAK,EAAC,UAAU,EAAC,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,KAAK,KAAK,WAAW,CAAC,KAAK,CAAC,EAAA,CAAI,EACpGA,GAAA,CAAC,uBAAuB,EAAA,EAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,KAAK,KAAK,OAAO,CAAC,KAAK,CAAC,EAAE,QAAQ,EAAG,IAAA,EAAA,CAAA,EACnGA,GAAC,CAAA,UAAU,EAAC,EAAA,KAAK,EAAC,SAAS,EAAC,IAAI,EAAE,oBAAoB,EAAE,OAAO,EAAE,gBAAgB,EAAI,CAAA,CAAA,EAAA,CACtF;AAEX,CAAC;;ACtBY,MAAA,0BAA0B,GAA2C;AAC9E,IAAA,YAAY,EAAE,iBAAiB;IAC/B,QAAQ,EAAE,CAAC,oBAAoB,CAAC;AAChC,IAAA,OAAO,EAAE,CAAC,YAAY,KAAI;QACtB,MAAM,oBAAoB,GAAkB,EAAE;;AAG9C,QAAA,oBAAoB,CAAC,IAAI,CACrB,YAAY,CAAC,iBAAiB,CAAC;AAC3B,YAAA,GAAG,EAAE,WAAW;AAChB,YAAA,OAAO,EAAE,WAAW;AACpB,YAAA,SAAS,EAAE,CAAC,EAAE,OAAO,EAAE,KAAKA,GAAA,CAAC,cAAc,EAAA,EAAC,KAAK,EAAE,OAAO,EAAI,CAAA;AACjE,SAAA,CAAC,CACL;QAED,OAAO;YACH,OAAO,EAAE,MAAK;AACV,gBAAA,oBAAoB,CAAC,OAAO,CAAC,CAAC,YAAY,KAAK,YAAY,CAAC,OAAO,EAAE,CAAC;aACzE;SACJ;KACJ;;AAGL,uBAAe;IACX,kBAAkB,EAAE,CAAC,0BAA0B,CAAC;CAC1C;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@babylonjs/inspector",
-    "version": "8.47.0-preview",
+    "version": "8.47.1-preview",
     "type": "module",
     "main": "lib/index.js",
     "module": "lib/index.js",

package/lib/captureService-BvHqJq2V.js

@@ -1,220 +0,0 @@
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import { B as ButtonLine, a as SyncedSliderPropertyLine, S as SwitchPropertyLine, C as Collapse, T as ToolsServiceIdentity } from './index-D89pOD_y.js';
-import { useState, useRef, useCallback } from 'react';
-import { Tools } from '@babylonjs/core/Misc/tools.js';
-import { VideoRecorder } from '@babylonjs/core/Misc/videoRecorder.js';
-import { captureEquirectangularFromScene } from '@babylonjs/core/Misc/equirectangularCapture.js';
-import { CameraRegular, RecordStopRegular, RecordRegular } from '@fluentui/react-icons';
-import { FrameGraphUtils } from '@babylonjs/core/FrameGraph/frameGraphUtils.js';
-import '@fluentui/react-components';
-import '@babylonjs/core/Maths/math.color.js';
-import '@babylonjs/core/Maths/math.vector.js';
-import '@babylonjs/core/Misc/observable.js';
-import '@babylonjs/core/Misc/typeStore.js';
-import '@fluentui/react-motion-components-preview';
-import 'usehooks-ts';
-import '@babylonjs/core/Misc/asyncLock.js';
-import '@babylonjs/core/Misc/deferred.js';
-import '@babylonjs/core/Misc/logger.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/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/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/animation.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/geospatialCamera.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/Debug/directionalLightFrustumViewer.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/Node/nodeMaterial.js';
-import '@babylonjs/core/Materials/PBR/openpbrMaterial.js';
-import '@babylonjs/core/Materials/PBR/pbrBaseMaterial.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/Materials/Node/Blocks/gradientBlock.js';
-import '@babylonjs/core/Materials/Node/Enums/nodeMaterialBlockConnectionPointTypes.js';
-import '@babylonjs/core/Misc/gradients.js';
-import '@babylonjs/core/Misc/fileTools.js';
-import '@babylonjs/core/Materials/Textures/cubeTexture.js';
-import '@babylonjs/core/Meshes/GaussianSplatting/gaussianSplattingMesh.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/Particles/gpuParticleSystem.js';
-import '@babylonjs/core/Particles/Node/nodeParticleSystemSet.helper.js';
-import '@babylonjs/core/Particles/particleHelper.js';
-import '@babylonjs/core/Particles/EmitterTypes/boxParticleEmitter.js';
-import '@babylonjs/core/Particles/EmitterTypes/coneParticleEmitter.js';
-import '@babylonjs/core/Particles/EmitterTypes/cylinderParticleEmitter.js';
-import '@babylonjs/core/Particles/EmitterTypes/hemisphericParticleEmitter.js';
-import '@babylonjs/core/Particles/EmitterTypes/meshParticleEmitter.js';
-import '@babylonjs/core/Particles/EmitterTypes/pointParticleEmitter.js';
-import '@babylonjs/core/Particles/EmitterTypes/sphereParticleEmitter.js';
-import '@babylonjs/core/Particles/attractor.js';
-import '@babylonjs/core/Meshes/Builders/sphereBuilder.js';
-import '@babylonjs/core/Particles/Node/Enums/nodeParticleBlockConnectionPointTypes.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/PostProcesses/RenderPipeline/postProcessRenderPipeline.js';
-import '@babylonjs/core/PostProcesses/RenderPipeline/Pipelines/defaultRenderingPipeline.js';
-import '@babylonjs/core/PostProcesses/RenderPipeline/Pipelines/lensRenderingPipeline.js';
-import '@babylonjs/core/PostProcesses/RenderPipeline/Pipelines/ssaoRenderingPipeline.js';
-import '@babylonjs/core/PostProcesses/RenderPipeline/Pipelines/ssao2RenderingPipeline.js';
-import '@babylonjs/core/PostProcesses/RenderPipeline/Pipelines/ssrRenderingPipeline.js';
-import '@babylonjs/core/Rendering/IBLShadows/iblShadowsRenderPipeline.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/Misc/textureTools.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/Events/keyboardEvents.js';
-import '@babylonjs/core/Events/pointerEvents.js';
-import '@babylonjs/core/Materials/Textures/htmlElementTexture.js';
-import '@babylonjs/core/Materials/shaderMaterial.js';
-import '@babylonjs/core/Meshes/Builders/planeBuilder.js';
-import '@babylonjs/core/Lights/Clustered/clusteredLightContainer.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/Engines/engineStore.js';
-import '@babylonjs/core/Misc/uniqueIdGenerator.js';
-import '@babylonjs/core/Debug/debugLayer.js';
-import '@babylonjs/core/Misc/lazy.js';
-
-const CaptureRttTools = ({ scene }) => {
-    const [useWidthHeight, setUseWidthHeight] = useState(false);
-    const [screenshotSize, setScreenshotSize] = useState({ precision: 1 });
-    const captureRender = useCallback(async () => {
-        const sizeToUse = { ...screenshotSize };
-        if (!useWidthHeight) {
-            sizeToUse.width = undefined;
-            sizeToUse.height = undefined;
-        }
-        if (scene.activeCamera) {
-            Tools.CreateScreenshotUsingRenderTarget(scene.getEngine(), scene.activeCamera, sizeToUse, undefined, undefined, 4);
-        }
-    }, [scene, screenshotSize, useWidthHeight]);
-    return (jsxs(Fragment, { children: [jsx(ButtonLine, { label: "Capture", icon: CameraRegular, onClick: captureRender }), jsx(SyncedSliderPropertyLine, { label: "Precision", value: screenshotSize.precision ?? 1, onChange: (value) => setScreenshotSize({ ...screenshotSize, precision: value ?? 1 }), min: 0.1, max: 10, step: 0.1 }), jsx(SwitchPropertyLine, { label: "Use Custom Width/Height", value: useWidthHeight, onChange: (value) => setUseWidthHeight(value) }), jsxs(Collapse, { visible: useWidthHeight, children: [jsx(SyncedSliderPropertyLine, { label: "Width", value: screenshotSize.width ?? 512, onChange: (data) => setScreenshotSize({ ...screenshotSize, width: data ?? 512 }), min: 1, step: 1 }), jsx(SyncedSliderPropertyLine, { label: "Height", value: screenshotSize.height ?? 512, onChange: (data) => setScreenshotSize({ ...screenshotSize, height: data ?? 512 }), min: 1, step: 1 })] })] }));
-};
-const CaptureScreenshotTools = ({ scene }) => {
-    const [isRecording, setIsRecording] = useState(false);
-    const videoRecorder = useRef();
-    const captureScreenshot = useCallback(() => {
-        const camera = scene.frameGraph ? FrameGraphUtils.FindMainCamera(scene.frameGraph) : scene.activeCamera;
-        if (camera) {
-            Tools.CreateScreenshot(scene.getEngine(), camera, { precision: 1 });
-        }
-    }, [scene]);
-    const captureEquirectangularAsync = useCallback(async () => {
-        const currentActiveCamera = scene.activeCamera;
-        if (!currentActiveCamera && scene.frameGraph) {
-            scene.activeCamera = FrameGraphUtils.FindMainCamera(scene.frameGraph);
-        }
-        if (scene.activeCamera) {
-            await captureEquirectangularFromScene(scene, { size: 1024, filename: "equirectangular_capture.png" });
-        }
-        // eslint-disable-next-line require-atomic-updates
-        scene.activeCamera = currentActiveCamera;
-    }, [scene]);
-    const recordVideoAsync = useCallback(async () => {
-        if (videoRecorder.current && videoRecorder.current.isRecording) {
-            videoRecorder.current.stopRecording();
-            setIsRecording(false);
-            return;
-        }
-        if (!videoRecorder.current) {
-            videoRecorder.current = new VideoRecorder(scene.getEngine());
-        }
-        void videoRecorder.current.startRecording();
-        setIsRecording(true);
-    }, [scene]);
-    return (jsxs(Fragment, { children: [jsx(ButtonLine, { label: "Capture", icon: CameraRegular, onClick: captureScreenshot }), jsx(ButtonLine, { label: "Capture Equirectangular", icon: CameraRegular, onClick: captureEquirectangularAsync }), jsx(ButtonLine, { label: isRecording ? "Stop Recording" : "Record Video", icon: isRecording ? RecordStopRegular : RecordRegular, onClick: recordVideoAsync })] }));
-};
-
-const CaptureServiceDefinition = {
-    friendlyName: "Capture Tools",
-    consumes: [ToolsServiceIdentity],
-    factory: (toolsService) => {
-        const contentRegistrations = [];
-        // Screenshot capture content
-        contentRegistrations.push(toolsService.addSectionContent({
-            key: "Screenshot Capture",
-            section: "Screenshot Capture",
-            component: ({ context }) => jsx(CaptureScreenshotTools, { scene: context }),
-        }));
-        // RTT capture content
-        contentRegistrations.push(toolsService.addSectionContent({
-            key: "RTT Capture",
-            section: "RTT Capture",
-            component: ({ context }) => jsx(CaptureRttTools, { scene: context }),
-        }));
-        return {
-            dispose: () => {
-                contentRegistrations.forEach((registration) => registration.dispose());
-            },
-        };
-    },
-};
-var captureService = {
-    serviceDefinitions: [CaptureServiceDefinition],
-};
-
-export { CaptureServiceDefinition, captureService as default };
-//# sourceMappingURL=captureService-BvHqJq2V.js.map

package/lib/captureService-BvHqJq2V.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"captureService-BvHqJq2V.js","sources":["../../../../../../../../dev/inspector-v2/src/components/tools/captureTools.tsx","../../../../../../../../dev/inspector-v2/src/services/panes/tools/captureService.tsx"],"sourcesContent":["import { ButtonLine } from \"shared-ui-components/fluent/hoc/buttonLine\";\r\nimport { useState, useRef, useCallback } from \"react\";\r\nimport type { FunctionComponent } from \"react\";\r\nimport { Tools } from \"core/Misc/tools\";\r\nimport type { Scene } from \"core/scene\";\r\nimport { SyncedSliderPropertyLine } from \"shared-ui-components/fluent/hoc/propertyLines/syncedSliderPropertyLine\";\r\nimport type { IScreenshotSize } from \"core/Misc/interfaces/screenshotSize\";\r\nimport { SwitchPropertyLine } from \"shared-ui-components/fluent/hoc/propertyLines/switchPropertyLine\";\r\nimport { VideoRecorder } from \"core/Misc/videoRecorder\";\r\nimport { captureEquirectangularFromScene } from \"core/Misc/equirectangularCapture\";\r\nimport { Collapse } from \"shared-ui-components/fluent/primitives/collapse\";\r\nimport { CameraRegular, RecordRegular, RecordStopRegular } from \"@fluentui/react-icons\";\r\nimport { FrameGraphUtils } from \"core/FrameGraph/frameGraphUtils\";\r\n\r\nexport const CaptureRttTools: FunctionComponent<{ scene: Scene }> = ({ scene }) => {\r\n    const [useWidthHeight, setUseWidthHeight] = useState(false);\r\n    const [screenshotSize, setScreenshotSize] = useState<IScreenshotSize>({ precision: 1 });\r\n\r\n    const captureRender = useCallback(async () => {\r\n        const sizeToUse: IScreenshotSize = { ...screenshotSize };\r\n        if (!useWidthHeight) {\r\n            sizeToUse.width = undefined;\r\n            sizeToUse.height = undefined;\r\n        }\r\n\r\n        if (scene.activeCamera) {\r\n            Tools.CreateScreenshotUsingRenderTarget(scene.getEngine(), scene.activeCamera, sizeToUse, undefined, undefined, 4);\r\n        }\r\n    }, [scene, screenshotSize, useWidthHeight]);\r\n\r\n    return (\r\n        <>\r\n            <ButtonLine label=\"Capture\" icon={CameraRegular} onClick={captureRender} />\r\n            <SyncedSliderPropertyLine\r\n                label=\"Precision\"\r\n                value={screenshotSize.precision ?? 1}\r\n                onChange={(value) => setScreenshotSize({ ...screenshotSize, precision: value ?? 1 })}\r\n                min={0.1}\r\n                max={10}\r\n                step={0.1}\r\n            />\r\n            <SwitchPropertyLine label=\"Use Custom Width/Height\" value={useWidthHeight} onChange={(value) => setUseWidthHeight(value)} />\r\n            <Collapse visible={useWidthHeight}>\r\n                <SyncedSliderPropertyLine\r\n                    label=\"Width\"\r\n                    value={screenshotSize.width ?? 512}\r\n                    onChange={(data) => setScreenshotSize({ ...screenshotSize, width: data ?? 512 })}\r\n                    min={1}\r\n                    step={1}\r\n                />\r\n                <SyncedSliderPropertyLine\r\n                    label=\"Height\"\r\n                    value={screenshotSize.height ?? 512}\r\n                    onChange={(data) => setScreenshotSize({ ...screenshotSize, height: data ?? 512 })}\r\n                    min={1}\r\n                    step={1}\r\n                />\r\n            </Collapse>\r\n        </>\r\n    );\r\n};\r\n\r\nexport const CaptureScreenshotTools: FunctionComponent<{ scene: Scene }> = ({ scene }) => {\r\n    const [isRecording, setIsRecording] = useState(false);\r\n    const videoRecorder = useRef<VideoRecorder>();\r\n\r\n    const captureScreenshot = useCallback(() => {\r\n        const camera = scene.frameGraph ? FrameGraphUtils.FindMainCamera(scene.frameGraph) : scene.activeCamera;\r\n        if (camera) {\r\n            Tools.CreateScreenshot(scene.getEngine(), camera, { precision: 1 });\r\n        }\r\n    }, [scene]);\r\n\r\n    const captureEquirectangularAsync = useCallback(async () => {\r\n        const currentActiveCamera = scene.activeCamera;\r\n        if (!currentActiveCamera && scene.frameGraph) {\r\n            scene.activeCamera = FrameGraphUtils.FindMainCamera(scene.frameGraph);\r\n        }\r\n        if (scene.activeCamera) {\r\n            await captureEquirectangularFromScene(scene, { size: 1024, filename: \"equirectangular_capture.png\" });\r\n        }\r\n        // eslint-disable-next-line require-atomic-updates\r\n        scene.activeCamera = currentActiveCamera;\r\n    }, [scene]);\r\n\r\n    const recordVideoAsync = useCallback(async () => {\r\n        if (videoRecorder.current && videoRecorder.current.isRecording) {\r\n            videoRecorder.current.stopRecording();\r\n            setIsRecording(false);\r\n            return;\r\n        }\r\n\r\n        if (!videoRecorder.current) {\r\n            videoRecorder.current = new VideoRecorder(scene.getEngine());\r\n        }\r\n\r\n        void videoRecorder.current.startRecording();\r\n        setIsRecording(true);\r\n    }, [scene]);\r\n\r\n    return (\r\n        <>\r\n            <ButtonLine label=\"Capture\" icon={CameraRegular} onClick={captureScreenshot} />\r\n            <ButtonLine label=\"Capture Equirectangular\" icon={CameraRegular} onClick={captureEquirectangularAsync} />\r\n            <ButtonLine label={isRecording ? \"Stop Recording\" : \"Record Video\"} icon={isRecording ? RecordStopRegular : RecordRegular} onClick={recordVideoAsync} />\r\n        </>\r\n    );\r\n};\r\n","import type { ServiceDefinition } from \"../../../modularity/serviceDefinition\";\r\nimport { ToolsServiceIdentity } from \"../toolsService\";\r\nimport type { IToolsService } from \"../toolsService\";\r\nimport type { IDisposable } from \"core/scene\";\r\nimport { CaptureRttTools, CaptureScreenshotTools } from \"../../../components/tools/captureTools\";\r\n\r\nexport const CaptureServiceDefinition: ServiceDefinition<[], [IToolsService]> = {\r\n    friendlyName: \"Capture Tools\",\r\n    consumes: [ToolsServiceIdentity],\r\n    factory: (toolsService) => {\r\n        const contentRegistrations: IDisposable[] = [];\r\n\r\n        // Screenshot capture content\r\n        contentRegistrations.push(\r\n            toolsService.addSectionContent({\r\n                key: \"Screenshot Capture\",\r\n                section: \"Screenshot Capture\",\r\n                component: ({ context }) => <CaptureScreenshotTools scene={context} />,\r\n            })\r\n        );\r\n\r\n        // RTT capture content\r\n        contentRegistrations.push(\r\n            toolsService.addSectionContent({\r\n                key: \"RTT Capture\",\r\n                section: \"RTT Capture\",\r\n                component: ({ context }) => <CaptureRttTools scene={context} />,\r\n            })\r\n        );\r\n\r\n        return {\r\n            dispose: () => {\r\n                contentRegistrations.forEach((registration) => registration.dispose());\r\n            },\r\n        };\r\n    },\r\n};\r\n\r\nexport default {\r\n    serviceDefinitions: [CaptureServiceDefinition],\r\n} as const;\r\n"],"names":["_jsxs","_jsx","_Fragment"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcO,MAAM,eAAe,GAAwC,CAAC,EAAE,KAAK,EAAE,KAAI;IAC9E,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;AAC3D,IAAA,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAkB,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC;AAEvF,IAAA,MAAM,aAAa,GAAG,WAAW,CAAC,YAAW;AACzC,QAAA,MAAM,SAAS,GAAoB,EAAE,GAAG,cAAc,EAAE;QACxD,IAAI,CAAC,cAAc,EAAE;AACjB,YAAA,SAAS,CAAC,KAAK,GAAG,SAAS;AAC3B,YAAA,SAAS,CAAC,MAAM,GAAG,SAAS;;AAGhC,QAAA,IAAI,KAAK,CAAC,YAAY,EAAE;YACpB,KAAK,CAAC,iCAAiC,CAAC,KAAK,CAAC,SAAS,EAAE,EAAE,KAAK,CAAC,YAAY,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,CAAC;;KAEzH,EAAE,CAAC,KAAK,EAAE,cAAc,EAAE,cAAc,CAAC,CAAC;IAE3C,QACIA,4BACIC,GAAC,CAAA,UAAU,IAAC,KAAK,EAAC,SAAS,EAAC,IAAI,EAAE,aAAa,EAAE,OAAO,EAAE,aAAa,GAAI,EAC3EA,GAAA,CAAC,wBAAwB,EACrB,EAAA,KAAK,EAAC,WAAW,EACjB,KAAK,EAAE,cAAc,CAAC,SAAS,IAAI,CAAC,EACpC,QAAQ,EAAE,CAAC,KAAK,KAAK,iBAAiB,CAAC,EAAE,GAAG,cAAc,EAAE,SAAS,EAAE,KAAK,IAAI,CAAC,EAAE,CAAC,EACpF,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,EAAE,EACP,IAAI,EAAE,GAAG,EACX,CAAA,EACFA,IAAC,kBAAkB,EAAA,EAAC,KAAK,EAAC,yBAAyB,EAAC,KAAK,EAAE,cAAc,EAAE,QAAQ,EAAE,CAAC,KAAK,KAAK,iBAAiB,CAAC,KAAK,CAAC,EAAI,CAAA,EAC5HD,IAAC,CAAA,QAAQ,EAAC,EAAA,OAAO,EAAE,cAAc,EAAA,QAAA,EAAA,CAC7BC,IAAC,wBAAwB,EAAA,EACrB,KAAK,EAAC,OAAO,EACb,KAAK,EAAE,cAAc,CAAC,KAAK,IAAI,GAAG,EAClC,QAAQ,EAAE,CAAC,IAAI,KAAK,iBAAiB,CAAC,EAAE,GAAG,cAAc,EAAE,KAAK,EAAE,IAAI,IAAI,GAAG,EAAE,CAAC,EAChF,GAAG,EAAE,CAAC,EACN,IAAI,EAAE,CAAC,EACT,CAAA,EACFA,IAAC,wBAAwB,EAAA,EACrB,KAAK,EAAC,QAAQ,EACd,KAAK,EAAE,cAAc,CAAC,MAAM,IAAI,GAAG,EACnC,QAAQ,EAAE,CAAC,IAAI,KAAK,iBAAiB,CAAC,EAAE,GAAG,cAAc,EAAE,MAAM,EAAE,IAAI,IAAI,GAAG,EAAE,CAAC,EACjF,GAAG,EAAE,CAAC,EACN,IAAI,EAAE,CAAC,EACT,CAAA,CAAA,EAAA,CACK,CACZ,EAAA,CAAA;AAEX,CAAC;AAEM,MAAM,sBAAsB,GAAwC,CAAC,EAAE,KAAK,EAAE,KAAI;IACrF,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;AACrD,IAAA,MAAM,aAAa,GAAG,MAAM,EAAiB;AAE7C,IAAA,MAAM,iBAAiB,GAAG,WAAW,CAAC,MAAK;QACvC,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,GAAG,eAAe,CAAC,cAAc,CAAC,KAAK,CAAC,UAAU,CAAC,GAAG,KAAK,CAAC,YAAY;QACvG,IAAI,MAAM,EAAE;AACR,YAAA,KAAK,CAAC,gBAAgB,CAAC,KAAK,CAAC,SAAS,EAAE,EAAE,MAAM,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC;;AAE3E,KAAC,EAAE,CAAC,KAAK,CAAC,CAAC;AAEX,IAAA,MAAM,2BAA2B,GAAG,WAAW,CAAC,YAAW;AACvD,QAAA,MAAM,mBAAmB,GAAG,KAAK,CAAC,YAAY;AAC9C,QAAA,IAAI,CAAC,mBAAmB,IAAI,KAAK,CAAC,UAAU,EAAE;YAC1C,KAAK,CAAC,YAAY,GAAG,eAAe,CAAC,cAAc,CAAC,KAAK,CAAC,UAAU,CAAC;;AAEzE,QAAA,IAAI,KAAK,CAAC,YAAY,EAAE;AACpB,YAAA,MAAM,+BAA+B,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,6BAA6B,EAAE,CAAC;;;AAGzG,QAAA,KAAK,CAAC,YAAY,GAAG,mBAAmB;AAC5C,KAAC,EAAE,CAAC,KAAK,CAAC,CAAC;AAEX,IAAA,MAAM,gBAAgB,GAAG,WAAW,CAAC,YAAW;QAC5C,IAAI,aAAa,CAAC,OAAO,IAAI,aAAa,CAAC,OAAO,CAAC,WAAW,EAAE;AAC5D,YAAA,aAAa,CAAC,OAAO,CAAC,aAAa,EAAE;YACrC,cAAc,CAAC,KAAK,CAAC;YACrB;;AAGJ,QAAA,IAAI,CAAC,aAAa,CAAC,OAAO,EAAE;YACxB,aAAa,CAAC,OAAO,GAAG,IAAI,aAAa,CAAC,KAAK,CAAC,SAAS,EAAE,CAAC;;AAGhE,QAAA,KAAK,aAAa,CAAC,OAAO,CAAC,cAAc,EAAE;QAC3C,cAAc,CAAC,IAAI,CAAC;AACxB,KAAC,EAAE,CAAC,KAAK,CAAC,CAAC;AAEX,IAAA,QACID,IAAA,CAAAE,QAAA,EAAA,EAAA,QAAA,EAAA,CACID,GAAC,CAAA,UAAU,EAAC,EAAA,KAAK,EAAC,SAAS,EAAC,IAAI,EAAE,aAAa,EAAE,OAAO,EAAE,iBAAiB,EAAA,CAAI,EAC/EA,GAAA,CAAC,UAAU,EAAA,EAAC,KAAK,EAAC,yBAAyB,EAAC,IAAI,EAAE,aAAa,EAAE,OAAO,EAAE,2BAA2B,EAAA,CAAI,EACzGA,GAAA,CAAC,UAAU,EAAA,EAAC,KAAK,EAAE,WAAW,GAAG,gBAAgB,GAAG,cAAc,EAAE,IAAI,EAAE,WAAW,GAAG,iBAAiB,GAAG,aAAa,EAAE,OAAO,EAAE,gBAAgB,EAAI,CAAA,CAAA,EAAA,CACzJ;AAEX,CAAC;;ACrGY,MAAA,wBAAwB,GAA2C;AAC5E,IAAA,YAAY,EAAE,eAAe;IAC7B,QAAQ,EAAE,CAAC,oBAAoB,CAAC;AAChC,IAAA,OAAO,EAAE,CAAC,YAAY,KAAI;QACtB,MAAM,oBAAoB,GAAkB,EAAE;;AAG9C,QAAA,oBAAoB,CAAC,IAAI,CACrB,YAAY,CAAC,iBAAiB,CAAC;AAC3B,YAAA,GAAG,EAAE,oBAAoB;AACzB,YAAA,OAAO,EAAE,oBAAoB;AAC7B,YAAA,SAAS,EAAE,CAAC,EAAE,OAAO,EAAE,KAAKA,GAAA,CAAC,sBAAsB,EAAA,EAAC,KAAK,EAAE,OAAO,EAAI,CAAA;AACzE,SAAA,CAAC,CACL;;AAGD,QAAA,oBAAoB,CAAC,IAAI,CACrB,YAAY,CAAC,iBAAiB,CAAC;AAC3B,YAAA,GAAG,EAAE,aAAa;AAClB,YAAA,OAAO,EAAE,aAAa;AACtB,YAAA,SAAS,EAAE,CAAC,EAAE,OAAO,EAAE,KAAKA,GAAA,CAAC,eAAe,EAAA,EAAC,KAAK,EAAE,OAAO,EAAI,CAAA;AAClE,SAAA,CAAC,CACL;QAED,OAAO;YACH,OAAO,EAAE,MAAK;AACV,gBAAA,oBAAoB,CAAC,OAAO,CAAC,CAAC,YAAY,KAAK,YAAY,CAAC,OAAO,EAAE,CAAC;aACzE;SACJ;KACJ;;AAGL,qBAAe;IACX,kBAAkB,EAAE,CAAC,wBAAwB,CAAC;CACxC;;;;"}