@rafaelaugusto/jolt 0.0.0-stage → 0.1.0-beta.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +21 -0
- package/README.md +323 -2
- package/dist/animate.d.ts +26 -0
- package/dist/animate.d.ts.map +1 -0
- package/dist/animate.js +161 -0
- package/dist/animate.js.map +1 -0
- package/dist/driver/android.d.ts +3 -0
- package/dist/driver/android.d.ts.map +1 -0
- package/dist/driver/android.js +73 -0
- package/dist/driver/android.js.map +1 -0
- package/dist/driver/index.d.ts +18 -0
- package/dist/driver/index.d.ts.map +1 -0
- package/dist/driver/index.js +15 -0
- package/dist/driver/index.js.map +1 -0
- package/dist/driver/ios.d.ts +3 -0
- package/dist/driver/ios.d.ts.map +1 -0
- package/dist/driver/ios.js +77 -0
- package/dist/driver/ios.js.map +1 -0
- package/dist/easing.d.ts +8 -0
- package/dist/easing.d.ts.map +1 -0
- package/dist/easing.js +71 -0
- package/dist/easing.js.map +1 -0
- package/dist/engine.d.ts +48 -0
- package/dist/engine.d.ts.map +1 -0
- package/dist/engine.js +178 -0
- package/dist/engine.js.map +1 -0
- package/dist/index.d.ts +13 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +7 -0
- package/dist/index.js.map +1 -0
- package/dist/presets.d.ts +310 -0
- package/dist/presets.d.ts.map +1 -0
- package/dist/presets.js +141 -0
- package/dist/presets.js.map +1 -0
- package/dist/press.d.ts +13 -0
- package/dist/press.d.ts.map +1 -0
- package/dist/press.js +34 -0
- package/dist/press.js.map +1 -0
- package/dist/properties.d.ts +8 -0
- package/dist/properties.d.ts.map +1 -0
- package/dist/properties.js +42 -0
- package/dist/properties.js.map +1 -0
- package/dist/sequence.d.ts +26 -0
- package/dist/sequence.d.ts.map +1 -0
- package/dist/sequence.js +69 -0
- package/dist/sequence.js.map +1 -0
- package/dist/spring.d.ts +22 -0
- package/dist/spring.d.ts.map +1 -0
- package/dist/spring.js +54 -0
- package/dist/spring.js.map +1 -0
- package/dist/track.d.ts +28 -0
- package/dist/track.d.ts.map +1 -0
- package/dist/track.js +103 -0
- package/dist/track.js.map +1 -0
- package/dist/transition.d.ts +58 -0
- package/dist/transition.d.ts.map +1 -0
- package/dist/transition.js +82 -0
- package/dist/transition.js.map +1 -0
- package/dist/types.d.ts +40 -0
- package/dist/types.d.ts.map +1 -0
- package/dist/types.js +2 -0
- package/dist/types.js.map +1 -0
- package/package.json +67 -4
- package/src/animate.ts +246 -0
- package/src/driver/android.ts +101 -0
- package/src/driver/index.ts +32 -0
- package/src/driver/ios.ts +97 -0
- package/src/easing.ts +100 -0
- package/src/engine.ts +216 -0
- package/src/index.ts +12 -0
- package/src/presets.ts +158 -0
- package/src/press.ts +49 -0
- package/src/properties.ts +51 -0
- package/src/sequence.ts +88 -0
- package/src/spring.ts +95 -0
- package/src/track.ts +163 -0
- package/src/transition.ts +160 -0
- package/src/types.ts +41 -0
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { type View } from '@nativescript/core';
|
|
2
|
+
import type { Property } from '../properties.js';
|
|
3
|
+
import type { Track } from '../track.js';
|
|
4
|
+
export interface Driver {
|
|
5
|
+
/** Milliseconds, on the clock the platform's animations run on. */
|
|
6
|
+
now(): number;
|
|
7
|
+
/** Starts the track at `startedAt + track.delay` and calls `onEnd` once, however it ends. */
|
|
8
|
+
play(view: View, track: Track, startedAt: number, onEnd: () => void): unknown;
|
|
9
|
+
stop(view: View, handle: unknown): void;
|
|
10
|
+
/** The value on screen, when the platform knows it better than the track does. */
|
|
11
|
+
presented(view: View, property: Property): number | undefined;
|
|
12
|
+
/** Calls back after `ms` on the same clock, and returns a function that cancels it. */
|
|
13
|
+
after(ms: number, callback: () => void): () => void;
|
|
14
|
+
}
|
|
15
|
+
export declare function after(ms: number, callback: () => void): () => void;
|
|
16
|
+
export declare function getDriver(): Driver;
|
|
17
|
+
export declare function setDriver(next: Driver | undefined): void;
|
|
18
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/driver/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,KAAK,IAAI,EAAE,MAAM,oBAAoB,CAAA;AACzD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAChD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AAIxC,MAAM,WAAW,MAAM;IACrB,mEAAmE;IACnE,GAAG,IAAI,MAAM,CAAA;IACb,6FAA6F;IAC7F,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,IAAI,GAAG,OAAO,CAAA;IAC7E,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,GAAG,IAAI,CAAA;IACvC,kFAAkF;IAClF,SAAS,CAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,GAAG,MAAM,GAAG,SAAS,CAAA;IAC7D,uFAAuF;IACvF,KAAK,CAAC,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,IAAI,GAAG,MAAM,IAAI,CAAA;CACpD;AAED,wBAAgB,KAAK,CAAC,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,IAAI,cAGrD;AAID,wBAAgB,SAAS,IAAI,MAAM,CAElC;AAED,wBAAgB,SAAS,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,QAEjD"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { isAndroid } from '@nativescript/core';
|
|
2
|
+
import { createAndroidDriver } from './android.js';
|
|
3
|
+
import { createIOSDriver } from './ios.js';
|
|
4
|
+
export function after(ms, callback) {
|
|
5
|
+
const timer = setTimeout(callback, ms);
|
|
6
|
+
return () => clearTimeout(timer);
|
|
7
|
+
}
|
|
8
|
+
let driver;
|
|
9
|
+
export function getDriver() {
|
|
10
|
+
return (driver ??= isAndroid ? createAndroidDriver() : createIOSDriver());
|
|
11
|
+
}
|
|
12
|
+
export function setDriver(next) {
|
|
13
|
+
driver = next;
|
|
14
|
+
}
|
|
15
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/driver/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAa,MAAM,oBAAoB,CAAA;AAGzD,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAA;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAc1C,MAAM,UAAU,KAAK,CAAC,EAAU,EAAE,QAAoB;IACpD,MAAM,KAAK,GAAG,UAAU,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAA;IACtC,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,CAAA;AAClC,CAAC;AAED,IAAI,MAA0B,CAAA;AAE9B,MAAM,UAAU,SAAS;IACvB,OAAO,CAAC,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,mBAAmB,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,CAAC,CAAA;AAC3E,CAAC;AAED,MAAM,UAAU,SAAS,CAAC,IAAwB;IAChD,MAAM,GAAG,IAAI,CAAA;AACf,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ios.d.ts","sourceRoot":"","sources":["../../src/driver/ios.ts"],"names":[],"mappings":"AAEA,OAAO,EAAS,KAAK,MAAM,EAAE,MAAM,YAAY,CAAA;AA4C/C,wBAAgB,eAAe,IAAI,MAAM,CAkDxC"}
|
|
@@ -0,0 +1,77 @@
|
|
|
1
|
+
import { after } from './index.js';
|
|
2
|
+
const keyPaths = {
|
|
3
|
+
opacity: 'opacity',
|
|
4
|
+
x: 'transform.translation.x',
|
|
5
|
+
y: 'transform.translation.y',
|
|
6
|
+
scaleX: 'transform.scale.x',
|
|
7
|
+
scaleY: 'transform.scale.y',
|
|
8
|
+
rotate: 'transform.rotation.z',
|
|
9
|
+
rotateX: 'transform.rotation.x',
|
|
10
|
+
rotateY: 'transform.rotation.y',
|
|
11
|
+
};
|
|
12
|
+
const radians = (degrees) => (degrees * Math.PI) / 180;
|
|
13
|
+
function layersOf(view) {
|
|
14
|
+
const nativeView = view.nativeViewProtected;
|
|
15
|
+
return nativeView.outerShadowContainerLayer
|
|
16
|
+
? [nativeView.layer, nativeView.outerShadowContainerLayer]
|
|
17
|
+
: [nativeView.layer];
|
|
18
|
+
}
|
|
19
|
+
/** A 3D rotation only looks 3D with perspective, which core leaves out once the rotation ends at 0. */
|
|
20
|
+
function ensurePerspective(view, layers) {
|
|
21
|
+
CATransaction.begin();
|
|
22
|
+
CATransaction.setDisableActions(true);
|
|
23
|
+
for (const layer of layers) {
|
|
24
|
+
const transform = layer.transform;
|
|
25
|
+
if (transform.m34 === 0) {
|
|
26
|
+
transform.m34 = -1 / (view.perspective || 300);
|
|
27
|
+
layer.transform = transform;
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
CATransaction.commit();
|
|
31
|
+
}
|
|
32
|
+
export function createIOSDriver() {
|
|
33
|
+
return {
|
|
34
|
+
now: () => CACurrentMediaTime() * 1000,
|
|
35
|
+
play(view, track, startedAt, onEnd) {
|
|
36
|
+
const layers = layersOf(view);
|
|
37
|
+
const key = `jolt:${track.property}`;
|
|
38
|
+
const rotation = track.property.startsWith('rotate');
|
|
39
|
+
const infinite = track.repeat === Infinity;
|
|
40
|
+
if (track.property === 'rotateX' || track.property === 'rotateY') {
|
|
41
|
+
ensurePerspective(view, layers);
|
|
42
|
+
}
|
|
43
|
+
const animation = CAKeyframeAnimation.animationWithKeyPath(keyPaths[track.property]);
|
|
44
|
+
animation.values = NSArray.arrayWithArray(track.values.map((value) => (rotation ? radians(value) : value)));
|
|
45
|
+
animation.keyTimes = NSArray.arrayWithArray(track.times);
|
|
46
|
+
animation.duration = Math.max(track.duration, 1) / 1000;
|
|
47
|
+
animation.beginTime = (startedAt + track.delay) / 1000;
|
|
48
|
+
animation.fillMode = kCAFillModeBackwards;
|
|
49
|
+
// Keep infinite loops when iOS removes animations on backgrounding.
|
|
50
|
+
// They are removed explicitly when stopped or replaced.
|
|
51
|
+
animation.removedOnCompletion = !infinite;
|
|
52
|
+
if (track.repeat > 0) {
|
|
53
|
+
animation.autoreverses = track.reverse;
|
|
54
|
+
animation.repeatCount = track.reverse ? (track.repeat + 1) / 2 : track.repeat + 1;
|
|
55
|
+
}
|
|
56
|
+
CATransaction.begin();
|
|
57
|
+
// iOS completes the transaction on backgrounding even if the loop is retained.
|
|
58
|
+
if (!infinite)
|
|
59
|
+
CATransaction.setCompletionBlock(onEnd);
|
|
60
|
+
for (const layer of layers)
|
|
61
|
+
layer.addAnimationForKey(animation, key);
|
|
62
|
+
CATransaction.commit();
|
|
63
|
+
return { layers, key, onStop: infinite ? onEnd : undefined };
|
|
64
|
+
},
|
|
65
|
+
stop(_view, handle) {
|
|
66
|
+
const playing = handle;
|
|
67
|
+
const { layers, key, onStop } = playing;
|
|
68
|
+
playing.onStop = undefined;
|
|
69
|
+
for (const layer of layers)
|
|
70
|
+
layer.removeAnimationForKey(key);
|
|
71
|
+
onStop?.();
|
|
72
|
+
},
|
|
73
|
+
presented: () => undefined,
|
|
74
|
+
after,
|
|
75
|
+
};
|
|
76
|
+
}
|
|
77
|
+
//# sourceMappingURL=ios.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ios.js","sourceRoot":"","sources":["../../src/driver/ios.ts"],"names":[],"mappings":"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"}
|
package/dist/easing.d.ts
ADDED
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export type EasingFunction = (progress: number) => number;
|
|
2
|
+
export type CubicBezier = readonly [x1: number, y1: number, x2: number, y2: number];
|
|
3
|
+
export type EasingName = 'linear' | 'ease' | 'easeIn' | 'easeOut' | 'easeInOut' | 'circIn' | 'circOut' | 'circInOut' | 'backIn' | 'backOut' | 'backInOut' | 'anticipate';
|
|
4
|
+
export type Easing = EasingName | CubicBezier | EasingFunction;
|
|
5
|
+
export declare const linear: EasingFunction;
|
|
6
|
+
export declare function cubicBezier(x1: number, y1: number, x2: number, y2: number): EasingFunction;
|
|
7
|
+
export declare function resolveEasing(easing: Easing): EasingFunction;
|
|
8
|
+
//# sourceMappingURL=easing.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"easing.d.ts","sourceRoot":"","sources":["../src/easing.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,cAAc,GAAG,CAAC,QAAQ,EAAE,MAAM,KAAK,MAAM,CAAA;AAEzD,MAAM,MAAM,WAAW,GAAG,SAAS,CAAC,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,CAAC,CAAA;AAEnF,MAAM,MAAM,UAAU,GAClB,QAAQ,GACR,MAAM,GACN,QAAQ,GACR,SAAS,GACT,WAAW,GACX,QAAQ,GACR,SAAS,GACT,WAAW,GACX,QAAQ,GACR,SAAS,GACT,WAAW,GACX,YAAY,CAAA;AAEhB,MAAM,MAAM,MAAM,GAAG,UAAU,GAAG,WAAW,GAAG,cAAc,CAAA;AAE9D,eAAO,MAAM,MAAM,EAAE,cAAyB,CAAA;AAE9C,wBAAgB,WAAW,CAAC,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,kBAsCzE;AA+BD,wBAAgB,aAAa,CAAC,MAAM,EAAE,MAAM,GAAG,cAAc,CAQ5D"}
|
package/dist/easing.js
ADDED
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
export const linear = (p) => p;
|
|
2
|
+
export function cubicBezier(x1, y1, x2, y2) {
|
|
3
|
+
if (x1 === y1 && x2 === y2)
|
|
4
|
+
return linear;
|
|
5
|
+
const cx = 3 * x1;
|
|
6
|
+
const bx = 3 * (x2 - x1) - cx;
|
|
7
|
+
const ax = 1 - cx - bx;
|
|
8
|
+
const cy = 3 * y1;
|
|
9
|
+
const by = 3 * (y2 - y1) - cy;
|
|
10
|
+
const ay = 1 - cy - by;
|
|
11
|
+
const sampleX = (t) => ((ax * t + bx) * t + cx) * t;
|
|
12
|
+
const sampleY = (t) => ((ay * t + by) * t + cy) * t;
|
|
13
|
+
const slopeX = (t) => (3 * ax * t + 2 * bx) * t + cx;
|
|
14
|
+
const solveX = (x) => {
|
|
15
|
+
let t = x;
|
|
16
|
+
for (let i = 0; i < 8; i++) {
|
|
17
|
+
const error = sampleX(t) - x;
|
|
18
|
+
if (Math.abs(error) < 1e-7)
|
|
19
|
+
return t;
|
|
20
|
+
const slope = slopeX(t);
|
|
21
|
+
if (Math.abs(slope) < 1e-6)
|
|
22
|
+
break;
|
|
23
|
+
t -= error / slope;
|
|
24
|
+
}
|
|
25
|
+
let low = 0;
|
|
26
|
+
let high = 1;
|
|
27
|
+
t = x;
|
|
28
|
+
for (let i = 0; i < 40; i++) {
|
|
29
|
+
const value = sampleX(t);
|
|
30
|
+
if (Math.abs(value - x) < 1e-7)
|
|
31
|
+
break;
|
|
32
|
+
if (value < x)
|
|
33
|
+
low = t;
|
|
34
|
+
else
|
|
35
|
+
high = t;
|
|
36
|
+
t = (low + high) / 2;
|
|
37
|
+
}
|
|
38
|
+
return t;
|
|
39
|
+
};
|
|
40
|
+
return (p) => (p <= 0 ? 0 : p >= 1 ? 1 : sampleY(solveX(p)));
|
|
41
|
+
}
|
|
42
|
+
const backIn = cubicBezier(0.36, 0, 0.66, -0.56);
|
|
43
|
+
const circIn = (p) => 1 - Math.sqrt(1 - Math.min(p * p, 1));
|
|
44
|
+
const reverse = (easing) => (p) => 1 - easing(1 - p);
|
|
45
|
+
const mirror = (easing) => (p) => p <= 0.5 ? easing(2 * p) / 2 : (2 - easing(2 * (1 - p))) / 2;
|
|
46
|
+
const easings = {
|
|
47
|
+
linear,
|
|
48
|
+
ease: cubicBezier(0.25, 0.1, 0.25, 1),
|
|
49
|
+
easeIn: cubicBezier(0.42, 0, 1, 1),
|
|
50
|
+
easeOut: cubicBezier(0, 0, 0.58, 1),
|
|
51
|
+
easeInOut: cubicBezier(0.42, 0, 0.58, 1),
|
|
52
|
+
circIn,
|
|
53
|
+
circOut: reverse(circIn),
|
|
54
|
+
circInOut: mirror(circIn),
|
|
55
|
+
backIn,
|
|
56
|
+
backOut: reverse(backIn),
|
|
57
|
+
backInOut: mirror(backIn),
|
|
58
|
+
anticipate: (p) => p <= 0.5 ? backIn(2 * p) / 2 : p >= 1 ? 1 : 1 - Math.pow(2, 10 - 20 * p) / 2,
|
|
59
|
+
};
|
|
60
|
+
export function resolveEasing(easing) {
|
|
61
|
+
if (typeof easing === 'function')
|
|
62
|
+
return easing;
|
|
63
|
+
if (typeof easing === 'string') {
|
|
64
|
+
const resolved = easings[easing];
|
|
65
|
+
if (!resolved)
|
|
66
|
+
throw new Error(`Unknown easing "${easing}".`);
|
|
67
|
+
return resolved;
|
|
68
|
+
}
|
|
69
|
+
return cubicBezier(...easing);
|
|
70
|
+
}
|
|
71
|
+
//# sourceMappingURL=easing.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"easing.js","sourceRoot":"","sources":["../src/easing.ts"],"names":[],"mappings":"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"}
|
package/dist/engine.d.ts
ADDED
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
import type { View } from '@nativescript/core';
|
|
2
|
+
import { type Property } from './properties.js';
|
|
3
|
+
import type { ResolvedTransition } from './transition.js';
|
|
4
|
+
export interface Animation extends PromiseLike<boolean> {
|
|
5
|
+
/**
|
|
6
|
+
* Resolves with `true` once the animation played to the end, or with `false`
|
|
7
|
+
* if it was stopped or another animation took over one of its properties.
|
|
8
|
+
* Never rejects.
|
|
9
|
+
*/
|
|
10
|
+
readonly finished: Promise<boolean>;
|
|
11
|
+
/** Stops where it is. The view keeps the values it had at that moment. */
|
|
12
|
+
stop(): void;
|
|
13
|
+
}
|
|
14
|
+
export interface Plan {
|
|
15
|
+
property: Property;
|
|
16
|
+
/** `null` stands for the value the property has when the animation starts. */
|
|
17
|
+
keyframes: readonly (number | null)[];
|
|
18
|
+
transition: ResolvedTransition;
|
|
19
|
+
relative?: boolean;
|
|
20
|
+
}
|
|
21
|
+
/**
|
|
22
|
+
* Resolves once the animation looks done, which for a spring is well before
|
|
23
|
+
* `finished`. Sequences move on to the next step then.
|
|
24
|
+
*/
|
|
25
|
+
export declare function arrivalOf(animation: Animation): Promise<unknown>;
|
|
26
|
+
export declare function setArrival(animation: Animation, arrival: Promise<unknown>): void;
|
|
27
|
+
export declare class ViewAnimation implements Animation {
|
|
28
|
+
readonly view: View;
|
|
29
|
+
readonly finished: Promise<boolean>;
|
|
30
|
+
private resolve;
|
|
31
|
+
private readonly entries;
|
|
32
|
+
private pending;
|
|
33
|
+
private complete;
|
|
34
|
+
private settled;
|
|
35
|
+
private cancelWait;
|
|
36
|
+
private arrive;
|
|
37
|
+
private cancelArrival;
|
|
38
|
+
constructor(view: View, plans: readonly Plan[]);
|
|
39
|
+
then<A = boolean, B = never>(onfulfilled?: ((finished: boolean) => A | PromiseLike<A>) | null, onrejected?: ((reason: unknown) => B | PromiseLike<B>) | null): Promise<A | B>;
|
|
40
|
+
stop(): void;
|
|
41
|
+
ended(finished: boolean): void;
|
|
42
|
+
private start;
|
|
43
|
+
private waitForLoad;
|
|
44
|
+
private settle;
|
|
45
|
+
}
|
|
46
|
+
/** Stops whatever is animating these properties of the view, or all of them. */
|
|
47
|
+
export declare function stopView(view: View, properties?: readonly Property[]): void;
|
|
48
|
+
//# sourceMappingURL=engine.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"engine.d.ts","sourceRoot":"","sources":["../src/engine.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAA;AAE9C,OAAO,EAAyB,KAAK,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAEtE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAA;AAEzD,MAAM,WAAW,SAAU,SAAQ,WAAW,CAAC,OAAO,CAAC;IACrD;;;;OAIG;IACH,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAC,OAAO,CAAC,CAAA;IACnC,0EAA0E;IAC1E,IAAI,IAAI,IAAI,CAAA;CACb;AAED,MAAM,WAAW,IAAI;IACnB,QAAQ,EAAE,QAAQ,CAAA;IAClB,8EAA8E;IAC9E,SAAS,EAAE,SAAS,CAAC,MAAM,GAAG,IAAI,CAAC,EAAE,CAAA;IACrC,UAAU,EAAE,kBAAkB,CAAA;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAaD;;;GAGG;AACH,wBAAgB,SAAS,CAAC,SAAS,EAAE,SAAS,GAAG,OAAO,CAAC,OAAO,CAAC,CAEhE;AAED,wBAAgB,UAAU,CAAC,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,CAAC,OAAO,CAAC,QAEzE;AAED,qBAAa,aAAc,YAAW,SAAS;IAY3C,QAAQ,CAAC,IAAI,EAAE,IAAI;IAXrB,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAC,OAAO,CAAC,CAAA;IACnC,OAAO,CAAC,OAAO,CAA8B;IAC7C,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAc;IACtC,OAAO,CAAC,OAAO,CAAI;IACnB,OAAO,CAAC,QAAQ,CAAO;IACvB,OAAO,CAAC,OAAO,CAAQ;IACvB,OAAO,CAAC,UAAU,CAA0B;IAC5C,OAAO,CAAC,MAAM,CAAa;IAC3B,OAAO,CAAC,aAAa,CAA0B;IAE/C,YACW,IAAI,EAAE,IAAI,EACnB,KAAK,EAAE,SAAS,IAAI,EAAE,EAMvB;IAED,IAAI,CAAC,CAAC,GAAG,OAAO,EAAE,CAAC,GAAG,KAAK,EACzB,WAAW,CAAC,EAAE,CAAC,CAAC,QAAQ,EAAE,OAAO,KAAK,CAAC,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI,EAChE,UAAU,CAAC,EAAE,CAAC,CAAC,MAAM,EAAE,OAAO,KAAK,CAAC,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI,GAC5D,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,CAEhB;IAED,IAAI,SASH;IAED,KAAK,CAAC,QAAQ,EAAE,OAAO,QAGtB;IAED,OAAO,CAAC,KAAK;IA+Db,OAAO,CAAC,WAAW;IAiBnB,OAAO,CAAC,MAAM;CAOf;AAED,gFAAgF;AAChF,wBAAgB,QAAQ,CAAC,IAAI,EAAE,IAAI,EAAE,UAAU,CAAC,EAAE,SAAS,QAAQ,EAAE,QAOpE"}
|
package/dist/engine.js
ADDED
|
@@ -0,0 +1,178 @@
|
|
|
1
|
+
import { getDriver } from './driver/index.js';
|
|
2
|
+
import { readValue, writeValue } from './properties.js';
|
|
3
|
+
import { createTrack } from './track.js';
|
|
4
|
+
const running = new WeakMap();
|
|
5
|
+
const arrivals = new WeakMap();
|
|
6
|
+
/**
|
|
7
|
+
* Resolves once the animation looks done, which for a spring is well before
|
|
8
|
+
* `finished`. Sequences move on to the next step then.
|
|
9
|
+
*/
|
|
10
|
+
export function arrivalOf(animation) {
|
|
11
|
+
return arrivals.get(animation) ?? animation.finished;
|
|
12
|
+
}
|
|
13
|
+
export function setArrival(animation, arrival) {
|
|
14
|
+
arrivals.set(animation, arrival);
|
|
15
|
+
}
|
|
16
|
+
export class ViewAnimation {
|
|
17
|
+
view;
|
|
18
|
+
finished;
|
|
19
|
+
resolve;
|
|
20
|
+
entries = [];
|
|
21
|
+
pending = 0;
|
|
22
|
+
complete = true;
|
|
23
|
+
settled = false;
|
|
24
|
+
cancelWait;
|
|
25
|
+
arrive;
|
|
26
|
+
cancelArrival;
|
|
27
|
+
constructor(view, plans) {
|
|
28
|
+
this.view = view;
|
|
29
|
+
this.finished = new Promise((resolve) => (this.resolve = resolve));
|
|
30
|
+
setArrival(this, new Promise((resolve) => (this.arrive = resolve)));
|
|
31
|
+
if (view.isLoaded && view.nativeViewProtected)
|
|
32
|
+
this.start(plans);
|
|
33
|
+
else
|
|
34
|
+
this.waitForLoad(plans);
|
|
35
|
+
}
|
|
36
|
+
then(onfulfilled, onrejected) {
|
|
37
|
+
return this.finished.then(onfulfilled, onrejected);
|
|
38
|
+
}
|
|
39
|
+
stop() {
|
|
40
|
+
if (this.settled)
|
|
41
|
+
return;
|
|
42
|
+
this.cancelWait?.();
|
|
43
|
+
const now = getDriver().now();
|
|
44
|
+
for (const entry of this.entries) {
|
|
45
|
+
if (!entry.done)
|
|
46
|
+
release(entry, now, true);
|
|
47
|
+
}
|
|
48
|
+
this.complete = false;
|
|
49
|
+
this.settle();
|
|
50
|
+
}
|
|
51
|
+
ended(finished) {
|
|
52
|
+
if (!finished)
|
|
53
|
+
this.complete = false;
|
|
54
|
+
if (--this.pending === 0)
|
|
55
|
+
this.settle();
|
|
56
|
+
}
|
|
57
|
+
start(plans) {
|
|
58
|
+
const driver = getDriver();
|
|
59
|
+
const now = driver.now();
|
|
60
|
+
const entries = entriesOf(this.view);
|
|
61
|
+
const tracks = plans.map(({ property, keyframes, transition, relative }) => {
|
|
62
|
+
const previous = entries.get(property);
|
|
63
|
+
let current;
|
|
64
|
+
let velocity = 0;
|
|
65
|
+
if (previous) {
|
|
66
|
+
const elapsed = now - previous.startedAt;
|
|
67
|
+
current = driver.presented(this.view, property) ?? previous.track.valueAt(elapsed);
|
|
68
|
+
velocity = previous.track.velocityAt(elapsed);
|
|
69
|
+
release(previous, now, false);
|
|
70
|
+
}
|
|
71
|
+
else {
|
|
72
|
+
current = readValue(this.view, property);
|
|
73
|
+
}
|
|
74
|
+
return createTrack(property, keyframes.map((value) => {
|
|
75
|
+
if (value === null)
|
|
76
|
+
return current;
|
|
77
|
+
if (!relative)
|
|
78
|
+
return value;
|
|
79
|
+
return property === 'opacity' || property.startsWith('scale')
|
|
80
|
+
? current * value
|
|
81
|
+
: current + value;
|
|
82
|
+
}), transition, velocity);
|
|
83
|
+
});
|
|
84
|
+
for (const track of tracks)
|
|
85
|
+
writeValue(this.view, track.property, track.to);
|
|
86
|
+
for (const track of tracks) {
|
|
87
|
+
if (track.end === 0)
|
|
88
|
+
continue;
|
|
89
|
+
const entry = {
|
|
90
|
+
track,
|
|
91
|
+
startedAt: now,
|
|
92
|
+
owner: this,
|
|
93
|
+
handle: undefined,
|
|
94
|
+
done: false,
|
|
95
|
+
};
|
|
96
|
+
entries.set(track.property, entry);
|
|
97
|
+
this.entries.push(entry);
|
|
98
|
+
this.pending++;
|
|
99
|
+
}
|
|
100
|
+
for (const entry of this.entries) {
|
|
101
|
+
entry.handle = driver.play(this.view, entry.track, now, () => {
|
|
102
|
+
if (entry.done)
|
|
103
|
+
return;
|
|
104
|
+
entry.done = true;
|
|
105
|
+
forget(entry);
|
|
106
|
+
this.ended(true);
|
|
107
|
+
});
|
|
108
|
+
}
|
|
109
|
+
const arrival = Math.max(...this.entries.map((entry) => entry.track.arrival));
|
|
110
|
+
if (this.pending === 0)
|
|
111
|
+
this.settle();
|
|
112
|
+
else if (Number.isFinite(arrival)) {
|
|
113
|
+
this.cancelArrival = driver.after(arrival, this.arrive);
|
|
114
|
+
}
|
|
115
|
+
}
|
|
116
|
+
waitForLoad(plans) {
|
|
117
|
+
for (const { property, keyframes, relative } of plans) {
|
|
118
|
+
if (relative)
|
|
119
|
+
continue;
|
|
120
|
+
const first = keyframes[0];
|
|
121
|
+
if (first !== null && first !== undefined)
|
|
122
|
+
writeValue(this.view, property, first);
|
|
123
|
+
}
|
|
124
|
+
const onLoaded = () => {
|
|
125
|
+
this.cancelWait?.();
|
|
126
|
+
this.start(plans);
|
|
127
|
+
};
|
|
128
|
+
this.view.on('loaded', onLoaded);
|
|
129
|
+
this.cancelWait = () => {
|
|
130
|
+
this.view.off('loaded', onLoaded);
|
|
131
|
+
this.cancelWait = undefined;
|
|
132
|
+
};
|
|
133
|
+
}
|
|
134
|
+
settle() {
|
|
135
|
+
if (this.settled)
|
|
136
|
+
return;
|
|
137
|
+
this.settled = true;
|
|
138
|
+
this.cancelArrival?.();
|
|
139
|
+
this.arrive();
|
|
140
|
+
this.resolve(this.complete);
|
|
141
|
+
}
|
|
142
|
+
}
|
|
143
|
+
/** Stops whatever is animating these properties of the view, or all of them. */
|
|
144
|
+
export function stopView(view, properties) {
|
|
145
|
+
const entries = running.get(view);
|
|
146
|
+
if (!entries)
|
|
147
|
+
return;
|
|
148
|
+
const now = getDriver().now();
|
|
149
|
+
for (const [property, entry] of [...entries]) {
|
|
150
|
+
if (!properties || properties.includes(property))
|
|
151
|
+
release(entry, now, true);
|
|
152
|
+
}
|
|
153
|
+
}
|
|
154
|
+
function entriesOf(view) {
|
|
155
|
+
let entries = running.get(view);
|
|
156
|
+
if (!entries)
|
|
157
|
+
running.set(view, (entries = new Map()));
|
|
158
|
+
return entries;
|
|
159
|
+
}
|
|
160
|
+
function forget(entry) {
|
|
161
|
+
const entries = running.get(entry.owner.view);
|
|
162
|
+
if (entries?.get(entry.track.property) === entry)
|
|
163
|
+
entries.delete(entry.track.property);
|
|
164
|
+
}
|
|
165
|
+
function release(entry, now, commit) {
|
|
166
|
+
const driver = getDriver();
|
|
167
|
+
const { view } = entry.owner;
|
|
168
|
+
const { property } = entry.track;
|
|
169
|
+
entry.done = true;
|
|
170
|
+
forget(entry);
|
|
171
|
+
if (commit) {
|
|
172
|
+
const value = driver.presented(view, property) ?? entry.track.valueAt(now - entry.startedAt);
|
|
173
|
+
writeValue(view, property, value);
|
|
174
|
+
}
|
|
175
|
+
driver.stop(view, entry.handle);
|
|
176
|
+
entry.owner.ended(false);
|
|
177
|
+
}
|
|
178
|
+
//# sourceMappingURL=engine.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"engine.js","sourceRoot":"","sources":["../src/engine.ts"],"names":[],"mappings":"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"}
|
package/dist/index.d.ts
ADDED
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
export { animate, stop } from './animate.js';
|
|
2
|
+
export { sequence } from './sequence.js';
|
|
3
|
+
export type { Step } from './sequence.js';
|
|
4
|
+
export { press } from './press.js';
|
|
5
|
+
export { definePreset, presets } from './presets.js';
|
|
6
|
+
export type { Preset, PresetName, Presets } from './presets.js';
|
|
7
|
+
export { springs } from './transition.js';
|
|
8
|
+
export type { Spring, SpringName, Timing, Transition, Tween } from './transition.js';
|
|
9
|
+
export { cubicBezier } from './easing.js';
|
|
10
|
+
export type { CubicBezier, Easing, EasingFunction, EasingName } from './easing.js';
|
|
11
|
+
export type { Animation } from './engine.js';
|
|
12
|
+
export type * from './types.js';
|
|
13
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACxC,YAAY,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AACzC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAClC,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AACpD,YAAY,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AAC/D,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA;AACzC,YAAY,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAA;AACpF,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AACzC,YAAY,EAAE,WAAW,EAAE,MAAM,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAClF,YAAY,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAC5C,mBAAmB,YAAY,CAAA"}
|
package/dist/index.js
ADDED
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export { animate, stop } from './animate.js';
|
|
2
|
+
export { sequence } from './sequence.js';
|
|
3
|
+
export { press } from './press.js';
|
|
4
|
+
export { definePreset, presets } from './presets.js';
|
|
5
|
+
export { springs } from './transition.js';
|
|
6
|
+
export { cubicBezier } from './easing.js';
|
|
7
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAExC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAClC,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AAEpD,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA;AAEzC,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA"}
|