babylonjs-node-editor 5.35.0 → 5.36.0

package/babylon.nodeEditor.max.js

@@ -63387,6 +63387,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+let throttleTimerId = -1;
 class TextInputLineComponent extends react__WEBPACK_IMPORTED_MODULE_1__.Component {
     constructor(props) {
         super(props);
@@ -63482,7 +63483,17 @@ class TextInputLineComponent extends react__WEBPACK_IMPORTED_MODULE_1__.Componen
         if (this.props.propertyName && !this.props.delayInput) {
             this.props.target[this.props.propertyName] = value;
         }
-        this.raiseOnPropertyChanged(value, store);
+        if (this.props.throttlePropertyChangedNotification) {
+            if (throttleTimerId >= 0) {
+                window.clearTimeout(throttleTimerId);
+            }
+            throttleTimerId = window.setTimeout(() => {
+                this.raiseOnPropertyChanged(value, store);
+            }, this.props.throttlePropertyChangedNotificationDelay ?? 200);
+        }
+        else {
+            this.raiseOnPropertyChanged(value, store);
+        }
     }
     incrementValue(amount) {
         if (this.props.step) {
@@ -68961,13 +68972,13 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+const dontSerializeTextureContent = true;
 class PreviewManager {
     constructor(targetCanvas, globalState) {
         this._nodeMaterial = globalState.nodeMaterial;
         this._globalState = globalState;
-        this._onBuildObserver = this._nodeMaterial.onBuildObservable.add((nodeMaterial) => {
-            const serializationObject = nodeMaterial.serialize();
-            this._updatePreview(serializationObject);
+        this._onBuildObserver = this._nodeMaterial.onBuildObservable.add(() => {
+            this._updatePreview();
         });
         this._onPreviewCommandActivatedObserver = globalState.onPreviewCommandActivated.add((forceRefresh) => {
             if (forceRefresh) {
@@ -68980,8 +68991,7 @@ class PreviewManager {
             this._prepareLights();
         });
         this._onUpdateRequiredObserver = globalState.stateManager.onUpdateRequiredObservable.add(() => {
-            const serializationObject = this._nodeMaterial.serialize();
-            this._updatePreview(serializationObject);
+            this._updatePreview();
         });
         this._onPreviewBackgroundChangedObserver = globalState.onPreviewBackgroundChanged.add(() => {
             this._scene.clearColor = this._globalState.backgroundColor;
@@ -69032,6 +69042,39 @@ class PreviewManager {
             lastOffsetX = evt.event.offsetX;
         });
     }
+    _serializeMaterial() {
+        const nodeMaterial = this._nodeMaterial;
+        let fullSerialization = false;
+        if (dontSerializeTextureContent) {
+            const textureBlocks = nodeMaterial.getAllTextureBlocks();
+            for (const block of textureBlocks) {
+                const texture = block.texture;
+                if (!texture || block.hasImageSource) {
+                    continue;
+                }
+                let found = false;
+                for (const localTexture of this._engine.getLoadedTexturesCache()) {
+                    if (localTexture.uniqueId === texture._texture?.uniqueId) {
+                        found = true;
+                        break;
+                    }
+                }
+                if (!found) {
+                    fullSerialization = true;
+                    break;
+                }
+            }
+        }
+        const bufferSerializationState = core_Materials_Node_nodeMaterial__WEBPACK_IMPORTED_MODULE_0__.Texture.SerializeBuffers;
+        if (dontSerializeTextureContent) {
+            core_Materials_Node_nodeMaterial__WEBPACK_IMPORTED_MODULE_0__.Texture.SerializeBuffers = fullSerialization;
+            core_Materials_Node_nodeMaterial__WEBPACK_IMPORTED_MODULE_0__.Texture._SerializeInternalTextureUniqueId = true;
+        }
+        const serializationObject = nodeMaterial.serialize();
+        core_Materials_Node_nodeMaterial__WEBPACK_IMPORTED_MODULE_0__.Texture.SerializeBuffers = bufferSerializationState;
+        core_Materials_Node_nodeMaterial__WEBPACK_IMPORTED_MODULE_0__.Texture._SerializeInternalTextureUniqueId = false;
+        return serializationObject;
+    }
     _handleAnimations() {
         this._scene.stopAllAnimations();
         if (this._globalState.rotatePreview) {
@@ -69111,8 +69154,7 @@ class PreviewManager {
             }
         }
         // Material
-        const serializationObject = this._nodeMaterial.serialize();
-        this._updatePreview(serializationObject);
+        this._updatePreview();
     }
     _refreshPreviewMesh() {
         if (this._currentType !== this._globalState.previewType || this._currentType === _previewType__WEBPACK_IMPORTED_MODULE_1__.PreviewType.Custom) {
@@ -69279,16 +69321,16 @@ class PreviewManager {
                 this._prepareScene();
             }
             else {
-                const serializationObject = this._nodeMaterial.serialize();
-                this._updatePreview(serializationObject);
+                this._updatePreview();
             }
         });
     }
     _forceCompilationAsync(material, mesh) {
         return material.forceCompilationAsync(mesh);
     }
-    _updatePreview(serializationObject) {
+    _updatePreview() {
         try {
+            const serializationObject = this._serializeMaterial();
             const store = core_Materials_Node_nodeMaterial__WEBPACK_IMPORTED_MODULE_0__.NodeMaterial.IgnoreTexturesAtLoadTime;
             core_Materials_Node_nodeMaterial__WEBPACK_IMPORTED_MODULE_0__.NodeMaterial.IgnoreTexturesAtLoadTime = false;
             const tempMaterial = core_Materials_Node_nodeMaterial__WEBPACK_IMPORTED_MODULE_0__.NodeMaterial.Parse(serializationObject, this._scene);
@@ -69315,7 +69357,7 @@ class PreviewManager {
                         });
                     }
                     if (this._material) {
-                        this._material.dispose(false, true);
+                        this._material.dispose();
                     }
                     this._material = tempMaterial;
                     break;
@@ -69324,7 +69366,7 @@ class PreviewManager {
                     this._globalState.onIsLoadingChanged.notifyObservers(false);
                     this._proceduralTexture = tempMaterial.createProceduralTexture(512, this._scene);
                     if (this._material) {
-                        this._material.dispose(false, true);
+                        this._material.dispose();
                     }
                     if (this._layer) {
                         this._layer.texture = this._proceduralTexture;
@@ -69343,7 +69385,7 @@ class PreviewManager {
                     tempMaterial.createEffectForParticles(this._particleSystem);
                     this._particleSystem.blendMode = this._globalState.particleSystemBlendMode;
                     if (this._material) {
-                        this._material.dispose(false, true);
+                        this._material.dispose();
                     }
                     this._material = tempMaterial;
                     break;
@@ -69357,7 +69399,7 @@ class PreviewManager {
                                 mesh.material = tempMaterial;
                             }
                             if (this._material) {
-                                this._material.dispose(false, true);
+                                this._material.dispose();
                             }
                             this._material = tempMaterial;
                             this._globalState.onIsLoadingChanged.notifyObservers(false);
@@ -72023,7 +72065,7 @@ class GeneralPropertyTabComponent extends react__WEBPACK_IMPORTED_MODULE_1__.Com
             { label: "Fragment", value: core_Materials_Node_nodeMaterialDecorator__WEBPACK_IMPORTED_MODULE_4__.NodeMaterialBlockTargets.Fragment },
         ];
         const block = this.props.nodeData.data;
-        return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_sharedComponents_lineContainerComponent__WEBPACK_IMPORTED_MODULE_2__.LineContainerComponent, { title: "GENERAL", children: [(!block.isInput || !block.isAttribute) && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_textInputLineComponent__WEBPACK_IMPORTED_MODULE_5__.TextInputLineComponent, { label: "Name", propertyName: "name", target: block, lockObject: this.props.stateManager.lockObject, onChange: () => this.props.stateManager.onUpdateRequiredObservable.notifyObservers(block), validator: (newName) => {
+        return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_sharedComponents_lineContainerComponent__WEBPACK_IMPORTED_MODULE_2__.LineContainerComponent, { title: "GENERAL", children: [(!block.isInput || !block.isAttribute) && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_textInputLineComponent__WEBPACK_IMPORTED_MODULE_5__.TextInputLineComponent, { label: "Name", propertyName: "name", target: block, lockObject: this.props.stateManager.lockObject, onChange: () => this.props.stateManager.onUpdateRequiredObservable.notifyObservers(block), throttlePropertyChangedNotification: true, validator: (newName) => {
                             if (!block.validateBlockName(newName)) {
                                 this.props.stateManager.onErrorMessageDialogRequiredObservable.notifyObservers(`"${newName}" is a reserved name, please choose another`);
                                 return false;
@@ -72033,7 +72075,7 @@ class GeneralPropertyTabComponent extends react__WEBPACK_IMPORTED_MODULE_1__.Com
                             this.forceUpdate();
                             this.props.stateManager.onUpdateRequiredObservable.notifyObservers(block);
                             this.props.stateManager.onRebuildRequiredObservable.notifyObservers(true);
-                        } })), !block._originalTargetIsNeutral && (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_textLineComponent__WEBPACK_IMPORTED_MODULE_8__.TextLineComponent, { label: "Target", value: core_Materials_Node_nodeMaterialDecorator__WEBPACK_IMPORTED_MODULE_4__.NodeMaterialBlockTargets[block.target] }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_textLineComponent__WEBPACK_IMPORTED_MODULE_8__.TextLineComponent, { label: "Type", value: block.getClassName() }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_textInputLineComponent__WEBPACK_IMPORTED_MODULE_5__.TextInputLineComponent, { label: "Comments", propertyName: "comments", lockObject: this.props.stateManager.lockObject, target: block, onChange: () => this.props.stateManager.onUpdateRequiredObservable.notifyObservers(block) })] }) }));
+                        } })), !block._originalTargetIsNeutral && (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_textLineComponent__WEBPACK_IMPORTED_MODULE_8__.TextLineComponent, { label: "Target", value: core_Materials_Node_nodeMaterialDecorator__WEBPACK_IMPORTED_MODULE_4__.NodeMaterialBlockTargets[block.target] }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_textLineComponent__WEBPACK_IMPORTED_MODULE_8__.TextLineComponent, { label: "Type", value: block.getClassName() }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_textInputLineComponent__WEBPACK_IMPORTED_MODULE_5__.TextInputLineComponent, { label: "Comments", propertyName: "comments", lockObject: this.props.stateManager.lockObject, target: block, onChange: () => this.props.stateManager.onUpdateRequiredObservable.notifyObservers(block), throttlePropertyChangedNotification: true })] }) }));
     }
 }
 class GenericPropertyTabComponent extends react__WEBPACK_IMPORTED_MODULE_1__.Component {
@@ -72696,7 +72738,7 @@ class InputPropertyTabComponent extends react__WEBPACK_IMPORTED_MODULE_1__.Compo
                                 this.forceUpdate();
                                 this.props.stateManager.onUpdateRequiredObservable.notifyObservers(inputBlock);
                                 this.props.stateManager.onRebuildRequiredObservable.notifyObservers(true);
-                            } })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_optionsLineComponent__WEBPACK_IMPORTED_MODULE_14__.OptionsLineComponent, { label: "Mode", options: modeOptions, target: inputBlock, noDirectUpdate: true, extractValue: (block) => {
+                            }, throttlePropertyChangedNotification: true })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_optionsLineComponent__WEBPACK_IMPORTED_MODULE_14__.OptionsLineComponent, { label: "Mode", options: modeOptions, target: inputBlock, noDirectUpdate: true, extractValue: (block) => {
                                 if (block.isAttribute) {
                                     return 1;
                                 }