chore(🧹): Update deprecated TypeGPU APIs

Author: iwoplaza

apps/phoure-www/src/lib-filter/bicubicFilter.ts

@@ -197,7 +197,7 @@ export const BicubicFilter = ({
 
   return {
     perform() {
-      const externalBindGroup = layout.populate({
+      const externalBindGroup = root.createBindGroup(layout, {
         wrappingSampler,
         clampingSampler,
         texture: sourceTexture(),

apps/phoure-www/src/lib-phoure/menderStep.ts

@@ -301,7 +301,7 @@ export const MenderStep = ({ root, gBuffer, targetTexture }: Options) => {
     .withFragment(combinationEntryFn, { format: 'rgba8unorm' })
     .createPipeline();
 
-  const combinationBindGroup = combinationLayout.populate({
+  const combinationBindGroup = root.createBindGroup(combinationLayout, {
     blurredTexture: gBuffer.upscaledView,
     mendedBuffer: mendedResultBuffer,
   });

apps/phoure-www/src/lib/GameEngine/gBufferDebugger.ts

@@ -135,7 +135,7 @@ export function makeGBufferDebugger(
     .$name('GBuffer Debugger - pipeline')
     .with(
       layout,
-      layout.populate({
+      root.createBindGroup(layout, {
         blurredTex: gBuffer.upscaledView,
         auxTex: gBuffer.auxView,
       }),

apps/phoure-www/src/lib/GameEngine/postProcessingStep.ts

@@ -61,7 +61,7 @@ export const PostProcessingStep = ({
       const textureView = context.getCurrentTexture().createView();
       passColorAttachment.view = textureView;
 
-      const externalBindGroup = layout.populate({
+      const externalBindGroup = root.createBindGroup(layout, {
         sourceTexture: gBuffer.outRawRenderView,
       });
 

apps/phoure-www/src/lib/GameEngine/sdfRenderer/sdfRenderer.ts

@@ -319,7 +319,7 @@ export function createSDFRenderer(options: SDFRendererOptions) {
 
   // ---
 
-  const auxBindGroup = auxLayout.populate({
+  const auxBindGroup = root.createBindGroup(auxLayout, {
     auxOutput: gBuffer.auxView,
   });
 
@@ -355,7 +355,7 @@ export function createSDFRenderer(options: SDFRendererOptions) {
       layersBuffer.write(store.get(accumulatedLayersAtom));
       camera.update();
 
-      const mainBindGroup = mainLayout.populate({
+      const mainBindGroup = root.createBindGroup(mainLayout, {
         previousRender: quarterResolution
           ? gBuffer.inQuarterView
           : gBuffer.inRawRenderView,