mirror of
https://github.com/facebook/react.git
synced 2026-02-24 20:53:03 +00:00
6b30832666
The old version of prettier we were using didn't support the Flow syntax to access properties in a type using `SomeType['prop']`. This updates `prettier` and `rollup-plugin-prettier` to the latest versions. I added the prettier config `arrowParens: "avoid"` to reduce the diff size as the default has changed in Prettier 2.0. The largest amount of changes comes from function expressions now having a space. This doesn't have an option to preserve the old behavior, so we have to update this.
96 lines
2.2 KiB
JavaScript
96 lines
2.2 KiB
JavaScript
/**
|
|
* Copyright (c) Meta Platforms, Inc. and affiliates.
|
|
*
|
|
* This source code is licensed under the MIT license found in the
|
|
* LICENSE file in the root directory of this source tree.
|
|
*
|
|
*/
|
|
|
|
'use strict';
|
|
|
|
const babelRegister = require('@babel/register');
|
|
babelRegister({
|
|
ignore: [/[\\\/](build|server\/server|node_modules)[\\\/]/],
|
|
presets: [['react-app', {runtime: 'automatic'}]],
|
|
plugins: ['@babel/transform-modules-commonjs'],
|
|
});
|
|
|
|
const express = require('express');
|
|
const compress = require('compression');
|
|
const {readFileSync} = require('fs');
|
|
const path = require('path');
|
|
const render = require('./render');
|
|
const {JS_BUNDLE_DELAY} = require('./delays');
|
|
|
|
const PORT = process.env.PORT || 4000;
|
|
const app = express();
|
|
|
|
app.use((req, res, next) => {
|
|
if (req.url.endsWith('.js')) {
|
|
// Artificially delay serving JS
|
|
// to demonstrate streaming HTML.
|
|
setTimeout(next, JS_BUNDLE_DELAY);
|
|
} else {
|
|
next();
|
|
}
|
|
});
|
|
|
|
app.use(compress());
|
|
app.get(
|
|
'/',
|
|
handleErrors(async function (req, res) {
|
|
await waitForWebpack();
|
|
render(req.url, res);
|
|
})
|
|
);
|
|
app.use(express.static('build'));
|
|
app.use(express.static('public'));
|
|
|
|
app
|
|
.listen(PORT, () => {
|
|
console.log(`Listening at ${PORT}...`);
|
|
})
|
|
.on('error', function (error) {
|
|
if (error.syscall !== 'listen') {
|
|
throw error;
|
|
}
|
|
const isPipe = portOrPipe => Number.isNaN(portOrPipe);
|
|
const bind = isPipe(PORT) ? 'Pipe ' + PORT : 'Port ' + PORT;
|
|
switch (error.code) {
|
|
case 'EACCES':
|
|
console.error(bind + ' requires elevated privileges');
|
|
process.exit(1);
|
|
break;
|
|
case 'EADDRINUSE':
|
|
console.error(bind + ' is already in use');
|
|
process.exit(1);
|
|
break;
|
|
default:
|
|
throw error;
|
|
}
|
|
});
|
|
|
|
function handleErrors(fn) {
|
|
return async function (req, res, next) {
|
|
try {
|
|
return await fn(req, res);
|
|
} catch (x) {
|
|
next(x);
|
|
}
|
|
};
|
|
}
|
|
|
|
async function waitForWebpack() {
|
|
while (true) {
|
|
try {
|
|
readFileSync(path.resolve(__dirname, '../build/main.js'));
|
|
return;
|
|
} catch (err) {
|
|
console.log(
|
|
'Could not find webpack build output. Will retry in a second...'
|
|
);
|
|
await new Promise(resolve => setTimeout(resolve, 1000));
|
|
}
|
|
}
|
|
}
|