react-native-reanimated/src/css/native/keyframes/CSSKeyframesRuleImpl.ts

More powerful alternative to Animated library for React Native.

'use strict';
import type { PlainStyle } from '../../../common';
import { CSSKeyframesRuleBase } from '../../models';
import type { CSSAnimationKeyframes } from '../../types';
import { normalizeAnimationKeyframes } from '../normalization';
import type { NormalizedCSSAnimationKeyframesConfig } from '../types';

export default class CSSKeyframesRuleImpl<
  S extends PlainStyle = PlainStyle,
> extends CSSKeyframesRuleBase<S> {
  private readonly normalizedKeyframesCache_: Record<
    string,
    NormalizedCSSAnimationKeyframesConfig
  > = {};

  constructor(keyframes: CSSAnimationKeyframes<S>, cssText?: string) {
    super(keyframes, cssText);
  }

  getNormalizedKeyframesConfig(
    compoundComponentName: string
  ): NormalizedCSSAnimationKeyframesConfig {
    this.normalizedKeyframesCache_[compoundComponentName] ??=
      normalizeAnimationKeyframes(this.cssRules, compoundComponentName);
    return this.normalizedKeyframesCache_[compoundComponentName];
  }
}