react-voodoo 2.7.1 → 2.7.2

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 (54) hide show
  1. package/package.json +1 -1
  2. package/.claude/scheduled_tasks.lock +0 -1
  3. package/coverage/clover.xml +0 -2221
  4. package/coverage/coverage-final.json +0 -35
  5. package/coverage/lcov-report/base.css +0 -224
  6. package/coverage/lcov-report/block-navigation.js +0 -87
  7. package/coverage/lcov-report/comps/Axis.js.html +0 -391
  8. package/coverage/lcov-report/comps/Draggable.js.html +0 -1180
  9. package/coverage/lcov-report/comps/Node.js.html +0 -691
  10. package/coverage/lcov-report/comps/Tweener.js.html +0 -3637
  11. package/coverage/lcov-report/comps/TweenerContext.js.html +0 -127
  12. package/coverage/lcov-report/comps/index.html +0 -176
  13. package/coverage/lcov-report/favicon.png +0 -0
  14. package/coverage/lcov-report/hooks/index.html +0 -146
  15. package/coverage/lcov-report/hooks/useReducedMotion.js.html +0 -172
  16. package/coverage/lcov-report/hooks/useTweener.js.html +0 -130
  17. package/coverage/lcov-report/hooks/useVoodoo.js.html +0 -553
  18. package/coverage/lcov-report/index.html +0 -206
  19. package/coverage/lcov-report/prettify.css +0 -1
  20. package/coverage/lcov-report/prettify.js +0 -2
  21. package/coverage/lcov-report/sort-arrow-sprite.png +0 -0
  22. package/coverage/lcov-report/sorter.js +0 -210
  23. package/coverage/lcov-report/spells/asTweener.js.html +0 -361
  24. package/coverage/lcov-report/spells/index.html +0 -131
  25. package/coverage/lcov-report/spells/withTweener.js.html +0 -262
  26. package/coverage/lcov-report/utils/CssTweenAxis.js.html +0 -721
  27. package/coverage/lcov-report/utils/css/cssUtils.js.html +0 -916
  28. package/coverage/lcov-report/utils/css/demux/backgroundColor.js.html +0 -115
  29. package/coverage/lcov-report/utils/css/demux/boxShadow.js.html +0 -115
  30. package/coverage/lcov-report/utils/css/demux/filter.js.html +0 -724
  31. package/coverage/lcov-report/utils/css/demux/index.html +0 -176
  32. package/coverage/lcov-report/utils/css/demux/textShadow.js.html +0 -115
  33. package/coverage/lcov-report/utils/css/demux/transform.js.html +0 -1006
  34. package/coverage/lcov-report/utils/css/demux/typed/any.js.html +0 -640
  35. package/coverage/lcov-report/utils/css/demux/typed/bool.js.html +0 -196
  36. package/coverage/lcov-report/utils/css/demux/typed/color.js.html +0 -322
  37. package/coverage/lcov-report/utils/css/demux/typed/index.html +0 -236
  38. package/coverage/lcov-report/utils/css/demux/typed/length.js.html +0 -562
  39. package/coverage/lcov-report/utils/css/demux/typed/multi.js.html +0 -298
  40. package/coverage/lcov-report/utils/css/demux/typed/number.js.html +0 -199
  41. package/coverage/lcov-report/utils/css/demux/typed/ratio.js.html +0 -199
  42. package/coverage/lcov-report/utils/css/demux/typed/shadow.js.html +0 -1060
  43. package/coverage/lcov-report/utils/css/demux/typed/svgAttr.js.html +0 -214
  44. package/coverage/lcov-report/utils/css/index.html +0 -146
  45. package/coverage/lcov-report/utils/css/index.js.html +0 -829
  46. package/coverage/lcov-report/utils/css/prop.js.html +0 -199
  47. package/coverage/lcov-report/utils/dom.js.html +0 -1309
  48. package/coverage/lcov-report/utils/index.html +0 -206
  49. package/coverage/lcov-report/utils/inertia.js.html +0 -2140
  50. package/coverage/lcov-report/utils/motionPrefs.js.html +0 -262
  51. package/coverage/lcov-report/utils/react.js.html +0 -199
  52. package/coverage/lcov-report/utils/spring.js.html +0 -397
  53. package/coverage/lcov-report/utils/tweenTools.js.html +0 -1003
  54. package/coverage/lcov.info +0 -4931
package/coverage/lcov-report/hooks/useVoodoo.js.html DELETED
@@ -1,553 +0,0 @@
1
-
2
- <!doctype html>
3
- <html lang="en">
4
-
5
- <head>
6
- <title>Code coverage report for hooks/useVoodoo.js</title>
7
- <meta charset="utf-8" />
8
- <link rel="stylesheet" href="../prettify.css" />
9
- <link rel="stylesheet" href="../base.css" />
10
- <link rel="shortcut icon" type="image/x-icon" href="../favicon.png" />
11
- <meta name="viewport" content="width=device-width, initial-scale=1" />
12
- <style type='text/css'>
13
- .coverage-summary .sorter {
14
- background-image: url(../sort-arrow-sprite.png);
15
- }
16
- </style>
17
- </head>
18
-
19
- <body>
20
- <div class='wrapper'>
21
- <div class='pad1'>
22
- <h1><a href="../index.html">All files</a> / <a href="index.html">hooks</a> useVoodoo.js</h1>
23
- <div class='clearfix'>
24
-
25
- <div class='fl pad1y space-right2'>
26
- <span class="strong">82.35% </span>
27
- <span class="quiet">Statements</span>
28
- <span class='fraction'>42/51</span>
29
- </div>
30
-
31
-
32
- <div class='fl pad1y space-right2'>
33
- <span class="strong">74.19% </span>
34
- <span class="quiet">Branches</span>
35
- <span class='fraction'>23/31</span>
36
- </div>
37
-
38
-
39
- <div class='fl pad1y space-right2'>
40
- <span class="strong">91.66% </span>
41
- <span class="quiet">Functions</span>
42
- <span class='fraction'>11/12</span>
43
- </div>
44
-
45
-
46
- <div class='fl pad1y space-right2'>
47
- <span class="strong">82.35% </span>
48
- <span class="quiet">Lines</span>
49
- <span class='fraction'>42/51</span>
50
- </div>
51
-
52
-
53
- </div>
54
- <p class="quiet">
55
- Press <em>n</em> or <em>j</em> to go to the next uncovered block, <em>b</em>, <em>p</em> or <em>k</em> for the previous block.
56
- </p>
57
- <template id="filterTemplate">
58
- <div class="quiet">
59
- Filter:
60
- <input type="search" id="fileSearch">
61
- </div>
62
- </template>
63
- </div>
64
- <div class='status-line high'></div>
65
- <pre><table class="coverage">
66
- <tr><td class="line-count quiet"><a name='L1'></a><a href='#L1'>1</a>
67
- <a name='L2'></a><a href='#L2'>2</a>
68
- <a name='L3'></a><a href='#L3'>3</a>
69
- <a name='L4'></a><a href='#L4'>4</a>
70
- <a name='L5'></a><a href='#L5'>5</a>
71
- <a name='L6'></a><a href='#L6'>6</a>
72
- <a name='L7'></a><a href='#L7'>7</a>
73
- <a name='L8'></a><a href='#L8'>8</a>
74
- <a name='L9'></a><a href='#L9'>9</a>
75
- <a name='L10'></a><a href='#L10'>10</a>
76
- <a name='L11'></a><a href='#L11'>11</a>
77
- <a name='L12'></a><a href='#L12'>12</a>
78
- <a name='L13'></a><a href='#L13'>13</a>
79
- <a name='L14'></a><a href='#L14'>14</a>
80
- <a name='L15'></a><a href='#L15'>15</a>
81
- <a name='L16'></a><a href='#L16'>16</a>
82
- <a name='L17'></a><a href='#L17'>17</a>
83
- <a name='L18'></a><a href='#L18'>18</a>
84
- <a name='L19'></a><a href='#L19'>19</a>
85
- <a name='L20'></a><a href='#L20'>20</a>
86
- <a name='L21'></a><a href='#L21'>21</a>
87
- <a name='L22'></a><a href='#L22'>22</a>
88
- <a name='L23'></a><a href='#L23'>23</a>
89
- <a name='L24'></a><a href='#L24'>24</a>
90
- <a name='L25'></a><a href='#L25'>25</a>
91
- <a name='L26'></a><a href='#L26'>26</a>
92
- <a name='L27'></a><a href='#L27'>27</a>
93
- <a name='L28'></a><a href='#L28'>28</a>
94
- <a name='L29'></a><a href='#L29'>29</a>
95
- <a name='L30'></a><a href='#L30'>30</a>
96
- <a name='L31'></a><a href='#L31'>31</a>
97
- <a name='L32'></a><a href='#L32'>32</a>
98
- <a name='L33'></a><a href='#L33'>33</a>
99
- <a name='L34'></a><a href='#L34'>34</a>
100
- <a name='L35'></a><a href='#L35'>35</a>
101
- <a name='L36'></a><a href='#L36'>36</a>
102
- <a name='L37'></a><a href='#L37'>37</a>
103
- <a name='L38'></a><a href='#L38'>38</a>
104
- <a name='L39'></a><a href='#L39'>39</a>
105
- <a name='L40'></a><a href='#L40'>40</a>
106
- <a name='L41'></a><a href='#L41'>41</a>
107
- <a name='L42'></a><a href='#L42'>42</a>
108
- <a name='L43'></a><a href='#L43'>43</a>
109
- <a name='L44'></a><a href='#L44'>44</a>
110
- <a name='L45'></a><a href='#L45'>45</a>
111
- <a name='L46'></a><a href='#L46'>46</a>
112
- <a name='L47'></a><a href='#L47'>47</a>
113
- <a name='L48'></a><a href='#L48'>48</a>
114
- <a name='L49'></a><a href='#L49'>49</a>
115
- <a name='L50'></a><a href='#L50'>50</a>
116
- <a name='L51'></a><a href='#L51'>51</a>
117
- <a name='L52'></a><a href='#L52'>52</a>
118
- <a name='L53'></a><a href='#L53'>53</a>
119
- <a name='L54'></a><a href='#L54'>54</a>
120
- <a name='L55'></a><a href='#L55'>55</a>
121
- <a name='L56'></a><a href='#L56'>56</a>
122
- <a name='L57'></a><a href='#L57'>57</a>
123
- <a name='L58'></a><a href='#L58'>58</a>
124
- <a name='L59'></a><a href='#L59'>59</a>
125
- <a name='L60'></a><a href='#L60'>60</a>
126
- <a name='L61'></a><a href='#L61'>61</a>
127
- <a name='L62'></a><a href='#L62'>62</a>
128
- <a name='L63'></a><a href='#L63'>63</a>
129
- <a name='L64'></a><a href='#L64'>64</a>
130
- <a name='L65'></a><a href='#L65'>65</a>
131
- <a name='L66'></a><a href='#L66'>66</a>
132
- <a name='L67'></a><a href='#L67'>67</a>
133
- <a name='L68'></a><a href='#L68'>68</a>
134
- <a name='L69'></a><a href='#L69'>69</a>
135
- <a name='L70'></a><a href='#L70'>70</a>
136
- <a name='L71'></a><a href='#L71'>71</a>
137
- <a name='L72'></a><a href='#L72'>72</a>
138
- <a name='L73'></a><a href='#L73'>73</a>
139
- <a name='L74'></a><a href='#L74'>74</a>
140
- <a name='L75'></a><a href='#L75'>75</a>
141
- <a name='L76'></a><a href='#L76'>76</a>
142
- <a name='L77'></a><a href='#L77'>77</a>
143
- <a name='L78'></a><a href='#L78'>78</a>
144
- <a name='L79'></a><a href='#L79'>79</a>
145
- <a name='L80'></a><a href='#L80'>80</a>
146
- <a name='L81'></a><a href='#L81'>81</a>
147
- <a name='L82'></a><a href='#L82'>82</a>
148
- <a name='L83'></a><a href='#L83'>83</a>
149
- <a name='L84'></a><a href='#L84'>84</a>
150
- <a name='L85'></a><a href='#L85'>85</a>
151
- <a name='L86'></a><a href='#L86'>86</a>
152
- <a name='L87'></a><a href='#L87'>87</a>
153
- <a name='L88'></a><a href='#L88'>88</a>
154
- <a name='L89'></a><a href='#L89'>89</a>
155
- <a name='L90'></a><a href='#L90'>90</a>
156
- <a name='L91'></a><a href='#L91'>91</a>
157
- <a name='L92'></a><a href='#L92'>92</a>
158
- <a name='L93'></a><a href='#L93'>93</a>
159
- <a name='L94'></a><a href='#L94'>94</a>
160
- <a name='L95'></a><a href='#L95'>95</a>
161
- <a name='L96'></a><a href='#L96'>96</a>
162
- <a name='L97'></a><a href='#L97'>97</a>
163
- <a name='L98'></a><a href='#L98'>98</a>
164
- <a name='L99'></a><a href='#L99'>99</a>
165
- <a name='L100'></a><a href='#L100'>100</a>
166
- <a name='L101'></a><a href='#L101'>101</a>
167
- <a name='L102'></a><a href='#L102'>102</a>
168
- <a name='L103'></a><a href='#L103'>103</a>
169
- <a name='L104'></a><a href='#L104'>104</a>
170
- <a name='L105'></a><a href='#L105'>105</a>
171
- <a name='L106'></a><a href='#L106'>106</a>
172
- <a name='L107'></a><a href='#L107'>107</a>
173
- <a name='L108'></a><a href='#L108'>108</a>
174
- <a name='L109'></a><a href='#L109'>109</a>
175
- <a name='L110'></a><a href='#L110'>110</a>
176
- <a name='L111'></a><a href='#L111'>111</a>
177
- <a name='L112'></a><a href='#L112'>112</a>
178
- <a name='L113'></a><a href='#L113'>113</a>
179
- <a name='L114'></a><a href='#L114'>114</a>
180
- <a name='L115'></a><a href='#L115'>115</a>
181
- <a name='L116'></a><a href='#L116'>116</a>
182
- <a name='L117'></a><a href='#L117'>117</a>
183
- <a name='L118'></a><a href='#L118'>118</a>
184
- <a name='L119'></a><a href='#L119'>119</a>
185
- <a name='L120'></a><a href='#L120'>120</a>
186
- <a name='L121'></a><a href='#L121'>121</a>
187
- <a name='L122'></a><a href='#L122'>122</a>
188
- <a name='L123'></a><a href='#L123'>123</a>
189
- <a name='L124'></a><a href='#L124'>124</a>
190
- <a name='L125'></a><a href='#L125'>125</a>
191
- <a name='L126'></a><a href='#L126'>126</a>
192
- <a name='L127'></a><a href='#L127'>127</a>
193
- <a name='L128'></a><a href='#L128'>128</a>
194
- <a name='L129'></a><a href='#L129'>129</a>
195
- <a name='L130'></a><a href='#L130'>130</a>
196
- <a name='L131'></a><a href='#L131'>131</a>
197
- <a name='L132'></a><a href='#L132'>132</a>
198
- <a name='L133'></a><a href='#L133'>133</a>
199
- <a name='L134'></a><a href='#L134'>134</a>
200
- <a name='L135'></a><a href='#L135'>135</a>
201
- <a name='L136'></a><a href='#L136'>136</a>
202
- <a name='L137'></a><a href='#L137'>137</a>
203
- <a name='L138'></a><a href='#L138'>138</a>
204
- <a name='L139'></a><a href='#L139'>139</a>
205
- <a name='L140'></a><a href='#L140'>140</a>
206
- <a name='L141'></a><a href='#L141'>141</a>
207
- <a name='L142'></a><a href='#L142'>142</a>
208
- <a name='L143'></a><a href='#L143'>143</a>
209
- <a name='L144'></a><a href='#L144'>144</a>
210
- <a name='L145'></a><a href='#L145'>145</a>
211
- <a name='L146'></a><a href='#L146'>146</a>
212
- <a name='L147'></a><a href='#L147'>147</a>
213
- <a name='L148'></a><a href='#L148'>148</a>
214
- <a name='L149'></a><a href='#L149'>149</a>
215
- <a name='L150'></a><a href='#L150'>150</a>
216
- <a name='L151'></a><a href='#L151'>151</a>
217
- <a name='L152'></a><a href='#L152'>152</a>
218
- <a name='L153'></a><a href='#L153'>153</a>
219
- <a name='L154'></a><a href='#L154'>154</a>
220
- <a name='L155'></a><a href='#L155'>155</a>
221
- <a name='L156'></a><a href='#L156'>156</a>
222
- <a name='L157'></a><a href='#L157'>157</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
223
- <span class="cline-any cline-neutral">&nbsp;</span>
224
- <span class="cline-any cline-neutral">&nbsp;</span>
225
- <span class="cline-any cline-neutral">&nbsp;</span>
226
- <span class="cline-any cline-neutral">&nbsp;</span>
227
- <span class="cline-any cline-neutral">&nbsp;</span>
228
- <span class="cline-any cline-neutral">&nbsp;</span>
229
- <span class="cline-any cline-neutral">&nbsp;</span>
230
- <span class="cline-any cline-neutral">&nbsp;</span>
231
- <span class="cline-any cline-neutral">&nbsp;</span>
232
- <span class="cline-any cline-neutral">&nbsp;</span>
233
- <span class="cline-any cline-neutral">&nbsp;</span>
234
- <span class="cline-any cline-neutral">&nbsp;</span>
235
- <span class="cline-any cline-neutral">&nbsp;</span>
236
- <span class="cline-any cline-neutral">&nbsp;</span>
237
- <span class="cline-any cline-neutral">&nbsp;</span>
238
- <span class="cline-any cline-neutral">&nbsp;</span>
239
- <span class="cline-any cline-neutral">&nbsp;</span>
240
- <span class="cline-any cline-neutral">&nbsp;</span>
241
- <span class="cline-any cline-neutral">&nbsp;</span>
242
- <span class="cline-any cline-neutral">&nbsp;</span>
243
- <span class="cline-any cline-neutral">&nbsp;</span>
244
- <span class="cline-any cline-neutral">&nbsp;</span>
245
- <span class="cline-any cline-neutral">&nbsp;</span>
246
- <span class="cline-any cline-neutral">&nbsp;</span>
247
- <span class="cline-any cline-neutral">&nbsp;</span>
248
- <span class="cline-any cline-neutral">&nbsp;</span>
249
- <span class="cline-any cline-neutral">&nbsp;</span>
250
- <span class="cline-any cline-neutral">&nbsp;</span>
251
- <span class="cline-any cline-neutral">&nbsp;</span>
252
- <span class="cline-any cline-neutral">&nbsp;</span>
253
- <span class="cline-any cline-neutral">&nbsp;</span>
254
- <span class="cline-any cline-neutral">&nbsp;</span>
255
- <span class="cline-any cline-neutral">&nbsp;</span>
256
- <span class="cline-any cline-neutral">&nbsp;</span>
257
- <span class="cline-any cline-yes">20x</span>
258
- <span class="cline-any cline-yes">20x</span>
259
- <span class="cline-any cline-yes">20x</span>
260
- <span class="cline-any cline-yes">20x</span>
261
- <span class="cline-any cline-yes">20x</span>
262
- <span class="cline-any cline-neutral">&nbsp;</span>
263
- <span class="cline-any cline-neutral">&nbsp;</span>
264
- <span class="cline-any cline-yes">20x</span>
265
- <span class="cline-any cline-neutral">&nbsp;</span>
266
- <span class="cline-any cline-yes">20x</span>
267
- <span class="cline-any cline-yes">10x</span>
268
- <span class="cline-any cline-neutral">&nbsp;</span>
269
- <span class="cline-any cline-yes">10x</span>
270
- <span class="cline-any cline-no">&nbsp;</span>
271
- <span class="cline-any cline-neutral">&nbsp;</span>
272
- <span class="cline-any cline-no">&nbsp;</span>
273
- <span class="cline-any cline-no">&nbsp;</span>
274
- <span class="cline-any cline-no">&nbsp;</span>
275
- <span class="cline-any cline-neutral">&nbsp;</span>
276
- <span class="cline-any cline-no">&nbsp;</span>
277
- <span class="cline-any cline-no">&nbsp;</span>
278
- <span class="cline-any cline-neutral">&nbsp;</span>
279
- <span class="cline-any cline-neutral">&nbsp;</span>
280
- <span class="cline-any cline-no">&nbsp;</span>
281
- <span class="cline-any cline-neutral">&nbsp;</span>
282
- <span class="cline-any cline-neutral">&nbsp;</span>
283
- <span class="cline-any cline-yes">10x</span>
284
- <span class="cline-any cline-neutral">&nbsp;</span>
285
- <span class="cline-any cline-neutral">&nbsp;</span>
286
- <span class="cline-any cline-neutral">&nbsp;</span>
287
- <span class="cline-any cline-yes">10x</span>
288
- <span class="cline-any cline-yes">10x</span>
289
- <span class="cline-any cline-yes">10x</span>
290
- <span class="cline-any cline-neutral">&nbsp;</span>
291
- <span class="cline-any cline-neutral">&nbsp;</span>
292
- <span class="cline-any cline-neutral">&nbsp;</span>
293
- <span class="cline-any cline-yes">20x</span>
294
- <span class="cline-any cline-neutral">&nbsp;</span>
295
- <span class="cline-any cline-yes">20x</span>
296
- <span class="cline-any cline-neutral">&nbsp;</span>
297
- <span class="cline-any cline-yes">10x</span>
298
- <span class="cline-any cline-neutral">&nbsp;</span>
299
- <span class="cline-any cline-neutral">&nbsp;</span>
300
- <span class="cline-any cline-neutral">&nbsp;</span>
301
- <span class="cline-any cline-no">&nbsp;</span>
302
- <span class="cline-any cline-neutral">&nbsp;</span>
303
- <span class="cline-any cline-neutral">&nbsp;</span>
304
- <span class="cline-any cline-neutral">&nbsp;</span>
305
- <span class="cline-any cline-neutral">&nbsp;</span>
306
- <span class="cline-any cline-neutral">&nbsp;</span>
307
- <span class="cline-any cline-neutral">&nbsp;</span>
308
- <span class="cline-any cline-neutral">&nbsp;</span>
309
- <span class="cline-any cline-neutral">&nbsp;</span>
310
- <span class="cline-any cline-neutral">&nbsp;</span>
311
- <span class="cline-any cline-neutral">&nbsp;</span>
312
- <span class="cline-any cline-neutral">&nbsp;</span>
313
- <span class="cline-any cline-neutral">&nbsp;</span>
314
- <span class="cline-any cline-neutral">&nbsp;</span>
315
- <span class="cline-any cline-yes">20x</span>
316
- <span class="cline-any cline-neutral">&nbsp;</span>
317
- <span class="cline-any cline-yes">20x</span>
318
- <span class="cline-any cline-yes">10x</span>
319
- <span class="cline-any cline-yes">10x</span>
320
- <span class="cline-any cline-yes">10x</span>
321
- <span class="cline-any cline-yes">10x</span>
322
- <span class="cline-any cline-yes">10x</span>
323
- <span class="cline-any cline-no">&nbsp;</span>
324
- <span class="cline-any cline-yes">10x</span>
325
- <span class="cline-any cline-yes">10x</span>
326
- <span class="cline-any cline-neutral">&nbsp;</span>
327
- <span class="cline-any cline-neutral">&nbsp;</span>
328
- <span class="cline-any cline-neutral">&nbsp;</span>
329
- <span class="cline-any cline-neutral">&nbsp;</span>
330
- <span class="cline-any cline-neutral">&nbsp;</span>
331
- <span class="cline-any cline-neutral">&nbsp;</span>
332
- <span class="cline-any cline-yes">20x</span>
333
- <span class="cline-any cline-neutral">&nbsp;</span>
334
- <span class="cline-any cline-neutral">&nbsp;</span>
335
- <span class="cline-any cline-yes">20x</span>
336
- <span class="cline-any cline-yes">10x</span>
337
- <span class="cline-any cline-yes">10x</span>
338
- <span class="cline-any cline-yes">10x</span>
339
- <span class="cline-any cline-neutral">&nbsp;</span>
340
- <span class="cline-any cline-neutral">&nbsp;</span>
341
- <span class="cline-any cline-neutral">&nbsp;</span>
342
- <span class="cline-any cline-neutral">&nbsp;</span>
343
- <span class="cline-any cline-neutral">&nbsp;</span>
344
- <span class="cline-any cline-neutral">&nbsp;</span>
345
- <span class="cline-any cline-neutral">&nbsp;</span>
346
- <span class="cline-any cline-neutral">&nbsp;</span>
347
- <span class="cline-any cline-yes">20x</span>
348
- <span class="cline-any cline-neutral">&nbsp;</span>
349
- <span class="cline-any cline-yes">20x</span>
350
- <span class="cline-any cline-yes">10x</span>
351
- <span class="cline-any cline-yes">10x</span>
352
- <span class="cline-any cline-neutral">&nbsp;</span>
353
- <span class="cline-any cline-neutral">&nbsp;</span>
354
- <span class="cline-any cline-neutral">&nbsp;</span>
355
- <span class="cline-any cline-neutral">&nbsp;</span>
356
- <span class="cline-any cline-neutral">&nbsp;</span>
357
- <span class="cline-any cline-yes">20x</span>
358
- <span class="cline-any cline-neutral">&nbsp;</span>
359
- <span class="cline-any cline-yes">20x</span>
360
- <span class="cline-any cline-yes">10x</span>
361
- <span class="cline-any cline-neutral">&nbsp;</span>
362
- <span class="cline-any cline-neutral">&nbsp;</span>
363
- <span class="cline-any cline-neutral">&nbsp;</span>
364
- <span class="cline-any cline-yes">10x</span>
365
- <span class="cline-any cline-neutral">&nbsp;</span>
366
- <span class="cline-any cline-neutral">&nbsp;</span>
367
- <span class="cline-any cline-neutral">&nbsp;</span>
368
- <span class="cline-any cline-yes">10x</span>
369
- <span class="cline-any cline-yes">10x</span>
370
- <span class="cline-any cline-neutral">&nbsp;</span>
371
- <span class="cline-any cline-neutral">&nbsp;</span>
372
- <span class="cline-any cline-neutral">&nbsp;</span>
373
- <span class="cline-any cline-yes">20x</span>
374
- <span class="cline-any cline-yes">20x</span>
375
- <span class="cline-any cline-neutral">&nbsp;</span>
376
- <span class="cline-any cline-neutral">&nbsp;</span>
377
- <span class="cline-any cline-neutral">&nbsp;</span>
378
- <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">/*
379
- * Copyright (c) 2022-2023 Braun Nathanael
380
- *
381
- * This project is dual licensed under one of the following licenses:
382
- * - Creative Commons Attribution-NoDerivatives 4.0 International License.
383
- * - GNU AFFERO GENERAL PUBLIC LICENSE Version 3
384
- *
385
- * You should have received a copy of theses licenses along with this work.
386
- * If not, see &lt;http://creativecommons.org/licenses/by-nd/4.0/&gt; or &lt;http://www.gnu.org/licenses/agpl-3.0.txt&gt;.
387
- */
388
- import React from "react";
389
- import is from "is";
390
- import TweenerContext from "../comps/TweenerContext";
391
- import Tweener from "../comps/Tweener";
392
- &nbsp;
393
- /**
394
- * useVoodoo — the primary hook for creating or inheriting a Tweener animation engine.
395
- *
396
- * Three usage modes:
397
- *
398
- * useVoodoo(options)
399
- * Creates a new Tweener instance. Returns [tweener, ViewBox] where ViewBox is a
400
- * memoized component that provides TweenerContext and attaches the root DOM ref
401
- * used by the Tweener to measure the viewport box (box.x/y/z).
402
- *
403
- * useVoodoo(true)
404
- * Inherits the nearest parent Tweener from context. Used internally by Node,
405
- * Axis, and Draggable to access the engine without creating a new one.
406
- *
407
- * useVoodoo("name")
408
- * Traverses up the tweener tree (via _parentTweener links) to find an ancestor
409
- * whose options.name matches the given string. Useful for reaching a specific
410
- * engine in deeply nested or portal-based layouts.
411
- */
412
- export default ( tweenerOptions, RootNodeComp = 'div' ) =&gt; {
413
- const parentTweener = React.useContext(TweenerContext),
414
- nodeRef = React.useRef(),
415
- lastTweener = React.useRef(),
416
- doUseParentTweener = React.useMemo(
417
- () =&gt; (tweenerOptions === true || is.string(tweenerOptions)),
418
- []
419
- ),
420
- tweener = React.useMemo(
421
- () =&gt; {
422
- if ( tweenerOptions === true )// keep tweener from context ( parent )
423
- return parentTweener;
424
-
425
- <span class="missing-if-branch" title="if path not taken" >I</span>if ( is.string(tweenerOptions) ) {// return named tweener or most root tweener
426
- let pTweener = <span class="cstat-no" title="statement not covered" >parentTweener;</span>
427
-
428
- <span class="cstat-no" title="statement not covered" > while ( pTweener?._ &amp;&amp; pTweener._.options.name !== tweenerOptions )</span>
429
- <span class="cstat-no" title="statement not covered" > if ( pTweener._parentTweener )</span>
430
- <span class="cstat-no" title="statement not covered" > pTweener = pTweener._parentTweener;</span>
431
- else {
432
- <span class="cstat-no" title="statement not covered" > console.warn('[react-voodoo] useVoodoo: no parent tweener found with options.name === "' + tweenerOptions + '"');</span>
433
- <span class="cstat-no" title="statement not covered" > break;</span>
434
- }
435
-
436
- <span class="cstat-no" title="statement not covered" > return pTweener;</span>
437
- }
438
-
439
- let tw = new Tweener({
440
- forwardedRef: nodeRef,
441
- tweenerOptions
442
- });
443
- tw.isMountedFromHook = true;
444
- tw._parentTweener = parentTweener;
445
- return tw;
446
- },
447
- []
448
- ),
449
- ViewBox = React.useMemo(
450
- () =&gt; (
451
- React.forwardRef(
452
- ( { children, ...props }, ref ) =&gt; {
453
- return &lt;TweenerContext.Provider value={tweener}&gt;
454
- &lt;RootNodeComp
455
- ref={!ref
456
- ? nodeRef
457
- : <span class="fstat-no" title="function not covered" ><span class="branch-1 cbranch-no" title="branch not covered" >( </span>node ) =&gt; (<span class="cstat-no" title="statement not covered" >ref.current = nodeRef.current = node)</span>}</span> {...props}&gt;
458
- {
459
- children
460
- }
461
- &lt;/RootNodeComp&gt;
462
- &lt;/TweenerContext.Provider&gt;
463
- }
464
- )
465
- ),
466
- []
467
- )
468
-
469
- // Mount/unmount effect: drives the Tweener lifecycle since the Tweener class is
470
- // not mounted as a React component — useVoodoo owns its mount/unmount calls.
471
- React.useEffect(
472
- () =&gt; {
473
- if ( doUseParentTweener )
474
- return;
475
- tweener.componentDidMount();
476
- lastTweener.current = tweener;
477
- return () =&gt; {
478
- <span class="missing-if-branch" title="if path not taken" >I</span>if ( !lastTweener.current?._ )
479
- <span class="cstat-no" title="statement not covered" > return;</span>
480
- lastTweener.current.componentWillUnmount();
481
- lastTweener.current = null;
482
- }
483
- }, []
484
- )
485
- // nodeRef.current effect: fires after the root DOM node becomes available;
486
- // triggers box measurement and an initial DOM write so CSS is correct
487
- // before the first visible frame.
488
- React.useEffect(
489
- () =&gt; {
490
-
491
- if ( doUseParentTweener || !lastTweener.current?._ )
492
- return;
493
- lastTweener.current._updateBox();
494
- lastTweener.current._updateTweenRefs();
495
-
496
- }
497
- ,
498
- [nodeRef.current]
499
- )
500
- // parentTweener effect: keeps the _parentTweener link up to date as context
501
- // changes (e.g. when the component is reparented). Draggable uses this link
502
- // to traverse the tweener tree during drag gestures.
503
- React.useEffect(
504
- () =&gt; {
505
- if ( doUseParentTweener || !lastTweener.current?._ )
506
- return;
507
- lastTweener.current._parentTweener = parentTweener;
508
- },
509
- [parentTweener]
510
- )
511
- // tweenerOptions effect: hot-updates options (e.g. drag thresholds, axis config)
512
- // without destroying or recreating the Tweener instance.
513
- React.useEffect(
514
- () =&gt; {
515
- if ( doUseParentTweener || !lastTweener.current?._ )
516
- return;
517
- // merge over the current options — a raw assign would wipe the defaults
518
- // merged by the Tweener constructor (maxClickTm/maxClickOffset…), NaN-
519
- // poisoning every click-vs-drag threshold comparison downstream
520
- lastTweener.current._.options = {
521
- ...lastTweener.current._.options,
522
- ...(tweenerOptions || <span class="branch-1 cbranch-no" title="branch not covered" >{})</span>
523
- };
524
- lastTweener.current._updateBox();
525
- lastTweener.current._updateTweenRefs();
526
- },
527
- [tweenerOptions]
528
- )
529
- return React.useMemo(
530
- () =&gt; ([tweener, ViewBox]),
531
- [ViewBox, tweener]
532
- );
533
- }
534
- &nbsp;</pre></td></tr></table></pre>
535
-
536
- <div class='push'></div><!-- for sticky footer -->
537
- </div><!-- /wrapper -->
538
- <div class='footer quiet pad2 space-top1 center small'>
539
- Code coverage generated by
540
- <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
541
- at 2026-06-06T09:33:16.802Z
542
- </div>
543
- <script src="../prettify.js"></script>
544
- <script>
545
- window.onload = function () {
546
- prettyPrint();
547
- };
548
- </script>
549
- <script src="../sorter.js"></script>
550
- <script src="../block-navigation.js"></script>
551
- </body>
552
- </html>
553
-