babylonjs-inspector 7.54.0 → 7.54.2

package/babylon.inspector.d.ts

@@ -273,7 +273,8 @@ declare module INSPECTOR {
     interface ITreeItemLabelComponentProps {
         label: string;
         onClick?: () => void;
-        icon: any;
+        icon?: any;
+        iconBase64?: string;
         color: string;
     }
     export class TreeItemLabelComponent extends React.Component<ITreeItemLabelComponentProps> {
@@ -364,6 +365,7 @@ declare module INSPECTOR {
         private _getMaterialsContextMenus;
         private _getSpriteManagersContextMenus;
         private _getParticleSystemsContextMenus;
+        private _getFrameGraphsContextMenus;
         renderContent(allNodes: any[]): import("react/jsx-runtime").JSX.Element | null;
         onClose(): void;
         onPopup(): void;
@@ -587,6 +589,17 @@ declare module INSPECTOR {
     }
 
 
+    interface IFrameGraphItemComponenttProps {
+        frameGraph: BABYLON.FrameGraph;
+        extensibilityGroups?: BABYLON.IExplorerExtensibilityGroup[];
+        onClick: () => void;
+    }
+    export class FrameGraphTreeItemComponent extends React.Component<IFrameGraphItemComponenttProps> {
+        constructor(props: IFrameGraphItemComponenttProps);
+        render(): import("react/jsx-runtime").JSX.Element;
+    }
+
+
     interface IEffectLayerItemComponenttProps {
         layer: BABYLON.EffectLayer;
         extensibilityGroups?: BABYLON.IExplorerExtensibilityGroup[];
@@ -2641,6 +2654,19 @@ declare module INSPECTOR {
     }
 
 
+    interface IFrameGraphPropertyGridComponentProps {
+        globalState: GlobalState;
+        frameGraph: BABYLON.FrameGraph;
+        extensibilityGroups?: BABYLON.IExplorerExtensibilityGroup[];
+        lockObject: INSPECTOR.SharedUIComponents.LockObject;
+        onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
+    }
+    export class FrameGraphPropertyGridComponent extends React.Component<IFrameGraphPropertyGridComponentProps> {
+        constructor(props: IFrameGraphPropertyGridComponentProps);
+        render(): import("react/jsx-runtime").JSX.Element;
+    }
+
+
     interface IFreeCameraPropertyGridComponentProps {
         globalState: GlobalState;
         camera: BABYLON.FreeCamera;
@@ -3575,6 +3601,7 @@ declare module INSPECTOR {
         componentWillUnmount(): void;
         debugTexture(): void;
         onLink(): void;
+        onLinkTexture(texture: BABYLON.BaseTexture): void;
         updateTexture(file: File): void;
         removeTexture(): void;
         render(): import("react/jsx-runtime").JSX.Element | null;
@@ -4368,7 +4395,7 @@ declare module INSPECTOR.SharedUIComponents {
         exportData: (data: any, frame?: BABYLON.Nullable<INSPECTOR.SharedUIComponents.GraphFrame>) => string;
         isElbowConnectionAllowed: (nodeA: INSPECTOR.SharedUIComponents.FrameNodePort | INSPECTOR.SharedUIComponents.NodePort, nodeB: INSPECTOR.SharedUIComponents.FrameNodePort | INSPECTOR.SharedUIComponents.NodePort) => boolean;
         isDebugConnectionAllowed: (nodeA: INSPECTOR.SharedUIComponents.FrameNodePort | INSPECTOR.SharedUIComponents.NodePort, nodeB: INSPECTOR.SharedUIComponents.FrameNodePort | INSPECTOR.SharedUIComponents.NodePort) => boolean;
-        applyNodePortDesign: (data: INSPECTOR.SharedUIComponents.IPortData, element: HTMLElement, imgHost: HTMLDivElement, pip: HTMLDivElement) => boolean;
+        applyNodePortDesign: (data: INSPECTOR.SharedUIComponents.IPortData, element: HTMLElement, imgHost: HTMLImageElement, pip: HTMLDivElement) => boolean;
         getPortColor: (portData: INSPECTOR.SharedUIComponents.IPortData) => string;
         storeEditorData: (serializationObject: any, frame?: BABYLON.Nullable<INSPECTOR.SharedUIComponents.GraphFrame>) => void;
         getEditorDataMap: () => {
@@ -4442,7 +4469,7 @@ declare module INSPECTOR.SharedUIComponents {
         node: INSPECTOR.SharedUIComponents.GraphNode;
         protected _element: HTMLDivElement;
         protected _portContainer: HTMLElement;
-        protected _imgHost: HTMLDivElement;
+        protected _imgHost: HTMLImageElement;
         protected _pip: HTMLDivElement;
         protected _stateManager: INSPECTOR.SharedUIComponents.StateManager;
         protected _portLabelElement: Element;
@@ -5331,6 +5358,33 @@ declare module INSPECTOR.SharedUIComponents {
 
 
 
+}
+declare module INSPECTOR {
+
+
+}
+declare module INSPECTOR.SharedUIComponents {
+        interface ITextureButtonLineProps {
+        label: string;
+        scene: BABYLON.Scene;
+        onClick: (file: File) => void;
+        onLink: (texture: BABYLON.BaseTexture) => void;
+        accept: string;
+    }
+    interface ITextureButtonLineState {
+        isOpen: boolean;
+    }
+    export class TextureButtonLine extends React.Component<ITextureButtonLineProps, ITextureButtonLineState> {
+        private static _IDGenerator;
+        private _id;
+        private _uploadInputRef;
+        constructor(props: ITextureButtonLineProps);
+        onChange(evt: any): void;
+        render(): import("react/jsx-runtime").JSX.Element;
+    }
+
+
+
 }
 declare module INSPECTOR {
 

package/babylon.inspector.module.d.ts

@@ -328,7 +328,8 @@ import * as React from "react";
 interface ITreeItemLabelComponentProps {
     label: string;
     onClick?: () => void;
-    icon: any;
+    icon?: any;
+    iconBase64?: string;
     color: string;
 }
 export class TreeItemLabelComponent extends React.Component<ITreeItemLabelComponentProps> {
@@ -437,6 +438,7 @@ export class SceneExplorerComponent extends React.Component<ISceneExplorerCompon
     private _getMaterialsContextMenus;
     private _getSpriteManagersContextMenus;
     private _getParticleSystemsContextMenus;
+    private _getFrameGraphsContextMenus;
 
     onClose(): void;
     onPopup(): void;
@@ -744,6 +746,22 @@ export class LightTreeItemComponent extends React.Component<ILightTreeItemCompon
 }
 export {};
 
+}
+declare module "babylonjs-inspector/components/sceneExplorer/entities/frameGraphTreeItemComponent" {
+import { IExplorerExtensibilityGroup } from "babylonjs/Debug/debugLayer";
+import * as React from "react";
+import { FrameGraph } from "babylonjs/FrameGraph/frameGraph";
+interface IFrameGraphItemComponenttProps {
+    frameGraph: FrameGraph;
+    extensibilityGroups?: IExplorerExtensibilityGroup[];
+    onClick: () => void;
+}
+export class FrameGraphTreeItemComponent extends React.Component<IFrameGraphItemComponenttProps> {
+    constructor(props: IFrameGraphItemComponenttProps);
+
+}
+export {};
+
 }
 declare module "babylonjs-inspector/components/sceneExplorer/entities/effectLayerPipelineTreeItemComponent" {
 import { IExplorerExtensibilityGroup } from "babylonjs/Debug/debugLayer";
@@ -3441,6 +3459,28 @@ export class LayerPropertyGridComponent extends React.Component<ILayerPropertyGr
 }
 export {};
 
+}
+declare module "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/frameGraphs/frameGraphPropertyGridComponent" {
+import * as React from "react";
+import { Observable } from "babylonjs/Misc/observable";
+import { PropertyChangedEvent } from "babylonjs-inspector/components/propertyChangedEvent";
+import { LockObject } from "babylonjs-inspector/tabs/propertyGrids/lockObject";
+import { GlobalState } from "babylonjs-inspector/components/globalState";
+import { IExplorerExtensibilityGroup } from "babylonjs/Debug/debugLayer";
+import { FrameGraph } from "babylonjs/FrameGraph/frameGraph";
+interface IFrameGraphPropertyGridComponentProps {
+    globalState: GlobalState;
+    frameGraph: FrameGraph;
+    extensibilityGroups?: IExplorerExtensibilityGroup[];
+    lockObject: LockObject;
+    onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
+}
+export class FrameGraphPropertyGridComponent extends React.Component<IFrameGraphPropertyGridComponentProps> {
+    constructor(props: IFrameGraphPropertyGridComponentProps);
+
+}
+export {};
+
 }
 declare module "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/cameras/freeCameraPropertyGridComponent" {
 import * as React from "react";
@@ -4607,6 +4647,7 @@ export class TextureLinkLineComponent extends React.Component<ITextureLinkLineCo
     componentWillUnmount(): void;
     debugTexture(): void;
     onLink(): void;
+    onLinkTexture(texture: BaseTexture): void;
     updateTexture(file: File): void;
     removeTexture(): void;
 
@@ -5371,7 +5412,7 @@ export class StateManager {
     exportData: (data: any, frame?: Nullable<GraphFrame>) => string;
     isElbowConnectionAllowed: (nodeA: FrameNodePort | NodePort, nodeB: FrameNodePort | NodePort) => boolean;
     isDebugConnectionAllowed: (nodeA: FrameNodePort | NodePort, nodeB: FrameNodePort | NodePort) => boolean;
-    applyNodePortDesign: (data: IPortData, element: HTMLElement, imgHost: HTMLDivElement, pip: HTMLDivElement) => boolean;
+    applyNodePortDesign: (data: IPortData, element: HTMLElement, imgHost: HTMLImageElement, pip: HTMLDivElement) => boolean;
     getPortColor: (portData: IPortData) => string;
     storeEditorData: (serializationObject: any, frame?: Nullable<GraphFrame>) => void;
     getEditorDataMap: () => {
@@ -5441,7 +5482,7 @@ export class NodePort {
     node: GraphNode;
     protected _element: HTMLDivElement;
     protected _portContainer: HTMLElement;
-    protected _imgHost: HTMLDivElement;
+    protected _imgHost: HTMLImageElement;
     protected _pip: HTMLDivElement;
     protected _stateManager: StateManager;
     protected _portLabelElement: Element;
@@ -6285,6 +6326,31 @@ interface IUnitButtonProps {
 
 export {};
 
+}
+declare module "babylonjs-inspector/lines/textureButtonLineComponent" {
+import { BaseTexture } from "babylonjs/Materials/Textures/baseTexture";
+import { Scene } from "babylonjs/scene";
+import * as React from "react";
+interface ITextureButtonLineProps {
+    label: string;
+    scene: Scene;
+    onClick: (file: File) => void;
+    onLink: (texture: BaseTexture) => void;
+    accept: string;
+}
+interface ITextureButtonLineState {
+    isOpen: boolean;
+}
+export class TextureButtonLine extends React.Component<ITextureButtonLineProps, ITextureButtonLineState> {
+    private static _IDGenerator;
+    private _id;
+    private _uploadInputRef;
+    constructor(props: ITextureButtonLineProps);
+    onChange(evt: any): void;
+
+}
+export {};
+
 }
 declare module "babylonjs-inspector/lines/textLineComponent" {
 import * as React from "react";
@@ -8436,7 +8502,8 @@ declare module INSPECTOR {
     interface ITreeItemLabelComponentProps {
         label: string;
         onClick?: () => void;
-        icon: any;
+        icon?: any;
+        iconBase64?: string;
         color: string;
     }
     export class TreeItemLabelComponent extends React.Component<ITreeItemLabelComponentProps> {
@@ -8527,6 +8594,7 @@ declare module INSPECTOR {
         private _getMaterialsContextMenus;
         private _getSpriteManagersContextMenus;
         private _getParticleSystemsContextMenus;
+        private _getFrameGraphsContextMenus;
         renderContent(allNodes: any[]): import("react/jsx-runtime").JSX.Element | null;
         onClose(): void;
         onPopup(): void;
@@ -8750,6 +8818,17 @@ declare module INSPECTOR {
     }
 
 
+    interface IFrameGraphItemComponenttProps {
+        frameGraph: BABYLON.FrameGraph;
+        extensibilityGroups?: BABYLON.IExplorerExtensibilityGroup[];
+        onClick: () => void;
+    }
+    export class FrameGraphTreeItemComponent extends React.Component<IFrameGraphItemComponenttProps> {
+        constructor(props: IFrameGraphItemComponenttProps);
+        render(): import("react/jsx-runtime").JSX.Element;
+    }
+
+
     interface IEffectLayerItemComponenttProps {
         layer: BABYLON.EffectLayer;
         extensibilityGroups?: BABYLON.IExplorerExtensibilityGroup[];
@@ -10804,6 +10883,19 @@ declare module INSPECTOR {
     }
 
 
+    interface IFrameGraphPropertyGridComponentProps {
+        globalState: GlobalState;
+        frameGraph: BABYLON.FrameGraph;
+        extensibilityGroups?: BABYLON.IExplorerExtensibilityGroup[];
+        lockObject: INSPECTOR.SharedUIComponents.LockObject;
+        onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
+    }
+    export class FrameGraphPropertyGridComponent extends React.Component<IFrameGraphPropertyGridComponentProps> {
+        constructor(props: IFrameGraphPropertyGridComponentProps);
+        render(): import("react/jsx-runtime").JSX.Element;
+    }
+
+
     interface IFreeCameraPropertyGridComponentProps {
         globalState: GlobalState;
         camera: BABYLON.FreeCamera;
@@ -11738,6 +11830,7 @@ declare module INSPECTOR {
         componentWillUnmount(): void;
         debugTexture(): void;
         onLink(): void;
+        onLinkTexture(texture: BABYLON.BaseTexture): void;
         updateTexture(file: File): void;
         removeTexture(): void;
         render(): import("react/jsx-runtime").JSX.Element | null;
@@ -12531,7 +12624,7 @@ declare module INSPECTOR.SharedUIComponents {
         exportData: (data: any, frame?: BABYLON.Nullable<INSPECTOR.SharedUIComponents.GraphFrame>) => string;
         isElbowConnectionAllowed: (nodeA: INSPECTOR.SharedUIComponents.FrameNodePort | INSPECTOR.SharedUIComponents.NodePort, nodeB: INSPECTOR.SharedUIComponents.FrameNodePort | INSPECTOR.SharedUIComponents.NodePort) => boolean;
         isDebugConnectionAllowed: (nodeA: INSPECTOR.SharedUIComponents.FrameNodePort | INSPECTOR.SharedUIComponents.NodePort, nodeB: INSPECTOR.SharedUIComponents.FrameNodePort | INSPECTOR.SharedUIComponents.NodePort) => boolean;
-        applyNodePortDesign: (data: INSPECTOR.SharedUIComponents.IPortData, element: HTMLElement, imgHost: HTMLDivElement, pip: HTMLDivElement) => boolean;
+        applyNodePortDesign: (data: INSPECTOR.SharedUIComponents.IPortData, element: HTMLElement, imgHost: HTMLImageElement, pip: HTMLDivElement) => boolean;
         getPortColor: (portData: INSPECTOR.SharedUIComponents.IPortData) => string;
         storeEditorData: (serializationObject: any, frame?: BABYLON.Nullable<INSPECTOR.SharedUIComponents.GraphFrame>) => void;
         getEditorDataMap: () => {
@@ -12605,7 +12698,7 @@ declare module INSPECTOR.SharedUIComponents {
         node: INSPECTOR.SharedUIComponents.GraphNode;
         protected _element: HTMLDivElement;
         protected _portContainer: HTMLElement;
-        protected _imgHost: HTMLDivElement;
+        protected _imgHost: HTMLImageElement;
         protected _pip: HTMLDivElement;
         protected _stateManager: INSPECTOR.SharedUIComponents.StateManager;
         protected _portLabelElement: Element;
@@ -13494,6 +13587,33 @@ declare module INSPECTOR.SharedUIComponents {
 
 
 
+}
+declare module INSPECTOR {
+
+
+}
+declare module INSPECTOR.SharedUIComponents {
+        interface ITextureButtonLineProps {
+        label: string;
+        scene: BABYLON.Scene;
+        onClick: (file: File) => void;
+        onLink: (texture: BABYLON.BaseTexture) => void;
+        accept: string;
+    }
+    interface ITextureButtonLineState {
+        isOpen: boolean;
+    }
+    export class TextureButtonLine extends React.Component<ITextureButtonLineProps, ITextureButtonLineState> {
+        private static _IDGenerator;
+        private _id;
+        private _uploadInputRef;
+        constructor(props: ITextureButtonLineProps);
+        onChange(evt: any): void;
+        render(): import("react/jsx-runtime").JSX.Element;
+    }
+
+
+
 }
 declare module INSPECTOR {
 

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "babylonjs-inspector",
-    "version": "7.54.0",
+    "version": "7.54.2",
     "main": "babylon.inspector.bundle.max.js",
     "types": "babylon.inspector.module.d.ts",
     "files": [
@@ -14,12 +14,12 @@
         "clean": "rimraf dist && rimraf babylon*.* -g"
     },
     "dependencies": {
-        "babylonjs": "^7.54.0",
-        "babylonjs-gui": "^7.54.0",
-        "babylonjs-gui-editor": "^7.54.0",
-        "babylonjs-loaders": "^7.54.0",
-        "babylonjs-materials": "^7.54.0",
-        "babylonjs-serializers": "^7.54.0"
+        "babylonjs": "^7.54.2",
+        "babylonjs-gui": "^7.54.2",
+        "babylonjs-gui-editor": "^7.54.2",
+        "babylonjs-loaders": "^7.54.2",
+        "babylonjs-materials": "^7.54.2",
+        "babylonjs-serializers": "^7.54.2"
     },
     "devDependencies": {
         "@dev/build-tools": "1.0.0",