feat(@typegpu/react): Implement useUniformValue hook

[piaccho]

Changes

• Added an implementation of the useUniformValue hook
• Updated the triangle example

---

Closes #1689

[github-actions]

pkg.pr.new

packages
Ready to be installed by your favorite package manager ⬇️

https://pkg.pr.new/software-mansion/TypeGPU/typegpu@b8069548cdb78735790e6ea64950cf13265cb89a

https://pkg.pr.new/software-mansion/TypeGPU/@typegpu/noise@b8069548cdb78735790e6ea64950cf13265cb89a

https://pkg.pr.new/software-mansion/TypeGPU/unplugin-typegpu@b8069548cdb78735790e6ea64950cf13265cb89a

benchmark
view benchmark

commit
view commit

[iwoplaza]

Schemas should generally be callable, in which case they return an initial value that matches that schema.

Suggested change

	let currentValue = initialValue;
	let currentValue = initialValue ?? schema();

[piaccho]

Thanks for pointing that out! However, with current implementation:

export function useUniformValue<
  TSchema extends d.AnyWgslData,
  TValue extends d.Infer<TSchema>,
>(
  schema: ValidateUniformSchema<TSchema>,
  initialValue?: TValue | undefined,
): UniformValue<TSchema, TValue> {

schema is not callable:

This expression is not callable.
  Not all constituents of type 'AnyWgslData | `(Error) ${string}`' are callable.
    Type 'U16' has no call signatures.ts(2349)

I'm wondering how can I alter this to simplify the logic.

[iwoplaza]

Because of the previous comment, we don't have to worry about undefined.

Suggested change

	get value() {
	return currentValue;
	},
	set value(newValue: TValue | undefined) {
	currentValue = newValue;
	if (newValue !== undefined) {
	uniformBuffer.write(newValue);
	}
	},
	get value() {
	return currentValue;
	},
	set value(newValue: TValue) {
	currentValue = newValue;
	uniformBuffer.write(newValue);
	},

[iwoplaza]

Thanks a lot for this 🙏
As for the comments, I'll sort it out in the original branch