From 55b46351c138fce1bcf3a44efed58f98f2522bfb Mon Sep 17 00:00:00 2001 From: GibboK Date: Fri, 5 May 2017 15:42:52 +0200 Subject: [PATCH 1/7] Add fix issue easing #1 --- keyframes-tool.js | 13 ++++++++++++- 1 file changed, 12 insertions(+), 1 deletion(-) diff --git a/keyframes-tool.js b/keyframes-tool.js index 413e1ce..2d6d711 100644 --- a/keyframes-tool.js +++ b/keyframes-tool.js @@ -196,11 +196,22 @@ let processAST = (data) => { return R.map(R.map(mapKeys(camelCase)), data) }; + // convert `animationTimingFunction` to `easing` for compatibility with web animations api + let convertToEasing = (data) => { + const convert = data => { + const ease = R.prop('animationTimingFunction', data) || 'ease'; + return R.dissoc('animationTimingFunction', R.assoc('easing', ease, data)); + }; + let result = R.map(R.map(convert))(data); + return result; + }; + // process let process = R.pipe( transformAST, orderByOffset, - convertToCamelCase + convertToCamelCase, + convertToEasing ); let result = process(data); fulfill(result); From 2ebf865e325718f16826e0d87d7b8a8584e867ed Mon Sep 17 00:00:00 2001 From: GibboK Date: Fri, 5 May 2017 15:53:03 +0200 Subject: [PATCH 2/7] Add better comments and code style --- keyframes-tool.js | 39 ++++++++++++++++++++------------------- 1 file changed, 20 insertions(+), 19 deletions(-) diff --git a/keyframes-tool.js b/keyframes-tool.js index 2d6d711..b6d4fd4 100644 --- a/keyframes-tool.js +++ b/keyframes-tool.js @@ -11,11 +11,11 @@ let fileIn, /** * Check software requirements. */ -let prerequisiteCheck = () => { +let checkPrerequisites = () => { return new Promise((fulfill, reject) => { try { // check node version - let getNodeVersion = (strVersion) => { + let getNodeVersion = strVersion => { let numberPattern = /\d+/g; return numVersion = Number(strVersion.match(numberPattern).join('')) }, @@ -33,7 +33,7 @@ let prerequisiteCheck = () => { }; /** - * Get arguments passed Node.js using terminal. + * Get arguments passed by Node.js from terminal. */ let getNodeArguments = () => { return new Promise((fulfill, reject) => { @@ -79,9 +79,9 @@ let readInputFile = () => { } /** - * Parse content of CSS input file and creates an AST tree. + * Parse content of CSS input file and create an AST tree. */ -let parse = (data) => { +let parse = data => { return new Promise((fulfill, reject) => { try { let parsedData = css.parse(data.toString(), { silent: false }); @@ -95,7 +95,7 @@ let parse = (data) => { /** * Validate AST tree content. */ -let validate = (data) => { +let validate = data => { return new Promise((fulfill, reject) => { try { let isStylesheet = data.type === 'stylesheet', @@ -123,9 +123,9 @@ let validate = (data) => { /** * Process AST tree content and a new data structure valid for Web Animation API KeyframeEffect. * The following code uses Ramda.js for traversing a complex AST tree, - * an alternative version is visible at http://codepen.io/gibbok/pen/PbRrxp + * an alternative and simplified version is visible at http://codepen.io/gibbok/pen/PbRrxp */ -let processAST = (data) => { +let processAST = data => { return new Promise((fulfill, reject) => { try { let processKeyframe = (vals, declarations) => [ @@ -171,7 +171,7 @@ let processAST = (data) => { // get only object whose `type` property is `keyframes` R.filter(R.propEq('type', 'keyframes')), // map each item in `keyframes` collection - // to an object {name: keyframe.name, content: [contentOfkeyframes] } + // to an object `{name: keyframe.name, content: [contentOfkeyframes] }` R.map((keyframe) => ({ name: keyframe.name, content: getContentOfKeyframes(keyframe.keyframes) @@ -188,7 +188,7 @@ let processAST = (data) => { let orderByOffset = R.map(R.pipe(R.sortBy(R.prop('offset')))); // convert hyphenated properties to camelCase - let convertToCamelCase = (data) => { + let convertToCamelCase = data => { let mapKeys = R.curry((fn, obj) => R.fromPairs(R.map(R.adjust(fn, 0), R.toPairs(obj))) ), @@ -197,7 +197,8 @@ let processAST = (data) => { }; // convert `animationTimingFunction` to `easing` for compatibility with web animations api - let convertToEasing = (data) => { + // and assign `easing` default value to `ease` when `animation-timing-function` from css file is not provided + let convertToEasing = data => { const convert = data => { const ease = R.prop('animationTimingFunction', data) || 'ease'; return R.dissoc('animationTimingFunction', R.assoc('easing', ease, data)); @@ -224,7 +225,7 @@ let processAST = (data) => { /** * Write JSON output file. */ -let writeOutputFile = (data) => { +let writeOutputFile = data => { return new Promise((fulfill, reject) => { data = JSON.stringify(data); fs.writeFile(fileOut, data, (err) => { @@ -241,21 +242,21 @@ let writeOutputFile = (data) => { * Initiate conversion process. */ let init = () => { - prerequisiteCheck().then(() => { + checkPrerequisites().then(() => { return getNodeArguments(); }).then(() => { return readInputFile(); - }).then((data) => { + }).then(data => { return parse(data); - }).then((data) => { + }).then(data => { return validate(data); - }).then((data) => { + }).then(data => { return processAST(data); - }).then((data) => { + }).then(data => { return writeOutputFile(data); - }).then((data) => { + }).then(data => { console.log('success: file created at: ' + fileOut); - }).catch(function (err) { + }).catch(err => { console.log('error: ' + err); }); }; From 56dfc6f31645eaf5ad0cd5024088e48e2f45267a Mon Sep 17 00:00:00 2001 From: GibboK Date: Fri, 5 May 2017 16:35:19 +0200 Subject: [PATCH 3/7] Add todo --- todos.md | 90 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 90 insertions(+) create mode 100644 todos.md diff --git a/todos.md b/todos.md new file mode 100644 index 0000000..33b3b42 --- /dev/null +++ b/todos.md @@ -0,0 +1,90 @@ +../animate.css/source/attention_seekers/bounce.css ../animate.css/source/attention_seekers/bounce.json +../animate.css/source/attention_seekers/flash.css ../animate.css/source/attention_seekers/flash.json +../animate.css/source/attention_seekers/headShake.css ../animate.css/source/attention_seekers/headShake.json +../animate.css/source/attention_seekers/jello.css ../animate.css/source/attention_seekers/jello.json +../animate.css/source/attention_seekers/pulse.css ../animate.css/source/attention_seekers/pulse.json +../animate.css/source/attention_seekers/rubberBand.css ../animate.css/source/attention_seekers/rubberBand.json +../animate.css/source/attention_seekers/shake.css ../animate.css/source/attention_seekers/shake.json +../animate.css/source/attention_seekers/swing.css ../animate.css/source/attention_seekers/swing.json +../animate.css/source/attention_seekers/tada.css ../animate.css/source/attention_seekers/tada.json +../animate.css/source/attention_seekers/wobble.css ../animate.css/source/attention_seekers/wobble.json + +../animate.css/source/bouncing_entrances/bounceIn.css ../animate.css/source/bouncing_entrances/bounceIn.json +../animate.css/source/bouncing_entrances/bounceInDown.css ../animate.css/source/bouncing_entrances/bounceInDown.json +../animate.css/source/bouncing_entrances/bounceInLeft.css ../animate.css/source/bouncing_entrances/bounceInLeft.json +../animate.css/source/bouncing_entrances/bounceInRight.css ../animate.css/source/bouncing_entrances/bounceInRight.json +../animate.css/source/bouncing_entrances/bounceInUp.css ../animate.css/source/bouncing_entrances/bounceInUp.json + +../animate.css/source/bouncing_exits/bounceOut.css ../animate.css/source/bouncing_exits/bounceOut.json +../animate.css/source/bouncing_exits/bounceOutDown.css ../animate.css/source/bouncing_exits/bounceOutDown.json +../animate.css/source/bouncing_exits/bounceOutLeft.css ../animate.css/source/bouncing_exits/bounceOutLeft.json +../animate.css/source/bouncing_exits/bounceOutRight.css ../animate.css/source/bouncing_exits/bounceOutRight.json +../animate.css/source/bouncing_exits/bounceOutUp.css ../animate.css/source/bouncing_exits/bounceOutUp.json + +../animate.css/source/bouncing_exits/fading_entrances/fadeIn.css ../animate.css/source/bouncing_exits/fading_entrances/fadeIn.json +../animate.css/source/bouncing_exits/fading_entrances/fadeInDown.css ../animate.css/source/bouncing_exits/fading_entrances/fadeInDown.json +../animate.css/source/bouncing_exits/fading_entrances/fadeInDownBig.css ../animate.css/source/bouncing_exits/fading_entrances/fadeInDownBig.json +../animate.css/source/bouncing_exits/fading_entrances/fadeInLeft.css ../animate.css/source/bouncing_exits/fading_entrances/fadeInLeft.json +../animate.css/source/bouncing_exits/fading_entrances/fadeInLeftBig.css ../animate.css/source/bouncing_exits/fading_entrances/fadeInLeftBig.json +../animate.css/source/bouncing_exits/fading_entrances/fadeInRight.css ../animate.css/source/bouncing_exits/fading_entrances/fadeInRight.json +../animate.css/source/bouncing_exits/fading_entrances/fadeInRightBig.css ../animate.css/source/bouncing_exits/fading_entrances/fadeInRightBig.json +../animate.css/source/bouncing_exits/fading_entrances/fadeInUp.css ../animate.css/source/bouncing_exits/fading_entrances/fadeInUp.json +../animate.css/source/bouncing_exits/fading_entrances/fadeInUpBig.css ../animate.css/source/bouncing_exits/fading_entrances/fadeInUpBig.json + +../animate.css/source/bouncing_exits/fading_exits/fadeOut.css ../animate.css/source/bouncing_exits/fading_exits/fadeOut.json +../animate.css/source/bouncing_exits/fading_exits/fadeOutDown.css ../animate.css/source/bouncing_exits/fading_exits/fadeOutDown.json +../animate.css/source/bouncing_exits/fading_exits/fadeOutDownBig.css ../animate.css/source/bouncing_exits/fading_exits/fadeOutDownBig.json +../animate.css/source/bouncing_exits/fading_exits/fadeOutLeft.css ../animate.css/source/bouncing_exits/fading_exits/fadeOutLeft.json +../animate.css/source/bouncing_exits/fading_exits/fadeOutLeftBig.css ../animate.css/source/bouncing_exits/fading_exits/fadeOutLeftBig.json +../animate.css/source/bouncing_exits/fading_exits/fadeOutRight.css ../animate.css/source/bouncing_exits/fading_exits/fadeOutRight.json +../animate.css/source/bouncing_exits/fading_exits/fadeOutRightBig.css ../animate.css/source/bouncing_exits/fading_exits/fadeOutRightBig.json +../animate.css/source/bouncing_exits/fading_exits/fadeOutUp.css ../animate.css/source/bouncing_exits/fading_exits/fadeOutUp.json +../animate.css/source/bouncing_exits/fading_exits/fadeOutUpBig.css ../animate.css/source/bouncing_exits/fading_exits/fadeOutUpBig.json + +../animate.css/source/bouncing_exits/flippers/flip.css ../animate.css/source/bouncing_exits/flippers/flip.json +../animate.css/source/bouncing_exits/flippers/flipInX.css ../animate.css/source/bouncing_exits/flippers/flipInX.json +../animate.css/source/bouncing_exits/flippers/flipInY.css ../animate.css/source/bouncing_exits/flippers/flipInY.json +../animate.css/source/bouncing_exits/flippers/flipOutX.css ../animate.css/source/bouncing_exits/flippers/flipOutX.json +../animate.css/source/bouncing_exits/flippers/flipOutY.css ../animate.css/source/bouncing_exits/flippers/flipOutY.json + +../animate.css/source/lightspeed/lightSpeedIn.css ../animate.css/source/lightspeed/lightSpeedIn.json +../animate.css/source/lightspeed/lightSpeedOut.css ../animate.css/source/lightspeed/lightSpeedOut.json + +../animate.css/source/rotating_entrances/rotateIn.css ../animate.css/source/rotating_entrances/rotateIn.json +../animate.css/source/rotating_entrances/rotateInDownLeft.css ../animate.css/source/rotating_entrances/rotateInDownLeft.json +../animate.css/source/rotating_entrances/rotateInDownRight.css ../animate.css/source/rotating_entrances/rotateInDownRight.json +../animate.css/source/rotating_entrances/rotateInUpLeft.css ../animate.css/source/rotating_entrances/rotateInUpLeft.json +../animate.css/source/rotating_entrances/rotateInUpRight.css ../animate.css/source/rotating_entrances/rotateInUpRight.json + +../animate.css/source/rotating_exits/rotateOut.css ../animate.css/source/rotating_exits/rotateOut.json +../animate.css/source/rotating_exits/rotateOutDownLeft.css ../animate.css/source/rotating_exits/rotateOutDownLeft.json +../animate.css/source/rotating_exits/rotateOutDownRight.css ../animate.css/source/rotating_exits/rotateOutDownRight.json +../animate.css/source/rotating_exits/rotateOutUpLeft.css ../animate.css/source/rotating_exits/rotateOutUpLeft.json +../animate.css/source/rotating_exits/rotateOutUpRight.css ../animate.css/source/rotating_exits/rotateOutUpRight.json + +../animate.css/source/sliding_entrances/slideInDown.css ../animate.css/source/sliding_entrances/slideInDown.json +../animate.css/source/sliding_entrances/slideInLeft.css ../animate.css/source/sliding_entrances/slideInLeft.json +../animate.css/source/sliding_entrances/slideInRight.css ../animate.css/source/sliding_entrances/slideInRight.json +../animate.css/source/sliding_entrances/slideInUp.css ../animate.css/source/sliding_entrances/slideInUp.json + +../animate.css/source/sliding_exits/slideOutDown.css ../animate.css/source/sliding_exits/slideOutDown.json +../animate.css/source/sliding_exits/slideOutLeft.css ../animate.css/source/sliding_exits/slideOutLeft.json +../animate.css/source/sliding_exits/slideOutRight.css ../animate.css/source/sliding_exits/slideOutRight.json +../animate.css/source/sliding_exits/slideOutUp.css ../animate.css/source/sliding_exits/slideOutUp.json + +../animate.css/source/specials/hinge.css ../animate.css/source/specials/hinge.json +../animate.css/source/specials/jackInTheBox.css ../animate.css/source/specials/jackInTheBox.json +../animate.css/source/specials/rollIn.css ../animate.css/source/specials/rollIn.json +../animate.css/source/specials/rollOut.css ../animate.css/source/specials/rollOut.json + +../animate.css/source/zooming_entrances/zoomIn.css ../animate.css/source/zooming_entrances/zoomIn.json +../animate.css/source/zooming_entrances/zoomInDown.css ../animate.css/source/zooming_entrances/zoomInDown.json +../animate.css/source/zooming_entrances/zoomInLeft.css ../animate.css/source/zooming_entrances/zoomInLeft.json +../animate.css/source/zooming_entrances/zoomInRight.css ../animate.css/source/zooming_entrances/zoomInRight.json +../animate.css/source/zooming_entrances/zoomInUp.css ../animate.css/source/zooming_entrances/zoomInUp.json + +../animate.css/source/zooming_exits/zoomOut.css ../animate.css/source/zooming_exits/zoomOut.json +../animate.css/source/zooming_exits/zoomOutDown.css ../animate.css/source/zooming_exits/zoomOutDown.json +../animate.css/source/zooming_exits/zoomOutLeft.css ../animate.css/source/zooming_exits/zoomOutLeft.json +../animate.css/source/zooming_exits/zoomOutRight.css ../animate.css/source/zooming_exits/zoomOutRight.json +../animate.css/source/zooming_exits/zoomOutUp.css ../animate.css/source/zooming_exits/zoomOutUp.json \ No newline at end of file From 9f5d81c3239c502591c731593ca37a42edbd43d3 Mon Sep 17 00:00:00 2001 From: GibboK Date: Fri, 5 May 2017 17:12:21 +0200 Subject: [PATCH 4/7] Add code format --- keyframes-tool.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/keyframes-tool.js b/keyframes-tool.js index b6d4fd4..8c45784 100644 --- a/keyframes-tool.js +++ b/keyframes-tool.js @@ -206,7 +206,7 @@ let processAST = data => { let result = R.map(R.map(convert))(data); return result; }; - + // process let process = R.pipe( transformAST, From a83c7fc36c1b817f0e3ba2c15d2c3344fadfe697 Mon Sep 17 00:00:00 2001 From: GibboK Date: Fri, 5 May 2017 21:36:52 +0200 Subject: [PATCH 5/7] Add todo --- todos.md | 154 +++++++++++++++++++++++++++---------------------------- 1 file changed, 77 insertions(+), 77 deletions(-) diff --git a/todos.md b/todos.md index 33b3b42..3bd30ae 100644 --- a/todos.md +++ b/todos.md @@ -1,90 +1,90 @@ -../animate.css/source/attention_seekers/bounce.css ../animate.css/source/attention_seekers/bounce.json -../animate.css/source/attention_seekers/flash.css ../animate.css/source/attention_seekers/flash.json -../animate.css/source/attention_seekers/headShake.css ../animate.css/source/attention_seekers/headShake.json -../animate.css/source/attention_seekers/jello.css ../animate.css/source/attention_seekers/jello.json -../animate.css/source/attention_seekers/pulse.css ../animate.css/source/attention_seekers/pulse.json -../animate.css/source/attention_seekers/rubberBand.css ../animate.css/source/attention_seekers/rubberBand.json -../animate.css/source/attention_seekers/shake.css ../animate.css/source/attention_seekers/shake.json -../animate.css/source/attention_seekers/swing.css ../animate.css/source/attention_seekers/swing.json -../animate.css/source/attention_seekers/tada.css ../animate.css/source/attention_seekers/tada.json -../animate.css/source/attention_seekers/wobble.css ../animate.css/source/attention_seekers/wobble.json +node keyframes-tool ../animate.css/source/attention_seekers/bounce.css ../animate.css/source/attention_seekers/bounce.json +node keyframes-tool ../animate.css/source/attention_seekers/flash.css ../animate.css/source/attention_seekers/flash.json +node keyframes-tool ../animate.css/source/attention_seekers/headShake.css ../animate.css/source/attention_seekers/headShake.json +node keyframes-tool ../animate.css/source/attention_seekers/jello.css ../animate.css/source/attention_seekers/jello.json +node keyframes-tool ../animate.css/source/attention_seekers/pulse.css ../animate.css/source/attention_seekers/pulse.json +node keyframes-tool ../animate.css/source/attention_seekers/rubberBand.css ../animate.css/source/attention_seekers/rubberBand.json +node keyframes-tool ../animate.css/source/attention_seekers/shake.css ../animate.css/source/attention_seekers/shake.json +node keyframes-tool ../animate.css/source/attention_seekers/swing.css ../animate.css/source/attention_seekers/swing.json +node keyframes-tool ../animate.css/source/attention_seekers/tada.css ../animate.css/source/attention_seekers/tada.json +node keyframes-tool ../animate.css/source/attention_seekers/wobble.css ../animate.css/source/attention_seekers/wobble.json -../animate.css/source/bouncing_entrances/bounceIn.css ../animate.css/source/bouncing_entrances/bounceIn.json -../animate.css/source/bouncing_entrances/bounceInDown.css ../animate.css/source/bouncing_entrances/bounceInDown.json -../animate.css/source/bouncing_entrances/bounceInLeft.css ../animate.css/source/bouncing_entrances/bounceInLeft.json -../animate.css/source/bouncing_entrances/bounceInRight.css ../animate.css/source/bouncing_entrances/bounceInRight.json -../animate.css/source/bouncing_entrances/bounceInUp.css ../animate.css/source/bouncing_entrances/bounceInUp.json +node keyframes-tool ../animate.css/source/bouncing_entrances/bounceIn.css ../animate.css/source/bouncing_entrances/bounceIn.json +node keyframes-tool ../animate.css/source/bouncing_entrances/bounceInDown.css ../animate.css/source/bouncing_entrances/bounceInDown.json +node keyframes-tool ../animate.css/source/bouncing_entrances/bounceInLeft.css ../animate.css/source/bouncing_entrances/bounceInLeft.json +node keyframes-tool ../animate.css/source/bouncing_entrances/bounceInRight.css ../animate.css/source/bouncing_entrances/bounceInRight.json +node keyframes-tool ../animate.css/source/bouncing_entrances/bounceInUp.css ../animate.css/source/bouncing_entrances/bounceInUp.json -../animate.css/source/bouncing_exits/bounceOut.css ../animate.css/source/bouncing_exits/bounceOut.json -../animate.css/source/bouncing_exits/bounceOutDown.css ../animate.css/source/bouncing_exits/bounceOutDown.json -../animate.css/source/bouncing_exits/bounceOutLeft.css ../animate.css/source/bouncing_exits/bounceOutLeft.json -../animate.css/source/bouncing_exits/bounceOutRight.css ../animate.css/source/bouncing_exits/bounceOutRight.json -../animate.css/source/bouncing_exits/bounceOutUp.css ../animate.css/source/bouncing_exits/bounceOutUp.json +node keyframes-tool ../animate.css/source/bouncing_exits/bounceOut.css ../animate.css/source/bouncing_exits/bounceOut.json +node keyframes-tool ../animate.css/source/bouncing_exits/bounceOutDown.css ../animate.css/source/bouncing_exits/bounceOutDown.json +node keyframes-tool ../animate.css/source/bouncing_exits/bounceOutLeft.css ../animate.css/source/bouncing_exits/bounceOutLeft.json +node keyframes-tool ../animate.css/source/bouncing_exits/bounceOutRight.css ../animate.css/source/bouncing_exits/bounceOutRight.json +node keyframes-tool ../animate.css/source/bouncing_exits/bounceOutUp.css ../animate.css/source/bouncing_exits/bounceOutUp.json -../animate.css/source/bouncing_exits/fading_entrances/fadeIn.css ../animate.css/source/bouncing_exits/fading_entrances/fadeIn.json -../animate.css/source/bouncing_exits/fading_entrances/fadeInDown.css ../animate.css/source/bouncing_exits/fading_entrances/fadeInDown.json -../animate.css/source/bouncing_exits/fading_entrances/fadeInDownBig.css ../animate.css/source/bouncing_exits/fading_entrances/fadeInDownBig.json -../animate.css/source/bouncing_exits/fading_entrances/fadeInLeft.css ../animate.css/source/bouncing_exits/fading_entrances/fadeInLeft.json -../animate.css/source/bouncing_exits/fading_entrances/fadeInLeftBig.css ../animate.css/source/bouncing_exits/fading_entrances/fadeInLeftBig.json -../animate.css/source/bouncing_exits/fading_entrances/fadeInRight.css ../animate.css/source/bouncing_exits/fading_entrances/fadeInRight.json -../animate.css/source/bouncing_exits/fading_entrances/fadeInRightBig.css ../animate.css/source/bouncing_exits/fading_entrances/fadeInRightBig.json -../animate.css/source/bouncing_exits/fading_entrances/fadeInUp.css ../animate.css/source/bouncing_exits/fading_entrances/fadeInUp.json -../animate.css/source/bouncing_exits/fading_entrances/fadeInUpBig.css ../animate.css/source/bouncing_exits/fading_entrances/fadeInUpBig.json +node keyframes-tool ../animate.css/source/fading_entrances/fadeIn.css ../animate.css/source/fading_entrances/fadeIn.json +node keyframes-tool ../animate.css/source/fading_entrances/fadeInDown.css ../animate.css/source/fading_entrances/fadeInDown.json +node keyframes-tool ../animate.css/source/fading_entrances/fadeInDownBig.css ../animate.css/source/fading_entrances/fadeInDownBig.json +node keyframes-tool ../animate.css/source/fading_entrances/fadeInLeft.css ../animate.css/source/fading_entrances/fadeInLeft.json +node keyframes-tool ../animate.css/source/fading_entrances/fadeInLeftBig.css ../animate.css/source/fading_entrances/fadeInLeftBig.json +node keyframes-tool ../animate.css/source/fading_entrances/fadeInRight.css ../animate.css/source/fading_entrances/fadeInRight.json +node keyframes-tool ../animate.css/source/fading_entrances/fadeInRightBig.css ../animate.css/source/fading_entrances/fadeInRightBig.json +node keyframes-tool ../animate.css/source/fading_entrances/fadeInUp.css ../animate.css/source/fading_entrances/fadeInUp.json +node keyframes-tool ../animate.css/source/fading_entrances/fadeInUpBig.css ../animate.css/source/fading_entrances/fadeInUpBig.json -../animate.css/source/bouncing_exits/fading_exits/fadeOut.css ../animate.css/source/bouncing_exits/fading_exits/fadeOut.json -../animate.css/source/bouncing_exits/fading_exits/fadeOutDown.css ../animate.css/source/bouncing_exits/fading_exits/fadeOutDown.json -../animate.css/source/bouncing_exits/fading_exits/fadeOutDownBig.css ../animate.css/source/bouncing_exits/fading_exits/fadeOutDownBig.json -../animate.css/source/bouncing_exits/fading_exits/fadeOutLeft.css ../animate.css/source/bouncing_exits/fading_exits/fadeOutLeft.json -../animate.css/source/bouncing_exits/fading_exits/fadeOutLeftBig.css ../animate.css/source/bouncing_exits/fading_exits/fadeOutLeftBig.json -../animate.css/source/bouncing_exits/fading_exits/fadeOutRight.css ../animate.css/source/bouncing_exits/fading_exits/fadeOutRight.json -../animate.css/source/bouncing_exits/fading_exits/fadeOutRightBig.css ../animate.css/source/bouncing_exits/fading_exits/fadeOutRightBig.json -../animate.css/source/bouncing_exits/fading_exits/fadeOutUp.css ../animate.css/source/bouncing_exits/fading_exits/fadeOutUp.json -../animate.css/source/bouncing_exits/fading_exits/fadeOutUpBig.css ../animate.css/source/bouncing_exits/fading_exits/fadeOutUpBig.json +node keyframes-tool ../animate.css/source/fading_exits/fadeOut.css ../animate.css/source/fading_exits/fadeOut.json +node keyframes-tool ../animate.css/source/fading_exits/fadeOutDown.css ../animate.css/source/fading_exits/fadeOutDown.json +node keyframes-tool ../animate.css/source/fading_exits/fadeOutDownBig.css ../animate.css/source/fading_exits/fadeOutDownBig.json +node keyframes-tool ../animate.css/source/fading_exits/fadeOutLeft.css ../animate.css/source/fading_exits/fadeOutLeft.json +node keyframes-tool ../animate.css/source/fading_exits/fadeOutLeftBig.css ../animate.css/source/fading_exits/fadeOutLeftBig.json +node keyframes-tool ../animate.css/source/fading_exits/fadeOutRight.css ../animate.css/source/fading_exits/fadeOutRight.json +node keyframes-tool ../animate.css/source/fading_exits/fadeOutRightBig.css ../animate.css/source/fading_exits/fadeOutRightBig.json +node keyframes-tool ../animate.css/source/fading_exits/fadeOutUp.css ../animate.css/source/fading_exits/fadeOutUp.json +node keyframes-tool ../animate.css/source/fading_exits/fadeOutUpBig.css ../animate.css/source/fading_exits/fadeOutUpBig.json -../animate.css/source/bouncing_exits/flippers/flip.css ../animate.css/source/bouncing_exits/flippers/flip.json -../animate.css/source/bouncing_exits/flippers/flipInX.css ../animate.css/source/bouncing_exits/flippers/flipInX.json -../animate.css/source/bouncing_exits/flippers/flipInY.css ../animate.css/source/bouncing_exits/flippers/flipInY.json -../animate.css/source/bouncing_exits/flippers/flipOutX.css ../animate.css/source/bouncing_exits/flippers/flipOutX.json -../animate.css/source/bouncing_exits/flippers/flipOutY.css ../animate.css/source/bouncing_exits/flippers/flipOutY.json +node keyframes-tool ../animate.css/source/flippers/flip.css ../animate.css/source/flippers/flip.json +node keyframes-tool ../animate.css/source/flippers/flipInX.css ../animate.css/source/flippers/flipInX.json +node keyframes-tool ../animate.css/source/flippers/flipInY.css ../animate.css/source/flippers/flipInY.json +node keyframes-tool ../animate.css/source/flippers/flipOutX.css ../animate.css/source/flippers/flipOutX.json +node keyframes-tool ../animate.css/source/flippers/flipOutY.css ../animate.css/source/flippers/flipOutY.json -../animate.css/source/lightspeed/lightSpeedIn.css ../animate.css/source/lightspeed/lightSpeedIn.json -../animate.css/source/lightspeed/lightSpeedOut.css ../animate.css/source/lightspeed/lightSpeedOut.json +node keyframes-tool ../animate.css/source/lightspeed/lightSpeedIn.css ../animate.css/source/lightspeed/lightSpeedIn.json +node keyframes-tool ../animate.css/source/lightspeed/lightSpeedOut.css ../animate.css/source/lightspeed/lightSpeedOut.json -../animate.css/source/rotating_entrances/rotateIn.css ../animate.css/source/rotating_entrances/rotateIn.json -../animate.css/source/rotating_entrances/rotateInDownLeft.css ../animate.css/source/rotating_entrances/rotateInDownLeft.json -../animate.css/source/rotating_entrances/rotateInDownRight.css ../animate.css/source/rotating_entrances/rotateInDownRight.json -../animate.css/source/rotating_entrances/rotateInUpLeft.css ../animate.css/source/rotating_entrances/rotateInUpLeft.json -../animate.css/source/rotating_entrances/rotateInUpRight.css ../animate.css/source/rotating_entrances/rotateInUpRight.json +node keyframes-tool ../animate.css/source/rotating_entrances/rotateIn.css ../animate.css/source/rotating_entrances/rotateIn.json +node keyframes-tool ../animate.css/source/rotating_entrances/rotateInDownLeft.css ../animate.css/source/rotating_entrances/rotateInDownLeft.json +node keyframes-tool ../animate.css/source/rotating_entrances/rotateInDownRight.css ../animate.css/source/rotating_entrances/rotateInDownRight.json +node keyframes-tool ../animate.css/source/rotating_entrances/rotateInUpLeft.css ../animate.css/source/rotating_entrances/rotateInUpLeft.json +node keyframes-tool ../animate.css/source/rotating_entrances/rotateInUpRight.css ../animate.css/source/rotating_entrances/rotateInUpRight.json -../animate.css/source/rotating_exits/rotateOut.css ../animate.css/source/rotating_exits/rotateOut.json -../animate.css/source/rotating_exits/rotateOutDownLeft.css ../animate.css/source/rotating_exits/rotateOutDownLeft.json -../animate.css/source/rotating_exits/rotateOutDownRight.css ../animate.css/source/rotating_exits/rotateOutDownRight.json -../animate.css/source/rotating_exits/rotateOutUpLeft.css ../animate.css/source/rotating_exits/rotateOutUpLeft.json -../animate.css/source/rotating_exits/rotateOutUpRight.css ../animate.css/source/rotating_exits/rotateOutUpRight.json +node keyframes-tool ../animate.css/source/rotating_exits/rotateOut.css ../animate.css/source/rotating_exits/rotateOut.json +node keyframes-tool ../animate.css/source/rotating_exits/rotateOutDownLeft.css ../animate.css/source/rotating_exits/rotateOutDownLeft.json +node keyframes-tool ../animate.css/source/rotating_exits/rotateOutDownRight.css ../animate.css/source/rotating_exits/rotateOutDownRight.json +node keyframes-tool ../animate.css/source/rotating_exits/rotateOutUpLeft.css ../animate.css/source/rotating_exits/rotateOutUpLeft.json +node keyframes-tool ../animate.css/source/rotating_exits/rotateOutUpRight.css ../animate.css/source/rotating_exits/rotateOutUpRight.json -../animate.css/source/sliding_entrances/slideInDown.css ../animate.css/source/sliding_entrances/slideInDown.json -../animate.css/source/sliding_entrances/slideInLeft.css ../animate.css/source/sliding_entrances/slideInLeft.json -../animate.css/source/sliding_entrances/slideInRight.css ../animate.css/source/sliding_entrances/slideInRight.json -../animate.css/source/sliding_entrances/slideInUp.css ../animate.css/source/sliding_entrances/slideInUp.json +node keyframes-tool ../animate.css/source/sliding_entrances/slideInDown.css ../animate.css/source/sliding_entrances/slideInDown.json +node keyframes-tool ../animate.css/source/sliding_entrances/slideInLeft.css ../animate.css/source/sliding_entrances/slideInLeft.json +node keyframes-tool ../animate.css/source/sliding_entrances/slideInRight.css ../animate.css/source/sliding_entrances/slideInRight.json +node keyframes-tool ../animate.css/source/sliding_entrances/slideInUp.css ../animate.css/source/sliding_entrances/slideInUp.json -../animate.css/source/sliding_exits/slideOutDown.css ../animate.css/source/sliding_exits/slideOutDown.json -../animate.css/source/sliding_exits/slideOutLeft.css ../animate.css/source/sliding_exits/slideOutLeft.json -../animate.css/source/sliding_exits/slideOutRight.css ../animate.css/source/sliding_exits/slideOutRight.json -../animate.css/source/sliding_exits/slideOutUp.css ../animate.css/source/sliding_exits/slideOutUp.json +node keyframes-tool ../animate.css/source/sliding_exits/slideOutDown.css ../animate.css/source/sliding_exits/slideOutDown.json +node keyframes-tool ../animate.css/source/sliding_exits/slideOutLeft.css ../animate.css/source/sliding_exits/slideOutLeft.json +node keyframes-tool ../animate.css/source/sliding_exits/slideOutRight.css ../animate.css/source/sliding_exits/slideOutRight.json +node keyframes-tool ../animate.css/source/sliding_exits/slideOutUp.css ../animate.css/source/sliding_exits/slideOutUp.json -../animate.css/source/specials/hinge.css ../animate.css/source/specials/hinge.json -../animate.css/source/specials/jackInTheBox.css ../animate.css/source/specials/jackInTheBox.json -../animate.css/source/specials/rollIn.css ../animate.css/source/specials/rollIn.json -../animate.css/source/specials/rollOut.css ../animate.css/source/specials/rollOut.json +node keyframes-tool ../animate.css/source/specials/hinge.css ../animate.css/source/specials/hinge.json +node keyframes-tool ../animate.css/source/specials/jackInTheBox.css ../animate.css/source/specials/jackInTheBox.json +node keyframes-tool ../animate.css/source/specials/rollIn.css ../animate.css/source/specials/rollIn.json +node keyframes-tool ../animate.css/source/specials/rollOut.css ../animate.css/source/specials/rollOut.json -../animate.css/source/zooming_entrances/zoomIn.css ../animate.css/source/zooming_entrances/zoomIn.json -../animate.css/source/zooming_entrances/zoomInDown.css ../animate.css/source/zooming_entrances/zoomInDown.json -../animate.css/source/zooming_entrances/zoomInLeft.css ../animate.css/source/zooming_entrances/zoomInLeft.json -../animate.css/source/zooming_entrances/zoomInRight.css ../animate.css/source/zooming_entrances/zoomInRight.json -../animate.css/source/zooming_entrances/zoomInUp.css ../animate.css/source/zooming_entrances/zoomInUp.json +node keyframes-tool ../animate.css/source/zooming_entrances/zoomIn.css ../animate.css/source/zooming_entrances/zoomIn.json +node keyframes-tool ../animate.css/source/zooming_entrances/zoomInDown.css ../animate.css/source/zooming_entrances/zoomInDown.json +node keyframes-tool ../animate.css/source/zooming_entrances/zoomInLeft.css ../animate.css/source/zooming_entrances/zoomInLeft.json +node keyframes-tool ../animate.css/source/zooming_entrances/zoomInRight.css ../animate.css/source/zooming_entrances/zoomInRight.json +node keyframes-tool ../animate.css/source/zooming_entrances/zoomInUp.css ../animate.css/source/zooming_entrances/zoomInUp.json -../animate.css/source/zooming_exits/zoomOut.css ../animate.css/source/zooming_exits/zoomOut.json -../animate.css/source/zooming_exits/zoomOutDown.css ../animate.css/source/zooming_exits/zoomOutDown.json -../animate.css/source/zooming_exits/zoomOutLeft.css ../animate.css/source/zooming_exits/zoomOutLeft.json -../animate.css/source/zooming_exits/zoomOutRight.css ../animate.css/source/zooming_exits/zoomOutRight.json -../animate.css/source/zooming_exits/zoomOutUp.css ../animate.css/source/zooming_exits/zoomOutUp.json \ No newline at end of file +node keyframes-tool ../animate.css/source/zooming_exits/zoomOut.css ../animate.css/source/zooming_exits/zoomOut.json +node keyframes-tool ../animate.css/source/zooming_exits/zoomOutDown.css ../animate.css/source/zooming_exits/zoomOutDown.json +node keyframes-tool ../animate.css/source/zooming_exits/zoomOutLeft.css ../animate.css/source/zooming_exits/zoomOutLeft.json +node keyframes-tool ../animate.css/source/zooming_exits/zoomOutRight.css ../animate.css/source/zooming_exits/zoomOutRight.json +node keyframes-tool ../animate.css/source/zooming_exits/zoomOutUp.css ../animate.css/source/zooming_exits/zoomOutUp.json \ No newline at end of file From 1fdd45711c56ae129f608afec52405746738e28c Mon Sep 17 00:00:00 2001 From: GibboK Date: Sun, 7 May 2017 11:31:28 +0200 Subject: [PATCH 6/7] Add version --- README.md | 82 ++++++++++++++++++++++++++++++------------------------- 1 file changed, 45 insertions(+), 37 deletions(-) diff --git a/README.md b/README.md index ce6945a..8b084f7 100644 --- a/README.md +++ b/README.md @@ -7,7 +7,7 @@ Use this tool to move your interactive animations from stylesheets to JavaScript ## Great! So how do I use it? -- Install keyframes-tool using `npm install keyframes-tool` or adding it in your `package.json` as: `"devDependencies": { "keyframes-tool": "^1.0.2" }` and run `npm install`. +- Install keyframes-tool using `npm install keyframes-tool` or adding it in your `package.json` as: `"devDependencies": { "keyframes-tool": "^1.0.3" }` and run `npm install`. - Run command line in your keyframes-tool directory and enter `node keyframes-tool ./input.css ./output.json`, where as first argument `./input.css` is the CSS source file to process and the second argument `./output.json` is the destination file with the converted result. Paths should be relative to `keyframes-tool.js` file location. @@ -44,42 +44,50 @@ Output file `output.json`: ```json { - "flash": [ - { - "opacity": "1", - "offset": "0" - }, - { - "opacity": "0", - "offset": "0.25" - }, - { - "opacity": "1", - "offset": "0.5" - }, - { - "opacity": "0", - "offset": "0.75" - }, - { - "opacity": "1", - "offset": "1" - } - ], - "pulse": [ - { - "transform": "scale3d(1, 1, 1)", - "offset": "0" - }, - { - "transform": "scale3d(1.05, 1.05, 1.05)", - "offset": "0.5" - }, - { - "transform": "scale3d(1, 1, 1)", - "offset": "1" - } - ] + "flash": [ + { + "opacity": "1", + "offset": "0", + "easing": "ease" + }, + { + "opacity": "0", + "offset": "0.25", + "easing": "ease" + }, + { + "opacity": "1", + "offset": "0.5", + "easing": "ease" + }, + { + "opacity": "0", + "offset": "0.75", + "easing": "ease" + }, + { + "opacity": "1", + "offset": "1", + "easing": "ease" + } + ], + "pulse": [ + { + "transform": "scale3d(1, 1, 1)", + "offset": "0", + "easing": "ease" + }, + { + "transform": "scale3d(1.05, 1.05, 1.05)", + "offset": "0.5", + "easing": "ease" + }, + { + "transform": "scale3d(1, 1, 1)", + "offset": "1", + "easing": "ease" + } + ] } ``` - Use the result as embedded data in your JavaScript as [shown in this example](http://codepen.io/gibbok/pen/ENpqZO), alternatively you could load the JSON data using Ajax. From 225c566642b22879b06becbcd32430af18672027 Mon Sep 17 00:00:00 2001 From: GibboK Date: Sun, 7 May 2017 11:31:43 +0200 Subject: [PATCH 7/7] Add version --- package.json | 2 +- todos.md | 90 ---------------------------------------------------- 2 files changed, 1 insertion(+), 91 deletions(-) delete mode 100644 todos.md diff --git a/package.json b/package.json index e933b3a..0b9a730 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "keyframes-tool", - "version": "1.0.2", + "version": "1.0.3", "description": "Keyframes-tool is a NodeJs command line tool which convert CSS Animations to a keyframes object suitable for Web Animations API.", "main": "keyframes-tool.js", "keywords": [ diff --git a/todos.md b/todos.md deleted file mode 100644 index 3bd30ae..0000000 --- a/todos.md +++ /dev/null @@ -1,90 +0,0 @@ -node keyframes-tool ../animate.css/source/attention_seekers/bounce.css ../animate.css/source/attention_seekers/bounce.json -node keyframes-tool ../animate.css/source/attention_seekers/flash.css ../animate.css/source/attention_seekers/flash.json -node keyframes-tool ../animate.css/source/attention_seekers/headShake.css ../animate.css/source/attention_seekers/headShake.json -node keyframes-tool ../animate.css/source/attention_seekers/jello.css ../animate.css/source/attention_seekers/jello.json -node keyframes-tool ../animate.css/source/attention_seekers/pulse.css ../animate.css/source/attention_seekers/pulse.json -node keyframes-tool ../animate.css/source/attention_seekers/rubberBand.css ../animate.css/source/attention_seekers/rubberBand.json -node keyframes-tool ../animate.css/source/attention_seekers/shake.css ../animate.css/source/attention_seekers/shake.json -node keyframes-tool ../animate.css/source/attention_seekers/swing.css ../animate.css/source/attention_seekers/swing.json -node keyframes-tool ../animate.css/source/attention_seekers/tada.css ../animate.css/source/attention_seekers/tada.json -node keyframes-tool ../animate.css/source/attention_seekers/wobble.css ../animate.css/source/attention_seekers/wobble.json - -node keyframes-tool ../animate.css/source/bouncing_entrances/bounceIn.css ../animate.css/source/bouncing_entrances/bounceIn.json -node keyframes-tool ../animate.css/source/bouncing_entrances/bounceInDown.css ../animate.css/source/bouncing_entrances/bounceInDown.json -node keyframes-tool ../animate.css/source/bouncing_entrances/bounceInLeft.css ../animate.css/source/bouncing_entrances/bounceInLeft.json -node keyframes-tool ../animate.css/source/bouncing_entrances/bounceInRight.css ../animate.css/source/bouncing_entrances/bounceInRight.json -node keyframes-tool ../animate.css/source/bouncing_entrances/bounceInUp.css ../animate.css/source/bouncing_entrances/bounceInUp.json - -node keyframes-tool ../animate.css/source/bouncing_exits/bounceOut.css ../animate.css/source/bouncing_exits/bounceOut.json -node keyframes-tool ../animate.css/source/bouncing_exits/bounceOutDown.css ../animate.css/source/bouncing_exits/bounceOutDown.json -node keyframes-tool ../animate.css/source/bouncing_exits/bounceOutLeft.css ../animate.css/source/bouncing_exits/bounceOutLeft.json -node keyframes-tool ../animate.css/source/bouncing_exits/bounceOutRight.css ../animate.css/source/bouncing_exits/bounceOutRight.json -node keyframes-tool ../animate.css/source/bouncing_exits/bounceOutUp.css ../animate.css/source/bouncing_exits/bounceOutUp.json - -node keyframes-tool ../animate.css/source/fading_entrances/fadeIn.css ../animate.css/source/fading_entrances/fadeIn.json -node keyframes-tool ../animate.css/source/fading_entrances/fadeInDown.css ../animate.css/source/fading_entrances/fadeInDown.json -node keyframes-tool ../animate.css/source/fading_entrances/fadeInDownBig.css ../animate.css/source/fading_entrances/fadeInDownBig.json -node keyframes-tool ../animate.css/source/fading_entrances/fadeInLeft.css ../animate.css/source/fading_entrances/fadeInLeft.json -node keyframes-tool ../animate.css/source/fading_entrances/fadeInLeftBig.css ../animate.css/source/fading_entrances/fadeInLeftBig.json -node keyframes-tool ../animate.css/source/fading_entrances/fadeInRight.css ../animate.css/source/fading_entrances/fadeInRight.json -node keyframes-tool ../animate.css/source/fading_entrances/fadeInRightBig.css ../animate.css/source/fading_entrances/fadeInRightBig.json -node keyframes-tool ../animate.css/source/fading_entrances/fadeInUp.css ../animate.css/source/fading_entrances/fadeInUp.json -node keyframes-tool ../animate.css/source/fading_entrances/fadeInUpBig.css ../animate.css/source/fading_entrances/fadeInUpBig.json - -node keyframes-tool ../animate.css/source/fading_exits/fadeOut.css ../animate.css/source/fading_exits/fadeOut.json -node keyframes-tool ../animate.css/source/fading_exits/fadeOutDown.css ../animate.css/source/fading_exits/fadeOutDown.json -node keyframes-tool ../animate.css/source/fading_exits/fadeOutDownBig.css ../animate.css/source/fading_exits/fadeOutDownBig.json -node keyframes-tool ../animate.css/source/fading_exits/fadeOutLeft.css ../animate.css/source/fading_exits/fadeOutLeft.json -node keyframes-tool ../animate.css/source/fading_exits/fadeOutLeftBig.css ../animate.css/source/fading_exits/fadeOutLeftBig.json -node keyframes-tool ../animate.css/source/fading_exits/fadeOutRight.css ../animate.css/source/fading_exits/fadeOutRight.json -node keyframes-tool ../animate.css/source/fading_exits/fadeOutRightBig.css ../animate.css/source/fading_exits/fadeOutRightBig.json -node keyframes-tool ../animate.css/source/fading_exits/fadeOutUp.css ../animate.css/source/fading_exits/fadeOutUp.json -node keyframes-tool ../animate.css/source/fading_exits/fadeOutUpBig.css ../animate.css/source/fading_exits/fadeOutUpBig.json - -node keyframes-tool ../animate.css/source/flippers/flip.css ../animate.css/source/flippers/flip.json -node keyframes-tool ../animate.css/source/flippers/flipInX.css ../animate.css/source/flippers/flipInX.json -node keyframes-tool ../animate.css/source/flippers/flipInY.css ../animate.css/source/flippers/flipInY.json -node keyframes-tool ../animate.css/source/flippers/flipOutX.css ../animate.css/source/flippers/flipOutX.json -node keyframes-tool ../animate.css/source/flippers/flipOutY.css ../animate.css/source/flippers/flipOutY.json - -node keyframes-tool ../animate.css/source/lightspeed/lightSpeedIn.css ../animate.css/source/lightspeed/lightSpeedIn.json -node keyframes-tool ../animate.css/source/lightspeed/lightSpeedOut.css ../animate.css/source/lightspeed/lightSpeedOut.json - -node keyframes-tool ../animate.css/source/rotating_entrances/rotateIn.css ../animate.css/source/rotating_entrances/rotateIn.json -node keyframes-tool ../animate.css/source/rotating_entrances/rotateInDownLeft.css ../animate.css/source/rotating_entrances/rotateInDownLeft.json -node keyframes-tool ../animate.css/source/rotating_entrances/rotateInDownRight.css ../animate.css/source/rotating_entrances/rotateInDownRight.json -node keyframes-tool ../animate.css/source/rotating_entrances/rotateInUpLeft.css ../animate.css/source/rotating_entrances/rotateInUpLeft.json -node keyframes-tool ../animate.css/source/rotating_entrances/rotateInUpRight.css ../animate.css/source/rotating_entrances/rotateInUpRight.json - -node keyframes-tool ../animate.css/source/rotating_exits/rotateOut.css ../animate.css/source/rotating_exits/rotateOut.json -node keyframes-tool ../animate.css/source/rotating_exits/rotateOutDownLeft.css ../animate.css/source/rotating_exits/rotateOutDownLeft.json -node keyframes-tool ../animate.css/source/rotating_exits/rotateOutDownRight.css ../animate.css/source/rotating_exits/rotateOutDownRight.json -node keyframes-tool ../animate.css/source/rotating_exits/rotateOutUpLeft.css ../animate.css/source/rotating_exits/rotateOutUpLeft.json -node keyframes-tool ../animate.css/source/rotating_exits/rotateOutUpRight.css ../animate.css/source/rotating_exits/rotateOutUpRight.json - -node keyframes-tool ../animate.css/source/sliding_entrances/slideInDown.css ../animate.css/source/sliding_entrances/slideInDown.json -node keyframes-tool ../animate.css/source/sliding_entrances/slideInLeft.css ../animate.css/source/sliding_entrances/slideInLeft.json -node keyframes-tool ../animate.css/source/sliding_entrances/slideInRight.css ../animate.css/source/sliding_entrances/slideInRight.json -node keyframes-tool ../animate.css/source/sliding_entrances/slideInUp.css ../animate.css/source/sliding_entrances/slideInUp.json - -node keyframes-tool ../animate.css/source/sliding_exits/slideOutDown.css ../animate.css/source/sliding_exits/slideOutDown.json -node keyframes-tool ../animate.css/source/sliding_exits/slideOutLeft.css ../animate.css/source/sliding_exits/slideOutLeft.json -node keyframes-tool ../animate.css/source/sliding_exits/slideOutRight.css ../animate.css/source/sliding_exits/slideOutRight.json -node keyframes-tool ../animate.css/source/sliding_exits/slideOutUp.css ../animate.css/source/sliding_exits/slideOutUp.json - -node keyframes-tool ../animate.css/source/specials/hinge.css ../animate.css/source/specials/hinge.json -node keyframes-tool ../animate.css/source/specials/jackInTheBox.css ../animate.css/source/specials/jackInTheBox.json -node keyframes-tool ../animate.css/source/specials/rollIn.css ../animate.css/source/specials/rollIn.json -node keyframes-tool ../animate.css/source/specials/rollOut.css ../animate.css/source/specials/rollOut.json - -node keyframes-tool ../animate.css/source/zooming_entrances/zoomIn.css ../animate.css/source/zooming_entrances/zoomIn.json -node keyframes-tool ../animate.css/source/zooming_entrances/zoomInDown.css ../animate.css/source/zooming_entrances/zoomInDown.json -node keyframes-tool ../animate.css/source/zooming_entrances/zoomInLeft.css ../animate.css/source/zooming_entrances/zoomInLeft.json -node keyframes-tool ../animate.css/source/zooming_entrances/zoomInRight.css ../animate.css/source/zooming_entrances/zoomInRight.json -node keyframes-tool ../animate.css/source/zooming_entrances/zoomInUp.css ../animate.css/source/zooming_entrances/zoomInUp.json - -node keyframes-tool ../animate.css/source/zooming_exits/zoomOut.css ../animate.css/source/zooming_exits/zoomOut.json -node keyframes-tool ../animate.css/source/zooming_exits/zoomOutDown.css ../animate.css/source/zooming_exits/zoomOutDown.json -node keyframes-tool ../animate.css/source/zooming_exits/zoomOutLeft.css ../animate.css/source/zooming_exits/zoomOutLeft.json -node keyframes-tool ../animate.css/source/zooming_exits/zoomOutRight.css ../animate.css/source/zooming_exits/zoomOutRight.json -node keyframes-tool ../animate.css/source/zooming_exits/zoomOutUp.css ../animate.css/source/zooming_exits/zoomOutUp.json \ No newline at end of file