@babylonjs/core 5.27.0 → 5.28.0

package/Engines/webgpuEngine.js

@@ -47,6 +47,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, _c, _d;
         super(null);
         // Page Life cycle and constants
         this._uploadEncoderDescriptor = { label: "upload" };
@@ -135,8 +136,8 @@ export class WebGPUEngine extends Engine {
         this.hasOriginBottomLeft = false;
         options.deviceDescriptor = options.deviceDescriptor || {};
         options.antialiasing = options.antialiasing === undefined ? true : options.antialiasing;
-        options.stencil = options.stencil ?? true;
-        options.enableGPUDebugMarkers = options.enableGPUDebugMarkers ?? false;
+        options.stencil = (_a = options.stencil) !== null && _a !== void 0 ? _a : true;
+        options.enableGPUDebugMarkers = (_b = options.enableGPUDebugMarkers) !== null && _b !== void 0 ? _b : false;
         PerformanceConfigurator.SetMatrixPrecision(!!options.useHighPrecisionMatrix);
         Logger.Log(`Babylon.js v${Engine.Version} - ${this.description} engine`);
         if (!navigator.gpu) {
@@ -161,10 +162,10 @@ export class WebGPUEngine extends Engine {
         this._doNotHandleContextLost = !!options.doNotHandleContextLost;
         this._canvas = canvas;
         this._options = options;
-        this.premultipliedAlpha = options.premultipliedAlpha ?? true;
+        this.premultipliedAlpha = (_c = options.premultipliedAlpha) !== null && _c !== void 0 ? _c : true;
         const devicePixelRatio = IsWindowObjectExist() ? window.devicePixelRatio || 1.0 : 1.0;
         const limitDeviceRatio = options.limitDeviceRatio || devicePixelRatio;
-        const adaptToDeviceRatio = options.adaptToDeviceRatio ?? false;
+        const adaptToDeviceRatio = (_d = options.adaptToDeviceRatio) !== null && _d !== void 0 ? _d : false;
         this._hardwareScalingLevel = adaptToDeviceRatio ? 1.0 / Math.min(limitDeviceRatio, devicePixelRatio) : 1.0;
         this._mainPassSampleCount = options.antialiasing ? this._defaultSampleCount : 1;
         this._isStencilEnable = options.stencil;
@@ -323,12 +324,14 @@ export class WebGPUEngine extends Engine {
      * @returns a promise notifying the readiness of the engine.
      */
     initAsync(glslangOptions, twgslOptions) {
-        return this._initGlslang(glslangOptions ?? this._options?.glslangOptions)
+        var _a;
+        return this._initGlslang(glslangOptions !== null && glslangOptions !== void 0 ? glslangOptions : (_a = this._options) === null || _a === void 0 ? void 0 : _a.glslangOptions)
             .then((glslang) => {
+            var _a;
             this._glslang = glslang;
             this._tintWASM = WebGPUEngine.UseTWGSL ? new WebGPUTintWASM() : null;
             return this._tintWASM
-                ? this._tintWASM.initTwgsl(twgslOptions ?? this._options?.twgslOptions).then(() => {
+                ? this._tintWASM.initTwgsl(twgslOptions !== null && twgslOptions !== void 0 ? twgslOptions : (_a = this._options) === null || _a === void 0 ? void 0 : _a.twgslOptions).then(() => {
                     return navigator.gpu.requestAdapter(this._options);
                 }, (msg) => {
                     Logger.Error("Can not initialize twgsl!");
@@ -342,15 +345,16 @@ export class WebGPUEngine extends Engine {
             throw Error("WebGPU initializations stopped.");
         })
             .then((adapter) => {
+            var _a;
             if (!adapter) {
                 throw "Could not retrieve a WebGPU adapter (adapter is null).";
             }
             else {
                 this._adapter = adapter;
                 this._adapterSupportedExtensions = [];
-                this._adapter.features?.forEach((feature) => this._adapterSupportedExtensions.push(feature));
+                (_a = this._adapter.features) === null || _a === void 0 ? void 0 : _a.forEach((feature) => this._adapterSupportedExtensions.push(feature));
                 const deviceDescriptor = this._options.deviceDescriptor;
-                if (deviceDescriptor?.requiredFeatures) {
+                if (deviceDescriptor === null || deviceDescriptor === void 0 ? void 0 : deviceDescriptor.requiredFeatures) {
                     const requestedExtensions = deviceDescriptor.requiredFeatures;
                     const validExtensions = [];
                     for (const extension of requestedExtensions) {
@@ -364,9 +368,10 @@ export class WebGPUEngine extends Engine {
             }
         })
             .then((device) => {
+            var _a, _b;
             this._device = device;
             this._deviceEnabledExtensions = [];
-            this._device.features?.forEach((feature) => this._deviceEnabledExtensions.push(feature));
+            (_a = this._device.features) === null || _a === void 0 ? void 0 : _a.forEach((feature) => this._deviceEnabledExtensions.push(feature));
             let numUncapturedErrors = -1;
             this._device.addEventListener("uncapturederror", (event) => {
                 if (++numUncapturedErrors < this.numMaxUncapturedErrors) {
@@ -377,7 +382,7 @@ export class WebGPUEngine extends Engine {
                 }
             });
             if (!this._doNotHandleContextLost) {
-                this._device.lost?.then((info) => {
+                (_b = this._device.lost) === null || _b === void 0 ? void 0 : _b.then((info) => {
                     this._contextWasLost = true;
                     Logger.Warn("WebGPU context lost. " + info);
                     this.onContextLostObservable.notifyObservers(this);
@@ -551,6 +556,7 @@ export class WebGPUEngine extends Engine {
     }
     // Set default values as WebGL with depth and stencil attachment for the broadest Compat.
     _initializeMainAttachments() {
+        var _a;
         if (!this._bufferManager) {
             return;
         }
@@ -572,7 +578,7 @@ export class WebGPUEngine extends Engine {
                 format: this._options.swapChainFormat,
                 usage: WebGPUConstants.TextureUsage.RenderAttachment,
             };
-            this._mainTexture?.destroy();
+            (_a = this._mainTexture) === null || _a === void 0 ? void 0 : _a.destroy();
             this._mainTexture = this._device.createTexture(mainTextureDescriptor);
             mainColorAttachments = [
                 {
@@ -836,7 +842,8 @@ export class WebGPUEngine extends Engine {
      * @internal
      */
     _applyStencilRef(renderPass) {
-        renderPass.setStencilReference(this._stencilStateComposer.funcRef ?? 0);
+        var _a;
+        renderPass.setStencilReference((_a = this._stencilStateComposer.funcRef) !== null && _a !== void 0 ? _a : 0);
     }
     _resetCurrentColorBlend(index) {
         this._blendColorsCurrent[index][0] = this._blendColorsCurrent[index][1] = this._blendColorsCurrent[index][2] = this._blendColorsCurrent[index][3] = null;
@@ -917,12 +924,13 @@ export class WebGPUEngine extends Engine {
         }
     }
     _clearFullQuad(clearColor, clearDepth, clearStencil) {
+        var _a, _b, _c;
         const renderPass = !this.compatibilityMode ? null : this._getCurrentRenderPass();
         const renderPassIndex = this._getCurrentRenderPassIndex();
         const bundleList = renderPassIndex === 0 ? this._bundleList : this._bundleListRenderTarget;
         this._clearQuad.setColorFormat(this._colorFormat);
         this._clearQuad.setDepthStencilFormat(this._depthTextureFormat);
-        this._clearQuad.setMRTAttachments(this._cacheRenderPipeline.mrtAttachments ?? [], this._cacheRenderPipeline.mrtTextureArray ?? [], this._cacheRenderPipeline.mrtTextureCount);
+        this._clearQuad.setMRTAttachments((_a = this._cacheRenderPipeline.mrtAttachments) !== null && _a !== void 0 ? _a : [], (_b = this._cacheRenderPipeline.mrtTextureArray) !== null && _b !== void 0 ? _b : [], this._cacheRenderPipeline.mrtTextureCount);
         if (!this.compatibilityMode) {
             bundleList.addItem(new WebGPURenderItemStencilRef(this._clearStencilValue));
         }
@@ -932,7 +940,7 @@ export class WebGPUEngine extends Engine {
         const bundle = this._clearQuad.clear(renderPass, clearColor, clearDepth, clearStencil, this.currentSampleCount);
         if (!this.compatibilityMode) {
             bundleList.addBundle(bundle);
-            bundleList.addItem(new WebGPURenderItemStencilRef(this._stencilStateComposer.funcRef ?? 0));
+            bundleList.addItem(new WebGPURenderItemStencilRef((_c = this._stencilStateComposer.funcRef) !== null && _c !== void 0 ? _c : 0));
             this._reportDrawCall();
         }
         else {
@@ -1053,7 +1061,7 @@ export class WebGPUEngine extends Engine {
      */
     bindBuffers(vertexBuffers, indexBuffer, effect, overrideVertexBuffers) {
         this._currentIndexBuffer = indexBuffer;
-        this._currentOverrideVertexBuffers = overrideVertexBuffers ?? null;
+        this._currentOverrideVertexBuffers = overrideVertexBuffers !== null && overrideVertexBuffers !== void 0 ? overrideVertexBuffers : null;
         this._cacheRenderPipeline.setBuffers(vertexBuffers, indexBuffer, this._currentOverrideVertexBuffers);
     }
     /**
@@ -1080,10 +1088,11 @@ 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 = defines ?? attributesNamesOrOptions.defines ?? "";
+        let fullDefines = (_a = defines !== null && defines !== void 0 ? defines : attributesNamesOrOptions.defines) !== null && _a !== void 0 ? _a : "";
         if (globalDefines) {
             fullDefines += "\n" + globalDefines;
         }
@@ -1358,15 +1367,16 @@ 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 = options.samples ?? 1;
-            fullOptions.creationFlags = options.creationFlags ?? 0;
-            fullOptions.useSRGBBuffer = options.useSRGBBuffer ?? false;
+            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;
         }
         else {
             fullOptions.generateMipMaps = options;
@@ -1437,14 +1447,15 @@ 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 = format ?? -1;
+            texture.format = format !== null && format !== void 0 ? format : -1;
             processFunction(texture.width, texture.height, imageBitmap, extension, texture, () => { });
-            if (!texture._hardwareTexture?.underlyingResource) {
+            if (!((_a = texture._hardwareTexture) === null || _a === void 0 ? void 0 : _a.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)) {
@@ -1485,8 +1496,9 @@ export class WebGPUEngine extends Engine {
         throw new Error("wrapWebGLTexture is not supported, use wrapWebGPUTexture instead.");
     }
     generateMipMapsForCubemap(texture) {
+        var _a;
         if (texture.generateMipMaps) {
-            const gpuTexture = texture._hardwareTexture?.underlyingResource;
+            const gpuTexture = (_a = texture._hardwareTexture) === null || _a === void 0 ? void 0 : _a.underlyingResource;
             if (!gpuTexture) {
                 this._textureHelper.createGPUTextureForInternalTexture(texture);
             }
@@ -1547,7 +1559,7 @@ export class WebGPUEngine extends Engine {
      * @internal
      */
     _setInternalTexture(name, texture, baseName) {
-        baseName = baseName ?? name;
+        baseName = baseName !== null && baseName !== void 0 ? baseName : name;
         if (this._currentEffect) {
             const webgpuPipelineContext = this._currentEffect._pipelineContext;
             const availableTexture = webgpuPipelineContext.shaderProcessingContext.availableTextures[baseName];
@@ -1587,7 +1599,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 ?? name;
+        baseName = baseName !== null && baseName !== void 0 ? baseName : name;
         if (this._currentEffect) {
             if (!texture) {
                 this._currentMaterialContext.setTexture(name, null);
@@ -1687,8 +1699,7 @@ export class WebGPUEngine extends Engine {
         // try as much as possible to use the command encoder corresponding to the current pass.
         // If not possible (because the pass is started - generateMipmaps itself creates a pass and it's not allowed to have a pass inside a pass), use _uploadEncoder
         commandEncoder =
-            commandEncoder ??
-                (this._currentRenderTarget && !this._currentRenderPass ? this._renderTargetEncoder : !this._currentRenderPass ? this._renderEncoder : this._uploadEncoder);
+            commandEncoder !== null && commandEncoder !== void 0 ? commandEncoder : (this._currentRenderTarget && !this._currentRenderPass ? this._renderTargetEncoder : !this._currentRenderPass ? this._renderEncoder : this._uploadEncoder);
         const format = texture._hardwareTexture.format;
         const mipmapCount = WebGPUTextureHelper.ComputeNumMipmapLevels(texture.width, texture.height);
         if (this.dbgVerboseLogsForFirstFrames) {
@@ -1719,8 +1730,9 @@ 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 (!texture._hardwareTexture?.underlyingResource) {
+        if (!((_a = texture._hardwareTexture) === null || _a === void 0 ? void 0 : _a.underlyingResource)) {
             gpuTextureWrapper = this._textureHelper.createGPUTextureForInternalTexture(texture);
         }
         const data = new Uint8Array(imageData.buffer, imageData.byteOffset, imageData.byteLength);
@@ -1733,8 +1745,9 @@ export class WebGPUEngine extends Engine {
      * @internal
      */
     _uploadCompressedDataToTextureDirectly(texture, internalFormat, width, height, imageData, faceIndex = 0, lod = 0) {
+        var _a;
         let gpuTextureWrapper = texture._hardwareTexture;
-        if (!texture._hardwareTexture?.underlyingResource) {
+        if (!((_a = texture._hardwareTexture) === null || _a === void 0 ? void 0 : _a.underlyingResource)) {
             texture.format = internalFormat;
             gpuTextureWrapper = this._textureHelper.createGPUTextureForInternalTexture(texture, width, height);
         }
@@ -1745,12 +1758,13 @@ 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 (!texture._hardwareTexture?.underlyingResource) {
+        if (!((_a = texture._hardwareTexture) === null || _a === void 0 ? void 0 : _a.underlyingResource)) {
             gpuTextureWrapper = this._textureHelper.createGPUTextureForInternalTexture(texture, width, height);
         }
         const data = new Uint8Array(imageData.buffer, imageData.byteOffset, imageData.byteLength);
@@ -1766,8 +1780,9 @@ export class WebGPUEngine extends Engine {
      * @internal
      */
     _uploadImageToTexture(texture, image, faceIndex = 0, lod = 0) {
+        var _a;
         let gpuTextureWrapper = texture._hardwareTexture;
-        if (!texture._hardwareTexture?.underlyingResource) {
+        if (!((_a = texture._hardwareTexture) === null || _a === void 0 ? void 0 : _a.underlyingResource)) {
             gpuTextureWrapper = this._textureHelper.createGPUTextureForInternalTexture(texture);
         }
         const bitmap = image; // in WebGPU we will always get an ImageBitmap, not an HTMLImageElement
@@ -1921,13 +1936,14 @@ export class WebGPUEngine extends Engine {
     //                              Render Pass
     //------------------------------------------------------------------------------
     _startRenderTargetRenderPass(renderTargetWrapper, setClearStates, clearColor, clearDepth, clearStencil) {
+        var _a, _b, _c;
         const rtWrapper = renderTargetWrapper;
         const depthStencilTexture = rtWrapper._depthStencilTexture;
-        const gpuDepthStencilWrapper = depthStencilTexture?._hardwareTexture;
-        const gpuDepthStencilTexture = gpuDepthStencilWrapper?.underlyingResource;
-        const gpuDepthStencilMSAATexture = gpuDepthStencilWrapper?.msaaTexture;
-        const depthTextureView = gpuDepthStencilTexture?.createView(this._rttRenderPassWrapper.depthAttachmentViewDescriptor);
-        const depthMSAATextureView = gpuDepthStencilMSAATexture?.createView(this._rttRenderPassWrapper.depthAttachmentViewDescriptor);
+        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.msaaTexture;
+        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 depthTextureHasStencil = gpuDepthStencilWrapper ? WebGPUTextureHelper.HasStencilAspect(gpuDepthStencilWrapper.format) : false;
         const colorAttachments = [];
         if (this.useReverseDepthBuffer) {
@@ -1944,8 +1960,8 @@ 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?._hardwareTexture;
-                const gpuMRTTexture = gpuMRTWrapper?.underlyingResource;
+                const gpuMRTWrapper = mrtTexture === null || mrtTexture === void 0 ? void 0 : mrtTexture._hardwareTexture;
+                const gpuMRTTexture = gpuMRTWrapper === null || gpuMRTWrapper === void 0 ? void 0 : gpuMRTWrapper.underlyingResource;
                 if (gpuMRTWrapper && gpuMRTTexture) {
                     const viewDescriptor = {
                         ...this._rttRenderPassWrapper.colorAttachmentViewDescriptor,
@@ -1953,7 +1969,7 @@ export class WebGPUEngine extends Engine {
                     };
                     const gpuMSAATexture = gpuMRTWrapper.msaaTexture;
                     const colorTextureView = gpuMRTTexture.createView(viewDescriptor);
-                    const colorMSAATextureView = gpuMSAATexture?.createView(viewDescriptor);
+                    const colorMSAATextureView = gpuMSAATexture === null || gpuMSAATexture === void 0 ? void 0 : gpuMSAATexture.createView(viewDescriptor);
                     colorAttachments.push({
                         view: colorMSAATextureView ? colorMSAATextureView : colorTextureView,
                         resolveTarget: gpuMSAATexture ? colorTextureView : undefined,
@@ -1974,7 +1990,7 @@ export class WebGPUEngine extends Engine {
                 const gpuTexture = gpuWrapper.underlyingResource;
                 const gpuMSAATexture = gpuWrapper.msaaTexture;
                 const colorTextureView = gpuTexture.createView(this._rttRenderPassWrapper.colorAttachmentViewDescriptor);
-                const colorMSAATextureView = gpuMSAATexture?.createView(this._rttRenderPassWrapper.colorAttachmentViewDescriptor);
+                const colorMSAATextureView = gpuMSAATexture === null || gpuMSAATexture === void 0 ? void 0 : gpuMSAATexture.createView(this._rttRenderPassWrapper.colorAttachmentViewDescriptor);
                 colorAttachments.push({
                     view: colorMSAATextureView ? colorMSAATextureView : colorTextureView,
                     resolveTarget: gpuMSAATexture ? colorTextureView : undefined,
@@ -1987,7 +2003,7 @@ export class WebGPUEngine extends Engine {
                 colorAttachments.push(null);
             }
         }
-        this._debugPushGroup?.("render target pass", 1);
+        (_a = this._debugPushGroup) === null || _a === void 0 ? void 0 : _a.call(this, "render target pass", 1);
         this._rttRenderPassWrapper.renderPassDescriptor = {
             colorAttachments,
             depthStencilAttachment: depthStencilTexture && gpuDepthStencilTexture
@@ -2005,7 +2021,7 @@ export class WebGPUEngine extends Engine {
                     stencilStoreOp: !depthTextureHasStencil ? undefined : WebGPUConstants.StoreOp.Store,
                 }
                 : undefined,
-            occlusionQuerySet: this._occlusionQuery?.hasQueries ? this._occlusionQuery.querySet : undefined,
+            occlusionQuerySet: ((_b = this._occlusionQuery) === null || _b === void 0 ? void 0 : _b.hasQueries) ? this._occlusionQuery.querySet : undefined,
         };
         this._rttRenderPassWrapper.renderPass = this._renderTargetEncoder.beginRenderPass(this._rttRenderPassWrapper.renderPassDescriptor);
         if (this.dbgVerboseLogsForFirstFrames) {
@@ -2018,7 +2034,7 @@ export class WebGPUEngine extends Engine {
             }
         }
         this._currentRenderPass = this._rttRenderPassWrapper.renderPass;
-        this._debugFlushPendingCommands?.();
+        (_c = this._debugFlushPendingCommands) === null || _c === void 0 ? void 0 : _c.call(this);
         this._resetCurrentViewport(1);
         this._resetCurrentScissor(1);
         this._resetCurrentStencilRef(1);
@@ -2029,8 +2045,9 @@ export class WebGPUEngine extends Engine {
     }
     /** @internal */
     _endRenderTargetRenderPass() {
+        var _a, _b, _c, _d;
         if (this._currentRenderPass) {
-            const gpuWrapper = this._currentRenderTarget.texture?._hardwareTexture;
+            const gpuWrapper = (_a = this._currentRenderTarget.texture) === null || _a === void 0 ? void 0 : _a._hardwareTexture;
             if (gpuWrapper && !this._snapshotRendering.endRenderTargetPass(this._currentRenderPass, gpuWrapper) && !this.compatibilityMode) {
                 this._bundleListRenderTarget.run(this._currentRenderPass);
                 this._bundleListRenderTarget.reset();
@@ -2041,10 +2058,10 @@ export class WebGPUEngine extends Engine {
                     this._count = 0;
                 }
                 if (!this._count || this._count < this.dbgVerboseLogsNumFrames) {
-                    console.log("frame #" + this._count + " - render target end pass - internalTexture.uniqueId=", this._currentRenderTarget?.texture?.uniqueId);
+                    console.log("frame #" + this._count + " - render target end pass - internalTexture.uniqueId=", (_c = (_b = this._currentRenderTarget) === null || _b === void 0 ? void 0 : _b.texture) === null || _c === void 0 ? void 0 : _c.uniqueId);
                 }
             }
-            this._debugPopGroup?.(1);
+            (_d = this._debugPopGroup) === null || _d === void 0 ? void 0 : _d.call(this, 1);
             this._resetCurrentViewport(1);
             this._resetCurrentScissor(1);
             this._resetCurrentStencilRef(1);
@@ -2068,6 +2085,7 @@ export class WebGPUEngine extends Engine {
         return this._currentRenderPass === null ? -1 : this._currentRenderPass === this._mainRenderPassWrapper.renderPass ? 0 : 1;
     }
     _startMainRenderPass(setClearStates, clearColor, clearDepth, clearStencil) {
+        var _a, _b, _c;
         if (this._mainRenderPassWrapper.renderPass) {
             this._endMainRenderPass();
         }
@@ -2091,7 +2109,7 @@ export class WebGPUEngine extends Engine {
             : mustClearStencil
                 ? WebGPUConstants.LoadOp.Clear
                 : WebGPUConstants.LoadOp.Load;
-        this._mainRenderPassWrapper.renderPassDescriptor.occlusionQuerySet = this._occlusionQuery?.hasQueries ? this._occlusionQuery.querySet : undefined;
+        this._mainRenderPassWrapper.renderPassDescriptor.occlusionQuerySet = ((_a = this._occlusionQuery) === null || _a === void 0 ? void 0 : _a.hasQueries) ? this._occlusionQuery.querySet : undefined;
         this._swapChainTexture = this._context.getCurrentTexture();
         this._mainRenderPassWrapper.colorAttachmentGPUTextures[0].set(this._swapChainTexture);
         // Resolve in case of MSAA
@@ -2109,10 +2127,10 @@ export class WebGPUEngine extends Engine {
                 console.log("frame #" + this._count + " - main begin pass - texture width=" + this._mainTextureExtends.width, " height=" + this._mainTextureExtends.height, this._mainRenderPassWrapper.renderPassDescriptor);
             }
         }
-        this._debugPushGroup?.("main pass", 0);
+        (_b = this._debugPushGroup) === null || _b === void 0 ? void 0 : _b.call(this, "main pass", 0);
         this._currentRenderPass = this._renderEncoder.beginRenderPass(this._mainRenderPassWrapper.renderPassDescriptor);
         this._mainRenderPassWrapper.renderPass = this._currentRenderPass;
-        this._debugFlushPendingCommands?.();
+        (_c = this._debugFlushPendingCommands) === null || _c === void 0 ? void 0 : _c.call(this);
         this._resetCurrentViewport(0);
         this._resetCurrentScissor(0);
         this._resetCurrentStencilRef(0);
@@ -2122,6 +2140,7 @@ export class WebGPUEngine extends Engine {
         }
     }
     _endMainRenderPass() {
+        var _a;
         if (this._mainRenderPassWrapper.renderPass !== null) {
             this._snapshotRendering.endMainRenderPass();
             if (!this.compatibilityMode && !this._snapshotRendering.play) {
@@ -2137,7 +2156,7 @@ export class WebGPUEngine extends Engine {
                     console.log("frame #" + this._count + " - main end pass");
                 }
             }
-            this._debugPopGroup?.(0);
+            (_a = this._debugPopGroup) === null || _a === void 0 ? void 0 : _a.call(this, 0);
             this._resetCurrentViewport(0);
             this._resetCurrentScissor(0);
             this._resetCurrentStencilRef(0);
@@ -2159,7 +2178,8 @@ 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) {
-        const hardwareTexture = texture.texture?._hardwareTexture;
+        var _a, _b;
+        const hardwareTexture = (_a = texture.texture) === null || _a === void 0 ? void 0 : _a._hardwareTexture;
         if (this._currentRenderTarget) {
             this.unBindFramebuffer(this._currentRenderTarget);
         }
@@ -2196,7 +2216,7 @@ export class WebGPUEngine extends Engine {
                 this._count = 0;
             }
             if (!this._count || this._count < this.dbgVerboseLogsNumFrames) {
-                console.log("frame #" + this._count + " - bindFramebuffer called - internalTexture.uniqueId=", texture.texture?.uniqueId, "face=", faceIndex, "lodLevel=", lodLevel, "layer=", layer, this._rttRenderPassWrapper.colorAttachmentViewDescriptor, this._rttRenderPassWrapper.depthAttachmentViewDescriptor);
+                console.log("frame #" + this._count + " - bindFramebuffer called - internalTexture.uniqueId=", (_b = texture.texture) === null || _b === void 0 ? void 0 : _b.uniqueId, "face=", faceIndex, "lodLevel=", lodLevel, "layer=", layer, this._rttRenderPassWrapper.colorAttachmentViewDescriptor, this._rttRenderPassWrapper.depthAttachmentViewDescriptor);
             }
         }
         this._currentRenderPass = null; // lazy creation of the render pass, hoping the render pass will be created by a call to clear()...
@@ -2231,6 +2251,7 @@ 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) {
@@ -2240,7 +2261,7 @@ export class WebGPUEngine extends Engine {
         if (this._currentRenderPass && this._currentRenderPass !== this._mainRenderPassWrapper.renderPass) {
             this._endRenderTargetRenderPass();
         }
-        if (texture.texture?.generateMipMaps && !disableGenerateMipMaps && !texture.isCube) {
+        if (((_a = texture.texture) === null || _a === void 0 ? void 0 : _a.generateMipMaps) && !disableGenerateMipMaps && !texture.isCube) {
             this._generateMipmaps(texture.texture);
         }
         this._currentRenderTarget = null;
@@ -2250,7 +2271,7 @@ export class WebGPUEngine extends Engine {
                 this._count = 0;
             }
             if (!this._count || this._count < this.dbgVerboseLogsNumFrames) {
-                console.log("frame #" + this._count + " - unBindFramebuffer called - internalTexture.uniqueId=", texture.texture?.uniqueId);
+                console.log("frame #" + this._count + " - unBindFramebuffer called - internalTexture.uniqueId=", (_b = texture.texture) === null || _b === void 0 ? void 0 : _b.uniqueId);
             }
         }
         this._mrtAttachments = [];
@@ -2286,7 +2307,8 @@ export class WebGPUEngine extends Engine {
      * @internal
      */
     _setColorFormat(wrapper) {
-        const format = wrapper.colorAttachmentGPUTextures[0]?.format ?? null;
+        var _a, _b;
+        const format = (_b = (_a = wrapper.colorAttachmentGPUTextures[0]) === null || _a === void 0 ? void 0 : _a.format) !== null && _b !== void 0 ? _b : null;
         this._cacheRenderPipeline.setColorFormat(format);
         if (this._colorFormat === format) {
             return;
@@ -2320,12 +2342,13 @@ 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 = this.cullBackFaces ?? cullBackFaces ?? true ? 1 : 2;
+        const cullFace = ((_b = (_a = this.cullBackFaces) !== null && _a !== void 0 ? _a : cullBackFaces) !== null && _b !== void 0 ? _b : true) ? 1 : 2;
         if (this._depthCullingState.cullFace !== cullFace || force) {
             this._depthCullingState.cullFace = cullFace;
         }
@@ -2340,6 +2363,7 @@ export class WebGPUEngine extends Engine {
         this._stencilStateComposer.stencilMaterial = stencil;
     }
     _applyRenderPassChanges(renderPass, bundleList) {
+        var _a;
         const mustUpdateViewport = this._mustUpdateViewport(renderPass);
         const mustUpdateScissor = this._mustUpdateScissor(renderPass);
         const mustUpdateStencilRef = !this._stencilStateComposer.enabled ? false : this._mustUpdateStencilRef(renderPass);
@@ -2352,7 +2376,7 @@ export class WebGPUEngine extends Engine {
                 bundleList.addItem(new WebGPURenderItemScissor(this._scissorCached.x, this._scissorCached.y, this._scissorCached.z, this._scissorCached.w));
             }
             if (mustUpdateStencilRef) {
-                bundleList.addItem(new WebGPURenderItemStencilRef(this._stencilStateComposer.funcRef ?? 0));
+                bundleList.addItem(new WebGPURenderItemStencilRef((_a = this._stencilStateComposer.funcRef) !== null && _a !== void 0 ? _a : 0));
             }
             if (mustUpdateBlendColor) {
                 bundleList.addItem(new WebGPURenderItemBlendColor(this._alphaState._blendConstants.slice()));
@@ -2374,6 +2398,7 @@ export class WebGPUEngine extends Engine {
         }
     }
     _draw(drawType, fillMode, start, count, instancesCount) {
+        var _a;
         const renderPass = this._getCurrentRenderPass();
         const renderPassIndex = this._getCurrentRenderPassIndex();
         const bundleList = renderPassIndex === 0 ? this._bundleList : this._bundleListRenderTarget;
@@ -2413,8 +2438,8 @@ 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 = this._currentMaterialContext.textures[textureName]?.texture;
-                if (texture?.type === 1) {
+                const texture = (_a = this._currentMaterialContext.textures[textureName]) === null || _a === void 0 ? void 0 : _a.texture;
+                if ((texture === null || texture === void 0 ? void 0 : texture.type) === 1) {
                     textureState |= bitVal;
                 }
                 bitVal = bitVal << 1;
@@ -2502,9 +2527,10 @@ export class WebGPUEngine extends Engine {
      * Dispose and release all associated resources
      */
     dispose() {
-        this._mainTexture?.destroy();
-        this._mainTextureLastCopy?.destroy();
-        this._depthTexture?.destroy();
+        var _a, _b, _c;
+        (_a = this._mainTexture) === null || _a === void 0 ? void 0 : _a.destroy();
+        (_b = this._mainTextureLastCopy) === null || _b === void 0 ? void 0 : _b.destroy();
+        (_c = this._depthTexture) === null || _c === void 0 ? void 0 : _c.destroy();
         super.dispose();
     }
     //------------------------------------------------------------------------------