external-repos/squoosh
1
0
Fork 1
mirror of https://github.com/GoogleChromeLabs/squoosh.git synced 2025-11-16 02:29:50 +00:00
Code Issues Packages Projects Releases Wiki Activity

Wrangling TypeScript and webpack to work with Emscripten wasm stuff

Browse Source
This commit is contained in:
Surma
2018-05-17 11:24:40 +01:00
parent 634dfe3717
commit 7edb7f0de8
8 changed files with 170 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/app/index.tsx
View File

@@ -3,6 +3,8 @@ import { bind } from '../../lib/util';
import * as style from './style.scss';
import Output from '../output';
import {MozJpegEncoder} from '../../lib/codec-wrappers/mozjpeg-enc';
type Props = {};
type State = {
@@ -29,7 +31,11 @@ export default class App extends Component<Props, State> {
if (!fileInput.files || !fileInput.files[0]) return;
// TODO: handle decode error
const img = await createImageBitmap(fileInput.files[0]);
this.setState({ img });
const encoder = new MozJpegEncoder();
const compressedData = await encoder.encode(img);
const blob = new Blob([compressedData], {type: 'image/jpeg'});
const compressedImage = await createImageBitmap(blob);
this.setState({ img: compressedImage });
}
render({ }: Props, { img }: State) {