cineview 0.0.1-beta

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.
Files changed (128) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +102 -0
  3. package/README.zh-CN.md +102 -0
  4. package/dist/animations/animationParser.d.ts +24 -0
  5. package/dist/animations/composer.d.ts +13 -0
  6. package/dist/animations/presets/blink.d.ts +18 -0
  7. package/dist/animations/presets/blur.d.ts +18 -0
  8. package/dist/animations/presets/bounce.d.ts +18 -0
  9. package/dist/animations/presets/elastic.d.ts +23 -0
  10. package/dist/animations/presets/fade.d.ts +18 -0
  11. package/dist/animations/presets/flip.d.ts +18 -0
  12. package/dist/animations/presets/index.d.ts +38 -0
  13. package/dist/animations/presets/rotate.d.ts +23 -0
  14. package/dist/animations/presets/shake.d.ts +28 -0
  15. package/dist/animations/presets/slide.d.ts +23 -0
  16. package/dist/animations/presets/special.d.ts +38 -0
  17. package/dist/animations/presets/zoom.d.ts +23 -0
  18. package/dist/animations/registry.d.ts +51 -0
  19. package/dist/artifacts.json +40 -0
  20. package/dist/blink-BGmsrTwW.mjs +81 -0
  21. package/dist/blur-CQoB_VWp.mjs +52 -0
  22. package/dist/bounce-B_QJxgOq.mjs +64 -0
  23. package/dist/cineview-dev.css +2 -0
  24. package/dist/cineview-dev.es.mjs +2 -0
  25. package/dist/cineview-drag.umd.js +2 -0
  26. package/dist/cineview-scroll.umd.js +2 -0
  27. package/dist/cineview.es.mjs +2 -0
  28. package/dist/cineview.umd.js +2 -0
  29. package/dist/components/Animate/Animate.d.ts +67 -0
  30. package/dist/components/Animate/AnimateRenderBridge.d.ts +16 -0
  31. package/dist/components/Animate/AnimateVideo.d.ts +59 -0
  32. package/dist/components/Animate/StaggerContainer.d.ts +35 -0
  33. package/dist/components/Animate/__fixtures__/animate-media-public-path.fixture.d.ts +1 -0
  34. package/dist/components/Animate/animateInterpolation.d.ts +41 -0
  35. package/dist/components/Animate/animateRenderState.d.ts +23 -0
  36. package/dist/components/Animate/animateSemantics.d.ts +38 -0
  37. package/dist/components/Animate/animateTimeline.d.ts +14 -0
  38. package/dist/components/Animate/dragVisualState.d.ts +26 -0
  39. package/dist/components/Animate/index.d.ts +6 -0
  40. package/dist/components/Animate/useAnimateArrival.d.ts +35 -0
  41. package/dist/components/Animate/useAnimateDrag.d.ts +34 -0
  42. package/dist/components/Animate/useAnimatePublicTimeline.d.ts +16 -0
  43. package/dist/components/Animate/useAnimateScroll.d.ts +83 -0
  44. package/dist/components/Animate/useAnimatedPropertyLanes.d.ts +30 -0
  45. package/dist/components/Animate/visibilityScheduler.d.ts +12 -0
  46. package/dist/components/Cineview/Cineview.d.ts +46 -0
  47. package/dist/components/Cineview/CineviewDispatch.d.ts +2 -0
  48. package/dist/components/Cineview/DirectScrollCineview.d.ts +8 -0
  49. package/dist/components/Cineview/DragSceneStack.d.ts +55 -0
  50. package/dist/components/Cineview/ScrollSceneSlot.d.ts +42 -0
  51. package/dist/components/Cineview/ScrollSceneStack.d.ts +13 -0
  52. package/dist/components/Cineview/ScrollbarOverlay.d.ts +24 -0
  53. package/dist/components/Cineview/directScrollHelpers.d.ts +77 -0
  54. package/dist/components/Cineview/index.d.ts +5 -0
  55. package/dist/components/Cineview/preloadTargets.d.ts +18 -0
  56. package/dist/components/Cineview/regroupCallbacks.d.ts +10 -0
  57. package/dist/components/Cineview/useCineviewImperativeApi.d.ts +21 -0
  58. package/dist/components/Cineview/useNativeScrollController.d.ts +38 -0
  59. package/dist/components/Cineview/useScrollInputBindings.d.ts +9 -0
  60. package/dist/components/Cineview/useScrollSceneLayout.d.ts +24 -0
  61. package/dist/components/Cineview/useScrollSceneSnapshots.d.ts +32 -0
  62. package/dist/components/Cineview/useScrollViewport.d.ts +20 -0
  63. package/dist/components/Cineview/useScrollZoneRegistry.d.ts +35 -0
  64. package/dist/components/Container/Container.d.ts +2 -0
  65. package/dist/components/Container/index.d.ts +1 -0
  66. package/dist/components/Image/Image.d.ts +12 -0
  67. package/dist/components/Image/index.d.ts +2 -0
  68. package/dist/components/Position/Position.d.ts +13 -0
  69. package/dist/components/Position/index.d.ts +1 -0
  70. package/dist/components/Scene/Scene.d.ts +10 -0
  71. package/dist/components/Scene/SceneFixedLayer.d.ts +14 -0
  72. package/dist/components/Scene/__fixtures__/scene-grouped-public-path.fixture.d.ts +1 -0
  73. package/dist/components/Scene/dragPreparedState.d.ts +49 -0
  74. package/dist/components/Scene/helpers.d.ts +101 -0
  75. package/dist/components/Scene/index.d.ts +1 -0
  76. package/dist/components/Scene/sceneScrollBudget.d.ts +38 -0
  77. package/dist/components/Scene/sceneScrollRuntime.d.ts +65 -0
  78. package/dist/components/Scene/types.d.ts +189 -0
  79. package/dist/components/Scene/useDragSceneEngine.d.ts +67 -0
  80. package/dist/components/Scene/useElementTrack.d.ts +82 -0
  81. package/dist/components/Scene/useNativePointerDrag.d.ts +25 -0
  82. package/dist/components/Scene/useSceneAnimationRegistry.d.ts +56 -0
  83. package/dist/components/Scene/useScenePointerInput.d.ts +28 -0
  84. package/dist/components/Scene/useSceneRuntimeState.d.ts +17 -0
  85. package/dist/components/Scene/useSceneScrollTakeover.d.ts +13 -0
  86. package/dist/components/Scene/useScrollSceneEngine.d.ts +28 -0
  87. package/dist/components/runtime/runtimeContext.d.ts +14 -0
  88. package/dist/components/runtime/scrollExternalStore.d.ts +13 -0
  89. package/dist/components/runtime/scrollSceneFrameStore.d.ts +29 -0
  90. package/dist/context/CineviewContext.d.ts +25 -0
  91. package/dist/dev/PerfPanel.d.ts +16 -0
  92. package/dist/dev/index.d.ts +14 -0
  93. package/dist/dev/usePerfMonitor.d.ts +9 -0
  94. package/dist/drag-scene-engine-y8Wj9ivV.mjs +270 -0
  95. package/dist/elastic-CBP_FdRv.mjs +129 -0
  96. package/dist/element-track-Du10P12_.mjs +316 -0
  97. package/dist/entry-drag.d.ts +14 -0
  98. package/dist/entry-scroll.d.ts +14 -0
  99. package/dist/fade-DXxFsgxR.mjs +22 -0
  100. package/dist/flip-CrCoNIws.mjs +49 -0
  101. package/dist/hooks/imagePreloadCache.d.ts +4 -0
  102. package/dist/hooks/mediaPreloadCache.d.ts +31 -0
  103. package/dist/hooks/useFirstSceneEnter.d.ts +65 -0
  104. package/dist/hooks/useImagePreloader.d.ts +31 -0
  105. package/dist/hooks/usePrefersReducedMotion.d.ts +12 -0
  106. package/dist/hooks/useSceneManager.d.ts +79 -0
  107. package/dist/index.d.ts +17 -0
  108. package/dist/media/VideoFrameRenderer.d.ts +48 -0
  109. package/dist/media/videoPlaybackOwnership.d.ts +63 -0
  110. package/dist/performance-monitor-AlOOwzY_.mjs +73 -0
  111. package/dist/public-api.d.ts +12 -0
  112. package/dist/rotate-BMEBKDk5.mjs +69 -0
  113. package/dist/scene-animation-registry-8b0m_IaZ.mjs +422 -0
  114. package/dist/shake-BV6SdR9O.mjs +171 -0
  115. package/dist/slide-DWmVtj0L.mjs +63 -0
  116. package/dist/special-DDz8BopB.mjs +224 -0
  117. package/dist/types/index.d.ts +552 -0
  118. package/dist/utils/animationHelpers.d.ts +15 -0
  119. package/dist/utils/debounce.d.ts +18 -0
  120. package/dist/utils/devLog.d.ts +16 -0
  121. package/dist/utils/dragTimelineMapping.d.ts +30 -0
  122. package/dist/utils/gestureDetector.d.ts +67 -0
  123. package/dist/utils/performanceMonitor.d.ts +66 -0
  124. package/dist/utils/styleConvert.d.ts +7 -0
  125. package/dist/utils/useIsomorphicLayoutEffect.d.ts +22 -0
  126. package/dist/utils/useStructurallyStableValue.d.ts +5 -0
  127. package/dist/zoom-CuAthpqd.mjs +63 -0
  128. package/package.json +171 -0
package/dist/shake-BV6SdR9O.mjs ADDED
@@ -0,0 +1,171 @@
1
+ var i = {
2
+ shake: {
3
+ initial: { x: 0 },
4
+ animate: {
5
+ x: [
6
+ 0,
7
+ -10,
8
+ 10,
9
+ -10,
10
+ 10,
11
+ 0
12
+ ],
13
+ transition: {
14
+ duration: 0.6,
15
+ times: [
16
+ 0,
17
+ 0.2,
18
+ 0.4,
19
+ 0.6,
20
+ 0.8,
21
+ 1
22
+ ]
23
+ }
24
+ },
25
+ exit: {
26
+ x: 0,
27
+ opacity: 0
28
+ }
29
+ },
30
+ "shake-x": {
31
+ initial: { x: 0 },
32
+ animate: {
33
+ x: [
34
+ 0,
35
+ -15,
36
+ 15,
37
+ -15,
38
+ 15,
39
+ 0
40
+ ],
41
+ transition: {
42
+ duration: 0.8,
43
+ times: [
44
+ 0,
45
+ 0.2,
46
+ 0.4,
47
+ 0.6,
48
+ 0.8,
49
+ 1
50
+ ]
51
+ }
52
+ },
53
+ exit: {
54
+ x: 0,
55
+ opacity: 0
56
+ }
57
+ },
58
+ "shake-y": {
59
+ initial: { y: 0 },
60
+ animate: {
61
+ y: [
62
+ 0,
63
+ -15,
64
+ 15,
65
+ -15,
66
+ 15,
67
+ 0
68
+ ],
69
+ transition: {
70
+ duration: 0.8,
71
+ times: [
72
+ 0,
73
+ 0.2,
74
+ 0.4,
75
+ 0.6,
76
+ 0.8,
77
+ 1
78
+ ]
79
+ }
80
+ },
81
+ exit: {
82
+ y: 0,
83
+ opacity: 0
84
+ }
85
+ },
86
+ vibrate: {
87
+ initial: {
88
+ x: 0,
89
+ y: 0
90
+ },
91
+ animate: {
92
+ x: [
93
+ 0,
94
+ -2,
95
+ 2,
96
+ -2,
97
+ 2,
98
+ 0
99
+ ],
100
+ y: [
101
+ 0,
102
+ -2,
103
+ 2,
104
+ -2,
105
+ 2,
106
+ 0
107
+ ],
108
+ transition: {
109
+ duration: 0.4,
110
+ times: [
111
+ 0,
112
+ 0.2,
113
+ 0.4,
114
+ 0.6,
115
+ 0.8,
116
+ 1
117
+ ]
118
+ }
119
+ },
120
+ exit: {
121
+ x: 0,
122
+ y: 0,
123
+ opacity: 0
124
+ }
125
+ },
126
+ jello: {
127
+ initial: {
128
+ skewX: 0,
129
+ skewY: 0
130
+ },
131
+ animate: {
132
+ skewX: [
133
+ 0,
134
+ -12.5,
135
+ 6.25,
136
+ -3.125,
137
+ 1.5625,
138
+ 0
139
+ ],
140
+ skewY: [
141
+ 0,
142
+ -12.5,
143
+ 6.25,
144
+ -3.125,
145
+ 1.5625,
146
+ 0
147
+ ],
148
+ transition: {
149
+ duration: 1,
150
+ times: [
151
+ 0,
152
+ 0.222,
153
+ 0.444,
154
+ 0.666,
155
+ 0.888,
156
+ 1
157
+ ]
158
+ }
159
+ },
160
+ exit: {
161
+ skewX: 0,
162
+ skewY: 0,
163
+ opacity: 0
164
+ }
165
+ }
166
+ };
167
+ export {
168
+ i as shakeAnimations
169
+ };
170
+
171
+ //# sourceMappingURL=shake-BV6SdR9O.mjs.map
package/dist/slide-DWmVtj0L.mjs ADDED
@@ -0,0 +1,63 @@
1
+ var i = {
2
+ "slide-up": {
3
+ initial: {
4
+ y: "100%",
5
+ opacity: 0
6
+ },
7
+ animate: {
8
+ y: 0,
9
+ opacity: 1
10
+ },
11
+ exit: {
12
+ y: "-100%",
13
+ opacity: 0
14
+ }
15
+ },
16
+ "slide-down": {
17
+ initial: {
18
+ y: "-100%",
19
+ opacity: 0
20
+ },
21
+ animate: {
22
+ y: 0,
23
+ opacity: 1
24
+ },
25
+ exit: {
26
+ y: "100%",
27
+ opacity: 0
28
+ }
29
+ },
30
+ "slide-left": {
31
+ initial: {
32
+ x: "100%",
33
+ opacity: 0
34
+ },
35
+ animate: {
36
+ x: 0,
37
+ opacity: 1
38
+ },
39
+ exit: {
40
+ x: "-100%",
41
+ opacity: 0
42
+ }
43
+ },
44
+ "slide-right": {
45
+ initial: {
46
+ x: "-100%",
47
+ opacity: 0
48
+ },
49
+ animate: {
50
+ x: 0,
51
+ opacity: 1
52
+ },
53
+ exit: {
54
+ x: "100%",
55
+ opacity: 0
56
+ }
57
+ }
58
+ };
59
+ export {
60
+ i as slideAnimations
61
+ };
62
+
63
+ //# sourceMappingURL=slide-DWmVtj0L.mjs.map
package/dist/special-DDz8BopB.mjs ADDED
@@ -0,0 +1,224 @@
1
+ var t = {
2
+ heartbeat: {
3
+ initial: { scale: 1 },
4
+ animate: {
5
+ scale: [
6
+ 1,
7
+ 1.3,
8
+ 1,
9
+ 1.3,
10
+ 1
11
+ ],
12
+ transition: {
13
+ duration: 1.3,
14
+ times: [
15
+ 0,
16
+ 0.14,
17
+ 0.28,
18
+ 0.42,
19
+ 1
20
+ ]
21
+ }
22
+ },
23
+ exit: {
24
+ scale: 0,
25
+ opacity: 0
26
+ }
27
+ },
28
+ tada: {
29
+ initial: {
30
+ scale: 1,
31
+ rotate: 0
32
+ },
33
+ animate: {
34
+ scale: [
35
+ 1,
36
+ 0.9,
37
+ 0.9,
38
+ 1.1,
39
+ 1.1,
40
+ 1.1,
41
+ 1.1,
42
+ 1.1,
43
+ 1.1,
44
+ 1
45
+ ],
46
+ rotate: [
47
+ 0,
48
+ -3,
49
+ -3,
50
+ 3,
51
+ -3,
52
+ 3,
53
+ -3,
54
+ 3,
55
+ -3,
56
+ 0
57
+ ],
58
+ transition: {
59
+ duration: 1,
60
+ times: [
61
+ 0,
62
+ 0.1,
63
+ 0.2,
64
+ 0.3,
65
+ 0.4,
66
+ 0.5,
67
+ 0.6,
68
+ 0.7,
69
+ 0.8,
70
+ 1
71
+ ]
72
+ }
73
+ },
74
+ exit: {
75
+ scale: 0,
76
+ rotate: 0,
77
+ opacity: 0
78
+ }
79
+ },
80
+ wave: {
81
+ initial: {
82
+ rotate: 0,
83
+ transformOrigin: "bottom center"
84
+ },
85
+ animate: {
86
+ rotate: [
87
+ 0,
88
+ 14,
89
+ -8,
90
+ 14,
91
+ -4,
92
+ 10,
93
+ 0
94
+ ],
95
+ transformOrigin: "bottom center",
96
+ transition: {
97
+ duration: 1,
98
+ times: [
99
+ 0,
100
+ 0.1,
101
+ 0.2,
102
+ 0.3,
103
+ 0.4,
104
+ 0.5,
105
+ 1
106
+ ]
107
+ }
108
+ },
109
+ exit: {
110
+ rotate: 0,
111
+ opacity: 0
112
+ }
113
+ },
114
+ "roll-in": {
115
+ initial: {
116
+ x: "-100%",
117
+ rotate: -120,
118
+ opacity: 0
119
+ },
120
+ animate: {
121
+ x: 0,
122
+ rotate: 0,
123
+ opacity: 1
124
+ },
125
+ exit: {
126
+ x: 0,
127
+ rotate: 0,
128
+ opacity: 1
129
+ }
130
+ },
131
+ "roll-out": {
132
+ initial: {
133
+ x: 0,
134
+ rotate: 0,
135
+ opacity: 1
136
+ },
137
+ animate: {
138
+ x: 0,
139
+ rotate: 0,
140
+ opacity: 1
141
+ },
142
+ exit: {
143
+ x: "100%",
144
+ rotate: 120,
145
+ opacity: 0
146
+ }
147
+ },
148
+ hinge: {
149
+ initial: {
150
+ rotate: 0,
151
+ transformOrigin: "top left"
152
+ },
153
+ animate: {
154
+ rotate: 0,
155
+ transformOrigin: "top left"
156
+ },
157
+ exit: {
158
+ rotate: [
159
+ 0,
160
+ 80,
161
+ 60,
162
+ 80,
163
+ 60,
164
+ 60
165
+ ],
166
+ y: [
167
+ 0,
168
+ 0,
169
+ 0,
170
+ 0,
171
+ 0,
172
+ 700
173
+ ],
174
+ opacity: [
175
+ 1,
176
+ 1,
177
+ 1,
178
+ 1,
179
+ 1,
180
+ 0
181
+ ],
182
+ transformOrigin: "top left",
183
+ transition: {
184
+ duration: 2,
185
+ times: [
186
+ 0,
187
+ 0.2,
188
+ 0.4,
189
+ 0.6,
190
+ 0.8,
191
+ 1
192
+ ]
193
+ }
194
+ }
195
+ },
196
+ "jack-in-the-box": {
197
+ initial: {
198
+ scale: 0.1,
199
+ rotate: 30,
200
+ transformOrigin: "center bottom",
201
+ opacity: 0
202
+ },
203
+ animate: {
204
+ scale: 1,
205
+ rotate: 0,
206
+ transformOrigin: "center bottom",
207
+ opacity: 1,
208
+ transition: {
209
+ type: "spring",
210
+ stiffness: 500,
211
+ damping: 15
212
+ }
213
+ },
214
+ exit: {
215
+ scale: 0,
216
+ opacity: 0
217
+ }
218
+ }
219
+ };
220
+ export {
221
+ t as specialAnimations
222
+ };
223
+
224
+ //# sourceMappingURL=special-DDz8BopB.mjs.map