@babylonjs/core 6.41.0 → 6.41.2

package/Engines/webgpuEngine.js

@@ -228,8 +228,7 @@ export class WebGPUEngine extends Engine {
      * @param options Defines the options passed to the engine to create the GPU context dependencies
      */
     constructor(canvas, options = {}) {
-        var _a, _b;
-        super(null, (_a = options.antialias) !== null && _a !== void 0 ? _a : true, options);
+        super(null, options.antialias ?? true, options);
         /** A unique id to identify this instance */
         this.uniqueId = -1;
         // Page Life cycle and constants
@@ -330,7 +329,7 @@ export class WebGPUEngine extends Engine {
         this._blendColorsCurrent = [null, null, null, null];
         this._name = "WebGPU";
         options.deviceDescriptor = options.deviceDescriptor || {};
-        options.enableGPUDebugMarkers = (_b = options.enableGPUDebugMarkers) !== null && _b !== void 0 ? _b : false;
+        options.enableGPUDebugMarkers = options.enableGPUDebugMarkers ?? false;
         Logger.Log(`Babylon.js v${Engine.Version} - ${this.description} engine`);
         if (!navigator.gpu) {
             Logger.Error("WebGPU is not supported by your browser.");
@@ -357,17 +356,15 @@ export class WebGPUEngine extends Engine {
      * @returns a promise notifying the readiness of the engine.
      */
     initAsync(glslangOptions, twgslOptions) {
-        var _a;
         this.uniqueId = WebGPUEngine._InstanceId++;
         this._glslangOptions = glslangOptions;
         this._twgslOptions = twgslOptions;
-        return this._initGlslang(glslangOptions !== null && glslangOptions !== void 0 ? glslangOptions : (_a = this._options) === null || _a === void 0 ? void 0 : _a.glslangOptions)
+        return this._initGlslang(glslangOptions ?? this._options?.glslangOptions)
             .then((glslang) => {
-            var _a;
             this._glslang = glslang;
             this._tintWASM = WebGPUEngine.UseTWGSL ? new WebGPUTintWASM() : null;
             return this._tintWASM
-                ? this._tintWASM.initTwgsl(twgslOptions !== null && twgslOptions !== void 0 ? twgslOptions : (_a = this._options) === null || _a === void 0 ? void 0 : _a.twgslOptions).then(() => {
+                ? this._tintWASM.initTwgsl(twgslOptions ?? this._options?.twgslOptions).then(() => {
                     return navigator.gpu.requestAdapter(this._options);
                 }, (msg) => {
                     Logger.Error("Can not initialize twgsl!");
@@ -381,7 +378,6 @@ export class WebGPUEngine extends Engine {
             throw Error("WebGPU initializations stopped.");
         })
             .then((adapter) => {
-            var _a, _b, _c;
             if (!adapter) {
                 // eslint-disable-next-line no-throw-literal
                 throw "Could not retrieve a WebGPU adapter (adapter is null).";
@@ -389,13 +385,13 @@ export class WebGPUEngine extends Engine {
             else {
                 this._adapter = adapter;
                 this._adapterSupportedExtensions = [];
-                (_a = this._adapter.features) === null || _a === void 0 ? void 0 : _a.forEach((feature) => this._adapterSupportedExtensions.push(feature));
+                this._adapter.features?.forEach((feature) => this._adapterSupportedExtensions.push(feature));
                 this._adapterSupportedLimits = this._adapter.limits;
                 this._adapter.requestAdapterInfo().then((adapterInfo) => {
                     this._adapterInfo = adapterInfo;
                 });
-                const deviceDescriptor = (_b = this._options.deviceDescriptor) !== null && _b !== void 0 ? _b : {};
-                const requiredFeatures = (_c = deviceDescriptor === null || deviceDescriptor === void 0 ? void 0 : deviceDescriptor.requiredFeatures) !== null && _c !== void 0 ? _c : (this._options.enableAllFeatures ? this._adapterSupportedExtensions : undefined);
+                const deviceDescriptor = this._options.deviceDescriptor ?? {};
+                const requiredFeatures = deviceDescriptor?.requiredFeatures ?? (this._options.enableAllFeatures ? this._adapterSupportedExtensions : undefined);
                 if (requiredFeatures) {
                     const requestedExtensions = requiredFeatures;
                     const validExtensions = [];
@@ -421,10 +417,9 @@ export class WebGPUEngine extends Engine {
             }
         })
             .then((device) => {
-            var _a, _b;
             this._device = device;
             this._deviceEnabledExtensions = [];
-            (_a = this._device.features) === null || _a === void 0 ? void 0 : _a.forEach((feature) => this._deviceEnabledExtensions.push(feature));
+            this._device.features?.forEach((feature) => this._deviceEnabledExtensions.push(feature));
             this._deviceLimits = device.limits;
             let numUncapturedErrors = -1;
             this._device.addEventListener("uncapturederror", (event) => {
@@ -436,7 +431,7 @@ export class WebGPUEngine extends Engine {
                 }
             });
             if (!this._doNotHandleContextLost) {
-                (_b = this._device.lost) === null || _b === void 0 ? void 0 : _b.then((info) => {
+                this._device.lost?.then((info) => {
                     if (this._isDisposed) {
                         return;
                     }
@@ -444,14 +439,13 @@ export class WebGPUEngine extends Engine {
                     Logger.Warn("WebGPU context lost. " + info);
                     this.onContextLostObservable.notifyObservers(this);
                     this._restoreEngineAfterContextLost(async () => {
-                        var _a, _b, _c, _d;
                         const snapshotRenderingMode = this.snapshotRenderingMode;
                         const snapshotRendering = this.snapshotRendering;
                         const disableCacheSamplers = this.disableCacheSamplers;
                         const disableCacheRenderPipelines = this.disableCacheRenderPipelines;
                         const disableCacheBindGroups = this.disableCacheBindGroups;
                         const enableGPUTimingMeasurements = this.enableGPUTimingMeasurements;
-                        await this.initAsync((_a = this._glslangOptions) !== null && _a !== void 0 ? _a : (_b = this._options) === null || _b === void 0 ? void 0 : _b.glslangOptions, (_c = this._twgslOptions) !== null && _c !== void 0 ? _c : (_d = this._options) === null || _d === void 0 ? void 0 : _d.twgslOptions);
+                        await this.initAsync(this._glslangOptions ?? this._options?.glslangOptions, this._twgslOptions ?? this._options?.twgslOptions);
                         this.snapshotRenderingMode = snapshotRenderingMode;
                         this.snapshotRendering = snapshotRendering;
                         this.disableCacheSamplers = disableCacheSamplers;
@@ -510,16 +504,18 @@ export class WebGPUEngine extends Engine {
             this.resize();
         })
             .catch((e) => {
-            var _a;
             Logger.Error("Can not create WebGPU Device and/or context.");
             Logger.Error(e);
             // eslint-disable-next-line no-console
-            (_a = console === null || console === void 0 ? void 0 : console.trace) === null || _a === void 0 ? void 0 : _a.call(console);
+            console?.trace?.();
         });
     }
     _initGlslang(glslangOptions) {
         glslangOptions = glslangOptions || {};
-        glslangOptions = Object.assign(Object.assign({}, WebGPUEngine._GLSLslangDefaultOptions), glslangOptions);
+        glslangOptions = {
+            ...WebGPUEngine._GLSLslangDefaultOptions,
+            ...glslangOptions,
+        };
         if (glslangOptions.glslang) {
             return Promise.resolve(glslangOptions.glslang);
         }
@@ -743,7 +739,6 @@ export class WebGPUEngine extends Engine {
         WebGPUCacheBindGroups.ResetCache();
         // Clear the draw wrappers and material contexts
         const cleanScenes = (scenes) => {
-            var _a;
             for (const scene of scenes) {
                 for (const mesh of scene.meshes) {
                     const subMeshes = mesh.subMeshes;
@@ -755,7 +750,7 @@ export class WebGPUEngine extends Engine {
                     }
                 }
                 for (const material of scene.materials) {
-                    (_a = material._materialContext) === null || _a === void 0 ? void 0 : _a.reset();
+                    material._materialContext?.reset();
                 }
             }
         };
@@ -988,12 +983,11 @@ export class WebGPUEngine extends Engine {
         return update;
     }
     _applyStencilRef(bundleList) {
-        var _a, _b;
         if (bundleList) {
-            bundleList.addItem(new WebGPURenderItemStencilRef((_a = this._stencilStateComposer.funcRef) !== null && _a !== void 0 ? _a : 0));
+            bundleList.addItem(new WebGPURenderItemStencilRef(this._stencilStateComposer.funcRef ?? 0));
         }
         else {
-            this._getCurrentRenderPass().setStencilReference((_b = this._stencilStateComposer.funcRef) !== null && _b !== void 0 ? _b : 0);
+            this._getCurrentRenderPass().setStencilReference(this._stencilStateComposer.funcRef ?? 0);
         }
     }
     _mustUpdateBlendColor() {
@@ -1072,11 +1066,10 @@ export class WebGPUEngine extends Engine {
         }
     }
     _clearFullQuad(clearColor, clearDepth, clearStencil) {
-        var _a, _b;
         const renderPass = !this.compatibilityMode ? null : this._getCurrentRenderPass();
         this._clearQuad.setColorFormat(this._colorFormat);
         this._clearQuad.setDepthStencilFormat(this._depthTextureFormat);
-        this._clearQuad.setMRTAttachments((_a = this._cacheRenderPipeline.mrtAttachments) !== null && _a !== void 0 ? _a : [], (_b = this._cacheRenderPipeline.mrtTextureArray) !== null && _b !== void 0 ? _b : [], this._cacheRenderPipeline.mrtTextureCount);
+        this._clearQuad.setMRTAttachments(this._cacheRenderPipeline.mrtAttachments ?? [], this._cacheRenderPipeline.mrtTextureArray ?? [], this._cacheRenderPipeline.mrtTextureCount);
         if (!this.compatibilityMode) {
             this._bundleList.addItem(new WebGPURenderItemStencilRef(this._clearStencilValue));
         }
@@ -1269,7 +1262,7 @@ export class WebGPUEngine extends Engine {
      */
     bindBuffers(vertexBuffers, indexBuffer, effect, overrideVertexBuffers) {
         this._currentIndexBuffer = indexBuffer;
-        this._currentOverrideVertexBuffers = overrideVertexBuffers !== null && overrideVertexBuffers !== void 0 ? overrideVertexBuffers : null;
+        this._currentOverrideVertexBuffers = overrideVertexBuffers ?? null;
         this._cacheRenderPipeline.setBuffers(vertexBuffers, indexBuffer, this._currentOverrideVertexBuffers);
     }
     /**
@@ -1373,11 +1366,10 @@ export class WebGPUEngine extends Engine {
      * @returns the new Effect
      */
     createEffect(baseName, attributesNamesOrOptions, uniformsNamesOrEngine, samplers, defines, fallbacks, onCompiled, onError, indexParameters, shaderLanguage = ShaderLanguage.GLSL) {
-        var _a;
         const vertex = baseName.vertexElement || baseName.vertex || baseName.vertexToken || baseName.vertexSource || baseName;
         const fragment = baseName.fragmentElement || baseName.fragment || baseName.fragmentToken || baseName.fragmentSource || baseName;
         const globalDefines = this._getGlobalDefines();
-        let fullDefines = (_a = defines !== null && defines !== void 0 ? defines : attributesNamesOrOptions.defines) !== null && _a !== void 0 ? _a : "";
+        let fullDefines = defines ?? attributesNamesOrOptions.defines ?? "";
         if (globalDefines) {
             fullDefines += "\n" + globalDefines;
         }
@@ -1656,16 +1648,15 @@ export class WebGPUEngine extends Engine {
      * @returns a new internal texture
      */
     _createInternalTexture(size, options, delayGPUTextureCreation = true, source = InternalTextureSource.Unknown) {
-        var _a, _b, _c;
         const fullOptions = {};
         if (options !== undefined && typeof options === "object") {
             fullOptions.generateMipMaps = options.generateMipMaps;
             fullOptions.type = options.type === undefined ? 0 : options.type;
             fullOptions.samplingMode = options.samplingMode === undefined ? 3 : options.samplingMode;
             fullOptions.format = options.format === undefined ? 5 : options.format;
-            fullOptions.samples = (_a = options.samples) !== null && _a !== void 0 ? _a : 1;
-            fullOptions.creationFlags = (_b = options.creationFlags) !== null && _b !== void 0 ? _b : 0;
-            fullOptions.useSRGBBuffer = (_c = options.useSRGBBuffer) !== null && _c !== void 0 ? _c : false;
+            fullOptions.samples = options.samples ?? 1;
+            fullOptions.creationFlags = options.creationFlags ?? 0;
+            fullOptions.useSRGBBuffer = options.useSRGBBuffer ?? false;
             fullOptions.label = options.label;
         }
         else {
@@ -1738,17 +1729,16 @@ export class WebGPUEngine extends Engine {
      */
     createTexture(url, noMipmap, invertY, scene, samplingMode = 3, onLoad = null, onError = null, buffer = null, fallback = null, format = null, forcedExtension = null, mimeType, loaderOptions, creationFlags, useSRGBBuffer) {
         return this._createTextureBase(url, noMipmap, invertY, scene, samplingMode, onLoad, onError, (texture, extension, scene, img, invertY, noMipmap, isCompressed, processFunction) => {
-            var _a;
             const imageBitmap = img; // we will never get an HTMLImageElement in WebGPU
             texture.baseWidth = imageBitmap.width;
             texture.baseHeight = imageBitmap.height;
             texture.width = imageBitmap.width;
             texture.height = imageBitmap.height;
-            texture.format = texture.format !== -1 ? texture.format : format !== null && format !== void 0 ? format : 5;
+            texture.format = texture.format !== -1 ? texture.format : format ?? 5;
             texture.type = texture.type !== -1 ? texture.type : 0;
-            texture._creationFlags = creationFlags !== null && creationFlags !== void 0 ? creationFlags : 0;
+            texture._creationFlags = creationFlags ?? 0;
             processFunction(texture.width, texture.height, imageBitmap, extension, texture, () => { });
-            if (!((_a = texture._hardwareTexture) === null || _a === void 0 ? void 0 : _a.underlyingResource)) {
+            if (!texture._hardwareTexture?.underlyingResource) {
                 // the texture could have been created before reaching this point so don't recreate it if already existing
                 const gpuTextureWrapper = this._textureHelper.createGPUTextureForInternalTexture(texture, imageBitmap.width, imageBitmap.height, undefined, creationFlags);
                 if (WebGPUTextureHelper.IsImageBitmap(imageBitmap)) {
@@ -1790,9 +1780,8 @@ export class WebGPUEngine extends Engine {
         throw new Error("wrapWebGLTexture is not supported, use wrapWebGPUTexture instead.");
     }
     generateMipMapsForCubemap(texture) {
-        var _a;
         if (texture.generateMipMaps) {
-            const gpuTexture = (_a = texture._hardwareTexture) === null || _a === void 0 ? void 0 : _a.underlyingResource;
+            const gpuTexture = texture._hardwareTexture?.underlyingResource;
             if (!gpuTexture) {
                 this._textureHelper.createGPUTextureForInternalTexture(texture);
             }
@@ -1853,7 +1842,7 @@ export class WebGPUEngine extends Engine {
      * @internal
      */
     _setInternalTexture(name, texture, baseName) {
-        baseName = baseName !== null && baseName !== void 0 ? baseName : name;
+        baseName = baseName ?? name;
         if (this._currentEffect) {
             const webgpuPipelineContext = this._currentEffect._pipelineContext;
             const availableTexture = webgpuPipelineContext.shaderProcessingContext.availableTextures[baseName];
@@ -1893,7 +1882,7 @@ export class WebGPUEngine extends Engine {
         // Else, name is something like 'myTexture0' / 'myTexture1' / ... and baseName is 'myTexture'
         // baseName is used to look up the texture in the shaderProcessingContext.availableTextures map
         // name is used to look up the texture in the _currentMaterialContext.textures map
-        baseName = baseName !== null && baseName !== void 0 ? baseName : name;
+        baseName = baseName ?? name;
         if (this._currentEffect) {
             if (!texture) {
                 this._currentMaterialContext.setTexture(name, null);
@@ -1986,7 +1975,7 @@ export class WebGPUEngine extends Engine {
      * @internal
      */
     _generateMipmaps(texture, commandEncoder) {
-        commandEncoder = commandEncoder !== null && commandEncoder !== void 0 ? commandEncoder : this._renderEncoder;
+        commandEncoder = commandEncoder ?? this._renderEncoder;
         const gpuHardwareTexture = texture._hardwareTexture;
         if (!gpuHardwareTexture) {
             return;
@@ -2034,9 +2023,8 @@ export class WebGPUEngine extends Engine {
      * @param generateMipMaps defines whether to generate mipmaps or not
      */
     updateTextureData(texture, imageData, xOffset, yOffset, width, height, faceIndex = 0, lod = 0, generateMipMaps = false) {
-        var _a;
         let gpuTextureWrapper = texture._hardwareTexture;
-        if (!((_a = texture._hardwareTexture) === null || _a === void 0 ? void 0 : _a.underlyingResource)) {
+        if (!texture._hardwareTexture?.underlyingResource) {
             gpuTextureWrapper = this._textureHelper.createGPUTextureForInternalTexture(texture);
         }
         const data = new Uint8Array(imageData.buffer, imageData.byteOffset, imageData.byteLength);
@@ -2049,9 +2037,8 @@ export class WebGPUEngine extends Engine {
      * @internal
      */
     _uploadCompressedDataToTextureDirectly(texture, internalFormat, width, height, imageData, faceIndex = 0, lod = 0) {
-        var _a;
         let gpuTextureWrapper = texture._hardwareTexture;
-        if (!((_a = texture._hardwareTexture) === null || _a === void 0 ? void 0 : _a.underlyingResource)) {
+        if (!texture._hardwareTexture?.underlyingResource) {
             texture.format = internalFormat;
             gpuTextureWrapper = this._textureHelper.createGPUTextureForInternalTexture(texture, width, height);
         }
@@ -2062,13 +2049,12 @@ export class WebGPUEngine extends Engine {
      * @internal
      */
     _uploadDataToTextureDirectly(texture, imageData, faceIndex = 0, lod = 0, babylonInternalFormat, useTextureWidthAndHeight = false) {
-        var _a;
         const lodMaxWidth = Math.round(Math.log(texture.width) * Math.LOG2E);
         const lodMaxHeight = Math.round(Math.log(texture.height) * Math.LOG2E);
         const width = useTextureWidthAndHeight ? texture.width : Math.pow(2, Math.max(lodMaxWidth - lod, 0));
         const height = useTextureWidthAndHeight ? texture.height : Math.pow(2, Math.max(lodMaxHeight - lod, 0));
         let gpuTextureWrapper = texture._hardwareTexture;
-        if (!((_a = texture._hardwareTexture) === null || _a === void 0 ? void 0 : _a.underlyingResource)) {
+        if (!texture._hardwareTexture?.underlyingResource) {
             gpuTextureWrapper = this._textureHelper.createGPUTextureForInternalTexture(texture, width, height);
         }
         const data = new Uint8Array(imageData.buffer, imageData.byteOffset, imageData.byteLength);
@@ -2084,9 +2070,8 @@ export class WebGPUEngine extends Engine {
      * @internal
      */
     _uploadImageToTexture(texture, image, faceIndex = 0, lod = 0) {
-        var _a;
         let gpuTextureWrapper = texture._hardwareTexture;
-        if (!((_a = texture._hardwareTexture) === null || _a === void 0 ? void 0 : _a.underlyingResource)) {
+        if (!texture._hardwareTexture?.underlyingResource) {
             gpuTextureWrapper = this._textureHelper.createGPUTextureForInternalTexture(texture);
         }
         if (image instanceof HTMLImageElement) {
@@ -2212,15 +2197,14 @@ export class WebGPUEngine extends Engine {
     //                              Render Pass
     //------------------------------------------------------------------------------
     _startRenderTargetRenderPass(renderTargetWrapper, setClearStates, clearColor, clearDepth, clearStencil) {
-        var _a, _b, _c, _d, _e, _f, _g, _h;
         this._endCurrentRenderPass();
         const rtWrapper = renderTargetWrapper;
         const depthStencilTexture = rtWrapper._depthStencilTexture;
-        const gpuDepthStencilWrapper = depthStencilTexture === null || depthStencilTexture === void 0 ? void 0 : depthStencilTexture._hardwareTexture;
-        const gpuDepthStencilTexture = gpuDepthStencilWrapper === null || gpuDepthStencilWrapper === void 0 ? void 0 : gpuDepthStencilWrapper.underlyingResource;
-        const gpuDepthStencilMSAATexture = gpuDepthStencilWrapper === null || gpuDepthStencilWrapper === void 0 ? void 0 : gpuDepthStencilWrapper.getMSAATexture();
-        const depthTextureView = gpuDepthStencilTexture === null || gpuDepthStencilTexture === void 0 ? void 0 : gpuDepthStencilTexture.createView(this._rttRenderPassWrapper.depthAttachmentViewDescriptor);
-        const depthMSAATextureView = gpuDepthStencilMSAATexture === null || gpuDepthStencilMSAATexture === void 0 ? void 0 : gpuDepthStencilMSAATexture.createView(this._rttRenderPassWrapper.depthAttachmentViewDescriptor);
+        const gpuDepthStencilWrapper = depthStencilTexture?._hardwareTexture;
+        const gpuDepthStencilTexture = gpuDepthStencilWrapper?.underlyingResource;
+        const gpuDepthStencilMSAATexture = gpuDepthStencilWrapper?.getMSAATexture();
+        const depthTextureView = gpuDepthStencilTexture?.createView(this._rttRenderPassWrapper.depthAttachmentViewDescriptor);
+        const depthMSAATextureView = gpuDepthStencilMSAATexture?.createView(this._rttRenderPassWrapper.depthAttachmentViewDescriptor);
         const depthTextureHasStencil = gpuDepthStencilWrapper ? WebGPUTextureHelper.HasStencilAspect(gpuDepthStencilWrapper.format) : false;
         const colorAttachments = [];
         if (this.useReverseDepthBuffer) {
@@ -2244,17 +2228,25 @@ export class WebGPUEngine extends Engine {
             for (let i = 0; i < this._mrtAttachments.length; ++i) {
                 const index = this._mrtAttachments[i]; // if index == 0 it means the texture should not be written to => at render pass creation time, it means we should not clear it
                 const mrtTexture = rtWrapper.textures[i];
-                const gpuMRTWrapper = mrtTexture === null || mrtTexture === void 0 ? void 0 : mrtTexture._hardwareTexture;
-                const gpuMRTTexture = gpuMRTWrapper === null || gpuMRTWrapper === void 0 ? void 0 : gpuMRTWrapper.underlyingResource;
+                const gpuMRTWrapper = mrtTexture?._hardwareTexture;
+                const gpuMRTTexture = gpuMRTWrapper?.underlyingResource;
                 if (gpuMRTWrapper && gpuMRTTexture) {
                     const gpuMSAATexture = gpuMRTWrapper.getMSAATexture(i);
-                    const layerIndex = (_b = (_a = rtWrapper.layerIndices) === null || _a === void 0 ? void 0 : _a[i]) !== null && _b !== void 0 ? _b : 0;
-                    const faceIndex = (_d = (_c = rtWrapper.faceIndices) === null || _c === void 0 ? void 0 : _c[i]) !== null && _d !== void 0 ? _d : 0;
-                    const viewDescriptor = Object.assign(Object.assign({}, this._rttRenderPassWrapper.colorAttachmentViewDescriptor), { format: gpuMRTWrapper.format, baseArrayLayer: mrtTexture.isCube ? layerIndex * 6 + faceIndex : layerIndex });
-                    const msaaViewDescriptor = Object.assign(Object.assign({}, this._rttRenderPassWrapper.colorAttachmentViewDescriptor), { format: gpuMRTWrapper.format, baseArrayLayer: 0 });
+                    const layerIndex = rtWrapper.layerIndices?.[i] ?? 0;
+                    const faceIndex = rtWrapper.faceIndices?.[i] ?? 0;
+                    const viewDescriptor = {
+                        ...this._rttRenderPassWrapper.colorAttachmentViewDescriptor,
+                        format: gpuMRTWrapper.format,
+                        baseArrayLayer: mrtTexture.isCube ? layerIndex * 6 + faceIndex : layerIndex,
+                    };
+                    const msaaViewDescriptor = {
+                        ...this._rttRenderPassWrapper.colorAttachmentViewDescriptor,
+                        format: gpuMRTWrapper.format,
+                        baseArrayLayer: 0,
+                    };
                     const isRTInteger = mrtTexture.type === 7 || mrtTexture.type === 5;
                     const colorTextureView = gpuMRTTexture.createView(viewDescriptor);
-                    const colorMSAATextureView = gpuMSAATexture === null || gpuMSAATexture === void 0 ? void 0 : gpuMSAATexture.createView(msaaViewDescriptor);
+                    const colorMSAATextureView = gpuMSAATexture?.createView(msaaViewDescriptor);
                     colorAttachments.push({
                         view: colorMSAATextureView ? colorMSAATextureView : colorTextureView,
                         resolveTarget: gpuMSAATexture ? colorTextureView : undefined,
@@ -2275,7 +2267,7 @@ export class WebGPUEngine extends Engine {
                 const gpuTexture = gpuWrapper.underlyingResource;
                 const gpuMSAATexture = gpuWrapper.getMSAATexture();
                 const colorTextureView = gpuTexture.createView(this._rttRenderPassWrapper.colorAttachmentViewDescriptor);
-                const colorMSAATextureView = gpuMSAATexture === null || gpuMSAATexture === void 0 ? void 0 : gpuMSAATexture.createView(this._rttRenderPassWrapper.colorAttachmentViewDescriptor);
+                const colorMSAATextureView = gpuMSAATexture?.createView(this._rttRenderPassWrapper.colorAttachmentViewDescriptor);
                 const isRTInteger = internalTexture.type === 7 || internalTexture.type === 5;
                 colorAttachments.push({
                     view: colorMSAATextureView ? colorMSAATextureView : colorTextureView,
@@ -2289,9 +2281,9 @@ export class WebGPUEngine extends Engine {
                 colorAttachments.push(null);
             }
         }
-        (_e = this._debugPushGroup) === null || _e === void 0 ? void 0 : _e.call(this, "render target pass" + (renderTargetWrapper.label ? " (" + renderTargetWrapper.label + ")" : ""), 1);
+        this._debugPushGroup?.("render target pass" + (renderTargetWrapper.label ? " (" + renderTargetWrapper.label + ")" : ""), 1);
         this._rttRenderPassWrapper.renderPassDescriptor = {
-            label: ((_f = renderTargetWrapper.label) !== null && _f !== void 0 ? _f : "RTT") + "RenderPass",
+            label: (renderTargetWrapper.label ?? "RTT") + "RenderPass",
             colorAttachments,
             depthStencilAttachment: depthStencilTexture && gpuDepthStencilTexture
                 ? {
@@ -2308,7 +2300,7 @@ export class WebGPUEngine extends Engine {
                     stencilStoreOp: !depthTextureHasStencil ? undefined : WebGPUConstants.StoreOp.Store,
                 }
                 : undefined,
-            occlusionQuerySet: ((_g = this._occlusionQuery) === null || _g === void 0 ? void 0 : _g.hasQueries) ? this._occlusionQuery.querySet : undefined,
+            occlusionQuerySet: this._occlusionQuery?.hasQueries ? this._occlusionQuery.querySet : undefined,
         };
         this._timestampQuery.startPass(this._rttRenderPassWrapper.renderPassDescriptor, this._timestampIndex);
         this._currentRenderPass = this._renderEncoder.beginRenderPass(this._rttRenderPassWrapper.renderPassDescriptor);
@@ -2336,14 +2328,13 @@ export class WebGPUEngine extends Engine {
                 ]);
             }
         }
-        (_h = this._debugFlushPendingCommands) === null || _h === void 0 ? void 0 : _h.call(this);
+        this._debugFlushPendingCommands?.();
         this._resetRenderPassStates();
         if (!gpuDepthStencilWrapper || !WebGPUTextureHelper.HasStencilAspect(gpuDepthStencilWrapper.format)) {
             this._stencilStateComposer.enabled = false;
         }
     }
     _startMainRenderPass(setClearStates, clearColor, clearDepth, clearStencil) {
-        var _a, _b, _c;
         this._endCurrentRenderPass();
         if (this.useReverseDepthBuffer) {
             this.setDepthFunctionToGreaterOrEqual();
@@ -2365,7 +2356,7 @@ export class WebGPUEngine extends Engine {
             : mustClearStencil
                 ? WebGPUConstants.LoadOp.Clear
                 : WebGPUConstants.LoadOp.Load;
-        this._mainRenderPassWrapper.renderPassDescriptor.occlusionQuerySet = ((_a = this._occlusionQuery) === null || _a === void 0 ? void 0 : _a.hasQueries) ? this._occlusionQuery.querySet : undefined;
+        this._mainRenderPassWrapper.renderPassDescriptor.occlusionQuerySet = this._occlusionQuery?.hasQueries ? this._occlusionQuery.querySet : undefined;
         const swapChainTexture = this._context.getCurrentTexture();
         this._mainRenderPassWrapper.colorAttachmentGPUTextures[0].set(swapChainTexture);
         // Resolve in case of MSAA
@@ -2390,12 +2381,12 @@ export class WebGPUEngine extends Engine {
                 ]);
             }
         }
-        (_b = this._debugPushGroup) === null || _b === void 0 ? void 0 : _b.call(this, "main pass", 0);
+        this._debugPushGroup?.("main pass", 0);
         this._timestampQuery.startPass(this._mainRenderPassWrapper.renderPassDescriptor, this._timestampIndex);
         this._currentRenderPass = this._renderEncoder.beginRenderPass(this._mainRenderPassWrapper.renderPassDescriptor);
         this._setDepthTextureFormat(this._mainRenderPassWrapper);
         this._setColorFormat(this._mainRenderPassWrapper);
-        (_c = this._debugFlushPendingCommands) === null || _c === void 0 ? void 0 : _c.call(this);
+        this._debugFlushPendingCommands?.();
         this._resetRenderPassStates();
         if (!this._isStencilEnable) {
             this._stencilStateComposer.enabled = false;
@@ -2403,7 +2394,6 @@ export class WebGPUEngine extends Engine {
     }
     /** @internal */
     _endCurrentRenderPass() {
-        var _a, _b, _c;
         if (!this._currentRenderPass) {
             return 0;
         }
@@ -2427,10 +2417,10 @@ export class WebGPUEngine extends Engine {
                     " - " +
                     (currentPassIndex === 2 ? "main" : "render target") +
                     " end pass" +
-                    (currentPassIndex === 1 ? " - internalTexture.uniqueId=" + ((_b = (_a = this._currentRenderTarget) === null || _a === void 0 ? void 0 : _a.texture) === null || _b === void 0 ? void 0 : _b.uniqueId) : ""));
+                    (currentPassIndex === 1 ? " - internalTexture.uniqueId=" + this._currentRenderTarget?.texture?.uniqueId : ""));
             }
         }
-        (_c = this._debugPopGroup) === null || _c === void 0 ? void 0 : _c.call(this, 0);
+        this._debugPopGroup?.(0);
         this._currentRenderPass = null;
         return currentPassIndex;
     }
@@ -2445,8 +2435,7 @@ export class WebGPUEngine extends Engine {
      * @param layer defines the 2d array index to bind to frame buffer to
      */
     bindFramebuffer(texture, faceIndex = 0, requiredWidth, requiredHeight, forceFullscreenViewport, lodLevel = 0, layer = 0) {
-        var _a, _b;
-        const hardwareTexture = (_a = texture.texture) === null || _a === void 0 ? void 0 : _a._hardwareTexture;
+        const hardwareTexture = texture.texture?._hardwareTexture;
         if (this._currentRenderTarget) {
             this.unBindFramebuffer(this._currentRenderTarget);
         }
@@ -2489,7 +2478,7 @@ export class WebGPUEngine extends Engine {
                         " - bindFramebuffer - rtt name=" +
                         texture.label +
                         ", internalTexture.uniqueId=" +
-                        ((_b = texture.texture) === null || _b === void 0 ? void 0 : _b.uniqueId) +
+                        texture.texture?.uniqueId +
                         ", face=" +
                         faceIndex +
                         ", lodLevel=" +
@@ -2531,7 +2520,6 @@ export class WebGPUEngine extends Engine {
      * @param onBeforeUnbind defines a function which will be called before the effective unbind
      */
     unBindFramebuffer(texture, disableGenerateMipMaps = false, onBeforeUnbind) {
-        var _a, _b;
         const saveCRT = this._currentRenderTarget;
         this._currentRenderTarget = null; // to be iso with thinEngine, this._currentRenderTarget must be null when onBeforeUnbind is called
         if (onBeforeUnbind) {
@@ -2539,7 +2527,7 @@ export class WebGPUEngine extends Engine {
         }
         this._currentRenderTarget = saveCRT;
         this._endCurrentRenderPass();
-        if (((_a = texture.texture) === null || _a === void 0 ? void 0 : _a.generateMipMaps) && !disableGenerateMipMaps && !texture.isCube) {
+        if (texture.texture?.generateMipMaps && !disableGenerateMipMaps && !texture.isCube) {
             this._generateMipmaps(texture.texture);
         }
         this._currentRenderTarget = null;
@@ -2548,7 +2536,7 @@ export class WebGPUEngine extends Engine {
                 this._count = 0;
             }
             if (!this._count || this._count < this.dbgVerboseLogsNumFrames) {
-                Logger.Log("frame #" + this._count + " - unBindFramebuffer - rtt name=" + texture.label + ", internalTexture.uniqueId=", (_b = texture.texture) === null || _b === void 0 ? void 0 : _b.uniqueId);
+                Logger.Log("frame #" + this._count + " - unBindFramebuffer - rtt name=" + texture.label + ", internalTexture.uniqueId=", texture.texture?.uniqueId);
             }
         }
         this._mrtAttachments = [];
@@ -2577,8 +2565,7 @@ export class WebGPUEngine extends Engine {
      * @internal
      */
     _setColorFormat(wrapper) {
-        var _a, _b;
-        const format = (_b = (_a = wrapper.colorAttachmentGPUTextures[0]) === null || _a === void 0 ? void 0 : _a.format) !== null && _b !== void 0 ? _b : null;
+        const format = wrapper.colorAttachmentGPUTextures[0]?.format ?? null;
         this._cacheRenderPipeline.setColorFormat(format);
         if (this._colorFormat === format) {
             return;
@@ -2612,13 +2599,12 @@ export class WebGPUEngine extends Engine {
      * @param zOffsetUnits defines the value to apply to zOffsetUnits (0 by default)
      */
     setState(culling, zOffset = 0, force, reverseSide = false, cullBackFaces, stencil, zOffsetUnits = 0) {
-        var _a, _b;
         // Culling
         if (this._depthCullingState.cull !== culling || force) {
             this._depthCullingState.cull = culling;
         }
         // Cull face
-        const cullFace = ((_b = (_a = this.cullBackFaces) !== null && _a !== void 0 ? _a : cullBackFaces) !== null && _b !== void 0 ? _b : true) ? 1 : 2;
+        const cullFace = this.cullBackFaces ?? cullBackFaces ?? true ? 1 : 2;
         if (this._depthCullingState.cullFace !== cullFace || force) {
             this._depthCullingState.cullFace = cullFace;
         }
@@ -2649,7 +2635,6 @@ export class WebGPUEngine extends Engine {
         }
     }
     _draw(drawType, fillMode, start, count, instancesCount) {
-        var _a;
         const renderPass = this._getCurrentRenderPass();
         const bundleList = this._bundleList;
         this.applyStates();
@@ -2688,9 +2673,9 @@ export class WebGPUEngine extends Engine {
             let bitVal = 1;
             for (let i = 0; i < webgpuPipelineContext.shaderProcessingContext.textureNames.length; ++i) {
                 const textureName = webgpuPipelineContext.shaderProcessingContext.textureNames[i];
-                const texture = (_a = this._currentMaterialContext.textures[textureName]) === null || _a === void 0 ? void 0 : _a.texture;
+                const texture = this._currentMaterialContext.textures[textureName]?.texture;
                 const textureIsDepth = texture && texture.format >= 13 && texture.format <= 18;
-                if (((texture === null || texture === void 0 ? void 0 : texture.type) === 1 && !this._caps.textureFloatLinearFiltering) || textureIsDepth) {
+                if ((texture?.type === 1 && !this._caps.textureFloatLinearFiltering) || textureIsDepth) {
                     textureState |= bitVal;
                 }
                 bitVal = bitVal << 1;
@@ -2779,11 +2764,10 @@ export class WebGPUEngine extends Engine {
      * Dispose and release all associated resources
      */
     dispose() {
-        var _a, _b;
         this._isDisposed = true;
         this._timestampQuery.dispose();
-        (_a = this._mainTexture) === null || _a === void 0 ? void 0 : _a.destroy();
-        (_b = this._depthTexture) === null || _b === void 0 ? void 0 : _b.destroy();
+        this._mainTexture?.destroy();
+        this._depthTexture?.destroy();
         this._textureHelper.destroyDeferredTextures();
         this._bufferManager.destroyDeferredBuffers();
         this._device.destroy();
@@ -2798,11 +2782,10 @@ export class WebGPUEngine extends Engine {
      * @returns a number defining the current render width
      */
     getRenderWidth(useScreen = false) {
-        var _a, _b;
         if (!useScreen && this._currentRenderTarget) {
             return this._currentRenderTarget.width;
         }
-        return (_b = (_a = this._renderingCanvas) === null || _a === void 0 ? void 0 : _a.width) !== null && _b !== void 0 ? _b : 0;
+        return this._renderingCanvas?.width ?? 0;
     }
     /**
      * Gets the current render height
@@ -2810,11 +2793,10 @@ export class WebGPUEngine extends Engine {
      * @returns a number defining the current render height
      */
     getRenderHeight(useScreen = false) {
-        var _a, _b;
         if (!useScreen && this._currentRenderTarget) {
             return this._currentRenderTarget.height;
         }
-        return (_b = (_a = this._renderingCanvas) === null || _a === void 0 ? void 0 : _a.height) !== null && _b !== void 0 ? _b : 0;
+        return this._renderingCanvas?.height ?? 0;
     }
     //------------------------------------------------------------------------------
     //                              Errors