@praxisjs/motion 0.2.3 → 1.1.0
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/CHANGELOG.md +65 -0
- package/dist/__tests__/decorators.test.d.ts +2 -0
- package/dist/__tests__/decorators.test.d.ts.map +1 -0
- package/dist/__tests__/decorators.test.js +179 -0
- package/dist/__tests__/decorators.test.js.map +1 -0
- package/dist/__tests__/easings.test.js +82 -55
- package/dist/__tests__/easings.test.js.map +1 -1
- package/dist/__tests__/spring.test.js +80 -34
- package/dist/__tests__/spring.test.js.map +1 -1
- package/dist/__tests__/transition.test.js +111 -43
- package/dist/__tests__/transition.test.js.map +1 -1
- package/dist/__tests__/tween.test.js +107 -94
- package/dist/__tests__/tween.test.js.map +1 -1
- package/dist/decorators.d.ts +3 -1
- package/dist/decorators.d.ts.map +1 -1
- package/dist/decorators.js +39 -16
- package/dist/decorators.js.map +1 -1
- package/dist/easings.d.ts.map +1 -1
- package/dist/easings.js +7 -1
- package/dist/easings.js.map +1 -1
- package/dist/index.d.ts +2 -10
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +1 -6
- package/dist/index.js.map +1 -1
- package/dist/spring.d.ts.map +1 -1
- package/dist/spring.js +3 -0
- package/dist/spring.js.map +1 -1
- package/dist/transition.d.ts.map +1 -1
- package/dist/transition.js +34 -18
- package/dist/transition.js.map +1 -1
- package/dist/tween.d.ts.map +1 -1
- package/dist/tween.js +2 -1
- package/dist/tween.js.map +1 -1
- package/package.json +3 -2
- package/src/__tests__/decorators.test.ts +196 -0
- package/src/__tests__/easings.test.ts +86 -57
- package/src/__tests__/spring.test.ts +90 -34
- package/src/__tests__/transition.test.ts +122 -45
- package/src/__tests__/tween.test.ts +116 -97
- package/src/decorators.ts +42 -15
- package/src/easings.ts +6 -1
- package/src/index.ts +2 -15
- package/src/spring.ts +4 -0
- package/src/transition.ts +28 -18
- package/src/tween.ts +2 -1
- package/dist/__tests__/use-motion.test.d.ts +0 -2
- package/dist/__tests__/use-motion.test.d.ts.map +0 -1
- package/dist/__tests__/use-motion.test.js +0 -139
- package/dist/__tests__/use-motion.test.js.map +0 -1
- package/dist/use-motion.d.ts +0 -20
- package/dist/use-motion.d.ts.map +0 -1
- package/dist/use-motion.js +0 -58
- package/dist/use-motion.js.map +0 -1
- package/src/__tests__/use-motion.test.ts +0 -172
- package/src/use-motion.ts +0 -89
|
@@ -1,63 +1,131 @@
|
|
|
1
1
|
// @vitest-environment jsdom
|
|
2
|
-
import { describe, it, expect, vi } from "vitest";
|
|
2
|
+
import { describe, it, expect, vi, beforeEach, afterEach } from "vitest";
|
|
3
3
|
import { createTransition } from "../transition";
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
4
|
+
beforeEach(() => {
|
|
5
|
+
vi.useFakeTimers();
|
|
6
|
+
});
|
|
7
|
+
afterEach(() => {
|
|
8
|
+
vi.clearAllTimers();
|
|
9
|
+
vi.useRealTimers();
|
|
10
|
+
});
|
|
11
|
+
function makeEl() {
|
|
12
|
+
return document.createElement("div");
|
|
13
|
+
}
|
|
14
|
+
describe("createTransition()", () => {
|
|
15
|
+
it("enter() adds enter-from class immediately", () => {
|
|
16
|
+
const t = createTransition({ name: "fade" });
|
|
17
|
+
const el = makeEl();
|
|
18
|
+
void t.enter(el);
|
|
11
19
|
expect(el.classList.contains("fade-enter-from")).toBe(true);
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
20
|
+
});
|
|
21
|
+
it("enter() removes enter-from and adds enter-to after rAF", () => {
|
|
22
|
+
const t = createTransition({ name: "fade", duration: 1000 });
|
|
23
|
+
const el = makeEl();
|
|
24
|
+
void t.enter(el);
|
|
25
|
+
// Advance past rAF (16ms) but not past duration (1000ms)
|
|
26
|
+
vi.advanceTimersByTime(20);
|
|
15
27
|
expect(el.classList.contains("fade-enter-from")).toBe(false);
|
|
28
|
+
expect(el.classList.contains("fade-enter-to")).toBe(true);
|
|
29
|
+
});
|
|
30
|
+
it("enter() resolves and cleans up after duration", async () => {
|
|
31
|
+
const t = createTransition({ name: "fade", duration: 300 });
|
|
32
|
+
const el = makeEl();
|
|
33
|
+
const p = t.enter(el);
|
|
34
|
+
vi.advanceTimersByTime(300);
|
|
35
|
+
await p;
|
|
16
36
|
expect(el.classList.contains("fade-enter-to")).toBe(false);
|
|
17
|
-
vi.useRealTimers();
|
|
18
37
|
});
|
|
19
|
-
it("leave() adds
|
|
20
|
-
|
|
21
|
-
const
|
|
22
|
-
|
|
23
|
-
const p = t.leave(el);
|
|
38
|
+
it("leave() adds leave-from class immediately", () => {
|
|
39
|
+
const t = createTransition({ name: "slide" });
|
|
40
|
+
const el = makeEl();
|
|
41
|
+
void t.leave(el);
|
|
24
42
|
expect(el.classList.contains("slide-leave-from")).toBe(true);
|
|
25
|
-
|
|
26
|
-
|
|
43
|
+
});
|
|
44
|
+
it("leave() removes leave-from and adds leave-to after rAF", () => {
|
|
45
|
+
const t = createTransition({ name: "slide", duration: 1000 });
|
|
46
|
+
const el = makeEl();
|
|
47
|
+
void t.leave(el);
|
|
48
|
+
// Advance past rAF (16ms) but not past duration (1000ms)
|
|
49
|
+
vi.advanceTimersByTime(20);
|
|
27
50
|
expect(el.classList.contains("slide-leave-from")).toBe(false);
|
|
51
|
+
expect(el.classList.contains("slide-leave-to")).toBe(true);
|
|
52
|
+
});
|
|
53
|
+
it("leave() resolves and cleans up after duration", async () => {
|
|
54
|
+
const t = createTransition({ name: "slide", duration: 200 });
|
|
55
|
+
const el = makeEl();
|
|
56
|
+
const p = t.leave(el);
|
|
57
|
+
vi.advanceTimersByTime(200);
|
|
58
|
+
await p;
|
|
28
59
|
expect(el.classList.contains("slide-leave-to")).toBe(false);
|
|
29
|
-
vi.useRealTimers();
|
|
30
60
|
});
|
|
31
|
-
it("
|
|
32
|
-
|
|
61
|
+
it("uses default name 'transition' when none provided", () => {
|
|
62
|
+
const t = createTransition();
|
|
63
|
+
const el = makeEl();
|
|
64
|
+
void t.enter(el);
|
|
65
|
+
expect(el.classList.contains("transition-enter-from")).toBe(true);
|
|
66
|
+
});
|
|
67
|
+
it("calls onEnter callback with element", () => {
|
|
33
68
|
const onEnter = vi.fn();
|
|
34
|
-
const t = createTransition({ onEnter
|
|
35
|
-
const el =
|
|
36
|
-
|
|
69
|
+
const t = createTransition({ onEnter });
|
|
70
|
+
const el = makeEl();
|
|
71
|
+
void t.enter(el);
|
|
37
72
|
expect(onEnter).toHaveBeenCalledWith(el);
|
|
38
|
-
await vi.runAllTimersAsync();
|
|
39
|
-
await p;
|
|
40
|
-
vi.useRealTimers();
|
|
41
73
|
});
|
|
42
|
-
it("calls onLeave callback",
|
|
43
|
-
vi.useFakeTimers();
|
|
74
|
+
it("calls onLeave callback with element", () => {
|
|
44
75
|
const onLeave = vi.fn();
|
|
45
|
-
const t = createTransition({ onLeave
|
|
46
|
-
const el =
|
|
47
|
-
|
|
76
|
+
const t = createTransition({ onLeave });
|
|
77
|
+
const el = makeEl();
|
|
78
|
+
void t.leave(el);
|
|
48
79
|
expect(onLeave).toHaveBeenCalledWith(el);
|
|
49
|
-
|
|
80
|
+
});
|
|
81
|
+
it("uses default duration of 300ms", async () => {
|
|
82
|
+
const t = createTransition({ name: "x" });
|
|
83
|
+
const el = makeEl();
|
|
84
|
+
const p = t.enter(el);
|
|
85
|
+
vi.advanceTimersByTime(300);
|
|
50
86
|
await p;
|
|
51
|
-
|
|
87
|
+
expect(el.classList.contains("x-enter-to")).toBe(false);
|
|
52
88
|
});
|
|
53
|
-
it("
|
|
54
|
-
|
|
55
|
-
const
|
|
56
|
-
|
|
57
|
-
t.enter(el);
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
89
|
+
it("enter() interrupted by leave() before completion — no mixed CSS classes left", async () => {
|
|
90
|
+
const t = createTransition({ name: "fade", duration: 300 });
|
|
91
|
+
const el = makeEl();
|
|
92
|
+
// Start enter but don't resolve it yet
|
|
93
|
+
const enterP = t.enter(el);
|
|
94
|
+
vi.advanceTimersByTime(20); // past rAF, enter-to is now present
|
|
95
|
+
// Immediately start leave
|
|
96
|
+
const leaveP = t.leave(el);
|
|
97
|
+
vi.advanceTimersByTime(300);
|
|
98
|
+
await leaveP;
|
|
99
|
+
// Advance well past enter duration too
|
|
100
|
+
vi.advanceTimersByTime(300);
|
|
101
|
+
await enterP;
|
|
102
|
+
// After both complete, no transition classes should remain
|
|
103
|
+
expect(el.classList.contains("fade-enter-from")).toBe(false);
|
|
104
|
+
expect(el.classList.contains("fade-enter-to")).toBe(false);
|
|
105
|
+
expect(el.classList.contains("fade-leave-from")).toBe(false);
|
|
106
|
+
expect(el.classList.contains("fade-leave-to")).toBe(false);
|
|
107
|
+
});
|
|
108
|
+
it("onEnter callback throws — promise rejects with that error", async () => {
|
|
109
|
+
const t = createTransition({
|
|
110
|
+
onEnter: () => { throw new Error("enter callback error"); },
|
|
111
|
+
});
|
|
112
|
+
const el = makeEl();
|
|
113
|
+
await expect(t.enter(el)).rejects.toThrow("enter callback error");
|
|
114
|
+
});
|
|
115
|
+
it("onLeave callback throws — promise rejects with that error", async () => {
|
|
116
|
+
const t = createTransition({
|
|
117
|
+
onLeave: () => { throw new Error("leave callback error"); },
|
|
118
|
+
});
|
|
119
|
+
const el = makeEl();
|
|
120
|
+
await expect(t.leave(el)).rejects.toThrow("leave callback error");
|
|
121
|
+
});
|
|
122
|
+
it("duration = 0 — resolves immediately without hanging", async () => {
|
|
123
|
+
const t = createTransition({ name: "fast", duration: 0 });
|
|
124
|
+
const el = makeEl();
|
|
125
|
+
const p = t.enter(el);
|
|
126
|
+
vi.advanceTimersByTime(0);
|
|
127
|
+
await p;
|
|
128
|
+
expect(el.classList.contains("fast-enter-to")).toBe(false);
|
|
61
129
|
});
|
|
62
130
|
});
|
|
63
131
|
//# sourceMappingURL=transition.test.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"transition.test.js","sourceRoot":"","sources":["../../src/__tests__/transition.test.ts"],"names":[],"mappings":"AAAA,4BAA4B;AAC5B,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAC;
|
|
1
|
+
{"version":3,"file":"transition.test.js","sourceRoot":"","sources":["../../src/__tests__/transition.test.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,122 +1,135 @@
|
|
|
1
1
|
// @vitest-environment jsdom
|
|
2
|
-
import { describe, it, expect, vi } from "vitest";
|
|
3
|
-
import { Animate } from "../decorators";
|
|
2
|
+
import { describe, it, expect, vi, beforeEach, afterEach } from "vitest";
|
|
4
3
|
import { tween } from "../tween";
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
4
|
+
beforeEach(() => {
|
|
5
|
+
vi.useFakeTimers();
|
|
6
|
+
});
|
|
7
|
+
afterEach(() => {
|
|
8
|
+
vi.clearAllTimers();
|
|
9
|
+
vi.useRealTimers();
|
|
10
|
+
});
|
|
11
|
+
function flushRaf(frames = 60) {
|
|
12
|
+
for (let i = 0; i < frames; i++) {
|
|
13
|
+
vi.runAllTicks();
|
|
14
|
+
const cbs = globalThis.__rafCallbacks;
|
|
15
|
+
if (cbs?.length) {
|
|
16
|
+
const batch = [...cbs];
|
|
17
|
+
cbs.length = 0;
|
|
18
|
+
batch.forEach((cb) => cb(performance.now()));
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
describe("tween()", () => {
|
|
23
|
+
it("starts at the `from` value", () => {
|
|
9
24
|
const t = tween(0, 100);
|
|
10
25
|
expect(t.value()).toBe(0);
|
|
11
|
-
|
|
12
|
-
vi.useRealTimers();
|
|
26
|
+
t.stop();
|
|
13
27
|
});
|
|
14
|
-
it("
|
|
15
|
-
vi.useFakeTimers();
|
|
28
|
+
it("exposes the target signal", () => {
|
|
16
29
|
const t = tween(0, 100);
|
|
17
30
|
expect(t.target()).toBe(100);
|
|
18
|
-
|
|
19
|
-
vi.useRealTimers();
|
|
31
|
+
t.stop();
|
|
20
32
|
});
|
|
21
|
-
it("playing is
|
|
22
|
-
vi.useFakeTimers();
|
|
33
|
+
it("playing is true when animating", () => {
|
|
23
34
|
const t = tween(0, 100);
|
|
24
35
|
expect(t.playing()).toBe(true);
|
|
25
|
-
|
|
26
|
-
vi.useRealTimers();
|
|
36
|
+
t.stop();
|
|
27
37
|
});
|
|
28
|
-
it("stop() sets playing to false", () => {
|
|
29
|
-
vi.useFakeTimers();
|
|
38
|
+
it("stop() halts animation and sets playing to false", () => {
|
|
30
39
|
const t = tween(0, 100);
|
|
31
40
|
t.stop();
|
|
32
41
|
expect(t.playing()).toBe(false);
|
|
33
|
-
vi.clearAllTimers();
|
|
34
|
-
vi.useRealTimers();
|
|
35
42
|
});
|
|
36
|
-
it("reset()
|
|
37
|
-
|
|
38
|
-
|
|
43
|
+
it("reset() returns value to `from` and resets progress", () => {
|
|
44
|
+
const t = tween(0, 100);
|
|
45
|
+
t.stop();
|
|
39
46
|
t.reset();
|
|
40
|
-
expect(t.value()).toBe(
|
|
47
|
+
expect(t.value()).toBe(0);
|
|
41
48
|
expect(t.progress()).toBe(0);
|
|
42
|
-
vi.clearAllTimers();
|
|
43
|
-
vi.useRealTimers();
|
|
44
49
|
});
|
|
45
|
-
it("progress
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
50
|
+
it("progress starts at 0", () => {
|
|
51
|
+
const t = tween(0, 100);
|
|
52
|
+
expect(t.progress()).toBe(0);
|
|
53
|
+
t.stop();
|
|
54
|
+
});
|
|
55
|
+
it("accepts custom easing as function", () => {
|
|
56
|
+
const t = tween(0, 100, { easing: (x) => x, duration: 300 });
|
|
57
|
+
expect(t.value()).toBe(0);
|
|
58
|
+
t.stop();
|
|
59
|
+
});
|
|
60
|
+
it("accepts custom duration and delay", () => {
|
|
61
|
+
const t = tween(0, 100, { duration: 500, delay: 100 });
|
|
62
|
+
expect(t.value()).toBe(0);
|
|
63
|
+
t.stop();
|
|
53
64
|
});
|
|
54
|
-
it("
|
|
55
|
-
vi.useFakeTimers();
|
|
65
|
+
it("setting target to same value re-triggers start", () => {
|
|
56
66
|
const t = tween(0, 50);
|
|
67
|
+
const before = t.value();
|
|
68
|
+
t.target.set(50);
|
|
69
|
+
expect(t.value()).toBe(before);
|
|
70
|
+
t.stop();
|
|
71
|
+
});
|
|
72
|
+
it("changing target while playing updates target", () => {
|
|
73
|
+
const t = tween(0, 100);
|
|
57
74
|
t.target.set(200);
|
|
58
|
-
expect(t.
|
|
75
|
+
expect(t.target()).toBe(200);
|
|
76
|
+
t.stop();
|
|
77
|
+
});
|
|
78
|
+
it("animate loop runs and updates value toward target", () => {
|
|
79
|
+
const t = tween(0, 100, { duration: 100, easing: "linear" });
|
|
80
|
+
// Advance through multiple rAF frames
|
|
81
|
+
vi.advanceTimersByTime(50);
|
|
82
|
+
// Value should be moving toward 100
|
|
83
|
+
const mid = t.value();
|
|
84
|
+
expect(mid).toBeGreaterThan(0);
|
|
85
|
+
vi.advanceTimersByTime(100);
|
|
59
86
|
t.stop();
|
|
60
|
-
vi.clearAllTimers();
|
|
61
|
-
vi.useRealTimers();
|
|
62
87
|
});
|
|
63
|
-
it("
|
|
64
|
-
|
|
65
|
-
|
|
88
|
+
it("completes animation and stops playing", () => {
|
|
89
|
+
const t = tween(0, 100, { duration: 100 });
|
|
90
|
+
vi.advanceTimersByTime(500);
|
|
91
|
+
// After several durations, value should be at or near target
|
|
92
|
+
expect(t.value()).toBeGreaterThan(50);
|
|
93
|
+
});
|
|
94
|
+
it("delay defers animation start", () => {
|
|
95
|
+
const t = tween(0, 100, { duration: 100, delay: 50 });
|
|
96
|
+
vi.advanceTimersByTime(10);
|
|
97
|
+
// Within delay, value stays at 0
|
|
66
98
|
expect(t.value()).toBe(0);
|
|
67
|
-
|
|
68
|
-
vi.useRealTimers();
|
|
99
|
+
t.stop();
|
|
69
100
|
});
|
|
70
|
-
|
|
71
|
-
//
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
};
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
const
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
Animate()(undefined, ctx);
|
|
103
|
-
const instance = {};
|
|
104
|
-
run(instance);
|
|
105
|
-
expect(instance.opacity).toBe(0);
|
|
106
|
-
vi.clearAllTimers();
|
|
107
|
-
vi.useRealTimers();
|
|
108
|
-
});
|
|
109
|
-
it("updating the property updates the tween target", () => {
|
|
110
|
-
vi.useFakeTimers();
|
|
111
|
-
const { ctx, run } = makeCtx("scale");
|
|
112
|
-
Animate()(undefined, ctx);
|
|
113
|
-
const instance = {};
|
|
114
|
-
run(instance);
|
|
115
|
-
instance.scale = 1;
|
|
116
|
-
instance.scale = 2; // second set updates tween target
|
|
117
|
-
expect(typeof instance.scale).toBe("number");
|
|
118
|
-
vi.clearAllTimers();
|
|
119
|
-
vi.useRealTimers();
|
|
101
|
+
it("duration = 0 — resolves immediately with value at `to`", () => {
|
|
102
|
+
// duration is clamped to 1ms minimum; after a single rAF the tween should complete
|
|
103
|
+
const t = tween(0, 100, { duration: 0, easing: "linear" });
|
|
104
|
+
vi.advanceTimersByTime(50);
|
|
105
|
+
expect(t.value()).toBe(100);
|
|
106
|
+
expect(t.playing()).toBe(false);
|
|
107
|
+
});
|
|
108
|
+
it("from === to — resolves immediately without animating", () => {
|
|
109
|
+
const t = tween(42, 42, { duration: 300, easing: "linear" });
|
|
110
|
+
// Even before any rAF fires the start value equals the target
|
|
111
|
+
expect(t.value()).toBe(42);
|
|
112
|
+
vi.advanceTimersByTime(300);
|
|
113
|
+
expect(t.value()).toBe(42);
|
|
114
|
+
t.stop();
|
|
115
|
+
});
|
|
116
|
+
it("progress() is 0 during delay phase before animation starts", () => {
|
|
117
|
+
const t = tween(0, 100, { duration: 100, delay: 200 });
|
|
118
|
+
vi.advanceTimersByTime(50); // well within delay
|
|
119
|
+
expect(t.progress()).toBe(0);
|
|
120
|
+
t.stop();
|
|
121
|
+
});
|
|
122
|
+
it("easing function is called with t in [0,1] range only", () => {
|
|
123
|
+
const tValues = [];
|
|
124
|
+
const captureEasing = (t) => { tValues.push(t); return t; };
|
|
125
|
+
const tw = tween(0, 100, { duration: 100, easing: captureEasing });
|
|
126
|
+
vi.advanceTimersByTime(300);
|
|
127
|
+
tw.stop();
|
|
128
|
+
expect(tValues.length).toBeGreaterThan(0);
|
|
129
|
+
for (const t of tValues) {
|
|
130
|
+
expect(t).toBeGreaterThanOrEqual(0);
|
|
131
|
+
expect(t).toBeLessThanOrEqual(1);
|
|
132
|
+
}
|
|
120
133
|
});
|
|
121
134
|
});
|
|
122
135
|
//# sourceMappingURL=tween.test.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tween.test.js","sourceRoot":"","sources":["../../src/__tests__/tween.test.ts"],"names":[],"mappings":"AAAA,4BAA4B;AAC5B,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,
|
|
1
|
+
{"version":3,"file":"tween.test.js","sourceRoot":"","sources":["../../src/__tests__/tween.test.ts"],"names":[],"mappings":"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"}
|
package/dist/decorators.d.ts
CHANGED
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
import { type SpringOptions } from "./spring";
|
|
1
2
|
import { type TweenOptions } from "./tween";
|
|
2
|
-
export declare function
|
|
3
|
+
export declare function Tween(options?: TweenOptions): (_value: undefined, context: ClassFieldDecoratorContext<any>) => void;
|
|
4
|
+
export declare function Spring(options?: SpringOptions): (_value: undefined, context: ClassFieldDecoratorContext<any>) => void;
|
|
3
5
|
//# sourceMappingURL=decorators.d.ts.map
|
package/dist/decorators.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"decorators.d.ts","sourceRoot":"","sources":["../src/decorators.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"decorators.d.ts","sourceRoot":"","sources":["../src/decorators.ts"],"names":[],"mappings":"AAEA,OAAO,EAAU,KAAK,aAAa,EAAE,MAAM,UAAU,CAAC;AACtD,OAAO,EAAS,KAAK,YAAY,EAAc,MAAM,SAAS,CAAC;AAI/D,wBAAgB,KAAK,CAAC,OAAO,GAAE,YAAiB,GAkB7B,CAAC,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,0BAA0B,CAAC,GAAG,CAAC,KAAK,IAAI,CACvF;AAED,wBAAgB,MAAM,CAAC,OAAO,GAAE,aAAkB,GAkB/B,CAAC,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,0BAA0B,CAAC,GAAG,CAAC,KAAK,IAAI,CACvF"}
|
package/dist/decorators.js
CHANGED
|
@@ -1,21 +1,44 @@
|
|
|
1
|
+
import { createFieldDecorator } from "@praxisjs/decorators";
|
|
2
|
+
import { spring } from "./spring";
|
|
1
3
|
import { tween } from "./tween";
|
|
2
|
-
export function
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
4
|
+
export function Tween(options = {}) {
|
|
5
|
+
const tweens = new WeakMap();
|
|
6
|
+
return createFieldDecorator({
|
|
7
|
+
bind(_instance, _name, _initialValue) {
|
|
8
|
+
return {
|
|
9
|
+
descriptor: {
|
|
10
|
+
get() {
|
|
11
|
+
return tweens.get(this)?.value() ?? 0;
|
|
12
|
+
},
|
|
13
|
+
set(value) {
|
|
14
|
+
if (!tweens.has(this))
|
|
15
|
+
tweens.set(this, tween(value, value, options));
|
|
16
|
+
tweens.get(this)?.target.set(value);
|
|
17
|
+
},
|
|
9
18
|
},
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
19
|
+
};
|
|
20
|
+
},
|
|
21
|
+
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
22
|
+
});
|
|
23
|
+
}
|
|
24
|
+
export function Spring(options = {}) {
|
|
25
|
+
const springs = new WeakMap();
|
|
26
|
+
return createFieldDecorator({
|
|
27
|
+
bind(_instance, _name, _initialValue) {
|
|
28
|
+
return {
|
|
29
|
+
descriptor: {
|
|
30
|
+
get() {
|
|
31
|
+
return springs.get(this)?.value() ?? 0;
|
|
32
|
+
},
|
|
33
|
+
set(value) {
|
|
34
|
+
if (!springs.has(this))
|
|
35
|
+
springs.set(this, spring(value, options));
|
|
36
|
+
springs.get(this)?.target.set(value);
|
|
37
|
+
},
|
|
14
38
|
},
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
};
|
|
39
|
+
};
|
|
40
|
+
},
|
|
41
|
+
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
42
|
+
});
|
|
20
43
|
}
|
|
21
44
|
//# sourceMappingURL=decorators.js.map
|
package/dist/decorators.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"decorators.js","sourceRoot":"","sources":["../src/decorators.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"decorators.js","sourceRoot":"","sources":["../src/decorators.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAqB,MAAM,sBAAsB,CAAC;AAE/E,OAAO,EAAE,MAAM,EAAsB,MAAM,UAAU,CAAC;AACtD,OAAO,EAAE,KAAK,EAAiC,MAAM,SAAS,CAAC;AAI/D,MAAM,UAAU,KAAK,CAAC,UAAwB,EAAE;IAC9C,MAAM,MAAM,GAAG,IAAI,OAAO,EAAiB,CAAC;IAE5C,OAAO,oBAAoB,CAAC;QAC1B,IAAI,CAAC,SAAS,EAAE,KAAK,EAAE,aAAa;YAClC,OAAO;gBACL,UAAU,EAAE;oBACV,GAAG;wBACD,OAAO,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC;oBACxC,CAAC;oBACD,GAAG,CAAe,KAAa;wBAC7B,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC;4BAAE,MAAM,CAAC,GAAG,CAAC,IAAI,EAAE,KAAK,CAAC,KAAK,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC;wBACtE,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;oBACtC,CAAC;iBACF;aACF,CAAC;QACJ,CAAC;QACH,8DAA8D;KAC7D,CAAqF,CAAC;AACzF,CAAC;AAED,MAAM,UAAU,MAAM,CAAC,UAAyB,EAAE;IAChD,MAAM,OAAO,GAAG,IAAI,OAAO,EAA0B,CAAC;IAEtD,OAAO,oBAAoB,CAAC;QAC1B,IAAI,CAAC,SAAS,EAAE,KAAK,EAAE,aAAa;YAClC,OAAO;gBACL,UAAU,EAAE;oBACV,GAAG;wBACD,OAAO,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC;oBACzC,CAAC;oBACD,GAAG,CAAe,KAAa;wBAC7B,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC;4BAAE,OAAO,CAAC,GAAG,CAAC,IAAI,EAAE,MAAM,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC;wBAClE,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;oBACvC,CAAC;iBACF;aACF,CAAC;QACJ,CAAC;QACH,8DAA8D;KAC7D,CAAqF,CAAC;AACzF,CAAC"}
|
package/dist/easings.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"easings.d.ts","sourceRoot":"","sources":["../src/easings.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;gBACN,MAAM;gBACN,MAAM;iBACL,MAAM;mBACJ,MAAM;qBACJ,MAAM;gBACX,MAAM;iBAQL,MAAM;CAM4B,CAAC;AAElD,MAAM,MAAM,MAAM,GAAG,MAAM,OAAO,OAAO,GAAG,CAAC,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC,CAAC;AAEpE,wBAAgB,aAAa,CAAC,MAAM,EAAE,MAAM,GAAG,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,
|
|
1
|
+
{"version":3,"file":"easings.d.ts","sourceRoot":"","sources":["../src/easings.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;gBACN,MAAM;gBACN,MAAM;iBACL,MAAM;mBACJ,MAAM;qBACJ,MAAM;gBACX,MAAM;iBAQL,MAAM;CAM4B,CAAC;AAElD,MAAM,MAAM,MAAM,GAAG,MAAM,OAAO,OAAO,GAAG,CAAC,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC,CAAC;AAEpE,wBAAgB,aAAa,CAAC,MAAM,EAAE,MAAM,GAAG,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,CAOnE"}
|
package/dist/easings.js
CHANGED
|
@@ -21,6 +21,12 @@ export const easings = {
|
|
|
21
21
|
},
|
|
22
22
|
};
|
|
23
23
|
export function resolveEasing(easing) {
|
|
24
|
-
|
|
24
|
+
if (typeof easing === "function")
|
|
25
|
+
return easing;
|
|
26
|
+
const fn = easings[easing];
|
|
27
|
+
if (typeof fn !== "function") {
|
|
28
|
+
throw new Error(`[resolveEasing] Unknown easing: "${easing}". Valid names are: ${Object.keys(easings).join(", ")}.`);
|
|
29
|
+
}
|
|
30
|
+
return fn;
|
|
25
31
|
}
|
|
26
32
|
//# sourceMappingURL=easings.js.map
|
package/dist/easings.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"easings.js","sourceRoot":"","sources":["../src/easings.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB,MAAM,EAAE,CAAC,CAAS,EAAE,EAAE,CAAC,CAAC;IACxB,MAAM,EAAE,CAAC,CAAS,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC;IAC5B,OAAO,EAAE,CAAC,CAAS,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC;IACxC,SAAS,EAAE,CAAC,CAAS,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAC3E,WAAW,EAAE,CAAC,CAAS,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC;IACrC,MAAM,EAAE,CAAC,CAAS,EAAE,EAAE;QACpB,MAAM,EAAE,GAAG,MAAM,EACf,EAAE,GAAG,IAAI,CAAC;QACZ,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE;YAAE,OAAO,EAAE,GAAG,CAAC,GAAG,CAAC,CAAC;QAClC,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE;YAAE,OAAO,EAAE,GAAG,CAAC,CAAC,IAAI,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC;QACvD,IAAI,CAAC,GAAG,GAAG,GAAG,EAAE;YAAE,OAAO,EAAE,GAAG,CAAC,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC;QAC5D,OAAO,EAAE,GAAG,CAAC,CAAC,IAAI,KAAK,GAAG,EAAE,CAAC,GAAG,CAAC,GAAG,QAAQ,CAAC;IAC/C,CAAC;IACD,OAAO,EAAE,CAAC,CAAS,EAAE,EAAE;QACrB,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC;YAAE,OAAO,CAAC,CAAC;QACjC,OAAO,CACL,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,GAAG,CAAC,GAAG,EAAE,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CACzE,CAAC;IACJ,CAAC;CAC8C,CAAC;AAIlD,MAAM,UAAU,aAAa,CAAC,MAAc;IAC1C,
|
|
1
|
+
{"version":3,"file":"easings.js","sourceRoot":"","sources":["../src/easings.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB,MAAM,EAAE,CAAC,CAAS,EAAE,EAAE,CAAC,CAAC;IACxB,MAAM,EAAE,CAAC,CAAS,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC;IAC5B,OAAO,EAAE,CAAC,CAAS,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC;IACxC,SAAS,EAAE,CAAC,CAAS,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAC3E,WAAW,EAAE,CAAC,CAAS,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC;IACrC,MAAM,EAAE,CAAC,CAAS,EAAE,EAAE;QACpB,MAAM,EAAE,GAAG,MAAM,EACf,EAAE,GAAG,IAAI,CAAC;QACZ,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE;YAAE,OAAO,EAAE,GAAG,CAAC,GAAG,CAAC,CAAC;QAClC,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE;YAAE,OAAO,EAAE,GAAG,CAAC,CAAC,IAAI,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC;QACvD,IAAI,CAAC,GAAG,GAAG,GAAG,EAAE;YAAE,OAAO,EAAE,GAAG,CAAC,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC;QAC5D,OAAO,EAAE,GAAG,CAAC,CAAC,IAAI,KAAK,GAAG,EAAE,CAAC,GAAG,CAAC,GAAG,QAAQ,CAAC;IAC/C,CAAC;IACD,OAAO,EAAE,CAAC,CAAS,EAAE,EAAE;QACrB,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC;YAAE,OAAO,CAAC,CAAC;QACjC,OAAO,CACL,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,GAAG,CAAC,GAAG,EAAE,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CACzE,CAAC;IACJ,CAAC;CAC8C,CAAC;AAIlD,MAAM,UAAU,aAAa,CAAC,MAAc;IAC1C,IAAI,OAAO,MAAM,KAAK,UAAU;QAAE,OAAO,MAAM,CAAC;IAChD,MAAM,EAAE,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC;IAC3B,IAAI,OAAO,EAAE,KAAK,UAAU,EAAE,CAAC;QAC7B,MAAM,IAAI,KAAK,CAAC,oCAAoC,MAAM,uBAAuB,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACvH,CAAC;IACD,OAAO,EAAE,CAAC;AACZ,CAAC"}
|
package/dist/index.d.ts
CHANGED
|
@@ -1,12 +1,4 @@
|
|
|
1
|
-
export {
|
|
2
|
-
export type {
|
|
3
|
-
export { tween } from "./tween";
|
|
4
|
-
export type { Tween, TweenOptions } from "./tween";
|
|
5
|
-
export { spring } from "./spring";
|
|
1
|
+
export { Tween, Spring } from "./decorators";
|
|
2
|
+
export type { TweenOptions } from "./tween";
|
|
6
3
|
export type { SpringOptions } from "./spring";
|
|
7
|
-
export { useMotion } from "./use-motion";
|
|
8
|
-
export type { MotionKeyframes } from "./use-motion";
|
|
9
|
-
export { createTransition } from "./transition";
|
|
10
|
-
export type { TransitionOptions } from "./transition";
|
|
11
|
-
export { Animate } from "./decorators";
|
|
12
4
|
//# sourceMappingURL=index.d.ts.map
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAC7C,YAAY,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAC5C,YAAY,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC"}
|
package/dist/index.js
CHANGED
|
@@ -1,7 +1,2 @@
|
|
|
1
|
-
export {
|
|
2
|
-
export { tween } from "./tween";
|
|
3
|
-
export { spring } from "./spring";
|
|
4
|
-
export { useMotion } from "./use-motion";
|
|
5
|
-
export { createTransition } from "./transition";
|
|
6
|
-
export { Animate } from "./decorators";
|
|
1
|
+
export { Tween, Spring } from "./decorators";
|
|
7
2
|
//# sourceMappingURL=index.js.map
|