From 2d21406484d6e5e19bb0c5415e54f0dec539dd2e Mon Sep 17 00:00:00 2001 From: Jake Archibald Date: Wed, 11 Nov 2020 15:28:57 +0000 Subject: [PATCH] Removing old code, some bugfixes --- .../Compress/Options/Expander/index.tsx | 76 +- .../Range/custom-els/RangeInput/index.ts | 2 + .../lazy-app/Compress/Options/index.tsx | 6 +- src_old/assets/favicon.ico | Bin 15086 -> 0 bytes src_old/assets/icon-large-maskable.png | Bin 34541 -> 0 bytes src_old/assets/icon-large.png | Bin 26322 -> 0 bytes src_old/assets/icon-small.png | Bin 6838 -> 0 bytes src_old/codecs/avif/decoder-meta.ts | 7 - src_old/codecs/avif/decoder.ts | 17 - src_old/codecs/avif/encoder-meta.ts | 30 - src_old/codecs/avif/encoder.ts | 24 - src_old/codecs/avif/options.tsx | 350 -------- src_old/codecs/browser-bmp/encoder-meta.ts | 14 - src_old/codecs/browser-bmp/encoder.ts | 6 - src_old/codecs/browser-gif/encoder-meta.ts | 14 - src_old/codecs/browser-gif/encoder.ts | 6 - src_old/codecs/browser-jp2/encoder-meta.ts | 14 - src_old/codecs/browser-jp2/encoder.ts | 6 - src_old/codecs/browser-jpeg/encoder-meta.ts | 13 - src_old/codecs/browser-jpeg/encoder.ts | 6 - src_old/codecs/browser-jpeg/options.ts | 3 - src_old/codecs/browser-pdf/encoder-meta.ts | 14 - src_old/codecs/browser-pdf/encoder.ts | 6 - src_old/codecs/browser-png/encoder-meta.ts | 11 - src_old/codecs/browser-png/encoder.tsx | 6 - src_old/codecs/browser-tiff/encoder-meta.ts | 14 - src_old/codecs/browser-tiff/encoder.ts | 6 - src_old/codecs/browser-webp/encoder-meta.ts | 16 - src_old/codecs/browser-webp/encoder.ts | 6 - src_old/codecs/browser-webp/options.ts | 3 - src_old/codecs/decoders.ts | 21 - src_old/codecs/encoders.ts | 85 -- src_old/codecs/generic/quality-option.tsx | 52 -- src_old/codecs/generic/util.ts | 13 - src_old/codecs/hqx/processor-meta.ts | 3 - src_old/codecs/hqx/processor.ts | 20 - src_old/codecs/identity/encoder-meta.ts | 9 - src_old/codecs/imagequant/options.tsx | 100 --- src_old/codecs/imagequant/processor-meta.ts | 11 - src_old/codecs/imagequant/processor.ts | 30 - src_old/codecs/input-processors.ts | 9 - src_old/codecs/mozjpeg/encoder-meta.ts | 52 -- src_old/codecs/mozjpeg/encoder.ts | 21 - src_old/codecs/mozjpeg/options.tsx | 291 ------- src_old/codecs/oxipng/encoder-meta.ts | 16 - src_old/codecs/oxipng/encoder.ts | 9 - src_old/codecs/oxipng/options.tsx | 44 - src_old/codecs/preprocessors.ts | 27 - src_old/codecs/processor-worker/index.ts | 131 --- src_old/codecs/processor-worker/tiny.avif | Bin 303 -> 0 bytes src_old/codecs/processor-worker/tiny.webp | Bin 38 -> 0 bytes src_old/codecs/processor-worker/tsconfig.json | 15 - src_old/codecs/processor.ts | 251 ------ src_old/codecs/resize/options.tsx | 254 ------ src_old/codecs/resize/processor-meta.ts | 75 -- src_old/codecs/resize/processor-sync.ts | 55 -- src_old/codecs/resize/processor.ts | 73 -- src_old/codecs/resize/util.ts | 19 - src_old/codecs/rotate/processor-meta.ts | 12 - src_old/codecs/rotate/processor.ts | 43 - src_old/codecs/util.ts | 39 - src_old/codecs/webp/decoder-meta.ts | 7 - src_old/codecs/webp/decoder.ts | 17 - src_old/codecs/webp/encoder-meta.ts | 75 -- src_old/codecs/webp/encoder.ts | 22 - src_old/codecs/webp/options.tsx | 394 --------- src_old/components/App/index.tsx | 156 ---- src_old/components/App/style.scss | 68 -- src_old/components/Options/index.tsx | 220 ----- src_old/components/Options/style.scss | 59 -- .../Output/custom-els/PinchZoom/index.ts | 376 --------- .../custom-els/PinchZoom/missing-types.d.ts | 16 - .../Output/custom-els/PinchZoom/styles.css | 14 - .../Output/custom-els/TwoUp/index.ts | 171 ---- .../custom-els/TwoUp/missing-types.d.ts | 52 -- .../Output/custom-els/TwoUp/styles.css | 131 --- src_old/components/Output/index.tsx | 384 --------- src_old/components/Output/style.scss | 166 ---- src_old/components/checkbox/index.tsx | 21 - src_old/components/checkbox/style.scss | 22 - .../compress/custom-els/MultiPanel/index.ts | 320 -------- .../custom-els/MultiPanel/missing-types.d.ts | 9 - .../compress/custom-els/MultiPanel/styles.css | 10 - src_old/components/compress/index.tsx | 774 ------------------ src_old/components/compress/result-cache.ts | 78 -- src_old/components/compress/style.scss | 75 -- .../custom-els/LoadingSpinner/index.ts | 62 -- .../LoadingSpinner/missing-types.d.ts | 7 - .../custom-els/LoadingSpinner/styles.css | 158 ---- src_old/components/expander/index.tsx | 78 -- src_old/components/expander/style.scss | 5 - .../intro/imgs/demos/demo-artwork.jpg | Bin 2922539 -> 0 bytes .../intro/imgs/demos/demo-device-screen.png | Bin 1622142 -> 0 bytes .../intro/imgs/demos/demo-large-photo.jpg | Bin 2790013 -> 0 bytes .../intro/imgs/demos/icon-demo-artwork.jpg | Bin 3489 -> 0 bytes .../imgs/demos/icon-demo-device-screen.jpg | Bin 4713 -> 0 bytes .../imgs/demos/icon-demo-large-photo.jpg | Bin 4413 -> 0 bytes .../intro/imgs/demos/icon-demo-logo.png | Bin 1558 -> 0 bytes src_old/components/intro/imgs/logo.svg | 1 - src_old/components/intro/index.tsx | 260 ------ src_old/components/intro/missing-types.d.ts | 31 - src_old/components/intro/style.scss | 223 ----- src_old/components/range/index.tsx | 52 -- src_old/components/range/style.scss | 55 -- src_old/components/results/FileSize.tsx | 43 - src_old/components/results/index.tsx | 139 ---- src_old/components/results/style.scss | 131 --- src_old/components/select/index.tsx | 25 - src_old/components/select/style.scss | 33 - src_old/custom-els/RangeInput/index.ts | 167 ---- .../custom-els/RangeInput/missing-types.d.ts | 5 - src_old/custom-els/RangeInput/styles.css | 98 --- src_old/index.html | 16 - src_old/index.ts | 33 - src_old/init-app.tsx | 25 - src_old/lib/SnackBar/index.ts | 95 --- src_old/lib/SnackBar/missing-types.d.ts | 13 - src_old/lib/SnackBar/styles.css | 105 --- src_old/lib/clean-modify.ts | 62 -- src_old/lib/fix-pmc.mjs | 26 - src_old/lib/icons.tsx | 107 --- src_old/lib/initial-util.ts | 57 -- src_old/lib/missing-types.d.ts | 7 - src_old/lib/sw-bridge.ts | 115 --- src_old/lib/util.scss | 22 - src_old/lib/util.ts | 355 -------- src_old/manifest.json | 35 - src_old/missing-types.d.ts | 45 - src_old/style/index.scss | 23 - src_old/style/reset.scss | 12 - src_old/sw/index.ts | 91 -- src_old/sw/missing-types.d.ts | 1 - src_old/sw/tsconfig.json | 15 - src_old/sw/util.ts | 179 ---- 134 files changed, 37 insertions(+), 9068 deletions(-) delete mode 100644 src_old/assets/favicon.ico delete mode 100644 src_old/assets/icon-large-maskable.png delete mode 100644 src_old/assets/icon-large.png delete mode 100644 src_old/assets/icon-small.png delete mode 100644 src_old/codecs/avif/decoder-meta.ts delete mode 100644 src_old/codecs/avif/decoder.ts delete mode 100644 src_old/codecs/avif/encoder-meta.ts delete mode 100644 src_old/codecs/avif/encoder.ts delete mode 100644 src_old/codecs/avif/options.tsx delete mode 100644 src_old/codecs/browser-bmp/encoder-meta.ts delete mode 100644 src_old/codecs/browser-bmp/encoder.ts delete mode 100644 src_old/codecs/browser-gif/encoder-meta.ts delete mode 100644 src_old/codecs/browser-gif/encoder.ts delete mode 100644 src_old/codecs/browser-jp2/encoder-meta.ts delete mode 100644 src_old/codecs/browser-jp2/encoder.ts delete mode 100644 src_old/codecs/browser-jpeg/encoder-meta.ts delete mode 100644 src_old/codecs/browser-jpeg/encoder.ts delete mode 100644 src_old/codecs/browser-jpeg/options.ts delete mode 100644 src_old/codecs/browser-pdf/encoder-meta.ts delete mode 100644 src_old/codecs/browser-pdf/encoder.ts delete mode 100644 src_old/codecs/browser-png/encoder-meta.ts delete mode 100644 src_old/codecs/browser-png/encoder.tsx delete mode 100644 src_old/codecs/browser-tiff/encoder-meta.ts delete mode 100644 src_old/codecs/browser-tiff/encoder.ts delete mode 100644 src_old/codecs/browser-webp/encoder-meta.ts delete mode 100644 src_old/codecs/browser-webp/encoder.ts delete mode 100644 src_old/codecs/browser-webp/options.ts delete mode 100644 src_old/codecs/decoders.ts delete mode 100644 src_old/codecs/encoders.ts delete mode 100644 src_old/codecs/generic/quality-option.tsx delete mode 100644 src_old/codecs/generic/util.ts delete mode 100644 src_old/codecs/hqx/processor-meta.ts delete mode 100644 src_old/codecs/hqx/processor.ts delete mode 100644 src_old/codecs/identity/encoder-meta.ts delete mode 100644 src_old/codecs/imagequant/options.tsx delete mode 100644 src_old/codecs/imagequant/processor-meta.ts delete mode 100644 src_old/codecs/imagequant/processor.ts delete mode 100644 src_old/codecs/input-processors.ts delete mode 100644 src_old/codecs/mozjpeg/encoder-meta.ts delete mode 100644 src_old/codecs/mozjpeg/encoder.ts delete mode 100644 src_old/codecs/mozjpeg/options.tsx delete mode 100644 src_old/codecs/oxipng/encoder-meta.ts delete mode 100644 src_old/codecs/oxipng/encoder.ts delete mode 100644 src_old/codecs/oxipng/options.tsx delete mode 100644 src_old/codecs/preprocessors.ts delete mode 100644 src_old/codecs/processor-worker/index.ts delete mode 100644 src_old/codecs/processor-worker/tiny.avif delete mode 100644 src_old/codecs/processor-worker/tiny.webp delete mode 100644 src_old/codecs/processor-worker/tsconfig.json delete mode 100644 src_old/codecs/processor.ts delete mode 100644 src_old/codecs/resize/options.tsx delete mode 100644 src_old/codecs/resize/processor-meta.ts delete mode 100644 src_old/codecs/resize/processor-sync.ts delete mode 100644 src_old/codecs/resize/processor.ts delete mode 100644 src_old/codecs/resize/util.ts delete mode 100644 src_old/codecs/rotate/processor-meta.ts delete mode 100644 src_old/codecs/rotate/processor.ts delete mode 100644 src_old/codecs/util.ts delete mode 100644 src_old/codecs/webp/decoder-meta.ts delete mode 100644 src_old/codecs/webp/decoder.ts delete mode 100644 src_old/codecs/webp/encoder-meta.ts delete mode 100644 src_old/codecs/webp/encoder.ts delete mode 100644 src_old/codecs/webp/options.tsx delete mode 100644 src_old/components/App/index.tsx delete mode 100644 src_old/components/App/style.scss delete mode 100644 src_old/components/Options/index.tsx delete mode 100644 src_old/components/Options/style.scss delete mode 100644 src_old/components/Output/custom-els/PinchZoom/index.ts delete mode 100644 src_old/components/Output/custom-els/PinchZoom/missing-types.d.ts delete mode 100644 src_old/components/Output/custom-els/PinchZoom/styles.css delete mode 100644 src_old/components/Output/custom-els/TwoUp/index.ts delete mode 100644 src_old/components/Output/custom-els/TwoUp/missing-types.d.ts delete mode 100644 src_old/components/Output/custom-els/TwoUp/styles.css delete mode 100644 src_old/components/Output/index.tsx delete mode 100644 src_old/components/Output/style.scss delete mode 100644 src_old/components/checkbox/index.tsx delete mode 100644 src_old/components/checkbox/style.scss delete mode 100644 src_old/components/compress/custom-els/MultiPanel/index.ts delete mode 100644 src_old/components/compress/custom-els/MultiPanel/missing-types.d.ts delete mode 100644 src_old/components/compress/custom-els/MultiPanel/styles.css delete mode 100644 src_old/components/compress/index.tsx delete mode 100644 src_old/components/compress/result-cache.ts delete mode 100644 src_old/components/compress/style.scss delete mode 100644 src_old/components/custom-els/LoadingSpinner/index.ts delete mode 100644 src_old/components/custom-els/LoadingSpinner/missing-types.d.ts delete mode 100644 src_old/components/custom-els/LoadingSpinner/styles.css delete mode 100644 src_old/components/expander/index.tsx delete mode 100644 src_old/components/expander/style.scss delete mode 100644 src_old/components/intro/imgs/demos/demo-artwork.jpg delete mode 100644 src_old/components/intro/imgs/demos/demo-device-screen.png delete mode 100644 src_old/components/intro/imgs/demos/demo-large-photo.jpg delete mode 100644 src_old/components/intro/imgs/demos/icon-demo-artwork.jpg delete mode 100644 src_old/components/intro/imgs/demos/icon-demo-device-screen.jpg delete mode 100644 src_old/components/intro/imgs/demos/icon-demo-large-photo.jpg delete mode 100644 src_old/components/intro/imgs/demos/icon-demo-logo.png delete mode 100644 src_old/components/intro/imgs/logo.svg delete mode 100644 src_old/components/intro/index.tsx delete mode 100644 src_old/components/intro/missing-types.d.ts delete mode 100644 src_old/components/intro/style.scss delete mode 100644 src_old/components/range/index.tsx delete mode 100644 src_old/components/range/style.scss delete mode 100644 src_old/components/results/FileSize.tsx delete mode 100644 src_old/components/results/index.tsx delete mode 100644 src_old/components/results/style.scss delete mode 100644 src_old/components/select/index.tsx delete mode 100644 src_old/components/select/style.scss delete mode 100644 src_old/custom-els/RangeInput/index.ts delete mode 100644 src_old/custom-els/RangeInput/missing-types.d.ts delete mode 100644 src_old/custom-els/RangeInput/styles.css delete mode 100644 src_old/index.html delete mode 100644 src_old/index.ts delete mode 100644 src_old/init-app.tsx delete mode 100644 src_old/lib/SnackBar/index.ts delete mode 100644 src_old/lib/SnackBar/missing-types.d.ts delete mode 100644 src_old/lib/SnackBar/styles.css delete mode 100644 src_old/lib/clean-modify.ts delete mode 100644 src_old/lib/fix-pmc.mjs delete mode 100644 src_old/lib/icons.tsx delete mode 100644 src_old/lib/initial-util.ts delete mode 100644 src_old/lib/missing-types.d.ts delete mode 100644 src_old/lib/sw-bridge.ts delete mode 100644 src_old/lib/util.scss delete mode 100644 src_old/lib/util.ts delete mode 100644 src_old/manifest.json delete mode 100644 src_old/missing-types.d.ts delete mode 100644 src_old/style/index.scss delete mode 100644 src_old/style/reset.scss delete mode 100644 src_old/sw/index.ts delete mode 100644 src_old/sw/missing-types.d.ts delete mode 100644 src_old/sw/tsconfig.json delete mode 100644 src_old/sw/util.ts diff --git a/src/client/lazy-app/Compress/Options/Expander/index.tsx b/src/client/lazy-app/Compress/Options/Expander/index.tsx index 3790bf82..e0e013db 100644 --- a/src/client/lazy-app/Compress/Options/Expander/index.tsx +++ b/src/client/lazy-app/Compress/Options/Expander/index.tsx @@ -7,71 +7,59 @@ interface Props { children: ComponentChildren; } interface State { - outgoingChildren: ComponentChild[]; + children: ComponentChildren; + outgoingChildren: ComponentChildren; } export default class Expander extends Component { - state: State = { - outgoingChildren: [], - }; - private lastElHeight: number = 0; - - componentWillReceiveProps(nextProps: Props) { - const children = this.props.children as ComponentChild[] | undefined; - const nextChildren = nextProps.children as ComponentChild[] | undefined; - - if (!nextChildren && children && children[0]) { - // Cache the current children for the shrink animation. - this.setState({ outgoingChildren: children }); + static getDerivedStateFromProps( + props: Props, + state: State, + ): Partial | null { + if (!props.children && state.children) { + return { children: props.children, outgoingChildren: state.children }; } + + if (props.children !== state.children) { + return { children: props.children, outgoingChildren: undefined }; + } + + return null; } - componentWillUpdate(nextProps: Props) { - const children = this.props.children as ComponentChild[] | undefined; - const nextChildren = nextProps.children as ComponentChild[] | undefined; + async componentDidUpdate(_: Props, previousState: State) { + let heightFrom: number; + let heightTo: number; - // Only interested if going from empty to not-empty, or not-empty to empty. - if ((children && nextChildren) || (!children && !nextChildren)) return; - this.lastElHeight = (this - .base as HTMLElement).getBoundingClientRect().height; - } - - async componentDidUpdate(previousProps: Props) { - const children = this.props.children as ComponentChild[] | undefined; - const previousChildren = previousProps.children as - | ComponentChild[] - | undefined; - - // Only interested if going from empty to not-empty, or not-empty to empty. - if ((children && previousChildren) || (!children && !previousChildren)) + if (previousState.children && !this.state.children) { + heightFrom = (this.base as HTMLElement).getBoundingClientRect().height; + heightTo = 0; + } else if (!previousState.children && this.state.children) { + heightFrom = 0; + heightTo = (this.base as HTMLElement).getBoundingClientRect().height; + } else { return; + } - // What height do we need to transition to? - (this.base as HTMLElement).style.height = ''; (this.base as HTMLElement).style.overflow = 'hidden'; - const newHeight = children - ? (this.base as HTMLElement).getBoundingClientRect().height - : 0; await transitionHeight(this.base as HTMLElement, { duration: 300, - from: this.lastElHeight, - to: newHeight, + from: heightFrom, + to: heightTo, }); // Unset the height & overflow, so element changes do the right thing. (this.base as HTMLElement).style.height = ''; (this.base as HTMLElement).style.overflow = ''; - if (this.state.outgoingChildren[0]) this.setState({ outgoingChildren: [] }); + + this.setState({ outgoingChildren: undefined }); } - render(props: Props, { outgoingChildren }: State) { - const children = props.children as ComponentChild[] | undefined; - const childrenExiting = (!children || !children[0]) && outgoingChildren[0]; - + render({}: Props, { children, outgoingChildren }: State) { return ( -
- {children && children[0] ? children : outgoingChildren} +
+ {outgoingChildren || children}
); } diff --git a/src/client/lazy-app/Compress/Options/Range/custom-els/RangeInput/index.ts b/src/client/lazy-app/Compress/Options/Range/custom-els/RangeInput/index.ts index 3681decd..49b8c58b 100644 --- a/src/client/lazy-app/Compress/Options/Range/custom-els/RangeInput/index.ts +++ b/src/client/lazy-app/Compress/Options/Range/custom-els/RangeInput/index.ts @@ -107,6 +107,8 @@ class RangeInputElement extends HTMLElement { }; private _update = () => { + // Not connected? + if (!this._valueDisplay) return; const value = Number(this.value) || 0; const min = Number(this.min) || 0; const max = Number(this.max) || 100; diff --git a/src/client/lazy-app/Compress/Options/index.tsx b/src/client/lazy-app/Compress/Options/index.tsx index cccb46bc..9ffa16ae 100644 --- a/src/client/lazy-app/Compress/Options/index.tsx +++ b/src/client/lazy-app/Compress/Options/index.tsx @@ -133,7 +133,7 @@ export default class Options extends Component {