diff --git a/package.json b/package.json index 6f09fac9f..4f1c78db8 100644 --- a/package.json +++ b/package.json @@ -78,7 +78,6 @@ "@uppy/core": "^2.1.4", "@uppy/dashboard": "^2.1.3", "@uppy/react": "^2.1.2", - "browser-image-compression": "^1.0.15", "countries-list": "^2.6.1", "date-fns": "^1.30.1", "debounce": "^1.2.0", diff --git a/src/common/Form/ImageInput/ImageConverter.tsx b/src/common/Form/ImageInput/ImageConverter.tsx index 7610246ec..483dad4e7 100644 --- a/src/common/Form/ImageInput/ImageConverter.tsx +++ b/src/common/Form/ImageInput/ImageConverter.tsx @@ -1,5 +1,4 @@ -import React, { useEffect, useState } from 'react' -import imageCompression from 'browser-image-compression' +import { useEffect, useState } from 'react' import { Flex } from 'theme-ui' import type { IConvertedFileMeta } from 'src/types' @@ -10,17 +9,10 @@ interface IProps { onImgClicked: (meta: IConvertedFileMeta) => void } interface IState { - compressionOptions: Parameters[1] convertedFile?: IConvertedFileMeta openLightbox?: boolean } -const imageSizes = { - low: 640, - normal: 1280, - high: 1920, -} - const _generateFileMeta = (c: File) => { const meta: IConvertedFileMeta = { name: addTimestampToFileName(c.name), @@ -32,12 +24,7 @@ const _generateFileMeta = (c: File) => { } export const ImageConverter = (props: IProps) => { - const [state, setState] = useState({ - compressionOptions: { - maxWidthOrHeight: imageSizes.normal, - initialQuality: 0.75, - }, - }) + const [state, setState] = useState({}) const { convertedFile } = state useEffect(() => { @@ -51,11 +38,8 @@ export const ImageConverter = (props: IProps) => { }, []) const compressFiles = async (file: File) => { - const { compressionOptions } = state - // by default compress takes an array and gives back an array. We only want to handle a single image - const conversion: File = await imageCompression(file, compressionOptions) - const convertedMeta = _generateFileMeta(conversion) + const convertedMeta = _generateFileMeta(file) setState((state) => ({ ...state, convertedFile: convertedMeta, diff --git a/yarn.lock b/yarn.lock index 59f83f31e..ff5a28295 100644 --- a/yarn.lock +++ b/yarn.lock @@ -14363,16 +14363,6 @@ __metadata: languageName: node linkType: hard -"browser-image-compression@npm:^1.0.15": - version: 1.0.17 - resolution: "browser-image-compression@npm:1.0.17" - dependencies: - core-js: ^3.16.1 - uzip: 0.20201231.0 - checksum: 200d6731486d45aebc96f3251aca19d269a9b8d7721e1a1eb31f573c03415a070ac936dd108a6e698ff2252a001ffa3bcf80f3c30b6b9bdde425bd684640bab4 - languageName: node - linkType: hard - "browser-process-hrtime@npm:^1.0.0": version: 1.0.0 resolution: "browser-process-hrtime@npm:1.0.0" @@ -15896,7 +15886,7 @@ __metadata: languageName: node linkType: hard -"core-js@npm:^3.16.1, core-js@npm:^3.19.2, core-js@npm:^3.23.3": +"core-js@npm:^3.19.2, core-js@npm:^3.23.3": version: 3.28.0 resolution: "core-js@npm:3.28.0" checksum: 3155fd0ec16d0089106b145e9595280a4ea4bde0d7ff26aa14364cd4f1c203baf6620c3025acd284f363d08b9f21104101692766ca9a36ffeee7307bdf3e1881 @@ -28040,7 +28030,6 @@ __metadata: "@uppy/dashboard": ^2.1.3 "@uppy/react": ^2.1.2 all-contributors-cli: ^6.20.0 - browser-image-compression: ^1.0.15 buffer: ^6.0.3 chai-subset: ^1.6.0 commitizen: ^4.2.4