Update README.md

closes #367 updating incorrect URL
Preventing zoom in iOS Safari. (#395 )
2018-12-17 13:43:18 -05:00 · 2018-12-17 17:05:41 +00:00 · 2018-12-17 12:42:47 +00:00 · 2018-12-17 12:36:57 +00:00 · 2018-12-17 12:36:52 +00:00 · 2018-12-17 11:54:30 +00:00
22 changed files with 373 additions and 294 deletions
--- a/_redirects.ejs
+++ b/_redirects.ejs
@ -0,0 +1,2 @@
+/index.html / 301
+/* /index.html 301
--- a/codecs/imagequant/package.json
+++ b/codecs/imagequant/package.json
@ -8,6 +8,6 @@
    "libimagequant": "ImageOptim/libimagequant#2.12.1"
  },
  "devDependencies": {
-    "napa": "^3.0.0"
+    "napa": "3.0.0"
  }
 }
--- a/codecs/mozjpeg_enc/package.json
+++ b/codecs/mozjpeg_enc/package.json
@ -8,6 +8,6 @@
    "mozjpeg": "mozilla/mozjpeg#v3.3.1"
  },
  "devDependencies": {
-    "napa": "^3.0.0"
+    "napa": "3.0.0"
  }
 }
--- a/codecs/optipng/README.md
+++ b/codecs/optipng/README.md
@ -1,6 +1,6 @@
 # OptiPNG

- Source: <https://sourceforge.net/project/optipng>
+- Source: <http://optipng.sourceforge.net/>
 - Version: v0.7.7

 ## Dependencies
--- a/codecs/optipng/package.json
+++ b/codecs/optipng/package.json
@ -16,7 +16,7 @@
    "zlib": "emscripten-ports/zlib"
  },
  "dependencies": {
-    "napa": "^3.0.0",
+    "napa": "3.0.0",
    "tar-dependency": "0.0.3"
  }
 }
--- a/codecs/webp_dec/package.json
+++ b/codecs/webp_dec/package.json
@ -8,6 +8,6 @@
    "libwebp": "webmproject/libwebp#v1.0.0"
  },
  "devDependencies": {
-    "napa": "^3.0.0"
+    "napa": "3.0.0"
  }
 }
--- a/codecs/webp_enc/package.json
+++ b/codecs/webp_enc/package.json
@ -8,6 +8,6 @@
    "libwebp": "webmproject/libwebp#v1.0.0"
  },
  "devDependencies": {
-    "napa": "^3.0.0"
+    "napa": "3.0.0"
  }
 }
--- a/codecs/webp_enc/webp_enc.cpp
+++ b/codecs/webp_enc/webp_enc.cpp
@ -26,7 +26,8 @@ val encode(std::string img, int width, int height, WebPConfig config) {
    throw std::runtime_error("Unexpected error");
  }

-  pic.use_argb = !!config.lossless;
+  // Only use use_argb if we really need it, as it's slower.
+  pic.use_argb = config.lossless || config.use_sharp_yuv || config.preprocessing > 0;
  pic.width = width;
  pic.height = height;
  pic.writer = WebPMemoryWrite;
--- a/codecs/webp_enc/webp_enc.js
+++ b/codecs/webp_enc/webp_enc.js
--- a/codecs/webp_enc/webp_enc.wasm
+++ b/codecs/webp_enc/webp_enc.wasm
--- a/package-lock.json
+++ b/package-lock.json
@ -1,6 +1,6 @@
 {
  "name": "squoosh",
-  "version": "1.2.0",
+  "version": "1.3.0",
  "lockfileVersion": 1,
  "requires": true,
  "dependencies": {
@ -62,24 +62,41 @@
      }
    },
    "@fimbul/bifrost": {
-      "version": "0.11.0",
-      "resolved": "https://registry.npmjs.org/@fimbul/bifrost/-/bifrost-0.11.0.tgz",
-      "integrity": "sha512-GspMaQafpaUoXWWOUgNLQ4vsV52tIHUt0zpKPeJUYEyMvOSp7FIcZ1eQa7SK3GTusrEiksjMrDX/fwanigC3nQ==",
+      "version": "0.15.0",
+      "resolved": "https://registry.npmjs.org/@fimbul/bifrost/-/bifrost-0.15.0.tgz",
+      "integrity": "sha512-sHTwnwA9YhxcVEJkBlfKH1KLmGQGnNYPxk+09w5NnkXelYiiP8a5f351weYfxG0CUPLt1Fgkha20Y/9+jhjn/Q==",
      "dev": true,
      "requires": {
-        "@fimbul/ymir": "^0.11.0",
-        "get-caller-file": "^1.0.2",
+        "@fimbul/ymir": "^0.15.0",
+        "get-caller-file": "^2.0.0",
        "tslib": "^1.8.1",
-        "tsutils": "^2.24.0"
+        "tsutils": "^3.1.0"
+      },
+      "dependencies": {
+        "get-caller-file": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.1.tgz",
+          "integrity": "sha512-SpOZHfz845AH0wJYVuZk2jWDqFmu7Xubsx+ldIpwzy5pDUpu7OJHK7QYNSA2NPlDSKQwM1GFaAkciOWjjW92Sg==",
+          "dev": true
+        },
+        "tsutils": {
+          "version": "3.5.2",
+          "resolved": "https://registry.npmjs.org/tsutils/-/tsutils-3.5.2.tgz",
+          "integrity": "sha512-qIlklNuI/1Dzfm+G+kJV5gg3gimZIX5haYtIVQe7qGyKd7eu8T1t1DY6pz4Sc2CGXAj9s1izycctm9Zfl9sRuQ==",
+          "dev": true,
+          "requires": {
+            "tslib": "^1.8.1"
+          }
+        }
      }
    },
    "@fimbul/ymir": {
-      "version": "0.11.0",
-      "resolved": "https://registry.npmjs.org/@fimbul/ymir/-/ymir-0.11.0.tgz",
-      "integrity": "sha512-aIYQMCWbBXe7DIofgu+4DLCPDCfqbKhPjBg4ajskJdq6CAJgySz6KyhGLNnKiDYZMF93ZsaEB/y3SafyMi98Mg==",
+      "version": "0.15.0",
+      "resolved": "https://registry.npmjs.org/@fimbul/ymir/-/ymir-0.15.0.tgz",
+      "integrity": "sha512-Ow0TfxxQ65vIktHcZyXHeDsGKuzJ9Vt6y77R/aOrXQXLMdYHG+XdbiUWzQbtaGOmNzYVkQfINiFnIdvn5Bn24g==",
      "dev": true,
      "requires": {
-        "inversify": "^4.10.0",
+        "inversify": "^5.0.0",
        "reflect-metadata": "^0.1.12",
        "tslib": "^1.8.1"
      }
@ -107,9 +124,9 @@
      "dev": true
    },
    "@types/node": {
-      "version": "10.12.6",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-10.12.6.tgz",
-      "integrity": "sha512-+ZWB5Ec1iki99xQFzBlivlKxSZQ+fuUKBott8StBOnLN4dWbRHlgdg1XknpW6g0tweniN5DcOqA64CJyOUPSAw==",
+      "version": "10.12.15",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-10.12.15.tgz",
+      "integrity": "sha512-9kROxduaN98QghwwHmxXO2Xz3MaWf+I1sLVAA6KJDF5xix+IyXVhds0MAfdNwtcpSrzhaTsNB0/jnL86fgUhqA==",
      "dev": true
    },
    "@types/pretty-bytes": {
@ -119,9 +136,9 @@
      "dev": true
    },
    "@types/webassembly-js-api": {
-      "version": "0.0.1",
-      "resolved": "https://registry.npmjs.org/@types/webassembly-js-api/-/webassembly-js-api-0.0.1.tgz",
-      "integrity": "sha1-YtULIBB319TMEJuxytoi/f1FI/s=",
+      "version": "0.0.2",
+      "resolved": "https://registry.npmjs.org/@types/webassembly-js-api/-/webassembly-js-api-0.0.2.tgz",
+      "integrity": "sha512-htlxJRag6RUiMYUkS8Fjup+TMHO0VarpiF9MrqYaGJ0wXtIraQFz40rfA8VIeCiWy8sgpv3RLmigpgicG8fqGA==",
      "dev": true
    },
    "@webassemblyjs/ast": {
@ -2106,6 +2123,24 @@
      "integrity": "sha1-JtII6onje1y95gJQoV8DHBak1ms=",
      "dev": true
    },
+    "caller-callsite": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/caller-callsite/-/caller-callsite-2.0.0.tgz",
+      "integrity": "sha1-hH4PzgoiN1CpoCfFSzNzGtMVQTQ=",
+      "dev": true,
+      "requires": {
+        "callsites": "^2.0.0"
+      }
+    },
+    "caller-path": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/caller-path/-/caller-path-2.0.0.tgz",
+      "integrity": "sha1-Ro+DBE42mrIBD6xfBs7uFbsssfQ=",
+      "dev": true,
+      "requires": {
+        "caller-callsite": "^2.0.0"
+      }
+    },
    "callsites": {
      "version": "2.0.0",
      "resolved": "https://registry.npmjs.org/callsites/-/callsites-2.0.0.tgz",
@ -2431,9 +2466,9 @@
      }
    },
    "comlink": {
-      "version": "3.0.3",
-      "resolved": "https://registry.npmjs.org/comlink/-/comlink-3.0.3.tgz",
-      "integrity": "sha512-toiZad0dmZIfqkSh4XyD40mRg6/X+8yNvtWCq+f79aIKsJGTf3hY8Ikr4wGx4494h1q9oNHznWMLdorNWsr6dQ==",
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/comlink/-/comlink-3.1.1.tgz",
+      "integrity": "sha512-8H9/mrssKE9B4ZMLcN/2bZd1cukP61SrOjm8vhxpRSN8oCw7MSroNNm3Y7/vPUhK5a2AO55vb20rXm3840l3Pw==",
      "dev": true
    },
    "commander": {
@ -2671,9 +2706,9 @@
      }
    },
    "critters-webpack-plugin": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/critters-webpack-plugin/-/critters-webpack-plugin-2.0.1.tgz",
-      "integrity": "sha512-b2CRY31n1OxtSMgqKt5kRIGNMYpQJGFlhojl8NWNQ3hyouAYmm42v4yQh1Phxrx9RXIii2MtQOJXXAY1HDXMyg==",
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/critters-webpack-plugin/-/critters-webpack-plugin-2.1.1.tgz",
+      "integrity": "sha512-X1/Y9hZdEDXHehpraW23vISqzwJGy8gqqHSDLRxphmxK8ppzS/cmQPdpbKs4OlcDK5+gioxAJjDjyT1vVpnu+Q==",
      "dev": true,
      "requires": {
        "css": "^2.2.1",
@ -2705,28 +2740,10 @@
            "supports-color": "^5.3.0"
          }
        },
-        "cssnano": {
-          "version": "4.1.7",
-          "resolved": "https://registry.npmjs.org/cssnano/-/cssnano-4.1.7.tgz",
-          "integrity": "sha512-AiXL90l+MDuQmRNyypG2P7ux7K4XklxYzNNUd5HXZCNcH8/N9bHPcpN97v8tXgRVeFL/Ed8iP8mVmAAu0ZpT7A==",
-          "dev": true,
-          "requires": {
-            "cosmiconfig": "^5.0.0",
-            "cssnano-preset-default": "^4.0.5",
-            "is-resolvable": "^1.0.0",
-            "postcss": "^7.0.0"
-          }
-        },
-        "has-flag": {
-          "version": "3.0.0",
-          "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
-          "integrity": "sha1-tdRU3CGZriJWmfNGfloH87lVuv0=",
-          "dev": true
-        },
        "postcss": {
-          "version": "7.0.5",
-          "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.5.tgz",
-          "integrity": "sha512-HBNpviAUFCKvEh7NZhw1e8MBPivRszIiUnhrJ+sBFVSYSqubrzwX3KG51mYgcRHX8j/cAgZJedONZcm5jTBdgQ==",
+          "version": "7.0.6",
+          "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.6.tgz",
+          "integrity": "sha512-Nq/rNjnHFcKgCDDZYO0lNsl6YWe6U7tTy+ESN+PnLxebL8uBtYX59HZqvrj7YLK5UCyll2hqDsJOo3ndzEW8Ug==",
          "dev": true,
          "requires": {
            "chalk": "^2.4.1",
@ -2736,7 +2753,7 @@
        },
        "pretty-bytes": {
          "version": "4.0.2",
-          "resolved": "https://registry.npmjs.org/pretty-bytes/-/pretty-bytes-4.0.2.tgz",
+          "resolved": "http://registry.npmjs.org/pretty-bytes/-/pretty-bytes-4.0.2.tgz",
          "integrity": "sha1-sr+C5zUNZcbDOqlaqlpPYyf2HNk=",
          "dev": true
        },
@ -6181,9 +6198,9 @@
      }
    },
    "hash.js": {
-      "version": "1.1.5",
-      "resolved": "https://registry.npmjs.org/hash.js/-/hash.js-1.1.5.tgz",
-      "integrity": "sha512-eWI5HG9Np+eHV1KQhisXWwM+4EPPYe5dFX1UZZH7k/E3JzDEazVH+VGlZi6R94ZqImq+A3D1mCEtrFIfg/E7sA==",
+      "version": "1.1.7",
+      "resolved": "https://registry.npmjs.org/hash.js/-/hash.js-1.1.7.tgz",
+      "integrity": "sha512-taOaskGt4z4SOANNseOviYDvjEJinIkRgmp7LbKP2YTTmVxWBl87s/uzK9r+44BclBSp2X7K1hqeNfz9JbBeXA==",
      "dev": true,
      "requires": {
        "inherits": "^2.0.3",
@ -6451,12 +6468,12 @@
      "dev": true
    },
    "husky": {
-      "version": "1.1.4",
-      "resolved": "https://registry.npmjs.org/husky/-/husky-1.1.4.tgz",
-      "integrity": "sha512-cZjGpS7qsaBSo3fOMUuR7erQloX3l5XzL1v/RkIqU6zrQImDdU70z5Re9fGDp7+kbYlM2EtS4aYMlahBeiCUGw==",
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/husky/-/husky-1.2.1.tgz",
+      "integrity": "sha512-4Ylal3HWhnDvIszuiyLoVrSGI7QLg/ogkNCoHE34c+yZYzb9kBZNrlTOsdw92cGi3cJT8pPb6CdVfxFkLnc8Dg==",
      "dev": true,
      "requires": {
-        "cosmiconfig": "^5.0.6",
+        "cosmiconfig": "^5.0.7",
        "execa": "^1.0.0",
        "find-up": "^3.0.0",
        "get-stdin": "^6.0.0",
@ -6468,6 +6485,24 @@
        "slash": "^2.0.0"
      },
      "dependencies": {
+        "cosmiconfig": {
+          "version": "5.0.7",
+          "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-5.0.7.tgz",
+          "integrity": "sha512-PcLqxTKiDmNT6pSpy4N6KtuPwb53W+2tzNvwOZw0WH9N6O0vLIBq0x8aj8Oj75ere4YcGi48bDFCL+3fRJdlNA==",
+          "dev": true,
+          "requires": {
+            "import-fresh": "^2.0.0",
+            "is-directory": "^0.3.1",
+            "js-yaml": "^3.9.0",
+            "parse-json": "^4.0.0"
+          }
+        },
+        "esprima": {
+          "version": "4.0.1",
+          "resolved": "https://registry.npmjs.org/esprima/-/esprima-4.0.1.tgz",
+          "integrity": "sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==",
+          "dev": true
+        },
        "find-up": {
          "version": "3.0.0",
          "resolved": "https://registry.npmjs.org/find-up/-/find-up-3.0.0.tgz",
@ -6477,6 +6512,16 @@
            "locate-path": "^3.0.0"
          }
        },
+        "js-yaml": {
+          "version": "3.12.0",
+          "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-3.12.0.tgz",
+          "integrity": "sha512-PIt2cnwmPfL4hKNwqeiuz4bKfnzHTBv6HyVgjahA6mPLwPDzjDWrplJBMjHUFxku/N3FlmrbyPclad+I+4mJ3A==",
+          "dev": true,
+          "requires": {
+            "argparse": "^1.0.7",
+            "esprima": "^4.0.0"
+          }
+        },
        "locate-path": {
          "version": "3.0.0",
          "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-3.0.0.tgz",
@ -6576,6 +6621,16 @@
      "integrity": "sha512-Pgs951kaMm5GXP7MOvxERINe3gsaVjUWFm+UZPSq9xYriQAksyhg0csnS0KXSNRD5NmNdapXEpjxG49+AKh/ug==",
      "dev": true
    },
+    "import-fresh": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-2.0.0.tgz",
+      "integrity": "sha1-2BNVwVYS04bGH53dOSLUMEgipUY=",
+      "dev": true,
+      "requires": {
+        "caller-path": "^2.0.0",
+        "resolve-from": "^3.0.0"
+      }
+    },
    "import-local": {
      "version": "2.0.0",
      "resolved": "https://registry.npmjs.org/import-local/-/import-local-2.0.0.tgz",
@ -6814,9 +6869,9 @@
      }
    },
    "inversify": {
-      "version": "4.13.0",
-      "resolved": "https://registry.npmjs.org/inversify/-/inversify-4.13.0.tgz",
-      "integrity": "sha512-O5d8y7gKtyRwrvTLZzYET3kdFjqUy58sGpBYMARF13mzqDobpfBXVOPLH7HmnD2VR6Q+1HzZtslGvsdQfeb0SA==",
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/inversify/-/inversify-5.0.1.tgz",
+      "integrity": "sha512-Ieh06s48WnEYGcqHepdsJUIJUXpwH5o5vodAX+DK2JA/gjy4EbEcQZxw+uFfzysmKjiLXGYwNG3qDZsKVMcINQ==",
      "dev": true
    },
    "invert-kv": {
@ -9160,45 +9215,33 @@
      },
      "dependencies": {
        "acorn": {
-          "version": "6.0.2",
-          "resolved": "https://registry.npmjs.org/acorn/-/acorn-6.0.2.tgz",
-          "integrity": "sha512-GXmKIvbrN3TV7aVqAzVFaMW8F8wzVX7voEBRO3bDA64+EX37YSayggRJP5Xig6HYHBkWKpFg9W5gg6orklubhg==",
+          "version": "6.0.4",
+          "resolved": "https://registry.npmjs.org/acorn/-/acorn-6.0.4.tgz",
+          "integrity": "sha512-VY4i5EKSKkofY2I+6QLTbTTN/UvEQPCo6eiwzzSaSWfpaDhOmStMCMod6wmuPciNq+XS0faCglFu2lHZpdHUtg==",
          "dev": true
        },
        "ajv": {
-          "version": "5.5.2",
-          "resolved": "https://registry.npmjs.org/ajv/-/ajv-5.5.2.tgz",
-          "integrity": "sha1-c7Xuyj+rZT49P5Qis0GtQiBdyWU=",
+          "version": "6.6.1",
+          "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.6.1.tgz",
+          "integrity": "sha512-ZoJjft5B+EJBjUyu9C9Hc0OZyPZSSlOF+plzouTrg6UlA8f+e/n8NIgBFG/9tppJtpPWfthHakK7juJdNDODww==",
          "dev": true,
          "requires": {
-            "co": "^4.6.0",
-            "fast-deep-equal": "^1.0.0",
+            "fast-deep-equal": "^2.0.1",
            "fast-json-stable-stringify": "^2.0.0",
-            "json-schema-traverse": "^0.3.0"
+            "json-schema-traverse": "^0.4.1",
+            "uri-js": "^4.2.2"
          }
        },
-        "fast-deep-equal": {
-          "version": "1.1.0",
-          "resolved": "http://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-1.1.0.tgz",
-          "integrity": "sha1-wFNHeBfIa1HaqFPIHgWbcz0CNhQ=",
-          "dev": true
-        },
        "har-validator": {
-          "version": "5.1.0",
-          "resolved": "https://registry.npmjs.org/har-validator/-/har-validator-5.1.0.tgz",
-          "integrity": "sha512-+qnmNjI4OfH2ipQ9VQOw23bBd/ibtfbVdK2fYbY4acTDqKTW/YDp9McimZdDbG8iV9fZizUqQMD5xvriB146TA==",
+          "version": "5.1.3",
+          "resolved": "https://registry.npmjs.org/har-validator/-/har-validator-5.1.3.tgz",
+          "integrity": "sha512-sNvOCzEQNr/qrvJgc3UG/kD4QtlHycrzwS+6mfTrrSq97BvaYcPZZI1ZSqGSPR73Cxn4LKTD4PttRwfU7jWq5g==",
          "dev": true,
          "requires": {
-            "ajv": "^5.3.0",
+            "ajv": "^6.5.5",
            "har-schema": "^2.0.0"
          }
        },
-        "json-schema-traverse": {
-          "version": "0.3.1",
-          "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.3.1.tgz",
-          "integrity": "sha1-NJptRMU6Ud6JtAgFxdXlm0F9M0A=",
-          "dev": true
-        },
        "oauth-sign": {
          "version": "0.9.0",
          "resolved": "https://registry.npmjs.org/oauth-sign/-/oauth-sign-0.9.0.tgz",
@ -9243,25 +9286,36 @@
            "tough-cookie": "~2.4.3",
            "tunnel-agent": "^0.6.0",
            "uuid": "^3.3.2"
+          },
+          "dependencies": {
+            "tough-cookie": {
+              "version": "2.4.3",
+              "resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-2.4.3.tgz",
+              "integrity": "sha512-Q5srk/4vDM54WJsJio3XNn6K2sCG+CQ8G5Wz6bZhRZoAe/+TxjWB/GlFAnYEbkYVlON9FMk/fE3h2RLpPXo4lQ==",
+              "dev": true,
+              "requires": {
+                "psl": "^1.1.24",
+                "punycode": "^1.4.1"
+              }
+            }
          }
        },
        "tough-cookie": {
-          "version": "2.4.3",
-          "resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-2.4.3.tgz",
-          "integrity": "sha512-Q5srk/4vDM54WJsJio3XNn6K2sCG+CQ8G5Wz6bZhRZoAe/+TxjWB/GlFAnYEbkYVlON9FMk/fE3h2RLpPXo4lQ==",
+          "version": "2.5.0",
+          "resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-2.5.0.tgz",
+          "integrity": "sha512-nlLsUzgm1kfLXSXfRZMc1KLAugd4hqJHDTvc2hDIwS3mZAfMEuMbc03SujMF+GEcpaX/qboeycw6iO8JwVv2+g==",
          "dev": true,
          "requires": {
-            "psl": "^1.1.24",
-            "punycode": "^1.4.1"
-          }
-        },
-        "ws": {
-          "version": "6.1.0",
-          "resolved": "https://registry.npmjs.org/ws/-/ws-6.1.0.tgz",
-          "integrity": "sha512-H3dGVdGvW2H8bnYpIDc3u3LH8Wue3Qh+Zto6aXXFzvESkTVT6rAfKR6tR/+coaUvxs8yHtmNV0uioBF62ZGSTg==",
-          "dev": true,
-          "requires": {
-            "async-limiter": "~1.0.0"
+            "psl": "^1.1.28",
+            "punycode": "^2.1.1"
+          },
+          "dependencies": {
+            "punycode": {
+              "version": "2.1.1",
+              "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.1.1.tgz",
+              "integrity": "sha512-XRsRjdf+j5ml+y/6GKHPZbrF/8p2Yga0JPtdqTIY2Xe5ohJPD9saDJJLPvp9+NSBprVvevdXZybnj2cv8OEd0A==",
+              "dev": true
+            }
          }
        }
      }
@ -9890,27 +9944,14 @@
      "dev": true
    },
    "mini-css-extract-plugin": {
-      "version": "0.4.4",
-      "resolved": "https://registry.npmjs.org/mini-css-extract-plugin/-/mini-css-extract-plugin-0.4.4.tgz",
-      "integrity": "sha512-o+Jm+ocb0asEngdM6FsZWtZsRzA8koFUudIDwYUfl94M3PejPHG7Vopw5hN9V8WsMkSFpm3tZP3Fesz89EyrfQ==",
+      "version": "0.5.0",
+      "resolved": "https://registry.npmjs.org/mini-css-extract-plugin/-/mini-css-extract-plugin-0.5.0.tgz",
+      "integrity": "sha512-IuaLjruM0vMKhUUT51fQdQzBYTX49dLj8w68ALEAe2A4iYNpIC4eMac67mt3NzycvjOlf07/kYxJDc0RTl1Wqw==",
      "dev": true,
      "requires": {
        "loader-utils": "^1.1.0",
        "schema-utils": "^1.0.0",
        "webpack-sources": "^1.1.0"
-      },
-      "dependencies": {
-        "schema-utils": {
-          "version": "1.0.0",
-          "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-1.0.0.tgz",
-          "integrity": "sha512-i27Mic4KovM/lnGsy8whRCHhc7VicJajAjTrYg11K9zfZXnYIt4k5F+kZkwjnrhKzLic/HLU4j11mjsz2G/75g==",
-          "dev": true,
-          "requires": {
-            "ajv": "^6.1.0",
-            "ajv-errors": "^1.0.0",
-            "ajv-keywords": "^3.1.0"
-          }
-        }
      }
    },
    "minimalistic-assert": {
@ -10802,9 +10843,9 @@
      "dev": true
    },
    "pako": {
-      "version": "1.0.6",
-      "resolved": "https://registry.npmjs.org/pako/-/pako-1.0.6.tgz",
-      "integrity": "sha512-lQe48YPsMJAig+yngZ87Lus+NF+3mtu7DVOBu6b/gHO1YpKwIj5AWjZ/TOS7i46HD/UixzWb1zeWDZfGZ3iYcg==",
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/pako/-/pako-1.0.7.tgz",
+      "integrity": "sha512-3HNK5tW4x8o5mO8RuHZp3Ydw9icZXx0RANAOMzlMzx7LVXhMJ4mo3MOBpzyd7r/+RUu8BmndP47LXT+vzjtWcQ==",
      "dev": true
    },
    "parallel-transform": {
@ -11628,9 +11669,9 @@
      "dev": true
    },
    "preact": {
-      "version": "8.3.1",
-      "resolved": "https://registry.npmjs.org/preact/-/preact-8.3.1.tgz",
-      "integrity": "sha512-s8H1Y8O9e+mOBo3UP1jvWqArPmjCba2lrrGLlq/0kN1XuIINUbYtf97iiXKxCuG3eYwmppPKnyW2DBrNj/TuTg==",
+      "version": "8.4.2",
+      "resolved": "https://registry.npmjs.org/preact/-/preact-8.4.2.tgz",
+      "integrity": "sha512-TsINETWiisfB6RTk0wh3/mvxbGRvx+ljeBccZ4Z6MPFKgu/KFGyf2Bmw3Z/jlXhL5JlNKY6QAbA9PVyzIy9//A==",
      "dev": true
    },
    "prelude-ls": {
@ -11984,10 +12025,14 @@
      }
    },
    "raw-loader": {
-      "version": "0.5.1",
-      "resolved": "https://registry.npmjs.org/raw-loader/-/raw-loader-0.5.1.tgz",
-      "integrity": "sha1-DD0L6u2KAclm2Xh793goElKpeao=",
-      "dev": true
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/raw-loader/-/raw-loader-1.0.0.tgz",
+      "integrity": "sha512-Uqy5AqELpytJTRxYT4fhltcKPj0TyaEpzJDcGz7DFJi+pQOOi3GjR/DOdxTkTsF+NzhnldIoG6TORaBlInUuqA==",
+      "dev": true,
+      "requires": {
+        "loader-utils": "^1.1.0",
+        "schema-utils": "^1.0.0"
+      }
    },
    "read-chunk": {
      "version": "2.1.0",
@ -12563,9 +12608,9 @@
      "dev": true
    },
    "saxes": {
-      "version": "3.1.3",
-      "resolved": "https://registry.npmjs.org/saxes/-/saxes-3.1.3.tgz",
-      "integrity": "sha512-Nc5DXc5A+m3rUDtkS+vHlBWKT7mCKjJPyia7f8YMW773hsXVv2wEHQZGE0zs4+5PLwz9U5Sbl/94Cnd9vHV7Bg==",
+      "version": "3.1.4",
+      "resolved": "https://registry.npmjs.org/saxes/-/saxes-3.1.4.tgz",
+      "integrity": "sha512-GVZmLJnkS4Vl8Pe9o4nc5ALZ615VOVxCmea8Cs0l+8GZw3RQ5XGOSUomIUfuZuk4Todo44v4y+HY1EATkDDiZg==",
      "dev": true,
      "requires": {
        "xmlchars": "^1.3.1"
@ -14016,9 +14061,9 @@
      "dev": true
    },
    "ts-loader": {
-      "version": "5.3.0",
-      "resolved": "https://registry.npmjs.org/ts-loader/-/ts-loader-5.3.0.tgz",
-      "integrity": "sha512-lGSNs7szRFj/rK9T1EQuayE3QNLg6izDUxt5jpmq0RG1rU2bapAt7E7uLckLCUPeO1jwxCiet2oRaWovc53UAg==",
+      "version": "5.3.1",
+      "resolved": "https://registry.npmjs.org/ts-loader/-/ts-loader-5.3.1.tgz",
+      "integrity": "sha512-fDDgpBH3SR8xlt2MasLdz3Yy611PQ/UY/KGyo7TgXhTRU/6sS8uGG0nJYnU1OdFBNKcoYbId1UTNaAOUn+i41g==",
      "dev": true,
      "requires": {
        "chalk": "^2.3.0",
@ -14123,14 +14168,14 @@
      }
    },
    "tslint-config-airbnb": {
-      "version": "5.11.0",
-      "resolved": "https://registry.npmjs.org/tslint-config-airbnb/-/tslint-config-airbnb-5.11.0.tgz",
-      "integrity": "sha512-o2FhaQtxXi6FQ1v0T2n/rACNos6PhuKRmvemMpWxI+9NJn2OOlJ3+OtEmnCdoF7GPXT3Eyk+Q0q4P96flrPl3w==",
+      "version": "5.11.1",
+      "resolved": "https://registry.npmjs.org/tslint-config-airbnb/-/tslint-config-airbnb-5.11.1.tgz",
+      "integrity": "sha512-hkaittm2607vVMe8eotANGN1CimD5tor7uoY3ypg2VTtEcDB/KGWYbJOz58t8LI4cWSyWtgqYQ5F0HwKxxhlkQ==",
      "dev": true,
      "requires": {
-        "tslint-consistent-codestyle": "^1.13.3",
+        "tslint-consistent-codestyle": "^1.14.1",
        "tslint-eslint-rules": "^5.4.0",
-        "tslint-microsoft-contrib": "~5.2.0"
+        "tslint-microsoft-contrib": "~5.2.1"
      }
    },
    "tslint-config-semistandard": {
@ -14172,14 +14217,14 @@
      }
    },
    "tslint-consistent-codestyle": {
-      "version": "1.13.3",
-      "resolved": "https://registry.npmjs.org/tslint-consistent-codestyle/-/tslint-consistent-codestyle-1.13.3.tgz",
-      "integrity": "sha512-+ocXSNGHqUCUyTJsPhS7xqcC3qf6FyP4vd1jEaXaWaJ5NNN36gKZhqNt3nAWH/YgSV0tYaapjSWMbJQJmn/5MQ==",
+      "version": "1.14.1",
+      "resolved": "https://registry.npmjs.org/tslint-consistent-codestyle/-/tslint-consistent-codestyle-1.14.1.tgz",
+      "integrity": "sha512-UxGRX2fF5LpZtqYpuPFaIva+2D7ASX3pTVw41yis6Hmw7PPA3cBnFEX1jqRsnyxGrca6mHxz7xDnwCHtOjWJMQ==",
      "dev": true,
      "requires": {
-        "@fimbul/bifrost": "^0.11.0",
+        "@fimbul/bifrost": "^0.15.0",
        "tslib": "^1.7.1",
-        "tsutils": "^2.27.0"
+        "tsutils": "^2.29.0"
      }
    },
    "tslint-eslint-rules": {
@ -14537,9 +14582,9 @@
      "dev": true
    },
    "typescript": {
-      "version": "3.1.6",
-      "resolved": "https://registry.npmjs.org/typescript/-/typescript-3.1.6.tgz",
-      "integrity": "sha512-tDMYfVtvpb96msS1lDX9MEdHrW4yOuZ4Kdc4Him9oU796XldPYF/t2+uKoX0BBa0hXXwDlqYQbXY5Rzjzc5hBA==",
+      "version": "3.2.2",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-3.2.2.tgz",
+      "integrity": "sha512-VCj5UiSyHBjwfYacmDuc/NOk4QQixbE+Wn7MFJuS0nRuPQbof132Pw4u53dm264O8LPc2MVsc7RJNml5szurkg==",
      "dev": true
    },
    "uglify-js": {
@ -14560,56 +14605,6 @@
        }
      }
    },
-    "uglifyjs-webpack-plugin": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/uglifyjs-webpack-plugin/-/uglifyjs-webpack-plugin-1.3.0.tgz",
-      "integrity": "sha512-ovHIch0AMlxjD/97j9AYovZxG5wnHOPkL7T1GKochBADp/Zwc44pEWNqpKl1Loupp1WhFg7SlYmHZRUfdAacgw==",
-      "dev": true,
-      "requires": {
-        "cacache": "^10.0.4",
-        "find-cache-dir": "^1.0.0",
-        "schema-utils": "^0.4.5",
-        "serialize-javascript": "^1.4.0",
-        "source-map": "^0.6.1",
-        "uglify-es": "^3.3.4",
-        "webpack-sources": "^1.1.0",
-        "worker-farm": "^1.5.2"
-      },
-      "dependencies": {
-        "commander": {
-          "version": "2.13.0",
-          "resolved": "https://registry.npmjs.org/commander/-/commander-2.13.0.tgz",
-          "integrity": "sha512-MVuS359B+YzaWqjCL/c+22gfryv+mCBPHAv3zyVI2GN8EY6IRP8VwtasXn8jyyhvvq84R4ImN1OKRtcbIasjYA==",
-          "dev": true
-        },
-        "schema-utils": {
-          "version": "0.4.7",
-          "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-0.4.7.tgz",
-          "integrity": "sha512-v/iwU6wvwGK8HbU9yi3/nhGzP0yGSuhQMzL6ySiec1FSrZZDkhm4noOSWzrNFo/jEc+SJY6jRTwuwbSXJPDUnQ==",
-          "dev": true,
-          "requires": {
-            "ajv": "^6.1.0",
-            "ajv-keywords": "^3.1.0"
-          }
-        },
-        "source-map": {
-          "version": "0.6.1",
-          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-          "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-          "dev": true
-        },
-        "uglify-es": {
-          "version": "3.3.9",
-          "resolved": "https://registry.npmjs.org/uglify-es/-/uglify-es-3.3.9.tgz",
-          "integrity": "sha512-r+MU0rfv4L/0eeW3xZrd16t4NZfK8Ld4SWVglYBb7ez5uXFWHuVRs6xCTrf1yirs9a4j4Y27nn7SRfO6v67XsQ==",
-          "dev": true,
-          "requires": {
-            "commander": "~2.13.0",
-            "source-map": "~0.6.1"
-          }
-        }
-      }
-    },
    "underscore": {
      "version": "1.6.0",
      "resolved": "https://registry.npmjs.org/underscore/-/underscore-1.6.0.tgz",
@ -15032,9 +15027,9 @@
      "dev": true
    },
    "webpack": {
-      "version": "4.25.1",
-      "resolved": "https://registry.npmjs.org/webpack/-/webpack-4.25.1.tgz",
-      "integrity": "sha512-T0GU/3NRtO4tMfNzsvpdhUr8HnzA4LTdP2zd+e5zd6CdOH5vNKHnAlO+DvzccfhPdzqRrALOFcjYxx7K5DWmvA==",
+      "version": "4.27.1",
+      "resolved": "https://registry.npmjs.org/webpack/-/webpack-4.27.1.tgz",
+      "integrity": "sha512-WArHiLvHrlfyRM8i7f+2SFbr/XbQ0bXqTkPF8JpHOzub5482Y3wx7rEO8stuLGOKOgZJcqcisLhD7LrM/+fVMw==",
      "dev": true,
      "requires": {
        "@webassemblyjs/ast": "1.7.11",
@ -15058,7 +15053,7 @@
        "node-libs-browser": "^2.0.0",
        "schema-utils": "^0.4.4",
        "tapable": "^1.1.0",
-        "uglifyjs-webpack-plugin": "^1.2.4",
+        "terser-webpack-plugin": "^1.1.0",
        "watchpack": "^1.5.0",
        "webpack-sources": "^1.3.0"
      },
@ -15777,9 +15772,9 @@
      }
    },
    "worker-plugin": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/worker-plugin/-/worker-plugin-1.1.1.tgz",
-      "integrity": "sha512-s5XtToCv/eZdxZHB1t2Ggdl0F6jw+4qm5s/C3lxIp6z4V2aQRMte22x+v2Y1pbJzwTXE+jqGoa+wWn0oqovYyg==",
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/worker-plugin/-/worker-plugin-3.0.0.tgz",
+      "integrity": "sha512-iLcZBwR3TZO2A8s4S+VNzvuCvAHeZx84IR/zE8O89E+VBTTdn73cwDaUoCroftwtW1Qo0mMxYkJqwf0hyFwmeA==",
      "dev": true,
      "requires": {
        "loader-utils": "^1.1.0"
--- a/package.json
+++ b/package.json
@ -1,7 +1,7 @@
 {
  "private": true,
  "name": "squoosh",
-  "version": "1.2.0",
+  "version": "1.3.0",
  "license": "apache-2.0",
  "scripts": {
    "start": "webpack-dev-server --host 0.0.0.0 --hot",
@ -15,55 +15,55 @@
    }
  },
  "devDependencies": {
-    "@types/node": "^10.12.6",
-    "@types/pretty-bytes": "^5.1.0",
-    "@types/webassembly-js-api": "0.0.1",
-    "@webcomponents/custom-elements": "^1.2.1",
-    "@webpack-cli/serve": "^0.1.2",
-    "assets-webpack-plugin": "^3.9.7",
-    "chokidar": "^2.0.4",
-    "classnames": "^2.2.6",
-    "clean-webpack-plugin": "^1.0.0",
-    "comlink": "^3.0.3",
-    "copy-webpack-plugin": "^4.6.0",
-    "critters-webpack-plugin": "^2.0.1",
-    "css-loader": "^1.0.1",
-    "ejs": "^2.6.1",
-    "exports-loader": "^0.7.0",
-    "file-drop-element": "^0.0.9",
-    "file-loader": "^2.0.0",
-    "html-webpack-plugin": "^3.2.0",
-    "husky": "^1.1.4",
-    "idb-keyval": "^3.1.0",
-    "linkstate": "^1.1.1",
-    "loader-utils": "^1.1.0",
-    "mini-css-extract-plugin": "^0.4.4",
-    "minimatch": "^3.0.4",
-    "node-sass": "^4.11.0",
-    "optimize-css-assets-webpack-plugin": "^5.0.1",
-    "pointer-tracker": "^2.0.3",
-    "preact": "^8.3.1",
-    "prerender-loader": "^1.2.0",
-    "pretty-bytes": "^5.1.0",
-    "progress-bar-webpack-plugin": "^1.11.0",
-    "raw-loader": "^0.5.1",
-    "sass-loader": "^7.1.0",
-    "script-ext-html-webpack-plugin": "^2.1.3",
-    "source-map-loader": "^0.2.4",
-    "style-loader": "^0.23.1",
-    "terser-webpack-plugin": "^1.1.0",
-    "ts-loader": "^5.3.0",
-    "tslint": "^5.11.0",
-    "tslint-config-airbnb": "^5.11.0",
-    "tslint-config-semistandard": "^7.0.0",
-    "tslint-react": "^3.6.0",
-    "typed-css-modules": "^0.3.7",
-    "typescript": "^3.1.6",
-    "url-loader": "^1.1.2",
-    "webpack": "^4.25.1",
-    "webpack-bundle-analyzer": "^3.0.3",
-    "webpack-cli": "^3.1.2",
-    "webpack-dev-server": "^3.1.10",
-    "worker-plugin": "^1.1.1"
+    "@types/node": "10.12.15",
+    "@types/pretty-bytes": "5.1.0",
+    "@types/webassembly-js-api": "0.0.2",
+    "@webcomponents/custom-elements": "1.2.1",
+    "@webpack-cli/serve": "0.1.2",
+    "assets-webpack-plugin": "3.9.7",
+    "chokidar": "2.0.4",
+    "classnames": "2.2.6",
+    "clean-webpack-plugin": "1.0.0",
+    "comlink": "3.1.1",
+    "copy-webpack-plugin": "4.6.0",
+    "critters-webpack-plugin": "2.1.1",
+    "css-loader": "1.0.1",
+    "ejs": "2.6.1",
+    "exports-loader": "0.7.0",
+    "file-drop-element": "0.0.9",
+    "file-loader": "2.0.0",
+    "html-webpack-plugin": "3.2.0",
+    "husky": "1.2.1",
+    "idb-keyval": "3.1.0",
+    "linkstate": "1.1.1",
+    "loader-utils": "1.1.0",
+    "mini-css-extract-plugin": "0.5.0",
+    "minimatch": "3.0.4",
+    "node-sass": "4.11.0",
+    "optimize-css-assets-webpack-plugin": "5.0.1",
+    "pointer-tracker": "2.0.3",
+    "preact": "8.4.2",
+    "prerender-loader": "1.2.0",
+    "pretty-bytes": "5.1.0",
+    "progress-bar-webpack-plugin": "1.11.0",
+    "raw-loader": "1.0.0",
+    "sass-loader": "7.1.0",
+    "script-ext-html-webpack-plugin": "2.1.3",
+    "source-map-loader": "0.2.4",
+    "style-loader": "0.23.1",
+    "terser-webpack-plugin": "1.1.0",
+    "ts-loader": "5.3.1",
+    "tslint": "5.11.0",
+    "tslint-config-airbnb": "5.11.1",
+    "tslint-config-semistandard": "7.0.0",
+    "tslint-react": "3.6.0",
+    "typed-css-modules": "0.3.7",
+    "typescript": "3.2.2",
+    "url-loader": "1.1.2",
+    "webpack": "4.27.1",
+    "webpack-bundle-analyzer": "3.0.3",
+    "webpack-cli": "3.1.2",
+    "webpack-dev-server": "3.1.10",
+    "worker-plugin": "3.0.0"
  }
 }
--- a/renovate.json
+++ b/renovate.json
@ -0,0 +1,5 @@
+{
+  "extends": [
+    "config:base"
+  ]
+}
--- a/src/codecs/processor.ts
+++ b/src/codecs/processor.ts
@ -20,7 +20,7 @@ import * as browserPDF from './browser-pdf/encoder';
 type ProcessorWorkerApi = import('./processor-worker').ProcessorWorkerApi;

 /** How long the worker should be idle before terminating. */
-const workerTimeout = 1000;
+const workerTimeout = 10000;

 interface ProcessingJobOptions {
  needsWorker?: boolean;
--- a/src/codecs/rotate/processor.ts
+++ b/src/codecs/rotate/processor.ts
@ -4,10 +4,6 @@ const bpp = 4;

 export function rotate(data: ImageData, opts: RotateOptions): ImageData {
  const { rotate } = opts;
-
-  // Early exit if there's no transform.
-  if (rotate === 0) return data;
-
  const flipDimensions = rotate % 180 !== 0;
  const { width: inputWidth, height: inputHeight } = data;
  const outputWidth = flipDimensions ? inputHeight : inputWidth;
--- a/src/components/App/index.tsx
+++ b/src/components/App/index.tsx
@ -9,6 +9,8 @@ import '../../lib/SnackBar';
 import Intro from '../intro';
 import '../custom-els/LoadingSpinner';

+const ROUTE_EDITOR = '/editor';
+
 const compressPromise = import(
  /* webpackChunkName: "main-app" */
  '../compress',
@ -18,15 +20,21 @@ const offlinerPromise = import(
  '../../lib/offliner',
 );

+function back() {
+  window.history.back();
+}
+
 interface Props {}

 interface State {
  file?: File | Fileish;
+  isEditorOpen: Boolean;
  Compress?: typeof import('../compress').default;
 }

 export default class App extends Component<Props, State> {
  state: State = {
+    isEditorOpen: false,
    file: undefined,
    Compress: undefined,
  };
@ -48,22 +56,33 @@ export default class App extends Component<Props, State> {
    if (process.env.NODE_ENV === 'development') {
      this.setState(window.STATE);
      const oldCDU = this.componentDidUpdate;
-      this.componentDidUpdate = (props, state) => {
-        if (oldCDU) oldCDU.call(this, props, state);
+      this.componentDidUpdate = (props, state, prev) => {
+        if (oldCDU) oldCDU.call(this, props, state, prev);
        window.STATE = this.state;
      };
    }
+
+    // Since iOS 10, Apple tries to prevent disabling pinch-zoom. This is great in theory, but
+    // really breaks things on Squoosh, as you can easily end up zooming the UI when you mean to
+    // zoom the image. Once you've done this, it's really difficult to undo. Anyway, this seems to
+    // prevent it.
+    document.body.addEventListener('gesturestart', (event) => {
+      event.preventDefault();
+    });
+
+    window.addEventListener('popstate', this.onPopState);
  }

  @bind
-  private onFileDrop(event: FileDropEvent) {
-    const { file } = event;
+  private onFileDrop({ file }: FileDropEvent) {
    if (!file) return;
+    this.openEditor();
    this.setState({ file });
  }

  @bind
  private onIntroPickFile(file: File | Fileish) {
+    this.openEditor();
    this.setState({ file });
  }

@ -74,18 +93,25 @@ export default class App extends Component<Props, State> {
  }

  @bind
-  private onBack() {
-    this.setState({ file: undefined });
+  private onPopState() {
+    this.setState({ isEditorOpen: location.pathname === ROUTE_EDITOR });
  }

-  render({}: Props, { file, Compress }: State) {
+  @bind
+  private openEditor() {
+    if (this.state.isEditorOpen) return;
+    history.pushState(null, '', ROUTE_EDITOR);
+    this.setState({ isEditorOpen: true });
+  }
+
+  render({}: Props, { file, isEditorOpen, Compress }: State) {
    return (
      <div id="app" class={style.app}>
        <file-drop accept="image/*" onfiledrop={this.onFileDrop} class={style.drop}>
-          {(!file)
+          {!isEditorOpen
            ? <Intro onFile={this.onIntroPickFile} showSnack={this.showSnack} />
            : (Compress)
-              ? <Compress file={file} showSnack={this.showSnack} onBack={this.onBack} />
+              ? <Compress file={file!} showSnack={this.showSnack} onBack={back} />
              : <loading-spinner class={style.appLoader}/>
          }
          <snack-bar ref={linkRef(this, 'snackbar')} />
--- a/src/components/Options/index.tsx
+++ b/src/components/Options/index.tsx
@ -40,7 +40,9 @@ import Checkbox from '../checkbox';
 import Expander from '../expander';
 import Select from '../select';

-const encoderOptionsComponentMap = {
+const encoderOptionsComponentMap: {
+  [x: string]: (new (...args: any[]) => Component<any, any>) | undefined;
+} = {
  [identity.type]: undefined,
  [optiPNG.type]: OptiPNGEncoderOptions,
  [mozJPEG.type]: MozJpegEncoderOptions,
--- a/src/components/Options/style.scss
+++ b/src/components/Options/style.scss
@ -43,6 +43,7 @@ $horizontalPadding: 15px;

 .text-field {
  background: #fff;
+  color: #000;
  font: inherit;
  border: none;
  padding: 2px 0 2px 10px;
--- a/src/components/Output/index.tsx
+++ b/src/components/Output/index.tsx
@ -336,19 +336,21 @@ export default class Output extends Component<Props, State> {
              <AddIcon />
            </button>
          </div>
-          <button class={style.button} onClick={this.onRotateClick} title="Rotate image">
-            <RotateIcon />
-          </button>
-          <button
-            class={`${style.button} ${altBackground ? style.active : ''}`}
-            onClick={this.toggleBackground}
-            title="Change canvas color"
-          >
-            {altBackground
-              ? <ToggleBackgroundActiveIcon />
-              : <ToggleBackgroundIcon />
-            }
-          </button>
+          <div class={style.buttonsNoWrap}>
+            <button class={style.button} onClick={this.onRotateClick} title="Rotate image">
+              <RotateIcon />
+            </button>
+            <button
+              class={`${style.button} ${altBackground ? style.active : ''}`}
+              onClick={this.toggleBackground}
+              title="Change canvas color"
+            >
+              {altBackground
+                ? <ToggleBackgroundActiveIcon />
+                : <ToggleBackgroundIcon />
+              }
+            </button>
+          </div>
        </div>
      </div>
    );
--- a/src/components/Output/style.scss
+++ b/src/components/Output/style.scss
@ -36,6 +36,8 @@
  // We should try to remove this once the issue is fixed.
  // https://bugs.chromium.org/p/chromium/issues/detail?id=870222#c10
  will-change: auto;
+  // Prevent the image becoming misshapen due to default flexbox layout.
+  flex-shrink: 0;
 }

 .controls {
@ -62,6 +64,7 @@
    left: 320px;
    right: 320px;
    bottom: 0;
+    flex-wrap: wrap-reverse;
  }
 }

@ -152,3 +155,12 @@
  left: 0;
  padding: 9px;
 }
+
+.buttons-no-wrap {
+  display: flex;
+  pointer-events: none;
+
+  & > * {
+    pointer-events: auto;
+  }
+}
--- a/src/components/compress/index.tsx
+++ b/src/components/compress/index.tsx
@ -85,12 +85,18 @@ interface UpdateImageOptions {
  skipPreprocessing?: boolean;
 }

-function processInput(
+async function processInput(
  data: ImageData,
  inputProcessData: InputProcessorState,
  processor: Processor,
 ) {
-  return processor.rotate(data, inputProcessData.rotate);
+  let processedData = data;
+
+  if (inputProcessData.rotate.rotate !== 0) {
+    processedData = await processor.rotate(processedData, inputProcessData.rotate);
+  }
+
+  return processedData;
 }

 async function preprocessImage(
@ -154,7 +160,7 @@ function stateForNewSourceData(state: State, newSource: SourceImage): State {
  for (const i of [0, 1]) {
    // Ditch previous encodings
    const downloadUrl = state.sides[i].downloadUrl;
-    if (downloadUrl) URL.revokeObjectURL(downloadUrl!);
+    if (downloadUrl) URL.revokeObjectURL(downloadUrl);

    newState = cleanMerge(state, `sides.${i}`, {
      preprocessed: undefined,
@ -234,6 +240,8 @@ export default class Compress extends Component<Props, State> {
  private readonly encodeCache = new ResultCache();
  private readonly leftProcessor = new Processor();
  private readonly rightProcessor = new Processor();
+  // For debouncing calls to updateImage for each side.
+  private readonly updateImageTimeoutIds: [number?, number?] = [undefined, undefined];

  constructor(props: Props) {
    super(props);
@ -301,10 +309,8 @@ export default class Compress extends Component<Props, State> {
      // The image only needs updated if the encoder/preprocessor settings have changed, or the
      // source has changed.
      if (sourceDataChanged || encoderChanged || preprocessorChanged) {
-        this.updateImage(i, {
+        this.queueUpdateImage(i, {
          skipPreprocessing: !sourceDataChanged && !preprocessorChanged,
-        }).catch((err) => {
-          console.error(err);
        });
      }
    }
@ -313,9 +319,14 @@ export default class Compress extends Component<Props, State> {
  private async onCopyToOtherClick(index: 0 | 1) {
    const otherIndex = (index + 1) % 2;
    const oldSettings = this.state.sides[otherIndex];
+    const newSettings = { ...this.state.sides[index] };
+
+    // Create a new object URL for the new settings. This avoids both sides sharing a URL, which
+    // means it can be safely revoked without impacting the other side.
+    if (newSettings.file) newSettings.downloadUrl = URL.createObjectURL(newSettings.file);

    this.setState({
-      sides: cleanSet(this.state.sides, otherIndex, this.state.sides[index]),
+      sides: cleanSet(this.state.sides, otherIndex, newSettings),
    });

    const result = await this.props.showSnack('Settings copied across', {
@ -446,6 +457,27 @@ export default class Compress extends Component<Props, State> {
    }
  }

+  /**
+   * Debounce the heavy lifting of updateImage.
+   * Otherwise, the thrashing causes jank, and sometimes crashes iOS Safari.
+   */
+  private queueUpdateImage(index: number, options: UpdateImageOptions = {}): void {
+    // Call updateImage after this delay, unless queueUpdateImage is called again, in which case the
+    // timeout is reset.
+    const delay = 100;
+
+    clearTimeout(this.updateImageTimeoutIds[index]);
+
+    this.updateImageTimeoutIds[index] = self.setTimeout(
+      () => {
+        this.updateImage(index, options).catch((err) => {
+          console.error(err);
+        });
+      },
+      delay,
+    );
+  }
+
  private async updateImage(index: number, options: UpdateImageOptions = {}): Promise<void> {
    const {
      skipPreprocessing = false,
@ -544,9 +576,9 @@ export default class Compress extends Component<Props, State> {
        mobileView={mobileView}
        preprocessorState={side.latestSettings.preprocessorState}
        encoderState={side.latestSettings.encoderState}
-        onEncoderTypeChange={this.onEncoderTypeChange.bind(this, index)}
-        onEncoderOptionsChange={this.onEncoderOptionsChange.bind(this, index)}
-        onPreprocessorOptionsChange={this.onPreprocessorOptionsChange.bind(this, index)}
+        onEncoderTypeChange={this.onEncoderTypeChange.bind(this, index as 0|1)}
+        onEncoderOptionsChange={this.onEncoderOptionsChange.bind(this, index as 0|1)}
+        onPreprocessorOptionsChange={this.onPreprocessorOptionsChange.bind(this, index as 0|1)}
      />
    ));

@ -560,7 +592,7 @@ export default class Compress extends Component<Props, State> {
        source={source}
        loading={loading || side.loading}
        copyDirection={copyDirections[index]}
-        onCopyToOtherClick={this.onCopyToOtherClick.bind(this, index)}
+        onCopyToOtherClick={this.onCopyToOtherClick.bind(this, index as 0|1)}
        buttonPosition={mobileView ? 'stack-right' : buttonPositions[index]}
      >
        {!mobileView ? null : [
--- a/webpack.config.js
+++ b/webpack.config.js
@ -251,6 +251,11 @@ module.exports = async function (_, env) {
        filename: '_headers',
      }),

+      isProd && new AssetTemplatePlugin({
+        template: path.join(__dirname, '_redirects.ejs'),
+        filename: '_redirects',
+      }),
+
      new ScriptExtHtmlPlugin({
        inline: ['first']
      }),
Author	SHA1	Message	Date
Mariko Kosaka	962d0928d3	Update README.md closes #367 updating incorrect URL	2018-12-17 13:43:18 -05:00
Jake Archibald	e67d50c8e6	Preventing zoom in iOS Safari. (#395 )	2018-12-17 17:05:41 +00:00
Surma	f9b2f17852	Merge pull request #385 from GoogleChromeLabs/renovate/typescript-3.x Update dependency typescript to v3.2.2	2018-12-17 12:42:47 +00:00
Surma	9746a9f5ed	Fix typings for TypeScript v3.2	2018-12-17 12:36:57 +00:00
renovate[bot]	be0877ecb0	Update dependency typescript to v3.2.2	2018-12-17 12:36:52 +00:00
Jake Archibald	d2fcdfae43	Debouncing input. Fixes #277 (#394 ) * Debouncing input * Clarifying comment * More comments and clarifications	2018-12-17 11:54:30 +00:00
Surma	2c9eb46941	Merge pull request #393 from GoogleChromeLabs/webp-sharp-fix Fixing sharp & preprocess settings. Fixes #392.	2018-12-17 10:59:29 +00:00
Jake Archibald	d30a85fd48	Using use_argb conditionally	2018-12-17 10:21:30 +00:00
Jake Archibald	9260bed1b1	Fixing sharp & preprocess settings	2018-12-17 10:01:47 +00:00
Surma	f6d12985a9	Merge pull request #390 from GoogleChromeLabs/renovate/worker-plugin-3.x Update dependency worker-plugin to v3	2018-12-14 18:55:31 +00:00
renovate[bot]	10c9b1db7c	Update dependency worker-plugin to v3	2018-12-14 18:10:49 +00:00
Surma	4fb17be8de	Merge pull request #388 from GoogleChromeLabs/renovate/raw-loader-1.x Update dependency raw-loader to v1	2018-12-14 18:08:27 +00:00
renovate[bot]	b592b1a088	Update dependency raw-loader to v1	2018-12-14 15:47:28 +00:00
Surma	0544a6507e	Merge pull request #386 from GoogleChromeLabs/renovate/webpack-4.x Update dependency webpack to v4.27.1	2018-12-14 15:45:24 +00:00
renovate[bot]	1e20ff15ed	Update dependency webpack to v4.27.1	2018-12-14 15:28:46 +00:00
Surma	04a0ec0645	Merge pull request #383 from GoogleChromeLabs/renovate/tslint-config-airbnb-5.x Update dependency tslint-config-airbnb to v5.11.1	2018-12-14 15:01:37 +00:00
renovate[bot]	f355292fe3	Update dependency tslint-config-airbnb to v5.11.1	2018-12-14 13:48:22 +00:00
Surma	32e4d813de	Merge pull request #382 from GoogleChromeLabs/renovate/ts-loader-5.x Update dependency ts-loader to v5.3.1	2018-12-14 13:47:40 +00:00
renovate[bot]	f960f5ea87	Update dependency ts-loader to v5.3.1	2018-12-14 10:18:46 +00:00
Surma	aa6f83e2fa	Merge pull request #381 from GoogleChromeLabs/renovate/preact-8.x Update dependency preact to v8.4.2	2018-12-14 10:18:06 +00:00
renovate[bot]	c09e1f1895	Update dependency preact to v8.4.2	2018-12-14 10:08:17 +00:00
Surma	7c311928dd	Merge pull request #379 from GoogleChromeLabs/renovate/husky-1.x Update dependency husky to v1.2.1	2018-12-14 10:07:31 +00:00
renovate[bot]	5f1c8bcb6b	Update dependency husky to v1.2.1	2018-12-14 09:35:57 +00:00
Surma	93bc20f014	Merge pull request #378 from GoogleChromeLabs/renovate/critters-webpack-plugin-2.x Update dependency critters-webpack-plugin to v2.1.1	2018-12-14 09:35:06 +00:00
renovate[bot]	d29d9571c6	Update dependency critters-webpack-plugin to v2.1.1	2018-12-14 09:28:18 +00:00
Surma	3d47dfc820	Merge pull request #375 from GoogleChromeLabs/renovate/webassembly-js-api-0.x Update dependency @types/webassembly-js-api to v0.0.2	2018-12-14 09:27:04 +00:00
renovate[bot]	d7846c9add	Update dependency @types/webassembly-js-api to v0.0.2	2018-12-14 08:29:39 +00:00
Surma	4d6fe9d641	Merge pull request #377 from GoogleChromeLabs/renovate/comlink-3.x Update dependency comlink to v3.1.1	2018-12-14 08:28:41 +00:00
renovate[bot]	205feba75d	Update dependency comlink to v3.1.1	2018-12-14 00:59:15 +00:00
Surma	ca7663b94a	Merge pull request #384 from GoogleChromeLabs/renovate/node-10.x Update dependency @types/node to v10.12.15	2018-12-14 00:54:30 +00:00
renovate[bot]	83e45f054b	Update dependency @types/node to v10.12.15	2018-12-13 22:44:08 +00:00
Surma	783e893a67	Merge pull request #376 from GoogleChromeLabs/renovate/node-10.x Update dependency @types/node to v10.12.14	2018-12-13 19:09:00 +00:00
renovate[bot]	0a941866a9	Update dependency @types/node to v10.12.14	2018-12-13 19:03:04 +00:00
Surma	04edfe0085	Merge pull request #380 from GoogleChromeLabs/renovate/mini-css-extract-plugin-0.x Update dependency mini-css-extract-plugin to v0.5.0	2018-12-13 19:02:16 +00:00
renovate[bot]	6cae634eca	Update dependency mini-css-extract-plugin to v0.5.0	2018-12-13 18:53:39 +00:00
Surma	8c7bf278dc	Merge pull request #374 from GoogleChromeLabs/renovate/pin-dependencies Pin dependencies	2018-12-13 13:30:08 +00:00
renovate[bot]	f6106650b5	Pin dependencies	2018-12-13 13:20:33 +00:00
Surma	166e606034	Merge pull request #373 from GoogleChromeLabs/renovate/configure Configure Renovate	2018-12-13 13:19:16 +00:00
renovate[bot]	c997e6a3e4	Add renovate.json	2018-12-13 13:13:44 +00:00
Jake Archibald	2a1b6dc9da	1.3.0	2018-12-12 12:59:05 +00:00
Maciej Matuszewski	129c33fa12	Add basic history handling (#288 ) (#309 ) * Add basic history handling (#288) * Move history management to Compress component * Remove unused pathname property from history * Rename history listener functions * Use history.back instead of history.replace * Support going forward in history. Persist last selected file in runtime * Add netlify redirects file * Use 301 status code for redirect * Cleanup _redirects file * Use 200 status code for redirects * Simplify onPopState function * Always redirect to 301 with url rewrite * Remove redundant history function * Remove file check on render. Call openEditor synchronously * Use pushState only if user is on the initial screen. Mount history listener in constructor * Simplify openEditor condition * Update early return condition * Rolling abstractions back into the main component	2018-12-12 12:58:03 +00:00
Jake Archibald	3245987113	Prevent both sides sharing a download URL. (#369 )	2018-12-12 12:51:06 +00:00
Jake Archibald	593ad62cbb	1.2.3	2018-12-10 12:25:27 +00:00
Andrea Somaini	a625a76e9e	Fixed blank text-fields with dark browser theme (#365 ) When using dark browser themes the text-fields' text-color becomes white, so the text in those white background text-fields is unreadable. Patched text-color so that it now is readable.	2018-12-10 12:24:12 +00:00
Jake Archibald	c2a305304b	Rotation optimise. Fixes #362 (#363 ) * Move early exit for no-rotation. * lol this was meant to be 10 seconds.	2018-12-09 07:11:11 +00:00
Jake Archibald	7389c507fb	1.2.2	2018-12-04 10:57:07 +00:00
Jake Archibald	68f0f23016	Prevent image becoming misshapen on resize. Fixes #359 . (#360 )	2018-12-04 10:55:32 +00:00
Jake Archibald	dc809dde30	1.2.1	2018-11-30 11:44:33 +00:00
Jake Archibald	80dfa03b94	Avoid wrapping a single button (#357 ) * Avoid wrapping a single button * Making the zoom controls appear on the bottom, when the controls are positioned on the bottom	2018-11-30 11:44:15 +00:00