@nasser-sw/fabric 7.0.0-beta1

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

@@ -0,0 +1 @@
+{"version":3,"file":"BaseFilter.mjs","sources":["../../../src/filters/BaseFilter.ts"],"sourcesContent":["import { getEnv } from '../env';\nimport type {\n  T2DPipelineState,\n  TWebGLAttributeLocationMap,\n  TWebGLPipelineState,\n  TWebGLProgramCacheItem,\n  TWebGLUniformLocationMap,\n} from './typedefs';\nimport { isWebGLPipelineState } from './utils';\nimport {\n  highPsourceCode,\n  identityFragmentShader,\n  vertexSource,\n} from './shaders/baseFilter';\nimport type { Abortable } from '../typedefs';\nimport { FabricError } from '../util/internals/console';\nimport { createCanvasElementFor } from '../util/misc/dom';\n\nconst regex = new RegExp(highPsourceCode, 'g');\n\nexport class BaseFilter<\n  Name extends string,\n  OwnProps extends Record<string, any> = object,\n  SerializedProps extends Record<string, any> = OwnProps,\n> {\n  /**\n   * Filter type\n   */\n  get type(): Name {\n    return (this.constructor as typeof BaseFilter).type as Name;\n  }\n\n  /**\n   * The class type. Used to identify which class this is.\n   * This is used for serialization purposes and internally it can be used\n   * to identify classes. As a developer you could use `instance of Class`\n   * but to avoid importing all the code and blocking tree shaking we try\n   * to avoid doing that.\n   */\n  static type = 'BaseFilter';\n\n  /**\n   * Contains the uniform locations for the fragment shader.\n   * uStepW and uStepH are handled by the BaseFilter, each filter class\n   * needs to specify all the one that are needed\n   */\n  static uniformLocations: string[] = [];\n\n  declare static defaults: Record<string, unknown>;\n\n  /**\n   * Constructor\n   * @param {Object} [options] Options object\n   */\n  constructor({\n    type,\n    ...options\n  }: { type?: never } & Partial<OwnProps> & Record<string, any> = {}) {\n    Object.assign(\n      this,\n      (this.constructor as typeof BaseFilter).defaults,\n      options,\n    );\n  }\n\n  protected getFragmentSource(): string {\n    return identityFragmentShader;\n  }\n\n  getVertexSource(): string {\n    return vertexSource;\n  }\n\n  /**\n   * Compile this filter's shader program.\n   *\n   * @param {WebGLRenderingContext} gl The GL canvas context to use for shader compilation.\n   * @param {String} fragmentSource fragmentShader source for compilation\n   * @param {String} vertexSource vertexShader source for compilation\n   */\n  createProgram(\n    gl: WebGLRenderingContext,\n    fragmentSource: string = this.getFragmentSource(),\n    vertexSource: string = this.getVertexSource(),\n  ) {\n    const {\n      WebGLProbe: { GLPrecision = 'highp' },\n    } = getEnv();\n    if (GLPrecision !== 'highp') {\n      fragmentSource = fragmentSource.replace(\n        regex,\n        highPsourceCode.replace('highp', GLPrecision),\n      );\n    }\n    const vertexShader = gl.createShader(gl.VERTEX_SHADER);\n    const fragmentShader = gl.createShader(gl.FRAGMENT_SHADER);\n    const program = gl.createProgram();\n\n    if (!vertexShader || !fragmentShader || !program) {\n      throw new FabricError(\n        'Vertex, fragment shader or program creation error',\n      );\n    }\n    gl.shaderSource(vertexShader, vertexSource);\n    gl.compileShader(vertexShader);\n    if (!gl.getShaderParameter(vertexShader, gl.COMPILE_STATUS)) {\n      throw new FabricError(\n        `Vertex shader compile error for ${this.type}: ${gl.getShaderInfoLog(\n          vertexShader,\n        )}`,\n      );\n    }\n\n    gl.shaderSource(fragmentShader, fragmentSource);\n    gl.compileShader(fragmentShader);\n    if (!gl.getShaderParameter(fragmentShader, gl.COMPILE_STATUS)) {\n      throw new FabricError(\n        `Fragment shader compile error for ${this.type}: ${gl.getShaderInfoLog(\n          fragmentShader,\n        )}`,\n      );\n    }\n\n    gl.attachShader(program, vertexShader);\n    gl.attachShader(program, fragmentShader);\n    gl.linkProgram(program);\n    if (!gl.getProgramParameter(program, gl.LINK_STATUS)) {\n      throw new FabricError(\n        `Shader link error for \"${this.type}\" ${gl.getProgramInfoLog(program)}`,\n      );\n    }\n\n    const uniformLocations = this.getUniformLocations(gl, program) || {};\n    uniformLocations.uStepW = gl.getUniformLocation(program, 'uStepW');\n    uniformLocations.uStepH = gl.getUniformLocation(program, 'uStepH');\n\n    return {\n      program,\n      attributeLocations: this.getAttributeLocations(gl, program),\n      uniformLocations,\n    };\n  }\n\n  /**\n   * Return a map of attribute names to WebGLAttributeLocation objects.\n   *\n   * @param {WebGLRenderingContext} gl The canvas context used to compile the shader program.\n   * @param {WebGLShaderProgram} program The shader program from which to take attribute locations.\n   * @returns {Object} A map of attribute names to attribute locations.\n   */\n  getAttributeLocations(\n    gl: WebGLRenderingContext,\n    program: WebGLProgram,\n  ): TWebGLAttributeLocationMap {\n    return {\n      aPosition: gl.getAttribLocation(program, 'aPosition'),\n    };\n  }\n\n  /**\n   * Return a map of uniform names to WebGLUniformLocation objects.\n   *\n   * @param {WebGLRenderingContext} gl The canvas context used to compile the shader program.\n   * @param {WebGLShaderProgram} program The shader program from which to take uniform locations.\n   * @returns {Object} A map of uniform names to uniform locations.\n   */\n  getUniformLocations(\n    gl: WebGLRenderingContext,\n    program: WebGLProgram,\n  ): TWebGLUniformLocationMap {\n    const locations = (this.constructor as unknown as typeof BaseFilter<string>)\n      .uniformLocations;\n\n    const uniformLocations: Record<string, WebGLUniformLocation | null> = {};\n    for (let i = 0; i < locations.length; i++) {\n      uniformLocations[locations[i]] = gl.getUniformLocation(\n        program,\n        locations[i],\n      );\n    }\n    return uniformLocations;\n  }\n\n  /**\n   * Send attribute data from this filter to its shader program on the GPU.\n   *\n   * @param {WebGLRenderingContext} gl The canvas context used to compile the shader program.\n   * @param {Object} attributeLocations A map of shader attribute names to their locations.\n   */\n  sendAttributeData(\n    gl: WebGLRenderingContext,\n    attributeLocations: Record<string, number>,\n    aPositionData: Float32Array,\n  ) {\n    const attributeLocation = attributeLocations.aPosition;\n    const buffer = gl.createBuffer();\n    gl.bindBuffer(gl.ARRAY_BUFFER, buffer);\n    gl.enableVertexAttribArray(attributeLocation);\n    gl.vertexAttribPointer(attributeLocation, 2, gl.FLOAT, false, 0, 0);\n    gl.bufferData(gl.ARRAY_BUFFER, aPositionData, gl.STATIC_DRAW);\n  }\n\n  _setupFrameBuffer(options: TWebGLPipelineState) {\n    const gl = options.context;\n    if (options.passes > 1) {\n      const width = options.destinationWidth;\n      const height = options.destinationHeight;\n      if (options.sourceWidth !== width || options.sourceHeight !== height) {\n        gl.deleteTexture(options.targetTexture);\n        options.targetTexture = options.filterBackend.createTexture(\n          gl,\n          width,\n          height,\n        );\n      }\n      gl.framebufferTexture2D(\n        gl.FRAMEBUFFER,\n        gl.COLOR_ATTACHMENT0,\n        gl.TEXTURE_2D,\n        options.targetTexture,\n        0,\n      );\n    } else {\n      // draw last filter on canvas and not to framebuffer.\n      gl.bindFramebuffer(gl.FRAMEBUFFER, null);\n      gl.finish();\n    }\n  }\n\n  _swapTextures(options: TWebGLPipelineState) {\n    options.passes--;\n    options.pass++;\n    const temp = options.targetTexture;\n    options.targetTexture = options.sourceTexture;\n    options.sourceTexture = temp;\n  }\n\n  /**\n   * Generic isNeutral implementation for one parameter based filters.\n   * Used only in image applyFilters to discard filters that will not have an effect\n   * on the image\n   * Other filters may need their own version ( ColorMatrix, HueRotation, gamma, ComposedFilter )\n   * @param {Object} options\n   **/\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  isNeutralState(options?: any): boolean {\n    return false;\n  }\n\n  /**\n   * Apply this filter to the input image data provided.\n   *\n   * Determines whether to use WebGL or Canvas2D based on the options.webgl flag.\n   *\n   * @param {Object} options\n   * @param {Number} options.passes The number of filters remaining to be executed\n   * @param {Boolean} options.webgl Whether to use webgl to render the filter.\n   * @param {WebGLTexture} options.sourceTexture The texture setup as the source to be filtered.\n   * @param {WebGLTexture} options.targetTexture The texture where filtered output should be drawn.\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  applyTo(options: TWebGLPipelineState | T2DPipelineState) {\n    if (isWebGLPipelineState(options)) {\n      this._setupFrameBuffer(options);\n      this.applyToWebGL(options);\n      this._swapTextures(options);\n    } else {\n      this.applyTo2d(options);\n    }\n  }\n\n  applyTo2d(_options: T2DPipelineState): void {\n    // override by subclass\n  }\n\n  /**\n   * Returns a string that represent the current selected shader code for the filter.\n   * Used to force recompilation when parameters change or to retrieve the shader from cache\n   * @type string\n   **/\n  getCacheKey(): string {\n    return this.type;\n  }\n\n  /**\n   * Retrieves the cached shader.\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   * @return {WebGLProgram} the compiled program shader\n   */\n  retrieveShader(options: TWebGLPipelineState): TWebGLProgramCacheItem {\n    const key = this.getCacheKey();\n    if (!options.programCache[key]) {\n      options.programCache[key] = this.createProgram(options.context);\n    }\n    return options.programCache[key];\n  }\n\n  /**\n   * Apply this filter using webgl.\n   *\n   * @param {Object} options\n   * @param {Number} options.passes The number of filters remaining to be executed\n   * @param {Boolean} options.webgl Whether to use webgl to render the filter.\n   * @param {WebGLTexture} options.originalTexture The texture of the original input image.\n   * @param {WebGLTexture} options.sourceTexture The texture setup as the source to be filtered.\n   * @param {WebGLTexture} options.targetTexture The texture where filtered output should be drawn.\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  applyToWebGL(options: TWebGLPipelineState) {\n    const gl = options.context;\n    const shader = this.retrieveShader(options);\n    if (options.pass === 0 && options.originalTexture) {\n      gl.bindTexture(gl.TEXTURE_2D, options.originalTexture);\n    } else {\n      gl.bindTexture(gl.TEXTURE_2D, options.sourceTexture);\n    }\n    gl.useProgram(shader.program);\n    this.sendAttributeData(gl, shader.attributeLocations, options.aPosition);\n\n    gl.uniform1f(shader.uniformLocations.uStepW, 1 / options.sourceWidth);\n    gl.uniform1f(shader.uniformLocations.uStepH, 1 / options.sourceHeight);\n\n    this.sendUniformData(gl, shader.uniformLocations);\n    gl.viewport(0, 0, options.destinationWidth, options.destinationHeight);\n    gl.drawArrays(gl.TRIANGLE_STRIP, 0, 4);\n  }\n\n  bindAdditionalTexture(\n    gl: WebGLRenderingContext,\n    texture: WebGLTexture,\n    textureUnit: number,\n  ) {\n    gl.activeTexture(textureUnit);\n    gl.bindTexture(gl.TEXTURE_2D, texture);\n    // reset active texture to 0 as usual\n    gl.activeTexture(gl.TEXTURE0);\n  }\n\n  unbindAdditionalTexture(gl: WebGLRenderingContext, textureUnit: number) {\n    gl.activeTexture(textureUnit);\n    gl.bindTexture(gl.TEXTURE_2D, null);\n    gl.activeTexture(gl.TEXTURE0);\n  }\n\n  /**\n   * Send uniform data from this filter to its shader program on the GPU.\n   *\n   * Intended to be overridden by subclasses.\n   *\n   * @param {WebGLRenderingContext} _gl The canvas context used to compile the shader program.\n   * @param {Object} _uniformLocations A map of shader uniform names to their locations.\n   */\n  sendUniformData(\n    _gl: WebGLRenderingContext,\n    _uniformLocations: TWebGLUniformLocationMap,\n  ): void {\n    // override by subclass\n  }\n\n  /**\n   * If needed by a 2d filter, this functions can create an helper canvas to be used\n   * remember that options.targetCanvas is available for use till end of chain.\n   */\n  createHelpLayer(options: T2DPipelineState) {\n    if (!options.helpLayer) {\n      const { sourceWidth, sourceHeight } = options;\n      const helpLayer = createCanvasElementFor({\n        width: sourceWidth,\n        height: sourceHeight,\n      });\n      options.helpLayer = helpLayer;\n    }\n  }\n\n  /**\n   * Returns object representation of an instance\n   * It will automatically export the default values of a filter,\n   * stored in the static defaults property.\n   * @return {Object} Object representation of an instance\n   */\n  toObject(): { type: Name } & SerializedProps {\n    const defaultKeys = Object.keys(\n      (this.constructor as typeof BaseFilter).defaults || {},\n    ) as (keyof SerializedProps)[];\n\n    return {\n      type: this.type,\n      ...defaultKeys.reduce<SerializedProps>((acc, key) => {\n        acc[key] = this[\n          key as keyof this\n        ] as unknown as (typeof acc)[typeof key];\n        return acc;\n      }, {} as SerializedProps),\n    };\n  }\n\n  /**\n   * Returns a JSON representation of an instance\n   * @return {Object} JSON\n   */\n  toJSON() {\n    // delegate, not alias\n    return this.toObject();\n  }\n\n  static async fromObject(\n    { type, ...filterOptions }: Record<string, any>,\n    _options?: Abortable,\n  ): Promise<BaseFilter<string>> {\n    return new this(filterOptions);\n  }\n}\n"],"names":["regex","RegExp","highPsourceCode","BaseFilter","type","constructor","options","arguments","length","undefined","Object","assign","defaults","getFragmentSource","identityFragmentShader","getVertexSource","vertexSource","createProgram","gl","fragmentSource","WebGLProbe","GLPrecision","getEnv","replace","vertexShader","createShader","VERTEX_SHADER","fragmentShader","FRAGMENT_SHADER","program","FabricError","shaderSource","compileShader","getShaderParameter","COMPILE_STATUS","getShaderInfoLog","attachShader","linkProgram","getProgramParameter","LINK_STATUS","getProgramInfoLog","uniformLocations","getUniformLocations","uStepW","getUniformLocation","uStepH","attributeLocations","getAttributeLocations","aPosition","getAttribLocation","locations","i","sendAttributeData","aPositionData","attributeLocation","buffer","createBuffer","bindBuffer","ARRAY_BUFFER","enableVertexAttribArray","vertexAttribPointer","FLOAT","bufferData","STATIC_DRAW","_setupFrameBuffer","context","passes","width","destinationWidth","height","destinationHeight","sourceWidth","sourceHeight","deleteTexture","targetTexture","filterBackend","createTexture","framebufferTexture2D","FRAMEBUFFER","COLOR_ATTACHMENT0","TEXTURE_2D","bindFramebuffer","finish","_swapTextures","pass","temp","sourceTexture","isNeutralState","applyTo","isWebGLPipelineState","applyToWebGL","applyTo2d","_options","getCacheKey","retrieveShader","key","programCache","shader","originalTexture","bindTexture","useProgram","uniform1f","sendUniformData","viewport","drawArrays","TRIANGLE_STRIP","bindAdditionalTexture","texture","textureUnit","activeTexture","TEXTURE0","unbindAdditionalTexture","_gl","_uniformLocations","createHelpLayer","helpLayer","createCanvasElementFor","toObject","defaultKeys","keys","reduce","acc","toJSON","fromObject","_ref","filterOptions","_defineProperty"],"mappings":"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"}

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

@@ -0,0 +1,65 @@
+import { BaseFilter } from './BaseFilter';
+import type { T2DPipelineState, TWebGLUniformLocationMap } from './typedefs';
+export type TBlendMode = 'multiply' | 'add' | 'difference' | 'screen' | 'subtract' | 'darken' | 'lighten' | 'overlay' | 'exclusion' | 'tint';
+type BlendColorOwnProps = {
+    color: string;
+    mode: TBlendMode;
+    alpha: number;
+};
+export declare const blendColorDefaultValues: BlendColorOwnProps;
+/**
+ * Color Blend filter class
+ * @example
+ * const filter = new BlendColor({
+ *  color: '#000',
+ *  mode: 'multiply'
+ * });
+ *
+ * const filter = new BlendImage({
+ *  image: fabricImageObject,
+ *  mode: 'multiply'
+ * });
+ * object.filters.push(filter);
+ * object.applyFilters();
+ * canvas.renderAll();
+ */
+export declare class BlendColor extends BaseFilter<'BlendColor', BlendColorOwnProps> {
+    /**
+     * Color to make the blend operation with. default to a reddish color since black or white
+     * gives always strong result.
+     * @type String
+     **/
+    color: BlendColorOwnProps['color'];
+    /**
+     * Blend mode for the filter: one of multiply, add, difference, screen, subtract,
+     * darken, lighten, overlay, exclusion, tint.
+     * @type String
+     **/
+    mode: BlendColorOwnProps['mode'];
+    /**
+     * alpha value. represent the strength of the blend color operation.
+     * @type Number
+     **/
+    alpha: BlendColorOwnProps['alpha'];
+    static defaults: BlendColorOwnProps;
+    static type: string;
+    static uniformLocations: string[];
+    getCacheKey(): string;
+    protected getFragmentSource(): string;
+    /**
+     * 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({ imageData: { data } }: 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;
+}
+export {};
+//# sourceMappingURL=BlendColor.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BlendColor.d.ts","sourceRoot":"","sources":["../../../src/filters/BlendColor.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,KAAK,EAAE,gBAAgB,EAAE,wBAAwB,EAAE,MAAM,YAAY,CAAC;AAI7E,MAAM,MAAM,UAAU,GAClB,UAAU,GACV,KAAK,GACL,YAAY,GACZ,QAAQ,GACR,UAAU,GACV,QAAQ,GACR,SAAS,GACT,SAAS,GACT,WAAW,GACX,MAAM,CAAC;AAEX,KAAK,kBAAkB,GAAG;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,UAAU,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,kBAIrC,CAAC;AAEF;;;;;;;;;;;;;;;GAeG;AACH,qBAAa,UAAW,SAAQ,UAAU,CAAC,YAAY,EAAE,kBAAkB,CAAC;IAC1E;;;;QAII;IACI,KAAK,EAAE,kBAAkB,CAAC,OAAO,CAAC,CAAC;IAE3C;;;;QAII;IACI,IAAI,EAAE,kBAAkB,CAAC,MAAM,CAAC,CAAC;IACzC;;;QAGI;IACI,KAAK,EAAE,kBAAkB,CAAC,OAAO,CAAC,CAAC;IAE3C,MAAM,CAAC,QAAQ,qBAA2B;IAE1C,MAAM,CAAC,IAAI,SAAgB;IAE3B,MAAM,CAAC,gBAAgB,WAAc;IAErC,WAAW;IAIX,SAAS,CAAC,iBAAiB,IAAI,MAAM;IAgBrC;;;;;OAKG;IACH,SAAS,CAAC,EAAE,SAAS,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,gBAAgB;IA+EnD;;;;;OAKG;IACH,eAAe,CACb,EAAE,EAAE,qBAAqB,EACzB,gBAAgB,EAAE,wBAAwB;CAS7C"}

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

@@ -0,0 +1,2 @@
+import{defineProperty as e}from"../../_virtual/_rollupPluginBabelHelpers.min.mjs";import{Color as a}from"../color/Color.min.mjs";import{BaseFilter as o}from"./BaseFilter.min.mjs";import{classRegistry as r}from"../ClassRegistry.min.mjs";import{blendColorFragmentSource as t}from"./shaders/blendColor.min.mjs";const s={color:"#F95C63",mode:"multiply",alpha:1};class n extends o{getCacheKey(){return`${this.type}_${this.mode}`}getFragmentSource(){return`\n      precision highp float;\n      uniform sampler2D uTexture;\n      uniform vec4 uColor;\n      varying vec2 vTexCoord;\n      void main() {\n        vec4 color = texture2D(uTexture, vTexCoord);\n        gl_FragColor = color;\n        if (color.a > 0.0) {\n          ${t[this.mode]}\n        }\n      }\n      `}applyTo2d(e){let{imageData:{data:o}}=e;const r=new a(this.color).getSource(),t=this.alpha,s=r[0]*t,n=r[1]*t,i=r[2]*t,l=1-t;for(let e=0;e<o.length;e+=4){const a=o[e],r=o[e+1],t=o[e+2];let m,c,h;switch(this.mode){case"multiply":m=a*s/255,c=r*n/255,h=t*i/255;break;case"screen":m=255-(255-a)*(255-s)/255,c=255-(255-r)*(255-n)/255,h=255-(255-t)*(255-i)/255;break;case"add":m=a+s,c=r+n,h=t+i;break;case"difference":m=Math.abs(a-s),c=Math.abs(r-n),h=Math.abs(t-i);break;case"subtract":m=a-s,c=r-n,h=t-i;break;case"darken":m=Math.min(a,s),c=Math.min(r,n),h=Math.min(t,i);break;case"lighten":m=Math.max(a,s),c=Math.max(r,n),h=Math.max(t,i);break;case"overlay":m=s<128?2*a*s/255:255-2*(255-a)*(255-s)/255,c=n<128?2*r*n/255:255-2*(255-r)*(255-n)/255,h=i<128?2*t*i/255:255-2*(255-t)*(255-i)/255;break;case"exclusion":m=s+a-2*s*a/255,c=n+r-2*n*r/255,h=i+t-2*i*t/255;break;case"tint":m=s+a*l,c=n+r*l,h=i+t*l}o[e]=m,o[e+1]=c,o[e+2]=h}}sendUniformData(e,o){const r=new a(this.color).getSource();r[0]=this.alpha*r[0]/255,r[1]=this.alpha*r[1]/255,r[2]=this.alpha*r[2]/255,r[3]=this.alpha,e.uniform4fv(o.uColor,r)}}e(n,"defaults",s),e(n,"type","BlendColor"),e(n,"uniformLocations",["uColor"]),r.setClass(n);export{n as BlendColor,s as blendColorDefaultValues};
+//# sourceMappingURL=BlendColor.min.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BlendColor.min.mjs","sources":["../../../src/filters/BlendColor.ts"],"sourcesContent":["import { Color } from '../color/Color';\nimport { BaseFilter } from './BaseFilter';\nimport type { T2DPipelineState, TWebGLUniformLocationMap } from './typedefs';\nimport { classRegistry } from '../ClassRegistry';\nimport { blendColorFragmentSource } from './shaders/blendColor';\n\nexport type TBlendMode =\n  | 'multiply'\n  | 'add'\n  | 'difference'\n  | 'screen'\n  | 'subtract'\n  | 'darken'\n  | 'lighten'\n  | 'overlay'\n  | 'exclusion'\n  | 'tint';\n\ntype BlendColorOwnProps = {\n  color: string;\n  mode: TBlendMode;\n  alpha: number;\n};\n\nexport const blendColorDefaultValues: BlendColorOwnProps = {\n  color: '#F95C63',\n  mode: 'multiply',\n  alpha: 1,\n};\n\n/**\n * Color Blend filter class\n * @example\n * const filter = new 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 BlendColor extends BaseFilter<'BlendColor', BlendColorOwnProps> {\n  /**\n   * Color to make the blend operation with. default to a reddish color since black or white\n   * gives always strong result.\n   * @type String\n   **/\n  declare color: BlendColorOwnProps['color'];\n\n  /**\n   * Blend mode for the filter: one of multiply, add, difference, screen, subtract,\n   * darken, lighten, overlay, exclusion, tint.\n   * @type String\n   **/\n  declare mode: BlendColorOwnProps['mode'];\n  /**\n   * alpha value. represent the strength of the blend color operation.\n   * @type Number\n   **/\n  declare alpha: BlendColorOwnProps['alpha'];\n\n  static defaults = blendColorDefaultValues;\n\n  static type = 'BlendColor';\n\n  static uniformLocations = ['uColor'];\n\n  getCacheKey() {\n    return `${this.type}_${this.mode}`;\n  }\n\n  protected getFragmentSource(): string {\n    return `\n      precision highp float;\n      uniform sampler2D uTexture;\n      uniform vec4 uColor;\n      varying vec2 vTexCoord;\n      void main() {\n        vec4 color = texture2D(uTexture, vTexCoord);\n        gl_FragColor = color;\n        if (color.a > 0.0) {\n          ${blendColorFragmentSource[this.mode]}\n        }\n      }\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({ imageData: { data } }: T2DPipelineState) {\n    const source = new Color(this.color).getSource();\n    const alpha = this.alpha;\n    const tr = source[0] * alpha;\n    const tg = source[1] * alpha;\n    const tb = source[2] * alpha;\n    const alpha1 = 1 - alpha;\n\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      let oR, oG, oB;\n      switch (this.mode) {\n        case 'multiply':\n          oR = (r * tr) / 255;\n          oG = (g * tg) / 255;\n          oB = (b * tb) / 255;\n          break;\n        case 'screen':\n          oR = 255 - ((255 - r) * (255 - tr)) / 255;\n          oG = 255 - ((255 - g) * (255 - tg)) / 255;\n          oB = 255 - ((255 - b) * (255 - tb)) / 255;\n          break;\n        case 'add':\n          oR = r + tr;\n          oG = g + tg;\n          oB = b + tb;\n          break;\n        case 'difference':\n          oR = Math.abs(r - tr);\n          oG = Math.abs(g - tg);\n          oB = Math.abs(b - tb);\n          break;\n        case 'subtract':\n          oR = r - tr;\n          oG = g - tg;\n          oB = b - tb;\n          break;\n        case 'darken':\n          oR = Math.min(r, tr);\n          oG = Math.min(g, tg);\n          oB = Math.min(b, tb);\n          break;\n        case 'lighten':\n          oR = Math.max(r, tr);\n          oG = Math.max(g, tg);\n          oB = Math.max(b, tb);\n          break;\n        case 'overlay':\n          oR =\n            tr < 128\n              ? (2 * r * tr) / 255\n              : 255 - (2 * (255 - r) * (255 - tr)) / 255;\n          oG =\n            tg < 128\n              ? (2 * g * tg) / 255\n              : 255 - (2 * (255 - g) * (255 - tg)) / 255;\n          oB =\n            tb < 128\n              ? (2 * b * tb) / 255\n              : 255 - (2 * (255 - b) * (255 - tb)) / 255;\n          break;\n        case 'exclusion':\n          oR = tr + r - (2 * tr * r) / 255;\n          oG = tg + g - (2 * tg * g) / 255;\n          oB = tb + b - (2 * tb * b) / 255;\n          break;\n        case 'tint':\n          oR = tr + r * alpha1;\n          oG = tg + g * alpha1;\n          oB = tb + b * alpha1;\n      }\n      data[i] = oR;\n      data[i + 1] = oG;\n      data[i + 2] = oB;\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 source = new Color(this.color).getSource();\n    source[0] = (this.alpha * source[0]) / 255;\n    source[1] = (this.alpha * source[1]) / 255;\n    source[2] = (this.alpha * source[2]) / 255;\n    source[3] = this.alpha;\n    gl.uniform4fv(uniformLocations.uColor, source);\n  }\n}\n\nclassRegistry.setClass(BlendColor);\n"],"names":["blendColorDefaultValues","color","mode","alpha","BlendColor","BaseFilter","getCacheKey","this","type","getFragmentSource","blendColorFragmentSource","applyTo2d","_ref","imageData","data","source","Color","getSource","tr","tg","tb","alpha1","i","length","r","g","b","oR","oG","oB","Math","abs","min","max","sendUniformData","gl","uniformLocations","uniform4fv","uColor","_defineProperty","classRegistry","setClass"],"mappings":"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"}

package/dist/src/filters/BlendColor.mjs

@@ -0,0 +1,164 @@
+import { defineProperty as _defineProperty } from '../../_virtual/_rollupPluginBabelHelpers.mjs';
+import { Color } from '../color/Color.mjs';
+import { BaseFilter } from './BaseFilter.mjs';
+import { classRegistry } from '../ClassRegistry.mjs';
+import { blendColorFragmentSource } from './shaders/blendColor.mjs';
+
+const blendColorDefaultValues = {
+  color: '#F95C63',
+  mode: 'multiply',
+  alpha: 1
+};
+
+/**
+ * Color Blend filter class
+ * @example
+ * const filter = new BlendColor({
+ *  color: '#000',
+ *  mode: 'multiply'
+ * });
+ *
+ * const filter = new BlendImage({
+ *  image: fabricImageObject,
+ *  mode: 'multiply'
+ * });
+ * object.filters.push(filter);
+ * object.applyFilters();
+ * canvas.renderAll();
+ */
+class BlendColor extends BaseFilter {
+  getCacheKey() {
+    return `${this.type}_${this.mode}`;
+  }
+  getFragmentSource() {
+    return `
+      precision highp float;
+      uniform sampler2D uTexture;
+      uniform vec4 uColor;
+      varying vec2 vTexCoord;
+      void main() {
+        vec4 color = texture2D(uTexture, vTexCoord);
+        gl_FragColor = color;
+        if (color.a > 0.0) {
+          ${blendColorFragmentSource[this.mode]}
+        }
+      }
+      `;
+  }
+
+  /**
+   * 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
+      }
+    } = _ref;
+    const source = new Color(this.color).getSource();
+    const alpha = this.alpha;
+    const tr = source[0] * alpha;
+    const tg = source[1] * alpha;
+    const tb = source[2] * alpha;
+    const alpha1 = 1 - alpha;
+    for (let i = 0; i < data.length; i += 4) {
+      const r = data[i];
+      const g = data[i + 1];
+      const b = data[i + 2];
+      let oR, oG, oB;
+      switch (this.mode) {
+        case 'multiply':
+          oR = r * tr / 255;
+          oG = g * tg / 255;
+          oB = b * tb / 255;
+          break;
+        case 'screen':
+          oR = 255 - (255 - r) * (255 - tr) / 255;
+          oG = 255 - (255 - g) * (255 - tg) / 255;
+          oB = 255 - (255 - b) * (255 - tb) / 255;
+          break;
+        case 'add':
+          oR = r + tr;
+          oG = g + tg;
+          oB = b + tb;
+          break;
+        case 'difference':
+          oR = Math.abs(r - tr);
+          oG = Math.abs(g - tg);
+          oB = Math.abs(b - tb);
+          break;
+        case 'subtract':
+          oR = r - tr;
+          oG = g - tg;
+          oB = b - tb;
+          break;
+        case 'darken':
+          oR = Math.min(r, tr);
+          oG = Math.min(g, tg);
+          oB = Math.min(b, tb);
+          break;
+        case 'lighten':
+          oR = Math.max(r, tr);
+          oG = Math.max(g, tg);
+          oB = Math.max(b, tb);
+          break;
+        case 'overlay':
+          oR = tr < 128 ? 2 * r * tr / 255 : 255 - 2 * (255 - r) * (255 - tr) / 255;
+          oG = tg < 128 ? 2 * g * tg / 255 : 255 - 2 * (255 - g) * (255 - tg) / 255;
+          oB = tb < 128 ? 2 * b * tb / 255 : 255 - 2 * (255 - b) * (255 - tb) / 255;
+          break;
+        case 'exclusion':
+          oR = tr + r - 2 * tr * r / 255;
+          oG = tg + g - 2 * tg * g / 255;
+          oB = tb + b - 2 * tb * b / 255;
+          break;
+        case 'tint':
+          oR = tr + r * alpha1;
+          oG = tg + g * alpha1;
+          oB = tb + b * alpha1;
+      }
+      data[i] = oR;
+      data[i + 1] = oG;
+      data[i + 2] = oB;
+    }
+  }
+
+  /**
+   * 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 source = new Color(this.color).getSource();
+    source[0] = this.alpha * source[0] / 255;
+    source[1] = this.alpha * source[1] / 255;
+    source[2] = this.alpha * source[2] / 255;
+    source[3] = this.alpha;
+    gl.uniform4fv(uniformLocations.uColor, source);
+  }
+}
+/**
+ * Color to make the blend operation with. default to a reddish color since black or white
+ * gives always strong result.
+ * @type String
+ **/
+/**
+ * Blend mode for the filter: one of multiply, add, difference, screen, subtract,
+ * darken, lighten, overlay, exclusion, tint.
+ * @type String
+ **/
+/**
+ * alpha value. represent the strength of the blend color operation.
+ * @type Number
+ **/
+_defineProperty(BlendColor, "defaults", blendColorDefaultValues);
+_defineProperty(BlendColor, "type", 'BlendColor');
+_defineProperty(BlendColor, "uniformLocations", ['uColor']);
+classRegistry.setClass(BlendColor);
+
+export { BlendColor, blendColorDefaultValues };
+//# sourceMappingURL=BlendColor.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BlendColor.mjs","sources":["../../../src/filters/BlendColor.ts"],"sourcesContent":["import { Color } from '../color/Color';\nimport { BaseFilter } from './BaseFilter';\nimport type { T2DPipelineState, TWebGLUniformLocationMap } from './typedefs';\nimport { classRegistry } from '../ClassRegistry';\nimport { blendColorFragmentSource } from './shaders/blendColor';\n\nexport type TBlendMode =\n  | 'multiply'\n  | 'add'\n  | 'difference'\n  | 'screen'\n  | 'subtract'\n  | 'darken'\n  | 'lighten'\n  | 'overlay'\n  | 'exclusion'\n  | 'tint';\n\ntype BlendColorOwnProps = {\n  color: string;\n  mode: TBlendMode;\n  alpha: number;\n};\n\nexport const blendColorDefaultValues: BlendColorOwnProps = {\n  color: '#F95C63',\n  mode: 'multiply',\n  alpha: 1,\n};\n\n/**\n * Color Blend filter class\n * @example\n * const filter = new 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 BlendColor extends BaseFilter<'BlendColor', BlendColorOwnProps> {\n  /**\n   * Color to make the blend operation with. default to a reddish color since black or white\n   * gives always strong result.\n   * @type String\n   **/\n  declare color: BlendColorOwnProps['color'];\n\n  /**\n   * Blend mode for the filter: one of multiply, add, difference, screen, subtract,\n   * darken, lighten, overlay, exclusion, tint.\n   * @type String\n   **/\n  declare mode: BlendColorOwnProps['mode'];\n  /**\n   * alpha value. represent the strength of the blend color operation.\n   * @type Number\n   **/\n  declare alpha: BlendColorOwnProps['alpha'];\n\n  static defaults = blendColorDefaultValues;\n\n  static type = 'BlendColor';\n\n  static uniformLocations = ['uColor'];\n\n  getCacheKey() {\n    return `${this.type}_${this.mode}`;\n  }\n\n  protected getFragmentSource(): string {\n    return `\n      precision highp float;\n      uniform sampler2D uTexture;\n      uniform vec4 uColor;\n      varying vec2 vTexCoord;\n      void main() {\n        vec4 color = texture2D(uTexture, vTexCoord);\n        gl_FragColor = color;\n        if (color.a > 0.0) {\n          ${blendColorFragmentSource[this.mode]}\n        }\n      }\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({ imageData: { data } }: T2DPipelineState) {\n    const source = new Color(this.color).getSource();\n    const alpha = this.alpha;\n    const tr = source[0] * alpha;\n    const tg = source[1] * alpha;\n    const tb = source[2] * alpha;\n    const alpha1 = 1 - alpha;\n\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      let oR, oG, oB;\n      switch (this.mode) {\n        case 'multiply':\n          oR = (r * tr) / 255;\n          oG = (g * tg) / 255;\n          oB = (b * tb) / 255;\n          break;\n        case 'screen':\n          oR = 255 - ((255 - r) * (255 - tr)) / 255;\n          oG = 255 - ((255 - g) * (255 - tg)) / 255;\n          oB = 255 - ((255 - b) * (255 - tb)) / 255;\n          break;\n        case 'add':\n          oR = r + tr;\n          oG = g + tg;\n          oB = b + tb;\n          break;\n        case 'difference':\n          oR = Math.abs(r - tr);\n          oG = Math.abs(g - tg);\n          oB = Math.abs(b - tb);\n          break;\n        case 'subtract':\n          oR = r - tr;\n          oG = g - tg;\n          oB = b - tb;\n          break;\n        case 'darken':\n          oR = Math.min(r, tr);\n          oG = Math.min(g, tg);\n          oB = Math.min(b, tb);\n          break;\n        case 'lighten':\n          oR = Math.max(r, tr);\n          oG = Math.max(g, tg);\n          oB = Math.max(b, tb);\n          break;\n        case 'overlay':\n          oR =\n            tr < 128\n              ? (2 * r * tr) / 255\n              : 255 - (2 * (255 - r) * (255 - tr)) / 255;\n          oG =\n            tg < 128\n              ? (2 * g * tg) / 255\n              : 255 - (2 * (255 - g) * (255 - tg)) / 255;\n          oB =\n            tb < 128\n              ? (2 * b * tb) / 255\n              : 255 - (2 * (255 - b) * (255 - tb)) / 255;\n          break;\n        case 'exclusion':\n          oR = tr + r - (2 * tr * r) / 255;\n          oG = tg + g - (2 * tg * g) / 255;\n          oB = tb + b - (2 * tb * b) / 255;\n          break;\n        case 'tint':\n          oR = tr + r * alpha1;\n          oG = tg + g * alpha1;\n          oB = tb + b * alpha1;\n      }\n      data[i] = oR;\n      data[i + 1] = oG;\n      data[i + 2] = oB;\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 source = new Color(this.color).getSource();\n    source[0] = (this.alpha * source[0]) / 255;\n    source[1] = (this.alpha * source[1]) / 255;\n    source[2] = (this.alpha * source[2]) / 255;\n    source[3] = this.alpha;\n    gl.uniform4fv(uniformLocations.uColor, source);\n  }\n}\n\nclassRegistry.setClass(BlendColor);\n"],"names":["blendColorDefaultValues","color","mode","alpha","BlendColor","BaseFilter","getCacheKey","type","getFragmentSource","blendColorFragmentSource","applyTo2d","_ref","imageData","data","source","Color","getSource","tr","tg","tb","alpha1","i","length","r","g","b","oR","oG","oB","Math","abs","min","max","sendUniformData","gl","uniformLocations","uniform4fv","uColor","_defineProperty","classRegistry","setClass"],"mappings":"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"}

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

@@ -0,0 +1,97 @@
+import { FabricImage } from '../shapes/Image';
+import { BaseFilter } from './BaseFilter';
+import type { T2DPipelineState, TWebGLPipelineState, TWebGLUniformLocationMap } from './typedefs';
+import type { WebGLFilterBackend } from './WebGLFilterBackend';
+export type TBlendImageMode = 'multiply' | 'mask';
+type BlendImageOwnProps = {
+    mode: TBlendImageMode;
+    alpha: number;
+};
+export declare const blendImageDefaultValues: BlendImageOwnProps;
+/**
+ * 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();
+ */
+export declare class BlendImage extends BaseFilter<'BlendImage', BlendImageOwnProps> {
+    /**
+     * Image to make the blend operation with.
+     **/
+    image: FabricImage;
+    /**
+     * 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
+     **/
+    mode: BlendImageOwnProps['mode'];
+    /**
+     * alpha value. represent the strength of the blend image operation.
+     * not implemented.
+     **/
+    alpha: BlendImageOwnProps['alpha'];
+    static type: string;
+    static defaults: BlendImageOwnProps;
+    static uniformLocations: string[];
+    getCacheKey(): string;
+    getFragmentSource(): string;
+    getVertexSource(): string;
+    applyToWebGL(options: TWebGLPipelineState): void;
+    createTexture(backend: WebGLFilterBackend, image: FabricImage): WebGLTexture | null;
+    /**
+     * 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(): number[];
+    /**
+     * 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({ imageData: { data, width, height }, filterBackend: { resources }, }: 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;
+    /**
+     * 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(): {
+        type: 'BlendImage';
+        image: ReturnType<FabricImage['toObject']>;
+    } & BlendImageOwnProps;
+    /**
+     * 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 fromObject({ type, image, ...filterOptions }: Record<string, any>, options: {
+        signal: AbortSignal;
+    }): Promise<BaseFilter<'BlendImage', BlendImageOwnProps>>;
+}
+export {};
+//# sourceMappingURL=BlendImage.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BlendImage.d.ts","sourceRoot":"","sources":["../../../src/filters/BlendImage.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,KAAK,EACV,gBAAgB,EAChB,mBAAmB,EACnB,wBAAwB,EACzB,MAAM,YAAY,CAAC;AACpB,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAI/D,MAAM,MAAM,eAAe,GAAG,UAAU,GAAG,MAAM,CAAC;AAElD,KAAK,kBAAkB,GAAG;IACxB,IAAI,EAAE,eAAe,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,kBAGrC,CAAC;AAEF;;;;;;;;;;;;;;;GAeG;AACH,qBAAa,UAAW,SAAQ,UAAU,CAAC,YAAY,EAAE,kBAAkB,CAAC;IAC1E;;QAEI;IACI,KAAK,EAAE,WAAW,CAAC;IAE3B;;;;;;;QAOI;IACI,IAAI,EAAE,kBAAkB,CAAC,MAAM,CAAC,CAAC;IAEzC;;;QAGI;IACI,KAAK,EAAE,kBAAkB,CAAC,OAAO,CAAC,CAAC;IAE3C,MAAM,CAAC,IAAI,SAAgB;IAE3B,MAAM,CAAC,QAAQ,qBAA2B;IAE1C,MAAM,CAAC,gBAAgB,WAAkC;IAEzD,WAAW;IAIX,iBAAiB,IAAI,MAAM;IAI3B,eAAe,IAAI,MAAM;IAIzB,YAAY,CAAC,OAAO,EAAE,mBAAmB;IAQzC,aAAa,CAAC,OAAO,EAAE,kBAAkB,EAAE,KAAK,EAAE,WAAW;IAI7D;;;;;OAKG;IACH,eAAe;IAgBf;;;;;OAKG;IACH,SAAS,CAAC,EACR,SAAS,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,EAClC,aAAa,EAAE,EAAE,SAAS,EAAE,GAC7B,EAAE,gBAAgB;IAgDnB;;;;;OAKG;IACH,eAAe,CACb,EAAE,EAAE,qBAAqB,EACzB,gBAAgB,EAAE,wBAAwB;IAO5C;;;;;OAKG;IACH,QAAQ,IAAI;QACV,IAAI,EAAE,YAAY,CAAC;QACnB,KAAK,EAAE,UAAU,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC,CAAC;KAC5C,GAAG,kBAAkB;IAOtB;;;;;;OAMG;WACU,UAAU,CACrB,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,aAAa,EAAE,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EACtD,OAAO,EAAE;QAAE,MAAM,EAAE,WAAW,CAAA;KAAE,GAC/B,OAAO,CAAC,UAAU,CAAC,YAAY,EAAE,kBAAkB,CAAC,CAAC;CAKzD"}

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

@@ -0,0 +1,2 @@
+import{defineProperty as e}from"../../_virtual/_rollupPluginBabelHelpers.min.mjs";import{FabricImage as t}from"../shapes/Image.min.mjs";import{createCanvasElement as a}from"../util/misc/dom.min.mjs";import{BaseFilter as i}from"./BaseFilter.min.mjs";import{classRegistry as r}from"../ClassRegistry.min.mjs";import{fragmentSource as s,vertexSource as m}from"./shaders/blendImage.min.mjs";const n={mode:"multiply",alpha:1};class o extends i{getCacheKey(){return`${this.type}_${this.mode}`}getFragmentSource(){return s[this.mode]}getVertexSource(){return m}applyToWebGL(e){const t=e.context,a=this.createTexture(e.filterBackend,this.image);this.bindAdditionalTexture(t,a,t.TEXTURE1),super.applyToWebGL(e),this.unbindAdditionalTexture(t,t.TEXTURE1)}createTexture(e,t){return e.getCachedTexture(t.cacheKey,t.getElement())}calculateMatrix(){const e=this.image,{width:t,height:a}=e.getElement();return[1/e.scaleX,0,0,0,1/e.scaleY,0,-e.left/t,-e.top/a,1]}applyTo2d(e){let{imageData:{data:t,width:i,height:r},filterBackend:{resources:s}}=e;const m=this.image;s.blendImage||(s.blendImage=a());const n=s.blendImage,o=n.getContext("2d");n.width!==i||n.height!==r?(n.width=i,n.height=r):o.clearRect(0,0,i,r),o.setTransform(m.scaleX,0,0,m.scaleY,m.left,m.top),o.drawImage(m.getElement(),0,0,i,r);const l=o.getImageData(0,0,i,r).data;for(let e=0;e<t.length;e+=4){const a=t[e],i=t[e+1],r=t[e+2],s=t[e+3],m=l[e],n=l[e+1],o=l[e+2],c=l[e+3];switch(this.mode){case"multiply":t[e]=a*m/255,t[e+1]=i*n/255,t[e+2]=r*o/255,t[e+3]=s*c/255;break;case"mask":t[e+3]=c}}}sendUniformData(e,t){const a=this.calculateMatrix();e.uniform1i(t.uImage,1),e.uniformMatrix3fv(t.uTransformMatrix,!1,a)}toObject(){return{...super.toObject(),image:this.image&&this.image.toObject()}}static async fromObject(e,a){let{type:i,image:r,...s}=e;return t.fromObject(r,a).then(e=>new this({...s,image:e}))}}e(o,"type","BlendImage"),e(o,"defaults",n),e(o,"uniformLocations",["uTransformMatrix","uImage"]),r.setClass(o);export{o as BlendImage,n as blendImageDefaultValues};
+//# sourceMappingURL=BlendImage.min.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BlendImage.min.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","this","type","getFragmentSource","fragmentSource","getVertexSource","vertexSource","applyToWebGL","options","gl","context","texture","createTexture","filterBackend","image","bindAdditionalTexture","TEXTURE1","super","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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"}