@fjandin/react-shader 0.0.18 → 0.0.20

package/dist/index.js

@@ -220,30 +220,15 @@ function isVec3(value) {
 function isVec4(value) {
   return Array.isArray(value) && value.length === 4 && typeof value[0] === "number";
 }
-function isVec4Array(value) {
-  return Array.isArray(value) && value.length > 0 && Array.isArray(value[0]) && value[0].length === 4;
-}
 function inferWgslType(value) {
-  if (typeof value === "number") {
-    return { wgslType: "f32", baseType: "f32", isArray: false, arrayLength: 0 };
-  }
-  if (isVec4Array(value)) {
-    return {
-      wgslType: `array<vec4f, 100>`,
-      baseType: "vec4f",
-      isArray: true,
-      arrayLength: 100
-    };
-  }
-  if (isVec4(value)) {
-    return { wgslType: "vec4f", baseType: "vec4f", isArray: false, arrayLength: 0 };
-  }
-  if (isVec3(value)) {
-    return { wgslType: "vec3f", baseType: "vec3f", isArray: false, arrayLength: 0 };
-  }
-  if (isVec2(value)) {
-    return { wgslType: "vec2f", baseType: "vec2f", isArray: false, arrayLength: 0 };
-  }
+  if (typeof value === "number")
+    return "f32";
+  if (isVec4(value))
+    return "vec4f";
+  if (isVec3(value))
+    return "vec3f";
+  if (isVec2(value))
+    return "vec2f";
   throw new Error(`Unsupported uniform value type: ${typeof value}`);
 }
 function getTypeAlignment(type) {
@@ -269,7 +254,6 @@ function getTypeSize(type) {
       return 16;
   }
 }
-var UNIFORM_ARRAY_STRIDE = 16;
 var DEFAULT_UNIFORMS = [
   { name: "iTime", baseType: "f32" },
   { name: "iMouseLeftDown", baseType: "f32" },
@@ -284,49 +268,20 @@ function calculateUniformLayout(customUniforms) {
     const alignment = getTypeAlignment(baseType);
     const size = getTypeSize(baseType);
     offset = Math.ceil(offset / alignment) * alignment;
-    fields.push({ name, type: baseType, offset, size, isArray: false });
+    fields.push({ name, type: baseType, offset, size });
     offset += size;
   };
-  const addArrayField = (name, baseType, arrayLength) => {
-    offset = Math.ceil(offset / 16) * 16;
-    const totalSize = arrayLength * UNIFORM_ARRAY_STRIDE;
-    fields.push({
-      name,
-      type: `array<${baseType}, ${arrayLength}>`,
-      offset,
-      size: totalSize,
-      isArray: true,
-      arrayLength,
-      elementStride: UNIFORM_ARRAY_STRIDE
-    });
-    offset += totalSize;
-  };
   for (const u of DEFAULT_UNIFORMS) {
     addField(u.name, u.baseType);
   }
   if (customUniforms) {
-    const scalarEntries = [];
-    const arrayEntries = [];
-    for (const [name, value] of Object.entries(customUniforms)) {
-      const inferred = inferWgslType(value);
-      if (inferred.isArray) {
-        arrayEntries.push({ name, inferred });
-      } else {
-        scalarEntries.push({ name, inferred });
-      }
-    }
-    for (const { name } of arrayEntries) {
-      scalarEntries.push({
-        name: `${name}_count`,
-        inferred: { wgslType: "f32", baseType: "f32", isArray: false, arrayLength: 0 }
-      });
-    }
-    scalarEntries.sort((a, b) => getTypeAlignment(b.inferred.baseType) - getTypeAlignment(a.inferred.baseType));
-    for (const { name, inferred } of scalarEntries) {
-      addField(name, inferred.baseType);
-    }
-    for (const { name, inferred } of arrayEntries) {
-      addArrayField(name, inferred.baseType, inferred.arrayLength);
+    const entries = Object.entries(customUniforms).map(([name, value]) => ({
+      name,
+      baseType: inferWgslType(value)
+    }));
+    entries.sort((a, b) => getTypeAlignment(b.baseType) - getTypeAlignment(a.baseType));
+    for (const { name, baseType } of entries) {
+      addField(name, baseType);
     }
   }
   const bufferSize = Math.ceil(offset / 16) * 16;
@@ -341,21 +296,9 @@ ${members}
 }
 function packUniformValue(field, value, floatData) {
   const floatOffset = field.offset / 4;
-  if (field.isArray && field.elementStride && field.arrayLength) {
-    const stride = field.elementStride / 4;
-    const maxLen = field.arrayLength;
-    if (isVec4Array(value)) {
-      for (let i = 0;i < value.length && i < maxLen; i++) {
-        const elemOffset = floatOffset + i * stride;
-        floatData[elemOffset] = value[i][0];
-        floatData[elemOffset + 1] = value[i][1];
-        floatData[elemOffset + 2] = value[i][2];
-        floatData[elemOffset + 3] = value[i][3];
-      }
-    }
-  } else if (typeof value === "number") {
+  if (typeof value === "number") {
     floatData[floatOffset] = value;
-  } else if (Array.isArray(value) && typeof value[0] === "number") {
+  } else if (Array.isArray(value)) {
     for (let i = 0;i < value.length; i++) {
       floatData[floatOffset + i] = value[i];
     }
@@ -383,11 +326,60 @@ fn main(@builtin(vertex_index) vertexIndex: u32) -> VertexOutput {
   return output;
 }
 `;
-function createFragmentShader(userCode, layout) {
+function getStorageBufferNames(defs) {
+  if (!defs)
+    return [];
+  return Object.keys(defs).sort();
+}
+function createStorageBuffer(device, name, binding, data) {
+  const length = Math.max(data.length, 1);
+  const byteSize = length * 16;
+  const buffer = device.createBuffer({
+    label: `storage: ${name}`,
+    size: byteSize,
+    usage: GPUBufferUsage.STORAGE | GPUBufferUsage.COPY_DST
+  });
+  const packingArray = new Float32Array(length * 4);
+  for (let i = 0;i < data.length; i++) {
+    const off = i * 4;
+    packingArray[off] = data[i][0];
+    packingArray[off + 1] = data[i][1];
+    packingArray[off + 2] = data[i][2];
+    packingArray[off + 3] = data[i][3];
+  }
+  device.queue.writeBuffer(buffer, 0, packingArray);
+  return { name, binding, buffer, currentLength: length, dataLength: data.length, packingArray };
+}
+function packAndUploadStorageBuffer(device, entry, data) {
+  const arr = entry.packingArray;
+  for (let i = 0;i < data.length; i++) {
+    const off = i * 4;
+    arr[off] = data[i][0];
+    arr[off + 1] = data[i][1];
+    arr[off + 2] = data[i][2];
+    arr[off + 3] = data[i][3];
+  }
+  const uploadLength = Math.max(entry.dataLength, 1);
+  device.queue.writeBuffer(entry.buffer, 0, arr, 0, uploadLength * 4);
+}
+function rebuildBindGroup(state) {
+  const entries = [{ binding: 0, resource: { buffer: state.uniformBuffer } }];
+  for (const sb of state.storageBuffers) {
+    entries.push({ binding: sb.binding, resource: { buffer: sb.buffer } });
+  }
+  return state.device.createBindGroup({
+    layout: state.bindGroupLayout,
+    entries
+  });
+}
+function createFragmentShader(userCode, layout, storageBufferNames) {
+  const storageDeclarations = storageBufferNames.map((name, i) => `@group(0) @binding(${i + 1}) var<storage, read> ${name}: array<vec4f>;`).join(`
+`);
   return `
 ${generateUniformStruct(layout)}
 
 @group(0) @binding(0) var<uniform> uniforms: Uniforms;
+${storageDeclarations}
 
 ${userCode}
 
@@ -400,7 +392,7 @@ fn main(@location(0) uv: vec2f) -> @location(0) vec4f {
 }
 `;
 }
-async function initializeWebGPU(canvas, fragmentSource, customUniforms) {
+async function initializeWebGPU(canvas, fragmentSource, customUniforms, storageBufferDefs) {
   if (!navigator.gpu) {
     throw new Error("WebGPU not supported in this browser");
   }
@@ -409,6 +401,9 @@ async function initializeWebGPU(canvas, fragmentSource, customUniforms) {
     throw new Error("Failed to get WebGPU adapter");
   }
   const device = await adapter.requestDevice();
+  device.lost.then((info) => {
+    console.error(`WebGPU device lost: ${info.message}`);
+  });
   const context = canvas.getContext("webgpu");
   if (!context) {
     throw new Error("Failed to get WebGPU context");
@@ -420,36 +415,43 @@ async function initializeWebGPU(canvas, fragmentSource, customUniforms) {
     alphaMode: "premultiplied"
   });
   const uniformLayout = calculateUniformLayout(customUniforms);
+  const storageBufferNames = getStorageBufferNames(storageBufferDefs);
   const vertexModule = device.createShaderModule({
     label: "vertex shader",
     code: VERTEX_SHADER
   });
   const fragmentModule = device.createShaderModule({
     label: "fragment shader",
-    code: createFragmentShader(fragmentSource, uniformLayout)
+    code: createFragmentShader(fragmentSource, uniformLayout, storageBufferNames)
   });
   const uniformBuffer = device.createBuffer({
     label: "uniforms",
     size: uniformLayout.bufferSize,
     usage: GPUBufferUsage.UNIFORM | GPUBufferUsage.COPY_DST
   });
-  const bindGroupLayout = device.createBindGroupLayout({
-    entries: [
-      {
-        binding: 0,
-        visibility: GPUShaderStage.FRAGMENT,
-        buffer: { type: "uniform" }
-      }
-    ]
-  });
+  const storageBuffers = storageBufferNames.map((name, i) => createStorageBuffer(device, name, i + 1, storageBufferDefs?.[name] ?? []));
+  const layoutEntries = [
+    {
+      binding: 0,
+      visibility: GPUShaderStage.FRAGMENT,
+      buffer: { type: "uniform" }
+    }
+  ];
+  for (const sb of storageBuffers) {
+    layoutEntries.push({
+      binding: sb.binding,
+      visibility: GPUShaderStage.FRAGMENT,
+      buffer: { type: "read-only-storage" }
+    });
+  }
+  const bindGroupLayout = device.createBindGroupLayout({ entries: layoutEntries });
+  const bindGroupEntries = [{ binding: 0, resource: { buffer: uniformBuffer } }];
+  for (const sb of storageBuffers) {
+    bindGroupEntries.push({ binding: sb.binding, resource: { buffer: sb.buffer } });
+  }
   const uniformBindGroup = device.createBindGroup({
     layout: bindGroupLayout,
-    entries: [
-      {
-        binding: 0,
-        resource: { buffer: uniformBuffer }
-      }
-    ]
+    entries: bindGroupEntries
   });
   const pipelineLayout = device.createPipelineLayout({
     bindGroupLayouts: [bindGroupLayout]
@@ -473,10 +475,26 @@ async function initializeWebGPU(canvas, fragmentSource, customUniforms) {
     pipeline,
     uniformBuffer,
     uniformBindGroup,
-    uniformLayout
+    uniformLayout,
+    bindGroupLayout,
+    storageBuffers,
+    renderPassDescriptor: {
+      colorAttachments: [
+        {
+          view: undefined,
+          clearValue: { r: 0, g: 0, b: 0, a: 1 },
+          loadOp: "clear",
+          storeOp: "store"
+        }
+      ]
+    },
+    submitArray: [null]
   };
 }
 function cleanupWebGPU(state) {
+  for (const sb of state.storageBuffers) {
+    sb.buffer.destroy();
+  }
   state.uniformBuffer.destroy();
   state.device.destroy();
 }
@@ -488,6 +506,7 @@ function useWebGPU(options) {
   const lastFrameTimeRef = useRef2(0);
   const mouseRef = useRef2([0, 0]);
   const mouseNormalizedRef = useRef2([0, 0]);
+  const resolutionRef = useRef2([0, 0]);
   const mouseLeftDownRef = useRef2(false);
   const canvasRectRef = useRef2(null);
   const onErrorRef = useRef2(options.onError);
@@ -500,7 +519,18 @@ function useWebGPU(options) {
   const timeScaleRef = useRef2(options.timeScale ?? 1);
   const fragmentRef = useRef2(options.fragment);
   const uniformsRef = useRef2(options.uniforms);
+  const storageBuffersRef = useRef2(options.storageBuffers);
   const dprRef = useRef2(window.devicePixelRatio || 1);
+  const uniformDataRef = useRef2(null);
+  const allValuesRef = useRef2({});
+  const frameInfoRef = useRef2({
+    deltaTime: 0,
+    time: 0,
+    resolution: [0, 0],
+    mouse: [0, 0],
+    mouseNormalized: [0, 0],
+    mouseLeftDown: false
+  });
   onErrorRef.current = options.onError;
   onFrameRef.current = options.onFrame;
   onClickRef.current = options.onClick;
@@ -511,17 +541,7 @@ function useWebGPU(options) {
   timeScaleRef.current = options.timeScale ?? 1;
   fragmentRef.current = options.fragment;
   uniformsRef.current = options.uniforms;
-  const buildFrameInfo = useCallback2((deltaTime) => {
-    const canvas = canvasRef.current;
-    return {
-      deltaTime,
-      time: elapsedTimeRef.current,
-      resolution: [canvas?.width ?? 0, canvas?.height ?? 0],
-      mouse: mouseRef.current,
-      mouseNormalized: mouseNormalizedRef.current,
-      mouseLeftDown: mouseLeftDownRef.current
-    };
-  }, []);
+  storageBuffersRef.current = options.storageBuffers;
   const render = useCallback2((time) => {
     const state = stateRef.current;
     const canvas = canvasRef.current;
@@ -531,10 +551,18 @@ function useWebGPU(options) {
     const deltaTime = lastFrameTimeRef.current === 0 ? 0 : (time - lastFrameTimeRef.current) / 1000;
     lastFrameTimeRef.current = time;
     elapsedTimeRef.current += deltaTime * timeScaleRef.current;
+    const info = frameInfoRef.current;
+    info.deltaTime = deltaTime;
+    info.time = elapsedTimeRef.current;
+    info.resolution[0] = canvas.width;
+    info.resolution[1] = canvas.height;
+    info.mouse = mouseRef.current;
+    info.mouseNormalized = mouseNormalizedRef.current;
+    info.mouseLeftDown = mouseLeftDownRef.current;
     if (onFrameRef.current) {
-      onFrameRef.current(buildFrameInfo(deltaTime));
+      onFrameRef.current(frameInfoRef.current);
     }
-    const { device, context, pipeline, uniformBuffer, uniformBindGroup, uniformLayout } = state;
+    const { device, context, pipeline, uniformBuffer, uniformLayout } = state;
     const dpr = dprRef.current;
     const displayWidth = canvas.clientWidth;
     const displayHeight = canvas.clientHeight;
@@ -548,22 +576,21 @@ function useWebGPU(options) {
       canvas.width = bufferWidth;
       canvas.height = bufferHeight;
     }
-    const defaultValues = {
-      iTime: elapsedTimeRef.current,
-      iMouseLeftDown: mouseLeftDownRef.current ? 1 : 0,
-      iResolution: [canvas.width, canvas.height],
-      iMouse: mouseRef.current,
-      iMouseNormalized: mouseNormalizedRef.current
-    };
-    const allValues = { ...defaultValues, ...uniformsRef.current };
-    if (uniformsRef.current) {
-      for (const [name, value] of Object.entries(uniformsRef.current)) {
-        if (isVec4Array(value)) {
-          allValues[`${name}_count`] = value.length;
-        }
+    const allValues = allValuesRef.current;
+    allValues.iTime = elapsedTimeRef.current;
+    allValues.iMouseLeftDown = mouseLeftDownRef.current ? 1 : 0;
+    resolutionRef.current[0] = canvas.width;
+    resolutionRef.current[1] = canvas.height;
+    allValues.iResolution = resolutionRef.current;
+    allValues.iMouse = mouseRef.current;
+    allValues.iMouseNormalized = mouseNormalizedRef.current;
+    const customs = uniformsRef.current;
+    if (customs) {
+      for (const name in customs) {
+        allValues[name] = customs[name];
       }
     }
-    const uniformData = new Float32Array(uniformLayout.bufferSize / 4);
+    const uniformData = uniformDataRef.current;
     for (const field of uniformLayout.fields) {
       const value = allValues[field.name];
       if (value === undefined) {
@@ -572,25 +599,43 @@ function useWebGPU(options) {
       packUniformValue(field, value, uniformData);
     }
     device.queue.writeBuffer(uniformBuffer, 0, uniformData);
+    let needsBindGroupRebuild = false;
+    for (const entry of state.storageBuffers) {
+      const data = storageBuffersRef.current?.[entry.name];
+      if (!data)
+        continue;
+      const requiredLength = Math.max(data.length, 1);
+      if (requiredLength > entry.currentLength || requiredLength < entry.currentLength / 2) {
+        const allocLength = Math.max(Math.ceil(requiredLength * 1.5), 1);
+        entry.buffer.destroy();
+        const byteSize = allocLength * 16;
+        entry.buffer = device.createBuffer({
+          label: `storage: ${entry.name}`,
+          size: byteSize,
+          usage: GPUBufferUsage.STORAGE | GPUBufferUsage.COPY_DST
+        });
+        entry.packingArray = new Float32Array(allocLength * 4);
+        entry.currentLength = allocLength;
+        needsBindGroupRebuild = true;
+      }
+      entry.dataLength = data.length;
+      packAndUploadStorageBuffer(device, entry, data);
+    }
+    if (needsBindGroupRebuild) {
+      state.uniformBindGroup = rebuildBindGroup(state);
+    }
     const commandEncoder = device.createCommandEncoder();
     const textureView = context.getCurrentTexture().createView();
-    const renderPass = commandEncoder.beginRenderPass({
-      colorAttachments: [
-        {
-          view: textureView,
-          clearValue: { r: 0, g: 0, b: 0, a: 1 },
-          loadOp: "clear",
-          storeOp: "store"
-        }
-      ]
-    });
+    state.renderPassDescriptor.colorAttachments[0].view = textureView;
+    const renderPass = commandEncoder.beginRenderPass(state.renderPassDescriptor);
     renderPass.setPipeline(pipeline);
-    renderPass.setBindGroup(0, uniformBindGroup);
+    renderPass.setBindGroup(0, state.uniformBindGroup);
     renderPass.draw(3);
     renderPass.end();
-    device.queue.submit([commandEncoder.finish()]);
+    state.submitArray[0] = commandEncoder.finish();
+    device.queue.submit(state.submitArray);
     animationFrameRef.current = requestAnimationFrame(render);
-  }, [buildFrameInfo]);
+  }, []);
   useEffect(() => {
     const canvas = canvasRef.current;
     if (!canvas)
@@ -598,12 +643,13 @@ function useWebGPU(options) {
     let mounted = true;
     const initialize = async () => {
       try {
-        const state = await initializeWebGPU(canvas, fragmentRef.current, uniformsRef.current);
+        const state = await initializeWebGPU(canvas, fragmentRef.current, uniformsRef.current, storageBuffersRef.current);
         if (!mounted) {
           cleanupWebGPU(state);
           return;
         }
         stateRef.current = state;
+        uniformDataRef.current = new Float32Array(state.uniformLayout.bufferSize / 4);
         elapsedTimeRef.current = 0;
         lastFrameTimeRef.current = 0;
         animationFrameRef.current = requestAnimationFrame(render);
@@ -658,25 +704,25 @@ function useWebGPU(options) {
         (mouseRef.current[0] - canvas.width / 2) / minDimension,
         (mouseRef.current[1] - canvas.height / 2) / minDimension
       ];
-      onMouseMoveRef.current?.(buildFrameInfo(0));
+      onMouseMoveRef.current?.(frameInfoRef.current);
     };
     const handleMouseDown = (event) => {
       if (event.button === 0) {
         mouseLeftDownRef.current = true;
       }
-      onMouseDownRef.current?.(buildFrameInfo(0));
+      onMouseDownRef.current?.(frameInfoRef.current);
     };
     const handleMouseUp = (event) => {
       if (event.button === 0) {
         mouseLeftDownRef.current = false;
       }
-      onMouseUpRef.current?.(buildFrameInfo(0));
+      onMouseUpRef.current?.(frameInfoRef.current);
     };
     const handleClick = () => {
-      onClickRef.current?.(buildFrameInfo(0));
+      onClickRef.current?.(frameInfoRef.current);
     };
     const handleMouseWheel = (event) => {
-      onMouseWheelRef.current?.(buildFrameInfo(0), event.deltaY);
+      onMouseWheelRef.current?.(frameInfoRef.current, event.deltaY);
     };
     window.addEventListener("mousemove", handleMouseMove);
     window.addEventListener("mousedown", handleMouseDown);
@@ -692,7 +738,7 @@ function useWebGPU(options) {
       canvas.removeEventListener("click", handleClick);
       window.removeEventListener("wheel", handleMouseWheel);
     };
-  }, [buildFrameInfo]);
+  }, []);
   return { canvasRef, mouseRef };
 }
 
@@ -720,6 +766,7 @@ function ReactGpuShader({
   className,
   fragment,
   uniforms,
+  storageBuffers,
   fullscreen = false,
   timeScale,
   onFrame,
@@ -740,6 +787,7 @@ function ReactGpuShader({
   const { canvasRef } = useWebGPU({
     fragment,
     uniforms,
+    storageBuffers,
     onError: handleError,
     timeScale,
     onFrame,
@@ -991,11 +1039,11 @@ function isVec2Array(value) {
 function isVec3Array(value) {
   return Array.isArray(value) && value.length > 0 && Array.isArray(value[0]) && value[0].length === 3;
 }
-function isVec4Array2(value) {
+function isVec4Array(value) {
   return Array.isArray(value) && value.length > 0 && Array.isArray(value[0]) && value[0].length === 4;
 }
 function isArrayUniform(value) {
-  return isFloatArray(value) || isVec2Array(value) || isVec3Array(value) || isVec4Array2(value);
+  return isFloatArray(value) || isVec2Array(value) || isVec3Array(value) || isVec4Array(value);
 }
 function setUniform(gl, location, value) {
   if (location === null) {
@@ -1003,7 +1051,7 @@ function setUniform(gl, location, value) {
   }
   if (typeof value === "number") {
     gl.uniform1f(location, value);
-  } else if (isVec4Array2(value)) {
+  } else if (isVec4Array(value)) {
     gl.uniform4fv(location, value.flat());
   } else if (isVec3Array(value)) {
     gl.uniform3fv(location, value.flat());
@@ -1059,7 +1107,7 @@ function getUniformType(value) {
   if (typeof value === "number") {
     return "float";
   }
-  if (isVec4Array2(value)) {
+  if (isVec4Array(value)) {
     return `vec4[${MAX_ARRAY_LENGTH}]`;
   }
   if (isVec3Array(value)) {

package/dist/types.d.ts

@@ -5,6 +5,8 @@ export type FloatArray = number[];
 export type Vec2Array = Vec2[];
 export type Vec3Array = Vec3[];
 export type Vec4Array = Vec4[];
+export type GpuUniformValue = number | Vec2 | Vec3 | Vec4;
+export type GpuStorageBuffers = Record<string, Vec4Array>;
 export type TextureSource = HTMLImageElement | HTMLCanvasElement | HTMLVideoElement | ImageBitmap | ImageData | OffscreenCanvas;
 export type TextureWrap = "repeat" | "clamp" | "mirror";
 export type TextureMinFilter = "nearest" | "linear" | "mipmap";

package/dist/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fjandin/react-shader",
-  "version": "0.0.18",
+  "version": "0.0.20",
   "description": "React component for rendering WebGL shaders",
   "type": "module",
   "main": "./dist/index.cjs",