reacthub-pixitweenjs 0.2.107-alpha.99 → 0.2.107-test.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.md +21 -0
- package/README.md +35 -14
- 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/PixiTransformer/MenuIcons.d.ts +40 -0
- package/dist/components/PixiTransformer/MenuUtils.d.ts +2 -0
- package/dist/components/PixiTransformer/PixiColorPicker.d.ts +14 -0
- package/dist/components/PixiTransformer/PixiDropdownMenu.d.ts +16 -0
- package/dist/components/PixiTransformer/PixiMenuText.d.ts +2 -0
- package/dist/components/PixiTransformer/PixiTransformer.d.ts +2 -1
- package/dist/components/PixiTransformer/PixiTransformerMenu.d.ts +9 -0
- package/dist/components/PixiVideoSprite/PixiVideoSprite.d.ts +1 -0
- package/dist/components/index.d.ts +1 -0
- package/dist/index.es.js +21101 -10706
- 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 +17 -4
- 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-test.1",
|
|
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",
|
|
@@ -12,7 +12,12 @@
|
|
|
12
12
|
"remotion",
|
|
13
13
|
"react",
|
|
14
14
|
"tweens",
|
|
15
|
-
"animation"
|
|
15
|
+
"animation",
|
|
16
|
+
"movie",
|
|
17
|
+
"timeline",
|
|
18
|
+
"sequence",
|
|
19
|
+
"reacthub",
|
|
20
|
+
"reacthub-pixitweenjs"
|
|
16
21
|
],
|
|
17
22
|
"files": [
|
|
18
23
|
"dist"
|
|
@@ -36,11 +41,13 @@
|
|
|
36
41
|
"test": "vitest",
|
|
37
42
|
"storybook": "storybook dev -p 6006",
|
|
38
43
|
"start": "npm run storybook",
|
|
39
|
-
"build-storybook": "storybook build",
|
|
44
|
+
"build-storybook": "storybook build --loglevel warn",
|
|
40
45
|
"init-msw": "msw init public/",
|
|
41
46
|
"release": "standard-version --release-as patch &&npm publish",
|
|
42
47
|
"release:alpha": "standard-version --prerelease alpha &&npm publish",
|
|
43
|
-
"
|
|
48
|
+
"release:test": "standard-version --prerelease test &&npm publish --tag test",
|
|
49
|
+
"chromatic": "env-cmd -f .env.dev chromatic --auto-accept-changes",
|
|
50
|
+
"deploy": "netlify deploy --prod"
|
|
44
51
|
},
|
|
45
52
|
"devDependencies": {
|
|
46
53
|
"@chakra-ui/icons": "^2.0.15",
|
|
@@ -63,6 +70,7 @@
|
|
|
63
70
|
"@storybook/addon-interactions": "^7.1.0",
|
|
64
71
|
"@storybook/addon-links": "^7.1.0",
|
|
65
72
|
"@storybook/addon-onboarding": "^1.0.7",
|
|
73
|
+
"@storybook/addon-storysource": "^7.5.3",
|
|
66
74
|
"@storybook/addon-styling": "^1.3.4",
|
|
67
75
|
"@storybook/blocks": "^7.1.0",
|
|
68
76
|
"@storybook/builder-vite": "^7.1.0",
|
|
@@ -83,6 +91,7 @@
|
|
|
83
91
|
"@vitejs/plugin-react": "^4.0.3",
|
|
84
92
|
"@vitejs/plugin-react-swc": "^3.3.2",
|
|
85
93
|
"@welldone-software/why-did-you-render": "^7.0.1",
|
|
94
|
+
"audiomotion-analyzer": "^4.3.0",
|
|
86
95
|
"chromatic": "^6.7.3",
|
|
87
96
|
"debug": "^4.3.4",
|
|
88
97
|
"dotenv": "^16.0.1",
|
|
@@ -99,6 +108,7 @@
|
|
|
99
108
|
"howler": "^2.2.3",
|
|
100
109
|
"jsdom": "^21.1.2",
|
|
101
110
|
"lodash": "4.17.21",
|
|
111
|
+
"lottie-web": "^5.10.2",
|
|
102
112
|
"msw": "^1.2.1",
|
|
103
113
|
"msw-storybook-addon": "^1.8.0",
|
|
104
114
|
"pixi-filters": "^5.2.1",
|
|
@@ -124,5 +134,8 @@
|
|
|
124
134
|
"vite-plugin-environment": "^1.1.3",
|
|
125
135
|
"vite-plugin-stylelint": "^4.3.0",
|
|
126
136
|
"vitest": "^0.30.1"
|
|
137
|
+
},
|
|
138
|
+
"dependencies": {
|
|
139
|
+
"@uiw/react-color-sketch": "^2.3.2"
|
|
127
140
|
}
|
|
128
141
|
}
|
|
@@ -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;
|