reacthub-pixitweenjs 0.2.107-alpha.108 → 0.2.107-alpha.109
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/dist/.gitkeep +0 -0
- package/dist/components/PixiAnimatedSprite/PixiAnimatedSprite.d.ts +23 -0
- package/dist/components/PixiAnimatedSprite/index.d.ts +1 -0
- package/dist/components/PixiAudioSprite/HowlerAudioSprite.d.ts +19 -0
- package/dist/components/PixiAudioSprite/PixiAudioSprite.d.ts +15 -0
- package/dist/components/PixiAudioSprite/PixiAudioSprite.stories.d.ts +105 -0
- package/dist/components/PixiAudioSprite/index.d.ts +1 -0
- package/dist/components/PixiAudioSprite/useAudioVisualizer.d.ts +18 -0
- package/dist/components/PixiAudioSprite/wave-config.d.ts +4 -0
- package/dist/components/PixiGifSprite/PixiGifGsapSync.d.ts +19 -0
- package/dist/components/PixiGifSprite/PixiGifSprite.stories.d.ts +153 -0
- package/dist/components/PixiGifSprite/index.d.ts +2 -0
- package/dist/components/PixiGsapAnims/FadeIn.d.ts +11 -0
- package/dist/components/PixiGsapAnims/PixiFlipContainer.d.ts +9 -0
- package/dist/components/PixiImageSprite/PixiImageSprite.d.ts +4 -0
- package/dist/components/PixiImageSprite/PixiImageSprite.stories.d.ts +136 -0
- package/dist/components/PixiImageSprite/index.d.ts +1 -0
- package/dist/components/PixiLottieSprite/PixiLottieSprite.d.ts +14 -0
- package/dist/components/PixiLottieSprite/PixiLottieSprite.stories.d.ts +149 -0
- package/dist/components/PixiLottieSprite/index.d.ts +1 -0
- package/dist/components/PixiRemotionSprite/PixiRemotionSprite.d.ts +26 -0
- package/dist/components/PixiRemotionSprite/index.d.ts +1 -0
- package/dist/components/PixiSVGSprite/PixiSvgPathSprite.d.ts +64 -0
- package/dist/components/PixiSVGSprite/PixiSvgPathSprite.stories.d.ts +121 -0
- package/dist/components/PixiSVGSprite/index.d.ts +1 -0
- package/dist/components/PixiSequence/PixiSeqenceWrapper.d.ts +9 -0
- package/dist/components/PixiSequence/PixiSequence.d.ts +11 -0
- package/dist/components/PixiSequence/PixiSequence.stories.d.ts +32 -0
- package/dist/components/PixiSequence/index.d.ts +2 -0
- package/dist/components/PixiTextSprite/PixiTextSprite.d.ts +85 -0
- package/dist/components/PixiTextSprite/PixiTextSprite.stories.d.ts +130 -0
- package/dist/components/PixiTextSprite/index.d.ts +1 -0
- package/dist/components/PixiTransformer/PixiTransformer.d.ts +19 -0
- package/dist/components/PixiTransformer/Transformer.d.ts +39 -0
- package/dist/components/PixiTransformer/applyEventProps.d.ts +10 -0
- package/dist/components/PixiTransformer/index.d.ts +1 -0
- package/dist/components/PixiVideoSprite/PixiVideoCanvasSync.d.ts +26 -0
- package/dist/components/PixiVideoSprite/PixiVideoSprite.d.ts +22 -0
- package/dist/components/PixiVideoSprite/PixiVideoSprite.stories.d.ts +136 -0
- package/dist/components/PixiVideoSprite/index.d.ts +2 -0
- package/dist/components/index.d.ts +10 -0
- package/dist/declare.module.d.ts +0 -0
- package/dist/events/Events.d.ts +7 -0
- package/dist/events/index.d.ts +1 -0
- package/dist/hocs/AbstractContainer.d.ts +12 -0
- package/dist/hocs/OverlayTilingSprite.d.ts +30 -0
- package/dist/hooks/index.d.ts +1 -0
- package/dist/hooks/useDebounce.d.ts +2 -0
- package/dist/hooks/useDebouncePointerEvents.d.ts +6 -0
- package/dist/hooks/useDeepEffect.d.ts +2 -0
- package/dist/hooks/useGsapEffect.d.ts +3 -0
- package/dist/hooks/withEffectsHook.d.ts +5 -0
- package/dist/hooks/withFiltersHook.d.ts +29 -0
- package/dist/index.d.ts +5 -0
- package/dist/index.es.js +27262 -0
- package/dist/index.umd.js +2005 -0
- package/dist/providers/AudioContextProvider.d.ts +12 -0
- package/dist/providers/GsapPixieContextProvider.d.ts +47 -0
- package/dist/providers/index.d.ts +1 -0
- package/dist/stories/Features/TestHowlerAudioFiles.d.ts +2 -0
- package/dist/stories/Features/TimelineAnimations.d.ts +15 -0
- package/dist/stories/Features/TimelineTest.d.ts +15 -0
- package/dist/stories/Features/TimelineTest.stories.d.ts +21 -0
- package/dist/stories/Features/TimelineTestAudios.d.ts +15 -0
- package/dist/stories/Features/TimelineTestWithVideos.d.ts +15 -0
- package/dist/stories/Features/TimelineWithGif.d.ts +21 -0
- package/dist/stories/Features/common.tests.d.ts +411 -0
- package/dist/types/Animations.d.ts +73 -0
- package/dist/types/BaseProps.d.ts +70 -0
- package/dist/types/BlendModes.d.ts +19 -0
- package/dist/types/Effects.d.ts +20 -0
- package/dist/types/index.d.ts +4 -0
- package/dist/types/transformation.d.ts +12 -0
- package/dist/utils/AppStateProvider.d.ts +11 -0
- package/dist/utils/AppStateSequenceProvider.d.ts +11 -0
- package/dist/utils/AppStateStage.d.ts +6 -0
- package/dist/utils/AppWrapper.d.ts +7 -0
- package/dist/utils/ContextBridge.d.ts +7 -0
- package/dist/utils/GsapAnim.d.ts +29 -0
- package/dist/utils/GsapAnims.d.ts +2 -0
- package/dist/utils/InteractionManager.d.ts +18 -0
- package/dist/utils/PixiStage.d.ts +9 -0
- package/dist/utils/VideoSeekBar.d.ts +2 -0
- package/dist/utils/isRemoteAsset.d.ts +1 -0
- package/dist/utils/useDebounce.d.ts +1 -0
- package/dist/utils/useDeepEffect.d.ts +4 -0
- package/package.json +1 -1
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { Effects, Waveforms } from "./Effects";
|
|
3
|
+
import { OverlayTypes } from "../hocs/OverlayTilingSprite";
|
|
4
|
+
import { Animations } from "./Animations";
|
|
5
|
+
export interface PixiBaseSpriteProps {
|
|
6
|
+
children?: React.ReactNode;
|
|
7
|
+
uniqueId: string;
|
|
8
|
+
src?: string;
|
|
9
|
+
startAt: number;
|
|
10
|
+
endAt: number;
|
|
11
|
+
visible: boolean;
|
|
12
|
+
disabled?: boolean;
|
|
13
|
+
isDragging?: boolean;
|
|
14
|
+
transformation: {
|
|
15
|
+
x: number;
|
|
16
|
+
y: number;
|
|
17
|
+
width: number;
|
|
18
|
+
height: number;
|
|
19
|
+
anchor: number;
|
|
20
|
+
rotation?: number;
|
|
21
|
+
alpha?: number;
|
|
22
|
+
scale?: number | [number, number];
|
|
23
|
+
tint?: number;
|
|
24
|
+
blendMode?: number;
|
|
25
|
+
animation?: Animations;
|
|
26
|
+
colorCorrection?: {
|
|
27
|
+
enabled?: boolean;
|
|
28
|
+
temperature?: number;
|
|
29
|
+
hue?: number;
|
|
30
|
+
contrast?: number;
|
|
31
|
+
saturation?: number;
|
|
32
|
+
brightness?: number;
|
|
33
|
+
exposure?: number;
|
|
34
|
+
reset?: boolean;
|
|
35
|
+
sharpness?: number;
|
|
36
|
+
value?: number;
|
|
37
|
+
levels?: number;
|
|
38
|
+
luminance?: number;
|
|
39
|
+
enhance?: number;
|
|
40
|
+
blurRadius?: number;
|
|
41
|
+
red?: number;
|
|
42
|
+
green?: number;
|
|
43
|
+
blue?: number;
|
|
44
|
+
alpha?: number;
|
|
45
|
+
gamma?: number;
|
|
46
|
+
scaleInput?: number;
|
|
47
|
+
vignette?: number;
|
|
48
|
+
noise?: number;
|
|
49
|
+
outline?: number;
|
|
50
|
+
outlineColor?: number;
|
|
51
|
+
};
|
|
52
|
+
effect?: Effects;
|
|
53
|
+
overlay?: OverlayTypes;
|
|
54
|
+
waveform?: Waveforms;
|
|
55
|
+
};
|
|
56
|
+
pointerdown?: () => void;
|
|
57
|
+
pointerup?: () => void;
|
|
58
|
+
pointerout?: () => void;
|
|
59
|
+
mousedown?: () => void;
|
|
60
|
+
mouseup?: () => void;
|
|
61
|
+
pointerover?: () => void;
|
|
62
|
+
mouseover?: () => void;
|
|
63
|
+
mouseout?: () => void;
|
|
64
|
+
applyTransformer?: boolean;
|
|
65
|
+
onAnchorTransformationEnd?: (endData: any) => void;
|
|
66
|
+
}
|
|
67
|
+
export interface ForwardedRefResponse {
|
|
68
|
+
getIsTransformerDragging: () => boolean;
|
|
69
|
+
getIsMouseOverTransformer: () => boolean;
|
|
70
|
+
}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
export declare enum BlendModes {
|
|
2
|
+
NORMAL = 0,
|
|
3
|
+
ADD = 1,
|
|
4
|
+
MULTIPLY = 2,
|
|
5
|
+
SCREEN = 3,
|
|
6
|
+
OVERLAY = 4,
|
|
7
|
+
DARKEN = 5,
|
|
8
|
+
LIGHTEN = 6,
|
|
9
|
+
COLOR_DODGE = 7,
|
|
10
|
+
COLOR_BURN = 8,
|
|
11
|
+
HARD_LIGHT = 9,
|
|
12
|
+
SOFT_LIGHT = 10,
|
|
13
|
+
DIFFERENCE = 11,
|
|
14
|
+
EXCLUSION = 12,
|
|
15
|
+
HUE = 13,
|
|
16
|
+
SATURATION = 14,
|
|
17
|
+
COLOR = 15,
|
|
18
|
+
LUMINOSITY = 16
|
|
19
|
+
}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Effects enum
|
|
3
|
+
*/
|
|
4
|
+
export declare enum Effects {
|
|
5
|
+
BlackAndWhite = "BlackAndWhite",
|
|
6
|
+
Sepia = "Sepia",
|
|
7
|
+
RetroVintage = "RetroVintage",
|
|
8
|
+
NightVision = "NightVision",
|
|
9
|
+
Normal = "Normal",
|
|
10
|
+
Vignette = "Vignette",
|
|
11
|
+
None = "Normal"
|
|
12
|
+
}
|
|
13
|
+
export declare enum Waveforms {
|
|
14
|
+
NONE = "none",
|
|
15
|
+
EQUALIZER = "equalizer",
|
|
16
|
+
ROUNDBARS = "roundbars",
|
|
17
|
+
LED = "led",
|
|
18
|
+
RADIAL_SPECTRUM = "radial_spectrum",
|
|
19
|
+
LUMI_BARS = "lumi_bars"
|
|
20
|
+
}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
interface AppState {
|
|
3
|
+
transformation: {
|
|
4
|
+
[key: string]: unknown;
|
|
5
|
+
};
|
|
6
|
+
}
|
|
7
|
+
interface AppStateContextProviderProps extends AppState {
|
|
8
|
+
children: React.ReactNode;
|
|
9
|
+
}
|
|
10
|
+
export declare const AppStateContextProvider: React.FC<AppStateContextProviderProps>;
|
|
11
|
+
export {};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
interface AppState {
|
|
3
|
+
transformation: {
|
|
4
|
+
[key: string]: unknown;
|
|
5
|
+
};
|
|
6
|
+
}
|
|
7
|
+
interface AppStateContextProviderProps extends AppState {
|
|
8
|
+
children: React.ReactNode;
|
|
9
|
+
}
|
|
10
|
+
export declare const AppStateSequenceProvider: React.FC<AppStateContextProviderProps>;
|
|
11
|
+
export {};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
declare const ContextBridge: <T>({ children, Context, render, }: {
|
|
3
|
+
children: React.ReactNode;
|
|
4
|
+
Context: React.Context<T>;
|
|
5
|
+
render: (children: React.ReactNode) => JSX.Element;
|
|
6
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export default ContextBridge;
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
interface Ease {
|
|
2
|
+
from?: {
|
|
3
|
+
duration: number;
|
|
4
|
+
ease: string;
|
|
5
|
+
y?: number;
|
|
6
|
+
x?: number;
|
|
7
|
+
};
|
|
8
|
+
fromTo?: {
|
|
9
|
+
from: {
|
|
10
|
+
y?: number;
|
|
11
|
+
x?: number;
|
|
12
|
+
alpha?: number;
|
|
13
|
+
};
|
|
14
|
+
to: {
|
|
15
|
+
ease: string;
|
|
16
|
+
y?: number;
|
|
17
|
+
x?: number;
|
|
18
|
+
alpha?: number;
|
|
19
|
+
duration: number;
|
|
20
|
+
};
|
|
21
|
+
};
|
|
22
|
+
to?: {
|
|
23
|
+
ease: string;
|
|
24
|
+
alpha: number;
|
|
25
|
+
duration: number;
|
|
26
|
+
};
|
|
27
|
+
}
|
|
28
|
+
export declare const getAnimByName: (animate: string) => Ease;
|
|
29
|
+
export {};
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
type PixiInteractionManagerProps = {
|
|
3
|
+
children: React.ReactNode;
|
|
4
|
+
options?: {
|
|
5
|
+
[key: string]: unknown;
|
|
6
|
+
};
|
|
7
|
+
};
|
|
8
|
+
/**
|
|
9
|
+
* Initialize Pixi Interaction Manager
|
|
10
|
+
* @param param0
|
|
11
|
+
* @returns
|
|
12
|
+
* @see https://pixijs.download/dev/docs/PIXI.InteractionManager.html
|
|
13
|
+
* @see https://pixijs.download/dev/docs/PIXI.InteractionManager.html#moveWhenInside
|
|
14
|
+
* @see https://pixijs.download/dev/docs/PIXI.InteractionManager.html#on
|
|
15
|
+
*
|
|
16
|
+
* */
|
|
17
|
+
declare const InteractionManager: ({ children, options, }: PixiInteractionManagerProps) => import("react").ReactNode;
|
|
18
|
+
export default InteractionManager;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const isRemoteAsset: (asset: string) => boolean;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function useDebounce<T>(value: T, delay?: number): T;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "reacthub-pixitweenjs",
|
|
3
|
-
"version": "0.2.107-alpha.
|
|
3
|
+
"version": "0.2.107-alpha.109",
|
|
4
4
|
"description": "reacthub-pixitweenjs is a library that provides a powerful combination of React, PixiJS, GSAP, and image manipulation capabilities in a timeline sequence. With this library, you can easily create stunning animations and interactive graphics for your React applications",
|
|
5
5
|
"author": "khanzzirfan <reacthub.ai@gmail.com>",
|
|
6
6
|
"main": "dist/index.es.js",
|