babylonjs-editor 5.2.4 → 5.4.0

package/.env

@@ -0,0 +1 @@
+SKETCHFAB_CLIENT_ID=XZVigLIpz1lqWCkAMRWWpZzKIEVaMEIcsBrgQWrD

package/build/src/index.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const os_1 = require("os");
+require("dotenv/config");
 const electron_updater_1 = require("electron-updater");
 const posix_1 = require("path/posix");
 const electron_1 = require("electron");
@@ -16,6 +17,8 @@ require("./electron/events/editor");
 require("./electron/events/window");
 require("./electron/assimp/assimpjs");
 require("./electron/events/export");
+require("./electron/protocol");
+require("./electron/oauth");
 try {
     if (!electron_1.app.isPackaged) {
         process.env.DEBUG ??= "true";
@@ -77,6 +80,11 @@ electron_1.ipcMain.on("app:quit", () => {
     }
 });
 let dashboardWindow = null;
+let menuOptions = { enableExperimentalFeatures: false, openedTabs: [] };
+electron_1.ipcMain.on("editor:setup-menu", (_, options) => {
+    menuOptions = options;
+    (0, menu_1.setupEditorMenu)(options);
+});
 async function openDashboard() {
     if (!dashboardWindow) {
         (0, menu_2.setupDashboardMenu)();
@@ -111,10 +119,10 @@ async function openProject(filePath) {
     }
     openedProjects.push(filePath);
     notifyWindows("dashboard:opened-projects", openedProjects);
-    (0, menu_1.setupEditorMenu)();
+    (0, menu_1.setupEditorMenu)(menuOptions);
     const window = await (0, window_2.createEditorWindow)();
     window.setTitle((0, posix_1.basename)((0, posix_1.dirname)(filePath)));
-    window.on("focus", () => (0, menu_1.setupEditorMenu)());
+    window.on("focus", () => (0, menu_1.setupEditorMenu)(menuOptions));
     window.once("closed", () => {
         openedProjects.splice(openedProjects.indexOf(filePath), 1);
         notifyWindows("dashboard:opened-projects", openedProjects);

package/declaration/src/dashboard/main.d.ts

@@ -7,6 +7,7 @@ export interface IDashboardState {
     projects: ProjectType[];
     openedProjects: string[];
     createProject: boolean;
+    preferencesOpen: boolean;
     closeDashboardOnProjectOpen: boolean;
 }
 export declare class Dashboard extends Component<IDashboardProps, IDashboardState> {
@@ -14,6 +15,7 @@ export declare class Dashboard extends Component<IDashboardProps, IDashboardStat
     render(): ReactNode;
     componentDidMount(): Promise<void>;
     private _checkSystemAvailabilities;
+    private _handleKeepDashboardChanged;
     private _handleImportProject;
     private _tryRemoveProjectFromLocalStorage;
 }

package/declaration/src/dashboard/preferences.d.ts

@@ -0,0 +1,7 @@
+export interface IDashboardPreferencesProps {
+    isOpened: boolean;
+    onClose: () => void;
+    closeDashboardOnProjectOpen: boolean;
+    onKeepDashboardChanged: (checked: boolean) => void;
+}
+export declare function DashboardPreferences(props: IDashboardPreferencesProps): import("react/jsx-runtime").JSX.Element;

package/declaration/src/editor/dialogs/generate/complete.d.ts

@@ -0,0 +1,5 @@
+import { CancellationToken } from "babylonjs-editor-cli";
+export interface IEditorGenerateCompleteComponentProps {
+    cancellationToken: CancellationToken | null;
+}
+export declare function EditorGenerateCompleteComponent(props: IEditorGenerateCompleteComponentProps): import("react/jsx-runtime").JSX.Element;

package/declaration/src/editor/dialogs/generate/generate-project.d.ts

@@ -0,0 +1,24 @@
+import { Component, ReactNode } from "react";
+import { CancellationToken } from "babylonjs-editor-cli";
+import { Editor } from "../../main";
+export interface IEditorGenerateProjectComponentProps {
+    editor: Editor;
+    open: boolean;
+    onClose: () => void;
+}
+export interface IEditorGenerateProjectComponentState {
+    step: "options" | "generation" | "complete";
+    cancellationToken: CancellationToken | null;
+}
+export interface IEditorGenerateOptions {
+    optimize: boolean;
+    uploadToS3: boolean;
+}
+export declare class EditorGenerateProjectComponent extends Component<IEditorGenerateProjectComponentProps, IEditorGenerateProjectComponentState> {
+    private _options;
+    constructor(props: IEditorGenerateProjectComponentProps);
+    render(): ReactNode;
+    private _close;
+    private _next;
+    private _cancel;
+}

package/declaration/src/editor/dialogs/generate/generate.d.ts

@@ -0,0 +1,10 @@
+import { CancellationToken } from "babylonjs-editor-cli";
+import { Editor } from "../../main";
+import { IEditorGenerateOptions } from "./generate-project";
+export interface IEditorGenerateComponentProps {
+    editor: Editor;
+    options: IEditorGenerateOptions;
+    cancellationToken: CancellationToken | null;
+    onComplete: () => void;
+}
+export declare function EditorGenerateComponent(props: IEditorGenerateComponentProps): import("react/jsx-runtime").JSX.Element;

package/declaration/src/editor/dialogs/generate/options.d.ts

@@ -0,0 +1,5 @@
+import { IEditorGenerateOptions } from "./generate-project";
+export interface IEditorGenerateProjectOptionsComponentProps {
+    options: IEditorGenerateOptions;
+}
+export declare function EditorGenerateOptionsComponent(props: IEditorGenerateProjectOptionsComponentProps): import("react/jsx-runtime").JSX.Element;

package/declaration/src/editor/layout/assets-browser/items/ragdoll.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode } from "react";
+import { AssetsBrowserItem } from "./item";
+export declare class AssetBrowserRagdollItem extends AssetsBrowserItem {
+    /**
+     * @override
+     */
+    protected getIcon(): ReactNode;
+    /**
+     * @override
+     */
+    protected onDoubleClick(): Promise<void>;
+}

package/declaration/src/editor/layout/assets-browser.d.ts

@@ -87,6 +87,7 @@ export declare class EditorAssetsBrowser extends Component<IEditorAssetsBrowserP
     private _handleAddNodeParticleSystem;
     private _handleAddCinematic;
     private _handleAddNavmesh;
+    private _handleAddRagdoll;
     private _handleAddFullScreenGUI;
     private _handleAddScript;
     /**

package/declaration/src/editor/layout/cinematic/editor.d.ts

@@ -13,9 +13,11 @@ export interface ICinematicEditorProps {
     cinematic: ICinematic;
 }
 export interface ICinematicEditorState {
-    scale: number;
+    timelinesScale: number;
+    curvesZoom: number;
     currentTime: number;
     editType: "keyframes" | "curves";
+    tracksFilter: string;
     hoverTrack: ICinematicTrack | null;
     selectedTrack: ICinematicTrack | null;
     playing: boolean;

package/declaration/src/editor/layout/cinematic/timelines.d.ts

@@ -4,6 +4,7 @@ import { CinematicEditorTracker } from "./tracker";
 export interface ICinematicEditorTimelinesProps {
     scale: number;
     currentTime: number;
+    tracksFilter: string;
     cinematicEditor: CinematicEditor;
 }
 export interface ICinematicEditorTimelinesState {

package/declaration/src/editor/layout/cinematic/tools/tracks.d.ts

@@ -0,0 +1,2 @@
+import { ICinematicTrack } from "babylonjs-editor-tools";
+export declare function isTrackInFilter(track: ICinematicTrack, filter: string): boolean;

package/declaration/src/editor/layout/cinematic/tracker.d.ts

@@ -2,6 +2,7 @@ import { Component, ReactNode } from "react";
 export interface ICinematicEditorTrackerProps {
     scale: number;
     currentTime: number;
+    translationX?: number;
 }
 export declare class CinematicEditorTracker extends Component<ICinematicEditorTrackerProps> {
     private _forcedCurrentTime;

package/declaration/src/editor/layout/cinematic/tracks.d.ts

@@ -2,6 +2,7 @@ import { Component, ReactNode } from "react";
 import { ICinematicTrack } from "babylonjs-editor-tools";
 import { CinematicEditor } from "./editor";
 export interface ICinematicEditorTracksProps {
+    tracksFilter: string;
     cinematicEditor: CinematicEditor;
 }
 export interface ICinematicEditorTracksState {

package/declaration/src/editor/layout/graph.d.ts

@@ -60,7 +60,7 @@ export declare class EditorGraph extends Component<IEditorGraphProps, IEditorGra
      * Sets the given node selected in the graph. All other selected nodes remain selected.
      * @param node defines the reference to the node to select in the graph.
      */
-    addToSelectedNodes(node: Node): void;
+    addToSelectedNodes(node: Node | Sound | IParticleSystem | Sprite): void;
     /**
      * Returns the list of all selected nodes
      */
@@ -72,7 +72,7 @@ export declare class EditorGraph extends Component<IEditorGraphProps, IEditorGra
     /**
      * Pastes the previously copied nodes.
      */
-    pasteSelectedNodes(parent?: Node): void;
+    pasteSelectedNodes(parent?: Node, shift?: boolean): void;
     copySelectedNodeTransform(node: Node): void;
     pasteSelectedNodeTransform(node: Node): void;
     private _handleSearch;

package/declaration/src/editor/layout/inspector/fields/list.d.ts

@@ -1,13 +1,14 @@
 import { ReactNode } from "react";
 import { IEditorInspectorFieldProps } from "./field";
 export interface IEditorInspectorListFieldItem {
-    key?: string;
+    key?: string | number;
     text: string;
     value: any;
     icon?: ReactNode;
     label?: string;
 }
 export interface IEditorInspectorListFieldProps extends IEditorInspectorFieldProps {
+    search?: boolean;
     items: IEditorInspectorListFieldItem[];
     onChange?: (value: any, oldValue: any) => void;
 }

package/declaration/src/editor/layout/inspector/fields/texture.d.ts

@@ -30,6 +30,7 @@ export declare class EditorInspectorTextureField extends Component<IEditorInspec
     private _getColorGradingTextureInspector;
     private _getTextureInspector;
     private _computeTemporaryPreview;
+    private _computeTemporaryPreviewFromDataString;
     private _handleDragOver;
     private _handleDragLeave;
     private _handleDrop;

package/declaration/src/editor/layout/inspector/marketplace/asset.d.ts

@@ -0,0 +1,40 @@
+import { Component, ReactNode } from "react";
+import { IMarketplaceAsset } from "../../../../tools/marketplaces/types";
+import { MarketplaceProvider } from "../../../../tools/marketplaces/provider";
+import { IEditorInspectorImplementationProps } from "../inspector";
+export declare class MarketplaceAssetInspectorObject {
+    readonly asset: IMarketplaceAsset;
+    readonly provider: MarketplaceProvider;
+    readonly openSettings: () => void;
+    readonly isMarketplaceAssetInspectorObject = true;
+    constructor(asset: IMarketplaceAsset, provider: MarketplaceProvider, openSettings: () => void);
+}
+interface IEditorMarketplaceAssetInspectorState {
+    downloading: boolean;
+    detailsLoading: boolean;
+    selectedDownloadType?: string;
+    selectedDownloadQuality?: string;
+    assetPath?: string;
+    details?: IMarketplaceAsset;
+}
+export declare class EditorMarketplaceAssetInspector extends Component<IEditorInspectorImplementationProps<MarketplaceAssetInspectorObject>, IEditorMarketplaceAssetInspectorState> {
+    /**
+     * Returns whether or not the given object is supported by this inspector.
+     * @param object defines the object to check.
+     * @returns true if the object is supported by this inspector.
+     */
+    static IsSupported(object: any): object is MarketplaceAssetInspectorObject;
+    constructor(props: IEditorInspectorImplementationProps<MarketplaceAssetInspectorObject>);
+    render(): ReactNode;
+    componentDidMount(): Promise<void>;
+    componentDidUpdate(prevProps: IEditorInspectorImplementationProps<MarketplaceAssetInspectorObject>): void;
+    componentWillUnmount(): void;
+    private _handleSettingsChanged;
+    private _getAssetPath;
+    private _openAssetFolder;
+    private _shouldShowLoginAction;
+    private _loadDetails;
+    private _handleImport;
+    private _getFirstType;
+}
+export {};

package/declaration/src/editor/layout/inspector/particles/node-particle-system-set.d.ts

@@ -0,0 +1,17 @@
+import { Component, ReactNode } from "react";
+import { NodeParticleSystemSetMesh } from "../../../nodes/node-particle-system";
+import { IEditorInspectorImplementationProps } from "../inspector";
+export interface IEditorNodeParticleSystemSetMeshInspectorState {
+    searchingToEdit: boolean;
+}
+export declare class EditorNodeParticleSystemSetMeshInspector extends Component<IEditorInspectorImplementationProps<NodeParticleSystemSetMesh>, IEditorNodeParticleSystemSetMeshInspectorState> {
+    /**
+     * Returns whether or not the given object is supported by this inspector.
+     * @param object defines the object to check.
+     * @returns true if the object is supported by this inspector.
+     */
+    static IsSupported(object: unknown): boolean;
+    constructor(props: IEditorInspectorImplementationProps<NodeParticleSystemSetMesh>);
+    render(): ReactNode;
+    private _openNodeParticleSystemSetEditor;
+}

package/declaration/src/editor/layout/inspector/scene/scene.d.ts

@@ -17,6 +17,7 @@ export declare class EditorSceneInspector extends Component<IEditorInspectorImpl
     render(): ReactNode;
     private _getPhysicsComponent;
     private _getDefaultRenderingPipelineComponent;
+    private _getTAARenderingPipelineComponent;
     private _getSSAO2RenderingPipelineComponent;
     private _getMotionBlurPostProcessComponent;
     private _getSSRPipelineComponent;

package/declaration/src/editor/layout/inspector/transform.d.ts

@@ -8,6 +8,7 @@ export declare class EditorTransformNodeInspector extends Component<IEditorInspe
      * @returns true if the object is supported by this inspector.
      */
     static IsSupported(object: unknown): boolean;
+    constructor(props: IEditorInspectorImplementationProps<AbstractMesh>);
     render(): ReactNode;
     private _gizmoObserver;
     componentDidMount(): void;

package/declaration/src/editor/layout/marketplace/footer.d.ts

@@ -0,0 +1,11 @@
+export interface IMarketplaceFooterProps {
+    assetsCount: number;
+    currentPage: number;
+    totalCount?: number;
+    loading: boolean;
+    hasPrevious: boolean;
+    hasNext: boolean;
+    onPrevious: () => void;
+    onNext: () => void;
+}
+export declare function MarketplaceFooter(props: IMarketplaceFooterProps): import("react/jsx-runtime").JSX.Element | null;

package/declaration/src/editor/layout/marketplace/grid.d.ts

@@ -0,0 +1,9 @@
+import { IMarketplaceAsset } from "../../../tools/marketplaces/types";
+export interface IMarketplaceGridProps {
+    assets: IMarketplaceAsset[];
+    loading: boolean;
+    query: string;
+    selectedAsset: IMarketplaceAsset | null;
+    onAssetClick: (asset: IMarketplaceAsset) => void;
+}
+export declare function MarketplaceGrid(props: IMarketplaceGridProps): import("react/jsx-runtime").JSX.Element;

package/declaration/src/editor/layout/marketplace/import-progress.d.ts

@@ -0,0 +1,11 @@
+import { Editor } from "../../main";
+import { IMarketplaceAsset } from "../../../tools/marketplaces/types";
+import { MarketplaceProvider } from "../../../tools/marketplaces/provider";
+export interface IImportProgressProps {
+    asset: IMarketplaceAsset;
+    editor: Editor;
+    provider: MarketplaceProvider;
+    quality: string;
+    type: string;
+}
+export declare const ImportProgress: (props: IImportProgressProps) => import("react/jsx-runtime").JSX.Element;

package/declaration/src/editor/layout/marketplace/item.d.ts

@@ -0,0 +1,7 @@
+import { IMarketplaceAsset } from "../../../tools/marketplaces/types";
+export interface IMarketplaceItemProps {
+    asset: IMarketplaceAsset;
+    isSelected: boolean;
+    onClick: () => void;
+}
+export declare const MarketplaceItem: (props: IMarketplaceItemProps) => import("react/jsx-runtime").JSX.Element;

package/declaration/src/editor/layout/marketplace/settings-dialog.d.ts

@@ -0,0 +1,21 @@
+import { Component, ReactNode } from "react";
+import { MarketplaceProvider } from "../../../tools/marketplaces/provider";
+export interface IMarketplaceSettingsDialogProps {
+    open: boolean;
+    providers: MarketplaceProvider[];
+    onClose: () => void;
+}
+export interface IMarketplaceSettingsDialogState {
+    downloadPath: string;
+}
+export declare class MarketplaceSettingsDialog extends Component<IMarketplaceSettingsDialogProps, IMarketplaceSettingsDialogState> {
+    constructor(props: IMarketplaceSettingsDialogProps);
+    componentDidUpdate(prevProps: IMarketplaceSettingsDialogProps): void;
+    private _getDownloadPathKey;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    private _handleSettingsChanged;
+    render(): ReactNode;
+    private _handleDownloadPathChange;
+    private _handleBrowseDownloadPath;
+}

package/declaration/src/editor/layout/marketplace/sidebar.d.ts

@@ -0,0 +1,19 @@
+import { IMarketplaceAsset } from "../../../tools/marketplaces/types";
+export interface IMarketplaceSidebarProps {
+    asset?: IMarketplaceAsset;
+    detailsLoading: boolean;
+    selectedQuality?: string;
+    selectedType?: string;
+    showLoginAction?: boolean;
+    loginActionLabel?: string;
+    isDownloading: boolean;
+    assetPath?: string;
+    onQualityChange: (quality: string) => void;
+    onTypeChange: (type: string) => void;
+    onImport: (type?: string) => void;
+    onOpenMarketplaceUrl: (url: string) => void;
+    onOpenSettings: () => void;
+    onLogin?: () => void;
+    openAssetFolder: () => void;
+}
+export declare function MarketplaceSidebar(props: IMarketplaceSidebarProps): import("react/jsx-runtime").JSX.Element | null;

package/declaration/src/editor/layout/marketplace/toolbar.d.ts

@@ -0,0 +1,17 @@
+import { MarketplaceProvider } from "../../../tools/marketplaces/provider";
+import { IMarketplaceFilterDefinition, IMarketplaceSearchFilters } from "../../../tools/marketplaces/types";
+export interface IMarketplaceToolbarProps {
+    query: string;
+    filters: IMarketplaceSearchFilters;
+    filterDefinitions: IMarketplaceFilterDefinition[];
+    loading: boolean;
+    providers: MarketplaceProvider[];
+    selectedProvider: MarketplaceProvider;
+    onQueryChange: (query: string) => void;
+    onFiltersChange: (filters: IMarketplaceSearchFilters) => void;
+    onResetFilters: () => void;
+    onSearch: () => void;
+    onProviderChange: (provider: MarketplaceProvider) => void;
+    onSettingsClick: () => void;
+}
+export declare function MarketplaceToolbar(props: IMarketplaceToolbarProps): import("react/jsx-runtime").JSX.Element;

package/declaration/src/editor/layout/marketplace.d.ts

@@ -0,0 +1,36 @@
+import { Component, ReactNode } from "react";
+import { Editor } from "../main";
+import { MarketplaceProvider } from "../../tools/marketplaces/provider";
+import { IMarketplaceAsset, IMarketplaceSearchFilters } from "../../tools/marketplaces/types";
+export interface IMarketplaceBrowserProps {
+    editor: Editor;
+}
+export interface IMarketplaceBrowserState {
+    providers: MarketplaceProvider[];
+    selectedProvider: MarketplaceProvider;
+    query: string;
+    filters: IMarketplaceSearchFilters;
+    assets: IMarketplaceAsset[];
+    loading: boolean;
+    totalCount?: number;
+    selectedAsset: IMarketplaceAsset | null;
+    currentPage: number;
+    pageTokenStack: (string | undefined)[];
+    nextPageToken?: string;
+    settingsOpen: boolean;
+    isMaximized: boolean;
+}
+export declare class EditorMarketplaceBrowser extends Component<IMarketplaceBrowserProps, IMarketplaceBrowserState> {
+    private _searchRequestId;
+    constructor(props: IMarketplaceBrowserProps);
+    componentDidMount(): Promise<void>;
+    componentWillUnmount(): void;
+    private _handleSettingsChanged;
+    private _handleLayoutChanged;
+    render(): ReactNode;
+    private _handlePreviousPage;
+    private _handleNextPage;
+    private _handleAssetClicked;
+    private _handleSearch;
+    private _getDefaultFilters;
+}

package/declaration/src/editor/layout/navmesh/preview.d.ts

@@ -0,0 +1,7 @@
+import { RecastNavigationJSPluginV2 } from "babylonjs-addons";
+import { Mesh } from "babylonjs";
+export interface INavMeshEditorPreviewProps {
+    mesh: Mesh | null;
+    plugin: RecastNavigationJSPluginV2;
+}
+export declare function NavMeshEditorPreview(props: INavMeshEditorPreviewProps): import("react/jsx-runtime").JSX.Element;

package/declaration/src/editor/layout/preview/import/particles.d.ts

@@ -1,2 +1,3 @@
-import { Scene, ParticleSystemSet, AbstractMesh } from "babylonjs";
-export declare function loadImportedParticleSystemFile(scene: Scene, targetMesh: AbstractMesh, absolutePath: string): Promise<ParticleSystemSet | null>;
+import { Scene, AbstractMesh } from "babylonjs";
+import { NodeParticleSystemSetMesh } from "../../../nodes/node-particle-system";
+export declare function loadImportedParticleSystemFile(scene: Scene, targetMesh: AbstractMesh, absolutePath: string): Promise<NodeParticleSystemSetMesh>;

package/declaration/src/editor/layout/preview/play.d.ts

@@ -88,5 +88,4 @@ export declare class EditorPreviewPlayComponent extends Component<IEditorPreview
      */
     private _watchSrcDirectory;
     private _closeWatchSrcDirectory;
-    hotReloadScript(scriptKey: string, compile: boolean): void;
 }

package/declaration/src/editor/layout/ragdoll/editor.d.ts

@@ -0,0 +1,23 @@
+import { Component, ReactNode } from "react";
+import { IRagDollConfiguration } from "babylonjs-editor-tools";
+import { Editor } from "../../main";
+import { RagdollEditorPreview } from "./preview";
+import { RagdollEditorInspector } from "./inspector";
+export interface IRagdollEditorProps {
+    editor: Editor;
+    absolutePath: string;
+    configuration: IRagDollConfiguration;
+}
+export interface IIRagdollEditorPropsState {
+    loading: boolean;
+    assetRelativePath?: string;
+}
+export declare class RagdollEditor extends Component<IRagdollEditorProps, IIRagdollEditorPropsState> {
+    preview: RagdollEditorPreview;
+    inspector: RagdollEditorInspector;
+    constructor(props: IRagdollEditorProps);
+    render(): ReactNode;
+    componentDidMount(): void;
+    save(): Promise<void>;
+    loadAsset(relativePath: string): Promise<void>;
+}

package/declaration/src/editor/layout/ragdoll/empty.d.ts

@@ -0,0 +1,5 @@
+import { RagdollEditor } from "./editor";
+export interface IRagdollEditorEmptyStateProps {
+    ragdollEditor: RagdollEditor;
+}
+export declare function RagdollEditorEmptyState(props: IRagdollEditorEmptyStateProps): import("react/jsx-runtime").JSX.Element;

package/declaration/src/editor/layout/ragdoll/inspector.d.ts

@@ -0,0 +1,28 @@
+import { Component, ReactNode } from "react";
+import { Skeleton, Mesh, TransformNode } from "babylonjs";
+import { IRagDollConfiguration, IRagdollRuntimeConfiguration } from "babylonjs-editor-tools";
+import { RagdollEditor } from "./editor";
+export interface IRagdollEditorInspectorProps {
+    ragdollEditor: RagdollEditor;
+    configuration: IRagDollConfiguration;
+}
+export interface IRagdollEditorInspectorState {
+    selectedSkeleton?: Skeleton;
+    selectedRootNode?: Mesh | TransformNode;
+    isRagdollApplied: boolean;
+    selectedConfiguration?: IRagdollRuntimeConfiguration;
+}
+export declare class RagdollEditorInspector extends Component<IRagdollEditorInspectorProps, IRagdollEditorInspectorState> {
+    private _selectedSkeleton;
+    private _selectedRootNode;
+    private _lastRootNodeScaling;
+    constructor(props: IRagdollEditorInspectorProps);
+    render(): ReactNode;
+    private _getRagdollInspector;
+    private _handleApplyOrStopRagdollPreview;
+    private _getConfigurationListInspector;
+    private _handleAddConfiguration;
+    private _handleRemoveConfiguration;
+    private _getConfigurationInspector;
+    private _handleChange;
+}

package/declaration/src/editor/layout/ragdoll/preview.d.ts

@@ -0,0 +1,27 @@
+import { Component, ReactNode } from "react";
+import { Engine, Scene, ArcRotateCamera, Ragdoll, GroundMesh, TransformNode } from "babylonjs";
+import { Editor } from "../../main";
+import { RagdollEditor } from "./editor";
+export interface IRagdollEditorPreviewProps {
+    editor: Editor;
+    ragdollEditor: RagdollEditor;
+}
+export interface IRagdollEditorPreviewState {
+}
+export declare class RagdollEditorPreview extends Component<IRagdollEditorPreviewProps, IRagdollEditorPreviewState> {
+    private _canvasRef;
+    engine: Engine;
+    scene: Scene;
+    camera: ArcRotateCamera;
+    ground: GroundMesh;
+    scalingNode: TransformNode;
+    ragdoll: Ragdoll | null;
+    private _light;
+    private _viewer;
+    constructor(props: IRagdollEditorPreviewProps);
+    render(): ReactNode;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    resetViewer(): void;
+    loadFromRelativePath(relativePath: string): Promise<void>;
+}

package/declaration/src/editor/layout/ragdoll/toolbar.d.ts

@@ -0,0 +1,5 @@
+import { RagdollEditor } from "./editor";
+export interface INavMeshEditorToolbarProps {
+    ragdollEditor: RagdollEditor;
+}
+export declare function RagdollEditorToolbar(props: INavMeshEditorToolbarProps): import("react/jsx-runtime").JSX.Element;

package/declaration/src/editor/layout/toolbar.d.ts

@@ -14,4 +14,5 @@ export declare class EditorToolbar extends Component<IEditorToolbarProps> {
     private _getToolbar;
     private _handleOpenProject;
     private _handleOpenVisualStudioCode;
+    private _handleToggleMarketplace;
 }

package/declaration/src/editor/layout.d.ts

@@ -1,4 +1,5 @@
 import { Component, ReactNode } from "react";
+import { Observable } from "babylonjs";
 import { Editor } from "./main";
 import { EditorGraph } from "./layout/graph";
 import { EditorPreview } from "./layout/preview";
@@ -15,7 +16,9 @@ export interface IEditorLayoutProps {
 export interface IEditorLayoutTabOptions {
     id?: string;
     title: string;
+    neighborId?: "inspector" | "assets-browser";
     enableClose?: boolean;
+    setAsActiveTab?: boolean;
 }
 export declare class EditorLayout extends Component<IEditorLayoutProps> {
     /**
@@ -42,6 +45,10 @@ export declare class EditorLayout extends Component<IEditorLayoutProps> {
      * The animation editor of the editor.
      */
     animations: EditorAnimation;
+    /**
+     * Observable for when the layout has changed.
+     */
+    onLayoutChanged: Observable<void>;
     private _layoutRef;
     private _model;
     private _components;
@@ -51,6 +58,11 @@ export declare class EditorLayout extends Component<IEditorLayoutProps> {
     componentDidCatch(): void;
     private _layoutFactory;
     private _saveLayout;
+    /**
+     * Returns whether or not the tab identified by the given id is maximized.
+     * @param tabId defines the id of the tab to check.
+     */
+    isTabMaximized(tabId: string): boolean;
     /**
      * Makes the tab identified by the given id active.
      * If the tab is hidden, makes it visible and selected.

package/declaration/src/editor/main.d.ts

@@ -44,6 +44,10 @@ export interface IEditorState {
      * Defines wether or not experimental features are enabled.
      */
     enableExperimentalFeatures: boolean;
+    /**
+     * Defines the list of tabs that are currently opened in the layout.
+     */
+    openedTabs: string[];
     /**
      * Defines if the project is being edited.
      */
@@ -52,6 +56,10 @@ export interface IEditorState {
      * Defines if the preferences are being edited.
      */
     editPreferences: boolean;
+    /**
+     * Defines if the project generator dialog is opened.
+     */
+    generateProject: boolean;
     /**
      * Defines wether or not NodeJS is available.
      */