Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
const SyntaxHighlighter = require('react-syntax-highlighter/dist/esm/light').default;
// Import languages from SyntaxHighlighter
const ts = require('react-syntax-highlighter/dist/esm/languages/hljs/typescript').default;
const scss = require('react-syntax-highlighter/dist/esm/languages/hljs/scss').default;
const md = require('react-syntax-highlighter/dist/esm/languages/hljs/markdown').default;
const bash = require('react-syntax-highlighter/dist/esm/languages/hljs/bash').default;
const xml = require('react-syntax-highlighter/dist/esm/languages/hljs/xml').default;
// tslint:enable no-any
// Import SyntaxHighlighter styles
const style: { [key: string]: IRawStyle } = require('react-syntax-highlighter/dist/styles/hljs/github').default;
// Register languages
SyntaxHighlighter.registerLanguage('typescript', ts);
SyntaxHighlighter.registerLanguage('scss', scss);
SyntaxHighlighter.registerLanguage('markdown', md);
SyntaxHighlighter.registerLanguage('bash', bash);
SyntaxHighlighter.registerLanguage('html', xml);
// Customize imported SyntaxHighlighter styles. Available properties:
// https://github.com/conorhastings/react-syntax-highlighter/blob/master/src/styles/hljs/github.js
style.hljs = {
...baseCodeStyle,
padding: 8,
overflowX: 'auto'
};
// Darken comment color for accessibility
style['hljs-comment'] = style['hljs-quote'] = {
color: NeutralColors.gray120,
fontStyle: 'italic'
};
const ts = require('react-syntax-highlighter/dist/esm/languages/hljs/typescript').default;
const scss = require('react-syntax-highlighter/dist/esm/languages/hljs/scss').default;
const md = require('react-syntax-highlighter/dist/esm/languages/hljs/markdown').default;
const bash = require('react-syntax-highlighter/dist/esm/languages/hljs/bash').default;
const xml = require('react-syntax-highlighter/dist/esm/languages/hljs/xml').default;
// tslint:enable no-any
// Import SyntaxHighlighter styles
const style: { [key: string]: IRawStyle } = require('react-syntax-highlighter/dist/styles/hljs/github').default;
// Register languages
SyntaxHighlighter.registerLanguage('typescript', ts);
SyntaxHighlighter.registerLanguage('scss', scss);
SyntaxHighlighter.registerLanguage('markdown', md);
SyntaxHighlighter.registerLanguage('bash', bash);
SyntaxHighlighter.registerLanguage('html', xml);
// Customize imported SyntaxHighlighter styles. Available properties:
// https://github.com/conorhastings/react-syntax-highlighter/blob/master/src/styles/hljs/github.js
style.hljs = {
...baseCodeStyle,
padding: 8,
overflowX: 'auto'
};
// Darken comment color for accessibility
style['hljs-comment'] = style['hljs-quote'] = {
color: NeutralColors.gray120,
fontStyle: 'italic'
};
export interface ICodeSnippetProps {
className?: string;
// Import languages from SyntaxHighlighter
const ts = require('react-syntax-highlighter/dist/esm/languages/hljs/typescript').default;
const scss = require('react-syntax-highlighter/dist/esm/languages/hljs/scss').default;
const md = require('react-syntax-highlighter/dist/esm/languages/hljs/markdown').default;
const bash = require('react-syntax-highlighter/dist/esm/languages/hljs/bash').default;
const xml = require('react-syntax-highlighter/dist/esm/languages/hljs/xml').default;
// tslint:enable no-any
// Import SyntaxHighlighter styles
const style: { [key: string]: IRawStyle } = require('react-syntax-highlighter/dist/styles/hljs/github').default;
// Register languages
SyntaxHighlighter.registerLanguage('typescript', ts);
SyntaxHighlighter.registerLanguage('scss', scss);
SyntaxHighlighter.registerLanguage('markdown', md);
SyntaxHighlighter.registerLanguage('bash', bash);
SyntaxHighlighter.registerLanguage('html', xml);
// Customize imported SyntaxHighlighter styles. Available properties:
// https://github.com/conorhastings/react-syntax-highlighter/blob/master/src/styles/hljs/github.js
style.hljs = {
...baseCodeStyle,
padding: 8,
overflowX: 'auto'
};
// Darken comment color for accessibility
style['hljs-comment'] = style['hljs-quote'] = {
color: NeutralColors.gray120,
fontStyle: 'italic'
};
export interface ICodeSnippetProps {
// Import languages from SyntaxHighlighter
const ts = require('react-syntax-highlighter/dist/esm/languages/hljs/typescript').default;
const scss = require('react-syntax-highlighter/dist/esm/languages/hljs/scss').default;
const md = require('react-syntax-highlighter/dist/esm/languages/hljs/markdown').default;
const bash = require('react-syntax-highlighter/dist/esm/languages/hljs/bash').default;
const xml = require('react-syntax-highlighter/dist/esm/languages/hljs/xml').default;
// tslint:enable no-any
// Import SyntaxHighlighter styles
const style: { [key: string]: IRawStyle } = require('react-syntax-highlighter/dist/styles/hljs/github').default;
// Register languages
SyntaxHighlighter.registerLanguage('typescript', ts);
SyntaxHighlighter.registerLanguage('scss', scss);
SyntaxHighlighter.registerLanguage('markdown', md);
SyntaxHighlighter.registerLanguage('bash', bash);
SyntaxHighlighter.registerLanguage('html', xml);
// Customize imported SyntaxHighlighter styles. Available properties:
// https://github.com/conorhastings/react-syntax-highlighter/blob/master/src/styles/hljs/github.js
style.hljs = {
...baseCodeStyle,
padding: 8,
overflowX: 'auto'
};
// Darken comment color for accessibility
style['hljs-comment'] = style['hljs-quote'] = {
color: NeutralColors.gray120,
fontStyle: 'italic'
};