@babylonjs/inspector 8.36.1 → 8.37.0-preview

package/lib/extensionsListService-DcpjIM_c.js

@@ -0,0 +1,327 @@
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { makeStyles, Dialog, DialogTrigger, Tooltip, Button, DialogSurface, DialogBody, DialogTitle, TabList, Tab, DialogContent, Accordion, tokens, AccordionItem, AccordionHeader, Body1Strong, PresenceBadge, AccordionPanel, Card, CardHeader, Caption1, Body1, CardPreview, Persona, AvatarGroup, AvatarGroupItem, CardFooter, Spinner, Popover, PopoverTrigger, PopoverSurface } from '@fluentui/react-components';
+import { AppsAddInRegular, DismissRegular, LinkRegular, BranchForkRegular, BugRegular, ArrowDownloadRegular, DeleteRegular, MailRegular, PeopleCommunityRegular } from '@fluentui/react-icons';
+import { Fade } from '@fluentui/react-motion-components-preview';
+import { useState, useEffect, memo, useMemo, useCallback } from 'react';
+import { Logger } from '@babylonjs/core/Misc/logger.js';
+import { b as ShellServiceIdentity, u as useExtensionManager, c as MakePopoverTeachingMoment, d as TeachingMoment, L as Link } from './index-B-XOu4uI.js';
+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 '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/Misc/tools.js';
+import '@babylonjs/core/Rendering/utilityLayerRenderer.js';
+import '@babylonjs/materials/grid/gridMaterial.js';
+import '@babylonjs/core/Misc/dataStorage.js';
+import '@babylonjs/core/Instrumentation/engineInstrumentation.js';
+import '@babylonjs/core/Instrumentation/sceneInstrumentation.js';
+import '@babylonjs/core/Engines/AbstractEngine/abstractEngine.timeQuery.js';
+import '@babylonjs/core/Engines/Extensions/engine.query.js';
+import '@babylonjs/core/Engines/WebGPU/Extensions/engine.query.js';
+import '@babylonjs/core/Misc/PerformanceViewer/performanceViewerCollectionStrategies.js';
+import '@babylonjs/core/Misc/PerformanceViewer/performanceViewerSceneExtension.js';
+import '@babylonjs/core/Misc/pressureObserverWrapper.js';
+import '@babylonjs/core/Engines/abstractEngine.js';
+import '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/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/core/Materials/PBR/openpbrMaterial.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/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';
+import '@babylonjs/core/Engines/engineStore.js';
+import '@babylonjs/core/Misc/uniqueIdGenerator.js';
+
+// eslint-disable-next-line @typescript-eslint/naming-convention
+const useStyles = makeStyles({
+    extensionButton: {},
+    extensionsDialogSurface: {
+        height: "auto",
+        width: "70vw",
+        maxWidth: "600px",
+        maxHeight: "70vh",
+        backgroundColor: tokens.colorNeutralBackground2,
+    },
+    extensionDialogBody: {
+        maxWidth: "100%",
+        maxHeight: "100%",
+    },
+    extensionDialogContent: {
+        marginLeft: `calc(-1 * ${tokens.spacingHorizontalM})`,
+        marginRight: `calc(-1 * ${tokens.spacingHorizontalS})`,
+    },
+    extensionHeader: {},
+    extensionItem: {},
+    extensionCardPreview: {
+        padding: `${tokens.spacingVerticalM} ${tokens.spacingHorizontalM}`,
+        display: "flex",
+        flexDirection: "column",
+        rowGap: tokens.spacingVerticalL,
+    },
+    extensionIntro: {
+        display: "flex",
+        alignItems: "center",
+        columnGap: tokens.spacingHorizontalM,
+    },
+    extensionDescription: {
+        display: "flex",
+        flexDirection: "row",
+        columnGap: tokens.spacingHorizontalS,
+    },
+    extensionButtonContainer: {
+        marginLeft: "auto",
+        alignSelf: "flex-start",
+    },
+    spinner: {
+        animationDuration: "1s",
+        animationName: {
+            from: { opacity: 0 },
+            to: { opacity: 1 },
+        },
+    },
+    webResourceDiv: {
+        display: "flex",
+        flexDirection: "column",
+    },
+    webResourceLink: {
+        display: "flex",
+        flexDirection: "row",
+        columnGap: tokens.spacingHorizontalS,
+        alignItems: "center",
+    },
+    personPopoverSurfaceDiv: {
+        display: "flex",
+        flexDirection: "column",
+        rowGap: tokens.spacingVerticalS,
+    },
+    accordionHeaderDiv: {
+        display: "flex",
+        flexDirection: "row",
+        columnGap: tokens.spacingHorizontalS,
+        alignItems: "center",
+    },
+    resourceDetailsDiv: {
+        display: "flex",
+        flexDirection: "column",
+        rowGap: tokens.spacingVerticalS,
+    },
+    peopleDetailsDiv: {
+        display: "flex",
+        flexDirection: "row",
+        columnGap: tokens.spacingHorizontalXL,
+    },
+    avatarGroupItem: {
+        cursor: "pointer",
+    },
+});
+function AsPersonMetadata(person) {
+    if (typeof person === "string") {
+        return { name: person };
+    }
+    return person;
+}
+function usePeopleMetadata(people) {
+    const definedPeople = useMemo(() => (people ? people.filter((person) => !!person) : []), [people]);
+    //const [peopleMetadataEx, setPeopleMetadataEx] = useState<(PersonMetadata & { avatarUrl?: string })[]>(definedPeople.map(AsPersonMetadata));
+    const [peopleMetadataEx] = useState(definedPeople.map(AsPersonMetadata));
+    // TODO: Would be nice if we could pull author/contributor profile pictures from the forum, but need to see if this is ok and whether we want to adjust CORS to allow it.
+    // useEffect(() => {
+    //     definedPeople.forEach(async (person, index) => {
+    //         const personMetadata = AsPersonMetadata(person);
+    //         if (personMetadata.forumUserName) {
+    //             try {
+    //                 const json = await (await fetch(`https://forum.babylonjs.com/u/${personMetadata.forumUserName}.json`)).json();
+    //                 const avatarRelativeUrl = json.user?.avatar_template?.replace("{size}", "96");
+    //                 if (avatarRelativeUrl) {
+    //                     const avatarUrl = `https://forum.babylonjs.com${avatarRelativeUrl}`;
+    //                     setPeopleMetadataEx((prev) => {
+    //                         const newMetadata = [...prev];
+    //                         newMetadata[index] = { ...personMetadata, avatarUrl };
+    //                         return newMetadata;
+    //                     });
+    //                 }
+    //             } catch {
+    //                 // Ignore, non-fatal
+    //             }
+    //         }
+    //     });
+    // }, [definedPeople]);
+    return peopleMetadataEx.filter(Boolean);
+}
+// eslint-disable-next-line @typescript-eslint/naming-convention
+const useTeachingMoment = MakePopoverTeachingMoment("Extensions");
+const WebResource = (props) => {
+    const { url, urlDisplay, icon, label } = props;
+    const classes = useStyles();
+    return (jsx("div", { className: classes.webResourceDiv, children: jsx(Tooltip, { content: label, relationship: "label", positioning: "before", withArrow: true, children: jsxs("div", { className: classes.webResourceLink, children: [icon, jsx(Link, { url: url, value: urlDisplay || url })] }) }) }));
+};
+const PersonDetailsPopover = (props) => {
+    const { person, title, disabled, children } = props;
+    const classes = useStyles();
+    if (disabled) {
+        return jsx(Fragment, { children: children });
+    }
+    return (jsxs(Popover, { withArrow: true, children: [jsx(PopoverTrigger, { disableButtonEnhancement: true, children: children }), jsx(PopoverSurface, { children: jsxs("div", { className: classes.personPopoverSurfaceDiv, children: [jsx(Persona, { name: person.name, secondaryText: title }), person.email && jsx(WebResource, { url: `mailto:${person.email}`, urlDisplay: person.email, icon: jsx(MailRegular, {}), label: "Email" }), person.url && jsx(WebResource, { url: person.url, urlDisplay: person.url, icon: jsx(LinkRegular, {}), label: "Website" }), person.forumUserName && (jsx(WebResource, { url: `https://forum.babylonjs.com/u/${person.forumUserName}`, urlDisplay: person.forumUserName, icon: jsx(PeopleCommunityRegular, {}), label: "Forum" }))] }) })] }));
+};
+const ExtensionDetails = memo((props) => {
+    const { extension } = props;
+    const { metadata } = extension;
+    const classes = useStyles();
+    const [canInstall, setCanInstall] = useState(false);
+    const [canUninstall, setCanUninstall] = useState(false);
+    const [isStateChanging, setIsStateChanging] = useState(false);
+    useEffect(() => {
+        const updateState = () => {
+            setCanInstall(!extension.isInstalled && !extension.isStateChanging);
+            setCanUninstall(extension.isInstalled && !extension.isStateChanging);
+            setIsStateChanging(extension.isStateChanging);
+        };
+        const stateChangedHandlerRegistration = extension.addStateChangedHandler(updateState);
+        updateState();
+        return stateChangedHandlerRegistration.dispose;
+    }, [extension]);
+    const [author] = usePeopleMetadata(useMemo(() => [metadata.author], [metadata.author]));
+    const contributors = usePeopleMetadata(metadata.contributors);
+    const hasResourceDetails = metadata.homepage || metadata.repository || metadata.bugs;
+    const hasPeopleDetails = author || contributors.length > 0;
+    const hasPreviewDetails = hasResourceDetails || hasPeopleDetails;
+    const hasAuthorDetails = author?.email || author?.url || author?.forumUserName;
+    const subHeader = [metadata.version ? `${metadata.version}` : null, metadata.license ? `${metadata.license}` : null].filter(Boolean).join(" | ");
+    const install = useCallback(async () => {
+        try {
+            await extension.installAsync();
+        }
+        catch {
+            // Ignore errors. Other parts of the infrastructure handle them and communicate them to the user.
+        }
+    }, [extension]);
+    const uninstall = useCallback(async () => {
+        try {
+            await extension.uninstallAsync();
+        }
+        catch {
+            // Ignore errors. Other parts of the infrastructure handle them and communicate them to the user.
+        }
+    }, [extension]);
+    return (jsxs(AccordionItem, { className: classes.extensionItem, value: extension.metadata.name, children: [jsx(AccordionHeader, { className: classes.extensionHeader, expandIconPosition: "end", children: jsxs("div", { className: classes.accordionHeaderDiv, children: [jsx(Body1Strong, { children: extension.metadata.name }), jsx(Fade, { visible: extension.isInstalled, children: jsx(PresenceBadge, { size: "small" }) })] }) }), jsx(AccordionPanel, { children: jsxs(Card, { children: [jsx(CardHeader, { header: jsx(Body1, { children: metadata.description }), description: jsx(Caption1, { italic: true, children: subHeader }) }), hasPreviewDetails && (jsxs(CardPreview, { className: classes.extensionCardPreview, children: [hasResourceDetails && (jsxs("div", { className: classes.resourceDetailsDiv, style: { display: "flex" }, children: [metadata.homepage && jsx(WebResource, { url: metadata.homepage, icon: jsx(LinkRegular, {}), label: "Website" }), metadata.repository && jsx(WebResource, { url: metadata.repository, icon: jsx(BranchForkRegular, {}), label: "Repository" }), metadata.bugs && jsx(WebResource, { url: metadata.bugs, icon: jsx(BugRegular, {}), label: "Report Issues" })] })), hasPeopleDetails && (jsxs("div", { className: classes.peopleDetailsDiv, style: { display: "flex" }, children: [author && (jsx(PersonDetailsPopover, { person: author, title: "Author", disabled: !hasAuthorDetails, children: jsx(Persona, { name: author.name, secondaryText: "Author", style: { cursor: hasAuthorDetails ? "pointer" : "default" } }) })), contributors.length > 0 && (jsx(AvatarGroup, { layout: "stack", children: contributors.map((contributor) => {
+                                                return (jsx(PersonDetailsPopover, { person: contributor, title: "Contributor", children: jsx(AvatarGroupItem, { name: contributor.name, className: classes.avatarGroupItem }) }, contributor.name));
+                                            }) }))] }))] })), jsxs(CardFooter, { children: [canInstall && (jsx(Button, { appearance: "primary", size: "small", icon: jsx(ArrowDownloadRegular, {}), onClick: install, children: "Get" })), canUninstall && (jsx(Button, { appearance: "secondary", size: "small", icon: jsx(DeleteRegular, {}), onClick: uninstall, children: "Remove" })), isStateChanging && jsx(Spinner, { className: classes.spinner, size: "extra-small" })] })] }) })] }));
+});
+const ExtensionListServiceDefinition = {
+    friendlyName: "ExtensionList",
+    consumes: [ShellServiceIdentity],
+    factory: (shellService) => {
+        const registration = shellService.addToolbarItem({
+            key: "ExtensionList",
+            horizontalLocation: "right",
+            verticalLocation: "top",
+            suppressTeachingMoment: true,
+            order: -200,
+            component: () => {
+                const classes = useStyles();
+                const [selectedTab, setSelectedTab] = useState("available");
+                const extensionManager = useExtensionManager();
+                const [extensions, setExtensions] = useState([]);
+                useEffect(() => {
+                    if (extensionManager) {
+                        const populateExtensionsAsync = async () => {
+                            const query = await extensionManager.queryExtensionsAsync(undefined, undefined, selectedTab === "installed");
+                            const extensions = await query.getExtensionsAsync(0, query.totalCount);
+                            setExtensions(extensions);
+                        };
+                        // eslint-disable-next-line github/no-then
+                        populateExtensionsAsync().catch((error) => {
+                            Logger.Warn(`Failed to populate extensions: ${error}`);
+                        });
+                    }
+                }, [extensionManager, selectedTab]);
+                const teachingMoment = useTeachingMoment();
+                return (jsxs(Fragment, { children: [jsx(TeachingMoment, { ...teachingMoment, title: "Extensions", description: "Extensions provide new optional features that can be useful to your specific task or workflow. Click this button to manage extensions." }), jsxs(Dialog, { children: [jsx(DialogTrigger, { disableButtonEnhancement: true, children: jsx(Tooltip, { content: "Manage Extensions", relationship: "label", children: jsx(Button, { ref: teachingMoment.targetRef, className: classes.extensionButton, appearance: "subtle", icon: jsx(AppsAddInRegular, {}) }) }) }), jsx(DialogSurface, { className: classes.extensionsDialogSurface, children: jsxs(DialogBody, { className: classes.extensionDialogBody, children: [jsx(DialogTitle, { action: jsx(DialogTrigger, { action: "close", children: jsx(Button, { appearance: "subtle", "aria-label": "close", icon: jsx(DismissRegular, {}) }) }), children: jsxs(Fragment, { children: ["Extensions", jsxs(TabList, { className: classes.extensionDialogContent, selectedValue: selectedTab, onTabSelect: (event, data) => {
+                                                                setSelectedTab(data.value);
+                                                            }, children: [jsx(Tab, { value: "available", children: "Available" }), jsx(Tab, { value: "installed", children: "Installed" })] })] }) }), jsx(DialogContent, { className: classes.extensionDialogContent, children: jsx(Accordion, { collapsible: true, children: extensions.map((extension) => (jsx(ExtensionDetails, { extension: extension }, extension.metadata.name))) }) })] }) })] })] }));
+            },
+        });
+        return {
+            dispose: () => registration.dispose(),
+        };
+    },
+};
+
+export { ExtensionListServiceDefinition };
+//# sourceMappingURL=extensionsListService-DcpjIM_c.js.map

package/lib/extensionsListService-DcpjIM_c.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"extensionsListService-DcpjIM_c.js","sources":["../../../../../../../../dev/inspector-v2/src/services/extensionsListService.tsx"],"sourcesContent":["import type { SelectTabData, SelectTabEvent } from \"@fluentui/react-components\";\r\nimport type { TriggerProps } from \"@fluentui/react-utilities\";\r\nimport type { FunctionComponent } from \"react\";\r\nimport type { PersonMetadata } from \"../extensibility/extensionFeed\";\r\nimport type { IExtension } from \"../extensibility/extensionManager\";\r\nimport type { ServiceDefinition } from \"../modularity/serviceDefinition\";\r\nimport type { IShellService } from \"./shellService\";\r\n\r\nimport {\r\n    Accordion,\r\n    AccordionHeader,\r\n    AccordionItem,\r\n    AccordionPanel,\r\n    AvatarGroup,\r\n    AvatarGroupItem,\r\n    Body1,\r\n    Body1Strong,\r\n    Button,\r\n    Caption1,\r\n    Card,\r\n    CardFooter,\r\n    CardHeader,\r\n    CardPreview,\r\n    Dialog,\r\n    DialogBody,\r\n    DialogContent,\r\n    DialogSurface,\r\n    DialogTitle,\r\n    DialogTrigger,\r\n    makeStyles,\r\n    Persona,\r\n    Popover,\r\n    PopoverSurface,\r\n    PopoverTrigger,\r\n    PresenceBadge,\r\n    Spinner,\r\n    Tab,\r\n    TabList,\r\n    tokens,\r\n    Tooltip,\r\n} from \"@fluentui/react-components\";\r\nimport {\r\n    AppsAddInRegular,\r\n    ArrowDownloadRegular,\r\n    BranchForkRegular,\r\n    BugRegular,\r\n    DeleteRegular,\r\n    DismissRegular,\r\n    LinkRegular,\r\n    MailRegular,\r\n    PeopleCommunityRegular,\r\n} from \"@fluentui/react-icons\";\r\nimport { Fade } from \"@fluentui/react-motion-components-preview\";\r\nimport { memo, useCallback, useEffect, useMemo, useState } from \"react\";\r\n\r\nimport { Logger } from \"core/Misc/logger\";\r\n\r\nimport { Link } from \"shared-ui-components/fluent/primitives/link\";\r\nimport { TeachingMoment } from \"../components/teachingMoment\";\r\nimport { useExtensionManager } from \"../contexts/extensionManagerContext\";\r\nimport { MakePopoverTeachingMoment } from \"../hooks/teachingMomentHooks\";\r\nimport { ShellServiceIdentity } from \"./shellService\";\r\n\r\n// eslint-disable-next-line @typescript-eslint/naming-convention\r\nconst useStyles = makeStyles({\r\n    extensionButton: {},\r\n    extensionsDialogSurface: {\r\n        height: \"auto\",\r\n        width: \"70vw\",\r\n        maxWidth: \"600px\",\r\n        maxHeight: \"70vh\",\r\n        backgroundColor: tokens.colorNeutralBackground2,\r\n    },\r\n    extensionDialogBody: {\r\n        maxWidth: \"100%\",\r\n        maxHeight: \"100%\",\r\n    },\r\n    extensionDialogContent: {\r\n        marginLeft: `calc(-1 * ${tokens.spacingHorizontalM})`,\r\n        marginRight: `calc(-1 * ${tokens.spacingHorizontalS})`,\r\n    },\r\n    extensionHeader: {},\r\n    extensionItem: {},\r\n    extensionCardPreview: {\r\n        padding: `${tokens.spacingVerticalM} ${tokens.spacingHorizontalM}`,\r\n        display: \"flex\",\r\n        flexDirection: \"column\",\r\n        rowGap: tokens.spacingVerticalL,\r\n    },\r\n    extensionIntro: {\r\n        display: \"flex\",\r\n        alignItems: \"center\",\r\n        columnGap: tokens.spacingHorizontalM,\r\n    },\r\n    extensionDescription: {\r\n        display: \"flex\",\r\n        flexDirection: \"row\",\r\n        columnGap: tokens.spacingHorizontalS,\r\n    },\r\n    extensionButtonContainer: {\r\n        marginLeft: \"auto\",\r\n        alignSelf: \"flex-start\",\r\n    },\r\n    spinner: {\r\n        animationDuration: \"1s\",\r\n        animationName: {\r\n            from: { opacity: 0 },\r\n            to: { opacity: 1 },\r\n        },\r\n    },\r\n    webResourceDiv: {\r\n        display: \"flex\",\r\n        flexDirection: \"column\",\r\n    },\r\n    webResourceLink: {\r\n        display: \"flex\",\r\n        flexDirection: \"row\",\r\n        columnGap: tokens.spacingHorizontalS,\r\n        alignItems: \"center\",\r\n    },\r\n    personPopoverSurfaceDiv: {\r\n        display: \"flex\",\r\n        flexDirection: \"column\",\r\n        rowGap: tokens.spacingVerticalS,\r\n    },\r\n    accordionHeaderDiv: {\r\n        display: \"flex\",\r\n        flexDirection: \"row\",\r\n        columnGap: tokens.spacingHorizontalS,\r\n        alignItems: \"center\",\r\n    },\r\n    resourceDetailsDiv: {\r\n        display: \"flex\",\r\n        flexDirection: \"column\",\r\n        rowGap: tokens.spacingVerticalS,\r\n    },\r\n    peopleDetailsDiv: {\r\n        display: \"flex\",\r\n        flexDirection: \"row\",\r\n        columnGap: tokens.spacingHorizontalXL,\r\n    },\r\n    avatarGroupItem: {\r\n        cursor: \"pointer\",\r\n    },\r\n});\r\n\r\nfunction AsPersonMetadata(person: string | PersonMetadata): PersonMetadata {\r\n    if (typeof person === \"string\") {\r\n        return { name: person } satisfies PersonMetadata;\r\n    }\r\n    return person;\r\n}\r\n\r\nfunction usePeopleMetadata(people?: readonly (string | PersonMetadata | undefined)[]) {\r\n    const definedPeople = useMemo(() => (people ? people.filter((person): person is string | PersonMetadata => !!person) : []), [people]);\r\n\r\n    //const [peopleMetadataEx, setPeopleMetadataEx] = useState<(PersonMetadata & { avatarUrl?: string })[]>(definedPeople.map(AsPersonMetadata));\r\n    const [peopleMetadataEx] = useState(definedPeople.map(AsPersonMetadata));\r\n\r\n    // TODO: Would be nice if we could pull author/contributor profile pictures from the forum, but need to see if this is ok and whether we want to adjust CORS to allow it.\r\n    // useEffect(() => {\r\n    //     definedPeople.forEach(async (person, index) => {\r\n    //         const personMetadata = AsPersonMetadata(person);\r\n    //         if (personMetadata.forumUserName) {\r\n    //             try {\r\n    //                 const json = await (await fetch(`https://forum.babylonjs.com/u/${personMetadata.forumUserName}.json`)).json();\r\n    //                 const avatarRelativeUrl = json.user?.avatar_template?.replace(\"{size}\", \"96\");\r\n    //                 if (avatarRelativeUrl) {\r\n    //                     const avatarUrl = `https://forum.babylonjs.com${avatarRelativeUrl}`;\r\n    //                     setPeopleMetadataEx((prev) => {\r\n    //                         const newMetadata = [...prev];\r\n    //                         newMetadata[index] = { ...personMetadata, avatarUrl };\r\n    //                         return newMetadata;\r\n    //                     });\r\n    //                 }\r\n    //             } catch {\r\n    //                 // Ignore, non-fatal\r\n    //             }\r\n    //         }\r\n    //     });\r\n    // }, [definedPeople]);\r\n\r\n    return peopleMetadataEx.filter(Boolean);\r\n}\r\n\r\n// eslint-disable-next-line @typescript-eslint/naming-convention\r\nconst useTeachingMoment = MakePopoverTeachingMoment(\"Extensions\");\r\n\r\nconst WebResource: FunctionComponent<{ url: string; urlDisplay?: string; icon: JSX.Element; label: string }> = (props) => {\r\n    const { url, urlDisplay, icon, label } = props;\r\n    const classes = useStyles();\r\n\r\n    return (\r\n        <div className={classes.webResourceDiv}>\r\n            <Tooltip content={label} relationship=\"label\" positioning=\"before\" withArrow>\r\n                <div className={classes.webResourceLink}>\r\n                    {icon}\r\n                    <Link url={url} value={urlDisplay || url} />\r\n                </div>\r\n            </Tooltip>\r\n        </div>\r\n    );\r\n};\r\n\r\nconst PersonDetailsPopover: FunctionComponent<TriggerProps & { person: PersonMetadata; title: string; disabled?: boolean }> = (props) => {\r\n    const { person, title, disabled, children } = props;\r\n    const classes = useStyles();\r\n\r\n    if (disabled) {\r\n        return <>{children}</>;\r\n    }\r\n\r\n    return (\r\n        <Popover withArrow>\r\n            <PopoverTrigger disableButtonEnhancement>{children}</PopoverTrigger>\r\n            <PopoverSurface>\r\n                <div className={classes.personPopoverSurfaceDiv}>\r\n                    <Persona name={person.name} secondaryText={title} />\r\n                    {person.email && <WebResource url={`mailto:${person.email}`} urlDisplay={person.email} icon={<MailRegular />} label=\"Email\" />}\r\n                    {person.url && <WebResource url={person.url} urlDisplay={person.url} icon={<LinkRegular />} label=\"Website\" />}\r\n                    {person.forumUserName && (\r\n                        <WebResource\r\n                            url={`https://forum.babylonjs.com/u/${person.forumUserName}`}\r\n                            urlDisplay={person.forumUserName}\r\n                            icon={<PeopleCommunityRegular />}\r\n                            label=\"Forum\"\r\n                        />\r\n                    )}\r\n                </div>\r\n            </PopoverSurface>\r\n        </Popover>\r\n    );\r\n};\r\n\r\nconst ExtensionDetails: FunctionComponent<{ extension: IExtension }> = memo((props) => {\r\n    const { extension } = props;\r\n    const { metadata } = extension;\r\n\r\n    const classes = useStyles();\r\n\r\n    const [canInstall, setCanInstall] = useState(false);\r\n    const [canUninstall, setCanUninstall] = useState(false);\r\n    const [isStateChanging, setIsStateChanging] = useState(false);\r\n\r\n    useEffect(() => {\r\n        const updateState = () => {\r\n            setCanInstall(!extension.isInstalled && !extension.isStateChanging);\r\n            setCanUninstall(extension.isInstalled && !extension.isStateChanging);\r\n            setIsStateChanging(extension.isStateChanging);\r\n        };\r\n\r\n        const stateChangedHandlerRegistration = extension.addStateChangedHandler(updateState);\r\n        updateState();\r\n\r\n        return stateChangedHandlerRegistration.dispose;\r\n    }, [extension]);\r\n\r\n    const [author] = usePeopleMetadata(useMemo(() => [metadata.author], [metadata.author]));\r\n    const contributors = usePeopleMetadata(metadata.contributors);\r\n\r\n    const hasResourceDetails = metadata.homepage || metadata.repository || metadata.bugs;\r\n    const hasPeopleDetails = author || contributors.length > 0;\r\n    const hasPreviewDetails = hasResourceDetails || hasPeopleDetails;\r\n    const hasAuthorDetails = author?.email || author?.url || author?.forumUserName;\r\n    const subHeader = [metadata.version ? `${metadata.version}` : null, metadata.license ? `${metadata.license}` : null].filter(Boolean).join(\" | \");\r\n\r\n    const install = useCallback(async () => {\r\n        try {\r\n            await extension.installAsync();\r\n        } catch {\r\n            // Ignore errors. Other parts of the infrastructure handle them and communicate them to the user.\r\n        }\r\n    }, [extension]);\r\n\r\n    const uninstall = useCallback(async () => {\r\n        try {\r\n            await extension.uninstallAsync();\r\n        } catch {\r\n            // Ignore errors. Other parts of the infrastructure handle them and communicate them to the user.\r\n        }\r\n    }, [extension]);\r\n\r\n    return (\r\n        <AccordionItem className={classes.extensionItem} value={extension.metadata.name}>\r\n            <AccordionHeader className={classes.extensionHeader} expandIconPosition=\"end\">\r\n                <div className={classes.accordionHeaderDiv}>\r\n                    <Body1Strong>{extension.metadata.name}</Body1Strong>\r\n                    <Fade visible={extension.isInstalled}>\r\n                        <PresenceBadge size=\"small\" />\r\n                    </Fade>\r\n                </div>\r\n            </AccordionHeader>\r\n            <AccordionPanel>\r\n                <Card>\r\n                    <CardHeader header={<Body1>{metadata.description}</Body1>} description={<Caption1 italic>{subHeader}</Caption1>} />\r\n                    {hasPreviewDetails && (\r\n                        <CardPreview className={classes.extensionCardPreview}>\r\n                            {hasResourceDetails && (\r\n                                <div className={classes.resourceDetailsDiv} style={{ display: \"flex\" }}>\r\n                                    {metadata.homepage && <WebResource url={metadata.homepage} icon={<LinkRegular />} label=\"Website\" />}\r\n                                    {metadata.repository && <WebResource url={metadata.repository} icon={<BranchForkRegular />} label=\"Repository\" />}\r\n                                    {metadata.bugs && <WebResource url={metadata.bugs} icon={<BugRegular />} label=\"Report Issues\" />}\r\n                                </div>\r\n                            )}\r\n                            {hasPeopleDetails && (\r\n                                <div className={classes.peopleDetailsDiv} style={{ display: \"flex\" }}>\r\n                                    {author && (\r\n                                        <PersonDetailsPopover person={author} title=\"Author\" disabled={!hasAuthorDetails}>\r\n                                            <Persona name={author.name} secondaryText=\"Author\" style={{ cursor: hasAuthorDetails ? \"pointer\" : \"default\" }} />\r\n                                        </PersonDetailsPopover>\r\n                                    )}\r\n                                    {contributors.length > 0 && (\r\n                                        <AvatarGroup layout=\"stack\">\r\n                                            {contributors.map((contributor) => {\r\n                                                return (\r\n                                                    <PersonDetailsPopover key={contributor.name} person={contributor} title=\"Contributor\">\r\n                                                        <AvatarGroupItem name={contributor.name} className={classes.avatarGroupItem} />\r\n                                                    </PersonDetailsPopover>\r\n                                                );\r\n                                            })}\r\n                                        </AvatarGroup>\r\n                                    )}\r\n                                </div>\r\n                            )}\r\n                        </CardPreview>\r\n                    )}\r\n                    <CardFooter>\r\n                        {canInstall && (\r\n                            <Button appearance=\"primary\" size=\"small\" icon={<ArrowDownloadRegular />} onClick={install}>\r\n                                Get\r\n                            </Button>\r\n                        )}\r\n                        {canUninstall && (\r\n                            <Button appearance=\"secondary\" size=\"small\" icon={<DeleteRegular />} onClick={uninstall}>\r\n                                Remove\r\n                            </Button>\r\n                        )}\r\n                        {isStateChanging && <Spinner className={classes.spinner} size=\"extra-small\" />}\r\n                    </CardFooter>\r\n                </Card>\r\n            </AccordionPanel>\r\n        </AccordionItem>\r\n    );\r\n});\r\n\r\ntype TabValue = \"available\" | \"installed\";\r\n\r\nexport const ExtensionListServiceDefinition: ServiceDefinition<[], [IShellService]> = {\r\n    friendlyName: \"ExtensionList\",\r\n    consumes: [ShellServiceIdentity],\r\n    factory: (shellService) => {\r\n        const registration = shellService.addToolbarItem({\r\n            key: \"ExtensionList\",\r\n            horizontalLocation: \"right\",\r\n            verticalLocation: \"top\",\r\n            suppressTeachingMoment: true,\r\n            order: -200,\r\n            component: () => {\r\n                const classes = useStyles();\r\n\r\n                const [selectedTab, setSelectedTab] = useState<TabValue>(\"available\");\r\n                const extensionManager = useExtensionManager();\r\n                const [extensions, setExtensions] = useState<IExtension[]>([]);\r\n\r\n                useEffect(() => {\r\n                    if (extensionManager) {\r\n                        const populateExtensionsAsync = async () => {\r\n                            const query = await extensionManager.queryExtensionsAsync(undefined, undefined, selectedTab === \"installed\");\r\n                            const extensions = await query.getExtensionsAsync(0, query.totalCount);\r\n                            setExtensions(extensions);\r\n                        };\r\n\r\n                        // eslint-disable-next-line github/no-then\r\n                        populateExtensionsAsync().catch((error) => {\r\n                            Logger.Warn(`Failed to populate extensions: ${error}`);\r\n                        });\r\n                    }\r\n                }, [extensionManager, selectedTab]);\r\n\r\n                const teachingMoment = useTeachingMoment();\r\n\r\n                return (\r\n                    <>\r\n                        <TeachingMoment\r\n                            {...teachingMoment}\r\n                            title=\"Extensions\"\r\n                            description=\"Extensions provide new optional features that can be useful to your specific task or workflow. Click this button to manage extensions.\"\r\n                        />\r\n                        <Dialog>\r\n                            <DialogTrigger disableButtonEnhancement>\r\n                                <Tooltip content=\"Manage Extensions\" relationship=\"label\">\r\n                                    <Button ref={teachingMoment.targetRef} className={classes.extensionButton} appearance=\"subtle\" icon={<AppsAddInRegular />} />\r\n                                </Tooltip>\r\n                            </DialogTrigger>\r\n                            <DialogSurface className={classes.extensionsDialogSurface}>\r\n                                <DialogBody className={classes.extensionDialogBody}>\r\n                                    <DialogTitle\r\n                                        action={\r\n                                            <DialogTrigger action=\"close\">\r\n                                                <Button appearance=\"subtle\" aria-label=\"close\" icon={<DismissRegular />} />\r\n                                            </DialogTrigger>\r\n                                        }\r\n                                    >\r\n                                        <>\r\n                                            Extensions\r\n                                            <TabList\r\n                                                className={classes.extensionDialogContent}\r\n                                                selectedValue={selectedTab}\r\n                                                onTabSelect={(event: SelectTabEvent, data: SelectTabData) => {\r\n                                                    setSelectedTab(data.value as TabValue);\r\n                                                }}\r\n                                            >\r\n                                                <Tab value={\"available\" satisfies TabValue}>Available</Tab>\r\n                                                <Tab value={\"installed\" satisfies TabValue}>Installed</Tab>\r\n                                            </TabList>\r\n                                        </>\r\n                                    </DialogTitle>\r\n                                    <DialogContent className={classes.extensionDialogContent}>\r\n                                        <Accordion collapsible>\r\n                                            {extensions.map((extension) => (\r\n                                                <ExtensionDetails key={extension.metadata.name} extension={extension} />\r\n                                            ))}\r\n                                        </Accordion>\r\n                                    </DialogContent>\r\n                                </DialogBody>\r\n                            </DialogSurface>\r\n                        </Dialog>\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"],"names":["_jsx","_jsxs","_Fragment"],"mappings":"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"}

package/lib/importService-DEe18q7F.js

@@ -0,0 +1,174 @@
+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-B-XOu4uI.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 '@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-icons';
+import '@fluentui/react-motion-components-preview';
+import '@babylonjs/core/Misc/typeStore.js';
+import 'usehooks-ts';
+import '@babylonjs/core/Misc/asyncLock.js';
+import '@babylonjs/core/Misc/deferred.js';
+import '@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/Misc/tools.js';
+import '@babylonjs/core/Rendering/utilityLayerRenderer.js';
+import '@babylonjs/materials/grid/gridMaterial.js';
+import '@babylonjs/core/Misc/dataStorage.js';
+import '@babylonjs/core/Instrumentation/engineInstrumentation.js';
+import '@babylonjs/core/Instrumentation/sceneInstrumentation.js';
+import '@babylonjs/core/Engines/AbstractEngine/abstractEngine.timeQuery.js';
+import '@babylonjs/core/Engines/Extensions/engine.query.js';
+import '@babylonjs/core/Engines/WebGPU/Extensions/engine.query.js';
+import '@babylonjs/core/Misc/PerformanceViewer/performanceViewerCollectionStrategies.js';
+import '@babylonjs/core/Misc/PerformanceViewer/performanceViewerSceneExtension.js';
+import '@babylonjs/core/Misc/pressureObserverWrapper.js';
+import '@babylonjs/core/Engines/abstractEngine.js';
+import '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/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/core/Materials/PBR/openpbrMaterial.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/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';
+import '@babylonjs/core/Engines/engineStore.js';
+import '@babylonjs/core/Misc/uniqueIdGenerator.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 SceneImportServiceDefinition = {
+    friendlyName: "Import Tool",
+    consumes: [ToolsServiceIdentity],
+    factory: (toolsService) => {
+        const contentRegistration = toolsService.addSectionContent({
+            key: "AnimationImport",
+            section: "Animation Import",
+            component: ({ context }) => jsx(ImportAnimationsTools, { scene: context }),
+        });
+        return {
+            dispose: () => {
+                contentRegistration.dispose();
+            },
+        };
+    },
+};
+var importService = {
+    serviceDefinitions: [SceneImportServiceDefinition],
+};
+
+export { SceneImportServiceDefinition, importService as default };
+//# sourceMappingURL=importService-DEe18q7F.js.map

package/lib/importService-DEe18q7F.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"importService-DEe18q7F.js","sources":["../../../../../../../../dev/inspector-v2/src/components/tools/importTools.tsx","../../../../../../../../dev/inspector-v2/src/services/panes/tools/importService.tsx"],"sourcesContent":["import { useState } from \"react\";\r\nimport type { FunctionComponent } from \"react\";\r\nimport type { Scene } from \"core/scene\";\r\nimport type { DropdownOption } from \"shared-ui-components/fluent/primitives/dropdown\";\r\nimport { ImportAnimationsAsync, SceneLoaderAnimationGroupLoadingMode } from \"core/Loading/sceneLoader\";\r\nimport { FilesInput } from \"core/Misc/filesInput\";\r\nimport { Logger } from \"core/Misc/logger\";\r\nimport { SwitchPropertyLine } from \"shared-ui-components/fluent/hoc/propertyLines/switchPropertyLine\";\r\nimport { NumberDropdownPropertyLine } from \"shared-ui-components/fluent/hoc/propertyLines/dropdownPropertyLine\";\r\nimport { FileUploadLine } from \"shared-ui-components/fluent/hoc/fileUploadLine\";\r\nimport { Collapse } from \"shared-ui-components/fluent/primitives/collapse\";\r\n\r\nconst AnimationGroupLoadingModes = [\r\n    { label: \"Clean\", value: SceneLoaderAnimationGroupLoadingMode.Clean },\r\n    { label: \"Stop\", value: SceneLoaderAnimationGroupLoadingMode.Stop },\r\n    { label: \"Sync\", value: SceneLoaderAnimationGroupLoadingMode.Sync },\r\n    { label: \"NoSync\", value: SceneLoaderAnimationGroupLoadingMode.NoSync },\r\n] as const satisfies DropdownOption<number>[];\r\n\r\nexport const ImportAnimationsTools: FunctionComponent<{ scene: Scene }> = ({ scene }) => {\r\n    const [importDefaults, setImportDefaults] = useState({\r\n        overwriteAnimations: true,\r\n        animationGroupLoadingMode: SceneLoaderAnimationGroupLoadingMode.Clean,\r\n    });\r\n\r\n    const importAnimations = (event: FileList) => {\r\n        const reloadAsync = async function (sceneFile: File) {\r\n            if (sceneFile) {\r\n                try {\r\n                    await ImportAnimationsAsync(sceneFile, scene, {\r\n                        overwriteAnimations: importDefaults.overwriteAnimations,\r\n                        animationGroupLoadingMode: importDefaults.animationGroupLoadingMode,\r\n                    });\r\n\r\n                    if (scene.animationGroups.length > 0) {\r\n                        const currentGroup = scene.animationGroups[0];\r\n                        currentGroup.play(true);\r\n                    }\r\n                } catch (error) {\r\n                    Logger.Error(`Error importing animations: ${error}`);\r\n                }\r\n            }\r\n        };\r\n\r\n        const filesInputAnimation = new FilesInput(scene.getEngine(), scene, null, null, null, null, null, reloadAsync, null);\r\n        filesInputAnimation.loadFiles(event);\r\n        filesInputAnimation.dispose();\r\n    };\r\n\r\n    return (\r\n        <>\r\n            <FileUploadLine label=\"Import Animations\" accept=\"gltf\" onClick={(evt: FileList) => importAnimations(evt)} />\r\n            <SwitchPropertyLine\r\n                label=\"Overwrite Animations\"\r\n                value={importDefaults.overwriteAnimations}\r\n                onChange={(value) => {\r\n                    setImportDefaults({ ...importDefaults, overwriteAnimations: value });\r\n                }}\r\n            />\r\n            <Collapse visible={!importDefaults.overwriteAnimations}>\r\n                <NumberDropdownPropertyLine\r\n                    label=\"Animation Merge Mode\"\r\n                    options={AnimationGroupLoadingModes}\r\n                    value={importDefaults.animationGroupLoadingMode}\r\n                    onChange={(value) => {\r\n                        setImportDefaults({ ...importDefaults, animationGroupLoadingMode: value });\r\n                    }}\r\n                />\r\n            </Collapse>\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 { ImportAnimationsTools } from \"../../../components/tools/importTools\";\r\n\r\nexport const SceneImportServiceDefinition: ServiceDefinition<[], [IToolsService]> = {\r\n    friendlyName: \"Import Tool\",\r\n    consumes: [ToolsServiceIdentity],\r\n    factory: (toolsService) => {\r\n        const contentRegistration = toolsService.addSectionContent({\r\n            key: \"AnimationImport\",\r\n            section: \"Animation Import\",\r\n            component: ({ context }) => <ImportAnimationsTools scene={context} />,\r\n        });\r\n\r\n        return {\r\n            dispose: () => {\r\n                contentRegistration.dispose();\r\n            },\r\n        };\r\n    },\r\n};\r\n\r\nexport default {\r\n    serviceDefinitions: [SceneImportServiceDefinition],\r\n} as const;\r\n"],"names":["_jsxs","_jsx"],"mappings":"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"}