Skip to content

Commit 89a0e81

Browse files
modularcodermodularcoder
committed
Setup storybook docs compilation
Setup netlify publication
1 parent 901cb0f commit 89a0e81

File tree

8 files changed

+129
-36
lines changed

8 files changed

+129
-36
lines changed

‎.gitignore

+7-2
Original file line numberDiff line numberDiff line change
@@ -8,8 +8,13 @@
88
# testing
99
/coverage
1010

11-
# production
12-
/build
11+
# builds
12+
build
13+
dist
14+
.rpt2_cache
15+
storybook-static
16+
.cache
17+
1318

1419
# misc
1520
.DS_Store

‎.storybook/config.js

+21-5
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,4 @@
1-
import 'storybook-chromatic'
2-
import 'typeface-roboto'
1+
// import 'typeface-roboto'
32

43
import React from 'react'
54
import { configure, addDecorator, addParameters } from '@storybook/react'
@@ -20,10 +19,27 @@ addParameters({
2019
showRoots: true,
2120
theme: docsTheme,
2221
storySort: (a, b) => {
23-
const aNestingLevel = a[1].parameters.fileName.split('/').length
24-
const bNestingLevel = b[1].parameters.fileName.split('/').length
22+
console.log('a', a);
23+
// console.log('b', b);
2524

26-
return `${aNestingLevel}${a[1].id}`.localeCompare(`${bNestingLevel}${b[1].id}`)
25+
// const aNestingLevel = a[1].parameters.fileName.split('/').length
26+
// const bNestingLevel = b[1].parameters.fileName.split('/').length
27+
28+
// return `${aNestingLevel}${a[1].id}`.localeCompare(`${bNestingLevel}${b[1].id}`)
29+
30+
const getPriority = (id) => {
31+
if (id.indexOf('general-') > -1) {
32+
return '0'
33+
}
34+
else {
35+
return 'z';
36+
}
37+
}
38+
39+
const aPriority = getPriority(a[1].id);
40+
const bPriority = getPriority(b[1].id);
41+
42+
return `${aPriority}${a[1].id}`.localeCompare(`${bPriority}${b[1].id}`);
2743
}
2844
},
2945
});

‎.storybook/presets.js

+2-10
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,4 @@
11
module.exports = [
2-
'@storybook/preset-typescript',
3-
'@storybook/addon-docs/react/preset',
4-
// {
5-
// name: '@storybook/addon-docs/react/preset',
6-
// options: {
7-
// configureJSX: true,
8-
// babelOptions: {},
9-
// sourceLoaderOptions: null,
10-
// },
11-
// },
2+
'@storybook/preset-create-react-app',
3+
'@storybook/addon-docs/preset'
124
];

‎netlify.toml

+6
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
[build]
2+
publish = "storybook-static"
3+
command = "yarn build-docs"
4+
[build.environment]
5+
NODE_VERSION = "8"
6+
YARN_VERSION = "1.12.3"

‎package.json

+2-1
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@
77
"build": "react-scripts build",
88
"test": "react-scripts test",
99
"eject": "react-scripts eject",
10-
"build-docs": "build-storybook --docs",
10+
"build-docs": "build-storybook --docs -s ./public",
1111
"build-storybook": "build-storybook",
1212
"storybook": "start-storybook -p 6060"
1313
},
@@ -42,6 +42,7 @@
4242
"@storybook/addon-knobs": "^5.3.0-rc.4",
4343
"@storybook/addon-storysource": "^5.3.0-rc.4",
4444
"@storybook/addons": "^5.3.0-rc.4",
45+
"@storybook/preset-create-react-app": "^1.5.0",
4546
"@storybook/preset-typescript": "^1.2.0",
4647
"@storybook/react": "^5.3.0-rc.4",
4748
"@storybook/source-loader": "^5.3.0-rc.4",

‎src/_layouts/DashboardLayout/DashboardLayout.js

+16-17
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import React, { useState, useRef, useLayoutEffect, useEffect } from 'react'
1+
import React, { useState, useRef } from 'react'
22
import PropTypes from 'prop-types'
33
import clsx from 'clsx'
44
import useComponentSize from '@rehooks/component-size'
@@ -27,14 +27,13 @@ export default function DashboardLayout(
2727
const isDesktop = useMediaQuery(theme.breakpoints.up('md'))
2828
const isMobile = !isDesktop
2929

30-
const [contentOffset, setContentOffset] = useState(0)
3130
const [isSidebarOpenMobile, setIsSidebarOpenMobile] = useState(false)
32-
const [isSidebarOpenDesktop, setIsSidebarOpenDesktop] = useState(false)
31+
// const [isSidebarOpenDesktop, setIsSidebarOpenDesktop] = useState(false)
3332
const [isSidebarCollapsedDesktop, setIsSidebarCollapsedDesktop] = useState(false)
3433

3534
const headerSize = useComponentSize(refHeaderContainer)
3635
const sidebarSize = useComponentSize(refSidebarContainer)
37-
const footerSize = useComponentSize(refFooterContainer)
36+
// const footerSize = useComponentSize(refFooterContainer)
3837

3938
const HeaderComponent = header
4039
const SidebarComponent = sidebar
@@ -44,20 +43,20 @@ export default function DashboardLayout(
4443
setIsSidebarOpenMobile(!isSidebarOpenMobile)
4544
}
4645

47-
function handleSidebarToggle() {
48-
// Open/close on mobile
49-
if (isMobile) {
50-
setIsSidebarOpenMobile(!isSidebarOpenMobile)
51-
}
52-
// Collapse/uncollapse on desktop
53-
else {
54-
setIsSidebarCollapsedDesktop(!isSidebarCollapsedDesktop)
55-
}
56-
}
46+
// function handleSidebarToggle() {
47+
// // Open/close on mobile
48+
// if (isMobile) {
49+
// setIsSidebarOpenMobile(!isSidebarOpenMobile)
50+
// }
51+
// // Collapse/uncollapse on desktop
52+
// else {
53+
// setIsSidebarCollapsedDesktop(!isSidebarCollapsedDesktop)
54+
// }
55+
// }
5756

58-
function handleSidebarToggleCollapse() {
59-
setIsSidebarCollapsedDesktop(!setIsSidebarCollapsedDesktop)
60-
}
57+
// function handleSidebarToggleCollapse() {
58+
// setIsSidebarCollapsedDesktop(!setIsSidebarCollapsedDesktop)
59+
// }
6160

6261
return (
6362
<div className={classes.dashboardContainer}>

‎src/_layouts/DashboardLayout2/DashboardLayout.js

+1-1
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@ import Drawer from '@material-ui/core/Drawer'
77
import Hidden from '@material-ui/core/Hidden'
88

99
import AppHeader from '../../_common/AppHeader/AppHeader'
10-
import AppSidebar from '../../_common/AppSidebar/AppSidebar'
10+
// import AppSidebar from '../../_common/AppSidebar/AppSidebar'
1111
import AppFooter from '../../_common/AppFooter'
1212

1313
export default function Dashboard({ children }) {

‎yarn.lock

+74
Original file line numberDiff line numberDiff line change
@@ -1834,13 +1834,34 @@
18341834
pretty-hrtime "^1.0.3"
18351835
regenerator-runtime "^0.13.3"
18361836

1837+
"@storybook/node-logger@^5.2.8":
1838+
version "5.2.8"
1839+
resolved "https://registry.yarnpkg.com/@storybook/node-logger/-/node-logger-5.2.8.tgz#4a3df21d731014d54b9ca53d5b9a72dd350bb075"
1840+
integrity sha512-3TK5mx6VWbfJO+WUrqwPhTbTQ4qESTnwJY/02xPzOhvuC6tIG1QOxzi+Rq6rFlwxTpUuWh6iyDYnGIqFFQywkA==
1841+
dependencies:
1842+
chalk "^2.4.2"
1843+
core-js "^3.0.1"
1844+
npmlog "^4.1.2"
1845+
pretty-hrtime "^1.0.3"
1846+
regenerator-runtime "^0.12.1"
1847+
18371848
"@storybook/postinstall@5.3.0-rc.4":
18381849
version "5.3.0-rc.4"
18391850
resolved "https://registry.yarnpkg.com/@storybook/postinstall/-/postinstall-5.3.0-rc.4.tgz#3e6367fc833c7c1fa0e010c24ca89b9a767ffd53"
18401851
integrity sha512-EZmlPrSNBG1yd5a8mcqLmbCrzmn8q8t57CWDdVlS1E3SCbxLmB5ETZb/CXURe6o93IL1sf+A41iKh8HSowfbeA==
18411852
dependencies:
18421853
core-js "^3.0.1"
18431854

1855+
"@storybook/preset-create-react-app@^1.5.0":
1856+
version "1.5.0"
1857+
resolved "https://registry.yarnpkg.com/@storybook/preset-create-react-app/-/preset-create-react-app-1.5.0.tgz#214c023790545a36bb6b551d317a8dacbb7bc1a1"
1858+
integrity sha512-HkVmduGBPiCdtpq+rNZDzjJXEt7+KxszePDkCvnXfQMKKe+OusvmiuHwNB1A7apB7fGXPysbAgST/1G96sn61Q==
1859+
dependencies:
1860+
"@storybook/node-logger" "^5.2.8"
1861+
"@types/webpack" "^4.41.0"
1862+
react-docgen-typescript-loader "^3.6.0"
1863+
semver "7.0.0"
1864+
18441865
"@storybook/preset-typescript@^1.2.0":
18451866
version "1.2.0"
18461867
resolved "https://registry.yarnpkg.com/@storybook/preset-typescript/-/preset-typescript-1.2.0.tgz#f4b32f7d8ded507cea662372a6730902d02b504c"
@@ -2078,6 +2099,11 @@
20782099
"@svgr/plugin-svgo" "^4.3.1"
20792100
loader-utils "^1.2.3"
20802101

2102+
"@types/anymatch@*":
2103+
version "1.3.1"
2104+
resolved "https://registry.yarnpkg.com/@types/anymatch/-/anymatch-1.3.1.tgz#336badc1beecb9dacc38bea2cf32adf627a8421a"
2105+
integrity sha512-/+CRPXpBDpo2RK9C68N3b2cOvO0Cf5B9aPijHsoDQTHivnGSObdOF2BRQOYjojWTDy6nQvMjmqRXIxH55VjxxA==
2106+
20812107
"@types/babel-types@*", "@types/babel-types@^7.0.0":
20822108
version "7.0.7"
20832109
resolved "https://registry.yarnpkg.com/@types/babel-types/-/babel-types-7.0.7.tgz#667eb1640e8039436028055737d2b9986ee336e3"
@@ -2173,6 +2199,11 @@
21732199
resolved "https://registry.yarnpkg.com/@types/lodash/-/lodash-4.14.149.tgz#1342d63d948c6062838fbf961012f74d4e638440"
21742200
integrity sha512-ijGqzZt/b7BfzcK9vTrS6MFljQRPn5BFWOx8oE0GYxribu6uV+aA9zZuXI1zc/etK9E8nrgdoF2+LgUw7+9tJQ==
21752201

2202+
"@types/node@*":
2203+
version "13.1.2"
2204+
resolved "https://registry.yarnpkg.com/@types/node/-/node-13.1.2.tgz#fe94285bf5e0782e1a9e5a8c482b1c34465fa385"
2205+
integrity sha512-B8emQA1qeKerqd1dmIsQYnXi+mmAzTB7flExjmy5X1aVAKFNNNDubkavwR13kR6JnpeLp3aLoJhwn9trWPAyFQ==
2206+
21762207
"@types/parse-json@^4.0.0":
21772208
version "4.0.0"
21782209
resolved "https://registry.yarnpkg.com/@types/parse-json/-/parse-json-4.0.0.tgz#2f8bb441434d163b35fb8ffdccd7138927ffb8c0"
@@ -2232,11 +2263,28 @@
22322263
"@types/prop-types" "*"
22332264
csstype "^2.2.0"
22342265

2266+
"@types/source-list-map@*":
2267+
version "0.1.2"
2268+
resolved "https://registry.yarnpkg.com/@types/source-list-map/-/source-list-map-0.1.2.tgz#0078836063ffaf17412349bba364087e0ac02ec9"
2269+
integrity sha512-K5K+yml8LTo9bWJI/rECfIPrGgxdpeNbj+d53lwN4QjW1MCwlkhUms+gtdzigTeUyBr09+u8BwOIY3MXvHdcsA==
2270+
22352271
"@types/stack-utils@^1.0.1":
22362272
version "1.0.1"
22372273
resolved "https://registry.yarnpkg.com/@types/stack-utils/-/stack-utils-1.0.1.tgz#0a851d3bd96498fa25c33ab7278ed3bd65f06c3e"
22382274
integrity sha512-l42BggppR6zLmpfU6fq9HEa2oGPEI8yrSPL3GITjfRInppYFahObbIQOQK3UGxEnyQpltZLaPe75046NOZQikw==
22392275

2276+
"@types/tapable@*":
2277+
version "1.0.4"
2278+
resolved "https://registry.yarnpkg.com/@types/tapable/-/tapable-1.0.4.tgz#b4ffc7dc97b498c969b360a41eee247f82616370"
2279+
integrity sha512-78AdXtlhpCHT0K3EytMpn4JNxaf5tbqbLcbIRoQIHzpTIyjpxLQKRoxU55ujBXAtg3Nl2h/XWvfDa9dsMOd0pQ==
2280+
2281+
"@types/uglify-js@*":
2282+
version "3.0.4"
2283+
resolved "https://registry.yarnpkg.com/@types/uglify-js/-/uglify-js-3.0.4.tgz#96beae23df6f561862a830b4288a49e86baac082"
2284+
integrity sha512-SudIN9TRJ+v8g5pTG8RRCqfqTMNqgWCKKd3vtynhGzkIIjxaicNAMuY5TRadJ6tzDu3Dotf3ngaMILtmOdmWEQ==
2285+
dependencies:
2286+
source-map "^0.6.1"
2287+
22402288
"@types/unist@^2.0.0", "@types/unist@^2.0.2":
22412289
version "2.0.3"
22422290
resolved "https://registry.yarnpkg.com/@types/unist/-/unist-2.0.3.tgz#9c088679876f374eb5983f150d4787aa6fb32d7e"
@@ -2247,6 +2295,27 @@
22472295
resolved "https://registry.yarnpkg.com/@types/webpack-env/-/webpack-env-1.14.1.tgz#0d8a53f308f017c53a5ddc3d07f4d6fa76b790d7"
22482296
integrity sha512-0Ki9jAAhKDSuLDXOIMADg54Hu60SuBTEsWaJGGy5cV+SSUQ63J2a+RrYYGrErzz39fXzTibhKrAQJAb8M7PNcA==
22492297

2298+
"@types/webpack-sources@*":
2299+
version "0.1.5"
2300+
resolved "https://registry.yarnpkg.com/@types/webpack-sources/-/webpack-sources-0.1.5.tgz#be47c10f783d3d6efe1471ff7f042611bd464a92"
2301+
integrity sha512-zfvjpp7jiafSmrzJ2/i3LqOyTYTuJ7u1KOXlKgDlvsj9Rr0x7ZiYu5lZbXwobL7lmsRNtPXlBfmaUD8eU2Hu8w==
2302+
dependencies:
2303+
"@types/node" "*"
2304+
"@types/source-list-map" "*"
2305+
source-map "^0.6.1"
2306+
2307+
"@types/webpack@^4.41.0":
2308+
version "4.41.1"
2309+
resolved "https://registry.yarnpkg.com/@types/webpack/-/webpack-4.41.1.tgz#571f0e137ce698710dd2637f7d222811eb83e274"
2310+
integrity sha512-n9fP8UrMxOi1wiM3oM+vMZHMJJ7WoQohqd63C20cmKOFkNEy9Q8hyZyDR6PWdvSYt3V3A7cwDq/kWxHlRYYZEg==
2311+
dependencies:
2312+
"@types/anymatch" "*"
2313+
"@types/node" "*"
2314+
"@types/tapable" "*"
2315+
"@types/uglify-js" "*"
2316+
"@types/webpack-sources" "*"
2317+
source-map "^0.6.0"
2318+
22502319
"@types/yargs-parser@*":
22512320
version "13.1.0"
22522321
resolved "https://registry.yarnpkg.com/@types/yargs-parser/-/yargs-parser-13.1.0.tgz#c563aa192f39350a1d18da36c5a8da382bbd8228"
@@ -12034,6 +12103,11 @@ regenerator-runtime@^0.11.0:
1203412103
resolved "https://registry.yarnpkg.com/regenerator-runtime/-/regenerator-runtime-0.11.1.tgz#be05ad7f9bf7d22e056f9726cee5017fbf19e2e9"
1203512104
integrity sha512-MguG95oij0fC3QV3URf4V2SDYGJhJnJGqvIIgdECeODCT98wSWDAJ94SSuVpYQUoTcGUIL6L4yNB7j1DFFHSBg==
1203612105

12106+
regenerator-runtime@^0.12.1:
12107+
version "0.12.1"
12108+
resolved "https://registry.yarnpkg.com/regenerator-runtime/-/regenerator-runtime-0.12.1.tgz#fa1a71544764c036f8c49b13a08b2594c9f8a0de"
12109+
integrity sha512-odxIc1/vDlo4iZcfXqRYFj0vpXFNoGdKMAUieAlFYO6m/nl5e9KR/beGf41z4a1FI+aQgtjhuaSlDxQ0hmkrHg==
12110+
1203712111
regenerator-runtime@^0.13.2, regenerator-runtime@^0.13.3:
1203812112
version "0.13.3"
1203912113
resolved "https://registry.yarnpkg.com/regenerator-runtime/-/regenerator-runtime-0.13.3.tgz#7cf6a77d8f5c6f60eb73c5fc1955b2ceb01e6bf5"

0 commit comments

Comments
 (0)