"shell" is not supported about react-code-blocks HOT 8 CLOSED

This issue still occurs in version 0.0.8 published in npm.

from react-code-blocks.

Reading your code, I saw you're using Prism highlighter by default

// https://github.com/rajinwonderland/react-code-blocks/blob/master/packages/react-code-blocks/src/components/Code.tsx#L2

import React, { PureComponent } from 'react';
import { PrismAsyncLight as SyntaxHighlighter } from 'react-syntax-highlighter';
import { applyTheme } from '../utils/themeBuilder';

And you normalized the bash to shell

// https://github.com/rajinwonderland/react-code-blocks/blob/master/packages/react-code-blocks/src/utils/normalizeLanguage.ts#L67-L70

{
    name: 'Shell',
    alias: ['shell', 'bash', 'sh', 'ksh', 'zsh'],
    value: 'shell',
  },

And then I checkout the react-syntax-highlighter
https://github.com/react-syntax-highlighter/react-syntax-highlighter/tree/master/src/languages/prism

It looks like Prism support bash instead of shell.
However, hljs supports both bash and shell.

from react-code-blocks.

@SebasG22 try using markup instead of html! Here's a previous issue for further clarification

@thesobercoder @lawrenceching I'll be hopefully free this weekend to push a new release! 🤞

Always accepting PRs too!

from react-code-blocks.

Great catch @lawrenceching I'll go ahead and fix this!

from react-code-blocks.

Is this fixed? I'm still getting the error.

from react-code-blocks.

I'm getting the same error but with html.
Language html not supported
Hopefully, a fix should be on the way.

from react-code-blocks.

Hi @rajinwonderland, I tried this weekend to push a PR to you to fix it, but I was unable to fork the repo and make it worked on my laptop.
Are there any requirements or pre-build operations to do to make this project work locally ?

For example, I had some trouble with the command yarn workspace command.

from react-code-blocks.

Hey @mat250 sorry for answering so late!

You want to:

Install Dependencies

yarn

Start Storybook

yarn pkg storybook 

Build the Package

yarn pkg build

Watch the package

yarn pkg start

Preview on Demo

yarn start:demo

or

yarn demo start

Submit PR

🎉🎉🎉🎉

Let me know if this helps!

from react-code-blocks.