diff --git a/.storybook/webpack.config.js b/.storybook/webpack.config.js index b909589..ed8c5ea 100644 --- a/.storybook/webpack.config.js +++ b/.storybook/webpack.config.js @@ -1,4 +1,4 @@ -module.exports = (baseConfig, env, config) => { +module.exports = ({ config }) => { config.module.rules.push( { test: /\.worker\.[jt]s$/, diff --git a/CHANGELOG.md b/CHANGELOG.md index 41dd4ed..7e33a8e 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -2,6 +2,10 @@ ## [Unreleased] +### Changed + +- Upgrade Storybook to v5 ([#6](https://github.com/marp-team/marp-react/pull/6)) + ### Fixed - Fix ignored whitespaces and line breaks in fenced code ([#4](https://github.com/marp-team/marp-react/issues/4), [#5](https://github.com/marp-team/marp-react/pull/5)) diff --git a/README.md b/README.md index 7e837db..1ca3d93 100644 --- a/README.md +++ b/README.md @@ -1,6 +1,6 @@ # @marp-team/marp-react -[![Storybook](https://bit.ly/2SrP6Hf)](https://marp-react.netlify.com/) +[![Storybook](https://raw.githubusercontent.com/storybooks/brand/master/badge/badge-storybook.svg?sanitize=true)](https://marp-react.netlify.com/) [![CircleCI](https://img.shields.io/circleci/project/github/marp-team/marp-react/master.svg?style=flat-square&logo=circleci)](https://circleci.com/gh/marp-team/marp-react/) [![Codecov](https://img.shields.io/codecov/c/github/marp-team/marp-react/master.svg?style=flat-square&logo=codecov)](https://codecov.io/gh/marp-team/marp-react) [![npm](https://img.shields.io/npm/v/@marp-team/marp-react.svg?style=flat-square&logo=npm)](https://www.npmjs.com/package/@marp-team/marp-react) diff --git a/package.json b/package.json index 79c8d88..693b30c 100644 --- a/package.json +++ b/package.json @@ -55,9 +55,9 @@ "devDependencies": { "@babel/core": "^7.3.4", "@marp-team/marp-core": "^0.6.1", - "@storybook/addon-knobs": "^4.1.13", - "@storybook/addons": "^4.1.13", - "@storybook/react": "^4.1.13", + "@storybook/addon-knobs": "^5.0.0", + "@storybook/addons": "^5.0.0", + "@storybook/react": "^5.0.0", "@types/enzyme": "^3.9.0", "@types/jest": "^24.0.9", "@types/react": "^16.8.6", diff --git a/stories/marp-worker.stories.tsx b/stories/marp-worker.stories.tsx index c752e9f..eb6f737 100644 --- a/stories/marp-worker.stories.tsx +++ b/stories/marp-worker.stories.tsx @@ -1,5 +1,6 @@ import { storiesOf } from '@storybook/react' -import React, { useState } from 'react' +import { withKnobs, text } from '@storybook/addon-knobs' +import React from 'react' import MarpWorker from '../src/MarpWorker' import MarpWorkerEntry from './marp.worker' @@ -12,93 +13,59 @@ const largeMd = (baseMd: string) => { return markdown } -const Editor: React.FC<{ - children: (buffer: string) => any - markdown?: string -}> = props => { - const { children, markdown } = props - const [buffer, setBuffer] = useState(markdown || '') - const handleChange = e => setBuffer(e.target.value) - - return ( -
-