2018-03-06 14:12:49 +03:00
|
|
|
import { renderToString } from 'react-dom/server';
|
|
|
|
|
import * as React from 'react';
|
|
|
|
|
import { ServerStyleSheet } from 'styled-components';
|
2018-03-07 18:21:45 +03:00
|
|
|
// @ts-ignore
|
2018-03-06 14:12:49 +03:00
|
|
|
import { Redoc, createStore } from '../../';
|
|
|
|
|
import { readFileSync } from 'fs';
|
|
|
|
|
import { resolve } from 'path';
|
|
|
|
|
|
|
|
|
|
const yaml = require('yaml-js');
|
|
|
|
|
const http = require('http');
|
|
|
|
|
const url = require('url');
|
|
|
|
|
const fs = require('fs');
|
|
|
|
|
|
|
|
|
|
const PORT = 9999;
|
|
|
|
|
|
|
|
|
|
const server = http.createServer(async (request, response) => {
|
|
|
|
|
console.time('request ' + request.url);
|
|
|
|
|
if (request.url === '/redoc.standalone.js') {
|
|
|
|
|
fs.createReadStream('bundles/redoc.standalone.js', 'utf8').pipe(response);
|
|
|
|
|
} else if (request.url === '/') {
|
|
|
|
|
const spec = yaml.load(readFileSync(resolve(__dirname, '../openapi.yaml')));
|
2018-03-07 18:14:00 +03:00
|
|
|
let store = await createStore(spec, 'path/to/spec.yaml');
|
2018-03-06 14:12:49 +03:00
|
|
|
|
|
|
|
|
const sheet = new ServerStyleSheet();
|
|
|
|
|
|
|
|
|
|
const html = renderToString(sheet.collectStyles(React.createElement(Redoc, { store })));
|
|
|
|
|
const css = sheet.getStyleTags();
|
|
|
|
|
|
|
|
|
|
const res = `<html>
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="utf8" />
|
|
|
|
|
<title>ReDoc</title>
|
|
|
|
|
<!-- needed for adaptive design -->
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
|
|
<style>
|
|
|
|
|
body {
|
|
|
|
|
padding: 0;
|
|
|
|
|
margin: 0;
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
<script src="redoc.standalone.js"></script>
|
|
|
|
|
<link href="https://fonts.googleapis.com/css?family=Montserrat:300,400,700|Roboto:300,400,700" rel="stylesheet">
|
|
|
|
|
${css}
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
2018-03-07 18:14:00 +03:00
|
|
|
<script>
|
2018-03-06 14:12:49 +03:00
|
|
|
document.addEventListener('DOMContentLoaded', function() {
|
2018-03-07 18:14:00 +03:00
|
|
|
const state = ${JSON.stringify(await store.toJS())};
|
|
|
|
|
Redoc.hydrate(state, document.getElementById('redoc'));
|
2018-03-06 14:12:49 +03:00
|
|
|
});
|
2018-03-07 18:14:00 +03:00
|
|
|
</script>
|
|
|
|
|
<div id="redoc">${html}</div>
|
2018-03-06 14:12:49 +03:00
|
|
|
</body>
|
|
|
|
|
</html>`;
|
2018-03-07 18:14:00 +03:00
|
|
|
response.writeHead(200, { 'Content-Length': res.length });
|
2018-03-06 14:12:49 +03:00
|
|
|
response.write(res);
|
|
|
|
|
response.end();
|
|
|
|
|
} else {
|
|
|
|
|
response.writeHead(404);
|
|
|
|
|
response.write('Not found');
|
|
|
|
|
response.end();
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
console.timeEnd('request ' + request.url);
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
server.listen(PORT, () => console.log(`Server started: http://127.0.0.1:${PORT}`));
|
