add clone functionality to image (#332)

Author: strausr

__TESTS__/unit/utils/clone.test.ts

@@ -0,0 +1,20 @@
+import {CloudinaryMedia} from "../../../src/assets/CloudinaryMedia";
+import {Effect} from "../../../src/actions/effect";
+
+describe('Tests for cloning', () => {
+  it('should clone resource', () => {
+    const asset = new CloudinaryMedia('sample', {cloudName: 'demo'});
+
+    const cloneAsset = asset.clone();
+
+    //add transformation to asset
+    asset.effect(Effect.sepia());
+
+    //change public id of cloneAsset
+    cloneAsset.setPublicID('dog');
+
+    expect(cloneAsset.toURL()).toEqual('https://res.cloudinary.com/demo/image/upload/dog');
+    expect(asset.toURL()).toEqual('https://res.cloudinary.com/demo/image/upload/e_sepia/sample');
+  });
+});
+

package.json

@@ -75,5 +75,9 @@
     "lunr": "^1.0.0",
     "moment": "^2.22.1",
     "sanitize-html": "^1.18.2"
+  },
+  "dependencies": {
+    "@types/lodash.clonedeep": "^4.5.6",
+    "lodash.clonedeep": "^4.5.0"
   }
 }

src/assets/CloudinaryMedia.ts

@@ -5,6 +5,7 @@ import {LayerAction} from "../actions/layer/LayerAction";
 import {Transformation} from "../transformation/Transformation";
 import ICloudConfig from "../config/interfaces/Config/ICloudConfig";
 import IURLConfig from "../config/interfaces/Config/IURLConfig";
+import cloneDeep from 'lodash/cloneDeep';
 
 
 /**
@@ -50,7 +51,10 @@ class CloudinaryMedia extends CloudinaryTransformable {
   toURL(): string {
     return this.createCloudinaryURL(this.transformation);
   }
-}
 
+  clone(): this {
+    return cloneDeep(this);
+  }
+}
 
 export {CloudinaryMedia};