babylonjs-node-geometry-editor 6.17.1 → 6.19.0

package/babylon.nodeGeometryEditor.module.d.ts

@@ -39,6 +39,7 @@ import { SetMaterialIDBlock } from "babylonjs/Meshes/Node/Blocks/Set/setMaterial
 import { InstantiateOnVerticesBlock } from "babylonjs/Meshes/Node/Blocks/Instances/instantiateOnVerticesBlock";
 import { InstantiateOnFacesBlock } from "babylonjs/Meshes/Node/Blocks/Instances/instantiateOnFacesBlock";
 import { InstantiateOnVolumeBlock } from "babylonjs/Meshes/Node/Blocks/Instances/instantiateOnVolumeBlock";
+import { InstantiateBlock } from "babylonjs/Meshes/Node/Blocks/Instances/instantiateBlock";
 import { DebugBlock } from "babylonjs/Meshes/Node/Blocks/debugBlock";
 import { TeleportInBlock } from "babylonjs/Meshes/Node/Blocks/Teleport/teleportInBlock";
 import { TeleportOutBlock } from "babylonjs/Meshes/Node/Blocks/Teleport/teleportOutBlock";
@@ -48,8 +49,9 @@ import { IntFloatConverterBlock } from "babylonjs/Meshes/Node/Blocks/intFloatCon
 import { ConditionBlock } from "babylonjs/Meshes/Node/Blocks/conditionBlock";
 import { GeometryCollectionBlock } from "babylonjs/Meshes/Node/Blocks/geometryCollectionBlock";
 import { GeometryInfoBlock } from "babylonjs/Meshes/Node/Blocks/geometryInfoBlock";
+import { MappingBlock } from "babylonjs/Meshes/Node/Blocks/mappingBlock";
 export class BlockTools {
-    static GetBlockFromString(data: string): GeometryInfoBlock | GeometryCollectionBlock | GeometryOptimizeBlock | NullBlock | TeleportInBlock | TeleportOutBlock | DebugBlock | IntFloatConverterBlock | ConditionBlock | SetMaterialIDBlock | InstantiateOnVolumeBlock | InstantiateOnFacesBlock | InstantiateOnVerticesBlock | MapRangeBlock | NormalizeVectorBlock | MeshBlock | VectorConverterBlock | TranslationBlock | ScalingBlock | AlignBlock | RotationXBlock | RotationYBlock | RotationZBlock | ComputeNormalsBlock | SetPositionsBlock | SetNormalsBlock | SetColorsBlock | SetTangentsBlock | SetUVsBlock | NoiseBlock | RandomBlock | GeometryOutputBlock | GridBlock | DiscBlock | IcoSphereBlock | BoxBlock | TorusBlock | SphereBlock | CylinderBlock | CapsuleBlock | PlaneBlock | GeometryElbowBlock | MergeGeometryBlock | GeometryTransformBlock | GeometryInputBlock | MathBlock | GeometryTrigonometryBlock | null;
+    static GetBlockFromString(data: string): GeometryInfoBlock | GeometryCollectionBlock | GeometryOptimizeBlock | NullBlock | TeleportInBlock | TeleportOutBlock | DebugBlock | IntFloatConverterBlock | ConditionBlock | MappingBlock | SetMaterialIDBlock | InstantiateOnVolumeBlock | InstantiateOnFacesBlock | InstantiateOnVerticesBlock | InstantiateBlock | MapRangeBlock | NormalizeVectorBlock | MeshBlock | VectorConverterBlock | TranslationBlock | ScalingBlock | AlignBlock | RotationXBlock | RotationYBlock | RotationZBlock | ComputeNormalsBlock | SetPositionsBlock | SetNormalsBlock | SetColorsBlock | SetTangentsBlock | SetUVsBlock | NoiseBlock | RandomBlock | GeometryOutputBlock | GridBlock | DiscBlock | IcoSphereBlock | BoxBlock | TorusBlock | SphereBlock | CylinderBlock | CapsuleBlock | PlaneBlock | GeometryElbowBlock | MergeGeometryBlock | GeometryTransformBlock | GeometryInputBlock | MathBlock | GeometryTrigonometryBlock | null;
     static GetColorFromConnectionNodeType(type: NodeGeometryBlockConnectionPointTypes): string;
     static GetConnectionNodeTypeFromString(type: string): NodeGeometryBlockConnectionPointTypes.Int | NodeGeometryBlockConnectionPointTypes.Float | NodeGeometryBlockConnectionPointTypes.Vector2 | NodeGeometryBlockConnectionPointTypes.Vector3 | NodeGeometryBlockConnectionPointTypes.Vector4 | NodeGeometryBlockConnectionPointTypes.Matrix | NodeGeometryBlockConnectionPointTypes.AutoDetect;
     static GetStringFromConnectionNodeType(type: NodeGeometryBlockConnectionPointTypes): "" | "Int" | "Float" | "Vector2" | "Vector3" | "Vector4" | "Matrix";
@@ -136,6 +138,7 @@ export class PreviewManager {
     private _nodeGeometry;
     private _onBuildObserver;
     private _onFrameObserver;
+    private _onExportToGLBObserver;
     private _onAnimationCommandActivatedObserver;
     private _onUpdateRequiredObserver;
     private _onPreviewBackgroundChangedObserver;
@@ -209,7 +212,7 @@ interface IInputsPropertyTabComponentProps {
 }
 export class InputsPropertyTabComponent extends React.Component<IInputsPropertyTabComponentProps> {
     constructor(props: IInputsPropertyTabComponentProps);
-    processInputBlockUpdate(ib: GeometryInputBlock): void;
+    processInputBlockUpdate(): void;
     renderInputBlock(block: GeometryInputBlock): JSX.Element | null;
     render(): JSX.Element;
 }
@@ -305,7 +308,7 @@ export class PropertyTabComponent extends React.Component<IPropertyTabComponentP
     constructor(props: IPropertyTabComponentProps);
     componentDidMount(): void;
     componentWillUnmount(): void;
-    processInputBlockUpdate(ib: GeometryInputBlock): void;
+    processInputBlockUpdate(): void;
     renderInputBlock(block: GeometryInputBlock): JSX.Element | null;
     load(file: File): void;
     loadFrame(file: File): void;
@@ -313,6 +316,7 @@ export class PropertyTabComponent extends React.Component<IPropertyTabComponentP
     customSave(): void;
     saveToSnippetServer(): void;
     loadFromSnippet(): void;
+    exportAsGLB(): void;
     render(): JSX.Element;
 }
 export {};
@@ -356,6 +360,7 @@ export class GlobalState {
     lockObject: LockObject;
     pointerOverCanvas: boolean;
     onRefreshPreviewMeshControlComponentRequiredObservable: Observable<void>;
+    onExportToGLBRequired: Observable<void>;
     customSave?: {
         label: string;
         action: (data: string) => Promise<void>;
@@ -3559,6 +3564,7 @@ export class NodePort {
     node: GraphNode;
     protected _element: HTMLDivElement;
     protected _img: HTMLImageElement;
+    protected _pip: HTMLDivElement;
     protected _stateManager: StateManager;
     protected _portLabelElement: Element;
     protected _onCandidateLinkMovedObserver: Nullable<Observer<Nullable<Vector2>>>;
@@ -3667,7 +3673,7 @@ export class StateManager {
     }>;
     exportData: (data: any, frame?: Nullable<GraphFrame>) => string;
     isElbowConnectionAllowed: (nodeA: FrameNodePort | NodePort, nodeB: FrameNodePort | NodePort) => boolean;
-    applyNodePortDesign: (data: IPortData, element: HTMLElement, img: HTMLImageElement) => void;
+    applyNodePortDesign: (data: IPortData, element: HTMLElement, img: HTMLImageElement, pip: HTMLDivElement) => void;
     storeEditorData: (serializationObject: any, frame?: Nullable<GraphFrame>) => void;
     getEditorDataMap: () => {
         [key: number]: number;
@@ -4045,7 +4051,7 @@ declare module "babylonjs-node-geometry-editor" {
 
 declare module BABYLON.NodeGeometryEditor {
     export class BlockTools {
-        static GetBlockFromString(data: string): BABYLON.GeometryInfoBlock | BABYLON.GeometryCollectionBlock | BABYLON.GeometryOptimizeBlock | BABYLON.NullBlock | BABYLON.TeleportInBlock | BABYLON.TeleportOutBlock | BABYLON.DebugBlock | BABYLON.IntFloatConverterBlock | BABYLON.ConditionBlock | BABYLON.SetMaterialIDBlock | BABYLON.InstantiateOnVolumeBlock | BABYLON.InstantiateOnFacesBlock | BABYLON.InstantiateOnVerticesBlock | BABYLON.MapRangeBlock | BABYLON.NormalizeVectorBlock | BABYLON.MeshBlock | BABYLON.VectorConverterBlock | BABYLON.TranslationBlock | BABYLON.ScalingBlock | BABYLON.AlignBlock | BABYLON.RotationXBlock | BABYLON.RotationYBlock | BABYLON.RotationZBlock | BABYLON.ComputeNormalsBlock | BABYLON.SetPositionsBlock | BABYLON.SetNormalsBlock | BABYLON.SetColorsBlock | BABYLON.SetTangentsBlock | BABYLON.SetUVsBlock | BABYLON.NoiseBlock | BABYLON.RandomBlock | BABYLON.GeometryOutputBlock | BABYLON.GridBlock | BABYLON.DiscBlock | BABYLON.IcoSphereBlock | BABYLON.BoxBlock | BABYLON.TorusBlock | BABYLON.SphereBlock | BABYLON.CylinderBlock | BABYLON.CapsuleBlock | BABYLON.PlaneBlock | BABYLON.GeometryElbowBlock | BABYLON.MergeGeometryBlock | BABYLON.GeometryTransformBlock | BABYLON.GeometryInputBlock | BABYLON.MathBlock | BABYLON.GeometryTrigonometryBlock | null;
+        static GetBlockFromString(data: string): BABYLON.GeometryInfoBlock | BABYLON.GeometryCollectionBlock | BABYLON.GeometryOptimizeBlock | BABYLON.NullBlock | BABYLON.TeleportInBlock | BABYLON.TeleportOutBlock | BABYLON.DebugBlock | BABYLON.IntFloatConverterBlock | BABYLON.ConditionBlock | BABYLON.MappingBlock | BABYLON.SetMaterialIDBlock | BABYLON.InstantiateOnVolumeBlock | BABYLON.InstantiateOnFacesBlock | BABYLON.InstantiateOnVerticesBlock | BABYLON.InstantiateBlock | BABYLON.MapRangeBlock | BABYLON.NormalizeVectorBlock | BABYLON.MeshBlock | BABYLON.VectorConverterBlock | BABYLON.TranslationBlock | BABYLON.ScalingBlock | BABYLON.AlignBlock | BABYLON.RotationXBlock | BABYLON.RotationYBlock | BABYLON.RotationZBlock | BABYLON.ComputeNormalsBlock | BABYLON.SetPositionsBlock | BABYLON.SetNormalsBlock | BABYLON.SetColorsBlock | BABYLON.SetTangentsBlock | BABYLON.SetUVsBlock | BABYLON.NoiseBlock | BABYLON.RandomBlock | BABYLON.GeometryOutputBlock | BABYLON.GridBlock | BABYLON.DiscBlock | BABYLON.IcoSphereBlock | BABYLON.BoxBlock | BABYLON.TorusBlock | BABYLON.SphereBlock | BABYLON.CylinderBlock | BABYLON.CapsuleBlock | BABYLON.PlaneBlock | BABYLON.GeometryElbowBlock | BABYLON.MergeGeometryBlock | BABYLON.GeometryTransformBlock | BABYLON.GeometryInputBlock | BABYLON.MathBlock | BABYLON.GeometryTrigonometryBlock | null;
         static GetColorFromConnectionNodeType(type: BABYLON.NodeGeometryBlockConnectionPointTypes): string;
         static GetConnectionNodeTypeFromString(type: string): BABYLON.NodeGeometryBlockConnectionPointTypes.Int | BABYLON.NodeGeometryBlockConnectionPointTypes.Float | BABYLON.NodeGeometryBlockConnectionPointTypes.Vector2 | BABYLON.NodeGeometryBlockConnectionPointTypes.Vector3 | BABYLON.NodeGeometryBlockConnectionPointTypes.Vector4 | BABYLON.NodeGeometryBlockConnectionPointTypes.Matrix | BABYLON.NodeGeometryBlockConnectionPointTypes.AutoDetect;
         static GetStringFromConnectionNodeType(type: BABYLON.NodeGeometryBlockConnectionPointTypes): "" | "Int" | "Float" | "Vector2" | "Vector3" | "Vector4" | "Matrix";
@@ -4115,6 +4121,7 @@ declare module BABYLON.NodeGeometryEditor {
         private _nodeGeometry;
         private _onBuildObserver;
         private _onFrameObserver;
+        private _onExportToGLBObserver;
         private _onAnimationCommandActivatedObserver;
         private _onUpdateRequiredObserver;
         private _onPreviewBackgroundChangedObserver;
@@ -4177,7 +4184,7 @@ declare module BABYLON.NodeGeometryEditor {
     }
     export class InputsPropertyTabComponent extends React.Component<IInputsPropertyTabComponentProps> {
         constructor(props: IInputsPropertyTabComponentProps);
-        processInputBlockUpdate(ib: BABYLON.GeometryInputBlock): void;
+        processInputBlockUpdate(): void;
         renderInputBlock(block: BABYLON.GeometryInputBlock): JSX.Element | null;
         render(): JSX.Element;
     }
@@ -4238,7 +4245,7 @@ declare module BABYLON.NodeGeometryEditor {
         constructor(props: IPropertyTabComponentProps);
         componentDidMount(): void;
         componentWillUnmount(): void;
-        processInputBlockUpdate(ib: BABYLON.GeometryInputBlock): void;
+        processInputBlockUpdate(): void;
         renderInputBlock(block: BABYLON.GeometryInputBlock): JSX.Element | null;
         load(file: File): void;
         loadFrame(file: File): void;
@@ -4246,6 +4253,7 @@ declare module BABYLON.NodeGeometryEditor {
         customSave(): void;
         saveToSnippetServer(): void;
         loadFromSnippet(): void;
+        exportAsGLB(): void;
         render(): JSX.Element;
     }
 
@@ -4276,6 +4284,7 @@ declare module BABYLON.NodeGeometryEditor {
         lockObject: BABYLON.NodeGeometryEditor.SharedUIComponents.LockObject;
         pointerOverCanvas: boolean;
         onRefreshPreviewMeshControlComponentRequiredObservable: BABYLON.Observable<void>;
+        onExportToGLBRequired: BABYLON.Observable<void>;
         customSave?: {
             label: string;
             action: (data: string) => Promise<void>;
@@ -7558,6 +7567,7 @@ declare module BABYLON.NodeGeometryEditor.SharedUIComponents {
         node: BABYLON.NodeGeometryEditor.SharedUIComponents.GraphNode;
         protected _element: HTMLDivElement;
         protected _img: HTMLImageElement;
+        protected _pip: HTMLDivElement;
         protected _stateManager: BABYLON.NodeGeometryEditor.SharedUIComponents.StateManager;
         protected _portLabelElement: Element;
         protected _onCandidateLinkMovedObserver: BABYLON.Nullable<BABYLON.Observer<BABYLON.Nullable<BABYLON.Vector2>>>;
@@ -7665,7 +7675,7 @@ declare module BABYLON.NodeGeometryEditor.SharedUIComponents {
         }>;
         exportData: (data: any, frame?: BABYLON.Nullable<BABYLON.NodeGeometryEditor.SharedUIComponents.GraphFrame>) => string;
         isElbowConnectionAllowed: (nodeA: BABYLON.NodeGeometryEditor.SharedUIComponents.FrameNodePort | BABYLON.NodeGeometryEditor.SharedUIComponents.NodePort, nodeB: BABYLON.NodeGeometryEditor.SharedUIComponents.FrameNodePort | BABYLON.NodeGeometryEditor.SharedUIComponents.NodePort) => boolean;
-        applyNodePortDesign: (data: BABYLON.NodeGeometryEditor.SharedUIComponents.IPortData, element: HTMLElement, img: HTMLImageElement) => void;
+        applyNodePortDesign: (data: BABYLON.NodeGeometryEditor.SharedUIComponents.IPortData, element: HTMLElement, img: HTMLImageElement, pip: HTMLDivElement) => void;
         storeEditorData: (serializationObject: any, frame?: BABYLON.Nullable<BABYLON.NodeGeometryEditor.SharedUIComponents.GraphFrame>) => void;
         getEditorDataMap: () => {
             [key: number]: number;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "babylonjs-node-geometry-editor",
-    "version": "6.17.1",
+    "version": "6.19.0",
     "main": "babylon.nodeGeometryEditor.js",
     "types": "babylon.nodeGeometryEditor.module.d.ts",
     "files": [
@@ -14,7 +14,7 @@
         "clean": "rimraf dist && rimraf babylon*.*"
     },
     "dependencies": {
-        "babylonjs": "^6.17.1"
+        "babylonjs": "^6.19.0"
     },
     "devDependencies": {
         "@dev/build-tools": "1.0.0",