const DIRECTIONS = new Set(['normal', 'reverse', 'alternate', 'alternate-reverse']) const PLAY_STATES = new Set(['running', 'paused']) const FILL_MODES = new Set(['none', 'forwards', 'backwards', 'both']) const ITERATION_COUNTS = new Set(['infinite']) const TIMINGS = new Set([ 'linear', 'ease', 'ease-in', 'ease-out', 'ease-in-out', 'step-start', 'step-end', ]) const TIMING_FNS = ['cubic-bezier', 'steps'] const COMMA = /\,(?![^(]*\))/g // Comma separator that is not located between brackets. E.g.: `cubiz-bezier(a, b, c)` these don't count. const SPACE = /\ +(?![^(]*\))/g // Similar to the one above, but with spaces instead. const TIME = /^(-?[\d.]+m?s)$/ const DIGIT = /^(\d+)$/ export default function parseAnimationValue(input) { let animations = input.split(COMMA) return animations.map((animation) => { let value = animation.trim() let result = { value } let parts = value.split(SPACE) let seen = new Set() for (let part of parts) { if (!seen.has('DIRECTIONS') && DIRECTIONS.has(part)) { result.direction = part seen.add('DIRECTIONS') } else if (!seen.has('PLAY_STATES') && PLAY_STATES.has(part)) { result.playState = part seen.add('PLAY_STATES') } else if (!seen.has('FILL_MODES') && FILL_MODES.has(part)) { result.fillMode = part seen.add('FILL_MODES') } else if ( !seen.has('ITERATION_COUNTS') && (ITERATION_COUNTS.has(part) || DIGIT.test(part)) ) { result.iterationCount = part seen.add('ITERATION_COUNTS') } else if (!seen.has('TIMING_FUNCTION') && TIMINGS.has(part)) { result.timingFunction = part seen.add('TIMING_FUNCTION') } else if (!seen.has('TIMING_FUNCTION') && TIMING_FNS.some((f) => part.startsWith(`${f}(`))) { result.timingFunction = part seen.add('TIMING_FUNCTION') } else if (!seen.has('DURATION') && TIME.test(part)) { result.duration = part seen.add('DURATION') } else if (!seen.has('DELAY') && TIME.test(part)) { result.delay = part seen.add('DELAY') } else if (!seen.has('NAME')) { result.name = part seen.add('NAME') } else { if (!result.unknown) result.unknown = [] result.unknown.push(part) } } return result }) }