add GradientFade fromJson

Author: strausr

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

@@ -23,7 +23,8 @@ describe('effect.fromJson', () => {
       { actionType: 'noise', level: 50 },
       { actionType: 'vignette', level: 5 },
       { actionType: 'dither', type: 9 },
-      { actionType: 'vectorize', numOfColors: 17, detailLevel: 100 }
+      { actionType: 'vectorize', numOfColors: 17, detailLevel: 100 },
+      { actionType: 'gradientFade', strength: 5, horizontalStartPoint: 10, verticalStartPoint: 20 }
 
     ]);
 
@@ -48,7 +49,8 @@ describe('effect.fromJson', () => {
       'e_noise:50',
       'e_vignette:5',
       'e_dither:9',
-      'e_vectorize:colors:17:detail:100'
+      'e_vectorize:colors:17:detail:100',
+      'e_gradient_fade:5,x_10,y_20'
     ].join('/'));
   });
 });

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

@@ -228,7 +228,7 @@ describe('Effect toJson()', () => {
         .verticalStartPoint(20));
     expect(transformation.toJson()).toStrictEqual( [
       {
-        actionType: 'GradientFade',
+        actionType: 'gradientFade',
         strength: 5,
         horizontalStartPoint: 10,
         verticalStartPoint: 20

src/actions/effect/GradientFade.ts

@@ -1,6 +1,7 @@
 import {Action} from "../../internal/Action.js";
 import {Qualifier} from "../../internal/qualifier/Qualifier.js";
 import {IGradientFadeEffecModel} from "../../internal/models/IEffectActionModel.js";
+import {IActionModel} from "../../internal/models/IActionModel.js";
 
 /**
  * @description Applies a gradient fade effect from one edge of the image.
@@ -11,7 +12,7 @@ import {IGradientFadeEffecModel} from "../../internal/models/IEffectActionModel.
 class GradientFadeEffectAction extends Action {
   private _strength: number;
   private _type: string;
-  protected _actionModel: IGradientFadeEffecModel = {actionType: 'GradientFade'};
+  protected _actionModel: IGradientFadeEffecModel = {actionType: 'gradientFade'};
 
   /**
    * @description Sets the strength of the fade effect.
@@ -63,6 +64,20 @@ class GradientFadeEffectAction extends Action {
 
     this.addQualifier(new Qualifier('e', str));
   }
+
+  static fromJson(actionModel: IActionModel): GradientFadeEffectAction {
+    const {actionType, verticalStartPoint, horizontalStartPoint, type, strength} = (actionModel as IGradientFadeEffecModel);
+
+    // 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();
+    verticalStartPoint && result.verticalStartPoint(verticalStartPoint);
+    horizontalStartPoint && result.horizontalStartPoint(horizontalStartPoint);
+    type && result.type(type);
+    strength && result.strength(strength);
+
+    return result;
+  }
 }
 
 export {GradientFadeEffectAction};

src/internal/fromJson.ts

@@ -32,6 +32,7 @@ import {LoopEffectAction} from "../actions/effect/leveled/Loop.js";
 import {MakeTransparentEffectAction} from "../actions/effect/leveled/MakeTransparent.js";
 import {DitherEffectAction} from "../actions/effect/Dither.js";
 import {VectorizeEffectAction} from "../actions/effect/Vectorize.js";
+import {GradientFadeEffectAction} from "../actions/effect/GradientFade.js";
 
 const ActionModelMap: Record<string, IHasFromJson> = {
   scale: ResizeScaleAction,
@@ -69,7 +70,8 @@ const ActionModelMap: Record<string, IHasFromJson> = {
   noise: EffectActionWithLevel,
   vignette: EffectActionWithStrength,
   dither: DitherEffectAction,
-  vectorize: VectorizeEffectAction
+  vectorize: VectorizeEffectAction,
+  gradientFade: GradientFadeEffectAction
 
 };