add makeTransparent fromJson

Author: strausr

__TESTS__/unit/fromJson/effect.fromJson.test.ts

@@ -18,7 +18,8 @@ describe('effect.fromJson', () => {
       { actionType: 'outline', width: 100, color: 'lightblue' },
       { actionType: 'blackwhite', level: 40 },
       { actionType: 'accelerate' },
-      { actionType: 'loop', iterations: 5 }
+      { actionType: 'loop', iterations: 5 },
+      { actionType: 'makeTransparent', tolerance: 5, color: 'red' }
 
     ]);
 
@@ -38,7 +39,8 @@ describe('effect.fromJson', () => {
       'co_lightblue,e_outline:100',
       'e_blackwhite:40',
       'e_accelerate',
-      'e_loop:5'
+      'e_loop:5',
+      'co_red,e_makeTransparent:5'
     ].join('/'));
   });
 });

__TESTS__/unit/toJson/effect.toJson.test.ts

@@ -170,7 +170,6 @@ describe('Effect toJson()', () => {
       {
         actionType: 'makeTransparent',
         tolerance: 5,
-        level: 5,
         color: 'red'
       }
     ]);

src/actions/effect/leveled/MakeTransparent.ts

@@ -4,6 +4,7 @@ import {QualifierValue} from "../../../internal/qualifier/QualifierValue.js";
 import {prepareColor} from "../../../internal/utils/prepareColor.js";
 import {SystemColors} from "../../../qualifiers/color.js";
 import {IMakeTransparentEffectModel} from "../../../internal/models/IEffectActionModel.js";
+import {IActionModel} from "../../../internal/models/IActionModel.js";
 
 /**
  * @description Makes the background of the image transparent (or solid white for formats that do not support transparency).
@@ -19,7 +20,9 @@ class MakeTransparentEffectAction extends LeveledEffectAction {
    */
   tolerance(value: number | string): this {
     this._actionModel.tolerance = value as number;
-    return this.setLevel(value);
+    const qualifierEffect = this.createEffectQualifier(this.effectType, value);
+    this.addQualifier(qualifierEffect);
+    return this;
   }
 
   /**
@@ -31,6 +34,18 @@ class MakeTransparentEffectAction extends LeveledEffectAction {
     this._actionModel.color = color;
     return this.addQualifier(new Qualifier('co', new QualifierValue(prepareColor(color))));
   }
+
+  static fromJson(actionModel: IActionModel): MakeTransparentEffectAction {
+    const {actionType, tolerance, color } = (actionModel as IMakeTransparentEffectModel);
+
+    // We are using this() to allow inheriting classes to use super.fromJson.apply(this, [actionModel])
+    // This allows the inheriting classes to determine the class to be created
+    const result = new this(actionType, tolerance);
+    tolerance && result.tolerance(tolerance);
+    color && result.colorToReplace(color);
+
+    return result;
+  }
 }
 
 

src/internal/fromJson.ts

@@ -29,6 +29,7 @@ import {EffectOutline} from "../actions/effect/Outline.js";
 import {BlackwhiteEffectAction} from "../actions/effect/leveled/Blackwhite.js";
 import {AccelerationEffectAction} from "../actions/effect/leveled/Accelerate.js";
 import {LoopEffectAction} from "../actions/effect/leveled/Loop.js";
+import {MakeTransparentEffectAction} from "../actions/effect/leveled/MakeTransparent.js";
 
 const ActionModelMap: Record<string, IHasFromJson> = {
   scale: ResizeScaleAction,
@@ -61,7 +62,8 @@ const ActionModelMap: Record<string, IHasFromJson> = {
   outline: EffectOutline,
   blackwhite: BlackwhiteEffectAction,
   accelerate: AccelerationEffectAction,
-  loop: LoopEffectAction
+  loop: LoopEffectAction,
+  makeTransparent: MakeTransparentEffectAction
 };
 
 /**