Merge pull request #49 from cloudinary/rotate-flip-json-conversion

Add json conversion for rotate by mode

__TESTS__/unit/fromJson/rotate.fromJson.test.ts

@@ -2,15 +2,20 @@ import {fromJson} from "../../../src/internal/fromJson";
 
 describe('rotate.fromJson', () => {
   it('should generate a url with rotate actions from array of models', function () {
-    const transformation = fromJson({actions:[
-      { 
-        actionType: 'rotateByAngle',
-        angle: 4
-      }   
-    ]}
-    );
+    const transformation = fromJson({
+      actions: [
+        {
+          actionType: 'rotateByAngle',
+          angle: 4
+        },
+        {
+          actionType: 'rotateByMode',
+          mode: 'vflip'
+        }
+      ]
+    });
     expect(transformation.toString()).toStrictEqual(
-      'a_4'
+      'a_4/a_vflip'
     );
   });
 });

__TESTS__/unit/toJson/rotate.toJson.test.ts

@@ -14,4 +14,16 @@ describe('Rotate toJson()', () => {
       ]
     });
   });
+  it('rotateByMode', () => {
+    const transformation = new Transformation()
+      .addAction(Rotate.mode('hflip'));
+    expect(transformation.toJson()).toStrictEqual({
+      actions: [
+        {
+          actionType: 'rotateByMode',
+          mode: 'hflip'
+        }
+      ]
+    });
+  });
 });

src/actions/rotate/RotateAction.ts

@@ -22,9 +22,9 @@ class RotateAction extends Action {
   constructor(angle?: number) {
     super();
     this.addQualifier(new Qualifier(QUALIFIER_KEY, angle));
-    this._actionModel.actionType = 'rotateByAngle';
 
     if (angle) {
+      this._actionModel.actionType = 'rotateByAngle';
       this._actionModel.angle = angle;
     }
   }
@@ -37,6 +37,8 @@ class RotateAction extends Action {
    * @return {this}
    */
   mode(rotationMode: RotationModeQualifierValue | RotationModeType | string):this {
+    this._actionModel.actionType = 'rotateByMode';
+    this._actionModel.mode = rotationMode;
     return this.addValueToQualifier(QUALIFIER_KEY, rotationMode);
   }
 
@@ -46,16 +48,17 @@ class RotateAction extends Action {
    * @return {this}
    */
   angle(degrees: number): this {
+    this._actionModel.actionType = 'rotateByAngle';
     this._actionModel.angle = degrees;
     return this.addValueToQualifier(QUALIFIER_KEY, degrees);
   }
 
   static fromJson(actionModel: IActionModel): RotateAction {
-    const {angle} = (actionModel as IRotateByAngleActionModel);
+    const {angle, mode} = (actionModel as IRotateByAngleActionModel);
 
     // 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(angle);
+    const result = mode ? new this().mode(mode) : new this(angle);
     return result;
   }
 }

src/internal/fromJson.ts

@@ -142,6 +142,7 @@ const ActionModelMap: Record<string, IHasFromJson> = {
   videoCodec: VideoCodecAction,
   ifCondition: ConditionalAction,
   rotateByAngle: RotateAction,
+  rotateByMode: RotateAction,
   backgroundRemoval: BackgroundRemoval,
   dropshadow: DropShadow,
   roundCorners: RoundCornersAction,

src/internal/models/IRotateActionModel.ts

@@ -1,7 +1,10 @@
 import {IActionModel} from "./IActionModel.js";
+import {RotationModeType} from "../../types/types.js";
+import {RotationModeQualifierValue} from "../../qualifiers/rotate/RotationModeQualifierValue.js";
 
 interface IRotateByAngleActionModel extends IActionModel {
-  angle?: number
+  angle?: number;
+  mode?: RotationModeQualifierValue | RotationModeType | string;
 }
 
 export {IRotateByAngleActionModel};