sm-react/storybook-chapters

React Storybook Addon for Hierarchical Substories (Chapters)

storybook-chapters's Issues

Can this lib support @storybook/react-native?

I use @storybook/react-native for a React Native project, and I did not install @storybook/react.

After install and run storybook-chapters, it shows:

error: bundling: UnableToResolveError: Unable to resolve module `@storybook/react` from `{path_to_project}/node_modules/@storybook/addon-chapters/dist/index.js`: 
Module does not exist in the module map or in these directories:
  {path_to_project}/node_modules/@storybook/addon-chapters/node_modules/@storybook
,  {path_to_project}/node_modules/@storybook

Do I need to install @storybook/react? Does it support React Native app development?

Uncaught TypeError: (0 , _addonLinks.register) is not a function

Running into type error when @storybook/[email protected] tries to register @storybook/[email protected] here: https://github.com/sm-react/storybook-chapters/blob/master/register_es6.js#L11

Can't resolve '@storybook/addon-chapters/register'

After following the guideline in the README file, I added a line to addons.js:

import '@storybook/addon-chapters/register';

but when I ran storybook, it shows:

ERROR in ./storybook/addons.js
Module not found: Error: Can't resolve '@storybook/addon-chapters/register' in '{path_to_project}/storybook'
 @ ./storybook/addons.js 1:0-45
 @ multi ./storybook/addons.js ./~/@storybook/react-native/dist/manager/index.js

I check this repo and I find the register.js file in the ./dist/register.js not ./register.js.

API for declaring chapters

In your readme you've documented this as the API for adding chapters:

// stories.js:

storiesOf('React App', module)
    .chapter('Left panel')
        .add('Button 1', fn(1))
        .add('Button 2', fn(2))
        .chapter('Bottom Panel')
            .add('Input 3', fn(3))
            .add('Input 4', fn(4))
            .endOfChapter()
        .chapter('Header Panel')
            .add('Input 5', fn(5))
            .add('Input 6', fn(6))
            .endOfChapter()
        .endOfChapter()
    .chapter('Right panel')
        .add('Button 7', fn(7))
        .add('Button 8', fn(8))
        .endOfChapter()

I wonder how much effort it would take to change this into:

// stories.js:

storiesOf('React App', module)
    .chapter('Left panel', chapter => chapter
        .add('Button 1', fn(1))
        .add('Button 2', fn(2))
        .chapter('Bottom Panel', chapter => chapter
            .add('Input 3', fn(3))
            .add('Input 4', fn(4))
        )
    )
    .chapter('Header Panel', chapter => chapter
        .add('Input 5', fn(5))
        .add('Input 6', fn(6))
    )
    .chapter('Right panel' chapter => chapter
        .add('Button 7', fn(7))
        .add('Button 8', fn(8))
    )

No more need for .endOfChapter() and code indenting-wise it's more correct.

URL Routing not working

Actual behaviour:
Given I opened a story
When I refresh the page
Then I am at the root of the storybook

Expected behaviour:
Given I opened a story
When I refresh the page
Then the story is still open

Migrate to @storybook/addon-chapters

since v0.5.0 it's @storybook/addon-chapters on npm

сс @hadfieldn

Error when add 'import '@storybook/addon-chapters' in config

I have an error when I add the line 'import '@storybook/addon-chapters' in my config.

Uncaught Error: Accessing nonexistent addons channel, see https://storybook.js.org/basics/faq/#why-is-there-no-addons-channel
at AddonStore.getChannel (index.js:39)
at setupChannel (store.js:297)

Is this a bug or am I setting something wrong?