Upgrade build (#102)

- replaced size-snapshot plugin with custom implementation
- transpile only for `> 1%, not ie 11`
- dropped umd bundles support (use codesandbox)

Size before
minified: 1610 b
gzipped: 768 b

Size now
min: 1480 b
gzip: 753 b
brotli: 684 b

Author: TrySound

.browserslistrc

@@ -0,0 +1,2 @@
+> 1%
+not ie 11

.size-snapshot.json

@@ -13,7 +13,7 @@
   "scripts": {
     "build:code": "rollup -c",
     "build:flow": "echo \"// @flow\n\nexport * from '../src'\" > dist/rifm.cjs.js.flow",
-    "build": "rimraf dist && npm run build:code && npm run build:flow",
+    "build": "rimraf dist && yarn build:code && yarn build:flow",
     "dev": "NODE_ICU_DATA=`yarn -s run node-full-icu-path` next dev",
     "jest": "NODE_ICU_DATA=`yarn -s run node-full-icu-path` jest",
     "test": "eslint --ignore-path .gitignore ./ && flow check && yarn test:ts && yarn jest",
@@ -99,41 +99,42 @@
     ]
   },
   "devDependencies": {
-    "@babel/core": "^7.3.3",
-    "@babel/preset-env": "^7.3.1",
-    "@babel/preset-flow": "^7.0.0",
-    "@babel/preset-react": "^7.0.0",
+    "@babel/core": "^7.9.6",
+    "@babel/preset-env": "^7.9.6",
+    "@babel/preset-flow": "^7.9.0",
+    "@babel/preset-react": "^7.9.4",
     "@material-ui/core": "^4.0.0",
     "@material-ui/styles": "^4.0.0",
-    "@rollup/plugin-replace": "^2.3.1",
+    "@rollup/plugin-babel": "^5.0.2",
+    "@rollup/plugin-replace": "^2.3.2",
     "@typescript-eslint/parser": "^1.9.0",
     "alea": "^0.0.9",
     "babel-core": "^7.0.0-bridge.0",
-    "babel-eslint": "^9.0.0",
-    "babel-jest": "^23.2.0",
+    "babel-eslint": "^10.1.0",
+    "babel-jest": "^26.0.1",
+    "brotli-size": "^4.0.0",
     "emotion": "^10.0.17",
-    "eslint": "^5.0.1",
-    "eslint-plugin-flowtype": "^2.49.3",
-    "eslint-plugin-jest": "^21.22.0",
-    "eslint-plugin-jsx-a11y": "^6.0.3",
-    "eslint-plugin-react": "^7.9.1",
+    "eslint": "^7.1.0",
+    "eslint-plugin-flowtype": "^5.1.0",
+    "eslint-plugin-jest": "^23.13.1",
+    "eslint-plugin-jsx-a11y": "^6.2.3",
+    "eslint-plugin-react": "^7.20.0",
     "flow-bin": "^0.109.0",
     "full-icu": "^1.3.0",
     "gh-pages": "^1.2.0",
+    "gzip-size": "^5.1.1",
     "husky": "^4.2.1",
-    "jest": "^23.3.0",
+    "jest": "^26.0.1",
     "libphonenumber-js": "^1.2.15",
     "lint-staged": "^10.0.7",
-    "next": "^9.1.1",
+    "next": "^9.4.2",
     "prettier": "^1.19.1",
     "react": "^16.8.2",
     "react-dom": "^16.8.2",
     "react-test-renderer": "^16.8.2",
     "rimraf": "^2.6.1",
-    "rollup": "^1.31.0",
-    "rollup-plugin-babel": "^4.3.3",
-    "rollup-plugin-size-snapshot": "^0.11.0",
-    "rollup-plugin-terser": "^5.2.0",
+    "rollup": "^2.10.8",
+    "rollup-plugin-terser": "^6.0.1",
     "typescript": "^3.4.5"
   },
   "peerDependencies": {

package.json

@@ -1,41 +1,28 @@
+import fs from 'fs';
+import path from 'path';
 import replace from '@rollup/plugin-replace';
-import babel from 'rollup-plugin-babel';
+import { babel } from '@rollup/plugin-babel';
 import { terser } from 'rollup-plugin-terser';
-import { sizeSnapshot } from 'rollup-plugin-size-snapshot';
+import gzipSize from 'gzip-size';
+import * as brotliSize from 'brotli-size';
 import pkg from './package.json';
 
 const input = './src/index.js';
-const name = 'Rifm';
-const globals = { react: 'React' };
-const external = Object.keys(globals);
+const external = id =>
+  id.startsWith('.') === false && path.isAbsolute(id) === false;
 
 const babelOptions = {
   babelrc: false,
-  presets: [['@babel/env', { loose: true }], '@babel/flow', '@babel/react'],
+  configFile: false,
+  babelHelpers: 'bundled',
+  presets: [
+    ['@babel/preset-env', { bugfixes: true, loose: true }],
+    '@babel/flow',
+    '@babel/react',
+  ],
 };
 
 export default [
-  {
-    input,
-    output: { file: 'dist/rifm.umd.js', format: 'umd', name, globals },
-    external,
-    plugins: [
-      babel(babelOptions),
-      replace({ 'process.env.NODE_ENV': JSON.stringify('development') }),
-    ],
-  },
-
-  {
-    input,
-    output: { file: 'dist/rifm.min.js', format: 'umd', name, globals },
-    external,
-    plugins: [
-      babel(babelOptions),
-      replace({ 'process.env.NODE_ENV': JSON.stringify('production') }),
-      terser(),
-    ],
-  },
-
   {
     input,
     output: { file: pkg.main, format: 'cjs' },
@@ -47,7 +34,7 @@ export default [
     input,
     output: { file: pkg.module, format: 'esm' },
     external,
-    plugins: [babel(babelOptions), sizeSnapshot()],
+    plugins: [babel(babelOptions)],
   },
 
   // to check esm production size
@@ -58,7 +45,24 @@ export default [
     plugins: [
       babel(babelOptions),
       replace({ 'process.env.NODE_ENV': JSON.stringify('production') }),
-      sizeSnapshot(),
+      terser(),
+      {
+        generateBundle(outputOptions, bundle) {
+          let sizeInfo = '';
+          for (const [name, chunk] of Object.entries(bundle)) {
+            const parsedSize = chunk.code.length;
+            const gzippedSize = gzipSize.sync(chunk.code);
+            const brotliedSize = brotliSize.sync(chunk.code);
+            sizeInfo += `Size of ${name}
+            =============================
+            min: ${parsedSize} b
+            gzip: ${gzippedSize} b
+            brotli: ${brotliedSize} b\n`.replace(/^\s+/gm, '');
+          }
+          console.info(sizeInfo);
+          fs.writeFileSync('size-snapshot.txt', sizeInfo, 'utf-8');
+        },
+      },
     ],
   },
 ];

rollup.config.js

@@ -0,0 +1,5 @@
+Size of rifm.esm.production.js
+=============================
+min: 1480 b
+gzip: 753 b
+brotli: 684 b