UNPKG

wix-storybook-utils

Version:

Utilities for automated component documentation within Storybook

30 lines 1.59 kB
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