reacthub-pixitweenjs 0.2.107-alpha.107 → 0.2.107-alpha.108
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.md +21 -0
- package/README.md +34 -13
- package/package.json +4 -4
- package/dist/components/PixiAnimatedSprite/PixiAnimatedSprite.d.ts +0 -23
- package/dist/components/PixiAnimatedSprite/index.d.ts +0 -1
- package/dist/components/PixiAudioSprite/HowlerAudioSprite.d.ts +0 -19
- package/dist/components/PixiAudioSprite/PixiAudioSprite.d.ts +0 -15
- package/dist/components/PixiAudioSprite/PixiAudioSprite.stories.d.ts +0 -105
- package/dist/components/PixiAudioSprite/index.d.ts +0 -1
- package/dist/components/PixiAudioSprite/useAudioVisualizer.d.ts +0 -18
- package/dist/components/PixiAudioSprite/wave-config.d.ts +0 -4
- package/dist/components/PixiGifSprite/PixiGifGsapSync.d.ts +0 -19
- package/dist/components/PixiGifSprite/PixiGifSprite.stories.d.ts +0 -153
- package/dist/components/PixiGifSprite/index.d.ts +0 -2
- package/dist/components/PixiGsapAnims/FadeIn.d.ts +0 -11
- package/dist/components/PixiGsapAnims/PixiFlipContainer.d.ts +0 -9
- package/dist/components/PixiImageSprite/PixiImageSprite.d.ts +0 -4
- package/dist/components/PixiImageSprite/PixiImageSprite.stories.d.ts +0 -136
- package/dist/components/PixiImageSprite/index.d.ts +0 -1
- package/dist/components/PixiLottieSprite/PixiLottieSprite.d.ts +0 -14
- package/dist/components/PixiLottieSprite/PixiLottieSprite.stories.d.ts +0 -149
- package/dist/components/PixiLottieSprite/index.d.ts +0 -1
- package/dist/components/PixiRemotionSprite/PixiRemotionSprite.d.ts +0 -26
- package/dist/components/PixiRemotionSprite/index.d.ts +0 -1
- package/dist/components/PixiSVGSprite/PixiSvgPathSprite.d.ts +0 -64
- package/dist/components/PixiSVGSprite/PixiSvgPathSprite.stories.d.ts +0 -121
- package/dist/components/PixiSVGSprite/index.d.ts +0 -1
- package/dist/components/PixiSequence/PixiSeqenceWrapper.d.ts +0 -9
- package/dist/components/PixiSequence/PixiSequence.d.ts +0 -11
- package/dist/components/PixiSequence/PixiSequence.stories.d.ts +0 -32
- package/dist/components/PixiSequence/index.d.ts +0 -2
- package/dist/components/PixiTextSprite/PixiTextSprite.d.ts +0 -85
- package/dist/components/PixiTextSprite/PixiTextSprite.stories.d.ts +0 -130
- package/dist/components/PixiTextSprite/index.d.ts +0 -1
- package/dist/components/PixiTransformer/PixiTransformer.d.ts +0 -19
- package/dist/components/PixiTransformer/Transformer.d.ts +0 -39
- package/dist/components/PixiTransformer/applyEventProps.d.ts +0 -10
- package/dist/components/PixiTransformer/index.d.ts +0 -1
- package/dist/components/PixiVideoSprite/PixiVideoCanvasSync.d.ts +0 -26
- package/dist/components/PixiVideoSprite/PixiVideoSprite.d.ts +0 -22
- package/dist/components/PixiVideoSprite/PixiVideoSprite.stories.d.ts +0 -136
- package/dist/components/PixiVideoSprite/index.d.ts +0 -2
- package/dist/components/index.d.ts +0 -10
- package/dist/declare.module.d.ts +0 -0
- package/dist/events/Events.d.ts +0 -7
- package/dist/events/index.d.ts +0 -1
- package/dist/hocs/AbstractContainer.d.ts +0 -12
- package/dist/hocs/OverlayTilingSprite.d.ts +0 -30
- package/dist/hooks/index.d.ts +0 -1
- package/dist/hooks/useDebounce.d.ts +0 -2
- package/dist/hooks/useDebouncePointerEvents.d.ts +0 -6
- package/dist/hooks/useDeepEffect.d.ts +0 -2
- package/dist/hooks/useGsapEffect.d.ts +0 -3
- package/dist/hooks/withEffectsHook.d.ts +0 -5
- package/dist/hooks/withFiltersHook.d.ts +0 -29
- package/dist/index.d.ts +0 -5
- package/dist/index.es.js +0 -27256
- package/dist/index.umd.js +0 -2005
- package/dist/providers/AudioContextProvider.d.ts +0 -12
- package/dist/providers/GsapPixieContextProvider.d.ts +0 -47
- package/dist/providers/index.d.ts +0 -1
- package/dist/stories/Features/TestHowlerAudioFiles.d.ts +0 -2
- package/dist/stories/Features/TimelineAnimations.d.ts +0 -15
- package/dist/stories/Features/TimelineTest.d.ts +0 -15
- package/dist/stories/Features/TimelineTest.stories.d.ts +0 -21
- package/dist/stories/Features/TimelineTestAudios.d.ts +0 -15
- package/dist/stories/Features/TimelineTestWithVideos.d.ts +0 -15
- package/dist/stories/Features/TimelineWithGif.d.ts +0 -21
- package/dist/stories/Features/common.tests.d.ts +0 -411
- package/dist/types/Animations.d.ts +0 -72
- package/dist/types/BaseProps.d.ts +0 -70
- package/dist/types/BlendModes.d.ts +0 -19
- package/dist/types/Effects.d.ts +0 -20
- package/dist/types/index.d.ts +0 -4
- package/dist/types/transformation.d.ts +0 -12
- package/dist/utils/AppStateProvider.d.ts +0 -11
- package/dist/utils/AppStateSequenceProvider.d.ts +0 -11
- package/dist/utils/AppStateStage.d.ts +0 -6
- package/dist/utils/AppWrapper.d.ts +0 -7
- package/dist/utils/ContextBridge.d.ts +0 -7
- package/dist/utils/GsapAnim.d.ts +0 -29
- package/dist/utils/GsapAnims.d.ts +0 -2
- package/dist/utils/InteractionManager.d.ts +0 -18
- package/dist/utils/PixiStage.d.ts +0 -9
- package/dist/utils/VideoSeekBar.d.ts +0 -2
- package/dist/utils/isRemoteAsset.d.ts +0 -1
- package/dist/utils/useDebounce.d.ts +0 -1
- package/dist/utils/useDeepEffect.d.ts +0 -4
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
import * as PIXI from "pixi.js";
|
|
2
|
-
import { Matrix } from "@pixi/math";
|
|
3
|
-
import { TransformerHandle as TransformerHandleImpl } from "@pixi-essentials/transformer";
|
|
4
|
-
import type { ITransformerCursors, ITransformerStyle, ITransformerHandleStyle } from "@pixi-essentials/transformer";
|
|
5
|
-
import * as React from "react";
|
|
6
|
-
/** @internal */
|
|
7
|
-
export type TransformerProps = {
|
|
8
|
-
boundingBoxes?: "all" | "groupOnly" | "none";
|
|
9
|
-
boxScalingEnabled?: boolean;
|
|
10
|
-
boxScalingTolerance?: number;
|
|
11
|
-
boxRotationEnabled?: boolean;
|
|
12
|
-
boxRotationTolerance?: number;
|
|
13
|
-
centeredScaling?: boolean;
|
|
14
|
-
cursors?: Partial<ITransformerCursors>;
|
|
15
|
-
enabledHandles?: Array<string>;
|
|
16
|
-
group?: PIXI.DisplayObject[];
|
|
17
|
-
handleConstructor?: typeof TransformerHandleImpl;
|
|
18
|
-
handleStyle?: Partial<ITransformerHandleStyle>;
|
|
19
|
-
lockAspectRatio?: boolean;
|
|
20
|
-
projectionTransform?: Matrix;
|
|
21
|
-
rotateEnabled?: boolean;
|
|
22
|
-
rotationSnaps?: number[];
|
|
23
|
-
rotationSnapTolerance?: number;
|
|
24
|
-
scaleEnabled?: boolean;
|
|
25
|
-
skewEnabled?: boolean;
|
|
26
|
-
skewRadius?: number;
|
|
27
|
-
skewSnaps?: number[];
|
|
28
|
-
skewSnapTolerance?: number;
|
|
29
|
-
translateEnabled?: boolean;
|
|
30
|
-
transientGroupTilt?: boolean;
|
|
31
|
-
transformchange?: (e: any) => void;
|
|
32
|
-
wireframeStyle?: Partial<ITransformerStyle>;
|
|
33
|
-
};
|
|
34
|
-
/**
|
|
35
|
-
* Transformer component
|
|
36
|
-
*
|
|
37
|
-
* @see https://github.com/SukantPal/pixi-essentials/tree/master/packages/transformer
|
|
38
|
-
*/
|
|
39
|
-
export declare const Transformer: React.FC<TransformerProps>;
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import * as PIXI from "pixi.js";
|
|
2
|
-
/**
|
|
3
|
-
* Removes old listeners and applies the new ones passed in the props
|
|
4
|
-
*
|
|
5
|
-
* @param displayObject - display-object emitting events
|
|
6
|
-
* @param events - object mapping handler prop-names to the fired events
|
|
7
|
-
* @param oldProps - old props. If calling on first props being passed, this should be `{}`.
|
|
8
|
-
* @param newProps - new props.
|
|
9
|
-
*/
|
|
10
|
-
export declare function applyEventProps(displayObject: PIXI.DisplayObject, events: Record<string, string>, oldProps: any, newProps: any): void;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from "./Transformer";
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import * as PIXI from "pixi.js";
|
|
3
|
-
import { PixiBaseSpriteProps, ForwardedRefResponse } from "../../types/BaseProps";
|
|
4
|
-
export interface CanvasImageProps {
|
|
5
|
-
getCanvas: () => PIXI.TextureSource | PIXI.TextureSource[];
|
|
6
|
-
}
|
|
7
|
-
export interface PixiVideoSpriteProps extends PixiBaseSpriteProps {
|
|
8
|
-
uniqueId: string;
|
|
9
|
-
src: string;
|
|
10
|
-
frameStartAt: number;
|
|
11
|
-
frameEndAt: number;
|
|
12
|
-
mute: boolean;
|
|
13
|
-
locked: boolean;
|
|
14
|
-
pointerdown?: () => void;
|
|
15
|
-
pointerup?: () => void;
|
|
16
|
-
mousedown?: () => void;
|
|
17
|
-
mouseup?: () => void;
|
|
18
|
-
pointerover?: () => void;
|
|
19
|
-
mouseover?: () => void;
|
|
20
|
-
mouseout?: () => void;
|
|
21
|
-
applyTransformer?: boolean;
|
|
22
|
-
onAnchorTransformationEnd?: (endData: any) => void;
|
|
23
|
-
canvasImageRef?: CanvasImageProps;
|
|
24
|
-
}
|
|
25
|
-
declare const PixiVideoCanvasSyncSprite: React.ForwardRefExoticComponent<PixiVideoSpriteProps & React.RefAttributes<ForwardedRefResponse | null>>;
|
|
26
|
-
export default PixiVideoCanvasSyncSprite;
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import { PixiBaseSpriteProps, ForwardedRefResponse } from "../../types/BaseProps";
|
|
3
|
-
export interface PixiVideoSpriteProps extends PixiBaseSpriteProps {
|
|
4
|
-
uniqueId: string;
|
|
5
|
-
src: string;
|
|
6
|
-
frameStartAt: number;
|
|
7
|
-
frameEndAt: number;
|
|
8
|
-
mute: boolean;
|
|
9
|
-
locked: boolean;
|
|
10
|
-
pointerdown?: () => void;
|
|
11
|
-
pointerup?: () => void;
|
|
12
|
-
mousedown?: () => void;
|
|
13
|
-
mouseup?: () => void;
|
|
14
|
-
pointerover?: () => void;
|
|
15
|
-
mouseover?: () => void;
|
|
16
|
-
mouseout?: () => void;
|
|
17
|
-
applyTransformer?: boolean;
|
|
18
|
-
onAnchorTransformationEnd?: (endData: any) => void;
|
|
19
|
-
fps?: number;
|
|
20
|
-
}
|
|
21
|
-
declare const PixiVideoSprite: React.ForwardRefExoticComponent<PixiVideoSpriteProps & React.RefAttributes<ForwardedRefResponse | null>>;
|
|
22
|
-
export default PixiVideoSprite;
|
|
@@ -1,136 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import type { StoryObj } from "@storybook/react";
|
|
3
|
-
declare const meta: {
|
|
4
|
-
title: string;
|
|
5
|
-
component: import("react").ForwardRefExoticComponent<import("./PixiVideoSprite").PixiVideoSpriteProps & import("react").RefAttributes<import("../../types").ForwardedRefResponse | null>>;
|
|
6
|
-
decorators: ((Story: any) => import("react/jsx-runtime").JSX.Element)[];
|
|
7
|
-
tags: string[];
|
|
8
|
-
argTypes: {
|
|
9
|
-
uniqueId: {
|
|
10
|
-
control: string;
|
|
11
|
-
description: string;
|
|
12
|
-
};
|
|
13
|
-
src: {
|
|
14
|
-
control: string;
|
|
15
|
-
description: string;
|
|
16
|
-
};
|
|
17
|
-
transformation: {
|
|
18
|
-
control: string;
|
|
19
|
-
description: string;
|
|
20
|
-
x: {
|
|
21
|
-
control: string;
|
|
22
|
-
description: string;
|
|
23
|
-
};
|
|
24
|
-
y: {
|
|
25
|
-
control: string;
|
|
26
|
-
description: string;
|
|
27
|
-
};
|
|
28
|
-
width: {
|
|
29
|
-
control: string;
|
|
30
|
-
description: string;
|
|
31
|
-
};
|
|
32
|
-
height: {
|
|
33
|
-
control: string;
|
|
34
|
-
description: string;
|
|
35
|
-
};
|
|
36
|
-
anchor: {
|
|
37
|
-
control: string;
|
|
38
|
-
description: string;
|
|
39
|
-
};
|
|
40
|
-
rotation: {
|
|
41
|
-
control: string;
|
|
42
|
-
description: string;
|
|
43
|
-
};
|
|
44
|
-
alpha: {
|
|
45
|
-
control: string;
|
|
46
|
-
min: number;
|
|
47
|
-
max: number;
|
|
48
|
-
description: string;
|
|
49
|
-
};
|
|
50
|
-
scale: {
|
|
51
|
-
control: string;
|
|
52
|
-
description: string;
|
|
53
|
-
};
|
|
54
|
-
tint: {
|
|
55
|
-
control: string;
|
|
56
|
-
description: string;
|
|
57
|
-
};
|
|
58
|
-
blendMode: {
|
|
59
|
-
control: string;
|
|
60
|
-
description: string;
|
|
61
|
-
};
|
|
62
|
-
colorCorrection: {
|
|
63
|
-
control: string;
|
|
64
|
-
description: string;
|
|
65
|
-
brightness: {
|
|
66
|
-
control: string;
|
|
67
|
-
description: string;
|
|
68
|
-
};
|
|
69
|
-
contrast: {
|
|
70
|
-
control: string;
|
|
71
|
-
description: string;
|
|
72
|
-
};
|
|
73
|
-
saturation: {
|
|
74
|
-
control: string;
|
|
75
|
-
description: string;
|
|
76
|
-
};
|
|
77
|
-
alpha: {
|
|
78
|
-
control: string;
|
|
79
|
-
description: string;
|
|
80
|
-
};
|
|
81
|
-
};
|
|
82
|
-
};
|
|
83
|
-
applyTransformer: {
|
|
84
|
-
control: string;
|
|
85
|
-
description: string;
|
|
86
|
-
};
|
|
87
|
-
startAt: {
|
|
88
|
-
control: string;
|
|
89
|
-
description: string;
|
|
90
|
-
};
|
|
91
|
-
endAt: {
|
|
92
|
-
control: string;
|
|
93
|
-
description: string;
|
|
94
|
-
};
|
|
95
|
-
frameStartAt: {
|
|
96
|
-
control: string;
|
|
97
|
-
description: string;
|
|
98
|
-
};
|
|
99
|
-
frameEndAt: {
|
|
100
|
-
control: string;
|
|
101
|
-
description: string;
|
|
102
|
-
};
|
|
103
|
-
mute: {
|
|
104
|
-
control: string;
|
|
105
|
-
description: string;
|
|
106
|
-
};
|
|
107
|
-
locked: {
|
|
108
|
-
control: string;
|
|
109
|
-
description: string;
|
|
110
|
-
};
|
|
111
|
-
visible: {
|
|
112
|
-
control: string;
|
|
113
|
-
description: string;
|
|
114
|
-
};
|
|
115
|
-
onAnchorTransformationEnd: {
|
|
116
|
-
action: string;
|
|
117
|
-
description: string;
|
|
118
|
-
};
|
|
119
|
-
pointerdown: {
|
|
120
|
-
action: string;
|
|
121
|
-
description: string;
|
|
122
|
-
};
|
|
123
|
-
fps: {
|
|
124
|
-
control: string;
|
|
125
|
-
description: string;
|
|
126
|
-
};
|
|
127
|
-
};
|
|
128
|
-
};
|
|
129
|
-
export default meta;
|
|
130
|
-
type Story = StoryObj<typeof meta>;
|
|
131
|
-
export declare const Normal: Story;
|
|
132
|
-
export declare const FadeIn: Story;
|
|
133
|
-
export declare const Filters: Story;
|
|
134
|
-
export declare const SplitPosition: Story;
|
|
135
|
-
export declare const SplitStartPos: Story;
|
|
136
|
-
export declare const VideoFps: Story;
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
export * from "./PixiImageSprite";
|
|
2
|
-
export * from "./PixiSVGSprite";
|
|
3
|
-
export * from "./PixiAudioSprite";
|
|
4
|
-
export * from "./PixiGifSprite";
|
|
5
|
-
export * from "./PixiTextSprite";
|
|
6
|
-
export * from "./PixiVideoSprite";
|
|
7
|
-
export * from "./PixiAnimatedSprite";
|
|
8
|
-
export * from "./PixiSequence";
|
|
9
|
-
export * from "./PixiRemotionSprite";
|
|
10
|
-
export * from "./PixiLottieSprite";
|
package/dist/declare.module.d.ts
DELETED
|
File without changes
|
package/dist/events/Events.d.ts
DELETED
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { DependencyList } from "react";
|
|
2
|
-
export declare function useCustomEventListener<T>(eventName: string, eventHandler: (data: T) => void, deps?: DependencyList): (el: HTMLElement | null) => void;
|
|
3
|
-
export declare function emitCustomEvent<T>(eventName: string, data?: T): void;
|
|
4
|
-
export declare function newCustomEventEmitter(): {
|
|
5
|
-
(el: HTMLElement | null): void;
|
|
6
|
-
emit<T>(eventName: string, data?: T | undefined): void;
|
|
7
|
-
};
|
package/dist/events/index.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from "./Events";
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import { PixiBaseSpriteProps, ForwardedRefResponse } from "../types/BaseProps";
|
|
3
|
-
interface AbstractContainerProps extends PixiBaseSpriteProps {
|
|
4
|
-
ignoreTlForVideo?: boolean;
|
|
5
|
-
isText?: boolean;
|
|
6
|
-
isDragging?: boolean;
|
|
7
|
-
isGif?: boolean;
|
|
8
|
-
onDoubleClick?: () => void;
|
|
9
|
-
isTextEditMode?: boolean;
|
|
10
|
-
}
|
|
11
|
-
declare const AbstractContainer: React.ForwardRefExoticComponent<AbstractContainerProps & React.RefAttributes<ForwardedRefResponse | null>>;
|
|
12
|
-
export default AbstractContainer;
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
export declare enum OverlayTypes {
|
|
2
|
-
NONE = "none",
|
|
3
|
-
NORMAL = "normal",
|
|
4
|
-
LENSFLARE = "lensflare",
|
|
5
|
-
FILMSTRIP = "filmstrip",
|
|
6
|
-
GRUNGE = "grunge",
|
|
7
|
-
BRICKS = "bricks"
|
|
8
|
-
}
|
|
9
|
-
export interface Overlay {
|
|
10
|
-
src: string;
|
|
11
|
-
blendmode: "ADD" | "MULTIPLY";
|
|
12
|
-
alpha: number;
|
|
13
|
-
}
|
|
14
|
-
export interface Overlays {
|
|
15
|
-
normal: Overlay;
|
|
16
|
-
lensflare: Overlay;
|
|
17
|
-
filmstrip: Overlay;
|
|
18
|
-
grunge: Overlay;
|
|
19
|
-
bricks: Overlay;
|
|
20
|
-
}
|
|
21
|
-
export declare const overlays: Overlays;
|
|
22
|
-
interface PixiOverlayProps {
|
|
23
|
-
overlay: OverlayTypes;
|
|
24
|
-
width: number;
|
|
25
|
-
height: number;
|
|
26
|
-
x: number;
|
|
27
|
-
y: number;
|
|
28
|
-
}
|
|
29
|
-
export declare const PixiOverlayTilingSprite: (props: PixiOverlayProps) => import("react/jsx-runtime").JSX.Element;
|
|
30
|
-
export {};
|
package/dist/hooks/index.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from "./useGsapEffect";
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
declare const useDebouncedPointerEvents: (onPointerOver: () => void, onPointerDown: () => void, onPointerOut: () => void, delay: number) => {
|
|
2
|
-
onPointerOver: () => void;
|
|
3
|
-
onPointerDown: () => void;
|
|
4
|
-
onPointerOut: () => void;
|
|
5
|
-
};
|
|
6
|
-
export default useDebouncedPointerEvents;
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
import * as PIXI from "pixi.js";
|
|
2
|
-
import * as PixiFilters from "pixi-filters";
|
|
3
|
-
export interface FiltersProps {
|
|
4
|
-
contrast?: number;
|
|
5
|
-
saturation?: number;
|
|
6
|
-
brightness?: number;
|
|
7
|
-
alpha?: number;
|
|
8
|
-
red?: number;
|
|
9
|
-
blue?: number;
|
|
10
|
-
gamma?: number;
|
|
11
|
-
green?: number;
|
|
12
|
-
blurRadius?: number;
|
|
13
|
-
temperature?: number;
|
|
14
|
-
hue?: number;
|
|
15
|
-
sharpness?: number;
|
|
16
|
-
vignette?: number;
|
|
17
|
-
noise?: number;
|
|
18
|
-
outline?: number;
|
|
19
|
-
outlineColor?: number;
|
|
20
|
-
}
|
|
21
|
-
export declare const withFiltersHook: (props: FiltersProps) => {
|
|
22
|
-
adjustmentFilter: PixiFilters.AdjustmentFilter;
|
|
23
|
-
blurFilter: PixiFilters.KawaseBlurFilter;
|
|
24
|
-
hueFilter: PIXI.ColorMatrixFilter;
|
|
25
|
-
sharpnessFilter: PixiFilters.ConvolutionFilter;
|
|
26
|
-
temperatureFilter: PIXI.Filter;
|
|
27
|
-
vignetteFilter: PixiFilters.OldFilmFilter;
|
|
28
|
-
noiseFilter: PIXI.NoiseFilter;
|
|
29
|
-
};
|