chore: pretty

demo/src/sandboxes/notification-hub/src/App.tsx

@@ -48,7 +48,7 @@ function MessageHub({
         })
       )
     },
-    config: (item, index, phase) => key => phase === 'enter' && key === 'life' ? { duration: timeout } : config,
+    config: (item, index, phase) => key => (phase === 'enter' && key === 'life' ? { duration: timeout } : config),
   })
 
   React.useEffect(() => {

docs/app/components/Code/H.tsx

@@ -6,7 +6,7 @@ interface HProps {
 export const H = ({ index, id, ...props }: HProps) => {
   const getHighlightedWords = (): [
     targetIndex: number[],
-    allHighlightWords: Element[]
+    allHighlightWords: Element[],
   ] => {
     const codeBlock = document.getElementById(id)
     if (!codeBlock) return [[], []]

docs/app/helpers/analytics.ts

@@ -7,7 +7,7 @@ export enum EventNames {
 
 type EventFactory<
   TEventName extends EventNames,
-  TAdditionalProps extends object = object
+  TAdditionalProps extends object = object,
 > = {
   name: TEventName
   additionalProps?: TAdditionalProps

docs/app/hooks/useAnimatedHeader.ts

@@ -17,7 +17,7 @@ export const useAnimatedHeader = ({
   styles: { top: SpringValue<number> },
   isStuck: boolean,
   scrollTop: number,
-  direction: SCROLL_DIR | undefined
+  direction: SCROLL_DIR | undefined,
 ] => {
   const [direction, scrollTop] = useWindowScrolling({
     active: true,

packages/animated/src/AnimatedArray.ts

@@ -8,7 +8,7 @@ type Source = AnimatedValue<Value>[]
 
 /** An array of animated nodes */
 export class AnimatedArray<
-  T extends ReadonlyArray<Value> = Value[]
+  T extends ReadonlyArray<Value> = Value[],
 > extends AnimatedObject {
   protected declare source: Source
   constructor(source: T) {

packages/animated/src/createHost.ts

@@ -69,5 +69,5 @@ const getDisplayName = (arg: AnimatableComponent) =>
   is.str(arg)
     ? arg
     : arg && is.str(arg.displayName)
-    ? arg.displayName
-    : (is.fun(arg) && arg.name) || null
+      ? arg.displayName
+      : (is.fun(arg) && arg.name) || null

packages/animated/src/getAnimatedType.ts

@@ -11,8 +11,8 @@ export function getAnimatedType(value: any): AnimatedType {
   return parentNode
     ? (parentNode.constructor as any)
     : is.arr(value)
-    ? AnimatedArray
-    : isAnimatedString(value)
-    ? AnimatedString
-    : AnimatedValue
+      ? AnimatedArray
+      : isAnimatedString(value)
+        ? AnimatedString
+        : AnimatedValue
 }

packages/animated/src/withAnimated.tsx

@@ -98,7 +98,10 @@ export const withAnimated = (Component: any, host: HostConfig) => {
 }
 
 class PropsObserver {
-  constructor(readonly update: () => void, readonly deps: Set<FluidValue>) {}
+  constructor(
+    readonly update: () => void,
+    readonly deps: Set<FluidValue>
+  ) {}
   eventObserved(event: FluidEvent) {
     if (event.type == 'change') {
       raf.write(this.update)

packages/core/src/AnimationResult.ts

@@ -9,13 +9,13 @@ export const getCombinedResult = <T extends Readable>(
   results.length == 1
     ? results[0]
     : results.some(result => result.cancelled)
-    ? getCancelledResult(target.get())
-    : results.every(result => result.noop)
-    ? getNoopResult(target.get())
-    : getFinishedResult(
-        target.get(),
-        results.every(result => result.finished)
-      )
+      ? getCancelledResult(target.get())
+      : results.every(result => result.noop)
+        ? getNoopResult(target.get())
+        : getFinishedResult(
+            target.get(),
+            results.every(result => result.finished)
+          )
 
 /** No-op results are for updates that never start an animation. */
 export const getNoopResult = (value: any) => ({

packages/core/src/Interpolation.ts

@@ -34,7 +34,7 @@ import {
  */
 export class Interpolation<
   Input = any,
-  Output = any
+  Output = any,
 > extends FrameValue<Output> {
   /** Useful for debugging. */
   key?: string

packages/core/src/SpringRef.ts

@@ -8,9 +8,9 @@ export interface ControllerUpdateFn<State extends Lookup = Lookup> {
 }
 
 export interface SpringRef<State extends Lookup = Lookup> {
-  (props?: ControllerUpdate<State> | ControllerUpdateFn<State>): AsyncResult<
-    Controller<State>
-  >[]
+  (
+    props?: ControllerUpdate<State> | ControllerUpdateFn<State>
+  ): AsyncResult<Controller<State>>[]
   current: Controller<State>[]
 
   /** Add a controller to this ref */
@@ -77,7 +77,7 @@ export interface SpringRef<State extends Lookup = Lookup> {
 }
 
 export const SpringRef = <
-  State extends Lookup = Lookup
+  State extends Lookup = Lookup,
 >(): SpringRef<State> => {
   const current: Controller<State>[] = []
 

packages/core/src/SpringValue.ts

@@ -190,8 +190,8 @@ export class SpringValue<T = any> extends FrameValue<T> {
         node.constructor == AnimatedString
           ? 1
           : payload
-          ? payload[i].lastPosition
-          : toValues![i]
+            ? payload[i].lastPosition
+            : toValues![i]
 
       let finished = anim.immediate
       let position = to
@@ -800,8 +800,8 @@ export class SpringValue<T = any> extends FrameValue<T> {
         anim.toValues = hasFluidValue(to)
           ? null
           : goalType == AnimatedString
-          ? [1]
-          : toArray(goal)
+            ? [1]
+            : toArray(goal)
       }
 
       if (anim.immediate != immediate) {

packages/core/src/helpers.ts

@@ -51,8 +51,8 @@ export const getDefaultProp = <T extends Lookup, P extends keyof T>(
   props.default === true
     ? props[key]
     : props.default
-    ? props.default[key]
-    : undefined
+      ? props.default[key]
+      : undefined
 
 const noopTransform = (value: any) => value
 
@@ -187,11 +187,11 @@ export function computeGoal<T>(value: T | FluidValue<T>): T {
   return is.arr(value)
     ? value.map(computeGoal)
     : isAnimatedString(value)
-    ? (G.createStringInterpolator({
-        range: [0, 1],
-        output: [value, value] as any,
-      })(1) as any)
-    : value
+      ? (G.createStringInterpolator({
+          range: [0, 1],
+          output: [value, value] as any,
+        })(1) as any)
+      : value
 }
 
 export function hasProps(props: object) {

packages/core/src/types/common.ts

@@ -29,8 +29,8 @@ export type RawValues<T extends object> = {
 export type IsPlainObject<T> = T extends ReadonlyArray<any>
   ? Any
   : T extends object
-  ? object
-  : Any
+    ? object
+    : Any
 
 export type StringKeys<T> = T extends IsPlainObject<T>
   ? string & keyof T

packages/core/src/types/functions.ts

@@ -48,7 +48,7 @@ export type SpringUpdateFn<T = any> = T extends IsPlainObject<T>
 interface AnyUpdateFn<
   T extends SpringValue | Controller<any>,
   Props extends object = InferProps<T>,
-  State = InferState<T>
+  State = InferState<T>,
 > {
   (to: SpringTo<State>, props?: Props): AsyncResult<T>
   (props: { to?: SpringToFn<T> | Falsy } & Props): AsyncResult<T>
@@ -82,7 +82,7 @@ interface UpdateValueFn<T = any> extends AnyUpdateFn<SpringValue<T>> {
 type EventHandler<
   TResult extends Readable = any,
   TSource = unknown,
-  Item = undefined
+  Item = undefined,
 > = Item extends undefined
   ? (result: AnimationResult<TResult>, ctrl: TSource, item?: Item) => void
   : (result: AnimationResult<TResult>, ctrl: TSource, item: Item) => void
@@ -94,39 +94,39 @@ type EventHandler<
 export type OnStart<
   TResult extends Readable,
   TSource,
-  Item = undefined
+  Item = undefined,
 > = EventHandler<TResult, TSource, Item>
 
 /** Called when a `SpringValue` changes */
 export type OnChange<
   TResult extends Readable,
   TSource,
-  Item = undefined
+  Item = undefined,
 > = EventHandler<TResult, TSource, Item>
 
 export type OnPause<
   TResult extends Readable,
   TSource,
-  Item = undefined
+  Item = undefined,
 > = EventHandler<TResult, TSource, Item>
 
 export type OnResume<
   TResult extends Readable,
   TSource,
-  Item = undefined
+  Item = undefined,
 > = EventHandler<TResult, TSource, Item>
 
 /** Called once the animation comes to a halt */
 export type OnRest<
   TResult extends Readable,
   TSource,
-  Item = undefined
+  Item = undefined,
 > = EventHandler<TResult, TSource, Item>
 
 export type OnResolve<
   TResult extends Readable,
   TSource,
-  Item = undefined
+  Item = undefined,
 > = EventHandler<TResult, TSource, Item>
 
 /**

packages/core/src/types/internal.ts

@@ -18,15 +18,15 @@ export interface Readable<T = any> {
 export type InferState<T extends Readable> = T extends Controller<infer State>
   ? State
   : T extends SpringValue<infer U>
-  ? U
-  : unknown
+    ? U
+    : unknown
 
 /** @internal */
 export type InferProps<T extends Readable> = T extends Controller<infer State>
   ? ControllerUpdate<State>
   : T extends SpringValue<infer U>
-  ? SpringUpdate<U>
-  : Lookup
+    ? SpringUpdate<U>
+    : Lookup
 
 /** @internal */
 export type InferTarget<T> = T extends object

packages/core/src/types/objects.ts

@@ -38,7 +38,7 @@ export type SpringValues<T extends Lookup = any> = [T] extends [Any]
 // Wrap a type with `SpringValue`
 type SpringWrap<T> = [
   Exclude<T, FluidValue>,
-  Extract<T, readonly any[]> // Arrays are animated.
+  Extract<T, readonly any[]>, // Arrays are animated.
 ] extends [object | void, never]
   ? never // Object literals cannot be animated.
   : SpringValue<Exclude<T, FluidValue | void>> | Extract<T, void>

packages/core/src/types/props.ts

@@ -143,15 +143,15 @@ export type SpringTo<T = any> =
 
 export type ControllerUpdate<
   State extends Lookup = Lookup,
-  Item = undefined
+  Item = undefined,
 > = unknown & ToProps<State> & ControllerProps<State, Item>
 
 /**
  * Props for `Controller` methods and constructor.
  */
 export interface ControllerProps<
   State extends Lookup = Lookup,
-  Item = undefined
+  Item = undefined,
 > extends AnimationProps<State> {
   ref?: SpringRef<State>
   from?: GoalValues<State> | Falsy
@@ -350,16 +350,16 @@ export type PickAnimated<Props extends object, Fwd = true> = unknown &
   ([Props] extends [Any]
     ? Lookup // Preserve "any" instead of resolving to "{}"
     : [object] extends [Props]
-    ? Lookup
-    : ObjectFromUnion<
-        Props extends { from: infer From } // extract prop from the `from` prop if it exists
-          ? From extends () => any
-            ? ReturnType<From>
-            : ObjectType<From>
-          : TransitionKey & keyof Props extends never
-          ? ToValues<Props, Fwd>
-          : TransitionValues<Props>
-      >)
+      ? Lookup
+      : ObjectFromUnion<
+          Props extends { from: infer From } // extract prop from the `from` prop if it exists
+            ? From extends () => any
+              ? ReturnType<From>
+              : ObjectType<From>
+            : TransitionKey & keyof Props extends never
+              ? ToValues<Props, Fwd>
+              : TransitionValues<Props>
+        >)
 
 /**
  * Pick the values of the `to` prop. Forward props are *not* included.

packages/core/src/types/transition.ts

@@ -41,10 +41,10 @@ export type TransitionValues<Props extends object> = unknown &
             ? T extends ReadonlyArray<infer Element>
               ? Element
               : T extends (...args: any[]) => infer Return
-              ? Return extends ReadonlyArray<infer ReturnElement>
-                ? ReturnElement
-                : Return
-              : T
+                ? Return extends ReadonlyArray<infer ReturnElement>
+                  ? ReturnElement
+                  : Return
+                : T
             : never
         >,
         {}
@@ -97,7 +97,7 @@ export type UseTransitionProps<Item = any> = Merge<
 
 export type TransitionComponentProps<
   Item,
-  Props extends object = any
+  Props extends object = any,
 > = unknown &
   UseTransitionProps<Item> & {
     keys?: ItemKeys<NoInfer<Item>>

packages/shared/src/easings.ts

@@ -106,10 +106,10 @@ export const easings: EasingDictionary = {
     x === 0
       ? 0
       : x === 1
-      ? 1
-      : x < 0.5
-      ? Math.pow(2, 20 * x - 10) / 2
-      : (2 - Math.pow(2, -20 * x + 10)) / 2,
+        ? 1
+        : x < 0.5
+          ? Math.pow(2, 20 * x - 10) / 2
+          : (2 - Math.pow(2, -20 * x + 10)) / 2,
   easeInCirc: x => 1 - Math.sqrt(1 - Math.pow(x, 2)),
   easeOutCirc: x => Math.sqrt(1 - Math.pow(x - 1, 2)),
   easeInOutCirc: x =>
@@ -126,22 +126,23 @@ export const easings: EasingDictionary = {
     x === 0
       ? 0
       : x === 1
-      ? 1
-      : -Math.pow(2, 10 * x - 10) * Math.sin((x * 10 - 10.75) * c4),
+        ? 1
+        : -Math.pow(2, 10 * x - 10) * Math.sin((x * 10 - 10.75) * c4),
   easeOutElastic: x =>
     x === 0
       ? 0
       : x === 1
-      ? 1
-      : Math.pow(2, -10 * x) * Math.sin((x * 10 - 0.75) * c4) + 1,
+        ? 1
+        : Math.pow(2, -10 * x) * Math.sin((x * 10 - 0.75) * c4) + 1,
   easeInOutElastic: x =>
     x === 0
       ? 0
       : x === 1
-      ? 1
-      : x < 0.5
-      ? -(Math.pow(2, 20 * x - 10) * Math.sin((20 * x - 11.125) * c5)) / 2
-      : (Math.pow(2, -20 * x + 10) * Math.sin((20 * x - 11.125) * c5)) / 2 + 1,
+        ? 1
+        : x < 0.5
+          ? -(Math.pow(2, 20 * x - 10) * Math.sin((20 * x - 11.125) * c5)) / 2
+          : (Math.pow(2, -20 * x + 10) * Math.sin((20 * x - 11.125) * c5)) / 2 +
+            1,
   easeInBounce: x => 1 - bounceOut(1 - x),
   easeOutBounce: bounceOut,
   easeInOutBounce: x =>