From f69c66351d5246bf69e675845ef65633bdd1c5e4 Mon Sep 17 00:00:00 2001 From: matheusps Date: Sun, 3 Nov 2019 23:31:59 -0300 Subject: [PATCH] code preview enabled --- .storybook/addons.ts | 1 + .storybook/webpack.config.js | 31 +++++++++++++++++----------- package.json | 1 + yarn.lock | 39 ++++++++++++++++++++++++++++++++++++ 4 files changed, 60 insertions(+), 12 deletions(-) create mode 100644 .storybook/addons.ts diff --git a/.storybook/addons.ts b/.storybook/addons.ts new file mode 100644 index 0000000..b94b37f --- /dev/null +++ b/.storybook/addons.ts @@ -0,0 +1 @@ +import '@storybook/addon-storysource/register' diff --git a/.storybook/webpack.config.js b/.storybook/webpack.config.js index 8338de1..b977f23 100644 --- a/.storybook/webpack.config.js +++ b/.storybook/webpack.config.js @@ -1,15 +1,22 @@ module.exports = ({ config }) => { - config.module.rules.push({ - test: /\.(ts|tsx)$/, - use: [ - { - loader: require.resolve('awesome-typescript-loader'), - }, - { - loader: require.resolve('react-docgen-typescript-loader'), - }, - ], - }) - config.resolve.extensions.push('.ts', '.tsx') + config.module.rules.push( + { + test: /\.(ts|tsx)$/, + use: [ + { + loader: require.resolve('awesome-typescript-loader'), + }, + { + loader: require.resolve('react-docgen-typescript-loader'), + }, + ], + }, + { + test: /\.stories\.tsx?$/, + loaders: [require.resolve('@storybook/source-loader')], + enforce: 'pre', + } + ), + config.resolve.extensions.push('.ts', '.tsx') return config } diff --git a/package.json b/package.json index d89385d..a796863 100644 --- a/package.json +++ b/package.json @@ -28,6 +28,7 @@ "prepublishOnly": "npm run build" }, "devDependencies": { + "@storybook/addon-storysource": "^5.2.5", "@storybook/react": "^5.2.4", "@svgr/rollup": "^4.3.0", "@testing-library/jest-dom": "^4.1.2", diff --git a/yarn.lock b/yarn.lock index d2722ef..d024f61 100644 --- a/yarn.lock +++ b/yarn.lock @@ -1212,6 +1212,25 @@ resolved "https://registry.yarnpkg.com/@sindresorhus/is/-/is-0.14.0.tgz#9fb3a3cf3132328151f353de4632e01e52102bea" integrity sha512-9NET910DNaIPngYnLLPeg+Ogzqsi9uM4mSboU5y6p8S5DzMTVEsJZrawi+BoDNUVBa2DhJqQYUFvMDfgU062LQ== +"@storybook/addon-storysource@^5.2.5": + version "5.2.5" + resolved "https://registry.yarnpkg.com/@storybook/addon-storysource/-/addon-storysource-5.2.5.tgz#8a1182e112d011b04f3c00b64700b5cb7b0031ee" + integrity sha512-kZwZdMNYW3LOxSYBkXxWKkaksatdZ0drJ3NWrHI6EbssxjggFyjBzx59aBUULLSIDnmhssugFjq/cpnPMqu/4Q== + dependencies: + "@storybook/addons" "5.2.5" + "@storybook/components" "5.2.5" + "@storybook/router" "5.2.5" + "@storybook/source-loader" "5.2.5" + "@storybook/theming" "5.2.5" + core-js "^3.0.1" + estraverse "^4.2.0" + loader-utils "^1.2.3" + prettier "^1.16.4" + prop-types "^15.7.2" + react-syntax-highlighter "^8.0.1" + regenerator-runtime "^0.12.1" + util-deprecate "^1.0.2" + "@storybook/addons@5.2.5": version "5.2.5" resolved "https://registry.yarnpkg.com/@storybook/addons/-/addons-5.2.5.tgz#e3e23d5ea6eb221df31e1a5d125be47454e9a0e8" @@ -1452,6 +1471,21 @@ memoizerific "^1.11.3" qs "^6.6.0" +"@storybook/source-loader@5.2.5": + version "5.2.5" + resolved "https://registry.yarnpkg.com/@storybook/source-loader/-/source-loader-5.2.5.tgz#8cb856aaaa47116f428bf7330a457e171d96c3fc" + integrity sha512-XPhV4UhJq2h5anQn7ETuHQd/c/qQ/7qKxffVlAMQim4aXGqTKdMe0jHoziG4nyj0hMxWGjqbwHw69fCYI4pCog== + dependencies: + "@storybook/addons" "5.2.5" + "@storybook/router" "5.2.5" + core-js "^3.0.1" + estraverse "^4.2.0" + global "^4.3.2" + loader-utils "^1.2.3" + prettier "^1.16.4" + prop-types "^15.7.2" + regenerator-runtime "^0.12.1" + "@storybook/theming@5.2.5": version "5.2.5" resolved "https://registry.yarnpkg.com/@storybook/theming/-/theming-5.2.5.tgz#9579e7944f61ded637d1d79be5fb859a617620f5" @@ -9054,6 +9088,11 @@ prepend-http@^2.0.0: resolved "https://registry.yarnpkg.com/prepend-http/-/prepend-http-2.0.0.tgz#e92434bfa5ea8c19f41cdfd401d741a3c819d897" integrity sha1-6SQ0v6XqjBn0HN/UAddBo8gZ2Jc= +prettier@^1.16.4: + version "1.18.2" + resolved "https://registry.yarnpkg.com/prettier/-/prettier-1.18.2.tgz#6823e7c5900017b4bd3acf46fe9ac4b4d7bda9ea" + integrity sha512-OeHeMc0JhFE9idD4ZdtNibzY0+TPHSpSSb9h8FqtP+YnoZZ1sl8Vc9b1sasjfymH3SonAF4QcA2+mzHPhMvIiw== + pretty-error@^2.1.1: version "2.1.1" resolved "https://registry.yarnpkg.com/pretty-error/-/pretty-error-2.1.1.tgz#5f4f87c8f91e5ae3f3ba87ab4cf5e03b1a17f1a3"