Use rollup for more compact build output

.babelrc

@@ -1,5 +1,28 @@
 {
-  "presets": [
-    "react-native"
+  "plugins": [
+    "syntax-async-functions",
+    "syntax-class-properties",
+    "syntax-trailing-function-commas",
+    "transform-class-properties",
+    "transform-es2015-function-name",
+    "transform-es2015-arrow-functions",
+    "transform-es2015-block-scoping",
+    ["transform-es2015-classes", { "loose": true }],
+    "transform-es2015-computed-properties",
+    "check-es2015-constants",
+    "transform-es2015-destructuring",
+    "transform-es2015-parameters",
+    "transform-es2015-shorthand-properties",
+    "transform-es2015-spread",
+    "transform-es2015-template-literals",
+    "transform-es2015-literals",
+    "transform-flow-strip-types",
+    "transform-object-assign",
+    "transform-object-rest-spread",
+    "transform-react-display-name",
+    "transform-react-jsx",
+    "transform-regenerator",
+    ["transform-es2015-for-of", { "loose": true }],
+    "external-helpers"
   ]
 }

.gitignore

@@ -33,6 +33,7 @@ node_modules
 .node_repl_history
 
 /lib
+/dist
 .DS_Store
 
 examples/interactive-docs/example.bundle.js

package.json

@@ -6,8 +6,7 @@
   "scripts": {
     "prepublish": "npm run build:lib",
     "build": "npm run build:lib && npm run build:interactive-docs",
-    "build:lib": "babel src --out-dir lib",
-    "build:watch": "npm run build:lib -- --watch",
+    "build:lib": "rollup -c",
     "build:interactive-docs": "browserify -e examples/interactive-docs/example.js -o examples/interactive-docs/example.bundle.js",
     "test": "echo \"Error: no test specified\" && exit 1"
   },
@@ -38,6 +37,7 @@
   "devDependencies": {
     "babel": "^6.5.2",
     "babel-cli": "^6.5.1",
+    "babel-plugin-external-helpers": "^6.22.0",
     "babel-plugin-syntax-object-rest-spread": "^6.5.0",
     "babel-plugin-syntax-trailing-function-commas": "^6.5.0",
     "babel-plugin-transform-flow-strip-types": "^6.5.0",
@@ -46,6 +46,12 @@
     "babel-preset-react-native": "^1.4.0",
     "browserify": "^13.0.0",
     "react": "^15.4.0",
-    "react-dom": "^15.4.0"
+    "react-dom": "^15.4.0",
+    "rollup": "^0.51.5",
+    "rollup-plugin-babel": "^3.0.2",
+    "rollup-plugin-commonjs": "^8.2.6",
+    "rollup-plugin-node-resolve": "^3.0.0",
+    "rollup-plugin-replace": "^2.0.0",
+    "rollup-plugin-uglify": "^2.0.1"
   }
 }

rollup.config.js

@@ -0,0 +1,61 @@
+import babel from 'rollup-plugin-babel';
+import commonjs from 'rollup-plugin-commonjs';
+import replace from 'rollup-plugin-replace';
+import resolve from 'rollup-plugin-node-resolve';
+import uglify from 'rollup-plugin-uglify';
+
+import pkg from './package.json';
+
+function distBuild(options = {}) {
+    return {
+        input: 'src/index.js',
+        output: {
+            file: `dist/${options.filename}`,
+            format: options.format,
+            name: 'animated',
+            sourcemap: options.sourcemap,
+        },
+        plugins: [
+            babel({
+                exclude: ['node_modules/**'],
+            }),
+            replace({
+                'process.env.NODE_ENV': JSON.stringify('production'),
+            }),
+            resolve({
+                browser: true,
+            }), // so rollup can find node modules
+            commonjs(), // so rollup can convert node modules to ESM if needed
+            options.minify && uglify(),
+        ]
+    };
+}
+
+function standardBuilds(filename) {
+    return {
+        input: `src/${filename}.js`,
+        external: [
+            ...Object.keys(pkg.dependencies),
+            ...Object.keys(pkg.peerDependencies)
+        ],
+        output: [
+            { file: `lib/${filename}.js`, format: 'cjs' },
+            { file: `lib/${filename}.mjs`, format: 'es' },
+        ],
+        plugins: [
+            babel({
+                exclude: ['node_modules/**'],
+            }),
+            commonjs(), // so rollup can convert node modules to ESM if needed
+        ]
+    };
+}
+
+export default [
+    distBuild({ filename: 'animated.umd.js', format: 'umd', sourcemap: true, minify: false }),
+    distBuild({ filename: 'animated.umd.min.js', format: 'umd', sourcemap: true, minify: true }),
+    distBuild({ filename: 'animated.js', format: 'cjs', sourcemap: false, minify: false }),
+    standardBuilds('index'),
+    standardBuilds('targets/react-dom'),
+    standardBuilds('targets/react-native'),
+];

src/Animated.js

@@ -22,4 +22,4 @@ class Animated {
   __getChildren(): Array<Animated> { return []; }
 }
 
-module.exports = Animated;
+export default Animated;

src/AnimatedAddition.js

@@ -10,11 +10,11 @@
  */
 'use strict';
 
-var AnimatedWithChildren = require('./AnimatedWithChildren');
-var Animated = require('./Animated');
-var AnimatedValue = require('./AnimatedValue');
-var Interpolation = require('./Interpolation');
-var AnimatedInterpolation = require('./AnimatedInterpolation');
+import AnimatedWithChildren from './AnimatedWithChildren';
+import Animated from './Animated';
+import AnimatedValue from './AnimatedValue';
+import Interpolation from './Interpolation';
+import AnimatedInterpolation from './AnimatedInterpolation';
 
 import type { InterpolationConfigType } from './Interpolation';
 
@@ -75,4 +75,4 @@ class AnimatedAddition extends AnimatedWithChildren {
   }
 }
 
-module.exports = AnimatedAddition;
+export default AnimatedAddition;

src/AnimatedInterpolation.js

@@ -10,11 +10,11 @@
  */
 'use strict';
 
-var Animated = require('./Animated');
-var AnimatedWithChildren = require('./AnimatedWithChildren');
-var invariant = require('invariant');
-var Interpolation = require('./Interpolation');
-var guid = require('./guid');
+import Animated from './Animated';
+import AnimatedWithChildren from './AnimatedWithChildren';
+import invariant from 'invariant';
+import Interpolation from './Interpolation';
+import guid from './guid';
 
 import type { ValueListenerCallback } from './AnimatedValue';
 
@@ -71,4 +71,4 @@ class AnimatedInterpolation extends AnimatedWithChildren {
   }
 }
 
-module.exports = AnimatedInterpolation;
+export default AnimatedInterpolation;

src/AnimatedModulo.js

@@ -10,10 +10,10 @@
  */
 'use strict';
 
-var Animated = require('./Animated');
-var AnimatedWithChildren = require('./AnimatedWithChildren');
-var AnimatedInterpolation = require('./AnimatedInterpolation');
-var Interpolation = require('./Interpolation');
+import Animated from './Animated';
+import AnimatedWithChildren from './AnimatedWithChildren';
+import AnimatedInterpolation from './AnimatedInterpolation';
+import Interpolation from './Interpolation';
 
 import type { InterpolationConfigType } from './Interpolation';
 
@@ -64,4 +64,4 @@ class AnimatedModulo extends AnimatedWithChildren {
   }
 }
 
-module.exports = AnimatedModulo;
+export default AnimatedModulo;

src/AnimatedMultiplication.js

@@ -10,11 +10,11 @@
  */
 'use strict';
 
-var AnimatedWithChildren = require('./AnimatedWithChildren');
-var Animated = require('./Animated');
-var AnimatedValue = require('./AnimatedValue');
-var AnimatedInterpolation = require('./AnimatedInterpolation');
-var Interpolation = require('./Interpolation');
+import AnimatedWithChildren from './AnimatedWithChildren';
+import Animated from './Animated';
+import AnimatedValue from './AnimatedValue';
+import AnimatedInterpolation from './AnimatedInterpolation';
+import Interpolation from './Interpolation';
 
 import type { InterpolationConfigType } from './Interpolation';
 
@@ -75,4 +75,4 @@ class AnimatedMultiplication extends AnimatedWithChildren {
   }
 }
 
-module.exports = AnimatedMultiplication;
+export default AnimatedMultiplication;

src/AnimatedProps.js

@@ -10,8 +10,8 @@
  */
 'use strict';
 
-var Animated = require('./Animated');
-var AnimatedStyle = require('./AnimatedStyle');
+import Animated from './Animated';
+import AnimatedStyle from './AnimatedStyle';
 
 class AnimatedProps extends Animated {
   _props: Object;
@@ -80,4 +80,4 @@ class AnimatedProps extends Animated {
   }
 }
 
-module.exports = AnimatedProps;
+export default AnimatedProps;

src/AnimatedStyle.js

@@ -10,10 +10,10 @@
  */
 'use strict';
 
-var Animated = require('./Animated');
-var AnimatedWithChildren = require('./AnimatedWithChildren');
-var AnimatedTransform = require('./AnimatedTransform');
-var FlattenStyle = require('./injectable/FlattenStyle');
+import Animated from './Animated';
+import AnimatedWithChildren from './AnimatedWithChildren';
+import AnimatedTransform from './AnimatedTransform';
+import FlattenStyle from './injectable/FlattenStyle';
 
 class AnimatedStyle extends AnimatedWithChildren {
   _style: Object;
@@ -73,4 +73,4 @@ class AnimatedStyle extends AnimatedWithChildren {
   }
 }
 
-module.exports = AnimatedStyle;
+export default AnimatedStyle;

src/AnimatedTemplate.js

@@ -10,8 +10,8 @@
  */
 'use strict';
 
-var Animated = require('./Animated');
-var AnimatedWithChildren = require('./AnimatedWithChildren');
+import Animated from './Animated';
+import AnimatedWithChildren from './AnimatedWithChildren';
 
 class AnimatedTemplate extends AnimatedWithChildren {
   _strings: Array<string>;
@@ -56,4 +56,4 @@ class AnimatedTemplate extends AnimatedWithChildren {
   }
 }
 
-module.exports = AnimatedTemplate;
+export default AnimatedTemplate;

src/AnimatedTracking.js

@@ -10,8 +10,8 @@
  */
 'use strict';
 
-var Animated = require('./Animated');
-var AnimatedValue = require('./AnimatedValue');
+import Animated from './Animated';
+import AnimatedValue from './AnimatedValue';
 
 import type { EndCallback } from './Animated';
 
@@ -58,4 +58,4 @@ class AnimatedTracking extends Animated {
   }
 }
 
-module.exports = AnimatedTracking;
+export default AnimatedTracking;

src/AnimatedTransform.js

@@ -10,8 +10,8 @@
  */
 'use strict';
 
-var Animated = require('./Animated');
-var AnimatedWithChildren = require('./AnimatedWithChildren');
+import Animated from './Animated';
+import AnimatedWithChildren from './AnimatedWithChildren';
 
 class AnimatedTransform extends AnimatedWithChildren {
   _transforms: Array<Object>;
@@ -75,4 +75,4 @@ class AnimatedTransform extends AnimatedWithChildren {
   }
 }
 
-module.exports = AnimatedTransform;
+export default AnimatedTransform;

src/AnimatedValue.js

@@ -10,13 +10,16 @@
  */
 'use strict';
 
-var AnimatedWithChildren = require('./AnimatedWithChildren');
-var InteractionManager = require('./injectable/InteractionManager');
-var AnimatedInterpolation = require('./AnimatedInterpolation');
-var Interpolation = require('./Interpolation');
-var Animation = require('./Animation');
-var guid = require('./guid');
-var Set = global.Set || require('./SetPolyfill');
+import AnimatedWithChildren from './AnimatedWithChildren';
+import InteractionManager from './injectable/InteractionManager';
+import AnimatedInterpolation from './AnimatedInterpolation';
+import Interpolation from './Interpolation';
+import Animation from './Animation';
+import guid from './guid';
+import SetPilyfill from './SetPolyfill';
+
+// TODO: wonder if we should do the set polyfill another way...
+var Set = global.Set || SetPilyfill;
 
 import type { EndCallback } from './Animation';
 import type { InterpolationConfigType } from './Interpolation';
@@ -209,4 +212,4 @@ class AnimatedValue extends AnimatedWithChildren {
   }
 }
 
-module.exports = AnimatedValue;
+export default AnimatedValue;

src/AnimatedValueXY.js

@@ -10,11 +10,11 @@
  */
 'use strict';
 
-var Animated = require('./Animated');
-var AnimatedValue = require('./AnimatedValue');
-var AnimatedWithChildren = require('./AnimatedWithChildren');
-var invariant = require('invariant');
-var guid = require('./guid');
+import Animated from './Animated';
+import AnimatedValue from './AnimatedValue';
+import AnimatedWithChildren from './AnimatedWithChildren';
+import invariant from 'invariant';
+import guid from './guid';
 
 type ValueXYListenerCallback = (value: {x: number; y: number}) => void;
 
@@ -157,4 +157,4 @@ class AnimatedValueXY extends AnimatedWithChildren {
   }
 }
 
-module.exports = AnimatedValueXY;
+export default AnimatedValueXY;

src/AnimatedWithChildren.js

@@ -10,7 +10,7 @@
  */
 'use strict';
 
-var Animated = require('./Animated');
+import Animated from './Animated';
 
 class AnimatedWithChildren extends Animated {
   _children: Array<Animated>;
@@ -44,4 +44,4 @@ class AnimatedWithChildren extends Animated {
   }
 }
 
-module.exports = AnimatedWithChildren;
+export default AnimatedWithChildren;

src/Animation.js

@@ -38,4 +38,4 @@ class Animation {
   }
 }
 
-module.exports = Animation;
+export default Animation;