reacthub-pixitweenjs 0.2.3 → 0.2.4

package/.storybook/{main.js → main.ts}

@@ -1,5 +1,7 @@
 /** @type { import('@storybook/react-vite').StorybookConfig } */
-const config = {
+import type { StorybookConfig } from "@storybook/react-vite";
+
+const config: StorybookConfig = {
   stories: ["../src/**/*.mdx", "../src/**/*.stories.@(js|jsx|ts|tsx)"],
   staticDirs: ["../public"],
   addons: [
@@ -19,5 +21,11 @@ const config = {
   docs: {
     autodocs: "tag",
   },
+  core: {
+    builder: "@storybook/builder-vite",
+  },
+  async viteFinal(config) {
+    return config;
+  },
 };
 export default config;

package/.storybook/{preview.jsx → preview.tsx}

@@ -1,5 +1,5 @@
-// import { GsapPixieContextProvider } from "../src/providers/GsapPixieContextProvider";
-import { App } from "../src/providers/ContextBridge";
+import React from "react";
+import { AppWrapper } from "../src/utils/AppWrapper";
 /** @type { import('@storybook/react').Preview } */
 const preview = {
   parameters: {
@@ -14,11 +14,7 @@ const preview = {
 };
 
 export const decorators = [
-  (Story) => (
-    <App>
-      <Story />
-    </App>
-  ),
+  (Story) => <AppWrapper>{Story({ appState: "x" })}</AppWrapper>,
 ];
 
 export default preview;

package/CHANGELOG.md

@@ -2,6 +2,32 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+### [0.2.4](https://github.com/khanzzirfan/reacthub-gsap-pixiez/compare/v0.2.3...v0.2.4) (2023-07-23)
+
+
+### Features
+
+* image sprite component intialadded ([7d9c54e](https://github.com/khanzzirfan/reacthub-gsap-pixiez/commit/7d9c54e90705ab778d1fc6abe4abc0021fd5f725))
+* typescript initialized and converted all components ([e0ce358](https://github.com/khanzzirfan/reacthub-gsap-pixiez/commit/e0ce358d3e99325413d3ab80121273e4ca5c1173))
+
+
+### Bug Fixes
+
+* added state management to each story ([56f9da8](https://github.com/khanzzirfan/reacthub-gsap-pixiez/commit/56f9da833d83fa532a5449e1bc595408d3d59168))
+* added state management to each story ([5a1325c](https://github.com/khanzzirfan/reacthub-gsap-pixiez/commit/5a1325c4c5c0369516ed4d77d5593d51ac8d32e4))
+* applied transformers ([761f9a6](https://github.com/khanzzirfan/reacthub-gsap-pixiez/commit/761f9a6daf859b6c9b48038d47e14d0b0171e01d))
+* applied transformers ([6af3376](https://github.com/khanzzirfan/reacthub-gsap-pixiez/commit/6af3376f9e45bbd148c6c2a6b10094866b062509))
+* props updated ([dd7fd7b](https://github.com/khanzzirfan/reacthub-gsap-pixiez/commit/dd7fd7b50b45d20efc8c9cf67d984da228905d38))
+* props updated ([907b7f4](https://github.com/khanzzirfan/reacthub-gsap-pixiez/commit/907b7f467fe051388d4fea7703611507e44a3dc4))
+* props updated ([3ead9f5](https://github.com/khanzzirfan/reacthub-gsap-pixiez/commit/3ead9f527a32258cbc05ac372600f3a44b51289a))
+* props updated ([0579e77](https://github.com/khanzzirfan/reacthub-gsap-pixiez/commit/0579e770b7e233b260243c5d764e1a061b638ead))
+* props updated ([f0cda33](https://github.com/khanzzirfan/reacthub-gsap-pixiez/commit/f0cda33fb5c7a3137d99277261a7f6ec83be61fd))
+* story introduction ([554eeee](https://github.com/khanzzirfan/reacthub-gsap-pixiez/commit/554eeee7c5c0ee346b6604f8b2c50070602779f2))
+* story introduction ([a6e994d](https://github.com/khanzzirfan/reacthub-gsap-pixiez/commit/a6e994db80719f96155155604f0d03ddbbd69a66))
+* updated files ([47d34dd](https://github.com/khanzzirfan/reacthub-gsap-pixiez/commit/47d34dd3357fb8f98f6a636536fb213ee1bd839b))
+* updated storybook addons actions information ([5f3d377](https://github.com/khanzzirfan/reacthub-gsap-pixiez/commit/5f3d377907be428a063b3032359604d5d31fb74e))
+* updated storybook addons actions information ([81ad504](https://github.com/khanzzirfan/reacthub-gsap-pixiez/commit/81ad504226cd16efaed3c067d84e1df4bb89d6d5))
+
 ### [0.2.3](https://github.com/khanzzirfan/reacthub-gsap-pixiez/compare/v0.2.2...v0.2.3) (2023-07-20)
 
 ### [0.2.2](https://github.com/khanzzirfan/reacthub-gsap-pixiez/compare/v0.2.1...v0.2.2) (2023-07-20)

package/README.md

@@ -1,4 +1,3 @@
-
 <h1 align="center">
   Welcome to Reacthub PixiTweenJS
 </h1>
@@ -13,9 +12,29 @@ To install the component packages using NPM/ Yarn:
   yarn add reacthub-pixitweenjs
 ```
 
+Make sure you install the devDependencies in your project.
+
+```js
+npm install
+    "@pixi-essentials/react-bindings": "2.0.0",
+    "@pixi-essentials/transformer": "2.5.6",
+    "@pixi/assets": "6.5.9",
+    "@pixi/basis": "6.5.9",
+    "@pixi/filter-adjustment": "5.1.1",
+    "@pixi/gif": "1.1.3",
+    "@pixi/interaction": "6.5.9",
+    "@pixi/picture": "^3.0.3",
+    "@pixi/react": "7.0.0",
+    "@pixi/sound": "^4.3.1",
+    "pixi-filters": "5.1.1",
+    "pixi-svg": "3.2.0",
+    "pixi.js": "6.5.9",
+```
+
 ## Description
+
 PixiTweenJs is designed to help you build animated time-controlled canvas elements on web apps using extensible Pixijs Components underneath. The package composes the reacthub/pixitweenjs Web Component package. You can use these Web Components flexibly, either from npm packages, from the CDN, or you can bring it into your project to customize and extend it.
 
 ## Usage
-Visit the storybook
 
+Visit the [storybook](https://64b9d71094fa7aed0c7291cf-sinysbbbmx.chromatic.com/?path=/docs/components-imagesprite--docs)