@nasser-sw/fabric 7.0.0-beta1

package/dist/src/filters/WebGLFilterBackend.mjs

@@ -0,0 +1,312 @@
+import { defineProperty as _defineProperty } from '../../_virtual/_rollupPluginBabelHelpers.mjs';
+import { config } from '../config.mjs';
+import { createCanvasElementFor } from '../util/misc/dom.mjs';
+
+class WebGLFilterBackend {
+  constructor() {
+    let {
+      tileSize = config.textureSize
+    } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    /**
+     * Define ...
+     **/
+    _defineProperty(this, "aPosition", new Float32Array([0, 0, 0, 1, 1, 0, 1, 1]));
+    /**
+     * Experimental. This object is a sort of repository of help layers used to avoid
+     * of recreating them during frequent filtering. If you are previewing a filter with
+     * a slider you probably do not want to create help layers every filter step.
+     * in this object there will be appended some canvases, created once, resized sometimes
+     * cleared never. Clearing is left to the developer.
+     **/
+    _defineProperty(this, "resources", {});
+    this.tileSize = tileSize;
+    this.setupGLContext(tileSize, tileSize);
+    this.captureGPUInfo();
+  }
+
+  /**
+   * Setup a WebGL context suitable for filtering, and bind any needed event handlers.
+   */
+  setupGLContext(width, height) {
+    this.dispose();
+    this.createWebGLCanvas(width, height);
+  }
+
+  /**
+   * Create a canvas element and associated WebGL context and attaches them as
+   * class properties to the GLFilterBackend class.
+   */
+  createWebGLCanvas(width, height) {
+    const canvas = createCanvasElementFor({
+      width,
+      height
+    });
+    const glOptions = {
+        alpha: true,
+        premultipliedAlpha: false,
+        depth: false,
+        stencil: false,
+        antialias: false
+      },
+      gl = canvas.getContext('webgl', glOptions);
+    if (!gl) {
+      return;
+    }
+    gl.clearColor(0, 0, 0, 0);
+    // this canvas can fire webglcontextlost and webglcontextrestored
+    this.canvas = canvas;
+    this.gl = gl;
+  }
+
+  /**
+   * Attempts to apply the requested filters to the source provided, drawing the filtered output
+   * to the provided target canvas.
+   *
+   * @param {Array} filters The filters to apply.
+   * @param {TexImageSource} source The source to be filtered.
+   * @param {Number} width The width of the source input.
+   * @param {Number} height The height of the source input.
+   * @param {HTMLCanvasElement} targetCanvas The destination for filtered output to be drawn.
+   * @param {String|undefined} cacheKey A key used to cache resources related to the source. If
+   * omitted, caching will be skipped.
+   */
+  applyFilters(filters, source, width, height, targetCanvas, cacheKey) {
+    const gl = this.gl;
+    const ctx = targetCanvas.getContext('2d');
+    if (!gl || !ctx) {
+      return;
+    }
+    let cachedTexture;
+    if (cacheKey) {
+      cachedTexture = this.getCachedTexture(cacheKey, source);
+    }
+    const pipelineState = {
+      originalWidth: source.width || source.naturalWidth || 0,
+      originalHeight: source.height || source.naturalHeight || 0,
+      sourceWidth: width,
+      sourceHeight: height,
+      destinationWidth: width,
+      destinationHeight: height,
+      context: gl,
+      sourceTexture: this.createTexture(gl, width, height, !cachedTexture ? source : undefined),
+      targetTexture: this.createTexture(gl, width, height),
+      originalTexture: cachedTexture || this.createTexture(gl, width, height, !cachedTexture ? source : undefined),
+      passes: filters.length,
+      webgl: true,
+      aPosition: this.aPosition,
+      programCache: this.programCache,
+      pass: 0,
+      filterBackend: this,
+      targetCanvas: targetCanvas
+    };
+    const tempFbo = gl.createFramebuffer();
+    gl.bindFramebuffer(gl.FRAMEBUFFER, tempFbo);
+    filters.forEach(filter => {
+      filter && filter.applyTo(pipelineState);
+    });
+    resizeCanvasIfNeeded(pipelineState);
+    this.copyGLTo2D(gl, pipelineState);
+    gl.bindTexture(gl.TEXTURE_2D, null);
+    gl.deleteTexture(pipelineState.sourceTexture);
+    gl.deleteTexture(pipelineState.targetTexture);
+    gl.deleteFramebuffer(tempFbo);
+    ctx.setTransform(1, 0, 0, 1, 0, 0);
+    return pipelineState;
+  }
+
+  /**
+   * Detach event listeners, remove references, and clean up caches.
+   */
+  dispose() {
+    if (this.canvas) {
+      // we are disposing, we don't care about the fact
+      // that the canvas shouldn't be null.
+      // @ts-expect-error disposing
+      this.canvas = null;
+      // @ts-expect-error disposing
+      this.gl = null;
+    }
+    this.clearWebGLCaches();
+  }
+
+  /**
+   * Wipe out WebGL-related caches.
+   */
+  clearWebGLCaches() {
+    this.programCache = {};
+    this.textureCache = {};
+  }
+
+  /**
+   * Create a WebGL texture object.
+   *
+   * Accepts specific dimensions to initialize the texture to or a source image.
+   *
+   * @param {WebGLRenderingContext} gl The GL context to use for creating the texture.
+   * @param {number} width The width to initialize the texture at.
+   * @param {number} height The height to initialize the texture.
+   * @param {TexImageSource} textureImageSource A source for the texture data.
+   * @param {number} filter gl.NEAREST default or gl.LINEAR filters for the texture.
+   * This filter is very useful for LUTs filters. If you need interpolation use gl.LINEAR
+   * @returns {WebGLTexture}
+   */
+  createTexture(gl, width, height, textureImageSource, filter) {
+    const {
+      NEAREST,
+      TEXTURE_2D,
+      RGBA,
+      UNSIGNED_BYTE,
+      CLAMP_TO_EDGE,
+      TEXTURE_MAG_FILTER,
+      TEXTURE_MIN_FILTER,
+      TEXTURE_WRAP_S,
+      TEXTURE_WRAP_T
+    } = gl;
+    const texture = gl.createTexture();
+    gl.bindTexture(TEXTURE_2D, texture);
+    gl.texParameteri(TEXTURE_2D, TEXTURE_MAG_FILTER, filter || NEAREST);
+    gl.texParameteri(TEXTURE_2D, TEXTURE_MIN_FILTER, filter || NEAREST);
+    gl.texParameteri(TEXTURE_2D, TEXTURE_WRAP_S, CLAMP_TO_EDGE);
+    gl.texParameteri(TEXTURE_2D, TEXTURE_WRAP_T, CLAMP_TO_EDGE);
+    if (textureImageSource) {
+      gl.texImage2D(TEXTURE_2D, 0, RGBA, RGBA, UNSIGNED_BYTE, textureImageSource);
+    } else {
+      gl.texImage2D(TEXTURE_2D, 0, RGBA, width, height, 0, RGBA, UNSIGNED_BYTE, null);
+    }
+    // disabled because website and issues with different typescript version
+    // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-assertion
+    return texture;
+  }
+
+  /**
+   * Can be optionally used to get a texture from the cache array
+   *
+   * If an existing texture is not found, a new texture is created and cached.
+   *
+   * @param {String} uniqueId A cache key to use to find an existing texture.
+   * @param {HTMLImageElement|HTMLCanvasElement} textureImageSource A source to use to create the
+   * texture cache entry if one does not already exist.
+   */
+  getCachedTexture(uniqueId, textureImageSource, filter) {
+    const {
+      textureCache
+    } = this;
+    if (textureCache[uniqueId]) {
+      return textureCache[uniqueId];
+    } else {
+      const texture = this.createTexture(this.gl, textureImageSource.width, textureImageSource.height, textureImageSource, filter);
+      if (texture) {
+        textureCache[uniqueId] = texture;
+      }
+      return texture;
+    }
+  }
+
+  /**
+   * Clear out cached resources related to a source image that has been
+   * filtered previously.
+   *
+   * @param {String} cacheKey The cache key provided when the source image was filtered.
+   */
+  evictCachesForKey(cacheKey) {
+    if (this.textureCache[cacheKey]) {
+      this.gl.deleteTexture(this.textureCache[cacheKey]);
+      delete this.textureCache[cacheKey];
+    }
+  }
+
+  /**
+   * Copy an input WebGL canvas on to an output 2D canvas.
+   *
+   * The WebGL canvas is assumed to be upside down, with the top-left pixel of the
+   * desired output image appearing in the bottom-left corner of the WebGL canvas.
+   *
+   * @param {WebGLRenderingContext} sourceContext The WebGL context to copy from.
+   * @param {Object} pipelineState The 2D target canvas to copy on to.
+   */
+  copyGLTo2D(gl, pipelineState) {
+    const glCanvas = gl.canvas,
+      targetCanvas = pipelineState.targetCanvas,
+      ctx = targetCanvas.getContext('2d');
+    if (!ctx) {
+      return;
+    }
+    ctx.translate(0, targetCanvas.height); // move it down again
+    ctx.scale(1, -1); // vertical flip
+    // where is my image on the big glcanvas?
+    const sourceY = glCanvas.height - targetCanvas.height;
+    ctx.drawImage(glCanvas, 0, sourceY, targetCanvas.width, targetCanvas.height, 0, 0, targetCanvas.width, targetCanvas.height);
+  }
+
+  /**
+   * Copy an input WebGL canvas on to an output 2D canvas using 2d canvas' putImageData
+   * API. Measurably faster than using ctx.drawImage in Firefox (version 54 on OSX Sierra).
+   *
+   * @param {WebGLRenderingContext} sourceContext The WebGL context to copy from.
+   * @param {HTMLCanvasElement} targetCanvas The 2D target canvas to copy on to.
+   * @param {Object} pipelineState The 2D target canvas to copy on to.
+   */
+  copyGLTo2DPutImageData(gl, pipelineState) {
+    const targetCanvas = pipelineState.targetCanvas,
+      ctx = targetCanvas.getContext('2d'),
+      dWidth = pipelineState.destinationWidth,
+      dHeight = pipelineState.destinationHeight,
+      numBytes = dWidth * dHeight * 4;
+    if (!ctx) {
+      return;
+    }
+    const u8 = new Uint8Array(this.imageBuffer, 0, numBytes);
+    const u8Clamped = new Uint8ClampedArray(this.imageBuffer, 0, numBytes);
+    gl.readPixels(0, 0, dWidth, dHeight, gl.RGBA, gl.UNSIGNED_BYTE, u8);
+    const imgData = new ImageData(u8Clamped, dWidth, dHeight);
+    ctx.putImageData(imgData, 0, 0);
+  }
+
+  /**
+   * Attempt to extract GPU information strings from a WebGL context.
+   *
+   * Useful information when debugging or blacklisting specific GPUs.
+   *
+   * @returns {Object} A GPU info object with renderer and vendor strings.
+   */
+  captureGPUInfo() {
+    if (this.gpuInfo) {
+      return this.gpuInfo;
+    }
+    const gl = this.gl,
+      gpuInfo = {
+        renderer: '',
+        vendor: ''
+      };
+    if (!gl) {
+      return gpuInfo;
+    }
+    const ext = gl.getExtension('WEBGL_debug_renderer_info');
+    if (ext) {
+      const renderer = gl.getParameter(ext.UNMASKED_RENDERER_WEBGL);
+      const vendor = gl.getParameter(ext.UNMASKED_VENDOR_WEBGL);
+      if (renderer) {
+        gpuInfo.renderer = renderer.toLowerCase();
+      }
+      if (vendor) {
+        gpuInfo.vendor = vendor.toLowerCase();
+      }
+    }
+    this.gpuInfo = gpuInfo;
+    return gpuInfo;
+  }
+}
+function resizeCanvasIfNeeded(pipelineState) {
+  const targetCanvas = pipelineState.targetCanvas,
+    width = targetCanvas.width,
+    height = targetCanvas.height,
+    dWidth = pipelineState.destinationWidth,
+    dHeight = pipelineState.destinationHeight;
+  if (width !== dWidth || height !== dHeight) {
+    targetCanvas.width = dWidth;
+    targetCanvas.height = dHeight;
+  }
+}
+
+export { WebGLFilterBackend };
+//# sourceMappingURL=WebGLFilterBackend.mjs.map

package/dist/src/filters/WebGLFilterBackend.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"WebGLFilterBackend.mjs","sources":["../../../src/filters/WebGLFilterBackend.ts"],"sourcesContent":["import { config } from '../config';\nimport { createCanvasElementFor } from '../util/misc/dom';\nimport type {\n  TWebGLPipelineState,\n  TProgramCache,\n  TTextureCache,\n  TPipelineResources,\n} from './typedefs';\nimport type { BaseFilter } from './BaseFilter';\n\nexport class WebGLFilterBackend {\n  declare tileSize: number;\n\n  /**\n   * Define ...\n   **/\n  aPosition: Float32Array = new Float32Array([0, 0, 0, 1, 1, 0, 1, 1]);\n\n  /**\n   * If GLPut data is the fastest operation, or if forced, this buffer will be used\n   * to transfer the data back in the 2d logic\n   **/\n  declare imageBuffer?: ArrayBuffer;\n\n  declare canvas: HTMLCanvasElement;\n\n  /**\n   * The Webgl context that will execute the operations for filtering\n   **/\n  declare gl: WebGLRenderingContext;\n\n  /**\n   * Keyed map for shader cache\n   **/\n  declare programCache: TProgramCache;\n\n  /**\n   * Keyed map for texture cache\n   **/\n  declare textureCache: TTextureCache;\n\n  /**\n   * Contains GPU info for debug\n   **/\n  declare gpuInfo: any;\n\n  /**\n   * Experimental. This object is a sort of repository of help layers used to avoid\n   * of recreating them during frequent filtering. If you are previewing a filter with\n   * a slider you probably do not want to create help layers every filter step.\n   * in this object there will be appended some canvases, created once, resized sometimes\n   * cleared never. Clearing is left to the developer.\n   **/\n  resources: TPipelineResources = {};\n\n  constructor({ tileSize = config.textureSize } = {}) {\n    this.tileSize = tileSize;\n    this.setupGLContext(tileSize, tileSize);\n    this.captureGPUInfo();\n  }\n\n  /**\n   * Setup a WebGL context suitable for filtering, and bind any needed event handlers.\n   */\n  setupGLContext(width: number, height: number): void {\n    this.dispose();\n    this.createWebGLCanvas(width, height);\n  }\n\n  /**\n   * Create a canvas element and associated WebGL context and attaches them as\n   * class properties to the GLFilterBackend class.\n   */\n  createWebGLCanvas(width: number, height: number): void {\n    const canvas = createCanvasElementFor({ width, height });\n    const glOptions = {\n        alpha: true,\n        premultipliedAlpha: false,\n        depth: false,\n        stencil: false,\n        antialias: false,\n      },\n      gl = canvas.getContext('webgl', glOptions) as WebGLRenderingContext;\n\n    if (!gl) {\n      return;\n    }\n    gl.clearColor(0, 0, 0, 0);\n    // this canvas can fire webglcontextlost and webglcontextrestored\n    this.canvas = canvas;\n    this.gl = gl;\n  }\n\n  /**\n   * Attempts to apply the requested filters to the source provided, drawing the filtered output\n   * to the provided target canvas.\n   *\n   * @param {Array} filters The filters to apply.\n   * @param {TexImageSource} source The source to be filtered.\n   * @param {Number} width The width of the source input.\n   * @param {Number} height The height of the source input.\n   * @param {HTMLCanvasElement} targetCanvas The destination for filtered output to be drawn.\n   * @param {String|undefined} cacheKey A key used to cache resources related to the source. If\n   * omitted, caching will be skipped.\n   */\n  applyFilters(\n    filters: BaseFilter<string, Record<string, any>>[],\n    source: TexImageSource,\n    width: number,\n    height: number,\n    targetCanvas: HTMLCanvasElement,\n    cacheKey?: string,\n  ): TWebGLPipelineState | undefined {\n    const gl = this.gl;\n    const ctx = targetCanvas.getContext('2d');\n    if (!gl || !ctx) {\n      return;\n    }\n    let cachedTexture;\n    if (cacheKey) {\n      cachedTexture = this.getCachedTexture(cacheKey, source);\n    }\n    const pipelineState: TWebGLPipelineState = {\n      originalWidth:\n        (source as HTMLImageElement).width ||\n        (source as HTMLImageElement).naturalWidth ||\n        0,\n      originalHeight:\n        (source as HTMLImageElement).height ||\n        (source as HTMLImageElement).naturalHeight ||\n        0,\n      sourceWidth: width,\n      sourceHeight: height,\n      destinationWidth: width,\n      destinationHeight: height,\n      context: gl,\n      sourceTexture: this.createTexture(\n        gl,\n        width,\n        height,\n        !cachedTexture ? source : undefined,\n      ),\n      targetTexture: this.createTexture(gl, width, height),\n      originalTexture:\n        cachedTexture ||\n        this.createTexture(\n          gl,\n          width,\n          height,\n          !cachedTexture ? source : undefined,\n        ),\n      passes: filters.length,\n      webgl: true,\n      aPosition: this.aPosition,\n      programCache: this.programCache,\n      pass: 0,\n      filterBackend: this,\n      targetCanvas: targetCanvas,\n    };\n    const tempFbo = gl.createFramebuffer();\n    gl.bindFramebuffer(gl.FRAMEBUFFER, tempFbo);\n    filters.forEach((filter: any) => {\n      filter && filter.applyTo(pipelineState);\n    });\n    resizeCanvasIfNeeded(pipelineState);\n    this.copyGLTo2D(gl, pipelineState);\n    gl.bindTexture(gl.TEXTURE_2D, null);\n    gl.deleteTexture(pipelineState.sourceTexture);\n    gl.deleteTexture(pipelineState.targetTexture);\n    gl.deleteFramebuffer(tempFbo);\n    ctx.setTransform(1, 0, 0, 1, 0, 0);\n    return pipelineState;\n  }\n\n  /**\n   * Detach event listeners, remove references, and clean up caches.\n   */\n  dispose() {\n    if (this.canvas) {\n      // we are disposing, we don't care about the fact\n      // that the canvas shouldn't be null.\n      // @ts-expect-error disposing\n      this.canvas = null;\n      // @ts-expect-error disposing\n      this.gl = null;\n    }\n    this.clearWebGLCaches();\n  }\n\n  /**\n   * Wipe out WebGL-related caches.\n   */\n  clearWebGLCaches() {\n    this.programCache = {};\n    this.textureCache = {};\n  }\n\n  /**\n   * Create a WebGL texture object.\n   *\n   * Accepts specific dimensions to initialize the texture to or a source image.\n   *\n   * @param {WebGLRenderingContext} gl The GL context to use for creating the texture.\n   * @param {number} width The width to initialize the texture at.\n   * @param {number} height The height to initialize the texture.\n   * @param {TexImageSource} textureImageSource A source for the texture data.\n   * @param {number} filter gl.NEAREST default or gl.LINEAR filters for the texture.\n   * This filter is very useful for LUTs filters. If you need interpolation use gl.LINEAR\n   * @returns {WebGLTexture}\n   */\n  createTexture(\n    gl: WebGLRenderingContext,\n    width: number,\n    height: number,\n    textureImageSource?: TexImageSource,\n    filter?:\n      | WebGLRenderingContextBase['NEAREST']\n      | WebGLRenderingContextBase['LINEAR'],\n  ): WebGLTexture {\n    const {\n      NEAREST,\n      TEXTURE_2D,\n      RGBA,\n      UNSIGNED_BYTE,\n      CLAMP_TO_EDGE,\n      TEXTURE_MAG_FILTER,\n      TEXTURE_MIN_FILTER,\n      TEXTURE_WRAP_S,\n      TEXTURE_WRAP_T,\n    } = gl;\n    const texture = gl.createTexture();\n    gl.bindTexture(TEXTURE_2D, texture);\n    gl.texParameteri(TEXTURE_2D, TEXTURE_MAG_FILTER, filter || NEAREST);\n    gl.texParameteri(TEXTURE_2D, TEXTURE_MIN_FILTER, filter || NEAREST);\n    gl.texParameteri(TEXTURE_2D, TEXTURE_WRAP_S, CLAMP_TO_EDGE);\n    gl.texParameteri(TEXTURE_2D, TEXTURE_WRAP_T, CLAMP_TO_EDGE);\n    if (textureImageSource) {\n      gl.texImage2D(\n        TEXTURE_2D,\n        0,\n        RGBA,\n        RGBA,\n        UNSIGNED_BYTE,\n        textureImageSource,\n      );\n    } else {\n      gl.texImage2D(\n        TEXTURE_2D,\n        0,\n        RGBA,\n        width,\n        height,\n        0,\n        RGBA,\n        UNSIGNED_BYTE,\n        null,\n      );\n    }\n    // disabled because website and issues with different typescript version\n    // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-assertion\n    return texture!;\n  }\n\n  /**\n   * Can be optionally used to get a texture from the cache array\n   *\n   * If an existing texture is not found, a new texture is created and cached.\n   *\n   * @param {String} uniqueId A cache key to use to find an existing texture.\n   * @param {HTMLImageElement|HTMLCanvasElement} textureImageSource A source to use to create the\n   * texture cache entry if one does not already exist.\n   */\n  getCachedTexture(\n    uniqueId: string,\n    textureImageSource: TexImageSource,\n    filter?:\n      | WebGLRenderingContextBase['NEAREST']\n      | WebGLRenderingContextBase['LINEAR'],\n  ): WebGLTexture | null {\n    const { textureCache } = this;\n    if (textureCache[uniqueId]) {\n      return textureCache[uniqueId];\n    } else {\n      const texture = this.createTexture(\n        this.gl,\n        (textureImageSource as HTMLImageElement).width,\n        (textureImageSource as HTMLImageElement).height,\n        textureImageSource,\n        filter,\n      );\n      if (texture) {\n        textureCache[uniqueId] = texture;\n      }\n      return texture;\n    }\n  }\n\n  /**\n   * Clear out cached resources related to a source image that has been\n   * filtered previously.\n   *\n   * @param {String} cacheKey The cache key provided when the source image was filtered.\n   */\n  evictCachesForKey(cacheKey: string) {\n    if (this.textureCache[cacheKey]) {\n      this.gl.deleteTexture(this.textureCache[cacheKey]);\n      delete this.textureCache[cacheKey];\n    }\n  }\n\n  /**\n   * Copy an input WebGL canvas on to an output 2D canvas.\n   *\n   * The WebGL canvas is assumed to be upside down, with the top-left pixel of the\n   * desired output image appearing in the bottom-left corner of the WebGL canvas.\n   *\n   * @param {WebGLRenderingContext} sourceContext The WebGL context to copy from.\n   * @param {Object} pipelineState The 2D target canvas to copy on to.\n   */\n  copyGLTo2D(gl: WebGLRenderingContext, pipelineState: TWebGLPipelineState) {\n    const glCanvas = gl.canvas,\n      targetCanvas = pipelineState.targetCanvas,\n      ctx = targetCanvas.getContext('2d');\n    if (!ctx) {\n      return;\n    }\n    ctx.translate(0, targetCanvas.height); // move it down again\n    ctx.scale(1, -1); // vertical flip\n    // where is my image on the big glcanvas?\n    const sourceY = glCanvas.height - targetCanvas.height;\n    ctx.drawImage(\n      glCanvas,\n      0,\n      sourceY,\n      targetCanvas.width,\n      targetCanvas.height,\n      0,\n      0,\n      targetCanvas.width,\n      targetCanvas.height,\n    );\n  }\n\n  /**\n   * Copy an input WebGL canvas on to an output 2D canvas using 2d canvas' putImageData\n   * API. Measurably faster than using ctx.drawImage in Firefox (version 54 on OSX Sierra).\n   *\n   * @param {WebGLRenderingContext} sourceContext The WebGL context to copy from.\n   * @param {HTMLCanvasElement} targetCanvas The 2D target canvas to copy on to.\n   * @param {Object} pipelineState The 2D target canvas to copy on to.\n   */\n  copyGLTo2DPutImageData(\n    this: Required<WebGLFilterBackend>,\n    gl: WebGLRenderingContext,\n    pipelineState: TWebGLPipelineState,\n  ) {\n    const targetCanvas = pipelineState.targetCanvas,\n      ctx = targetCanvas.getContext('2d'),\n      dWidth = pipelineState.destinationWidth,\n      dHeight = pipelineState.destinationHeight,\n      numBytes = dWidth * dHeight * 4;\n    if (!ctx) {\n      return;\n    }\n    const u8 = new Uint8Array(this.imageBuffer, 0, numBytes);\n    const u8Clamped = new Uint8ClampedArray(this.imageBuffer, 0, numBytes);\n\n    gl.readPixels(0, 0, dWidth, dHeight, gl.RGBA, gl.UNSIGNED_BYTE, u8);\n    const imgData = new ImageData(u8Clamped, dWidth, dHeight);\n    ctx.putImageData(imgData, 0, 0);\n  }\n\n  /**\n   * Attempt to extract GPU information strings from a WebGL context.\n   *\n   * Useful information when debugging or blacklisting specific GPUs.\n   *\n   * @returns {Object} A GPU info object with renderer and vendor strings.\n   */\n  captureGPUInfo() {\n    if (this.gpuInfo) {\n      return this.gpuInfo;\n    }\n    const gl = this.gl,\n      gpuInfo = { renderer: '', vendor: '' };\n    if (!gl) {\n      return gpuInfo;\n    }\n    const ext = gl.getExtension('WEBGL_debug_renderer_info');\n    if (ext) {\n      const renderer = gl.getParameter(ext.UNMASKED_RENDERER_WEBGL);\n      const vendor = gl.getParameter(ext.UNMASKED_VENDOR_WEBGL);\n      if (renderer) {\n        gpuInfo.renderer = renderer.toLowerCase();\n      }\n      if (vendor) {\n        gpuInfo.vendor = vendor.toLowerCase();\n      }\n    }\n    this.gpuInfo = gpuInfo;\n    return gpuInfo;\n  }\n}\n\nfunction resizeCanvasIfNeeded(pipelineState: TWebGLPipelineState): void {\n  const targetCanvas = pipelineState.targetCanvas,\n    width = targetCanvas.width,\n    height = targetCanvas.height,\n    dWidth = pipelineState.destinationWidth,\n    dHeight = pipelineState.destinationHeight;\n\n  if (width !== dWidth || height !== dHeight) {\n    targetCanvas.width = dWidth;\n    targetCanvas.height = dHeight;\n  }\n}\n"],"names":["WebGLFilterBackend","constructor","tileSize","config","textureSize","arguments","length","undefined","_defineProperty","Float32Array","setupGLContext","captureGPUInfo","width","height","dispose","createWebGLCanvas","canvas","createCanvasElementFor","glOptions","alpha","premultipliedAlpha","depth","stencil","antialias","gl","getContext","clearColor","applyFilters","filters","source","targetCanvas","cacheKey","ctx","cachedTexture","getCachedTexture","pipelineState","originalWidth","naturalWidth","originalHeight","naturalHeight","sourceWidth","sourceHeight","destinationWidth","destinationHeight","context","sourceTexture","createTexture","targetTexture","originalTexture","passes","webgl","aPosition","programCache","pass","filterBackend","tempFbo","createFramebuffer","bindFramebuffer","FRAMEBUFFER","forEach","filter","applyTo","resizeCanvasIfNeeded","copyGLTo2D","bindTexture","TEXTURE_2D","deleteTexture","deleteFramebuffer","setTransform","clearWebGLCaches","textureCache","textureImageSource","NEAREST","RGBA","UNSIGNED_BYTE","CLAMP_TO_EDGE","TEXTURE_MAG_FILTER","TEXTURE_MIN_FILTER","TEXTURE_WRAP_S","TEXTURE_WRAP_T","texture","texParameteri","texImage2D","uniqueId","evictCachesForKey","glCanvas","translate","scale","sourceY","drawImage","copyGLTo2DPutImageData","dWidth","dHeight","numBytes","u8","Uint8Array","imageBuffer","u8Clamped","Uint8ClampedArray","readPixels","imgData","ImageData","putImageData","gpuInfo","renderer","vendor","ext","getExtension","getParameter","UNMASKED_RENDERER_WEBGL","UNMASKED_VENDOR_WEBGL","toLowerCase"],"mappings":"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"}

package/dist/src/filters/filters.d.ts

@@ -0,0 +1,23 @@
+export { BaseFilter } from './BaseFilter';
+export type { TBlendMode } from './BlendColor';
+export { BlendColor } from './BlendColor';
+export { BlendImage } from './BlendImage';
+export { Blur } from './Blur';
+export { Brightness } from './Brightness';
+export { ColorMatrix } from './ColorMatrix';
+export { BlackWhite, Brownie, Kodachrome, Polaroid, Sepia, Technicolor, Vintage, } from './ColorMatrixFilters';
+export { Composed } from './Composed';
+export { Contrast } from './Contrast';
+export { Convolute } from './Convolute';
+export { Gamma } from './Gamma';
+export { Grayscale } from './Grayscale';
+export { HueRotation } from './HueRotation';
+export { Invert } from './Invert';
+export { Noise } from './Noise';
+export { Pixelate } from './Pixelate';
+export { RemoveColor } from './RemoveColor';
+export type { TResizeType } from './Resize';
+export { Resize } from './Resize';
+export { Saturation } from './Saturation';
+export { Vibrance } from './Vibrance';
+//# sourceMappingURL=filters.d.ts.map

package/dist/src/filters/filters.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"filters.d.ts","sourceRoot":"","sources":["../../../src/filters/filters.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EACL,UAAU,EACV,OAAO,EACP,UAAU,EACV,QAAQ,EACR,KAAK,EACL,WAAW,EACX,OAAO,GACR,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC"}

package/dist/src/filters/filters.min.mjs

@@ -0,0 +1,2 @@
+export{BaseFilter}from"./BaseFilter.min.mjs";export{BlendColor}from"./BlendColor.min.mjs";export{BlendImage}from"./BlendImage.min.mjs";export{Blur}from"./Blur.min.mjs";export{Brightness}from"./Brightness.min.mjs";export{ColorMatrix}from"./ColorMatrix.min.mjs";export{BlackWhite,Brownie,Kodachrome,Polaroid,Sepia,Technicolor,Vintage}from"./ColorMatrixFilters.min.mjs";export{Composed}from"./Composed.min.mjs";export{Contrast}from"./Contrast.min.mjs";export{Convolute}from"./Convolute.min.mjs";export{Gamma}from"./Gamma.min.mjs";export{Grayscale}from"./Grayscale.min.mjs";export{HueRotation}from"./HueRotation.min.mjs";export{Invert}from"./Invert.min.mjs";export{Noise}from"./Noise.min.mjs";export{Pixelate}from"./Pixelate.min.mjs";export{RemoveColor}from"./RemoveColor.min.mjs";export{Resize}from"./Resize.min.mjs";export{Saturation}from"./Saturation.min.mjs";export{Vibrance}from"./Vibrance.min.mjs";
+//# sourceMappingURL=filters.min.mjs.map

package/dist/src/filters/filters.min.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"filters.min.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/src/filters/filters.mjs

@@ -0,0 +1,21 @@
+export { BaseFilter } from './BaseFilter.mjs';
+export { BlendColor } from './BlendColor.mjs';
+export { BlendImage } from './BlendImage.mjs';
+export { Blur } from './Blur.mjs';
+export { Brightness } from './Brightness.mjs';
+export { ColorMatrix } from './ColorMatrix.mjs';
+export { BlackWhite, Brownie, Kodachrome, Polaroid, Sepia, Technicolor, Vintage } from './ColorMatrixFilters.mjs';
+export { Composed } from './Composed.mjs';
+export { Contrast } from './Contrast.mjs';
+export { Convolute } from './Convolute.mjs';
+export { Gamma } from './Gamma.mjs';
+export { Grayscale } from './Grayscale.mjs';
+export { HueRotation } from './HueRotation.mjs';
+export { Invert } from './Invert.mjs';
+export { Noise } from './Noise.mjs';
+export { Pixelate } from './Pixelate.mjs';
+export { RemoveColor } from './RemoveColor.mjs';
+export { Resize } from './Resize.mjs';
+export { Saturation } from './Saturation.mjs';
+export { Vibrance } from './Vibrance.mjs';
+//# sourceMappingURL=filters.mjs.map

package/dist/src/filters/filters.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"filters.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;"}

package/dist/src/filters/index.d.ts

@@ -0,0 +1,7 @@
+export * as filters from './filters';
+export { getFilterBackend, initFilterBackend, setFilterBackend, } from './FilterBackend';
+export { Canvas2dFilterBackend } from './Canvas2dFilterBackend';
+export { WebGLFilterBackend } from './WebGLFilterBackend';
+export { isWebGLPipelineState, isPutImageFaster } from './utils';
+export type * from './typedefs';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/filters/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/filters/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,OAAO,MAAM,WAAW,CAAC;AAErC,OAAO,EACL,gBAAgB,EAChB,iBAAiB,EACjB,gBAAgB,GACjB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEjE,mBAAmB,YAAY,CAAC"}

package/dist/src/filters/shaders/baseFilter.d.ts

@@ -0,0 +1,4 @@
+export declare const highPsourceCode = "precision highp float";
+export declare const identityFragmentShader = "\n    precision highp float;\n    varying vec2 vTexCoord;\n    uniform sampler2D uTexture;\n    void main() {\n      gl_FragColor = texture2D(uTexture, vTexCoord);\n    }";
+export declare const vertexSource = "\n    attribute vec2 aPosition;\n    varying vec2 vTexCoord;\n    void main() {\n      vTexCoord = aPosition;\n      gl_Position = vec4(aPosition * 2.0 - 1.0, 0.0, 1.0);\n    }";
+//# sourceMappingURL=baseFilter.d.ts.map

package/dist/src/filters/shaders/baseFilter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"baseFilter.d.ts","sourceRoot":"","sources":["../../../../src/filters/shaders/baseFilter.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,eAAe,0BAA0B,CAAC;AAEvD,eAAO,MAAM,sBAAsB,+KAM7B,CAAC;AAEP,eAAO,MAAM,YAAY,qLAMnB,CAAC"}

package/dist/src/filters/shaders/baseFilter.min.mjs

@@ -0,0 +1,2 @@
+const o="precision highp float",n=`\n    ${o};\n    varying vec2 vTexCoord;\n    uniform sampler2D uTexture;\n    void main() {\n      gl_FragColor = texture2D(uTexture, vTexCoord);\n    }`,i="\n    attribute vec2 aPosition;\n    varying vec2 vTexCoord;\n    void main() {\n      vTexCoord = aPosition;\n      gl_Position = vec4(aPosition * 2.0 - 1.0, 0.0, 1.0);\n    }";export{o as highPsourceCode,n as identityFragmentShader,i as vertexSource};
+//# sourceMappingURL=baseFilter.min.mjs.map

package/dist/src/filters/shaders/baseFilter.min.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"baseFilter.min.mjs","sources":["../../../../src/filters/shaders/baseFilter.ts"],"sourcesContent":["export const highPsourceCode = `precision highp float`;\n\nexport const identityFragmentShader = `\n    ${highPsourceCode};\n    varying vec2 vTexCoord;\n    uniform sampler2D uTexture;\n    void main() {\n      gl_FragColor = texture2D(uTexture, vTexCoord);\n    }`;\n\nexport const vertexSource = `\n    attribute vec2 aPosition;\n    varying vec2 vTexCoord;\n    void main() {\n      vTexCoord = aPosition;\n      gl_Position = vec4(aPosition * 2.0 - 1.0, 0.0, 1.0);\n    }`;\n"],"names":["highPsourceCode","identityFragmentShader","vertexSource"],"mappings":"AAAO,MAAMA,EAAkB,wBAElBC,EAAyB,SAChCD,mJAOOE,EAAe"}

package/dist/src/filters/shaders/baseFilter.mjs

@@ -0,0 +1,18 @@
+const highPsourceCode = `precision highp float`;
+const identityFragmentShader = `
+    ${highPsourceCode};
+    varying vec2 vTexCoord;
+    uniform sampler2D uTexture;
+    void main() {
+      gl_FragColor = texture2D(uTexture, vTexCoord);
+    }`;
+const vertexSource = `
+    attribute vec2 aPosition;
+    varying vec2 vTexCoord;
+    void main() {
+      vTexCoord = aPosition;
+      gl_Position = vec4(aPosition * 2.0 - 1.0, 0.0, 1.0);
+    }`;
+
+export { highPsourceCode, identityFragmentShader, vertexSource };
+//# sourceMappingURL=baseFilter.mjs.map

package/dist/src/filters/shaders/baseFilter.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"baseFilter.mjs","sources":["../../../../src/filters/shaders/baseFilter.ts"],"sourcesContent":["export const highPsourceCode = `precision highp float`;\n\nexport const identityFragmentShader = `\n    ${highPsourceCode};\n    varying vec2 vTexCoord;\n    uniform sampler2D uTexture;\n    void main() {\n      gl_FragColor = texture2D(uTexture, vTexCoord);\n    }`;\n\nexport const vertexSource = `\n    attribute vec2 aPosition;\n    varying vec2 vTexCoord;\n    void main() {\n      vTexCoord = aPosition;\n      gl_Position = vec4(aPosition * 2.0 - 1.0, 0.0, 1.0);\n    }`;\n"],"names":["highPsourceCode","identityFragmentShader","vertexSource"],"mappings":"AAAO,MAAMA,eAAe,GAAG,CAAA,qBAAA;AAExB,MAAMC,sBAAsB,GAAG;AACtC,IAAA,EAAMD,eAAe,CAAA;AACrB;AACA;AACA;AACA;AACA,KAAA;AAEO,MAAME,YAAY,GAAG;AAC5B;AACA;AACA;AACA;AACA;AACA,KAAA;;;;"}

package/dist/src/filters/shaders/blendColor.d.ts

@@ -0,0 +1,13 @@
+export declare const blendColorFragmentSource: {
+    readonly multiply: "gl_FragColor.rgb *= uColor.rgb;\n";
+    readonly screen: "gl_FragColor.rgb = 1.0 - (1.0 - gl_FragColor.rgb) * (1.0 - uColor.rgb);\n";
+    readonly add: "gl_FragColor.rgb += uColor.rgb;\n";
+    readonly difference: "gl_FragColor.rgb = abs(gl_FragColor.rgb - uColor.rgb);\n";
+    readonly subtract: "gl_FragColor.rgb -= uColor.rgb;\n";
+    readonly lighten: "gl_FragColor.rgb = max(gl_FragColor.rgb, uColor.rgb);\n";
+    readonly darken: "gl_FragColor.rgb = min(gl_FragColor.rgb, uColor.rgb);\n";
+    readonly exclusion: "gl_FragColor.rgb += uColor.rgb - 2.0 * (uColor.rgb * gl_FragColor.rgb);\n";
+    readonly overlay: "\n    if (uColor.r < 0.5) {\n      gl_FragColor.r *= 2.0 * uColor.r;\n    } else {\n      gl_FragColor.r = 1.0 - 2.0 * (1.0 - gl_FragColor.r) * (1.0 - uColor.r);\n    }\n    if (uColor.g < 0.5) {\n      gl_FragColor.g *= 2.0 * uColor.g;\n    } else {\n      gl_FragColor.g = 1.0 - 2.0 * (1.0 - gl_FragColor.g) * (1.0 - uColor.g);\n    }\n    if (uColor.b < 0.5) {\n      gl_FragColor.b *= 2.0 * uColor.b;\n    } else {\n      gl_FragColor.b = 1.0 - 2.0 * (1.0 - gl_FragColor.b) * (1.0 - uColor.b);\n    }\n    ";
+    readonly tint: "\n    gl_FragColor.rgb *= (1.0 - uColor.a);\n    gl_FragColor.rgb += uColor.rgb;\n    ";
+};
+//# sourceMappingURL=blendColor.d.ts.map

package/dist/src/filters/shaders/blendColor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"blendColor.d.ts","sourceRoot":"","sources":["../../../../src/filters/shaders/blendColor.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,wBAAwB;;;;;;;;;;;CAgC3B,CAAC"}

package/dist/src/filters/shaders/blendColor.min.mjs

@@ -0,0 +1,2 @@
+const r={multiply:"gl_FragColor.rgb *= uColor.rgb;\n",screen:"gl_FragColor.rgb = 1.0 - (1.0 - gl_FragColor.rgb) * (1.0 - uColor.rgb);\n",add:"gl_FragColor.rgb += uColor.rgb;\n",difference:"gl_FragColor.rgb = abs(gl_FragColor.rgb - uColor.rgb);\n",subtract:"gl_FragColor.rgb -= uColor.rgb;\n",lighten:"gl_FragColor.rgb = max(gl_FragColor.rgb, uColor.rgb);\n",darken:"gl_FragColor.rgb = min(gl_FragColor.rgb, uColor.rgb);\n",exclusion:"gl_FragColor.rgb += uColor.rgb - 2.0 * (uColor.rgb * gl_FragColor.rgb);\n",overlay:"\n    if (uColor.r < 0.5) {\n      gl_FragColor.r *= 2.0 * uColor.r;\n    } else {\n      gl_FragColor.r = 1.0 - 2.0 * (1.0 - gl_FragColor.r) * (1.0 - uColor.r);\n    }\n    if (uColor.g < 0.5) {\n      gl_FragColor.g *= 2.0 * uColor.g;\n    } else {\n      gl_FragColor.g = 1.0 - 2.0 * (1.0 - gl_FragColor.g) * (1.0 - uColor.g);\n    }\n    if (uColor.b < 0.5) {\n      gl_FragColor.b *= 2.0 * uColor.b;\n    } else {\n      gl_FragColor.b = 1.0 - 2.0 * (1.0 - gl_FragColor.b) * (1.0 - uColor.b);\n    }\n    ",tint:"\n    gl_FragColor.rgb *= (1.0 - uColor.a);\n    gl_FragColor.rgb += uColor.rgb;\n    "};export{r as blendColorFragmentSource};
+//# sourceMappingURL=blendColor.min.mjs.map

package/dist/src/filters/shaders/blendColor.min.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"blendColor.min.mjs","sources":["../../../../src/filters/shaders/blendColor.ts"],"sourcesContent":["export const blendColorFragmentSource = {\n  multiply: 'gl_FragColor.rgb *= uColor.rgb;\\n',\n  screen:\n    'gl_FragColor.rgb = 1.0 - (1.0 - gl_FragColor.rgb) * (1.0 - uColor.rgb);\\n',\n  add: 'gl_FragColor.rgb += uColor.rgb;\\n',\n  difference: 'gl_FragColor.rgb = abs(gl_FragColor.rgb - uColor.rgb);\\n',\n  subtract: 'gl_FragColor.rgb -= uColor.rgb;\\n',\n  lighten: 'gl_FragColor.rgb = max(gl_FragColor.rgb, uColor.rgb);\\n',\n  darken: 'gl_FragColor.rgb = min(gl_FragColor.rgb, uColor.rgb);\\n',\n  exclusion:\n    'gl_FragColor.rgb += uColor.rgb - 2.0 * (uColor.rgb * gl_FragColor.rgb);\\n',\n  overlay: `\n    if (uColor.r < 0.5) {\n      gl_FragColor.r *= 2.0 * uColor.r;\n    } else {\n      gl_FragColor.r = 1.0 - 2.0 * (1.0 - gl_FragColor.r) * (1.0 - uColor.r);\n    }\n    if (uColor.g < 0.5) {\n      gl_FragColor.g *= 2.0 * uColor.g;\n    } else {\n      gl_FragColor.g = 1.0 - 2.0 * (1.0 - gl_FragColor.g) * (1.0 - uColor.g);\n    }\n    if (uColor.b < 0.5) {\n      gl_FragColor.b *= 2.0 * uColor.b;\n    } else {\n      gl_FragColor.b = 1.0 - 2.0 * (1.0 - gl_FragColor.b) * (1.0 - uColor.b);\n    }\n    `,\n  tint: `\n    gl_FragColor.rgb *= (1.0 - uColor.a);\n    gl_FragColor.rgb += uColor.rgb;\n    `,\n} as const;\n"],"names":["blendColorFragmentSource","multiply","screen","add","difference","subtract","lighten","darken","exclusion","overlay","tint"],"mappings":"AAAO,MAAMA,EAA2B,CACtCC,SAAU,oCACVC,OACE,4EACFC,IAAK,oCACLC,WAAY,2DACZC,SAAU,oCACVC,QAAS,0DACTC,OAAQ,0DACRC,UACE,4EACFC,QAAS,igBAiBTC,KAAM"}

package/dist/src/filters/shaders/blendColor.mjs

@@ -0,0 +1,34 @@
+const blendColorFragmentSource = {
+  multiply: 'gl_FragColor.rgb *= uColor.rgb;\n',
+  screen: 'gl_FragColor.rgb = 1.0 - (1.0 - gl_FragColor.rgb) * (1.0 - uColor.rgb);\n',
+  add: 'gl_FragColor.rgb += uColor.rgb;\n',
+  difference: 'gl_FragColor.rgb = abs(gl_FragColor.rgb - uColor.rgb);\n',
+  subtract: 'gl_FragColor.rgb -= uColor.rgb;\n',
+  lighten: 'gl_FragColor.rgb = max(gl_FragColor.rgb, uColor.rgb);\n',
+  darken: 'gl_FragColor.rgb = min(gl_FragColor.rgb, uColor.rgb);\n',
+  exclusion: 'gl_FragColor.rgb += uColor.rgb - 2.0 * (uColor.rgb * gl_FragColor.rgb);\n',
+  overlay: `
+    if (uColor.r < 0.5) {
+      gl_FragColor.r *= 2.0 * uColor.r;
+    } else {
+      gl_FragColor.r = 1.0 - 2.0 * (1.0 - gl_FragColor.r) * (1.0 - uColor.r);
+    }
+    if (uColor.g < 0.5) {
+      gl_FragColor.g *= 2.0 * uColor.g;
+    } else {
+      gl_FragColor.g = 1.0 - 2.0 * (1.0 - gl_FragColor.g) * (1.0 - uColor.g);
+    }
+    if (uColor.b < 0.5) {
+      gl_FragColor.b *= 2.0 * uColor.b;
+    } else {
+      gl_FragColor.b = 1.0 - 2.0 * (1.0 - gl_FragColor.b) * (1.0 - uColor.b);
+    }
+    `,
+  tint: `
+    gl_FragColor.rgb *= (1.0 - uColor.a);
+    gl_FragColor.rgb += uColor.rgb;
+    `
+};
+
+export { blendColorFragmentSource };
+//# sourceMappingURL=blendColor.mjs.map

package/dist/src/filters/shaders/blendColor.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"blendColor.mjs","sources":["../../../../src/filters/shaders/blendColor.ts"],"sourcesContent":["export const blendColorFragmentSource = {\n  multiply: 'gl_FragColor.rgb *= uColor.rgb;\\n',\n  screen:\n    'gl_FragColor.rgb = 1.0 - (1.0 - gl_FragColor.rgb) * (1.0 - uColor.rgb);\\n',\n  add: 'gl_FragColor.rgb += uColor.rgb;\\n',\n  difference: 'gl_FragColor.rgb = abs(gl_FragColor.rgb - uColor.rgb);\\n',\n  subtract: 'gl_FragColor.rgb -= uColor.rgb;\\n',\n  lighten: 'gl_FragColor.rgb = max(gl_FragColor.rgb, uColor.rgb);\\n',\n  darken: 'gl_FragColor.rgb = min(gl_FragColor.rgb, uColor.rgb);\\n',\n  exclusion:\n    'gl_FragColor.rgb += uColor.rgb - 2.0 * (uColor.rgb * gl_FragColor.rgb);\\n',\n  overlay: `\n    if (uColor.r < 0.5) {\n      gl_FragColor.r *= 2.0 * uColor.r;\n    } else {\n      gl_FragColor.r = 1.0 - 2.0 * (1.0 - gl_FragColor.r) * (1.0 - uColor.r);\n    }\n    if (uColor.g < 0.5) {\n      gl_FragColor.g *= 2.0 * uColor.g;\n    } else {\n      gl_FragColor.g = 1.0 - 2.0 * (1.0 - gl_FragColor.g) * (1.0 - uColor.g);\n    }\n    if (uColor.b < 0.5) {\n      gl_FragColor.b *= 2.0 * uColor.b;\n    } else {\n      gl_FragColor.b = 1.0 - 2.0 * (1.0 - gl_FragColor.b) * (1.0 - uColor.b);\n    }\n    `,\n  tint: `\n    gl_FragColor.rgb *= (1.0 - uColor.a);\n    gl_FragColor.rgb += uColor.rgb;\n    `,\n} as const;\n"],"names":["blendColorFragmentSource","multiply","screen","add","difference","subtract","lighten","darken","exclusion","overlay","tint"],"mappings":"AAAO,MAAMA,wBAAwB,GAAG;AACtCC,EAAAA,QAAQ,EAAE,mCAAmC;AAC7CC,EAAAA,MAAM,EACJ,2EAA2E;AAC7EC,EAAAA,GAAG,EAAE,mCAAmC;AACxCC,EAAAA,UAAU,EAAE,0DAA0D;AACtEC,EAAAA,QAAQ,EAAE,mCAAmC;AAC7CC,EAAAA,OAAO,EAAE,yDAAyD;AAClEC,EAAAA,MAAM,EAAE,yDAAyD;AACjEC,EAAAA,SAAS,EACP,2EAA2E;AAC7EC,EAAAA,OAAO,EAAE;AACX;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAA,CAAK;AACHC,EAAAA,IAAI,EAAE;AACR;AACA;AACA,IAAA;AACA;;;;"}

package/dist/src/filters/shaders/blendImage.d.ts

@@ -0,0 +1,4 @@
+import type { TBlendImageMode } from '../BlendImage';
+export declare const fragmentSource: Record<TBlendImageMode, string>;
+export declare const vertexSource: "\n    attribute vec2 aPosition;\n    varying vec2 vTexCoord;\n    varying vec2 vTexCoord2;\n    uniform mat3 uTransformMatrix;\n    void main() {\n      vTexCoord = aPosition;\n      vTexCoord2 = (uTransformMatrix * vec3(aPosition, 1.0)).xy;\n      gl_Position = vec4(aPosition * 2.0 - 1.0, 0.0, 1.0);\n    }\n    ";
+//# sourceMappingURL=blendImage.d.ts.map

package/dist/src/filters/shaders/blendImage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"blendImage.d.ts","sourceRoot":"","sources":["../../../../src/filters/shaders/blendImage.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAErD,eAAO,MAAM,cAAc,EAAE,MAAM,CAAC,eAAe,EAAE,MAAM,CA6BjD,CAAC;AAEX,eAAO,MAAM,YAAY,8TAUX,CAAC"}

package/dist/src/filters/shaders/blendImage.min.mjs

@@ -0,0 +1,2 @@
+const o={multiply:"\n    precision highp float;\n    uniform sampler2D uTexture;\n    uniform sampler2D uImage;\n    uniform vec4 uColor;\n    varying vec2 vTexCoord;\n    varying vec2 vTexCoord2;\n    void main() {\n      vec4 color = texture2D(uTexture, vTexCoord);\n      vec4 color2 = texture2D(uImage, vTexCoord2);\n      color.rgba *= color2.rgba;\n      gl_FragColor = color;\n    }\n    ",mask:"\n    precision highp float;\n    uniform sampler2D uTexture;\n    uniform sampler2D uImage;\n    uniform vec4 uColor;\n    varying vec2 vTexCoord;\n    varying vec2 vTexCoord2;\n    void main() {\n      vec4 color = texture2D(uTexture, vTexCoord);\n      vec4 color2 = texture2D(uImage, vTexCoord2);\n      color.a = color2.a;\n      gl_FragColor = color;\n    }\n    "},r="\n    attribute vec2 aPosition;\n    varying vec2 vTexCoord;\n    varying vec2 vTexCoord2;\n    uniform mat3 uTransformMatrix;\n    void main() {\n      vTexCoord = aPosition;\n      vTexCoord2 = (uTransformMatrix * vec3(aPosition, 1.0)).xy;\n      gl_Position = vec4(aPosition * 2.0 - 1.0, 0.0, 1.0);\n    }\n    ";export{o as fragmentSource,r as vertexSource};
+//# sourceMappingURL=blendImage.min.mjs.map

package/dist/src/filters/shaders/blendImage.min.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"blendImage.min.mjs","sources":["../../../../src/filters/shaders/blendImage.ts"],"sourcesContent":["import type { TBlendImageMode } from '../BlendImage';\n\nexport const fragmentSource: Record<TBlendImageMode, string> = {\n  multiply: `\n    precision highp float;\n    uniform sampler2D uTexture;\n    uniform sampler2D uImage;\n    uniform vec4 uColor;\n    varying vec2 vTexCoord;\n    varying vec2 vTexCoord2;\n    void main() {\n      vec4 color = texture2D(uTexture, vTexCoord);\n      vec4 color2 = texture2D(uImage, vTexCoord2);\n      color.rgba *= color2.rgba;\n      gl_FragColor = color;\n    }\n    `,\n  mask: `\n    precision highp float;\n    uniform sampler2D uTexture;\n    uniform sampler2D uImage;\n    uniform vec4 uColor;\n    varying vec2 vTexCoord;\n    varying vec2 vTexCoord2;\n    void main() {\n      vec4 color = texture2D(uTexture, vTexCoord);\n      vec4 color2 = texture2D(uImage, vTexCoord2);\n      color.a = color2.a;\n      gl_FragColor = color;\n    }\n    `,\n} as const;\n\nexport const vertexSource = `\n    attribute vec2 aPosition;\n    varying vec2 vTexCoord;\n    varying vec2 vTexCoord2;\n    uniform mat3 uTransformMatrix;\n    void main() {\n      vTexCoord = aPosition;\n      vTexCoord2 = (uTransformMatrix * vec3(aPosition, 1.0)).xy;\n      gl_Position = vec4(aPosition * 2.0 - 1.0, 0.0, 1.0);\n    }\n    ` as const;\n"],"names":["fragmentSource","multiply","mask","vertexSource"],"mappings":"AAEO,MAAMA,EAAkD,CAC7DC,SAAU,2XAcVC,KAAM,qXAgBKC,EAAe"}

package/dist/src/filters/shaders/blendImage.mjs

@@ -0,0 +1,44 @@
+const fragmentSource = {
+  multiply: `
+    precision highp float;
+    uniform sampler2D uTexture;
+    uniform sampler2D uImage;
+    uniform vec4 uColor;
+    varying vec2 vTexCoord;
+    varying vec2 vTexCoord2;
+    void main() {
+      vec4 color = texture2D(uTexture, vTexCoord);
+      vec4 color2 = texture2D(uImage, vTexCoord2);
+      color.rgba *= color2.rgba;
+      gl_FragColor = color;
+    }
+    `,
+  mask: `
+    precision highp float;
+    uniform sampler2D uTexture;
+    uniform sampler2D uImage;
+    uniform vec4 uColor;
+    varying vec2 vTexCoord;
+    varying vec2 vTexCoord2;
+    void main() {
+      vec4 color = texture2D(uTexture, vTexCoord);
+      vec4 color2 = texture2D(uImage, vTexCoord2);
+      color.a = color2.a;
+      gl_FragColor = color;
+    }
+    `
+};
+const vertexSource = `
+    attribute vec2 aPosition;
+    varying vec2 vTexCoord;
+    varying vec2 vTexCoord2;
+    uniform mat3 uTransformMatrix;
+    void main() {
+      vTexCoord = aPosition;
+      vTexCoord2 = (uTransformMatrix * vec3(aPosition, 1.0)).xy;
+      gl_Position = vec4(aPosition * 2.0 - 1.0, 0.0, 1.0);
+    }
+    `;
+
+export { fragmentSource, vertexSource };
+//# sourceMappingURL=blendImage.mjs.map

package/dist/src/filters/shaders/blendImage.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"blendImage.mjs","sources":["../../../../src/filters/shaders/blendImage.ts"],"sourcesContent":["import type { TBlendImageMode } from '../BlendImage';\n\nexport const fragmentSource: Record<TBlendImageMode, string> = {\n  multiply: `\n    precision highp float;\n    uniform sampler2D uTexture;\n    uniform sampler2D uImage;\n    uniform vec4 uColor;\n    varying vec2 vTexCoord;\n    varying vec2 vTexCoord2;\n    void main() {\n      vec4 color = texture2D(uTexture, vTexCoord);\n      vec4 color2 = texture2D(uImage, vTexCoord2);\n      color.rgba *= color2.rgba;\n      gl_FragColor = color;\n    }\n    `,\n  mask: `\n    precision highp float;\n    uniform sampler2D uTexture;\n    uniform sampler2D uImage;\n    uniform vec4 uColor;\n    varying vec2 vTexCoord;\n    varying vec2 vTexCoord2;\n    void main() {\n      vec4 color = texture2D(uTexture, vTexCoord);\n      vec4 color2 = texture2D(uImage, vTexCoord2);\n      color.a = color2.a;\n      gl_FragColor = color;\n    }\n    `,\n} as const;\n\nexport const vertexSource = `\n    attribute vec2 aPosition;\n    varying vec2 vTexCoord;\n    varying vec2 vTexCoord2;\n    uniform mat3 uTransformMatrix;\n    void main() {\n      vTexCoord = aPosition;\n      vTexCoord2 = (uTransformMatrix * vec3(aPosition, 1.0)).xy;\n      gl_Position = vec4(aPosition * 2.0 - 1.0, 0.0, 1.0);\n    }\n    ` as const;\n"],"names":["fragmentSource","multiply","mask","vertexSource"],"mappings":"AAEO,MAAMA,cAA+C,GAAG;AAC7DC,EAAAA,QAAQ,EAAE;AACZ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAA,CAAK;AACHC,EAAAA,IAAI,EAAE;AACR;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAA;AACA;AAEO,MAAMC,YAAY,GAAG;AAC5B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAA;;;;"}

package/dist/src/filters/shaders/blur.d.ts

@@ -0,0 +1,2 @@
+export declare const fragmentSource: "\n    precision highp float;\n    uniform sampler2D uTexture;\n    uniform vec2 uDelta;\n    varying vec2 vTexCoord;\n    const float nSamples = 15.0;\n    vec3 v3offset = vec3(12.9898, 78.233, 151.7182);\n    float random(vec3 scale) {\n      /* use the fragment position for a different seed per-pixel */\n      return fract(sin(dot(gl_FragCoord.xyz, scale)) * 43758.5453);\n    }\n    void main() {\n      vec4 color = vec4(0.0);\n      float totalC = 0.0;\n      float totalA = 0.0;\n      float offset = random(v3offset);\n      for (float t = -nSamples; t <= nSamples; t++) {\n        float percent = (t + offset - 0.5) / nSamples;\n        vec4 sample = texture2D(uTexture, vTexCoord + uDelta * percent);\n        float weight = 1.0 - abs(percent);\n        float alpha = weight * sample.a;\n        color.rgb += sample.rgb * alpha;\n        color.a += alpha;\n        totalA += weight;\n        totalC += alpha;\n      }\n      gl_FragColor.rgb = color.rgb / totalC;\n      gl_FragColor.a = color.a / totalA;\n    }\n  ";
+//# sourceMappingURL=blur.d.ts.map