mirror of
https://github.com/status-im/react-native.git
synced 2025-01-09 17:15:54 +00:00
6a8200df95
Summary: This only affects the website when it is hosted locally using express. The current version of the website is annoyingly sluggish, as the whole docs structure is parsed on each request. In this PR, we store the result of extracting the Markdown sources in memory, significantly speeding up page loads. We also delay the extraction of docs until a request is made that would require them (e.g. anything that hits `/react-native/docs/*`). There is still a 8 second delay when the docs are first visited, as expected. This can be improved in a later PR. Any changes to the docs structure may require a server restart to take effect. This is rare enough that I don't think it is a blocker. This PR significantly speeds up first page load times on the homepage and any non-docs site, and speeds up subsequent page loads on Docs. This will make for a better web development experience. Extracting the docs on each request takes around 8 seconds. Storing these in memory allows us to virtuall Closes https://github.com/facebook/react-native/pull/12203 Differential Revision: D4516697 Pulled By: hramos fbshipit-source-id: 05276e9827c82e38ccf064209b3fd38005f8e247
67 lines
2.0 KiB
JavaScript
67 lines
2.0 KiB
JavaScript
/**
|
|
* Copyright (c) 2015-present, Facebook, Inc.
|
|
* All rights reserved.
|
|
*
|
|
* This source code is licensed under the BSD-style license found in the
|
|
* LICENSE file in the root directory of this source tree. An additional grant
|
|
* of patent rights can be found in the PATENTS file in the same directory.
|
|
*/
|
|
|
|
"use strict";
|
|
var connect = require('connect');
|
|
var http = require('http');
|
|
var optimist = require('optimist');
|
|
var path = require('path');
|
|
var reactMiddleware = require('react-page-middleware');
|
|
var convert = require('./convert.js');
|
|
|
|
var argv = optimist.argv;
|
|
|
|
var PROJECT_ROOT = path.resolve(__dirname, '..');
|
|
var FILE_SERVE_ROOT = path.join(PROJECT_ROOT, 'src');
|
|
|
|
var port = argv.port;
|
|
if (argv.$0 === 'node ./server/generate.js') {
|
|
// Using a different port so that you can publish the website
|
|
// and keeping the server up at the same time.
|
|
port = 8079;
|
|
}
|
|
|
|
var buildOptions = {
|
|
projectRoot: PROJECT_ROOT,
|
|
pageRouteRoot: FILE_SERVE_ROOT,
|
|
useBrowserBuiltins: false,
|
|
logTiming: true,
|
|
useSourceMaps: true,
|
|
ignorePaths: function(p) {
|
|
return p.indexOf('__tests__') !== -1;
|
|
},
|
|
serverRender: true,
|
|
dev: argv.dev !== 'false',
|
|
static: true
|
|
};
|
|
|
|
var app = connect()
|
|
.use(function(req, res, next) {
|
|
// convert all the md files on every request. This is not optimal
|
|
// but fast enough that we don't really need to care right now.
|
|
if (!server.noconvert && req.url.match(/\.html|\/$/)) {
|
|
var extractDocs = req.url.match(/\/docs/); // Lazily extract docs.
|
|
convert({extractDocs});
|
|
}
|
|
next();
|
|
})
|
|
.use(reactMiddleware.provide(buildOptions))
|
|
.use(connect['static'](FILE_SERVE_ROOT))
|
|
.use(connect.favicon(path.join(FILE_SERVE_ROOT, 'react-native', 'img', 'favicon.png')))
|
|
.use(connect.logger())
|
|
.use(connect.compress())
|
|
.use(connect.errorHandler());
|
|
|
|
var portToUse = port || 8079;
|
|
var server = http.createServer(app);
|
|
server.listen(portToUse, function(){
|
|
console.log('Open http://localhost:' + portToUse + '/react-native/index.html');
|
|
});
|
|
module.exports = server;
|