reacthub-pixitweenjs 0.2.107-alpha.99 → 0.2.107-prealpha.0
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/dist/.gitkeep +0 -0
- package/dist/components/PixiAudioSprite/PixiAudioSprite.d.ts +4 -3
- package/dist/components/PixiAudioSprite/PixiAudioSprite.stories.d.ts +55 -12
- package/dist/components/PixiAudioSprite/useAudioVisualizer.d.ts +18 -0
- package/dist/components/PixiAudioSprite/wave-config.d.ts +4 -0
- package/dist/components/PixiGifSprite/PixiGifSprite.stories.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/PixiVideoSprite/PixiVideoSprite.d.ts +1 -0
- package/dist/components/index.d.ts +1 -0
- package/dist/index.es.js +19740 -10505
- package/dist/index.umd.js +183 -168
- package/dist/providers/AudioContextProvider.d.ts +12 -0
- package/dist/stories/Features/TimelineTest.stories.d.ts +0 -1
- package/dist/types/Animations.d.ts +2 -1
- package/dist/types/BaseProps.d.ts +2 -4
- package/dist/types/Effects.d.ts +8 -0
- package/dist/utils/isRemoteAsset.d.ts +1 -0
- package/package.json +12 -3
- package/dist/components/PixiGifSprite/PixiGifSprite.d.ts +0 -19
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
export type WebAudioContextType = {
|
|
3
|
+
audioContextRef: React.MutableRefObject<AudioContext>;
|
|
4
|
+
analyserRef: React.MutableRefObject<AnalyserNode | undefined>;
|
|
5
|
+
gainNodeRef: React.MutableRefObject<GainNode | undefined>;
|
|
6
|
+
hasAudioContext: boolean;
|
|
7
|
+
};
|
|
8
|
+
export declare const WebAudioContext: React.Context<WebAudioContextType>;
|
|
9
|
+
export type AudioContextProviderProps = {
|
|
10
|
+
children: React.ReactNode;
|
|
11
|
+
};
|
|
12
|
+
export declare const AudioContextProvider: ({ children, }: AudioContextProviderProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,13 +1,11 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { Effects } from "./Effects";
|
|
2
|
+
import { Effects, Waveforms } from "./Effects";
|
|
3
3
|
import { OverlayTypes } from "../hocs/OverlayTilingSprite";
|
|
4
4
|
import { Animations } from "./Animations";
|
|
5
5
|
export interface PixiBaseSpriteProps {
|
|
6
6
|
children?: React.ReactNode;
|
|
7
7
|
uniqueId: string;
|
|
8
8
|
src?: string;
|
|
9
|
-
path?: string;
|
|
10
|
-
text?: string;
|
|
11
9
|
startAt: number;
|
|
12
10
|
endAt: number;
|
|
13
11
|
visible: boolean;
|
|
@@ -53,6 +51,7 @@ export interface PixiBaseSpriteProps {
|
|
|
53
51
|
};
|
|
54
52
|
effect?: Effects;
|
|
55
53
|
overlay?: OverlayTypes;
|
|
54
|
+
waveform?: Waveforms;
|
|
56
55
|
};
|
|
57
56
|
pointerdown?: () => void;
|
|
58
57
|
pointerup?: () => void;
|
|
@@ -64,7 +63,6 @@ export interface PixiBaseSpriteProps {
|
|
|
64
63
|
mouseout?: () => void;
|
|
65
64
|
applyTransformer?: boolean;
|
|
66
65
|
onAnchorTransformationEnd?: (endData: any) => void;
|
|
67
|
-
fps?: number;
|
|
68
66
|
}
|
|
69
67
|
export interface ForwardedRefResponse {
|
|
70
68
|
getIsTransformerDragging: () => boolean;
|
package/dist/types/Effects.d.ts
CHANGED
|
@@ -10,3 +10,11 @@ export declare enum Effects {
|
|
|
10
10
|
Vignette = "Vignette",
|
|
11
11
|
None = "Normal"
|
|
12
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 @@
|
|
|
1
|
+
export declare const isRemoteAsset: (asset: string) => boolean;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "reacthub-pixitweenjs",
|
|
3
|
-
"version": "0.2.107-
|
|
3
|
+
"version": "0.2.107-prealpha.0",
|
|
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",
|
|
@@ -36,11 +36,17 @@
|
|
|
36
36
|
"test": "vitest",
|
|
37
37
|
"storybook": "storybook dev -p 6006",
|
|
38
38
|
"start": "npm run storybook",
|
|
39
|
-
"build-storybook": "storybook build",
|
|
39
|
+
"build-storybook": "storybook build --loglevel warn",
|
|
40
40
|
"init-msw": "msw init public/",
|
|
41
41
|
"release": "standard-version --release-as patch &&npm publish",
|
|
42
42
|
"release:alpha": "standard-version --prerelease alpha &&npm publish",
|
|
43
|
-
"
|
|
43
|
+
"release:beta": "standard-version --prerelease beta &&npm publish",
|
|
44
|
+
"release:rc": "standard-version --prerelease rc &&npm publish",
|
|
45
|
+
"release:next": "standard-version --prerelease next &&npm publish",
|
|
46
|
+
"release:latest": "standard-version --prerelease latest &&npm publish",
|
|
47
|
+
"release:prealpha": "standard-version --prerelease prealpha &&npm publish",
|
|
48
|
+
"chromatic": "env-cmd -f .env.dev chromatic --auto-accept-changes",
|
|
49
|
+
"deploy": "netlify deploy --prod"
|
|
44
50
|
},
|
|
45
51
|
"devDependencies": {
|
|
46
52
|
"@chakra-ui/icons": "^2.0.15",
|
|
@@ -63,6 +69,7 @@
|
|
|
63
69
|
"@storybook/addon-interactions": "^7.1.0",
|
|
64
70
|
"@storybook/addon-links": "^7.1.0",
|
|
65
71
|
"@storybook/addon-onboarding": "^1.0.7",
|
|
72
|
+
"@storybook/addon-storysource": "^7.5.3",
|
|
66
73
|
"@storybook/addon-styling": "^1.3.4",
|
|
67
74
|
"@storybook/blocks": "^7.1.0",
|
|
68
75
|
"@storybook/builder-vite": "^7.1.0",
|
|
@@ -83,6 +90,7 @@
|
|
|
83
90
|
"@vitejs/plugin-react": "^4.0.3",
|
|
84
91
|
"@vitejs/plugin-react-swc": "^3.3.2",
|
|
85
92
|
"@welldone-software/why-did-you-render": "^7.0.1",
|
|
93
|
+
"audiomotion-analyzer": "^4.3.0",
|
|
86
94
|
"chromatic": "^6.7.3",
|
|
87
95
|
"debug": "^4.3.4",
|
|
88
96
|
"dotenv": "^16.0.1",
|
|
@@ -99,6 +107,7 @@
|
|
|
99
107
|
"howler": "^2.2.3",
|
|
100
108
|
"jsdom": "^21.1.2",
|
|
101
109
|
"lodash": "4.17.21",
|
|
110
|
+
"lottie-web": "^5.10.2",
|
|
102
111
|
"msw": "^1.2.1",
|
|
103
112
|
"msw-storybook-addon": "^1.8.0",
|
|
104
113
|
"pixi-filters": "^5.2.1",
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import { PixiBaseSpriteProps, ForwardedRefResponse } from "../../types/BaseProps";
|
|
3
|
-
export interface PixiGifSpriteProps extends PixiBaseSpriteProps {
|
|
4
|
-
uniqueId: string;
|
|
5
|
-
src: string;
|
|
6
|
-
startAt: number;
|
|
7
|
-
endAt: number;
|
|
8
|
-
frameStartAt: number;
|
|
9
|
-
frameEndAt: number;
|
|
10
|
-
locked: boolean;
|
|
11
|
-
loop: boolean;
|
|
12
|
-
}
|
|
13
|
-
/**
|
|
14
|
-
* PixiGifSprite Component is used to render gif image
|
|
15
|
-
* @param props Gif Sprite props
|
|
16
|
-
* @returns
|
|
17
|
-
*/
|
|
18
|
-
declare const PixiGifSprite: React.ForwardRefExoticComponent<PixiGifSpriteProps & React.RefAttributes<ForwardedRefResponse | null>>;
|
|
19
|
-
export default PixiGifSprite;
|