Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Components: react-syntaxt-highlighter optimization #12948

Merged
merged 8 commits into from
Nov 3, 2020
Merged

Components: react-syntaxt-highlighter optimization #12948

Changes from all commits
Commits
Show all changes
8 commits
Select commit Hold shift + click to select a range
e8df717
test
ndelangen Oct 29, 2020
e2a10cb
no message
ndelangen Oct 29, 2020
2e788b7
lockfile fix
ndelangen Oct 29, 2020
a992ea1
fix jsExtra
ndelangen Oct 29, 2020
f0f52cc
Merge branch 'next' into perf/syntax-highlighter-async
shilman Nov 1, 2020
22ec4ad
Merge branch 'perf/syntax-highlighter-async' of github.com:storybookj…
ndelangen Nov 2, 2020
197742a
Merge branch 'next' into perf/syntax-highlighter-async
ndelangen Nov 2, 2020
40086ea
Merge branch 'next' into perf/syntax-highlighter-async
shilman Nov 3, 2020
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Jump to
Jump to file
Failed to load files.
Diff view
Diff view
16 changes: 15 additions & 1 deletion lib/components/src/syntaxhighlighter/syntaxhighlighter.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,18 +4,31 @@ import { styled } from '@storybook/theming';
import { navigator, window } from 'global';
import memoize from 'memoizerific';

// @ts-ignore
import jsx from 'react-syntax-highlighter/dist/cjs/languages/prism/jsx';
// @ts-ignore
import bash from 'react-syntax-highlighter/dist/cjs/languages/prism/bash';
// @ts-ignore
import css from 'react-syntax-highlighter/dist/cjs/languages/prism/css';
// @ts-ignore
import jsExtras from 'react-syntax-highlighter/dist/cjs/languages/prism/js-extras';
// @ts-ignore
import json from 'react-syntax-highlighter/dist/cjs/languages/prism/json';
// @ts-ignore
import graphql from 'react-syntax-highlighter/dist/cjs/languages/prism/graphql';
// @ts-ignore
import html from 'react-syntax-highlighter/dist/cjs/languages/prism/markup';
// @ts-ignore
import md from 'react-syntax-highlighter/dist/cjs/languages/prism/markdown';
// @ts-ignore
import yml from 'react-syntax-highlighter/dist/cjs/languages/prism/yaml';
// @ts-ignore
import tsx from 'react-syntax-highlighter/dist/cjs/languages/prism/tsx';
// @ts-ignore
import typescript from 'react-syntax-highlighter/dist/cjs/languages/prism/typescript';

import { PrismLight as ReactSyntaxHighlighter } from 'react-syntax-highlighter';
// @ts-ignore
import ReactSyntaxHighlighter from 'react-syntax-highlighter/dist/cjs/prism-light';
// @ts-ignore
import createElement from 'react-syntax-highlighter/dist/cjs/create-element';
import { ActionBar } from '../ActionBar/ActionBar';
Expand All @@ -25,6 +38,7 @@ import { formatter } from './formatter';

export { createElement as createSyntaxHighlighterElement };

ReactSyntaxHighlighter.registerLanguage('jsextra', jsExtras);
ReactSyntaxHighlighter.registerLanguage('jsx', jsx);
ReactSyntaxHighlighter.registerLanguage('json', json);
ReactSyntaxHighlighter.registerLanguage('yml', yml);
Expand Down