@rafaelaugusto/jolt 0.1.0-beta.3 → 0.1.0-beta.4

package/dist/transition.js

@@ -1,4 +1,5 @@
 import { resolveEasing } from './easing.js';
+import { isColorProperty } from './color.js';
 import { springPhysics } from './spring.js';
 export const springs = {
     smooth: { type: 'spring', duration: 500, bounce: 0 },
@@ -30,7 +31,10 @@ export function resolveTransition(transition, property, keyframes) {
     const type = transition.type ??
         (springKeys.some((key) => transition[key] !== undefined)
             ? 'spring'
-            : hasCurve(transition) || property === 'opacity' || keyframes > 2
+            : hasCurve(transition) ||
+                property === 'opacity' ||
+                isColorProperty(property) ||
+                keyframes > 2
                 ? 'tween'
                 : 'spring');
     const delay = transition.delay ?? 0;
@@ -52,7 +56,9 @@ export function resolveTransition(transition, property, keyframes) {
     }
     const tween = transition;
     const duration = tween.duration ?? DEFAULT_DURATION;
-    if (duration < 0 || Number.isNaN(duration)) {
+    if (duration < 0 ||
+        Number.isNaN(duration) ||
+        (isColorProperty(property) && !Number.isFinite(duration))) {
         throw new RangeError(`Invalid duration: ${duration}.`);
     }
     const segments = keyframes - 1;

package/dist/transition.js.map

@@ -1 +1 @@
-{"version":3,"file":"transition.js","sourceRoot":"","sources":["../src/transition.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"transition.js","sourceRoot":"","sources":["../src/transition.ts"],"names":[],"mappings":"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"}

package/dist/types.d.ts

@@ -1,9 +1,14 @@
 import type { View } from '@nativescript/core';
 import type { Haptic } from './haptics.js';
 import type { SpringName, Transition } from './transition.js';
+import type { ColorKeyframes } from './color.js';
 /** A value to animate to, or keyframes. `null` stands for the value the view has when the animation starts. */
 export type KeyframeValue = number | readonly (number | null)[];
 export interface Keyframes {
+    backgroundColor?: ColorKeyframes;
+    /** Uniform starting edge colors; widths and radii may differ. */
+    borderColor?: ColorKeyframes;
+    color?: ColorKeyframes;
     opacity?: KeyframeValue;
     /** Same as `translateX`, in DIPs. */
     x?: KeyframeValue;

package/dist/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAA;AAC9C,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,cAAc,CAAA;AAC1C,OAAO,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAE7D,+GAA+G;AAC/G,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,SAAS,CAAC,MAAM,GAAG,IAAI,CAAC,EAAE,CAAA;AAE/D,MAAM,WAAW,SAAS;IACxB,OAAO,CAAC,EAAE,aAAa,CAAA;IACvB,qCAAqC;IACrC,CAAC,CAAC,EAAE,aAAa,CAAA;IACjB,qCAAqC;IACrC,CAAC,CAAC,EAAE,aAAa,CAAA;IACjB,2CAA2C;IAC3C,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,MAAM,CAAC,EAAE,aAAa,CAAA;IACtB,MAAM,CAAC,EAAE,aAAa,CAAA;IACtB,eAAe;IACf,MAAM,CAAC,EAAE,aAAa,CAAA;IACtB,OAAO,CAAC,EAAE,aAAa,CAAA;IACvB,OAAO,CAAC,EAAE,aAAa,CAAA;CACxB;AAED,+FAA+F;AAC/F,MAAM,MAAM,MAAM,GAChB,IAAI,GAAG;IAAE,QAAQ,CAAC,UAAU,EAAE,IAAI,CAAA;CAAE,GAAG;IAAE,QAAQ,CAAC,aAAa,EAAE,IAAI,CAAA;CAAE,CAAA;AAEzE,yFAAyF;AACzF,MAAM,WAAW,aAAa;IAC5B,CAAC,CAAC,EAAE,MAAM,CAAA;IACV,CAAC,CAAC,EAAE,MAAM,CAAA;CACX;AAED,MAAM,WAAW,YAAY;IAC3B,2FAA2F;IAC3F,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,mFAAmF;IACnF,IAAI,CAAC,EAAE,SAAS,MAAM,EAAE,GAAG;QAAE,CAAC,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;QAAC,CAAC,CAAC,EAAE,SAAS,MAAM,EAAE,CAAA;KAAE,CAAA;CAC5E;AAED,MAAM,WAAW,OAAO;IACtB,oDAAoD;IACpD,IAAI,EAAE,MAAM,CAAA;IACZ,iCAAiC;IACjC,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAA;CAC5C;AAED,MAAM,MAAM,cAAc,GAAG,UAAU,GAAG;KACvC,CAAC,IAAI,MAAM,SAAS,CAAC,CAAC,EAAE,UAAU,GAAG,UAAU;CACjD,GAAG;IACF,6FAA6F;IAC7F,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,iFAAiF;IACjF,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IAC1B,mFAAmF;IACnF,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAA;AAC9C,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,cAAc,CAAA;AAC1C,OAAO,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAC7D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,YAAY,CAAA;AAEhD,+GAA+G;AAC/G,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,SAAS,CAAC,MAAM,GAAG,IAAI,CAAC,EAAE,CAAA;AAE/D,MAAM,WAAW,SAAS;IACxB,eAAe,CAAC,EAAE,cAAc,CAAA;IAChC,iEAAiE;IACjE,WAAW,CAAC,EAAE,cAAc,CAAA;IAC5B,KAAK,CAAC,EAAE,cAAc,CAAA;IACtB,OAAO,CAAC,EAAE,aAAa,CAAA;IACvB,qCAAqC;IACrC,CAAC,CAAC,EAAE,aAAa,CAAA;IACjB,qCAAqC;IACrC,CAAC,CAAC,EAAE,aAAa,CAAA;IACjB,2CAA2C;IAC3C,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,MAAM,CAAC,EAAE,aAAa,CAAA;IACtB,MAAM,CAAC,EAAE,aAAa,CAAA;IACtB,eAAe;IACf,MAAM,CAAC,EAAE,aAAa,CAAA;IACtB,OAAO,CAAC,EAAE,aAAa,CAAA;IACvB,OAAO,CAAC,EAAE,aAAa,CAAA;CACxB;AAED,+FAA+F;AAC/F,MAAM,MAAM,MAAM,GAChB,IAAI,GAAG;IAAE,QAAQ,CAAC,UAAU,EAAE,IAAI,CAAA;CAAE,GAAG;IAAE,QAAQ,CAAC,aAAa,EAAE,IAAI,CAAA;CAAE,CAAA;AAEzE,yFAAyF;AACzF,MAAM,WAAW,aAAa;IAC5B,CAAC,CAAC,EAAE,MAAM,CAAA;IACV,CAAC,CAAC,EAAE,MAAM,CAAA;CACX;AAED,MAAM,WAAW,YAAY;IAC3B,2FAA2F;IAC3F,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,mFAAmF;IACnF,IAAI,CAAC,EAAE,SAAS,MAAM,EAAE,GAAG;QAAE,CAAC,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;QAAC,CAAC,CAAC,EAAE,SAAS,MAAM,EAAE,CAAA;KAAE,CAAA;CAC5E;AAED,MAAM,WAAW,OAAO;IACtB,oDAAoD;IACpD,IAAI,EAAE,MAAM,CAAA;IACZ,iCAAiC;IACjC,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAA;CAC5C;AAED,MAAM,MAAM,cAAc,GAAG,UAAU,GAAG;KACvC,CAAC,IAAI,MAAM,SAAS,CAAC,CAAC,EAAE,UAAU,GAAG,UAAU;CACjD,GAAG;IACF,6FAA6F;IAC7F,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,iFAAiF;IACjF,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IAC1B,mFAAmF;IACnF,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rafaelaugusto/jolt",
-  "version": "0.1.0-beta.3",
+  "version": "0.1.0-beta.4",
   "description": "Native animations for NativeScript: presets, springs, keyframes and stagger in one call.",
   "keywords": [
     "nativescript",
@@ -32,7 +32,10 @@
   },
   "files": [
     "dist",
-    "src"
+    "src",
+    "platforms/android/java",
+    "platforms/android/include.gradle",
+    "platforms/android/proguard-rules.pro"
   ],
   "sideEffects": false,
   "scripts": {
@@ -66,5 +69,11 @@
   },
   "publishConfig": {
     "access": "public"
+  },
+  "nativescript": {
+    "platforms": {
+      "android": "8.9.0",
+      "ios": "8.9.0"
+    }
   }
 }

package/platforms/android/include.gradle

@@ -0,0 +1,7 @@
+// Applied by the NativeScript app. Preserve fields used by the native color target.
+def joltDependency = nativescriptDependencies.find { it.name == '@rafaelaugusto/jolt' }
+if (joltDependency != null) {
+    android.buildTypes.all {
+        proguardFile new File(rootDir, "${joltDependency.directory}/platforms/android/proguard-rules.pro")
+    }
+}

package/platforms/android/java/org/rafaelaugusto/jolt/ColorTarget.java

@@ -0,0 +1,102 @@
+package org.rafaelaugusto.jolt;
+
+import android.graphics.PorterDuff;
+import android.graphics.drawable.ColorDrawable;
+import android.graphics.drawable.Drawable;
+import android.view.View;
+import android.widget.TextView;
+import java.lang.ref.WeakReference;
+import java.lang.reflect.Field;
+import java.lang.reflect.Method;
+
+/** ObjectAnimator target. All frame updates stay in native code. */
+public final class ColorTarget {
+    private static final String BORDER = "org.nativescript.widgets.BorderDrawable";
+    private static final Field[] FIELDS = fields();
+    private static final String SHADOW = "org.nativescript.widgets.BoxShadowDrawable";
+    private static final Method UNWRAP = unwrapMethod();
+    private final WeakReference<View> view;
+    private final int property;
+    private int color;
+
+    // 0 = background, 1 = uniform border, 2 = text.
+    public ColorTarget(View view, int property, int initialColor) {
+        this.view = new WeakReference<>(view);
+        this.property = property;
+        this.color = initialColor;
+    }
+
+    private static Field[] fields() {
+        try {
+            Class<?> type = Class.forName(BORDER);
+            String[] names = {"backgroundColor", "borderTopColor", "borderRightColor", "borderBottomColor", "borderLeftColor"};
+            Field[] result = new Field[names.length];
+            for (int i = 0; i < names.length; i++) {
+                result[i] = type.getDeclaredField(names[i]);
+                result[i].setAccessible(true);
+            }
+            return result;
+        } catch (ReflectiveOperationException | SecurityException exception) {
+            return null;
+        }
+    }
+
+    private static Method unwrapMethod() {
+        try {
+            return Class.forName(SHADOW).getMethod("getWrappedDrawable");
+        } catch (ReflectiveOperationException exception) {
+            return null;
+        }
+    }
+
+    private Drawable background(View nativeView) {
+        Drawable drawable = nativeView.getBackground();
+        // Avoid reflective method lookups and exceptions in the frame loop.
+        if (drawable != null && drawable.getClass().getName().equals(SHADOW) && UNWRAP != null) {
+            try {
+                return (Drawable) UNWRAP.invoke(drawable);
+            } catch (ReflectiveOperationException exception) {
+                return drawable;
+            }
+        }
+        return drawable;
+    }
+
+    public boolean isSupported() {
+        View nativeView = view.get();
+        if (nativeView == null) return false;
+        if (property == 2) return nativeView instanceof TextView;
+        Drawable drawable = background(nativeView);
+        if (drawable == null) return true;
+        if (drawable.getClass().getName().equals(SHADOW)) return false;
+        return !drawable.getClass().getName().equals(BORDER) || FIELDS != null;
+    }
+
+    public int getColor() { return color; }
+
+    public void setColor(int value) {
+        View nativeView = view.get();
+        if (nativeView == null) return;
+        color = value;
+        if (property == 2) {
+            ((TextView) nativeView).setTextColor(value);
+            return;
+        }
+        // Resolve on every frame: a Core style update may replace the drawable.
+        Drawable drawable = background(nativeView);
+        if (drawable == null || drawable.getClass().getName().equals(SHADOW)) return;
+        if (drawable.getClass().getName().equals(BORDER)) {
+            if (FIELDS == null) return;
+            try {
+                if (property == 0) FIELDS[0].setInt(drawable, value);
+                else for (int i = 1; i < FIELDS.length; i++) FIELDS[i].setInt(drawable, value);
+                drawable.invalidateSelf();
+            } catch (IllegalAccessException exception) {
+                // Unsupported Core versions keep the final model color.
+            }
+        } else if (property == 0) {
+            if (drawable instanceof ColorDrawable) ((ColorDrawable) drawable).setColor(value);
+            else drawable.setColorFilter(value, PorterDuff.Mode.SRC_IN);
+        }
+    }
+}

package/platforms/android/proguard-rules.pro

@@ -0,0 +1,6 @@
+-keep class org.rafaelaugusto.jolt.ColorTarget { *; }
+-keep class org.nativescript.widgets.BorderDrawable { *; }
+-keepnames class org.nativescript.widgets.BoxShadowDrawable
+-keepclassmembers class org.nativescript.widgets.BoxShadowDrawable {
+    public android.graphics.drawable.Drawable getWrappedDrawable();
+}

package/src/animate.ts

@@ -1,4 +1,10 @@
 import { View } from '@nativescript/core'
+import {
+  isColorProperty,
+  parseColor,
+  validateColorTarget,
+  type ColorKeyframes,
+} from './color.js'
 import { DEFAULT_FRICTION, solveDecay } from './decay.js'
 import {
   arrivalOf,
@@ -59,14 +65,20 @@ export function animate(
   const feedback = resolveHaptic(haptic)
 
   if (!isList(target)) {
+    const view = toView(target)
+    for (const property of Object.keys(keyframes))
+      if (isColorProperty(property)) validateColorTarget(view, property)
     return new ViewAnimation(
-      toView(target),
+      view,
       plan(keyframes, base, overrides, 0, relative),
       feedback,
     )
   }
 
   const views = target.map(toView)
+  for (const view of views)
+    for (const property of Object.keys(keyframes))
+      if (isColorProperty(property)) validateColorTarget(view, property)
   return group(
     views.map(
       (view, index) =>
@@ -282,7 +294,10 @@ export function startingValues(
   const { keyframes, relative } = prepare(animation, options)
   if (!keyframes) throw new Error(`Unknown preset "${animation}".`)
   return new Map(
-    expand(keyframes).map(([property, [first]]) => [property, relative ? null : first!]),
+    expand(keyframes).map(([property, [first]]) => [
+      property,
+      relative && !isColorProperty(property) ? null : first!,
+    ]),
   )
 }
 
@@ -290,7 +305,7 @@ function expand(keyframes: Keyframes): [Property, (number | null)[]][] {
   const expanded: [Property, (number | null)[]][] = []
   for (const [key, value] of Object.entries(keyframes) as [
     keyof Keyframes,
-    KeyframeValue | undefined,
+    KeyframeValue | ColorKeyframes | undefined,
   ][]) {
     if (value === undefined) continue
     if (key !== 'scale' && !isProperty(key)) throw new Error(`Can't animate "${key}".`)
@@ -304,7 +319,18 @@ function expand(keyframes: Keyframes): [Property, (number | null)[]][] {
   return expanded
 }
 
-function toKeyframes(property: Property, value: KeyframeValue): (number | null)[] {
+function toKeyframes(
+  property: Property,
+  value: KeyframeValue | ColorKeyframes,
+): (number | null)[] {
+  if (isColorProperty(property)) {
+    const frames = Array.isArray(value) ? [...value] : [null, value]
+    if (!frames.length) throw new TypeError(`Empty color keyframes for "${property}".`)
+    if (frames.length === 1) frames.unshift(null)
+    return frames.map((frame) => (frame === null ? null : parseColor(frame)))
+  }
+  if (typeof value !== 'number' && !Array.isArray(value))
+    throw new TypeError(`Invalid numeric keyframes for "${property}".`)
   const frames = typeof value === 'number' ? [null, value] : [...value]
   if (frames.length === 1) frames.unshift(null)
   if (

package/src/color.ts

@@ -0,0 +1,101 @@
+import { Button, Color, Label, TextBase, isIOS, type View } from '@nativescript/core'
+
+export type ColorProperty = 'backgroundColor' | 'borderColor' | 'color'
+export type ColorValue = string | Color
+export type ColorKeyframes = ColorValue | readonly (ColorValue | null)[]
+export const isColorProperty = (property: string): property is ColorProperty =>
+  property === 'backgroundColor' || property === 'borderColor' || property === 'color'
+
+export function parseColor(value: unknown): number {
+  if (value instanceof Color) return value.argb >>> 0
+  if (typeof value !== 'string' || !Color.isValid(value))
+    throw new TypeError(`Invalid animation color: ${String(value)}.`)
+  return new Color(value).argb >>> 0
+}
+
+export function readColor(view: View, property: ColorProperty): number {
+  const value = property === 'borderColor' ? view.borderTopColor : view[property]
+  return value instanceof Color
+    ? value.argb >>> 0
+    : property === 'backgroundColor'
+      ? 0
+      : 0xff000000
+}
+
+export function validateColorTarget(view: View, property: ColorProperty) {
+  if (
+    property === 'color' &&
+    !(isIOS ? view instanceof Label || view instanceof Button : view instanceof TextBase)
+  )
+    throw new TypeError(
+      'Text color animation requires a Label or Button on iOS, or a TextBase on Android.',
+    )
+  if (property === 'borderColor') {
+    const colors = [
+      view.borderTopColor,
+      view.borderRightColor,
+      view.borderBottomColor,
+      view.borderLeftColor,
+    ]
+    if (
+      colors.some(
+        (color) => (color?.argb ?? 0xff000000) !== (colors[0]?.argb ?? 0xff000000),
+      )
+    )
+      throw new TypeError(
+        'borderColor animation requires the same starting color on every edge.',
+      )
+  }
+}
+
+const clamp = (value: number) => Math.max(0, Math.min(1, value))
+const linear = (channel: number) =>
+  channel <= 0.04045 ? channel / 12.92 : ((channel + 0.055) / 1.055) ** 2.4
+const encoded = (channel: number) =>
+  channel <= 0.0031308 ? 12.92 * channel : 1.055 * channel ** (1 / 2.4) - 0.055
+
+function lab(value: number) {
+  const r = linear(((value >>> 16) & 255) / 255)
+  const g = linear(((value >>> 8) & 255) / 255)
+  const b = linear((value & 255) / 255)
+  const l = Math.cbrt(0.4122214708 * r + 0.5363325363 * g + 0.0514459929 * b)
+  const m = Math.cbrt(0.2119034982 * r + 0.6806995451 * g + 0.1073969566 * b)
+  const s = Math.cbrt(0.0883024619 * r + 0.2817188376 * g + 0.6299787005 * b)
+  return [
+    0.2104542553 * l + 0.793617785 * m - 0.0040720468 * s,
+    1.9779984951 * l - 2.428592205 * m + 0.4505937099 * s,
+    0.0259040371 * l + 0.7827717662 * m - 0.808675766 * s,
+  ] as const
+}
+
+/** Premultiplied OKLab interpolation, clipped to the sRGB output gamut. */
+export function colorMixer(from: number, to: number): (progress: number) => number {
+  const a = lab(from),
+    b = lab(to)
+  const alphaA = (from >>> 24) / 255,
+    alphaB = (to >>> 24) / 255
+  return (progress) => {
+    const p = clamp(progress)
+    if (p === 0) return from
+    if (p === 1) return to
+    const alpha = alphaA + (alphaB - alphaA) * p
+    if (alpha <= 0) return 0
+    const channel = (i: number) => (a[i]! * alphaA * (1 - p) + b[i]! * alphaB * p) / alpha
+    const L = channel(0),
+      A = channel(1),
+      B = channel(2)
+    const l = (L + 0.3963377774 * A + 0.2158037573 * B) ** 3
+    const m = (L - 0.1055613458 * A - 0.0638541728 * B) ** 3
+    const s = (L - 0.0894841775 * A - 1.291485548 * B) ** 3
+    const r = Math.round(
+      clamp(encoded(4.0767416621 * l - 3.3077115913 * m + 0.2309699292 * s)) * 255,
+    )
+    const g = Math.round(
+      clamp(encoded(-1.2684380046 * l + 2.6097574011 * m - 0.3413193965 * s)) * 255,
+    )
+    const blue = Math.round(
+      clamp(encoded(-0.0041960863 * l - 0.7034186147 * m + 1.707614701 * s)) * 255,
+    )
+    return ((Math.round(alpha * 255) << 24) | (r << 16) | (g << 8) | blue) >>> 0
+  }
+}

package/src/driver/android-color.ts

@@ -0,0 +1,168 @@
+import { type View } from '@nativescript/core'
+import { readColor, type ColorProperty } from '../color.js'
+import type { Track } from '../track.js'
+
+interface NativeTarget {
+  getColor(): number
+  setColor(value: number): void
+  isSupported(): boolean
+}
+interface ColorHandle {
+  cancel(): void
+  elapsed(): number
+  target: NativeTarget
+}
+const playing = new WeakMap<View, Map<ColorProperty, ColorHandle>>()
+
+export function presentedAndroidColor(view: View, property: ColorProperty): number {
+  const active = playing.get(view)?.get(property)
+  if (active) return active.target.getColor() >>> 0
+  if (property === 'color' && view.nativeViewProtected instanceof android.widget.TextView)
+    return view.nativeViewProtected.getCurrentTextColor() >>> 0
+  return readColor(view, property)
+}
+
+export function playAndroidColor(
+  view: View,
+  track: Track,
+  onEnd: (finished?: boolean) => void,
+): ColorHandle {
+  const property = track.property as ColorProperty
+  const changes =
+    property === 'borderColor'
+      ? [
+          'borderTopColorChange',
+          'borderRightColorChange',
+          'borderBottomColorChange',
+          'borderLeftColorChange',
+        ]
+      : [`${property}Change`]
+  const bridge = globalThis as unknown as {
+    org: {
+      rafaelaugusto: {
+        jolt: {
+          ColorTarget: new (
+            view: android.view.View,
+            property: number,
+            color: number,
+          ) => NativeTarget
+        }
+      }
+    }
+  }
+  let target: NativeTarget
+  try {
+    target = new bridge.org.rafaelaugusto.jolt.ColorTarget(
+      view.nativeViewProtected,
+      property === 'backgroundColor' ? 0 : property === 'borderColor' ? 1 : 2,
+      track.values[0]! | 0,
+    )
+  } catch {
+    // A JS-only update cannot install the native plugin. Keep the final model.
+    onEnd(false)
+    return {
+      cancel() {},
+      elapsed: () => 0,
+      target: {
+        getColor: () => readColor(view, property),
+        setColor() {},
+        isSupported: () => false,
+      },
+    }
+  }
+  const frames = Array.create(android.animation.Keyframe, track.values.length)
+  track.values.forEach((value, index) => {
+    frames[index] = android.animation.Keyframe.ofInt(track.times[index]!, value | 0)
+  })
+  const holder = android.animation.PropertyValuesHolder.ofKeyframe('color', frames)
+  holder.setEvaluator(new android.animation.ArgbEvaluator())
+  const holders = Array.create(android.animation.PropertyValuesHolder, 1)
+  holders[0] = holder
+  const animator = android.animation.ObjectAnimator.ofPropertyValuesHolder(
+    target as unknown as java.lang.Object,
+    holders,
+  )
+  animator.setDuration(Math.max(track.duration, 1))
+  animator.setStartDelay(track.delay)
+  animator.setInterpolator(new android.view.animation.LinearInterpolator())
+  if (track.repeat > 0) {
+    animator.setRepeatCount(
+      Number.isFinite(track.repeat)
+        ? track.repeat
+        : android.animation.ValueAnimator.INFINITE,
+    )
+    animator.setRepeatMode(
+      track.reverse
+        ? android.animation.ValueAnimator.REVERSE
+        : android.animation.ValueAnimator.RESTART,
+    )
+  }
+  let stopped = false,
+    started = false,
+    queued = false
+  const cleanup = () => {
+    if (stopped) return
+    stopped = true
+    view.off('unloaded', cancel)
+    if (property === 'color') {
+      view.off('textChange', invalidate)
+      view.off('formattedTextChange', invalidate)
+    }
+    for (const name of changes) view.style.off(name, invalidate)
+    if (playing.get(view)?.get(property) === handle) playing.get(view)?.delete(property)
+  }
+  const cancel = () => {
+    if (stopped) return
+    cleanup()
+    animator.cancel()
+    onEnd(false)
+  }
+  const invalidate = () => {
+    if (stopped || queued) return
+    queued = true
+    void Promise.resolve().then(() => {
+      queued = false
+      if (!stopped) cancel()
+    })
+  }
+  const handle: ColorHandle = {
+    target,
+    elapsed: () => (started ? track.delay + animator.getCurrentPlayTime() : 0),
+    cancel() {
+      cleanup()
+      animator.cancel()
+    },
+  }
+  let entries = playing.get(view)
+  if (!entries) playing.set(view, (entries = new Map()))
+  entries.set(property, handle)
+  animator.addListener(
+    new android.animation.Animator.AnimatorListener({
+      onAnimationStart() {
+        started = true
+      },
+      onAnimationRepeat() {},
+      onAnimationCancel() {},
+      onAnimationEnd() {
+        if (!stopped) {
+          cleanup()
+          onEnd()
+        }
+      },
+    }),
+  )
+  view.on('unloaded', cancel)
+  if (property === 'color') {
+    view.on('textChange', invalidate)
+    view.on('formattedTextChange', invalidate)
+  }
+  for (const name of changes) view.style.on(name, invalidate)
+  if (target.isSupported()) {
+    target.setColor(track.values[0]! | 0)
+    animator.start()
+  } else {
+    cleanup()
+    onEnd(false)
+  }
+  return handle
+}

package/src/driver/android.ts

@@ -1,6 +1,8 @@
 import { Utils, type View } from '@nativescript/core'
-import type { Property } from '../properties.js'
+import type { NumericProperty } from '../properties.js'
 import type { Driver } from './index.js'
+import { isColorProperty } from '../color.js'
+import { playAndroidColor, presentedAndroidColor } from './android-color.js'
 
 type NativeView = android.view.View
 
@@ -44,7 +46,7 @@ function fadeLayer(view: View, nativeView: NativeView): (() => void) | undefined
 }
 
 const accessors: Record<
-  Property,
+  NumericProperty,
   { get(view: NativeView): number; set(view: NativeView, value: number): void }
 > = {
   opacity: { get: (v) => v.getAlpha(), set: (v, value) => v.setAlpha(value) },
@@ -57,7 +59,7 @@ const accessors: Record<
   rotateY: { get: (v) => v.getRotationY(), set: (v, value) => v.setRotationY(value) },
 }
 
-const unit = (property: Property) =>
+const unit = (property: NumericProperty) =>
   property === 'x' || property === 'y' ? Utils.layout.getDisplayDensity() : 1
 
 export function createAndroidDriver(): Driver {
@@ -71,13 +73,14 @@ export function createAndroidDriver(): Driver {
     rotate: View.ROTATION,
     rotateX: View.ROTATION_X,
     rotateY: View.ROTATION_Y,
-  } satisfies Record<Property, unknown>
+  } satisfies Record<NumericProperty, unknown>
   const interpolator = new android.view.animation.LinearInterpolator()
 
   return {
     now: () => android.os.SystemClock.uptimeMillis(),
 
     play(view, track, _startedAt, onEnd) {
+      if (isColorProperty(track.property)) return playAndroidColor(view, track, onEnd)
       const nativeView = view.nativeViewProtected as NativeView
       const scale = unit(track.property)
 
@@ -170,6 +173,7 @@ export function createAndroidDriver(): Driver {
     elapsed: (handle) => (handle as Handle).elapsed(),
 
     presented(view, property) {
+      if (isColorProperty(property)) return presentedAndroidColor(view, property)
       const nativeView = view.nativeViewProtected as NativeView | undefined
       return nativeView ? accessors[property].get(nativeView) / unit(property) : undefined
     },

package/src/driver/index.ts

@@ -8,7 +8,12 @@ export interface Driver {
   /** Milliseconds, on the clock the platform's animations run on. */
   now(): number
   /** Starts the track at `startedAt + track.delay` and calls `onEnd` once, however it ends. */
-  play(view: View, track: Track, startedAt: number, onEnd: () => void): unknown
+  play(
+    view: View,
+    track: Track,
+    startedAt: number,
+    onEnd: (finished?: boolean) => void,
+  ): unknown
   stop(view: View, handle: unknown): void
   /** Track time, including its delay, when the native clock differs from `now()`. */
   elapsed?(handle: unknown): number