@nasser-sw/fabric 7.0.0-beta1

package/dist/src/filters/BlendImage.mjs

@@ -0,0 +1,185 @@
+import { defineProperty as _defineProperty } from '../../_virtual/_rollupPluginBabelHelpers.mjs';
+import { FabricImage } from '../shapes/Image.mjs';
+import { createCanvasElement } from '../util/misc/dom.mjs';
+import { BaseFilter } from './BaseFilter.mjs';
+import { classRegistry } from '../ClassRegistry.mjs';
+import { fragmentSource, vertexSource } from './shaders/blendImage.mjs';
+
+const blendImageDefaultValues = {
+  mode: 'multiply',
+  alpha: 1
+};
+
+/**
+ * Image Blend filter class
+ * @example
+ * const filter = new filters.BlendColor({
+ *  color: '#000',
+ *  mode: 'multiply'
+ * });
+ *
+ * const filter = new BlendImage({
+ *  image: fabricImageObject,
+ *  mode: 'multiply'
+ * });
+ * object.filters.push(filter);
+ * object.applyFilters();
+ * canvas.renderAll();
+ */
+class BlendImage extends BaseFilter {
+  getCacheKey() {
+    return `${this.type}_${this.mode}`;
+  }
+  getFragmentSource() {
+    return fragmentSource[this.mode];
+  }
+  getVertexSource() {
+    return vertexSource;
+  }
+  applyToWebGL(options) {
+    const gl = options.context,
+      texture = this.createTexture(options.filterBackend, this.image);
+    this.bindAdditionalTexture(gl, texture, gl.TEXTURE1);
+    super.applyToWebGL(options);
+    this.unbindAdditionalTexture(gl, gl.TEXTURE1);
+  }
+  createTexture(backend, image) {
+    return backend.getCachedTexture(image.cacheKey, image.getElement());
+  }
+
+  /**
+   * Calculate a transformMatrix to adapt the image to blend over
+   * @param {Object} options
+   * @param {WebGLRenderingContext} options.context The GL context used for rendering.
+   * @param {Object} options.programCache A map of compiled shader programs, keyed by filter type.
+   */
+  calculateMatrix() {
+    const image = this.image,
+      {
+        width,
+        height
+      } = image.getElement();
+    return [1 / image.scaleX, 0, 0, 0, 1 / image.scaleY, 0, -image.left / width, -image.top / height, 1];
+  }
+
+  /**
+   * Apply the Blend operation to a Uint8ClampedArray representing the pixels of an image.
+   *
+   * @param {Object} options
+   * @param {ImageData} options.imageData The Uint8ClampedArray to be filtered.
+   */
+  applyTo2d(_ref) {
+    let {
+      imageData: {
+        data,
+        width,
+        height
+      },
+      filterBackend: {
+        resources
+      }
+    } = _ref;
+    const image = this.image;
+    if (!resources.blendImage) {
+      resources.blendImage = createCanvasElement();
+    }
+    const canvas1 = resources.blendImage;
+    const context = canvas1.getContext('2d');
+    if (canvas1.width !== width || canvas1.height !== height) {
+      canvas1.width = width;
+      canvas1.height = height;
+    } else {
+      context.clearRect(0, 0, width, height);
+    }
+    context.setTransform(image.scaleX, 0, 0, image.scaleY, image.left, image.top);
+    context.drawImage(image.getElement(), 0, 0, width, height);
+    const blendData = context.getImageData(0, 0, width, height).data;
+    for (let i = 0; i < data.length; i += 4) {
+      const r = data[i];
+      const g = data[i + 1];
+      const b = data[i + 2];
+      const a = data[i + 3];
+      const tr = blendData[i];
+      const tg = blendData[i + 1];
+      const tb = blendData[i + 2];
+      const ta = blendData[i + 3];
+      switch (this.mode) {
+        case 'multiply':
+          data[i] = r * tr / 255;
+          data[i + 1] = g * tg / 255;
+          data[i + 2] = b * tb / 255;
+          data[i + 3] = a * ta / 255;
+          break;
+        case 'mask':
+          data[i + 3] = ta;
+          break;
+      }
+    }
+  }
+
+  /**
+   * Send data from this filter to its shader program's uniforms.
+   *
+   * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.
+   * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects
+   */
+  sendUniformData(gl, uniformLocations) {
+    const matrix = this.calculateMatrix();
+    gl.uniform1i(uniformLocations.uImage, 1); // texture unit 1.
+    gl.uniformMatrix3fv(uniformLocations.uTransformMatrix, false, matrix);
+  }
+
+  /**
+   * Returns object representation of an instance
+   * TODO: Handle the possibility of missing image better.
+   * As of now a BlendImage filter without image can't be used with fromObject
+   * @return {Object} Object representation of an instance
+   */
+  toObject() {
+    return {
+      ...super.toObject(),
+      image: this.image && this.image.toObject()
+    };
+  }
+
+  /**
+   * Create filter instance from an object representation
+   * @param {object} object Object to create an instance from
+   * @param {object} [options]
+   * @param {AbortSignal} [options.signal] handle aborting image loading, see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal
+   * @returns {Promise<BlendImage>}
+   */
+  static async fromObject(_ref2, options) {
+    let {
+      type,
+      image,
+      ...filterOptions
+    } = _ref2;
+    return FabricImage.fromObject(image, options).then(enlivedImage => new this({
+      ...filterOptions,
+      image: enlivedImage
+    }));
+  }
+}
+/**
+ * Image to make the blend operation with.
+ **/
+/**
+ * Blend mode for the filter: either 'multiply' or 'mask'. 'multiply' will
+ * multiply the values of each channel (R, G, B, and A) of the filter image by
+ * their corresponding values in the base image. 'mask' will only look at the
+ * alpha channel of the filter image, and apply those values to the base
+ * image's alpha channel.
+ * @type String
+ **/
+/**
+ * alpha value. represent the strength of the blend image operation.
+ * not implemented.
+ **/
+_defineProperty(BlendImage, "type", 'BlendImage');
+_defineProperty(BlendImage, "defaults", blendImageDefaultValues);
+_defineProperty(BlendImage, "uniformLocations", ['uTransformMatrix', 'uImage']);
+classRegistry.setClass(BlendImage);
+
+export { BlendImage, blendImageDefaultValues };
+//# sourceMappingURL=BlendImage.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BlendImage.mjs","sources":["../../../src/filters/BlendImage.ts"],"sourcesContent":["import { FabricImage } from '../shapes/Image';\nimport { createCanvasElement } from '../util/misc/dom';\nimport { BaseFilter } from './BaseFilter';\nimport type {\n  T2DPipelineState,\n  TWebGLPipelineState,\n  TWebGLUniformLocationMap,\n} from './typedefs';\nimport type { WebGLFilterBackend } from './WebGLFilterBackend';\nimport { classRegistry } from '../ClassRegistry';\nimport { fragmentSource, vertexSource } from './shaders/blendImage';\n\nexport type TBlendImageMode = 'multiply' | 'mask';\n\ntype BlendImageOwnProps = {\n  mode: TBlendImageMode;\n  alpha: number;\n};\n\nexport const blendImageDefaultValues: BlendImageOwnProps = {\n  mode: 'multiply',\n  alpha: 1,\n};\n\n/**\n * Image Blend filter class\n * @example\n * const filter = new filters.BlendColor({\n *  color: '#000',\n *  mode: 'multiply'\n * });\n *\n * const filter = new BlendImage({\n *  image: fabricImageObject,\n *  mode: 'multiply'\n * });\n * object.filters.push(filter);\n * object.applyFilters();\n * canvas.renderAll();\n */\nexport class BlendImage extends BaseFilter<'BlendImage', BlendImageOwnProps> {\n  /**\n   * Image to make the blend operation with.\n   **/\n  declare image: FabricImage;\n\n  /**\n   * Blend mode for the filter: either 'multiply' or 'mask'. 'multiply' will\n   * multiply the values of each channel (R, G, B, and A) of the filter image by\n   * their corresponding values in the base image. 'mask' will only look at the\n   * alpha channel of the filter image, and apply those values to the base\n   * image's alpha channel.\n   * @type String\n   **/\n  declare mode: BlendImageOwnProps['mode'];\n\n  /**\n   * alpha value. represent the strength of the blend image operation.\n   * not implemented.\n   **/\n  declare alpha: BlendImageOwnProps['alpha'];\n\n  static type = 'BlendImage';\n\n  static defaults = blendImageDefaultValues;\n\n  static uniformLocations = ['uTransformMatrix', 'uImage'];\n\n  getCacheKey() {\n    return `${this.type}_${this.mode}`;\n  }\n\n  getFragmentSource(): string {\n    return fragmentSource[this.mode];\n  }\n\n  getVertexSource(): string {\n    return vertexSource;\n  }\n\n  applyToWebGL(options: TWebGLPipelineState) {\n    const gl = options.context,\n      texture = this.createTexture(options.filterBackend, this.image);\n    this.bindAdditionalTexture(gl, texture!, gl.TEXTURE1);\n    super.applyToWebGL(options);\n    this.unbindAdditionalTexture(gl, gl.TEXTURE1);\n  }\n\n  createTexture(backend: WebGLFilterBackend, image: FabricImage) {\n    return backend.getCachedTexture(image.cacheKey, image.getElement());\n  }\n\n  /**\n   * Calculate a transformMatrix to adapt the image to blend over\n   * @param {Object} options\n   * @param {WebGLRenderingContext} options.context The GL context used for rendering.\n   * @param {Object} options.programCache A map of compiled shader programs, keyed by filter type.\n   */\n  calculateMatrix() {\n    const image = this.image,\n      { width, height } = image.getElement();\n    return [\n      1 / image.scaleX,\n      0,\n      0,\n      0,\n      1 / image.scaleY,\n      0,\n      -image.left / width,\n      -image.top / height,\n      1,\n    ];\n  }\n\n  /**\n   * Apply the Blend operation to a Uint8ClampedArray representing the pixels of an image.\n   *\n   * @param {Object} options\n   * @param {ImageData} options.imageData The Uint8ClampedArray to be filtered.\n   */\n  applyTo2d({\n    imageData: { data, width, height },\n    filterBackend: { resources },\n  }: T2DPipelineState) {\n    const image = this.image;\n    if (!resources.blendImage) {\n      resources.blendImage = createCanvasElement();\n    }\n    const canvas1 = resources.blendImage;\n    const context = canvas1.getContext('2d')!;\n    if (canvas1.width !== width || canvas1.height !== height) {\n      canvas1.width = width;\n      canvas1.height = height;\n    } else {\n      context.clearRect(0, 0, width, height);\n    }\n    context.setTransform(\n      image.scaleX,\n      0,\n      0,\n      image.scaleY,\n      image.left,\n      image.top,\n    );\n    context.drawImage(image.getElement(), 0, 0, width, height);\n    const blendData = context.getImageData(0, 0, width, height).data;\n    for (let i = 0; i < data.length; i += 4) {\n      const r = data[i];\n      const g = data[i + 1];\n      const b = data[i + 2];\n      const a = data[i + 3];\n\n      const tr = blendData[i];\n      const tg = blendData[i + 1];\n      const tb = blendData[i + 2];\n      const ta = blendData[i + 3];\n\n      switch (this.mode) {\n        case 'multiply':\n          data[i] = (r * tr) / 255;\n          data[i + 1] = (g * tg) / 255;\n          data[i + 2] = (b * tb) / 255;\n          data[i + 3] = (a * ta) / 255;\n          break;\n        case 'mask':\n          data[i + 3] = ta;\n          break;\n      }\n    }\n  }\n\n  /**\n   * Send data from this filter to its shader program's uniforms.\n   *\n   * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.\n   * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects\n   */\n  sendUniformData(\n    gl: WebGLRenderingContext,\n    uniformLocations: TWebGLUniformLocationMap,\n  ) {\n    const matrix = this.calculateMatrix();\n    gl.uniform1i(uniformLocations.uImage, 1); // texture unit 1.\n    gl.uniformMatrix3fv(uniformLocations.uTransformMatrix, false, matrix);\n  }\n\n  /**\n   * Returns object representation of an instance\n   * TODO: Handle the possibility of missing image better.\n   * As of now a BlendImage filter without image can't be used with fromObject\n   * @return {Object} Object representation of an instance\n   */\n  toObject(): {\n    type: 'BlendImage';\n    image: ReturnType<FabricImage['toObject']>;\n  } & BlendImageOwnProps {\n    return {\n      ...super.toObject(),\n      image: this.image && this.image.toObject(),\n    };\n  }\n\n  /**\n   * Create filter instance from an object representation\n   * @param {object} object Object to create an instance from\n   * @param {object} [options]\n   * @param {AbortSignal} [options.signal] handle aborting image loading, see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal\n   * @returns {Promise<BlendImage>}\n   */\n  static async fromObject(\n    { type, image, ...filterOptions }: Record<string, any>,\n    options: { signal: AbortSignal },\n  ): Promise<BaseFilter<'BlendImage', BlendImageOwnProps>> {\n    return FabricImage.fromObject(image, options).then(\n      (enlivedImage) => new this({ ...filterOptions, image: enlivedImage }),\n    );\n  }\n}\n\nclassRegistry.setClass(BlendImage);\n"],"names":["blendImageDefaultValues","mode","alpha","BlendImage","BaseFilter","getCacheKey","type","getFragmentSource","fragmentSource","getVertexSource","vertexSource","applyToWebGL","options","gl","context","texture","createTexture","filterBackend","image","bindAdditionalTexture","TEXTURE1","unbindAdditionalTexture","backend","getCachedTexture","cacheKey","getElement","calculateMatrix","width","height","scaleX","scaleY","left","top","applyTo2d","_ref","imageData","data","resources","blendImage","createCanvasElement","canvas1","getContext","clearRect","setTransform","drawImage","blendData","getImageData","i","length","r","g","b","a","tr","tg","tb","ta","sendUniformData","uniformLocations","matrix","uniform1i","uImage","uniformMatrix3fv","uTransformMatrix","toObject","fromObject","_ref2","filterOptions","FabricImage","then","enlivedImage","_defineProperty","classRegistry","setClass"],"mappings":"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"}

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

@@ -0,0 +1,49 @@
+import { BaseFilter } from './BaseFilter';
+import type { TWebGLPipelineState, T2DPipelineState, TWebGLUniformLocationMap } from './typedefs';
+type BlurOwnProps = {
+    blur: number;
+};
+export declare const blurDefaultValues: BlurOwnProps;
+/**
+ * Blur filter class
+ * @example
+ * const filter = new Blur({
+ *   blur: 0.5
+ * });
+ * object.filters.push(filter);
+ * object.applyFilters();
+ * canvas.renderAll();
+ */
+export declare class Blur extends BaseFilter<'Blur', BlurOwnProps> {
+    /**
+     * blur value, in percentage of image dimensions.
+     * specific to keep the image blur constant at different resolutions
+     * range between 0 and 1.
+     * @type Number
+     */
+    blur: BlurOwnProps['blur'];
+    horizontal: boolean;
+    aspectRatio: number;
+    static type: string;
+    static defaults: BlurOwnProps;
+    static uniformLocations: string[];
+    getFragmentSource(): string;
+    applyTo(options: TWebGLPipelineState | T2DPipelineState): void;
+    applyTo2d({ imageData: { data, width, height } }: T2DPipelineState): void;
+    /**
+     * Send data from this filter to its shader program's uniforms.
+     *
+     * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.
+     * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects
+     */
+    sendUniformData(gl: WebGLRenderingContext, uniformLocations: TWebGLUniformLocationMap): void;
+    isNeutralState(): boolean;
+    getBlurValue(): number;
+    /**
+     * choose right value of image percentage to blur with
+     * @returns {Array} a numeric array with delta values
+     */
+    chooseRightDelta(): number[];
+}
+export {};
+//# sourceMappingURL=Blur.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Blur.d.ts","sourceRoot":"","sources":["../../../src/filters/Blur.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,KAAK,EACV,mBAAmB,EACnB,gBAAgB,EAChB,wBAAwB,EACzB,MAAM,YAAY,CAAC;AAKpB,KAAK,YAAY,GAAG;IAClB,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,YAE/B,CAAC;AAEF;;;;;;;;;GASG;AACH,qBAAa,IAAK,SAAQ,UAAU,CAAC,MAAM,EAAE,YAAY,CAAC;IACxD;;;;;OAKG;IACK,IAAI,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC;IAE3B,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IAE5B,MAAM,CAAC,IAAI,SAAU;IAErB,MAAM,CAAC,QAAQ,eAAqB;IAEpC,MAAM,CAAC,gBAAgB,WAAc;IAErC,iBAAiB,IAAI,MAAM;IAI3B,OAAO,CAAC,OAAO,EAAE,mBAAmB,GAAG,gBAAgB;IAkBvD,SAAS,CAAC,EAAE,SAAS,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,gBAAgB;IA2FlE;;;;;OAKG;IACH,eAAe,CACb,EAAE,EAAE,qBAAqB,EACzB,gBAAgB,EAAE,wBAAwB;IAM5C,cAAc;IAId,YAAY,IAAI,MAAM;IAiBtB;;;OAGG;IACH,gBAAgB;CAIjB"}

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

@@ -0,0 +1,2 @@
+import{defineProperty as t}from"../../_virtual/_rollupPluginBabelHelpers.min.mjs";import{BaseFilter as e}from"./BaseFilter.min.mjs";import{isWebGLPipelineState as s}from"./utils.min.mjs";import{classRegistry as o}from"../ClassRegistry.min.mjs";import{fragmentSource as r}from"./shaders/blur.min.mjs";const i={blur:0};class a extends e{getFragmentSource(){return r}applyTo(t){s(t)?(this.aspectRatio=t.sourceWidth/t.sourceHeight,t.passes++,this._setupFrameBuffer(t),this.horizontal=!0,this.applyToWebGL(t),this._swapTextures(t),this._setupFrameBuffer(t),this.horizontal=!1,this.applyToWebGL(t),this._swapTextures(t)):this.applyTo2d(t)}applyTo2d(t){let{imageData:{data:e,width:s,height:o}}=t;this.aspectRatio=s/o,this.horizontal=!0;let r=this.getBlurValue()*s;const i=new Uint8ClampedArray(e),a=15,l=4*s;for(let t=0;t<e.length;t+=4){let s=0,o=0,h=0,n=0,u=0;const p=t-t%l,m=p+l;for(let i=-14;i<a;i++){const l=i/a,c=4*Math.floor(r*l),f=1-Math.abs(l);let g=t+c;g<p?g=p:g>m&&(g=m);const d=e[g+3]*f;s+=e[g]*d,o+=e[g+1]*d,h+=e[g+2]*d,n+=d,u+=f}i[t]=s/n,i[t+1]=o/n,i[t+2]=h/n,i[t+3]=n/u}this.horizontal=!1,r=this.getBlurValue()*o;for(let t=0;t<i.length;t+=4){let s=0,o=0,h=0,n=0,u=0;const p=t%l,m=i.length-l+p;for(let e=-14;e<a;e++){const c=e/a,f=Math.floor(r*c)*l,g=1-Math.abs(c);let d=t+f;d<p?d=p:d>m&&(d=m);const b=i[d+3]*g;s+=i[d]*b,o+=i[d+1]*b,h+=i[d+2]*b,n+=b,u+=g}e[t]=s/n,e[t+1]=o/n,e[t+2]=h/n,e[t+3]=n/u}}sendUniformData(t,e){const s=this.chooseRightDelta();t.uniform2fv(e.uDelta,s)}isNeutralState(){return 0===this.blur}getBlurValue(){let t=1;const{horizontal:e,aspectRatio:s}=this;return e?s>1&&(t=1/s):s<1&&(t=s),t*this.blur*.12}chooseRightDelta(){const t=this.getBlurValue();return this.horizontal?[t,0]:[0,t]}}t(a,"type","Blur"),t(a,"defaults",i),t(a,"uniformLocations",["uDelta"]),o.setClass(a);export{a as Blur,i as blurDefaultValues};
+//# sourceMappingURL=Blur.min.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Blur.min.mjs","sources":["../../../src/filters/Blur.ts"],"sourcesContent":["import { BaseFilter } from './BaseFilter';\nimport type {\n  TWebGLPipelineState,\n  T2DPipelineState,\n  TWebGLUniformLocationMap,\n} from './typedefs';\nimport { isWebGLPipelineState } from './utils';\nimport { classRegistry } from '../ClassRegistry';\nimport { fragmentSource } from './shaders/blur';\n\ntype BlurOwnProps = {\n  blur: number;\n};\n\nexport const blurDefaultValues: BlurOwnProps = {\n  blur: 0,\n};\n\n/**\n * Blur filter class\n * @example\n * const filter = new Blur({\n *   blur: 0.5\n * });\n * object.filters.push(filter);\n * object.applyFilters();\n * canvas.renderAll();\n */\nexport class Blur extends BaseFilter<'Blur', BlurOwnProps> {\n  /**\n   * blur value, in percentage of image dimensions.\n   * specific to keep the image blur constant at different resolutions\n   * range between 0 and 1.\n   * @type Number\n   */\n  declare blur: BlurOwnProps['blur'];\n\n  declare horizontal: boolean;\n  declare aspectRatio: number;\n\n  static type = 'Blur';\n\n  static defaults = blurDefaultValues;\n\n  static uniformLocations = ['uDelta'];\n\n  getFragmentSource(): string {\n    return fragmentSource;\n  }\n\n  applyTo(options: TWebGLPipelineState | T2DPipelineState) {\n    if (isWebGLPipelineState(options)) {\n      // this aspectRatio is used to give the same blur to vertical and horizontal\n      this.aspectRatio = options.sourceWidth / options.sourceHeight;\n      options.passes++;\n      this._setupFrameBuffer(options);\n      this.horizontal = true;\n      this.applyToWebGL(options);\n      this._swapTextures(options);\n      this._setupFrameBuffer(options);\n      this.horizontal = false;\n      this.applyToWebGL(options);\n      this._swapTextures(options);\n    } else {\n      this.applyTo2d(options);\n    }\n  }\n\n  applyTo2d({ imageData: { data, width, height } }: T2DPipelineState) {\n    // this code mimic the shader for output consistency\n    // it samples 31 pixels across the image over a distance that depends from the blur value.\n    this.aspectRatio = width / height;\n    this.horizontal = true;\n    let blurValue = this.getBlurValue() * width;\n    const imageData = new Uint8ClampedArray(data);\n    const samples = 15;\n    const bytesInRow = 4 * width;\n    for (let i = 0; i < data.length; i += 4) {\n      let r = 0.0,\n        g = 0.0,\n        b = 0.0,\n        a = 0.0,\n        totalA = 0;\n      const minIRow = i - (i % bytesInRow);\n      const maxIRow = minIRow + bytesInRow;\n      // for now let's keep noise out of the way\n      // let pixelOffset = 0;\n      // const offset = Math.random() * 3;\n      // if (offset > 2) {\n      //   pixelOffset = 4;\n      // } else if (offset < 1) {\n      //   pixelOffset = -4;\n      // }\n      for (let j = -samples + 1; j < samples; j++) {\n        const percent = j / samples;\n        const distance = Math.floor(blurValue * percent) * 4;\n        const weight = 1 - Math.abs(percent);\n        let sampledPixel = i + distance; // + pixelOffset;\n        // try to implement edge mirroring\n        if (sampledPixel < minIRow) {\n          sampledPixel = minIRow;\n        } else if (sampledPixel > maxIRow) {\n          sampledPixel = maxIRow;\n        }\n        const localAlpha = data[sampledPixel + 3] * weight;\n        r += data[sampledPixel] * localAlpha;\n        g += data[sampledPixel + 1] * localAlpha;\n        b += data[sampledPixel + 2] * localAlpha;\n        a += localAlpha;\n        totalA += weight;\n      }\n      imageData[i] = r / a;\n      imageData[i + 1] = g / a;\n      imageData[i + 2] = b / a;\n      imageData[i + 3] = a / totalA;\n    }\n    this.horizontal = false;\n    blurValue = this.getBlurValue() * height;\n    for (let i = 0; i < imageData.length; i += 4) {\n      let r = 0.0,\n        g = 0.0,\n        b = 0.0,\n        a = 0.0,\n        totalA = 0;\n      const minIRow = i % bytesInRow;\n      const maxIRow = imageData.length - bytesInRow + minIRow;\n      // for now let's keep noise out of the way\n      // let pixelOffset = 0;\n      // const offset = Math.random() * 3;\n      // if (offset > 2) {\n      //   pixelOffset = bytesInRow;\n      // } else if (offset < 1) {\n      //   pixelOffset = -bytesInRow;\n      // }\n      for (let j = -samples + 1; j < samples; j++) {\n        const percent = j / samples;\n        const distance = Math.floor(blurValue * percent) * bytesInRow;\n        const weight = 1 - Math.abs(percent);\n        let sampledPixel = i + distance; // + pixelOffset;\n        // try to implement edge mirroring\n        if (sampledPixel < minIRow) {\n          sampledPixel = minIRow;\n        } else if (sampledPixel > maxIRow) {\n          sampledPixel = maxIRow;\n        }\n        const localAlpha = imageData[sampledPixel + 3] * weight;\n        r += imageData[sampledPixel] * localAlpha;\n        g += imageData[sampledPixel + 1] * localAlpha;\n        b += imageData[sampledPixel + 2] * localAlpha;\n        a += localAlpha;\n        totalA += weight;\n      }\n      data[i] = r / a;\n      data[i + 1] = g / a;\n      data[i + 2] = b / a;\n      data[i + 3] = a / totalA;\n    }\n  }\n\n  /**\n   * Send data from this filter to its shader program's uniforms.\n   *\n   * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.\n   * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects\n   */\n  sendUniformData(\n    gl: WebGLRenderingContext,\n    uniformLocations: TWebGLUniformLocationMap,\n  ) {\n    const delta = this.chooseRightDelta();\n    gl.uniform2fv(uniformLocations.uDelta, delta);\n  }\n\n  isNeutralState() {\n    return this.blur === 0;\n  }\n\n  getBlurValue(): number {\n    let blurScale = 1;\n    const { horizontal, aspectRatio } = this;\n    if (horizontal) {\n      if (aspectRatio > 1) {\n        // image is wide, i want to shrink radius horizontal\n        blurScale = 1 / aspectRatio;\n      }\n    } else {\n      if (aspectRatio < 1) {\n        // image is tall, i want to shrink radius vertical\n        blurScale = aspectRatio;\n      }\n    }\n    return blurScale * this.blur * 0.12;\n  }\n\n  /**\n   * choose right value of image percentage to blur with\n   * @returns {Array} a numeric array with delta values\n   */\n  chooseRightDelta() {\n    const blur = this.getBlurValue();\n    return this.horizontal ? [blur, 0] : [0, blur];\n  }\n}\n\nclassRegistry.setClass(Blur);\n"],"names":["blurDefaultValues","blur","Blur","BaseFilter","getFragmentSource","fragmentSource","applyTo","options","isWebGLPipelineState","this","aspectRatio","sourceWidth","sourceHeight","passes","_setupFrameBuffer","horizontal","applyToWebGL","_swapTextures","applyTo2d","_ref","imageData","data","width","height","blurValue","getBlurValue","Uint8ClampedArray","samples","bytesInRow","i","length","r","g","b","a","totalA","minIRow","maxIRow","j","percent","distance","Math","floor","weight","abs","sampledPixel","localAlpha","sendUniformData","gl","uniformLocations","delta","chooseRightDelta","uniform2fv","uDelta","isNeutralState","blurScale","_defineProperty","classRegistry","setClass"],"mappings":"4SAcO,MAAMA,EAAkC,CAC7CC,KAAM,GAaD,MAAMC,UAAaC,EAkBxBC,iBAAAA,GACE,OAAOC,CACT,CAEAC,OAAAA,CAAQC,GACFC,EAAqBD,IAEvBE,KAAKC,YAAcH,EAAQI,YAAcJ,EAAQK,aACjDL,EAAQM,SACRJ,KAAKK,kBAAkBP,GACvBE,KAAKM,YAAa,EAClBN,KAAKO,aAAaT,GAClBE,KAAKQ,cAAcV,GACnBE,KAAKK,kBAAkBP,GACvBE,KAAKM,YAAa,EAClBN,KAAKO,aAAaT,GAClBE,KAAKQ,cAAcV,IAEnBE,KAAKS,UAAUX,EAEnB,CAEAW,SAAAA,CAASC,GAA2D,IAAxDC,WAAWC,KAAEA,EAAIC,MAAEA,EAAKC,OAAEA,IAA4BJ,EAGhEV,KAAKC,YAAcY,EAAQC,EAC3Bd,KAAKM,YAAa,EAClB,IAAIS,EAAYf,KAAKgB,eAAiBH,EACtC,MAAMF,EAAY,IAAIM,kBAAkBL,GAClCM,EAAU,GACVC,EAAa,EAAIN,EACvB,IAAK,IAAIO,EAAI,EAAGA,EAAIR,EAAKS,OAAQD,GAAK,EAAG,CACvC,IAAIE,EAAI,EACNC,EAAI,EACJC,EAAI,EACJC,EAAI,EACJC,EAAS,EACX,MAAMC,EAAUP,EAAKA,EAAID,EACnBS,EAAUD,EAAUR,EAS1B,IAAK,IAAIU,GAAI,GAAcA,EAAIX,EAASW,IAAK,CAC3C,MAAMC,EAAUD,EAAIX,EACda,EAA6C,EAAlCC,KAAKC,MAAMlB,EAAYe,GAClCI,EAAS,EAAIF,KAAKG,IAAIL,GAC5B,IAAIM,EAAehB,EAAIW,EAEnBK,EAAeT,EACjBS,EAAeT,EACNS,EAAeR,IACxBQ,EAAeR,GAEjB,MAAMS,EAAazB,EAAKwB,EAAe,GAAKF,EAC5CZ,GAAKV,EAAKwB,GAAgBC,EAC1Bd,GAAKX,EAAKwB,EAAe,GAAKC,EAC9Bb,GAAKZ,EAAKwB,EAAe,GAAKC,EAC9BZ,GAAKY,EACLX,GAAUQ,CACZ,CACAvB,EAAUS,GAAKE,EAAIG,EACnBd,EAAUS,EAAI,GAAKG,EAAIE,EACvBd,EAAUS,EAAI,GAAKI,EAAIC,EACvBd,EAAUS,EAAI,GAAKK,EAAIC,CACzB,CACA1B,KAAKM,YAAa,EAClBS,EAAYf,KAAKgB,eAAiBF,EAClC,IAAK,IAAIM,EAAI,EAAGA,EAAIT,EAAUU,OAAQD,GAAK,EAAG,CAC5C,IAAIE,EAAI,EACNC,EAAI,EACJC,EAAI,EACJC,EAAI,EACJC,EAAS,EACX,MAAMC,EAAUP,EAAID,EACdS,EAAUjB,EAAUU,OAASF,EAAaQ,EAShD,IAAK,IAAIE,GAAI,GAAcA,EAAIX,EAASW,IAAK,CAC3C,MAAMC,EAAUD,EAAIX,EACda,EAAWC,KAAKC,MAAMlB,EAAYe,GAAWX,EAC7Ce,EAAS,EAAIF,KAAKG,IAAIL,GAC5B,IAAIM,EAAehB,EAAIW,EAEnBK,EAAeT,EACjBS,EAAeT,EACNS,EAAeR,IACxBQ,EAAeR,GAEjB,MAAMS,EAAa1B,EAAUyB,EAAe,GAAKF,EACjDZ,GAAKX,EAAUyB,GAAgBC,EAC/Bd,GAAKZ,EAAUyB,EAAe,GAAKC,EACnCb,GAAKb,EAAUyB,EAAe,GAAKC,EACnCZ,GAAKY,EACLX,GAAUQ,CACZ,CACAtB,EAAKQ,GAAKE,EAAIG,EACdb,EAAKQ,EAAI,GAAKG,EAAIE,EAClBb,EAAKQ,EAAI,GAAKI,EAAIC,EAClBb,EAAKQ,EAAI,GAAKK,EAAIC,CACpB,CACF,CAQAY,eAAAA,CACEC,EACAC,GAEA,MAAMC,EAAQzC,KAAK0C,mBACnBH,EAAGI,WAAWH,EAAiBI,OAAQH,EACzC,CAEAI,cAAAA,GACE,OAAqB,IAAd7C,KAAKR,IACd,CAEAwB,YAAAA,GACE,IAAI8B,EAAY,EAChB,MAAMxC,WAAEA,EAAUL,YAAEA,GAAgBD,KAYpC,OAXIM,EACEL,EAAc,IAEhB6C,EAAY,EAAI7C,GAGdA,EAAc,IAEhB6C,EAAY7C,GAGT6C,EAAY9C,KAAKR,KAAO,GACjC,CAMAkD,gBAAAA,GACE,MAAMlD,EAAOQ,KAAKgB,eAClB,OAAOhB,KAAKM,WAAa,CAACd,EAAM,GAAK,CAAC,EAAGA,EAC3C,EA5KAuD,EADWtD,EAAI,OAYD,QAAMsD,EAZTtD,EAAI,WAcGF,GAAiBwD,EAdxBtD,EAAI,mBAgBW,CAAC,WAgK7BuD,EAAcC,SAASxD"}

package/dist/src/filters/Blur.mjs

@@ -0,0 +1,194 @@
+import { defineProperty as _defineProperty } from '../../_virtual/_rollupPluginBabelHelpers.mjs';
+import { BaseFilter } from './BaseFilter.mjs';
+import { isWebGLPipelineState } from './utils.mjs';
+import { classRegistry } from '../ClassRegistry.mjs';
+import { fragmentSource } from './shaders/blur.mjs';
+
+const blurDefaultValues = {
+  blur: 0
+};
+
+/**
+ * Blur filter class
+ * @example
+ * const filter = new Blur({
+ *   blur: 0.5
+ * });
+ * object.filters.push(filter);
+ * object.applyFilters();
+ * canvas.renderAll();
+ */
+class Blur extends BaseFilter {
+  getFragmentSource() {
+    return fragmentSource;
+  }
+  applyTo(options) {
+    if (isWebGLPipelineState(options)) {
+      // this aspectRatio is used to give the same blur to vertical and horizontal
+      this.aspectRatio = options.sourceWidth / options.sourceHeight;
+      options.passes++;
+      this._setupFrameBuffer(options);
+      this.horizontal = true;
+      this.applyToWebGL(options);
+      this._swapTextures(options);
+      this._setupFrameBuffer(options);
+      this.horizontal = false;
+      this.applyToWebGL(options);
+      this._swapTextures(options);
+    } else {
+      this.applyTo2d(options);
+    }
+  }
+  applyTo2d(_ref) {
+    let {
+      imageData: {
+        data,
+        width,
+        height
+      }
+    } = _ref;
+    // this code mimic the shader for output consistency
+    // it samples 31 pixels across the image over a distance that depends from the blur value.
+    this.aspectRatio = width / height;
+    this.horizontal = true;
+    let blurValue = this.getBlurValue() * width;
+    const imageData = new Uint8ClampedArray(data);
+    const samples = 15;
+    const bytesInRow = 4 * width;
+    for (let i = 0; i < data.length; i += 4) {
+      let r = 0.0,
+        g = 0.0,
+        b = 0.0,
+        a = 0.0,
+        totalA = 0;
+      const minIRow = i - i % bytesInRow;
+      const maxIRow = minIRow + bytesInRow;
+      // for now let's keep noise out of the way
+      // let pixelOffset = 0;
+      // const offset = Math.random() * 3;
+      // if (offset > 2) {
+      //   pixelOffset = 4;
+      // } else if (offset < 1) {
+      //   pixelOffset = -4;
+      // }
+      for (let j = -samples + 1; j < samples; j++) {
+        const percent = j / samples;
+        const distance = Math.floor(blurValue * percent) * 4;
+        const weight = 1 - Math.abs(percent);
+        let sampledPixel = i + distance; // + pixelOffset;
+        // try to implement edge mirroring
+        if (sampledPixel < minIRow) {
+          sampledPixel = minIRow;
+        } else if (sampledPixel > maxIRow) {
+          sampledPixel = maxIRow;
+        }
+        const localAlpha = data[sampledPixel + 3] * weight;
+        r += data[sampledPixel] * localAlpha;
+        g += data[sampledPixel + 1] * localAlpha;
+        b += data[sampledPixel + 2] * localAlpha;
+        a += localAlpha;
+        totalA += weight;
+      }
+      imageData[i] = r / a;
+      imageData[i + 1] = g / a;
+      imageData[i + 2] = b / a;
+      imageData[i + 3] = a / totalA;
+    }
+    this.horizontal = false;
+    blurValue = this.getBlurValue() * height;
+    for (let i = 0; i < imageData.length; i += 4) {
+      let r = 0.0,
+        g = 0.0,
+        b = 0.0,
+        a = 0.0,
+        totalA = 0;
+      const minIRow = i % bytesInRow;
+      const maxIRow = imageData.length - bytesInRow + minIRow;
+      // for now let's keep noise out of the way
+      // let pixelOffset = 0;
+      // const offset = Math.random() * 3;
+      // if (offset > 2) {
+      //   pixelOffset = bytesInRow;
+      // } else if (offset < 1) {
+      //   pixelOffset = -bytesInRow;
+      // }
+      for (let j = -samples + 1; j < samples; j++) {
+        const percent = j / samples;
+        const distance = Math.floor(blurValue * percent) * bytesInRow;
+        const weight = 1 - Math.abs(percent);
+        let sampledPixel = i + distance; // + pixelOffset;
+        // try to implement edge mirroring
+        if (sampledPixel < minIRow) {
+          sampledPixel = minIRow;
+        } else if (sampledPixel > maxIRow) {
+          sampledPixel = maxIRow;
+        }
+        const localAlpha = imageData[sampledPixel + 3] * weight;
+        r += imageData[sampledPixel] * localAlpha;
+        g += imageData[sampledPixel + 1] * localAlpha;
+        b += imageData[sampledPixel + 2] * localAlpha;
+        a += localAlpha;
+        totalA += weight;
+      }
+      data[i] = r / a;
+      data[i + 1] = g / a;
+      data[i + 2] = b / a;
+      data[i + 3] = a / totalA;
+    }
+  }
+
+  /**
+   * Send data from this filter to its shader program's uniforms.
+   *
+   * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.
+   * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects
+   */
+  sendUniformData(gl, uniformLocations) {
+    const delta = this.chooseRightDelta();
+    gl.uniform2fv(uniformLocations.uDelta, delta);
+  }
+  isNeutralState() {
+    return this.blur === 0;
+  }
+  getBlurValue() {
+    let blurScale = 1;
+    const {
+      horizontal,
+      aspectRatio
+    } = this;
+    if (horizontal) {
+      if (aspectRatio > 1) {
+        // image is wide, i want to shrink radius horizontal
+        blurScale = 1 / aspectRatio;
+      }
+    } else {
+      if (aspectRatio < 1) {
+        // image is tall, i want to shrink radius vertical
+        blurScale = aspectRatio;
+      }
+    }
+    return blurScale * this.blur * 0.12;
+  }
+
+  /**
+   * choose right value of image percentage to blur with
+   * @returns {Array} a numeric array with delta values
+   */
+  chooseRightDelta() {
+    const blur = this.getBlurValue();
+    return this.horizontal ? [blur, 0] : [0, blur];
+  }
+}
+/**
+ * blur value, in percentage of image dimensions.
+ * specific to keep the image blur constant at different resolutions
+ * range between 0 and 1.
+ * @type Number
+ */
+_defineProperty(Blur, "type", 'Blur');
+_defineProperty(Blur, "defaults", blurDefaultValues);
+_defineProperty(Blur, "uniformLocations", ['uDelta']);
+classRegistry.setClass(Blur);
+
+export { Blur, blurDefaultValues };
+//# sourceMappingURL=Blur.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Blur.mjs","sources":["../../../src/filters/Blur.ts"],"sourcesContent":["import { BaseFilter } from './BaseFilter';\nimport type {\n  TWebGLPipelineState,\n  T2DPipelineState,\n  TWebGLUniformLocationMap,\n} from './typedefs';\nimport { isWebGLPipelineState } from './utils';\nimport { classRegistry } from '../ClassRegistry';\nimport { fragmentSource } from './shaders/blur';\n\ntype BlurOwnProps = {\n  blur: number;\n};\n\nexport const blurDefaultValues: BlurOwnProps = {\n  blur: 0,\n};\n\n/**\n * Blur filter class\n * @example\n * const filter = new Blur({\n *   blur: 0.5\n * });\n * object.filters.push(filter);\n * object.applyFilters();\n * canvas.renderAll();\n */\nexport class Blur extends BaseFilter<'Blur', BlurOwnProps> {\n  /**\n   * blur value, in percentage of image dimensions.\n   * specific to keep the image blur constant at different resolutions\n   * range between 0 and 1.\n   * @type Number\n   */\n  declare blur: BlurOwnProps['blur'];\n\n  declare horizontal: boolean;\n  declare aspectRatio: number;\n\n  static type = 'Blur';\n\n  static defaults = blurDefaultValues;\n\n  static uniformLocations = ['uDelta'];\n\n  getFragmentSource(): string {\n    return fragmentSource;\n  }\n\n  applyTo(options: TWebGLPipelineState | T2DPipelineState) {\n    if (isWebGLPipelineState(options)) {\n      // this aspectRatio is used to give the same blur to vertical and horizontal\n      this.aspectRatio = options.sourceWidth / options.sourceHeight;\n      options.passes++;\n      this._setupFrameBuffer(options);\n      this.horizontal = true;\n      this.applyToWebGL(options);\n      this._swapTextures(options);\n      this._setupFrameBuffer(options);\n      this.horizontal = false;\n      this.applyToWebGL(options);\n      this._swapTextures(options);\n    } else {\n      this.applyTo2d(options);\n    }\n  }\n\n  applyTo2d({ imageData: { data, width, height } }: T2DPipelineState) {\n    // this code mimic the shader for output consistency\n    // it samples 31 pixels across the image over a distance that depends from the blur value.\n    this.aspectRatio = width / height;\n    this.horizontal = true;\n    let blurValue = this.getBlurValue() * width;\n    const imageData = new Uint8ClampedArray(data);\n    const samples = 15;\n    const bytesInRow = 4 * width;\n    for (let i = 0; i < data.length; i += 4) {\n      let r = 0.0,\n        g = 0.0,\n        b = 0.0,\n        a = 0.0,\n        totalA = 0;\n      const minIRow = i - (i % bytesInRow);\n      const maxIRow = minIRow + bytesInRow;\n      // for now let's keep noise out of the way\n      // let pixelOffset = 0;\n      // const offset = Math.random() * 3;\n      // if (offset > 2) {\n      //   pixelOffset = 4;\n      // } else if (offset < 1) {\n      //   pixelOffset = -4;\n      // }\n      for (let j = -samples + 1; j < samples; j++) {\n        const percent = j / samples;\n        const distance = Math.floor(blurValue * percent) * 4;\n        const weight = 1 - Math.abs(percent);\n        let sampledPixel = i + distance; // + pixelOffset;\n        // try to implement edge mirroring\n        if (sampledPixel < minIRow) {\n          sampledPixel = minIRow;\n        } else if (sampledPixel > maxIRow) {\n          sampledPixel = maxIRow;\n        }\n        const localAlpha = data[sampledPixel + 3] * weight;\n        r += data[sampledPixel] * localAlpha;\n        g += data[sampledPixel + 1] * localAlpha;\n        b += data[sampledPixel + 2] * localAlpha;\n        a += localAlpha;\n        totalA += weight;\n      }\n      imageData[i] = r / a;\n      imageData[i + 1] = g / a;\n      imageData[i + 2] = b / a;\n      imageData[i + 3] = a / totalA;\n    }\n    this.horizontal = false;\n    blurValue = this.getBlurValue() * height;\n    for (let i = 0; i < imageData.length; i += 4) {\n      let r = 0.0,\n        g = 0.0,\n        b = 0.0,\n        a = 0.0,\n        totalA = 0;\n      const minIRow = i % bytesInRow;\n      const maxIRow = imageData.length - bytesInRow + minIRow;\n      // for now let's keep noise out of the way\n      // let pixelOffset = 0;\n      // const offset = Math.random() * 3;\n      // if (offset > 2) {\n      //   pixelOffset = bytesInRow;\n      // } else if (offset < 1) {\n      //   pixelOffset = -bytesInRow;\n      // }\n      for (let j = -samples + 1; j < samples; j++) {\n        const percent = j / samples;\n        const distance = Math.floor(blurValue * percent) * bytesInRow;\n        const weight = 1 - Math.abs(percent);\n        let sampledPixel = i + distance; // + pixelOffset;\n        // try to implement edge mirroring\n        if (sampledPixel < minIRow) {\n          sampledPixel = minIRow;\n        } else if (sampledPixel > maxIRow) {\n          sampledPixel = maxIRow;\n        }\n        const localAlpha = imageData[sampledPixel + 3] * weight;\n        r += imageData[sampledPixel] * localAlpha;\n        g += imageData[sampledPixel + 1] * localAlpha;\n        b += imageData[sampledPixel + 2] * localAlpha;\n        a += localAlpha;\n        totalA += weight;\n      }\n      data[i] = r / a;\n      data[i + 1] = g / a;\n      data[i + 2] = b / a;\n      data[i + 3] = a / totalA;\n    }\n  }\n\n  /**\n   * Send data from this filter to its shader program's uniforms.\n   *\n   * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.\n   * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects\n   */\n  sendUniformData(\n    gl: WebGLRenderingContext,\n    uniformLocations: TWebGLUniformLocationMap,\n  ) {\n    const delta = this.chooseRightDelta();\n    gl.uniform2fv(uniformLocations.uDelta, delta);\n  }\n\n  isNeutralState() {\n    return this.blur === 0;\n  }\n\n  getBlurValue(): number {\n    let blurScale = 1;\n    const { horizontal, aspectRatio } = this;\n    if (horizontal) {\n      if (aspectRatio > 1) {\n        // image is wide, i want to shrink radius horizontal\n        blurScale = 1 / aspectRatio;\n      }\n    } else {\n      if (aspectRatio < 1) {\n        // image is tall, i want to shrink radius vertical\n        blurScale = aspectRatio;\n      }\n    }\n    return blurScale * this.blur * 0.12;\n  }\n\n  /**\n   * choose right value of image percentage to blur with\n   * @returns {Array} a numeric array with delta values\n   */\n  chooseRightDelta() {\n    const blur = this.getBlurValue();\n    return this.horizontal ? [blur, 0] : [0, blur];\n  }\n}\n\nclassRegistry.setClass(Blur);\n"],"names":["blurDefaultValues","blur","Blur","BaseFilter","getFragmentSource","fragmentSource","applyTo","options","isWebGLPipelineState","aspectRatio","sourceWidth","sourceHeight","passes","_setupFrameBuffer","horizontal","applyToWebGL","_swapTextures","applyTo2d","_ref","imageData","data","width","height","blurValue","getBlurValue","Uint8ClampedArray","samples","bytesInRow","i","length","r","g","b","a","totalA","minIRow","maxIRow","j","percent","distance","Math","floor","weight","abs","sampledPixel","localAlpha","sendUniformData","gl","uniformLocations","delta","chooseRightDelta","uniform2fv","uDelta","isNeutralState","blurScale","_defineProperty","classRegistry","setClass"],"mappings":"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"}

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

@@ -0,0 +1,45 @@
+import { BaseFilter } from './BaseFilter';
+import type { T2DPipelineState, TWebGLUniformLocationMap } from './typedefs';
+type MyFilterOwnProps = {
+    myParameter: number;
+};
+export declare const myFilterDefaultValues: MyFilterOwnProps;
+/**
+ * MyFilter filter class
+ * @example
+ * const filter = new MyFilter({
+ *   add here an example of how to use your filter
+ * });
+ * object.filters.push(filter);
+ * object.applyFilters();
+ */
+export declare class MyFilter extends BaseFilter<'MyFilter', MyFilterOwnProps> {
+    /**
+     * MyFilter value, from -1 to 1.
+     * translated to -255 to 255 for 2d
+     * 0.0039215686 is the part of 1 that get translated to 1 in 2d
+     * @param {Number} myParameter
+     */
+    myParameter: MyFilterOwnProps['myParameter'];
+    static type: string;
+    static defaults: MyFilterOwnProps;
+    static uniformLocations: string[];
+    getFragmentSource(): string;
+    /**
+     * Apply the MyFilter operation to a Uint8ClampedArray representing the pixels of an image.
+     *
+     * @param {Object} options
+     * @param {ImageData} options.imageData The Uint8ClampedArray to be filtered.
+     */
+    applyTo2d(options: T2DPipelineState): void;
+    /**
+     * Send data from this filter to its shader program's uniforms.
+     *
+     * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.
+     * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects
+     */
+    sendUniformData(gl: WebGLRenderingContext, uniformLocations: TWebGLUniformLocationMap): void;
+    static fromObject(object: any): Promise<MyFilter>;
+}
+export {};
+//# sourceMappingURL=Boilerplate.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Boilerplate.d.ts","sourceRoot":"","sources":["../../../src/filters/Boilerplate.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,KAAK,EAAE,gBAAgB,EAAE,wBAAwB,EAAE,MAAM,YAAY,CAAC;AAE7E,KAAK,gBAAgB,GAAG;IACtB,WAAW,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,gBAEnC,CAAC;AAEF;;;;;;;;GAQG;AACH,qBAAa,QAAS,SAAQ,UAAU,CAAC,UAAU,EAAE,gBAAgB,CAAC;IACpE;;;;;OAKG;IACK,WAAW,EAAE,gBAAgB,CAAC,aAAa,CAAC,CAAC;IAErD,MAAM,CAAC,IAAI,SAAc;IAEzB,MAAM,CAAC,QAAQ,mBAAyB;IAExC,MAAM,CAAC,gBAAgB,WAAoB;IAE3C,iBAAiB;IAajB;;;;;OAKG;IACH,SAAS,CAAC,OAAO,EAAE,gBAAgB;IAWnC;;;;;OAKG;IACH,eAAe,CACb,EAAE,EAAE,qBAAqB,EACzB,gBAAgB,EAAE,wBAAwB;WAK/B,UAAU,CAAC,MAAM,EAAE,GAAG,GAAG,OAAO,CAAC,QAAQ,CAAC;CAKxD"}

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

@@ -0,0 +1,45 @@
+import { BaseFilter } from './BaseFilter';
+import type { T2DPipelineState, TWebGLUniformLocationMap } from './typedefs';
+type BrightnessOwnProps = {
+    brightness: number;
+};
+export declare const brightnessDefaultValues: BrightnessOwnProps;
+/**
+ * Brightness filter class
+ * @example
+ * const filter = new Brightness({
+ *   brightness: 0.05
+ * });
+ * object.filters.push(filter);
+ * object.applyFilters();
+ */
+export declare class Brightness extends BaseFilter<'Brightness', BrightnessOwnProps> {
+    /**
+     * Brightness value, from -1 to 1.
+     * translated to -255 to 255 for 2d
+     * 0.0039215686 is the part of 1 that get translated to 1 in 2d
+     * @param {Number} brightness
+     */
+    brightness: BrightnessOwnProps['brightness'];
+    static type: string;
+    static defaults: BrightnessOwnProps;
+    static uniformLocations: string[];
+    getFragmentSource(): string;
+    /**
+     * Apply the Brightness operation to a Uint8ClampedArray representing the pixels of an image.
+     *
+     * @param {Object} options
+     * @param {ImageData} options.imageData The Uint8ClampedArray to be filtered.
+     */
+    applyTo2d({ imageData: { data } }: T2DPipelineState): void;
+    isNeutralState(): boolean;
+    /**
+     * Send data from this filter to its shader program's uniforms.
+     *
+     * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.
+     * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects
+     */
+    sendUniformData(gl: WebGLRenderingContext, uniformLocations: TWebGLUniformLocationMap): void;
+}
+export {};
+//# sourceMappingURL=Brightness.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Brightness.d.ts","sourceRoot":"","sources":["../../../src/filters/Brightness.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,KAAK,EAAE,gBAAgB,EAAE,wBAAwB,EAAE,MAAM,YAAY,CAAC;AAI7E,KAAK,kBAAkB,GAAG;IACxB,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,kBAErC,CAAC;AAEF;;;;;;;;GAQG;AACH,qBAAa,UAAW,SAAQ,UAAU,CAAC,YAAY,EAAE,kBAAkB,CAAC;IAC1E;;;;;OAKG;IACK,UAAU,EAAE,kBAAkB,CAAC,YAAY,CAAC,CAAC;IAErD,MAAM,CAAC,IAAI,SAAgB;IAE3B,MAAM,CAAC,QAAQ,qBAA2B;IAE1C,MAAM,CAAC,gBAAgB,WAAmB;IAE1C,iBAAiB;IAIjB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,SAAS,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,gBAAgB;IASnD,cAAc;IAId;;;;;OAKG;IACH,eAAe,CACb,EAAE,EAAE,qBAAqB,EACzB,gBAAgB,EAAE,wBAAwB;CAI7C"}

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

@@ -0,0 +1,2 @@
+import{defineProperty as s}from"../../_virtual/_rollupPluginBabelHelpers.min.mjs";import{BaseFilter as t}from"./BaseFilter.min.mjs";import{classRegistry as r}from"../ClassRegistry.min.mjs";import{fragmentSource as e}from"./shaders/brightness.min.mjs";const i={brightness:0};class n extends t{getFragmentSource(){return e}applyTo2d(s){let{imageData:{data:t}}=s;const r=Math.round(255*this.brightness);for(let s=0;s<t.length;s+=4)t[s]+=r,t[s+1]+=r,t[s+2]+=r}isNeutralState(){return 0===this.brightness}sendUniformData(s,t){s.uniform1f(t.uBrightness,this.brightness)}}s(n,"type","Brightness"),s(n,"defaults",i),s(n,"uniformLocations",["uBrightness"]),r.setClass(n);export{n as Brightness,i as brightnessDefaultValues};
+//# sourceMappingURL=Brightness.min.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Brightness.min.mjs","sources":["../../../src/filters/Brightness.ts"],"sourcesContent":["import { BaseFilter } from './BaseFilter';\nimport type { T2DPipelineState, TWebGLUniformLocationMap } from './typedefs';\nimport { classRegistry } from '../ClassRegistry';\nimport { fragmentSource } from './shaders/brightness';\n\ntype BrightnessOwnProps = {\n  brightness: number;\n};\n\nexport const brightnessDefaultValues: BrightnessOwnProps = {\n  brightness: 0,\n};\n\n/**\n * Brightness filter class\n * @example\n * const filter = new Brightness({\n *   brightness: 0.05\n * });\n * object.filters.push(filter);\n * object.applyFilters();\n */\nexport class Brightness extends BaseFilter<'Brightness', BrightnessOwnProps> {\n  /**\n   * Brightness value, from -1 to 1.\n   * translated to -255 to 255 for 2d\n   * 0.0039215686 is the part of 1 that get translated to 1 in 2d\n   * @param {Number} brightness\n   */\n  declare brightness: BrightnessOwnProps['brightness'];\n\n  static type = 'Brightness';\n\n  static defaults = brightnessDefaultValues;\n\n  static uniformLocations = ['uBrightness'];\n\n  getFragmentSource() {\n    return fragmentSource;\n  }\n\n  /**\n   * Apply the Brightness operation to a Uint8ClampedArray representing the pixels of an image.\n   *\n   * @param {Object} options\n   * @param {ImageData} options.imageData The Uint8ClampedArray to be filtered.\n   */\n  applyTo2d({ imageData: { data } }: T2DPipelineState) {\n    const brightness = Math.round(this.brightness * 255);\n    for (let i = 0; i < data.length; i += 4) {\n      data[i] += brightness;\n      data[i + 1] += brightness;\n      data[i + 2] += brightness;\n    }\n  }\n\n  isNeutralState() {\n    return this.brightness === 0;\n  }\n\n  /**\n   * Send data from this filter to its shader program's uniforms.\n   *\n   * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.\n   * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects\n   */\n  sendUniformData(\n    gl: WebGLRenderingContext,\n    uniformLocations: TWebGLUniformLocationMap,\n  ) {\n    gl.uniform1f(uniformLocations.uBrightness, this.brightness);\n  }\n}\n\nclassRegistry.setClass(Brightness);\n"],"names":["brightnessDefaultValues","brightness","Brightness","BaseFilter","getFragmentSource","fragmentSource","applyTo2d","_ref","imageData","data","Math","round","this","i","length","isNeutralState","sendUniformData","gl","uniformLocations","uniform1f","uBrightness","_defineProperty","classRegistry","setClass"],"mappings":"2PASO,MAAMA,EAA8C,CACzDC,WAAY,GAYP,MAAMC,UAAmBC,EAe9BC,iBAAAA,GACE,OAAOC,CACT,CAQAC,SAAAA,CAASC,GAA4C,IAAzCC,WAAWC,KAAEA,IAA0BF,EACjD,MAAMN,EAAaS,KAAKC,MAAwB,IAAlBC,KAAKX,YACnC,IAAK,IAAIY,EAAI,EAAGA,EAAIJ,EAAKK,OAAQD,GAAK,EACpCJ,EAAKI,IAAMZ,EACXQ,EAAKI,EAAI,IAAMZ,EACfQ,EAAKI,EAAI,IAAMZ,CAEnB,CAEAc,cAAAA,GACE,OAA2B,IAApBH,KAAKX,UACd,CAQAe,eAAAA,CACEC,EACAC,GAEAD,EAAGE,UAAUD,EAAiBE,YAAaR,KAAKX,WAClD,EAhDAoB,EADWnB,EAAU,OASP,cAAYmB,EATfnB,EAAU,WAWHF,GAAuBqB,EAX9BnB,EAAU,mBAaK,CAAC,gBAuC7BoB,EAAcC,SAASrB"}