reacthub-pixitweenjs 0.3.0-alpha.5 → 0.3.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 +17 -9
- package/LICENSE.md +15 -103
- package/README.md +4 -18
- package/dist/components/AepComposition/AepComposition.d.ts +2 -1
- package/dist/components/AepComposition/AepTransitionContext.d.ts +16 -0
- package/dist/components/AepComposition/AepTransitionLayer.d.ts +7 -0
- package/dist/components/AepComposition/AepTransitionMesh.d.ts +7 -0
- package/dist/components/AepComposition/index.d.ts +8 -0
- package/dist/components/AepComposition/model3d/Pixi3DModelLayer.d.ts +1 -1
- package/dist/components/AepComposition/transitionEase.d.ts +2 -0
- package/dist/components/AepComposition/useAepTransitionClock.d.ts +2 -0
- package/dist/components/PixiAnimatedSprite/PixiAnimatedSprite.d.ts +1 -1
- package/dist/components/PixiAudioSprite/PixiAudioSprite.d.ts +1 -1
- package/dist/components/PixiCaptionsTrack/PixiCaptionsTrack.d.ts +1 -1
- package/dist/components/PixiGifSprite/PixiGifGsapSync.d.ts +1 -1
- package/dist/components/PixiGlTransition/GlTransitionRegistry.d.ts +9 -0
- package/dist/components/PixiGlTransition/GlTransitionRegistryContext.d.ts +10 -0
- package/dist/components/PixiGlTransition/PixiElementTransition.d.ts +2 -0
- package/dist/components/PixiGlTransition/PixiGlTransition.d.ts +7 -0
- package/dist/components/PixiGlTransition/PixiSceneTransition.d.ts +2 -0
- package/dist/components/PixiGlTransition/TransitionMeshLayer.d.ts +10 -0
- package/dist/components/PixiGlTransition/index.d.ts +7 -0
- package/dist/components/PixiGlTransition/sequenceTransitions.d.ts +32 -0
- package/dist/components/PixiGlTransition/transitionTypes.d.ts +28 -0
- package/dist/components/PixiGlTransition/useGsapTransitionClock.d.ts +2 -0
- package/dist/components/PixiGlTransition/useTransitionEndpoints.d.ts +6 -0
- package/dist/components/PixiGsapAnims/FadeIn.d.ts +1 -1
- package/dist/components/PixiGsapAnims/PixiFlipContainer.d.ts +1 -1
- package/dist/components/PixiImageSprite/PixiImageSprite.d.ts +1 -1
- package/dist/components/PixiLottieSprite/PixiLottieSprite.d.ts +1 -1
- package/dist/components/PixiNullObject/PixiNullObject.d.ts +1 -1
- package/dist/components/PixiPreComp/PixiPreComp.d.ts +1 -1
- package/dist/components/PixiRemotionSprite/PixiRemotionGifSprite.d.ts +1 -1
- package/dist/components/PixiRemotionSprite/PixiRemotionImageSprite.d.ts +1 -1
- package/dist/components/PixiRemotionSprite/PixiRemotionSprite.d.ts +1 -1
- package/dist/components/PixiRemotionSprite/PixiRemotionVideoCanvaSprite.d.ts +1 -1
- package/dist/components/PixiSVGSprite/PixiMorphSvgSprite.d.ts +1 -1
- package/dist/components/PixiSVGSprite/PixiSvgImageSprite.d.ts +1 -1
- package/dist/components/PixiSVGSprite/PixiSvgPathSprite.d.ts +1 -1
- package/dist/components/PixiSVGSprite/PixiSvgRawSprite.d.ts +1 -1
- package/dist/components/PixiSequence/PixiSequence.d.ts +9 -1
- package/dist/components/PixiShapeLayer/PixiShapeLayer.d.ts +1 -1
- package/dist/components/PixiTextSprite/PixiTextSprite.d.ts +1 -1
- package/dist/components/PixiThreeSprite/PixiThreeModelSprite.d.ts +1 -1
- package/dist/components/PixiVideoSprite/PixiVideoCanvasSync.d.ts +1 -1
- package/dist/components/PixiVideoSprite/PixiVideoSprite.d.ts +1 -1
- package/dist/components/index.d.ts +1 -0
- package/dist/hocs/AbstractContainer.d.ts +1 -1
- package/dist/hocs/BorderMaskContainer.d.ts +1 -1
- package/dist/hocs/OverlayTilingSprite.d.ts +2 -1
- package/dist/hooks/glTransitions/useGLTransitionMesh.d.ts +34 -0
- package/dist/hooks/index.d.ts +2 -0
- package/dist/importers/aep/index.d.ts +1 -0
- package/dist/importers/aep/transitionLint.d.ts +3 -0
- package/dist/index.es.js +9709 -8539
- package/dist/index.umd.js +109 -65
- package/dist/providers/AudioContextProvider.d.ts +1 -1
- package/dist/types/aep/composition.d.ts +4 -1
- package/dist/types/aep/index.d.ts +1 -0
- package/dist/types/aep/transition.d.ts +107 -0
- package/dist/types/glTransition.d.ts +33 -0
- package/dist/types/index.d.ts +1 -0
- package/dist/utils/ContextBridge.d.ts +1 -1
- package/dist/utils/glTransitions/buildFragment.d.ts +14 -0
- package/dist/utils/glTransitions/capture.d.ts +26 -0
- package/dist/utils/glTransitions/catalog.d.ts +124 -0
- package/dist/utils/glTransitions/createGLTransitionShader.d.ts +20 -0
- package/dist/utils/glTransitions/index.d.ts +8 -0
- package/dist/utils/glTransitions/nameMap.d.ts +1 -0
- package/dist/utils/glTransitions/resolve.d.ts +9 -0
- package/dist/utils/index.d.ts +1 -0
- package/package.json +8 -3
package/LICENSE
CHANGED
|
@@ -1,13 +1,21 @@
|
|
|
1
|
-
|
|
1
|
+
MIT License
|
|
2
2
|
|
|
3
|
-
Copyright (c) 2024 khanzzirfan
|
|
3
|
+
Copyright (c) 2024 khanzzirfan
|
|
4
4
|
|
|
5
|
-
|
|
6
|
-
|
|
5
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
6
|
+
of this software and associated documentation files (the "Software"), to deal
|
|
7
|
+
in the Software without restriction, including without limitation the rights
|
|
8
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
9
|
+
copies of the Software, and to permit persons to whom the Software is
|
|
10
|
+
furnished to do so, subject to the following conditions:
|
|
7
11
|
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
€1,000,000. Organizations with annual revenue or turnover of €1,000,000 or
|
|
11
|
-
more must purchase a Company License for commercial use.
|
|
12
|
+
The above copyright notice and this permission notice shall be included in all
|
|
13
|
+
copies or substantial portions of the Software.
|
|
12
14
|
|
|
13
|
-
|
|
15
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
16
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
17
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
18
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
19
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
20
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
21
|
+
SOFTWARE.
|
package/LICENSE.md
CHANGED
|
@@ -1,109 +1,21 @@
|
|
|
1
|
-
#
|
|
1
|
+
# MIT License
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
Copyright (c) 2024 khanzzirfan
|
|
4
4
|
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
5
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
6
|
+
of this software and associated documentation files (the "Software"), to deal
|
|
7
|
+
in the Software without restriction, including without limitation the rights
|
|
8
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
9
|
+
copies of the Software, and to permit persons to whom the Software is
|
|
10
|
+
furnished to do so, subject to the following conditions:
|
|
10
11
|
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
## 1. Grant of License
|
|
14
|
-
|
|
15
|
-
Subject to the terms of this license, the author grants you a
|
|
16
|
-
non-exclusive, worldwide, royalty-free license to use, copy, modify, and
|
|
17
|
-
create derivative works of the PixiTweenJS source code ("the Software") for
|
|
18
|
-
the purpose of building and distributing your own products and services, in
|
|
19
|
-
accordance with the conditions below.
|
|
20
|
-
|
|
21
|
-
## 2. Free License
|
|
22
|
-
|
|
23
|
-
You may use the Software without charge if you are:
|
|
24
|
-
|
|
25
|
-
- **an individual** (including freelancers and contractors who are not part
|
|
26
|
-
of an organization that exceeds the threshold below);
|
|
27
|
-
- **a non-profit organization**, a not-for-profit, or a public-benefit entity;
|
|
28
|
-
- **an organization whose annual revenue or turnover is less than €1,000,000
|
|
29
|
-
(one million euros)** — measured on a consolidated basis across the
|
|
30
|
-
organization, including subsidiaries and parent companies;
|
|
31
|
-
- **evaluating** the Software for a trial period before deciding whether to
|
|
32
|
-
purchase a Company License.
|
|
33
|
-
|
|
34
|
-
Organizations whose annual revenue or turnover is **€1,000,000 or more** must
|
|
35
|
-
purchase a **Company License** before using the Software in a commercial
|
|
36
|
-
product or service.
|
|
37
|
-
|
|
38
|
-
## 3. Company License
|
|
39
|
-
|
|
40
|
-
A Company License grants the same usage and modification rights as the Free
|
|
41
|
-
License to a single organization of any size, plus priority support, and
|
|
42
|
-
permits commercial use without regard to the revenue threshold. Company
|
|
43
|
-
Licenses are available from the author at the prices published on
|
|
44
|
-
<https://pixitweenjs.xyz/license/pricing>.
|
|
45
|
-
|
|
46
|
-
## 4. What You May Do
|
|
47
|
-
|
|
48
|
-
- Use the Software in your own products and services, including commercial
|
|
49
|
-
ones (subject to Section 2 or a Company License).
|
|
50
|
-
- Modify the Software and use your modified versions internally or in your
|
|
51
|
-
products.
|
|
52
|
-
- Distribute the Software (or your modifications) as part of, or embedded
|
|
53
|
-
in, your products, provided your product is not itself a development
|
|
54
|
-
framework, SDK, or library that re-exports the Software's functionality as
|
|
55
|
-
a service or a competing product.
|
|
56
|
-
|
|
57
|
-
## 5. What You May Not Do
|
|
58
|
-
|
|
59
|
-
- Redistribute the Software, or substantial portions of it, **on its own** as
|
|
60
|
-
a library, SDK, or framework for other developers to build upon — whether
|
|
61
|
-
free, paid, or as part of another open-source project — unless your product
|
|
62
|
-
adds significant functionality beyond what the Software provides.
|
|
63
|
-
- Sell, sublicense, or rent the Software, or portions of it, as a standalone
|
|
64
|
-
product or as a hosted "as-a-service" offering that exposes the Software's
|
|
65
|
-
rendering and composition capabilities to third parties as the primary
|
|
66
|
-
value of the service.
|
|
67
|
-
- Remove or obscure any copyright, trademark, attribution, or license
|
|
68
|
-
notices present in the Software or its documentation.
|
|
69
|
-
- Use the Software in any way that violates applicable law.
|
|
70
|
-
|
|
71
|
-
## 6. Attribution
|
|
72
|
-
|
|
73
|
-
Any product that uses the Software must include an attribution notice in a
|
|
74
|
-
reasonable location (for example: the About dialog, the README, or the
|
|
75
|
-
generated media metadata) that reads:
|
|
76
|
-
|
|
77
|
-
> This product uses PixiTweenJS (https://pixitweenjs.xyz), used under the
|
|
78
|
-
> PixiTweenJS License.
|
|
79
|
-
|
|
80
|
-
If you modify the Software, the attribution must note that modifications were
|
|
81
|
-
made.
|
|
82
|
-
|
|
83
|
-
## 7. Warranty and Liability
|
|
12
|
+
The above copyright notice and this permission notice shall be included in all
|
|
13
|
+
copies or substantial portions of the Software.
|
|
84
14
|
|
|
85
15
|
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
86
16
|
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
87
|
-
FITNESS FOR A PARTICULAR PURPOSE
|
|
88
|
-
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES
|
|
89
|
-
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
## 8. Termination
|
|
94
|
-
|
|
95
|
-
This license is effective until terminated. It terminates automatically
|
|
96
|
-
without notice if you fail to comply with any of its terms. Upon termination,
|
|
97
|
-
you must cease all use and distribution of the Software and destroy all
|
|
98
|
-
copies in your possession.
|
|
99
|
-
|
|
100
|
-
## 9. Law and Jurisdiction
|
|
101
|
-
|
|
102
|
-
This license is governed by the laws of the jurisdiction in which the author
|
|
103
|
-
is domiciled, without regard to its conflict-of-law provisions.
|
|
104
|
-
|
|
105
|
-
---
|
|
106
|
-
|
|
107
|
-
*If your organization's annual revenue or turnover is €1,000,000 or more, or
|
|
108
|
-
you are unsure which license applies to you, contact
|
|
109
|
-
reacthub.ai@gmail.com to purchase a Company License.*
|
|
17
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
18
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
19
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
20
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
21
|
+
SOFTWARE.
|
package/README.md
CHANGED
|
@@ -486,7 +486,7 @@ function AnimatedHero({ args }) {
|
|
|
486
486
|
- **[📖 Complete Documentation](https://pixitweenjs.xyz/docs/introduction)** - The docs site
|
|
487
487
|
- **[🎮 Cookbook & Examples](https://pixitweenjs.xyz/docs/cookbook)** - Live, copy-paste recipes
|
|
488
488
|
- **[💡 Installation Guide](https://pixitweenjs.xyz/docs/installation)**
|
|
489
|
-
- **[🔒 License
|
|
489
|
+
- **[🔒 MIT License](https://pixitweenjs.xyz/docs/license/overview)**
|
|
490
490
|
|
|
491
491
|
> Storybook is used as an **internal dev playground** for the library
|
|
492
492
|
> itself (`yarn storybook`). It is no longer the public documentation
|
|
@@ -518,23 +518,9 @@ We welcome contributions! Please read our [Contributing Guide](Contribution.md)
|
|
|
518
518
|
|
|
519
519
|
## 📄 **License**
|
|
520
520
|
|
|
521
|
-
PixiTweenJS is
|
|
522
|
-
**[
|
|
523
|
-
license
|
|
524
|
-
|
|
525
|
-
It is **free** for:
|
|
526
|
-
|
|
527
|
-
- individuals and freelancers,
|
|
528
|
-
- non-profits / not-for-profits,
|
|
529
|
-
- organizations with annual revenue or turnover **under €1M**.
|
|
530
|
-
|
|
531
|
-
Organizations with annual revenue or turnover **€1M or more** must purchase a
|
|
532
|
-
**Company License** for commercial use.
|
|
533
|
-
|
|
534
|
-
See [License overview](https://pixitweenjs.xyz/docs/license/overview),
|
|
535
|
-
[Pricing](https://pixitweenjs.xyz/docs/license/pricing), and the
|
|
536
|
-
[FAQ](https://pixitweenjs.xyz/docs/license/faq). For licensing inquiries:
|
|
537
|
-
**reacthub.ai@gmail.com**.
|
|
521
|
+
PixiTweenJS is open-source software released under the
|
|
522
|
+
**[MIT License](LICENSE)**. You may use, copy, modify, distribute, sublicense,
|
|
523
|
+
and sell the software, subject to the license's notice-preservation condition.
|
|
538
524
|
|
|
539
525
|
---
|
|
540
526
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { AepCompositionJson, AepThemeMap } from '../../types/aep';
|
|
1
|
+
import { AepCompositionJson, AepThemeMap, AepTransitionOverrideMap } from '../../types/aep';
|
|
2
2
|
import { AepTextOverrideMap } from './AepTextOverrideContext';
|
|
3
3
|
import { AepAssetOverrideMap } from './AepLayerProvider';
|
|
4
4
|
import { AepAssetResolver } from './AepAssetResolver';
|
|
@@ -12,6 +12,7 @@ export interface AepCompositionProps {
|
|
|
12
12
|
onError?: (err: unknown) => void;
|
|
13
13
|
theme?: AepThemeMap;
|
|
14
14
|
textOverrides?: AepTextOverrideMap;
|
|
15
|
+
transitionOverrides?: AepTransitionOverrideMap;
|
|
15
16
|
onRenderReady?: () => void;
|
|
16
17
|
onLayerError?: (layerId: string, error: unknown) => void;
|
|
17
18
|
}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { AepTransitionOverrideMap } from '../../types/aep';
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
import type * as PIXI from "pixi.js";
|
|
4
|
+
export interface AepTransitionRegistryValue {
|
|
5
|
+
containers: Map<string, PIXI.Container>;
|
|
6
|
+
prefix: string;
|
|
7
|
+
overrides?: AepTransitionOverrideMap;
|
|
8
|
+
revision: number;
|
|
9
|
+
registerContainer: (layerId: string, container: PIXI.Container | null) => void;
|
|
10
|
+
}
|
|
11
|
+
export declare const AepTransitionProvider: React.FC<{
|
|
12
|
+
children: React.ReactNode;
|
|
13
|
+
overrides?: AepTransitionOverrideMap;
|
|
14
|
+
prefix?: string;
|
|
15
|
+
}>;
|
|
16
|
+
export declare const useAepTransitionRegistry: () => AepTransitionRegistryValue | null;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { AepTransition, AepTransitionOverrideMap } from '../../types/aep';
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
export interface AepTransitionLayerProps {
|
|
4
|
+
transition: AepTransition;
|
|
5
|
+
overrides?: AepTransitionOverrideMap;
|
|
6
|
+
}
|
|
7
|
+
export declare const AepTransitionLayer: React.FC<AepTransitionLayerProps>;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { AepTransition, AepTransitionOverrideMap } from '../../types/aep';
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
export interface AepTransitionMeshProps {
|
|
4
|
+
transition: AepTransition;
|
|
5
|
+
overrides?: AepTransitionOverrideMap;
|
|
6
|
+
}
|
|
7
|
+
export declare const AepTransitionMesh: React.FC<AepTransitionMeshProps>;
|
|
@@ -3,6 +3,14 @@ export type { AepCompositionProps } from './AepComposition';
|
|
|
3
3
|
export { AepLayerProvider, useAepLayerContext, useAepLayerContextOptional, AepRecursionDepthProvider, useAepRecursionDepth, AEP_MAX_PRECOMP_DEPTH, mergeAssetMaps, } from './AepLayerProvider';
|
|
4
4
|
export type { AepLayerContextValue, AepAssetOverrideMap, AepAssetOverride, } from './AepLayerProvider';
|
|
5
5
|
export { AepLayerRouter } from './AepLayerRouter';
|
|
6
|
+
export { AepTransitionProvider, useAepTransitionRegistry } from './AepTransitionContext';
|
|
7
|
+
export type { AepTransitionRegistryValue } from './AepTransitionContext';
|
|
8
|
+
export { AepTransitionLayer } from './AepTransitionLayer';
|
|
9
|
+
export type { AepTransitionLayerProps } from './AepTransitionLayer';
|
|
10
|
+
export { AepTransitionMesh } from './AepTransitionMesh';
|
|
11
|
+
export type { AepTransitionMeshProps } from './AepTransitionMesh';
|
|
12
|
+
export { useAepTransitionClock } from './useAepTransitionClock';
|
|
13
|
+
export { getAepTransitionEase } from './transitionEase';
|
|
6
14
|
export { Aep3DScene } from './Aep3DScene';
|
|
7
15
|
export type { Aep3DSceneProps } from './Aep3DScene';
|
|
8
16
|
export { Aep3DPostFx } from './Aep3DPostFx';
|
|
@@ -6,4 +6,4 @@ export interface Pixi3DModelLayerProps extends PixiBaseSpriteProps {
|
|
|
6
6
|
}
|
|
7
7
|
export declare const Pixi3DModelLayer: React.MemoExoticComponent<({ ref, layer, ...props }: Pixi3DModelLayerProps & {
|
|
8
8
|
ref?: React.Ref<ForwardedRefResponse | null>;
|
|
9
|
-
}) =>
|
|
9
|
+
}) => React.JSX.Element>;
|
|
@@ -19,5 +19,5 @@ type PixiAnimatedSpriteProps = {
|
|
|
19
19
|
onComplete?: () => void;
|
|
20
20
|
onFrameChange?: (currentFrame: number) => void;
|
|
21
21
|
};
|
|
22
|
-
declare const PixiAnimatedSprite: React.MemoExoticComponent<({ isPlaying, forwardRef, ...props }: PixiAnimatedSpriteProps) =>
|
|
22
|
+
declare const PixiAnimatedSprite: React.MemoExoticComponent<({ isPlaying, forwardRef, ...props }: PixiAnimatedSpriteProps) => React.JSX.Element>;
|
|
23
23
|
export default PixiAnimatedSprite;
|
|
@@ -53,6 +53,6 @@ export interface PixiAudioSpriteProps extends PixiBaseSpriteProps {
|
|
|
53
53
|
*/
|
|
54
54
|
declare const PixiAudioSprite: ({ ref, ...props }: PixiAudioSpriteProps & {
|
|
55
55
|
ref?: React.Ref<ForwardedRefResponse | null>;
|
|
56
|
-
}) =>
|
|
56
|
+
}) => React.JSX.Element;
|
|
57
57
|
declare const MemoizedPixiAudioSprite: typeof PixiAudioSprite;
|
|
58
58
|
export default MemoizedPixiAudioSprite;
|
|
@@ -78,7 +78,7 @@ export interface PixiCaptionsTrackProps {
|
|
|
78
78
|
* `wordbox` branch no longer contains a stray unreachable statement.
|
|
79
79
|
*/
|
|
80
80
|
declare const PixiCaptionsTrackInner: {
|
|
81
|
-
(props: PixiCaptionsTrackProps):
|
|
81
|
+
(props: PixiCaptionsTrackProps): React.JSX.Element;
|
|
82
82
|
displayName: string;
|
|
83
83
|
};
|
|
84
84
|
declare const PixiCaptionsTrack: typeof PixiCaptionsTrackInner;
|
|
@@ -19,5 +19,5 @@ export interface PixiGifSpriteProps extends PixiBaseSpriteProps {
|
|
|
19
19
|
}
|
|
20
20
|
declare const PixiGifSprite: React.MemoExoticComponent<({ ref, ...props }: PixiGifSpriteProps & {
|
|
21
21
|
ref?: React.Ref<ForwardedRefResponse | null>;
|
|
22
|
-
}) =>
|
|
22
|
+
}) => React.JSX.Element>;
|
|
23
23
|
export default PixiGifSprite;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
export { useGlTransitionRegistry } from './GlTransitionRegistryContext';
|
|
3
|
+
export type { GlTransitionRegistryValue } from './GlTransitionRegistryContext';
|
|
4
|
+
export { resolveSequenceTransitions } from './sequenceTransitions';
|
|
5
|
+
export type { RegisteredSequenceTransition, SequenceRegistryEntry, SequenceTransitionShortcut, } from './sequenceTransitions';
|
|
6
|
+
export interface GlTransitionRegistryProviderProps {
|
|
7
|
+
children: ReactNode;
|
|
8
|
+
}
|
|
9
|
+
export declare const GlTransitionRegistryProvider: ({ children }: GlTransitionRegistryProviderProps) => import('react').JSX.Element;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { Container } from 'pixi.js';
|
|
2
|
+
import { SequenceRegistryEntry } from './sequenceTransitions';
|
|
3
|
+
export interface GlTransitionRegistryValue {
|
|
4
|
+
containers: Map<string, Container>;
|
|
5
|
+
sequences: Map<string, SequenceRegistryEntry>;
|
|
6
|
+
revision: number;
|
|
7
|
+
registerSequence: (sequence: SequenceRegistryEntry | null, id: string) => void;
|
|
8
|
+
}
|
|
9
|
+
export declare const GlTransitionRegistryContext: import('react').Context<GlTransitionRegistryValue | null>;
|
|
10
|
+
export declare const useGlTransitionRegistry: () => GlTransitionRegistryValue | null;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { PixiElementTransitionProps, PixiSceneTransitionProps } from './transitionTypes';
|
|
2
|
+
export type PixiGlTransitionProps = ({
|
|
3
|
+
scope: "element";
|
|
4
|
+
} & PixiElementTransitionProps) | ({
|
|
5
|
+
scope: "scene";
|
|
6
|
+
} & PixiSceneTransitionProps);
|
|
7
|
+
export declare const PixiGlTransition: import('react').MemoExoticComponent<(props: PixiGlTransitionProps) => import('react').JSX.Element>;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { PixiTransitionProps } from './transitionTypes';
|
|
2
|
+
interface TransitionMeshLayerProps extends PixiTransitionProps {
|
|
3
|
+
scope: "element" | "scene";
|
|
4
|
+
zIndex?: number;
|
|
5
|
+
fromGroup?: string[];
|
|
6
|
+
toGroup?: string[];
|
|
7
|
+
sharedLayers?: string[];
|
|
8
|
+
}
|
|
9
|
+
export declare const TransitionMeshLayer: import('react').MemoExoticComponent<({ name, startAt, duration, ease, params, from, to, region, width, height, scope, zIndex, fromGroup, toGroup, sharedLayers, }: TransitionMeshLayerProps) => import('react').JSX.Element>;
|
|
10
|
+
export {};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export { PixiGlTransition } from './PixiGlTransition';
|
|
2
|
+
export type { PixiGlTransitionProps } from './PixiGlTransition';
|
|
3
|
+
export { PixiElementTransition } from './PixiElementTransition';
|
|
4
|
+
export { PixiSceneTransition } from './PixiSceneTransition';
|
|
5
|
+
export { GlTransitionRegistryProvider, resolveSequenceTransitions, type GlTransitionRegistryProviderProps, } from './GlTransitionRegistry';
|
|
6
|
+
export type { RegisteredSequenceTransition, SequenceRegistryEntry, SequenceTransitionShortcut, } from './sequenceTransitions';
|
|
7
|
+
export type { PixiElementTransitionProps, PixiSceneTransitionProps, PixiTransitionProps, TransitionEndpoint, } from './transitionTypes';
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { Container } from 'pixi.js';
|
|
2
|
+
import { GlTransitionParams } from '../../types/glTransition';
|
|
3
|
+
import { TransitionEndpoint } from './transitionTypes';
|
|
4
|
+
export interface SequenceTransitionShortcut {
|
|
5
|
+
name: string;
|
|
6
|
+
duration: number;
|
|
7
|
+
ease?: string;
|
|
8
|
+
params?: GlTransitionParams;
|
|
9
|
+
from?: TransitionEndpoint;
|
|
10
|
+
to?: TransitionEndpoint;
|
|
11
|
+
}
|
|
12
|
+
export interface SequenceRegistryEntry {
|
|
13
|
+
id: string;
|
|
14
|
+
startAt: number;
|
|
15
|
+
endAt: number;
|
|
16
|
+
zIndex: number;
|
|
17
|
+
container: Container;
|
|
18
|
+
transitionIn?: SequenceTransitionShortcut;
|
|
19
|
+
transitionOut?: SequenceTransitionShortcut;
|
|
20
|
+
}
|
|
21
|
+
export interface RegisteredSequenceTransition {
|
|
22
|
+
id: string;
|
|
23
|
+
from: TransitionEndpoint;
|
|
24
|
+
to: TransitionEndpoint;
|
|
25
|
+
name: string;
|
|
26
|
+
startAt: number;
|
|
27
|
+
duration: number;
|
|
28
|
+
ease?: string;
|
|
29
|
+
params?: GlTransitionParams;
|
|
30
|
+
zIndex: number;
|
|
31
|
+
}
|
|
32
|
+
export declare const resolveSequenceTransitions: (sequences: Iterable<SequenceRegistryEntry>) => RegisteredSequenceTransition[];
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { Container } from 'pixi.js';
|
|
2
|
+
import { GlTransitionParams } from '../../types/glTransition';
|
|
3
|
+
import { TransitionRegion } from '../../utils/glTransitions/capture';
|
|
4
|
+
export type TransitionEndpoint = string | Container | {
|
|
5
|
+
current: Container | null;
|
|
6
|
+
} | (() => Container | null);
|
|
7
|
+
export interface PixiTransitionProps {
|
|
8
|
+
name: string;
|
|
9
|
+
startAt: number;
|
|
10
|
+
duration: number;
|
|
11
|
+
ease?: string;
|
|
12
|
+
params?: GlTransitionParams;
|
|
13
|
+
from: TransitionEndpoint;
|
|
14
|
+
to: TransitionEndpoint;
|
|
15
|
+
region?: TransitionRegion;
|
|
16
|
+
/** Canvas size used for the transition's scene capture. */
|
|
17
|
+
width?: number;
|
|
18
|
+
height?: number;
|
|
19
|
+
}
|
|
20
|
+
export interface PixiElementTransitionProps extends PixiTransitionProps {
|
|
21
|
+
zIndex?: number;
|
|
22
|
+
}
|
|
23
|
+
export interface PixiSceneTransitionProps extends PixiTransitionProps {
|
|
24
|
+
fromGroup?: string[];
|
|
25
|
+
toGroup?: string[];
|
|
26
|
+
sharedLayers?: string[];
|
|
27
|
+
zIndex?: number;
|
|
28
|
+
}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { Container } from 'pixi.js';
|
|
2
|
+
import { TransitionEndpoint } from './transitionTypes';
|
|
3
|
+
export declare const useTransitionEndpoints: (from: TransitionEndpoint, to: TransitionEndpoint) => () => {
|
|
4
|
+
from: Container<import('pixi.js').ContainerChild> | null;
|
|
5
|
+
to: Container<import('pixi.js').ContainerChild> | null;
|
|
6
|
+
};
|
|
@@ -5,5 +5,5 @@ interface PixiFlipContainerProps {
|
|
|
5
5
|
duration: number;
|
|
6
6
|
uniqueId?: string;
|
|
7
7
|
}
|
|
8
|
-
declare function PixiFlipContainer(props: PixiFlipContainerProps):
|
|
8
|
+
declare function PixiFlipContainer(props: PixiFlipContainerProps): React.JSX.Element;
|
|
9
9
|
export { PixiFlipContainer };
|
|
@@ -29,6 +29,6 @@ type PixiImageSpriteProps = PixiBaseSpriteProps & {
|
|
|
29
29
|
*/
|
|
30
30
|
declare const PixiImageSpriteInner: ({ ref, ...props }: PixiImageSpriteProps & {
|
|
31
31
|
ref?: React.Ref<ForwardedRefResponse | null>;
|
|
32
|
-
}) =>
|
|
32
|
+
}) => React.JSX.Element;
|
|
33
33
|
declare const PixiImageSprite: typeof PixiImageSpriteInner;
|
|
34
34
|
export default PixiImageSprite;
|
|
@@ -15,6 +15,6 @@ export interface PixiLottieSpriteProps extends PixiBaseSpriteProps {
|
|
|
15
15
|
}
|
|
16
16
|
declare const PixiLottieSprite: ({ ref, ...props }: PixiLottieSpriteProps & {
|
|
17
17
|
ref?: React.Ref<ForwardedRefResponse | null>;
|
|
18
|
-
}) =>
|
|
18
|
+
}) => React.JSX.Element;
|
|
19
19
|
declare const MemoizedPixiLottieSprite: typeof PixiLottieSprite;
|
|
20
20
|
export default MemoizedPixiLottieSprite;
|
|
@@ -20,6 +20,6 @@ export interface PixiNullObjectProps extends Omit<PixiBaseSpriteProps, "transfor
|
|
|
20
20
|
}
|
|
21
21
|
declare const PixiNullObjectInner: ({ ref, ...props }: PixiNullObjectProps & {
|
|
22
22
|
ref?: React.Ref<ForwardedRefResponse | null>;
|
|
23
|
-
}) =>
|
|
23
|
+
}) => React.JSX.Element;
|
|
24
24
|
declare const PixiNullObject: typeof PixiNullObjectInner;
|
|
25
25
|
export default PixiNullObject;
|
|
@@ -24,6 +24,6 @@ export interface PixiPreCompProps extends Omit<PixiBaseSpriteProps, "transformat
|
|
|
24
24
|
}
|
|
25
25
|
declare const PixiPreCompInner: ({ ref, ...props }: PixiPreCompProps & {
|
|
26
26
|
ref?: React.Ref<ForwardedRefResponse | null>;
|
|
27
|
-
}) =>
|
|
27
|
+
}) => React.JSX.Element | null;
|
|
28
28
|
declare const PixiPreComp: typeof PixiPreCompInner;
|
|
29
29
|
export default PixiPreComp;
|
|
@@ -19,6 +19,6 @@ export interface PixiRemotionGifSpriteProps extends PixiBaseSpriteProps {
|
|
|
19
19
|
}
|
|
20
20
|
declare const PixiRemotionGifSpriteInner: ({ ref, ...props }: PixiRemotionGifSpriteProps & {
|
|
21
21
|
ref?: React.Ref<ForwardedRefResponse | null>;
|
|
22
|
-
}) =>
|
|
22
|
+
}) => React.JSX.Element;
|
|
23
23
|
declare const PixiRemotionGifSprite: typeof PixiRemotionGifSpriteInner;
|
|
24
24
|
export default PixiRemotionGifSprite;
|
|
@@ -13,6 +13,6 @@ export interface PixiRemotionImageSpriteProps extends PixiBaseSpriteProps {
|
|
|
13
13
|
}
|
|
14
14
|
declare const PixiRemotionImageSpriteInner: ({ ref, ...props }: PixiRemotionImageSpriteProps & {
|
|
15
15
|
ref?: React.Ref<ForwardedRefResponse | null>;
|
|
16
|
-
}) =>
|
|
16
|
+
}) => React.JSX.Element;
|
|
17
17
|
declare const PixiRemotionImageSprite: typeof PixiRemotionImageSpriteInner;
|
|
18
18
|
export default PixiRemotionImageSprite;
|
|
@@ -24,6 +24,6 @@ export interface PixiRemotionSpriteProps extends PixiBaseSpriteProps {
|
|
|
24
24
|
}
|
|
25
25
|
declare const PixiRemotionSprite: ({ ref, ...props }: PixiRemotionSpriteProps & {
|
|
26
26
|
ref?: React.Ref<ForwardedRefResponse | null>;
|
|
27
|
-
}) =>
|
|
27
|
+
}) => React.JSX.Element;
|
|
28
28
|
declare const MemoizedPixiRemotionSprite: typeof PixiRemotionSprite;
|
|
29
29
|
export default MemoizedPixiRemotionSprite;
|
|
@@ -15,6 +15,6 @@ export interface PixiRemotionVideoCanvaSpriteProps extends PixiBaseSpriteProps {
|
|
|
15
15
|
}
|
|
16
16
|
declare const PixiRemotionVideoCanvaSpriteInner: ({ ref, ...props }: PixiRemotionVideoCanvaSpriteProps & {
|
|
17
17
|
ref?: React.Ref<ForwardedRefResponse | null>;
|
|
18
|
-
}) =>
|
|
18
|
+
}) => React.JSX.Element;
|
|
19
19
|
declare const PixiRemotionVideoCanvaSprite: typeof PixiRemotionVideoCanvaSpriteInner;
|
|
20
20
|
export default PixiRemotionVideoCanvaSprite;
|
|
@@ -31,5 +31,5 @@ export interface PixiMorphSvgSpriteProps extends PixiBaseSpriteProps {
|
|
|
31
31
|
}
|
|
32
32
|
declare const PixiMorphSvgSprite: ({ ref, ...props }: PixiMorphSvgSpriteProps & {
|
|
33
33
|
ref?: React.Ref<ForwardedRefResponse | null>;
|
|
34
|
-
}) =>
|
|
34
|
+
}) => React.JSX.Element;
|
|
35
35
|
export default PixiMorphSvgSprite;
|
|
@@ -30,6 +30,6 @@ export interface PixiSvgImageSpriteProps extends PixiBaseSpriteProps {
|
|
|
30
30
|
*/
|
|
31
31
|
declare const PixiSvgImageSpriteInner: ({ ref, ...props }: PixiSvgImageSpriteProps & {
|
|
32
32
|
ref?: React.Ref<ForwardedRefResponse | null>;
|
|
33
|
-
}) =>
|
|
33
|
+
}) => React.JSX.Element;
|
|
34
34
|
declare const PixiSvgImageSprite: typeof PixiSvgImageSpriteInner;
|
|
35
35
|
export default PixiSvgImageSprite;
|
|
@@ -79,6 +79,6 @@ export interface PixiSvgPathSpriteProps extends PixiBaseSpriteProps {
|
|
|
79
79
|
*/
|
|
80
80
|
declare const PixiSvgPathSprite: ({ ref, ...props }: PixiSvgPathSpriteProps & {
|
|
81
81
|
ref?: React.Ref<ForwardedRefResponse | null>;
|
|
82
|
-
}) =>
|
|
82
|
+
}) => React.JSX.Element;
|
|
83
83
|
declare const MemoizedPixiSvgPathSprite: typeof PixiSvgPathSprite;
|
|
84
84
|
export default MemoizedPixiSvgPathSprite;
|
|
@@ -25,6 +25,6 @@ export interface PixiSvgRawSpriteProps extends PixiBaseSpriteProps {
|
|
|
25
25
|
*/
|
|
26
26
|
declare const PixiSvgRawSpriteInner: ({ ref, ...props }: PixiSvgRawSpriteProps & {
|
|
27
27
|
ref?: React.Ref<ForwardedRefResponse | null>;
|
|
28
|
-
}) =>
|
|
28
|
+
}) => React.JSX.Element;
|
|
29
29
|
declare const PixiSvgRawSprite: typeof PixiSvgRawSpriteInner;
|
|
30
30
|
export default PixiSvgRawSprite;
|
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
|
+
import { Container } from 'pixi.js';
|
|
3
|
+
import { SequenceTransitionShortcut } from '../PixiGlTransition/sequenceTransitions';
|
|
2
4
|
export interface PixiSequenceProps {
|
|
3
5
|
children?: React.ReactNode;
|
|
4
6
|
/** start time of the sequence in seconds */
|
|
@@ -19,6 +21,12 @@ export interface PixiSequenceProps {
|
|
|
19
21
|
* The visibility window opens this many seconds before `startAt`.
|
|
20
22
|
*/
|
|
21
23
|
entranceOverlapSec?: number;
|
|
24
|
+
/** Optional transition into this sequence; requires a surrounding GlTransitionRegistryProvider. */
|
|
25
|
+
transitionIn?: SequenceTransitionShortcut;
|
|
26
|
+
/** Optional transition out of this sequence; requires a surrounding GlTransitionRegistryProvider. */
|
|
27
|
+
transitionOut?: SequenceTransitionShortcut;
|
|
28
|
+
/** Internal host callback used by AEP transition capture. */
|
|
29
|
+
onSequenceContainerReady?: (container: Container | null) => void;
|
|
22
30
|
}
|
|
23
31
|
/**
|
|
24
32
|
* PixiSequence - Unified timeline with alpha-based visibility control
|
|
@@ -32,4 +40,4 @@ export interface PixiSequenceProps {
|
|
|
32
40
|
* - hideStart: Start time to hide (will be clamped to sequence bounds)
|
|
33
41
|
* - hideEnd: End time to hide (will be clamped to sequence bounds)
|
|
34
42
|
*/
|
|
35
|
-
export declare const PixiSequence: ({ children, startAt, endAt, uniqueId, hideOnExit, hideOnEntry, hideStart, hideEnd, zIndex, entranceOverlapSec, }: PixiSequenceProps) =>
|
|
43
|
+
export declare const PixiSequence: ({ children, startAt, endAt, uniqueId, hideOnExit, hideOnEntry, hideStart, hideEnd, zIndex, entranceOverlapSec, transitionIn, transitionOut, onSequenceContainerReady, }: PixiSequenceProps) => React.JSX.Element;
|
|
@@ -38,6 +38,6 @@ export interface PixiShapeLayerProps extends Omit<PixiBaseSpriteProps, "transfor
|
|
|
38
38
|
}
|
|
39
39
|
declare const PixiShapeLayerInner: ({ ref, ...props }: PixiShapeLayerProps & {
|
|
40
40
|
ref?: React.Ref<ForwardedRefResponse | null>;
|
|
41
|
-
}) =>
|
|
41
|
+
}) => React.JSX.Element;
|
|
42
42
|
declare const PixiShapeLayer: typeof PixiShapeLayerInner;
|
|
43
43
|
export default PixiShapeLayer;
|
|
@@ -121,6 +121,6 @@ export interface PixiTextSpriteProps extends Omit<PixiBaseSpriteProps, "transfor
|
|
|
121
121
|
}
|
|
122
122
|
declare const PixiTextSprite: ({ ref, ...props }: PixiTextSpriteProps & {
|
|
123
123
|
ref?: React.Ref<ForwardedRefResponse | null>;
|
|
124
|
-
}) =>
|
|
124
|
+
}) => React.JSX.Element;
|
|
125
125
|
declare const MemoizedPixiTextSprite: typeof PixiTextSprite;
|
|
126
126
|
export default MemoizedPixiTextSprite;
|