reacthub-pixitweenjs 0.2.107-alpha.99 → 0.2.107-test.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.
Files changed (30) hide show
  1. package/LICENSE.md +21 -0
  2. package/README.md +35 -14
  3. package/dist/.gitkeep +0 -0
  4. package/dist/components/PixiAudioSprite/PixiAudioSprite.d.ts +4 -3
  5. package/dist/components/PixiAudioSprite/PixiAudioSprite.stories.d.ts +55 -12
  6. package/dist/components/PixiAudioSprite/useAudioVisualizer.d.ts +18 -0
  7. package/dist/components/PixiAudioSprite/wave-config.d.ts +4 -0
  8. package/dist/components/PixiGifSprite/PixiGifSprite.stories.d.ts +1 -0
  9. package/dist/components/PixiLottieSprite/PixiLottieSprite.d.ts +14 -0
  10. package/dist/components/PixiLottieSprite/PixiLottieSprite.stories.d.ts +149 -0
  11. package/dist/components/PixiLottieSprite/index.d.ts +1 -0
  12. package/dist/components/PixiTransformer/MenuIcons.d.ts +40 -0
  13. package/dist/components/PixiTransformer/MenuUtils.d.ts +2 -0
  14. package/dist/components/PixiTransformer/PixiColorPicker.d.ts +14 -0
  15. package/dist/components/PixiTransformer/PixiDropdownMenu.d.ts +16 -0
  16. package/dist/components/PixiTransformer/PixiMenuText.d.ts +2 -0
  17. package/dist/components/PixiTransformer/PixiTransformer.d.ts +2 -1
  18. package/dist/components/PixiTransformer/PixiTransformerMenu.d.ts +9 -0
  19. package/dist/components/PixiVideoSprite/PixiVideoSprite.d.ts +1 -0
  20. package/dist/components/index.d.ts +1 -0
  21. package/dist/index.es.js +21039 -10616
  22. package/dist/index.umd.js +183 -168
  23. package/dist/providers/AudioContextProvider.d.ts +12 -0
  24. package/dist/stories/Features/TimelineTest.stories.d.ts +0 -1
  25. package/dist/types/Animations.d.ts +2 -1
  26. package/dist/types/BaseProps.d.ts +2 -4
  27. package/dist/types/Effects.d.ts +8 -0
  28. package/dist/utils/isRemoteAsset.d.ts +1 -0
  29. package/package.json +17 -4
  30. 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;
@@ -18,5 +18,4 @@ export declare const Normal: Story;
18
18
  export declare const GifTest: Story;
19
19
  export declare const VideoTest: Story;
20
20
  export declare const AudioTest: Story;
21
- export declare const HowlerAudioTest: Story;
22
21
  export declare const Animations: Story;
@@ -59,7 +59,8 @@ export declare enum Animations {
59
59
  BACK = "BACK",
60
60
  CIRCULAR = "CIRCULAR",
61
61
  EXPO = "EXPO",
62
- SINE = "SINE"
62
+ SINE = "SINE",
63
+ SPIN = "SPIN"
63
64
  }
64
65
  export interface IGsapAnimInterface {
65
66
  from?: any;
@@ -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;
@@ -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-alpha.99",
3
+ "version": "0.2.107-test.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",
@@ -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
- "chromatic": "env-cmd -f .env.dev chromatic --auto-accept-changes"
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;