reacthub-pixitweenjs 0.2.9 → 0.2.11
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/package.json +4 -1
- package/.storybook/main.ts +0 -31
- package/.storybook/preview.tsx +0 -26
- package/CHANGELOG.md +0 -98
- package/build-storybook.log +0 -94
- package/index.html +0 -13
- package/public/vite.svg +0 -1
- package/src/App.css +0 -42
- package/src/App.tsx +0 -29
- package/src/assets/font/OpenSans-Light-webfont.eot +0 -0
- package/src/assets/font/OpenSans-Light-webfont.svg +0 -252
- package/src/assets/font/OpenSans-Light-webfont.ttf +0 -0
- package/src/assets/font/OpenSans-Light-webfont.woff +0 -0
- package/src/assets/font/OpenSans-Regular-webfont.eot +0 -0
- package/src/assets/font/OpenSans-Regular-webfont.svg +0 -252
- package/src/assets/font/OpenSans-Regular-webfont.ttf +0 -0
- package/src/assets/font/OpenSans-Regular-webfont.woff +0 -0
- package/src/assets/icon/percolate.eot +0 -0
- package/src/assets/icon/percolate.svg +0 -139
- package/src/assets/icon/percolate.ttf +0 -0
- package/src/assets/icon/percolate.woff +0 -0
- package/src/assets/react.svg +0 -1
- package/src/components/PixiAnimatedSprite/PixiAnimatedSprite.tsx +0 -51
- package/src/components/PixiAnimatedSprite/index.ts +0 -2
- package/src/components/PixiAudioSprite/PixiAudioSprite.stories.tsx +0 -61
- package/src/components/PixiAudioSprite/PixiAudioSprite.tsx +0 -202
- package/src/components/PixiAudioSprite/index.ts +0 -1
- package/src/components/PixiGifSprite/PixiGifSprite.stories.tsx +0 -172
- package/src/components/PixiGifSprite/PixiGifSprite.tsx +0 -420
- package/src/components/PixiGifSprite/index.ts +0 -2
- package/src/components/PixiImageSprite/PixiImageSprite.stories.tsx +0 -220
- package/src/components/PixiImageSprite/PixiImageSprite.tsx +0 -60
- package/src/components/PixiImageSprite/index.ts +0 -1
- package/src/components/PixiSVGSprite/PixiSvgPathSprite.stories.tsx +0 -174
- package/src/components/PixiSVGSprite/PixiSvgPathSprite.tsx +0 -158
- package/src/components/PixiSVGSprite/index.ts +0 -1
- package/src/components/PixiTextSprite/PixiTextSprite.stories.tsx +0 -228
- package/src/components/PixiTextSprite/PixiTextSprite.tsx +0 -361
- package/src/components/PixiTextSprite/index.ts +0 -1
- package/src/components/PixiVideoSprite/PixiVideoSprite.stories.tsx +0 -186
- package/src/components/PixiVideoSprite/PixiVideoSprite.tsx +0 -595
- package/src/components/PixiVideoSprite/PixiVideoSpriteBackup.txt +0 -755
- package/src/components/PixiVideoSprite/index.ts +0 -1
- package/src/components/index.ts +0 -7
- package/src/declare.module.ts +0 -5
- package/src/hocs/AbstractContainer.tsx +0 -199
- package/src/hocs/WithFilterContainer.tsx +0 -159
- package/src/index.css +0 -457
- package/src/index.ts +0 -3
- package/src/main.tsx +0 -11
- package/src/providers/GsapPixieContextProvider.tsx +0 -245
- package/src/providers/index.ts +0 -1
- package/src/reacthub-react-bindings.d.ts +0 -27
- package/src/stories/Installation.mdx +0 -40
- package/src/stories/Introduction.mdx +0 -140
- package/src/stories/assets/code-brackets.svg +0 -1
- package/src/stories/assets/colors.svg +0 -1
- package/src/stories/assets/comments.svg +0 -1
- package/src/stories/assets/direction.svg +0 -1
- package/src/stories/assets/flow.svg +0 -1
- package/src/stories/assets/plugin.svg +0 -1
- package/src/stories/assets/repo.svg +0 -1
- package/src/stories/assets/stackalt.svg +0 -1
- package/src/types/Animations.tsx +0 -41
- package/src/types/BaseProps.tsx +0 -56
- package/src/types/BlendModes.tsx +0 -19
- package/src/types/Effects.tsx +0 -11
- package/src/types/transformation.tsx +0 -13
- package/src/utils/AppStateProvider.tsx +0 -59
- package/src/utils/AppStateStage.tsx +0 -15
- package/src/utils/AppWrapper.tsx +0 -47
- package/src/utils/ContextBridge.tsx +0 -25
- package/src/utils/GsapAnim.tsx +0 -107
- package/src/utils/InteractionManager.tsx +0 -36
- package/src/utils/PixiStage.tsx +0 -29
- package/src/utils/PixiTransformer.tsx +0 -165
- package/src/utils/VideoSeekBar.tsx +0 -122
- package/src/utils/useDebounce.tsx +0 -15
- package/src/utils/useDeepEffect.tsx +0 -23
- package/src/vite-env.d.ts +0 -1
- package/tsconfig.json +0 -37
- package/tsconfig.node.json +0 -10
- package/vite.config.ts +0 -39
- package/vitest.config.ts +0 -11
- /package/dist/{reacthub-pixitweenjs.es.js → index.es.js} +0 -0
- /package/dist/{reacthub-pixitweenjs.umd.js → index.umd.js} +0 -0
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "reacthub-pixitweenjs",
|
|
3
|
-
"version": "0.2.
|
|
3
|
+
"version": "0.2.11",
|
|
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.js",
|
|
@@ -14,6 +14,9 @@
|
|
|
14
14
|
"tweens",
|
|
15
15
|
"animation"
|
|
16
16
|
],
|
|
17
|
+
"files": [
|
|
18
|
+
"dist"
|
|
19
|
+
],
|
|
17
20
|
"repository": {
|
|
18
21
|
"type": "git",
|
|
19
22
|
"url": "https://github.com/khanzzirfan/reacthub-pixitweenjs"
|
package/.storybook/main.ts
DELETED
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
/** @type { import('@storybook/react-vite').StorybookConfig } */
|
|
2
|
-
import type { StorybookConfig } from "@storybook/react-vite";
|
|
3
|
-
|
|
4
|
-
const config: StorybookConfig = {
|
|
5
|
-
stories: ["../src/**/*.mdx", "../src/**/*.stories.@(js|jsx|ts|tsx)"],
|
|
6
|
-
staticDirs: ["../public"],
|
|
7
|
-
addons: [
|
|
8
|
-
"@storybook/addon-links",
|
|
9
|
-
"@storybook/addon-essentials",
|
|
10
|
-
"@storybook/addon-interactions",
|
|
11
|
-
],
|
|
12
|
-
refs: {
|
|
13
|
-
"@chakra-ui/react": {
|
|
14
|
-
disable: true,
|
|
15
|
-
},
|
|
16
|
-
},
|
|
17
|
-
framework: {
|
|
18
|
-
name: "@storybook/react-vite",
|
|
19
|
-
options: {},
|
|
20
|
-
},
|
|
21
|
-
docs: {
|
|
22
|
-
autodocs: "tag",
|
|
23
|
-
},
|
|
24
|
-
core: {
|
|
25
|
-
builder: "@storybook/builder-vite",
|
|
26
|
-
},
|
|
27
|
-
async viteFinal(config) {
|
|
28
|
-
return config;
|
|
29
|
-
},
|
|
30
|
-
};
|
|
31
|
-
export default config;
|
package/.storybook/preview.tsx
DELETED
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { AppWrapper } from "../src/utils/AppWrapper";
|
|
3
|
-
import whyDidYouRender from "@welldone-software/why-did-you-render";
|
|
4
|
-
|
|
5
|
-
whyDidYouRender(React, {
|
|
6
|
-
trackAllPureComponents: true,
|
|
7
|
-
});
|
|
8
|
-
|
|
9
|
-
/** @type { import('@storybook/react').Preview } */
|
|
10
|
-
const preview = {
|
|
11
|
-
parameters: {
|
|
12
|
-
actions: { argTypesRegex: "^on[A-Z].*" },
|
|
13
|
-
controls: {
|
|
14
|
-
matchers: {
|
|
15
|
-
color: /(background|color)$/i,
|
|
16
|
-
date: /Date$/,
|
|
17
|
-
},
|
|
18
|
-
},
|
|
19
|
-
},
|
|
20
|
-
};
|
|
21
|
-
|
|
22
|
-
export const decorators = [
|
|
23
|
-
(Story) => <AppWrapper>{Story({ appState: "x" })}</AppWrapper>,
|
|
24
|
-
];
|
|
25
|
-
|
|
26
|
-
export default preview;
|
package/CHANGELOG.md
DELETED
|
@@ -1,98 +0,0 @@
|
|
|
1
|
-
# Changelog
|
|
2
|
-
|
|
3
|
-
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.
|
|
4
|
-
|
|
5
|
-
### [0.2.9](https://github.com/khanzzirfan/reacthub-pixitweenjs/compare/v0.2.8...v0.2.9) (2023-08-27)
|
|
6
|
-
|
|
7
|
-
### [0.2.8](https://github.com/khanzzirfan/reacthub-pixitweenjs/compare/v0.2.7...v0.2.8) (2023-08-27)
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
### Bug Fixes
|
|
11
|
-
|
|
12
|
-
* exported all pixi elements ([cec8ce1](https://github.com/khanzzirfan/reacthub-pixitweenjs/commit/cec8ce10588432fd775b6cd3cbb22118b034c4ca))
|
|
13
|
-
|
|
14
|
-
### [0.2.7](https://github.com/khanzzirfan/reacthub-pixitweenjs/compare/v0.2.6...v0.2.7) (2023-08-27)
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
### Features
|
|
18
|
-
|
|
19
|
-
* reupdated the filters and hoc wrappers ([0083847](https://github.com/khanzzirfan/reacthub-pixitweenjs/commit/00838477793b342453341f1dbd3e418c66f02619))
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
### Bug Fixes
|
|
23
|
-
|
|
24
|
-
* filters applied on all video and other elements ([19100d0](https://github.com/khanzzirfan/reacthub-pixitweenjs/commit/19100d0f16d7f7be4ad0f4622a1b9f67765b3134))
|
|
25
|
-
* pixi fixed colorization component ([8ca4c32](https://github.com/khanzzirfan/reacthub-pixitweenjs/commit/8ca4c326514eb6c677c1460323afe92c34c25060))
|
|
26
|
-
|
|
27
|
-
### [0.2.6](https://github.com/khanzzirfan/reacthub-pixitweenjs/compare/v0.2.5...v0.2.6) (2023-08-25)
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
### Features
|
|
31
|
-
|
|
32
|
-
* added text , gif and svg sprites ([290e6fd](https://github.com/khanzzirfan/reacthub-pixitweenjs/commit/290e6fda45ad4954c9ca767945c0863362326af4))
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
### Bug Fixes
|
|
36
|
-
|
|
37
|
-
* updated pixi svg sprite ([6fe3619](https://github.com/khanzzirfan/reacthub-pixitweenjs/commit/6fe3619e0eb9faf0a46d10de7154ad428a21e188))
|
|
38
|
-
* updated pixi text editor ([d4cd8d9](https://github.com/khanzzirfan/reacthub-pixitweenjs/commit/d4cd8d97b53fa6210919cd641bfa74d4f7d93f84))
|
|
39
|
-
|
|
40
|
-
### [0.2.5](https://github.com/khanzzirfan/reacthub-pixitweenjs/compare/v0.2.4...v0.2.5) (2023-08-23)
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
### Features
|
|
44
|
-
|
|
45
|
-
* audio sprite instance added ([be6333e](https://github.com/khanzzirfan/reacthub-pixitweenjs/commit/be6333e640b9449f3efa9afdb182aaa399344a65))
|
|
46
|
-
* Gif animation added to the library ([c4c5914](https://github.com/khanzzirfan/reacthub-pixitweenjs/commit/c4c5914069d5f1699d17a40167e3e928ccfd48bf))
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
### Bug Fixes
|
|
50
|
-
|
|
51
|
-
* updated pixi svg sprite ([d462599](https://github.com/khanzzirfan/reacthub-pixitweenjs/commit/d462599b88f6151df32d9d4036d31bbb82236383))
|
|
52
|
-
* updated pixijs bindings and updated pixi libraries dependencies ([2d39ac7](https://github.com/khanzzirfan/reacthub-pixitweenjs/commit/2d39ac795a5a7d355d75642aa778b22c9a2ad2ce))
|
|
53
|
-
|
|
54
|
-
### [0.2.4](https://github.com/khanzzirfan/reacthub-gsap-pixiez/compare/v0.2.3...v0.2.4) (2023-07-23)
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
### Features
|
|
58
|
-
|
|
59
|
-
* image sprite component intialadded ([7d9c54e](https://github.com/khanzzirfan/reacthub-gsap-pixiez/commit/7d9c54e90705ab778d1fc6abe4abc0021fd5f725))
|
|
60
|
-
* typescript initialized and converted all components ([e0ce358](https://github.com/khanzzirfan/reacthub-gsap-pixiez/commit/e0ce358d3e99325413d3ab80121273e4ca5c1173))
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
### Bug Fixes
|
|
64
|
-
|
|
65
|
-
* added state management to each story ([56f9da8](https://github.com/khanzzirfan/reacthub-gsap-pixiez/commit/56f9da833d83fa532a5449e1bc595408d3d59168))
|
|
66
|
-
* added state management to each story ([5a1325c](https://github.com/khanzzirfan/reacthub-gsap-pixiez/commit/5a1325c4c5c0369516ed4d77d5593d51ac8d32e4))
|
|
67
|
-
* applied transformers ([761f9a6](https://github.com/khanzzirfan/reacthub-gsap-pixiez/commit/761f9a6daf859b6c9b48038d47e14d0b0171e01d))
|
|
68
|
-
* applied transformers ([6af3376](https://github.com/khanzzirfan/reacthub-gsap-pixiez/commit/6af3376f9e45bbd148c6c2a6b10094866b062509))
|
|
69
|
-
* props updated ([dd7fd7b](https://github.com/khanzzirfan/reacthub-gsap-pixiez/commit/dd7fd7b50b45d20efc8c9cf67d984da228905d38))
|
|
70
|
-
* props updated ([907b7f4](https://github.com/khanzzirfan/reacthub-gsap-pixiez/commit/907b7f467fe051388d4fea7703611507e44a3dc4))
|
|
71
|
-
* props updated ([3ead9f5](https://github.com/khanzzirfan/reacthub-gsap-pixiez/commit/3ead9f527a32258cbc05ac372600f3a44b51289a))
|
|
72
|
-
* props updated ([0579e77](https://github.com/khanzzirfan/reacthub-gsap-pixiez/commit/0579e770b7e233b260243c5d764e1a061b638ead))
|
|
73
|
-
* props updated ([f0cda33](https://github.com/khanzzirfan/reacthub-gsap-pixiez/commit/f0cda33fb5c7a3137d99277261a7f6ec83be61fd))
|
|
74
|
-
* story introduction ([554eeee](https://github.com/khanzzirfan/reacthub-gsap-pixiez/commit/554eeee7c5c0ee346b6604f8b2c50070602779f2))
|
|
75
|
-
* story introduction ([a6e994d](https://github.com/khanzzirfan/reacthub-gsap-pixiez/commit/a6e994db80719f96155155604f0d03ddbbd69a66))
|
|
76
|
-
* updated files ([47d34dd](https://github.com/khanzzirfan/reacthub-gsap-pixiez/commit/47d34dd3357fb8f98f6a636536fb213ee1bd839b))
|
|
77
|
-
* updated storybook addons actions information ([5f3d377](https://github.com/khanzzirfan/reacthub-gsap-pixiez/commit/5f3d377907be428a063b3032359604d5d31fb74e))
|
|
78
|
-
* updated storybook addons actions information ([81ad504](https://github.com/khanzzirfan/reacthub-gsap-pixiez/commit/81ad504226cd16efaed3c067d84e1df4bb89d6d5))
|
|
79
|
-
|
|
80
|
-
### [0.2.3](https://github.com/khanzzirfan/reacthub-gsap-pixiez/compare/v0.2.2...v0.2.3) (2023-07-20)
|
|
81
|
-
|
|
82
|
-
### [0.2.2](https://github.com/khanzzirfan/reacthub-gsap-pixiez/compare/v0.2.1...v0.2.2) (2023-07-20)
|
|
83
|
-
|
|
84
|
-
### 0.2.1 (2023-07-20)
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
### Features
|
|
88
|
-
|
|
89
|
-
* image sprite component intialadded ([02697ce](https://github.com/khanzzirfan/reacthub-gsap-pixiez/commit/02697cefe222b491935f3ffaeda1318d30d1144b))
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
### Bug Fixes
|
|
93
|
-
|
|
94
|
-
* props updated ([2c27973](https://github.com/khanzzirfan/reacthub-gsap-pixiez/commit/2c27973b2a8a76194a214c1c0ba37ad5185f644b))
|
|
95
|
-
* props updated ([fa6dd12](https://github.com/khanzzirfan/reacthub-gsap-pixiez/commit/fa6dd125e79ab1b0d421126023edbb52179401fb))
|
|
96
|
-
* props updated ([0d03dcf](https://github.com/khanzzirfan/reacthub-gsap-pixiez/commit/0d03dcfec98d14a1e5c770dcf20cccc850759a50))
|
|
97
|
-
* props updated ([4b061c2](https://github.com/khanzzirfan/reacthub-gsap-pixiez/commit/4b061c2a83afac6f4dd58073fe7b4562d58d1d7f))
|
|
98
|
-
* props updated ([929d34a](https://github.com/khanzzirfan/reacthub-gsap-pixiez/commit/929d34aba4f51b0604846a20937cb368a546f565))
|
package/build-storybook.log
DELETED
|
@@ -1,94 +0,0 @@
|
|
|
1
|
-
|
|
2
|
-
> reacthub-pixitweenjs@0.2.4 build-storybook
|
|
3
|
-
> storybook build
|
|
4
|
-
|
|
5
|
-
@storybook/cli v7.2.1
|
|
6
|
-
|
|
7
|
-
info => Cleaning outputDir: C:\Users\khanz\AppData\Local\Temp\chromatic--44868-JPYg4DLcQ0mH
|
|
8
|
-
info => Loading presets
|
|
9
|
-
info => Building manager..
|
|
10
|
-
info => Manager built (350 ms)
|
|
11
|
-
info => Copying static files: C:\code\Code\bitbuckets\storybook\reacthub-pixitweenjs\node_modules\@storybook\manager\static at C:\Users\khanz\AppData\Local\Temp\chromatic--44868-JPYg4DLcQ0mH\sb-common-assets
|
|
12
|
-
[36mvite v4.4.9 [32mbuilding for production...[36m[39m
|
|
13
|
-
|
|
14
|
-
./sb-common-assets/fonts.css doesn't exist at build time, it will remain unchanged to be resolved at runtime
|
|
15
|
-
transforming...
|
|
16
|
-
info => Copying static files: C:\code\Code\bitbuckets\storybook\reacthub-pixitweenjs\public at C:\Users\khanz\AppData\Local\Temp\chromatic--44868-JPYg4DLcQ0mH\
|
|
17
|
-
node_modules/telejson/dist/index.mjs (1394:15) Use of eval in "node_modules/telejson/dist/index.mjs" is strongly discouraged as it poses security risks and may cause issues with minification.
|
|
18
|
-
node_modules/telejson/dist/index.mjs (1397:18) Use of eval in "node_modules/telejson/dist/index.mjs" is strongly discouraged as it poses security risks and may cause issues with minification.
|
|
19
|
-
[32m✓[39m 2178 modules transformed.
|
|
20
|
-
rendering chunks...
|
|
21
|
-
computing gzip size...
|
|
22
|
-
[2m../../../../../Users/khanz/AppData/Local/Temp/chromatic--44868-JPYg4DLcQ0mH/[22m[32massets/direction-94a9917f.svg [39m[1m[2m 1.28 kB[22m[1m[22m[2m │ gzip: 0.71 kB[22m
|
|
23
|
-
[2m../../../../../Users/khanz/AppData/Local/Temp/chromatic--44868-JPYg4DLcQ0mH/[22m[32massets/flow-275142c6.svg [39m[1m[2m 1.39 kB[22m[1m[22m[2m │ gzip: 0.68 kB[22m
|
|
24
|
-
[2m../../../../../Users/khanz/AppData/Local/Temp/chromatic--44868-JPYg4DLcQ0mH/[22m[32massets/code-brackets-9ef6443e.svg [39m[1m[2m 1.46 kB[22m[1m[22m[2m │ gzip: 0.69 kB[22m
|
|
25
|
-
[2m../../../../../Users/khanz/AppData/Local/Temp/chromatic--44868-JPYg4DLcQ0mH/[22m[32massets/comments-f15a6837.svg [39m[1m[2m 1.53 kB[22m[1m[22m[2m │ gzip: 0.70 kB[22m
|
|
26
|
-
[2m../../../../../Users/khanz/AppData/Local/Temp/chromatic--44868-JPYg4DLcQ0mH/[22m[32massets/repo-fb4ece47.svg [39m[1m[2m 1.64 kB[22m[1m[22m[2m │ gzip: 0.83 kB[22m
|
|
27
|
-
[2m../../../../../Users/khanz/AppData/Local/Temp/chromatic--44868-JPYg4DLcQ0mH/[22m[32massets/plugin-57148314.svg [39m[1m[2m 2.17 kB[22m[1m[22m[2m │ gzip: 0.98 kB[22m
|
|
28
|
-
[2m../../../../../Users/khanz/AppData/Local/Temp/chromatic--44868-JPYg4DLcQ0mH/[22m[32massets/stackalt-2ad81543.svg [39m[1m[2m 2.55 kB[22m[1m[22m[2m │ gzip: 1.09 kB[22m
|
|
29
|
-
[2m../../../../../Users/khanz/AppData/Local/Temp/chromatic--44868-JPYg4DLcQ0mH/[22m[32massets/colors-ac9401f3.svg [39m[1m[2m 8.51 kB[22m[1m[22m[2m │ gzip: 3.61 kB[22m
|
|
30
|
-
[2m../../../../../Users/khanz/AppData/Local/Temp/chromatic--44868-JPYg4DLcQ0mH/[22m[32miframe.html [39m[1m[2m 12.74 kB[22m[1m[22m[2m │ gzip: 3.56 kB[22m
|
|
31
|
-
[2m../../../../../Users/khanz/AppData/Local/Temp/chromatic--44868-JPYg4DLcQ0mH/[22m[36massets/index-d475d2ea.js [39m[1m[2m 0.21 kB[22m[1m[22m[2m │ gzip: 0.17 kB[22m[2m │ map: 0.84 kB[22m
|
|
32
|
-
[2m../../../../../Users/khanz/AppData/Local/Temp/chromatic--44868-JPYg4DLcQ0mH/[22m[36massets/index-aefaebb0.js [39m[1m[2m 0.25 kB[22m[1m[22m[2m │ gzip: 0.20 kB[22m[2m │ map: 0.10 kB[22m
|
|
33
|
-
[2m../../../../../Users/khanz/AppData/Local/Temp/chromatic--44868-JPYg4DLcQ0mH/[22m[36massets/chunk-MSDTXLE7-e8876087.js [39m[1m[2m 0.33 kB[22m[1m[22m[2m │ gzip: 0.28 kB[22m[2m │ map: 1.29 kB[22m
|
|
34
|
-
[2m../../../../../Users/khanz/AppData/Local/Temp/chromatic--44868-JPYg4DLcQ0mH/[22m[36massets/extends-a5793c18.js [39m[1m[2m 0.46 kB[22m[1m[22m[2m │ gzip: 0.33 kB[22m[2m │ map: 2.00 kB[22m
|
|
35
|
-
[2m../../../../../Users/khanz/AppData/Local/Temp/chromatic--44868-JPYg4DLcQ0mH/[22m[36massets/index-e744116c.js [39m[1m[2m 0.53 kB[22m[1m[22m[2m │ gzip: 0.34 kB[22m[2m │ map: 4.29 kB[22m
|
|
36
|
-
[2m../../../../../Users/khanz/AppData/Local/Temp/chromatic--44868-JPYg4DLcQ0mH/[22m[36massets/WithTooltip-YBG737T3-8386b405.js [39m[1m[2m 0.54 kB[22m[1m[22m[2m │ gzip: 0.31 kB[22m[2m │ map: 0.11 kB[22m
|
|
37
|
-
[2m../../../../../Users/khanz/AppData/Local/Temp/chromatic--44868-JPYg4DLcQ0mH/[22m[36massets/syntaxhighlighter-4OVWVELQ-97d9e0b2.js [39m[1m[2m 0.56 kB[22m[1m[22m[2m │ gzip: 0.33 kB[22m[2m │ map: 0.12 kB[22m
|
|
38
|
-
[2m../../../../../Users/khanz/AppData/Local/Temp/chromatic--44868-JPYg4DLcQ0mH/[22m[36massets/react-18-0f8fd3cb.js [39m[1m[2m 0.59 kB[22m[1m[22m[2m │ gzip: 0.38 kB[22m[2m │ map: 2.65 kB[22m
|
|
39
|
-
[2m../../../../../Users/khanz/AppData/Local/Temp/chromatic--44868-JPYg4DLcQ0mH/[22m[36massets/preview-ddf73cda.js [39m[1m[2m 0.64 kB[22m[1m[22m[2m │ gzip: 0.38 kB[22m[2m │ map: 0.54 kB[22m
|
|
40
|
-
[2m../../../../../Users/khanz/AppData/Local/Temp/chromatic--44868-JPYg4DLcQ0mH/[22m[36massets/preview-5ef354f3.js [39m[1m[2m 0.69 kB[22m[1m[22m[2m │ gzip: 0.49 kB[22m[2m │ map: 3.93 kB[22m
|
|
41
|
-
[2m../../../../../Users/khanz/AppData/Local/Temp/chromatic--44868-JPYg4DLcQ0mH/[22m[36massets/_commonjsHelpers-de833af9.js [39m[1m[2m 0.75 kB[22m[1m[22m[2m │ gzip: 0.43 kB[22m[2m │ map: 0.11 kB[22m
|
|
42
|
-
[2m../../../../../Users/khanz/AppData/Local/Temp/chromatic--44868-JPYg4DLcQ0mH/[22m[36massets/index-356e4a49.js [39m[1m[2m 0.81 kB[22m[1m[22m[2m │ gzip: 0.51 kB[22m[2m │ map: 3.28 kB[22m
|
|
43
|
-
[2m../../../../../Users/khanz/AppData/Local/Temp/chromatic--44868-JPYg4DLcQ0mH/[22m[36massets/index-8d47fad6.js [39m[1m[2m 0.84 kB[22m[1m[22m[2m │ gzip: 0.55 kB[22m[2m │ map: 4.14 kB[22m
|
|
44
|
-
[2m../../../../../Users/khanz/AppData/Local/Temp/chromatic--44868-JPYg4DLcQ0mH/[22m[36massets/preview-b79ea209.js [39m[1m[2m 0.90 kB[22m[1m[22m[2m │ gzip: 0.60 kB[22m[2m │ map: 2.96 kB[22m
|
|
45
|
-
[2m../../../../../Users/khanz/AppData/Local/Temp/chromatic--44868-JPYg4DLcQ0mH/[22m[36massets/jsx-runtime-4ca860c5.js [39m[1m[2m 0.97 kB[22m[1m[22m[2m │ gzip: 0.61 kB[22m[2m │ map: 2.33 kB[22m
|
|
46
|
-
[2m../../../../../Users/khanz/AppData/Local/Temp/chromatic--44868-JPYg4DLcQ0mH/[22m[36massets/DocsRenderer-3PUGWF3O-731fd7e2.js [39m[1m[2m 1.40 kB[22m[1m[22m[2m │ gzip: 0.75 kB[22m[2m │ map: 2.60 kB[22m
|
|
47
|
-
[2m../../../../../Users/khanz/AppData/Local/Temp/chromatic--44868-JPYg4DLcQ0mH/[22m[36massets/Installation-e42280fa.js [39m[1m[2m 1.80 kB[22m[1m[22m[2m │ gzip: 0.81 kB[22m[2m │ map: 2.48 kB[22m
|
|
48
|
-
[2m../../../../../Users/khanz/AppData/Local/Temp/chromatic--44868-JPYg4DLcQ0mH/[22m[36massets/preview-a60aa466.js [39m[1m[2m 2.40 kB[22m[1m[22m[2m │ gzip: 1.25 kB[22m[2m │ map: 11.11 kB[22m
|
|
49
|
-
[2m../../../../../Users/khanz/AppData/Local/Temp/chromatic--44868-JPYg4DLcQ0mH/[22m[36massets/index-d37d4223.js [39m[1m[2m 2.63 kB[22m[1m[22m[2m │ gzip: 1.30 kB[22m[2m │ map: 7.49 kB[22m
|
|
50
|
-
[2m../../../../../Users/khanz/AppData/Local/Temp/chromatic--44868-JPYg4DLcQ0mH/[22m[36massets/Git-DZ2D5ZUL-6ca74cd2.js [39m[1m[2m 3.06 kB[22m[1m[22m[2m │ gzip: 1.00 kB[22m[2m │ map: 7.21 kB[22m
|
|
51
|
-
[2m../../../../../Users/khanz/AppData/Local/Temp/chromatic--44868-JPYg4DLcQ0mH/[22m[36massets/preview-770cc08b.js [39m[1m[2m 3.22 kB[22m[1m[22m[2m │ gzip: 1.39 kB[22m[2m │ map: 10.25 kB[22m
|
|
52
|
-
[2m../../../../../Users/khanz/AppData/Local/Temp/chromatic--44868-JPYg4DLcQ0mH/[22m[36massets/AppStateProvider-98b23489.js [39m[1m[2m 3.39 kB[22m[1m[22m[2m │ gzip: 1.45 kB[22m[2m │ map: 14.42 kB[22m
|
|
53
|
-
[2m../../../../../Users/khanz/AppData/Local/Temp/chromatic--44868-JPYg4DLcQ0mH/[22m[36massets/Editing-7QFB6ZMG-a75b9a4e.js [39m[1m[2m 4.02 kB[22m[1m[22m[2m │ gzip: 1.12 kB[22m[2m │ map: 10.11 kB[22m
|
|
54
|
-
[2m../../../../../Users/khanz/AppData/Local/Temp/chromatic--44868-JPYg4DLcQ0mH/[22m[36massets/_getTag-0ebf12fe.js [39m[1m[2m 5.05 kB[22m[1m[22m[2m │ gzip: 2.30 kB[22m[2m │ map: 36.86 kB[22m
|
|
55
|
-
[2m../../../../../Users/khanz/AppData/Local/Temp/chromatic--44868-JPYg4DLcQ0mH/[22m[36massets/OS-YZ2Y4VYS-57059e39.js [39m[1m[2m 5.57 kB[22m[1m[22m[2m │ gzip: 2.20 kB[22m[2m │ map: 9.94 kB[22m
|
|
56
|
-
[2m../../../../../Users/khanz/AppData/Local/Temp/chromatic--44868-JPYg4DLcQ0mH/[22m[36massets/Introduction-def93083.js [39m[1m[2m 5.60 kB[22m[1m[22m[2m │ gzip: 2.14 kB[22m[2m │ map: 7.06 kB[22m
|
|
57
|
-
[2m../../../../../Users/khanz/AppData/Local/Temp/chromatic--44868-JPYg4DLcQ0mH/[22m[36massets/iframe-d69fca24.js [39m[1m[2m 6.95 kB[22m[1m[22m[2m │ gzip: 1.98 kB[22m[2m │ map: 6.18 kB[22m
|
|
58
|
-
[2m../../../../../Users/khanz/AppData/Local/Temp/chromatic--44868-JPYg4DLcQ0mH/[22m[36massets/index-61bf1805.js [39m[1m[2m 7.21 kB[22m[1m[22m[2m │ gzip: 2.95 kB[22m[2m │ map: 15.75 kB[22m
|
|
59
|
-
[2m../../../../../Users/khanz/AppData/Local/Temp/chromatic--44868-JPYg4DLcQ0mH/[22m[36massets/People-OD4EV7WZ-e23c0f1f.js [39m[1m[2m 7.64 kB[22m[1m[22m[2m │ gzip: 2.20 kB[22m[2m │ map: 16.31 kB[22m
|
|
60
|
-
[2m../../../../../Users/khanz/AppData/Local/Temp/chromatic--44868-JPYg4DLcQ0mH/[22m[36massets/preview-d8c963a4.js [39m[1m[2m 7.67 kB[22m[1m[22m[2m │ gzip: 1.60 kB[22m[2m │ map: 14.23 kB[22m
|
|
61
|
-
[2m../../../../../Users/khanz/AppData/Local/Temp/chromatic--44868-JPYg4DLcQ0mH/[22m[36massets/Documents-SGWAY3KW-a46f097b.js [39m[1m[2m 8.11 kB[22m[1m[22m[2m │ gzip: 1.61 kB[22m[2m │ map: 20.07 kB[22m
|
|
62
|
-
[2m../../../../../Users/khanz/AppData/Local/Temp/chromatic--44868-JPYg4DLcQ0mH/[22m[36massets/preview-25cb0eda.js [39m[1m[2m 8.33 kB[22m[1m[22m[2m │ gzip: 3.21 kB[22m[2m │ map: 29.44 kB[22m
|
|
63
|
-
[2m../../../../../Users/khanz/AppData/Local/Temp/chromatic--44868-JPYg4DLcQ0mH/[22m[36massets/PixiImageSprite.stories-7e5a4f44.js [39m[1m[2m 9.26 kB[22m[1m[22m[2m │ gzip: 2.66 kB[22m[2m │ map: 14.69 kB[22m
|
|
64
|
-
[2m../../../../../Users/khanz/AppData/Local/Temp/chromatic--44868-JPYg4DLcQ0mH/[22m[36massets/Devices-SUYACUPO-5f5f7f3c.js [39m[1m[2m 11.12 kB[22m[1m[22m[2m │ gzip: 2.43 kB[22m[2m │ map: 24.80 kB[22m
|
|
65
|
-
[2m../../../../../Users/khanz/AppData/Local/Temp/chromatic--44868-JPYg4DLcQ0mH/[22m[36massets/_baseForOwn-bcc012ac.js [39m[1m[2m 12.26 kB[22m[1m[22m[2m │ gzip: 5.09 kB[22m[2m │ map: 97.95 kB[22m
|
|
66
|
-
[2m../../../../../Users/khanz/AppData/Local/Temp/chromatic--44868-JPYg4DLcQ0mH/[22m[36massets/PixiVideoSprite.stories-4587bff3.js [39m[1m[2m 13.85 kB[22m[1m[22m[2m │ gzip: 3.94 kB[22m[2m │ map: 31.90 kB[22m
|
|
67
|
-
[2m../../../../../Users/khanz/AppData/Local/Temp/chromatic--44868-JPYg4DLcQ0mH/[22m[36massets/GlobalScrollAreaStyles-4LLX2B3H-865623c6.js [39m[1m[2m 15.15 kB[22m[1m[22m[2m │ gzip: 2.85 kB[22m[2m │ map: 21.44 kB[22m
|
|
68
|
-
[2m../../../../../Users/khanz/AppData/Local/Temp/chromatic--44868-JPYg4DLcQ0mH/[22m[36massets/Logos-SJTNNI74-dfca754f.js [39m[1m[2m 15.65 kB[22m[1m[22m[2m │ gzip: 5.34 kB[22m[2m │ map: 30.02 kB[22m
|
|
69
|
-
[2m../../../../../Users/khanz/AppData/Local/Temp/chromatic--44868-JPYg4DLcQ0mH/[22m[36massets/Wayfinding-BB4H7CHP-0d20a672.js [39m[1m[2m 19.02 kB[22m[1m[22m[2m │ gzip: 3.75 kB[22m[2m │ map: 47.57 kB[22m
|
|
70
|
-
[2m../../../../../Users/khanz/AppData/Local/Temp/chromatic--44868-JPYg4DLcQ0mH/[22m[36massets/Images-S2WTXNGG-1424b253.js [39m[1m[2m 20.72 kB[22m[1m[22m[2m │ gzip: 4.41 kB[22m[2m │ map: 49.06 kB[22m
|
|
71
|
-
[2m../../../../../Users/khanz/AppData/Local/Temp/chromatic--44868-JPYg4DLcQ0mH/[22m[36massets/preview-d06fc6bf.js [39m[1m[2m 21.08 kB[22m[1m[22m[2m │ gzip: 6.99 kB[22m[2m │ map: 68.34 kB[22m
|
|
72
|
-
[2m../../../../../Users/khanz/AppData/Local/Temp/chromatic--44868-JPYg4DLcQ0mH/[22m[36massets/Communicate-7JXCND2Z-d3f800fa.js [39m[1m[2m 25.15 kB[22m[1m[22m[2m │ gzip: 6.58 kB[22m[2m │ map: 52.59 kB[22m
|
|
73
|
-
[2m../../../../../Users/khanz/AppData/Local/Temp/chromatic--44868-JPYg4DLcQ0mH/[22m[36massets/CRUD-I5EZL2FS-97d62e3d.js [39m[1m[2m 26.35 kB[22m[1m[22m[2m │ gzip: 5.92 kB[22m[2m │ map: 59.47 kB[22m
|
|
74
|
-
[2m../../../../../Users/khanz/AppData/Local/Temp/chromatic--44868-JPYg4DLcQ0mH/[22m[36massets/PixiGifSprite.stories-8b08b093.js [39m[1m[2m 26.94 kB[22m[1m[22m[2m │ gzip: 8.65 kB[22m[2m │ map: 78.57 kB[22m
|
|
75
|
-
[2m../../../../../Users/khanz/AppData/Local/Temp/chromatic--44868-JPYg4DLcQ0mH/[22m[36massets/OverlayScrollbars-OL4C4TVX-03af70e8.js [39m[1m[2m 28.95 kB[22m[1m[22m[2m │ gzip: 14.20 kB[22m[2m │ map: 108.16 kB[22m
|
|
76
|
-
[2m../../../../../Users/khanz/AppData/Local/Temp/chromatic--44868-JPYg4DLcQ0mH/[22m[36massets/PixiAudioSprite.stories-404cbd17.js [39m[1m[2m 29.91 kB[22m[1m[22m[2m │ gzip: 8.32 kB[22m[2m │ map: 99.78 kB[22m
|
|
77
|
-
[2m../../../../../Users/khanz/AppData/Local/Temp/chromatic--44868-JPYg4DLcQ0mH/[22m[36massets/Color-6VNJS4EI-223d643c.js [39m[1m[2m 31.16 kB[22m[1m[22m[2m │ gzip: 11.69 kB[22m[2m │ map: 112.86 kB[22m
|
|
78
|
-
[2m../../../../../Users/khanz/AppData/Local/Temp/chromatic--44868-JPYg4DLcQ0mH/[22m[36massets/GsapAnim-96ba73b9.js [39m[1m[2m 36.15 kB[22m[1m[22m[2m │ gzip: 9.84 kB[22m[2m │ map: 160.28 kB[22m
|
|
79
|
-
[2m../../../../../Users/khanz/AppData/Local/Temp/chromatic--44868-JPYg4DLcQ0mH/[22m[36massets/PixiSvgPathSprite.stories-4715883c.js [39m[1m[2m 46.25 kB[22m[1m[22m[2m │ gzip: 15.72 kB[22m[2m │ map: 175.56 kB[22m
|
|
80
|
-
[2m../../../../../Users/khanz/AppData/Local/Temp/chromatic--44868-JPYg4DLcQ0mH/[22m[36massets/index-52fb8234.js [39m[1m[2m 61.08 kB[22m[1m[22m[2m │ gzip: 16.39 kB[22m[2m │ map: 190.97 kB[22m
|
|
81
|
-
[2m../../../../../Users/khanz/AppData/Local/Temp/chromatic--44868-JPYg4DLcQ0mH/[22m[36massets/HTMLText-f020e808.js [39m[1m[2m 95.94 kB[22m[1m[22m[2m │ gzip: 28.08 kB[22m[2m │ map: 298.45 kB[22m
|
|
82
|
-
[2m../../../../../Users/khanz/AppData/Local/Temp/chromatic--44868-JPYg4DLcQ0mH/[22m[36massets/index-2801d3c9.js [39m[1m[2m134.11 kB[22m[1m[22m[2m │ gzip: 43.23 kB[22m[2m │ map: 328.91 kB[22m
|
|
83
|
-
[2m../../../../../Users/khanz/AppData/Local/Temp/chromatic--44868-JPYg4DLcQ0mH/[22m[36massets/config-d8b72d70.js [39m[1m[2m213.58 kB[22m[1m[22m[2m │ gzip: 66.40 kB[22m[2m │ map: 803.98 kB[22m
|
|
84
|
-
[2m../../../../../Users/khanz/AppData/Local/Temp/chromatic--44868-JPYg4DLcQ0mH/[22m[36massets/preview-d1ad52e5.js [39m[1m[2m303.45 kB[22m[1m[22m[2m │ gzip: 102.80 kB[22m[2m │ map: 1,477.73 kB[22m
|
|
85
|
-
[2m../../../../../Users/khanz/AppData/Local/Temp/chromatic--44868-JPYg4DLcQ0mH/[22m[36massets/module-28e6bed8.js [39m[1m[33m569.49 kB[39m[22m[2m │ gzip: 180.91 kB[22m[2m │ map: 1,986.99 kB[22m
|
|
86
|
-
[2m../../../../../Users/khanz/AppData/Local/Temp/chromatic--44868-JPYg4DLcQ0mH/[22m[36massets/formatter-ZNWCFYAW-da868a3a.js [39m[1m[33m601.74 kB[39m[22m[2m │ gzip: 185.08 kB[22m[2m │ map: 1,318.63 kB[22m
|
|
87
|
-
[2m../../../../../Users/khanz/AppData/Local/Temp/chromatic--44868-JPYg4DLcQ0mH/[22m[36massets/index-ab5a789e.js [39m[1m[33m640.33 kB[39m[22m[2m │ gzip: 195.67 kB[22m[2m │ map: 1,968.70 kB[22m
|
|
88
|
-
[33m
|
|
89
|
-
(!) Some chunks are larger than 500 kBs after minification. Consider:
|
|
90
|
-
- Using dynamic import() to code-split the application
|
|
91
|
-
- Use build.rollupOptions.output.manualChunks to improve chunking: https://rollupjs.org/configuration-options/#output-manualchunks
|
|
92
|
-
- Adjust chunk size limit for this warning via build.chunkSizeWarningLimit.[39m
|
|
93
|
-
[32m✓ built in 29.71s[39m
|
|
94
|
-
info => Output directory: C:\Users\khanz\AppData\Local\Temp\chromatic--44868-JPYg4DLcQ0mH
|
package/index.html
DELETED
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
<!DOCTYPE html>
|
|
2
|
-
<html lang="en">
|
|
3
|
-
<head>
|
|
4
|
-
<meta charset="UTF-8" />
|
|
5
|
-
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
|
|
6
|
-
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
7
|
-
<title>Vite + React</title>
|
|
8
|
-
</head>
|
|
9
|
-
<body>
|
|
10
|
-
<div id="root"></div>
|
|
11
|
-
<script type="module" src="/src/main.tsx"></script>
|
|
12
|
-
</body>
|
|
13
|
-
</html>
|
package/public/vite.svg
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>
|
package/src/App.css
DELETED
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
#root {
|
|
2
|
-
max-width: 1280px;
|
|
3
|
-
margin: 0 auto;
|
|
4
|
-
padding: 2rem;
|
|
5
|
-
text-align: center;
|
|
6
|
-
}
|
|
7
|
-
|
|
8
|
-
.logo {
|
|
9
|
-
height: 6em;
|
|
10
|
-
padding: 1.5em;
|
|
11
|
-
will-change: filter;
|
|
12
|
-
transition: filter 300ms;
|
|
13
|
-
}
|
|
14
|
-
.logo:hover {
|
|
15
|
-
filter: drop-shadow(0 0 2em #646cffaa);
|
|
16
|
-
}
|
|
17
|
-
.logo.react:hover {
|
|
18
|
-
filter: drop-shadow(0 0 2em #61dafbaa);
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
@keyframes logo-spin {
|
|
22
|
-
from {
|
|
23
|
-
transform: rotate(0deg);
|
|
24
|
-
}
|
|
25
|
-
to {
|
|
26
|
-
transform: rotate(360deg);
|
|
27
|
-
}
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
@media (prefers-reduced-motion: no-preference) {
|
|
31
|
-
a:nth-of-type(2) .logo {
|
|
32
|
-
animation: logo-spin infinite 20s linear;
|
|
33
|
-
}
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
.card {
|
|
37
|
-
padding: 2em;
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
.read-the-docs {
|
|
41
|
-
color: #888;
|
|
42
|
-
}
|
package/src/App.tsx
DELETED
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
import { useState } from "react";
|
|
2
|
-
import "./App.css";
|
|
3
|
-
|
|
4
|
-
function App() {
|
|
5
|
-
const [count, setCount] = useState(0);
|
|
6
|
-
|
|
7
|
-
return (
|
|
8
|
-
<div className="App">
|
|
9
|
-
<div>
|
|
10
|
-
<a href="https://vitejs.dev" target="_blank"></a>
|
|
11
|
-
<a href="https://reactjs.org" target="_blank"></a>
|
|
12
|
-
</div>
|
|
13
|
-
<h1>Vite + React</h1>
|
|
14
|
-
<div className="card">
|
|
15
|
-
<button onClick={() => setCount((count) => count + 1)}>
|
|
16
|
-
count is {count}
|
|
17
|
-
</button>
|
|
18
|
-
<p>
|
|
19
|
-
Edit <code>src/App.jsx</code> and save to test HMR
|
|
20
|
-
</p>
|
|
21
|
-
</div>
|
|
22
|
-
<p className="read-the-docs">
|
|
23
|
-
Click on the Vite and React logos to learn more
|
|
24
|
-
</p>
|
|
25
|
-
</div>
|
|
26
|
-
);
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
export default App;
|
|
Binary file
|