Merge pull request #13 from Donaldcwl/refactor_support_cordova-plugin…

…-file

Refactor support cordova-plugin-file

README.md

@@ -126,6 +126,7 @@ function handleImageUpload(event) {
 | --------- | --------- | --------- | --------- | --------- | --------- |
 | IE10, IE11, Edge| last 2 versions| last 2 versions| last 2 versions| last 2 versions| last 2 versions
 
+
 ## Example ##
 Please check the "[example]" folder in this repo
 - How to run the example:

coverage/coverage-summary.json

@@ -1,5 +1,5 @@
-{"total": {"lines":{"total":164,"covered":126,"skipped":0,"pct":76.83},"statements":{"total":178,"covered":128,"skipped":0,"pct":71.91},"functions":{"total":21,"covered":18,"skipped":0,"pct":85.71},"branches":{"total":87,"covered":49,"skipped":0,"pct":56.32}}
+{"total": {"lines":{"total":163,"covered":125,"skipped":0,"pct":76.69},"statements":{"total":177,"covered":127,"skipped":0,"pct":71.75},"functions":{"total":21,"covered":18,"skipped":0,"pct":85.71},"branches":{"total":80,"covered":45,"skipped":0,"pct":56.25}}
 ,"/Users/donald/Project/browser-image-compression/lib/image-compression.js": {"lines":{"total":31,"covered":29,"skipped":0,"pct":93.55},"functions":{"total":1,"covered":1,"skipped":0,"pct":100},"statements":{"total":31,"covered":29,"skipped":0,"pct":93.55},"branches":{"total":18,"covered":15,"skipped":0,"pct":83.33}}
-,"/Users/donald/Project/browser-image-compression/lib/index.js": {"lines":{"total":27,"covered":24,"skipped":0,"pct":88.89},"functions":{"total":1,"covered":1,"skipped":0,"pct":100},"statements":{"total":27,"covered":24,"skipped":0,"pct":88.89},"branches":{"total":22,"covered":15,"skipped":0,"pct":68.18}}
-,"/Users/donald/Project/browser-image-compression/lib/utils.js": {"lines":{"total":106,"covered":73,"skipped":0,"pct":68.87},"functions":{"total":19,"covered":16,"skipped":0,"pct":84.21},"statements":{"total":120,"covered":75,"skipped":0,"pct":62.5},"branches":{"total":47,"covered":19,"skipped":0,"pct":40.43}}
+,"/Users/donald/Project/browser-image-compression/lib/index.js": {"lines":{"total":25,"covered":22,"skipped":0,"pct":88},"functions":{"total":1,"covered":1,"skipped":0,"pct":100},"statements":{"total":25,"covered":22,"skipped":0,"pct":88},"branches":{"total":17,"covered":12,"skipped":0,"pct":70.59}}
+,"/Users/donald/Project/browser-image-compression/lib/utils.js": {"lines":{"total":107,"covered":74,"skipped":0,"pct":69.16},"functions":{"total":19,"covered":16,"skipped":0,"pct":84.21},"statements":{"total":121,"covered":76,"skipped":0,"pct":62.81},"branches":{"total":45,"covered":18,"skipped":0,"pct":40}}
 }

coverage/image-compression.js.html

@@ -262,7 +262,7 @@ <h1>
 </div><!-- /wrapper -->
 <div class='footer quiet pad2 space-top1 center small'>
   Code coverage
-  generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Fri May 31 2019 16:08:29 GMT+0800 (Hong Kong Standard Time)
+  generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Fri May 31 2019 16:31:31 GMT+0800 (Hong Kong Standard Time)
 </div>
 </div>
 <script src="prettify.js"></script>

coverage/index.html

@@ -20,24 +20,24 @@ <h1>
     </h1>
     <div class='clearfix'>
       <div class='fl pad1y space-right2'>
-        <span class="strong">71.91% </span>
+        <span class="strong">71.75% </span>
         <span class="quiet">Statements</span>
-        <span class='fraction'>128/178</span>
+        <span class='fraction'>127/177</span>
       </div>
       <div class='fl pad1y space-right2'>
-        <span class="strong">56.32% </span>
+        <span class="strong">56.25% </span>
         <span class="quiet">Branches</span>
-        <span class='fraction'>49/87</span>
+        <span class='fraction'>45/80</span>
       </div>
       <div class='fl pad1y space-right2'>
         <span class="strong">85.71% </span>
         <span class="quiet">Functions</span>
         <span class='fraction'>18/21</span>
       </div>
       <div class='fl pad1y space-right2'>
-        <span class="strong">76.83% </span>
+        <span class="strong">76.69% </span>
         <span class="quiet">Lines</span>
-        <span class='fraction'>126/164</span>
+        <span class='fraction'>125/163</span>
       </div>
     </div>
     <p class="quiet">
@@ -76,28 +76,28 @@ <h1>
 
 <tr>
 	<td class="file high" data-value="index.js"><a href="index.js.html">index.js</a></td>
-	<td data-value="88.89" class="pic high"><div class="chart"><div class="cover-fill" style="width: 88%;"></div><div class="cover-empty" style="width:12%;"></div></div></td>
-	<td data-value="88.89" class="pct high">88.89%</td>
-	<td data-value="27" class="abs high">24/27</td>
-	<td data-value="68.18" class="pct medium">68.18%</td>
-	<td data-value="22" class="abs medium">15/22</td>
+	<td data-value="88" class="pic high"><div class="chart"><div class="cover-fill" style="width: 88%;"></div><div class="cover-empty" style="width:12%;"></div></div></td>
+	<td data-value="88" class="pct high">88%</td>
+	<td data-value="25" class="abs high">22/25</td>
+	<td data-value="70.59" class="pct medium">70.59%</td>
+	<td data-value="17" class="abs medium">12/17</td>
 	<td data-value="100" class="pct high">100%</td>
 	<td data-value="1" class="abs high">1/1</td>
-	<td data-value="88.89" class="pct high">88.89%</td>
-	<td data-value="27" class="abs high">24/27</td>
+	<td data-value="88" class="pct high">88%</td>
+	<td data-value="25" class="abs high">22/25</td>
 	</tr>
 
 <tr>
 	<td class="file medium" data-value="utils.js"><a href="utils.js.html">utils.js</a></td>
-	<td data-value="62.5" class="pic medium"><div class="chart"><div class="cover-fill" style="width: 62%;"></div><div class="cover-empty" style="width:38%;"></div></div></td>
-	<td data-value="62.5" class="pct medium">62.5%</td>
-	<td data-value="120" class="abs medium">75/120</td>
-	<td data-value="40.43" class="pct low">40.43%</td>
-	<td data-value="47" class="abs low">19/47</td>
+	<td data-value="62.81" class="pic medium"><div class="chart"><div class="cover-fill" style="width: 62%;"></div><div class="cover-empty" style="width:38%;"></div></div></td>
+	<td data-value="62.81" class="pct medium">62.81%</td>
+	<td data-value="121" class="abs medium">76/121</td>
+	<td data-value="40" class="pct low">40%</td>
+	<td data-value="45" class="abs low">18/45</td>
 	<td data-value="84.21" class="pct high">84.21%</td>
 	<td data-value="19" class="abs high">16/19</td>
-	<td data-value="68.87" class="pct medium">68.87%</td>
-	<td data-value="106" class="abs medium">73/106</td>
+	<td data-value="69.16" class="pct medium">69.16%</td>
+	<td data-value="107" class="abs medium">74/107</td>
 	</tr>
 
 </tbody>
@@ -106,7 +106,7 @@ <h1>
 </div><!-- /wrapper -->
 <div class='footer quiet pad2 space-top1 center small'>
   Code coverage
-  generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Fri May 31 2019 16:08:29 GMT+0800 (Hong Kong Standard Time)
+  generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Fri May 31 2019 16:31:31 GMT+0800 (Hong Kong Standard Time)
 </div>
 </div>
 <script src="prettify.js"></script>

coverage/index.js.html

@@ -20,24 +20,24 @@ <h1>
     </h1>
     <div class='clearfix'>
       <div class='fl pad1y space-right2'>
-        <span class="strong">88.89% </span>
+        <span class="strong">88% </span>
         <span class="quiet">Statements</span>
-        <span class='fraction'>24/27</span>
+        <span class='fraction'>22/25</span>
       </div>
       <div class='fl pad1y space-right2'>
-        <span class="strong">68.18% </span>
+        <span class="strong">70.59% </span>
         <span class="quiet">Branches</span>
-        <span class='fraction'>15/22</span>
+        <span class='fraction'>12/17</span>
       </div>
       <div class='fl pad1y space-right2'>
         <span class="strong">100% </span>
         <span class="quiet">Functions</span>
         <span class='fraction'>1/1</span>
       </div>
       <div class='fl pad1y space-right2'>
-        <span class="strong">88.89% </span>
+        <span class="strong">88% </span>
         <span class="quiet">Lines</span>
-        <span class='fraction'>24/27</span>
+        <span class='fraction'>22/25</span>
       </div>
     </div>
     <p class="quiet">
@@ -126,8 +126,8 @@ <h1>
 <a name='L78'></a><a href='#L78'>78</a>
 <a name='L79'></a><a href='#L79'>79</a>
 <a name='L80'></a><a href='#L80'>80</a>
-<a name='L81'></a><a href='#L81'>81</a>
-<a name='L82'></a><a href='#L82'>82</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L81'></a><a href='#L81'>81</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -140,8 +140,6 @@ <h1>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -218,11 +216,10 @@ <h1>
   loadImage,
   getExifOrientation,
   handleMaxWidthOrHeight,
-  followExifOrientation
-} from './utils.js'
+  followExifOrientation,
+  CustomFile
+} from './utils'
 import { compressOnWebWorker } from './web-worker'
-const moduleMapper = window.cordova &amp;&amp; <span class="branch-1 cbranch-no" title="branch not covered" >window.cordova.require('cordova/modulemapper');</span>
-const fileType = (moduleMapper &amp;&amp; <span class="branch-1 cbranch-no" title="branch not covered" >moduleMapper.getOriginalSymbol(window, 'File'))</span> || File;
 &nbsp;
 /**
  * Compress an image file.
@@ -243,7 +240,7 @@ <h1>
   options.maxSizeMB = options.maxSizeMB || Number.POSITIVE_INFINITY
   options.useWebWorker = typeof options.useWebWorker === 'boolean' ? options.useWebWorker : <span class="branch-1 cbranch-no" title="branch not covered" >true</span>
 &nbsp;
-  if (!(file instanceof Blob || file instanceof fileType)) {
+  if (!(file instanceof Blob || file instanceof CustomFile)) {
     throw new Error('The file given is not an instance of Blob or File')
   } else if (!/^image/.test(file.type)) {
     throw new Error('The file given is not an image')
@@ -295,7 +292,7 @@ <h1>
 </div><!-- /wrapper -->
 <div class='footer quiet pad2 space-top1 center small'>
   Code coverage
-  generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Fri May 31 2019 16:08:29 GMT+0800 (Hong Kong Standard Time)
+  generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Fri May 31 2019 16:31:31 GMT+0800 (Hong Kong Standard Time)
 </div>
 </div>
 <script src="prettify.js"></script>

coverage/lcov-report/image-compression.js.html

@@ -262,7 +262,7 @@ <h1>
 </div><!-- /wrapper -->
 <div class='footer quiet pad2 space-top1 center small'>
   Code coverage
-  generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Fri May 31 2019 16:08:29 GMT+0800 (Hong Kong Standard Time)
+  generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Fri May 31 2019 16:31:31 GMT+0800 (Hong Kong Standard Time)
 </div>
 </div>
 <script src="prettify.js"></script>

coverage/lcov-report/index.html

@@ -20,24 +20,24 @@ <h1>
     </h1>
     <div class='clearfix'>
       <div class='fl pad1y space-right2'>
-        <span class="strong">71.91% </span>
+        <span class="strong">71.75% </span>
         <span class="quiet">Statements</span>
-        <span class='fraction'>128/178</span>
+        <span class='fraction'>127/177</span>
       </div>
       <div class='fl pad1y space-right2'>
-        <span class="strong">56.32% </span>
+        <span class="strong">56.25% </span>
         <span class="quiet">Branches</span>
-        <span class='fraction'>49/87</span>
+        <span class='fraction'>45/80</span>
       </div>
       <div class='fl pad1y space-right2'>
         <span class="strong">85.71% </span>
         <span class="quiet">Functions</span>
         <span class='fraction'>18/21</span>
       </div>
       <div class='fl pad1y space-right2'>
-        <span class="strong">76.83% </span>
+        <span class="strong">76.69% </span>
         <span class="quiet">Lines</span>
-        <span class='fraction'>126/164</span>
+        <span class='fraction'>125/163</span>
       </div>
     </div>
     <p class="quiet">
@@ -76,28 +76,28 @@ <h1>
 
 <tr>
 	<td class="file high" data-value="index.js"><a href="index.js.html">index.js</a></td>
-	<td data-value="88.89" class="pic high"><div class="chart"><div class="cover-fill" style="width: 88%;"></div><div class="cover-empty" style="width:12%;"></div></div></td>
-	<td data-value="88.89" class="pct high">88.89%</td>
-	<td data-value="27" class="abs high">24/27</td>
-	<td data-value="68.18" class="pct medium">68.18%</td>
-	<td data-value="22" class="abs medium">15/22</td>
+	<td data-value="88" class="pic high"><div class="chart"><div class="cover-fill" style="width: 88%;"></div><div class="cover-empty" style="width:12%;"></div></div></td>
+	<td data-value="88" class="pct high">88%</td>
+	<td data-value="25" class="abs high">22/25</td>
+	<td data-value="70.59" class="pct medium">70.59%</td>
+	<td data-value="17" class="abs medium">12/17</td>
 	<td data-value="100" class="pct high">100%</td>
 	<td data-value="1" class="abs high">1/1</td>
-	<td data-value="88.89" class="pct high">88.89%</td>
-	<td data-value="27" class="abs high">24/27</td>
+	<td data-value="88" class="pct high">88%</td>
+	<td data-value="25" class="abs high">22/25</td>
 	</tr>
 
 <tr>
 	<td class="file medium" data-value="utils.js"><a href="utils.js.html">utils.js</a></td>
-	<td data-value="62.5" class="pic medium"><div class="chart"><div class="cover-fill" style="width: 62%;"></div><div class="cover-empty" style="width:38%;"></div></div></td>
-	<td data-value="62.5" class="pct medium">62.5%</td>
-	<td data-value="120" class="abs medium">75/120</td>
-	<td data-value="40.43" class="pct low">40.43%</td>
-	<td data-value="47" class="abs low">19/47</td>
+	<td data-value="62.81" class="pic medium"><div class="chart"><div class="cover-fill" style="width: 62%;"></div><div class="cover-empty" style="width:38%;"></div></div></td>
+	<td data-value="62.81" class="pct medium">62.81%</td>
+	<td data-value="121" class="abs medium">76/121</td>
+	<td data-value="40" class="pct low">40%</td>
+	<td data-value="45" class="abs low">18/45</td>
 	<td data-value="84.21" class="pct high">84.21%</td>
 	<td data-value="19" class="abs high">16/19</td>
-	<td data-value="68.87" class="pct medium">68.87%</td>
-	<td data-value="106" class="abs medium">73/106</td>
+	<td data-value="69.16" class="pct medium">69.16%</td>
+	<td data-value="107" class="abs medium">74/107</td>
 	</tr>
 
 </tbody>
@@ -106,7 +106,7 @@ <h1>
 </div><!-- /wrapper -->
 <div class='footer quiet pad2 space-top1 center small'>
   Code coverage
-  generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Fri May 31 2019 16:08:29 GMT+0800 (Hong Kong Standard Time)
+  generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Fri May 31 2019 16:31:31 GMT+0800 (Hong Kong Standard Time)
 </div>
 </div>
 <script src="prettify.js"></script>