| 1 |
|
| 2 | import ReactDOMServer from 'react-dom/server';
|
| 3 | import React from 'react';
|
| 4 | import { StyleSheetServer } from '../../lib/index.js';
|
| 5 |
|
| 6 | import StyleTester from './StyleTester.js';
|
| 7 |
|
| 8 | export default function() {
|
| 9 | const data = StyleSheetServer.renderStatic(
|
| 10 | () => ReactDOMServer.renderToString(<StyleTester />));
|
| 11 |
|
| 12 | return `
|
| 13 | <!doctype html>
|
| 14 | <html>
|
| 15 | <head>
|
| 16 | <meta charset="utf-8">
|
| 17 | <style data-aphrodite>${data.css.content}</style>
|
| 18 | </head>
|
| 19 | <body>
|
| 20 | <div id="root">${data.html}</div>
|
| 21 | <script>window.renderedClassNames = ${JSON.stringify(data.css.renderedClassNames)};</script>
|
| 22 | <script src="./bundle.js"></script>
|
| 23 | </body>
|
| 24 | </html>
|
| 25 | `;
|
| 26 | }
|