[RFC] Pipeline .pipe, or a way to defer providing slot bindings to libraries

[iwoplaza]

interface WithBinding {
  // ...
  use(plugin: (bindable: WithBinding) => WithBinding): WithBinding;
  // or...
  pipe(transform: (bindable: WithBinding) => WithBinding): WithBinding;
}

Example with Perlin noise dynamic cache

const perlinCacheConfig = perlin3d.dynamicCacheConfig();

/** Contains all resources that the perlin cache needs access to */
const dynamicLayout = tgpu.bindGroupLayout({ ...perlinCacheConfig.layout });

// Before
const pipeline = root
  .with(perlin3d.getJunctionGradientSlot, perlinCacheConfig.getJunctionGradient)
  .with(perlinCacheConfig.valuesSlot, dynamicLayout.value)
  .createPipeline();
// After
const pipeline = root
  .pipe(perlinCacheConfig.inject(dynamicLayout.value))
  .createPipeline();

Example with conditional binding

declare const getColor: TgpuFn<(pos: Vec3f) => Vec3f> | undefined;
declare const getSize: TgpuFn<(pos: Vec3f) => F32> | undefined;

// Before
const pipeline = (() => {
    let r = root;
    if (getColor) {
      r = r.with(getColorSlot, getColor);
    }
    if (getSize) {
      r = r.with(getSizeSlot, getSize);
    }
    return r;
  })()
  // ...
  .createPipeline();

// After
const pipeline = root
  .pipe((r) => getColor ? r.with(getColorSlot, getColor) : r)
  .pipe((r) => getSize ? r.with(getSizeSlot, getSize) : r)
  // ...
  .createPipeline();

[mhawryluk]

cool! seems useful

[iwoplaza]

Implemented in #1414