@nicktomlin/babel-plugin-jsx-source
v1.0.0-alpha.1
Published
Transform to provide source code for
Downloads
2
Readme
babel-plugin-react-source
:warning: This is currently a spike :warning:
A transform to add a source code string to a JSX component, useful for example applications or storybooks.
# or yarn add
npm install --save-dev @nicktomlin/babel-plugin-jsx-source
// .bablerc
// add 'jsx-source' to your babel plugins
{
"plugins": ['jsx-source']
}
<JSXExample>
<MyComponent className="test">
<p>Hello</p>
</MyComponent>
</JSXExample>;
Becomes:
<JSXExample __source__="<MyComponent className=\"test\">\n <p>Hello</p>\n </MyComponent>">
<MyComponent className="test">
<p>Hello</p>
</MyComponent>
</JSXExample>;
You can use this within your component to run the __source__
prop through a syntax highlighter like highligh.js or prism.js.