[RFC] Configurable tgpu.resolve and tgpu.resolveWithContext

[iwoplaza]

Let's look at an example of using a non-trivial TypeGPU library in a vanilla WebGPU project 🧐

import tgpu from 'typegpu';
import { perlin3d } from '@typegpu/noise';

const root = tgpu.initFromDevice({ device });
const cache = perlin3d.staticCache({ root, size: d.vec3u(10, 10, 1) });

const { code, usedBindGroupLayouts, catchall } = tgpu.resolveWithContext({
  template: `
    fn main() {
      let value = perlin3d.sample(vec3f(0.5, 0., 0.));
      let wrappedValue = perlin3d.sample(vec3f(10.5, 0., 0.)); // the same as 'value'!
      // ...
    }

    // ...
  `,
  externals: { perlin3d },
});

In order to use the cache, we need to tell the shader to bind cache.getJunctionGradient to getJunctionGradientSlot. Currently, we need to do it for every external that could use getJunctionGradientSlot:

const { code, usedBindGroupLayouts, catchall } = tgpu.resolveWithContext({
  template: `
    fn main() {
      let value = sample(vec3f(0.5, 0., 0.));
      let wrappedValue = sample(vec3f(10.5, 0., 0.)); // the same as 'value'!
      // ...
    }

    // ...
  `,
  externals: {
    sample: perlin3d.sample.with(getJunctionGradientSlot, cache.getJunctionGradient),
  },
});

it would be nice to have a way to configure slots top-level:

const { code, usedBindGroupLayouts, catchall } = tgpu.resolveWithContext({
  template: `
    fn main() {
      let value = perlin3d.sample(vec3f(0.5, 0., 0.));
      let wrappedValue = perlin3d.sample(vec3f(10.5, 0., 0.)); // the same as 'value'!
      // ...
    }

    // ...
  `,
  externals: { perlin3d },
  config: (cfg) => cfg
    .pipe(cache.inject())
  // or just \/ for simple use-cases
  config: cache.inject(),
});

[iwoplaza]

@reczkok @aleksanderkatan Thoughts? 💭