Skip to content

Commit 3b1117e

Browse files
DonaldcwlDonaldcwl
authored
Merge pull request #55 from Donaldcwl/dev
Dev v1.0.10
2 parents 7d1f4f5 + c5ac0b7 commit 3b1117e

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

54 files changed

+1405
-5785
lines changed

‎.gitignore‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -16,7 +16,7 @@ pids
1616
lib-cov
1717

1818
# Coverage directory used by tools like istanbul
19-
#coverage
19+
`coverage
2020

2121
# nyc test coverage
2222
.nyc_output
@@ -88,4 +88,4 @@ Temporary Items
8888

8989
.idea/
9090
dist/
91-
coverage/
91+
/example/*/yarn.lock

‎CHANGELOG.md‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,8 @@
1+
## v1.0.10 (7 May 2020)
2+
* fixed: issue in Web Worker when onProgress is undefined [#50](https://github.com/Donaldcwl/browser-image-compression/issues/50)
3+
* fixed: handle behavior change of exif orientation in iOS 13.4.1 and Safari 13.1 Desktop [#52](https://github.com/Donaldcwl/browser-image-compression/issues/52)
4+
* updated: typescript type definitions to resolve [#54](https://github.com/Donaldcwl/browser-image-compression/issues/54)
5+
16
## v1.0.9 (25 Mar 2020)
27
* updated: compression becomes less aggressive, output file is closer to the 'maxWidthOrHeight' and/or 'maxSizeMB' in config
38
* fixed: file size increased in specific situation

‎README.md‎

Lines changed: 14 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -18,7 +18,7 @@ yarn add browser-image-compression
1818
```
1919
or use a CDN like [delivrjs]:
2020
```
21-
https://cdn.jsdelivr.net/npm/browser-image-compression@1.0.9/dist/browser-image-compression.js
21+
https://cdn.jsdelivr.net/npm/browser-image-compression@1.0.10/dist/browser-image-compression.js
2222
or
2323
https://cdn.jsdelivr.net/npm/browser-image-compression@latest/dist/browser-image-compression.js
2424
```
@@ -59,13 +59,13 @@ imageCompression(file: File, options): Promise<File | Blob>
5959
### Helper function ###
6060
- for advanced user only, most user won't need to use the helper functions
6161
```javascript
62-
imageCompression.getDataUrlFromFile(file: File): Promise<base64 encoded string>
63-
imageCompression.getFilefromDataUrl(dataUrl: string): Promise<File>
62+
imageCompression.getDataUrlFromFile(file: File | Blob): Promise<base64 encoded string>
63+
imageCompression.getFilefromDataUrl(dataUrl: string, filename: string, lastModified?: number): Promise<File>
6464
imageCompression.loadImage(url: string): Promise<HTMLImageElement>
65-
imageCompression.drawImageInCanvas(img: HTMLImageElement): HTMLCanvasElement
66-
imageCompression.drawFileInCanvas(file: File): Promise<[ImageBitmap | HTMLImageElement, HTMLCanvasElement]>
67-
imageCompression.canvasToFile(canvas, fileType, fileName, fileLastModified[, quality]): Promise<File|Blob>
68-
imageCompression.getExifOrientation(file: File): Promise<number> // based on https://stackoverflow.com/a/32490603/10395024
65+
imageCompression.drawImageInCanvas(img: HTMLImageElement): HTMLCanvasElement | OffscreenCanvas
66+
imageCompression.drawFileInCanvas(file: File| Blob): Promise<[ImageBitmap | HTMLImageElement, HTMLCanvasElement | OffscreenCanvas]>
67+
imageCompression.canvasToFile(canvas: HTMLCanvasElement | OffscreenCanvas, fileType: string, fileName: string, fileLastModified: number, quality?: number): Promise<File | Blob>
68+
imageCompression.getExifOrientation(file: File| Blob): Promise<number> // based on https://stackoverflow.com/a/32490603/10395024
6969
```
7070

7171
## Usage ##
@@ -134,6 +134,13 @@ or check the "[example]" folder in this repo
134134
| --------- | --------- | --------- | --------- | --------- | --------- |
135135
| IE10, IE11, Edge| last 2 versions| last 2 versions| last 2 versions| last 2 versions| last 2 versions
136136

137+
## Typescript type definitions ##
138+
```
139+
npm install --save-dev @types/browser-image-compression
140+
or
141+
yarn add --dev @types/browser-image-compression
142+
```
143+
137144
## Contribution ##
138145
1. fork the repo and git clone it
139146
2. run `npm run watch` # it will watch code change in lib/ folder and generate js in dist/ folder

‎coverage/badge.svg‎

Lines changed: 1 addition & 1 deletion
Loading

‎coverage/coverage-final.json‎

Lines changed: 1 addition & 4 deletions
Large diffs are not rendered by default.

‎coverage/coverage-summary.json‎

Lines changed: 1 addition & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,2 @@
1-
{"total": {"lines":{"total":197,"covered":156,"skipped":0,"pct":79.19},"statements":{"total":211,"covered":158,"skipped":0,"pct":74.88},"functions":{"total":26,"covered":22,"skipped":0,"pct":84.62},"branches":{"total":101,"covered":56,"skipped":0,"pct":55.45}}
2-
,"/Users/donald/Project/browser-image-compression/lib/image-compression.js": {"lines":{"total":49,"covered":47,"skipped":0,"pct":95.92},"functions":{"total":3,"covered":3,"skipped":0,"pct":100},"statements":{"total":49,"covered":47,"skipped":0,"pct":95.92},"branches":{"total":26,"covered":21,"skipped":0,"pct":80.77}}
3-
,"/Users/donald/Project/browser-image-compression/lib/index.js": {"lines":{"total":28,"covered":25,"skipped":0,"pct":89.29},"functions":{"total":1,"covered":1,"skipped":0,"pct":100},"statements":{"total":28,"covered":25,"skipped":0,"pct":89.29},"branches":{"total":17,"covered":12,"skipped":0,"pct":70.59}}
4-
,"/Users/donald/Project/browser-image-compression/lib/utils.js": {"lines":{"total":120,"covered":84,"skipped":0,"pct":70},"functions":{"total":22,"covered":18,"skipped":0,"pct":81.82},"statements":{"total":134,"covered":86,"skipped":0,"pct":64.18},"branches":{"total":58,"covered":23,"skipped":0,"pct":39.66}}
1+
{"total": {"lines":{"total":0,"covered":0,"skipped":0,"pct":"Unknown"},"statements":{"total":0,"covered":0,"skipped":0,"pct":"Unknown"},"functions":{"total":0,"covered":0,"skipped":0,"pct":"Unknown"},"branches":{"total":0,"covered":0,"skipped":0,"pct":"Unknown"}}
52
}

‎coverage/image-compression.js.html‎

Lines changed: 12 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -171,7 +171,13 @@ <h1><a href="index.html">All files</a> image-compression.js</h1>
171171
<a name='L112'></a><a href='#L112'>112</a>
172172
<a name='L113'></a><a href='#L113'>113</a>
173173
<a name='L114'></a><a href='#L114'>114</a>
174-
<a name='L115'></a><a href='#L115'>115</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
174+
<a name='L115'></a><a href='#L115'>115</a>
175+
<a name='L116'></a><a href='#L116'>116</a>
176+
<a name='L117'></a><a href='#L117'>117</a>
177+
<a name='L118'></a><a href='#L118'>118</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
178+
<span class="cline-any cline-neutral">&nbsp;</span>
179+
<span class="cline-any cline-neutral">&nbsp;</span>
180+
<span class="cline-any cline-neutral">&nbsp;</span>
175181
<span class="cline-any cline-neutral">&nbsp;</span>
176182
<span class="cline-any cline-neutral">&nbsp;</span>
177183
<span class="cline-any cline-neutral">&nbsp;</span>
@@ -308,7 +314,10 @@ <h1><a href="index.html">All files</a> image-compression.js</h1>
308314
* @param {string} [options.fileType] - default to be the original mime type from the image file
309315
* @returns {Promise&lt;File | Blob&gt;}
310316
*/
311-
export default async function compress (file, options) {
317+
export default async function
318+
&nbsp;
319+
&nbsp;
320+
fawfcompress (file, options) {
312321
let progress = 0
313322
&nbsp;
314323
function incProgress (inc = 5) {
@@ -406,7 +415,7 @@ <h1><a href="index.html">All files</a> image-compression.js</h1>
406415
<div class='footer quiet pad2 space-top1 center small'>
407416
Code coverage generated by
408417
<a href="https://istanbul.js.org/" target="_blank">istanbul</a>
409-
at Wed Mar 25 2020 23:40:22 GMT+0800 (Hong Kong Standard Time)
418+
at Wed May 06 2020 16:10:33 GMT+0800 (香港標準時間)
410419
</div>
411420
</div>
412421
<script src="prettify.js"></script>

‎coverage/index.html‎

Lines changed: 10 additions & 55 deletions
Original file line numberDiff line numberDiff line change
@@ -23,30 +23,30 @@ <h1>All files</h1>
2323
<div class='clearfix'>
2424

2525
<div class='fl pad1y space-right2'>
26-
<span class="strong">74.88% </span>
26+
<span class="strong">Unknown% </span>
2727
<span class="quiet">Statements</span>
28-
<span class='fraction'>158/211</span>
28+
<span class='fraction'>0/0</span>
2929
</div>
3030

3131

3232
<div class='fl pad1y space-right2'>
33-
<span class="strong">55.45% </span>
33+
<span class="strong">Unknown% </span>
3434
<span class="quiet">Branches</span>
35-
<span class='fraction'>56/101</span>
35+
<span class='fraction'>0/0</span>
3636
</div>
3737

3838

3939
<div class='fl pad1y space-right2'>
40-
<span class="strong">84.62% </span>
40+
<span class="strong">Unknown% </span>
4141
<span class="quiet">Functions</span>
42-
<span class='fraction'>22/26</span>
42+
<span class='fraction'>0/0</span>
4343
</div>
4444

4545

4646
<div class='fl pad1y space-right2'>
47-
<span class="strong">79.19% </span>
47+
<span class="strong">Unknown% </span>
4848
<span class="quiet">Lines</span>
49-
<span class='fraction'>156/197</span>
49+
<span class='fraction'>0/0</span>
5050
</div>
5151

5252

@@ -72,60 +72,15 @@ <h1>All files</h1>
7272
<th data-col="lines_raw" data-type="number" data-fmt="html" class="abs"></th>
7373
</tr>
7474
</thead>
75-
<tbody><tr>
76-
<td class="file high" data-value="image-compression.js"><a href="image-compression.js.html">image-compression.js</a></td>
77-
<td data-value="95.92" class="pic high">
78-
<div class="chart"><div class="cover-fill" style="width: 95%"></div><div class="cover-empty" style="width: 5%"></div></div>
79-
</td>
80-
<td data-value="95.92" class="pct high">95.92%</td>
81-
<td data-value="49" class="abs high">47/49</td>
82-
<td data-value="80.77" class="pct high">80.77%</td>
83-
<td data-value="26" class="abs high">21/26</td>
84-
<td data-value="100" class="pct high">100%</td>
85-
<td data-value="3" class="abs high">3/3</td>
86-
<td data-value="95.92" class="pct high">95.92%</td>
87-
<td data-value="49" class="abs high">47/49</td>
88-
</tr>
89-
90-
<tr>
91-
<td class="file high" data-value="index.js"><a href="index.js.html">index.js</a></td>
92-
<td data-value="89.29" class="pic high">
93-
<div class="chart"><div class="cover-fill" style="width: 89%"></div><div class="cover-empty" style="width: 11%"></div></div>
94-
</td>
95-
<td data-value="89.29" class="pct high">89.29%</td>
96-
<td data-value="28" class="abs high">25/28</td>
97-
<td data-value="70.59" class="pct medium">70.59%</td>
98-
<td data-value="17" class="abs medium">12/17</td>
99-
<td data-value="100" class="pct high">100%</td>
100-
<td data-value="1" class="abs high">1/1</td>
101-
<td data-value="89.29" class="pct high">89.29%</td>
102-
<td data-value="28" class="abs high">25/28</td>
103-
</tr>
104-
105-
<tr>
106-
<td class="file medium" data-value="utils.js"><a href="utils.js.html">utils.js</a></td>
107-
<td data-value="64.18" class="pic medium">
108-
<div class="chart"><div class="cover-fill" style="width: 64%"></div><div class="cover-empty" style="width: 36%"></div></div>
109-
</td>
110-
<td data-value="64.18" class="pct medium">64.18%</td>
111-
<td data-value="134" class="abs medium">86/134</td>
112-
<td data-value="39.66" class="pct low">39.66%</td>
113-
<td data-value="58" class="abs low">23/58</td>
114-
<td data-value="81.82" class="pct high">81.82%</td>
115-
<td data-value="22" class="abs high">18/22</td>
116-
<td data-value="70" class="pct medium">70%</td>
117-
<td data-value="120" class="abs medium">84/120</td>
118-
</tr>
119-
120-
</tbody>
75+
<tbody></tbody>
12176
</table>
12277
</div>
12378
<div class='push'></div><!-- for sticky footer -->
12479
</div><!-- /wrapper -->
12580
<div class='footer quiet pad2 space-top1 center small'>
12681
Code coverage generated by
12782
<a href="https://istanbul.js.org/" target="_blank">istanbul</a>
128-
at Wed Mar 25 2020 23:40:22 GMT+0800 (Hong Kong Standard Time)
83+
at Wed May 06 2020 16:11:19 GMT+0800 (香港標準時間)
12984
</div>
13085
</div>
13186
<script src="prettify.js"></script>

‎coverage/index.js.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -331,7 +331,7 @@ <h1><a href="index.html">All files</a> index.js</h1>
331331
<div class='footer quiet pad2 space-top1 center small'>
332332
Code coverage generated by
333333
<a href="https://istanbul.js.org/" target="_blank">istanbul</a>
334-
at Wed Mar 25 2020 23:40:22 GMT+0800 (Hong Kong Standard Time)
334+
at Wed May 06 2020 16:10:33 GMT+0800 (香港標準時間)
335335
</div>
336336
</div>
337337
<script src="prettify.js"></script>

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

Lines changed: 12 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -171,7 +171,13 @@ <h1><a href="index.html">All files</a> image-compression.js</h1>
171171
<a name='L112'></a><a href='#L112'>112</a>
172172
<a name='L113'></a><a href='#L113'>113</a>
173173
<a name='L114'></a><a href='#L114'>114</a>
174-
<a name='L115'></a><a href='#L115'>115</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
174+
<a name='L115'></a><a href='#L115'>115</a>
175+
<a name='L116'></a><a href='#L116'>116</a>
176+
<a name='L117'></a><a href='#L117'>117</a>
177+
<a name='L118'></a><a href='#L118'>118</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
178+
<span class="cline-any cline-neutral">&nbsp;</span>
179+
<span class="cline-any cline-neutral">&nbsp;</span>
180+
<span class="cline-any cline-neutral">&nbsp;</span>
175181
<span class="cline-any cline-neutral">&nbsp;</span>
176182
<span class="cline-any cline-neutral">&nbsp;</span>
177183
<span class="cline-any cline-neutral">&nbsp;</span>
@@ -308,7 +314,10 @@ <h1><a href="index.html">All files</a> image-compression.js</h1>
308314
* @param {string} [options.fileType] - default to be the original mime type from the image file
309315
* @returns {Promise&lt;File | Blob&gt;}
310316
*/
311-
export default async function compress (file, options) {
317+
export default async function
318+
&nbsp;
319+
&nbsp;
320+
fawfcompress (file, options) {
312321
let progress = 0
313322
&nbsp;
314323
function incProgress (inc = 5) {
@@ -406,7 +415,7 @@ <h1><a href="index.html">All files</a> image-compression.js</h1>
406415
<div class='footer quiet pad2 space-top1 center small'>
407416
Code coverage generated by
408417
<a href="https://istanbul.js.org/" target="_blank">istanbul</a>
409-
at Wed Mar 25 2020 23:40:22 GMT+0800 (Hong Kong Standard Time)
418+
at Wed May 06 2020 16:10:33 GMT+0800 (香港標準時間)
410419
</div>
411420
</div>
412421
<script src="prettify.js"></script>

0 commit comments

Comments
 (0)