@luma.gl/shadertools 9.1.0-alpha.14 → 9.1.0-alpha.16

package/dist/dist.dev.js

@@ -203,20 +203,20 @@ var __exports__ = (() => {
   var MODULE_INJECTORS_FS = (
     /* glsl */
     `#ifdef MODULE_MATERIAL
-  gl_FragColor = material_filterColor(gl_FragColor);
+  fragColor = material_filterColor(fragColor);
 #endif
 
 #ifdef MODULE_LIGHTING
-  gl_FragColor = lighting_filterColor(gl_FragColor);
+  fragColor = lighting_filterColor(fragColor);
 #endif
 
 #ifdef MODULE_FOG
-  gl_FragColor = fog_filterColor(gl_FragColor);
+  fragColor = fog_filterColor(fragColor);
 #endif
 
 #ifdef MODULE_PICKING
-  gl_FragColor = picking_filterHighlightColor(gl_FragColor);
-  gl_FragColor = picking_filterPickingColor(gl_FragColor);
+  fragColor = picking_filterHighlightColor(fragColor);
+  fragColor = picking_filterPickingColor(fragColor);
 #endif
 
 #ifdef MODULE_LOGDEPTH
@@ -260,7 +260,7 @@ var __exports__ = (() => {
         throw new Error(type);
     }
   }
-  function injectShader(source, stage, inject, injectStandardStubs = false) {
+  function injectShader(source2, stage, inject, injectStandardStubs = false) {
     const isVertex = stage === "vertex";
     for (const key in inject) {
       const fragmentData = inject[key];
@@ -274,43 +274,43 @@ var __exports__ = (() => {
       switch (key) {
         case "vs:#decl":
           if (isVertex) {
-            source = source.replace(DECLARATION_INJECT_MARKER, fragmentString);
+            source2 = source2.replace(DECLARATION_INJECT_MARKER, fragmentString);
           }
           break;
         case "vs:#main-start":
           if (isVertex) {
-            source = source.replace(REGEX_START_OF_MAIN, (match) => match + fragmentString);
+            source2 = source2.replace(REGEX_START_OF_MAIN, (match) => match + fragmentString);
           }
           break;
         case "vs:#main-end":
           if (isVertex) {
-            source = source.replace(REGEX_END_OF_MAIN, (match) => fragmentString + match);
+            source2 = source2.replace(REGEX_END_OF_MAIN, (match) => fragmentString + match);
           }
           break;
         case "fs:#decl":
           if (!isVertex) {
-            source = source.replace(DECLARATION_INJECT_MARKER, fragmentString);
+            source2 = source2.replace(DECLARATION_INJECT_MARKER, fragmentString);
           }
           break;
         case "fs:#main-start":
           if (!isVertex) {
-            source = source.replace(REGEX_START_OF_MAIN, (match) => match + fragmentString);
+            source2 = source2.replace(REGEX_START_OF_MAIN, (match) => match + fragmentString);
           }
           break;
         case "fs:#main-end":
           if (!isVertex) {
-            source = source.replace(REGEX_END_OF_MAIN, (match) => fragmentString + match);
+            source2 = source2.replace(REGEX_END_OF_MAIN, (match) => fragmentString + match);
           }
           break;
         default:
-          source = source.replace(key, (match) => match + fragmentString);
+          source2 = source2.replace(key, (match) => match + fragmentString);
       }
     }
-    source = source.replace(DECLARATION_INJECT_MARKER, "");
+    source2 = source2.replace(DECLARATION_INJECT_MARKER, "");
     if (injectStandardStubs) {
-      source = source.replace(/\}\s*$/, (match) => match + MODULE_INJECTORS[stage]);
+      source2 = source2.replace(/\}\s*$/, (match) => match + MODULE_INJECTORS[stage]);
     }
-    return source;
+    return source2;
   }
   function combineInjects(injects) {
     const result = {};
@@ -334,7 +334,7 @@ ${inject[key]}` : inject[key];
     }
     initializeShaderModules(module.dependencies || []);
     const {
-      uniformPropTypes = {},
+      propTypes = {},
       deprecations = [],
       // defines = {},
       inject = {}
@@ -343,15 +343,15 @@ ${inject[key]}` : inject[key];
       normalizedInjections: normalizeInjections(inject),
       parsedDeprecations: parseDeprecationDefinitions(deprecations)
     };
-    if (uniformPropTypes) {
-      instance.propValidators = makePropValidators(uniformPropTypes);
+    if (propTypes) {
+      instance.propValidators = makePropValidators(propTypes);
     }
     module.instance = instance;
   }
   function getShaderModuleUniforms(module, props, oldUniforms) {
     initializeShaderModule(module);
     const uniforms = oldUniforms || { ...module.defaultUniforms };
-    if (module.getUniforms) {
+    if (props && module.getUniforms) {
       return module.getUniforms(props, uniforms);
     }
     return getValidatedProperties(props, module.instance?.propValidators, module.name);
@@ -476,18 +476,18 @@ ${inject[key]}` : inject[key];
   }
 
   // src/lib/shader-transpiler/transpile-glsl-shader.ts
-  function transpileGLSLShader(source, stage) {
-    const sourceGLSLVersion = Number(source.match(/^#version[ \t]+(\d+)/m)?.[1] || 100);
+  function transpileGLSLShader(source2, stage) {
+    const sourceGLSLVersion = Number(source2.match(/^#version[ \t]+(\d+)/m)?.[1] || 100);
     if (sourceGLSLVersion !== 300) {
       throw new Error("luma.gl v9 only supports GLSL 3.00 shader sources");
     }
     switch (stage) {
       case "vertex":
-        source = convertShader(source, ES300_VERTEX_REPLACEMENTS);
-        return source;
+        source2 = convertShader(source2, ES300_VERTEX_REPLACEMENTS);
+        return source2;
       case "fragment":
-        source = convertShader(source, ES300_FRAGMENT_REPLACEMENTS);
-        return source;
+        source2 = convertShader(source2, ES300_FRAGMENT_REPLACEMENTS);
+        return source2;
       default:
         throw new Error(stage);
     }
@@ -511,11 +511,11 @@ ${inject[key]}` : inject[key];
     // `varying` keyword replaced with `in`
     [makeVariableTextRegExp("varying"), "in $1"]
   ];
-  function convertShader(source, replacements) {
+  function convertShader(source2, replacements) {
     for (const [pattern, replacement] of replacements) {
-      source = source.replace(pattern, replacement);
+      source2 = source2.replace(pattern, replacement);
     }
-    return source;
+    return source2;
   }
   function makeVariableTextRegExp(qualifier) {
     return new RegExp(`\\b${qualifier}[ \\t]+(\\w+[ \\t]+\\w+(\\[\\w+\\])?;)`, "g");
@@ -577,11 +577,11 @@ ${inject[key]}` : inject[key];
   }
 
   // src/lib/glsl-utils/get-shader-info.ts
-  function getShaderInfo(source, defaultName) {
+  function getShaderInfo(source2, defaultName) {
     return {
-      name: getShaderName(source, defaultName),
+      name: getShaderName(source2, defaultName),
       language: "glsl",
-      version: getShaderVersion(source)
+      version: getShaderVersion(source2)
     };
   }
   function getShaderName(shader, defaultName = "unnamed") {
@@ -589,9 +589,9 @@ ${inject[key]}` : inject[key];
     const match = SHADER_NAME_REGEXP.exec(shader);
     return match ? match[1] : defaultName;
   }
-  function getShaderVersion(source) {
+  function getShaderVersion(source2) {
     let version = 100;
-    const words = source.match(/[^\s]+/g);
+    const words = source2.match(/[^\s]+/g);
     if (words && words.length >= 2 && words[0] === "#version") {
       const parsedVersion = parseInt(words[1], 10);
       if (Number.isFinite(parsedVersion)) {
@@ -649,7 +649,7 @@ ${DECLARATION_INJECT_MARKER}
   function assembleShaderWGSL(platformInfo, options) {
     const {
       // id,
-      source,
+      source: source2,
       stage,
       modules,
       // defines = {},
@@ -657,8 +657,8 @@ ${DECLARATION_INJECT_MARKER}
       inject = {},
       log: log2
     } = options;
-    assert(typeof source === "string", "shader source must be a string");
-    const coreSource = source;
+    assert(typeof source2 === "string", "shader source must be a string");
+    const coreSource = source2;
     let assembledSource = "";
     const hookFunctionMap = normalizeShaderHooks(hookFunctions);
     const hookInjections = {};
@@ -714,7 +714,7 @@ ${DECLARATION_INJECT_MARKER}
   function assembleShaderGLSL(platformInfo, options) {
     const {
       id,
-      source,
+      source: source2,
       stage,
       language = "glsl",
       modules,
@@ -724,11 +724,11 @@ ${DECLARATION_INJECT_MARKER}
       prologue = true,
       log: log2
     } = options;
-    assert(typeof source === "string", "shader source must be a string");
-    const sourceVersion = language === "glsl" ? getShaderInfo(source).version : -1;
+    assert(typeof source2 === "string", "shader source must be a string");
+    const sourceVersion = language === "glsl" ? getShaderInfo(source2).version : -1;
     const targetVersion = platformInfo.shaderLanguageVersion;
     const sourceVersionDirective = sourceVersion === 100 ? "#version 100" : "#version 300 es";
-    const sourceLines = source.split("\n");
+    const sourceLines = source2.split("\n");
     const coreSource = sourceLines.slice(1).join("\n");
     const allDefines = {};
     modules.forEach((module) => {
@@ -743,7 +743,7 @@ ${DECLARATION_INJECT_MARKER}
         assembledSource = prologue ? `${sourceVersionDirective}
 
 // ----- PROLOGUE -------------------------
-${getShaderNameDefine({ id, source, stage })}
+${getShaderNameDefine({ id, source: source2, stage })}
 ${`#define SHADER_TYPE_${stage.toUpperCase()}`}
 
 ${getPlatformShaderDefines(platformInfo)}
@@ -822,8 +822,8 @@ ${getApplicationDefines(allDefines)}
     };
   }
   function getShaderNameDefine(options) {
-    const { id, source, stage } = options;
-    const injectShaderName = id && source.indexOf("SHADER_NAME") === -1;
+    const { id, source: source2, stage } = options;
+    const injectShaderName = id && source2.indexOf("SHADER_NAME") === -1;
     return injectShaderName ? `
 #define SHADER_NAME ${id}_${stage}` : "";
   }
@@ -857,23 +857,23 @@ ${getApplicationDefines(allDefines)}
       throw new Error("Shader module must have a name");
     }
     const moduleName = module.name.toUpperCase().replace(/[^0-9a-z]/gi, "_");
-    let source = `// ----- MODULE ${module.name} ---------------
+    let source2 = `// ----- MODULE ${module.name} ---------------
 
 `;
     if (stage !== "wgsl") {
-      source += `#define MODULE_${moduleName}
+      source2 += `#define MODULE_${moduleName}
 `;
     }
-    source += `${moduleSource}
+    source2 += `${moduleSource}
 `;
-    return source;
+    return source2;
   }
 
   // src/lib/preprocessor/preprocessor.ts
   var IFDEF_REGEXP = /^\s*\#\s*ifdef\s*([a-zA-Z_]+)\s*$/;
   var ENDIF_REGEXP = /^\s*\#\s*endif\s*$/;
-  function preprocess(source, options) {
-    const lines = source.split("\n");
+  function preprocess(source2, options) {
+    const lines = source2.split("\n");
     const output = [];
     let conditional = true;
     let currentDefine = null;
@@ -943,14 +943,14 @@ ${getApplicationDefines(allDefines)}
     assembleWGSLShader(props) {
       const modules = this._getModuleList(props.modules);
       const hookFunctions = this._hookFunctions;
-      const { source, getUniforms: getUniforms9 } = assembleWGSLShader({
+      const { source: source2, getUniforms: getUniforms9 } = assembleWGSLShader({
         ...props,
         // @ts-expect-error
         source: props.source,
         modules,
         hookFunctions
       });
-      const preprocessedSource = props.platformInfo.shaderLanguage === "wgsl" ? preprocess(source) : source;
+      const preprocessedSource = props.platformInfo.shaderLanguage === "wgsl" ? preprocess(source2) : source2;
       return { source: preprocessedSource, getUniforms: getUniforms9, modules };
     }
     /**
@@ -2510,12 +2510,12 @@ void main() {
     }
   };
   var WgslScanner = class {
-    constructor(source) {
+    constructor(source2) {
       this._tokens = [];
       this._start = 0;
       this._current = 0;
       this._line = 1;
-      this._source = source !== null && source !== void 0 ? source : "";
+      this._source = source2 !== null && source2 !== void 0 ? source2 : "";
     }
     /// Scan all tokens from the source.
     scanTokens() {
@@ -4626,11 +4626,11 @@ void main() {
   });
 
   // src/lib/wgsl/get-shader-layout-wgsl.ts
-  function getShaderLayoutFromWGSL(source) {
+  function getShaderLayoutFromWGSL(source2) {
     const shaderLayout = { attributes: [], bindings: [] };
     let parsedWGSL;
     try {
-      parsedWGSL = parseWGSL(source);
+      parsedWGSL = parseWGSL(source2);
     } catch (error) {
       import_core.log.error(error.message)();
       return shaderLayout;
@@ -4670,9 +4670,9 @@ void main() {
   function getType(type) {
     return type.format ? `${type.name}<${type.format.name}>` : type.name;
   }
-  function parseWGSL(source) {
+  function parseWGSL(source2) {
     try {
-      return new WgslReflect(source);
+      return new WgslReflect(source2);
     } catch (error) {
       if (error instanceof Error) {
         throw error;
@@ -8041,11 +8041,31 @@ vec4 pbr_filterColor(vec4 colorUnused)
     }
   };
 
-  // src/modules/postprocessing/image-adjust-filters/brightnesscontrast.ts
+  // src/passes/postprocessing/image-adjust-filters/brightnesscontrast.ts
+  var source = (
+    /* wgsl */
+    `struct brightnessContrastUniforms {
+  float brightness;
+  float contrast;
+};
+
+// Binding 0:1 is reserved for shader passes
+@binding(1) @group(0) var<uniform> brightnessContrast : brightnessContrastUniforms;
+
+fn brightnessContrast_filterColor_ext(color: vec4<f32>, texSize: vec2<f32>, texCoords: vec2<f32>) -> vec4<f32> {
+  color.rgb += brightnessContrast.brightness;
+  if (brightnessContrast.contrast > 0.0) {
+    color.rgb = (color.rgb - 0.5) / (1.0 - brightnessContrast.contrast) + 0.5;
+  } else {
+    color.rgb = (color.rgb - 0.5) * (1.0 + brightnessContrast.contrast) + 0.5;
+  }
+  return color;
+}
+`
+  );
   var fs4 = (
     /* glsl */
-    `
-uniform brightnessContrastUniforms {
+    `uniform brightnessContrastUniforms {
   float brightness;
   float contrast;
 } brightnessContrast;
@@ -8060,7 +8080,7 @@ vec4 brightnessContrast_filterColor(vec4 color) {
   return color;
 }
 
-vec4 brightnessContrast_filterColor(vec4 color, vec2 texSize, vec2 texCoords) {
+vec4 brightnessContrast_filterColor_ext(vec4 color, vec2 texSize, vec2 texCoord) {
   return brightnessContrast_filterColor(color);
 }
 `
@@ -8073,15 +8093,20 @@ vec4 brightnessContrast_filterColor(vec4 color, vec2 texSize, vec2 texCoords) {
       brightness: "f32",
       contrast: "f32"
     },
-    uniformPropTypes: {
+    defaultUniforms: {
+      brightness: 0,
+      contrast: 0
+    },
+    propTypes: {
       brightness: { format: "f32", value: 0, min: -1, max: 1 },
       contrast: { format: "f32", value: 0, min: -1, max: 1 }
     },
-    fs: fs4,
-    passes: [{ filter: true }]
+    passes: [{ filter: true }],
+    source,
+    fs: fs4
   };
 
-  // src/modules/postprocessing/image-adjust-filters/denoise.ts
+  // src/passes/postprocessing/image-adjust-filters/denoise.ts
   var fs5 = (
     /* glsl */
     `uniform denoiseUniforms {
@@ -8115,7 +8140,7 @@ vec4 denoise_sampleColor(sampler2D source, vec2 texSize, vec2 texCoord) {
     uniformTypes: {
       strength: "f32"
     },
-    uniformPropTypes: {
+    propTypes: {
       strength: { format: "f32", value: 0.5, min: 0, max: 1 }
       // strength: {..., adjust: (strength: number): number => 0.53 + 200 * Math.pow(1 - strength, 4) // TODO - JS preprocessing
     },
@@ -8123,7 +8148,7 @@ vec4 denoise_sampleColor(sampler2D source, vec2 texSize, vec2 texCoord) {
     passes: [{ sampler: true }, { sampler: true }]
   };
 
-  // src/modules/postprocessing/image-adjust-filters/huesaturation.ts
+  // src/passes/postprocessing/image-adjust-filters/huesaturation.ts
   var fs6 = (
     /* glsl */
     `uniform hueSaturationUniforms {
@@ -8154,7 +8179,7 @@ vec4 hueSaturation_filterColor(vec4 color) {
   return color;
 }
 
-vec4 hueSaturation_filterColor(vec4 color, vec2 texSize, vec2 texCoord) {
+vec4 hueSaturation_filterColor_ext(vec4 color, vec2 texSize, vec2 texCoord) {
   return hueSaturation_filterColor(color);
 }
 `
@@ -8168,14 +8193,14 @@ vec4 hueSaturation_filterColor(vec4 color, vec2 texSize, vec2 texCoord) {
       hue: "f32",
       saturation: "f32"
     },
-    uniformPropTypes: {
+    propTypes: {
       hue: { value: 0, min: -1, max: 1 },
       saturation: { value: 0, min: -1, max: 1 }
     },
     passes: [{ filter: true }]
   };
 
-  // src/modules/postprocessing/image-adjust-filters/noise.ts
+  // src/passes/postprocessing/image-adjust-filters/noise.ts
   var fs7 = (
     /* glsl */
     `uniform noiseUniforms {
@@ -8186,17 +8211,13 @@ float rand(vec2 co) {
   return fract(sin(dot(co.xy ,vec2(12.9898,78.233))) * 43758.5453);
 }
 
-vec4 noise_filterColor(vec4 color, vec2 texCoord) {
+vec4 noise_filterColor_ext(vec4 color, vec2 texSize, vec2 texCoord) {
   float diff = (rand(texCoord) - 0.5) * noise.amount;
   color.r += diff;
   color.g += diff;
   color.b += diff;
   return color;
 }
-
-vec4 noise_filterColor(vec4 color, vec2 texSize, vec2 texCoord) {
-  return noise_filterColor(color, texCoord);
-}
 `
   );
   var noise = {
@@ -8206,14 +8227,14 @@ vec4 noise_filterColor(vec4 color, vec2 texSize, vec2 texCoord) {
     uniformTypes: {
       amount: "f32"
     },
-    uniformPropTypes: {
+    propTypes: {
       amount: { value: 0.5, min: 0, max: 1 }
     },
     fs: fs7,
     passes: [{ filter: true }]
   };
 
-  // src/modules/postprocessing/image-adjust-filters/sepia.ts
+  // src/passes/postprocessing/image-adjust-filters/sepia.ts
   var fs8 = (
     /* glsl */
     `uniform sepiaUniforms {
@@ -8233,7 +8254,7 @@ vec4 sepia_filterColor(vec4 color) {
   return color;
 }
 
-vec4 sepia_filterColor(vec4 color, vec2 texSize, vec2 texCoord) {
+vec4 sepia_filterColor_ext(vec4 color, vec2 texSize, vec2 texCoord) {
   return sepia_filterColor(color);
 }
 `
@@ -8245,14 +8266,14 @@ vec4 sepia_filterColor(vec4 color, vec2 texSize, vec2 texCoord) {
     uniformTypes: {
       amount: "f32"
     },
-    uniformPropTypes: {
+    propTypes: {
       amount: { value: 0.5, min: 0, max: 1 }
     },
     fs: fs8,
     passes: [{ filter: true }]
   };
 
-  // src/modules/postprocessing/image-adjust-filters/vibrance.ts
+  // src/passes/postprocessing/image-adjust-filters/vibrance.ts
   var fs9 = (
     /* glsl */
     `uniform vibranceUniforms {
@@ -8267,7 +8288,7 @@ vec4 vibrance_filterColor(vec4 color) {
   return color;
 }
 
-vec4 vibrance_filterColor(vec4 color, vec2 texSize, vec2 texCoord) {
+vec4 vibrance_filterColor_ext(vec4 color, vec2 texSize, vec2 texCoord) {
   return vibrance_filterColor(color);
 }
 `
@@ -8276,14 +8297,14 @@ vec4 vibrance_filterColor(vec4 color, vec2 texSize, vec2 texCoord) {
     props: {},
     uniforms: {},
     name: "vibrance",
-    uniformPropTypes: {
+    propTypes: {
       amount: { value: 0, min: -1, max: 1 }
     },
     fs: fs9,
     passes: [{ filter: true }]
   };
 
-  // src/modules/postprocessing/image-adjust-filters/vignette.ts
+  // src/passes/postprocessing/image-adjust-filters/vignette.ts
   var fs10 = (
     /* glsl */
     `uniform vignetteUniforms {
@@ -8291,15 +8312,11 @@ vec4 vibrance_filterColor(vec4 color, vec2 texSize, vec2 texCoord) {
   float amount;
 } vignette;
 
-vec4 vignette_filterColor(vec4 color, vec2 texCoord) {
+vec4 vignette_filterColor_ext(vec4 color, vec2 texSize, vec2 texCoord) {
   float dist = distance(texCoord, vec2(0.5, 0.5));
   float ratio = smoothstep(0.8, vignette.radius * 0.799, dist * (vignette.amount + vignette.radius));
   return color.rgba * ratio + (1.0 - ratio)*vec4(0.0, 0.0, 0.0, 1.0);
 }
-
-vec4 vignette_filterColor(vec4 color, vec2 texSize, vec2 texCoord) {
-  return vignette_filterColor(color, texCoord);
-}
 `
   );
   var vignette = {
@@ -8310,7 +8327,11 @@ vec4 vignette_filterColor(vec4 color, vec2 texSize, vec2 texCoord) {
       radius: "f32",
       amount: "f32"
     },
-    uniformPropTypes: {
+    defaultUniforms: {
+      radius: 0.5,
+      amount: 0.5
+    },
+    propTypes: {
       radius: { value: 0.5, min: 0, max: 1 },
       amount: { value: 0.5, min: 0, max: 1 }
     },
@@ -8318,7 +8339,7 @@ vec4 vignette_filterColor(vec4 color, vec2 texSize, vec2 texCoord) {
     fs: fs10
   };
 
-  // src/modules/postprocessing/image-blur-filters/tiltshift.ts
+  // src/passes/postprocessing/image-blur-filters/tiltshift.ts
   var fs11 = (
     /* glsl */
     `uniform tiltShiftUniforms {
@@ -8378,21 +8399,21 @@ vec4 tiltShift_sampleColor(sampler2D source, vec2 texSize, vec2 texCoord) {
       end: "vec2<f32>",
       invert: "i32"
     },
-    uniformPropTypes: {
+    propTypes: {
       blurRadius: { value: 15, min: 0, max: 50 },
       gradientRadius: { value: 200, min: 0, max: 400 },
       start: { value: [0, 0] },
       end: { value: [1, 1] },
-      invert: { value: false, private: true }
+      invert: { value: 0, private: true }
     },
     passes: [
-      { sampler: true, uniforms: { invert: false } },
-      { sampler: true, uniforms: { invert: true } }
+      { sampler: true, uniforms: { invert: 0 } },
+      { sampler: true, uniforms: { invert: 1 } }
     ],
     fs: fs11
   };
 
-  // src/modules/postprocessing/image-blur-filters/triangleblur.ts
+  // src/passes/postprocessing/image-blur-filters/triangleblur.ts
   var fs12 = (
     /* glsl */
     `uniform triangleBlurUniforms {
@@ -8438,7 +8459,7 @@ vec4 triangleBlur_sampleColor(sampler2D source, vec2 texSize, vec2 texCoord) {
       radius: "f32",
       delta: "vec2<f32>"
     },
-    uniformPropTypes: {
+    propTypes: {
       radius: { value: 20, min: 0, softMax: 100 },
       delta: { value: [1, 0], private: true }
     },
@@ -8450,7 +8471,7 @@ vec4 triangleBlur_sampleColor(sampler2D source, vec2 texSize, vec2 texCoord) {
     ]
   };
 
-  // src/modules/postprocessing/image-blur-filters/zoomblur.ts
+  // src/passes/postprocessing/image-blur-filters/zoomblur.ts
   var fs13 = `
 uniform zoomBlurUniforms {
   vec2 center;
@@ -8493,7 +8514,7 @@ vec4 zoomBlur_sampleColor(sampler2D source, vec2 texSize, vec2 texCoord) {
       center: "vec2<f32>",
       strength: "f32"
     },
-    uniformPropTypes: {
+    propTypes: {
       center: { value: [0.5, 0.5] },
       strength: { value: 0.3, min: 0, softMax: 1 }
     },
@@ -8502,7 +8523,7 @@ vec4 zoomBlur_sampleColor(sampler2D source, vec2 texSize, vec2 texCoord) {
     passes: [{ sampler: true }]
   };
 
-  // src/modules/postprocessing/image-fun-filters/colorhalftone.ts
+  // src/passes/postprocessing/image-fun-filters/colorhalftone.ts
   var fs14 = (
     /* glsl */
     `uniform colorHalftoneUniforms {
@@ -8521,7 +8542,7 @@ float pattern(float angle, float scale, vec2 texSize, vec2 texCoord) {
   return (sin(point.x) * sin(point.y)) * 4.0;
 }
 
-vec4 colorHalftone_filterColor(vec4 color, vec2 texSize, vec2 texCoord) {
+vec4 colorHalftone_filterColor_ext(vec4 color, vec2 texSize, vec2 texCoord) {
   float scale = 3.1514 / colorHalftone.size;
   vec3 cmy = 1.0 - color.rgb;
   float k = min(cmy.x, min(cmy.y, cmy.z));
@@ -8550,7 +8571,7 @@ vec4 colorHalftone_filterColor(vec4 color, vec2 texSize, vec2 texCoord) {
       angle: "f32",
       size: "f32"
     },
-    uniformPropTypes: {
+    propTypes: {
       center: { value: [0.5, 0.5] },
       angle: { value: 1.1, softMin: 0, softMax: Math.PI / 2 },
       size: { value: 4, min: 1, softMin: 3, softMax: 20 }
@@ -8559,7 +8580,7 @@ vec4 colorHalftone_filterColor(vec4 color, vec2 texSize, vec2 texCoord) {
     passes: [{ filter: true }]
   };
 
-  // src/modules/postprocessing/image-fun-filters/dotscreen.ts
+  // src/passes/postprocessing/image-fun-filters/dotscreen.ts
   var fs15 = (
     /* glsl */
     `uniform dotScreenUniforms {
@@ -8580,7 +8601,7 @@ float pattern(vec2 texSize, vec2 texCoord) {
   return (sin(point.x) * sin(point.y)) * 4.0;
 }
 
-vec4 dotScreen_filterColor(vec4 color, vec2 texSize, vec2 texCoord) {
+vec4 dotScreen_filterColor_ext(vec4 color, vec2 texSize, vec2 texCoord) {
   float average = (color.r + color.g + color.b) / 3.0;
   return vec4(vec3(average * 10.0 - 5.0 + pattern(texSize, texCoord)), color.a);
 }
@@ -8595,7 +8616,7 @@ vec4 dotScreen_filterColor(vec4 color, vec2 texSize, vec2 texCoord) {
       angle: "f32",
       size: "f32"
     },
-    uniformPropTypes: {
+    propTypes: {
       center: { value: [0.5, 0.5] },
       angle: { value: 1.1, softMin: 0, softMax: Math.PI / 2 },
       size: { value: 3, min: 1, softMin: 3, softMax: 20 }
@@ -8604,7 +8625,7 @@ vec4 dotScreen_filterColor(vec4 color, vec2 texSize, vec2 texCoord) {
     passes: [{ filter: true }]
   };
 
-  // src/modules/postprocessing/image-fun-filters/edgework.ts
+  // src/passes/postprocessing/image-fun-filters/edgework.ts
   var fs16 = (
     /* glsl */
     `uniform edgeWorkUniforms {
@@ -8669,7 +8690,7 @@ vec4 edgeWork_sampleColor2(sampler2D source, vec2 texSize, vec2 texCoord) {
     name: "edgeWork",
     dependencies: [random],
     fs: fs16,
-    uniformPropTypes: {
+    propTypes: {
       radius: { value: 2, min: 1, softMax: 50 },
       delta: { value: [1, 0], private: true }
     },
@@ -8677,17 +8698,17 @@ vec4 edgeWork_sampleColor2(sampler2D source, vec2 texSize, vec2 texCoord) {
       {
         // @ts-expect-error
         sampler: "edgeWork_sampleColor1",
-        uniformPropTypes: { delta: [1, 0] }
+        propTypes: { delta: [1, 0] }
       },
       {
         // @ts-expect-error
         sampler: "edgeWork_sampleColor2",
-        uniformPropTypes: { delta: [0, 1] }
+        propTypes: { delta: [0, 1] }
       }
     ]
   };
 
-  // src/modules/postprocessing/image-fun-filters/hexagonalpixelate.ts
+  // src/passes/postprocessing/image-fun-filters/hexagonalpixelate.ts
   var fs17 = (
     /* glsl */
     `uniform hexagonalPixelateUniforms {
@@ -8742,7 +8763,7 @@ vec4 hexagonalPixelate_sampleColor(sampler2D source, vec2 texSize, vec2 texCoord
       center: "vec2<f32>",
       scale: "f32"
     },
-    uniformPropTypes: {
+    propTypes: {
       center: { value: [0.5, 0.5], hint: "screenspace" },
       scale: { value: 10, min: 1, softMin: 5, softMax: 50 }
     },
@@ -8750,7 +8771,7 @@ vec4 hexagonalPixelate_sampleColor(sampler2D source, vec2 texSize, vec2 texCoord
     passes: [{ sampler: true }]
   };
 
-  // src/modules/postprocessing/image-fun-filters/ink.ts
+  // src/passes/postprocessing/image-fun-filters/ink.ts
   var fs18 = (
     /* glsl */
     `uniform inkUniforms {
@@ -8790,13 +8811,13 @@ vec4 ink_sampleColor(sampler2D source, vec2 texSize, vec2 texCoord) {
     uniformTypes: {
       strength: "f32"
     },
-    uniformPropTypes: {
+    propTypes: {
       strength: { value: 0.25, min: 0, softMax: 1 }
     },
     passes: [{ sampler: true }]
   };
 
-  // src/modules/postprocessing/image-fun-filters/magnify.ts
+  // src/passes/postprocessing/image-fun-filters/magnify.ts
   var fs19 = (
     /* glsl */
     `uniform magnifyUniforms {
@@ -8830,7 +8851,7 @@ vec4 magnify_sampleColor(sampler2D source, vec2 texSize, vec2 texCoord) {
       borderWidthPixels: "f32",
       borderColor: "vec4<f32>"
     },
-    uniformPropTypes: {
+    propTypes: {
       // range 0 to 1
       screenXY: { value: [0, 0] },
       radiusPixels: 200,
@@ -8842,7 +8863,7 @@ vec4 magnify_sampleColor(sampler2D source, vec2 texSize, vec2 texCoord) {
     passes: [{ sampler: true }]
   };
 
-  // src/modules/postprocessing/image-warp-filters/warp.ts
+  // src/passes/postprocessing/image-warp-filters/warp.ts
   var fs20 = (
     /* glsl */
     `vec4 warp_sampleColor(sampler2D source, vec2 texSize, vec2 coord) {
@@ -8863,7 +8884,7 @@ vec4 magnify_sampleColor(sampler2D source, vec2 texSize, vec2 texCoord) {
     fs: fs20
   };
 
-  // src/modules/postprocessing/image-warp-filters/bulgepinch.ts
+  // src/passes/postprocessing/image-warp-filters/bulgepinch.ts
   var fs21 = (
     /* glsl */
     `uniform bulgePinchUniforms {
@@ -8906,7 +8927,7 @@ vec4 bulgePinch_sampleColor(sampler2D source, vec2 texSize, vec2 texCoord) {
       radius: "f32",
       strength: "f32"
     },
-    uniformPropTypes: {
+    propTypes: {
       center: { value: [0.5, 0.5] },
       radius: { value: 200, min: 1, softMax: 600 },
       strength: { value: 0.5, min: -1, max: 1 }
@@ -8914,7 +8935,7 @@ vec4 bulgePinch_sampleColor(sampler2D source, vec2 texSize, vec2 texCoord) {
     passes: [{ sampler: true }]
   };
 
-  // src/modules/postprocessing/image-warp-filters/swirl.ts
+  // src/passes/postprocessing/image-warp-filters/swirl.ts
   var fs22 = (
     /* glsl */
     `uniform swirlUniforms {
@@ -8959,7 +8980,7 @@ vec4 swirl_sampleColor(sampler2D source, vec2 texSize, vec2 texCoord) {
       radius: "f32",
       angle: "f32"
     },
-    uniformPropTypes: {
+    propTypes: {
       center: { value: [0.5, 0.5] },
       radius: { value: 200, min: 1, softMax: 600 },
       angle: { value: 3, softMin: -25, softMax: 25 }
@@ -8967,7 +8988,7 @@ vec4 swirl_sampleColor(sampler2D source, vec2 texSize, vec2 texCoord) {
     passes: [{ sampler: true }]
   };
 
-  // src/modules/postprocessing/fxaa/fxaa.ts
+  // src/passes/postprocessing/fxaa/fxaa.ts
   var fs23 = `
 #define FXAA_QUALITY_PRESET 29
 
@@ -9551,7 +9572,7 @@ vec4 fxaa_sampleColor(sampler2D source, vec2 texSize, vec2 texCoord) {
 `;
   var fxaa = {
     name: "fxaa",
-    uniformPropTypes: {},
+    propTypes: {},
     fs: fs23,
     passes: [{ sampler: true }],
     getUniforms: (props) => props