@babylonjs/inspector 8.31.3 → 8.31.4-preview

package/lib/captureService-BZVSfioR.js

@@ -0,0 +1,190 @@
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { ButtonLine, SyncedSliderPropertyLine, SwitchPropertyLine, Collapse, ToolsServiceIdentity } from './index.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 '@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-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/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/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/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';
+
+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-BZVSfioR.js.map

package/lib/captureService-BZVSfioR.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"captureService-BZVSfioR.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":"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"}

package/lib/exportService-C7h0qYdM.js

@@ -0,0 +1,236 @@
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { MakeLazyComponent, ButtonLine, SwitchPropertyLine, NumberDropdownPropertyLine, Collapse, SyncedSliderPropertyLine, ToolsServiceIdentity } from './index.js';
+import { SceneSerializer } from '@babylonjs/core/Misc/sceneSerializer.js';
+import { Tools } from '@babylonjs/core/Misc/tools.js';
+import { EnvironmentTextureTools } from '@babylonjs/core/Misc/environmentTextureTools.js';
+import { Logger } from '@babylonjs/core/Misc/logger.js';
+import { useState, useCallback } from 'react';
+import { Mesh } from '@babylonjs/core/Meshes/mesh.js';
+import { Texture } from '@babylonjs/core/Materials/Textures/texture.js';
+import { Camera } from '@babylonjs/core/Cameras/camera.js';
+import { Light } from '@babylonjs/core/Lights/light.js';
+import { ArrowDownloadRegular } from '@fluentui/react-icons';
+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-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/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 '@babylonjs/core/Engines/engineStore.js';
+import 'react-dom/client';
+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/Gizmos/gizmoManager.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/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';
+
+const EnvExportImageTypes = [
+    { label: "PNG", value: 0, imageType: "image/png" },
+    { label: "WebP", value: 1, imageType: "image/webp" },
+];
+const ExportBabylonTools = ({ scene }) => {
+    const [babylonExportOptions, setBabylonExportOptions] = useState({
+        imageTypeIndex: 0,
+        imageQuality: 0.8,
+        iblDiffuse: false,
+    });
+    const exportBabylon = useCallback(async () => {
+        const strScene = JSON.stringify(SceneSerializer.Serialize(scene));
+        const blob = new Blob([strScene], { type: "octet/stream" });
+        Tools.Download(blob, "scene.babylon");
+    }, [scene]);
+    const createEnvTexture = useCallback(async () => {
+        if (!scene.environmentTexture) {
+            return;
+        }
+        try {
+            const buffer = await EnvironmentTextureTools.CreateEnvTextureAsync(scene.environmentTexture, {
+                imageType: EnvExportImageTypes[babylonExportOptions.imageTypeIndex].imageType,
+                imageQuality: babylonExportOptions.imageQuality,
+                disableIrradianceTexture: !babylonExportOptions.iblDiffuse,
+            });
+            const blob = new Blob([buffer], { type: "octet/stream" });
+            Tools.Download(blob, "environment.env");
+        }
+        catch (error) {
+            Logger.Error(error);
+            alert(error);
+        }
+    }, [scene, babylonExportOptions]);
+    return (jsxs(Fragment, { children: [jsx(ButtonLine, { label: "Export to Babylon", icon: ArrowDownloadRegular, onClick: exportBabylon }), !scene.getEngine().premultipliedAlpha && scene.environmentTexture && scene.environmentTexture._prefiltered && scene.activeCamera && (jsxs(Fragment, { children: [jsx(ButtonLine, { label: "Generate .env texture", icon: ArrowDownloadRegular, onClick: createEnvTexture }), scene.environmentTexture.irradianceTexture && (jsx(SwitchPropertyLine, { label: "Diffuse Texture", description: "Export diffuse texture for IBL", value: babylonExportOptions.iblDiffuse, onChange: (value) => {
+                            setBabylonExportOptions((prev) => ({ ...prev, iblDiffuse: value }));
+                        } }, "iblDiffuse")), jsx(NumberDropdownPropertyLine, { label: "Image type", options: EnvExportImageTypes, value: babylonExportOptions.imageTypeIndex, onChange: (val) => {
+                            setBabylonExportOptions((prev) => ({ ...prev, imageTypeIndex: val }));
+                        } }), jsx(Collapse, { visible: babylonExportOptions.imageTypeIndex > 0, children: jsx(SyncedSliderPropertyLine, { label: "Quality", value: babylonExportOptions.imageQuality, onChange: (value) => setBabylonExportOptions((prev) => ({ ...prev, imageQuality: value })), min: 0, max: 1 }) })] }))] }));
+};
+const ExportGltfTools = MakeLazyComponent(async () => {
+    // Defer importing anything from the serializers package until this component is actually mounted.
+    const { GLTF2Export } = await import('@babylonjs/serializers/glTF/2.0/glTFSerializer.js');
+    return (props) => {
+        const [isExportingGltf, setIsExportingGltf] = useState(false);
+        const [gltfExportOptions, setGltfExportOptions] = useState({
+            exportDisabledNodes: false,
+            exportSkyboxes: false,
+            exportCameras: false,
+            exportLights: false,
+        });
+        const exportGLTF = useCallback(async () => {
+            setIsExportingGltf(true);
+            const shouldExport = (node) => {
+                if (!gltfExportOptions.exportDisabledNodes) {
+                    if (!node.isEnabled()) {
+                        return false;
+                    }
+                }
+                if (!gltfExportOptions.exportSkyboxes) {
+                    if (node instanceof Mesh) {
+                        if (node.material) {
+                            const material = node.material;
+                            const reflectionTexture = material.reflectionTexture;
+                            if (reflectionTexture && reflectionTexture.coordinatesMode === Texture.SKYBOX_MODE) {
+                                return false;
+                            }
+                        }
+                    }
+                }
+                if (!gltfExportOptions.exportCameras) {
+                    if (node instanceof Camera) {
+                        return false;
+                    }
+                }
+                if (!gltfExportOptions.exportLights) {
+                    if (node instanceof Light) {
+                        return false;
+                    }
+                }
+                return true;
+            };
+            try {
+                const glb = await GLTF2Export.GLBAsync(props.scene, "scene", { shouldExportNode: (node) => shouldExport(node) });
+                glb.downloadFiles();
+            }
+            catch (reason) {
+                Logger.Error(`Failed to export GLB: ${reason}`);
+            }
+            finally {
+                setIsExportingGltf(false);
+            }
+        }, [gltfExportOptions, props.scene]);
+        return (jsxs(Fragment, { children: [jsx(SwitchPropertyLine, { label: "Export Disabled Nodes", description: "Whether to export nodes that are disabled in the scene.", value: gltfExportOptions.exportDisabledNodes, onChange: (checked) => setGltfExportOptions({ ...gltfExportOptions, exportDisabledNodes: checked }) }, "GLTFExportDisabledNodes"), jsx(SwitchPropertyLine, { label: "Export Skyboxes", description: "Whether to export skybox nodes in the scene.", value: gltfExportOptions.exportSkyboxes, onChange: (checked) => setGltfExportOptions({ ...gltfExportOptions, exportSkyboxes: checked }) }, "GLTFExportSkyboxes"), jsx(SwitchPropertyLine, { label: "Export Cameras", description: "Whether to export cameras in the scene.", value: gltfExportOptions.exportCameras, onChange: (checked) => setGltfExportOptions({ ...gltfExportOptions, exportCameras: checked }) }, "GLTFExportCameras"), jsx(SwitchPropertyLine, { label: "Export Lights", description: "Whether to export lights in the scene.", value: gltfExportOptions.exportLights, onChange: (checked) => setGltfExportOptions({ ...gltfExportOptions, exportLights: checked }) }, "GLTFExportLights"), jsx(ButtonLine, { label: "Export to GLB", icon: ArrowDownloadRegular, onClick: exportGLTF, disabled: isExportingGltf })] }));
+    };
+});
+
+const ExportServiceDefinition = {
+    friendlyName: "Export Tools",
+    consumes: [ToolsServiceIdentity],
+    factory: (toolsService) => {
+        const contentRegistrations = [];
+        // glTF export content
+        contentRegistrations.push(toolsService.addSectionContent({
+            key: "glTF Export",
+            section: "glTF Export",
+            component: ({ context }) => jsx(ExportGltfTools, { scene: context }),
+        }));
+        // Babylon export content
+        contentRegistrations.push(toolsService.addSectionContent({
+            key: "Babylon Export",
+            section: "Babylon Export",
+            component: ({ context }) => jsx(ExportBabylonTools, { scene: context }),
+        }));
+        return {
+            dispose: () => {
+                contentRegistrations.forEach((registration) => registration.dispose());
+            },
+        };
+    },
+};
+var exportService = {
+    serviceDefinitions: [ExportServiceDefinition],
+};
+
+export { ExportServiceDefinition, exportService as default };
+//# sourceMappingURL=exportService-C7h0qYdM.js.map

package/lib/exportService-C7h0qYdM.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"exportService-C7h0qYdM.js","sources":["../../../../../../../../dev/inspector-v2/src/components/tools/exportTools.tsx","../../../../../../../../dev/inspector-v2/src/services/panes/tools/exportService.tsx"],"sourcesContent":["import { NumberDropdownPropertyLine } from \"shared-ui-components/fluent/hoc/propertyLines/dropdownPropertyLine\";\r\nimport { SceneSerializer } from \"core/Misc/sceneSerializer\";\r\nimport { Tools } from \"core/Misc/tools\";\r\nimport { EnvironmentTextureTools } from \"core/Misc/environmentTextureTools\";\r\nimport type { CubeTexture } from \"core/Materials/Textures/cubeTexture\";\r\nimport { Logger } from \"core/Misc/logger\";\r\nimport { useCallback, useState } from \"react\";\r\nimport type { FunctionComponent } from \"react\";\r\nimport type { Scene } from \"core/scene\";\r\nimport { ButtonLine } from \"shared-ui-components/fluent/hoc/buttonLine\";\r\nimport { SyncedSliderPropertyLine } from \"shared-ui-components/fluent/hoc/propertyLines/syncedSliderPropertyLine\";\r\nimport type { Node } from \"core/node\";\r\nimport { Mesh } from \"core/Meshes/mesh\";\r\nimport type { PBRMaterial } from \"core/Materials/PBR/pbrMaterial\";\r\nimport type { StandardMaterial } from \"core/Materials/standardMaterial\";\r\nimport type { BackgroundMaterial } from \"core/Materials/Background/backgroundMaterial\";\r\nimport { Texture } from \"core/Materials/Textures/texture\";\r\nimport { Camera } from \"core/Cameras/camera\";\r\nimport { Light } from \"core/Lights/light\";\r\nimport { SwitchPropertyLine } from \"shared-ui-components/fluent/hoc/propertyLines/switchPropertyLine\";\r\n\r\nimport { MakeLazyComponent } from \"shared-ui-components/fluent/primitives/lazyComponent\";\r\nimport { Collapse } from \"shared-ui-components/fluent/primitives/collapse\";\r\nimport { ArrowDownloadRegular } from \"@fluentui/react-icons\";\r\n\r\nconst EnvExportImageTypes = [\r\n    { label: \"PNG\", value: 0, imageType: \"image/png\" },\r\n    { label: \"WebP\", value: 1, imageType: \"image/webp\" },\r\n] as const;\r\n\r\ninterface IBabylonExportOptionsState {\r\n    imageTypeIndex: number;\r\n    imageQuality: number;\r\n    iblDiffuse: boolean;\r\n}\r\n\r\nexport const ExportBabylonTools: FunctionComponent<{ scene: Scene }> = ({ scene }) => {\r\n    const [babylonExportOptions, setBabylonExportOptions] = useState<Readonly<IBabylonExportOptionsState>>({\r\n        imageTypeIndex: 0,\r\n        imageQuality: 0.8,\r\n        iblDiffuse: false,\r\n    });\r\n\r\n    const exportBabylon = useCallback(async () => {\r\n        const strScene = JSON.stringify(SceneSerializer.Serialize(scene));\r\n        const blob = new Blob([strScene], { type: \"octet/stream\" });\r\n        Tools.Download(blob, \"scene.babylon\");\r\n    }, [scene]);\r\n\r\n    const createEnvTexture = useCallback(async () => {\r\n        if (!scene.environmentTexture) {\r\n            return;\r\n        }\r\n\r\n        try {\r\n            const buffer = await EnvironmentTextureTools.CreateEnvTextureAsync(scene.environmentTexture as CubeTexture, {\r\n                imageType: EnvExportImageTypes[babylonExportOptions.imageTypeIndex].imageType,\r\n                imageQuality: babylonExportOptions.imageQuality,\r\n                disableIrradianceTexture: !babylonExportOptions.iblDiffuse,\r\n            });\r\n            const blob = new Blob([buffer], { type: \"octet/stream\" });\r\n            Tools.Download(blob, \"environment.env\");\r\n        } catch (error: any) {\r\n            Logger.Error(error);\r\n            alert(error);\r\n        }\r\n    }, [scene, babylonExportOptions]);\r\n\r\n    return (\r\n        <>\r\n            <ButtonLine label=\"Export to Babylon\" icon={ArrowDownloadRegular} onClick={exportBabylon} />\r\n            {!scene.getEngine().premultipliedAlpha && scene.environmentTexture && scene.environmentTexture._prefiltered && scene.activeCamera && (\r\n                <>\r\n                    <ButtonLine label=\"Generate .env texture\" icon={ArrowDownloadRegular} onClick={createEnvTexture} />\r\n                    {scene.environmentTexture.irradianceTexture && (\r\n                        <SwitchPropertyLine\r\n                            key=\"iblDiffuse\"\r\n                            label=\"Diffuse Texture\"\r\n                            description=\"Export diffuse texture for IBL\"\r\n                            value={babylonExportOptions.iblDiffuse}\r\n                            onChange={(value: boolean) => {\r\n                                setBabylonExportOptions((prev) => ({ ...prev, iblDiffuse: value }));\r\n                            }}\r\n                        />\r\n                    )}\r\n                    <NumberDropdownPropertyLine\r\n                        label=\"Image type\"\r\n                        options={EnvExportImageTypes}\r\n                        value={babylonExportOptions.imageTypeIndex}\r\n                        onChange={(val) => {\r\n                            setBabylonExportOptions((prev) => ({ ...prev, imageTypeIndex: val as number }));\r\n                        }}\r\n                    />\r\n                    <Collapse visible={babylonExportOptions.imageTypeIndex > 0}>\r\n                        <SyncedSliderPropertyLine\r\n                            label=\"Quality\"\r\n                            value={babylonExportOptions.imageQuality}\r\n                            onChange={(value) => setBabylonExportOptions((prev) => ({ ...prev, imageQuality: value }))}\r\n                            min={0}\r\n                            max={1}\r\n                        />\r\n                    </Collapse>\r\n                </>\r\n            )}\r\n        </>\r\n    );\r\n};\r\n\r\ninterface IGltfExportOptionsState {\r\n    exportDisabledNodes: boolean;\r\n    exportSkyboxes: boolean;\r\n    exportCameras: boolean;\r\n    exportLights: boolean;\r\n}\r\n\r\nexport const ExportGltfTools = MakeLazyComponent(async () => {\r\n    // Defer importing anything from the serializers package until this component is actually mounted.\r\n    const { GLTF2Export } = await import(\"serializers/glTF/2.0/glTFSerializer\");\r\n\r\n    return (props: { scene: Scene }) => {\r\n        const [isExportingGltf, setIsExportingGltf] = useState(false);\r\n        const [gltfExportOptions, setGltfExportOptions] = useState<Readonly<IGltfExportOptionsState>>({\r\n            exportDisabledNodes: false,\r\n            exportSkyboxes: false,\r\n            exportCameras: false,\r\n            exportLights: false,\r\n        });\r\n\r\n        const exportGLTF = useCallback(async () => {\r\n            setIsExportingGltf(true);\r\n\r\n            const shouldExport = (node: Node): boolean => {\r\n                if (!gltfExportOptions.exportDisabledNodes) {\r\n                    if (!node.isEnabled()) {\r\n                        return false;\r\n                    }\r\n                }\r\n\r\n                if (!gltfExportOptions.exportSkyboxes) {\r\n                    if (node instanceof Mesh) {\r\n                        if (node.material) {\r\n                            const material = node.material as PBRMaterial | StandardMaterial | BackgroundMaterial;\r\n                            const reflectionTexture = material.reflectionTexture;\r\n                            if (reflectionTexture && reflectionTexture.coordinatesMode === Texture.SKYBOX_MODE) {\r\n                                return false;\r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n\r\n                if (!gltfExportOptions.exportCameras) {\r\n                    if (node instanceof Camera) {\r\n                        return false;\r\n                    }\r\n                }\r\n\r\n                if (!gltfExportOptions.exportLights) {\r\n                    if (node instanceof Light) {\r\n                        return false;\r\n                    }\r\n                }\r\n\r\n                return true;\r\n            };\r\n\r\n            try {\r\n                const glb = await GLTF2Export.GLBAsync(props.scene, \"scene\", { shouldExportNode: (node) => shouldExport(node) });\r\n                glb.downloadFiles();\r\n            } catch (reason) {\r\n                Logger.Error(`Failed to export GLB: ${reason}`);\r\n            } finally {\r\n                setIsExportingGltf(false);\r\n            }\r\n        }, [gltfExportOptions, props.scene]);\r\n\r\n        return (\r\n            <>\r\n                <SwitchPropertyLine\r\n                    key=\"GLTFExportDisabledNodes\"\r\n                    label=\"Export Disabled Nodes\"\r\n                    description=\"Whether to export nodes that are disabled in the scene.\"\r\n                    value={gltfExportOptions.exportDisabledNodes}\r\n                    onChange={(checked: boolean) => setGltfExportOptions({ ...gltfExportOptions, exportDisabledNodes: checked })}\r\n                />\r\n                <SwitchPropertyLine\r\n                    key=\"GLTFExportSkyboxes\"\r\n                    label=\"Export Skyboxes\"\r\n                    description=\"Whether to export skybox nodes in the scene.\"\r\n                    value={gltfExportOptions.exportSkyboxes}\r\n                    onChange={(checked: boolean) => setGltfExportOptions({ ...gltfExportOptions, exportSkyboxes: checked })}\r\n                />\r\n                <SwitchPropertyLine\r\n                    key=\"GLTFExportCameras\"\r\n                    label=\"Export Cameras\"\r\n                    description=\"Whether to export cameras in the scene.\"\r\n                    value={gltfExportOptions.exportCameras}\r\n                    onChange={(checked: boolean) => setGltfExportOptions({ ...gltfExportOptions, exportCameras: checked })}\r\n                />\r\n                <SwitchPropertyLine\r\n                    key=\"GLTFExportLights\"\r\n                    label=\"Export Lights\"\r\n                    description=\"Whether to export lights in the scene.\"\r\n                    value={gltfExportOptions.exportLights}\r\n                    onChange={(checked: boolean) => setGltfExportOptions({ ...gltfExportOptions, exportLights: checked })}\r\n                />\r\n                <ButtonLine label=\"Export to GLB\" icon={ArrowDownloadRegular} onClick={exportGLTF} disabled={isExportingGltf} />\r\n            </>\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 { ExportBabylonTools, ExportGltfTools } from \"../../../components/tools/exportTools\";\r\n\r\nexport const ExportServiceDefinition: ServiceDefinition<[], [IToolsService]> = {\r\n    friendlyName: \"Export Tools\",\r\n    consumes: [ToolsServiceIdentity],\r\n    factory: (toolsService) => {\r\n        const contentRegistrations: IDisposable[] = [];\r\n\r\n        // glTF export content\r\n        contentRegistrations.push(\r\n            toolsService.addSectionContent({\r\n                key: \"glTF Export\",\r\n                section: \"glTF Export\",\r\n                component: ({ context }) => <ExportGltfTools scene={context} />,\r\n            })\r\n        );\r\n\r\n        // Babylon export content\r\n        contentRegistrations.push(\r\n            toolsService.addSectionContent({\r\n                key: \"Babylon Export\",\r\n                section: \"Babylon Export\",\r\n                component: ({ context }) => <ExportBabylonTools 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: [ExportServiceDefinition],\r\n} as const;\r\n"],"names":["_jsxs","_Fragment","_jsx"],"mappings":"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"}