babylonjs-editor 5.4.0 → 5.4.1-alpha.0

package/build/src/index.js

@@ -1,10 +1,10 @@
 "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");
+require("dotenv/config");
 const process_1 = require("./tools/process");
 const menu_1 = require("./editor/menu");
 const menu_2 = require("./dashboard/menu");
@@ -23,6 +23,7 @@ try {
     if (!electron_1.app.isPackaged) {
         process.env.DEBUG ??= "true";
     }
+    process.env.SKETCHFAB_CLIENT_ID ??= "XZVigLIpz1lqWCkAMRWWpZzKIEVaMEIcsBrgQWrD";
     if (process.env.DEBUG) {
         require("electron-reloader")(module);
     }

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

@@ -1,5 +1,6 @@
 import { IEditorInspectorFieldProps } from "./field";
 export interface IEditorInspectorSwitchFieldProps extends IEditorInspectorFieldProps {
+    disabled?: boolean;
     onChange?: (value: boolean) => void;
 }
 export declare function EditorInspectorSwitchField(props: IEditorInspectorSwitchFieldProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,5 +1,5 @@
 import { Component, PropsWithChildren, ReactNode } from "react";
-import { CubeTexture, Scene, Texture, ColorGradingTexture } from "babylonjs";
+import { CubeTexture, Scene, Texture, ColorGradingTexture, HDRCubeTexture } from "babylonjs";
 export interface IEditorInspectorTextureFieldProps extends PropsWithChildren {
     title: string;
     property: string;
@@ -12,7 +12,7 @@ export interface IEditorInspectorTextureFieldProps extends PropsWithChildren {
     hideInvert?: boolean;
     noPopover?: boolean;
     scene?: Scene;
-    onChange?: (texture: Texture | CubeTexture | ColorGradingTexture | null) => void;
+    onChange?: (texture: Texture | CubeTexture | ColorGradingTexture | HDRCubeTexture | null) => void;
 }
 export interface IEditorInspectorTextureFieldState {
     dragOver: boolean;

package/declaration/src/editor/layout/inspector/light/components/cluster.d.ts

@@ -0,0 +1,7 @@
+import { Light } from "babylonjs";
+import { Editor } from "../../../../main";
+export interface IEditorLightClusterInspectorProps {
+    light: Light;
+    editor: Editor;
+}
+export declare function EditorLightClusterInspector(props: IEditorLightClusterInspectorProps): import("react/jsx-runtime").JSX.Element;

package/declaration/src/editor/layout/inspector/light/components/pbr.d.ts

@@ -0,0 +1,5 @@
+import { Light } from "babylonjs";
+export interface IEditorLightPBRInspectorProps {
+    object: Light;
+}
+export declare function EditorLightPBRInspector(props: IEditorLightPBRInspectorProps): import("react/jsx-runtime").JSX.Element;

package/declaration/src/editor/layout/inspector/light/{shadows.d.ts → components/shadows.d.ts}

@@ -1,8 +1,11 @@
 import { Component, PropsWithChildren, ReactNode } from "react";
 import { IShadowGenerator, IShadowLight } from "babylonjs";
-import { IEditorInspectorListFieldItem } from "../fields/list";
+import { Editor } from "../../../../main";
+import { IEditorInspectorListFieldItem } from "../../fields/list";
 export interface IEditorLightShadowsInspectorProps extends PropsWithChildren {
+    editor: Editor;
     light: IShadowLight;
+    onShadowGeneratorChanged: () => void;
 }
 export interface IEditorLightShadowsInspectorState {
     generator: IShadowGenerator | null;

package/declaration/src/editor/layout/inspector/material/multi.d.ts

@@ -1,6 +1,8 @@
 import { Component, ReactNode } from "react";
 import { Material, MultiMaterial } from "babylonjs";
+import { Editor } from "../../../main";
 export interface IEditorPBRMaterialInspectorProps {
+    editor: Editor;
     material: MultiMaterial;
 }
 export interface IEditorMultiMaterialInspectorState {

package/declaration/src/editor/layout/inspector/material/pbr.d.ts

@@ -4,7 +4,11 @@ export interface IEditorPBRMaterialInspectorProps {
     mesh?: AbstractMesh;
     material: PBRMaterial;
 }
-export declare class EditorPBRMaterialInspector extends Component<IEditorPBRMaterialInspectorProps> {
+export interface IEditorPBRMaterialInspectorState {
+    subSurfaceEnabled: boolean;
+}
+export declare class EditorPBRMaterialInspector extends Component<IEditorPBRMaterialInspectorProps, IEditorPBRMaterialInspectorState> {
     constructor(props: IEditorPBRMaterialInspectorProps);
     render(): ReactNode;
+    private _handleSubSurfaceEnabledChange;
 }

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

@@ -1,5 +1,7 @@
 import { IMarketplaceAsset } from "../../../tools/marketplaces/types";
+import { Editor } from "../../main";
 export interface IMarketplaceSidebarProps {
+    editor: Editor;
     asset?: IMarketplaceAsset;
     detailsLoading: boolean;
     selectedQuality?: string;

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

@@ -31,6 +31,7 @@ export declare class EditorMarketplaceBrowser extends Component<IMarketplaceBrow
     private _handlePreviousPage;
     private _handleNextPage;
     private _handleAssetClicked;
+    setSearchQuery(query: string): void;
     private _handleSearch;
     private _getDefaultFilters;
 }

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

@@ -1,9 +1,10 @@
-import { CubeTexture, ISceneLoaderAsyncResult, Material, Node, Scene, Texture, ColorGradingTexture, Sprite, IParticleSystem } from "babylonjs";
+import { CubeTexture, ISceneLoaderAsyncResult, Material, Node, Scene, Texture, ColorGradingTexture, Sprite, IParticleSystem, HDRCubeTexture } from "babylonjs";
 export declare function tryConvertSceneFile(absolutePath: string, progress?: (percent: number) => void): Promise<string>;
 export declare function loadImportedSceneFile(scene: Scene, absolutePath: string): Promise<ISceneLoaderAsyncResult | null>;
 export declare function configureImportedNodeIds(node: Node | Sprite | IParticleSystem): void;
 export declare function configureImportedMaterial(material: Material): void;
-export declare function configureImportedTexture<T extends Texture | CubeTexture | ColorGradingTexture>(texture: T, noCheckInvertY?: boolean): T;
-export declare function configureEmbeddedTexture(texture: Texture, absolutePath: string): Promise<unknown>;
+export declare function configureImportedTexture<T extends Texture | CubeTexture | ColorGradingTexture | HDRCubeTexture>(texture: T, noCheckInvertY?: boolean): T;
+export declare function configureEmbeddedTexture(texture: Texture, absolutePath: string): Promise<boolean | void>;
+export declare function cleanTexture(texture: Texture, filename: string): void;
 export declare function loadImportedMaterial(scene: Scene, absolutePath: string): Promise<Material | null>;
 export declare function cleanImportedGltf(result: ISceneLoaderAsyncResult): void;

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

@@ -1,5 +1,5 @@
 import { Component, ReactNode } from "react";
-import { AbstractEngine, Camera, ISceneLoaderAsyncResult, Scene } from "babylonjs";
+import { AbstractEngine, Camera, ISceneLoaderAsyncResult, Scene, PickingInfo, SelectionOutlineLayer, ClusteredLightContainer } from "babylonjs";
 import { Editor } from "../main";
 import { EditorCamera } from "../nodes/camera";
 import { EditorPreviewGizmo } from "./preview/gizmo";
@@ -71,6 +71,18 @@ export declare class EditorPreview extends Component<IEditorPreviewProps, IEdito
      * Defines the reference to the canvas drawn in the preview.
      */
     canvas: HTMLCanvasElement | null;
+    /**
+     * Defines the reference to the last picking info processed in the preview.
+     */
+    lastPickingInfo: PickingInfo | null;
+    /**
+     * Defines the reference to the selection outline layer used to highlight a mesh when, for example, the pointer is over it.
+     */
+    selectionOutlineLayer: SelectionOutlineLayer;
+    /**
+     * Defines the reference to the clustered lighting container.
+     */
+    clusteredLightContainer: ClusteredLightContainer;
     private _renderScene;
     private _mouseDownPosition;
     private _objectUnderPointer;

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

@@ -7,6 +7,7 @@ import { EditorConsole } from "./layout/console";
 import { EditorInspector } from "./layout/inspector";
 import { EditorAnimation } from "./layout/animation";
 import { EditorAssetsBrowser } from "./layout/assets-browser";
+import { EditorMarketplaceBrowser } from "./layout/marketplace";
 export interface IEditorLayoutProps {
     /**
      * The editor reference.
@@ -45,6 +46,10 @@ export declare class EditorLayout extends Component<IEditorLayoutProps> {
      * The animation editor of the editor.
      */
     animations: EditorAnimation;
+    /**
+     * The marketplace browser of the editor.
+     */
+    marketplace: EditorMarketplaceBrowser | null;
     /**
      * Observable for when the layout has changed.
      */

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

@@ -1,4 +1,4 @@
 export declare function setupEditorMenu(options: {
     enableExperimentalFeatures: boolean;
-    openedTabs: string[];
+    openedTabs?: string[];
 }): void;

package/declaration/src/project/export/light.d.ts

@@ -0,0 +1,2 @@
+import { ClusteredLightContainer } from "babylonjs";
+export declare function configureClusteredLights(data: any, clusteredLightContainer: ClusteredLightContainer): void;

package/declaration/src/tools/guards/nodes.d.ts

@@ -1,4 +1,4 @@
-import { Bone, Camera, GroundMesh, Light, Mesh, Node, PointLight, TransformNode, DirectionalLight, InstancedMesh, FreeCamera, ArcRotateCamera, SpotLight, HemisphericLight, Skeleton } from "babylonjs";
+import { Bone, Camera, GroundMesh, Light, Mesh, Node, PointLight, TransformNode, DirectionalLight, InstancedMesh, FreeCamera, ArcRotateCamera, SpotLight, HemisphericLight, Skeleton, ClusteredLightContainer } from "babylonjs";
 import { EditorCamera } from "../../editor/nodes/camera";
 import { CollisionMesh } from "../../editor/nodes/collision";
 /**
@@ -96,6 +96,11 @@ export declare function isHemisphericLight(object: any): object is HemisphericLi
  * @param object defines the reference to the object to test its class name.
  */
 export declare function isLight(object: any): object is Light;
+/**
+ * Returns wether or not the given object is a ClusteredLightContainer.
+ * @param object defines the reference to the object to test its class name.
+ */
+export declare function isClusteredLightContainer(object: any): object is ClusteredLightContainer;
 /**
  * Returns wether or not the given object is a Node.
  * @param object defines the reference to the object to test its class name.

package/declaration/src/tools/guards/texture.d.ts

@@ -1,5 +1,5 @@
 import { AdvancedDynamicTexture } from "babylonjs-gui";
-import { CubeTexture, Texture, ColorGradingTexture } from "babylonjs";
+import { CubeTexture, Texture, ColorGradingTexture, HDRCubeTexture } from "babylonjs";
 /**
  * Returns wether or not the given object is a Texture.
  * @param object defines the reference to the object to test its class name.
@@ -10,6 +10,11 @@ export declare function isTexture(object: any): object is Texture;
  * @param object defines the reference to the object to test its class name.
  */
 export declare function isCubeTexture(object: any): object is CubeTexture;
+/**
+ * Returns wether or not the given object is a HDRCubeTexture.
+ * @param object defines the reference to the object to test its class name.
+ */
+export declare function isHDRCubeTexture(object: any): object is HDRCubeTexture;
 /**
  * Returns wether or not the given object is a AdvancedDynamicTexture.
  * @param object defines the reference to the object to test its class name.

package/declaration/src/tools/light/cluster.d.ts

@@ -0,0 +1,3 @@
+import { Light } from "babylonjs";
+import { Editor } from "../../editor/main";
+export declare function isClusteredLight(light: Light, editor: Editor): boolean;

package/declaration/src/tools/marketplaces/sketchfab/settings.d.ts

@@ -1,8 +1,8 @@
 import { ISketchfabSettings } from "../sketchfab";
 interface ISketchfabProviderSettingsProps {
-    onSettingChanged: (key: string, value: string) => void;
     settings: ISketchfabSettings;
     handleOAuthLogin: () => void;
+    onSettingChanged: (key: string, value: string) => void;
 }
-export declare const SketchfabProviderSettings: ({ onSettingChanged, handleOAuthLogin, settings }: ISketchfabProviderSettingsProps) => import("react/jsx-runtime").JSX.Element;
+export declare function SketchfabProviderSettings(props: ISketchfabProviderSettingsProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/declaration/src/tools/marketplaces/sketchfab.d.ts

@@ -19,7 +19,5 @@ export declare class SketchfabProvider extends MarketplaceProvider {
     protected getFilesToDownload(asset: IMarketplaceAsset, selectedQuality: string, selectedType: string): IFileToDownload[];
     isAuthenticated(): boolean;
     login(): void;
-    private _handleOAuthLogin;
     private _createOAuthState;
-    private _resolveOAuthCallbackUrl;
 }

package/declaration/src/tools/node-pty.d.ts

@@ -12,6 +12,10 @@ export declare class NodePtyInstance {
      * The id of the node-pty instance.
      */
     readonly id: string;
+    /**
+     * An observable that is triggered when the pty process is killed.
+     */
+    onKillObservable: Observable<void>;
     /**
      * An observable that is triggered when data is received from the pty.
      */

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "babylonjs-editor",
-	"version": "5.4.0",
+	"version": "5.4.1-alpha.0",
 	"description": "Babylon.js Editor is a Web Application helping artists to work with Babylon.js",
 	"productName": "Babylon.js Editor",
 	"main": "build/src/index.js",
@@ -109,6 +109,7 @@
 		"motion": "12.23.24",
 		"next-themes": "^0.3.0",
 		"node-pty": "1.2.0-beta.12",
+		"node-stream-zip": "1.15.0",
 		"pngjs": "7.0.0",
 		"react": "18.2.0",
 		"react-awesome-reveal": "4.2.14",
@@ -119,6 +120,7 @@
 		"react-selectable": "^2.1.1",
 		"sharp": "0.34.3",
 		"sonner": "^1.4.41",
+		"strip-ansi": "7.2.0",
 		"tailwind-merge": "^2.2.1",
 		"tailwindcss-animate": "^1.0.7",
 		"usehooks-ts": "^3.1.0",