Code

Options UI#135

Code

Merged

jakearchibald merged 62 commits intomasterGoogleChromeLabs/squoosh:masterfrom uiGoogleChromeLabs/squoosh:uiCopy head branch name to clipboardSep 5, 2018

+770-1,761

Commits

Commits on Aug 10, 2018

• Move gzipped size calculations into a worker and wrap it up in a <GzipSize /> component that will also handle showing % of original size once that info is plumbed

  developit

  committed
  8403db5

  Copy full SHA for 8403db5

• A couple tweaks for the app welcome (drop files) screen. We don't have mocks for this one, but this is at least a minor improvement.

  developit

  committed
  9ecbfb6

  Copy full SHA for 9ecbfb6

• Prettier "pop" effect and styling for the drop zone/indicator.

  developit

  committed
  522279a

  Copy full SHA for 522279a

• Styling for the quantization toggle to make it look like a disclosure triangle/button.

  developit

  committed
  388075b

  Copy full SHA for 388075b

• Add controls bar (zoom in/out/to, background toggle). @todo: extract into its own component.

  developit

  committed
  abc73c7

  Copy full SHA for abc73c7

• When clicking/tapping the image area, give it focus.

  developit

  committed
  a4a3cb8

  Copy full SHA for a4a3cb8

• Utilities used by this PR

  developit

  committed
  89c82d6

  Copy full SHA for 89c82d6

• Add a two-up-handle attribute to the handle for easier styling (classname gets mangled so it doesn't make for a good public API)

  developit

  committed
  3a36252

  Copy full SHA for 3a36252

• Add a dummy comment to test netlify deploy

  surma

  committed
  dd72202

  Copy full SHA for dd72202

• Remove commented-out code.

  developit

  committed
  eef6353

  Copy full SHA for eef6353

• Fix styling of vertical split (which as it turns out is slightly different in the mocks anyway)

  developit

  committed
  5a622c8

  Copy full SHA for 5a622c8

• Use a composited overlay for the dark background instead of animating background-color

  developit

  committed
  aa0d262

  Copy full SHA for aa0d262

• Move grayscale styling into <two-up> by default, then set colors via custom properties

  developit

  committed
  f32ac8f

  Copy full SHA for f32ac8f

• Remove commented-out svg fill

  developit

  committed
  4b31b37

  Copy full SHA for 4b31b37

• Remove dummy comment

  developit

  committed
  99776d1

  Copy full SHA for 99776d1

• Change <GzipSize> to be <FileSize>, add compress option that lets us show gzipped sizes later if we need. Defaults to false, and the gzip worker is only lazily instantiated the first time a…

  Show description for d17d94e
  developit

  committed
  d17d94e

  Copy full SHA for d17d94e

• Dependency updates

  developit

  committed
  8d9f0c2

  Copy full SHA for 8d9f0c2

• Remove color animations from dnd overlay

  developit

  committed
  c6ef9e9

  Copy full SHA for c6ef9e9

• Don't use a cyclical import for EncodedImage, instead just specify the types of the properties we Options actually uses.

  developit

  committed
  1bcf82c

  Copy full SHA for 1bcf82c

• Pass source image through to FileSize component so it can compute delta

  developit

  committed
  f195797

  Copy full SHA for f195797

• Stylize size display with colors based on delta amount/direction

  developit

  committed
  65e0a5f

  Copy full SHA for 65e0a5f

• Remove box-shadow animation.

  developit

  committed
  f711b1e

  Copy full SHA for f711b1e

• Merge branch 'master' into ui

  developit

  authored
  a96d1c5

  Copy full SHA for a96d1c5

Commits on Aug 16, 2018

• Simplify font stack

  developit

  committed
  bbbeb10

  Copy full SHA for bbbeb10

• Remove commented out code

  developit

  committed
  31dfdbe

  Copy full SHA for 31dfdbe

• Remove gzip compression from size component

  developit

  committed
  117eb80

  Copy full SHA for 117eb80

• Remove memoization bits

  developit

  committed
  d76e6c5

  Copy full SHA for d76e6c5

• Use specific flattend props instead of passing large context objects around.

  developit

  committed
  b95621b

  Copy full SHA for b95621b

• Remove unused packages.

  developit

  committed
  ac870d4

  Copy full SHA for ac870d4

• Remove unreachable String case in FileSize, and omit redundant File type

  developit

  committed
  4d94cc8

  Copy full SHA for 4d94cc8

• Simplify calculateSize()

  developit

  committed
  163219a

  Copy full SHA for 163219a

• Fix types for FileSize!

  developit

  committed
  e1fbd2c

  Copy full SHA for e1fbd2c

• Remove FileSize title

  developit

  committed
  cf98b7a

  Copy full SHA for cf98b7a

• Make delta variable consistent.

  developit

  committed
  385d61b

  Copy full SHA for 385d61b

• Skip passing compareTo value for original image

  developit

  committed
  31fc90b

  Copy full SHA for 31fc90b

• Remove manual focus

  developit

  committed
  bcce5a2

  Copy full SHA for bcce5a2

• Fix whitespace

  developit

  committed
  d83f845

  Copy full SHA for d83f845

• remove unused keyframes

  developit

  committed
  d2da8d9

  Copy full SHA for d2da8d9

• remove pointless flex-wrap property

  developit

  committed
  cef8b4c

  Copy full SHA for cef8b4c

• Remove unused resetZoom() method

  developit

  committed
  06b2fa9

  Copy full SHA for 06b2fa9

• Remove pointless flex properties

  developit

  committed
  8ae382f

  Copy full SHA for 8ae382f

• Use on prefix for event handling

  developit

  committed
  e962f89

  Copy full SHA for e962f89

• Remove pointless justify-self property

  developit

  committed
  5838703

  Copy full SHA for 5838703

• Use an inline SVG for TwoUp's handle icon so it can be colored from outside the component..

  developit

  committed
  5109598

  Copy full SHA for 5109598

• Move orientation state up from <Output> into <App> and share it with <Options>.

  developit

  committed
  ac87c64

  Copy full SHA for ac87c64

• Make the options panels responsive :)

  developit

  committed
  14ee88f

  Copy full SHA for 14ee88f

• Show a plus sign for size increases (+8%)

  developit

  committed
  6ad9d05

  Copy full SHA for 6ad9d05

• Use inline SVG for the zoom +/- icons, collect SVG icons into one file now that I've verified they get tree-shaken properly.

  developit

  committed
  8768212

  Copy full SHA for 8768212

• Fix top/bottom options panels being reversed

  developit

  committed
  aa98359

  Copy full SHA for aa98359

Commits on Aug 20, 2018

• remove commented out code

  developit

  committed
  0055bf2

  Copy full SHA for 0055bf2

• lockfile

  developit

  committed
  096a4e4

  Copy full SHA for 096a4e4

• Revert quanitzation toggle styles so it's just a checkbox.

  developit

  committed
  8b106a8

  Copy full SHA for 8b106a8

• Remove minimum delta for compare size

  developit

  committed
  e11122b

  Copy full SHA for e11122b

• Rename data prop to file.

  developit

  committed
  2ef8ddb

  Copy full SHA for 2ef8ddb

• scale int -> float

  developit

  committed
  e7af112

  Copy full SHA for e7af112

• remove tabIndex

  developit

  committed
  78b7197

  Copy full SHA for 78b7197

Commits on Aug 28, 2018

• Merge master

  developit

  committed
  9f19f0e

  Copy full SHA for 9f19f0e

• Remove old icon files

  developit

  committed
  cedfc75

  Copy full SHA for cedfc75

Commits on Sep 4, 2018

• Add width to options panels

  developit

  committed
  152aad9

  Copy full SHA for 152aad9

• Add vertical scrolling when options are taller than 80% of the screen height.

  developit

  committed
  df537ca

  Copy full SHA for df537ca

• Merge branch 'ui' of github.com:GoogleChromeLabs/squoosh into ui

  developit

  committed
  da9d99a

  Copy full SHA for da9d99a

Commits on Sep 5, 2018

• Resolving conflicts

  jakearchibald

  committed
  48cc475

  Copy full SHA for 48cc475