Add missing flow annotations

Brandon Dail · Brandon Dail · commit 983fac3699a4 · 2016-09-22T16:43:37.000-05:00
diff --git a/src/components/bouceOut.js b/src/components/bouceOut.js
@@ -1,6 +1,8 @@
+// @flow
 import { scale3d } from '../utils';
+import type { Animation } from '../types';
 
-const bounceOut = {
+const bounceOut: Animation = {
   '20%': {
     transform: scale3d(0.9, 0.9, 0.9),
   },
diff --git a/src/components/bounceIn.js b/src/components/bounceIn.js
@@ -1,3 +1,4 @@
+// @flow
 import { cubicBezier, scale3d } from '../utils.js';
 import type { Keyframe, Animation } from '../types';
 
@@ -10,7 +11,7 @@ const timing: Keyframe = {
   ),
 }
 
-const bounceIn = {
+const bounceIn: Animation = {
   from: timing,
   '0%': {
     opacity: 0,
diff --git a/src/components/bounceInDown.js b/src/components/bounceInDown.js
@@ -1,3 +1,4 @@
+// @flow
 import { cubicBezier, translate3d } from '../utils.js';
 import type { Keyframe, Animation } from '../types';
 
@@ -10,7 +11,7 @@ const timing: Keyframe = {
   ),
 }
 
-const bounceInDown = {
+const bounceInDown: Animation = {
   from: timing,
   '0%': {
     opacity: 0,
diff --git a/src/components/bounceInLeft.js b/src/components/bounceInLeft.js
@@ -1,3 +1,4 @@
+// @flow
 import { cubicBezier, translate3d } from '../utils.js';
 import type { Keyframe, Animation } from '../types';
 
@@ -10,7 +11,7 @@ const timing: Keyframe = {
   ),
 }
 
-const bounceInLeft = {
+const bounceInLeft: Animation = {
   from: timing,
   '0%': {
     opacity: 0,
diff --git a/src/components/bounceInRight.js b/src/components/bounceInRight.js
@@ -1,3 +1,4 @@
+// @flow
 import { cubicBezier, translate3d } from '../utils.js';
 import type { Keyframe, Animation } from '../types';
 
@@ -10,7 +11,7 @@ const timing: Keyframe = {
   ),
 }
 
-const bounceInRight = {
+const bounceInRight: Animation = {
   from: timing,
   '0%': {
     opacity: 0,
diff --git a/src/components/bounceInUp.js b/src/components/bounceInUp.js
@@ -1,3 +1,4 @@
+// @flow
 import { cubicBezier, translate3d } from '../utils.js';
 import type { Keyframe, Animation } from '../types';
 
@@ -10,7 +11,7 @@ const timing: Keyframe = {
   ),
 }
 
-const bounceInUp = {
+const bounceInUp: Animation = {
   from: timing,
   '0%': {
     opacity: 0,
diff --git a/src/components/bounceOutDown.js b/src/components/bounceOutDown.js
@@ -1,6 +1,8 @@
+// @flow
 import { translate3d } from '../utils';
+import type { Animation } from '../types';
 
-const bounceOutDown = {
+const bounceOutDown: Animation = {
   '20%': {
     transform: translate3d(0, '10px', 0),
   },
diff --git a/src/components/bounceOutLeft.js b/src/components/bounceOutLeft.js
@@ -1,6 +1,8 @@
+// @flow
 import { translate3d } from '../utils';
+import type { Animation } from '../types';
 
-const bounceOutLeft = {
+const bounceOutLeft: Animation = {
   '20%': {
     opacity: 1,
     transform: translate3d('20px', 0, 0),
diff --git a/src/components/bounceOutRight.js b/src/components/bounceOutRight.js
@@ -1,5 +1,6 @@
+// @flow
 import { translate3d } from '../utils';
-import type { Animation } from '../utils';
+import type { Animation } from '../types';
 
 const bounceOutRight: Animation = {
   '20%': {
diff --git a/src/components/flash.js b/src/components/flash.js
@@ -1,3 +1,4 @@
+// @flow
 import type { Keyframe, Animation } from '../types';
 
 const visible: Keyframe = {
diff --git a/src/components/flip.js b/src/components/flip.js
@@ -1,3 +1,4 @@
+// @flow
 import {
   compose,
   perspective,
diff --git a/src/components/flipInX.js b/src/components/flipInX.js
@@ -1,3 +1,4 @@
+// @flow
 import {
   compose,
   perspective,
diff --git a/src/components/flipInY.js b/src/components/flipInY.js
@@ -1,3 +1,4 @@
+// @flow
 import {
   compose,
   perspective,
diff --git a/src/components/flipOutX.js b/src/components/flipOutX.js
@@ -1,3 +1,4 @@
+// @flow
 import {
   compose,
   perspective,
diff --git a/src/components/flipOutY.js b/src/components/flipOutY.js
@@ -1,3 +1,4 @@
+// @flow
 import {
   compose,
   perspective,
diff --git a/src/components/headShake.js b/src/components/headShake.js
@@ -1,3 +1,4 @@
+// @flow
 import { compose, translateX, rotateY } from '../utils.js';
 import type { Animation, Keyframe } from '../types';
 
@@ -7,7 +8,7 @@ const noShake: Keyframe = {
   transform: translateX(0),
 };
 
-const headShake = {
+const headShake: Animation = {
   '0%': noShake,
   '6.5%': {
     transform: translateAndRotate('-6px', '-9deg'),
diff --git a/src/components/jello.js b/src/components/jello.js
@@ -1,3 +1,4 @@
+// @flow
 import { skewXY } from '../utils';
 import type { Keyframe, Animation } from '../types';
 
diff --git a/src/components/lightSpeedIn.js b/src/components/lightSpeedIn.js
@@ -1,3 +1,4 @@
+// @flow
 import { compose, translate3d, skewX } from '../utils.js';
 import type { Keyframe, Animation } from '../types';
 
@@ -11,7 +12,7 @@ const easeIn: Keyframe = {
   animationTimingFunction: 'ease-out',
 };
 
-const lightSpeedIn = {
+const lightSpeedIn: Animation = {
   from: {
     ...easeIn,
     opacity: 0,
diff --git a/src/components/lightSpeedOut.js b/src/components/lightSpeedOut.js
@@ -1,3 +1,4 @@
+// @flow
 import { compose, translate3d, skewX } from '../utils.js';
 import type { Keyframe, Animation } from '../types';
 
@@ -11,7 +12,7 @@ const easeIn: Keyframe = {
   animationTimingFunction: 'ease-out',
 };
 
-const lightSpeedOut = {
+const lightSpeedOut: Animation = {
   from: {
     ...easeIn,
     opacity: 1,
diff --git a/src/components/pulse.js b/src/components/pulse.js
@@ -1,3 +1,4 @@
+// @flow
 import { scale3d } from '../utils';
 import type { Animation } from '../types';
 
diff --git a/src/components/rotateIn.js b/src/components/rotateIn.js
@@ -1,7 +1,8 @@
+// @flow
 import { rotate3d } from '../utils';
 import type { Animation } from '../types';
 
-const rotateIn = {
+const rotateIn: Animation = {
   from: {
     transformOrigin: 'center',
     transform: rotate3d(0, 0, 1, -200),
diff --git a/src/components/rotateInDownLeft.js b/src/components/rotateInDownLeft.js
@@ -1,6 +1,8 @@
+// @flow
 import { rotate3d } from '../utils';
+import type { Animation } from '../types';
 
-const rotateInDownLeft = {
+const rotateInDownLeft: Animation = {
   from: {
     transformOrigin: 'left bottom',
     transform: rotate3d(0, 0, 1, -45),
diff --git a/src/components/rotateInDownRight.js b/src/components/rotateInDownRight.js
@@ -1,6 +1,8 @@
+// @flow
 import { rotate3d } from '../utils';
+import type { Animation } from '../types';
 
-const rotateInDownRight = {
+const rotateInDownRight: Animation = {
   from: {
     transformOrigin: 'right bottom',
     transform: rotate3d(0, 0, 1, 45),
diff --git a/src/components/rotateInUpLeft.js b/src/components/rotateInUpLeft.js
@@ -1,6 +1,8 @@
+// @flow
 import { rotate3d } from '../utils';
+import type { Animation } from '../types';
 
-const rotateInUpLeft = {
+const rotateInUpLeft: Animation = {
   from: {
     transformOrigin: 'left bottom',
     transform: rotate3d(0, 0, 1, 45),
diff --git a/src/components/rotateOut.js b/src/components/rotateOut.js
@@ -2,7 +2,7 @@
 import { rotate3d } from '../utils';
 import type { Animation } from '../types';
 
-const rotateOut = {
+const rotateOut: Animation = {
   from: {
     transformOrigin: 'center',
     opacity: 1,
diff --git a/src/components/rotateOutDownLeft.js b/src/components/rotateOutDownLeft.js
@@ -2,7 +2,7 @@
 import { rotate3d } from '../utils';
 import type { Animation } from '../types';
 
-const rotateOutDownLeft = {
+const rotateOutDownLeft: Animation = {
   from: {
     transformOrigin: 'left bottom',
     opacity: 1,
diff --git a/src/components/rotateOutDownRight.js b/src/components/rotateOutDownRight.js
@@ -2,7 +2,7 @@
 import { rotate3d } from '../utils';
 import type { Animation } from '../types';
 
-const rotateOutDownRight = {
+const rotateOutDownRight: Animation = {
   from: {
     transformOrigin: 'right bottom',
     opacity: 1,
diff --git a/src/components/rotateOutUpLeft.js b/src/components/rotateOutUpLeft.js
@@ -2,7 +2,7 @@
 import { rotate3d } from '../utils';
 import type { Animation } from '../types';
 
-const rotateOutUpLeft = {
+const rotateOutUpLeft: Animation = {
   from: {
     transformOrigin: 'left bottom',
     opacity: 1,
diff --git a/src/components/rotateOutUpRight.js b/src/components/rotateOutUpRight.js
@@ -2,7 +2,7 @@
 import { rotate3d } from '../utils';
 import type { Animation } from '../types';
 
-const rotateOutUpRight = {
+const rotateOutUpRight: Animation = {
   from: {
     transformOrigin: 'right bottom',
     opacity: 1,
diff --git a/src/components/rubberBand.js b/src/components/rubberBand.js
@@ -1,11 +1,12 @@
+// @flow
 import { scale3d } from '../utils';
 import type { Animation, Keyframe } from '../types';
 
-const noRubberBanding = {
+const noRubberBanding: Keyframe = {
   transform: scale3d(1, 1, 1),
 };
 
-const rubberBand = {
+const rubberBand: Animation = {
   from: noRubberBanding,
   '30%': {
     transform: scale3d(1.25, 0.75, 1),
diff --git a/src/components/shake.js b/src/components/shake.js
@@ -1,3 +1,4 @@
+// @flow
 import { translate3d } from '../utils';
 import type { Animation, Keyframe } from '../types';
 
@@ -13,7 +14,7 @@ const upShake: Keyframe = {
   transform: translate3d('10px', 0, 0),
 };
 
-const shake = {
+const shake: Animation = {
   from: noShake,
   '10%': downShake,
   '20%': upShake,
diff --git a/src/components/swing.js b/src/components/swing.js
@@ -1,7 +1,8 @@
+// @flow
 import { rotate3d } from '../utils';
 import type { Animation } from '../types';
 
-const swing = {
+const swing: Animation = {
   '20%': {
     transform: rotate3d(0, 0, 1, 15),
   },
diff --git a/src/components/tada.js b/src/components/tada.js
@@ -1,3 +1,4 @@
+// @flow
 import { compose, scale3d, rotate3d } from '../utils';
 import type { Keyframe, Animation } from '../types';
 
@@ -28,7 +29,7 @@ const scaleUpNegativeAngle: Keyframe = {
   ),
 };
 
-const tada = {
+const tada: Animation = {
   from: noScale,
   '10%': scaleDownNegativeAngle,
   '20%': scaleDownNegativeAngle,
diff --git a/src/components/wobble.js b/src/components/wobble.js
@@ -1,3 +1,4 @@
+// @flow
 import { compose, translate3d, rotate3d } from '../utils';
 import type { Animation, Keyframe } from '../types';
 
@@ -7,7 +8,7 @@ const noWobble: Keyframe = {
   transform: 'none',
 }
 
-const wobble = {
+const wobble: Animation = {
   from: noWobble,
   '15%': {
     transform: translateAndRotate(

Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,4 @@`
	`1`	`+// @flow`
`1`	`2`	`import type { Keyframe, Animation } from '../types';`
`2`	`3`
`3`	`4`	`const visible: Keyframe = {`