react-native-reanimated 3.0.0-rc.3 → 3.0.0-rc.4

package/lib/module/createAnimatedComponent.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","findNodeHandle","Platform","StyleSheet","WorkletEventHandler","setAndForwardRef","invariant","adaptViewConfig","RNRenderer","makeMutable","runOnUI","enableLayoutAnimations","DefaultEntering","DefaultExiting","DefaultLayout","isJest","isChromeDebugger","shouldBeUseWeb","initialUpdaterRun","getShadowNodeWrapperFromRef","dummyListener","flattenArray","array","Array","isArray","resultArr","_flattenArray","arr","forEach","item","push","onlyAnimatedStyles","styles","filter","style","viewDescriptors","isSameAnimatedStyle","style1","style2","viewsRef","isSameAnimatedProps","has","key","x","undefined","createAnimatedComponent","Component","options","prototype","isReactComponent","AnimatedComponent","constructor","props","value","getForwardedRef","forwardedRef","setLocalRef","ref","tag","layout","entering","exiting","build","config","sv","global","LayoutAnimationRepository","registerConfig","_component","animatedStyle","componentWillUnmount","_detachNativeEvents","_detachStyles","componentDidMount","_attachNativeEvents","_attachAnimatedStyles","viewTag","prop","current","registerForEvents","unregisterFromEvents","OS","_styles","remove","_viewTag","animatedProps","_IS_FABRIC","shadowNodeWrapper","_removeShadowNodeFromRegistry","_reattachNativeEvents","prevProps","reattachNeeded","_updateFromNative","setNativeProps","prevStyles","prevAnimatedProps","_animatedProps","viewName","hostInstance","findHostInstance_DEPRECATED","Error","_nativeTag","viewConfig","uiViewClassName","hasReanimated2Props","length","hasOneSameStyle","prevStyle","isPresent","some","add","name","initial","componentDidUpdate","_filterNonAnimatedProps","inputProps","styleProp","processedStyle","map","_isFirstRender","initialStyle","updater","flatten","animatedProp","Object","keys","eventNames","eventName","listeners","render","platformProps","select","web","default","collapsable","_setComponentRef","displayName","forwardRef"],"sources":["createAnimatedComponent.tsx"],"sourcesContent":["import React, { Component, ComponentType, MutableRefObject, Ref } from 'react';\nimport { findNodeHandle, Platform, StyleSheet } from 'react-native';\nimport WorkletEventHandler from './reanimated2/WorkletEventHandler';\nimport setAndForwardRef from './setAndForwardRef';\nimport './reanimated2/layoutReanimation/LayoutAnimationRepository';\nimport invariant from 'invariant';\nimport { adaptViewConfig } from './ConfigHelper';\nimport { RNRenderer } from './reanimated2/platform-specific/RNRenderer';\nimport {\n  makeMutable,\n  runOnUI,\n  enableLayoutAnimations,\n} from './reanimated2/core';\nimport {\n  DefaultEntering,\n  DefaultExiting,\n  DefaultLayout,\n} from './reanimated2/layoutReanimation/defaultAnimations/Default';\nimport {\n  isJest,\n  isChromeDebugger,\n  shouldBeUseWeb,\n} from './reanimated2/PlatformChecker';\nimport { initialUpdaterRun } from './reanimated2/animation';\nimport {\n  BaseAnimationBuilder,\n  EntryExitAnimationFunction,\n  ILayoutAnimationBuilder,\n} from './reanimated2/layoutReanimation';\nimport {\n  SharedValue,\n  StyleProps,\n  ShadowNodeWrapper,\n} from './reanimated2/commonTypes';\nimport {\n  ViewDescriptorsSet,\n  ViewRefSet,\n} from './reanimated2/ViewDescriptorsSet';\nimport { getShadowNodeWrapperFromRef } from './reanimated2/fabricUtils';\n\nfunction dummyListener() {\n  // empty listener we use to assign to listener properties for which animated\n  // event is used.\n}\n\ntype NestedArray<T> = T | NestedArray<T>[];\nfunction flattenArray<T>(array: NestedArray<T>): T[] {\n  if (!Array.isArray(array)) {\n    return [array];\n  }\n  const resultArr: T[] = [];\n\n  const _flattenArray = (arr: NestedArray<T>[]): void => {\n    arr.forEach((item) => {\n      if (Array.isArray(item)) {\n        _flattenArray(item);\n      } else {\n        resultArr.push(item);\n      }\n    });\n  };\n  _flattenArray(array);\n  return resultArr;\n}\n\nfunction onlyAnimatedStyles(styles: StyleProps[]) {\n  return styles.filter((style) => style?.viewDescriptors);\n}\n\nfunction isSameAnimatedStyle(\n  style1?: StyleProps,\n  style2?: StyleProps\n): boolean {\n  // We cannot use equality check to compare useAnimatedStyle outputs directly.\n  // Instead, we can compare its viewsRefs.\n  return style1?.viewsRef === style2?.viewsRef;\n}\n\nconst isSameAnimatedProps = isSameAnimatedStyle;\n\nconst has = <K extends string>(\n  key: K,\n  x: unknown\n): x is { [key in K]: unknown } => {\n  if (typeof x === 'function' || typeof x === 'object') {\n    if (x === null || x === undefined) {\n      return false;\n    } else {\n      return key in x;\n    }\n  }\n  return false;\n};\n\ninterface AnimatedProps extends Record<string, unknown> {\n  viewDescriptors?: ViewDescriptorsSet;\n  viewsRef?: ViewRefSet<unknown>;\n  initial?: SharedValue<StyleProps>;\n}\n\nexport type AnimatedComponentProps<P extends Record<string, unknown>> = P & {\n  forwardedRef?: Ref<Component>;\n  style?: NestedArray<StyleProps>;\n  animatedProps?: Partial<AnimatedComponentProps<AnimatedProps>>;\n  animatedStyle?: StyleProps;\n  layout?:\n    | BaseAnimationBuilder\n    | ILayoutAnimationBuilder\n    | typeof BaseAnimationBuilder;\n  entering?:\n    | BaseAnimationBuilder\n    | typeof BaseAnimationBuilder\n    | EntryExitAnimationFunction\n    | Keyframe;\n  exiting?:\n    | BaseAnimationBuilder\n    | typeof BaseAnimationBuilder\n    | EntryExitAnimationFunction\n    | Keyframe;\n};\n\ntype Options<P> = {\n  setNativeProps: (ref: ComponentRef, props: P) => void;\n};\n\ninterface ComponentRef extends Component {\n  setNativeProps?: (props: Record<string, unknown>) => void;\n  getScrollableNode?: () => ComponentRef;\n}\n\nexport interface InitialComponentProps extends Record<string, unknown> {\n  ref?: Ref<Component>;\n  collapsable?: boolean;\n}\n\nexport default function createAnimatedComponent(\n  Component: ComponentType<InitialComponentProps>,\n  options?: Options<InitialComponentProps>\n): ComponentType<AnimatedComponentProps<InitialComponentProps>> {\n  invariant(\n    typeof Component !== 'function' ||\n      (Component.prototype && Component.prototype.isReactComponent),\n    '`createAnimatedComponent` does not support stateless functional components; ' +\n      'use a class component instead.'\n  );\n\n  class AnimatedComponent extends React.Component<\n    AnimatedComponentProps<InitialComponentProps>\n  > {\n    _styles: StyleProps[] | null = null;\n    _animatedProps?: Partial<AnimatedComponentProps<AnimatedProps>>;\n    _viewTag = -1;\n    _isFirstRender = true;\n    animatedStyle: { value: StyleProps } = { value: {} };\n    initialStyle = {};\n    sv: SharedValue<null | Record<string, unknown>> | null;\n    _component: ComponentRef | null = null;\n    static displayName: string;\n\n    constructor(props: AnimatedComponentProps<InitialComponentProps>) {\n      super(props);\n      if (isJest()) {\n        this.animatedStyle = { value: {} };\n      }\n      this.sv = makeMutable({});\n    }\n\n    componentWillUnmount() {\n      this._detachNativeEvents();\n      this._detachStyles();\n      this.sv = null;\n    }\n\n    componentDidMount() {\n      this._attachNativeEvents();\n      this._attachAnimatedStyles();\n    }\n\n    _attachNativeEvents() {\n      const viewTag = findNodeHandle(this);\n      for (const key in this.props) {\n        const prop = this.props[key];\n        if (\n          has('current', prop) &&\n          prop.current instanceof WorkletEventHandler\n        ) {\n          prop.current.registerForEvents(viewTag as number, key);\n        }\n      }\n    }\n\n    _detachNativeEvents() {\n      for (const key in this.props) {\n        const prop = this.props[key];\n        if (\n          has('current', prop) &&\n          prop.current instanceof WorkletEventHandler\n        ) {\n          prop.current.unregisterFromEvents();\n        }\n      }\n    }\n\n    _detachStyles() {\n      if (Platform.OS === 'web' && this._styles !== null) {\n        for (const style of this._styles) {\n          if (style?.viewsRef) {\n            style.viewsRef.remove(this);\n          }\n        }\n      } else if (this._viewTag !== -1 && this._styles !== null) {\n        for (const style of this._styles) {\n          style.viewDescriptors.remove(this._viewTag);\n        }\n        if (this.props.animatedProps?.viewDescriptors) {\n          this.props.animatedProps.viewDescriptors.remove(this._viewTag);\n        }\n        if (global._IS_FABRIC) {\n          const shadowNodeWrapper = getShadowNodeWrapperFromRef(this);\n          runOnUI(() => {\n            'worklet';\n            _removeShadowNodeFromRegistry(shadowNodeWrapper);\n          })();\n        }\n      }\n    }\n\n    _reattachNativeEvents(\n      prevProps: AnimatedComponentProps<InitialComponentProps>\n    ) {\n      let viewTag: number | undefined;\n\n      for (const key in this.props) {\n        const prop = this.props[key];\n        if (\n          has('current', prop) &&\n          prop.current instanceof WorkletEventHandler\n        ) {\n          if (viewTag === undefined) {\n            viewTag = prop.current.viewTag;\n          }\n        }\n      }\n      for (const key in prevProps) {\n        const prop = this.props[key];\n        if (\n          has('current', prop) &&\n          prop.current instanceof WorkletEventHandler &&\n          prop.current.reattachNeeded\n        ) {\n          prop.current.unregisterFromEvents();\n        }\n      }\n\n      for (const key in this.props) {\n        const prop = this.props[key];\n        if (\n          has('current', prop) &&\n          prop.current instanceof WorkletEventHandler &&\n          prop.current.reattachNeeded\n        ) {\n          // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n          prop.current.registerForEvents(viewTag!, key);\n          prop.current.reattachNeeded = false;\n        }\n      }\n    }\n\n    _updateFromNative(props: StyleProps) {\n      if (options?.setNativeProps) {\n        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n        options.setNativeProps(this._component!, props);\n      } else {\n        // eslint-disable-next-line no-unused-expressions\n        this._component?.setNativeProps?.(props);\n      }\n    }\n\n    _attachAnimatedStyles() {\n      const styles = this.props.style\n        ? onlyAnimatedStyles(flattenArray<StyleProps>(this.props.style))\n        : [];\n      const prevStyles = this._styles;\n      this._styles = styles;\n\n      const prevAnimatedProps = this._animatedProps;\n      this._animatedProps = this.props.animatedProps;\n\n      let viewTag: number | null;\n      let viewName: string | null;\n      let shadowNodeWrapper: ShadowNodeWrapper | null = null;\n      if (Platform.OS === 'web') {\n        viewTag = findNodeHandle(this);\n        viewName = null;\n        shadowNodeWrapper = null;\n      } else {\n        // hostInstance can be null for a component that doesn't render anything (render function returns null). Example: svg Stop: https://github.com/react-native-svg/react-native-svg/blob/develop/src/elements/Stop.tsx\n        const hostInstance = RNRenderer.findHostInstance_DEPRECATED(this);\n        if (!hostInstance) {\n          throw new Error(\n            'Cannot find host instance for this component. Maybe it renders nothing?'\n          );\n        }\n        // we can access view tag in the same way it's accessed here https://github.com/facebook/react/blob/e3f4eb7272d4ca0ee49f27577156b57eeb07cf73/packages/react-native-renderer/src/ReactFabric.js#L146\n        viewTag = hostInstance?._nativeTag;\n        /**\n         * RN uses viewConfig for components for storing different properties of the component(example: https://github.com/facebook/react-native/blob/master/Libraries/Components/ScrollView/ScrollViewViewConfig.js#L16).\n         * The name we're looking for is in the field named uiViewClassName.\n         */\n        viewName = hostInstance?.viewConfig?.uiViewClassName;\n        // update UI props whitelist for this view\n        const hasReanimated2Props =\n          this.props.animatedProps?.viewDescriptors || styles.length;\n        if (hasReanimated2Props && hostInstance?.viewConfig) {\n          adaptViewConfig(hostInstance.viewConfig);\n        }\n\n        if (global._IS_FABRIC) {\n          shadowNodeWrapper = getShadowNodeWrapperFromRef(this);\n        }\n      }\n      this._viewTag = viewTag as number;\n\n      // remove old styles\n      if (prevStyles) {\n        // in most of the cases, views have only a single animated style and it remains unchanged\n        const hasOneSameStyle =\n          styles.length === 1 &&\n          prevStyles.length === 1 &&\n          isSameAnimatedStyle(styles[0], prevStyles[0]);\n\n        if (!hasOneSameStyle) {\n          // otherwise, remove each style that is not present in new styles\n          for (const prevStyle of prevStyles) {\n            const isPresent = styles.some((style) =>\n              isSameAnimatedStyle(style, prevStyle)\n            );\n            if (!isPresent) {\n              prevStyle.viewDescriptors.remove(viewTag);\n            }\n          }\n        }\n      }\n\n      styles.forEach((style) => {\n        style.viewDescriptors.add({\n          tag: viewTag,\n          name: viewName,\n          shadowNodeWrapper,\n        });\n        if (isJest()) {\n          /**\n           * We need to connect Jest's TestObject instance whose contains just props object\n           * with the updateProps() function where we update the properties of the component.\n           * We can't update props object directly because TestObject contains a copy of props - look at render function:\n           * const props = this._filterNonAnimatedProps(this.props);\n           */\n          this.animatedStyle.value = {\n            ...this.animatedStyle.value,\n            ...style.initial.value,\n          };\n          style.animatedStyle.current = this.animatedStyle;\n        }\n      });\n\n      // detach old animatedProps\n      if (\n        prevAnimatedProps &&\n        !isSameAnimatedProps(prevAnimatedProps, this.props.animatedProps)\n      ) {\n        prevAnimatedProps.viewDescriptors!.remove(viewTag as number);\n      }\n\n      // attach animatedProps property\n      if (this.props.animatedProps?.viewDescriptors) {\n        this.props.animatedProps.viewDescriptors.add({\n          // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n          tag: viewTag!,\n          // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n          name: viewName!,\n          // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n          shadowNodeWrapper: shadowNodeWrapper!,\n        });\n      }\n    }\n\n    componentDidUpdate(\n      prevProps: AnimatedComponentProps<InitialComponentProps>\n    ) {\n      this._reattachNativeEvents(prevProps);\n      this._attachAnimatedStyles();\n    }\n\n    _setComponentRef = setAndForwardRef<Component>({\n      getForwardedRef: () =>\n        this.props.forwardedRef as MutableRefObject<\n          Component<Record<string, unknown>, Record<string, unknown>, unknown>\n        >,\n      setLocalRef: (ref) => {\n        // TODO update config\n        const tag = findNodeHandle(ref);\n        if (\n          (this.props.layout || this.props.entering || this.props.exiting) &&\n          tag != null\n        ) {\n          if (!shouldBeUseWeb()) {\n            enableLayoutAnimations(true, false);\n          }\n          let layout = this.props.layout ? this.props.layout : DefaultLayout;\n          let entering = this.props.entering\n            ? this.props.entering\n            : DefaultEntering;\n          let exiting = this.props.exiting\n            ? this.props.exiting\n            : DefaultExiting;\n\n          if (has('build', layout)) {\n            layout = layout.build();\n          }\n\n          if (has('build', entering)) {\n            entering = entering.build() as EntryExitAnimationFunction;\n          }\n\n          if (has('build', exiting)) {\n            exiting = exiting.build() as EntryExitAnimationFunction;\n          }\n\n          const config = {\n            layout,\n            entering,\n            exiting,\n            sv: this.sv,\n          };\n          runOnUI(() => {\n            'worklet';\n            global.LayoutAnimationRepository.registerConfig(tag, config);\n          })();\n        }\n\n        if (ref !== this._component) {\n          this._component = ref;\n        }\n      },\n    });\n\n    _filterNonAnimatedProps(\n      inputProps: AnimatedComponentProps<InitialComponentProps>\n    ): Record<string, unknown> {\n      const props: Record<string, unknown> = {};\n      for (const key in inputProps) {\n        const value = inputProps[key];\n        if (key === 'style') {\n          const styleProp = inputProps.style;\n          const styles = flattenArray<StyleProps>(styleProp ?? []);\n          const processedStyle: StyleProps = styles.map((style) => {\n            if (style && style.viewDescriptors) {\n              // this is how we recognize styles returned by useAnimatedStyle\n              style.viewsRef.add(this);\n              if (this._isFirstRender) {\n                this.initialStyle = {\n                  ...style.initial.value,\n                  ...initialUpdaterRun<StyleProps>(style.initial.updater),\n                };\n              }\n              return this.initialStyle;\n            } else {\n              return style;\n            }\n          });\n          props[key] = StyleSheet.flatten(processedStyle);\n        } else if (key === 'animatedProps') {\n          const animatedProp = inputProps.animatedProps as Partial<\n            AnimatedComponentProps<AnimatedProps>\n          >;\n          if (animatedProp.initial !== undefined) {\n            Object.keys(animatedProp.initial.value).forEach((key) => {\n              props[key] = animatedProp.initial?.value[key];\n              animatedProp.viewsRef?.add(this);\n            });\n          }\n        } else if (\n          has('current', value) &&\n          value.current instanceof WorkletEventHandler\n        ) {\n          if (value.current.eventNames.length > 0) {\n            value.current.eventNames.forEach((eventName) => {\n              props[eventName] = has('listeners', value.current)\n                ? (value.current.listeners as Record<string, unknown>)[\n                    eventName\n                  ]\n                : dummyListener;\n            });\n          } else {\n            props[key] = dummyListener;\n          }\n        } else if (\n          key !== 'onGestureHandlerStateChange' ||\n          !isChromeDebugger()\n        ) {\n          props[key] = value;\n        }\n      }\n      return props;\n    }\n\n    render() {\n      const props = this._filterNonAnimatedProps(this.props);\n      if (isJest()) {\n        props.animatedStyle = this.animatedStyle;\n      }\n\n      if (this._isFirstRender) {\n        this._isFirstRender = false;\n      }\n\n      const platformProps = Platform.select({\n        web: {},\n        default: { collapsable: false },\n      });\n      return (\n        <Component {...props} ref={this._setComponentRef} {...platformProps} />\n      );\n    }\n  }\n\n  AnimatedComponent.displayName = `AnimatedComponent(${\n    Component.displayName || Component.name || 'Component'\n  })`;\n\n  return React.forwardRef<Component>((props, ref) => {\n    return (\n      <AnimatedComponent\n        {...props}\n        {...(ref === null ? null : { forwardedRef: ref })}\n      />\n    );\n  });\n}\n"],"mappings":";;;;AAAA,OAAOA,KAAP,MAAuE,OAAvE;AACA,SAASC,cAAT,EAAyBC,QAAzB,EAAmCC,UAAnC,QAAqD,cAArD;AACA,OAAOC,mBAAP,MAAgC,mCAAhC;AACA,OAAOC,gBAAP,MAA6B,oBAA7B;AACA,OAAO,2DAAP;AACA,OAAOC,SAAP,MAAsB,WAAtB;AACA,SAASC,eAAT,QAAgC,gBAAhC;AACA,SAASC,UAAT,QAA2B,4CAA3B;AACA,SACEC,WADF,EAEEC,OAFF,EAGEC,sBAHF,QAIO,oBAJP;AAKA,SACEC,eADF,EAEEC,cAFF,EAGEC,aAHF,QAIO,2DAJP;AAKA,SACEC,MADF,EAEEC,gBAFF,EAGEC,cAHF,QAIO,+BAJP;AAKA,SAASC,iBAAT,QAAkC,yBAAlC;AAeA,SAASC,2BAAT,QAA4C,2BAA5C;;AAEA,SAASC,aAAT,GAAyB,CACvB;EACA;AACD;;AAGD,SAASC,YAAT,CAAyBC,KAAzB,EAAqD;EACnD,IAAI,CAACC,KAAK,CAACC,OAAN,CAAcF,KAAd,CAAL,EAA2B;IACzB,OAAO,CAACA,KAAD,CAAP;EACD;;EACD,MAAMG,SAAc,GAAG,EAAvB;;EAEA,MAAMC,aAAa,GAAIC,GAAD,IAAiC;IACrDA,GAAG,CAACC,OAAJ,CAAaC,IAAD,IAAU;MACpB,IAAIN,KAAK,CAACC,OAAN,CAAcK,IAAd,CAAJ,EAAyB;QACvBH,aAAa,CAACG,IAAD,CAAb;MACD,CAFD,MAEO;QACLJ,SAAS,CAACK,IAAV,CAAeD,IAAf;MACD;IACF,CAND;EAOD,CARD;;EASAH,aAAa,CAACJ,KAAD,CAAb;;EACA,OAAOG,SAAP;AACD;;AAED,SAASM,kBAAT,CAA4BC,MAA5B,EAAkD;EAChD,OAAOA,MAAM,CAACC,MAAP,CAAeC,KAAD,IAAWA,KAAX,aAAWA,KAAX,uBAAWA,KAAK,CAAEC,eAAhC,CAAP;AACD;;AAED,SAASC,mBAAT,CACEC,MADF,EAEEC,MAFF,EAGW;EACT;EACA;EACA,OAAO,CAAAD,MAAM,SAAN,IAAAA,MAAM,WAAN,YAAAA,MAAM,CAAEE,QAAR,OAAqBD,MAArB,aAAqBA,MAArB,uBAAqBA,MAAM,CAAEC,QAA7B,CAAP;AACD;;AAED,MAAMC,mBAAmB,GAAGJ,mBAA5B;;AAEA,MAAMK,GAAG,GAAG,CACVC,GADU,EAEVC,CAFU,KAGuB;EACjC,IAAI,OAAOA,CAAP,KAAa,UAAb,IAA2B,OAAOA,CAAP,KAAa,QAA5C,EAAsD;IACpD,IAAIA,CAAC,KAAK,IAAN,IAAcA,CAAC,KAAKC,SAAxB,EAAmC;MACjC,OAAO,KAAP;IACD,CAFD,MAEO;MACL,OAAOF,GAAG,IAAIC,CAAd;IACD;EACF;;EACD,OAAO,KAAP;AACD,CAZD;;AAuDA,eAAe,SAASE,uBAAT,CACbC,SADa,EAEbC,OAFa,EAGiD;EAC9DzC,SAAS,CACP,OAAOwC,SAAP,KAAqB,UAArB,IACGA,SAAS,CAACE,SAAV,IAAuBF,SAAS,CAACE,SAAV,CAAoBC,gBAFvC,EAGP,iFACE,gCAJK,CAAT;;EAOA,MAAMC,iBAAN,SAAgClD,KAAK,CAAC8C,SAAtC,CAEE;IAWAK,WAAW,CAACC,KAAD,EAAuD;MAChE,MAAMA,KAAN;;MADgE,iCAVnC,IAUmC;;MAAA;;MAAA,kCARvD,CAAC,CAQsD;;MAAA,wCAPjD,IAOiD;;MAAA,uCAN3B;QAAEC,KAAK,EAAE;MAAT,CAM2B;;MAAA,sCALnD,EAKmD;;MAAA;;MAAA,oCAHhC,IAGgC;;MAAA,0CA0O/ChD,gBAAgB,CAAY;QAC7CiD,eAAe,EAAE,MACf,KAAKF,KAAL,CAAWG,YAFgC;QAK7CC,WAAW,EAAGC,GAAD,IAAS;UACpB;UACA,MAAMC,GAAG,GAAGzD,cAAc,CAACwD,GAAD,CAA1B;;UACA,IACE,CAAC,KAAKL,KAAL,CAAWO,MAAX,IAAqB,KAAKP,KAAL,CAAWQ,QAAhC,IAA4C,KAAKR,KAAL,CAAWS,OAAxD,KACAH,GAAG,IAAI,IAFT,EAGE;YACA,IAAI,CAACzC,cAAc,EAAnB,EAAuB;cACrBN,sBAAsB,CAAC,IAAD,EAAO,KAAP,CAAtB;YACD;;YACD,IAAIgD,MAAM,GAAG,KAAKP,KAAL,CAAWO,MAAX,GAAoB,KAAKP,KAAL,CAAWO,MAA/B,GAAwC7C,aAArD;YACA,IAAI8C,QAAQ,GAAG,KAAKR,KAAL,CAAWQ,QAAX,GACX,KAAKR,KAAL,CAAWQ,QADA,GAEXhD,eAFJ;YAGA,IAAIiD,OAAO,GAAG,KAAKT,KAAL,CAAWS,OAAX,GACV,KAAKT,KAAL,CAAWS,OADD,GAEVhD,cAFJ;;YAIA,IAAI4B,GAAG,CAAC,OAAD,EAAUkB,MAAV,CAAP,EAA0B;cACxBA,MAAM,GAAGA,MAAM,CAACG,KAAP,EAAT;YACD;;YAED,IAAIrB,GAAG,CAAC,OAAD,EAAUmB,QAAV,CAAP,EAA4B;cAC1BA,QAAQ,GAAGA,QAAQ,CAACE,KAAT,EAAX;YACD;;YAED,IAAIrB,GAAG,CAAC,OAAD,EAAUoB,OAAV,CAAP,EAA2B;cACzBA,OAAO,GAAGA,OAAO,CAACC,KAAR,EAAV;YACD;;YAED,MAAMC,MAAM,GAAG;cACbJ,MADa;cAEbC,QAFa;cAGbC,OAHa;cAIbG,EAAE,EAAE,KAAKA;YAJI,CAAf;YAMAtD,OAAO,CAAC,MAAM;cACZ;;cACAuD,MAAM,CAACC,yBAAP,CAAiCC,cAAjC,CAAgDT,GAAhD,EAAqDK,MAArD;YACD,CAHM,CAAP;UAID;;UAED,IAAIN,GAAG,KAAK,KAAKW,UAAjB,EAA6B;YAC3B,KAAKA,UAAL,GAAkBX,GAAlB;UACD;QACF;MAlD4C,CAAZ,CA1O+B;;MAEhE,IAAI1C,MAAM,EAAV,EAAc;QACZ,KAAKsD,aAAL,GAAqB;UAAEhB,KAAK,EAAE;QAAT,CAArB;MACD;;MACD,KAAKW,EAAL,GAAUvD,WAAW,CAAC,EAAD,CAArB;IACD;;IAED6D,oBAAoB,GAAG;MACrB,KAAKC,mBAAL;;MACA,KAAKC,aAAL;;MACA,KAAKR,EAAL,GAAU,IAAV;IACD;;IAEDS,iBAAiB,GAAG;MAClB,KAAKC,mBAAL;;MACA,KAAKC,qBAAL;IACD;;IAEDD,mBAAmB,GAAG;MACpB,MAAME,OAAO,GAAG3E,cAAc,CAAC,IAAD,CAA9B;;MACA,KAAK,MAAMyC,GAAX,IAAkB,KAAKU,KAAvB,EAA8B;QAC5B,MAAMyB,IAAI,GAAG,KAAKzB,KAAL,CAAWV,GAAX,CAAb;;QACA,IACED,GAAG,CAAC,SAAD,EAAYoC,IAAZ,CAAH,IACAA,IAAI,CAACC,OAAL,YAAwB1E,mBAF1B,EAGE;UACAyE,IAAI,CAACC,OAAL,CAAaC,iBAAb,CAA+BH,OAA/B,EAAkDlC,GAAlD;QACD;MACF;IACF;;IAED6B,mBAAmB,GAAG;MACpB,KAAK,MAAM7B,GAAX,IAAkB,KAAKU,KAAvB,EAA8B;QAC5B,MAAMyB,IAAI,GAAG,KAAKzB,KAAL,CAAWV,GAAX,CAAb;;QACA,IACED,GAAG,CAAC,SAAD,EAAYoC,IAAZ,CAAH,IACAA,IAAI,CAACC,OAAL,YAAwB1E,mBAF1B,EAGE;UACAyE,IAAI,CAACC,OAAL,CAAaE,oBAAb;QACD;MACF;IACF;;IAEDR,aAAa,GAAG;MACd,IAAItE,QAAQ,CAAC+E,EAAT,KAAgB,KAAhB,IAAyB,KAAKC,OAAL,KAAiB,IAA9C,EAAoD;QAClD,KAAK,MAAMhD,KAAX,IAAoB,KAAKgD,OAAzB,EAAkC;UAChC,IAAIhD,KAAJ,aAAIA,KAAJ,eAAIA,KAAK,CAAEK,QAAX,EAAqB;YACnBL,KAAK,CAACK,QAAN,CAAe4C,MAAf,CAAsB,IAAtB;UACD;QACF;MACF,CAND,MAMO,IAAI,KAAKC,QAAL,KAAkB,CAAC,CAAnB,IAAwB,KAAKF,OAAL,KAAiB,IAA7C,EAAmD;QAAA;;QACxD,KAAK,MAAMhD,KAAX,IAAoB,KAAKgD,OAAzB,EAAkC;UAChChD,KAAK,CAACC,eAAN,CAAsBgD,MAAtB,CAA6B,KAAKC,QAAlC;QACD;;QACD,6BAAI,KAAKhC,KAAL,CAAWiC,aAAf,kDAAI,sBAA0BlD,eAA9B,EAA+C;UAC7C,KAAKiB,KAAL,CAAWiC,aAAX,CAAyBlD,eAAzB,CAAyCgD,MAAzC,CAAgD,KAAKC,QAArD;QACD;;QACD,IAAInB,MAAM,CAACqB,UAAX,EAAuB;UACrB,MAAMC,iBAAiB,GAAGpE,2BAA2B,CAAC,IAAD,CAArD;UACAT,OAAO,CAAC,MAAM;YACZ;;YACA8E,6BAA6B,CAACD,iBAAD,CAA7B;UACD,CAHM,CAAP;QAID;MACF;IACF;;IAEDE,qBAAqB,CACnBC,SADmB,EAEnB;MACA,IAAId,OAAJ;;MAEA,KAAK,MAAMlC,GAAX,IAAkB,KAAKU,KAAvB,EAA8B;QAC5B,MAAMyB,IAAI,GAAG,KAAKzB,KAAL,CAAWV,GAAX,CAAb;;QACA,IACED,GAAG,CAAC,SAAD,EAAYoC,IAAZ,CAAH,IACAA,IAAI,CAACC,OAAL,YAAwB1E,mBAF1B,EAGE;UACA,IAAIwE,OAAO,KAAKhC,SAAhB,EAA2B;YACzBgC,OAAO,GAAGC,IAAI,CAACC,OAAL,CAAaF,OAAvB;UACD;QACF;MACF;;MACD,KAAK,MAAMlC,GAAX,IAAkBgD,SAAlB,EAA6B;QAC3B,MAAMb,IAAI,GAAG,KAAKzB,KAAL,CAAWV,GAAX,CAAb;;QACA,IACED,GAAG,CAAC,SAAD,EAAYoC,IAAZ,CAAH,IACAA,IAAI,CAACC,OAAL,YAAwB1E,mBADxB,IAEAyE,IAAI,CAACC,OAAL,CAAaa,cAHf,EAIE;UACAd,IAAI,CAACC,OAAL,CAAaE,oBAAb;QACD;MACF;;MAED,KAAK,MAAMtC,GAAX,IAAkB,KAAKU,KAAvB,EAA8B;QAC5B,MAAMyB,IAAI,GAAG,KAAKzB,KAAL,CAAWV,GAAX,CAAb;;QACA,IACED,GAAG,CAAC,SAAD,EAAYoC,IAAZ,CAAH,IACAA,IAAI,CAACC,OAAL,YAAwB1E,mBADxB,IAEAyE,IAAI,CAACC,OAAL,CAAaa,cAHf,EAIE;UACA;UACAd,IAAI,CAACC,OAAL,CAAaC,iBAAb,CAA+BH,OAA/B,EAAyClC,GAAzC;UACAmC,IAAI,CAACC,OAAL,CAAaa,cAAb,GAA8B,KAA9B;QACD;MACF;IACF;;IAEDC,iBAAiB,CAACxC,KAAD,EAAoB;MACnC,IAAIL,OAAJ,aAAIA,OAAJ,eAAIA,OAAO,CAAE8C,cAAb,EAA6B;QAC3B;QACA9C,OAAO,CAAC8C,cAAR,CAAuB,KAAKzB,UAA5B,EAAyChB,KAAzC;MACD,CAHD,MAGO;QAAA;;QACL;QACA,yBAAKgB,UAAL,+FAAiByB,cAAjB,uGAAkCzC,KAAlC;MACD;IACF;;IAEDuB,qBAAqB,GAAG;MAAA;;MACtB,MAAM3C,MAAM,GAAG,KAAKoB,KAAL,CAAWlB,KAAX,GACXH,kBAAkB,CAACV,YAAY,CAAa,KAAK+B,KAAL,CAAWlB,KAAxB,CAAb,CADP,GAEX,EAFJ;MAGA,MAAM4D,UAAU,GAAG,KAAKZ,OAAxB;MACA,KAAKA,OAAL,GAAelD,MAAf;MAEA,MAAM+D,iBAAiB,GAAG,KAAKC,cAA/B;MACA,KAAKA,cAAL,GAAsB,KAAK5C,KAAL,CAAWiC,aAAjC;MAEA,IAAIT,OAAJ;MACA,IAAIqB,QAAJ;MACA,IAAIV,iBAA2C,GAAG,IAAlD;;MACA,IAAIrF,QAAQ,CAAC+E,EAAT,KAAgB,KAApB,EAA2B;QACzBL,OAAO,GAAG3E,cAAc,CAAC,IAAD,CAAxB;QACAgG,QAAQ,GAAG,IAAX;QACAV,iBAAiB,GAAG,IAApB;MACD,CAJD,MAIO;QAAA;;QACL;QACA,MAAMW,YAAY,GAAG1F,UAAU,CAAC2F,2BAAX,CAAuC,IAAvC,CAArB;;QACA,IAAI,CAACD,YAAL,EAAmB;UACjB,MAAM,IAAIE,KAAJ,CACJ,yEADI,CAAN;QAGD,CAPI,CAQL;;;QACAxB,OAAO,GAAGsB,YAAH,aAAGA,YAAH,uBAAGA,YAAY,CAAEG,UAAxB;QACA;AACR;AACA;AACA;;QACQJ,QAAQ,GAAGC,YAAH,aAAGA,YAAH,gDAAGA,YAAY,CAAEI,UAAjB,0DAAG,sBAA0BC,eAArC,CAdK,CAeL;;QACA,MAAMC,mBAAmB,GACvB,gCAAKpD,KAAL,CAAWiC,aAAX,kFAA0BlD,eAA1B,KAA6CH,MAAM,CAACyE,MADtD;;QAEA,IAAID,mBAAmB,IAAIN,YAAJ,aAAIA,YAAJ,eAAIA,YAAY,CAAEI,UAAzC,EAAqD;UACnD/F,eAAe,CAAC2F,YAAY,CAACI,UAAd,CAAf;QACD;;QAED,IAAIrC,MAAM,CAACqB,UAAX,EAAuB;UACrBC,iBAAiB,GAAGpE,2BAA2B,CAAC,IAAD,CAA/C;QACD;MACF;;MACD,KAAKiE,QAAL,GAAgBR,OAAhB,CA3CsB,CA6CtB;;MACA,IAAIkB,UAAJ,EAAgB;QACd;QACA,MAAMY,eAAe,GACnB1E,MAAM,CAACyE,MAAP,KAAkB,CAAlB,IACAX,UAAU,CAACW,MAAX,KAAsB,CADtB,IAEArE,mBAAmB,CAACJ,MAAM,CAAC,CAAD,CAAP,EAAY8D,UAAU,CAAC,CAAD,CAAtB,CAHrB;;QAKA,IAAI,CAACY,eAAL,EAAsB;UACpB;UACA,KAAK,MAAMC,SAAX,IAAwBb,UAAxB,EAAoC;YAClC,MAAMc,SAAS,GAAG5E,MAAM,CAAC6E,IAAP,CAAa3E,KAAD,IAC5BE,mBAAmB,CAACF,KAAD,EAAQyE,SAAR,CADH,CAAlB;;YAGA,IAAI,CAACC,SAAL,EAAgB;cACdD,SAAS,CAACxE,eAAV,CAA0BgD,MAA1B,CAAiCP,OAAjC;YACD;UACF;QACF;MACF;;MAED5C,MAAM,CAACJ,OAAP,CAAgBM,KAAD,IAAW;QACxBA,KAAK,CAACC,eAAN,CAAsB2E,GAAtB,CAA0B;UACxBpD,GAAG,EAAEkB,OADmB;UAExBmC,IAAI,EAAEd,QAFkB;UAGxBV;QAHwB,CAA1B;;QAKA,IAAIxE,MAAM,EAAV,EAAc;UACZ;AACV;AACA;AACA;AACA;AACA;UACU,KAAKsD,aAAL,CAAmBhB,KAAnB,GAA2B,EACzB,GAAG,KAAKgB,aAAL,CAAmBhB,KADG;YAEzB,GAAGnB,KAAK,CAAC8E,OAAN,CAAc3D;UAFQ,CAA3B;UAIAnB,KAAK,CAACmC,aAAN,CAAoBS,OAApB,GAA8B,KAAKT,aAAnC;QACD;MACF,CAnBD,EAlEsB,CAuFtB;;MACA,IACE0B,iBAAiB,IACjB,CAACvD,mBAAmB,CAACuD,iBAAD,EAAoB,KAAK3C,KAAL,CAAWiC,aAA/B,CAFtB,EAGE;QACAU,iBAAiB,CAAC5D,eAAlB,CAAmCgD,MAAnC,CAA0CP,OAA1C;MACD,CA7FqB,CA+FtB;;;MACA,8BAAI,KAAKxB,KAAL,CAAWiC,aAAf,mDAAI,uBAA0BlD,eAA9B,EAA+C;QAC7C,KAAKiB,KAAL,CAAWiC,aAAX,CAAyBlD,eAAzB,CAAyC2E,GAAzC,CAA6C;UAC3C;UACApD,GAAG,EAAEkB,OAFsC;UAG3C;UACAmC,IAAI,EAAEd,QAJqC;UAK3C;UACAV,iBAAiB,EAAEA;QANwB,CAA7C;MAQD;IACF;;IAED0B,kBAAkB,CAChBvB,SADgB,EAEhB;MACA,KAAKD,qBAAL,CAA2BC,SAA3B;;MACA,KAAKf,qBAAL;IACD;;IAuDDuC,uBAAuB,CACrBC,UADqB,EAEI;MACzB,MAAM/D,KAA8B,GAAG,EAAvC;;MACA,KAAK,MAAMV,GAAX,IAAkByE,UAAlB,EAA8B;QAC5B,MAAM9D,KAAK,GAAG8D,UAAU,CAACzE,GAAD,CAAxB;;QACA,IAAIA,GAAG,KAAK,OAAZ,EAAqB;UACnB,MAAM0E,SAAS,GAAGD,UAAU,CAACjF,KAA7B;UACA,MAAMF,MAAM,GAAGX,YAAY,CAAa+F,SAAS,IAAI,EAA1B,CAA3B;UACA,MAAMC,cAA0B,GAAGrF,MAAM,CAACsF,GAAP,CAAYpF,KAAD,IAAW;YACvD,IAAIA,KAAK,IAAIA,KAAK,CAACC,eAAnB,EAAoC;cAClC;cACAD,KAAK,CAACK,QAAN,CAAeuE,GAAf,CAAmB,IAAnB;;cACA,IAAI,KAAKS,cAAT,EAAyB;gBACvB,KAAKC,YAAL,GAAoB,EAClB,GAAGtF,KAAK,CAAC8E,OAAN,CAAc3D,KADC;kBAElB,GAAGnC,iBAAiB,CAAagB,KAAK,CAAC8E,OAAN,CAAcS,OAA3B;gBAFF,CAApB;cAID;;cACD,OAAO,KAAKD,YAAZ;YACD,CAVD,MAUO;cACL,OAAOtF,KAAP;YACD;UACF,CAdkC,CAAnC;UAeAkB,KAAK,CAACV,GAAD,CAAL,GAAavC,UAAU,CAACuH,OAAX,CAAmBL,cAAnB,CAAb;QACD,CAnBD,MAmBO,IAAI3E,GAAG,KAAK,eAAZ,EAA6B;UAClC,MAAMiF,YAAY,GAAGR,UAAU,CAAC9B,aAAhC;;UAGA,IAAIsC,YAAY,CAACX,OAAb,KAAyBpE,SAA7B,EAAwC;YACtCgF,MAAM,CAACC,IAAP,CAAYF,YAAY,CAACX,OAAb,CAAqB3D,KAAjC,EAAwCzB,OAAxC,CAAiDc,GAAD,IAAS;cAAA;;cACvDU,KAAK,CAACV,GAAD,CAAL,4BAAaiF,YAAY,CAACX,OAA1B,0DAAa,sBAAsB3D,KAAtB,CAA4BX,GAA5B,CAAb;cACA,yBAAAiF,YAAY,CAACpF,QAAb,gFAAuBuE,GAAvB,CAA2B,IAA3B;YACD,CAHD;UAID;QACF,CAVM,MAUA,IACLrE,GAAG,CAAC,SAAD,EAAYY,KAAZ,CAAH,IACAA,KAAK,CAACyB,OAAN,YAAyB1E,mBAFpB,EAGL;UACA,IAAIiD,KAAK,CAACyB,OAAN,CAAcgD,UAAd,CAAyBrB,MAAzB,GAAkC,CAAtC,EAAyC;YACvCpD,KAAK,CAACyB,OAAN,CAAcgD,UAAd,CAAyBlG,OAAzB,CAAkCmG,SAAD,IAAe;cAC9C3E,KAAK,CAAC2E,SAAD,CAAL,GAAmBtF,GAAG,CAAC,WAAD,EAAcY,KAAK,CAACyB,OAApB,CAAH,GACdzB,KAAK,CAACyB,OAAN,CAAckD,SAAf,CACED,SADF,CADe,GAIf3G,aAJJ;YAKD,CAND;UAOD,CARD,MAQO;YACLgC,KAAK,CAACV,GAAD,CAAL,GAAatB,aAAb;UACD;QACF,CAfM,MAeA,IACLsB,GAAG,KAAK,6BAAR,IACA,CAAC1B,gBAAgB,EAFZ,EAGL;UACAoC,KAAK,CAACV,GAAD,CAAL,GAAaW,KAAb;QACD;MACF;;MACD,OAAOD,KAAP;IACD;;IAED6E,MAAM,GAAG;MACP,MAAM7E,KAAK,GAAG,KAAK8D,uBAAL,CAA6B,KAAK9D,KAAlC,CAAd;;MACA,IAAIrC,MAAM,EAAV,EAAc;QACZqC,KAAK,CAACiB,aAAN,GAAsB,KAAKA,aAA3B;MACD;;MAED,IAAI,KAAKkD,cAAT,EAAyB;QACvB,KAAKA,cAAL,GAAsB,KAAtB;MACD;;MAED,MAAMW,aAAa,GAAGhI,QAAQ,CAACiI,MAAT,CAAgB;QACpCC,GAAG,EAAE,EAD+B;QAEpCC,OAAO,EAAE;UAAEC,WAAW,EAAE;QAAf;MAF2B,CAAhB,CAAtB;MAIA,oBACE,oBAAC,SAAD,eAAelF,KAAf;QAAsB,GAAG,EAAE,KAAKmF;MAAhC,GAAsDL,aAAtD,EADF;IAGD;;EAvXD;;EAV4D,gBAQxDhF,iBARwD;;EAoY9DA,iBAAiB,CAACsF,WAAlB,GAAiC,qBAC/B1F,SAAS,CAAC0F,WAAV,IAAyB1F,SAAS,CAACiE,IAAnC,IAA2C,WAC5C,GAFD;EAIA,oBAAO/G,KAAK,CAACyI,UAAN,CAA4B,CAACrF,KAAD,EAAQK,GAAR,KAAgB;IACjD,oBACE,oBAAC,iBAAD,eACML,KADN,EAEOK,GAAG,KAAK,IAAR,GAAe,IAAf,GAAsB;MAAEF,YAAY,EAAEE;IAAhB,CAF7B,EADF;EAMD,CAPM,CAAP;AAQD"}
+{"version":3,"names":["React","findNodeHandle","Platform","StyleSheet","WorkletEventHandler","setAndForwardRef","invariant","adaptViewConfig","RNRenderer","makeMutable","runOnUI","enableLayoutAnimations","DefaultEntering","DefaultExiting","DefaultLayout","isJest","isChromeDebugger","shouldBeUseWeb","initialUpdaterRun","getShadowNodeWrapperFromRef","dummyListener","flattenArray","array","Array","isArray","resultArr","_flattenArray","arr","forEach","item","push","onlyAnimatedStyles","styles","filter","style","viewDescriptors","isSameAnimatedStyle","style1","style2","viewsRef","isSameAnimatedProps","has","key","x","undefined","createAnimatedComponent","Component","options","prototype","isReactComponent","AnimatedComponent","constructor","props","value","getForwardedRef","forwardedRef","setLocalRef","ref","tag","layout","entering","exiting","build","config","sv","global","LayoutAnimationRepository","registerConfig","_component","animatedStyle","componentWillUnmount","_detachNativeEvents","_detachStyles","componentDidMount","_attachNativeEvents","_attachAnimatedStyles","viewTag","prop","current","registerForEvents","unregisterFromEvents","OS","_styles","remove","_viewTag","animatedProps","_IS_FABRIC","shadowNodeWrapper","_removeShadowNodeFromRegistry","_reattachNativeEvents","prevProps","reattachNeeded","_updateFromNative","setNativeProps","prevStyles","prevAnimatedProps","_animatedProps","viewName","hostInstance","findHostInstance_DEPRECATED","Error","_nativeTag","viewConfig","uiViewClassName","hasReanimated2Props","length","hasOneSameStyle","prevStyle","isPresent","some","add","name","initial","componentDidUpdate","_filterNonAnimatedProps","inputProps","styleProp","processedStyle","map","_isFirstRender","initialStyle","updater","flatten","animatedProp","Object","keys","eventNames","eventName","listeners","render","platformProps","select","web","default","collapsable","_setComponentRef","displayName","forwardRef"],"sources":["createAnimatedComponent.tsx"],"sourcesContent":["import React, { Component, ComponentType, MutableRefObject, Ref } from 'react';\nimport { findNodeHandle, Platform, StyleSheet } from 'react-native';\nimport WorkletEventHandler from './reanimated2/WorkletEventHandler';\nimport setAndForwardRef from './setAndForwardRef';\nimport './reanimated2/layoutReanimation/LayoutAnimationRepository';\nimport invariant from 'invariant';\nimport { adaptViewConfig } from './ConfigHelper';\nimport { RNRenderer } from './reanimated2/platform-specific/RNRenderer';\nimport {\n  makeMutable,\n  runOnUI,\n  enableLayoutAnimations,\n} from './reanimated2/core';\nimport {\n  DefaultEntering,\n  DefaultExiting,\n  DefaultLayout,\n} from './reanimated2/layoutReanimation/defaultAnimations/Default';\nimport {\n  isJest,\n  isChromeDebugger,\n  shouldBeUseWeb,\n} from './reanimated2/PlatformChecker';\nimport { initialUpdaterRun } from './reanimated2/animation';\nimport {\n  BaseAnimationBuilder,\n  EntryExitAnimationFunction,\n  ILayoutAnimationBuilder,\n} from './reanimated2/layoutReanimation';\nimport {\n  SharedValue,\n  StyleProps,\n  ShadowNodeWrapper,\n} from './reanimated2/commonTypes';\nimport {\n  ViewDescriptorsSet,\n  ViewRefSet,\n} from './reanimated2/ViewDescriptorsSet';\nimport { getShadowNodeWrapperFromRef } from './reanimated2/fabricUtils';\n\nfunction dummyListener() {\n  // empty listener we use to assign to listener properties for which animated\n  // event is used.\n}\n\ntype NestedArray<T> = T | NestedArray<T>[];\nfunction flattenArray<T>(array: NestedArray<T>): T[] {\n  if (!Array.isArray(array)) {\n    return [array];\n  }\n  const resultArr: T[] = [];\n\n  const _flattenArray = (arr: NestedArray<T>[]): void => {\n    arr.forEach((item) => {\n      if (Array.isArray(item)) {\n        _flattenArray(item);\n      } else {\n        resultArr.push(item);\n      }\n    });\n  };\n  _flattenArray(array);\n  return resultArr;\n}\n\nfunction onlyAnimatedStyles(styles: StyleProps[]) {\n  return styles.filter((style) => style?.viewDescriptors);\n}\n\nfunction isSameAnimatedStyle(\n  style1?: StyleProps,\n  style2?: StyleProps\n): boolean {\n  // We cannot use equality check to compare useAnimatedStyle outputs directly.\n  // Instead, we can compare its viewsRefs.\n  return style1?.viewsRef === style2?.viewsRef;\n}\n\nconst isSameAnimatedProps = isSameAnimatedStyle;\n\nconst has = <K extends string>(\n  key: K,\n  x: unknown\n): x is { [key in K]: unknown } => {\n  if (typeof x === 'function' || typeof x === 'object') {\n    if (x === null || x === undefined) {\n      return false;\n    } else {\n      return key in x;\n    }\n  }\n  return false;\n};\n\ninterface AnimatedProps extends Record<string, unknown> {\n  viewDescriptors?: ViewDescriptorsSet;\n  viewsRef?: ViewRefSet<unknown>;\n  initial?: SharedValue<StyleProps>;\n}\n\nexport type AnimatedComponentProps<P extends Record<string, unknown>> = P & {\n  forwardedRef?: Ref<Component>;\n  style?: NestedArray<StyleProps>;\n  animatedProps?: Partial<AnimatedComponentProps<AnimatedProps>>;\n  animatedStyle?: StyleProps;\n  layout?:\n    | BaseAnimationBuilder\n    | ILayoutAnimationBuilder\n    | typeof BaseAnimationBuilder;\n  entering?:\n    | BaseAnimationBuilder\n    | typeof BaseAnimationBuilder\n    | EntryExitAnimationFunction\n    | Keyframe;\n  exiting?:\n    | BaseAnimationBuilder\n    | typeof BaseAnimationBuilder\n    | EntryExitAnimationFunction\n    | Keyframe;\n};\n\ntype Options<P> = {\n  setNativeProps: (ref: ComponentRef, props: P) => void;\n};\n\ninterface ComponentRef extends Component {\n  setNativeProps?: (props: Record<string, unknown>) => void;\n  getScrollableNode?: () => ComponentRef;\n}\n\nexport interface InitialComponentProps extends Record<string, unknown> {\n  ref?: Ref<Component>;\n  collapsable?: boolean;\n}\n\nexport default function createAnimatedComponent(\n  Component: ComponentType<InitialComponentProps>,\n  options?: Options<InitialComponentProps>\n): ComponentType<AnimatedComponentProps<InitialComponentProps>> {\n  invariant(\n    typeof Component !== 'function' ||\n      (Component.prototype && Component.prototype.isReactComponent),\n    '`createAnimatedComponent` does not support stateless functional components; ' +\n      'use a class component instead.'\n  );\n\n  class AnimatedComponent extends React.Component<\n    AnimatedComponentProps<InitialComponentProps>\n  > {\n    _styles: StyleProps[] | null = null;\n    _animatedProps?: Partial<AnimatedComponentProps<AnimatedProps>>;\n    _viewTag = -1;\n    _isFirstRender = true;\n    animatedStyle: { value: StyleProps } = { value: {} };\n    initialStyle = {};\n    sv: SharedValue<null | Record<string, unknown>> | null;\n    _component: ComponentRef | null = null;\n    static displayName: string;\n\n    constructor(props: AnimatedComponentProps<InitialComponentProps>) {\n      super(props);\n      if (isJest()) {\n        this.animatedStyle = { value: {} };\n      }\n      this.sv = makeMutable({});\n    }\n\n    componentWillUnmount() {\n      this._detachNativeEvents();\n      this._detachStyles();\n      this.sv = null;\n    }\n\n    componentDidMount() {\n      this._attachNativeEvents();\n      this._attachAnimatedStyles();\n    }\n\n    _attachNativeEvents() {\n      const viewTag = findNodeHandle(this);\n      for (const key in this.props) {\n        const prop = this.props[key];\n        if (\n          has('current', prop) &&\n          prop.current instanceof WorkletEventHandler\n        ) {\n          prop.current.registerForEvents(viewTag as number, key);\n        }\n      }\n    }\n\n    _detachNativeEvents() {\n      for (const key in this.props) {\n        const prop = this.props[key];\n        if (\n          has('current', prop) &&\n          prop.current instanceof WorkletEventHandler\n        ) {\n          prop.current.unregisterFromEvents();\n        }\n      }\n    }\n\n    _detachStyles() {\n      if (Platform.OS === 'web' && this._styles !== null) {\n        for (const style of this._styles) {\n          if (style?.viewsRef) {\n            style.viewsRef.remove(this);\n          }\n        }\n      } else if (this._viewTag !== -1 && this._styles !== null) {\n        for (const style of this._styles) {\n          style.viewDescriptors.remove(this._viewTag);\n        }\n        if (this.props.animatedProps?.viewDescriptors) {\n          this.props.animatedProps.viewDescriptors.remove(this._viewTag);\n        }\n        if (global._IS_FABRIC) {\n          const shadowNodeWrapper = getShadowNodeWrapperFromRef(this);\n          runOnUI(() => {\n            'worklet';\n            _removeShadowNodeFromRegistry(shadowNodeWrapper);\n          })();\n        }\n      }\n    }\n\n    _reattachNativeEvents(\n      prevProps: AnimatedComponentProps<InitialComponentProps>\n    ) {\n      let viewTag: number | undefined;\n\n      for (const key in this.props) {\n        const prop = this.props[key];\n        if (\n          has('current', prop) &&\n          prop.current instanceof WorkletEventHandler\n        ) {\n          if (viewTag === undefined) {\n            viewTag = prop.current.viewTag;\n          }\n        }\n      }\n      for (const key in prevProps) {\n        const prop = this.props[key];\n        if (\n          has('current', prop) &&\n          prop.current instanceof WorkletEventHandler &&\n          prop.current.reattachNeeded\n        ) {\n          prop.current.unregisterFromEvents();\n        }\n      }\n\n      for (const key in this.props) {\n        const prop = this.props[key];\n        if (\n          has('current', prop) &&\n          prop.current instanceof WorkletEventHandler &&\n          prop.current.reattachNeeded\n        ) {\n          // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n          prop.current.registerForEvents(viewTag!, key);\n          prop.current.reattachNeeded = false;\n        }\n      }\n    }\n\n    _updateFromNative(props: StyleProps) {\n      if (options?.setNativeProps) {\n        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n        options.setNativeProps(this._component!, props);\n      } else {\n        // eslint-disable-next-line no-unused-expressions\n        this._component?.setNativeProps?.(props);\n      }\n    }\n\n    _attachAnimatedStyles() {\n      const styles = this.props.style\n        ? onlyAnimatedStyles(flattenArray<StyleProps>(this.props.style))\n        : [];\n      const prevStyles = this._styles;\n      this._styles = styles;\n\n      const prevAnimatedProps = this._animatedProps;\n      this._animatedProps = this.props.animatedProps;\n\n      let viewTag: number | null;\n      let viewName: string | null;\n      let shadowNodeWrapper: ShadowNodeWrapper | null = null;\n      if (Platform.OS === 'web') {\n        viewTag = findNodeHandle(this);\n        viewName = null;\n        shadowNodeWrapper = null;\n      } else {\n        // hostInstance can be null for a component that doesn't render anything (render function returns null). Example: svg Stop: https://github.com/react-native-svg/react-native-svg/blob/develop/src/elements/Stop.tsx\n        const hostInstance = RNRenderer.findHostInstance_DEPRECATED(this);\n        if (!hostInstance) {\n          throw new Error(\n            'Cannot find host instance for this component. Maybe it renders nothing?'\n          );\n        }\n        // we can access view tag in the same way it's accessed here https://github.com/facebook/react/blob/e3f4eb7272d4ca0ee49f27577156b57eeb07cf73/packages/react-native-renderer/src/ReactFabric.js#L146\n        viewTag = hostInstance?._nativeTag;\n        /**\n         * RN uses viewConfig for components for storing different properties of the component(example: https://github.com/facebook/react-native/blob/master/Libraries/Components/ScrollView/ScrollViewViewConfig.js#L16).\n         * The name we're looking for is in the field named uiViewClassName.\n         */\n        viewName = hostInstance?.viewConfig?.uiViewClassName;\n        // update UI props whitelist for this view\n        const hasReanimated2Props =\n          this.props.animatedProps?.viewDescriptors || styles.length;\n        if (hasReanimated2Props && hostInstance?.viewConfig) {\n          adaptViewConfig(hostInstance.viewConfig);\n        }\n\n        if (global._IS_FABRIC) {\n          shadowNodeWrapper = getShadowNodeWrapperFromRef(this);\n        }\n      }\n      this._viewTag = viewTag as number;\n\n      // remove old styles\n      if (prevStyles) {\n        // in most of the cases, views have only a single animated style and it remains unchanged\n        const hasOneSameStyle =\n          styles.length === 1 &&\n          prevStyles.length === 1 &&\n          isSameAnimatedStyle(styles[0], prevStyles[0]);\n\n        if (!hasOneSameStyle) {\n          // otherwise, remove each style that is not present in new styles\n          for (const prevStyle of prevStyles) {\n            const isPresent = styles.some((style) =>\n              isSameAnimatedStyle(style, prevStyle)\n            );\n            if (!isPresent) {\n              prevStyle.viewDescriptors.remove(viewTag);\n            }\n          }\n        }\n      }\n\n      styles.forEach((style) => {\n        style.viewDescriptors.add({\n          tag: viewTag,\n          name: viewName,\n          shadowNodeWrapper,\n        });\n        if (isJest()) {\n          /**\n           * We need to connect Jest's TestObject instance whose contains just props object\n           * with the updateProps() function where we update the properties of the component.\n           * We can't update props object directly because TestObject contains a copy of props - look at render function:\n           * const props = this._filterNonAnimatedProps(this.props);\n           */\n          this.animatedStyle.value = {\n            ...this.animatedStyle.value,\n            ...style.initial.value,\n          };\n          style.animatedStyle.current = this.animatedStyle;\n        }\n      });\n\n      // detach old animatedProps\n      if (\n        prevAnimatedProps &&\n        !isSameAnimatedProps(prevAnimatedProps, this.props.animatedProps)\n      ) {\n        prevAnimatedProps.viewDescriptors!.remove(viewTag as number);\n      }\n\n      // attach animatedProps property\n      if (this.props.animatedProps?.viewDescriptors) {\n        this.props.animatedProps.viewDescriptors.add({\n          // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n          tag: viewTag!,\n          // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n          name: viewName!,\n          // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n          shadowNodeWrapper: shadowNodeWrapper!,\n        });\n      }\n    }\n\n    componentDidUpdate(\n      prevProps: AnimatedComponentProps<InitialComponentProps>\n    ) {\n      this._reattachNativeEvents(prevProps);\n      this._attachAnimatedStyles();\n    }\n\n    _setComponentRef = setAndForwardRef<Component>({\n      getForwardedRef: () =>\n        this.props.forwardedRef as MutableRefObject<\n          Component<Record<string, unknown>, Record<string, unknown>, unknown>\n        >,\n      setLocalRef: (ref) => {\n        // TODO update config\n        const tag = findNodeHandle(ref);\n        if (\n          !shouldBeUseWeb() &&\n          (this.props.layout || this.props.entering || this.props.exiting) &&\n          tag != null\n        ) {\n          enableLayoutAnimations(true, false);\n          let layout = this.props.layout ? this.props.layout : DefaultLayout;\n          let entering = this.props.entering\n            ? this.props.entering\n            : DefaultEntering;\n          let exiting = this.props.exiting\n            ? this.props.exiting\n            : DefaultExiting;\n\n          if (has('build', layout)) {\n            layout = layout.build();\n          }\n\n          if (has('build', entering)) {\n            entering = entering.build() as EntryExitAnimationFunction;\n          }\n\n          if (has('build', exiting)) {\n            exiting = exiting.build() as EntryExitAnimationFunction;\n          }\n\n          const config = {\n            layout,\n            entering,\n            exiting,\n            sv: this.sv,\n          };\n          runOnUI(() => {\n            'worklet';\n            global.LayoutAnimationRepository.registerConfig(tag, config);\n          })();\n        }\n\n        if (ref !== this._component) {\n          this._component = ref;\n        }\n      },\n    });\n\n    _filterNonAnimatedProps(\n      inputProps: AnimatedComponentProps<InitialComponentProps>\n    ): Record<string, unknown> {\n      const props: Record<string, unknown> = {};\n      for (const key in inputProps) {\n        const value = inputProps[key];\n        if (key === 'style') {\n          const styleProp = inputProps.style;\n          const styles = flattenArray<StyleProps>(styleProp ?? []);\n          const processedStyle: StyleProps = styles.map((style) => {\n            if (style && style.viewDescriptors) {\n              // this is how we recognize styles returned by useAnimatedStyle\n              style.viewsRef.add(this);\n              if (this._isFirstRender) {\n                this.initialStyle = {\n                  ...style.initial.value,\n                  ...initialUpdaterRun<StyleProps>(style.initial.updater),\n                };\n              }\n              return this.initialStyle;\n            } else {\n              return style;\n            }\n          });\n          props[key] = StyleSheet.flatten(processedStyle);\n        } else if (key === 'animatedProps') {\n          const animatedProp = inputProps.animatedProps as Partial<\n            AnimatedComponentProps<AnimatedProps>\n          >;\n          if (animatedProp.initial !== undefined) {\n            Object.keys(animatedProp.initial.value).forEach((key) => {\n              props[key] = animatedProp.initial?.value[key];\n              animatedProp.viewsRef?.add(this);\n            });\n          }\n        } else if (\n          has('current', value) &&\n          value.current instanceof WorkletEventHandler\n        ) {\n          if (value.current.eventNames.length > 0) {\n            value.current.eventNames.forEach((eventName) => {\n              props[eventName] = has('listeners', value.current)\n                ? (value.current.listeners as Record<string, unknown>)[\n                    eventName\n                  ]\n                : dummyListener;\n            });\n          } else {\n            props[key] = dummyListener;\n          }\n        } else if (\n          key !== 'onGestureHandlerStateChange' ||\n          !isChromeDebugger()\n        ) {\n          props[key] = value;\n        }\n      }\n      return props;\n    }\n\n    render() {\n      const props = this._filterNonAnimatedProps(this.props);\n      if (isJest()) {\n        props.animatedStyle = this.animatedStyle;\n      }\n\n      if (this._isFirstRender) {\n        this._isFirstRender = false;\n      }\n\n      const platformProps = Platform.select({\n        web: {},\n        default: { collapsable: false },\n      });\n      return (\n        <Component {...props} ref={this._setComponentRef} {...platformProps} />\n      );\n    }\n  }\n\n  AnimatedComponent.displayName = `AnimatedComponent(${\n    Component.displayName || Component.name || 'Component'\n  })`;\n\n  return React.forwardRef<Component>((props, ref) => {\n    return (\n      <AnimatedComponent\n        {...props}\n        {...(ref === null ? null : { forwardedRef: ref })}\n      />\n    );\n  });\n}\n"],"mappings":"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"}

package/lib/module/reanimated2/NativeMethods.js

@@ -1,37 +1,64 @@
 /* global _WORKLET _measure _scrollTo _dispatchCommand _setGestureState */
 import { findNodeHandle } from 'react-native';
-import { shouldBeUseWeb } from './PlatformChecker';
+import { isChromeDebugger, isWeb, shouldBeUseWeb } from './PlatformChecker';
 export function getTag(view) {
   return findNodeHandle(view);
 }
 const isNative = !shouldBeUseWeb();
-export function measure(animatedRef) {
-  'worklet';
-
-  if (!_WORKLET || !isNative) {
-    console.warn('[Reanimated] measure() cannot be used for web or Chrome Debugger');
+export let measure;
+
+if (isWeb()) {
+  measure = animatedRef => {
+    const element = animatedRef(); // TODO: fix typing of animated refs on web
+
+    const viewportOffset = element.getBoundingClientRect();
+    return {
+      width: element.offsetWidth,
+      height: element.offsetHeight,
+      x: element.offsetLeft,
+      y: element.offsetTop,
+      pageX: viewportOffset.left,
+      pageY: viewportOffset.top
+    };
+  };
+} else if (isChromeDebugger()) {
+  measure = _animatedRef => {
+    console.warn('[Reanimated] measure() cannot be used with Chrome Debugger.');
     return null;
-  }
+  };
+} else {
+  measure = animatedRef => {
+    'worklet';
 
-  const viewTag = animatedRef();
+    if (!_WORKLET) {
+      console.warn('[Reanimated] measure() was called from the main JS context. Measure is ' + 'only available in the UI runtime. This may also happen if measure() ' + 'was called by a worklet in the useAnimatedStyle hook, because useAnimatedStyle ' + 'calls the given worklet on the JS runtime during render. If you want to ' + 'prevent this warning then wrap the call with `if (_WORKLET)`. Then it will ' + 'only be called on the UI runtime after the render has been completed.');
+      return null;
+    }
 
-  if (viewTag === -1) {
-    console.warn(`[Reanimated] The view with tag ${viewTag} is not a valid argument for measure(). This may be because the view is not currently rendered, which may not be a bug (e.g. an off-screen FlatList item).`);
-    return null;
-  }
+    const viewTag = animatedRef();
 
-  const measured = _measure(viewTag);
+    if (viewTag === -1) {
+      console.warn(`[Reanimated] The view with tag ${viewTag} is not a valid argument for measure(). This may be because the view is not currently rendered, which may not be a bug (e.g. an off-screen FlatList item).`);
+      return null;
+    }
 
-  if (measured.x === -1234567) {
-    console.warn(`[Reanimated] The view with tag ${viewTag} returned an invalid measurement response`);
-    return null;
-  } else if (isNaN(measured.x)) {
-    console.warn(`[Reanimated] The view with tag ${viewTag} gets view-flattened on Android. To disable view-flattening, set \`collapsable={false}\` on this component.`);
-    return null;
-  } else {
-    return measured;
-  }
+    const measured = _measure(viewTag);
+
+    if (measured === null) {
+      console.warn(`[Reanimated] The view with tag ${viewTag} has some undefined, not-yet-computed or meaningless value of \`LayoutMetrics\` type. This may be because the view is not currently rendered, which may not be a bug (e.g. an off-screen FlatList item).`);
+      return null;
+    } else if (measured.x === -1234567) {
+      console.warn(`[Reanimated] The view with tag ${viewTag} returned an invalid measurement response.`);
+      return null;
+    } else if (isNaN(measured.x)) {
+      console.warn(`[Reanimated] The view with tag ${viewTag} gets view-flattened on Android. To disable view-flattening, set \`collapsable={false}\` on this component.`);
+      return null;
+    } else {
+      return measured;
+    }
+  };
 }
+
 export function dispatchCommand(animatedRef, commandName, args) {
   'worklet';
 
@@ -45,17 +72,29 @@ export function dispatchCommand(animatedRef, commandName, args) {
 }
 export let scrollTo;
 
-if (global._IS_FABRIC) {
+if (isWeb()) {
+  scrollTo = (animatedRef, x, y, animated) => {
+    'worklet';
+
+    const element = animatedRef(); // @ts-ignore same call as in react-native-web
+
+    element.scrollTo({
+      x,
+      y,
+      animated
+    });
+  };
+} else if (isNative && global._IS_FABRIC) {
   scrollTo = (animatedRef, x, y, animated) => {
     'worklet';
 
     dispatchCommand(animatedRef, 'scrollTo', [x, y, animated]);
   };
-} else {
+} else if (isNative) {
   scrollTo = (animatedRef, x, y, animated) => {
     'worklet';
 
-    if (!_WORKLET || !isNative) {
+    if (!_WORKLET) {
       return;
     }
 
@@ -63,6 +102,9 @@ if (global._IS_FABRIC) {
 
     _scrollTo(viewTag, x, y, animated);
   };
+} else {
+  scrollTo = (_animatedRef, _x, _y) => {// no-op
+  };
 }
 
 export function setGestureState(handlerTag, newState) {

package/lib/module/reanimated2/NativeMethods.js.map

@@ -1 +1 @@
-{"version":3,"names":["findNodeHandle","shouldBeUseWeb","getTag","view","isNative","measure","animatedRef","_WORKLET","console","warn","viewTag","measured","_measure","x","isNaN","dispatchCommand","commandName","args","shadowNodeWrapper","_dispatchCommand","scrollTo","global","_IS_FABRIC","y","animated","_scrollTo","setGestureState","handlerTag","newState","_setGestureState"],"sources":["NativeMethods.ts"],"sourcesContent":["/* global _WORKLET _measure _scrollTo _dispatchCommand _setGestureState */\nimport { Component } from 'react';\nimport { findNodeHandle } from 'react-native';\nimport { MeasuredDimensions } from './commonTypes';\nimport { RefObjectFunction } from './hook/commonTypes';\nimport { shouldBeUseWeb } from './PlatformChecker';\n\nexport function getTag(\n  view: null | number | React.Component<any, any> | React.ComponentClass<any>\n): null | number {\n  return findNodeHandle(view);\n}\n\nconst isNative = !shouldBeUseWeb();\n\nexport function measure(\n  animatedRef: RefObjectFunction<Component>\n): MeasuredDimensions | null {\n  'worklet';\n  if (!_WORKLET || !isNative) {\n    console.warn(\n      '[Reanimated] measure() cannot be used for web or Chrome Debugger'\n    );\n    return null;\n  }\n\n  const viewTag = animatedRef();\n  if (viewTag === -1) {\n    console.warn(\n      `[Reanimated] The view with tag ${viewTag} is not a valid argument for measure(). This may be because the view is not currently rendered, which may not be a bug (e.g. an off-screen FlatList item).`\n    );\n    return null;\n  }\n\n  const measured = _measure(viewTag);\n  if (measured.x === -1234567) {\n    console.warn(\n      `[Reanimated] The view with tag ${viewTag} returned an invalid measurement response`\n    );\n    return null;\n  } else if (isNaN(measured.x)) {\n    console.warn(\n      `[Reanimated] The view with tag ${viewTag} gets view-flattened on Android. To disable view-flattening, set \\`collapsable={false}\\` on this component.`\n    );\n    return null;\n  } else {\n    return measured;\n  }\n}\n\nexport function dispatchCommand(\n  animatedRef: RefObjectFunction<Component>,\n  commandName: string,\n  args: Array<unknown>\n): void {\n  'worklet';\n  if (!_WORKLET || !isNative) {\n    return;\n  }\n  const shadowNodeWrapper = animatedRef();\n  _dispatchCommand(shadowNodeWrapper, commandName, args);\n}\n\nexport let scrollTo: (\n  animatedRef: RefObjectFunction<Component>,\n  x: number,\n  y: number,\n  animated: boolean\n) => void;\n\nif (global._IS_FABRIC) {\n  scrollTo = (\n    animatedRef: RefObjectFunction<Component>,\n    x: number,\n    y: number,\n    animated: boolean\n  ) => {\n    'worklet';\n    dispatchCommand(animatedRef, 'scrollTo', [x, y, animated]);\n  };\n} else {\n  scrollTo = (\n    animatedRef: RefObjectFunction<Component>,\n    x: number,\n    y: number,\n    animated: boolean\n  ) => {\n    'worklet';\n    if (!_WORKLET || !isNative) {\n      return;\n    }\n    const viewTag = animatedRef();\n    _scrollTo(viewTag, x, y, animated);\n  };\n}\n\nexport function setGestureState(handlerTag: number, newState: number): void {\n  'worklet';\n  if (!_WORKLET || !isNative) {\n    console.warn(\n      '[Reanimated] You can not use setGestureState in non-worklet function.'\n    );\n    return;\n  }\n  _setGestureState(handlerTag, newState);\n}\n"],"mappings":"AAAA;AAEA,SAASA,cAAT,QAA+B,cAA/B;AAGA,SAASC,cAAT,QAA+B,mBAA/B;AAEA,OAAO,SAASC,MAAT,CACLC,IADK,EAEU;EACf,OAAOH,cAAc,CAACG,IAAD,CAArB;AACD;AAED,MAAMC,QAAQ,GAAG,CAACH,cAAc,EAAhC;AAEA,OAAO,SAASI,OAAT,CACLC,WADK,EAEsB;EAC3B;;EACA,IAAI,CAACC,QAAD,IAAa,CAACH,QAAlB,EAA4B;IAC1BI,OAAO,CAACC,IAAR,CACE,kEADF;IAGA,OAAO,IAAP;EACD;;EAED,MAAMC,OAAO,GAAGJ,WAAW,EAA3B;;EACA,IAAII,OAAO,KAAK,CAAC,CAAjB,EAAoB;IAClBF,OAAO,CAACC,IAAR,CACG,kCAAiCC,OAAQ,4JAD5C;IAGA,OAAO,IAAP;EACD;;EAED,MAAMC,QAAQ,GAAGC,QAAQ,CAACF,OAAD,CAAzB;;EACA,IAAIC,QAAQ,CAACE,CAAT,KAAe,CAAC,OAApB,EAA6B;IAC3BL,OAAO,CAACC,IAAR,CACG,kCAAiCC,OAAQ,2CAD5C;IAGA,OAAO,IAAP;EACD,CALD,MAKO,IAAII,KAAK,CAACH,QAAQ,CAACE,CAAV,CAAT,EAAuB;IAC5BL,OAAO,CAACC,IAAR,CACG,kCAAiCC,OAAQ,6GAD5C;IAGA,OAAO,IAAP;EACD,CALM,MAKA;IACL,OAAOC,QAAP;EACD;AACF;AAED,OAAO,SAASI,eAAT,CACLT,WADK,EAELU,WAFK,EAGLC,IAHK,EAIC;EACN;;EACA,IAAI,CAACV,QAAD,IAAa,CAACH,QAAlB,EAA4B;IAC1B;EACD;;EACD,MAAMc,iBAAiB,GAAGZ,WAAW,EAArC;;EACAa,gBAAgB,CAACD,iBAAD,EAAoBF,WAApB,EAAiCC,IAAjC,CAAhB;AACD;AAED,OAAO,IAAIG,QAAJ;;AAOP,IAAIC,MAAM,CAACC,UAAX,EAAuB;EACrBF,QAAQ,GAAG,CACTd,WADS,EAETO,CAFS,EAGTU,CAHS,EAITC,QAJS,KAKN;IACH;;IACAT,eAAe,CAACT,WAAD,EAAc,UAAd,EAA0B,CAACO,CAAD,EAAIU,CAAJ,EAAOC,QAAP,CAA1B,CAAf;EACD,CARD;AASD,CAVD,MAUO;EACLJ,QAAQ,GAAG,CACTd,WADS,EAETO,CAFS,EAGTU,CAHS,EAITC,QAJS,KAKN;IACH;;IACA,IAAI,CAACjB,QAAD,IAAa,CAACH,QAAlB,EAA4B;MAC1B;IACD;;IACD,MAAMM,OAAO,GAAGJ,WAAW,EAA3B;;IACAmB,SAAS,CAACf,OAAD,EAAUG,CAAV,EAAaU,CAAb,EAAgBC,QAAhB,CAAT;EACD,CAZD;AAaD;;AAED,OAAO,SAASE,eAAT,CAAyBC,UAAzB,EAA6CC,QAA7C,EAAqE;EAC1E;;EACA,IAAI,CAACrB,QAAD,IAAa,CAACH,QAAlB,EAA4B;IAC1BI,OAAO,CAACC,IAAR,CACE,uEADF;IAGA;EACD;;EACDoB,gBAAgB,CAACF,UAAD,EAAaC,QAAb,CAAhB;AACD"}
+{"version":3,"names":["findNodeHandle","isChromeDebugger","isWeb","shouldBeUseWeb","getTag","view","isNative","measure","animatedRef","element","viewportOffset","getBoundingClientRect","width","offsetWidth","height","offsetHeight","x","offsetLeft","y","offsetTop","pageX","left","pageY","top","_animatedRef","console","warn","_WORKLET","viewTag","measured","_measure","isNaN","dispatchCommand","commandName","args","shadowNodeWrapper","_dispatchCommand","scrollTo","animated","global","_IS_FABRIC","_scrollTo","_x","_y","setGestureState","handlerTag","newState","_setGestureState"],"sources":["NativeMethods.ts"],"sourcesContent":["/* global _WORKLET _measure _scrollTo _dispatchCommand _setGestureState */\nimport { Component } from 'react';\nimport { findNodeHandle } from 'react-native';\nimport { MeasuredDimensions } from './commonTypes';\nimport { RefObjectFunction } from './hook/commonTypes';\nimport { isChromeDebugger, isWeb, shouldBeUseWeb } from './PlatformChecker';\n\nexport function getTag(\n  view: null | number | React.Component<any, any> | React.ComponentClass<any>\n): null | number {\n  return findNodeHandle(view);\n}\n\nconst isNative = !shouldBeUseWeb();\n\nexport let measure: (\n  animatedRef: RefObjectFunction<Component>\n) => MeasuredDimensions | null;\n\nif (isWeb()) {\n  measure = (animatedRef: RefObjectFunction<Component>) => {\n    const element = animatedRef() as unknown as HTMLElement; // TODO: fix typing of animated refs on web\n    const viewportOffset = element.getBoundingClientRect();\n    return {\n      width: element.offsetWidth,\n      height: element.offsetHeight,\n      x: element.offsetLeft,\n      y: element.offsetTop,\n      pageX: viewportOffset.left,\n      pageY: viewportOffset.top,\n    };\n  };\n} else if (isChromeDebugger()) {\n  measure = (_animatedRef: RefObjectFunction<Component>) => {\n    console.warn('[Reanimated] measure() cannot be used with Chrome Debugger.');\n    return null;\n  };\n} else {\n  measure = (animatedRef: RefObjectFunction<Component>) => {\n    'worklet';\n    if (!_WORKLET) {\n      console.warn(\n        '[Reanimated] measure() was called from the main JS context. Measure is ' +\n          'only available in the UI runtime. This may also happen if measure() ' +\n          'was called by a worklet in the useAnimatedStyle hook, because useAnimatedStyle ' +\n          'calls the given worklet on the JS runtime during render. If you want to ' +\n          'prevent this warning then wrap the call with `if (_WORKLET)`. Then it will ' +\n          'only be called on the UI runtime after the render has been completed.'\n      );\n      return null;\n    }\n\n    const viewTag = animatedRef();\n    if (viewTag === -1) {\n      console.warn(\n        `[Reanimated] The view with tag ${viewTag} is not a valid argument for measure(). This may be because the view is not currently rendered, which may not be a bug (e.g. an off-screen FlatList item).`\n      );\n      return null;\n    }\n\n    const measured = _measure(viewTag);\n    if (measured === null) {\n      console.warn(\n        `[Reanimated] The view with tag ${viewTag} has some undefined, not-yet-computed or meaningless value of \\`LayoutMetrics\\` type. This may be because the view is not currently rendered, which may not be a bug (e.g. an off-screen FlatList item).`\n      );\n      return null;\n    } else if (measured.x === -1234567) {\n      console.warn(\n        `[Reanimated] The view with tag ${viewTag} returned an invalid measurement response.`\n      );\n      return null;\n    } else if (isNaN(measured.x)) {\n      console.warn(\n        `[Reanimated] The view with tag ${viewTag} gets view-flattened on Android. To disable view-flattening, set \\`collapsable={false}\\` on this component.`\n      );\n      return null;\n    } else {\n      return measured;\n    }\n  };\n}\n\nexport function dispatchCommand(\n  animatedRef: RefObjectFunction<Component>,\n  commandName: string,\n  args: Array<unknown>\n): void {\n  'worklet';\n  if (!_WORKLET || !isNative) {\n    return;\n  }\n  const shadowNodeWrapper = animatedRef();\n  _dispatchCommand(shadowNodeWrapper, commandName, args);\n}\n\nexport let scrollTo: (\n  animatedRef: RefObjectFunction<Component>,\n  x: number,\n  y: number,\n  animated: boolean\n) => void;\n\nif (isWeb()) {\n  scrollTo = (\n    animatedRef: RefObjectFunction<Component>,\n    x: number,\n    y: number,\n    animated: boolean\n  ) => {\n    'worklet';\n    const element = animatedRef() as unknown as HTMLElement;\n    // @ts-ignore same call as in react-native-web\n    element.scrollTo({ x, y, animated });\n  };\n} else if (isNative && global._IS_FABRIC) {\n  scrollTo = (\n    animatedRef: RefObjectFunction<Component>,\n    x: number,\n    y: number,\n    animated: boolean\n  ) => {\n    'worklet';\n    dispatchCommand(animatedRef, 'scrollTo', [x, y, animated]);\n  };\n} else if (isNative) {\n  scrollTo = (\n    animatedRef: RefObjectFunction<Component>,\n    x: number,\n    y: number,\n    animated: boolean\n  ) => {\n    'worklet';\n    if (!_WORKLET) {\n      return;\n    }\n    const viewTag = animatedRef();\n    _scrollTo(viewTag, x, y, animated);\n  };\n} else {\n  scrollTo = (\n    _animatedRef: RefObjectFunction<Component>,\n    _x: number,\n    _y: number\n  ) => {\n    // no-op\n  };\n}\n\nexport function setGestureState(handlerTag: number, newState: number): void {\n  'worklet';\n  if (!_WORKLET || !isNative) {\n    console.warn(\n      '[Reanimated] You can not use setGestureState in non-worklet function.'\n    );\n    return;\n  }\n  _setGestureState(handlerTag, newState);\n}\n"],"mappings":"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"}

package/lib/module/reanimated2/frameCallback/FrameCallbackRegistryUI.js.map

@@ -1 +1 @@
-{"version":3,"names":["runOnUI","prepareUIRegistry","frameCallbackRegistry","Map","activeFrameCallbacks","Set","previousFrameTimestamp","runCallbacks","loop","timestamp","delta","forEach","callbackId","callbackDetails","get","startTime","callback","timeSincePreviousFrame","timeSinceFirstFrame","size","requestAnimationFrame","registerFrameCallback","set","unregisterFrameCallback","manageStateFrameCallback","delete","state","add","global","_frameCallbackRegistry"],"sources":["FrameCallbackRegistryUI.ts"],"sourcesContent":["import { runOnUI } from '../core';\n\ntype CallbackDetails = {\n  callback: (frameInfo: FrameInfo) => void;\n  startTime: number | null;\n};\n\nexport type FrameInfo = {\n  timestamp: number;\n  timeSincePreviousFrame: number | null;\n  timeSinceFirstFrame: number;\n};\n\ninterface FrameCallbackRegistryUI {\n  frameCallbackRegistry: Map<number, CallbackDetails>;\n  activeFrameCallbacks: Set<number>;\n  previousFrameTimestamp: number | null;\n  runCallbacks: () => void;\n  registerFrameCallback: (\n    callback: (frameInfo: FrameInfo) => void,\n    callbackId: number\n  ) => void;\n  unregisterFrameCallback: (callbackId: number) => void;\n  manageStateFrameCallback: (callbackId: number, state: boolean) => void;\n}\n\nexport const prepareUIRegistry = runOnUI(() => {\n  'worklet';\n\n  const frameCallbackRegistry: FrameCallbackRegistryUI = {\n    frameCallbackRegistry: new Map<number, CallbackDetails>(),\n    activeFrameCallbacks: new Set<number>(),\n    previousFrameTimestamp: null,\n\n    runCallbacks() {\n      const loop = (timestamp: number) => {\n        if (this.previousFrameTimestamp === null) {\n          this.previousFrameTimestamp = timestamp;\n        }\n\n        const delta = timestamp - this.previousFrameTimestamp;\n\n        this.activeFrameCallbacks.forEach((callbackId: number) => {\n          const callbackDetails = this.frameCallbackRegistry.get(callbackId)!;\n\n          const { startTime } = callbackDetails;\n\n          if (startTime === null) {\n            // First frame\n            callbackDetails.startTime = timestamp;\n\n            callbackDetails.callback({\n              timestamp,\n              timeSincePreviousFrame: null,\n              timeSinceFirstFrame: 0,\n            });\n          } else {\n            // Next frame\n            callbackDetails.callback({\n              timestamp,\n              timeSincePreviousFrame: delta,\n              timeSinceFirstFrame: timestamp - startTime,\n            });\n          }\n        });\n\n        if (this.activeFrameCallbacks.size > 0) {\n          this.previousFrameTimestamp = timestamp;\n          requestAnimationFrame(loop);\n        } else {\n          this.previousFrameTimestamp = null;\n        }\n      };\n\n      // runCallback() should only be called after registering a callback,\n      // so if there is only one active callback, then it means that there were\n      // zero previously and the loop isn't running yet.\n      if (this.activeFrameCallbacks.size === 1) {\n        requestAnimationFrame(loop);\n      }\n    },\n\n    registerFrameCallback(\n      callback: (frameInfo: FrameInfo) => void,\n      callbackId: number\n    ) {\n      this.frameCallbackRegistry.set(callbackId, {\n        callback: callback,\n        startTime: null,\n      });\n    },\n\n    unregisterFrameCallback(callbackId: number) {\n      this.manageStateFrameCallback(callbackId, false);\n      this.frameCallbackRegistry.delete(callbackId);\n    },\n\n    manageStateFrameCallback(callbackId: number, state: boolean) {\n      if (callbackId === -1) {\n        return;\n      }\n      if (state) {\n        this.activeFrameCallbacks.add(callbackId);\n        this.runCallbacks();\n      } else {\n        const callback = this.frameCallbackRegistry.get(callbackId)!;\n        callback.startTime = null;\n\n        this.activeFrameCallbacks.delete(callbackId);\n      }\n    },\n  };\n\n  global._frameCallbackRegistry = frameCallbackRegistry;\n});\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,SAAxB;AA0BA,OAAO,MAAMC,iBAAiB,GAAGD,OAAO,CAAC,MAAM;EAC7C;;EAEA,MAAME,qBAA8C,GAAG;IACrDA,qBAAqB,EAAE,IAAIC,GAAJ,EAD8B;IAErDC,oBAAoB,EAAE,IAAIC,GAAJ,EAF+B;IAGrDC,sBAAsB,EAAE,IAH6B;;IAKrDC,YAAY,GAAG;MACb,MAAMC,IAAI,GAAIC,SAAD,IAAuB;QAClC,IAAI,KAAKH,sBAAL,KAAgC,IAApC,EAA0C;UACxC,KAAKA,sBAAL,GAA8BG,SAA9B;QACD;;QAED,MAAMC,KAAK,GAAGD,SAAS,GAAG,KAAKH,sBAA/B;QAEA,KAAKF,oBAAL,CAA0BO,OAA1B,CAAmCC,UAAD,IAAwB;UACxD,MAAMC,eAAe,GAAG,KAAKX,qBAAL,CAA2BY,GAA3B,CAA+BF,UAA/B,CAAxB;UAEA,MAAM;YAAEG;UAAF,IAAgBF,eAAtB;;UAEA,IAAIE,SAAS,KAAK,IAAlB,EAAwB;YACtB;YACAF,eAAe,CAACE,SAAhB,GAA4BN,SAA5B;YAEAI,eAAe,CAACG,QAAhB,CAAyB;cACvBP,SADuB;cAEvBQ,sBAAsB,EAAE,IAFD;cAGvBC,mBAAmB,EAAE;YAHE,CAAzB;UAKD,CATD,MASO;YACL;YACAL,eAAe,CAACG,QAAhB,CAAyB;cACvBP,SADuB;cAEvBQ,sBAAsB,EAAEP,KAFD;cAGvBQ,mBAAmB,EAAET,SAAS,GAAGM;YAHV,CAAzB;UAKD;QACF,CAtBD;;QAwBA,IAAI,KAAKX,oBAAL,CAA0Be,IAA1B,GAAiC,CAArC,EAAwC;UACtC,KAAKb,sBAAL,GAA8BG,SAA9B;UACAW,qBAAqB,CAACZ,IAAD,CAArB;QACD,CAHD,MAGO;UACL,KAAKF,sBAAL,GAA8B,IAA9B;QACD;MACF,CArCD,CADa,CAwCb;MACA;MACA;;;MACA,IAAI,KAAKF,oBAAL,CAA0Be,IAA1B,KAAmC,CAAvC,EAA0C;QACxCC,qBAAqB,CAACZ,IAAD,CAArB;MACD;IACF,CAnDoD;;IAqDrDa,qBAAqB,CACnBL,QADmB,EAEnBJ,UAFmB,EAGnB;MACA,KAAKV,qBAAL,CAA2BoB,GAA3B,CAA+BV,UAA/B,EAA2C;QACzCI,QAAQ,EAAEA,QAD+B;QAEzCD,SAAS,EAAE;MAF8B,CAA3C;IAID,CA7DoD;;IA+DrDQ,uBAAuB,CAACX,UAAD,EAAqB;MAC1C,KAAKY,wBAAL,CAA8BZ,UAA9B,EAA0C,KAA1C;MACA,KAAKV,qBAAL,CAA2BuB,MAA3B,CAAkCb,UAAlC;IACD,CAlEoD;;IAoErDY,wBAAwB,CAACZ,UAAD,EAAqBc,KAArB,EAAqC;MAC3D,IAAId,UAAU,KAAK,CAAC,CAApB,EAAuB;QACrB;MACD;;MACD,IAAIc,KAAJ,EAAW;QACT,KAAKtB,oBAAL,CAA0BuB,GAA1B,CAA8Bf,UAA9B;QACA,KAAKL,YAAL;MACD,CAHD,MAGO;QACL,MAAMS,QAAQ,GAAG,KAAKd,qBAAL,CAA2BY,GAA3B,CAA+BF,UAA/B,CAAjB;QACAI,QAAQ,CAACD,SAAT,GAAqB,IAArB;QAEA,KAAKX,oBAAL,CAA0BqB,MAA1B,CAAiCb,UAAjC;MACD;IACF;;EAjFoD,CAAvD;EAoFAgB,MAAM,CAACC,sBAAP,GAAgC3B,qBAAhC;AACD,CAxFuC,CAAjC"}
+{"version":3,"names":["runOnUI","prepareUIRegistry","frameCallbackRegistry","Map","activeFrameCallbacks","Set","previousFrameTimestamp","runCallbacks","loop","timestamp","delta","forEach","callbackId","callbackDetails","get","startTime","callback","timeSincePreviousFrame","timeSinceFirstFrame","size","requestAnimationFrame","registerFrameCallback","set","unregisterFrameCallback","manageStateFrameCallback","delete","state","add","global","_frameCallbackRegistry"],"sources":["FrameCallbackRegistryUI.ts"],"sourcesContent":["import { runOnUI } from '../core';\n\ntype CallbackDetails = {\n  callback: (frameInfo: FrameInfo) => void;\n  startTime: number | null;\n};\n\nexport type FrameInfo = {\n  timestamp: number;\n  timeSincePreviousFrame: number | null;\n  timeSinceFirstFrame: number;\n};\n\nexport interface FrameCallbackRegistryUI {\n  frameCallbackRegistry: Map<number, CallbackDetails>;\n  activeFrameCallbacks: Set<number>;\n  previousFrameTimestamp: number | null;\n  runCallbacks: () => void;\n  registerFrameCallback: (\n    callback: (frameInfo: FrameInfo) => void,\n    callbackId: number\n  ) => void;\n  unregisterFrameCallback: (callbackId: number) => void;\n  manageStateFrameCallback: (callbackId: number, state: boolean) => void;\n}\n\nexport const prepareUIRegistry = runOnUI(() => {\n  'worklet';\n\n  const frameCallbackRegistry: FrameCallbackRegistryUI = {\n    frameCallbackRegistry: new Map<number, CallbackDetails>(),\n    activeFrameCallbacks: new Set<number>(),\n    previousFrameTimestamp: null,\n\n    runCallbacks() {\n      const loop = (timestamp: number) => {\n        if (this.previousFrameTimestamp === null) {\n          this.previousFrameTimestamp = timestamp;\n        }\n\n        const delta = timestamp - this.previousFrameTimestamp;\n\n        this.activeFrameCallbacks.forEach((callbackId: number) => {\n          const callbackDetails = this.frameCallbackRegistry.get(callbackId)!;\n\n          const { startTime } = callbackDetails;\n\n          if (startTime === null) {\n            // First frame\n            callbackDetails.startTime = timestamp;\n\n            callbackDetails.callback({\n              timestamp,\n              timeSincePreviousFrame: null,\n              timeSinceFirstFrame: 0,\n            });\n          } else {\n            // Next frame\n            callbackDetails.callback({\n              timestamp,\n              timeSincePreviousFrame: delta,\n              timeSinceFirstFrame: timestamp - startTime,\n            });\n          }\n        });\n\n        if (this.activeFrameCallbacks.size > 0) {\n          this.previousFrameTimestamp = timestamp;\n          requestAnimationFrame(loop);\n        } else {\n          this.previousFrameTimestamp = null;\n        }\n      };\n\n      // runCallback() should only be called after registering a callback,\n      // so if there is only one active callback, then it means that there were\n      // zero previously and the loop isn't running yet.\n      if (this.activeFrameCallbacks.size === 1) {\n        requestAnimationFrame(loop);\n      }\n    },\n\n    registerFrameCallback(\n      callback: (frameInfo: FrameInfo) => void,\n      callbackId: number\n    ) {\n      this.frameCallbackRegistry.set(callbackId, {\n        callback: callback,\n        startTime: null,\n      });\n    },\n\n    unregisterFrameCallback(callbackId: number) {\n      this.manageStateFrameCallback(callbackId, false);\n      this.frameCallbackRegistry.delete(callbackId);\n    },\n\n    manageStateFrameCallback(callbackId: number, state: boolean) {\n      if (callbackId === -1) {\n        return;\n      }\n      if (state) {\n        this.activeFrameCallbacks.add(callbackId);\n        this.runCallbacks();\n      } else {\n        const callback = this.frameCallbackRegistry.get(callbackId)!;\n        callback.startTime = null;\n\n        this.activeFrameCallbacks.delete(callbackId);\n      }\n    },\n  };\n\n  global._frameCallbackRegistry = frameCallbackRegistry;\n});\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,SAAxB;AA0BA,OAAO,MAAMC,iBAAiB,GAAGD,OAAO,CAAC,MAAM;EAC7C;;EAEA,MAAME,qBAA8C,GAAG;IACrDA,qBAAqB,EAAE,IAAIC,GAAJ,EAD8B;IAErDC,oBAAoB,EAAE,IAAIC,GAAJ,EAF+B;IAGrDC,sBAAsB,EAAE,IAH6B;;IAKrDC,YAAY,GAAG;MACb,MAAMC,IAAI,GAAIC,SAAD,IAAuB;QAClC,IAAI,KAAKH,sBAAL,KAAgC,IAApC,EAA0C;UACxC,KAAKA,sBAAL,GAA8BG,SAA9B;QACD;;QAED,MAAMC,KAAK,GAAGD,SAAS,GAAG,KAAKH,sBAA/B;QAEA,KAAKF,oBAAL,CAA0BO,OAA1B,CAAmCC,UAAD,IAAwB;UACxD,MAAMC,eAAe,GAAG,KAAKX,qBAAL,CAA2BY,GAA3B,CAA+BF,UAA/B,CAAxB;UAEA,MAAM;YAAEG;UAAF,IAAgBF,eAAtB;;UAEA,IAAIE,SAAS,KAAK,IAAlB,EAAwB;YACtB;YACAF,eAAe,CAACE,SAAhB,GAA4BN,SAA5B;YAEAI,eAAe,CAACG,QAAhB,CAAyB;cACvBP,SADuB;cAEvBQ,sBAAsB,EAAE,IAFD;cAGvBC,mBAAmB,EAAE;YAHE,CAAzB;UAKD,CATD,MASO;YACL;YACAL,eAAe,CAACG,QAAhB,CAAyB;cACvBP,SADuB;cAEvBQ,sBAAsB,EAAEP,KAFD;cAGvBQ,mBAAmB,EAAET,SAAS,GAAGM;YAHV,CAAzB;UAKD;QACF,CAtBD;;QAwBA,IAAI,KAAKX,oBAAL,CAA0Be,IAA1B,GAAiC,CAArC,EAAwC;UACtC,KAAKb,sBAAL,GAA8BG,SAA9B;UACAW,qBAAqB,CAACZ,IAAD,CAArB;QACD,CAHD,MAGO;UACL,KAAKF,sBAAL,GAA8B,IAA9B;QACD;MACF,CArCD,CADa,CAwCb;MACA;MACA;;;MACA,IAAI,KAAKF,oBAAL,CAA0Be,IAA1B,KAAmC,CAAvC,EAA0C;QACxCC,qBAAqB,CAACZ,IAAD,CAArB;MACD;IACF,CAnDoD;;IAqDrDa,qBAAqB,CACnBL,QADmB,EAEnBJ,UAFmB,EAGnB;MACA,KAAKV,qBAAL,CAA2BoB,GAA3B,CAA+BV,UAA/B,EAA2C;QACzCI,QAAQ,EAAEA,QAD+B;QAEzCD,SAAS,EAAE;MAF8B,CAA3C;IAID,CA7DoD;;IA+DrDQ,uBAAuB,CAACX,UAAD,EAAqB;MAC1C,KAAKY,wBAAL,CAA8BZ,UAA9B,EAA0C,KAA1C;MACA,KAAKV,qBAAL,CAA2BuB,MAA3B,CAAkCb,UAAlC;IACD,CAlEoD;;IAoErDY,wBAAwB,CAACZ,UAAD,EAAqBc,KAArB,EAAqC;MAC3D,IAAId,UAAU,KAAK,CAAC,CAApB,EAAuB;QACrB;MACD;;MACD,IAAIc,KAAJ,EAAW;QACT,KAAKtB,oBAAL,CAA0BuB,GAA1B,CAA8Bf,UAA9B;QACA,KAAKL,YAAL;MACD,CAHD,MAGO;QACL,MAAMS,QAAQ,GAAG,KAAKd,qBAAL,CAA2BY,GAA3B,CAA+BF,UAA/B,CAAjB;QACAI,QAAQ,CAACD,SAAT,GAAqB,IAArB;QAEA,KAAKX,oBAAL,CAA0BqB,MAA1B,CAAiCb,UAAjC;MACD;IACF;;EAjFoD,CAAvD;EAoFAgB,MAAM,CAACC,sBAAP,GAAgC3B,qBAAhC;AACD,CAxFuC,CAAjC"}

package/lib/module/reanimated2/globals.d.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["globals.d.ts"],"sourcesContent":["import { AnimatedStyle, StyleProps } from './commonTypes';\nimport { ReanimatedConsole } from './core';\nimport { FrameCallbackRegistryUI } from './frameCallback/FrameCallbackRegistryUI';\nimport { ShadowNodeWrapper } from './hook/commonTypes';\nimport { MeasuredDimensions } from './NativeMethods';\nimport { NativeReanimated } from './NativeReanimated/NativeReanimated';\ndeclare global {\n  const _WORKLET: boolean;\n  const _IS_FABRIC: boolean;\n  const _frameTimestamp: number;\n  const _eventTimestamp: number;\n  const _setGlobalConsole: (console?: ReanimatedConsole) => void;\n  const _getCurrentTime: () => number;\n  const _stopObservingProgress: (tag: number, flag: boolean) => void;\n  const _startObservingProgress: (\n    tag: number,\n    flag: { value: boolean; _value: boolean }\n  ) => void;\n  const _setGestureState: (handlerTag: number, newState: number) => void;\n  const _updatePropsPaper: (\n    tag: number,\n    name: string,\n    updates: StyleProps | AnimatedStyle\n  ) => void;\n  const _updatePropsFabric: (\n    shadowNodeWrapper: ShadowNodeWrapper,\n    props: StyleProps | AnimatedStyle\n  ) => void;\n  const _removeShadowNodeFromRegistry: (\n    shadowNodeWrapper: ShadowNodeWrapper\n  ) => void;\n  const _measure: (viewTag: number) => MeasuredDimensions;\n  const _scrollTo: (\n    viewTag: number,\n    x: number,\n    y: number,\n    animated: boolean\n  ) => void;\n  const _dispatchCommand: (\n    shadowNodeWrapper: ShadowNodeWrapper,\n    commandName: string,\n    args: Array<unknown>\n  ) => void;\n  const _chronoNow: () => number;\n  const ReanimatedDataMock: {\n    now: () => number;\n  };\n  const _frameCallbackRegistry: FrameCallbackRegistryUI;\n  namespace NodeJS {\n    interface Global {\n      _setGlobalConsole: (console?: ReanimatedConsole) => void;\n      _log: (s: string) => void;\n      _setGestureState: () => void;\n      _WORKLET: boolean;\n      _IS_FABRIC: boolean;\n      __reanimatedModuleProxy: NativeReanimated;\n      _frameTimestamp: number | null;\n      _measure: () => MeasuredDimensions;\n      _scrollTo: () => void;\n      _dispatchCommand: () => void;\n      _chronoNow: () => number;\n      performance: { now: () => number };\n      LayoutAnimationRepository: {\n        configs: Record<string, unknown>;\n        registerConfig(tag: number, config: Record<string, unknown>): void;\n        removeConfig(tag: number): void;\n        startAnimationForTag(\n          tag: number,\n          type: string,\n          yogaValues: unknown\n        ): void;\n      };\n      ReanimatedDataMock: {\n        now: () => number;\n      };\n      _frameCallbackRegistry: FrameCallbackRegistryUI;\n    }\n  }\n}\n"],"mappings":""}
+{"version":3,"names":[],"sources":["globals.d.ts"],"sourcesContent":["import type {\n  AnimatedStyle,\n  StyleProps,\n  MeasuredDimensions,\n} from './commonTypes';\nimport type { ReanimatedConsole } from './core';\nimport type { FrameCallbackRegistryUI } from './frameCallback/FrameCallbackRegistryUI';\nimport type { ShadowNodeWrapper } from './hook/commonTypes';\nimport type { NativeReanimated } from './NativeReanimated/NativeReanimated';\n\ndeclare global {\n  const _WORKLET: boolean;\n  const _IS_FABRIC: boolean;\n  const _frameTimestamp: number | null;\n  const _eventTimestamp: number;\n  const __reanimatedModuleProxy: NativeReanimated;\n  const _setGlobalConsole: (console?: ReanimatedConsole) => void;\n  const _log: (s: string) => void;\n  const _getCurrentTime: () => number;\n  const _stopObservingProgress: (tag: number, flag: boolean) => void;\n  const _startObservingProgress: (\n    tag: number,\n    flag: { value: boolean; _value: boolean }\n  ) => void;\n  const _setGestureState: (handlerTag: number, newState: number) => void;\n  const _updatePropsPaper: (\n    tag: number,\n    name: string,\n    updates: StyleProps | AnimatedStyle\n  ) => void;\n  const _updatePropsFabric: (\n    shadowNodeWrapper: ShadowNodeWrapper,\n    props: StyleProps | AnimatedStyle\n  ) => void;\n  const _removeShadowNodeFromRegistry: (\n    shadowNodeWrapper: ShadowNodeWrapper\n  ) => void;\n  const _measure: (viewTag: number) => MeasuredDimensions;\n  const _scrollTo: (\n    viewTag: number,\n    x: number,\n    y: number,\n    animated: boolean\n  ) => void;\n  const _dispatchCommand: (\n    shadowNodeWrapper: ShadowNodeWrapper,\n    commandName: string,\n    args: Array<unknown>\n  ) => void;\n  const _chronoNow: () => number;\n  const performance: { now: () => number };\n  const LayoutAnimationRepository: {\n    configs: Record<string, unknown>;\n    registerConfig(tag: number, config: Record<string, unknown>): void;\n    removeConfig(tag: number): void;\n    startAnimationForTag(tag: number, type: string, yogaValues: unknown): void;\n  };\n  const ReanimatedDataMock: {\n    now: () => number;\n  };\n  const _frameCallbackRegistry: FrameCallbackRegistryUI;\n\n  namespace NodeJS {\n    interface Global {\n      _WORKLET: boolean;\n      _IS_FABRIC: boolean;\n      _frameTimestamp: number | null;\n      _eventTimestamp: number;\n      __reanimatedModuleProxy: NativeReanimated;\n      _setGlobalConsole: (console?: ReanimatedConsole) => void;\n      _log: (s: string) => void;\n      _getCurrentTime: () => number;\n      _stopObservingProgress: (tag: number, flag: boolean) => void;\n      _startObservingProgress: (\n        tag: number,\n        flag: { value: boolean; _value: boolean }\n      ) => void;\n      _setGestureState: (handlerTag: number, newState: number) => void;\n      _updatePropsPaper: (\n        tag: number,\n        name: string,\n        updates: StyleProps | AnimatedStyle\n      ) => void;\n      _updatePropsFabric: (\n        shadowNodeWrapper: ShadowNodeWrapper,\n        props: StyleProps | AnimatedStyle\n      ) => void;\n      _removeShadowNodeFromRegistry: (\n        shadowNodeWrapper: ShadowNodeWrapper\n      ) => void;\n      _measure: (viewTag: number) => MeasuredDimensions;\n      _scrollTo: (\n        viewTag: number,\n        x: number,\n        y: number,\n        animated: boolean\n      ) => void;\n      _dispatchCommand: (\n        shadowNodeWrapper: ShadowNodeWrapper,\n        commandName: string,\n        args: Array<unknown>\n      ) => void;\n      _chronoNow: () => number;\n      performance: { now: () => number };\n      LayoutAnimationRepository: {\n        configs: Record<string, unknown>;\n        registerConfig(tag: number, config: Record<string, unknown>): void;\n        removeConfig(tag: number): void;\n        startAnimationForTag(\n          tag: number,\n          type: string,\n          yogaValues: unknown\n        ): void;\n      };\n      ReanimatedDataMock: {\n        now: () => number;\n      };\n      _frameCallbackRegistry: FrameCallbackRegistryUI;\n    }\n  }\n}\n"],"mappings":""}

package/lib/module/reanimated2/hook/useScrollViewOffset.js

@@ -1,6 +1,7 @@
 import { useEffect, useRef } from 'react';
 import { findNodeHandle } from 'react-native';
-import { useEvent, useSharedValue } from '.';
+import { useEvent } from './utils';
+import { useSharedValue } from './useSharedValue';
 const subscribeForEvents = ['onScroll', 'onScrollBeginDrag', 'onScrollEndDrag', 'onMomentumScrollBegin', 'onMomentumScrollEnd'];
 export function useScrollViewOffset(aref) {
   const offsetRef = useRef(useSharedValue(0));

package/lib/module/reanimated2/hook/useScrollViewOffset.js.map

@@ -1 +1 @@
-{"version":3,"names":["useEffect","useRef","findNodeHandle","useEvent","useSharedValue","subscribeForEvents","useScrollViewOffset","aref","offsetRef","event","current","value","contentOffset","x","y","viewTag","registerForEvents"],"sources":["useScrollViewOffset.ts"],"sourcesContent":["import { RefObject, useEffect, useRef } from 'react';\n\nimport { findNodeHandle } from 'react-native';\nimport type Animated from 'react-native-reanimated';\nimport { useEvent, useSharedValue } from '.';\nimport { SharedValue } from '../commonTypes';\nimport { ScrollEvent } from './useAnimatedScrollHandler';\n\nconst subscribeForEvents = [\n  'onScroll',\n  'onScrollBeginDrag',\n  'onScrollEndDrag',\n  'onMomentumScrollBegin',\n  'onMomentumScrollEnd',\n];\n\nexport function useScrollViewOffset(\n  aref: RefObject<Animated.ScrollView>\n): SharedValue<number> {\n  const offsetRef = useRef(useSharedValue(0));\n\n  const event = useEvent<ScrollEvent>((event: ScrollEvent) => {\n    'worklet';\n    offsetRef.current.value =\n      event.contentOffset.x === 0\n        ? event.contentOffset.y\n        : event.contentOffset.x;\n  }, subscribeForEvents);\n\n  useEffect(() => {\n    const viewTag = findNodeHandle(aref.current);\n    event.current?.registerForEvents(viewTag as number);\n  }, [aref.current]);\n\n  return offsetRef.current;\n}\n"],"mappings":"AAAA,SAAoBA,SAApB,EAA+BC,MAA/B,QAA6C,OAA7C;AAEA,SAASC,cAAT,QAA+B,cAA/B;AAEA,SAASC,QAAT,EAAmBC,cAAnB,QAAyC,GAAzC;AAIA,MAAMC,kBAAkB,GAAG,CACzB,UADyB,EAEzB,mBAFyB,EAGzB,iBAHyB,EAIzB,uBAJyB,EAKzB,qBALyB,CAA3B;AAQA,OAAO,SAASC,mBAAT,CACLC,IADK,EAEgB;EACrB,MAAMC,SAAS,GAAGP,MAAM,CAACG,cAAc,CAAC,CAAD,CAAf,CAAxB;EAEA,MAAMK,KAAK,GAAGN,QAAQ,CAAeM,KAAD,IAAwB;IAC1D;;IACAD,SAAS,CAACE,OAAV,CAAkBC,KAAlB,GACEF,KAAK,CAACG,aAAN,CAAoBC,CAApB,KAA0B,CAA1B,GACIJ,KAAK,CAACG,aAAN,CAAoBE,CADxB,GAEIL,KAAK,CAACG,aAAN,CAAoBC,CAH1B;EAID,CANqB,EAMnBR,kBANmB,CAAtB;EAQAL,SAAS,CAAC,MAAM;IAAA;;IACd,MAAMe,OAAO,GAAGb,cAAc,CAACK,IAAI,CAACG,OAAN,CAA9B;IACA,kBAAAD,KAAK,CAACC,OAAN,kEAAeM,iBAAf,CAAiCD,OAAjC;EACD,CAHQ,EAGN,CAACR,IAAI,CAACG,OAAN,CAHM,CAAT;EAKA,OAAOF,SAAS,CAACE,OAAjB;AACD"}
+{"version":3,"names":["useEffect","useRef","findNodeHandle","useEvent","useSharedValue","subscribeForEvents","useScrollViewOffset","aref","offsetRef","event","current","value","contentOffset","x","y","viewTag","registerForEvents"],"sources":["useScrollViewOffset.ts"],"sourcesContent":["import { RefObject, useEffect, useRef } from 'react';\n\nimport type Animated from 'react-native-reanimated';\nimport { ScrollEvent } from './useAnimatedScrollHandler';\nimport { SharedValue } from '../commonTypes';\nimport { findNodeHandle } from 'react-native';\nimport { useEvent } from './utils';\nimport { useSharedValue } from './useSharedValue';\n\nconst subscribeForEvents = [\n  'onScroll',\n  'onScrollBeginDrag',\n  'onScrollEndDrag',\n  'onMomentumScrollBegin',\n  'onMomentumScrollEnd',\n];\n\nexport function useScrollViewOffset(\n  aref: RefObject<Animated.ScrollView>\n): SharedValue<number> {\n  const offsetRef = useRef(useSharedValue(0));\n\n  const event = useEvent<ScrollEvent>((event: ScrollEvent) => {\n    'worklet';\n    offsetRef.current.value =\n      event.contentOffset.x === 0\n        ? event.contentOffset.y\n        : event.contentOffset.x;\n  }, subscribeForEvents);\n\n  useEffect(() => {\n    const viewTag = findNodeHandle(aref.current);\n    event.current?.registerForEvents(viewTag as number);\n  }, [aref.current]);\n\n  return offsetRef.current;\n}\n"],"mappings":"AAAA,SAAoBA,SAApB,EAA+BC,MAA/B,QAA6C,OAA7C;AAKA,SAASC,cAAT,QAA+B,cAA/B;AACA,SAASC,QAAT,QAAyB,SAAzB;AACA,SAASC,cAAT,QAA+B,kBAA/B;AAEA,MAAMC,kBAAkB,GAAG,CACzB,UADyB,EAEzB,mBAFyB,EAGzB,iBAHyB,EAIzB,uBAJyB,EAKzB,qBALyB,CAA3B;AAQA,OAAO,SAASC,mBAAT,CACLC,IADK,EAEgB;EACrB,MAAMC,SAAS,GAAGP,MAAM,CAACG,cAAc,CAAC,CAAD,CAAf,CAAxB;EAEA,MAAMK,KAAK,GAAGN,QAAQ,CAAeM,KAAD,IAAwB;IAC1D;;IACAD,SAAS,CAACE,OAAV,CAAkBC,KAAlB,GACEF,KAAK,CAACG,aAAN,CAAoBC,CAApB,KAA0B,CAA1B,GACIJ,KAAK,CAACG,aAAN,CAAoBE,CADxB,GAEIL,KAAK,CAACG,aAAN,CAAoBC,CAH1B;EAID,CANqB,EAMnBR,kBANmB,CAAtB;EAQAL,SAAS,CAAC,MAAM;IAAA;;IACd,MAAMe,OAAO,GAAGb,cAAc,CAACK,IAAI,CAACG,OAAN,CAA9B;IACA,kBAAAD,KAAK,CAACC,OAAN,kEAAeM,iBAAf,CAAiCD,OAAjC;EACD,CAHQ,EAGN,CAACR,IAAI,CAACG,OAAN,CAHM,CAAT;EAKA,OAAOF,SAAS,CAACE,OAAjB;AACD"}

package/package.json

@@ -1,25 +1,26 @@
 {
   "name": "react-native-reanimated",
-  "version": "3.0.0-rc.3",
+  "version": "3.0.0-rc.4",
   "description": "More powerful alternative to Animated library for React Native.",
   "scripts": {
     "test": "yarn run format:js && yarn run lint:js && yarn run test:unit",
     "test:unit": "jest",
-    "lint": "yarn lint:js && yarn lint:cpp && yarn lint:java && yarn lint:docs",
+    "lint": "yarn lint:js && yarn lint:cpp && yarn lint:java && yarn lint:ios && yarn lint:docs",
     "lint:js": "eslint --ext '.js,.ts,.tsx' src/ && yarn prettier --check src/",
     "lint:docs": "cd docs && yarn lint && cd ..",
     "lint:java": "./android/gradlew -p android spotlessCheck -q",
     "lint:cpp": "./scripts/cpplint.sh",
+    "lint:ios": "./scripts/validate-ios.sh && yarn format:ios --dry-run",
     "format": "yarn format:js && yarn format:java && yarn format:ios && yarn format:android && yarn format:common",
     "format:js": "prettier --write --list-different './src/'",
     "format:java": "node ./scripts/format-java.js",
-    "format:ios": "find ios/ -iname *.h -o -iname *.m -o -iname *.mm -o -iname *.cpp | xargs clang-format -i",
+    "format:ios": "find ios/ -iname *.h -o -iname *.m -o -iname *.mm -o -iname *.cpp | xargs clang-format -i --Werror",
     "format:android": "find android/src/ -iname *.h -o -iname *.cpp | xargs clang-format -i",
     "format:common": "find Common/ -iname *.h -o -iname *.cpp | xargs clang-format -i",
     "release": "npm login && release-it",
     "type:check": "yarn tsc --noEmit",
     "prepare": "bob build && husky install",
-    "circular_dependency_check": "yarn madge --extensions js,ts,tsx --circular ./src",
+    "circular_dependency_check": "yarn madge --extensions js,ts,tsx --circular src lib",
     "setup": "yarn && cd Example && yarn && cd ios && pod install --verbose && cd ../..",
     "clean": "rm -rf node_modules && cd Example && rm -rf node_modules && cd ios && pod deintegrate && cd ../..",
     "reset": "yarn clean && yarn setup",
@@ -50,6 +51,7 @@
     "!android/.cxx/",
     "!android/.gradle/",
     "RNReanimated.podspec",
+    "scripts/reanimated_utils.rb",
     "README.md",
     "mock.js",
     "plugin.js",
@@ -121,7 +123,7 @@
     "madge": "^5.0.1",
     "prettier": "^2.5.1",
     "react": "17.0.2",
-    "react-native": "0.70.1",
+    "react-native": "0.70.3",
     "react-native-builder-bob": "^0.18.3",
     "react-native-codegen": "^0.0.7",
     "react-native-gesture-handler": "^2.4.2",

package/plugin.js

@@ -279,7 +279,7 @@ class ClosureGenerator {
 }
 
 function isRelease() {
-  return process.env.BABEL_ENV === 'release';
+  return ['production', 'release'].includes(process.env.BABEL_ENV);
 }
 
 function shouldGenerateSourceMap() {

package/scripts/reanimated_utils.rb

@@ -0,0 +1,77 @@
+def try_to_parse_react_native_package_json(node_modules_dir)
+  react_native_package_json_path = File.join(node_modules_dir, 'react-native/package.json')
+  if !File.exists?(react_native_package_json_path)
+    return nil
+  end
+  return JSON.parse(File.read(react_native_package_json_path))
+end
+
+def find_config()
+  result = {
+    :is_reanimated_example_app => nil,
+    :react_native_version => nil,
+    :react_native_minor_version => nil,
+    :is_tvos_target => nil,
+    :react_native_node_modules_dir => nil,
+    :reanimated_node_modules_dir => nil,
+    :react_native_common_dir => nil,
+  }
+
+  react_native_node_modules_dir = File.join(File.dirname(`cd #{Pod::Config.instance.installation_root.to_s} && node --print "require.resolve('react-native/package.json')"`), '..')
+  react_native_json = try_to_parse_react_native_package_json(react_native_node_modules_dir)
+
+  if react_native_json == nil
+    # user configuration, just in case
+    node_modules_dir = ENV["REACT_NATIVE_NODE_MODULES_DIR"]
+    react_native_json = try_to_parse_react_native_package_json(node_modules_dir)
+  end
+
+  if react_native_json == nil
+    raise '[RNReanimated] Unable to recognize your `react-native` version! Please set environmental variable with `react-native` locations: `export REACT_NATIVE_NODE_MODULES_DIR="<path to react-native>" && pod install'
+  end
+
+  result[:is_reanimated_example_app] = ENV["REANIMATED_EXAMPLE_APP_NAME"] != nil
+  result[:is_tvos_target] = react_native_json['name'] == 'react-native-tvos'
+  result[:react_native_version] = react_native_json['version']
+  result[:react_native_minor_version] = react_native_json['version'].split('.')[1].to_i
+  result[:react_native_node_modules_dir] = File.expand_path(react_native_node_modules_dir)
+  result[:reanimated_node_modules_dir] = File.expand_path(File.join(__dir__, '..', '..'))
+
+  pods_root = Pod::Config.instance.project_pods_root
+  react_native_common_dir_absolute = File.join(react_native_node_modules_dir, 'react-native', 'ReactCommon')
+  react_native_common_dir_relative = Pathname.new(react_native_common_dir_absolute).relative_path_from(pods_root).to_s
+  result[:react_native_common_dir] = react_native_common_dir_relative
+
+  return result
+end
+
+def assert_no_multiple_instances(react_native_info)
+  if react_native_info[:is_reanimated_example_app]
+    return
+  end
+
+  lib_instances_in_react_native_node_modules = %x[find #{react_native_info[:react_native_node_modules_dir]} -name "package.json" | grep "/react-native-reanimated/package.json"]
+  lib_instances_in_react_native_node_modules_array = lib_instances_in_react_native_node_modules.split("\n")
+  reanimated_instances = lib_instances_in_react_native_node_modules_array.length()
+  if react_native_info[:react_native_node_modules_dir] != react_native_info[:reanimated_node_modules_dir]
+    lib_instances_in_reanimated_node_modules = %x[find #{react_native_info[:reanimated_node_modules_dir]} -name "package.json" | grep "/react-native-reanimated/package.json"]
+    lib_instances_in_reanimated_node_modules_array = lib_instances_in_reanimated_node_modules.split("\n")
+    reanimated_instances += lib_instances_in_reanimated_node_modules_array.length()
+  end
+  if reanimated_instances > 1
+    parsed_location = ''
+    for location in lib_instances_in_react_native_node_modules_array + lib_instances_in_reanimated_node_modules_array
+      location['/package.json'] = ''
+      parsed_location += "- " + location + "\n"
+    end
+    raise "[react-native-reanimated] Multiple versions of Reanimated were detected. Only one instance of react-native-reanimated can be installed in a project. You need to resolve the conflict manually. Check out the documentation: https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/troubleshooting#multiple-versions-of-reanimated-were-detected \n\nConflict between: \n" + parsed_location
+  end
+end
+
+def assert_no_reanimated2_with_new_architecture(reanimated_package_json)
+  reanimated_major_version = reanimated_package_json['version'].split('.')[0].to_i
+  fabric_enabled = ENV['RCT_NEW_ARCH_ENABLED'] == '1'
+  if fabric_enabled && reanimated_major_version == 2
+    raise "[react-native-reanimated] Reanimated 2.x does not support Fabric. Please upgrade to 3.x to use Reanimated with the New Architecture. For details, see https://blog.swmansion.com/announcing-reanimated-3-16167428c5f7"
+  end
+end

package/src/createAnimatedComponent.tsx

@@ -400,12 +400,11 @@ export default function createAnimatedComponent(
         // TODO update config
         const tag = findNodeHandle(ref);
         if (
+          !shouldBeUseWeb() &&
           (this.props.layout || this.props.entering || this.props.exiting) &&
           tag != null
         ) {
-          if (!shouldBeUseWeb()) {
-            enableLayoutAnimations(true, false);
-          }
+          enableLayoutAnimations(true, false);
           let layout = this.props.layout ? this.props.layout : DefaultLayout;
           let entering = this.props.entering
             ? this.props.entering