wix-storybook-utils
Version:
Utilities for automated component documentation within Storybook
30 lines • 1.59 kB
JavaScript
import * as React from 'react';
import Remarkable from 'react-remarkable';
import hljs from 'highlight.js/lib/highlight.js';
import './style.scss';
hljs.registerLanguage('javascript', require('highlight.js/lib/languages/javascript.js'));
hljs.registerLanguage('typescript', require('highlight.js/lib/languages/typescript.js'));
hljs.registerLanguage('css', require('highlight.js/lib/languages/css.js'));
hljs.registerLanguage('scss', require('highlight.js/lib/languages/scss.js'));
hljs.registerLanguage('xml', require('highlight.js/lib/languages/xml.js'));
hljs.registerLanguage('bash', require('highlight.js/lib/languages/bash.js'));
hljs.registerLanguage('diff', require('highlight.js/lib/languages/diff.js'));
hljs.registerLanguage('markdown', require('highlight.js/lib/languages/markdown.js'));
hljs.registerLanguage('django', require('highlight.js/lib/languages/django.js'));
var options = {
html: true,
linkTarget: '_parent',
highlight: function (code, lang) { return hljs.highlight(lang, code).value; },
};
var Markdown = function (_a) {
var source = _a.source, className = _a.className, dataHook = _a.dataHook;
// TODO: remove this hack
// it can be done once AutoExample is no longer used in E2E throughout wix-ui and wix-style-react
if (global.self === global.top) {
return null;
}
return (React.createElement("div", { "data-hook": dataHook, className: className || 'markdown-body' },
React.createElement(Remarkable, { source: source.trim(), options: options })));
};
export default Markdown;
//# sourceMappingURL=index.js.map