Storybook-readme: Avoid code highlighting on stories

[LukyVj]

Hello,

first of all, thank you for this addon, it's really good! :) We're using it here at @algolia and we love it!

I just have one request, would it be possible to avoid injecting the github code highlighting style to the story panel, and only keep it active on the sidebar panel?

Here is the thing, we do have a component with some custom code highlighting, but it gets overriden by the github code highlighting coming from your addon, which makes our component looks different than how it should look.

Is it something doable on your end? Like having a global config like:

.addParameters({
    readme: {
        codeHighlight: <story|sidebar>
    }
});

?

Thanks in advance :)

Lucas B.

[tuchk4]

@LukyVj Thanks for feedback! :)

It is easy to implement this feature.
I am going to release new minor version at the end of this week and it will include this feature.

[LukyVj]

Hello @tuchk4 ! Any update on this?

[tuchk4]

Sorry for the delay, had a lot of work

released in 5.0.4

/**
  * Enable / disable code highlighting for sidebar. true by default
  */
  highlightSidebar: true,

/**
  * Enable / disable code highlighting for content. true by default
  */
  highlightContent: true,

storiesOf('Button', module)
  .addParameters({
    readme: {
      codeTheme: 'duotone-sea',
      content: ButtonReadme,
      sidebar: ButtonUsage,
      highlightContent: false,
      highlightSidebar: false,
    },
  })
  .add('Button', () => <Button label={'Hello Im Button'} />)

[LukyVj]

Thanks a lot! you're a ⭐️

[tuchk4]

@LukyVj could you check it please and ping me if something wrong