Skip to content
This repository was archived by the owner on Jan 19, 2025. It is now read-only.

Commit 24b3a79

Browse files
chiciochicio
authored
Updates (#96) 🚀
* Updates 🚀 * Fix jest configuration 🚀 * Fixed tsparticles css: now I can upgrade it * Ready for merge 🚀 * Fixed test linting 🚀
1 parent 3b6636d commit 24b3a79

File tree

9 files changed

+8049
-16719
lines changed

9 files changed

+8049
-16719
lines changed

‎.storybook/main.js‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -28,6 +28,8 @@ module.exports = {
2828
presets: [["react-app", { flow: false, typescript: true }]],
2929
plugins: [
3030
require.resolve("@babel/plugin-proposal-class-properties"),
31+
require.resolve("@babel/plugin-proposal-private-methods"), /** https://github.com/babel/babel/issues/11622#issuecomment-638609015 **/
32+
require.resolve("@babel/plugin-proposal-private-property-in-object"), /** https://github.com/babel/babel/issues/11622#issuecomment-638609015 **/
3133
/** https://github.com/gatsbyjs/gatsby/issues/26099 **/
3234
[require.resolve("babel-plugin-remove-graphql-queries"), {
3335
stage: "develop-html",

‎__stories__/atoms/overlay.stories.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -20,9 +20,9 @@ OverlayStory.args = {
2020
zIndex: 200,
2121
delay: "0.3s",
2222
};
23-
OverlayStory.storyName = "Menu";
23+
OverlayStory.storyName = "Overlay";
2424

2525
export default {
26-
title: "Atoms/Overlay",
26+
title: "Atoms",
2727
component: Overlay,
2828
} as Meta;

‎graphql-types.ts‎

Lines changed: 28 additions & 32 deletions
Large diffs are not rendered by default.

‎jest.config.js‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,8 @@ module.exports = {
66
moduleNameMapper: {
77
".+\\.(css|styl|less|sass|scss)$": `identity-obj-proxy`,
88
".+\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$": `<rootDir>/__mocks__/file-mock.js`,
9+
"^gatsby-page-utils/(.*)$": `gatsby-page-utils/dist/$1`, // Workaround for https://github.com/facebook/jest/issues/9771
10+
"^gatsby-core-utils/(.*)$": `gatsby-core-utils/dist/$1`, // Workaround for https://github.com/facebook/jest/issues/9771
911
},
1012
testPathIgnorePatterns: [`node_modules`, `\\.cache`, `<rootDir>.*/public`],
1113
transformIgnorePatterns: [`node_modules/(?!(gatsby)/)`],

‎package-lock.json‎

Lines changed: 7946 additions & 16625 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎package.json‎

Lines changed: 55 additions & 55 deletions
Original file line numberDiff line numberDiff line change
@@ -44,85 +44,85 @@
4444
"build-storybook": "build-storybook -o ./public/chicio-coding-design-system"
4545
},
4646
"dependencies": {
47-
"@loadable/component": "^5.15.0",
47+
"@loadable/component": "^5.15.2",
4848
"@types/loadable__component": "^5.13.4",
4949
"@types/react-adaptive-hooks": "0.0.1",
50-
"@types/react-instantsearch-dom": "^6.12.0",
50+
"@types/react-instantsearch-dom": "^6.12.2",
5151
"@types/react-transition-group": "^4.4.4",
52-
"@types/styled-components": "^5.1.15",
53-
"algoliasearch": "^4.11.0",
54-
"babel-plugin-styled-components": "^2.0.1",
52+
"@types/styled-components": "^5.1.23",
53+
"algoliasearch": "^4.12.1",
54+
"babel-plugin-styled-components": "^2.0.5",
5555
"disqus-react": "^1.1.2",
56-
"gatsby": "^4.2.0",
57-
"gatsby-plugin-algolia": "^0.24.0",
58-
"gatsby-plugin-catch-links": "^4.2.0",
59-
"gatsby-plugin-feed": "^4.2.0",
60-
"gatsby-plugin-google-gtag": "^4.2.0",
61-
"gatsby-plugin-graphql-codegen": "^3.1.0",
62-
"gatsby-plugin-image": "^2.2.0",
63-
"gatsby-plugin-loadable-components-ssr": "^4.1.0",
64-
"gatsby-plugin-manifest": "^4.2.0",
65-
"gatsby-plugin-offline": "^5.2.0",
66-
"gatsby-plugin-react-helmet": "^5.2.0",
67-
"gatsby-plugin-sharp": "^4.2.0",
68-
"gatsby-plugin-sitemap": "^5.2.0",
69-
"gatsby-plugin-styled-components": "^5.2.0",
56+
"gatsby": "^4.8.0",
57+
"gatsby-plugin-algolia": "^0.26.0",
58+
"gatsby-plugin-catch-links": "^4.8.0",
59+
"gatsby-plugin-feed": "^4.8.0",
60+
"gatsby-plugin-google-gtag": "^4.8.0",
61+
"gatsby-plugin-graphql-codegen": "^3.1.1",
62+
"gatsby-plugin-image": "^2.8.0",
63+
"gatsby-plugin-loadable-components-ssr": "^4.2.0",
64+
"gatsby-plugin-manifest": "^4.8.0",
65+
"gatsby-plugin-offline": "^5.8.0",
66+
"gatsby-plugin-react-helmet": "^5.8.0",
67+
"gatsby-plugin-sharp": "^4.8.0",
68+
"gatsby-plugin-sitemap": "^5.8.0",
69+
"gatsby-plugin-styled-components": "^5.8.0",
7070
"gatsby-remark-embed-video": "^3.1.1",
7171
"gatsby-remark-emojis": "^0.4.3",
72-
"gatsby-remark-images": "^6.2.0",
73-
"gatsby-remark-katex": "^6.2.0",
74-
"gatsby-remark-prismjs": "^6.2.0",
75-
"gatsby-source-filesystem": "^4.2.0",
76-
"gatsby-transformer-remark": "^5.2.0",
77-
"gatsby-transformer-sharp": "^4.2.0",
78-
"katex": "^0.13.3",
79-
"postcss": "^8.4.1",
80-
"prismjs": "^1.25.0",
72+
"gatsby-remark-images": "^6.8.0",
73+
"gatsby-remark-katex": "^6.8.0",
74+
"gatsby-remark-prismjs": "^6.8.0",
75+
"gatsby-source-filesystem": "^4.8.0",
76+
"gatsby-transformer-remark": "^5.8.0",
77+
"gatsby-transformer-sharp": "^4.8.0",
78+
"katex": "0.13.3",
79+
"postcss": "^8.4.6",
80+
"prismjs": "^1.27.0",
8181
"react": "^17.0.2",
8282
"react-adaptive-hooks": "0.0.8",
8383
"react-device-detect": "^2.1.2",
8484
"react-dom": "^17.0.2",
8585
"react-helmet": "^6.1.0",
86-
"react-instantsearch-dom": "^6.16.0",
86+
"react-instantsearch-dom": "^6.22.0",
8787
"react-transition-group": "^4.4.2",
8888
"react-tsparticles": "^1.37.4",
89-
"reading-time": "^1.1.3",
89+
"reading-time": "^1.5.0",
9090
"styled-components": "^5.3.3",
9191
"styled-icons": "^10.45.0"
9292
},
9393
"devDependencies": {
94-
"@babel/core": "^7.16.0",
95-
"@storybook/addon-actions": "^6.3.12",
96-
"@storybook/addon-essentials": "^6.3.12",
97-
"@storybook/addon-links": "^6.3.12",
98-
"@storybook/builder-webpack5": "^6.3.12",
99-
"@storybook/manager-webpack5": "^6.3.12",
100-
"@storybook/react": "^6.3.12",
101-
"@testing-library/jest-dom": "^5.15.1",
102-
"@testing-library/react": "^12.1.2",
103-
"@types/jest": "^27.0.3",
104-
"@types/node": "^16.11.10",
105-
"@types/react": "^17.0.37",
94+
"@babel/core": "^7.17.5",
95+
"@storybook/addon-actions": "^6.4.19",
96+
"@storybook/addon-essentials": "^6.4.19",
97+
"@storybook/addon-links": "^6.4.19",
98+
"@storybook/builder-webpack5": "^6.4.19",
99+
"@storybook/manager-webpack5": "^6.4.19",
100+
"@storybook/react": "^6.4.19",
101+
"@testing-library/jest-dom": "^5.16.2",
102+
"@testing-library/react": "^12.1.3",
103+
"@types/jest": "^27.4.1",
104+
"@types/node": "^16.11.25",
105+
"@types/react": "^17.0.39",
106106
"@types/react-dom": "^17.0.11",
107-
"@types/react-helmet": "^6.1.4",
107+
"@types/react-helmet": "^6.1.5",
108108
"@types/react-test-renderer": "^17.0.1",
109-
"@typescript-eslint/eslint-plugin": "^5.4.0",
110-
"@typescript-eslint/parser": "^5.4.0",
111-
"babel-jest": "^27.3.1",
109+
"@typescript-eslint/eslint-plugin": "^5.12.1",
110+
"@typescript-eslint/parser": "^5.12.1",
111+
"babel-jest": "^27.5.1",
112112
"babel-loader": "^8.2.3",
113-
"babel-preset-gatsby": "^2.2.0",
114-
"babel-preset-react-app": "^10.0.0",
115-
"eslint": "^8.3.0",
116-
"eslint-config-prettier": "^8.3.0",
113+
"babel-preset-gatsby": "^2.8.0",
114+
"babel-preset-react-app": "^10.0.1",
115+
"eslint": "^8.9.0",
116+
"eslint-config-prettier": "^8.4.0",
117117
"eslint-plugin-prettier": "^4.0.0",
118-
"eslint-plugin-react": "^7.27.1",
119-
"eslint-plugin-testing-library": "^5.0.0",
118+
"eslint-plugin-react": "^7.28.0",
119+
"eslint-plugin-testing-library": "^5.0.5",
120120
"gh-pages": "^3.2.3",
121121
"html-webpack-plugin": "^5.5.0",
122122
"identity-obj-proxy": "^3.0.0",
123-
"jest": "^27.3.1",
123+
"jest": "^27.5.1",
124124
"react-test-renderer": "^17.0.2",
125-
"typescript": "^4.5.2",
126-
"webpack": "^5.64.4"
125+
"typescript": "^4.5.5",
126+
"webpack": "^5.69.1"
127127
}
128128
}

‎src/components/background-fullscreen.tsx‎

Lines changed: 11 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,13 @@ const BackgroundContainer = styled(ContainerFullscreen)`
88
position: absolute;
99
1010
& canvas {
11-
position: absolute !important;
11+
width: 100% !important;
12+
height: 100% !important;
13+
z-index: 0 !important;
14+
top: 0 !important;
15+
left: 0 !important;
16+
position: absolute;
17+
pointer-events: initial;
1218
}
1319
`;
1420

@@ -17,7 +23,10 @@ export const BackgroundFullScreen: React.FC = () => {
1723

1824
return (
1925
<BackgroundContainer>
20-
<Particles className={"tsparticles"} options={particlesConfiguration} />
26+
<Particles
27+
className={"tsparticles"}
28+
options={particlesConfiguration}
29+
/>
2130
</BackgroundContainer>
2231
);
2332
};

‎src/components/design-system/organism/gallery.tsx‎

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -77,9 +77,8 @@ export interface GalleryProps {
7777
}
7878

7979
export const Gallery: React.FC<GalleryProps> = ({ images }) => {
80-
const [currentImage, setCurrentImage] = useState<IGatsbyImageData | null>(
81-
null
82-
);
80+
const [currentImage, setCurrentImage] =
81+
useState<IGatsbyImageData | null>(null);
8382

8483
return (
8584
<>

‎src/logic/particles.ts‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -12,6 +12,7 @@ export const useParticlesConfiguration: () => ISourceOptions = () => {
1212
value: "transparent",
1313
},
1414
},
15+
fullScreen: false,
1516
fpsLimit: isPowerfulDevice ? 60 : 30,
1617
interactivity: {
1718
detectsOn: "canvas",

0 commit comments

Comments
 (0)