webamp icon indicating copy to clipboard operation
webamp copied to clipboard

Improve scoping of transforms

Open captbaritone opened this issue 4 years ago • 2 comments

browserslist now supports defining your supported browsers in terms of the features you need. For us, we can't do anything without the web audio API, so we can declare that as a limitation. This should help us better express which transforms we need.

captbaritone avatar Feb 28 '21 22:02 captbaritone

Size Change: +1.1 kB (0%)

Total Size: 451 kB

Filename Size Change
./packages/webamp/built/webamp.bundle.min.js 272 kB +554 B (0%)
./packages/webamp/built/webamp.lazy-bundle.min.js 178 kB +549 B (0%)

compressed-size-action

github-actions[bot] avatar Feb 28 '21 22:02 github-actions[bot]

Before

Using targets:
{
  "chrome": "85",
  "edge": "85",
  "firefox": "81",
  "ios": "13.4",
  "opera": "70",
  "safari": "13.1"
}

Using modules transform: auto

Using plugins:
  proposal-nullish-coalescing-operator { "ios":"13.4" }
  proposal-optional-chaining { "ios":"13.4" }
  syntax-json-strings { "chrome":"85", "edge":"85", "firefox":"81", "ios":"13.4", "opera":"70", "safari":"13.1" }
  syntax-optional-catch-binding { "chrome":"85", "edge":"85", "firefox":"81", "ios":"13.4", "opera":"70", "safari":"13.1" }
  syntax-async-generators { "chrome":"85", "edge":"85", "firefox":"81", "ios":"13.4", "opera":"70", "safari":"13.1" }
  syntax-object-rest-spread { "chrome":"85", "edge":"85", "firefox":"81", "ios":"13.4", "opera":"70", "safari":"13.1" }
  transform-dotall-regex { "firefox":"81" }
  proposal-unicode-property-regex { "firefox":"81" }
  transform-named-capturing-groups-regex { "firefox":"81" }
  syntax-dynamic-import { "chrome":"85", "edge":"85", "firefox":"81", "ios":"13.4", "opera":"70", "safari":"13.1" }
  syntax-top-level-await { "chrome":"85", "edge":"85", "firefox":"81", "ios":"13.4", "opera":"70", "safari":"13.1" }

After

Using targets:
{
  "android": "81",
  "chrome": "65",
  "edge": "17",
  "firefox": "59",
  "ios": "11.3",
  "opera": "52",
  "safari": "11.1",
  "samsung": "7.2"
}

Using modules transform: auto

Using plugins:
  proposal-nullish-coalescing-operator { "chrome":"65", "edge":"17", "firefox":"59", "ios":"11.3", "opera":"52", "safari":"11.1", "samsung":"7.2" }
  proposal-optional-chaining { "chrome":"65", "edge":"17", "firefox":"59", "ios":"11.3", "opera":"52", "safari":"11.1", "samsung":"7.2" }
  proposal-json-strings { "chrome":"65", "edge":"17", "firefox":"59", "ios":"11.3", "opera":"52", "safari":"11.1", "samsung":"7.2" }
  proposal-optional-catch-binding { "chrome":"65", "edge":"17", "opera":"52", "samsung":"7.2" }
  transform-parameters { "edge":"17" }
  proposal-async-generator-functions { "edge":"17", "ios":"11.3", "safari":"11.1", "samsung":"7.2" }
  proposal-object-rest-spread { "edge":"17", "samsung":"7.2" }
  transform-dotall-regex { "edge":"17", "firefox":"59", "samsung":"7.2" }
  proposal-unicode-property-regex { "edge":"17", "firefox":"59", "samsung":"7.2" }
  transform-named-capturing-groups-regex { "edge":"17", "firefox":"59", "samsung":"7.2" }
  transform-template-literals { "ios":"11.3", "safari":"11.1" }
  transform-function-name { "edge":"17" }
  transform-unicode-regex { "ios":"11.3", "safari":"11.1" }
  syntax-dynamic-import { "android":"81", "chrome":"65", "edge":"17", "firefox":"59", "ios":"11.3", "opera":"52", "safari":"11.1", "samsung":"7.2" }
  syntax-top-level-await { "android":"81", "chrome":"65", "edge":"17", "firefox":"59", "ios":"11.3", "opera":"52", "safari":"11.1", "samsung":"7.2" }

captbaritone avatar Feb 28 '21 22:02 captbaritone