mirrors/OverlayScrollbars
2
0
Fork 0
mirror of https://github.com/tenrok/OverlayScrollbars.git synced 2026-06-20 20:50:36 +03:00
Code Issues Packages Projects Releases Wiki Activity

improve website

Browse Source
This commit is contained in:
Rene Haas
2022-11-17 14:52:18 +01:00
parent e31f25dc02
commit 309ddd7a90
11 changed files with 68 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files
website/package-lock.json
Generated
+42 -5
View File
@@ -13,12 +13,14 @@
"overlayscrollbars": "file:./../packages/overlayscrollbars/dist",
"overlayscrollbars-react": "file:./../packages/overlayscrollbars-react/dist",
"react": "18.2.0",
"react-dom": "18.2.0"
"react-dom": "18.2.0",
"ua-parser-js": "^1.0.32"
},
"devDependencies": {
"@types/node": "18.7.20",
"@types/react": "18.0.21",
"@types/react-dom": "18.0.6",
"@types/ua-parser-js": "^0.7.36",
"concurrently": "^7.4.0",
"fast-glob": "^3.2.12",
"rehype-pretty-code": "^0.4.0",
@@ -565,6 +567,12 @@
"resolved": "https://registry.npmjs.org/@types/scheduler/-/scheduler-0.16.2.tgz",
"integrity": "sha512-hppQEBDmlwhFAXKJX2KnWLYu5yMfi91yazPb2l+lbJiwW+wdo1gNeRA+3RgNSO39WYX2euey41KEwnqesU2Jew=="
},
"node_modules/@types/ua-parser-js": {
"version": "0.7.36",
"resolved": "https://registry.npmjs.org/@types/ua-parser-js/-/ua-parser-js-0.7.36.tgz",
"integrity": "sha512-N1rW+njavs70y2cApeIw1vLMYXRwfBy+7trgavGuuTfOd7j1Yh7QTRc/yqsPl6ncokt72ZXuxEU0PiCp9bSwNQ==",
"dev": true
},
"node_modules/@types/unist": {
"version": "2.0.6",
"resolved": "https://registry.npmjs.org/@types/unist/-/unist-2.0.6.tgz",
@@ -3084,12 +3092,12 @@
}
},
"node_modules/overlayscrollbars": {
"version": "2.0.0",
"version": "2.0.1",
"resolved": "file:../packages/overlayscrollbars/dist",
"license": "MIT"
},
"node_modules/overlayscrollbars-react": {
"version": "0.4.0",
"version": "0.5.0",
"resolved": "file:../packages/overlayscrollbars-react/dist",
"license": "MIT",
"peerDependencies": {
@@ -3963,6 +3971,24 @@
"node": ">=4.2.0"
}
},
"node_modules/ua-parser-js": {
"version": "1.0.32",
"resolved": "https://registry.npmjs.org/ua-parser-js/-/ua-parser-js-1.0.32.tgz",
"integrity": "sha512-dXVsz3M4j+5tTiovFVyVqssXBu5HM47//YSOeZ9fQkdDKkfzv2v3PP1jmH6FUyPW+yCSn7aBVK1fGGKNhowdDA==",
"funding": [
{
"type": "opencollective",
"url": "https://opencollective.com/ua-parser-js"
},
{
"type": "paypal",
"url": "https://paypal.me/faisalman"
}
],
"engines": {
"node": "*"
}
},
"node_modules/unified": {
"version": "10.1.2",
"resolved": "https://registry.npmjs.org/unified/-/unified-10.1.2.tgz",
@@ -4747,6 +4773,12 @@
"resolved": "https://registry.npmjs.org/@types/scheduler/-/scheduler-0.16.2.tgz",
"integrity": "sha512-hppQEBDmlwhFAXKJX2KnWLYu5yMfi91yazPb2l+lbJiwW+wdo1gNeRA+3RgNSO39WYX2euey41KEwnqesU2Jew=="
},
"@types/ua-parser-js": {
"version": "0.7.36",
"resolved": "https://registry.npmjs.org/@types/ua-parser-js/-/ua-parser-js-0.7.36.tgz",
"integrity": "sha512-N1rW+njavs70y2cApeIw1vLMYXRwfBy+7trgavGuuTfOd7j1Yh7QTRc/yqsPl6ncokt72ZXuxEU0PiCp9bSwNQ==",
"dev": true
},
"@types/unist": {
"version": "2.0.6",
"resolved": "https://registry.npmjs.org/@types/unist/-/unist-2.0.6.tgz",
@@ -6486,10 +6518,10 @@
"dev": true
},
"overlayscrollbars": {
"version": "2.0.0"
"version": "2.0.1"
},
"overlayscrollbars-react": {
"version": "0.4.0",
"version": "0.5.0",
"requires": {}
},
"parse-entities": {
@@ -7057,6 +7089,11 @@
"integrity": "sha512-goMHfm00nWPa8UvR/CPSvykqf6dVV8x/dp0c5mFTMTIu0u0FlGWRioyy7Nn0PGAdHxpJZnuO/ut+PpQ8UiHAig==",
"dev": true
},
"ua-parser-js": {
"version": "1.0.32",
"resolved": "https://registry.npmjs.org/ua-parser-js/-/ua-parser-js-1.0.32.tgz",
"integrity": "sha512-dXVsz3M4j+5tTiovFVyVqssXBu5HM47//YSOeZ9fQkdDKkfzv2v3PP1jmH6FUyPW+yCSn7aBVK1fGGKNhowdDA=="
},
"unified": {
"version": "10.1.2",
"resolved": "https://registry.npmjs.org/unified/-/unified-10.1.2.tgz",
website/package.json
+3 -1
View File
@@ -14,12 +14,14 @@
"overlayscrollbars": "file:./../packages/overlayscrollbars/dist",
"overlayscrollbars-react": "file:./../packages/overlayscrollbars-react/dist",
"react": "18.2.0",
"react-dom": "18.2.0"
"react-dom": "18.2.0",
"ua-parser-js": "^1.0.32"
},
"devDependencies": {
"@types/node": "18.7.20",
"@types/react": "18.0.21",
"@types/react-dom": "18.0.6",
"@types/ua-parser-js": "^0.7.36",
"concurrently": "^7.4.0",
"fast-glob": "^3.2.12",
"rehype-pretty-code": "^0.4.0",
website/src/pages/_app.tsx
+9 -1
View File
@@ -5,6 +5,7 @@ import { useEffect } from 'react';
import Head from 'next/head';
import { MDXProvider } from '@mdx-js/react';
import { useOverlayScrollbars } from 'overlayscrollbars-react';
import UAParser from 'ua-parser-js';
import favicon from '~/assets/favicon.ico';
import { Pre } from '~/components/md/Pre';
import { Heading } from '~/components/md/Heading';
@@ -21,7 +22,14 @@ const OverlayScrollbarsDocs = ({ Component, pageProps }: AppProps) => {
const [initialize, instance] = useOverlayScrollbars({ defer: true });
useEffect(() => {
initialize({ target: document.body, cancel: { nativeScrollbarsOverlaid: true } });
const ua = new UAParser();
const { type } = ua.getDevice();
const cancelDevices = ['console', 'mobile', 'tablet', 'smarttv'];
initialize({
target: document.body,
cancel: { nativeScrollbarsOverlaid: !!type && cancelDevices.includes(type) },
});
return () => instance()?.destroy();
}, []);