Refactor preprocessors module

src/components/App/index.tsx

@@ -25,9 +25,13 @@ import {
     EncoderType,
     EncoderOptions,
     encoderMap,
-    PreprocessorState,
 } from '../../codecs/encoders';
 
+import {
+  PreprocessorState,
+  defaultPreprocessorState,
+} from '../../codecs/preprocessors';
+
 import { decodeImage } from '../../codecs/decoders';
 
 interface SourceImage {
@@ -112,24 +116,14 @@ export default class App extends Component<Props, State> {
     loading: false,
     images: [
       {
-        preprocessorState: {
-          quantizer: {
-            enabled: false,
-            ...quantizer.defaultOptions,
-          },
-        },
+        preprocessorState: defaultPreprocessorState,
         encoderState: { type: identity.type, options: identity.defaultOptions },
         loadingCounter: 0,
         loadedCounter: 0,
         loading: false,
       },
       {
-        preprocessorState: {
-          quantizer: {
-            enabled: false,
-            ...quantizer.defaultOptions,
-          },
-        },
+        preprocessorState: defaultPreprocessorState,
         encoderState: { type: mozJPEG.type, options: mozJPEG.defaultOptions },
         loadingCounter: 0,
         loadedCounter: 0,

src/components/Options/index.tsx

@@ -26,10 +26,11 @@ import {
     encoders,
     encodersSupported,
     EncoderSupportMap,
-    PreprocessorState,
 } from '../../codecs/encoders';
 import { QuantizeOptions } from '../../codecs/imagequant/quantizer';
 
+import { PreprocessorState } from '../../codecs/preprocessors';
+
 const encoderOptionsComponentMap = {
   [identity.type]: undefined,
   [mozJPEG.type]: MozJpegEncoderOptions,