Fix function visualizer

Author: aleksanderkatan

apps/typegpu-docs/src/examples/rendering/function-visualizer/index.ts

@@ -83,7 +83,7 @@ const computePointsFn = (x: number) => {
 
 const createComputePipeline = (exprCode: string) => {
   return root
-    .with(functionExprSlot, tgpu['~unstable'].rawCodeSnippet(exprCode, d.f32, 'runtime'))
+    .with(functionExprSlot, tgpu['~unstable'].rawCodeSnippet(`(${exprCode})`, d.f32, 'runtime'))
     .createGuardedComputePipeline(computePointsFn);
 };
 

apps/typegpu-docs/tests/individual-example-tests/function-visualizer.test.ts

@@ -34,7 +34,7 @@ describe('function visualizer example', () => {
       @group(0) @binding(1) var<uniform> propertiesUniform: Properties;
 
       fn interpolatedFunction(x: f32) -> f32 {
-        return x;
+        return (x);
       }
 
       @group(1) @binding(0) var<storage, read_write> lineVertices: array<vec2f>;
@@ -68,7 +68,7 @@ describe('function visualizer example', () => {
       @group(0) @binding(1) var<uniform> propertiesUniform: Properties;
 
       fn interpolatedFunction(x: f32) -> f32 {
-        return cos(x*5)/3-x;
+        return (cos(x*5)/3-x);
       }
 
       @group(1) @binding(0) var<storage, read_write> lineVertices: array<vec2f>;
@@ -102,7 +102,7 @@ describe('function visualizer example', () => {
       @group(0) @binding(1) var<uniform> propertiesUniform: Properties;
 
       fn interpolatedFunction(x: f32) -> f32 {
-        return x*sin(log(abs(x)));
+        return (x*sin(log(abs(x))));
       }
 
       @group(1) @binding(0) var<storage, read_write> lineVertices: array<vec2f>;